/* ==========================================================================
   General Site Styling
   ========================================================================== */

/* Cheat sheet color codes
   ========================================================================== 
PRIMARY:
Blue: #00A9E0, CMYK 80,0,0,0
Light gray: #E9E9E9, CMYK 0,0,0,12
Black: #2F3031 CMYK 71,60,56,67

SECONDARY:
Light blue: #58C2E9 CMYK, 61,0,0,0
Lighter blue: #90D4F6 CMYK 46,0,0,0
Dark blue: #007EA8, CMYK 85,39,22,0
Darker blue: #336E8A, CMYK 80,44,30,14
Darkest blue: #313E4B, CMYK 81,63,47,48

TERTIARY:
Orange: #ED6B1D, CMYK 0,68,94,0
Green: #73B19B, CMYK 59,12,45,0

*/

/* Fonts
   ========================================================================== */
/* ----- Imported fonts -----*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap');

/* ----- Body fonts ----- */
body {
    font-family: 'Roboto', sans-serif;
    font-size:15px;
    font-weight:400;
  	color:#2F3031;
}

/* ----- 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:700;
  	color:#2F3031;
}
h1, h1.page-header {
    font-size:;
}
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:#007EA8;
	font-weight:500;
}
.cd-main-content p > a:not(.btn):hover {
    color:#58C2E9;
}

.hover-product-title a:hover {
	color:#007EA8;
}

/* Buttons
   ========================================================================== */
/* ----- Buttons general ----- */
.btn, .btn:focus, .btn:active {
    background:#2F3031;
    border-color:#2F3031;
    color:white;
 	border-radius: 20px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	text-transform:none;
	font-weight:500;
}
.btn:hover {
	background:#00A9E0;
	border-color:#00A9E0;
}
/*CTA buttons */
.btn.btn-ptOrange, #btnConfirm.btn, .btn.btn-ptOrange:focus, #btnConfirm.btn:focus, .btn.btn-ptOrange:active, #btnConfirm.btn:active  {
	background:#00A9E0;
	border-color:#00A9E0;
}
.btn.btn-ptOrange:hover, #btnConfirm.btn:hover {
    background:#2F3031;
    border-color:#2F3031;
}

/* 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:;
}

/* Notifier Container
   ========================================================================== */
.alertify-log {
    background:#00A9E0;
    border-color:#00A9E0;
    border-radius:20px;
}

/* Custom Page Width
   ========================================================================== */
@media screen and (max-width:767px) {
    .container {
    	width:;
    }
}
@media screen and (min-width:768px) {
    .container {
    	width:700;
    }
}
@media screen and (min-width:992px) {
    .container {
    	width:900px;
    }
}
@media screen and (min-width:1200px) {
    .container {
       width:1100px;
    }
}
@media screen and (min-width:1300px) {
    .container {
       width:1200px;
    }
}
@media screen and (min-width:1400px) {
    .container {
       width:1300px;
    }
}
@media screen and (min-width:1500px) {
  .container {
     width:1400px;
	}
}

/* General Page Styling
========================================================================== */

.hover-product-image, .productlist-image-tablecell, .section_ProductSearchList .producttable tr>th:first-of-type, .autocomplete-image{
	display:none;
}




/* 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;
}
.no-bottom-padding {
    padding-bottom: 0 !important;
}
.no-bottom-padding p {
    margin-bottom: 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 {
	background:#2F3031;
	border:none;
	color:white;
  	padding:0!important;
}
.header>.container>div>div {
	float:left;
	width:100%;
}

.header>.container>div>div>div {
	padding:0;
}

.header-bottom-border {
	border-bottom:1px solid #5d6165;
	margin-bottom:5px;
}

.header .section + .section {
	padding:0;
}

@media screen and (max-width: 1199px){
    .header-main-row .cd-main-header {
        background: none !important;
    }
    .header-main-row .cd-nav-trigger span,
    .header-main-row .cd-nav-trigger span:before,
    .header-main-row .cd-nav-trigger span:after {
        background: #fff;
    }
    .header-main-row .cd-header-buttons {
        right: 0;
    }
    .header-main-row .col-sm-8 {
        width: 33.3333%;
        float: right;
        order: 2;
    }
    .header-main-row .header-icon-col {
        width: 66.6666%;
        display: flex;
        order: 1;
    }
    .header-main-row {
        display: flex;
    }
    .header-icon-col .section {
        flex: 1;
    }
    .header-icon-col .section_Content {
        text-align: left;
    }
    .header-icon-col .section_LanguagePicker #languageCode {
        margin: 0 auto;
        float: unset;
    }
    .header-icon-col .section_LanguagePicker .nav>li>a {
        padding-top: 0;
    }
    .header-icon-col #languageCode > .nav > li {
    }
    .header .cd-nav-trigger.nav-is-visible {
        background: #00A9E0;
        border-color: #00A9E0;
    }
  .header .cd-nav-trigger.nav-is-visible span {
    background: #00A9E0;
}
}

/* ----- Top-bar ----- */
/* Top bar general */
.top-bar {
	background:#2F3031;
	border:none;
}
/* 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 Area ----- */
/* Login/My Area general */
.user-container {
    display: none;
    position: absolute;
    right: 0;
    border: 1px solid #f0f1f2;
    width: 300px;
    background: #fff;
    padding-top: 20px;
    z-index: 8888;
  	top: 36px;
  	text-align:left;
}

