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

.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;
}
.pt-page-invoicesearch .table th:nth-child(4),
.pt-page-invoicesearch .table th:nth-child(5), 
.pt-page-invoicesearch .table td:nth-child(4), 
.pt-page-invoicesearch .table td:nth-child(5){
    text-align: right; 
}

/* Section checkout & Section Checkout Confirmation alignment */
.section_Checkout .btn.js-updateQuantity {
    margin-top: -3px;
}
.section_Checkout .js-warehouse-selector {
    margin-bottom: -15px;
}
[data-loggedin="True"] .section_Checkout .OrderSummaryShipToAddress {
    margin-left: 0;
    margin-right: 0;
}
[data-loggedin="True"] .OrderSummaryDetailsHeader > fieldset > div > .form-group {
    margin-left: -15px;
    margin-right: -15px;
}
.section_Checkout #summaryWrapper > .row {
    margin: 0;
}
[data-loggedin="False"] .section_CheckoutConfirmation #summaryWrapper > .row:first-of-type .col-md-6 {
    padding-left: 0;
}
@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;
    }
	#summaryWrapper .cart-view-table .last-cell {
	    width: 5px;
	    padding: 0;
	}
	#summaryWrapper #basketList-standard .col-md-12 .cart-view-content.table-responsive~.row {
	    padding-right: 15px;
	}
	.section_CheckoutConfirmation .cart-view-content {
	    margin-top: 15px;
	}
	.section_CheckoutConfirmation .cart-view-table .last-cell {
	    width: 5px;
	    padding: 0;
	}
	.section_CheckoutConfirmation #basketList-standard .col-md-12 .cart-view-content.table-responsive~.row {
	    padding-right: 15px;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px){
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 {
        padding-left: 15px !important;
    }
    [data-loggedin="True"] .section_Checkout .OrderSummaryShipToAddress {
    	padding-left: 15px;
	}
	.OrderSummaryDetailsHeader > fieldset > div > .form-group {
	    margin-left: 0;
	}
	.section_CheckoutConfirmation #summaryWrapper fieldset > div > div > .form-group {
	    margin-left: 0;
	}
  	[data-loggedin="True"] .OrderSummaryDetailsHeader > fieldset > div > .form-group {
    	margin-left: 0px;
    	margin-right: 0px;
    }
  	[data-loggedin="False"] .OrderSummaryDetailsHeader > fieldset > div > .form-group {
        margin-left: -15px;
    }
}
@media screen and (max-width: 767px){
    [data-loggedin="True"] .section_Checkout #summaryWrapper #basketList-standard > div > .row {
	    padding-left: 15px;
	    padding-right: 15px;
	}
  	[data-loggedin="False"] .section_Checkout .OrderSummaryShipToAddress {
    	margin: 0;
	}
  	.section_Checkout .OrderSummaryShipToAddress {
    	padding-left: 15px;
	}
  	.section_CheckoutConfirmation #summaryWrapper fieldset > .row > div > .form-group {
        margin-left: 0 !important;
    }
}
.section_CheckoutConfirmation .basket-total-lines h5 {
    font-weight: bold;
}
.section_CheckoutConfirmation #summaryWrapper > .row:first-of-type {
    margin-bottom: 15px;
}
#summaryWrapper fieldset .form-group .control-label-static {
    margin: 0;
}
#summaryWrapper fieldset .form-group {
    margin-bottom: 3px !important;
}
.basket-total-lines td:last-of-type{
    padding-right:0px;
}
#referencesField .control-label-static {
    margin-top:0px;
  	font-size:inherit;
}
/* Checkout alignment END *//* ==========================================================================
   General Site Styling
   ========================================================================== */

body{
    overflow-x: hidden;
}


/* Cheat sheet color codes
   ========================================================================== 
Red: #bd0a3f;
Red Hover: #a50937;
Purple: #283996;
Black: #000;
Yellow: #fdb827;
*/

/* Fonts
   ========================================================================== */
