/* ==========================================================================
   General Site Styling
   ========================================================================== */

hr{
    border-top: 1px solid #404042;
}

/* Cheat sheet color codes
   ========================================================================== 
Red: #FD6262  
Red Hover: #BE4A4A
Semidark Blue: #4C81B6 
Dark Blue: #3A556B 
Grey: #8A8A8A
Dark grey: #1A1C1E
Background grey: #212020
Black: #141416


Dark/Mixed - 100: For body background color

Dark/Mixed - 200: For cards background color

Dark/Mixed - 300: For chips buttons, dropdowns background color

Dark/Mixed - 400: For sidebars, navbar background color

Dark/Mixed - 500: For modal, dialogs background color

Dark/Mixed - 600: For on background texts color


CSS DARK THEME PRIMARY COLORS
--color-primary-100:  #4c81b6;
--color-primary-200:  #628ebe;
--color-primary-300:  #779cc6;
--color-primary-400:  #8ba9ce;
--color-primary-500:  #9fb7d6;
--color-primary-600:  #b2c5de;  

CSS DARK THEME SURFACE COLORS 
--color-surface-100:  #212020;
--color-surface-200:  #29292b;
--color-surface-300:  #404042;
--color-surface-400:  #58585a;
--color-surface-500:  #727273;
--color-surface-600:  #8c8c8d;  

CSS DARK THEME MIXED SURFACE COLORS
--color-surface-mixed-100:  #202732;
--color-surface-mixed-200:  #353b46;
--color-surface-mixed-300:  #4b515a;
--color-surface-mixed-400:  #636770;
--color-surface-mixed-500:  #7b7f86;
--color-surface-mixed-600:  #94979d; 
*/

/* Fonts
   ========================================================================== */
/* ----- Imported fonts -----*/
/*Open Sans*/
@font-face {
    font-family: 'Open Sans';
    src: url('/customfonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/customfonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-style: normal;
}
/*Poppins*/
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/customfonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://fonts.parttrap.com/Icons/material-icons-outlined.woff2") format("woff2"), url("https://fonts.parttrap.com/Icons/material-icons-outlined.woff") format("woff");
}

/* ----- Body fonts ----- */
body {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.page{
    background: #141416;
    color: white;
}

/*a{
    color: black;
}*/

a{
    color: white;
}

a:hover, a:focus{
    color: white;
}

/* ----- Headings -----*/
h1, h1.page-header, h2, h2.page-header, .page-header, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:'Poppins', 'Open Sans';
    font-weight: 600;
  	color: white;
  
}
h1, h1.page-header {
    font-size:;
  	
}
h2, h2.page-header {
    font-size:;
}
h3 {
    font-size:;
}
h4 {
    font-size:;
}
h5 {
    font-size:;
}

.page-header{
    color: white;
}

/*---- Links ------*/
/* Body links */
.cd-main-content p > a:not(.btn) {
    color:;
}
.cd-main-content p > a:not(.btn):hover {
    color:;
}

/* Buttons
   ========================================================================== */
/* ----- Buttons general ----- */
.btn{
	border-radius: 10px;
}

.btn, .btn:focus, .btn:active {
    background: #212020;
    border-color: white;
    color: white;
}
.btn:hover {
    background: #4c81b6;
    border-color: #4c81b6;
    color: #212020;
}

.btn:hover .fa{
    color: #212020;
}

/*CTA buttons */
.btn.btn-ptOrange, #btnConfirm.btn, .btn.btn-ptOrange:focus, #btnConfirm.btn:focus, .btn.btn-ptOrange:active, #btnConfirm.btn:active  {
    background: #FD6262;
    border-color: #FD6262;
    color: #210202;
}
.btn.btn-ptOrange:hover, #btnConfirm.btn:hover {
    background: #BE4A4A;
    border-color: #BE4A4A;
    color: #212020;
}

/* Alertify buttons */
.alertify-button, .alertify-button:hover, .alertify-button:focus, .alertify-button:active {
    background-color: #4c81b6;
  	border-color: #4c81b6;
  	color: #fff;
}
.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus, .alertify-button-ok:active {
    background-color: #4c81b6;
  	border-color: #4c81b6;
  	color: #fff;
}

/* Notifier Container
   ========================================================================== */
.alertify-log {
    background: #4c81b6;
    border-color: #4c81b6;
    border-radius: 10px;
}

/* Custom Page Width
   ========================================================================== */
@media screen and (max-width:767px) {
    .header>.container, .content>.container {
    	width:;
    }
}
@media screen and (min-width:768px) {
    .header>.container, .content>.container  {
    	width:;
    }
}
@media screen and (min-width:992px) {
    .header>.container, .content>.container, .breadcrumb-wrapper > .container  {
    	width: 100%;
    }
}
@media screen and (min-width:1200px) {
    .header>.container, .content>.container, .breadcrumb-wrapper > .container   {
       width: calc(100% - 100px);
    }
}
@media screen and (min-width:1300px) {
    .header>.container, .content>.container  {
       width:;
    }
}
@media screen and (min-width:1400px) {
    .header>.container, .content>.container, .breadcrumb-wrapper > .container   {
       max-width: 1400px;
    }
}

/* 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;
}


.breadcrumb-wrapper > .container .row > div,
.breadcrumb-wrapper .breadcrumb{
    padding-left: 0;
}

/* 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{
    position: sticky;
    width: 100%;
    z-index: 999;
    background: #141416;
    color: #fff;
    border-bottom: none;
}
.header .container{
    margin:0 auto;
    width:100%;
  	max-width: 100%;
}
.header-right-col {
    display: flex; 
    justify-content: space-between;
}
.header section img {
    max-width: 345px;
}
.header.header-main-row {
    top: 0px;
  	background: #141416;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.header .section_Menu .cd-main-header{
    background:transparent;
}
.cd-main-header nav ul li a{
    color:#fff;
}

.header.header-main-row > .container > div{
    display: flex;
    flex-wrap: wrap;
}

.flex-item{
    display: flex;
    width: 100%;
}

.header .info-banner{
    width: 100%;
    text-align: center;
    background: #4c81b6;
    color: #fff;
    display: block;
    position: relative;
    padding: 0;
}

.top-bar-holder>div{
    width: 100%;
}

.card:not(:has(img)) {
  border-style: dotted;
}

.info-banner p,
.info-banner p > a{
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.info-banner p:not(:has(a)),
.info-banner p:has(a) a{
    padding: 10px 0;
}

.info-banner p > a{
    cursor: pointer;
    text-decoration: none;
    display: block;
    transition: .2s;
}

.info-banner p:has(a) a:hover{
    color: white;
}

.page .header.header-main-row{
    padding: 0 !important;
}

.header.header-main-row .container,
.header.header-main-row .container > div, 
.header.header-main-row .container > div .col-sm-12{
    padding: 0;
}

@media screen and (min-width: 1200px) {
     .cd-main-header nav ul li a {
        font-size: 1.15em;
        font-weight: 600;
    } 
}
.cd-main-header{
    display:flex;
    align-items: center;
    justify-content: flex-end;
    height:55px;
}
.header-bottom-container{
    height:90px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.header section img{
    max-width: 25rem;
    padding:12px 0px;
}
.header .sidebar-nav{
    height:100%;
}

/* Icons 
============================================ */
.icon-col section, .icon-col .search-icon{
    width:100%;
    display:flex;
    justify-content: center;
}
.header .icon-col section{
    padding-bottom:0px;
}
.header .icon-col{
    display:flex;
    justify-content: center;
    padding-top:5px;
    gap:5px;
}
.icon-col .fa-user,
.icon-col .fa-sign-in{
    font-size:0;
    margin-top:5px;
}
.icon-col .fa-user::before,
.icon-col .fa-sign-in::before{
    font-size:26px;
}
.icons-row {
    display: flex;
    align-items: center;
}
.icons-col {
    align-items: center;
}
.icon-col p {
    margin-bottom: 0 !important;
}
.icon-col .cart-btn {
    padding-left: 4px;
}
.icon-col .cart-btn:hover span.fa:before,
.icon-col .cart-btn:focus span.fa:before {
    color: #fff;
}
@media screen and (max-width: 1199px){

.header-right-col .section_Menu {
    margin-right: 10px;
} 
}