.user-icon-section {
	text-align:right;
}

.user-icon-section p {
	margin:0;
}

.user-icon-section .header-icon-text {
	font-family:Roboto, Sans-serif;
	text-transform:uppercase;
	font-size:13px;
	margin-left:10px;
}

.user-icon {
    cursor: pointer;
}
.login-btn a {
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
}
.login-btn p:hover {
    border-bottom: 1px solid #00A9E0;
}
.login-btn a:hover {
    text-decoration: none;
}
.login-btn p {
    margin: 0;
    border-bottom: 1px solid #2F3031;
    transition: all 0.3s ease-in-out;
}

.user-icon, .user-icon-section>p {
margin:0;
}


.header .user-container a, .header .user-container p, .header .user-container .fa {
font-size:15px!important;
border:none;
}

.user-container .sidebar-nav-heading {
display:none;
}

.user-container .sidebar-nav-items {
    margin-bottom: 0;
border:none;
}
.user-container .sidebar-nav-heading {
    margin-bottom: 15px !important;
}
.user-container .user-name .top-bar-link.user-profile-page-link {
    position: relative;
    top: 0;
    left: 0;
}
.user-container .user-name .top-bar-link.user-profile-page-link a {
    padding: 0;

}
.user-container .user-name .user-log-out-link {
    display: none;
}
.user-container .user-name > .nav {
    width: 100%;
}
.user-container .user-logout .top-bar-link.user-profile-page-link {
    display: none;
}
.user-container .user-logout {
    border-top: 1px solid #f0f1f2;
    padding-top: 5px;
}
.user-container .user-logout .top-bar-link.user-log-out-link {
    margin-right: 10px;
    margin-bottom: 10px;

}
.user-container .user-heading {
    font-weight: 600;
    margin-left: 10px;
    padding: 0px;
	color:#111;
}
.user-container .user-name {
    margin-left: 10px;
}
.user-container .user-profile-page-link a {
    font-weight: 400;
    font-size: 1em;
}

.user-container .user-log-out-link a {
	background: #2F3031;
    border-color: #2F3031;
    color: white;
    border-radius: 20px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-transform: none;
    font-weight: 500;
	margin-top:10px;
}

.user-container .user-log-out-link a:hover  {
	background:#00A9E0;
}

.header .user-container .user-logout {
	display:inline-block;
	width:100%;
}

.user-container .user-logout .nav-pills, .user-container .user-logout .top-bar-link.user-log-out-link {
	width:100%;
	text-align:center;
}

/* @ Login mobile <-767px */
@media screen and (max-width:767px) {
	.user-name .user-profile-page-link {
		display: block !important;
    }
	.user-container .sidebar-nav-items {
    	display: block;
    	border-top: 0;
	}
	.user-container .sidebar-nav-toggle {
    	display: none;
	}
	.user-container {
    	/*top: 62px;*/
  	}    
}

/* ----- Logo ----- */
/* Logo general */

.header-logo img {
	max-width:150px;
	margin-top:10px;
	margin-bottom:10px;
}