/* ----- Imported fonts -----*/
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 900;
    src: url("/customfonts/Poppins-Black.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 900;
    src: url("/customfonts/Poppins-BlackItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 800;
    src: url("/customfonts/Poppins-ExtraBold.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 800;
    src: url("/customfonts/Poppins-ExtraBoldItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    src: url("/customfonts/Poppins-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 700;
    src: url("/customfonts/Poppins-BoldItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    src: url("/customfonts/Poppins-SemiBold.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 600;
    src: url("/customfonts/Poppins-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    src: url("/customfonts/Poppins-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 500;
    src: url("/customfonts/Poppins-MediumItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url("/customfonts/Poppins-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 400;
    src: url("/customfonts/Poppins-Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    src: url("/customfonts/Poppins-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 300;
    src: url("/customfonts/Poppins-LightItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 200;
    src: url("/customfonts/Poppins-ExtraLight.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 200;
    src: url("/customfonts/Poppins-ExtraLightItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 100;
    src: url("/customfonts/Poppins-Thin.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 100;
    src: url("/customfonts/Poppins-ThinItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Material Icons Rounded";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://fonts.parttrap.com/Icons/material-icons-round.woff2") format("woff2"), url("https://fonts.parttrap.com/Icons/material-icons-round.woff") format("woff");
}
/* ----- Body fonts ----- */
body {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

/* ----- Headings -----*/
h1, h1.page-header, h2, h2.page-header, .page-header, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
  	text-transform: none;
}

.page-header{
  	/*color: #283996;*/
  	color: #000;
}

h1, h1.page-header {
    font-size: 40px;
}
h2, h2.page-header {
    font-size: 35px;
}
h3 {
    font-size: 26px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}

@media screen and (max-width: 992px){
    h4{
        font-size: 16px;
        font-weight: 500;
    }
}

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

/* Buttons
   ========================================================================== */
/* ----- Buttons general ----- */
.btn, .btn:focus, .btn:active {
    background: #bd0a3f;
    border-color: #bd0a3f;
    color: #fff;
  	border-radius: 10px;
  	font-weight: 700;
  	text-transform: none;
}
.btn:hover {
    background: #a50937;
    border-color: #a50937;
    color: #fff;
}
/*CTA buttons */
.btn.btn-ptOrange, #btnConfirm.btn, .btn.btn-ptOrange:focus, #btnConfirm.btn:focus, .btn.btn-ptOrange:active, #btnConfirm.btn:active  {
    background: #bd0a3f;
    border-color: #bd0a3f;
    color: #fff;
}
.btn.btn-ptOrange:hover, #btnConfirm.btn:hover {
    background: #a50937;
    border-color: #a50937;
    color: #fff;
}

/* 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: #283996;
    border-color: #283996;
    border-radius: 10px;
}

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

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

/* 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;
    }
     .flex-center{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* Header
   ========================================================================== */
/* ----- General header styling -----*/
.header {
  background: #fff;
}

/* ----- Top-bar ----- */
/* Top bar general */
.top-bar {
    background: #283996;
}
/* Top bar links */
.top-bar .top-bar-link a:hover {
    background-color: #283996;
    color: #fff;
 	text-decoration: underline;
}
/* @ 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 */
.minibasket .cart-content.container{
    width: 150%;
    padding: 20px;
  	border-radius: 20px;
    box-shadow: #32325d1a 0 50px 100px -20px, #00000026 0 30px 60px -30px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.minibasket .cart-content.container .btn-group>a.btn  {
    display: inline-flex;
    justify-content: center;
    width: calc(50% - 5px);
  	border-radius: 10px;
  	height: auto;
  	padding: 10px;
}

.minibasket .cart-content.container .btn-group{
    display: flex;
    justify-content: space-between;
}

.minibasket .cart-content.container{
    width: 600px;
    right: 0;
    left: auto;
    border-radius: 20px;
}

.minibasket .cart button>.badge{
	display: block !important;
    background: #bd0a3f;
    border-color: #bd0a3f;
    color: white;
    top: -5px;
    right: -5px;
    margin: 0;
    left: auto;
}

/* @ Cart tablet <-1199px */
@media screen and (max-width: 1199px) {
    
}
/* @ Cart mobile <-767px */
@media screen and (max-width: 767px){
    .minibasket .cart-content.container{
        width: 90vw;
    }
}

/* ----- Search -----*/
/* Search general */
.menu-search-wrap .header-input{
    width: 100%;
}

.menu-search-wrap input{
    background: #f0f1fb;
    border: none;
    box-shadow: none;
    padding: 30px;
    font-size: 18px;
    border-radius: 50px!important;
}

.menu-search-wrap .form-control:focus{
    box-shadow: 0 0 0 3px #fdb827;
}

.menu-search-wrap .form-control::placeholder{
    color: #283996;
    font-weight: 400;
}

.menu-search-wrap .form-control{
    color: #283996;
    font-weight: 700;
    position: relative
}

.menu-search-wrap .input-group-btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 7px;
    width: auto;
}

.menu-search-wrap button{
    border-radius: 50px !important;
    width: 45px;
    height: 45px;
}


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


/* User container */
.user-container {
    display: none;
    position: absolute;
    background: white;
    z-index: 500;
    width: 90vw;
    padding: 10px 0;
    top: 100%;
    right: 0;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 10px 24px;
}
.user-container .section_Menu .sidebar-nav-heading{
    display: block;
}

.user-container .sidebar-nav-toggle{
    display: none;
}

.user-container .section_Menu .sidebar-nav-items{
    display: block;
}

.user-container .section_LoginStatus .top-bar-link{
    width: 100%;
    text-align: right;
}

.user-container .section_LoginStatus a{
    border: none;
}

.user-container .section_LoginStatus .user-log-out-link a{

    text-decoration: underline;
    font-size: 16px;
    font-weight: 700;
}

@media screen and (min-width: 1200px){

  .user-container{
  	width: 500px;
    top: 70px;
    left: auto;
    right: 0px;
    transform: translate(30px, 65px);
    transform-origin: top right;
  }
}


/* Main navigation
   ========================================================================== */
/* ----- Main navigation general ----- */
.header-top-row>.container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.menu-col {
    display: flex;
    flex: 1 0 auto;
    align-content: center;
  	flex-wrap: wrap;
}

.my-account-icon{
  cursor: pointer;
  text-align: center;
}

.header-icon-col .my-account-icon:before{
    content: "\e7fd";
    font-family: "Material Icons Rounded";
    font-size: 50px;
    color: #2a3896;
  	line-height: 1;
}

.header-icon-col .fa-shopping-cart:before{
    content: "\f1cc";
    font-family: "Material Icons Rounded";
    font-size: 50px;
    color: #2a3896;
  	line-height: 1;
}

.header-icon-col > div  {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.header-icon-col > div > section{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.header-icon-col .my-account-icon, .header-icon-col .minibasket{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
}

.header-icon-col .cart .fa{
    display: flex;
}

.header-icon-col .my-account-icon p{
    margin-bottom: 0;
  width: 100%;
}

.header-icon-col .section + .section{
    padding-bottom: 0;
}

.header-icon-col .cart.header-input{
    margin-top: 0;
}

.header-icon-col .cart-btn{
    padding: 0;
}

.minibasket .cart .input-group{
    display: block;
}

.header-icon-col .cart-btn{
    background: none;
    outline: none;
    border: none;
}

.header-icon-col .cart-field{
    line-height: 1.42857;
    display: flex;
    justify-content: center;
  	height: auto;
    border: none;
    box-shadow: none;
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
    color: black;
    padding: 0;
}

.header-icon-col .cart-field-amount{
    display: none;
}

.menu-search-wrap{
    display: flex;
    flex: 1 0 auto;
} 

.menu-search-wrap form{
    width: 100%;
}

/* ----- Main navigation desktop 1200px -> ----- */
@media screen and (min-width: 1200px) {
  
  .header{
      border: none;
      position: sticky;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 999;
      box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 30px 0px;
  }
  
  .header-menu-row{
  		width: 100%;
    	padding: 15px 0 5px;
  }

  .header-menu-row > div{
      display: flex;
      justify-content: center;
  }


  .header .header-menu-row a, .cd-primary-nav .cd-secondary-nav>li>a{
      color: #283996;
      font-weight: 600;
      font-size: 20px;
      text-decoration: none;
  }
  
  .header .cd-primary-nav .cd-secondary-nav li.has-children > ul > li > a{
      font-size: 16px;
      font-weight: 500;
  }
  
  .header .header-menu-row a:hover{
      text-decoration: underline solid 3px #fdb827;
      text-underline-offset: 5px;
  }
  
  .header-menu-row .navbar .moves-out.cd-primary-nav .see-all a, .header-menu-row .section_Menu .moves-out.cd-primary-nav .see-all a {
      color: #283996;
  }

  .header-menu-row .cd-primary-nav .cd-secondary-nav>.see-all a:hover, 
  .header-menu-row .cd-primary-nav .cd-nav-gallery>.see-all a:hover, 
  .header-menu-row .cd-primary-nav .cd-nav-icons>.see-all a:hover{
      color: #283996 !important;
      background: none;
      border-top: 1px solid #e2e3df;
  }

  .header-menu-row ul.cd-primary-nav>li.has-children>a:after{
      font-family: "Material Icons Rounded";
      content: "\e5c5";
      font-size: 25px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      transform-origin: center center;
      background: none;
      width: 20px;
      height: 20px;
      margin: 0;
      text-align: center;
      right: 0;
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center;
  }

  .header-menu-row ul.cd-primary-nav>li.has-children>a.selected:after{
      transform: translateY(-50%);
      width: 20px;
  }


  .header-menu-row ul.cd-primary-nav>li.has-children>a:before{
      width: 0;
      height: 0;
  }

  .cd-primary-nav>.has-children>a {
      padding-right: 25px !important;
  }
  
  .page .cd-primary-nav .cd-secondary-nav{
      border-radius: 0 0 20px 20px;
      border-top-color: white;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 32px 29px 0px;
  }
  
  .cd-secondary-nav .has-children .has-children>a:after, .cd-secondary-nav .go-back a:after{
      font-family: "Material Icons Rounded";
      content: "\e5df";
      font-size: 25px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      transform-origin: center center;
      background: none;
      width: 20px;
      height: 20px;
      margin: 0;
      text-align: center;
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center;
  }

  .cd-secondary-nav .go-back a:after{
      transform: translatey(-50%) rotate(180deg);
  }

  .cd-secondary-nav li.has-children>a:before, .cd-secondary-nav li.go-back>a:before{
      width: 0;
      height: 0;
  } 
  
  .menu-search-row{
    display: flex;
    width: 60%;
    flex: 1 0 auto;
  }

  .header-logo-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .header-logo-row>div>.section+.section{
    padding-bottom: 0;
  }    
}

@media screen and (min-width: 1920px){
    .menu-search-row{
        max-width: 1700px;
        margin-left: auto;
        margin-right: 0;
    }
}
/* ----- Main navigation mobile <-1199px ----- */
@media screen and (max-width: 1199px) {
  .menu-col{
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-content: center;
    align-items: center;
  }

  .cart .cart-field-label{
    display: block;
  }

  .header-logo-row div{
    display: flex;
  }

  .menu-search-row{
    order: 1;
    width: 100%;
  }

  .cd-nav>ul{
    margin-right: 80px;
    margin-left: 0;
  }

  .cd-main-header.nav-is-visible{
    transform: none;
    position: absolute;
    left: 85vw;
  }

  .cd-nav-trigger.nav-is-visible{
    left: 0;
  }

  .cd-primary-nav{
    right: auto;
    left: 0;
    background: white;
    color: black;
    width: 80vw;
  }

  .cd-primary-nav a{
    color: black;
  }

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

  }

  .cd-main-content.nav-is-visible:after{
    content: "";
    background: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
  }
  
  .menu-mobile .cd-main-header{
    width: 50px;
  }

  .cd-nav-trigger span, 
  .cd-nav-trigger span::before, 
  .cd-nav-trigger span::after{
      background: #283996;
      border-radius: 10px;
  }
  
  .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: #283996;
  }
  
  ul.cd-header-buttons{
    padding: 0;
    margin-bottom: 0;
  }

  .cd-main-header.nav-is-visible{
      left: 80vw;
      position: fixed;
      top: 10px;
  }

  .cd-nav-trigger.nav-is-visible{
      background: #fff;
      border-color: #fff;
  }

  .cd-nav-trigger.nav-is-visible span::before,
  .cd-nav-trigger.nav-is-visible span::after{
      background: #283996;
      height: 4px;
  }

  .cd-primary-nav a, .cd-primary-nav ul a{
      border-bottom: 1px solid #ededed;
      color: #293896;
      font-size: 13px;
  }

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

  .header-logo-row,
  .header-icon-row{
      max-width: 60%;
  }

  .header-icon-col .my-account-icon p{
      display: none;
  }

  .header-icon-col .cart-field{
      display: none;
  }

  .header-icon-col .my-account-icon::before,
  .header-icon-col .fa-shopping-cart::before{
      font-size: 40px;
  }

  .header-logo-row > div > .section_Image{
      padding: 0;
  }
  .header>.container{
      padding: 0;   
  }

  .header>.container .header-main-col{
      padding: 0;
  }

  .header-logo-row div{
      align-self: center;
      align-items: center;
  }
  
  .moves-out.cd-primary-nav .see-all a{
  	color: #293896;
  }
}

/* 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: #283996;
  	color: #fff;
  	text-transform: none;
  	border-top: 3px solid #bd0a3f;
}

.wrapper-footer-holder{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 20px;
}

.wrapper-footer-holder .row.footer-item-wrap{
    display: flex;
    flex: 1 0 auto;
    width: 30%;
}

@media screen and (max-width: 767px){
    .wrapper-footer-holder .row.footer-item-wrap{
        width: 100%;
    }   
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .wrapper-footer-holder .row.footer-item-wrap{
        width: 50%;
        flex: 1 0 auto;
    }   
}

.wrapper-footer-holder .row{
    width: 100%;
}

.wrapper-footer-holder hr{
    border-color: white;
    opacity: .1;
}

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


.footer-copyright p{
    opacity: .64;
}

.footer h5{
    font-size: 25px;
	margin-bottom: 25px;
}

/* Footer links */


.footer-item-wrap a{
    text-decoration: none;
}

.footer p a{
    color: #fff;
    opacity: .64;
    transition: .3s ease;
}

.footer p a:hover{
    opacity: 1;
}


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

/* Section mobile */

/* ----- Content header ----- */
.content-header .img-wrap.content{
    position: relative;
    display: block;
  	padding: 0;
  	overflow: hidden;
}

.content-header{
  	margin-top: -30px;
}

.content-header .img-wrap img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    width: auto;
    max-width: unset;
}

.content-header .img-wrap:after{
    content: "";
    top: 0;
    left: 0;
    background: rgba(0,0,0,.1);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.content-header .img-wrap>.container{
    position: relative;
    color: white;
  	z-index: 5;
}

.content-header .img-wrap>.container>h1{
    font-weight: 600;
  	padding: 2em 0;
  	margin-bottom: 0;
}

/* ------ Quickshop -----*/
.section_QuickShop input{
    border-radius: 10px;
    padding: 15px;
    height: auto;
    border: 2px solid #b3b3b3;
    font-size: 17px;
}

.section_QuickShop input.form-control:focus{
    box-shadow: none;
    border-color: #283996;
}

.section_QuickShop .quickshopcontent{
    display: flex;
    flex-direction: row;
  	flex-wrap: wrap;
    margin: 15px 0;
}

.section_QuickShop .quickshopcontent>div{
    display: flex;
}

.section_QuickShop .quickshopcontent input{
    margin-bottom: 0;
}

.section_QuickShop .quickshopcontent .col-sm-2.col-xs-2 .btn{
    height: auto;
    border-radius: 10px;
}

@media screen and (max-width: 991px){
    .quickshopcontent > div.col-sm-6.col-xs-6{
        margin-bottom: 10px;
    }  
}


/* ----- Search autocomplete dropdown ----- */
#ui-id-1 li {
    border-bottom: 1px solid transparent;
}
#ui-id-1 li:last-of-type {
    border-bottom: none;
}
#ui-id-1 .ui-state-active {
    background: #fff;
    border: none;
}
#ui-id-1 li a div:first-of-type {
    margin-right: 8px;
}

ul.ui-widget-content{
    padding: 0;
    background: transparent;
    border-color: transparent;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 20px;
    box-shadow: #32325d1a 0 50px 100px -20px,#00000026 0 30px 60px -30px;
}

.ui-menu .ui-menu-item{
    background: white;
    border: 0px solid white;
}

.ui-menu .ui-menu-item:last-child,
.ui-menu .ui-menu-item:last-child a{
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.ui-menu .ui-menu-item a.ui-state-active, 
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-hover{
    margin: 0;
    background: transparent;
    border: none;
    color: unset;
}

.ui-menu .ui-menu-item a.ui-state-focus{
    box-shadow: 0 0 0 3px #fdb827 inset;
}


/* ==========================================================================
   Page Styling
   ========================================================================== */
/* Index page
   ========================================================================== */
.index-slider .product-nav{
    display: none;
}

.index-slider .product .hover-product-title a{
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;
}

.index-slider .product-grid .product .hover-product{
    box-shadow: 0 0 5px #d3d3d3;
}

.index-slider .product-grid .product .hover-product:hover{
    box-shadow: 0 0 5px #c9c9c9;
}
@media screen and (max-width: 767px){
    .index-slider .products{
        padding: 0 40px;
    }
    .slick-prev:before, 
    .slick-next:before{
        font-size: 40px;
    }
    
    .slick-prev, .slick-next{
        width: 40px;
        height: 40px;
    }
    
    .slick-prev{
        left: -40px;
    }
    .slick-next{
        right: -40px;
    }
}

/*Index product catalog */
@media screen and (max-width: 767px){
    .index-image-catalog p{
        margin: auto;
        width: 60vw;
    }
}

/*Favorite list (12) */
.header-text h1{
    margin-top: 0;
}

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

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


/* Contact us
   ========================================================================== */
.section_ContactUsForm .form-group select, 
.section_ContactUsForm .form-group input,
.section_ContactUsForm .form-group textarea{
    height: auto;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #b3b3b3;
    font-size: 17px;   
}

.section_ContactUsForm .form-group select:focus, 
.section_ContactUsForm .form-group input:focus,
.section_ContactUsForm .form-group textarea:focus{
    border-color: #283996;
    box-shadow: none;
}

.section_ContactUsForm .form-horizontal > .row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.section_ContactUsForm .form-horizontal > .row > .col-sm-5{
    width: 0;
}

.section_ContactUsForm .form-horizontal > .row > .send-copy-holder{
    white-space: nowrap;
    width: auto;
}
.section_ContactUsForm .form-horizontal > .row > .col-sm-4{
    width: auto;
}

.section_ContactUsForm .form-horizontal > .row > .send-copy-holder input[type="checkbox"]{
    display: inline-flex;
    box-sizing: border-box;
}

.section_ContactUsForm .form-horizontal > .row > div > #ContactUsFormSubmit{
    border-radius: 50px;
    border: none;
    padding: 12px 50px;
    font-size: 20px;
    box-shadow: rgba(44, 2, 15, 0.3) 0px 3.5px 7px 0px, rgba(44, 2, 15, 0.15) 0px 7px 14.5px -3.5px, rgb(102, 5, 34) 0px -3.5px 0px 0px inset;
    text-transform: none;
    font-weight: 700;
}


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


/* Login page
   ========================================================================== */
.pt-page-login {
    background-image: url('/en/image/getthumbnail/1015');
}

.pt-page-login .content > .container:first-of-type {
  	border-radius: 20px;
    box-shadow: #32325d1a 0 50px 100px -20px, #00000026 0 30px 60px -30px;
}

.pt-page-login .section_Login input{
    border-radius: 10px;
    height: auto;
    font-size: 17px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.pt-page-login .section_ForgotPassword > h3.sub-header{
    opacity: 0.6;
    font-weight: 400;
    text-decoration: underline;
}

.pt-page-login .section_ForgotPassword > h3.sub-header:hover{
    opacity: 1;
}

.pt-page-login .section_SignUp h3.sub-header{
    font-size: 3rem
}

.pt-page-login .btn.btn-lg{
    border-radius: 50px;
    height: auto;
    padding: 10px 15px;
    font-weight: 700;
    text-transform: none;
    font-size: 1.2em;
    box-shadow: rgba(44, 2, 15, 0.3) 0px 4px 8px 0px, 
        rgba(44, 2, 15, 0.15) 0px 8px 16px -4px,
        rgb(102, 5, 34) 0px -4px 0px 0px inset;
    border:none;
}

.pt-page-login .section_ForgotPassword .input-group{
    display: flex;
    flex: 1 0 auto;
}

.pt-page-login .section_ForgotPassword .input-group .form-control{
    width: 70%;
    display: flex;
    flex: 1 0 auto;
    border-radius: 10px;
}

.pt-page-login .section_ForgotPassword .input-group .input-group-btn{
    display: flex;
    width: 30%;
    margin-left: 10px;
}

.pt-page-login .section_ForgotPassword .input-group .input-group-btn .btn{
    width: 100%;
    border-radius: 10px;
}

.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%);
}

.pt-page-login p{
    font-size: 15px;
}


/* ==========================================================================
   Product Pages Styling
   ========================================================================== */

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

/* Product list (5)
========================================================================== */
.hover-product{
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 20px -12px;
    padding: 10px;
    text-align: left;
}

.hover-product:hover{
    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 20px -12px
}

.hover-product img{
    border-radius: 10px;
    border: none;
    box-shadow: none;
}

.hover-product-hover-bg{
    background: transparent;
}

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

h3.hover-product-title,
.product-list-thumbs h3.product-header{
    font-size: 20px;
}

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

.pull-right:has(.addToBasketContainer){
    display: flex;
    justify-content: flex-end;
    position: relative;
    float: none;
}

.input-group-btn>.btn.product-add-cart-btn{
    border-radius: 5px;
    padding: 0 15px;
    margin-left: 5px;
}

.input-group>.input-group-btn>.input-group>.product-quantity-input{
    border-radius: 5px;
}

#productlist .product-nav:last-of-type{
    border: none;
}

.product-list-thumbs .product {
    padding: 10px;
    border-radius: 20px;
}

.product-list-thumbs .product:nth-child(even){
    background: #f7f7f7;
}

.product-list-thumbs .product img{
    border-radius: 10px;
    margin: 0;
    box-shadow: none;
    border: none;
}

.product-additional-content dt,
.product-additional-content dd{
    display: inline-block;
}


@media screen and (min-width: 992px){
    .product-list-thumbs .col-md-3.col-xs-3{
        width: 13%;
    }

    .product-list-thumbs .col-md-5.col-xs-9{
        width: 65%;
    }

    .product-list-thumbs .col-md-4.col-xs-9{
        width: 20%;
    }
}
  
  .product-grid .product .hover-product{
    box-shadow: 0 0 20px #ccc;
    border-radius: 20px;
    padding: 10px;
    display: grid;
}

.product-grid .product .hover-product:hover{
    box-shadow: 0 0 10px #bbb;
}

.product-grid .product .hover-product-title{
    height: unset;
    font-size: 22px;
}

.product-grid .product .hover-product-title a:hover{
    color: black;
}

.product-grid .product .hover-product-image-wrapper img{
    box-shadow: none;
    border: none;
    border-radius: 10px 10px 0 0;
}

.product .hover-product-hover-bg{
    background: transparent;
}

.reloadlist .table img{
    margin-bottom: 0;
}

/*PLP grid */
.product-grid > ul{
  	display: grid;
}

@media screen and (min-width: 992px){ 
    .product-grid > ul{
        grid-template-columns: repeat(4,1fr);
    }
}

@media screen and (max-width: 991px){
    .product-grid > ul{
        grid-template-columns: repeat(2,1fr);
    }
}

.product-grid > ul > li {
    display: grid;
    width: 100%;
}

[class*="block-grid-"]:before, [class*="block-grid-"]:after{
    display: none;
}



/*** Pagination ***/
.paginate-top ul li:not(.pull-right) {
    display: none;
}

.paginate-top ul.product-nav-pagination{
    display: flex;
    justify-content: flex-start;
}

.paginate-top ul.product-nav-pagination li:last-child{
    width: auto;
    height: auto;
}

.paginate-top li>span{
    font-size: 20px !important;
}

.paginate-top ul.product-nav-pagination li:last-child span:hover{
    background: transparent;
    cursor: default;
}

#productlist > .product-nav{
    padding-bottom: 10px;
}

.paginate-bottom{
    padding-top: 20px;
}

.paginate-bottom ul.product-nav-pagination{
    display: flex;
    justify-content: center;
  	flex-wrap: wrap;
}

.paginate-bottom ul.product-nav-pagination li:not(.pull-right){
    width: 50px;
    height: 50px;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    cursor: pointer;
  	display: flex;
  	justify-content: center;
  	align-items: center;
}


ul.product-nav-pagination li.active{
    background: #bd0a3f;
    border-radius: 50px;
}

ul.product-nav-pagination li.active:hover{
    background: #a50937;
}

ul.product-nav-pagination li>a,
ul.product-nav-pagination li.active>a,
ul.product-nav-pagination li.active:hover>a,
ul.product-nav-pagination li:hover>a{
    background: transparent !important;
    display: flex;
    cursor: pointer;
    line-height: 1;
    font-size: 18px;
    
}

.paginate-bottom ul.product-nav-pagination li:last-child{
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
    width: auto;
    height: auto;
    
    display: none;
}


.paginate-bottom ul.product-nav-pagination li.nextpage + li,
.paginate-bottom ul.product-nav-pagination li.nextpage + li + li{
    width: unset;
    border-radius: 0;
    height: unset;
    white-space: nowrap;
}

.paginate-bottom ul.product-nav-pagination li.nextpage + li> a,
.paginate-bottom ul.product-nav-pagination li.nextpage + li + li> a{
    position: relative;
}


.products .form-group .form-control{
    padding: 15px;
    font-size: 19px;
    height: auto;
    border-radius: 10px;
}

.products .form-group:first-child{
    margin-right: 10px;
}

.fa.fa-chevron-right::before{
    font-family: "Material Icons Rounded";
    content: '\f1df';
    font-size: 25px;
}

.icon-left-open::before{
    font-family: "Material Icons Rounded";
    content: '\f1e6';
    font-size: 25px;
}

@media screen and (max-width: 767px){
    #productlist .product-nav:nth-child(2) > .row > .col-sm-12:first-child{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 5px;
    }

    #productlist .product-nav:nth-child(2) > .row > .col-sm-12:first-child::before,
    #productlist .product-nav:nth-child(2) > .row > .col-sm-12:first-child::after{
        display: none;
    }

    .form-inline.pull-right .form-group{
        display: flex;
        flex-wrap: nowrap; 
        align-items: center;
        margin: 0;
    }

    .form-inline.pull-right .form-group label{
        white-space: nowrap;
        margin-right: 5px;
    }
    
    .form-inline.pull-right .form-group:last-child{
        display: none;
    }
    
    .paginate-top, .paginate-bottom, 
    .paginate-top .product-nav-pagination,
    .paginate-bottom .product-nav-pagination{
        width: 100%;
    }
    
    .paginate-top ul.product-nav-pagination li:last-child{
        display: flex;
    }
}

