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

.myaccount  .grid.simple .grid-title h3, .myaccount  .grid.simple .grid-title h3 span {
	color: #253775;
}

.shopping-cart table td.total .content_value{
    background:none;
}

.ex-loggedin  .headersection-3{
    background:#253775;
}

.ex-loggedin header{
    background:#fff;
}

.ex-loggedin .header-full .headTel p, .ex-loggedin .toolbar .cart-btn:hover > .btn i, .ex-loggedin header .header-mobile i{
    color:#253775;
}

.ex-loggedin .cart-btn .fa-shopping-bag{
    border-color:#253775;
    color:#253775;
}

.contactus p{
    margin-bottom:20px;
}

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

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

#headermenu_130140 .additional_links, .ex-loggedout .headersection-3{
    display:none;
}

.footDivide{
    margin:0 10px;
    width:1px;
    height:12px;
    background:#020000;
    display:inline-block;
    vertical-align:middle;
}

.footMain{
    padding:45px 0;
}

footer.footer{
    padding:0;
}

.footersection-2 .footersection-2{
    background:#fff;
    color:#020000;
    padding:15px 0;
    font-size:13px;
}

.footersection-2 .footersection-2 a, .footersection-2 .footersection-2 p{
    color:#020000;
}

.footCol{
    margin:10px;
}

.footCont a{
    display:flex;
    margin-bottom:15px;
}

.footCont a img{
    margin-right:8px;
    width:31px;
    height:31px;
    flex:0 0 auto;
}

.footCont a:hover img{
    background-color:#0095d5;
}

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

.fc1{
    align-self:center;
}

.fc4{
    max-width:100%;
    width:305px;
}

.footLogo{
    margin:0 0 40px;
    text-align:center;
}

.footSocial > .nFlex{
    max-width:100%;
    width:400px;
  justify-content: start;
  gap: 15px;
}

.footSocial a.nFlex{
    justify-content:flex-start;
}

.footSocial img{
    margin-right:10px;
}

.footSocial a:hover img{
    background-color:#0095d5;
}

.footSocial p{
    line-height:16px;
    font-weight:700;
    font-size:!6px;
}

.footSocial p span{
    font-weight:400;
    font-size:12px;
}

.ex-home section.zonebottom, .ex-home section.zonetop{
    margin:0;
}

.homeTestimonials{
    background:#f5f5f5;
    padding:50px 0;
}

.homeTestimonials .tIntroText{
    margin:0 0 40px;
}

.testimonialBox{
    display:flex;
    padding:40px 25px 30px;
    background:#fff;
    margin:12px 0;
}

.testimonialBox .tImg{
    width:115px;
    height:115px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:25px;
    flex:0 0 auto;
}

#logo_130146 , #search_72, #htmlcontent_130131, #minicart_71, #htmlcontent_130133{
    width:auto;
}

#search_72{  max-width:27%; }
#logo_130146{ max-width:24%; }

#logo_130146 .logo img{
    width:auto;
    max-height:150px !important;
    max-width:100% !important;
}

.headersection-2 .container.verticalmenu{
    padding:0;
}

.headersection-2 > .row{
    min-height:50px;
}

#headermenu_130140{
    padding-left:0;
}

.cart-btn .fa-shopping-bag{
    background:#253775 url('https://eu.evocdn.io/dealer/1391/content/media/My_Theme/ccs-head-basket.png')no-repeat scroll center center;
    width:41px;
    height:41px;
    border:2px solid #fff;
    border-radius:50%;
    display:inline-block;
    margin-right:50px;
    transition:0.25s all !important;
}

.toolbar .cart-btn > .btn .minicart_count{
    background:#0095d5;
    font-weight:700;
    left:21px;
    top:14px;
    right:auto;
    bottom:auto;
    border-radius:3px;
    font-size:12px;
}

.header-full .toolbar .cart-btn > .btn {
	background: none;
	padding: 0;
}

.header-full .toolbar .cart-btn > .btn i:after {
	content: "Total:";
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	margin-left: 50px;
	position:absolute;
        top:13px;
}

.toolbar .cart-btn:hover > .btn i{
    color:#fff;
}

.cart-btn .fa-shopping-bag:before{
    display:none;
}

.toolbar .cart-btn:hover .fa-shopping-bag{
    background-color:#0095d5;
}

.toolbar .cart-btn .minicart_total{
    padding:5px 10px;
    background:#0095d5;
    font-weight:700 !important;
    border-radius:3px;
}