/* @ Logo mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Cart ----- */
/* Cart general */
.header-icon-col {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-icon-col .cart.header-input {
    margin: 0;
}
.header-icon-col .cart.header-input:hover {
    background: none;
}
.header-icon-col .cart.header-input .cart-content.container {
    max-width: 350px !important;
    color: #000;
    padding: 10px;
}
.header-icon-col .cart-field {
    background: none;
    border: none;
    padding-left: 2px;
    position: relative;
    top: 4px;
    color: #fff;
    font-weight: 400;
}
.header-icon-col .cart-field-label {
    margin-right: 10px;
}
.header-icon-col .cart-btn {
    position: relative;
    top: 2px;
    font-size: 15px;
    border: none;
}
.header-icon-col .cart-btn:hover {
    background: none;
    color: #fff;
    border: none;
}
.header-icon-col  .section_MiniBasket .btn-group-justified .btn:first-of-type {
    width: 49%;
    float: left;
}
.header-icon-col  .section_MiniBasket .btn-group-justified .btn:last-of-type {
    width: 49%;
    float: right;
}
.header-icon-col  .section_MiniBasket th {
    border-top: none !important;
}

/* @ Cart tablet <-1199px */
@media screen and (max-width: 1199px) {
    
}
/* @ Cart mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Search -----*/
/* Search general */
.header.search-container {
	background:#00A9E0;
}

.header.search-container .header-input {
	margin: 15px 0;
}

.search-icon {
	font-size:16px;
}

.search-icon-text {
    font-family: Roboto, Sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    margin-left: 5px;
}

/*Search and my-area col*/
.search-icon-section, .user-icon-section {
	display:inline-block;
	margin-left:25px;
}

.header-icon-col {
	text-align:right;
}


/* ==========================================================================
   Navigation
   ========================================================================== */

/* Main navigation
   ========================================================================== */
/* ----- Main navigation general ----- */

.site-links-icon::before {
	content: "\f0ac";
	font-family:"FontAwesome";
	margin-right:5px;
}

/* ----- Main navigation desktop 1200px -> ----- */
@media screen and (min-width: 1200px) {
    .cd-header-buttons {
		display:none;
	}
	.header .cd-main-header {
		background:transparent;
		margin-bottom:5px;
	}
  
	.header .cd-nav > ul > li {
		margin-left: 2em;
	}
  
	.header .cd-primary-nav > li > a {
		color:white;
		text-transform:uppercase;
		font-size:13px;
	}
	.header .cd-nav > ul > li:first-of-type {
		margin-left:0!important;
	}
	.header .cd-nav > ul > li > a {
		padding:0;
	}
	.header .cd-primary-nav > li {
		border-bottom:1px solid #2F3031;
		transition: all 0.3s ease-in-out;
	}
	.header .cd-primary-nav > li:hover {
		border-color:#00A9E0;
	}
	.header .cd-primary-nav > li > a:hover {
		text-decoration:none;
	}
}
/* ----- Main navigation mobile <-1199px ----- */
@media screen and (max-width: 1199px) {
      
}

/* Sidebar navigation
   ========================================================================== */
/* ----- Sidebar navigation general ----- */

/*----- 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 {
background:#2f3031;
color:white;
text-transform:none;
font-size:12px;
}

.footer a {
text-decoration:underline;
transition:all 0.3s ease-in-out;
}

.footer a:hover {
color:#00A9E0;
text-decoration:none;
}

.footer-right {
text-align:right;
}

.footer-right a {
margin-left:15px;
}

.footer-bottom-border {
border-bottom:1px solid #5d6165;
margin-bottom:30px;
}
@media screen and (max-width: 991px){
    .social-media-links {
        display: flex;
        justify-content: center;
        margin-top: 30px !important;
    }
  	.social-media-links a:last-of-type {
        margin-right: 0;
    }
}


/* ==========================================================================
   Section Styling
   ========================================================================== */
/* ----- Cookie notification ----- */
#cookieNotification {
  	background: #00a9e0;
  	color: #fff;
}
#cookieNotification h1, #cookieNotification h2, #cookieNotification h3 {
  	color: #fff;
}
#cookieNotification .btn {
    background: #fff;
    border-color: #fff;
    color: #000;
}
#cookieNotification .btn:hover {
    background:#2F3031;
	border-color:#2F3031;
    color: #fff;
}
#cookieNotification a {
 	color: #000; 
}


/* ----- Section Languagepicker ----- */
.section_LanguagePicker .nav>li>a {
padding:0;
padding-top:55px;
color:white;
text-transform:uppercase;
border-left:none;
border-right:none;
}

