/*Checkout button alter*/
#checkout.container .button.alt { background: #231f20!important;}
#checkout.container .button.alt:hover {background: #fee609!important;}
/* main menu - preventing the 8th and following items from getting hidden on smaller screens */
.header-full .menu .catalog>li:nth-child(n+8) { display: inline-block; }
.nFlex{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.hero-slider .ms-bullets.ms-dir-h {
    bottom: 0!important;
}

/*Disable Meu Link*/
.disable-menu-link > a:first-of-type {
    pointer-events: none; /* Disable all pointer events */
    cursor: default; /* Change the cursor to default */
    color: gray; /* Optional: Change the color to indicate it’s disabled */
    text-decoration: none; /* Remove underline if present */
}
@media (max-width: 768px) {
    .disable-menu-link > a:first-of-type {
        pointer-events: auto; /* Re-enable pointer events */
        cursor: pointer; /* Restore clickable cursor */
        color: inherit; /* Restore default text color */
    }
}
/*border around single product removed*/
.productimage_container .productimagesolo {border:0 !important;}
/*update to MTT page */
.mttFlipbox{
  width:24%;
  height:505px;
  perspective: 1000px;
  height: 600px;
}

.mttFlipbox a{
    color:#fee609;
}

.mttFlipboxInner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

.mttFlipboxFace, .mttFlipboxBack{
  position: absolute;
	height: 100%;
  width:100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.mttFlipboxFace{
  transition: visibility 0.5s, transform 1s;
}

.mttFlipboxBack{
  transform: rotateY(-180deg);
  position: relative;
  transition: visibility 0.5s, transform 1s;
  display: block;
  padding: 0;
  text-align:left;
}

/*classes for javascript*/
.mtt-FlipboxInner-flipped {
	transform: rotateY(0deg);
}

.mtt-FlipboxFace-flipped {
	visibility: hidden;
	transform: rotateY(180deg);
}

.mtt-FlipboxBack-flipped {
	transform: rotateY(0deg);
}
/**/

.mttPageBottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.mttPageBio{
  background:#231f20;
  color:#fff;
  position:relative;
  text-align:center;
  padding:145px 25px 35px;
  margin:105px 0;
  transition:0.35s all;
}

.mttPageBioBack{
  background:#231f20;
  color:#fff;
  position:relative;
  padding:80px 50px;
  margin:0;
  transition:0.35s all;
  height: 505px;
}


.mttFlipboxInner h1{
    color:#fff;
    margin:0 0 5px;
    font-size:24px;
    transition:0.35s all;
}
.mttFlipboxInner h1 span{
    color:#fee609;
    transition:0.35s all;
}
.mttFlipboxInner h2{
    color:#fff;
    margin:0 0 20px;
    font-size:400;
    font-size:16px;
    text-transform:uppercase;
    transition:0.35s all;
}
.mttFlipboxInner p{
    color:#fff;
    margin:0 0 5px;
    font-size:16px;
    font-weight:400;
    line-height:24px;
    transition:0.35s all;
}

.mttFlipboxInner .mttPageBioBack p{
    color:#fee609;
    margin:10px 0 30px;
    font-size:18px;
    line-height:21px;
}
.mttFlipboxInner .mttPageBioBack h2{
    margin:0;
    text-transform:uppercase;
}

p.mttPageReadmore{
  width:150px;
  height:40px;
  border-radius:20px;
  border:1px solid #fee609;
  line-height:35px;
  position:relative;
}

.mttPageBio:hover {
	background: #fee608;
}

.mttPageBio:hover .mttPageImg {
	transform: rotate(-15deg);
}

.mttPageBio:hover h1, .mttPageBio:hover h1 span, .mttPageBio:hover h2, .mttPageBio:hover p, .mttPageBio:hover a{
  color:#000;
}

.mttPageBio:hover .mttPageSocial a,
.mttPageBio:hover p.mttPageReadmore {
	border-color: #000;
}

.mttPageBio:hover .mttPageDivider {
	background: #000;
}

.mttPageBio:hover .mttPageSocial a img {
	filter: brightness(0);
}


@media only screen and (max-width:1469px) and (min-width:1367px){
  .mttPageBioBack {
  	height: 553px;
  }
}

@media only screen and (max-width:1315px){
  .mttFlipbox {
	width: 32%;
  }
}

@media only screen and (max-width : 991px) {
  .mttFlipbox{
      width:49%;
  }
}

@media only screen and (max-width:650px){
  .mttFlipbox {
	width: 100%;
  }
}

/*****/

/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%} }@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)} }@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%} }@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)} }.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}

.ex-loggedin .tcontainer{
    display:none;
}

    .tcontainer {
        width: 95%;
        overflow: hidden;
    }
    
    .ticker-wrap {
        width: 100%;
        padding-left: 81%;
    }
    
    @keyframes ticker {
        100% {
            transform: translate3d(-100%, 0, 0);
        }
    }
    
    .ticker-move {
        display: inline-block;
        white-space: nowrap;
        padding-right: 100%;
        animation-timing-function: linear;
        animation: ticker 15s infinite;
    }
    
    .ticker-move:hover {
        animation-play-state: paused;
    }
    
    .ticker-item {
        display: inline-block;
        padding: 0 2px;
        font-size: 18px;
        color: #292c2e;
font-weight: 700;
    }
.ticker-item a {
        color: #292c2e;
font-weight: 700;
 }

.shpBasket > .minicart_count{
    position: absolute;
    top: 0;
    right: -3px;
    background: #fee609;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panel-toggle,
.grid.simple .grid-body,
.customertools a,
.customertools .your-account{
    color:#231f21;
}

/*** plp ***/

.listgrid a,
.pagination li a,
.pagination li.active a{
    color:#231f21;
}

.listgrid a:hover,
.pagination li a:hover,
.pagination li.active a:hover{
    color:#fee609;
}

.catalog-grid .tile .footer .rrp span{
    text-decoration:line-through;
    font-size:14px;
    color:#231f21;
    font-weight:400;
    display:inline-block;
    margin-right:15px;
}

.catalog-grid .label-danger.save {
    color: #231f20;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 15px;
    border-radius: 0;
    background:#fee609;
}
.catalog-grid .label-danger.save:before{
    content:"Save";
}

.catalog-grid .catalog-name{
    color:#231f20;
    font-size:28px;
    padding:0 15px;
}

.catalog-grid .tile .footer a{
    font-size:14px;
    color:#231f20;
    line-height:24px;
}
.catalog-grid .tile .footer a:hover{
    color:#fee609;
}

.catalog-grid .tile .product-name{
    min-height:65px;
    margin:20px 0 10px;
}

.catalog-grid .list-attribute.product-category,
.catalog-grid .brand-label,
.catalog-grid .tile .footer span.uom.uomblock,
.catalog-grid .product-compare-action,
.catalog-grid .price-label-inc-vat{
    display:none;
}

.list-attribute.product-category,
.brand-label,
.tile .footer span.uom.uomblock,
.product-compare-action,
.price-label-inc-vat{
    display:none;
}


.catalog-grid .in-stock,
.catalog-grid .out-stock{
    font-size:14px;
    padding:8px 15px;
    border:2px solid #00cc00;
    font-weight:400;
    display:inline-block;
}
.catalog-grid .out-stock{
    /*border-color:#E31A2E;*/
    border:2px solid #E31A2E !important;
}
.catalog-grid .stock-qty{
    font-weight:900;
}

.catalog-grid .tile .footer a.showproductlocations{
    font-size:14px;
    padding:8px 15px;
    border:2px solid #4b9d59;
    color:#4b9d59;
    font-weight:400;
    display:inline-block;
}
.live-inventory-v2-wrapper .live-inventory-v2-shipping.out-stock { display: inline-block !important;}

.catalog-grid .showproductlocations .in-stock{
    border:none;
    padding:0;
}

.catalog-grid .indicators-grid{
    min-height:26px;
    margin:15px 0 10px;
}

.catalog-grid .tile .price-label{
    color:#231f20;
    font-size:24px;
    font-weight:900;
}

.catalog-grid .tile .footer span.has-vat-price{
    display:inline-block;
}
.catalog-grid .tile .footer span.has-vat-price,
.catalog-grid .tile .footer span.price-label-inc-vat{
    color:#000;
    font-size:14px;
    font-weight:300;
}

.shop-filters .filter-section .categories li a{
    color:#231f20;
}
.shop-filters .filter-section .categories li a:hover{
    color:#fee609;
}

.shop-filters .filter-title{
    background:#231f20;
    color:#fff;
    font-size:16px;
}

.shop-filters .arrow-down{
    border-top: 10px solid #231f20;
}

.shop-filters section.search .search-form button[type="submit"]{
    right:0;
    top:0;
    width:45px;
    height:45px;
    background:#231f20;
}

.shop-filters section.search .select2-container{
    margin-bottom:20px;
}

.shop-filters section.search{
    background:#f7f7f7;
    margin-top: -18px;
    padding-top: 18px;
    border-color:#231f20;
}

.shop-filters .relsearch button i{
    color:#fff;
}

.shop-filters .filter-section h5, .shop-filters .more-filters a {
    color: #231f20;
    font-size: 14px;
    font-weight: 900;
    margin-left: 0;
    margin-right: 22px;
}

.shop-filters .showhide-indicator {
    left: inherit;
    right: 0;
    color: #fee609;
}

.shop-filters .filter-options a {
    font-size: 14px;
    font-weight: 400;
    color: #231f20;
}

.shop-filters .filter-options a:hover{
    color:#fee609;
}

.shop-filters .filter-section label{
    margin-bottom:0;
}

.shop-filters .filter-options a.morefilteroption{
    font-weight:700;
}

.shop-filters{
    background:#fff;
    border:1px solid #000;
}

.searchpills p {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin: 10px 0 20px;
}

/*** product page listing ***/

.catalog-single .product-points .product-points-show-more{
    color:#231f20;
}

.catalog-single .product-points .product-points-show-more:hover{
    color:#fee609;
}

.catalog-single .product-summary .productdetails .product-stock{
    display:inline-block;
}

.tech-specs .item span{
    color:#231f20;
}

#breadcrumb{
    padding:15px 0;
}

#breadcrumb li a{
    font-size:14px;
    background:#f7f7f7;
    padding:10px 15px;
    color:#181616;
    font-weight:400;
    transition:0.35s all;
}

#breadcrumb > li{
    margin:5px 0;
}

#breadcrumb > li + li:before{
    display:none;
}

#breadcrumb > li + li{
    margin-left:5px;
}

#breadcrumb li a:hover{
    background:#fee609;
}

#breadcrumb i{
    display:none;
}

.row-breadcrumb .product-name{
    font-size:30px;
    font-weight:900;
    color:#151414;
}

.nFlex.prodInfoTop{
    justify-content:flex-start;
}

.prodInfoTop .list-attribute.product-stock{
    margin:0 0 7px;
}

.catalog-single .product-summary .showproductlocations,
.catalog-single .product-summary .out-stock{
    background:#4b9d59;
    color:#fff;
    font-size:16px;
    font-weight:400;
    padding:15px 20px;
    line-height:16px;
    display:inline-block;
}
.catalog-single .product-summary .out-stock{
    background-color:#E31A2E;
}
.catalog-single .product-summary .in-stock strong,
.catalog-single .product-summary .out-stock strong{
    font-weight:700;
}
.catalog-single .product-summary .label.label-focus{
    padding:16px 20px;
    border-radius:0;
    border:1px solid #000;
    font-size:14px;
    background:#fff;
    color:#000;
    display:inline-block;
}

.ex-product .desktop .col-lg-10{
    margin-top:10px;
}

.catalog-single .rrp{
    display:block;
    text-align:left;
    margin-bottom:-10px;
  
}


.catalog-single .product-title{
    border:0;
    padding:0;
    margin:8px 0;
}

.catalog-single .product-brand a{
    font-size:1em;
}
.catalog-single .product-summary .productdetails .margindiv.product-item-spacing{
    display:inline-block;
}

.catalog-single .product-summary .productdetails .margindiv{
    margin:8px 0;
}

.catalog-single .product-summary .productdetails .margindiv.product-indicators{
    margin-bottom:18px;
}

.ex-product .productdetails{
    font-size:16px;
    margin-bottom:15px;
}

.ex-product .productdetails a{
    color:#231f20;
}

.ex-product .productdetails a:hover{
    text-decoration:underline;
} 

.ex-product .product-brand a{
    font-weight:400;
}

.catalog-single .product-points ul {
    padding-left: 18px;
    list-style:none;
}

.catalog-single .product-points ul li{
    font-size:16px;
    max-width:none;
    line-height:24px;
}

.catalog-single .product-shopping-actions{
    padding:1.4em;
}

.catalog-single .product-points ul li:before{
  content: "\2022"; 
  color: #fee609; 
  font-weight: bold;
  display: inline-block;
  width: 1em; 
  margin-left: -1em;
}

.ex-product .productimage_container{
    margin-top:17px;
}

.productimage_container .productimagesolo{
    border:1px solid #e6e6e6;
}

.ex-product .productdescription_container{
    margin-top:30px;
}

.ex-product .productdescription_container,
.ex-product .productspecs_container{
    
}

.catalog-single .product-panel .panel{
    box-shadow:none;
    border:1px solid #e6e6e6;
    border-radius:0;
}

#accordion .panel-border{
    border-color:#e6e6e6;
}

.panel-group .panel-heading{
    padding:10px 25px;
    border-bottom:1px solid #e6e6e6;
    background:#f9f9f9;
}

.panel-group .panel-heading.collapsed{
    border-color:#f1f2f3;
}

.panel-group .panel-heading h3{
    font-size:18px;
    color:#000;
    font-weight:900;
}

.catalog-single .product-description{
    padding:35px 50px 25px 25px !important;
    font-size:16px;
}

.panel-heading h3:after{
    font-family:"Lato", sans-serif;
    content:"-";
    font-weight:700;
}

.panel-heading.collapsed h3:after{
    content:"+";
}

.catalog-single .softgraybackground, .softgraybackground{
    background:#f8f8f8;
}

.catalog-single .price{
    background:none;
}

.catalog-single .has-price{
    font-size:30px;
    color:#e4222e;  
}

.catalog-single .has-price span,
.catalog-single .tile .footer span{
    font-size:12px;
    font-weight:400;
    color:#1f2123;
}

