@font-face { font-family: 'Ford Antenna Medium Cnd'; font-style: normal; font-weight: normal; src: local('Ford Antenna Medium Cnd'), url('/_fonts/ford-antenna-medium-cnd-587bd97171cbd.woff') format('woff'); }

/* = Theme
----------------------------------------------------------------------------------------------------------------- */
body { color: #444; font-family: 'Ford Antenna Medium Cnd'; background: #fff; font-size: 16px; }

#wrap { background-color: #fff; margin-bottom: 5px; max-width: 1440px; min-height: 50vh; padding-left: 0; padding-right: 0; width: 100%; }
#footerWrap { background: #fff; }

.templateTwo .zoneOne { float: left; margin-bottom: 0; margin-right: 8%; width: 32%; }
.templateTwo .zoneTwo { float: left; margin-bottom: 0; margin-right: 0; width: 60%; }
.templateTwo5050 .zoneOne { float: left; margin-right: 8%; width: 46%; }
.templateTwo5050 .zoneTwo { float: left; margin-right: 0; width: 46%; }

@media screen and (max-width: 1460px) {
    #wrap { padding-left: 35px; padding-right: 35px; }
}

@media screen and (max-width: 800px) {
    .templateTwo .zoneOne, .templateTwo .zoneTwo, .templateTwo5050 .zoneOne, .templateTwo5050 .zoneTwo { float: none; margin-right: 0; width: 100%; }
}

@media screen and (max-width: 600px) {
    #wrap { padding-left: 30px; padding-right: 30px; }
}

@media screen and (max-width: 480px) {
    #wrap { padding-left: 25px; padding-right: 25px; }
}

@media screen and (max-width: 360px) {
    #wrap { padding-left: 20px; padding-right: 20px; }
}

@media screen and (max-width: 340px) {
    #wrap { padding-left: 18px; padding-right: 18px; }
}

/* = Typography
-------------------------- */
h1, h2, h3, h4, h5, h6 { color: #2B2E31; font-weight: 400; text-transform: uppercase; }
h1, h2 { font-size: 32px; }
h3 { font-size: 20px; }
h4 { font-size: 19px; }
a { color: #005C87; }
a:hover { color: #005C87; text-decoration: underline; }
a.aspNetDisabled:hover { text-decoration: none; }
hr { border-top: 1px solid #ccc; }
.highlight { color: #c62f14; }
.marked { color: #fff; background: #c62f14; }
.meta { color: #666; }

blockquote { padding: 0; }
blockquote:before { display: none; }
blockquote p { color: #005C87; }
blockquote p span:before { display: none; }

.select:after, .select select { color: #2B2E31; }
.select select { height: 40px; }

#mainContent { margin-left: auto; margin-right: auto; max-width: 1100px; }
#mainContent p > a:not(.btn),
#mainContent .passwordReset { color: #005C87; }
#mainContent p > a:not(.btn):hover,
#mainContent .passwordReset:hover { text-decoration: underline; }

.accordion .content { padding-left: 16px; padding-right: 16px; }
.blocksContainer, .calloutContainer, .faqsContainer { max-width: 1440px; margin-left: auto; margin-right: auto; overflow: auto; padding-left: 0; padding-right: 0; padding-top: 35px; width: 100%; }
.blocksContainer { background-color: #D5D8DB; text-align: center; }
.blocksContainer section, .calloutContainer section, .faqsContainer section { margin-left: auto; margin-right: auto; max-width: 1100px; }
.blocksContainer ul { display: -ms-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; }
.blocksContainer ul li { background-color: #F3F3F3; display: -ms-flex; display: -webkit-flex; display: flex; margin: 0 4% 4% 0; padding: 20px; width: 22%; }
.blocksContainer ul li:nth-of-type(4n) { margin-right: 0; }
.blocksContainer ul li h4 { color: #005C87; }
.blocksContainer ul li p { font-size: 12px; }
.blocksContainer ul li img { height: 60px; }
.calloutContainer { padding-top: 0; }
.calloutContainer section { border: 1px solid #D5D8DB; margin-bottom: 35px; padding: 20px 35px 0; }
.calloutContainer > .cols { margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 1100px; }
.calloutContainer > .cols .col { border: 1px solid #D5D8DB; margin-bottom: 35px; padding: 20px 35px 0; }
.calloutContainer > .cols.colsHalf .col { margin-right: 2%; width: 49%; }
.calloutContainer > .cols.colsHalf .col.endCol { margin-right: 0; }
.colsFourTenths.verticallyCentred { margin-bottom: 0; position: relative; }
.colsFourTenths .col { float: left; width: 32%; }
.colsFourTenths.verticallyCentred .col { left: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.colsFourTenths .endCol { float: right; text-align: right; width: 60%; }
.colsFourTenths .endCol img { margin-bottom: 40px; }
.colsFourTenths.verticallyCentred .endCol { position: static; transform: none; }
.colsThreeFourths .col { float: left; margin-right: 4%; width: 73%; }
.colsThreeFourths .endCol { margin-right: 0; text-align: right; width: 23%; }
.faqsContainer { background-color: #E1E1E1; padding-bottom: 15px; }
.faqsContainer .leader { text-align: center; }
.faqsContainer ul { list-style: none; margin-left: 0; text-align: center; }
.faqsContainer ul li { display: inline-block; margin-right: 24px; }
.faqsContainer ul li:last-of-type { margin-right: 0; }
.leader { font-size: 20px; }


@media screen and (max-width: 1460px) {
    .blocksContainer, .calloutContainer, .faqsContainer { padding-left: 35px; padding-right: 35px; }
}

@media screen and (max-width: 1024px) {
    .colsFourTenths.verticallyCentred { padding: 20px 0; }
    .blocksContainer ul li { margin-right: 2%; width: 49%; }
    .blocksContainer ul li:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (max-width: 800px) {
    .colsFourTenths.verticallyCentred { padding: 0; }
    .calloutContainer > .cols.colsHalf .col, .colsFourTenths .col, .colsThreeFourths .col { float: none; margin-right: 0; width: 100%; }
    .colsFourTenths.verticallyCentred .col { position: static; transform: none; }
    .colsFourTenths .endCol, .colsThreeFourths .endCol { text-align: left; }
}

@media screen and (max-width: 600px) {
    .blocksContainer, .calloutContainer, .faqsContainer { padding-left: 30px; padding-right: 30px; }
    .blocksContainer ul li { margin-right: 0; width: 100%; }
    .blocksContainer ul li > div { width: 100%; }
    .faqsContainer .leader, .faqsContainer ul { display: none; }
}

@media screen and (max-width: 480px) {
    .blocksContainer, .calloutContainer, .faqsContainer { padding-left: 25px; padding-right: 25px; }
}

@media screen and (max-width: 360px) {
    .blocksContainer, .calloutContainer, .faqsContainer { padding-left: 20px; padding-right: 20px; }
}

@media screen and (max-width: 340px) {
    .blocksContainer, .calloutContainer, .faqsContainer { padding-left: 18px; padding-right: 18px; }
}

/* = Buttons
--------------------------- */
.btn { color: #2B2E31; border: 2px solid #FFDD00; background-color: #FFDD00; font-family: 'Ford Antenna Medium Cnd'; font-weight: 400; line-height: normal; text-transform: uppercase; }
.btnImpact { background-color: #F3F3F3; color: #2B2E31; }

.btn:hover { color: #F3F3F3; background-color: #2B2E31; border-color: #2B2E31; text-decoration: none; }
.btnAccent { border-color: #c62f14; background-color: #c62f14; }

.loginOptions .btn { background: transparent; border-color: #005C87; color: #005C87; font-size: 19px; padding: 5px 10px; line-height: 1; }
.loginOptions  > span { position: absolute;  top: 15px;  display: block; right: 30px; font-size: 10px;}
input.btn { font-weight: 400; }

.colRemove .btn:hover { background: url(/_img/remove.svg) no-repeat center center; }

.coCCBtn, .coChequeBtn, .coPaypalBtn { background: #fff; }
.coCCBtn:hover, .coChequeBtn:hover { background: #2B2E31; border-color: #2B2E31; color: #F3F3F3; }
.coCCBtn .btn, .coChequeBtn .btn, .coPaypalBtn .btn { background: none; }

.coCCBtn:before { color: #2B2E31; z-index: 2; }
.coChequeBtn:before { color: #2B2E31; z-index: 2; }

.coCCBtn:hover:before,
.coChequeBtn:hover:before { color: #F3F3F3; }

.hamburger span { background: #005C87; }
.hamburger span::before,
.hamburger span::after { background-color: #005C87; }

@media screen and (max-width: 800px) {
   
    .loginOptions { margin: 0 55px 0 20px; }
    .loginOptions  > span { display: none; }
    .hamburger {
        top: calc(50% - 13px);
    }
    .loginOptions .btn {  font-size: 17px;}
}

@media screen and (max-width: 600px) {
      .loginOptions { margin: 0 45px 0 20px; }
  .loginOptions .btn {  font-size: 15px;}
  
}


@media screen and (max-width: 340px) {
    .loginOptions { margin: 2px 33px 2px 0; }
    .loginOptions .btn { margin-left: 3px; }
}

/* = Lists
-------------------------- */
.paging ul li a { color: #fff; background: #c62f14; }
.paging ul li a:hover { background: #454545; }
.paging ul li a.on { background: #080808; }

/* = Tables
-------------------------- */
th { border: 1px solid #888; background: #888; }
.rowItemStandout td { background: #a1c897; }

/* = Screen Messages
-------------------------- */
.msgImp { color: #fff; background: #8ec3d9; }
.msgImp a { color: #fff; }
.msgError { color: #fff; background: #e84d54; }
.msgSuccess { color: #fff; background: #a1c897; }
.msgSuccess h3 { color: #fff; }
.msgSuccess a { color: #fff; }
.msgAssist { background-color: #fff0bc; }

/* = Tabs
--------------------------- */
.tabs ul li a { color: #222; }
.tabs ul li a:hover { color: #666; text-decoration: none; }
.tabs ul li a.on { color: #005C87; }
.tabs ul li a:hover:after { background: #666; }
.tabs ul li a:after { background: #fff; }
.tabs ul li a.on:after,
.tabs ul li a.on:hover:after { background: #005C87; }
.tabs .dropdownPrompt { background: #f7f7f7; border: 1px solid #ddd; color: #000; }
.tabs .dropdownPrompt:after { border-color: #444 transparent transparent transparent; }
.tabs .dropdown.showOptions { border: 1px solid #ddd; }
.tabs .dropdown.showOptions li a:hover { color: #c62f14; }
.tabs .dropdown.showOptions a.on,
.tabs .dropdown.showOptions a.on:hover { background-color: #c62f14; color: #fff; }

/* = Accordion
--------------------------- */
.accordion > h3 { color: #F3F3F3; background: #837C78; border: 1px solid #837C78; padding-right: 50px; position: relative; text-align: left; text-transform: none; }
.accordion > h3:after { background: url(/_img/icons/up-down-arrow.svg) bottom; content: ''; height: 12px; position: absolute; right: 16px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 18px; }
.accordion > h3:hover { background: #837C78; border: 1px solid #837C78; }
.accordion > h3.on { color: #F3F3F3; background: #837C78; }
.accordion > h3.on:after { background-position: top; }

/* = Forms
----------------------------*/
.select:after { border-color: #444 transparent transparent transparent; }

.formList label:before,
.checkbox:before,
.check:before { border: 1px solid #ddd; }

.radList label.checked:after,
.formListRadio label.checked:after { background: #005C87; top: 6px; }

.checkList label.checked:after,
.formList:not(.radList):not(.formListRadio) label.checked:after,
.checkbox.checked:after,
.check.checked:after { border: solid #005C87; border-width: 0 2px 2px 0; }

.subscriptionForm { background-color: #E1E1E1; padding: 54px 40px; }
.subscriptionForm .questTypeSectionText p { text-align: left; }
.subscriptionForm label { display: none; }
.subscriptionForm label.labelhide { display: block; float: none; width: 100%; }
.subscriptionForm input.text { border-color: #95989B; width: 100%; }
.subscriptionForm .submitBtn input { min-width: 200px; }

.webForm:last-of-type { margin-bottom: 30px; }

::placeholder { color: #95989B; opacity: 1; }

:-ms-input-placeholder { color: #95989B; }

::-ms-input-placeholder { color: #95989B; }

/* = Framework > Header items
------------------------------- */
.logo-actions-wrap { margin-left: auto; margin-right: auto; max-width: 1440px; }
/*Replace logo, and change height to match exact logo height*/
.logo > a { background: url(/_img/pe.svg) no-repeat 0 50%; background-size: contain; height: 120px; }

.geoSelect .geoSwitcher > span { color: #2B2E31; }

.miniBasket .item { color: #2B2E31; padding-left: 26px; }
.miniBasket .item:before { color: #000; left: 0; position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.miniBasket .btn { opacity: 0; margin-left: 0; color: #005C87; border-color: #005C87; background: none; }
.miniBasket .btn:before { background: #005C87; }
.miniBasket .btn:hover, .miniBasket .btn:focus, .miniBasket .btn:active { color: #F3F3F3; border-color: #005C87; }

.no-csstransforms3d .miniBasket .btn:hover,
.no-csstransforms3d .miniBasket .btn:focus,
.no-csstransforms3d .miniBasket .btn:active { background: #111; border-color: #111; }


.header-actions .headBanner  { display: flex;justify-content: flex-end; align-items: center;}

@media screen and (max-width: 1460px) {
    .logo-actions-wrap { padding-left: 35px; padding-right: 35px; }
}

@media screen and (max-width: 1024px) {
    .basket-geo-wrap {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .geoSwitcher {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
}

@media screen and (max-width: 900px) {
    .header-actions { width: 65%; }
    .logo { width: 35%; }
}


@media screen and (max-width: 800px) {
    .header-actions { width: 100%; }
    .header-actions .headBanner { left: 35px; right: 35px; width: auto;     justify-content: space-between; }

    .logo-actions-wrap { padding-bottom: 70px;}
    .logo { width: 100%; }
    .logo a { background-position: 50% 50%; margin: 0 auto; }

       .basket-geo-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        justify-content: center;
        background-color: rgba(0,0,0,0.1);
    }

    .miniBasket { height: auto;}
}

@media screen and (max-width: 620px) {
    .basket-geo-wrap .miniBasket { background: transparent; margin:0; }
}

@media screen and (max-width: 600px) {
    .header-actions .headBanner { top: calc(50% - 25px); min-height: 40px; left: 30px; right: 30px; justify-content: flex-end; }
    .logo-actions-wrap { padding-bottom: 34px; padding-left: 30px; padding-right: 30px; }
    .logo { margin:20px 0; width: 97px; }
    .logo > a { background-position: 0 50%; height: 40px; }
     .basket-geo-wrap { height: 34px;}
       .basket-geo-wrap .miniBasket  { font-size: 14px;}
       .miniBasket .item { padding-left: 24px;}
       .miniBasket .item:before {
        font-size: 15px;
       }
}

@media screen and (max-width: 480px) {
    .header-actions .headBanner { left: 25px; right: 25px; }
    .logo-actions-wrap { padding-left: 25px; padding-right: 25px; }
}

@media screen and (max-width: 360px) {
    .header-actions .headBanner { left: 20px; right: 20px; }
    .logo-actions-wrap { padding-left: 20px; padding-right: 20px; }
}

@media screen and (max-width: 340px) {
    .header-actions .headBanner { left: 18px; right: 18px; }
    .logo-actions-wrap { padding-left: 18px; padding-right: 18px; }
}

/* = Header
----------------------------- */
#head { background: #E1E1E1; }
.preheader { display:none; background: #2B2E31; height: 35px; }

@media screen and (max-width: 600px) {
    .preheader { display: none; }
}

/* = Footer
----------------------------- */
#footer { background: #2B2E31; border-top: none; margin: 0 auto; margin-top: 0; max-width: 1440px; padding: 50px 0; }
#footer .footerMenu { margin-left: auto; margin-right: auto; max-width: 1100px; }
#footer .backToTop { display: none; }
#footer .footerMenu .logo { position: relative; width: 100%; }
#footer .footerMenu .logo > a { background-image: url(/_img/ftr-logo-conm.png); height: 60px; }
#footer .footerMenu ul.social { position: absolute; right: 0; text-align: right; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#footer .footerMenu ul.social li a { display: inline-block; height: 38px; margin-left: 20px; width: 38px; }
#footer .footerMenu ul.social li a.twitter { background: url(/_img/icons/social-icons.svg) no-repeat -304px -334px; margin-left: 0; }
#footer .footerMenu ul.social li a.linkedin { background: url(/_img/icons/social-icons.svg) no-repeat -389px 0; }
#footer .footerMenu ul.social li a.facebook { background: url(/_img/icons/social-icons.svg) no-repeat -244px -272px; }
#footer .footerMenu ul.social li a.youtube { background: url(/_img/icons/social-icons.svg) no-repeat -228px -334px; }
#footer .footerMenu ul.social li a.instagram { background: url(/_img/icons/social-icons.svg) no-repeat -389px -76px; }
#footer .footerMenu ul:not(.social) li { background: url(/_img/icons/list.bullet-style1.png) no-repeat 0 8px; margin-right: 2%; padding-left: 14px; width: 32%; float: left; }
#footer .footerMenu ul:not(.social) li:nth-of-type(3n) { margin-right: 0; }
#footer .footerMenu ul li:after { display: none; }
#footer .footerMenu ul:not(.social) li a { color: #F3F3F3; font-size: 18px; }
#footer .footerMenu ul:not(.social) li.liOn a { color: #FFDD00; }
#footer .footerMenu .copyright p { color: #F3F3F3; font-size: 12px; }
#footer .footerMenu ul { overflow: hidden; }

@media screen and (max-width: 1460px) {
    #footer { padding-left: 35px; padding-right: 35px; }
}

@media screen and (max-width: 800px) {
    #footer .footerMenu .logo { margin-top: 0; }
    #footer .footerMenu .logo > a { background-position: 0 50%; margin-left: 0; }
    #footer .footerMenu ul.social { padding-right: 0; }
    #footer .footerMenu ul.social li { display: inline-block; }
    #footer .footerMenu ul:not(.social) li { margin-right: 0; width: 100%; }
}

@media screen and (max-width: 600px) {
    #footer { padding: 30px; }
    #footer .footerMenu .logo > a { margin-bottom: 20px; }
    #footer .footerMenu ul.social { position: static; text-align: left; transform: none; }
    #footer .footerMenu ul.social li a { margin-left: 10px; }
}

@media screen and (max-width: 480px) {
    #footer { padding-left: 25px; padding-right: 25px; }
}

@media screen and (max-width: 360px) {
    #footer { padding-left: 20px; padding-right: 20px; }
}

@media screen and (max-width: 340px) {
    #footer { padding-left: 18px; padding-right: 18px; }
}

/* = Popup message
---------------------------- */
.registerLightbox { cursor: pointer; }
#popup .ClosePopup { background: #FFDD00; }
#popup .ClosePopup:before { color: #444; }
#popup .ClosePopup:hover { background: #2B2E31; }
#popup .ClosePopup:hover:before { color: #F3F3F3; text-decoration: none; }
#popup .changeRegionWrap > div { margin-left: 110px; }

/* = Menu
---------------------------- */
#nav { background: #FFDD00; }
#nav ul { margin-left: auto; margin-right: auto; max-width: 1100px; }
#nav ul li a { color: #444; font-size: 20px; font-weight: 400; line-height: normal; text-transform: uppercase; }
#nav ul li.liOn a { background: #2B2E31; color: #F3F3F3; }
#nav ul li a:hover { background: #2B2E31; color: #F3F3F3; text-decoration: none; }
.shopHotline { color: #005C87; font-size: 19px; text-transform: uppercase; }
/* .shopHotline .custServiceLabel { display: none; } */

@media screen and (max-width: 1024px) and (min-width: 601px) {
    .shopHotline .custServiceLabel { display: none; }
}

@media screen and (max-width: 800px) {
     .main-nav-wrap { background: #2B2E31; top: 0; }
    #nav { background: none; }
    #nav ul li { border-bottom: 1px solid #444; }
    #nav ul li a { color: #F3F3F3; }
}

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

    .shopHotline { background: #2B2E31; color: #F3F3F3; font-size: 12px; }
    .shopHotline a { color: #F3F3F3; }
}

@media screen and (max-width: 340px) {
    #nav { background: none; }
}

/* =  Menu > submenu
-------------------------------- */
#subNav { background: #2B2E31; }
#subNav ul { margin-left: auto; margin-right: auto; max-width: 1100px; }
#subNav ul li a { color: #F3F3F3; }

.submenuTrigger { color: #fff; background: #656565; }
.submenuTrigger .hamburger span { background: #fff; }
.submenuTrigger .hamburger span:before, .submenuTrigger .hamburger span:after { background-color: #fff; }
.submenuTrigger .hamburger.is-active span { background: none; }

@media screen and (max-width: 800px) {
    #subNav { background: #f5f5f5; }
    #subNav ul li a { color: #c62f14; }

    .submenuTrigger .hamburger { right:15px; scale: 0.75; }
}

/* = Product list
--------------------------------*/
#subscriptions .productList ul { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; }
#subscriptions .productList.productListLite ul { justify-content: center; }
#subscriptions .productList ul li { border: 1px solid #D5D8DB; margin-bottom: 35px; margin-top: 95px; padding: 20px; padding-bottom: 133px; position: relative; }
#subscriptions .productList.productListLite ul li { margin-top: 35px; padding: 0; }
#subscriptions .productList:not(.productListLite) ul li:nth-of-type(3n-1), #subscriptions .productList.productListLite ul li { border: 6px solid #D5D8DB; position: relative; }
#subscriptions .productList:not(.productListLite) ul li:nth-of-type(3n-1):before { background-color: #D5D8DB; color: #444; content: 'Best offer'; left: -6px; font-size: 22px; padding: 18px 0; position: absolute; right: -6px; text-align: center; text-transform: uppercase; top: -60px; }
#subscriptions .productList.productListLiteFocus1 ul li:first-child
,#subscriptions .productList.productListLiteFocus2 ul li:nth-child(2) { border-color: #c62f14; }
#subscriptions .productList.productListLite ul li > h4 { background: #D5D8DB; font-size: 22px; margin-bottom: 0; padding: 18px 0; text-align: center; }
#subscriptions .productList.productListLiteFocus1 ul li:first-child > h4
,#subscriptions .productList.productListLiteFocus2 ul li:nth-child(2) > h4 { background: #c62f14; color: #fff; }
#subscriptions .productList ul li header
,#subscriptions .productList ul li footer { display: block; text-align: center; width: 100%; }
#subscriptions .productList.productListLite ul li header
,#subscriptions .productList.productListLite ul li footer { padding: 20px; }
#subscriptions .productList.productListLite ul li header { padding-bottom: 0; }
#subscriptions .productList.productListLite ul li footer { padding-bottom: 133px; padding-top: 0; }
#subscriptions .productList ul li header img { height: 105px; margin-bottom: 18px; max-width: none; }
#subscriptions .productList ul li header h4
,#subscriptions .productList ul li footer .price { color: #005C87; font-size: 22px; text-transform: uppercase; }
#subscriptions .productList ul li footer .price { bottom: 49px; min-width: 220px; position: absolute; right: 50%; -ms-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); }
#subscriptions .productList ul li footer .btn { position: absolute; bottom: 10px; min-width: 180px; right: 50%; -ms-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); }

#subscriptions .productListFourWide ul li { width: 23.5%; }
#subscriptions .productListFourWide:not(.productListLite) ul li:nth-of-type(3n-1) { border: 1px solid #D5D8DB; position: static; }
#subscriptions .productListFourWide:not(.productListLite) ul li:nth-of-type(3n-1):before { display: none; }
#subscriptions .productListFourWide:not(.productListLite) ul li:nth-of-type(4n-2) { border: 6px solid #D5D8DB; position: relative; }
#subscriptions .productListFourWide:not(.productListLite) ul li:nth-of-type(4n-2):before { background-color: #D5D8DB; color: #444; content: 'Best offer'; display: block; left: -6px; font-size: 22px; padding: 18px 0; position: absolute; right: -6px; text-align: center; text-transform: uppercase; top: -60px; }
#subscriptions .productListFourWide ul li header img { height: 95px; }

@media screen and (max-width: 1260px) {
    #subscriptions .productListFourWide ul li { margin-top: 0; width: 49%; }
    #subscriptions .productListFourWide:not(.productListLite) ul li:nth-of-type(1), #subscriptions .productListFourWide:not(.productListLite) ul li:nth-of-type(2) { margin-top: 95px; }
    #subscriptions .productListFourWide ul li:nth-of-type(4n+4) { margin-right: 2%; }
    #subscriptions .productListFourWide ul li:nth-of-type(2n+2) { margin-right: 0; }
    #subscriptions .productListFourWide ul li header img { height: 105px; }
}

@media screen and (max-width: 1024px) {
    #subscriptions .productList ul li { margin-bottom: 0; margin-right: 0; margin-top: 35px; width: 100%; }
    #subscriptions .productList:not(.productListLite) ul li:nth-of-type(3n-1), #subscriptions .productListFourWide:not(.productListLite) ul li:nth-of-type(4n-2) { margin-top: 90px; }
    #subscriptions .productListFourWide:not(.productListLite) ul li:nth-of-type(3n-1) { margin-top: 35px; }
    #subscriptions .productList:not(.productListLite) ul li:first-child, #subscriptions .productList.productListLite ul li:first-child { margin-top: 0; }
    #subscriptions .productList ul li:last-of-type { margin-bottom: 35px; }

    #subscriptions .productList:not(.productListLite).middlePriority ul li:first-child, #subscriptions .productList.productListLite.middlePriority ul li:first-child { margin-top: 35px; }
    #subscriptions .productList.middlePriority ul li { order: 1; }
    #subscriptions .productList.middlePriority ul li:nth-child(2) { order: 0; margin-top: 55px; }
}

/* = Checkout proccess
----------------------------------------------------------------------------------------------------------------- */
.checkoutProgress li { display: inline-block; margin-bottom: 15px; }
.checkoutProgress li a { background: #FFDD00; color: #2B2E31; text-transform: none; }
.checkoutProgress li a:after { border-color: transparent transparent transparent #FFDD00; }
.checkoutProgress li a:hover:after { border-color: transparent transparent transparent #111; }
.checkoutProgress li a.btnDisabled:hover { background: #2B2E31; color: #F3F3F3; }
.checkoutProgress li a.btnDisabled:hover:after { border-color: transparent transparent transparent #2B2E31; }

.checkoutProgress .progressActive a,
.checkoutProgress .progressComplete a { background: #2B2E31; color: #F3F3F3; }

.checkoutProgress .progressActive a:after,
.checkoutProgress .progressComplete a:after { border-color: transparent transparent transparent #2B2E31; }

.checkoutProgress .progressActive a:hover:after,
.checkoutProgress .progressComplete a:hover:after { border-color: transparent transparent transparent #2B2E31; }

@media screen and (max-width: 900px) {
    .checkoutProgress li { display: none; margin-bottom: 0; }
    .checkoutProgress .progressActive:first-child a:after { border-color: #2B2E31; }

    .checkoutProgress li.progressComplete:first-child a:after,
    .checkoutProgress li.progressComplete:first-child a:hover:after { border-color: transparent #2B2E31 transparent transparent; }
}

/* = Checkout page
----------------------------------------------------------------------------------------------------------------- */
/* .pcSearchButtons label { display: none; } */
.coDiscount .coDiscountInner .webForm > div:first-child { width: calc(100% - 162px); }

/* = Cookie
----------------------------------------------------------------------------------------------------------------- */
.cookie { color: #fff; }
.cookie .container { background: #444; }
.cookie p a { color: #fff; }

.cookie-notice { background: #dde0e6; bottom: 0; display: none; left: 0; position: fixed; right: 0; z-index: 9999; }
.cookie-notice-inner { display: table; margin: 0 auto; max-width: 1200px; position: relative; }
.cookie-info { display: table-cell; padding: 30px 35px; vertical-align: middle; }
.cookie-notice .cookie-info p:first-child { margin-bottom: 8px; }
.cookie-notice p:last-child { margin-bottom: 0; }
.cookie-notice .cookie-info .cookie-links a:first-of-type { margin-left: 0; }
.cookie-notice .cookie-info .cookie-links a { display: inline-block; margin: 0 10px; }
.cookie-notice .cookie-info a { color: #005C87; text-decoration: underline; }
.cookie-notice .cookie-info .cookie-links a:last-of-type { margin-right: 0; }
.cookie-notice .cookie-info .cookie-reject { display: none; }
.cookie-notice .cookie-button { background: #dde0e6; display: table-cell; min-width: 295px; padding: 30px 35px; text-align: center; vertical-align: middle; }
.cookie-notice .cookie-button .btn { border: 1px solid #FFDD00; background: #FFDD00; color: #2B2E31; font-size: 16px; margin-bottom: 0; padding: 12px 16px 12px 56px; position: relative; }
.cookie-notice .cookie-button .btn:before { background: #FFDD00 url(/_img/icons/cookie-check.svg) no-repeat 50% 50%; content: ''; bottom: 0; color: #fff; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: background .3s ease, border-color .3s ease, color .3s ease; transition: background .3s ease, border-color .3s ease, color .3s ease; width: 50px; }
.cookie-notice .cookie-button .btn:hover { background: #2B2E31; border-color: #2B2E31; color: #F3F3F3; }
.cookie-notice .cookie-button .btn:hover:before { background: #2B2E31 url(/_img/icons/cookie-check-white.svg) no-repeat 50% 50%; }

@media screen and (max-width: 768px) {
    .cookie-info, .cookie-notice .cookie-button { display: block; }
    .cookie-notice .cookie-button { padding-top: 5px; text-align: left; }
}

.tick { padding: 0 0 0 20px; background: url(/_img/tick.gif) no-repeat left center; }




/* PROMO box override */
.prodStockPromo {   display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center;  -ms-flex-align: center; align-items: center; }
.prodStockPromo .prodStockPromoForm { margin: 0 0 0 10px; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.prodStockPromo .prodStockPromoForm > div { display: -ms-flexbox; display: -webkit-flex; display: flex; } 
.prodStockPromo .prodStockPromoForm input { max-width: 200px; height: auto;}
@media screen and (max-width: 1080px) {
    .prodView .prodStockPromo  .prodStockPromoForm {margin: 0 0 0 10px;   max-width: 300px; }
    .prodView .prodStockPromo .prodStockPromoForm input[type=text] { width:auto;  min-width: 0; }
}
@media screen and (max-width: 940px) {
    .prodView .prodStockPromo .prodStockPromoForm {  max-width: 250px; }
  }
@media screen and (max-width: 850px) {
.prodStockPromo {  display: block; }
.prodView .prodStockPromo .prodStockPromoForm { display: block;  margin: 10px 0 0; max-width: 300px;}
}