.section_LanguagePicker .nav>li>a:hover, .section_LanguagePicker .nav>li>a:focus {
background:transparent;
}

.section_LanguagePicker .flag {
display:none;
}

.section_LanguagePicker #languagepicker {
background:White;
width:100px;
}

.section_LanguagePicker #languagepicker li {
padding:10px;
}

.section_LanguagePicker #languagepicker a {
color:black;
padding:0;
border-bottom:1px solid white;
transition: all 0.2s ease-in-out;
display:inline-block;
}

.section_LanguagePicker #languagepicker a:hover {
border-color:#00A9E0;
}

/* ----- 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
   ========================================================================== */
.pt-page-index .content {
	padding-bottom:0;
}
.pt-page-index .cd-main-content {
    background: url("/en/image/getthumbnail/1013");
    background-size: cover;
    background-repeat: no-repeat;
}
.pt-page-index .cd-main-content {
    min-height: calc(100vh - 300px);
    background-position: center bottom !important;
}
/*Index page dashboard*/
.index-bg {
	/*background-image: url("/en/image/getthumbnail/1013"); */
	margin-top:-30px;
	background-size:cover;
	background-position:bottom;
	padding-left:10%;
	padding-right:10%;
	/*height: calc(100vh - 401px); */
}

.index-welcome {
	margin-top:30px;
	margin-bottom:50px;
}

.index-welcome .section {
	padding-bottom:0!important;
	text-align:center;
	color:white;
	font-size:17px;
}

.index-bg h1, .index-user-name a {
	color:White;
	margin-bottom:0;
	font-size:40px;
	font-weight:900;
}

.index-user-name .pull-right {
	float:none;
}
.index-user-name li {
	width:100%;
}

.index-user-name .nav>li>a:hover, .index-user-name .nav>li>a:focus {
	background:transparent;
	color:#00A9E0;
}

.index-user-name .user-profile-sep, .index-user-name .user-profile-customer, .index-user-name .user-log-out-link {
	display:none;
}

.index-user-name a {
	padding:0!important;
	border:0;
}

.welcome-auto {
    margin-top: 100px;
}

/* News
   ========================================================================== */
/* ----- News archive page ----- */

/* ----- News detail page ----- */


/* Contact us
   ========================================================================== */


/* About us
   ========================================================================== */


/* Login page
   ========================================================================== */
.pt-page-login {
    background-image: url('/en/image/getthumbnail/1013');
}

.section_Login .col-md-5:first-of-type .col-sm-8:before, .section_Login .col-md-5:nth-of-type(2) .col-sm-8:before {
	color:#00A9E0;
}



/* ==========================================================================
   Product Pages Styling
   ========================================================================== */

/* Catalog landing page (3)
   ========================================================================== */

/* Product list (5)
========================================================================== */

/* PDP (67)
========================================================================== */


.pt-page-productdetail[data-pageid="67"] .pdp-hide {
	display:none;
}

.pt-page-productdetail[data-pageid="67"] .config-images {
	max-width:500px;
}

.pt-page-productdetail[data-pageid="67"] .config-attribute-images {
	margin-right:0;
}

.pt-page-productdetail[data-pageid="67"] .config-model-image {
	display:block;
	padding-right:10px;
}

/* VPDP (23)
========================================================================== */

/* IPDP (20)
========================================================================== */

/* Search result (4)
========================================================================== */

/* Configurator
========================================================================== */
.largeSingleSelectValues img {
    padding: 5px;
  	padding-bottom: 0;
}
.largeSingleSelectValues > div {
    background: #e9e9e9;
  	border-color: #fff;
    margin-bottom: 10px;
    width: 24%;
    margin-right: 1%;
    text-align: center;
}
.largeSingleSelectValues {
    display: flex;
    flex-wrap: wrap;
}
.largeSingleinputbutton {
    margin-top: 0;
}
.section_ProductFilter .largeSingleSelectValues .btn {
    font-weight: bold;
  	background: #2F3031;
    color: #fff;
    margin-bottom: 15px;
}
.activeIconFilter .largeSingleinputbutton .btn {
    color: #fff;
  	background: #00a9e0;
}
.control-label {
    font-size: 25px;
}
.largeSingleSelectValues {
    margin-top: 15px;
}
.selectValueContainer img {
    height: auto !important;
}
.selectValueContainer:hover {
    transform: scale(1.08);
    transition: all 0.2s linear;
  	z-index: 555;
    border: 1px solid #fff;
}
.selectValueContainer {
    transform: scale(1);
    transition: all 0.1s linear;
}