@media screen and (max-width: 420px){
    .product-nav-layout {
        display: none;
    }
      #productlist .product-nav:nth-child(2) > .row > .col-sm-12:first-child{
        justify-content: flex-end;
    }
} 


.paginate-top li:not(:last-child), .paginate-bottom li:last-child{
    display: none;
}

ul.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination>li>a, .pagination>li>span{
    font-size: 16px;
    font-weight: 400;
}
.pagination-sm>li:first-child>a, 
.pagination-sm>li:first-child>span, 
.pagination>li:first-child>a, 
.pagination>li:first-child>span{
    border-radius: unset;
}

.pagination>li>a:hover, 
.pagination>li>a:focus, 
.pagination>li>span:hover, 
.pagination>li>span:focus{
    background: transparent;
}


.product-nav .pagination>.active>a, 
.product-nav .pagination>.active>a:hover, 
.product-nav .pagination>.active>a:focus, 
.product-nav .pagination>.active>span, 
.product-nav .pagination>.active>span:hover, 
.product-nav .pagination>.active>span:focus{
    font-size: 22px;
    padding: 0;
    border-radius: 50px;
    background: rgb(189, 10, 63);
    display: flex;
    width: 4rem;
    height: 4rem;
    justify-content: center;
    align-items: center;
}