header section.search .search-form .form-group input{
    width:392px;
    max-width:100%;
    height:42px;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}

header section.search .search-form button[type="submit"], section.search .search-form button[type="submit"]{
    height:40px;
    top:1px;
    right:0;
    width:60px;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
    background:#f5f5f5;
}

.headTel img{
    margin-right:10px;
}

.header-full .headTel p{
    margin:0;
    line-height:20px;
    font-size:20px;
    font-weight:700;
    color:#fff;
}

.header-full .headTel p span{
    font-size:13px;
}

.headTel:hover .nCircle{
    background:#0095d5;
}

.headersection-1 .vertical-align{
    justify-content:space-between;
}

.nCircle{
    border-radius:50%;
    background-color:#253775;
    border:2px solid #fff;
    transition:0.25s all;
}

.nCircle:hover{
    background-color:#0095d5;
}

.nDivide{
    width:1px;
    height:14px;
    background:#353535;
    display:inline-block;
    vertical-align:middle;
    margin:0 20px;
}

.headersection-1{
    padding-top:30px;
    padding-bottom:30px;
}

.headersection-2{
    background:#f5f5f5;
   /* position:sticky;
    top:0;
    z-index:5;*/
}

body > header {
    position:sticky;
    top:0;
    z-index:15;
}

.headersection-2 p{
    line-height:14px;
    font-size:14px;
}

.headersection-2 a{
    color:#353535;
}

.headersection-2 a:hover{
    color:#0095d5
}

.header-full p{
    margin:0;
    line-height:100%;
}

.menu .catalog-block{
    background:#f5f5f5;
}

.cd-dropdown-trigger{
    font-size:14px;
    font-weight:700;
    line-height:60px;
}

.cd-dropdown-trigger:after, .cd-dropdown-trigger:before{
    background:#353535;
}

.cd-dropdown-trigger.dropdown-is-active:after, .cd-dropdown-trigger.dropdown-is-active:before, .no-touch .cd-dropdown-trigger:hover:after, .no-touch .cd-dropdown-trigger:hover:before{
    background:#fff;
}

a.cd-dropdown-trigger:active{
    color:#353535;
}

.headAccount{
    text-align:right;   
}

.headAccount p{
     font-weight:700;
}

.nCheckout{
    margin-left:40px;
}

.nLoggedIn{
    display:none;
}

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

.ex-loggedin .nLoggedIn{
    display:inline-block;
}

/* EvoX additions */
/* Change text for ATC button on configurable master products */

.tileparent .btn.is-master span {

display: none;

}

.tileparent .btn.is-master:before {

content: 'More Options'

}




@media only screen and (max-width : 991px) {
    .fc1, .fc2, .fc3, .fc4{
        width:46%;
    }
    .fc2, .fc3{
        order:1;
    }
    .footMain > .container > .nFlex{
        flex-wrap:wrap;
    }
    #htmlcontent_130134 > div, #htmlcontent_130133{
        display:none;
    }
    #htmlcontent_130135{
        width:60%;
    }
}

@media only screen and (max-width : 767px) {
    .fc1, .fc2, .fc3, .fc4{
        width:100%;
    }
    .footSocial > .nFlex{
        width:100%;
        justify-content:center;
    }
    .footSocial a.nFlex,  .footCont a{
        flex-direction:column;
        align-items:center;
        text-align:center;
        margin:0 10px;
    }
    .footCont a{
        margin:15px 0;
    }
    .footSocial img, .footCont img{
        margin:0 0 10px;
    }
    .footBot .nFlex{
        flex-direction:column;
    }
    .footBot p{
        margin:10px 0;
    }
}

@media only screen and (min-width : 768px) {
    .mobAccord ul{
        padding:0;
        margin:0;
        list-style:none;
    }
    .mobAccord li{
        padding:8px 0 8px 20px;
        margin:0;
        background:url('https://eu.evocdn.io/dealer/1391/content/media/My_Theme/ccs-foot-bullet.png')no-repeat scroll center left;
    }
    .mobAccord li:not(:last-of-type){
        border-bottom:2px dotted #747c9e;
    }
    .mobAccord a{
        background:url('https://eu.evocdn.io/dealer/1391/content/media/My_Theme/ccs-foot-arrow.png')no-repeat scroll center right 5px;
        transition:0.25s all;
        padding-right:25px;
        display:block;
    }
    .mobAccord a:hover{
        background:url('https://eu.evocdn.io/dealer/1391/content/media/My_Theme/ccs-foot-arrow.png')no-repeat scroll center right;
        transition:0.25s all;
    }
}