.fa{
    color: white;
}

.fa-chevron-right::before{
    font-family: "Material Icons Outlined";
    content: "\e5cc";
}

.fa-chevron-left::before, .icon-left-open::before{
    font-family: "Material Icons Outlined";
    content: "\e5cb";
}

.fa-star-o::before{
    font-family: "Material Icons Outlined";
    content: "\e83a";
}

.fa-star::before{
    font-family: "Material Icons Outlined";
    content: "\e838";
}

.fa-list-ul::before{
    font-family: "Material Icons Outlined";
    content: "\e241";
}

.fa-search::before {
    font-family: "Material Icons Outlined";
    content: "\e8b6";
}

.fa-shopping-cart::before{
    font-family: "Material Icons Outlined";
    content: "\e8cc";
}

.fa-user::before {
    font-family: "Material Icons Outlined";
    content: "\e7ff";
}

.fa-sign-in::before {
    font-family: "Material Icons Outlined";
    content: "\ea77";
}

.fa.fa-file::before{
    font-family: "Material Icons Outlined";
    content: "\e24d";
}

.fa.fa-cart-plus::before{
    font-family: "Material Icons Outlined";
    content: "\e854";
}
.no-search-results {
    border: none;
    color: #fff;
    text-transform: none;
}
.section_ProductSearchList .product-nav {
    border-top: 0;
}
.no-search-results {
    padding-top: 15px;
}

/*--User--*/
.my-account-icon{
    cursor: pointer;
}
.user-container {
    display: none;
    position: fixed;
    right: 10px;
    top: 90px;
    width: 280px;
    z-index: 999;
    color:#fff;
    background: #212020;
}

.user-container > .container{
    padding: 0;
}

.user-container a{
    color:#fff;
}
.user-container .sidebar-nav h3{
    border-bottom:0;
}
.sidebar-nav-items {
    border: none;
    margin-bottom:0;
}
.user-container .user-profile-page-link {
    float:none;
    border-right:none;
}
.user-container .user-profile-page-link a{
    text-align:center;
    padding-bottom:10px;
    border-right:none;
}
@media screen and (max-width: 767px){
    .user-container .sidebar-nav-heading {
    display: block;
}
.user-container .sidebar-nav-toggle {
    display: none;
}
.user-container .sidebar-nav-items {
    display: block;
}
}
.sidebar-nav-items li.active, .sidebar-nav-items li:hover{
    background: #8a8a8a50;
}

.user-container .user-profile-page-link a:hover{
    background: #8a8a8a60;
}

.user-container .sidebar-nav .sidebar-nav-heading {
    text-transform: none;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 15px !important;
}
.user-container .sidebar-nav .sidebar-item {
    border: none;
    margin: 0;
}
.user-container .sidebar-nav .toggle-item {
    padding: 0;
    border:none;
}
.user-container .section_LoginStatus > ul {
    display: flex;
    flex-direction:column;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.user-container .top-bar-link a{
    display: block;
    width: 100%;                                
    padding: 8px 5px;
    text-align: center;
}

.user-container .user-log-out-link {
    margin-bottom: 0;
    border-radius: 2px;
    min-width: 120px;
    text-align: center;
}
.user-container .user-log-out-link a {
    color: #141416;
}
.user-container .user-log-out-link a:hover {
    background: #fff;
    opacity: 0.9;
}
.user-container .user-log-out-link a {
    background: #fff;
}

.user-container .section_LoginStatus > ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.user-container .section_LoginStatus > ul li{
    display: flex;
    flex: 1 0 auto;
    width: auto;
    justify-content: center;
    align-items: center;
}

/*--Basket--*/
#minibasket{
    width:100%;
}
.cart.header-input{
    margin:0;
    padding:0;
    float:none;
}
.icon-col{
    margin-right:25px;
}
@media screen and (max-width: 991px){
    .section_MiniBasket .cart-content.container {
        display: none !important;
    }
}
.cart-btn{
    width:100%;
  	background:transparent;
    border:none;
}

#minibasket .cart:hover{
    background: unset;
}

#minibasket .cart .cart-btn:hover{
    background: unset;
}

#minibasket .cart-product-img{
    width:50px;
    margin:10px 10px auto;
}
.section_MiniBasket .pt-btn-basket .badge {
    display: block;
    font-size:10px;
    border:1px solid #141416 !important;
    border: none;
    color: #141416;
    right: 2px;
    top: 0px;
}
#minibasket .table th{
    background: #1a1c1e;
  	color: #fff;
  	border: none;
}

#minibasket .btn-group a{
    border: 1px solid #8A8A8A !important;
    background: #212020;
    margin: 5px;
    width: calc(50% - 10px);
    border-radius: 5px;
    display: inline-block;
  	color: #fff;
}

#minibasket .btn-group a:hover{
    background: #303033;
}

#minibasket .cart-field{
    display:none;
}
#minibasket .cart-content.container{
    width: 550px;
    max-width: unset;
    overflow: hidden;
    background: #1a1c1e;
  	right: 0;
}

#minibasket .cart-content .cart-product-nr, .cart-content .cart-product-name{
    color: white;
}

#minibasket .cart-content .cart-product-img{
    padding: 0;
    margin-top: 0;
}

.header .fa-shopping-cart{
    font-size:24px;
}
.header-top-container{
    display:flex;
    justify-content: flex-end;
    margin-top:-10px;
}
.header-input{
    margin:5px;
}