.pagination>.active>a, 
.pagination>.active>a:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span, 
.pagination>.active>span:hover, 
.pagination>.active>span:focus{
    font-size: 22px;
    padding: 0;
    border-radius: 50px;
    background: rgb(189, 10, 63);
    display: flex;
    width: 4rem;
    height: 4rem;
    justify-content: center;
    align-items: center;
}


/* Teams/League catalog landing page PageID (88/89)
========================================================================= */

/*Subnode menu */
.section_ProductParentNode_SubNodeMenu div ul{
    display: flex;
    flex-wrap: wrap;
}

.section_ProductParentNode_SubNodeMenu div ul li > a{
    font-weight: 600;
}

@media screen and (max-width: 514px){
    .section_ProductParentNode_SubNodeMenu div ul li > a{
        font-size: 5vw;
    }
}
@media screen and (min-width: 515px) and (max-width: 991px){
    .section_ProductParentNode_SubNodeMenu div ul li > a{
        font-size: 24px;
    }
}

@media screen and (min-width: 992px){
    .section_ProductParentNode_SubNodeMenu div ul li > a{
        font-size: 22px;
    } 
}


/* Filter Panel */
.section_ProductFilter .row > .form-group{
    width: 100%;
}

.section_ProductFilter h3{
    display: none;
}