.LargeSingleSelectImage.attr_5 .largeSingleSelectValues > div,
.LargeSingleSelectImage.attr_18 .largeSingleSelectValues > div,
.LargeSingleSelectImage.attr_17 .largeSingleSelectValues > div {
    width: 32%;
  	background: #E9E9E9;
}

@media screen and (max-width: 991px){
  .LargeSingleSelectImage.attr_5 .largeSingleSelectValues > div,
  .LargeSingleSelectImage.attr_18 .largeSingleSelectValues > div,
  .LargeSingleSelectImage.attr_17 .largeSingleSelectValues > div{
    width: 100%;
}
}
.LargeSingleSelectImage .js-disabled {
    display: none;
}
.LargeSingleSelectImage {
    width: 100%;
}
.section_ProductFilter .btn {
    border: none;
    font-weight: 400;
}
.section_ProductFilter .btn:hover {
    color: #fff;
}
.clearAllFilter {
    display: none;
}
.section_ProductFilter .attr_13,
.section_ProductFilter .attr_12 {
    width: 100%;
}
.section_ProductFilter .attr_13 .dropdown-toggle,
.section_ProductFilter .attr_12 .dropdown-toggle {
    width: auto;
    min-width: 200px;
}
.section_ProductFilter .multiselect-container {
    width: auto !important;
}
.section_ProductFilter #productfilter > div.row > div {
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
}
.section_ProductFilter hr {
    display: none;
}
.section_ProductFilter .filter-box {
    border: none;
}
.section_ProductFilter .filter-box span.label {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0;
    background: #00a9e0;
    color: #fff;
    font-weight: 400;
}
.clearFilter {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    background: #000;
    color: #fff;
    font-weight: 400;
    border-radius: 20px;
    position: absolute;
    right: 15px;
    top: 0;
}
.js-filter_button_single_value.selected {
    background: #00a9e0;
  	color: #fff;
}

.LargeSingleSelectImage.attr_5 .selectValueContainer,
.LargeSingleSelectImage.attr_18 .selectValueContainer,
.LargeSingleSelectImage.attr_17 .selectValueContainer {
    order: 2;
}
.LargeSingleSelectImage.attr_5 .largeSingleSelectValues,
.LargeSingleSelectImage.attr_18 .largeSingleSelectValues,
.LargeSingleSelectImage.attr_17 .largeSingleSelectValues {
    width: 100%;
}
.LargeSingleSelectImage.attr_5 .largeSingleinputbutton,
.LargeSingleSelectImage.attr_18 .largeSingleinputbutton,
.LargeSingleSelectImage.attr_17 .largeSingleinputbutton {
  	margin-top: 0;
}
.LargeSingleSelectImage.attr_5 .largeSingleSelectValues,
.LargeSingleSelectImage.attr_18 .largeSingleSelectValues,
.LargeSingleSelectImage.attr_17 .largeSingleSelectValues {
    position: relative;
  	min-height: 550px;
}
@media screen and (max-width: 1199px) and (min-width: 768px){
    .LargeSingleSelectImage.attr_5 .btn,
  	.LargeSingleSelectImage.attr_18 .btn,
  	.LargeSingleSelectImage.attr_17 .btn {
        margin-top: -40px;
    }
}
.config-list {
    min-height: 80vh;
}