.header .catalogsearchboxbutton  {
    color: #fff;
    background: #141416;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    border: 1px solid #141416;
}
.header .catalogsearchboxbutton:hover{
    background:#141416;
    color:#fff;
}

@media screen and (max-width:1199px){
    .header-bottom-container {
        justify-content: space-between;
    }
    .header .section_Image img{
        width: 16rem;
      	max-width: 145px;
    }
  	.col-sm-10.header-right-col{
        width: auto;
    }
}

/* ----- 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 ----- */
/* Login general */

/* @ Login mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Logo ----- */
/* Logo general */

/* @ Logo mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Cart ----- */
/* Cart general */

/* @ Cart tablet <-1199px */
@media screen and (max-width: 1199px) {
    
}
/* @ Cart mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Search -----*/
/* Search general */
.page.search-bar-open:after{
    content: "";
    position: fixed;
    height: 100%;
    width: 100%;
    background: #40404285;
    z-index: 500;
    transition: .3s;
}

.header.search-container{
    display: block;
    z-index: 555;
    position: absolute;
    top: 20%;
    left: 50%;
    padding: 0 !important;
    background: transparent;
    border-bottom: none;
    transform: translate(-50%, 100%);
    transition: all .3s;
    opacity: 0;
    pointer-events: none;
}

.header.search-container.open{
    display: block;
    transform: translate(-50%, 0);  
    opacity: 1;
    pointer-events: unset;
}

.header.search-container .container, .header.search-container .container>div{
    padding: 0;
}

.search-container>.container>div .header-input {
    margin-top: 0;
}

.search-container>.container>div .header-input .input-group-btn{
    border-radius: 10px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 10px;
    width: unset;
}

.header.search-container{
    width: 85vw;
    max-width: 1200px;
}

.search-container #searchboxform .input-group{
    width: 100%;
}


.search-container>.container>div .header-input .input-group-btn button{
    background: transparent;
    border: none;
    padding: 0;
}

.search-container>.container>div .header-input .input-group-btn button>span{
    font-size: 23px;
}

.search-container #searchboxform input{
    border-radius: 10px;
    border: 2px solid #303033;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    height: 45px;
    font-size: 18px;
}

.search-container #searchboxform input:focus{
    border: 2px solid #8c8c8d;
}

.search-container #searchboxform input::placeholder{
    color: #727273;
}

/* ==========================================================================
   Navigation
   ========================================================================== */

/* Main navigation
   ========================================================================== */
/* ----- Main navigation general ----- */

.cd-nav a:hover{
    text-decoration: none;
    color: #8a8a8a;
}

/* ----- Main navigation desktop 1200px -> ----- */
@media screen and (min-width: 1200px) {
  .cd-primary-nav .cd-secondary-nav{
      background: #141416;
      color: white;
      border: none;
      box-shadow: rgba(0, 0, 0, 0.45) -20px 20px 20px -20px, rgba(0, 0, 0, 0.45) 20px 20px 20px -20px ;
  }

  .cd-primary-nav .cd-secondary-nav a,
  .cd-primary-nav .cd-secondary-nav ul ul .go-back a{
      color: white;
  }
    
}

@media screen and (min-width: 1200px) and (max-width: 1500px){
  .cd-primary-nav .cd-secondary-nav{
    width: 850px;
  }
}
/* ----- Main navigation mobile <-1199px ----- */
@media screen and (max-width: 1199px) {
  a.cd-nav-trigger span, 
  a.cd-nav-trigger span::before, 
  a.cd-nav-trigger span::after{
    background: white;
  }

  a.cd-nav-trigger.nav-is-visible {
    background: #141416;
    border-color: #141416;
    left: 0;
    top: 10px;
    box-shadow: rgba(17, 17, 26, 0.6) 0px 0px 15px 50px;
  }


  a.cd-nav-trigger.nav-is-visible span::before, 
  a.cd-nav-trigger.nav-is-visible span::after {
    background: white; 
  }


  .cd-primary-nav, .cd-primary-nav ul{
    width: 80vw;
    background: #141416;
  }

  .cd-main-header.nav-is-visible{
    position: fixed;
  }

  .cd-main-content.nav-is-visible{
    transform: none;
  }

  .cd-main-header.nav-is-visible{
    transform: translatex(-80vw);
  }
  
  .header.header-main-row .section_Image img{
      width: 25vw;
      height: auto !important;
      padding: 0;
  }

  .header.header-main-row,
  .header.header-main-row .container,
  .header.header-main-row .container>div{
      padding: 0 !important;
  }

  .icon-col{
      margin: 0;
      padding: 0;
  }

  .cd-main-content{
      margin-top: 90px;
  }

  .cd-nav ul.cd-primary-nav{
      visibility: visible;
      opacity: .1;
      transform: translateX(100%);
      transition: all .2s ease !important;
  }

  .cd-nav ul.cd-primary-nav.nav-is-visible{
      opacity: 1;
      transform: translateX(0);
  }

}

/* Sidebar navigation
   ========================================================================== */
/* ----- Sidebar navigation general ----- */
.toggle[class*='toggle-lvl-'] {
    padding: 5px;
}


.toggle-btn .toggle-sign{
    color: white;
    font-weight: 400;
}

.sidebar-nav-items li, .sidebar-nav .sidebar-item{
    border: none;
    padding: 0;
}

.sidebar-nav .sidebar-item{
    border: none;
}

.toggle-lvl-one div.sidebar-item{
    margin: 0;
}

.sidebar-navigation div.sidebar-item, 
.sidebar-nav .sidebar-navigation li.toggle-item{
    padding: 0px;
  	border: none;
}

.sidebar-nav-items a{
    padding: 10px;
  	color: #ffffff;
}

.sidebar-nav-items li{
    border-radius: 5px;
    transition: 0s;
    margin-bottom: 5px;
}

.sidebar-nav-items li.active, .sidebar-nav-items li:hover{
    background: #8A8A8A50;
}

.page .sidebar-nav-items li.active, 
.page .sidebar-nav-items li:hover span, 
.page .sidebar-nav .sidebar-item a.active{
    font-weight: 500;
}

/*----- Sidebar navigation mobile <-767px ----- */
@media screen and (max-width: 767px) {
    
}

/* Footer navigation
   ========================================================================== */
/* ----- Footer navigation general ----- */

/*----- Footer navigation mobile <-767px ----- */
@media screen and (max-width: 767px) {
    
}

/*Footer
   ========================================================================== */
/* Footer general */
.footer{
    padding:30px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px -25px 20px -20px;
}
.footer .fa:before{
    font-family: FontAwesome;
    padding-right:5px;
}
.footer p{
    font-size:16px;
    text-transform: none;
    font-weight: 600;
    color:#8a8a8a;
}
.footer .img-col .section_Content{
    padding-top:30px;
}


