body{background-color:#535353;} @media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){ #product_rotator{}} #product_rotator *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);} #product_rotator .product_wrap{margin:0 auto;max-width:1200px;} #product_rotator ul{width:100%;height:auto;list-style:none;margin:0 auto;padding:0;display:table;} #product_rotator ul:hover li.directmail a .selector_icon,#product_rotator ul:focus li.directmail a .selector_icon{opacity:0.5;filter:alpha(opacity=50);box-shadow:0 0 0 rgba(0,0,0,0.5);} #product_rotator ul li{color:#535353;text-align:center;display:table-cell;width:12.5%;} #product_rotator ul li .contentwrap{position:absolute;width:100%;height:200px;left:0; right:0;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;display:table;background:#FFFFFF;min-height:175px;max-height:175px;overflow:hidden;} #product_rotator ul #content_background:after{content:"";width:100%;height:300px;top:150px;left:0;position:absolute;z-index:0;background:#333333;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} #product_rotator ul li.directmail:hover ~ #content_background:after,#product_rotator ul li.directmail:focus ~ #content_background:after{background:#f5851f;} #product_rotator ul li.email:hover ~ #content_background:after,#product_rotator ul li.email:focus ~ #content_background:after{background:#FFA100;} #product_rotator ul li.mobile:hover ~ #content_background:after,#product_rotator ul li.mobile:focus ~ #content_background:after{background:#7AB800;} #product_rotator ul li.social:hover ~ #content_background:after,#product_rotator ul li.social:focus ~ #content_background:after{background:#65CFE9;} #product_rotator ul li.web:hover ~ #content_background:after,#product_rotator ul li.web:focus ~ #content_background:after{background:#B382C7;} #product_rotator ul li.marketingautomation:hover ~ #content_background:after,#product_rotator ul li.marketingautomation:focus ~ #content_background:after{background:#EB67B9;} #product_rotator ul li.dataandanalytics:hover ~ #content_background:after,#product_rotator ul li.dataandanalytics:focus ~ #content_background:after{background:#99CCC3;} #product_rotator ul li:hover.platform .contentwrap,#product_rotator ul li:focus.platform .contentwrap{background:#8E908F;} #product_rotator ul li.directmail .contentwrap{background-color:#FFFFFF;margin-top:15px;} #product_rotator ul:hover li.directmail .contentwrap,#product_rotator ul:focus li.directmail .contentwrap{opacity:0;filter:alpha(opacity=0);} #product_rotator ul li.email .contentwrap{opacity:0;filter:alpha(opacity=0);margin-top:15px;} #product_rotator ul li.mobile .contentwrap{opacity:0;filter:alpha(opacity=0);margin-top:15px;} #product_rotator ul li.social .contentwrap{opacity:0;filter:alpha(opacity=0);margin-top:15px;} #product_rotator ul li.web .contentwrap{opacity:0;filter:alpha(opacity=0);margin-top:15px;} #product_rotator ul li.directmail:hover .contentwrap,#product_rotator ul li.directmail:focus .contentwrap{opacity:1;filter:alpha(opacity=100);z-index:20;} #product_rotator ul li.email:hover .contentwrap,#product_rotator ul li.email:focus .contentwrap{opacity:1;filter:alpha(opacity=100);z-index:3;} #product_rotator ul li.mobile:hover .contentwrap,#product_rotator ul li.mobile:focus .contentwrap{opacity:1;filter:alpha(opacity=100);z-index:3;} #product_rotator ul li.social:hover .contentwrap,#product_rotator ul li.social:focus .contentwrap{opacity:1;filter:alpha(opacity=100);z-index:3;} #product_rotator ul li.web:hover .contentwrap,#product_rotator ul li.web:focus .contentwrap{opacity:1;filter:alpha(opacity=100);z-index:3;} #product_rotator ul li.marketingautomation:hover .contentwrap,#product_rotator ul li.marketingautomation:focus .contentwrap{opacity:1;filter:alpha(opacity=100);z-index:3;} #product_rotator ul li.dataandanalytics:hover .contentwrap,#product_rotator ul li.dataandanalytics:focus .contentwrap{opacity:1;filter:alpha(opacity=100);z-index:3;} #product_rotator ul li.platform:hover .contentwrap,#product_rotator ul li.platform:focus .contentwrap{opacity:1;filter:alpha(opacity=100);z-index:3;} #product_rotator ul li .contentwrap .content{max-width:1100px;width:80%;height:153px;margin:15px auto;vertical-align:middle;padding:0 !important;background-color:#FFFFFF;} #product_rotator ul li .contentwrap .content h2{margin-left:auto;margin-right:auto;-webkit-margin-before: 0px;-webkit-margin-after: 10px;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: bold;font-size:30px;color:#3b6380;font-weight:500;} #product_rotator ul li .contentwrap .content h3{margin:0px auto 20px auto !important;max-width:1100px;-webkit-margin-before: -3px;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px;-webkit-margin-end: 0px; font-weight: 500; font-size:16px;}} #product_rotator ul li .contentwrap .content a.form-submit{color: #FFFFFF;background-color: #f5851f;padding: 5px 20px;font-weight: bold;border-radius: 5px;box-shadow: 0px 4px 0px #f26d00;} #product_rotator ul li .contentwrap .content a.form-submit:hover{background-color: #f26d00 !important;box-shadow: 0px 4px 0px #c45400!important; padding: 10px 20px;font-weight: bold;border-radius: 50px;} #product_rotator ul li .contentwrap .content a.form-submit span{font-size:15px;top:1px;position:relative;} #product_rotator ul li.directmail .contentwrap .content a.form-submit{color: #FFFFFF;background-color: #f5851f;padding: 5px 20px;font-weight: bold;border-radius: 5px;box-shadow: 0px 4px 0px #f26d00;} #product_rotator ul li.email .contentwrap .content a.form-submit{color: #FFFFFF;background-color: #f5851f;padding: 5px 20px;font-weight: bold;border-radius: 5px;box-shadow: 0px 4px 0px #f26d00;} #product_rotator ul li.mobile .contentwrap .content a.form-submit{color: #FFFFFF;background-color: #f5851f;padding: 5px 20px;font-weight: bold;border-radius: 5px;box-shadow: 0px 4px 0px #f26d00;} #product_rotator ul li.social .contentwrap .content a.form-submit{color: #FFFFFF;background-color: #f5851f;padding: 5px 20px;font-weight: bold;border-radius: 5px;box-shadow: 0px 4px 0px #f26d00;} #product_rotator ul li.web .contentwrap .content a.form-submit{color: #FFFFFF;background-color: #f5851f;padding: 5px 20px;font-weight: bold;border-radius: 5px;box-shadow: 0px 4px 0px #f26d00;} #product_rotator ul li .selector{margin-top:0px;height:100px;position:relative;z-index:10;} #product_rotator ul li .selector a{color:#fff;display:block;width:100%;height:120px;line-height:1.3em;} .isMobile #product_rotator ul li .selector:after{content:"";position:absolute;width:100%;height:100%;z-index:50;top:0;left:0;} #product_rotator ul li .selector a:hover,#product_rotator ul li .selector a:focus{text-decoration:none;} #product_rotator ul li .selector a span{top:10px;position:relative;font-size:14px;} #product_rotator ul li .selector a .selector_icon{margin-top:5px;font-size:40px;line-height:60px;width:54px;height:54px;margin:0 auto;color:#fff;opacity:0.5;filter:alpha(opacity=50);-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;} #product_rotator ul li.directmail a .selector_icon{opacity:1;filter:alpha(opacity=100);box-shadow:0px 5px 0px rgba(0,0,0,0.15);border-radius:50px;} #product_rotator ul li.email a .selector_icon{} #product_rotator ul li.mobile a .selector_icon{} #product_rotator ul li.social a .selector_icon{} #product_rotator ul li.web a .selector_icon{} #product_rotator ul li.directmail:hover a .selector_icon,#product_rotator ul li.directmail:focus a .selector_icon{opacity:1;filter:alpha(opacity=100);box-shadow:0px 5px 0px rgba(0,0,0,0.15);} #product_rotator ul:hover li.directmail:hover .contentwrap,#product_rotator ul:focus li.directmail:focus .contentwrap{opacity:1;filter:alpha(opacity=100);} #product_rotator ul:hover li.directmail:hover a .selector_icon,#product_rotator ul:focus li.directmail:focus a .selector_icon{opacity:1;filter:alpha(opacity=100);box-shadow:0px 5px 0px rgba(0,0,0,0.15);border-radius:50px;} #product_rotator ul:hover li.directmail:hover a .selector_icon,#product_rotator ul:focus li.directmail:focus a .selector_icon{opacity:1;filter:alpha(opacity=100);box-shadow:0px 5px 0px rgba(0,0,0,0.15);border-radius:50px;} #product_rotator ul li.email:hover a .selector_icon,#product_rotator ul li.email:focus a .selector_icon{opacity:1;filter:alpha(opacity=100);box-shadow:0px 5px 0px rgba(0,0,0,0.15);border-radius:50px;} #product_rotator ul li.mobile:hover a .selector_icon,#product_rotator ul li.mobile:focus a .selector_icon{opacity:1;filter:alpha(opacity=100);box-shadow:0px 5px 0px rgba(0,0,0,0.15);border-radius:50px;} #product_rotator ul li.social:hover a .selector_icon,#product_rotator ul li.social:focus a .selector_icon{opacity:1;filter:alpha(opacity=100);box-shadow:0px 5px 0px rgba(0,0,0,0.15);border-radius:50px;} #product_rotator ul li.web:hover a .selector_icon,#product_rotator ul li.web:focus a .selector_icon{opacity:1;filter:alpha(opacity=100);box-shadow:0px 5px 0px rgba(0,0,0,0.15);border-radius:50px;} #indicator_wrap{width:100%;position:absolute;left:0;top:0;z-index:0;}#indicator_wrap .indicator_subwrap{max-width:1000px;width:100%;margin:0 auto;position:relative;} #indicator_wrap .indicator{position:absolute;margin-left:6.25%;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;top:300px;display:block;} #indicator_wrap .indicator:after{content:"";position:absolute;top:100%;margin-left:-10px;border-left:10px solid transparent;border-top:10px solid #f5851f;border-right:10px solid transparent;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} #product_rotator ul li.directmail:hover ~ #indicator_wrap .indicator,#product_rotator ul li.directmail:focus ~ #indicator_wrap .indicator{left:0%;} #product_rotator ul li.directmail:hover ~ #indicator_wrap .indicator:after,#product_rotator ul li.directmail:focus ~ #indicator_wrap .indicator:after{border-top-color:#f5851f;} #product_rotator ul li.email:hover ~ #indicator_wrap .indicator,#product_rotator ul li.email:focus ~ #indicator_wrap .indicator{left:12.5%;} #product_rotator ul li.email:hover ~ #indicator_wrap .indicator:after,#product_rotator ul li.email:focus ~ #indicator_wrap .indicator:after{border-top-color:#FFA100;} #product_rotator ul li.mobile:hover ~ #indicator_wrap .indicator,#product_rotator ul li.mobile:focus ~ #indicator_wrap .indicator{left:25%;} #product_rotator ul li.mobile:hover ~ #indicator_wrap .indicator:after,#product_rotator ul li.mobile:focus ~ #indicator_wrap .indicator:after{border-top-color:#7AB800;} #product_rotator ul li.social:hover ~ #indicator_wrap .indicator,#product_rotator ul li.social:focus ~ #indicator_wrap .indicator{left:37.5%;} #product_rotator ul li.social:hover ~ #indicator_wrap .indicator:after,#product_rotator ul li.social:focus ~ #indicator_wrap .indicator:after{border-top-color:#65CFE9;} #product_rotator ul li.web:hover ~ #indicator_wrap .indicator,#product_rotator ul li.web:focus ~ #indicator_wrap .indicator{left:50%;} #product_rotator ul li.web:hover ~ #indicator_wrap .indicator:after,#product_rotator ul li.web:focus ~ #indicator_wrap .indicator:after{border-top-color:#B382C7;} #product_rotator ul li.marketingautomation:hover ~ #indicator_wrap .indicator,#product_rotator ul li.marketingautomation:focus ~ #indicator_wrap .indicator{left:62.5%;} #product_rotator ul li.marketingautomation:hover ~ #indicator_wrap .indicator:after,#product_rotator ul li.marketingautomation:focus ~ #indicator_wrap .indicator:after{border-top-color:#EB67B9;} #product_rotator ul li.dataandanalytics:hover ~ #indicator_wrap .indicator,#product_rotator ul li.dataandanalytics:focus ~ #indicator_wrap .indicator{left:75%;} #product_rotator ul li.dataandanalytics:hover ~ #indicator_wrap .indicator:after,#product_rotator ul li.dataandanalytics:focus ~ #indicator_wrap .indicator:after{border-top-color:#99CCC3;} #product_rotator ul li.platform:hover ~ #indicator_wrap .indicator,#product_rotator ul li.platform:focus ~ #indicator_wrap .indicator{left:87.5%;}#product_rotator ul li.platform:hover ~ #indicator_wrap .indicator:after,#product_rotator ul li.platform:focus ~ #indicator_wrap .indicator:after{border-top-color:#8E908F;} div.selector_icon {}