.section_ProductFilter .filterWrapper{
    height: unset;
    border-top: 1px solid #ccc;
}

#productfilter .form-group{
    padding-right: 0;
}

.section_ProductFilter .row .form-group {
    width: 100%;
}

.section_ProductFilter .row .form-group .control-label{
    font-size: 22px;
    color: black;
    background: transparent;
    border: none;
    padding: 2rem;
}

.section_ProductFilter .row  .form-group input[type="checkbox"]{
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
}

.section_ProductFilter .row  .form-group input[checked]:after{
    content: '\e5ca';
    color: white;
    font-family: 'Material Icons Rounded';
    position: absolute;
    font-size: 18px;
    display: block;
    background: rgb(41, 56, 150);
    border-radius: 5px;
    padding: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.product-nav {
    border-color: transparent;
}

.section_ProductFilter .activeFilters{
    margin: 0px;
    padding: 10px 0;
    border: none;
    position: relative;
}

.section_ProductFilter .activeFilters .clearAllFilter{
    position: absolute;
    left: auto;
    right: 2rem;
    top: 15px;
    line-height: 1;
}

.section_ProductFilter .activeFilters .clearAllFilter .label{
    background: transparent;
    color: black;
    font-weight: 400;
    font-size: 15px;
    padding: 0;
    line-height: 1;
    text-decoration: underline;
}

.section_ProductFilter .activeFilters .clearAllFilter .label .fa-remove{
    display: none;
}

.section_ProductFilter .activeFilters .control-label{
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
}


.section_ProductFilter .activeFilters .filter-tag{
    margin-bottom: 8px;
    height: unset;
    line-height: auto;
}

.section_ProductFilter .activeFilters .filter-tag .label{
    background: transparent;
    border: 1px solid black;
    color: black;
    font-weight: 500;
    font-size: 14px;
    border-radius: 15px;
    padding: 14px;
    display: flex;
    align-items: center;
}

.section_ProductFilter .activeFilters .filter-tag .label .fa-remove::before{
    content: "\e5cd";
    font-family: "Material Icons Rounded";
    position: relative;
    display: block;
    margin-left: 10px;
}

.section_ProductFilter .row > div > .form-group{
    width: 100% !important;
    background: transparent;
}

.js-iconContainer .row:has(input[checked="checked"]) .col-sm-10{
    font-weight: 700;
}

.section_ProductFilter .filterWrapper{
    display: flex;
    align-items: center;
}

.activeFilterDrop .filterWrapper{
    background: transparent;
    width: 100%;
}

.activeFilterDrop .filterWrapper{
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
}

.filter-dropdown-numeric-in-dropdown-view-container .filterinputbutton label input{
    height: unset;
}

.filter-dropdown-numeric-in-dropdown-view-container .filterinputbutton label input[type="checkbox"]{
    top: 50%;
    position: absolute;
    transform: translatey(-50%);
    margin-top: 0;
}

.js-iconContainer, .filtervalues-dropdown {
    width: 100% !important;
    position: relative !important;
    background: white;
    padding: 8px !important;
    border: none;
}

.section_ProductFilter #productfilter .form-group.MultiSelectValues{
    padding: 0;
}