.footer-flex{
    display: flex; 
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-col{
    display: flex;
    flex-wrap: wrap;
  	align-self: flex-end
}

.footer-col>div{
    display: flex;
    flex-wrap: wrap;
}

.footer-col section {
    width: 100%;
}

.copyright{
    align-self: flex-end;
}

.copyright p{
    margin-top: 40px;
    font-size: 13px;
}

@media screen and (max-width: 991px){
    .footer-flex{
        justify-content: center;
    }

    .footer-flex .footer-col{
        width: 100%;
        padding: 10px 0;
        justify-content: center;
        text-align: center;
    } 
}

/* Footer text */
.footer p {
    color:;
}

/* Footer links */
.footer p a {
    color: #8a8a8a;
  	text-decoration: none;
}
.footer p a:hover {
    color: #727273;
}

/* ==========================================================================
   Section Styling
   ========================================================================== */
/* ----- Section name ----- */
/* Section desktop */

/* Section mobile */

/* ----- 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;
}


/* ==========================================================================
   Page Styling
   ========================================================================== */
/* Index page
   ========================================================================== */
/* ----- Dashboard ----- */
.dashitem{
    background:transparent !important;
    color:#0a0a0a;
    border-radius: 4px;
  box-shadow: none !important;
    transition: all ease-in-out .2s;
}

.dashitem-heading{
    color: #4C81B6;
    font-weight: 500;
  	font-size: 19px;
  margin-bottom: 10px;
}

.dashitem-info{
    margin-bottom:0px;
  	font-size: 15px;
}

.dashboard-item{
    background: #1a1c1e;
    border-radius: 10px;
    overflow: hidden;
}

.dashitem{
    color: #8A8A8A;
}

.dashboard .dashitem .fa::before{
    color: #FD6262;
    font-size: 50px;
}

a.dashitem-link:hover ~ .dashitem{
    animation: none !important;
    transform: translatey(-5px) !important;
}


/******* Quickshop *******/

.page .quickshopcontent .col-sm-2.col-xs-2 .btn:after{
    content: '\e8cc';
    font-size: 20px;
    font-family: "Material Icons Outlined";
}

.page .quickshopcontent .col-sm-2.col-xs-2 .btn{
    min-height: 45px;
    height: unset;
    padding: 10px;
    border-radius: 10px;
}

/* News
   ========================================================================== */
/* ----- News archive page ----- */

/* ----- News detail page ----- */


/* Contact us
   ========================================================================== */
.form-control, .form-control-search{
    background: #212020;
  	color: #94979d;
    border-radius: 10px;
    border-color: #8A8A8A;
    transition: all 0s;
}
.section_ContactUsForm .page-header {
    display: none;
}
.form-control:hover{
    box-shadow: #8A8A8A 1px -1px 0px 0px inset, #8A8A8A -1px 1px 0px 0px inset;
}

.form-control.input-lg, select.form-control.input-lg{
    min-height: 45px;
    padding: 14px;
    height: 100%;
}

.section_ContactUsForm .col-sm-3.send-copy-holder{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}

.section_ContactUsForm .col-sm-3.send-copy-holder .control-label-lg{
    margin: 0;
    margin-right: 5px;
    cursor: pointer;
}

.section_ContactUsForm .col-sm-3.send-copy-holder input{
    margin: 0;
    cursor: pointer;
}

.page .section_ContactUsForm .form-horizontal > .row > .col-sm-4{
    width: unset !important;
    float: none;
}

.section_ContactUsForm #contactusform .form-horizontal>.row{
    display: flex;
    justify-content: flex-end;
}

/* About us
   ========================================================================== */


/* Login page
   ========================================================================== */
.pt-page-login .cd-main-content{
    margin-top: 0;
}

@media screen and (max-width: 767px){
    .pt-page-login .content .container.login-row{
        margin: 5vh auto;
    }  
}

.pt-page-login{
    background:#141416;  
}

.pt-page-login .content > .container:first-of-type{
    background:#1B1C1E;
    box-shadow:rgba(0,0,0,0.3) 0px 0px 30px 0px, rgba(0, 0, 0, .6) 0 2px 35px;
    border-radius: 10px;
    padding:10px 30px;
}

.pt-page-login .content input,
.pt-page-login .content .btn{
    border-radius: 5px;
}

.pt-page-login label{
    color:#fff;
    font-family: "Poppins";
  	font-weight: 500;
}

.pt-page-login .section_ForgotPassword > h3.sub-header{
    font-weight: 500;
}

.pt-page-login h3, .pt-page-login p{
    color:#8a8a8a;
}

.pt-page-login .section_SignUp h3{
    color:#fff;
}

.pt-page-login .section_SignUp{
    border-top:none;
}

.pt-page-login .section_SignUp h3{
    font-weight: 600;
}

.pt-page-login .section_ForgotPassword:after{
    content:" ";
    display: block;
    width:100%;
    height:1px;
    background:#3F4349;
    border-radius: 7px;
}

.pt-page-login .login-img{
    width: 80%;
    margin: auto;
    height: auto;
}

.pt-page-login .form-group #User_UserName, 
.pt-page-login .form-group #User_Password{
    padding-left: 30px;
}

.pt-page-login .section_Login .col-md-5:first-of-type .col-sm-8:before,
.pt-page-login .section_Login .col-md-5:nth-of-type(2) .col-sm-8:before{
    top:50%;
  	transform: translateY(-50%);
    color:#3F4349;
}

.pt-page-login .btn{
    height:40px;
    text-transform: none;
    transition: all .4s ease 0s;
}

.pt-page-login .section_SignUp .btn{
    border:1px solid #fff;
    background:#141416;
    color:#fff;
}

.pt-page-login .section_Login .btn{
    background:#4C81B6;
    border:1px solid #4C81B6;
}

.pt-page-login .btn:hover{
    background:#4C81B6;
    color:#141416;
    border-color:#4C81B6;
}

/* Modals
================================================================ */
.modal-content{
    background: #404042;
    border: none;
    border-radius: 20px;
}

.modal .close{
    color: white;
    text-shadow: none;
    font-weight: 500;
}

/* My Account 
============================================ */


.section_CustomerSearch .form-group{
    margin-bottom: 0;
}

.pt-page-accountdetail .form-group:has(input[type="checkbox"]) input{
    margin: 0;
    height: auto;
}


/* ==========================================================================
   Product Pages Styling
   ========================================================================== */
.hover-product .hover-product-image{
    border: none;
    box-shadow: none;
}

.form-group.filter-list-orderby{
    margin-right: 10px;
}

.breadcrumb, .breadcrumb a {
    color: white;
}



/* Add To Basket PDP and PLP
=============== */
.addToBasketContainer .input-group-btn:last-child{
    margin-left: 10px;
    display: flex;
}