/* Config result */
.config-model-image img {
    background: #E9E9E9;
}
.pdp-list-replace > .content {
    border: 1px solid #ededed;
    padding: 40px;
}
.config-user-input textarea {
    width: 100%;
    border: 1px solid #ededed;
    resize: none;
}
#config-input-text {
    margin-top: 5px;
  	padding: 10px;
}
.config-attribute-images .attribute-image-hor {
    width: 50%;
    flex: unset;
}
.config-attribute-images {
    flex-wrap: wrap;
}
.config-attribute-images .attribute-image-hor img {
    max-width: 150px;
}
.config-info h1 {
    font-size: 23px;
}
.config-attribute-images .tooltip {
    display: none !important;
}
.config-attribute-images .attribute-image-hor {
    background: #E9E9E9;
    margin-bottom: 10px;
}
.config-attribute-images {
    margin-right: 10px;
    margin-top: -10px;
}
.config-attribute-images .attribute-image-hor {
    margin-right: 10px;
    width: calc(50% - 10px);
    text-align: center;
}
.config-attribute-images .attribute-image-hor img {
    max-width: 180px;
    width: 100%;
}
.config-attribute-images .attribute-image-hor span {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.LargeSingleSelectImage.attr_5 .btn,
.LargeSingleSelectImage.attr_18 .btn,
.LargeSingleSelectImage.attr_17 .btn {
    margin-top: -120px;
    padding: 4px 24px;
    line-height: 24px;
}
.configurator-select-row .btn {
    background: #fff;
    border-color: #fff;
    color: #000;
}
.configurator-select-row .btn:hover {
    background:#00A9E0;
	border-color:#00A9E0;
    color: #fff;
}
.configurator-select-row h3 {
    font-size: 22px;
    font-weight: 900;
    text-transform: none;
}


/* Authors
   ==========================================================================
Frida, Sofia
*/



.hover-product-image {
    border: none;
    box-shadow: none;
}
div .section_ProductDetail_Header {
    padding-bottom: 0;
}
div .section_ProductDetail_Header h1 {
    margin-bottom: 5px;
}
.multiselect-container label.checkbox {
    font-size: 1em;
}
.config-heading h2 {
    margin-bottom: 0;
}
.pt-page-productdetail .config-heading {
    display: none;
}
/*Hide product list for config*/
.config-list .product-nav, .config-list .product-grid {
display:none!important;
} 
.section_ProductFilter .btn.disabled {
    opacity: 0.3;
}
.clearFilter {
    display: none;
}
[data-loggedin="False"] .header .user-name,
[data-loggedin="False"] .header .user-heading {
    display: none;
}
[data-loggedin="False"] .user-container .user-logout {
    border-top: 0;
}
[data-loggedin="False"] .user-container {
    padding-top: 0;
}
.pt-page-productdetail[data-pageid="67"] .config-pdf-btn {
    display: none;
}
.config-list .pdp-pdf-btn {
    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 .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;
    }
}
.section_Checkout .js-warehouse-selector {
    margin-bottom: -15px;
}


/* 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: #fff;
        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;
}/* ==========================================================================
   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;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
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: #00A9E0;
}
.dashitem .fa::before {
	font-size: 100px;
}
.dashitem img {
	max-height:180px;
}
.dashitem .dashitem-heading {
	margin-bottom: 5px;
}

h5.dashitem-heading, p.dashitem-info {
	color:white;
}
h5.dashitem-heading {
	font-size:22px;
	font-weight:900;
 }
@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;
	}
	.dashboard-item {
		height: 150px;
		width: 48%;
		margin-bottom: 20px;
		flex-grow: 1;
	}
	.dashitem-img {
		width: 60px;
	}
	.dashitem .fa::before{
		font-size: 60px;
	}
}


/* Search template
   ========================================================================== */
/* Search template */
.search-icon {
    font-family: fontawesome;
    font-size: 15px;
    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: 22px;
	margin-top:-10px;
}

.social-media-links a {
	text-decoration:none;
	margin-right:10px;
}

.social-media-links a:hover,
.social-media-links .social-link-image img:hover {
    text-decoration: none;
    transform: scale(1.1);
   	color:#00A9E0!important;
}
.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%;
}
/* 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;
}

/* 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;
}/* Config pdf header */
.config-pdf-style .config-pdf-header, .pdp-pdf-style .config-pdf-header {
    visibility: visible;
    display: block;
}
.config-pdf-style .config-pdf-header img, .pdp-pdf-style .config-pdf-header img {
    width: 200px;
}
/* Config pdf footer */
.config-pdf-style .config-pdf-footer, .pdp-pdf-style .config-pdf-footer {
    visibility: visible;
    display: block;
  	position: fixed;
  	bottom: -25px;
  	right: 0px;
}
.config-pdf-style .config-pdf-footer p, .pdp-pdf-style .config-pdf-footer p {
    padding: 0;
    margin: 0;
    font-size: 7pt;
}

.config-attribute-images {
    display: flex;
}