.filter-dropdown-numeric-in-dropdown-view-container li.checked .filterinputbutton{
    background-color: transparent;
}

.filter-dropdown-numeric-in-dropdown-view-container .filterinputbutton .drop-down-select-button{
    position: relative;
    padding-left: 8px;
}

.filter-dropdown-numeric-in-dropdown-view-container .active .filterinputbutton label input{
    color: black;
}

.section_ProductFilter  .filterWrapper > .btn{
    background: transparent;
    border: none;
    padding-left: 20px;
}
.section_ProductFilter  .filterWrapper > .btn:hover{
    background: transparent;
    border: none;
    box-shadow: none;
}

.section_ProductFilter .btn::before{
    display: none;
}

.section_ProductFilter .filtervalues-dropdown{
    position: relative !important;
}

.section_ProductFilter .filterWrapper > .btn::after{
    content: "\e5cf";
    font-family: "Material Icons Rounded";
    font-size: 20px;
    position: absolute;
    right: 8px;
    color: black;
} 


@media screen and (max-width: 767px){
    .section_ProductNodeList .form-inline{
        width: 100%;
    }

    .section_ProductNodeList .form-inline .form-group{
        text-align: left;
    }
}


/* PDP (19)
========================================================================== */
.hover-product-image{
    box-shadow: none;
    border-radius: 20px;
    border: none;
}