.addToBasketContainer .fa:not(.fa-shopping-cart):before{
    font-size: 20px;
}

.addToBasketContainer .input-group-btn .input-group{
    display: flex;
    flex: 1 0 auto;
}

.addToBasketContainer .input-group .form-control.product-quantity-input{
    border-radius: 5px;
    height: auto;
    padding: 10px;
    display: flex;
}

.addToBasketContainer .input-group-btn:last-child>.btn {
    border-radius: 5px;
    padding: 10px 15px;
    height: auto;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 15px;
}



/* Catalog landing page (3)
   ========================================================================== */

/* Product list (5)
========================================================================== */

/*Filter Panel */
.mobile-filter .filterWrapper{
    background: transparent;
    border-top: none;
}

.mobile-filter .filtervalues-dropdown{
    background: #303033;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 10px;
}

.mobile-filter .activeFilterDrop .filterWrapper{
    border: none;
}

.mobile-filter .filterWrapper .control-label{
    background: #303033;
    color: white;    
    border-radius: 10px;
    border: 1px solid #8A8A8A;
    transition: all 0s;
}

.clearAllFilter{
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    background: #4c81b6;
    color: black;
    border: 1px solid #4c81b6;
    border-radius: 10px;
    line-height: 20px;
    font-family: "open sans", sans-serif;
}

.filterinputbutton .selected{
    border-color: #4c81b6;
}
.section_ProductFilter > div {
    background: none !important;
}
@media screen and (max-width: 767px){
    .form-inline .form-group, .navbar-form .form-group{
        display: inline-block;
    }
}

/* PDP (19)
========================================================================== */

/*Product row*/
.product-row{
    background: #2D2F33;
    margin-bottom: 50px;
    padding: 20px;
    color: white;
    border-radius: 0px;
}

.product-row .desc-col{
    display: flex;
    flex: 1 0 auto;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 30px 0 40px;
    max-height: 620px;
}

.product-row .desc-row{
    width: 100%;
}

@media screen and (min-width: 1200px){
  .product-row{
    display: flex;
  }
  .product-row .desc-col{
    padding: 30px 0 0px;
}
}
@media screen and (max-width: 1199px){
    .product-row .desc-col{
        gap: 50px;
    }
    
    
    .cd-main-content{
        margin-top: 0;
    }
    
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
        background-color: #000;
        color: #fff;
    }
    
    .section_ProductDetailTabs .nav-tabs .dropdown-menu{
        padding: 0;
    }
    
    .section_ProductDetailTabs .nav-tabs .dropdown-menu li a{
        padding: 7px 20px;
    }
  	.dropdown-toggle .caret {
    display: inline-block !important;
}
}

@media screen and (min-width: 768px) and (max-width: 1199px){
    .product-row .desc-col{
        padding-left: 30px;
        padding-top: 0;
    }
}

.product-row .page-header{
    color: white;
    color: white;
    font-size: 45px;
    margin-bottom: 0;
}

.product-row .section_ProductDetail_Description p{
    font-size: 16px;
}

.product-row .product-add-cart-btn{
    background: rgb(76, 129, 182);
    border-color: rgb(76, 129, 182);
    color: white;
}

.product-row .product-quantity-input{
    background: white;
    border: none;
}

.product-row .input-group-change-qty-buttons {
    display: flex;
    align-items: center;
}

.product-row .input-change-in-list-buttons-container{
    background: white;
    border-radius: 5px;
    border: 1px solid #aaa;
}
.product-row .input-change-in-list-buttons-container button{
    background: transparent;
    color: black;
    border: none;
}

.product-row .section_AddToBasket .fa:before{
    color: white;
}

.product-row .slick-prev:before, 
.product-row .slick-next:before{
    color: white;
}

.product-row section.section_ProductDetail_DeliveryDetailInfo, 
.product-row section.section_ProductDetail_Price,
.product-row section.section_AddToBasket{
    padding: 0;
}

/*Image slider */
.product-carousel  .slick-slide{
    margin:  0 10px;
}

.section_ProductImageLibrary .slick-slide img{
    border-radius: 10px;
    overflow: hidden;
}

/*Information tabs*/
.tabs-row{
    margin: 0 -30px;
}

.section_ProductDetailTabs .nav-tabs{
  border-bottom: 0;
}


.section_ProductDetailTabs .nav-tabs>li>a {
    padding: 10px 30px;
    border: 0;
    border-radius: 10px 10px 0 0;
    background: #252525;
    color: white;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    border: 0;
    background: #000;
    color: white;
}

.section_ProductDetailTabs a:hover, .section_ProductDetailTabs a:focus{
    color: black;
    text-decoration: underline;
}

.section_ProductDetailTabs{
    background: #000;
}

.section_ProductDetailTabs .nav-tabs{
    background: #141416;
}

.section_ProductDetailTabs .section_ProductAttributes dt, 
.section_ProductDetailTabs .section_ProductAttributes dd {
    padding: 5px;
}

.section_ProductDetailTabs .section_ProductAttributes dd {
    border-bottom: 1px solid #ccc;
}

/* Documents */
/* ----- Document list ----- */
.section_DocumentCategories ul,
.section_ProductDocuments ul {
    padding-left: 0;
}
.section_DocumentCategories ul li a,
.section_ProductDocuments ul li a {
    width: auto;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 5px;
    color: #fff;
    font-size: 15px;
}
.section_DocumentCategories ul li a:hover,
.section_ProductDocuments ul li a:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
}
.section_DocumentCategories li:nth-child(odd),
.section_ProductDocuments li:nth-child(odd){
    background: #000;
}
.section_DocumentCategories ul li a:before,
.section_ProductDocuments ul li a:before {
    content: '\f1c1';
    font-family: fontawesome;
    color: #fff;
    margin-right: 8px;
}
.section_DocumentCategories img,
.section_ProductDocuments img {
    display: none;
}

/******** UI WIDGET *********/

.ui-widget.ui-widget-content{
    border-radius: 10px;
    border: none;
    border-top: 10px solid transparent;
    background: transparent;
    overflow: hidden;
}

[id*='ui-id-'] li.ui-menu-item{
    background: #212020;
    border: 1px solid #303033 !important;
    overflow: hidden;
}

[id*='ui-id-'] li .ui-state-active{
    background: #8A8A8A14 !important;
}

[id*='ui-id-'] li.ui-menu-item:first-child{
    border-radius: 10px 10px 0 0;
}


[id*='ui-id-'] li.ui-menu-item:last-child {
    border-radius: 0 0 10px 10px;
}

[id*='ui-id-'] li.ui-menu-item:only-child {
    border-radius: 10px;
} 


.ui-widget .ui-menu-item a{
    color: #8a8a8a;
}

/* VPDP (23)
========================================================================== */

/* IPDP (20)
========================================================================== */

