/* Content Managed Pages - STYLESHEET DESKTOP */

/* Generic Styling */
#SiteContainerInner{display: none;}
.cmpImgM{display: none;}

/* Price Match Promise CMP */

.pmpContainerYellow{background-color: #ffed00;}
.pmpOrderingEasyYellow{background-color: #ffed00 !important;}
.pmpPricesCheckedContainer{background-color: #fff;}
.pmpContainerYellow .pmpWrapper{width: 80%; padding: 5rem; display: flex; flex-direction: column; justify-content: center; margin: 0 auto;}
.pmpContainerYellow .pmpIntro{}
.pmpContainerYellow .pmpIntroTextContainer{width: 820px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.pmpContainerYellow .pmpIntro h1{font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 130px; text-transform: uppercase; color: #212121; padding: 0; margin: 0; line-height: 7.3rem;}
.pmpContainerYellow .pmpIntro h2, .pmpBrandsTextContainer h2{font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 40px; text-transform: uppercase; color: #212121;}
.pmpContainerYellow .pmpIntro p, .pmpBrandsTextContainer p{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; margin-bottom: 30px; width: 100%;}
.pmpContainerYellow .pmpIntro a, .pmpBrandsTextContainer a{background-color: #de0029; color: #fff; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; border-radius: 40px; font-size: 25px; padding: 20px 80px; text-transform: uppercase;}
.pmpContainerYellow .pmpIntro img{width: 90%; height: 90%; margin: -8% auto 0 auto;}


.pmpBlankspace{width: 100%; background: #fff; height: 150px; margin-top: -15%;}



.pmpContainerWhite{background-color: #fff;}
.pmpContainerWhite .pmpWrapper{width: 80%; padding: 0rem 5rem 2rem 5rem; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; margin-top: -5%;}
.pmpContainerWhite .pmp3col{display: flex; justify-content: center; align-items: center;}
.pmpContainerWhite .pmp3col .pmpflexCol{width: 33.333%; padding:1.5rem; text-align:center;}
.pmpContainerWhite .pmp3col .pmpflexCol h2, .pmpContainerWhite .pmp2col .pmpflexCol h2{text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 30px; text-transform: uppercase; color: #212121;}
.pmpContainerWhite .pmp3col .pmpflexCol p, .pmpContainerWhite .pmp2col .pmpflexCol p{text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 15px;}

.pmpContainerWhite .pmp2col{display: flex; justify-content: center; align-items: center;}
.pmpContainerWhite .pmp2col .pmpflexCol{width: 50%; padding:1.5rem; text-align:center;}

.pmpContainerYellow .pmpBigBrands{padding: 2rem 5rem 2rem 5rem;}
.pmpBrandsTextContainer.pmp2col{display: flex; justify-content: center; align-items: center;}
.pmpBrandsTextContainer.pmp2col .pmpflexCol{width: 100%; padding:1.5rem; text-align:center; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.pmpBrandsTextContainer.pmp2col .pmpflexCol:first-of-type{display: flex; flex-direction: column;}
.pmpBrandsTextContainer.pmp2col .pmpflexCol:last-of-type{padding: 0}
.pmpBrandsTextContainer.pmp2col .pmpflexCol img{width: 100%; height: 100%; margin-top: -10%;}

.pmpContainerYellow .pmp1Col .pmpflexCol{text-align: center;}
.pmpContainerYellow .pmp1Col .pmpflexCol img{margin: 3rem 0;}


.pmpContainerWhite .pmpWarranty{margin-top: 0px; padding: 5rem;}
.pmpContainerWhite .pmpWarranty .pmp1Col{display: flex; flex-direction: column; justify-content: center; align-items:  center;}
.pmpContainerWhite .pmpWarranty .pmp1Col .pmpflexCol{text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.pmpContainerWhite .pmpWarranty .pmp1Col .pmpflexCol h2, .pmpContainerWhite .pmpWarranty .pmp1Col .pmpflexCol h3{text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 40px; text-transform: uppercase; color: #212121;}
.pmpContainerWhite .pmpWarranty .pmp1Col .pmpflexCol h3{font-size: 20px;}
.pmpContainerWhite .pmpWarranty .pmp1Col .pmpflexCol p{width: 85%; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; margin: 20px 0px 30px 0px;}
.pmpContainerWhite .pmpWarranty .pmp1Col .pmpflexCol a{text-align: center; background-color: #de0029; color: #fff; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; border-radius: 40px; font-size: 25px; padding: 20px 80px; text-transform: uppercase;}


.pmpNewPricePromise .pmpBrandsTextContainer img{margin-top: 0 !important;}

.pmpContainerWhite .pmpOrderingEasy{margin-top: 0px; padding: 2.5rem 0;}
.pmpContainerWhite .pmpOrderingEasy .pmp2col{}
.pmpContainerWhite .pmpOrderingEasy .pmp2col .pmpflexColLeft{width: 75%;}
.pmpContainerWhite .pmpOrderingEasy .pmp2col .pmpflexColLeft .pmpOrderingEasyTop{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.pmpContainerWhite .pmpOrderingEasy .pmp2col .pmpflexColLeft .pmpOrderingEasyTop h2{text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 60px; text-transform: uppercase; color: #212121;}
.pmpContainerWhite .pmpOrderingEasy .pmp2col .pmpflexColLeft .pmpOrderingEasyTop p{width: 85%; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; margin: 20px 0px 30px 0px;}
.pmpContainerWhite .pmpOrderingEasy .pmp2col .pmpflexColRight{width: 25%;}
.pmpContainerWhite .pmpOrderingEasy .pmp2col .pmpflexColRight img{width: 100%; margin-top: -15%;}
.pmpOrderingEasyBottomLeft, .pmpOrderingEasyBottomright{display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: relative;  min-height: 200px;}
.pmpOrderingEasyBottomLeft h3, .pmpOrderingEasyBottomright h3{text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 20px; text-transform: uppercase;}
.pmpOrderingEasyBottomLeft span, .pmpOrderingEasyBottomright span{text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 25px; text-transform: uppercase; color: #de0029;}
.pmpOrderingEasyBottomLeft p, .pmpOrderingEasyBottomright p{text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px;}
.pmpOrderingEasyBottomLeft a, .pmpOrderingEasyBottomright a{background-color: #de0029; color: #fff; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; border-radius: 40px; font-size: 25px; padding: 10px 30px; text-transform: uppercase; position: absolute; bottom: 0;}

/* IE ONLY STYLING */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .pmp2col.pmpBrandsTextContainer{height: 500px;}
   .pmp2col.pmpBrandsTextContainer .pmpflexCol img{margin-top: 0px;}
   .pmpContainerWhite .pmpWarranty .pmp1Col .pmpflexCol p{width: 990px;}
   .pmpContainerWhite .pmp2col{height: 300px;}
   .pmpContainerYellow .pmpIntro h2, .pmpBrandsTextContainer h2{width: 100%; font-size: 40px;}
   .pmpOrderingEasyBottomLeft, .pmpOrderingEasyBottomright{justify-content: flex-start; align-items: flex-start;}
   .pmpContainerWhite .pmp3col .pmpflexCol h2, .pmpContainerWhite .pmp2col .pmpflexCol h2{font-size: 30px;}
   .pmpOrderingEasyYellow .pmp2col{height: 429px;}
   .pmpOrderingEasyBottomLeft h3, .pmpOrderingEasyBottomLeft span, .pmpOrderingEasyBottomLeft p, .pmpOrderingEasyBottomLeft a {margin: 0 auto;}
   .pmpOrderingEasyBottomright h3, .pmpOrderingEasyBottomright span, .pmpOrderingEasyBottomright p, .pmpOrderingEasyBottomright a{margin: 0 auto;}
   .pmpOrderingEasyBottomLeft a, .pmpOrderingEasyBottomright a{position: relative;}
   .pmpOrderingEasyBottomLeft p:last-of-type, .pmpOrderingEasyBottomright p:last-of-type{margin-bottom: 20px;}
}

/* Media Queries */
@media only screen and (max-width: 1400px) {
  .pmpContainerYellow .pmpWrapper{width: 100%;}
  .pmpContainerYellow .pmpIntro img{width: 100%; height: 100%; margin: -10% -10% 0 auto;}
  .pmpContainerWhite .pmpWrapper{padding: 0px;}
  .pmpBlankspace{margin-top: -20%;}
  .pmpContainerWhite .pmp2col{margin-bottom: 1rem;}
  .pmpContainerYellow .pmpBigBrands{padding: 1.5rem;}
  .pmpBrandsTextContainer.pmp2col .pmpflexCol img{margin-top: 0;}
  .pmpContainerWhite .pmpWrapper{width: 100%; padding: 1.5rem;}
  .pmpContainerYellow .pmp1Col .pmpflexCol img{width: 100%;}
}

@media only screen and (max-width: 1024px){
  .pmpContainerYellow .pmpIntro img{margin: -5% 0 0 auto;}
  .pmpContainerYellow .pmpIntro h2, .pmpBrandsTextContainer h2{font-size: 40px;}
  .pmpContainerWhite .pmp3col .pmpflexCol h2, .pmpContainerWhite .pmp2col .pmpflexCol h2{font-size: 30px;}
  .pmpContainerYellow .pmpWrapper{padding: 1.5rem;}
  .pmpContainerYellow .pmpIntro p, .pmpBrandsTextContainer p{font-size: 16px;}
  .pmpContainerYellow .pmpIntro a, .pmpBrandsTextContainer a{font-size: 18px;}
  .pmpContainerYellow .pmpIntroTextContainer{width: 100%;}
  .pmpContainerYellow .pmpIntro h1{width: 100%; font-size: 90px;}
  .pmpContainerWhite .pmpOrderingEasy .pmp2col .pmpflexColRight img{margin: 0;}
  .pmpContainerWhite .pmpOrderingEasy .pmp2col .pmpflexColLeft .pmpOrderingEasyTop h2{font-size: 40px;}
}

@media only screen and (max-width: 768px){
  .pmpContainerYellow .pmpIntro h1{text-align: center;}
  .pmpContainerYellow .pmpIntro img{margin: -5% auto 0 auto;}
  .pmpContainerWhite .pmp3col{flex-direction: column;}
  .pmpContainerWhite .pmp2col{flex-direction: column;}
  .pmpContainerWhite .pmp3col .pmpflexCol, .pmpContainerWhite .pmp2col .pmpflexCol{width: 100%;}
  .pmpBrandsTextContainer.pmp2col{flex-direction: column-reverse;}
  .pmpBrandsTextContainer.pmp2col .pmpflexCol{width: 100%;}
  .pmpPricesCheckedContainer .pmpBigBrands .pmpBrandsTextContainer{flex-direction: column;}
  .pmpBrandsTextContainer.pmp2col .pmpflexCol{padding: 0;}
  .pmpContainerYellow .pmpIntro h2, .pmpBrandsTextContainer h2{width: 100%; text-align: center;}
  .pmpContainerYellow .pmpIntro p, .pmpBrandsTextContainer p{text-align: center;}
  .pmpContainerYellow .pmpIntro a, .pmpBrandsTextContainer a{margin: 0 auto;}
  .pmpOrderingEasyBottomLeft a, .pmpOrderingEasyBottomright a{font-size: 20px; position: relative; margin-bottom: 40px;}
  .pmpOrderingEasyBottom{display: flex; flex-direction: column;}
  .pmpOrderingEasyBottomLeft, .pmpOrderingEasyBottomright{width: 100%;}
  .pmpOrderingEasyBottomLeft p:last-of-type, .pmpOrderingEasyBottomright p:last-of-type{margin-bottom: 15px;}
  .pmpContainerWhite .pmpOrderingEasy .pmp2col .pmpflexColLeft{width: 100%;}
  .pmpContainerWhite .pmpOrderingEasy .pmp2col .pmpflexColRight{width: 50%;}
}





/* PRICE GUARANTEE CMP */
.pgContainerYTop{background-color: #ffed00;}
.pgContainerTopWrapper{width: 990px; display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 1.5rem;}
.pgContainerTopLeft{width: 25%;}
.pgContainerTopLeft img{width: 100%;}
.pgContainerTopright{width: 75%;}
.pgContainerTopright h1{text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 80px; text-transform: uppercase; color: #212121; padding: 0; margin: 0; }
.pgContainerTopright h2{text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 40px;  color: #212121; padding: 0; margin: 0; }

.pgTopImg{width: 100%; display: flex; flex-direction: column;}
.pgTopImg img{width: 100%; height: 100%;}

.pgOurPromise{background: #fff; padding: 1.5rem;}
.pgOurPromiseWrapper{width: 990px; margin: 0 auto;}
.pgOurPromiseFlexCol{display: flex; flex-direction: column;}
.pgOurPromiseFlexCol h2{text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 60px; text-transform: uppercase; color: #212121;}
.pgOurPromiseFlexCol p{width: 100%; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; margin: 20px auto;}
.pgOurPromiseFlexCol a{text-align: center; background-color: #de0029; color: #fff; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; border-radius: 40px; font-size: 25px; padding: 20px 80px; text-transform: uppercase; width: 40%; margin: 0 auto;}

.pgYouNeed{background-color: #ffed00;}
.pgYouNeedWrapper{width: 100%; padding: 0 1.5rem;}
.pgYouNeedFlexRow{display: flex; justify-content: center; align-items: center;}
.pgYouNeedLeft{width: 50%;}
.pgYouNeedLeft h2{text-align: left; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 60px; text-transform: uppercase; color: #212121;}
.pgYouNeedLeft ul{}
.pgYouNeedLeft li{text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; list-style: disc; list-style-position: inside;}
.pgYouNeedLeft li a{text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 25px; list-style: disc; list-style-position: inside; color: #de0029;}
.pgYouNeedLeft p{width: 100%; text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; margin: 20px auto;}
.pgYouNeedRight img{margin-top: -5%;}

.pgImportantBits{background-color: #fff;}
.pgImportantBitsWrapper{width: 100%; padding: 0 1.5rem;}
.pgImportantBitsFlexRow{display: flex; justify-content: center; align-items: center;}
.pgImportantBitsRight{width: 50%;}
.pgImportantBitsRight h2{text-align: left; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 60px; text-transform: uppercase; color: #212121;}
.pgImportantBitsRight ul{}
.pgImportantBitsRight li{text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; list-style: disc;}
.pgImportantBitsRight li span{text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 25px; list-style: disc; list-style-position: inside; color: #de0029;}
.pgImportantBitsRight p{width: 100%; text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; margin: 20px auto;}
.pgImportantBitsLeft{width: 50%; padding: 1.5rem;}
.pgImportantBitsLeft img{margin-top: -5%; width: 100%;}

.pgOrdering2Col{display: flex; justify-content: center;}


.pgOrdering{background: #ffed00; padding: 1.5rem;}
.pgOrderingWrapper{width: 990px; margin: 0 auto;}
.pgOrderingFlexCol{display: flex; flex-direction: column;}
.pgOrderingFlexCol h2{text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 60px; text-transform: uppercase; color: #212121;}
.pgOrderingFlexCol p{width: 100%; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; margin: 20px auto;}

.pgOrdering2Col h3{text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 20px; text-transform: uppercase;}
.pgOrdering2Col h4{text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 25px; text-transform: uppercase; color: #de0029;}
.pgOrdering2Col p{text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; margin: 0 auto;}
.pgOrdering2Col > div{text-align: center; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}

.pgOrderingBtn{text-align: center; background-color: #de0029; color: #fff; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; border-radius: 40px; font-size: 14px; padding: 20px 40px; text-transform: uppercase; width: 40%; margin: 0 auto;}

.pgOrdering2ColLeft > div, .pgOrdering2ColRight > div{display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto;}
.pgOrderingNumber{ text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 25px; text-transform: uppercase; color: #de0029;}

.pgOrderingNumber a{ text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 25px; text-transform: uppercase; color: #de0029;}

.ryobiLawnInner{max-height: 850px; position: relative;}
.lawnInnerText{position: absolute; top: 25%; width: 100%; padding: 0;}
.pgOrdering2ColLeft > div, .pgOrdering2ColRight > div{margin-bottom: 20px;}


/* SAFARI ONLY STYLING */
@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */
  .pgOurPromiseFlexCol a{padding: 30px 10px; width: 50%;}
  .pgOrdering2ColLeft > div, .pgOrdering2ColRight > div{margin-bottom: 20px;}
  .pgOrderingBtn{width: 50%; font-size: 20px;}
}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
    .pgOrdering2ColLeft h4, .pgOrdering2ColRight h4, .pgOrderingNumber{ text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 25px; text-transform: uppercase; color: #de0029;}
    .pgOrderingNumber a{ text-align: center; font-family: futura-pt, sans-serif; font-weight: 800; font-style: normal; font-size: 25px; text-transform: uppercase; color: #de0029;}
}}

/* IE ONLY STYLING */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .pgOrdering2Col > div{align-items: flex-start; width: 50%;}
  .pgOrdering2Col h3, .pgOrdering2Col span, .pgOrdering2Col p{width: 100%;}
  .pgOrderingFlexCol a{width: 50%; margin: 0 auto;left: 20%; padding: 20px 40px;}
  .lawnInnerText{left: 0 !important;}
}

/* Media Queries */
@media only screen and (max-width: 1400px) {
.pgYouNeedLeft h2, .pgImportantBitsRight h2, .pgOrderingFlexCol h2, .pgOurPromiseFlexCol h2{font-size: 50px;}
}

@media only screen and (max-width: 1024px){
 .pgYouNeedRight img{width: 100%;}
 .pgImportantBitsWrapper{padding: 1.5rem;}
 .pgYouNeedLeft h2, .pgImportantBitsRight h2, .pgOrderingFlexCol h2, .pgOurPromiseFlexCol h2{font-size: 35px;}
 .pgYouNeedRight img{margin-top: 0}
 .pgOurPromiseWrapper{width: 100%;}
 .pgOrderingWrapper{width: 100%;}
}

@media only screen and (max-width: 768px){
.pgContainerTopWrapper{width: 100%;}
.pgContainerTopright h1{font-size: 60px;}
.pgContainerTopright h2{font-size: 30px;}
.pgOurPromiseFlexCol a{padding: 20px 0px; width: 100%;}
.pgYouNeedFlexRow{flex-direction: column;}
.pgYouNeedLeft{width: 100%;  padding: 1.5rem 0;}
.pgImportantBitsFlexRow{flex-direction: column;}
.pgImportantBitsLeft, .pgImportantBitsRight{width: 100%;}
.pgOrderingWrapper{width: 100%;}
.pgOrdering2Col{flex-direction: column; display: flex; justify-content: center; align-items: center;}
.pgOrdering2Col p{font-size: 18px;}
.pgOrderingFlexCol a{position: relative; width: 75%; padding: 20px 40px; margin: 10px auto 50px auto;}
.pgOrdering2Col h3{font-size: 30px;}
.pgOrderingWrapper{width: 100%;}
}





/*Staff Report an Issue Page */
.reportIssueContainer{display: flex; flex-direction: column; padding: 20px 0px; background: #fee420;}
.reportIssueContainer > img{ margin: 0 auto; width: 275px;}
.reportIssueContainer h2{text-align: center;padding: 30px 0px 0px 0px;font-size: 60px; font-family: futura-pt,sans-serif; text-transform: uppercase; font-weight: 900;}
.reportIssueContainer p{text-align: center; color: red; font-size: 1.5rem; width: 990px; font-weight: 600; margin: 0 auto; margin-bottom: 20px; font-family: futura-pt,sans-serif;}
.reportIssueWrapper{width: 990px; margin: 0 auto; display: flex; justify-content: center; align-items: center; padding: 0px 0px 40px 0px;}
.reportIssueWrapper .reportIssueHeading{display: flex; justify-content: center; ali2222222gn-items: center; width: 100%; padding: 50px 0px 0px 0px; font-size: 40px;}
.reportIssue3Col > div {display: flex; padding: 10px;}
.reportIssue3Col > div > a{min-height: 152px; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: center; padding: 10%; background-color: #3c3c3c; color: #fff; width: 100%; text-align: center; font-weight: 600; font-size: 2.2em; border-radius: 10px; font-family: futura-pt,sans-serif;}
.reportIssue3Col > div > a > i{font-size: 2.5em;}
.reportIssue3Col > div > a:hover{color: #FFCB00; box-shadow: 0 6px 6px 0px rgba(0,0,0,.3);}
.reportIssue3Col > div > a > i:hover{color: #FFCB00;}

.reportIssueNav{display: flex; width: 990px; margin: 0 auto;}
.reportIssueNav > a{color: #fff; text-align: center; font-size: 14px; font-weight: 700; border-radius: 10px; font-family: futura-pt,sans-serif; text-transform: uppercase; display: flex; justify-content: center; align-items: center; height: 55px;}

.reportIssueContainer .reportIssueNavGreen{background-color: #00984D; }
.reportIssueContainer .reportIssueNavRed{background-color: #E30713; }
.reportIssueContainer .reportIssueNavBlue{background-color: #5A91B1; }
.reportIssueContainer .reportIssueNavGrey{background-color: #646663; }

.reportIssueContainer .reportIssueHeadGreen{color: #00984D; }
.reportIssueContainer .reportIssueHeadRed{color: #E30713; }
.reportIssueContainer .reportIssueHeadBlue{color: #5A91B1; }
.reportIssueContainer .reportIssueHeadGrey{color: #646663; }

.StaffMonday{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 10px 0px 10px;}
.StaffMonday .StaffMondayLogin{}
.StaffMonday .StaffMondayLogin p, .StaffMonday .StaffMondayLogin p > a, .StaffMonday .StaffMondayLogin > div h5, .StaffMonday .StaffMondayLogin > div h5 span{text-align: center; color: red; font-size: 1.5rem; width: 990px;font-weight: 600; margin: 0 auto; margin-bottom: 20px; font-family: futura-pt,sans-serif;}
.StaffMonday .StaffMondayLogin > div{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.StaffMonday .StaffMondayLogin > div h5 > span{color: #333;}


/* Vaunt CMP */
.vauntContainerTop > .vauntTopWrapper > a{background-color: #ff6a00; color: #ffffff; font-size: 25px; font-family: futura-pt, sans-serif; font-weight: 800; padding: 30px 70px; border-radius: 5px; text-transform: uppercase; margin: 50px auto;}
.vauntContainerTop{display: flex; background-image: url('https://its-london.s3-eu-west-1.amazonaws.com/CMS/CMPs/Vaunt/vaunt-hero-image.png'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 900px; background-attachment: fixed;}
.vauntTopWrapper{width: 990px; display: flex; flex-direction: column; margin: 0 auto; justify-content: center; align-items: center; min-height: 450px;}
.vauntTopWrapper img{margin-bottom: 20px;}
.vauntTopWrapper h2{font-family: futura-pt, sans-serif; color: #fff; font-size: 40px; text-transform: uppercase; font-weight: 800;}
.vauntWrapper{width: 990px; display: flex; margin: 0 auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 50px 10px;}
  /* Vaunt Intro */
  .vauntIntro, .vauntRanges{background-color: #ff6a00;}
  .vauntIntro img{margin-bottom: 20px;}
  .vauntIntro h2{font-family: impact; font-size: 100px; color: #252525; text-transform: uppercase;}
  .vauntIntro p{color: #fff; font-size: 25px; font-family: 'Montserrat', sans-serif; line-height: 45px;}

/* Vaunt ranges */
  .vauntRanges h2, .vauntAccessories h2{width: 100%; margin-bottom: 60px; font-family: futura-pt, sans-serif; color: #fff; font-size: 100px; text-transform: uppercase; font-weight: 800; text-align: center;}
  .vauntFlexRow > .d-1of2{text-align: center;}
  .vauntFlexRow > .d-1of2 > a > img{width: 450px; border-radius: 5px;}
  .vauntRanges img, .vauntAccessories img{width: 100%; border-radius: 5px;}
  .vauntAccessories > .vauntWrapper > a{background-color: #fff; color: #252525; font-size: 50px; font-family:  futura-pt, sans-serif; font-weight: 800; padding: 30px 70px; border-radius: 5px; text-transform: uppercase; margin: 50px auto;}

/* Vaunt WheelBarrow */
.vauntWheelBarrow{background-color: #252525;}
.vauntWheelBarrow h2{color: #fff;}

.vauntWheelBarrowMiddle{display: flex; justify-content: flex-start; align-items: flex-start; width: 990px; z-index: 3; margin-top: -70px;}
.vauntWheelBarrowMiddle img{width: 100%;}


.vauntWheelBarrow a{background-color: #fff; color: #252525; font-size: 50px; font-family:  futura-pt, sans-serif; font-weight: 800; padding: 20px 40px; border-radius: 3px; text-transform: uppercase; margin: 50px auto;}



/* Vaunt Gazebos */
  .vauntGazebos{padding: 0px 0px 200px 0px; background-color: #8f908f;}
  .vauntGazebos > .vauntWrapper{align-items: center; justify-content: center;}
  .vauntGazebos h2{color: #fff;}

  .vauntGazebosAnimate{display: flex; margin-top: -250px;}
  .vauntGazebosAnimate img{width: 100%;}

  .vauntGazebosText{background-image: url('https://its-london.s3-eu-west-1.amazonaws.com/CMS/CMPs/Vaunt/vaunt-GAZEBOS-background.png'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 900px; display: flex; align-items: flex-end; flex-direction: column;}
  .vauntGazebosText > img{margin-top: -300px;}
  .vauntGazebosInner{background-color: #252525; padding: 40px; display: flex; justify-content: center; align-items: flex-start;}
  .vauntGazebosLeft{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
  .vauntGazebosLeft p{margin-bottom: 20px;}
  .vauntGazebosLeft a{background-color: #fff; color: #252525; font-size: 30px; font-family: futura-pt, sans-serif; font-weight: 800; padding: 20px 40px; border-radius: 3px; text-transform: uppercase; display: flex; align-items: flex-start; justify-content: center;}


  /* Vaunt Ladders */
  .vauntLadders{background-color: #252525;}
  .vauntLadders h2{color: #fff;}
  .vauntLaddersTop{display: flex; justify-content: flex-end; align-items: flex-end; width: 990px; z-index: 999; margin-top: -170px;}
  .vauntLaddersTop img{width: 100%;}
  .vauntLaddersBottom{display: flex; justify-content: center; align-items: center; width: 990px; z-index: 1; }
  .vauntLaddersBottom h2{font-size: 65px;}
  .vauntLadders a{z-index: 1000; background-color: #fff; color: #252525; font-size: 25px; font-family:  futura-pt, sans-serif; font-weight: 800; padding: 20px 40px; border-radius: 3px; text-transform: uppercase;}


/* Vaunt PTA */
.vauntPTA{background-image: url('https://its-london.s3-eu-west-1.amazonaws.com/CMS/CMPs/Vaunt/Vaunt-PTA-background.png'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 900px; display: flex; align-items: flex-start; background-attachment: fixed;}
.vauntPTA h2{color: #fff;}
.vauntPTA h2:last-of-type{margin-bottom: 20px;}
.vauntPTA a{z-index: 1000; background-color: #fff; color: #252525; font-size: 25px; font-family:  futura-pt, sans-serif; font-weight: 800; padding: 20px 40px; border-radius: 3px; text-transform: uppercase;}


/* Vaunt Trade packs */
.vauntTradeTop{background-color: #1c1c1c;}
.vauntTradeTop h2{color: #ff6a00; font-size: 150px;}
.vauntTradeTop h3{color: #fff; font-family: futura-pt, sans-serif; font-weight: 900; font-size: 60px; text-transform: uppercase;}
.vauntTradeTop a{margin: 20px 0px;}
.vauntTradeTop a img{width: 100%;}

.vauntSeperator img{width: 100%;}

.vauntTradeHelicopter{background-color: #ff6a00; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.vauntTradeHelicopter img{width: 100%;}
.vauntTradeLeft{display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column;}
.vauntTradeLeft p{color: #fff; font-size: 50px; font-family: 'Montserrat', sans-serif; font-weight: 800; line-height: normal; text-transform: uppercase; padding: 50px 0px; text-align: center;}
.vauntTradeRight{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.vauntTradeRight img{}
.vauntTradeRight img:first-of-type{margin-top: -500px; width: 900px; margin-bottom: 50px;}


.vauntTradeBottom{}
.vauntTradeBottom > .vauntWrapper{width: 1200px; padding: 0px;}
.vauntTradeBottom > .vauntWrapper img{width: 75%; margin: 0 auto;}

.vauntTradeBottomText h3{text-align: center; color: #fff; padding: 20px 0px 50px 0px; font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 800; text-transform: uppercase;}



/* Vaunt Hand Tool Kits */
.vauntHTKit{background-color: #fff;}
.vauntWrapperRight{padding: 40px 0px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; width: 990px; margin: 0 auto;}
.vauntWrapperRight a, .vauntHTKitBottom a{z-index: 1000; margin: 20px 0px; background-color: #ff6a00; color: #fff; font-size: 30px; font-family: futura-pt, sans-serif; font-weight: 800; padding: 20px 40px; border-radius: 3px; text-transform: uppercase;}
.vauntHTKitTop > img, .vauntHTKitMiddle > img{width: 100%;}
.vauntHTKitTop > img{margin-top: -200px;}
.vauntHTKitBottom{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 990px; margin: 40px 0px;}
.vauntHTKitBottom p{text-align: center; color: #252525; font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 800; text-transform: uppercase;}


/* Vaunt Outro */
.vauntOutro{padding: 40px 0px;}
.vauntWarranty{background-color: #fff;}
.vauntOutro h2, .vauntOutro p{width: 100%; text-align: center;}
.vauntOutro a{z-index: 1000; margin: 20px auto; background-color: #fff; color: #252525; font-size: 30px; font-family: futura-pt, sans-serif; font-weight: 800; padding: 20px 40px; border-radius: 3px; text-transform: uppercase;}


/* Vaunt Warranty */
.vauntWarranty > .vauntWrapper{flex-direction: row;}
.vauntWarrantyLeft{text-align: center;}
.vauntWarrantyRight{position: relative;}
.vauntWarrantyRight h2{font-size: 30px; text-align: left; margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-weight: 900;}
.vauntWarrantyRight p, .vauntWarrantyRight p > a{color: #252525; text-align: left; font-size: 20px; font-family: 'Montserrat', sans-serif; line-height: 38px;}
/* .vauntWarrantyRight a{position: absolute; right: 0; bottom: 0; z-index: 1000; margin: 20px auto; background-color: #252525; color: #ff6a00; font-size: 30px; font-family: futura-pt, sans-serif; font-weight: 800; padding: 20px 40px; border-radius: 3px; text-transform: uppercase;} */

@media only screen and (max-width: 1440px) {
  .vauntPTA{min-height: 900;}
}

@media only screen and (max-width: 1200px) {
  .vauntTradeRight img:first-of-type{width: 600px; margin-top: -280px;}
  .vauntTradeRight img:last-of-type{width: 475px;}
  .vauntTradeLeft{width: 100%; padding: 10px;}
  .vauntTradeLeft p{margin-top: 0px; font-size: 30px;}
  .vauntTradeHelicopter{width: 100%; margin: 0 auto;}
  .vauntTradeBottom > .vauntWrapper{width: 100% !important;}
  .vauntIntro .vauntTradeBottomText h3{font-size: 25px;}
  .vauntWrapperRight{width: 100% !important; padding: 20px !important;}
  .vauntHTKit .vauntWrapper, .vauntHTKit .vauntHTKitBottom{width: 100%;}
  .vauntHTKit .vauntHTKitBottom p{font-size: 25px;}
  .vauntOutro .vauntWrapper{width: 100%;}
  .vauntWarranty .vauntWrapper{width: 100%;}
  .vauntLadders .vauntWrapper, .vauntLaddersTop, .vauntLaddersBottom{width: 100% !important;}
  .vauntLaddersBottom h2{font-size: 50px;}
  .vauntGazebosText .vauntWrapper{width: 100%;}
  .vauntFlexRow > .d-1of2, .vauntFlexRow > .d-1of1{padding: 15px}
}

@media only screen and (max-width: 990px) {
  .vauntTopWrapper{width: 100%;}
  .vauntTopWrapper h2{text-align: center; font-size: 30px;}
  .vauntWrapper{width: 100%; padding: 50px;}
  .vauntFlexRow > .d-1of2 > a > img{width: 100%;}
  .vauntWheelBarrow .vauntWheelBarrowMiddle{width: 100%; margin-top: 0px;}
  .vauntIntro h2{font-size: 50px;}
  .vauntIntro p{font-size: 20px;}
  .vauntRanges h2, .vauntAccessories h2{margin-bottom: 20px;}
  .vauntPTA{min-height: 768px;}
  .vauntTradeTop h3{font-size: 40px;}
  .vauntWarranty img{width: 100%;}
  .vauntIntro  .vauntWarrantyRight h2{font-size: 25px;}
  .vauntIntro  .vauntWarrantyRight a{font-size: 25px;}
  .vauntGazebosRight img{width: 100%;}
  .vauntIntro .vauntTradeBottomText h3{font-size: 20px;}
}

@media only screen and (max-width: 768px) {
  .vauntTopWrapper img{width: 100%;}
  .vauntAccessories > .vauntWrapper > a{font-size: 30px;}
  .vauntWheelBarrow a{font-size: 30px;}
  .vauntGazebosText{min-height: 700px;}
  .vauntGazebosText > img{margin-top: -220px; width: 100%;}
  .vauntIntro p{line-height: 30px;}
  .vauntGazebosLeft a{font-size: 20px;}
  .vauntLaddersTop{margin-top: 0px;}
  .vauntIntro h2:last-of-type{margin-bottom: 20px;}
  .vauntLadders a{font-size: 20px;}
  .vauntLaddersBottom h2{font-size: 35px;}
  .vauntPTA a{font-size: 20px;}
  .vauntTradeTop h3{font-size: 30px;}
  .vauntTradeTop a{font-size: 20px;}
  .vauntTradeRight img:first-of-type{margin-top: -150px;}
  .vauntIntro .vauntTradeRight img{width: 100%;}
  .vauntTradeLeft{padding: 20px;}
  .vauntIntro .vauntTradeBottom > .vauntWrapper img{margin-top: -150px;}
  .vauntIntro .vauntTradeBottomText h3{font-size: 16px;}
  .vauntIntro .vauntWrapperRight a, .vauntIntro .vauntHTKitBottom a{font-size: 20px;}
  .vauntIntro .vauntHTKitTop > img{margin-top: -100px;}
  .vauntHTKit .vauntHTKitBottom p{font-size: 20px;}
  .vauntIntro .vauntOutro a{font-size: 20px;}
  .vauntIntro .vauntWarrantyRight h2{font-size: 20px;}
  .vauntIntro .vauntWarrantyRight a{font-size: 20px;}
  .vauntIntro .vauntWarrantyRight{min-height: 300px;}
}

@media only screen and (max-width: 600px) {
  .vauntContainerTop{min-height: 600px;}
  .vauntTopWrapper{padding: 20px;}
  .vauntTopWrapper h2{font-size: 20px;}
  .vauntFlexRow > .d-1of2, .vauntFlexRow > .d-1of1{padding: 10px;}
  .vauntIntro img{margin-bottom: 5px;}
  .vauntWrapper{padding: 20px;}
  .vauntTradeRight img:first-of-type{margin-top: 0px;}
  .vauntTradeLeft{margin-top:0px;}
  .vauntPTA{min-height: 500px;}
  .vauntIntro .vauntTradeBottom > .vauntWrapper img{margin-top: -50px;}
}

/* IE ONLY STYLING */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .vauntIntro h2{width: 100%;}
  .vauntIntro p{width: 100%;}
  .vauntFlexRow{width: 100%;}
  .vauntWheelBarrowMiddle{height: 100%;}
  .vauntGazebosInner{width: 100%;}
  .vauntGazebos h2{text-align: center;}
  .vauntLaddersTop{height: 100%;}
  .vauntLaddersBottom h2{text-align: center;}
  .vauntTradeBottom .vauntWrapper > img{height: 100%;}
  .vauntHTKitTop, .vauntHTKitMiddle, .vauntHTKitBottom{width: 100%; height: 100%;}
  .vauntWrapperRight h2{text-align: right;}
}

.vauntDesktop{}
.vauntMobile{display: none;}


/* DEAL OF THE DAY - LANDING PAGE - ASP */
.dotdLandingcontainer{background-image: radial-gradient(#ff0005,#c72226); display: flex; justify-content: center; padding: 20px 0px 40px 0px;}
.dotdLandingwrapper{width: 990px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.dotdLandingLogo{width: 50%;}
.dotdLandingBrandImg > img{width: 250px;  margin: 20px 0px;}
.dotdLandingMainImg{transition: all .2s ease-in-out;}
.dotdLandingMainImg:hover{transform: scale(1.1);}
.dotdLandingDescription{transition: all .2s ease-in-out; width: 100%; font-size: 35px; color: #fff; text-align: center; text-transform: uppercase; margin-bottom: 20px; font-family: futura-pt,sans-serif; font-style: normal; font-weight: 800;}
.dotdLandingDescription:hover{transform: scale(1.1);}
.dotdLandingwrapper ul{margin: 20px 0px;}
.dotdLandingwrapper ul > .KeyFeaturesLanding > li{list-style-type: disc; font-size: 25px; color: #fff; font-family: futura-pt,sans-serif; font-weight: 600; font-style: normal; text-align: left; list-style-position: inside;}
.dotdLandingPrice{background-color: #fff; display: flex; flex-direction: column; width: 700px; align-items: center; border-radius: 20px; margin: 20px 0;}
.dotdLandingWasPrice{font-size: 60px; text-decoration: line-through; font-family: futura-pt-condensed,sans-serif; font-weight: 500; font-style: normal; color: #d82022;}
.dotdLandingNowOnly{font-size: 40px; padding-right: 10px; display: flex; color: #d82022; justify-content: center; align-items: center; font-family: futura-pt-condensed,sans-serif; font-weight: 700; font-style: normal;}
.dotdLandingWasContainer{display: flex; flex-direction: row; align-items: baseline; width: 100%; justify-content: center;}

.dotdLandingExContainer, .dotdLandingIncContainer{display: flex; align-items: baseline; margin-top: -20px;}
.dotdLandingExVat, .dotdLandingIncVat{font-size: 90px; align-items: baseline; display: flex; color: #d82022; font-family: futura-pt-condensed,sans-serif; font-weight: 800; font-style: normal;}
.dotdLandingIncVat{font-size: 40px;}
.dotdLandingExContainer > span:last-child, .dotdLandingIncContainer > span:last-child{padding-left: 5px; font-size: 20px; text-transform: uppercase; display: flex; color: #d82022; font-family: futura-pt-condensed,sans-serif; font-weight: 700; font-style: normal;}
.dotdLandingShopContainer{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 768px;}
.dotdLandingShopbtn{transition: all ease-in-out .3s; box-shadow: 0 7px 20px -10px rgba(0,0,0,.4); background-color: #1ca902; color: #fff; border-radius: 55px; margin: 0 auto; width: 700px; text-align: center; font-size: 50px; padding: 20px 0px; font-family: futura-pt,sans-serif; font-style: normal; font-weight: 800;}
.dotdLandingShopbtn:hover{background-color: #1fc800;}
.dotdLandingTimerTitle{width: 100%; font-size: 50px; color: #fff; text-align: center; text-transform: uppercase; font-family: futura-pt,sans-serif; font-style: normal; font-weight: 800;}
.landingMidnightTimer{text-align: center; margin: 10px 0; display: flex; justify-content: center; align-items: center;}
.timerLandingItemContainer{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px;}
.timerLandingItemContainer >span:first-of-type{background-color: #fff; color: #d82022; padding: 20px; border-radius: 60px; font-size: 70px; font-family: futura-pt, sans-serif; font-style: normal; font-weight: 800;}
.timerLandingItemContainer >span:last-of-type{color: #fff; text-transform: uppercase; font-size: 35px; font-family: futura-pt, sans-serif; font-style: normal; font-weight: 800;}
.dealoftheday .dotdMoreInfo{transition: all ease-in-out .3s; box-shadow: 0 7px 20px -10px rgba(0,0,0,.4); background-color: #6d6d6d; color: #fff; border-radius: 55px; margin: 10px auto; width: 700px; text-align: center; font-size: 50px; padding: 20px 0px; font-family: futura-pt,sans-serif; font-style: normal; font-weight: 800; text-transform: uppercase;}



/* FIRE DOOR SAFETY AWARENESS */
.FSContainer{position:  relative; background-image: url('https://its-london.s3-eu-west-1.amazonaws.com/CMS/CMPs/FireAwareness/FireAwarenessBack.jpg'); background-size: cover;}
.FSWrapper{width: 1200px; margin:  0 auto; display: flex; flex-direction: column; padding: 20px; align-items: center; justify-content: center;}
.FSContainer .FSWrapper{ width: 1200px; height: 500px;}
.FSContainer .FSWrapper .FSHeader{padding: 10px; position: absolute; left: 15%; top: 0; background-color: #0000009e; width: 550px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100%;}
.FSContainer .FSWrapper .FSHeader > h2{font-size: 80px;font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal; color: #fff;}
.FSContainer .FSWrapper .FSHeader > span{font-size: 25px; margin-bottom: 20px; color: #fff; font-family: futura-pt, sans-serif; font-weight: 700; font-style: normal;}
.FSContainer .FSWrapper .FSHeader > p{margin-bottom: 20px; color: #fff; font-family: futura-pt, sans-serif; font-weight: 500; font-size: 20px;}
.FSContainer .FSWrapper .FSHeader > div{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
.FSContainer .FSWrapper .FSHeader a{transition: all ease .3s; text-transform: uppercase; color: #fff; background-color: #E20612; width: 100%; border-radius: 55px; padding: 15px 0px; text-align: center; font-family: futura-pt, sans-serif; font-weight: 700; font-style: normal; font-size: 20px;}
.FSContainer .FSWrapper .FSHeader a:hover{background-color: #ff000e;}


.FSStrip .slick-track{display: flex; align-items: center; justify-content:  center; background-color: #e20612; padding: 15px 0px;}
.FSStrip .slick-slide{text-align: center;color: #fff; font-size: 28px; font-family: futura-pt-bold,sans-serif; font-weight: 700;}

.FSIntro, .FSIntroLeft, .FSIntroRight{display: flex; justify-content: center; align-items: center; height: 400px; width: 1200px;}
.FSIntroLeft p, .FSIntroLeft p > strong{ text-align: center; margin-bottom: 20px; font-family: futura-pt, sans-serif; font-weight: 500; font-size: 25px;}
.FSIntroLeft p > strong{font-weight: 700;}
.FSIntroRight img{}

.FSEssentials{width: 100%;}
.FSEssentials h2{ font-size: 50px; font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal; color: #252525; text-align: center;}
.FSEssentials hr{height: 5px; background: #eaeaea; border: none;}
.FSRow{display: flex; justify-content: center; align-items: center;}
.FSEssentials .FSDoorCat{background-color: #DA1515;}
.FSEssentials .FSWearCat{background-color: #0082C5;}
.FSEssentials .FSDoorCat h3, .FSEssentials  .FSWearCat h3{width: 100%; background: #FFC324; padding: 15px 0px; text-align: center; font-size: 30px; font-family: futura-pt, sans-serif; font-weight: 700;}
.FSEssentials .FSCol{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 350px;}

.FSDoorCat{width: 1200px; margin: 0 auto;}
.FSDoorCat > h2{margin-bottom: 20px; font-size: 50px; font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal; color: #252525; text-align: center;}
.FSDoorCat .FSCol1{display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; }
.FSDoorCat .FSCol1 > a, .FSDoorCat .FSCol3 > a{width: 75%; text-transform: uppercase;  margin-bottom: 20px; font-size: 20px; font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal; color: #252525; text-align: center; background-color: #ffc324; padding: 10px; border: 3px solid #ffc324; border-radius: 11px;}
.FSDoorCat > div.d-1of3.t-1of2.m-1of2.FSCol1 > a > h3, .FSDoorCat > div.d-1of3.t-1of2.m-1of2.FSCol3 > a > h3{margin-bottom: 5px; text-transform: uppercase; font-size: 20px; font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal; color: #252525; text-align: center;}
.FSDoorCat > div.d-1of3.t-1of2.m-1of2.FSCol1 > a > h4, .FSDoorCat > div.d-1of3.t-1of2.m-1of2.FSCol3 > a > h4{text-align: center; font-weight: 700; font-family: futura-pt-bold,sans-serif; font-size: 12px; background-color: #252525; color: white; padding: 2px; width: 50%; margin: 0 auto;}
.FSDoorCat .FSCol1 > a > p, .FSDoorCat .FSCol3 > a > p{text-transform: none; padding: 10px;}
.FSDoorCat .FSCol2{text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.FSDoorCat .FSCol2 > img{width: 100%; height: 100%;}
.FSDoorCat .FSCol3{display: flex; flex-direction: column;align-items: center; justify-content: space-evenly;}
.FSDoorCat .FSCol3 > a:hover, .FSDoorCat .FSCol1 > a:hover{border: 3px solid #3c3c3c;}
.FSDoorCat > a{ border: 3px solid #fff; padding: 10px; border-radius: 15px;}
.FSDoorCat > a:hover{text-decoration: underline; border: 3px solid #4a90e2; border-radius: 15px; text-decoration-color: #4a90e2;}

.FSDoorCat2{width: 1200px; margin: 0 auto; display: flex; justify-content: center;}
.FSDoorCat2 > h2{margin-bottom: 20px; font-size: 50px; font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal; color: #252525; text-align: center;}
.FSDoorCat2 .FSCol1{display: flex; flex-direction: column; align-items: center; justify-content: space-evenly;}
.FSDoorCat2 .FSCol1 > a, .FSDoorCat2 .FSCol3 > a{text-transform: uppercase; margin-bottom: 20px; font-size: 25px; font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal; color: #fff; text-align: center; background-color: #009cde; padding: 10px; width: 80%; border: 3px solid #ffc324; border-radius: 11px;}
.FSDoorCat2 .FSCol2{text-align: center; width: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.FSDoorCat2 .FSCol2 > img{width: 100%; height: 100%;}
.FSDoorCat2 .FSCol3{display: flex; flex-direction: column;align-items: center; justify-content: space-evenly;}
.FSDoorCat2 .FSCol1 > a:hover, .FSDoorCat2 .FSCol3 > a:hover{border: 3px solid #3c3c3c;}
.FSDoorCat2 > a{transition: all ease .3s; border: 3px solid #fff; padding: 10px; border-radius: 15px;}
.FSDoorCat2 > a:hover{text-decoration: underline; border: 3px solid #4a90e2; border-radius: 15px; text-decoration-color: #4a90e2;}

.FSDoorCat2 > div.d-1of3.t-1of2.m-1of2.FSCol1 > a > h3, .FSDoorCat2 > div.d-1of3.t-1of2.m-1of2.FSCol3 > a > h3{margin-bottom: 5px; text-transform: uppercase; font-size: 20px; font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal; color: #fff; text-align: center;}
.FSDoorCat2 > div.d-1of3.t-1of2.m-1of2.FSCol1 > a > p, .FSDoorCat2 > div.d-1of3.t-1of2.m-1of2.FSCol3 > a > p{text-transform: none; padding: 10px; color: #fff;}
.FSDoorCat2 > div.d-1of3.t-1of2.m-1of2.FSCol1 > a > h4, .FSDoorCat2 > div.d-1of3.t-1of2.m-1of2.FSCol3 > a > h4{text-align: center; font-weight: 700; font-family: futura-pt-bold,sans-serif; font-size: 12px; background-color: #fff; color: #009cde; padding: 2px; width: 50%; margin: 0 auto;}

.FSChecks{}
.FSChecks > h2, .FSVideosTitle > h2{margin-bottom: 20px; position: relative; font-family: futura-pt, sans-serif; font-weight: 500; font-size: 40px; color: #3c3c3c; text-align: center;}
.FSChecks > h2:before, .FSVideosTitle > h2:before{content: ""; position: absolute; height: 12px; border-bottom: 2px solid #000; top: 25%; left: 10%; width: 120px;}
.FSChecks > h2:after, .FSVideosTitle > h2:after{content: ""; position: absolute; height: 12px; border-bottom: 2px solid #000; top: 25%; right: 10%; width: 120px;}
.FSChecksinner{display: flex;}
.FSCheckItem{max-width: 240px; margin: 5px; padding: 20px;}
.FSCheckItem h3{color: #e20612; font-weight: 700; font-family: futura-pt, sans-serif; font-size: 20px; text-transform: uppercase; margin-bottom: 20px;}
.FSCheckItem > img{width: 100%; margin-bottom: 20px;}
.FSCheckItem > p{text-align: left; margin-bottom: 20px; font-family: futura-pt, sans-serif; font-weight: 400; font-size: 18px;}

.FSContainerGrey{background-color: #f5f5f5; padding: 40px 0px; display: flex;}
.FSContainerGrey > .FSGreyWrapper{width: 1200px; margin: 0 auto;}

.FSMainContainer{padding: 40px 0px;}

.FSDoorLink1, .FSDoorLink2, .FSDoorLink3, .FSDoorLink4{position: relative;}
.FSVideos{width: 990px; margin: 0 auto;}
.FSVideos > div{padding: 10px;}
.FSVideos iframe{width: 100%; height: 300px;}










/* PAYPAL CREDIT CMP */
.ppcFwContainer{background-image: url('https://its-london.s3-eu-west-1.amazonaws.com/CMS/CMPs/paypalCredit/header.jpg'); padding: 60px 0px;}
.ppcFWWrapper{display: flex; flex-direction: column; width: 990px; align-items: center; justify-content: center; margin: 0 auto;}
.ppcFWWrapper img{margin-bottom: 20px;}
.ppcFWWrapper p, .ppcFWWrapper a{width: 100%; color: #fff; font-family: 'Lexend Deca', sans-serif; font-size: 25px; text-align: center;margin-bottom: 20px;}
.ppcFWWrapper a{background-color: #005ea6; padding: 10px; border-radius: 50px; width: 250px; transition: all ease .3s;}
.ppcFWWrapper a:hover{background-color: #009cde;}

.ppcContainer{}
.ppcWrapper{display: flex; flex-direction: column; width: 990px; align-items: center; justify-content: center; margin: 0 auto;}
.ppcHowWorks{padding: 40px 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
.ppcHowWorks h2, .ppcRepresentative h2{font-family: 'Lexend Deca', sans-serif; font-size: 35px; color: #009cde; margin-bottom: 20px; text-align: center;}
.ppcHowWorks p, .ppcRepresentative p{font-family: 'Lexend Deca', sans-serif; font-size: 18px; text-align: center; width: 100%; margin-bottom: 20px;}

.ppcRepresentative p{margin-bottom: 40px;}
.ppcRepresentative .col{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 30px;}
.ppcRepresentative .col h3{font-size: 15px; font-family: 'Lexend Deca', sans-serif; margin-bottom: 5px;}
.ppcRepresentative .col em{font-size: 30px; font-family: 'Lexend Deca', sans-serif; font-weight: 700;}
.ppcRepresentative .col span{font-family: 'Lexend Deca', sans-serif;}

.ppcContainerGrey{background-color: #efefef; padding: 40px 0px;}
.ppcHowLogIn{width: 100%; height: 100%;}
.ppcHowLogIn > div{min-height: 438px; display: flex; flex-direction: column; justify-content: center;}
.ppcHowLogIn h2{font-family: 'Lexend Deca', sans-serif; font-size: 35px; color: #009cde; margin-bottom: 20px;}
.ppcHowLogIn p, .ppcHowLogIn ul > li, .ppcHowLogIn ul > li > a{font-family: 'Lexend Deca', sans-serif; font-size: 18px; text-align: left;}
.ppcHowLogIn ul > li > a{color: #009cde;}
.ppcHowLogIn img{width: 100%; height: 100%;}

.ppcHowLogIn p{margin-bottom: 20px;}
.ppcHowLogIn ul{margin-bottom: 20px;}
.ppcHowLogIn ul > li{list-style-type: disc; margin-bottom: 5px;}

.ppcFwVideoContainer{background: #fff; padding: 0px;}
.ppcFwVideoContainer .ppcFWWrapper{width: 990px; padding: 40px 0px;}



.ppcHowApply{width: 100%; height: 100%; padding: 40px 0px;}
.ppcHowApply h2{justify-content: center;}
.ppcHowApply h2,.ppcHowApply h3{width: 100%; display: flex; justify-content: center; font-family: 'Lexend Deca', sans-serif; font-size: 30px; color: #fff;text-align: center;}
.ppcHowApply h3{font-size: 25px; justify-content: center; text-decoration: underline; padding: 10px;}

.ppcWhatYouneed{background-image: radial-gradient(#1e88c5,#004699); padding: 0px;}

.ppcWhatYouneed h2:first-of-type{margin-bottom: 20px;}
.ppcWhatYouneed h2, .ppcWhatYouneed h2 > span{display: flex; align-items: baseline; font-family: 'Lexend Deca', sans-serif; font-size: 50px; color: #fff; text-align: center;}


.ppcWhatYouNeedBottom{display: flex; width: 990px; justify-content: center; align-items: baseline; padding: 20px 0px;}
.ppcWhatYouNeedBottom > div{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ppcWhatYouNeedBottom h3{color: #fff; font-family: 'Lexend Deca', sans-serif; font-size: 20px; font-weight: 300; text-align: center;}
.ppcWhatYouNeedBottom h2, .ppcWhatYouNeedBottom h2 > span{font-size: 40px; font-weight: 300;}
.ppcWhatYouNeedBottom h2 > span{font-size: 15px; padding-left: 5px;}
.ppcWhatYouneed p:last-of-type{font-size: 18px;}


.ppcContainerVideo{padding: 40px 0px;}

.ppcHowIts > div, .ppcHowPaypal > div{position: relative; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 240px;}
.ppcHowIts > div::after, .ppcHowPaypal > div::after{content: "\203A"; display: flex; color: #fff; font-size: 50px;top: 25%; position: absolute; right: -10px;}
.ppcHowIts > div:last-of-type::after, .ppcHowPaypal > div:last-of-type::after{content: " ";}
.ppcHowIts > div > img{width: 100%;}
.ppcHowIts > div > img:nth-child(2), .ppcHowIts > div > img:nth-child(3){padding: 25px 0px;}
.ppcHowIts > div > img, .ppcHowPaypal > div > img{display: flex; margin: 0px auto; width: 100%; height: 100%; margin-bottom: 20px;}
.ppcHowIts > div > p, .ppcHowPaypal > div > p{font-size: 20px; font-family: 'Lexend Deca', sans-serif; text-align: center;}
.ppcHowIts ol{width: 100%;}
.ppcHowIts ol > li{color: #fff; font-family: 'Lexend Deca', sans-serif; font-size: 18px; text-align: center; margin-bottom: 20px;}

.contentmanagedpage3 .paypalRepHide{display: none;}

.ppcContainerFaqs{padding: 40px 0px;}
.ppcFaqs{width: 100%;}
.ppcFaqs > h2{font-family: 'Lexend Deca', sans-serif; font-size: 35px; color: #009cde; margin-bottom: 20px; text-align: center;}


.ppcContainerFaqs .PPCaccordion {width: 100%;}
.ppcContainerFaqs .PPCaccordion dt, .ppcContainerFaqs .PPCaccordion dd {padding: 10px; border-top: 1px solid #e8e8e8;}
.ppcContainerFaqs .PPCaccordion dt:last-of-type, .ppcContainerFaqs .PPCaccordion dd:last-of-type {}
.ppcContainerFaqs .PPCaccordion dt a, .ppcContainerFaqs .PPCaccordion dd a {display: block; color: #4e4e4e; font-weight: 300; font-family: 'Lexend Deca', sans-serif; font-size: 20px; text-align: left; margin-bottom: 20px;}
.ppcContainerFaqs .PPCaccordion dd, .ppcContainerFaqs .PPCaccordion dd > p{border-top: 0; font-size: 16px; font-family: 'Lexend Deca', sans-serif; margin-bottom: 15px;}
.ppcContainerFaqs .PPCaccordion dd > h3{font-size: 18px; font-family: 'Lexend Deca', sans-serif; margin-bottom: 15px;}
.ppcContainerFaqs .PPCaccordion dd > ul > li{font-size: 16px; font-family: 'Lexend Deca', sans-serif;}
.ppcContainerFaqs .PPCaccordion dd:last-of-type {border-top: 1px solid white; position: relative; top: -1px;}

.ppcfirst{font-size: 35px !important; font-weight: 600;}




/* WAYS TO PAY PAGE */
.wtpContainerFw{background-image: url('https://its-london.s3-eu-west-1.amazonaws.com/CMS/CMPs/WaysToPay/header.png'); padding: 60px 0px; background-size: cover;}
.wtpContainerFw > .wtpWrapper{width: 1200px; display: flex; margin: 0 auto; flex-direction: column;}
.wtpContainerFw > .wtpWrapper .wtpHeadingTitle > h1{text-transform: uppercase; font-family: 'Lexend Deca', sans-serif; font-size: 60px; color: #fff; text-align: center;}
.wtpContainerFw > .wtpWrapper .wtpHeadingIcons img{width: 80%;}
.wtpContainerFw > .wtpWrapper .wtpHeadingIcons > div:nth-child(2) > img{margin-left: -30px;}
.wtpContainerFw > .wtpWrapper .wtpHeadingIcons > div{text-align:center;}
.wtpContainerWhite{background-color: #fff;}
.wtpContainerGrey{background-color: #eaeaea;}
.wtpContainerWhite > .wtpWrapper, .wtpContainerGrey > .wtpWrapper{width: 990px; margin: 0 auto; padding: 40px 0px; display: flex;}
.wtpContainerWhite .d-1of2, .wtpContainerGrey .d-1of2{padding: 20px;}
.wtpIntro > p, .wtpIntro > p > a,  .wtpCard p, .wtpPaypal p, .wtpPaypalCredit p{font-family: 'Lexend Deca', sans-serif; font-size: 18px; text-align: center; width: 100%; margin-bottom: 20px;}
.wtpIntro > p > a{color: #009cde; text-decoration: underline; text-transform: uppercase; font-weight: 600;}
.wtpCard, .wtpPaypal, .wtpPaypalCredit{display: flex; justify-content: center; align-items: center;}
.wtpCard h2{font-family: 'Lexend Deca', sans-serif; font-size: 35px; color: #009cde; margin-bottom: 20px;}
.wtpCard p{text-align: left;}
.wtpCard img, .wtpPaypal img, .wtpPaypalCredit img{width: 100%;}
.wtpPaypal div:nth-child(2){text-align: right;}
.wtpPaypalCredit div:nth-child(1){text-align: left;}
.wtpPaypal div:nth-child(2) > img, .wtpPaypalCredit div:nth-child(1) > img{margin-bottom: 40px; width: 350px;}
.wtpPaypal p{text-align: right;}
.wtpPaypalCredit p{text-align: left;}
.wtpPaypalCredit div:nth-child(2){text-align: center;}
.wtpPaypalCredit div:nth-child(2) > img{width: 350px; margin-bottom: 20px;}
.wtpPaypalCredit a{display: flex; justify-content: center; color: #fff; font-family: 'Lexend Deca', sans-serif; font-size: 18px; text-align: center; margin-bottom: 20px; background-color: #005ea6; padding: 10px 20px; border-radius: 50px; width: 180px; transition: all ease .3s;}
.wtpPaypalCredit a:hover{background-color: #009cde;}
.wtpPaypalCredit div:nth-child(1) > p:last-child{margin-bottom: 30px;}