.pt-page-productdetail .section + .section,
.pt-page-productdetail .content section{
    padding-bottom: 0;
}

.pt-page-productdetail .product-netprice::before{
    content: 'Your price:';
    font-size: .6em;
}

.pt-page-productdetail .product-grossprice::before{
    content: 'Wholesale price:';
}

.nav-tabs{
    border: none;
    box-shadow: none;
}

.nav-tabs > li{
    margin-bottom: 0;
}

.nav-tabs > li > a{
    border: none;
    background: transparent;
    color: #283996;
    opacity: .7;
 	font-size: 20px;
}

.nav-tabs > li > a:hover{
    background: none;
    text-decoration: underline solid 3px #fdb827;
    text-underline-offset: 5px;
    opacity: 1;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus{
    background-color: transparent;
    color: #283996;
    border: none;
    text-decoration: underline solid 3px #fdb827;
    text-underline-offset: 5px;
    opacity: 1;
}

.section.product-text-description{
	padding-top: 30px;
}

.section_ProductRelationList .product-nav:nth-child(2) .row{
    display: none;
}

.section_ProductRelationList .product-grid > ul{
    display: flex;
} 

.section_ProductRelationList .product-grid > ul > li{
    display: grid;
}

.product-slider-section hr{
    display: none;
}
.slides img{
    border: none;
    border-radius: 20px;
}
.slides .slick-list{
    padding: 0 !important;
}
.slides .slick-slide{
    margin: 10px;
    cursor: pointer;
}
.flexslider.product-carousel {
    margin: 0;
}

.section_AddToBasket{
    position: relative;
}

.section_AddToBasket > .input-group{
    padding-bottom: 71px;
}

.section_AddToBasket .input-group-btn .input-group, .section_AddToBasket .input-group-btn{
    position: unset;
}

.section_AddToBasket .input-group-btn .input-group > .input-group-btn{
    position: absolute;
    bottom: 0;
    left: 0;
}

.section_AddToBasket .input-group-btn .input-group > .input-group-btn > button{
    margin-left: 0;
    height: unset;
    padding: 15px 32px;
    font-size: 22px;
    border-radius: 50px;
}

.pdp-row{
    padding-bottom: 30px;
}

.page-header p{
    font-size: 40px;
    font-weight: 600;
    color: black;
    line-height: 1.2;
}

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

.section_ProductDetail_Description h5{
    opacity: .64;
}

/* Attribute Placeholders */
.attribute-ph dl{
    margin:0px;
}
.attribute-ph dt{
    display: none;
}
.attribute-ph.heading dd{
    font-size:30px;
}
.attribute-ph.heading{
    padding-bottom:0px;
}
.attribute-ph th{
    display: none;
}

.attribute-ph2 dl{
    margin-top:-38px;
}
.attribute-ph2 dt{
    display: none;
}
.attribute-ph2.heading dd{
    font-size:30px;
}
.attribute-ph2.heading{
    padding-bottom:0px;
}
.attribute-ph2 th{
    display: none;
}

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

/* IPDP (20)
========================================================================== */
.pt-page-inquiryproduct .slides img{
    border: 2px solid white;
    border-radius: 20px;
    padding: 5px;
}

.pt-page-inquiryproduct .slides .slick-current img{
    border-color: #283996;
}

.pt-page-inquiryproduct .slides .slick-slide{
    width: 100px !important;
    margin: 0 5px;
}

/* Search result (4)
========================================================================== */

/* Checkout (10)
========================================================================== */
#summaryWrapper .form-group{
    display: flex;
    align-items: center;
}