/* Search result (4)
========================================================================== */
.productfilter-singlehit hr{
    border-top: 1px solid #404042;
}

.product-nav-layout label{
    color: #4b515a;
    transition: .2s;
}

.product-nav-layout label.active, 
.product-nav-layout label:hover{
    color: #7b7f86;
}

.pagination{
    padding: 15px 0;
}

.pagination > li > a, 
.pagination > li > span{
    background: transparent;
    border: 1px solid #303033;
    border-radius: 5px;
    margin: 0 5px 0 0;
    color: white;
}

.pagination>li.pull-right>span, 
.pagination>li.pull-right>span:hover{
    background: transparent;
    cursor: default;
    border: none;
}

.form-inline .form-group   .form-group, .navbar-form .form-group   .form-group{
    padding-left: 15px;
}

.product-nav{
    border-bottom: 1px solid #404042;
    padding-bottom: 10px;
}

.products [class*="block-grid-"]{
    margin: 0 -5px;
}

.products [class*="block-grid-"]>li{
    padding: 5px;
}

.products [class*="block-grid-"]>li .hover-product{
    padding: 10px;
    background: #303033;
    border-radius: 20px;
    display: inline-block;
    cursor: pointer;
}

.pagination>.active>a, 
.pagination>.active>a:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span, 
.pagination>.active>span:hover, 
.pagination>.active>span:focus {
    background: #404042;
    border-radius: 5px !important;
}

.pagination>li>a:hover, 
.pagination>li>a:focus, 
.pagination>li>span:hover, 
.pagination>li>span:focus {
    background: #404042;
    color: white;
    border-color: #727273;
}

.pagination-sm>li>a, 
.pagination-sm>li>span{
    font-size: 13px;
}

.hover-product-image-wrapper img{
    border-radius: 10px 10px 0 0;
}
.hover-product-hover-bg{
    background: none;
}
.products [class*="block-grid-"]>li .hover-product:hover{
    background: #404042;
}

.hover-product-title a{
    color: #4c81b6;
    text-transform: none;
    font-weight: 500;
    transition: .2s;
}

.hover-product-title a:hover{
    color: #fff;
}

.p-productavailability, .js-avail-wrapper{
    display: inline;
}

.hover-product .clearfix{
    display: none;
}

.hover-product .pull-right{
    display: block;
    position: relative;
}

.hover-product .pull-right{
    float: none;
}

.hover-product .pull-right div{
    margin-left: auto;
    text-align: right;
}

.hover-product .pull-right .js-price-wrapper .product-grossprice{
    text-decoration: line-through;
}

.navbar .moves-out.cd-primary-nav .see-all a, 
.section_Menu .moves-out.cd-primary-nav .see-all a{
    color: white;
}

.navbar .moves-out.cd-primary-nav .see-all a:hover, 
.section_Menu .moves-out.cd-primary-nav .see-all a:hover{
    color: #8a8a8a;
}

.cd-primary-nav .cd-secondary-nav>.see-all a:hover, 
.cd-primary-nav .cd-nav-gallery>.see-all a:hover, 
.cd-primary-nav .cd-nav-icons>.see-all a:hover{
    background: unset;
    border-color: unset;
}

.product-grid.reloadlist ul{
    display: flex;
    flex-wrap: wrap;
}

.product-grid.reloadlist ul>li, 
.product-grid.reloadlist ul>li>div{
    display: flex;
}

.product-grid.reloadlist ul>li>div{
    align-content: flex-start;
}

.product-grid.reloadlist ul>li>div .pull-right{
    align-content: flex-end;
}

/* Checkout (10)
========================================================================== */
.section_Checkout a{
    color: white;
}

input.basket-qty-input-field {
    color: black;
}

#checkoutWrapper fieldset legend{
    color: white;
}

.form-group:has(select:not([disabled])) .form-control{
    background: #212020;
    overflow: hidden;
    border: 1px solid #8A8A8A;
    color: #94979d;
}

.select2-container .select2-choice{
    border: none;
    color: #94979d;
}

.form-control[disabled], [disabled].form-control-search, .form-control[readonly], [readonly].form-control-search, fieldset[disabled] .form-control, fieldset[disabled] .form-control-search{
    background-color: #212020 !important;
    color: #686464 !important;
}

.select2-container.select2-container-disabled .select2-choice{
    background: #212020;
    border-color: #8A8A8A;
    color: #686464;
    cursor: not-allowed;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow,
.select2-container.select2-container .select2-choice .select2-arrow{
    background-color: #212020;
    background-image: none;
    border: none;
}
.cartactions-container {
    margin-top: 15px;
}
.col-sm-2.col-xs-6 .btn-ptOrange {
    margin-top: 15px;
}

#referencesField #DeliveryDateDisplay {
    background: rgb(20, 20, 22);
    box-shadow: none;
    border: none;
}
#referencesField .ui-datepicker-calendar span {
    color: #fff;
}
#referencesField #DeliveryDateDisplay:focus {
    background: rgb(20, 20, 22);
    box-shadow: none;
    border: none;
}
#btnAddEmail {
    background: #212020;
    border: 1px solid #fff;
    color: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


/* My area */
legend {
    color: #fff;
}
.section_CustomerDetail legend {
    padding-bottom: 10px;
}

/* Authors
   ==========================================================================
Anna Holmberg
*/

.section_Checkout .basket-qty-input-field[readonly],
.section_CheckoutConfirmation .basket-qty-input-field[readonly]{
    color: white;
}

.user-container .section_LoginStatus > ul li{
  flex: 1 1 auto;
}

.user-container .section_LoginStatus > ul{
  flex-wrap: wrap;
}

@media screen and (max-width: 400px){
    .small-block-grid-2>li{
        width: 100%;
        padding: 0;
    }
    .products [class*="block-grid-"]>li .hover-product{
        width: 100%;
    }
}


.pt-page-checkoutconfirmation #basketList-standard .last-cell{
    width: 20px;
}

.pt-page-checkoutconfirmation #basketList-standard > div > .row{
   margin: 0;
}

.pt-page-checkoutconfirmation #basketList-standard > div > .row > div{
    padding-right: 30px;
}