.catalog-single .buttons .qnt-count .form-control.inputquantity {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    margin: 0;
    float: left; /* to disregard spaces in html */
    font-size:16px;
    font-weight:700;
    width:50px;
    height:50px;
}
.catalog-single .buttons .qnt-count .form-control.inputquantity:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.catalog-single .product-shopping-actions-addtocart .buttons .qnt-count {
    position: relative;
    left: calc(50% - 77px);
    width: 154px;
    height: 90px;
}
.catalog-single .product-shopping-actions-addtocart .buttons .qnt-count .incr-btn {
    line-height: 50px;
    height:50px;
    width: 50px;
    float: left; /* to disregard spaces in html */
    font-size:16px;
    font-weight:700;
    transition:0.35s background;
}
.catalog-single .product-shopping-actions-addtocart .buttons .qnt-count .incr-btn:first-child  {
    background:#000;
}

.catalog-single .product-shopping-actions-addtocart .buttons .qnt-count .incr-btn:last-child  {
    background:#000;
}

.catalog-single .product-shopping-actions-addtocart .buttons .qnt-count .incr-btn:hover{
    background:#fee609;
} 

.catalog-single .product-shopping-actions .product-shopping-actions-addtocart button,
.quickOrderButton{
    width:100%;
    background:#fee609;
    color:#000;
    font-size:16px;
    font-weight:700;
    transition:0.35s all;
    padding:13px;
    border:1px solid #fee609;
}

.quickOrderButton{
    display:block;
    text-align:center;
}

.quickOrderButton:focus{
    color:#000;
}

.catalog-single .product-shopping-actions .product-shopping-actions-addtocart button.btn-ask-question{
    color:#fff;
    background:transparent;
    border:1px solid #000;
}

.catalog-single .product-shopping-actions .product-shopping-actions-addtocart button:hover,
.quickOrderButton:hover{
    background:#231f20;
    border-color:#231f20;
    color:#fff;
}

.catalog-single .product-shopping-actions .product-shopping-actions-addtocart button i{
    display:none;
}

.catalog-single .softgraybackground.product-shopping-actions .product-shopping-actions-addtoquicklist a{
    padding:13px;
    border:1px solid #231f20;
    font-size:16px;
    display:block;
    font-weight:700;
    color:#000;
    transition:0.35s all;
    border-radius: .25em;
}

.catalog-single .softgraybackground.product-shopping-actions .product-shopping-actions-addtoquicklist a:hover{
    color:#fff;
    background:#231f20;
}

.catalog-single .softgraybackground.product-shopping-actions .product-shopping-actions-addtoquicklist i.fa-plus:before {
    display:none;
}

.catalog-single .product-compare-action{
    text-align:center;
}

.catalog-single .social-links{
    display:none;
}

.belowTools{
    margin:15px 0 20px;
    font-size:14px;
    color:#000;
    text-align:center;
    font-weight:400;
}

.belowTools a{
    color:#000;
    transition:0.25s all;
}

.belowTools a:hover{
    color:#fee609;
}

.belowTools span{
    width:1px;
    height:13px;
    vertical-align:middle;
    margin:0 10px;
    background:#000;
    display:inline-block;
}

.catalog-single.has-carousel{
    padding:0;
}

.catalog-single .relationship-carousel h3{
    background:#f1f2f3;
    border:1px solid #e6e6e6;
    padding:20px 25px;
    color:#1f2123;
    font-size:18px;
    font-weight:900;
    margin:0;
}

.catalog-single.has-carousel .tile{
    margin-left:5px;
    margin-right:5px;
}

.catalog-single .relationship-carousel .imgthumbnail{
    padding:20px;
     border:1px solid #d6d7d7;
    height:190px;
    margin-bottom:15px;
}

.catalog-single .relationship-carousel .footer{
    padding-left:0;
    padding-right:0;
}

.catalog-single .relationship-carousel .brand-label,
.catalog-single .relationship-carousel .footer-wrapper > span{
    display:none;
}

.catalog-single .relationship-carousel .product-name{
    margin-bottom:15px;
}

.catalog-single .tile .footer .has-price{
    font-size:24px;
}
.catalog-single .tile .footer .has-price span{
    display:inline;
}

.catalog-single .tile .footer a{
    color:#000;
    transition:0.25s all;
}

.catalog-single .tile .footer a:hover{
    color:#fee609;
}

.catalog-single .relationship-carousel .inputquantity{
    display:none;
}

.catalog-single .relationship-carousel .tile .footer .btn{
    width:100%;
    background:#231f20;
    color:#fff;
    font-size:14px;
    font-weight:700;
    border-radius:20px;
    transition:0.35s all;
    padding:13px;
    max-width:200px;
}

.catalog-single .relationship-carousel .tile .footer .btn:hover{
    background:#fee609;
    color: #000;
}

.catalog-single .relationship-carousel .addtoquicklist-wrapper{
    display:none;
}

.tech-specs .item:nth-child(2n+1){
    background-color:#fafafa;
}

.tech-specs .item{
    font-size:16px !important;
}

.catalog-single .softgraybackground.product-shopping-actions .product-compare-action{
   display:none;
}

/**/

/* Start of add Sticky header EvoX */
.menubarStick {
  position: fixed !important;
  top: 0;
  width:100%;
  z-index: 15;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.headersection-1.menubarStick{
  padding-top:0;
  padding-bottom:0;
}


.headersection-1.menubarStick > .row-2 {
    max-width: 1450px;
    margin: 0 auto;
}
/* change me to the height of the sticky row */
.menubarHeader {
    margin-bottom:80px;
}
/* end of add Sticky header EvoX */


.ex-name-aboutus .page-content,
.ex-name-meettheteam .page-content,
.ex-name-casestudymerseycare .page-content,
.ex-name-casestudywigancouncil .page-content,
.ex-name-casestudykrones .page-content,
.ex-name-casestudyfirstchoicehomes .page-content,
.ex-name-casestudyalderhey .page-content,
.ex-name-casestudybrioleisure .page-content,
.ex-name-casestudycobbetthouse .page-content{
    padding-top: 0;
}

.form-control, #quote-product-list-modal .select2-selection--single,
.control--checkbox .control__indicator{
    border: 1px solid #231f20;
}

.contTop{
   /*margin-top:100px;*/
}

.contactSide ul{
    padding:0;
    list-style:none;
}
.contactSide ul li{
    background:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/About_Us/jk-about-bullet.png')no-repeat top 12px left;
    padding-left:30px;
    font-weight:300;
}

.contactSide p{
    margin:0 0 20px;
}

.nContactForm button{
    border:0;
    font-weight:300;
    padding:15px 25px;
}

.nContactForm .row{
    margin-top:30px;
}

.nContactForm label{
    margin:0 0 5px;
}

.contact-form .form-control{
    border-color:#ddd;
    border-radius:20px;
    height:52px;
}
#textArea1{
    height: auto;
}

.contact-form .form-group{
    margin-bottom:24px;
}

.horizDivide {
	width: 100%;
	height: 1px;
	position: relative;
	background: #ddd;
	margin: 24px 0;
}

.horizDivide:before {
	width: 100px;
	height: 2px;
	background: #fee609;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
}



/* about page */

.aboutText{
    text-align:center;
    margin:100px 0;
}

.aboutText h2{
    margin-bottom:40px;
    line-height:40px;
}

.aboutText p{
    margin:0 0 20px;
}

.aboutServices{
    background:#231f20;
    position:relative;
    padding:80px 0;
}
.aboutServicesBG{
    background:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/About_Us/jk-about-services-bg.jpg')no-repeat center;
    background-size:cover;
   position:absolute;
    left:50%;
    top:0;
    height:100%;
    width:50%;
}

.asBG2{
    background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/About_Us/jk-about-slide1.jpg');
    opacity:0;
    transition:0.5s all;
}

.aboutServices:hover .asBG2{
    opacity:1;
}

.aboutServices h1{
    color:#fff;
}

.aboutServices ul{
    padding:0;
    list-style:none;
}
.aboutServices li{
    color:#fff;
    background:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/About_Us/jk-about-bullet.png')no-repeat top 12px left;
    padding:0 25px;
    margin:8px 0;
}

.aboutGallery{
    padding:100px 0 130px;
}

.aboutGallery h1{
    margin:0 0 80px;
    text-align:center;
}

.aboutGalleryImages{
    position:relative;
}

.aboutGalleryBG{
    width:100%;
    height:5px;
    background:#fee609;
    position:absolute;
    top:calc(50% - 2px);
    left:0;
}

.aboutGalleryImages img{
   max-width:24%;
    position:relative;
    transition:3s all;
    position:relative;
}

.aboutGalleryImages img:hover{
    transform:scale(1.2);
    z-index:10;
}

.aboutAccreds{
    background:#f5f5f5;
    padding:40px 0;
}

.aboutAccreds .nFlex{
    justify-content:space-around;
}

.aboutAccreds a{
    margin:0 5px;
}


/* mtt page */

.mttPageTitle{
    text-align:center;
    margin:50px 0 80px;
}

.mttPageTitle h1{
    margin:0 0 20px;
}

.mttPageTitle h2{
    margin:0;
}

.mttPageBoxes.nFlex{
    align-items:stretch;
    flex-wrap:wrap;
}

.mttPageImg{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:-110px;
    border-radius:50%;
    border:4px solid #fff;
    background:#0c7c59;
    width:220px;
    height:220px;
    overflow:hidden;
    transition:0.35s all;
}

.mttPageImg.mttGreen{ background:#0c7c59; }
.mttPageImg.mttBlue{ background:#6cc2f0; }
.mttPageImg.mttRed{ background:#d05353; }
.mttPageImg.mttYellow{ background:#fedc08; }

.mttPageDivider{
    width:100%;
    height:1px;
    background:#fee609;
    margin:24px 0;
    transition:0.35s all;
}

.mttPageContact p{
    margin:0;
    font-weight:700;
    transition:0.35s all;
  	font-size: 15px;
}

.mttPageBox p.mttPageSocial{
    margin-top:20px;
}

.mttPageSocial a{
    width:39px;
    height:39px;
    border-radius:50%;
    color:#fee609;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:0.35s all;
     border:1px solid #fee609;
    margin:5px;
}

.mttPageSocial a img{
    transition:0.35s all;
}

/***/




.ex-content-page #breadcrumb.breadcrumb{
  display:none;
}

.stripBox {
  width:24%;
}
.stripBox.nFlex{
  justify-content: flex-start;
}

/* sidebar nav */

 /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 50; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color:#231f20; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

.sidenav h2 {
  margin: 0 0 30px;
 padding-left: 32px;
 white-space: nowrap;
}

.sidenav.open {
  border-right:3px solid #fee609;
}

/* The navigation menu links */

.sidebarToggle{
    position:fixed;
    top:10px;
    left:10px;
    background:#cd2e26;
    color:#fff;
    padding:5px 10px;
    cursor:pointer;
}

.sidebarToggle:hover{
    background:#111;
}

#sideNavT2.sidenav{
    left:280px;
    z-index:49;
    opacity:0;
    direction:ltr;
}

#sideNavT2.sidenav > div{
    width:0;
    height:0;
    opacity:0;
    overflow:hidden;
}

#sideNavT2.sidenav > div.active{
    opacity:1;
    width:auto;
    height:auto;
}

.sidenav p{
    margin:0 auto 20px;
    max-width:80%;
}

.sidenav ul, .sidenav li{
    list-style:none;
    margin:0;
    padding:0;
}

.sidenav ul li a{
    font-size:14px;
    padding: 5px 8px 5px 32px;
    display: block;
    transition:0.25s all;
    color:#fff;
    text-decoration:none;
    white-space:nowrap;
}

.sidenav ul.sideMainLinks a{
    font-size:18px;
    font-weight:400;
    padding: 8px 8px 8px 32px;
    color:#fff;
    line-height:22px;
}

ul.sideMainLinks{
    margin:30px 0;
}

.sidenav ul li a:hover, .sidenav ul.sideMainLinks li a:hover{
    background:#fee609;
    color:#fff;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
} 

/************/

.contentBannerImage{
   margin:0 0 20px;
    width:100%;
    max-width:none;
}

.projectBoxes{
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    flex-wrap:wrap;
}

.projectBox{
    background:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-bg.jpg')no-repeat center;
    background-size:cover;
    position:relative;
    width:49.5%;
    margin:10px 0px;
    min-height:380px;
    overflow:hidden;
}

/* uncomment for specific box images */
.projectBox.pb1 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-bg-mersey.jpg'); }
.projectBox.pb2 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-bg-wigan.jpg'); }
.projectBox.pb3 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-bg-krones.jpg'); }
.projectBox.pb4 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/Northumbria/NewOutside.jpeg'); } 
.projectBox.pb5 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/alderhey-outside.jpg'); }
.projectBox.pb6 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-bg-brio.jpg'); } 
.projectBox.pb7 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-bg-cobbett.jpg'); } 
.projectBox.pb8 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/Royal_Hospital/royal-project-overview.jpg'); } 
.projectBox.pb9 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/AXA_Training_Centre/Liverpool-FC_Training_Centre_3.jpg'); } 
.projectBox.pb10 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/Clatterbridge_Hospital/clatterbridge-project-overview.jpg'); } 
.projectBox.pb11 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/Shakespeare_North_Playhouse/JI-ASL-ShakespeareNorth-External-C04-small-1170x780.jpg'); } 