.show-pdf {
    display: none;
}
.config-pdf-style .show-pdf, .pdp-pdf-style .show-pdf {
    display: block;
}
.config-pdf-style .hide-pdf,.pdp-pdf-style .hide-pdf {
    display: none;
}
.config-pdf-style .config-images, .pdp-pdf-style .config-images {
    width: 50% !important;
  	float: left;
}
.config-pdf-style .config-images .config-model-image img, .pdp-pdf-style .config-images .config-model-image img {
 	 width: 100%;
}
.config-pdf-style .config-info, .pdp-pdf-style .config-info {
    width: 50% !important;
	float: left;
}
.config-pdf-style .config-pdf-header {
 	position: relative;
  	top: -40px;
  	left: -22px;
  	margin-bottom: -80px;
}

/*.config-pdf-style .config-model-image, .config-pdf-style .config-attribute-images {
    width: 49% !important; 
    float: left;
  	margin-top: -40px;
} 
.config-pdf-style .config-info {
 	width: 100% !important;
  	float: left;
}
.config-pdf-style .config-images .config-model-image img {
 	 width: 100%;
} */
.config-pdf-style .config-attribute-images .attribute-image-hor span, .pdp-pdf-style .config-attribute-images .attribute-image-hor span {
    width: 100%;
    float: left;
}
.config-pdf-style .config-attribute-images .attribute-image-hor, .pdp-pdf-style .config-attribute-images .attribute-image-hor {
    text-align: center;
}
.config-pdf-style .config-attribute-images .attribute-image-hor img, .pdp-pdf-style .config-attribute-images .attribute-image-hor img {
	max-width: 130px;
  	width: 100%;
}
.config-pdf-style .config-attribute-images, .pdp-pdf-style .config-attribute-images {
 	margin-top: -30px; 
}
.config-pdf-style .section_ProductAttributes table th, .config-pdf-style .section_ProductAttributes table td,
.pdp-pdf-style .section_ProductAttributes table th, .pdp-pdf-style .section_ProductAttributes table td {
 	font-size: 9pt; 
  	border: none;
}
.config-pdf-style .config-model-image, .pdp-pdf-style .config-model-image {
  margin-top: -20px;
}
.config-pdf-style .config-attribute-images-pdf .show-pdf, .pdp-pdf-style .config-attribute-images-pdf .show-pdf {
    display: flex;
  	flex-wrap: wrap;
  	justify-content: space-between;
  	position: relative;
  	top: -40px;
  	margin-bottom: -60px;
}
.config-pdf-style .config-attribute-images-pdf .show-pdf .attribute-image-hor,
.pdp-pdf-style .config-attribute-images-pdf .show-pdf .attribute-image-hor {
    width: 23%;
  	text-align: center;
}
.config-pdf-style .config-attribute-images-pdf .attribute-image-hor span,
.pdp-pdf-style .config-attribute-images-pdf .attribute-image-hor span {
    width: 100%;
    float: left;
  	font-size: 9pt;
  	margin-bottom: 10px;
}
.config-pdf-style .config-help-text, .pdp-pdf-style .row.config-help-text {
  	margin-top: -40px;
  	padding-bottom: 0px !important;
  	margin-bottom: 15px;
  	border-bottom: 1pt solid #f8f8f8;
}
.config-pdf-style .config-help-text p, .pdp-pdf-style .config-help-text p {
	margin: 0;
}
.config-pdf-style p, .pdp-pdf-style p {
 	font-size: 10pt; 
}
.config-pdf-style {
 	font-family: arial, sans-serif; 
}
.config-pdf-style h1, .pdp-pdf-style h1 {
    font-size: 23px;
}
.config-pdf-style .config-attribute-images-pdf .attribute-image-hor, .pdp-pdf-style .config-attribute-images-pdf .attribute-image-hor {
    background: #E9E9E9;
}
.pdp-pdf-style .hide-pdp-pdf {
 	display: none; 
}
.pdp-pdf-style .config-pdf-header {
 	position: relative;
  	top: -20px;
  	left: -10px;
  	display: block;
}
.pdp-pdf-style .pdp-no-padding {
    padding-left: 0 !important;
    padding-right 0 !important;
}
.pdp-pdf-style .pdf-main-row, .pdp-pdf-style .config-help-text, .pdp-pdf-style .config-attribute-images-pdf  {
 	position: relative;
  	top: -55px;
}
.pdp-pdf-style .pdp-pdf-name {
  	position: relative;
  	top: -40px;
}