@media only screen and (min-width : 991px) {
  .fc2, .fc3{
        width:225px;
        max-width:100%;
    }
}


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

  .mobAccord .accordList h3 { cursor: pointer; margin:0 0 10px; background:#20333a; padding:20px;}
  .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;
  }
}

/* Removed header sticky */
body > header {
    position: inherit;
}

/* 2024 Redesign */
.splide__slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px;
  padding: 45px 15px;
}

.hero-slide .bg-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.hero-slide .text-center {
  max-width: 1100px;
}

.hero-slide h1, 
.hero-slide h2 {
  line-height: 55px;
  font-size: 4.5em;
  margin: 0;

  @media only screen and (max-width: 600px) {
    line-height: 40px;
    font-size: 3em;
  }
}

.hero-slide h1 {
  color: red;
  font-weight: 900;
}

.hero-slide h2 {
  color: white;
  font-weight: 500;
}

.hero-slide .m-top-n {
  margin: 50px 0 0;
}

.hero-slide .text-center img {
  max-width: 400px;

  @media only screen and (max-width: 600px) {
    max-width: 250px;
  }
}

.splide__pagination {
  bottom: 15px;
}

.splide__pagination__page {
  background-color: white !important;
  opacity: 1 !important;
  height: 10px !important;
  width: 10px !important;
  border-radius: 100vw !important;
  transition: 0.35s ease !important;
}

.splide__pagination__page.is-active {
  background-color: red !important;
  opacity: 1;
  transform: scale(1) !important;
  width: 25px;
}

.search_container section.search .search-form:hover .search-tooltip {
  visibility: visible;
  opacity: 1;
}

.search-tooltip {
  position: absolute;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 10px 20px;
  border-radius: 6px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: all .35s ease;
  top: calc(100%);
  font-size: .9em;
  pointer-events: none;
}

.no-search-results .bg-primary {
  background-color: #f4f4f4;
  border-radius: 25px;
  border: 1px solid #253775;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ex-loggedin .no-search-results .login {
  display: none;
}

.no-search-results .login {
  padding: 10px 25px;
  border-radius: 15px;
  background-color: #253775;
  color: white;
  margin-top: 25px;
  border: 1px solid #253775;
  transition: 0.35s ease;
}

.no-search-results .login:hover,
.no-search-results .login:focus {
  background-color: white;
  color: #253775;
}

/* ===== MH CCS McLays ===== */
#delivery-messages {
  position: fixed;
  top: 0;
  text-align: center;
  width: 100%;
  background-color: red;
  z-index: 900;
}

#delivery-messages p {
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 1rem;
}
@media only screen and (max-width: 500px){
body:has(#delivery-information) {
padding-top: 10px;
}
}

.delivery-wrapper {
  --bg-color: var(--evo-brand-default, #253775);
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
  gap: 10px;
}

.delivery-tile {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 2rem;
}
.tile-title {
  color: var(--bg-color);
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 700;
}

.delivery-tile > div {
  flex: 1;
}
.delivery-tile p {
  margin: 0;
}
.tile-day,
.full-grid-width {
  background-color: var(--bg-color);
  border-radius: 20px;
  height: 70px;
}
.tile-day {
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-by .tile-day {
  border-radius: 20px 0 0 20px;
  margin-right: 30px;
  position: relative;
}
.order-by .tile-day::after {
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 30px solid var(--bg-color);
}

#delivery-information-label {
  color: white;
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
}

#delivery-information .modal-header {
  background-color: red;
}

#delivery-information .close {
  right: -30px;
  top: 0;
}

#delivery-messages {
cursor: pointer;
}

div.delivery-tile:nth-child(7){
  background-color: orange;
  margin-top: 20px
}

@media only screen and (max-width: 768px){
  #delivery-information{
    max-width: 500px;
    margin: 0 auto;
  }
  #delivery-information .modal-body{
    padding: 18px 12px;
  }
  .tile-title {
    font-size: 0.8rem;
  }
  .delivery-tile{
    font-size: 1.0rem
  }
  .tile-day,
  .full-grid-width {
    height: 40px;
  }
  .order-by .tile-day::after {
      border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  }
  .delivery-wrapper {
    gap:5px
  }
}