#summaryWrapper .form-group .col-sm-7{
    margin: .15em 0 5px;
}


/* Terms & Conditions (33)
========================================================================== */
.terms-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #2a389610;
    border-radius: 0 0 10px 10px;
}

.terms-container h2{
    background: #2a3896;
    color: white;
    padding: 10px;
}

.terms-container h2, .terms-container + h3{
    width: 100%;
    text-align: center;
}

.terms-container + h3{
    margin-top: 20px;
    color: #2a3896;
}

@media screen and (min-width: 992px){
    .terms-container > div{
        padding-top: 10px;
        padding-bottom: 10px;
    }
}



/* My Area 
========================================================================== */

.myArea .table>thead>tr>th, 
.myArea .table>thead>tr>td, 
.myArea .table>tbody>tr>th, 
.myArea .table>tbody>tr>td, 
.myArea .table>tfoot>tr>th, 
.myArea .table>tfoot>tr>td{
    padding: 12px 8px;
}

.myArea .table .form-group{
    margin-bottom: 0;
}

.myArea .row .row:has(.pagination){
    padding: 30px 0;
}


.invoice-due-date-expired{
    display: none;
} 

.control-label-static{
    font-size: 16px;
}

.pt-page-usercustomerinformation .col-md-7{
    padding-left: 0;
}

table table.basket-total-lines td:last-child{
    padding: 0;
}

.order-detail-wrapper h2{
    font-weight: 400;
}

.section_CustomerInformation .form-group{
    display: flex;
    align-items: center;
}

.section_CustomerInformation .form-group .control-label-static{
    margin-bottom: 0;
}

.section_CustomerInformation .form-group div:has(.form-control-static){
    display: flex;
    align-items: center;
    line-height: 1;
}

/*Customer Banner*/

[data-loggedin="False"] .active-customer {
    display: none;
}

.active-customer {
    background: none;
}

.active-customer a {
    color: #fff;
    padding: 0 !important;
}

.active-customer .user-log-out-link {
    display: none;
}

.active-customer .top-bar-link a {
    border: none;
}

.active-customer .user-profile-name, .active-customer .user-profile-sep {
    display: none;
}

.active-customer > div > div {
    padding: 0;
}

.active-customer {
    background: #2a3896;
    z-index: 50;
    width: 100%;
}

.active-customer > div > div {
    width: auto;
}

.active-customer > .container {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.active-customer a:hover, .active-customer a:focus, .active-customer a:active {
    background: none !important;
    text-decoration: underline !important;
}

.active-customer p {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0;
}

.active-customer > .container > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.active-customer .section_LoginStatus {
    margin-left: 5px;
}

.active-customer .section{
    padding: 0;
}
.signupform-title {
    white-space: pre-line;
}

/* Authors
   ==========================================================================
Anna Holmberg
*//* ==========================================================================
   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: 0 4px 10px #2938961a;
	-moz-box-shadow: 0 4px 10px #2938961a;
	box-shadow: 0 4px 10px #2938961a;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: white;
  	border-radius: 25px;
}
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: #bd0b3e;
}
.dashitem .fa::before {
	font-size: 50px;
}
.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;
}*/

.dashitem{
    transition: .2s;
}

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

@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: 40px;
	}
}


/* 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%;
}
/* 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;
}
input:checked + label + .accordion-content {
    visibility: visible;
    opacity: 1;
    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{
    border-bottom: none;
    border-radius: 20px;
    box-shadow: rgba(81,81,81,0.35) 0px 5px 15px;
    padding: 20px;
    margin-bottom: 10px;
    z-index: 5;
}

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

.accordion-container .accordion-content p{
    margin: 0;
}

.accordion-container .accordion-content{
    position: relative;
}

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