/* GENERAL CSS */ #promolp.mobile .fs-hlevel48 {font-size: 40px; line-height: 44px;color:#000;} #promolp.mobile .fs-hlevel32 {font-size: 32px; line-height: 36px;color:#000;} #promolp.mobile .fs-hlevel24 {font-size: 24px; line-height: 28px;color:#000;} #promolp.mobile .fs-hlevel20 {font-size: 20px; line-height: 24px;color:#000;} #promolp.mobile .margin36-bottom {margin-bottom: 36px;} /* BLACK LINK WITH RED CARET CTA */ .caret-red-black-text-16, .caret-red-black-text-16:active {background: transparent url(/bizcontent/marketing/symphony/images/caret-red.png) no-repeat scroll right; background-size: 7px 12px; font-weight: 600;padding: 0px 14px 0 0; color: #000000 !important; text-decoration: none !important;} .caret-red-black-text-16:hover {background: transparent url(/bizcontent/marketing/symphony/images/caret-red-hover.png) no-repeat scroll right; background-size: 7px 12px; color: #000000 !important; text-decoration: none !important;} .caret-red-black-text-16:focus {border: 2px solid #63B5FF;} /* BLACK LINK WITH RED CARET CTA */ .caret-whitetext-16, .caret-whitetext-16:active {background: transparent url(/bizcontent/marketing/symphony/images/caret-white.png) no-repeat scroll right; background-size: 7px 12px; font-weight: 600;padding: 0px 14px 0 0; color: #fff !important; text-decoration: none !important;} .caret-whitetext-16:hover {background: transparent url(/bizcontent/marketing/symphony/images/caret-white.png) no-repeat scroll right; background-size: 7px 12px; color: #fff !important; text-decoration: none !important;} @media screen and (max-width: 640px) { #promolp.mobile .fs-hlevel32 {font-size: 24px; line-height: 28px;} #promolp.mobile .fs-hlevel48 {font-size: 36px; line-height: 40px;} } /* SVG CIRCLES */ #promolp.mobile .svg-circle-red {fill: #CC0000 !important;} #promolp.mobile .svg-icon-white {fill: #FFF !important;} /* TABS */ #promolp.mobile #tabs {border-top: 0;} #promolp.mobile .accordion-block {padding: 70px 50px;} #promolp.mobile .tabSubnav li {display: inline; padding-right: 40px;} /*---------- SUBNAV ----------*/ #promolp.mobile #tabs ul.subnav {border: 0; border-bottom: 1px; border-style: solid; border-color: #ccc;} #promolp.mobile #tabs ul.subnav li {display: inline-block; font-size: 14px; font-weight: 700; margin: 0; padding: 12px 16px; position: relative; top: 2px;} #promolp.mobile #tabs ul.subnav li a {color: #000; display: block; padding: 6px;background: #FFF; text-decoration: none !important;} #promolp.mobile #tabs ul.subnav li.active {background: url('/bizcontent/general/subnav-selected.png') repeat-x bottom left; position: relative; top: 2px;} #promolp.mobile #tabs ul.subnav li a:hover {text-decoration: none; color: #cc0000;} #promolp.mobile a.para-textlink.active {font-weight: bold !important;} @media screen and (max-width: 640px) { #promolp.mobile #tabs nav {overflow: auto; white-space: nowrap; min-height: 56px; overflow-y: hidden;} #promolp.mobile .panel-container {padding: 10px;} } @media screen and (max-width: 320px) { #promolp.mobile #tabs ul.subnav {width: fit-content;} } /* DROP DOWN ACCORDION FAQS - RED CARET ON THE LEFT */ #promolp.mobile #bizaccordion-faq .ui-corner-all, #promolp.mobile #bizaccordion-faq .ui-corner-top {border-radius: 0;} #promolp.mobile #bizaccordion-faq .ui-accordion-header {padding: 10px 0 10px 20px;} #promolp.mobile #bizaccordion-faq .ui-state-default {background: transparent url(/bizcontent/general/buttons/caret-gray.png) no-repeat scroll left; background-size: 8px 15px; border: #bfbfc0 solid; border-width: 0 0 1px 0; font-weight: 600;padding: 0 0 0 16px; color: #404040; cursor: pointer; text-decoration: none !important;} #promolp.mobile #bizaccordion-faq .ui-state-default:hover {background: transparent url(/bizcontent/general/buttons/caret-red.png) no-repeat scroll left; background-size: 8px 15px; font-weight: 600;padding: 0 0 0 16px; text-decoration: none !important;} #promolp.mobile #bizaccordion-faq .ui-state-default:focus {border: 2px solid #63B5FF;} #promolp.mobile #bizaccordion-faq .ui-state-active {background: transparent url(/bizcontent/general/buttons/caret-accordion-gray.png) no-repeat scroll left; background-size: 15px 8px; border: none; border-width: 0; font-weight: 600;padding: 0 0 0 25px; cursor: pointer; color: #404040; text-decoration: none !important;} #bizaccordion .ui-state-active:hover {background: transparent url(/bizcontent/general/buttons/caret-accordion-red.png) no-repeat scroll left; background-size: 15px 8px; font-weight: 600;padding: 0 0 0 25px; color: #cc0000; text-decoration: none !important;} #promolp.mobile #bizaccordion-faq .ui-state-active:focus {border: 2px solid #63B5FF;} #promolp.mobile #bizaccordion-faq .ui-state-default a:hover, #promolp.mobile #bizaccordion-faq .ui-state-active a:hover {color:#cc0000;} #promolp.mobile #bizaccordion-faq .ui-state-default a:focus, #promolp.mobile #bizaccordion-faq .ui-state-active a:focus {border: 2px solid #63B5FF;} #promolp.mobile #bizaccordion-faq .ui-accordion-content {border: #bfbfc0 solid; border-width: 0 0 1px 0; overflow-x:hidden; padding: 0 0 20px 0;} #promolp.mobile #bizaccordion-faq h3 {padding-bottom: 10px !important; padding-top: 10px !important;} #promolp.mobile #bizaccordion-faq .ui-accordion-header a { padding-left: 1em;} #promolp.mobile #bizaccordion-faq a:focus{border: 2px solid #63B5FF;} #promolp.mobile #bizaccordion-faq .faqs p {margin: 10px 0 10px 0;} #promolp.mobile #bizaccordion-faq .faqs hr {margin: 5px 0 5px 0; border: 0; border-top: 1px solid #bfbfc0;} #promolp.mobile #bizaccordion-faq button {font-size: 16px; line-height: 20px; text-align: left;} #promolp.mobile #bizaccordion-faq .ui-accordion-header button {padding: 0;} #promolp.mobile #bizaccordion-faq .ui-state-default button {color: #000000;} #promolp.mobile #bizaccordion-faq .ui-state-active button {color: #000000;} #promolp.mobile #bizaccordion-faq .ui-accordion-content {padding: 0 0 20px 25px;} #promolp.mobile #bizaccordion-faq .ui-state-active, #promolp.mobile #bizaccordion-faq .ui-state-active:hover {background-position-y: 14px;} #promolp.mobile #bizaccordion-faq .ui-state-default, #promolp.mobile #bizaccordion-faq .ui-state-default:hover {background-position-y: 12px;} /*DROP DOWN ACCORDION FAQS - RED CARET ON THE LEFT */ /*-bizacordian3--*/ /* DROP DOWN ACCORDION FAQS - RED CARET ON THE LEFT */ #promolp.mobile #bizaccordion3.rx-faqs .ui-corner-all, #promolp.mobile #bizaccordion3.rx-faqs .ui-corner-top {border-radius: 0;} #promolp.mobile #bizaccordion3.rx-faqs .ui-accordion-header {padding: 10px 0 10px 20px;} #promolp.mobile #bizaccordion3.rx-faqs .ui-state-default {background: transparent url(/bizcontent/general/buttons/caret-red.png) no-repeat scroll left;background-size: 8px 15px; border: #bfbfc0 solid; border-width: 0 0 1px 0; font-weight: 600;cursor: pointer; text-decoration: none !important;} #promolp.mobile #bizaccordion3.rx-faqs .ui-state-active {background: transparent url(/bizcontent/general/buttons/caret-accordion-red.png) no-repeat scroll left; background-size: 15px 8px;border: none; border-width: 0; font-weight: 600; text-decoration: none !important;} #promolp.mobile #bizaccordion3.rx-faqs .ui-state-default a:hover, #promolp.mobile #bizaccordion3.rx-faqs .ui-state-active a:hover {color:#cc0000;} #promolp.mobile #bizaccordion3.rx-faqs .ui-state-default a:focus, #promolp.mobile #bizaccordion3.rx-faqs .ui-state-active a:focus {border: 2px solid #63B5FF;} #promolp.mobile #bizaccordion3.rx-faqs .ui-accordion-content {/*border: #bfbfc0 solid;*/ border-width: 0 0 1px 0; overflow-x:hidden; padding: 0 0 20px 16px;} #promolp.mobile #bizaccordion3.rx-faqs h3 {padding-bottom: 10px !important; padding-top: 10px !important;} #promolp.mobile #bizaccordion3.rx-faqs a:focus{border: 2px solid #63B5FF;} #promolp.mobile #bizaccordion3.rx-faqs .ui-accordion-header button {padding: 0;} #promolp.mobile #bizaccordion3.rx-faqs .ui-state-default button {color: #000000;font-size:20px;line-height:28px; padding-left: 16px} #promolp.mobile #bizaccordion3.rx-faqs .ui-state-active button {color: #000000;font-size:20px;line-height:28px; padding-left: 16px} .faqbutton{border-bottom:1px solid #cccccc;padding-top:22px;} #bizaccordion3 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:0px;background-color:transparent;background:none;} #promolp.mobile #bizaccordion3.acn-question1 .ui-state-default{border:0px!important;background-color:transparent;background:none;padding-left:0px;} #promolp.mobile #bizaccordion3.acn-question1 .ui-state-default:hover{border:0px!important;background-color:transparent;background:none;padding-left:0px;} #promolp.mobile #bizaccordion3.acn-question1 .ui-state-active{border:0px!important;background-color:transparent;background:none;padding-left:0px;} #promolp.mobile #bizaccordion3.acn-question1 .ui-state-active:hover{border:0px!important;background-color:transparent;background:none;padding-left:0px;} /*#promolp.mobile #bizaccordion3.rx-faqs .ui-accordion-header{padding-left:0px !important;}*/ /* RED DIVIDING LINE */ hr.redline {border: 0; border-top: 4px solid #c6423b; margin: 38px 0;} /* WHITE TEXT WHITE ANIMATED ARROW LINK - LARGE */ #promolp.mobile .white-arrow-anim-large a {text-decoration: none; display: flex; color: #ffffff; transition: all .35s ease;} #promolp.mobile .white-arrow-anim-large a:after {-webkit-transform: translateX(5px) scale(1); transform: translateX(5px) scale(1); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.mobile .white-arrow-anim-large a .white-arrow {display: inline; -ms-align-self: center; align-self: center; font-size: 24px; line-height: 28px; display: inline-block; text-align: left; padding: 0; color: #ffffff;} #promolp.mobile .white-arrow-anim-large a .white-arrow:after {content:'';background-image:url(/bizcontent/marketing/symphony/images/white-arrow.svg); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.mobile .white-arrow-anim-large:hover > a > span:after{-webkit-transform:translateX(5px) scale(1); transform:translateX(5px) scale(1);} @media screen and (max-width: 640px) { #promolp.mobile .white-arrow-anim-large a .white-arrow {font-size: 18px; line-height: 22px;} } .three-col a:hover{text-decoration: none;} /* WHITE TEXT WHITE ANIMATED ARROW LINK - SMALL */ #promolp.mobile .white-arrow-anim-small a {text-decoration: none; display: flex; color: #ffffff; transition: all .35s ease;} #promolp.mobile .white-arrow-anim-small a:after {-webkit-transform: translateX(5px) scale(.71); transform: translateX(5px) scale(.71); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.mobile .white-arrow-anim-small a .white-arrow {display: inline; -ms-align-self: center; align-self: center; font-size: 16px; line-height: 24px; display: inline-block; text-align: left; padding: 0; color: #ffffff;} #promolp.mobile .white-arrow-anim-small a .white-arrow:after {content:'';background-image:url(/bizcontent/marketing/symphony/images/white-arrow.svg); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(.76); transform: translateX(0) scale(.76); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.mobile .white-arrow-anim-small:hover > a > span:after{-webkit-transform:translateX(5px) scale(.76); transform:translateX(5px) scale(.76);} /* BLACK TEXT RED ANIMATED ARROW LINK */ #promolp.mobile .red-arrow-anim {text-decoration: none; color: #000000; transition: all .35s ease;} #promolp.mobile .red-arrow-anim:after {-webkit-transform: translateX(5px) scale(.71); transform: translateX(5px) scale(.71); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.mobile .red-arrow-anim .red-arrow {display: inline; -ms-align-self: center; align-self: center; font-size: 16px; line-height: 24px; display: inline-block; text-align: left; padding: 0; color: #000000;} #promolp.mobile .red-arrow-anim .red-arrow:after {content:'';background-image:url("/bizcontent/marketing/symphony/images/caret-red.png"); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(.76); transform: translateX(0) scale(.76); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.mobile .red-arrow-anim:hover > span:after{-webkit-transform:translateX(5px) scale(.76); transform:translateX(5px) scale(.76);} #promolp.mobile .red-arrow-anim .red-arrow:after {content:'';background-image:url(/bizcontent/marketing/symphony/images/caret-red.png); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(.76); transform: translateX(0) scale(.76); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.mobile .red-arrow-anim:hover > a > span:after{-webkit-transform:translateX(5px) scale(.76); transform:translateX(5px) scale(.76);} /* BLACK TEXT RED ANIMATED ARROW LINK - LARGE AND BOLD */ #promolp.mobile .red-arrow-anim-lg a {text-decoration: none; display: flex; color: #000000; transition: all .35s ease;} #promolp.mobile .red-arrow-anim-lg a:after {-webkit-transform: translateX(5px) scale(.71); transform: translateX(5px) scale(.71); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.mobile .red-arrow-anim-lg a .red-arrow {display: inline; -ms-align-self: center; align-self: center; font-size: 20px; line-height: 24px; font-weight: bold; display: inline-block; padding: 0; color: #000000;} #promolp.mobile .red-arrow-anim-lg a .red-arrow:after {content:'';background-image:url(/bizcontent/marketing/symphony/images/caret-red.png); width: 20px; height: 17px; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 5px; -webkit-transform: translateX(0) scale(.76); transform: translateX(0) scale(.76); transition-duration: .3s; transition-timing-function: ease-in;} #promolp.mobile .red-arrow-anim-lg:hover > a > span:after{-webkit-transform:translateX(5px) scale(.76); transform:translateX(5px) scale(.76);} /* DROP DOWN ACCORDION FAQS - RED CARET ON THE RIGHT */ #promolp.mobile #bizaccordion .ui-state-default {background: transparent url(/bizcontent/general/buttons/caret-accordion-red-hover.png) no-repeat scroll right; background-size: 15px 8px; border: #bfbfc0 solid; border-width: 0 0 0px 0; font-weight: 600;padding: 0 0 0 0; color: #000; cursor: pointer; text-decoration: none !important;} #promolp.mobile #bizaccordion .ui-state-default:hover {background: transparent url(/bizcontent/general/buttons/caret-accordion-red.png) no-repeat scroll right; background-size: 15px 8px; font-weight: 600;padding: 0 0 0 0; text-decoration: none !important;} #promolp.mobile #bizaccordion .ui-state-active {background: transparent url(/bizcontent/general/buttons/caret-accordion-red-up.png) no-repeat scroll right; background-size: 15px 8px; border: none; border-width: 0; font-weight: 600;padding: 0 0 0 0; cursor: pointer; color: #000; text-decoration: none !important;} #promolp.mobile #bizaccordion .ui-state-active:hover {background: transparent url(/bizcontent/general/buttons/caret-accordion-red-hover-up.png) no-repeat scroll right; background-size: 15px 8px; font-weight: 600;padding: 0 0 0 0; color: #cc0000; text-decoration: none !important;} #promolp.mobile #bizaccordion .ui-state-default button {margin-top: 0; margin-left: 12px;} #promolp.mobile #bizaccordion .ui-state-default svg {vertical-align: middle;} #promolp.mobile #bizaccordion .ui-state-active button {margin-top: 0; margin-left: 12px; color: #cc0000;} #promolp.mobile #bizaccordion .ui-state-active svg {vertical-align: middle;} /* DROP DOWN ACCORDION FAQS - RED CARET ON THE RIGHT */ #promolp.mobile #bizaccordion2 .ui-state-default {background: transparent url(/bizcontent/general/buttons/caret-accordion-red-hover.png) no-repeat scroll right; background-size: 15px 8px; border:none; border-width: 0 0 1px 0; font-weight: 600;padding: 0 0 0 25px; color: #000; cursor: pointer; text-decoration: none !important;} #promolp.mobile #bizaccordion2 .ui-state-default:hover {background: transparent url(/bizcontent/general/buttons/caret-accordion-red.png) no-repeat scroll right; background-size: 15px 8px; font-weight: 600;padding: 0 0 0 0px; text-decoration: none !important;} #promolp.mobile #bizaccordion2 .ui-state-active {background: transparent url(/bizcontent/general/buttons/caret-accordion-red-up.png) no-repeat scroll right; background-size: 15px 8px; border: none; border-width: 0; font-weight: 600;padding: 0 0 0 0px; cursor: pointer; color: #000; text-decoration: none !important;} #promolp.mobile #bizaccordion2 .ui-state-active:hover {background: transparent url(/bizcontent/general/buttons/caret-accordion-red-hover-up.png) no-repeat scroll right; background-size: 15px 8px; font-weight: 600;padding: 0 0 0 0px; color: #cc0000; text-decoration: none !important;} #promolp.mobile #bizaccordion2 .ui-state-default button {margin-top: 0; margin-left: 12px; text-align: left; margin-bottom: 12px} #promolp.mobile #bizaccordion2 .ui-state-default svg {vertical-align: middle;} #promolp.mobile #bizaccordion2 .ui-state-active button {margin-top: 0; margin-left: 12px; color: #cc0000; text-align: left; margin-bottom: 12px; padding-top:14px} #promolp.mobile #bizaccordion2 .ui-state-active svg {vertical-align: middle;} @media screen and (max-width: 640px) { #promolp.mobile #bizaccordion .ui-state-default {padding: 0;} #promolp.mobile #bizaccordion .ui-state-default:hover {padding: 0;} #promolp.mobile #bizaccordion .ui-state-active {padding: 0;} #promolp.mobile #bizaccordion .ui-state-active:hover {padding: 0;} #promolp.mobile #bizaccordion .ui-state-default button {margin-left: 8px;} #promolp.mobile #bizaccordion .ui-state-active button {margin-left: 8px;} } /* SVG CIRCLES */ #promolp.mobile .svg-circle-red {fill: #CC0000 !important;} #promolp.mobile .svg-icon-white {fill: #FFF !important;}