.section-heading{
  color: white;
}/* ==========================================================================
   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 {
    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 .sidebar-item {
    text-transform: none;
    border-bottom: 1px solid #eee;
    margin-left: 0;
    margin-bottom: 0;
}
.sidebar-nav .sidebar-item.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 .sidebar-item {
    padding-bottom: 12px;
}
.toggle-lvl-two {
    background: none;
}
.toggle-lvl-two .sidebar-item {
    padding-left: 15px;
}
.toggle-lvl-three {
    background: none;
}
.toggle-lvl-three .sidebar-item {
    padding-left: 30px;
}
.toggle-lvl-four {
    background: none;
}
.toggle-lvl-four .sidebar-item {
    padding-left: 45px;
}
.toggle-lvl-five {
    background: none;
}
.toggle-lvl-five .sidebar-item {
    padding-left: 60px;
}
.toggle-lvl-one .active {
    font-weight: 500;
}
.sidebar-nav .sidebar-item 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;
}
@media screen and (min-width: 768px){
    [data-loggedin="False"] .OrderSummaryShipToAddress {
        padding-left: 15px;
    }
    [data-loggedin="False"] .OrderSummaryShipToAddress .col-md-6 {
        padding-left: 0;
    }
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 .form-group > .col-sm-7 {
        margin-left: -10px;
    }
}
@media screen and (max-width: 991px){
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 {
        padding-left: 15px !important;
    }
}
@media screen and (max-width: 767px){
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 {
        margin-left: -15px;
    }
}
.order-detail-wrapper label {
    margin: 0;
}
.section_Checkout .js-warehouse-selector {
    margin-bottom: -15px;
}
/* Section Checkout Confirmation */
.section_CheckoutConfirmation .basket-qty-input-field[readonly] {
    background: transparent;
    border: none;
}

/* 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 list */
.pt-page-newsarchive .section_NewsList .section-heading,
.pt-page-content .section_NewsList .section-heading {
    letter-spacing: 0;
}
.pt-page-newsarchive .section_NewsList .news-list,
.pt-page-content .section_NewsList .news-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pt-page-newsarchive .section_NewsList .post,
.pt-page-content .section_NewsList .post {
    width: 31.33333%;
}
.pt-page-newsarchive .section_NewsList .post-body,
.pt-page-content .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,
.pt-page-content .section_NewsList .post .media > a,
.pt-page-content .section_NewsList .post .media > a img {
    max-width: 100%;
}
.pt-page-newsarchive .section_NewsList .post .media > .media-body,
.pt-page-content .section_NewsList .post .media > .media-body {
    width: 100%;
}
.pt-page-newsarchive .section_NewsList .post .media-body .post-heading.media-heading,
.pt-page-content .section_NewsList .post .media-body .post-heading.media-heading {
    margin-top: 10px;
}
.pt-page-newsarchive .section_NewsList .post .media > .pull-left,
.pt-page-content .section_NewsList .post .media > .pull-left {
    margin-right: 0;
}
@media screen and (max-width: 991px){
    .pt-page-newsarchive .section_NewsList .post,
  	.pt-page-content .section_NewsList .post{
        width: 48%;
    }
}
@media screen and (max-width: 576px){
    .pt-page-newsarchive .section_NewsList .post,
  	.pt-page-content .section_NewsList .post {
        width: 100%;
    }
}

/* 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%;
    }
}

/* PDF link */
.CustomPdfStylePrint .basket-total-lines {
    width: 70% !important;
}
.CustomPdfStylePrint .basket-total-lines > .row {
    width: auto; 
} 
.CustomPdfStylePrint .basket-total-lines .col-sm-7.col-xs-6 h5 {
    font-weight: bold;
}
.CustomPdfStylePrint .basket-total-lines .col-sm-5.col-xs-6 {
    width: auto;
  	float: right;
}
.CustomPdfStylePrint .basket-total-lines .col-xs-6:only-child {
    width: 100%;
}
.CustomPdfStylePrint #summaryWrapper > .row:last-of-type > .col-md-12 > fieldset > .row {
    margin-left: 0px;
}
.CustomPdfStylePrint .btn {
  	display: none;
}
/* Checkout import button move to old position */
@media screen and (min-width: 550px){
    .cartactions-container .section_BasketProductImport {
        float: left;
        margin-left: 10px;
        padding-bottom: 0;
    }
}
.cartactions-container .btn {
    height: 32px;
}
.cartactions-container #EmptyCart {
    float: left;
}

.pt-page-favoriteproducts h1 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 0;
}
.section_ShopplingList .fa-small-header {
    display: none;
}
/* Checkout section */
.section_CheckoutConfirmation .basket-qty-input-field[readonly] {
    background: transparent;
    border: none;
}
/* Alignment */
.order-detail-wrapper label{
    margin-bottom: 0px;
}
.section_OrderDetail .order-detail-wrapper .row:nth-child(2) tr td{
    padding-top:4px;
    padding-left:2px;
    padding-bottom:0px !important;
    
}
.section_TransactionalDocumentDetails .order-detail-wrapper .row:nth-child(2) tr td{
    padding-top:4px;
    padding-left:2px;
    padding-bottom:0px !important;
    
}
.pt-page-orderdetail .section_PdfLink{
    float:left;
}
/* Order/Invoice/Quote Information Style Adjustments */
.section_TransactionalDocumentDetails hr{
    display: none;
}
.section_InvoiceDetail .col-md-6 .col-md-5{
    font-weight: bold;
}
.section_InvoiceDetail .col-md-6 div{
    padding-top:4px;
}
.section_InvoiceDetail h1{
    border-bottom:none !important;
}
.section_QuoteDetail .col-md-4, .section_QuoteDetail .col-md-5{
    font-weight: bold;
}
.section_QuoteDetail .col-md-6 .row {
    padding-top:4px;
}
/* ==========================================================================
   Template styling
   ========================================================================== */

/* Dashboard
   ========================================================================== */