.projectBoxMore.pb1 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-bg-mersey.jpg'); }
.projectBoxMore.pb2 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-bg-wigan.jpg'); }
.projectBoxMore.pb3 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-bg-krones.jpg'); }
.projectBoxMore.pb4 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/Northumbria/NewOutside.jpeg'); } 
.projectBoxMore.pb5 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/alderhey-outside.jpg'); }
.projectBoxMore.pb6 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-bg-brio.jpg'); } 
.projectBoxMore.pb7 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-bg-cobbett.jpg'); } 
.projectBoxMore.pb8 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/Royal_Hospital/royal-project-overview.jpg'); } 
.projectBoxMore.pb9 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/AXA_Training_Centre/Liverpool-FC_Training_Centre_3.jpg'); } 
.projectBoxMore.pb10 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/Clatterbridge_Hospital/clatterbridge-project-overview.jpg'); } 
.projectBoxMore.pb11 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/Shakespeare_North_Playhouse/JI-ASL-ShakespeareNorth-External-C04-small-1170x780.jpg'); } 
.projectBoxMore.pb12 { background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-fchomes-slide1.jpg'); } 

.pbText{
    position:absolute;
    top:0;
    left:0;
    width:210px;
    height:100%;
    padding:50px 15px 20px 45px;
    background:#231f20;
}

.pbText p{
    margin:0 0 15px;
    font-size:14px;
    font-weight:300;
    padding:5px 0 5px 30px;
    background:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-icon1-v2.png')no-repeat left center;
    color:#fff;
}

.pbText p.pbt2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-icon2-v2.png'); }
.pbText p.pbt3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-icon3-v2.png'); }
.pbText p.pbt4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-icon4-v2.png'); }

.pbText h3{
    color:#fff;
    margin:40px 0 0;
    min-height:50px;
  	text-align: center;
}

.pbHover{
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:calc(100% - 180px);
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,0.75);
    opacity:0;
    transition:0.5s all;
}

.projectBoxes .nButton{
    padding:16px 25px;
}

.projectBox img{
    position:absolute;
    bottom:0;
    right:40px;
}

.projectBox:hover .pbHover{
    opacity:1;
}

.projectButtons {
  margin-top: 15px;
}

.projectButtons p span{
  font-size:14px;
  color:#969696;
  display:block;
}

.footersection-3, .footBot{
    background:#f5f5f5;
}

.footBot{
    padding:15px 0;
}

.footBot p{
    margin:0;
    font-size:14px;
    font-weight:400;
    color:#231f20;
}

.homeHistory{
    overflow:hidden;
    padding-top:100px;
    position:relative;
  	margin-bottom: 70px;
}

.scrollText{
    text-align:center;
    position:absolute;
    width:200px;
    left:calc(50% - 100px);
    bottom:25px;
    opacity:0;
    transition:0.5s all;
    font-weight:300;
}

.historyScroll:hover + .scrollText{
    opacity:0.3;
}

.historyScroll{
    padding:260px 0;
    width:2500px;
    display:flex;
    align-items:center;
    justify-content:center;
    left:-560px;
}

.historyBar{
    width:1000px;
    height:3px;
    background:#231f21;
    position:relative;
}

.historyBox{
    width:150px;
    height:150px;
    background:#231f21;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:30px 20px 20px;
    position:absolute;
    z-index:1;
    transition: height 0.5s 0.5s, width 0.5s 0s, z-index 0s 1s, background 0.5s 0s, color 0.5s 0s, margin-top 0.5s 0.5s;
    cursor:pointer;
}

.historyBox img{
    position:absolute;
    top:0;
    left:0;
    opacity:0.8;
    transition:opacity 0.25s 1s;
}

.historyBox h3{
    color:#fff;
    font-size:18px;
    font-weight:700;
    text-align:center;
    transition:color 0.5s 0s, margin 0.5s 0.5s;
    margin:0;
    position:relative;
    margin-top:85px;
}

.historyBox p{
    color:#231f21;
    text-align:center;
    margin:10px 0 0;
    line-height:20px;
    width:0;
    height:0;
    opacity:0;
    font-size:0;
    position:relative;
}

.historyBox:after{
    position:absolute;
    content:"";
    width:3px;
    height:20px;
    background:#231f21;
    left:75px;
    transition:0.25s height;
    transition-delay:1.5s;
}

/* .historyBox.active p{ */
.historyBox:hover p{
    width:380px;
    height:auto;
    opacity:1;
    font-size:14px;
}

.historyBox:hover img{
    opacity:0;
    transition:opacity 0.25s 0s;
}

/* .historyBox.active{ */
.historyBox:hover{
    height:210px;
    width:420px;
    transition: height 0.5s 0s, width 0.5s 0.5s, z-index 0s 0s, background 0.5s 0.5s, color 0.5s 0.5s, margin-top 0.5s 0s;
    z-index:30;
    background:#fff;
    overflow:hidden;
}

/* .historyBox.active h3{ */
.historyBox:hover h3{
    color:#231f21;
    transition:color 0.5s 0.5s, margin 0.5s 0s;
    margin-top:0;
}

/* .historyBox.active:after{ */
.historyBox:hover:after{
    height:0;
    transition:0s height;
}

.historyBox:nth-of-type(even):after{
    bottom:-20px;
}

.historyBox:nth-of-type(odd):after{
    top:-20px;
}

.hbUpper{ top: -170px; }
.hbLower{ bottom: -170px; }

.hb1, .hb9{ top:-75px; }
.hb1:after, .hb9:after{ display:none; }

.hb1{ left:-150px; }
.hb2{ left:calc(12.5% - 75px); }
.hb3{ left:calc(25% - 75px); }
.hb4{ left:calc(37.5% - 75px); }
.hb5{ left:calc(50% - 75px); }
.hb6{ left:calc(62.5% - 75px); }
.hb7{ left:calc(75% - 75px); }
.hb8{ left:calc(87.5% - 75px); }
.hb9{ left:100%; }

/* .hb1.active, .hb9.active{ margin-top:-30px; } */
.hb1:hover, .hb9:hover{ margin-top:-30px; }

.historyBox span{
    color:#fee609;
}

.historyBox.hb9 {
	transition: height 0.5s 0.5s, width 0.5s 0s, z-index 0s 1s, background 0.5s 0s, color 0.5s 0s, margin-top 0.5s 0.5s, margin-left 0.5s 0s;
}
.historyBox:hover.hb9{
	transition: height 0.5s 0s, width 0.5s 0.5s, z-index 0s 0s, background 0.5s 0.5s, color 0.5s 0.5s, margin-top 0.5s 0s, margin-left 0.5s 0.5s;
}
.hb9:hover{
  margin-left: -270px;
}

footer.footer{
    padding:0;
}

.footer p{
    font-size:14px;
}

.footMain{
    padding:60px 0;
}

.footCol{
    width:22%;
}

.footCol.fc1{ width:25%; }
.footCol.fc2{ width:15%; }
.footCol.fc2-2{ width:15%; }
.footCol.fc3{ width:15%; }
.footCol.fc4{ width:20%; }

.footCol.fc4 .nFlex{
    margin:0 0 15px;
}

.footCol.fc4 p {
  text-align: center;
}

.footMain h3{
    margin:0 0 25px;
    font-size:15px;
    text-transform:none;
}

.footMain .container > .nFlex{
    align-items:flex-start;
}

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

.footMain ul li{
    padding:0;
    margin:0;
}

.footMain ul li a{
    font-size:16px;
    color:#fff;
}

.footMain ul li a:hover{
    color:#fff;
    text-decoration:underline;
}

.footMain .footCol.fc3 ul li{
    display:inline-block;
    width:100%;
}

.footTel{
    position:relative;
    background:url("https://eu.evocdn.io/dealer/1276/content/media/My_Theme/jk-foot-tel.png") no-repeat left center;
    padding:5px 0 5px 55px;
    font-size:13px;
    font-weight:300;
    text-align: center;
}

.footTel span{
    font-size:20px;
    font-weight:400;
    transition:0.35s all;
}

.footTel:hover span{
    color:#fee609;
}

.footMain .socialLinks > span{
	display: flex;
	justify-content: center;
}

.footerAccreds {
  display:inline-block;
  margin-top: 30px;
  width: 100%;
}
.footerAccreds p { text-align: center;}
.footerAccreds div {display: flex; justify-content: center;}

.footerAccreds img {
  margin: 20px 10px 20px 0px;
  justify-content:space-around;
}
.footerAccreds .iso-image img {width: 100px;}

.footerAccreds p {
  text-align: center;
}

.homeMap{
    height:358px;
    width:100%;
    background:url("https://eu.evocdn.io/dealer/1276/content/media/My_Theme/jk-map-img1.jpg") no-repeat center;
    background-size:cover;
    position:relative;
}

.mapInfo{
    position:absolute;
    top:7%;
    left:calc(50% - 88px);
    background:#231f20;
    padding:25px 20px;
    width:350px;
    max-width:80%;
}

.mapInfo:before {
    position:absolute;
    bottom:-13px;
    left:20px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 8px 0 8px;
    border-color: #231f20 transparent transparent transparent;
}

.mapInfo h3{
    color:#fee608;
    margin:0 0 10px;
    font-size:18px;
}

.mapInfo p{
    color:#fff;
    font-size:16px;
    margin:0;
}

.mapInfo a{
    color:#fff;
    font-weight:700;
}

.mapInfo a:hover{
    text-decoration:underline;
}

.mapCircle{
    width:23px;
    height:23px;
    background:#fff;
    border:5px solid #231f20;
    border-radius:50%;
    position:absolute;
    left:16px;
    bottom:-40px;
}

.homeTeam{
    margin:0 0 80px;
}

.homeTeam .nFlex{
    flex-wrap:wrap;
    justify-content:center;
}

.mttBox .mttPageImg{
    position:relative;
    top:0;
    width:210px;
    height:210px;
    border:0;
}

.mttBox{
    position:relative;
    margin:5px 5px -15px 5px;
}

.mttHomeHover{
    position:absolute;
    text-align:center;
    width:100%;
    padding:15px;
    background:#231f21;
    bottom:-12px;
    left:0;
    transition:0.5s all;
    opacity:0;
    border-radius:8px;
    z-index:1;
}

.mttHomeHover p{
    color:#fff;
    font-size:16px;
    line-height:20px;
    margin:0;
}

.mttBox:hover .mttHomeHover{
    opacity:1;
}

.logoStrip{
    margin:40px 0;
}

.logoBox{
    position:relative;
    width:13%;
    height:140px;
}

.logoBox fb4 {
 	width: 10%;
  	height: 115px;
}

.logoBox p{
    margin:0;
    transition:0.5s all;
}

.logoBox .flip-box-inner:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
        transition:0.5s all;
	border-width: 30px;
	margin-left: -30px;
}

.flip-box {
  background-color: transparent;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;

  -ms-transition: transform 0.8s;
  -webkit-transition: transform 0.8s;
  -moz-transition: transform 0.8s;
  -o-transition: transform 0.8s;

 -ms-transform-style: preserve-3d;
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -o-transform-style: preserve-3d;

  transition: transform 0.8s;
  transform-style: preserve-3d;

}

/* .flip-box:hover .flip-box-inner {
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
} */

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  z-index:15;
  border-radius: 10px;
}

.flipImg{
  display:flex;
  align-items: center;
  justify-content: center;
 width:100%;
   height:100%;
   border:1px solid #dadada;
  border-radius:20px;
  padding:10px;
  transition:0.35s all;
}

.flip-box:hover .flipImg{
    border-color:#fee609;
}

.flipImg img{
    width:auto;
    height:auto;
    max-width:80%;
    max-height:100%;
}

.flip-box-front {
transition: 0s ease-in-out 0s;

}

.flip-box-front p{
  font-size:16px;
  font-weight:400;
  background:#f4f4f4;
  margin:0;
  padding:11px;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
}

/* .flip-box:hover .flip-box-front{
    opacity:0;
    transition: 0s ease-in-out 0.8s;
} */


.flip-box-back {
  background-color: #231f20;
  color: white;
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index:25;
  padding:25px;
  display:flex;
  align-items: center;
  justify-content: center;
  border:5px solid #fee609;
}


.flip-box-back p{
    color:#fff;
    font-size:14px;
    line-height:22px;
    font-weight: 400;
}

.projectsButtonMain p {
	margin-top: 70px; 
  	text-align: center; 
}

.projectsButtonMain .nButton {
 	 width: 12.16em;
}

.next.slick-arrow,
.prev.slick-arrow{
    width:66px;
    height:66px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    transition:0.25s all;
}


.next.slick-arrow:hover,
.prev.slick-arrow:hover{
    background:#fee609;
}

.next.slick-arrow img,
.prev.slick-arrow img{
    min-width:0;
    width:auto;
    height:auto;
}

