.rightBannerArea.devices {display:none;}
.arfSection {padding: 50px 0px;float: left;width: 100%;}
.arf-bannerLogo, .arf-bannerText {padding-bottom:20px;}
.leftBannerArea {padding: 70px 50px 0px 50px;} 
.arf-bannerLinkBox {float: left;width: 50%;}
.arf-bannerLinkBox a {background: #E6012C 0% 0% no-repeat padding-box;padding: 12px 20px 12px 20px;color: #ffffff;text-decoration: none;text-transform: uppercase;font-size: 16px;font-weight: normal;}
.arf-bannerTextWrapper {width: 100%;text-align: center;}
.arf-banner-desktop {background-repeat: no-repeat;height: 438px;}
.arf-bannerText {text-align: left;}
.arf-bannerLinkBox2 a {text-decoration: none;text-transform: uppercase;}
.arf-bannerLinkBox2 a:hover {text-decoration: none;}
.arf-bannerLinkBox a:hover {color:#ffffff; text-decoration:none;}

#sectionOne {padding:60px; color:#FFFFFF;text-align: center;}
#sectionOne a.greyBoxLink {background: #E6012C 0% 0% no-repeat padding-box;padding: 12px 20px 12px 20px;color: #ffffff;text-decoration: none;text-transform: uppercase;font-size: 16px;font-weight: normal;}
.arfSection1Text {padding-bottom:30px;}
.arfSection1Title h2 {font-size: 44px;color: #ffffff;padding-bottom: 30px;font-weight: bold;text-transform: uppercase;line-height: 48px;}

.arfSection2Title {text-align: center;}
.arfSection2Title h2 {font-size: 44px;font-weight: bold;text-transform: uppercase;}
.arfSection2Title h2 {color: #000000;padding-bottom: 50px;}
.arfSection2Box {color:#FFFFFF;}
.arfSection2Title p {text-align:left;font-size:24px; font-weight:bold;}
.arfSection2Box1 {background-color: #230d0f;padding: 25px;}
.arfSection2Box2 {background-color: #b31829;padding: 25px;}
.arfSection2Box3 {background-color: #e6012c;padding: 25px;}

.arfSection3rightTitle h2 {font-size: 44px;color: #000000;line-height: 48px;text-transform: uppercase;padding-bottom: 20px;}
.arfSection3right {padding: 40px 0px 0px;}
.arfSection3Link1 {float: left;width: 50%;}
.arfSection3Link1 a, .arfSection5Link1 a, .arfSection6Link a {background: #E6012C 0% 0% no-repeat padding-box;padding: 12px 20px 12px 20px;color: #ffffff;text-decoration: none;text-transform: uppercase;font-size: 16px;font-weight: normal;}
.arfSection3Link1 a:hover, .arfSection5Link1 a:hover, .arfSection6Link a:hover {color: #ffffff;text-decoration: none;}
.arfSection3Link2 a {text-decoration: none;text-transform: uppercase;}
.arfSection3Link2 a:hover {text-decoration: none;}

#sectionFour {background: #230D0F15;padding: 30px;}
.arfSection4Title {text-align: center;}
.arfSection4Title h2, .arfSection5Title h2 {font-size: 44px;padding-bottom: 30px;color: #000000;font-weight: bold;text-transform: uppercase;}
.arfSection4Box1, .arfSection4Box2 {background-color: #ffffff;padding: 30px;border-radius: 20px;} 

.arfSection5left {padding: 40px 20px 0px 0px;}
.arfSection5Text, .arfSection6Text {padding-bottom: 20px;}

#sectionSix {text-align: center;padding: 60px;}
.arfSection6Title h2 {font-size: 44px;font-weight: bold;color: #ffffff;padding-bottom: 20px;text-transform: uppercase;}
.arfSection6Text p {color: #ffffff;}
.arfSection1Text p a, .arfSection6Text p a  {color: #ffffff;text-decoration: none;}
.arfSection1Text p a:hover, .arfSection6Text p a:hover {color: #ffffff;text-decoration: none;}

/*IPad/IPad mini portrait mode:*/
@media all and (min-width: 721px) and (max-width: 840px) {
.arf-bannerLinkBox {float: left;width: 100%;padding-bottom: 30px;}
.arfSection3Link1 {float: left;width: 100%;padding-bottom: 30px;}
.arfSection3right {padding: 0px 0px 0px;}
.arfSection5left {padding: 0px 20px 0px 0px;}
}

@media all and (max-width: 767px) {
.leftBannerArea {padding: 0px 40px 40px 40px;}	
.arf-bannerLinkBox {float: left;width: 54%;padding-bottom: 30px;}	
.rightBannerArea.desktop {display:none;}
.rightBannerArea.devices{display:block;padding-bottom: 40px;}
.rightBannerArea.devices .arf-banner-desktop {background-position: top center;} 
.leftBannerArea .arf-bannerLogo img {margin:0 auto;} 	
.leftBannerArea .arf-bannerText {text-align: center;} 
.col-md-4.col-sm-4.arfSection2Box {width: 206px;}
.col-md-6.col-sm-6.arfSection4Box {width:386px;}
#sectionTwo .slick-arrow, #sectionTwo .slick-dots, #sectionFour .slick-arrow {display:none !important;}
#sectionTwo {padding-bottom: 0px;}
.arfSection3right {padding: 30px 0px 0px;}
.arfSection3rightTitle, .arfSection3rightText, .arfSection3rightLink {text-align: center;}
.arfSection3rightText {padding-bottom:30px;}
.arfSection4Title h2, .arfSection5Title h2 {font-size: 36px;text-align: center;}
/*.arfSection4Boxes .slick-list.draggable {overflow:visible !important;}*/
.arfSection4Box1, .arfSection4Box2 {width:78%;margin-left:39px;}
.slick-dots li button {Display: block;}
ul.slick-dots {margin:0 auto !important;}
.arfSection3leftimage img, .arfSection5rightimage img {width:100%;}
#sectionOne a.greyBoxLink, .arfSection5Link1 a, .arfSection6Link a {display: inline-block;width: 100%;}
.arfSection5left {float: left;text-align: center;padding: 0px 30px 50px 30px;}
.arfSection5right {padding: 0px;}
#sectionFive {padding-bottom: 0px;} 
.arfSection5rightimage p {padding-bottom:0px;}
}



.arrow {border: solid black;border-width: 0 2px 2px 0;display: inline-block;padding: 5px;}
.right {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.left {transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.up {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.down {transform: rotate(45deg);-webkit-transform: rotate(45deg);}