.dashboard {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


@media screen and (min-width:768px) {
	.dashboard-item {
		flex: 1;
	}
	.dashboard-item {
		margin-left: 10px;
		margin-right: 10px;
	}

	.dashboard-item:first-of-type {
		margin-left: 0;
	}
	.dashboard-item:last-of-type {
		margin-right: 0;
	}
}
.dashboard-item {
	position: relative;
	height: 250px;
}
.dashitem {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	text-align: center;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(122,122,122,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(122,122,122,1);
	box-shadow: 0px 0px 3px 0px rgba(122,122,122,1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: white;
}
a.dashitem-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
a.dashitem-link:hover {
	text-decoration: none;
}
.dashitem .fa {
	font-size: 0;
	color: #00aabc;
}
.dashitem .fa::before {
	font-size: 100px;
}
.dashitem img {
	width: 100px;
}
.dashitem .dashitem-heading {
	margin-bottom: 5px;
}
@keyframes ScaleDashitem {
	from
	{transform: scale(1)}
	to
	{transform: scale(1.01)}
}
a.dashitem-link:hover ~ .dashitem {
	animation: ScaleDashitem 0.3s;
	animation-fill-mode: forwards;
}
@media screen and (max-width:767px) {
	.dashitem-info {
		display: none;
	}
  .section_ContentDataUnit .dashboard {
    gap: 20px;
	} 
	.dashboard-item {
		height: 150px;
		width: 48%;
		flex-grow: 1;
	}
	.dashitem-img {
		width: 60px;
	}
	.dashitem .fa::before{
		font-size: 60px;
	}
}


/* Search template
   ========================================================================== */
/* Search template */
.search-icon {
    font-family: fontawesome;
    font-size: 25px;
    cursor: pointer;
}
.search-icon img {
    width: 25px;
}

/* Search section (Add this class to container you want to toggle - needs script also) */
.search-container {
    display: none;
}

/* Social media links
   ========================================================================== */
.social-media-links {
   font-size: 35px;
}
.social-media-links a:hover,
.social-media-links .social-link-image img:hover {
    text-decoration: none;
    transform: scale(1.1);
}
.social-media-links a:active,
.social-media-links a:focus {
 	text-decoration: none; 
}

.social-media-links .social-link-image img {
    width: 35px;
}

/* Hero image with text and button
   ========================================================================== */
.hero-container {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
  	background-size: cover;
    background-position: center;
}
.hero-container > h1,
.hero-container > a {
    width: 100%;
}

/* Hero banner with image, logo, header and text
   ========================================================================= */
.hero-wrapper{
    position: relative;
    background: black;
    overflow: hidden;
}


.hero-slm-text-wrap h2{
    color: #4c81b6;
    font-weight: 300;
    font-size: 7vw;
    margin: 0;
    padding: 3vw 0;
}

.hero-slm-text-wrap p{
    color: #b1b1b1;
    font-size: 3.3vw;
    font-weight: 300;
}

.hero-wrapper img{
    display: block;
}

@media screen and (max-width: 767px){
    .hero-slm-img-wrap img{
        width: 140%;
        max-width: unset;
        margin-left: -45%;
        position: relative;
    }
    
    .hero-slm-text-wrap {
        padding: 0 5vw 2vw;
        margin-top: -15vw;
        background: linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
        text-align: center;
        position: relative;
    }
    
    .hero-slm-text-wrap img{
        width: 70%;
      	margin: auto;
    }
}

@media screen and (min-width: 768px){
    .hero-wrapper {
        padding: 10vw 0;
    }
    
    .hero-slm-img-wrap img{
        width: 70%;
        max-width: unset;
        margin-left: auto;
        position: relative;
    }
    
    .hero-slm-text-wrap{
        position: absolute;
        top: 50%;
        left: 5%;
        transform: translatey(-50%);
        width: 55%;
    } 
    
    .hero-slm-text-wrap img{
        width: 70%;
    }
    
    .hero-slm-text-wrap h2{
        font-size: 4.5vw;
    }
    
    .hero-slm-text-wrap p{
        font-size: 2.5vw;
    }
    
    
}

@media screen and (min-width: 992px){
    .hero-wrapper{
        padding: 40px 0;
    }
    
    .hero-slm-img-wrap img{
        width: 90%;
    }
    .hero-slm-text-wrap{
        left: 5%;
        width: 50%;
    }  
    
    .hero-slm-text-wrap img{
        width: 80%;
        max-width: unset;
    }
    
    .hero-slm-text-wrap h2{
        font-size: 4vw;
        padding: 15px 0;
    }
    
    .hero-slm-text-wrap p{
        font-size: 1.5vw;
    }
    
}

@media screen and (min-width: 1200px){
    .hero-wrapper{
        padding: 0;
    }
    
    .hero-slm-img-wrap img{
        width: 100%;
    }
    .hero-slm-text-wrap{
        left: 5%;
        width: 35%;
        top: 45%;
    }  
    
    .hero-slm-text-wrap img{
        width: calc(100%  - 90px);
        max-width: unset;
        margin: 0px -30px;
    }
    
    .hero-slm-text-wrap h2{
        font-size: 2.8vw;
        padding: 30px 0;
    }
    
    .hero-slm-text-wrap p{
        font-size: 1.2vw;
    }
}



/* Contact info card
   ========================================================================== */
.contact-card {
    line-height: 170%;
}
.contact-card .contact-name {
    margin-top: 10px;
}
.contact-card h3 {
    margin-bottom: 5px;
}
.contact-card .contact-title {
    width: 100%;
    float: left;
}
.contact-card .contact-icons {
    margin-top: 5px;
}
.contact-card .contact-icons a {
    font-size: 20px;
}
.contact-card .contact-icons a:hover {
    text-decoration: none;
}

/* FAQ Accordion
   ========================================================================== */
.accordion-container input {
    display: none;
}

.accordion-container {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
}

.accordion-container label {
    display: block;
    cursor: pointer;
    border-bottom: 2px solid #eee;
    padding: 10px 0px;
}

.accordion-container label:after {
    content: '\f078';
    font-family: fontawesome;
    float: right;
    transform: rotate(0deg);
    transition: all 0.3s;
}

input + label + .accordion-content {
    visibility: hidden;
    opacity: 0;
    height: 0;
    padding: 0;
    transition: all 0.2s;
}

input:checked + label + .accordion-content {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
    height: auto;
    padding: 10px 0px;
}

input:checked + label {
    border-color: #000;
    color: #000;
}

input:checked + label:after {
    transform: rotate(180deg);
    transition: all 0.3s;
}

.accordion-container .accordion-tab{
    background: #8A8A8A50;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 10px;
}


.accordion-container label{
    border: none;
    margin-bottom: 0;
}

.accordion-container input:checked + label{
    color: white;
}
input + label + .accordion-content{
    background: #8A8A8A50;
    border-radius: 10px;
}
input:checked + label + .accordion-content{
    padding: 10px;
}

/* Info card icon left
   ========================================================================== */
.info-card-left .info-card-top {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.info-card-left img {
    max-width: 30px;
    margin-right: 10px;
}
.info-card-left h3 {
    margin-bottom: 0;
}
.info-card-left .fa {
 	font-size: 0px; 
}
.info-card-left .fa:before {
    font-size: 30px;
    margin-right: 10px;
  	display: block;
}
/* Info card centered
   ========================================================================== */
.info-card-centered {
    text-align: center;
}
.info-card-centered .fa {
 	font-size: 0px; 
}
.info-card-centered img {
    max-width: 60px;
    margin-bottom: 10px;
}
.info-card-centered .fa:before {
    font-size: 60px;
    margin-bottom: 15px;
  	display: block;
}

/* Video
   ========================================================================== */
.video-embed-container { 
  	position: relative; 
  	padding-bottom: 56.25%; 
  	height: 0; 
  	overflow: hidden;
  	max-width: 100%; 
} 
.video-embed-container iframe, .video-embed-container object,
.video-embed-container embed { 
  	position: absolute; 
  	top: 0; 
  	left: 0; 
  	width: 100%; 
  	height: 100%; 
}
/* Image card with text on top
   ========================================================================== */
.image-card-text-top {
    background-size: cover;
    background-repeat: none;
    background-position: center;
    position: relative;
    padding: 20px;
}
.image-card-text-top.centered {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.image-card-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
}
.image-card-text {
    position: relative;
    z-index: 555;
}