.nLinkArea{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.testimonial-text .slick-slide{
    width:100vw;
}

.testimonial-text .slick-track{
   display:flex;
    align-items:center;
}

.testImg{
    width:216px;
    max-height:175px;
    height:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border-radius:20px;
    margin-bottom:30px;
    padding:20px;
    max-width:100%;
}
.testImg.tiMesrsey{
    background:#015ebb;
}

.testImg.tiAxa {
  background: none;
  padding: 34px;
  max-height: 155px;
  width: 200px;
}

.slideContWrap{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:100px 0;
}

.testimonialSlider{
    position:relative;
    overflow:hidden;
}

.testimonial-bgWrap{
    position:absolute;
    top:0;
    left:0;
}

.testimonial-bg {
    width:100vw;
    height:525px;
}

.testimonial-bg .slick-list,
.testimonial-bg .slick-track,
.testimonial-bg .slick-slide h3 {
   height: 100%;   
}

.testLeft{
    width:20%;
}

.testLeft .nButton{
    max-width:100%;
}
.testLeft, .testRight{
    margin:0 10px;
}

.testRight{
    width:60%;
}

.testRight h3{
    color:#fff;
    margin:0 0 30px;
    font-weight:300;
    font-size:24px;
}

.testRight p{
    color:#fff;
    margin:0 0 30px;
    font-weight:300;
}

.homeHistory{
    background:#f3f3f3;
}

.homeSlider .slick-list{
   height:712px;
}

.homeSlide{
    /*default slide img to show, overridden below*/
    background:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/slideImages/loungesoftfurnitureTANGOmeetingconferencetableNOVAWood1920x108002.jpg')no-repeat center;
	background-size: cover;
    width:100vw;
    height:712px !important;
}

.homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/slideImages/FINAL_A_OBAN_Snake.jpg'); }
.homeSlide.hs4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/slideImages/PINNACLEIMAGE17.jpg'); }
.homeSlide.hs3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/slideImages/Tables_Image_01.jpg'); }
.homeSlide.hs2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/slideImages/loungesoftfurnitureTANGOmeetingconferencetableNOVAWood1920x108002.jpg'); }

/*Case Studies slider - modifies home slider*/

.csSlider .homeSlider .slick-list{
   height:584px;
}

.csSlider .homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-slide1.jpg'); }
.csSlider .homeSlide.hs2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/My_Theme/jk-slider-testimg-2.jpg'); }
.csSlider .homeSlide.hs3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-slide1.jpg'); }
.csSlider .homeSlide.hs4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/My_Theme/jk-slider-testimg-4.jpg'); }
.csSlider .homeSlide.hs5{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/My_Theme/jk-slider-testimg-5.jpg'); }

.csMcSlider .homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-mersey-slide1-1.jpg'); }
.csMcSlider .homeSlide.hs2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-mersey-slide2-1.jpg'); }
.csMcSlider .homeSlide.hs3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-mersey-slide3-1.jpg'); }
.csMcSlider .homeSlide.hs4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-mersey-slide4-1.jpg'); }
.csMcSlider .homeSlide.hs5{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-mersey-slide5-1.jpg'); }

.csWcSlider .homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-wigan-slide1.jpg'); }
.csWcSlider .homeSlide.hs2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-wigan-slide2.jpg'); }
.csWcSlider .homeSlide.hs3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-wigan-slide3.jpg'); }
.csWcSlider .homeSlide.hs4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-wigan-slide4.jpg'); }
.csWcSlider .homeSlide.hs5{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-wigan-slide5.jpg'); }

.csKrSlider .homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-krones-slide1.jpg'); }
.csKrSlider .homeSlide.hs2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-krones-slide2.jpg'); }
.csKrSlider .homeSlide.hs3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-krones-slide3.jpg'); }
.csKrSlider .homeSlide.hs4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-krones-slide4.jpg'); }
.csKrSlider .homeSlide.hs5{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-krones-slide5.jpg'); }

.csAhSlider .homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-alderhey-slide1.jpg'); }
.csAhSlider .homeSlide.hs2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-alderhey-slide2.jpg'); }
.csAhSlider .homeSlide.hs3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-alderhey-slide3.jpg'); }
.csAhSlider .homeSlide.hs4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-alderhey-slide4.jpg'); }
.csAhSlider .homeSlide.hs5{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-alderhey-slide5.jpg'); }

.csFcSlider .homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-fchomes-slide1.jpg'); }
.csFcSlider .homeSlide.hs2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-fchomes-slide2.jpg'); }
.csFcSlider .homeSlide.hs3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-fchomes-slide3.jpg'); }
.csFcSlider .homeSlide.hs4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-fchomes-slide4.jpg'); }
.csFcSlider .homeSlide.hs5{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-fchomes-slide5.jpg'); }

.csBlSlider .homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-brio-slide1.jpg'); }
.csBlSlider .homeSlide.hs2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-brio-slide2.jpg'); }
.csBlSlider .homeSlide.hs3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-brio-slide3.jpg'); }
.csBlSlider .homeSlide.hs4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-brio-slide4.jpg'); }
.csBlSlider .homeSlide.hs5{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-brio-slide5.jpg'); }

.csChSlider .homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-cobbett-slide1.jpg'); }
.csChSlider .homeSlide.hs2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-cobbett-slide2.jpg'); }
.csChSlider .homeSlide.hs3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-cobbett-slide3.jpg'); }
.csChSlider .homeSlide.hs4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-cobbett-slide4.jpg'); }
.csChSlider .homeSlide.hs5{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/jk-cs-cobbett-slide5.jpg'); }

.csNuSlider .homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/Northumbria/AtGlance.JPEG'); }
.csNuSlider .homeSlide.hs2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/Northumbria/AtGlance.JPEG'); }
.csNuSlider .homeSlide.hs3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/Northumbria/IMG_0540.JPEG'); }
.csNuSlider .homeSlide.hs4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/Northumbria/IMG_0649.JPEG'); }
.csNuSlider .homeSlide.hs5{ background-image:url('https://res.cloudinary.com/harness/e_trim,w_1496,h_758,c_fit,f_auto,q_auto:best/listings/1db6831d-5472-5a17-a1b0-5e60d0e8b843.jpg'); }

.csAxaSlider .homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Case_Studies/AXA_Training_Centre/Liverpool-FC_Training_Centre_3.jpg'); }

/* about us slider */
.aboutSlider .homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/About_Us/jk-about-slide1.jpg'); }
.aboutSlider .homeSlide.hs2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/About_Us/jk-about-slide2.jpg'); }
.aboutSlider .homeSlide.hs3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/About_Us/jk-about-slide3.jpg'); }
.aboutSlider .homeSlide.hs4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/About_Us/jk-about-slide4.jpg'); }
.aboutSlider .homeSlide.hs5{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/About_Us/jk-about-slide5.jpg'); }
.aboutSlider .homeSlide.hs6{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/About_Us/jk-about-slide6.jpg'); }



/*j-New-Shop-Homepage slider test*/
.jNewHomeTest .homeSlider .slick-list{
    height:500px;
   
 }
 .jNewHomeTest .homeSlider .slick-list .homeSlide{
    height:500px !important;
   
 }

.jNewHomeTest .homeSlide.hs1{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/My_Banners/J-New-Home-Page/funiture-1.jpg'); }
.jNewHomeTest .homeSlide.hs2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/My_Banners/J-New-Home-Page/funiture-4.jpg'); }
.jNewHomeTest .homeSlide.hs3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/My_Banners/J-New-Home-Page/office-1.jpg'); }
.jNewHomeTest .homeSlide.hs4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/My_Banners/J-New-Home-Page/office-2.jpg'); }


.jNewHomeTest .csSlideContent a{
    display: none;
    width: 100%;
    height: 100%;
}



.csSlideContent {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.csSlideContent .container{
    height:100%;
}

.csSlideContent .nFlex {
    height: calc(100% - 76px);
    margin-top: 76px;
}

.csSlideContent .nFlex img{
    margin-top: auto;
}

.csText{
    background:rgba(35,31,32,0.9);
    padding:35px;
    margin-top: auto;
}

.csText h1{
    color:#fff;
    margin:0;
    font-size:32px;
}

.csText p{
    color:#fff;
    margin:0;
}

/**/

.csStrip{
    position: relative;
  	background:#f0f0f0;
    padding:25px 0;
}

.stripImg{    
    width:100px;
    height:100px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:25px;
    padding:5px;
    transition:0.35s all;
}

.stripBox p{
    margin:0;
}

.stripBox p span{
    font-weight:700;
}

.stripBox:hover .stripImg{
    background:#fee609;
    border-radius:10px;
}

.csQuote{
    padding:65px 0;
    background:#231f20;
    text-align:center;
}

.csQuote p{
    font-size:22px;
    color:#fff;
    margin:0;
}

.csQuote p.quoteAttribution{
    font-size:16px;
    margin-top:40px;
}

.csQuote p.quoteAttribution span{
    font-weight:700;
    font-size:18px;
}

.csGallery{
    display:flex;
    flex-wrap:wrap;
}

.csGallery a{
    width:calc(100% / 6);
}

.nFlex.nContent {
    flex-wrap: wrap;
    padding: 20px 0;
}
.nContent img {
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .nFlex.nContent .nContImg{
        order:-1;
    }
}

p{
    font-weight:300;
}

h1{
    margin-bottom:30px;
}

.homeContent{
    margin-top:70px;
    margin-bottom:10px;
}

.homeContent1 {
  margin-bottom: 80px;
}

.contentPadding{
    padding:60px 0;
}

.nButton {
  --p: 0;
  --q: calc(1 - var(--p));
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 12em;
  background: #fee609;
  color: #231f20;
  text-align: center;
  text-decoration: none;
  display:inline-block;
  font-size:18px;
  padding:12px 25px;
  border-radius:8px;
  transition:0.35s color;
}
.nButton:before, .nButton:after {
  --i: var(--p);
  --j: calc(1 - var(--i));
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: calc(var(--j)*(100% - 12.36932em));
  width: 12.35em;
  transform-origin: calc(var(--j)*100%) calc(var(--i)*100%);
  transform: rotate(-14.03624deg) translate(calc(var(--q)*(1 - 2*var(--i))*-100%));
  box-shadow: 0 0 0 1px currentcolor;
  background: currentcolor;
  color: #231f20;
  transition: transform .5s ease-in-out;
  content: "";
}
.nButton:after {
  --i: var(--q);
}
.nButton:hover, .nButton:focus {
  --p: 1;
  color: #fff;
}

.hLight{
    font-weight:300;
}

.homeBoxes{
    margin-top:-240px;
}

.homeBoxes .nFlex{
    align-items:stretch;
}

.homeBox{
    text-align:center;
    position:relative;
    width:23%;
}

.hbImg{
    width:110px;
    height:110px;
    background:#fff;
    transition:0.5s all;
    margin:0 auto -55px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.hbImg img{
    transition:0.5s all;
}

.hbText{
    padding:90px 30px 30px;
    background:#231f20;
}

.homeBox h3{
    color:#fff;
    font-size:18px;
    font-weight:700;
     margin-bottom:20px
}

.homeBox h3 span{
    color:#fee609
}

.homeBox p{
    color:#fff;
    font-size:16px;
    line-height:24px;
    font-weight:300;
}

.homeBox:hover .hbImg{
    background:#fee609;
}

.homeBox:hover .hbImg img{
    transform:rotate(15deg);
}

.slideContent{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-align:center;
    padding:5%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}

.slideContent img{
    margin:0 0 50px;
}

.slideContent p{
    font-size:28px;
    color:#fff;
    font-weight:300;
    position:relative;
}

#typeTarget{
    background:url('https://eu.evocdn.io/dealer/1276/content/media/My_Theme/jk-dot.png')no-repeat bottom 4px right;
    padding-right:6px;
}

.slideContent p #typeCursor{
   position:absolute;
    right:-15px;
    bottom:0;
}

.headersection-4{
	position: absolute;
	width: 100%;
}

.homeSliderArea{
    overflow:hidden;
    position:relative;
}

.slick-slide img {
	max-width: none;
	height: 100%;
    min-width:100%;
}

#htmlcontent_145439{
    padding:0;
}

#headCountdown{
    margin:0 0 0 10px;
    background:none;
    border:none;
}

.countdown-section{
    padding:0 6px;
}

#headCountdown .countdown-amount{
    width:45px;
    text-align:center;
    background:#fff;
    border-radius:3px;
    margin-bottom:5px;
    display:inline-block;
    font-size:20px;
    line-height:36px;
}

.countdown-period{
    font-size:11px;
    text-transform:uppercase;
    font-weight:700;
}

.headStrip {
    overflow:hidden;
    text-align:center;
  	position: relative;
}

.headStrip .nFlex{
    justify-content:center;
}

.headStrip p{
    margin:0;
    line-height:18px;
    font-size:15px;
    vertical-align:middle;
}

.headStrip .container{
    background:#fee609;
    z-index:5;
    padding:18px 0;
}

.headStrip .container:before, .headStrip .container:after{
    content:"";
    position:absolute;
    width:500px;
    height:100px;
    bottom:0;
    background:#fee609;
    z-index:-1;
}
.headStrip .container:before{
    left:-50px;
}
.headStrip .container:after{
    right:-250px;
}

.headersection-2 {
    display:none;
}

/** headersection-3 styles****/
.headersection-3 .menu .catalog-block {
    background: #4f5052;
}



.ex-404  .headersection-2{
    display:none !important;
}

.signinText{
    margin-top:20px;
}

.signinText h3{
    color:#363a3f;
    margin-bottom:20px;
}

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

.signinText ul li{
    margin:3px 0;
    padding:0;
}

.signinText .fa{
    color:#fee609;
}

.ex-loggedout .toolbar .account-dropdown div.description{
    display:none;
}
/* register button in drop down styles */
.drop-down-register-button {
    color: #000;
    background: #fee609;
    padding: 15px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 10px !important;

}
.drop-down-register-button:hover {
    
    color: #000 !important;
}

.ex-loggedout .toolbar .account-dropdown {
	left: 12px;
	width: 320px;
	border-radius: 0;
	border: none;
	box-shadow: none;
	padding: 30px 20px;
	margin: -4px 0 0;
}

.ex-loggedout .toolbar .account-dropdown .arrow_box{
    display:none;
}

.ex-loggedout .toolbar .account-dropdown .form-group, .ex-loggedout .toolbar .account-dropdown .signin_register{
    background:#fee609 !important;
    text-align:center;
    padding:15px;
    font-weight:400;
    border-radius:3px;
    transition:0.25s background;
  	margin-top: 10px !important;
  	
}

.ex-loggedout .toolbar .account-dropdown .form-group{
    margin-bottom:10px;
}

.ex-loggedout .toolbar .account-dropdown .signin_register{
    background:#000;
}

.ex-loggedout .toolbar .account-dropdown .form-group a{
    color:#000;
}
.ex-loggedout .toolbar .account-dropdown .signin_register a{
    color:#000;
}

.ex-loggedout .toolbar .account-dropdown .form-group:hover, .ex-loggedout .toolbar .account-dropdown .signin_register:hover{
    background:#aaa;
}

.shpLogin .toolbar{
	width: 48px;
	height: 48px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

.shpLogin .toolbar .account-btn {
	overflow: hidden;
	width: 48px;
	height: 48px;
	margin: 0 !important;
}

.shpLogin .toolbar .account-btn > i, .shpLogin .toolbar .account-btn > span{
    font-size:0;
    opacity:0;
}

.shpSearch{
    position:relative;
}

.shpSearch .search-form{
        width:0;
        opacity:0;
	position: absolute;
	top: 40px;
	right: 0;
	transition: all .25s linear;
    overflow:hidden;
}

.shpSearch button[type="submit"],
.sideNavSearch button[type="submit"], .mainSearch button[type="submit"]{
    position:absolute;
    height:46px;
    width:46px;
    top:0;
    right:0;
    background:#fee609;
    border:none;
}

.shpSearch button[type="submit"] i,
.sideNavSearch button[type="submit"] i, .mainSearch button[type="submit"] i{
    color:#fff;
}

.shpSearch .ajax-search input,
.sideNavSearch  .ajax-search input, .mainSearch .ajax-search input{
    border:none;
  	border-radius: 0;
}

.mainSearch .ajax-search {
    width: 540px; /* Adjust the width as needed */
    
}
.mainSearch .form-group { 
    margin-bottom: 0;
}

.shpSearch .search-form.expand{
    width: 20em;
    opacity:1;
}

.sideNavSearch{
    padding:0 32px;
    color:#231f20;
}

.headersection-1 {
  	padding: 8px 0;	
	background:#231f20;
}

.headersection-1 .nFlex > div{
  flex: 1;
  display: flex;
  justify-content: start;
}
.headersection-1 .nFlex > .mainSearch{
    flex: 2;
    
  }

.headersection-1 .nFlex > .socialLinks,
.headersection-1 .nFlex > .mainMenuRight{
    justify-content:flex-start;
}
.headersection-1 .nFlex > .shopButtons,
.headersection-1 .nFlex > .mainMenuLeft{
    justify-content:flex-end;
}

.headersection-1 .nFlex > .socialLinks,
.headersection-1 .nFlex > .shopButtons{
    max-width:165px;
}

.headersection-1 .nFlex > div > span{
    display:flex;
}

.mainLogo img{
    max-width: 231px !important;
    max-height: 45px !important;
}

.socialLinks >  span,
.shopButtons > span{
    min-width:165px;
    justify-content:space-between;
}

.shpBtn, .socBtn{
    position:relative;
    display:inline-block;
    margin:5px;
    width:50px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    cursor:pointer;
}

.shpBtn img, .socBtn img{
    position:relative;
}

.shpBtn:before, .socBtn:before{
    content:"";
    width:0;
    height:0;
    background:#fee609;
    position:absolute;
    left:19px;
    top:19px;
    border-radius:50%;
    transition:0.35s all;
}

.shpBtn:hover:before, .socBtn:hover:before{
    top:0;
    left:0;
    width:50px;
    height:50px;
}

.shpBasket:hover .cart-dropdown{
    display:block;
}

.cart-dropdown span.overlap {
	width: 169px;
	height: 24px;
	right: -3px;
	top: -26px;
}

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

.mainMenu ul li{
    padding:0;
    margin:0 20px;
    display:inline-block;
}

.mainMenu ul li a{
    color:#fff;
    transition:0.35s color;
}

.mainMenu ul li a:hover{
    color:#fee609;
}

#modalCookie p,
#modalCookie h4{
    color:#231f20;
}

#modalCookie p{
    margin:0 0 30px;
}

#modalCookie a img{
    transition:0.35s all;
}

#modalCookie a img:hover{
    opacity:0.7;
}


@media only screen and (min-width:2000px){
    .slick-slide:not(.slick-current){
      opacity:0;
    }
}

@media only screen and (min-width:1900px){
  .csGallery img{
    max-width: none;
    width: 100%;
  }
}

@media only screen and (max-width : 1469px) {
    .mainMenu ul li{
        margin:0 14px;
    }
}

@media only screen and (max-width : 1200px) {
    .mainMenu ul li{
        margin:0 10px;
    }
    .mainMenu ul li a{
        font-size:13px;
    }
    .headersection-1 .nFlex > .socialLinks, .headersection-1 .nFlex > .shopButtons{
        max-width:135px;
    }
    .socialLinks > span, .shopButtons > span{
        min-width:135px;
    }

    .csGallery a{
        width:calc(100% / 4);
    }
}

@media only screen and (max-width : 991px) {

    .mttPageBox{
        width:49%;
    }

    .mainLogo img{
        max-width:180px !important;
    }

    .footMain .nFlex{
        flex-wrap:wrap;
    }
    .footMain .footCol{
        width:48%;
        margin:20px 0;
    }

    .homeBox h3{
        min-height:45px;
    }
    .homeBox .hbText{
        min-height:300px;
    }

    .slideContent p {
	font-size: 24px;
    }
    .slideContent{
	justify-content: flex-start;
	margin-top: 180px;
    }

    .csStrip .container > .nFlex{
        justify-content:space-around;
    }

    .csGallery a{
        width:calc(100% / 3);
    }
  
  	
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .stripBox.nFlex{
        flex-direction:column;
        text-align:center;
    }
    .stripImg{
        margin:0 0 25px;
  	}
  	
}

@media only screen and (max-width : 768px) {

    .slideContWrap{
        padding:20px 0;
    }
    .testRight h3{
        font-size:18px;
    }
    .testRight p{
        font-size:14px;
    }

    .page-content{
        padding-top:0;
    }

    .aboutServicesBG{
        width:100%;
        left:0;
        opacity:0.15;
    }

    .projectBox{
        width:100%;
    }

    .csStrip .container > .nFlex{
       flex-wrap:wrap;
    }
    .stripBox.nFlex{
        margin:10px 0;
        width:49%;
        justify-content:flex-start;
    }

    .footBot .nFlex{
        flex-direction:column;
    }
    .footBot p{
        margin:20px 0;
    }

    .footLogo{
        margin:0 0 30px;
    }
    .footMain .nFlex{
        flex-direction:column;
    }
    .footMain .footCol{
        width:100%;
    }
    .footMain .footCol.fc4{
        margin-top:0;
     }
    .footMain .footCol.fc3{
        margin-bottom:0;
    }
    .footMain .socialLinks{
        margin-top:25px;
    }
    .footMain .socialLinks > span{
        justify-content:center;
    }
    .footMain .footCol.fc3 ul li{
        width:100%;
    }

    .homeBoxes .nFlex, .logoStrip .nFlex{
        flex-wrap:wrap;
    }

    .logoBox{
        margin:10px 0;
        width:31%;
    }

    .homeBox{
        width:48%;
        margin:10px 0;
    }
    .hbImg{
        border:4px solid #231f20;
    }

    .slideContent{
	justify-content: flex-start;
	margin-top: 115px;
    }

    header .header-mobile{
        background:#231f20;
    }

    .slideContent p {
	font-size: 20px;
    }

    .mobAccord .accordList h3 { cursor: pointer; margin:0 0 10px; background:#fee609; padding:20px; color:#000;}
    .mobAccord ul { max-height: 0; overflow:hidden; transition: max-height 1s ease-out; padding:0;}
    .mobAccord .accordList h3:after { content: "+"; float: right; }
    .mobAccord .accordList.open h3:after { content: "-"; }
    .mobAccord .accordList.open ul { height:auto; max-height: 1000px; transition: max-height 1s ease-in-out !important; }

    .mobAccord ul li{
        margin:0 !important;
        padding:0 !important;
        border:none !important;
        display:block !important;
    }
    .mobAccord ul li a{
        display:block;
        margin:10px 0;
        padding:20px;
        border:1px solid #fff;
        font-size:16px;
        background:none;
    }

    .csSlideContent .nFlex{
        flex-direction:column;
        height:100%;
        padding:30px 0;
        margin:0;
    }
    .csText{
        margin:30px 0 0;
        order:5;
    }
	.ourServiceText {
      width: 170%;
  	}
  	.ourServiceBg {
      display: none;
  	}
}


@media only screen and (max-width : 580px) {
    .stripBox.nFlex{
        width:100%;
        max-width:300px;
    }

    .csGallery a{
        width:calc(100% / 2);
    }
}

@media only screen and (max-width:550px){

    .testimonialSlider{
        display:none;
    }

    .mapInfo{
        top:1%;
        width:270px;
    }

  .nFlex.projectButtons{
    flex-direction: column;
  }
  .projectButtons p span{
    text-align: center !important;
  }
  .mttPageBox{
    width:100%;
  }
  .shadowBox {
    display: none; 
  }
}

@media only screen and (max-width : 425px) {
    .homeHistory{
        display:none;
    }
    .logoBox{
        width:48% !important;
    }
    .logoBox.fb1, .logoBox.fb4, .logoBox.fb7{
        width:100% !important;
    }

    .homeBox{
        width:100%;
    }
    .homeBox h3{
        min-height:0;
    }
    .homeBox .hbText{
        min-height:0;
    }
}

#sideNavMain .ajax-results.open{
    display:none !important;
}

/*Trustpilot label on Main Page/footer */

.trustpilot-label {
  margin: auto;
  width: 100%;
  text-align: center;
}

.trustpilot-label h2 {
  text-decoration: none;
  font-size: 15px;
  text-align: center;
}

.trustpilot-label a:link {
  text-decoration: none;
  display: inline-block;
}

/*Trustpilot label on Products page */

.trustpilot-label-product {
  margin: auto;
  width: 100%;
  text-align: center;
}

.trustpilot-label-product a {
  text-decoration: none;
  font-size: 22px;
  text-align: center;
  margin: auto;
}

.trustpilot-label-product a:link {
  text-decoration: none;
  display: inline-block;
  line-height: 18px;
}

.filter-green{
	filter: invert(39%) sepia(74%) saturate(1345%) hue-rotate(132deg) brightness(102%) contrast(101%);
}

.background-video {
	width: 100%;
  	overflow: hidden;
  	display: flex;
  	justify-content: center;
  	align-items: center;
}

.background-video video {
    position: fixed;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    pointer-events: none;
}

video {
    filter: brightness(70%);
 }

.product-sku {
  font-size: 14px;
  text-decoration: underline;
  color: rgb(96, 96, 96);
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(to left, #f5f5f5, #ffffff);
    z-index: -1;
}

.AboutUsSection section {
    display: flex;
    height: 72vh;
    justify-content: center;
    align-items: center;
}

.aboutUsImage {
    height: 50%;
    width: 100%;
}

.aboutUsImage img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.headline {
    position: absolute;
    top: 50%;
    left: 31%;
    font-size: 100px;
    color: white;
    z-index: 3;
}

.aboutUsImage::after {
    content: "";
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    opacity: 0.3;
    top: 0;
}

/** Main Page News Feed **/

.recentNews .container {
	align-items:  center;
  	margin-bottom: 80px;
}

.newsFeed {
  display: grid;
  grid-template-columns: auto auto auto;
  margin: auto;
  width: 85%;
}

.newsFeedButton img {
  max-height: 310px;
}

@media only screen and (max-width : 550px) {
  .newsFeed {
    display: grid;
    grid-template-columns: auto;
    margin: auto;
    width: 85%;
  }
}

/** Planning and Design Page **/

.homeBoxesDesign {
  	margin-bottom: 40px;
}

.homeBoxesDesign .nFlex{
    align-items:stretch;
}

.homeBoxDesign{
    text-align:center;
    position:relative;
    width:16%;
}

.hbImgDesign{
    width:110px;
    height:110px;
    background:#fad119;
    transition:0.5s all;
    margin:0 auto -55px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.hbImgDesign img{
    transition:0.5s all;
  	width: 60px;
  	height: 60px;
}

.hbTextDesign{
  	display: block;
  	height: 400px;
    padding:90px 30px 30px;
    background:#231f20;
}

.homeBoxDesign h3{
    color:#fff;
    font-size:18px;
    font-weight:700;
    margin-bottom:20px
}

.homeBoxDesign h3 span{
    color:#fee609
}

.homeBoxDesign p{
    color:#fff;
    font-size:14px;
    line-height:19px;
    font-weight:300;
}

.homeBoxDesign:hover .hbImgDesign {
  background: #faef19;
}

.homeBoxDesign:hover .hbImgDesign img{
    transform:rotate(15deg);
}

@media only screen and (max-width : 900px) {
  .homeBoxesDesign {
    display: table-row;
    grid-template-columns: auto auto auto;
    margin: auto;
    width: 85%;
  }
}

.customerServiceArea {
  	text-align: center;
}

.customerServiceTitle span{
    position: relative;
    overflow: hidden;
  	display: block;
    line-height: 1.2;
}

.csIntro {
  	margin-top: 25px;
    font-size: 2.7rem;
}

.csIntro1 {
    font-size: 2rem;
  	margin-bottom: 105px;
}

.csAbout {
	font-weight:300;
  	font-size: 22px;
  	margin-top: 40px;
  	margin-bottom: 100px;
}

.customerServiceTitle span::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fee609;
    animation: a-ltr-after 3s cubic-bezier(.77,0,.18,1) forwards;
    transform: translateX(-101%);
}

.customerServiceTitle span::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    animation: a-ltr-before 3s cubic-bezier(.77,0,.18,1) forwards;
    transform: translateX(0);
}

.customerServiceTitle span:nth-of-type(1)::before,
.customerServiceTitle span:nth-of-type(1)::after{
    animation-delay: 1s;
}

.customerServiceTitle span:nth-of-type(2)::before,
.customerServiceTitle span:nth-of-type(2)::after{
    animation-delay: 1.5s;
}

@keyframes a-ltr-after{
    0% {transform: translateX(-100%)}
    100% {transform: translateX(101%)}
}

@keyframes a-ltr-before{
    0% {transform: translateX(0)}
    100% {transform: translateX(200%)}
}

.fade-in-cs {
  animation-delay: 4s;
  animation: fadeIn ease 6s;
  -webkit-animation: fadeIn ease 6s;
  -moz-animation: fadeIn ease 6s;
  -o-animation: fadeIn ease 6s;
  -ms-animation: fadeIn ease 6s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeI {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.bigHelpLogo img {
  	width: 100%;
}

.bigHelpServices {
	display: grid;
	grid-template-columns: repeat(3, 375px);
	grid-auto-rows: 250px;
	grid-gap: 10px;
	width: 600px;
  	margin-left: -70px;
  	margin-top: -30px;
}

@media only screen and (max-width : 770px) {
   .bigHelpServices {
     display: none;
  }
}

/** About Us Page **/

.aboutUsWelcomeArea {
  	width: 100%;
  	height: 292px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/About_Us/15042021_143607_Reviewmain-web.jpeg); 
	mix-blend-mode: darken;
}

.aboutUsContent {
	position: relative; 
}

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

.aboutUsContent img {
	display: block;
  	padding-top: 20px;
  	margin-left: auto;
    margin-right: auto;
}

@keyframes a-ltr-after{
    0% {transform: translateX(-100%)}
    100% {transform: translateX(101%)}
}

@keyframes a-ltr-before{
    0% {transform: translateX(0)}
    100% {transform: translateX(200%)}
}

.shadowBox {
    z-index: 1;
    width: 745px;
    height: 93px;
    background: rgba(0, 0, 0, 0.49);
}

.aboutUsContent p {
  	display: block;
  	margin-left: auto;
    margin-right: auto;
    width: 741px;
    height: 95px;
  	position: absolute;
  	top: 141px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    mix-blend-mode: normal;
  	z-index: 2;
	letter-spacing: 0.06em;
}

.objectivesBoxes {
  	margin-top: 60px;
    display:flex;
  	justify-content: center;
  	width: 100%;
}

.objBox {
  width: 395px;
  height: 381px;
  background: #FEE609;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin: 50px auto;
}

.objTick {
  width: 80px;
  height: 80px;
  margin: -40px auto 15px;
}

.objText {
  text-align: center;
  padding: 0px 20px;
}

.objText h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #000000;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.objText p {
  margin-top: 30px;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 27px;
  color: #000000;
}

.ourService {
  margin-top: 65px;
  display: flex; 
  background: #F3F3F3;
  height: 420px;
}

.ourServiceChild {
  flex: 1; 
}

.ourServiceText {
  margin-left: 75px;
}

.ourServiceText h1 {
 	 font-style: normal;
     font-weight: 400;
     font-size: 35px;
     line-height: 48px;
     text-align: center;
     color: #000000;
}

.ourServiceUnderline {
    position: absolute;
    width: 125px;
    height: 0px;
    left: 397px;
    top: 1069px;
    border: 3px solid #FEE609;  
}

.ourServiceText ul {
  margin: auto
}

.ourServiceText li {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #000000; 
  line-height: 35px;
}

.ourServiceBg {
	background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/About_Us/newjenkinsonsbuilding.jpg');
  	border-radius: 79px;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
  	width: 80%;
  	float: right;
}

.factsContent {
	margin-top: 115px;
  	margin-bottom: 170px;
}

.factsContent h1 {
 	 font-style: normal;
     font-weight: 400;
     font-size: 35px;
     line-height: 48px;
     text-align: center;
     color: #000000;
}

.aboutUsUnderline {
	position: absolute;
    width: 100px;
    height: 0px;
    left: 788px;
    top: 1600px;
    border: 3px solid #FEE609; 
}

.factsBoxes {
	margin-top: 78px;
	display:flex;
  	justify-content: center;
  	width: 100%;
}

.factsBox {
 	margin: 0px 65px;
  	padding: 20px 0px;
  	width: 370px;
	height: 130px;
  	background: #FEE609;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  	text-align: center;
}

.factsBox h2 {
     font-size: 32px;
}

.factsBox p {
	 margin-top: -5px;
  	 font-style: normal;
     font-weight: 400;
     font-size: 17px;
}

.historyTitle h1 {
 	 font-style: normal;
     font-weight: 400;
     font-size: 35px;
     line-height: 48px;
     text-align: center;
     color: #000000;
}

.aboutUsTitle1 h1 {
 	 font-style: normal;
     font-weight: 400;
     font-size: 35px;
     line-height: 48px;
     text-align: center;
     color: #000000;
	 margin: 0;
}

.historyUnderline {
 	position: absolute;
    width: 280px;
    height: 0px;
    left: 695px;
    top: 2140px;
    border: 3px solid #FEE609;
  	z-index: 40;
}

.aboutUsUnderline1 {
	position: absolute;
    width: 100px;
    height: 0px;
    left: 788px;
    top: 2806px;
    border: 3px solid #FEE609; 
}

.aboutUsText1 {
	margin: 53px 68px;
}

.aboutUsText1 h1 {
     font-size: 21px;
     line-height: 34px;
     text-align: center;
     color: #000000;
}

.aboutUsText1 p {
	text-align: center; 
}

@media screen and (max-width: 1440px) {
  .ourServiceUnderline {
   	left: 334px; 
  }
  .aboutUsUnderline, .aboutUsUnderline1 {
    left: 671px; 
  }
  .historyUnderline {
   	left: 577px; 
  }
}

@media screen and (max-width: 1400px) {
  .ourServiceUnderline {
   	display: none;
  }
  .aboutUsUnderline, .aboutUsUnderline1 {
    display: none;
  }
  .historyUnderline {
   	display: none; 
  }
}

@media screen and (max-width: 1283px) {
  .ourServiceText ul {
    margin-top: -25px; 
  }
  .ourServiceText li {
    font-size: 14px;
    line-height: 23px;
  }
  .ourService {
   	 height: 320px;
  }
}

@media screen and (max-width: 550px) {
  .aboutUsContent p {
    font-size: 16px;
    width: 390px;
    height: 255px;
    line-height: 24px;
  }
  .objBox {
    width: 280px; 
    margin: 30px 10px;
  }
  .objText {
  padding: 0px 5px;
  }
  .objText p {
    line-height: 20px;
    font-size: 12px;
    margin-top: 15px;
  }
  .ourService {
    height: 370px;
  }
  .ourServiceText {
    margin-left: 10px;
  }
  .factsBox {
 	margin: 0px 10px;
  }
  .factsBox h2 {
    font-size: 23px;
  }
  .factsBox p {
    font-size: 15px;
  } 
}

.splide {
   width: 100vw;
}
  
.splide__slide {
  padding: 3rem; 
}

.splide__slide img {
  width: 100%;
  height: 29vw;
  object-fit: cover;
  box-shadow: 0px 18px 18px rgba(0, 0, 0, 0.35);
}

.csSlideContent1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 96px;
    left: 0;
}

.csSlideContent1 .container{
    height:100%;
}

.csSlideContent1 .nFlex img{
    margin-top: 310px;
}

.csSlideContentShakespeare {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 96px;
    left: 0;
}

.csSlideContentShakespeare .container{
    height:100%;
}

.csSlideContentShakespeare .nFlex{
    margin-top: 410px;
}

.csText1 {
    background:rgba(35,31,32,0.9);
    padding:35px;
    margin-top: auto;
}

.csText1 h1{
    color:#fff;
    margin:0;
    font-size:32px;
}

.csText1 p{
    color:#fff;
    margin:0;
}

.caseStudyBackground img {
  height: 528px;
  width: 100vw;
}

@media only screen and (max-width:1025px) {
    .splide__slide {
    padding: 3rem 1rem;
    }
  	.splide__slide img {
      width: 50vw;
  	}
}

@media only screen and (max-width:1000px) {
	.csSlideContent1 .nFlex{
        flex-direction:column;
        height:30%;
        padding:30px 0;
        margin:0;
  	}
  	.csSlideContent1 img {
      display: none;
  	}
	.caseStudyBackground img {
      height: 328px;
      width: 100vw;
    }
}

.projectBoxesMore{
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    flex-wrap:wrap;
}

.projectBoxesMore .nButton{
    padding:16px 25px;
}

.projectBoxMore{
    background:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-bg.jpg')no-repeat center;
    background-size:cover;
    position:relative;
    width:33%;
    margin:10px 0px;
    min-height:280px;
    overflow:hidden;
}

.projectBoxMore img{
    position:absolute;
    bottom:0;
    right:40px;
}

.projectBoxMore:hover .pbHoverMore{
    opacity:1;
}

.pbTextMore{
    position:absolute;
    top:0;
    left:0;
    width:160px;
    height:100%;
    padding:15px 10px 10px 10px;
    background:#231f20;
}

.pbTextMore p{
    margin:0 0 15px;
    font-size:12px;
    font-weight:300;
    padding:5px 0 5px 30px;
    background:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-icon1-v2.png')no-repeat left center;
    color:#fff;
  	line-height: 150%;
}

.pbTextMore p.pbt2{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-icon2-v2.png'); }
.pbTextMore p.pbt3{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-icon3-v2.png'); }
.pbTextMore p.pbt4{ background-image:url('https://eu.evocdn.io/dealer/1276/content/media/Content_Pages/Project_Overview/jk-projectoverview-icon4-v2.png'); }

.pbTextMore h3{
    color:#fff;
    margin:26px 0 0;
    min-height:50px;
  	text-align: center;
	font-size: 17px;
}

.pbHoverMore{
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:calc(100% - 150px);
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,0.75);
    opacity:0;
    transition:0.5s all;
}

.projectButtonPo {
  margin: auto;
  width: 50%;
}

.projectsButtonPo p {
	align-items: center;
  	margin-top: 25px; 
  	text-align: center; 
}

.projectsButtonPo .nButton {
 	 width: 12.16em;
}


/*********my styles jelena*******/


/* default category page style fix */
.btn {border-radius: .25em; transition: color 0.5s ease;}
.btn:hover { color: #000;}

.category-list-style-fix .tile a:hover {
    opacity: 0.8;
    
}

.category-list-style-fix .tile p {
    color: #343536;  

}
/* newsletter-home-page-styles */
.hp-newsletter .subscr-widget { 
    padding: 30px 0 20px 0;
}

.hp-newsletter { 
  	margin-top: 2%;
    background: #4f5052;
    padding: 20px 0;
    
}
.hp-newsletter  h2, .hp-newsletter  p{ 
    color: #fff;
    
    
}
.hp-newsletter  h2 { font-size: 22px;}
/** footer styles**/
.footer-trastpilot-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    margin-bottom: 40px;
    flex-wrap: wrap;
    border-bottom: 1px solid #fff;

}
@media only screen and (max-width:1200px) {
    .footer-trastpilot-bar {
        justify-content: center;
    }
    
}


.footer-trastpilot-bar:hover { 
    text-decoration: none;
}
.footer-trastpilot-bar div {
    margin: 20px 0;
}
.footer-trastpilot-bar div h4 {
    margin-bottom: 0;
    color: #fff;
}
.footMain {
    padding: 0 0 60px 0;
}


/* Begin change the search placeholder text */

.searchlist_hd::placeholder {
    opacity: 0;
}
.searchlist_hd.placeholdertext::placeholder {
    opacity: 1;
}

/*failed search styles*/
.failed-search-under { margin: 20px auto; width: 320px; text-align:center; }
.failed-search-under a {text-decoration:underline;}
.failed-search-pink-bar { background-color: #4f5052; color: #fff; text-align: center; text-transform: uppercase; padding: 20px;}
.failed-search-box .widget-box .btn-widget-action {color: #fff !important;}

/*stationery-shop styles*/
.animate-image {  transition: transform 0.4s ease-out;}
 .top-banner { position: relative; overflow: hidden;}
 .top-banner img { width: 100%;}
 .best-sellers {display: flex; justify-content: start; margin: 40px 0;  align-items: center; flex-wrap: wrap;}
 .best-seller-item {margin: 20px 20px 20px 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
 .best-seller-title h2 { font-size: 2rem; padding-left: 20px; }

 .top-picks {display: flex; justify-content: end; align-items: center; margin-bottom: -80px;  z-index: 10; position: relative; flex-wrap: wrap;}
 .top-pick-item {margin: 20px 20px 20px 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
 .top-pick-title h2 { font-size: 2rem; padding-right: 40px;}

.category { background: #f9f9f9; padding: 20px; display: flex; justify-content:center; align-items:center;}
.category-1 {margin: 40px 0 0 0;}
.category-item {margin: 20px;}


.category-item img {width: 100%;}

.shops { display: flex; justify-content: center; align-items: center; margin: 80px 0; flex-wrap: wrap;} 
.shop-item { flex: 1 1 calc(30% - 40px); margin: 0 10px 0 10px;}

    
@media only screen and (max-width: 1470px) {
  .best-sellers {margin-top: 0; justify-content: center;}
  .top-picks {margin-bottom: 0; justify-content: center;}
  .best-seller-item, .top-pick-item {order: 5; }
  .best-seller-title h2, .top-pick-title h2 { font-size: 2rem; padding-left: 0px; padding-right: 20px; }
}

@media only screen and (max-width: 1200px) {
  .category {flex-wrap:wrap;}
}

@media only screen and (max-width: 768px) {
  .shop-item { flex: 1 1 100%; text-align: center; margin-bottom: 20px;}
}




/*furniture shop styles*/
.furniture-products-cta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px;}
.furniture-products-cta .furniture-products-text { width: 50%; margin-bottom: 20px;}
.furniture-products-cta .furniture-products-image { width: 40%; margin-bottom: 20px;}
.furniture-products-cta .furniture-products-image.product-2 { width: 50%; margin-bottom: 20px;}
.furniture-products-cta .furniture-products-text.text-2 { width: 48%; margin-bottom: 20px;}
.furniture-products-cta .furniture-products-text {text-align: left;}

.furniture-products-cta .furniture-products-text h3 {font-size:1.5rem; margin-bottom:20px;} 
.furniture-products-cta .furniture-products-text p { margin-bottom:20px;} 




@media screen and (max-width:768px){
  .download-catalog-cta .text-overlay {  font-size: 1rem;}
}

@media screen and (max-width:768px){
  .furniture-products-cta .furniture-products-text, .furniture-products-cta .furniture-products-image {width: 100% !important;}
  .furniture-products-cta .furniture-products-image {order:10;}
  .furniture-products-cta .furniture-products-text {order:20;}
  .furniture-products-cta {justify-content: center;}
 

}





/*jenkinosons interiors styles*/

/*Jenkinsons interiors zoom in slider*/
.slider-container-jenkinsons-interiors {
  position: relative;
}

.slider-container-jenkinsons-interiors .slider-jenkinsons-interiors {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: auto;
}

/* Slider with dots */
.slider-container-jenkinsons-interiors .slider-pagination-jenkinsons-interiors {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider-container-jenkinsons-interiors .slider-pagination-jenkinsons-interiors .dot {
  width: 10px;
  height: 10px;
  background-color: #bbb;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  opacity: 0.6;
}

.slider-container-jenkinsons-interiors .slider-pagination-jenkinsons-interiors .dot.active {
  background-color: #333;
}
/* End of slider with dots */

.slider-container-jenkinsons-interiors .slider-jenkinsons-interiors .slide-jenkinsons-interiors {
  position: relative;
  width: 100%;
  height: auto;
  display: none;
  animation: zoomIn 12s ease-in-out infinite;
}

.slider-container-jenkinsons-interiors .slider-jenkinsons-interiors  .slide-jenkinsons-interiors img {
  width: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 12s ease-in-out;
}

.slider-container-jenkinsons-interiors .slide-jenkinsons-interiors .text-overlay {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0.1;
  transition: opacity 0.5s;
  animation: moveText 12s ease-in-out infinite;
  padding: 20px;
}

.slider-container-jenkinsons-interiors .slide-jenkinsons-interiors .text-overlay h1 {
  font-size: 6rem;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
  color: #fff;
}

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

  .slider-container-jenkinsons-interiors .slide-jenkinsons-interiors .text-overlay h1 {
    font-size: 4rem;
  }
}

@media screen and (max-width: 600px) {

  .slider-container-jenkinsons-interiors .slide-jenkinsons-interiors .text-overlay h1 {
    font-size: 3rem;
  }
}

.slider-container-jenkinsons-interiors .slide-jenkinsons-interiors.active {
  display: block;
}

.slider-container-jenkinsons-interiors .slide-jenkinsons-interiors.active img {
  opacity: 1;
}

.slider-container-jenkinsons-interiors .slide-jenkinsons-interiors.active .text-overlay {
  opacity: 1;
}

@keyframes zoomIn {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(1.3) translateX(-10%);
  }
}

@keyframes moveText {
  0% {
    transform: translate(-50%, -50%) translateX(0);
  }
  100% {
    transform: translate(-50%, -50%) translateX(300px);
  }
}
/*end of jenkinsons interiros slider*/

/*jenkinsons interiors about section styles*/
.jenkinsons-interirors-about-section-img {margin: 80px 0 0 0;  display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 480px;}
.jenkinsons-interirors-about-section-text {margin: 80px 0 0 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 480px;}

@media screen and (max-width: 768px) {
    .jenkinsons-interirors-about-section-img, .jenkinsons-interirors-about-section-text { min-height: 300px;}
  }

/*jenkinsons interiors services section styles*/
.jenkinsons-interiors-services-section {justify-content: center; }
.jenkinsons-interiors-services-section .category-item{ text-align: center; width: 30%;}
.jenkinsons-interiors-services-section .category-item img {vertical-align: top;}
.jenkinsons-interiors-services-section .category-item h3 { margin: 40px 0 20px 0;}


@media screen and (max-width: 1200px) {
    .jenkinsons-interiors-services-section .category-item{ width: 50%;}
  }


  @media screen and (max-width: 768px) {
    .jenkinsons-interiors-services-section .category-item{ width: 100%;}
  }

/*jenkinsons interiors our projects styles*/

.jenkinsons-interiors-projects-section {padding: 160px 0 80px 0;}
.jenkinsons-interiors-projects-section img { width: 100%;}
.jenkinsons-interiors-projects-section .projects-text { padding: 80px; margin-top: -200px; background: #fff; position: relative; z-index: 20;}
.jenkinsons-interiors-projects-section .projects-text p { padding: 40px 0;}

@media screen and (max-width: 992px) {
    .jenkinsons-interiors-projects-section .projects-text { margin-top: -80px; padding: 40px;}
  }

  @media screen and (max-width: 768px) {
    .jenkinsons-interiors-projects-section .projects-text { margin-top: 40px; padding: 20px;}
  }




/*New About page styles*/
.about-philosophy-section {padding: 40px 0;}
.about-philosophy-section .thumbnail { border: 0; padding: 0 20px;}
.about-philosophy-section .thumbnail img {width: 100%;}
.about-philosophy-section .thumbnail h3 { padding: 20px 0;}
.about-us-facts {padding: 40px 0; background: url('https://eu.evocdn.io/dealer/1276/content/media/My_Theme/jenkinsons-interiors/facts-background.jpg') no-repeat 50% 50%; background-size: cover;}
.about-us-facts .thumbnail {border: 0; background-color: transparent; color: #fff; padding: 120px 0;}
.about-us-facts .thumbnail span {font-size: 3.5em; font-weight: 600;}
.about-us-facts .thumbnail p {color:#fff;}
@media screen and (max-width: 768px) {
    .about-us-facts .thumbnail {padding: 40px 0;}
  }

/*testemonial slider*/
.testimonial-slider { width: 80%; margin: 80px auto; text-align: center; position: relative; background: white; padding: 40px 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.testimonial-slider .testimonial {  opacity: 0; max-height: 0px; overflow: hidden; transition: opacity 1s ease, max-height 1s ease; width: 80%; margin: 0 auto;}
.testimonial-slider .testimonial.active { opacity: 1; max-height: 220px;}
.testimonial-slider .testimonial .ji-testimonial-text { opacity: 0; transition: opacity 1s ease; width: 80%; margin: 0 auto;}
.testimonial-slider .testimonial.active .ji-testimonial-text { opacity: 1;}
.testimonial-slider blockquote { font-style: italic; font-size: 1.2em; margin-bottom: 20px;}
.testimonial-slider h3 { margin: 10px 0;}
.testimonial-slider .nav-btns { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%);}
.testimonial-slider .nav-btn { color: #ffff; border: none; padding: 10px 20px; cursor: pointer; border-radius: 50%;  background-color: #cccccc;}
.testimonial-slider .nav-btn:hover { background-color:#999999;}
.testimonial-slider .nav-btn-left {margin-left: 40px;}
.testimonial-slider .nav-btn-right {margin-right: 40px;}


@media screen and (max-width: 992px) {
    .nav-btn-left {margin-left: 10px;} 
    .nav-btn-right {margin-right: 10px;}
  }
/*End of New About page styles*/

/*New Our Team page styles*/
.team-row { margin: 140px 0 0 0;}
.team-row .thumbnail{ border: 0;}
.team-row .thumbnail h3 { font-size: 1.8em; text-align: right;}
.team-row .thumbnail h4 {font-weight: 600;}
.team-row .thumbnail .team-underline { width: 100%; height: 4px; background-color: #ccc;}
.team-row .thumbnail.shadow-thumbnail { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.team-row .thumbnail.shadow-thumbnail img { width: 100%; margin: 0 0 20px 0;}
.team-row .left-team-column { display: none;}
.team-row.team-row-last {margin: 140px 0;}
@media screen and (max-width: 768px) {
    .team-row .left-team-column { display: block;}
    .team-row .right-team-column {display: none;}
  }


/*End New Our Team page styles*/

/*New Project View page styles*/
.projects-hero-section { width: 100%; min-height: 70vh;  background-image:  linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://eu.evocdn.io/dealer/1276/content/media/My_Theme/jenkinsons-interiors/projcets-view-hero.jpg'); background-size: cover; 
    background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; 
    
}
.projects-hero-section h2 {
     text-shadow: -5 3 8px rgba(0, 0, 0, 0.8); color: #fff; max-width: 1400px; font-size: 2.5em; padding:  40px;
}
@media screen and (max-width: 768px) {
    .projects-hero-section h2 {font-size: 1.5em;}
   
}


/* project selector styles */
.ji-project-selector {padding: 30px; text-align: center; margin: 80px 0;}
.ji-project-selector .ji-buttons { display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.ji-project-selector .ji-buttons .ji-category { cursor: pointer; margin-right: 10px; border: none; margin-bottom: 20px; font-size: 1rem; background-color: #333; color: #fff; border-radius: 5px; padding: 10px 20px;}
.ji-project-selector .ji-buttons .ji-category.active { background-color: #fee609; color: #231f20;}
.ji-project-selector .ji-buttons .ji-category.active:hover { background-color: #fee609; color: #231f20;}
@media screen and (max-width: 1024px) {
    .ji-project-selector .ji-buttons .ji-category { width: calc(50% - 20px);}
}
@media screen and (max-width: 768px) {
    
    .ji-project-selector .ji-buttons .ji-category {width: calc(100% - 20px);}
}


.ji-project-selector #ji-images { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; margin: 40px auto; }
.ji-project-selector #ji-images .ji-category-tile { position: relative; overflow: hidden; grid-column: span 1;  grid-row: span 1; }



.ji-project-selector #ji-images .ji-category-tile.hide { display: none; }
.ji-project-selector #ji-images .ji-category-tile.show { animation: fadeIn 1s ease;}
.ji-project-selector #ji-images .ji-image { position: relative; width: 100%; height: 100%; overflow: hidden; display: block;}
.ji-project-selector #ji-images .ji-image.hide { display: none;}
.ji-project-selector #ji-images .ji-image.show {animation: fadeIn 1s ease;}
.ji-project-selector #ji-images .ji-image .ji-tile-link { display: block; margin: 0; padding: 0; width: 100%; height: 100%; }
.ji-project-selector #ji-images .ji-image .ji-tile-link img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1s ease; }
.ji-project-selector #ji-images .ji-image .ji-tile-link:hover img { transform: scale(1.2);}
.ji-project-selector #ji-images .ji-image .ji-tile-link .ji-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 0) 50%); opacity: 0; transition: opacity 1s ease;}
.ji-project-selector #ji-images .ji-image .ji-tile-link:hover .ji-overlay { opacity: 1; }
.ji-project-selector #ji-images .ji-image .ji-tile-link .ji-tile-content { position: absolute; bottom: -100px; left: 0; width: 100%; text-align: center; color: #fff; opacity: 0; transition: opacity 0.5s ease, bottom 0.5s ease; z-index: 1; padding: 0 10px;}
.ji-project-selector #ji-images .ji-image .ji-tile-link .ji-tile-content h3,
.ji-project-selector #ji-images .ji-image .ji-tile-link .ji-tile-content p { margin: 0; transform: translateY(100%); transition: transform 0.5s ease; font-size: 1.2em; color: #fee609;}
.ji-project-selector #ji-images .ji-image .ji-tile-link .ji-tile-content p { color: #fff; font-size: 1em; margin-top: 20px;}
.ji-project-selector #ji-images .ji-image .ji-tile-link:hover .ji-tile-content { opacity: 1; bottom: 40px;}
.ji-project-selector #ji-images .ji-image .ji-tile-link:hover .ji-tile-content h3, .ji-project-selector #ji-images .ji-image .ji-tile-link:hover .ji-tile-content p {transform: translateY(0);}
.ji-project-selector #ji-images .ji-category-tile.hidden { display: none; }

/*pagination*/
#pagination { text-align: center; padding: 20px 0;}
#pagination button { padding: 6px; border: 0; margin-right: 4px; background-color: #333; color: #fff;}
#pagination button.active { background-color: #fee609; color: #231f20;}

/* Media Queries for Responsiveness */
@media screen and (max-width: 1024px) {
    .ji-project-selector #ji-images {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Adjust to fit smaller screens */
    }
 
}

@media screen and (min-width: 1024px) and (max-width: 1399px) {
    .ji-project-selector #ji-images {
        grid-template-columns: repeat(3, 1fr); 
    }
   
} 

@media screen and (min-width: 1400px) {
    .ji-project-selector #ji-images {
        grid-template-columns: repeat(3, 1fr); 
    }
}

@media screen and (max-width: 768px) {
    .ji-project-selector #ji-images {
        grid-template-columns: 1fr; 
    }

}

@keyframes fadeIn {
    0% { transform: scale(0.5); opacity: 0;}
    100% { transform: scale(1); opacity: 1;}
}


/*end of project selctor styles*/
  


/*New Project View styles*/


/*end of jenkinosons interiors styles*/

/*coffee-shop-styles*/
.opacity-on-hover:hover {opacity:0.8; transition: all 0.5s ease;}
.shops-carousel .merchandising-carousel .tile {box-shadow: none;}
.shops-carousel .merchandising-carousel h3 {font-size: 2rem;}
.shops-carousel .merchandising-carousel .owl-prev, .shops-carousel .merchandising-carousel .owl-next {background:#fff;}
.shops-carousel .merchandising-carousel .owl-prev {left:-55px;}
.shops-carousel .merchandising-carousel .owl-right {right:-55px;}



/*health-shop styles*/




.cushion {margin: 40px 0 0 0; display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap;
        }
.cushion-text { width: 45%; margin-bottom: 20px;}
.cushion-text h3 {font-size: 1.2rem; font-weight: 500;}
.cushion-text .green {color: #2c9f51; margin-bottom: 20px;}
.cushion-text p {font-size: 1rem;}
.cushion-text ul {margin-bottom:20px;}
.cushion-image {width: 35%; margin-bottom: 20px;}
@media screen and (max-width:1200px) {.cushion-text, .cushion-image {width: 50%; padding: 0 20px;} }
@media screen and (max-width:720px) {.cushion-text, .cushion-image {width: 100%; text-align: center; padding: 0 40px;} }

.ball-foot {margin: 40px 0 20px 0; display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap;
        }
.ball-foot h3 { font-size: 1.2rem; font-weight: 500; }
.ball, .foot {width: 40%;}
.ball-foot .green {color: #2c9f51;}
.ball-foot p {font-size: 1rem;}
.ball-foot ul {margin-bottom:20px;}
.ball-foot .green {margin-bottom: 20px;}
.ball-foot .ball-image, .ball-foot .foot-image {text-align:center; margin-bottom: 20px;}
        
@media screen and (max-width:720px) {.ball, .foot {width: 100%; text-align: center; padding: 0 40px; margin-bottom: 20px;} }

.stool {margin: 40px 0 0 0; display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap;
        }
.stool-text { width: 45%; margin-bottom: 20px;}
.stool-text h3 { font-size: 1.2rem; font-weight: 500; }
.stool-text p {font-size: 1rem;}
.lstool-text ul {margin-bottom:20px;}
.stool-image {width: 35%; margin-bottom: 20px;}
.stool-image .green {color: #2c9f51; margin-bottom: 20px;}
@media screen and (max-width:1200px) {.stool-text, .stool-image {width: 50%; padding: 0 20px;} }
@media screen and (max-width:720px) {.stool-text, .stool-image {width: 100%; text-align: center; padding: 0 40px;} .stool-text {order:20;} .stool-image {order: 10;} }

.convert {margin: 40px 0 0 0; display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap;
        }
.convert-text { width: 45%; margin-bottom: 20px; order: 20;}
.convert-text h3 {font-size: 1.2rem; font-weight: 500;}
.convert-text p {font-size: 1rem;}
.convert-text ul {margin-bottom:20px;}
.convert-image {width: 35%; margin-bottom: 20px; order: 10;}
.convert-image .green {color: #2c9f51; margin-bottom: 20px;}
@media screen and (max-width:1200px) {.convert-text, .stool-image {width: 50%; padding: 0 20px;} }
@media screen and (max-width:720px) {.convert-text, .convert-image {width: 100%; text-align: center; padding: 0 40px;} .convert-text {order:20;} .convert-image {order: 10;} }

/*Cleaning cupboard page styles*/
.cleaning-cupboard-hero img {width: 100%;}


/* New Home Page Styles */
.home-page-social-side-icons { position: fixed; right: 0; top: 240px; background: #231f20; z-index: 20;}
.home-page-social-side-icons ul {list-style: none; padding: 0; margin: 0;}
.home-page-social-side-icons ul li a {padding: 10px; display: block; text-align: center;  transition: transform 0.3s ease;}
.home-page-social-side-icons ul li a:hover { transform: scale(1.1); }

@media screen and (max-width: 768px) {
   .home-page-social-side-icons {display: none;}
 }
 

.home-page-header .hero-section { width: 100%; min-height: 70vh;  background-image: url('https://eu.evocdn.io/dealer/1276/content/media/My_Theme/new-home-page/home-page-hero-1.jpg'); background-size: cover; 
    background-position: center; display: flex; align-items: center; justify-content: flex-start;  flex-direction: column; 
}
.home-page-header .hero-section .text-overlay {  text-align: center; background-color: rgba(0, 0, 0, 0.5); padding: 40px; 
    margin: 100px 0 150px;}

.home-page-header .hero-section .text-overlay h2 { margin: 0 0 20px 0; font-size: 1.5rem; color: #fff; text-transform: uppercase;}
.home-page-header .hero-section img { width: 100%;}
.home-page-header .hero-section .logo { max-width: 480px; height: auto; }

.home-page-header .home-page-banners { width: 100%; background: #202827; }

.home-page-header .home-page-banners .banner-container { display: flex; align-items: center; justify-content: space-between; margin: 0 auto; 
    width: 100%; max-width: 1400px; flex-wrap: wrap;  margin-top: -100px;}

.home-page-header .home-page-banners .banner { margin: 40px; flex: 1 1 calc(30% - 40px);   transition: transform 0.3s ease; }
.home-page-header .home-page-banners .banner:hover { transform: scale(1.1); }

.home-page-header .home-page-banners .banner img { width: 100%; height: auto; }
@media screen and (max-width: 1200px) {
    .home-page-header .hero-section .text-overlay {
        top: 8%;
    }
  .home-page-header .hero-section .text-overlay h2 { font-size: 1.5rem;}
}
@media screen and (max-width: 768px) {
   .home-page-header .hero-section .text-overlay h2 { font-size: 1.2rem;}
   .home-page-header .home-page-banners .banner { margin: 20px; flex: 1 1 100%;}
}

/*home-page-our-story-styles*/
    .home-page-our-story-section { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 80px 0 0 0;}
    .home-page-our-story-section .home-page-icons, .home-page-our-story-section .home-page-story{ width: calc(50% - 20px); padding: 20px;}
	.home-page-our-story-section .home-page-icons { background: #343536;}
	.home-page-our-story-section .home-page-icons .icons-inner { display: flex; align-items:center;  justify-content: end; flex-wrap:wrap; padding: 80px 0;}
	.home-page-our-story-section .home-page-icons .icons-inner .icon { min-width: 230px; text-align: center;}
	.home-page-our-story-section .home-page-icons .icons-inner h4 { font-size: 3rem; color: #fff; font-weight: 600;}
	.home-page-our-story-section .home-page-icons .icons-inner {color: #fff;}
	.home-page-our-story-section .home-page-story .story-inner {max-width: 720px;}
	.home-page-our-story-section .home-page-story h2 {font-size: 2rem;}
	

@media screen and (max-width: 768px) {
   .home-page-our-story-section .home-page-icons, .home-page-our-story-section .home-page-story { width: 100%; text-align:center;}
  .home-page-our-story-section .home-page-icons .icons-inner  {justify-content:center;}
}

/*blog styles*/
.blogpostslist_container .tileparent .tile { padding: 0!important;}
.blog-posts-grid-view .tile { padding: 5px !important;}

/*Marketing Blog Posts styles*/
.marketing-blog-post-category .tileparent {padding: .5em; border-top: 0;}
.marketing-blog-post-category .tile {padding: 0; margin: 15px auto 15px auto; width: 90%; border-right: 0 !important;}
.marketing-blog-post-category .cat-tiles a {margin-bottom: 0;} 
.marketing-blog-post-category .cat-tiles a:hover {opacity: 0.8;}
.marketing-blog-post-category .cat-tiles .tile .cat-thumb-container {height: 100%;}
.marketing-blog-post-category .cat-tiles .tile .cat-thumb-container {width: 100%; width: 100%;}
.marketing-blog-post-category .cat-tiles .tile .cat-thumb-container img {max-width: 100%; max-height: 100%;}
.marketing-blog-post-category .cat-tiles a p {margin: 0; padding: 5px;}
.marketing-blog-post-category .cat-tiles a p {color: #fff; background: #4f5052;}

.listgrid a:hover {color: #231f20;}

.rrp, .product-price-rrp {display: none !important;}
.marketing-blog-post-description .footer-wrapper-description { min-height: auto;}
/*Project Blog Post Styles*/

.project-blog-undersection {margin: 40px  0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.project-blog-undersection-text { width: 48%; margin-bottom: 20px;}
.project-blog-undersection-image {width: 48%; margin-bottom: 20px;}
@media screen and (max-width:1200px) {
    .project-blog-undersection-text, .project-blog-undersection-image {width: 50%;} 
}
@media screen and (max-width:720px) {
    .project-blog-undersection-text, .project-blog-undersection-image {width: 100%; text-align: center;}
    .project-blog-undersection-text { order:2;}
.project-blog-undersection-image { order:1;}
 }

.project-single-blog-details { display: flex; align-items: center; justify-content: center; flex-direction: column;}
.project-single-blog-details  .project-single-date { width: 120px; height: 120px; background-color: #ccc; margin-top: -60px; color: #fff; font-size: 1.3em; padding: 30px 15px 15px; border-radius: 50%;} 
.project-single-blog-details  .project-single-title { margin: 40px auto;} 

.project-blog-testimony { text-align: center; margin: 80px 0; padding: 40px; background-color: #4f5052; color: #fff;}
.project-blog-testimony .project-blog-testimony-credits  {margin-top: 20px; font-weight: 600; font-size: 1.2em;}
.project-blog-testimony .project-blog-testimony-venue { margin-top: 20px; font-style: oblique; font-size: 1.1em;}

.project-blog-slider { position: relative; width: 100%; overflow: hidden; margin-bottom: 20px;}
.project-blog-slider .project-blog-slide {  display: none; text-align: center;  transition: opacity 1s ease;}
.project-blog-slider .project-blog-slide.active { display: block; opacity: 1;}
.project-blog-slider .project-blog-slide:not(.active) { opacity: 0; }
.project-blog-slider .project-blog-slide  h3 { padding: 20px; background: rgba(0 , 0, 0, 0.8); color: #fff; position: absolute; left: 0px; bottom: 40px;} 
.project-blog-slider .slider-dots {display:flex; justify-content: center;   bottom: 20px; left: 50%; transform: translateX(-50%); position: absolute;}
.project-blog-slider .slider-dot { width: 10px; height: 10px; margin: 0 5px; background-color: #231f20; border-radius: 50%; cursor: pointer; transition: background-color 0.3s;}
.project-blog-slider .slider-dot.active {background-color: #fee609;}



/*End of Project Blog Post Styles*/

/*New Services Page Styles*/
.ji-services-hero {display: flex; flex-direction: column; align-items: center; justify-content: center; background-image: url('https://eu.evocdn.io/dealer/1276/content/media/My_Theme/jenkinsons-interiors/services/ji-services-small.jpg'); height: 70vh; background-repeat: no-repeat; background-size: cover;}
.ji-services-hero img { width: 100%;}
.ji-services-hero .services-text h1{ font-size: 4rem; text-shadow: 0 0 15px rgba(0, 0, 0, 0.8); color: #fff;}
.ji-services-hero .services-text p { text-shadow: 0 0 15px rgba(0, 0, 0, 0.6); color: #fff; font-size: 1.2rem;}

@media screen and (max-width: 992px) {
    .ji-services-hero .services-text h1{ font-size: 3rem; }
    .ji-services-hero .services-text p{ font-size: 1.1rem; }
  }

  @media screen and (max-width: 768px) {
    .ji-services-hero .services-text h1{ font-size: 2rem; }
    .ji-services-hero .services-text p{ font-size: 1rem; }
  }

.ji-services-underhero-img {margin: 120px 0 0 0;  display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 480px; }
.ji-services-underhero-text {margin: 120px 0 0 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 480px; background: #fff;}

@media screen and (max-width: 768px) {
    .ji-services-underhero-img, .ji-services-underhero-text { min-height: 300px;}
  }

  .ji-brand-carousel { width: 1200px; overflow: hidden; margin: 40px auto; white-space: nowrap; position: relative;}
  .ji-brand-carousel .ji-brand-carousel-slide { display:inline-flex; animation: slide 30s linear infinite; width: 1740px;}
  .ji-brand-carousel .ji-brand-carousel-slide img {width: 174px; margin-right: 20px; height: 75px;}
  .ji-brand-carousel:hover .ji-brand-carousel-slide {animation-play-state: paused;}
  
  .ji-services-underhero-img.furniture-image-two {margin: 100px 0 120px 0;}
  .ji-services-underhero-img.furniture-image-two .furniture-image-two-text { margin-top: 80px;}
  .jenkinsons-interiors-projects-section .support-aftercare-text { max-width: 1200px; padding: 40px 80px; margin-top: -200px;  box-shadow:  1px 0 20px 10px rgba(0, 0, 0, .11); position: relative;}
  .services-three-descriptions { display: flex; flex-direction: column; justify-content: center;}
  .jenkinsons-interiors-projects-section  .services-contact-us-text { max-width: 1200px; padding: 40px 80px; margin-bottom: -120px;  box-shadow:  1px 0 20px 10px rgba(0, 0, 0, .11); text-align: center; background: #fff; position: relative;} 
  @keyframes slide {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  @media screen and (max-width: 992px) {
    .services-three-descriptions h2{
        font-size: 1.2em;
        
    }
  }
  @media screen and (max-width: 768px) {
    .jenkinsons-interiors-projects-section .support-aftercare-text { margin-top: 0; padding: 40px 20px;}
    .jenkinsons-interiors-projects-section  .services-contact-us-text { margin-bottom: 0; padding: 40px 20px;}

  }

/*End Of New Services Page Styles*/

 /*contactus-new styles*/
 .contact-us-row {margin: 120px 0;}
 .contact-us-row .thumbnail { border: 0; padding: 20px 40px; min-height: 300px;}
 .contact-us-row .shadow-thumbnail {box-shadow: 1px 0 20px 10px rgba(0, 0, 0, .11);}
 .contact-us-row .thumbnail .bi { font-size: 2em; color: #ccc; padding: 14px 16px; background-color: #000; margin-top: -40px; margin-bottom: 20px; display: inline-block;}
 .contact-us-row .thumbnail p { display: inline-block;  word-wrap: break-word; max-width: 100%;}
 
 @media screen and (max-width: 992px) {
    .contact-us-row .thumbnail{
        min-height: 350px;
        
    }
    .contact-us-row .thumbnail h2{
        font-size: 1.5em;
        
    }

 }
 @media screen and (max-width: 768px) {
    .contact-us-row .thumbnail{
        min-height: 300px;
        
    }
    .contact-us-row .thumbnail{
        margin-bottom: 40px;
        
    }
 }
/* end contactus-new styles*/

/* end */
/* Fixes a custom design issue with the cart button showing cut out in the PDP for live inventory v2 */
.ex-product .catalog-single .product-shopping-actions .product-shopping-actions-addtocart .live-inventory-v2-add-to-cart-wrapper button {
  width: 100%;
}
.ex-product .catalog-single .product-shopping-actions .product-shopping-actions-addtocart .live-inventory-v2-add-to-cart-wrapper {
  max-width: none;
}
/* badge styling */

.ribbon-wrapper .ribbon-side, .ribbon-wrapper .ribbon-tips { display: none;}
.ribbon-wrapper .ribbon { /*font-weight: 600; border: 1px solid #fee609; border-radius: 0.25em;*/
    background-image: url('https://eu.evocdn.io/dealer/1276/content/media/Brands/jenkinsons-logo/jenkinsons-logo-bigger-dot.png'); background-size: cover;  background-repeat: no-repeat; background-position: center; 
    width: 30px; height: 30px; background-color: #fff;
}


/*ergonomic chairs content page styles*/

.ergonomic-chiars-banner-text {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 500px;}
.ergonomic-chiars-banner-text h2 { color: #507d79;}
.ergonomic-chiars-banner-text h4 { font-weight: 600;}
.ergonomic-chiars-title { display: flex; align-items: center; justify-content: space-between; padding: 80px 0;}
.ergonomic-chiars-title h3 { font-size: 1.5em; color: #507d79;}
.ergonomic-chiars-title .tile-chair { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 20%; } 
.ergonomic-chiars-title .chiars-text { width: 30%; align-items: flex-start;}
.ergonomic-chiars-title .tile-chair .btn { margin-top: 40px;}
.chairs-separator-line { width: 460px; height: 30px; background-color: #507d79; margin: 0 0 80px 0;}
@media screen and (max-width: 992px) {
    .ergonomic-chiars-title { flex-wrap: wrap;}
    .ergonomic-chiars-title .tile-chair{ width: 40%;}
    .ergonomic-chiars-title .tile-chair {order: 1;}
    .ergonomic-chiars-title .chiars-text { order: 0;}  
    .chairs-separator-line { width: 100%;}   
}
@media screen and (max-width: 768px) {
    .ergonomic-chiars-title .tile-chair { width: 100%;}
    .ergonomic-chiars-title .chiars-text { padding-left: 10px;} 
}


/*desking content page styles*/

.desking-banner-text {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 500px;}
.desking-banner-text h2 { color: #d6b047;}
.desking-banner-text h4 { font-weight: 600;}
.desking-title { display: flex; align-items: center; justify-content: space-between; padding: 80px 0;}
.desking-title h3 { font-size: 1.5em; color: #d6b047;}
.desking-title .tile-desk { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 30%;} 
.desking-title .desk-text { align-items: flex-start;}
.desking-title .tile-desk .btn { margin-top: 40px;}
.desking-separator-line { width: 460px; height: 30px; background-color: #d6b047; margin: 0 0 80px 0;}
@media screen and (max-width: 992px) {
    .desking-title { flex-wrap: wrap;}
    .desking-title .tile-desk { width: 40%;}
    .desking-title .tile-desk {order: 1;}
    .desking-title .desk-text { order: 0;}  
    .desking-separator-line { width: 100%;}    
}
@media screen and (max-width: 768px) {
    .desking-title .tile-desk { width: 100%;}
    .desking-title .desk-text { padding-left: 10px;} 
}