/*COLORS Montserrat #1F2b4a -dkblue- #238FBE -ltblue- text must be bold #e03c31 -red- text must be bold #13958d -teal- text must be bold #689400 -green- text must be bold #DB6300 -orange- text must be bold #9D8558 -gold- text must be bold #EB0071 - ltberry #A50050 - dkberry / berry */ /* RESET */ body,html{width:100%;font-size:100%;color:#000;font-family:Lato, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";background-color:#fff;overflow-x:hidden;line-height:1.5;} *{margin:0px;box-sizing:border-box;} /* PAGE LOADER */ #pageload{height:100%;width:100%;position:fixed;z-index:9999;background-color:#fff;} #pageload .loader{ position: relative; top: 50%; transform: translateY(-50%);margin-top:-80px;} .loader,.loader:after,.loader:before{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation:load7 1.8s infinite ease-in-out;animation:load7 1.8s infinite ease-in-out}.loader{color:#CCC;font-size:10px;margin:0 auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:before{left:-3.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:3.5em}.loader:after,.loader:before{content:'';position:absolute;top:0}@-webkit-keyframes load7{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes load7{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}} /* ANIMATION CONTROLS*/ .scrollAnimate, .slideAnimate{opacity:0;} .scrollAnimate.animated, .slideAnimate.animated{opacity:1;} body.mobile .scrollAnimate, body.mobile .slideAnimate{opacity:1;} h1 br {clear: none;} br{clear:both;} address br{clear:none;} /*##################################################################################################################################################################################### #### STRUCTURE ######################################################################################################################################################################## ####################################################################################################################################################################################*/ .col_full { width: 100%; } .col_half { width: 48%; } .col_one_third { width: 30.63%; } .col_two_third { width: 65.33%; } .col_one_fourth { width: 22%; } .col_three_fourth { width: 74%; } .col_one_fifth { width: 16.8%; } .col_two_fifth { width: 37.6%; } .col_three_fifth { width: 58.4%; } .col_four_fifth { width: 79.2%; } .col_one_sixth { width: 13.33%; } .col_five_sixth { width: 82.67%; } .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth,.col_one_sixth, .col_five_sixth { display: block;position: relative;margin-right: 4%;float: left;text-align:left;} .col_full {clear: both; float: none; margin-right: 0;} .col_last{margin-right: 0 !important; clear: right;} header, #header, main, #content, footer, #footer, article, section{display:block;} section,.section{padding:48px 0px;background-color:#fff;} .section#hero, section#hero{padding:0px;} main#content{background-color:#fff;position:relative;} .section.nomargin{padding:0px;} .section.notopmargin, .container + .container.notopmargin,.notopmargin{padding-top:0px;} .section.nobottommargin{padding-bottom:0px;} .section.divider{padding-bottom:0px;} .section.divider .container:last-child{border-bottom:2px Solid #ccc;padding-bottom:64px;} .section.divider + .section{padding-top:64px;} .container{max-width:1080px;margin:0px auto;padding:0px;position:relative;} .container:after, .section:after, #footer:after{content:' ';display:block;clear:both;} .container.small{max-width:800px;} .container.xsmall{max-width:680px;} .container + .container{margin-top:64px;} .listing .container + .container{margin-top:64px;} .container.dividerbottom{border-bottom:2px Solid #CCC;padding-bottom:16px;} .container.dividerbottom + .container{margin-top:32px;} .section.dkblue, section.dkblue{background-color:#1F2b4a;} .section.ltgray, section.ltgray, div.ltgray .section, .container.ltgray{background-color:#efefef;} .section.green, section.green{background-color:#689400;} .section.ltgreen, section.ltgreen{background-color:#83bd41} /*##################################################################################################################################################################################### #### HEADER ########################################################################################################################################################################### ####################################################################################################################################################################################*/ a#skiptocontent{left:-9999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-9999;} a#skiptocontent:focus, a#skiptocontent:active {color: #fff;background-color:#238FBE;left: 8px;top: 8px;width: 256px;height: auto;overflow:auto;padding:8px;border-radius: 8px;border:2px solid #fff;text-align:center;font-size:19px;z-index:99999;outline:0;} /*TOP NAV*/ #header{position:fixed;top:0px;left:0px;width:100%;z-index:999;} #header nav.topnav{display:block;background-color:#1F2b4a;height:32px;padding:7px 0;line-height:1;} #header nav.topnav ul, #header nav.topnav ul li{display:block;list-style:none;padding:0px;margin:0px;} #header nav.topnav ul li{display:inline-block;} #header nav.topnav ul li a{display:block;text-decoration:none;color:#fff;} #header nav.topnav ul li a svg{fill:#fff;transition:all .25s ease-in-out;} #header nav.topnav ul li a:hover svg{fill:#29abe2;} #header nav.topnav ul.left{float:left;} #header nav.topnav ul.left li{margin-right:16px;} #header nav.topnav ul.left li:last-child{margin-right:0px;} #header nav.topnav ul.left li a{height:16px;width:16px;} #header nav.topnav ul.right{float:right;} #header nav.topnav ul.right li{margin-left:24px;} #header nav.topnav ul.right li:first-child{margin-left:0px;} #header nav.topnav ul.right li a {font-size:14px;line-height:16px;} #header nav.topnav ul.right li a:hover {text-decoration:underline;} #header nav.topnav ul.right li a span.icon{float:left;display:block;height:16px;width:16px;margin-right:6px;} /*TOP NAV SEARCH*/ #header nav.topnav .container{position:static;} #header nav.topnav .searchbox .container{position:relative;} #search-trigger + .searchbox{ background-color:#238FBE; width:100%; height:0px; position:absolute; left:0px; top:32px; transition:all .25s ease-in-out; z-index:9999; overflow:hidden; } #search-trigger.active + .searchbox{ display:block;height:80px; } .searchbox label{display:none;} .searchbox input[type=text]{ background-color:transparent; border:none;appearance:none; color:#fff; font-family:lato; font-size:24px; border-bottom:1px Solid #fff; line-height:40px; margin-top:20px; outline:0; width:100%; line-height:1; padding:8px 0; } .searchbox input[type=text]:focus{/*border-bottom:1px Solid #238FBE;*/} .searchbox input[type=text]::-webkit-input-placeholder {color: #fff;} .searchbox input[type=text]:-ms-input-placeholder {color: #fff;} .searchbox input[type=text]:placeholder {color: #fff;} .searchbox input[type=text]:focus::-webkit-input-placeholder {color: rgba(255,255,255,.75);} .searchbox input[type=text]:focus:-ms-input-placeholder {color: rgba(255,255,255,.75);} .searchbox input[type=text]:focus::placeholder {color: rgba(255,255,255,.75);} .searchbox #btnSearch{display:block;appearance:none;height:80px;width:80px;float:right;padding:26px;position:absolute;top:0px;right:-20px;background:transparent;border:none;outline:0;} .searchbox #btnSearch span{display:none;} .searchbox #btnSearch svg{fill:#fff;} #search-trigger + .searchbox{visibility:hidden;} #search-trigger.active + .searchbox{visibility:visible;} /*BASE NAV*/ #header .base{height:80px;background-color:rgba(255,255,255,1);box-shadow:0px 8px 16px rgba(0,0,0,.15);box-shadow:none !important;} #header .base a.logo{display:block;height:60px;width:60px;float:left;margin:10px 0;} #header .base a.logo svg .navy{fill:#1F2b4a;} #header .base a.logo svg .white{fill:#fff;} nav.mainmenu{display:block;width:calc(100% - 60px);font-size:0;position:relative;float:right;padding:20px 0 0 0;} nav.mainmenu ul, .mainmenu ul li{display:block;list-style:none;padding:0px;margin:0px;font-size:0;width:100%;} nav.mainmenu ul li{display:inline-block;width:16.66%;width:20%;text-align:center;} nav.mainmenu ul li a{display:block;font-size:20px;font-weight:bold;text-decoration:none;color:#1F2b4a;line-height:40px;padding-bottom:20px;} nav.mainmenu > ul > li > a{position:relative;} nav.mainmenu > ul > li > a.level1:after{content:'\25be';color:#1F2b4a;opacity:0;display:block;width:100%;text-align:center;position:absolute;bottom:-2px;font-size:24px;transition:all .25s ease-in-out;pointer-events:none;} nav.mainmenu > ul > li > a.level1.active:after{opacity:1;} /*HOMEPAGE INTRO NAV*/ #header.home .base{background-color:rgba(255,255,255,.0);box-shadow: 0px 0px 0px rgba(0,0,0,.0);transition:all .25s ease-in-out;} #header.home .base nav.mainmenu{display:block;width:100%;transition:all .25s ease-in-out;} #header.home .base a.logo{opacity:0;pointer-events:none;position:absolute;} @media speech{ #header.home .base a.logo{display:none;} } #header.home.sticky .base, #header.home.opennav .base{background-color:rgba(255,255,255,1);box-shadow:0px 8px 16px rgba(0,0,0,.15);} #header.home.sticky .base nav.mainmenu, #header.home.opennav .base nav.mainmenu{display:block;width:calc(100% - 60px);} #header.home.sticky .base a.logo, #header.home.opennav .base a.logo{opacity:1;pointer-events:all;display:block;} /*DECREASE HEADER SIZE ON STICKY */ #header .base, #header .base a.logo, #header nav.mainmenu, #header .mainmenu ul li a{transition:all .25s ease-in-out;} #header.sticky .base{height:60px;} #header.sticky .base a.logo{margin:5px 0;height:50px;width:50px;} #header.sticky nav.mainmenu{padding-top:0px;} #header.sticky nav.mainmenu ul.main > li > a{padding-bottom:0px;line-height:60px;} #header.sticky nav.mainmenu ul li a.level1{padding-bottom:0px;line-height:60px;} #header.sticky nav.mainmenu > ul > li > a.level1:after{bottom:-24px;} /* HOVER UNDERLINES */ #header nav.mainmenu > ul > li > a strong{display:inline-block;position:relative;} #header nav.mainmenu > ul > li > a.active strong:after{display:none;} #header nav.mainmenu > ul > li > a strong:after{content:'';display:block;width:0%;left:50%;position:absolute;height:2px;background-color:#1F2b4a;bottom:-2px;transition:all .25s ease-in-out;} #header.sticky nav.mainmenu > ul > li > a strong:after{bottom:12px;} #header nav.mainmenu > ul > li > a:hover strong:after{width:100%;left:0px;} #header nav.mainmenu > ul > li.current > a strong:after{width:100%;left:0px;} /* HIDE INTRO LOGO ON SCROLL */ /* #header.home + #hero .banner-home .logo{opacity:1;transition:all .25s ease-in-out;} #header.home.sticky + #hero .banner-home .logo{opacity:0;height:0px;width:0px;margin-bottom:64px;} */ /*MEGA DROPDOWN*/ nav.mainmenu > ul > li > a + div.container.mega{position:absolute;left:0;background-color:#fff;width:calc(100% + 188px);margin-left:-124px;max-width:1208px;padding:32px 0;box-shadow:0px 8px 8px rgba(0,0,0,.15);z-index:999;} nav.mainmenu > ul > li > a + div.container.mega.m1{display:none;} nav.mainmenu > ul > li > a + div.container.mega.m2{display:none;} nav.mainmenu > ul > li > a + div.container.mega.m3{display:none;} /*MEGA MENU STYLE 1*/ nav.mainmenu .mega.m1 ul{width:20%;float:left;display:block;border-right:1px Solid #CCC;min-height:328px;} nav.mainmenu .mega.m1 ul:last-child{border-right:none;} nav.mainmenu .mega.m1 ul li{width:100%;display:block;text-align:left;} nav.mainmenu .mega.cols ul li .icon{background-color:#1F2b4a;border-radius:50%;height:96px;width:96px;margin:0px auto;padding:12px;margin-bottom:8px;} nav.mainmenu .mega.cols ul li .icon svg{fill:#fff;} nav.mainmenu .mega.cols ul li.title strong{display:block;text-align:center;} nav.mainmenu .mega.cols ul li.title a{text-transform:uppercase;font-size:17px;text-align:center;font-family:Montserrat;display:inline-block;margin:0px auto !important;} nav.mainmenu .mega.cols ul li a{padding-bottom:0px;line-height:32px;font-size:16px;position:relative;display:inline-block;} nav.mainmenu .mega.m1 ul li.title a:before{display:none;} nav.mainmenu .mega.m1 ul li a:before{display: block;content: '\25b8';color: #1F2b4a;position: absolute;margin-left:-18px;transition:all .25s ease-in-out;} nav.mainmenu .mega.m1 ul li.title a:after{display:inline-block;content:'';height:2px;background-color:#1F2b4a;position:absolute;bottom:0px;width:0%;left:50%;transition:all .25s ease-in-out;} nav.mainmenu .mega.m1 ul li.title a:hover:after{width:100%;left:0px;} nav.mainmenu .mega.m1 ul.sub1 li a{margin-left:21%;} nav.mainmenu .mega.m1 ul.sub2 li a{margin-left:31%;} nav.mainmenu .mega.m1 ul.sub3 li a{margin-left:22%;} nav.mainmenu .mega.m1 ul.sub4 li a{margin-left:23%;} nav.mainmenu .mega.m1 ul.sub5 li a{margin-left:24%;} nav.mainmenu .mega ul.ltblue li .icon{background-color:#238FBE !important;} nav.mainmenu .mega ul.red li .icon{background-color:#e03c31 !important;} nav.mainmenu .mega ul.teal li .icon{background-color:#13958d !important;} nav.mainmenu .mega ul.green li .icon{background-color:#689400 !important;} nav.mainmenu .mega ul.orange li .icon{background-color:#DB6300 !important;} nav.mainmenu .mega ul.gold li .icon{background-color:#9D8558 !important;} nav.mainmenu .mega ul.berry li .icon{background-color:#A50050 !important;} nav.mainmenu .mega.m1 ul li a:hover:before{transform:scale(1.5);} nav.mainmenu .mega.m1 ul.ltblue li a:hover:before{color:#238FBE;} nav.mainmenu .mega.m1 ul.red li a:hover:before{color:#e03c31;} nav.mainmenu .mega.m1 ul.teal li a:hover:before{color:#13958d;} nav.mainmenu .mega.m1 ul.green li a:hover:before{color:#689400;} nav.mainmenu .mega.m1 ul.orange li a:hover:before{color:#DB6300;} nav.mainmenu .mega.m1 ul.gold li a:hover:before{color:#9D8558;} nav.mainmenu .mega.m1 ul.berry li a:hover:before{color:#A50050;} nav.mainmenu .mega.m1 ul.ltblue li a:hover:after{background-color:#238FBE;} nav.mainmenu .mega.m1 ul.red li a:hover:after{background-color:#e03c31;} nav.mainmenu .mega.m1 ul.teal li a:hover:after{background-color:#13958d;} nav.mainmenu .mega.m1 ul.green li a:hover:after{background-color:#689400;} nav.mainmenu .mega.m1 ul.orange li a:hover:after{background-color:#DB6300;} nav.mainmenu .mega.m1 ul.gold li a:hover:after{background-color:#9D8558;} nav.mainmenu .mega.m1 ul.berry li a:hover:after{background-color:#A50050;} /*MEGA STYLE 2*/ /* nav.mainmenu .mega.m2 ul{width:25%;float:left;display:block;border-right:1px Solid #CCC;min-height:328px;padding:0 16px;} nav.mainmenu .mega.m2 ul:last-child{border-right:none;} nav.mainmenu .mega.m2 ul li{width:100%;display:block;text-align:left;}*/ nav.mainmenu .mega.m2 ul li{width:100%;display:block;text-align:left;padding:0 16px;} nav.mainmenu .mega.m2 .mlc{width:47%;float:left;} nav.mainmenu .mega.m2 ul.sub1{} nav.mainmenu .mega.m2 ul.sub2{} nav.mainmenu .mega.m2 ul.sub3{} nav.mainmenu .mega.m2 ul.sub4{width:53%;float:right;position:relative;border-left:1px Solid #CCC;padding-left:32px;/*min-height:360px;*/} nav.mainmenu .mega.m2 ul li p{font-size:16px;color:#000;} /* nav.mainmenu .mega.m2 ul li img{display:block;width:100%;display:none;} */ nav.mainmenu .mega.m2 ul li .icon{background-color:#1F2b4a;border-radius:50%;height:96px;width:96px;padding:12px;float:left;margin-right:16px;} nav.mainmenu .mega.m2 ul li .icon svg{fill:#fff;} nav.mainmenu .mega.m2 ul li.title a{text-transform: uppercase;font-size: 20px;font-family: Montserrat;padding-bottom:0px;} nav.mainmenu .mega.m2 ul.sub4 li.title a{text-transform: uppercase;font-size: 24px;font-family: Montserrat;padding-bottom:0px;} nav.mainmenu .mega.m2 ul.sub4 li p{margin-bottom:16px;} nav.mainmenu .mega.m2 ul li .mport a{display:block;height:96px;width:96px;overflow:hidden;margin-right:16px;margin-bottom:16px;float:left;} nav.mainmenu .mega.m2 ul li .mport a img{display:block;height:96px;} nav.mainmenu .mega.m2 ul li .mport:after{content:'';clear:both;display:block;float:none;} /*MEGA STYLE 3*/ nav.mainmenu .mega.m3 ul{float:left;display:block;padding:0 32px;} nav.mainmenu .mega.m3 ul li{width:100%;display:block;text-align:left;} nav.mainmenu .mega.m3 ul.sub1{width:50%;border-right:0px Solid #ccc;} nav.mainmenu .mega.m3 ul.sub2{width:25%;border-right:1px Solid #ccc;border-left:1px Solid #ccc;} nav.mainmenu .mega.m3 ul.sub3{width:25%;border:none;} nav.mainmenu .mega.m3 ul.sub1 li.title strong a{font-size:24px;font-family:Montserrat;text-transform:uppercase;color:#1F2b4a;font-weight:bold;border-bottom:1px Solid #1F2b4a;padding-left:0px;display:block;} nav.mainmenu .mega.m3 ul.sub1 li a{padding-bottom:0;color:#000;font-weight:normal;font-size:16px;padding-left:16px;display:block;border-bottom:1px dotted #fff;position:relative;margin-bottom:0;} nav.mainmenu .mega.m3 ul.sub1 li.xitem a span{font-size:14px;font-style:italic;display:block;color:#565656;transition:all .25s ease-in-out;} nav.mainmenu .mega.m3 ul.sub1 li.xitem a{line-height:1.25;padding:8px 16px;display:block;transition:all .25s ease-in-out;} nav.mainmenu .mega.m3 ul.sub1 li.xitem a:hover{background-color:#efefef;} nav.mainmenu .mega.m3 ul.sub1 li.xitem a:hover span{color:#333;} nav.mainmenu .mega.m3 ul li.title a:before{display:none;} /*nav.mainmenu .mega.m3 ul li.viewall a:before{display:none;}*/ nav.mainmenu .mega.m3 ul li a:before{display: block;content:'\25b8';color:#1F2b4a;position:absolute;margin-left:-18px;transition:all .25s ease-in-out;} nav.mainmenu .mega.m3 ul li.viewall a, nav.mainmenu .mega ul li.viewall a{border-bottom:none;font-weight:bold;font-size:16px;color:#1F2b4a;padding-left:0px;text-transform:uppercase;position:relative;display:inline-block;} nav.mainmenu .mega.m3 ul li.viewall a:after, nav.mainmenu .mega ul li.viewall a:after{content:'\279E';font-size:20px;line-height:20px;display:inline-block;margin-left:8px;position:relative;top:2px;} nav.mainmenu .mega.m3 ul li.viewall a:before, nav.mainmenu .mega ul li.viewall a:before{content:'';position:absolute;width:0px;height:2px;bottom:24px;left:0px;transition:all .25s ease-in-out;background-color:#1F2b4a;} nav.mainmenu .mega.m3 ul li.viewall a:hover:before, nav.mainmenu .mega ul li.viewall a:hover:before{width:calc(100% - 26px);} nav.mainmenu .mega.m2 ul li.title a, nav.mainmenu .mega.m3 ul.sub1 li.title strong a{pointer-events:none;} nav.mainmenu .mega.m3 ul li.viewall a:before{bottom:4px;margin-left:0px;} nav.mainmenu .mega.m2 ul li.title .mport a{pointer-events:all;} nav.mainmenu .mega.m3 ul.sub2 li a, nav.mainmenu .mega.m3 ul.sub3 li a{position:relative;display:inline-block;padding-bottom:0px;margin-bottom:10px;} nav.mainmenu .mega.m3 ul.sub3 li:last-child a{margin-bottom:0px;} nav.mainmenu .mega.m3 ul.sub2 li a:after, nav.mainmenu .mega.m3 ul.sub3 li a:after{display:inline-block;content:'';height:2px;background-color:#238FBE;position:absolute;bottom:0px;width:0%;left:50%;transition:all .25s ease-in-out;} nav.mainmenu .mega.m3 ul.sub2 li a:hover:after, nav.mainmenu .mega.m3 ul.sub3 li a:hover:after{width:0%;left:0px;} nav.mainmenu .mega.m3 ul.sub2 li a,nav.mainmenu .mega.m3 ul.sub3 li a{margin-left:12px;} nav.mainmenu .mega.m3 ul.sub2 li a:before,nav.mainmenu .mega.m3 ul.sub3 li a:before{margin-left:-22px;} nav.mainmenu .mega.m3 ul.sub2 li a:hover:before, nav.mainmenu .mega.m3 ul.sub3 li a:hover:before{color:#238FBE;transform:scale(1.5);} /*REMOVE ARROW ACTIVE POINTER*//* nav.mainmenu > ul > li > a.level1.active:after{} nav.mainmenu > ul > li > a.level1:after{} nav.mainmenu > ul > li.current{position:} nav.mainmenu > ul > li.current > a:before{ content:''; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #1F2b4a; position:absolute; bottom:0px; left:50%; margin-left:-12px; opacity:1; } #header.opennav nav.mainmenu > ul > li.current > a:before, nav.mainmenu > ul > li.current > a.active:before{display:none;} */ /*##################################################################################################################################################################################### #### BANNER ########################################################################################################################################################################### ####################################################################################################################################################################################*/ /* #header{display:none;} */ .banner{overflow:hidden;} .banner .bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;} .banner.home .wrapper{padding-top:200px;text-align:center;background-color:transparent;} .banner.home h1{font-family:Montserrat;font-size:56px;text-transform:uppercase;color:#1F2b4a;line-height:1.25;text-align:center;font-weight:800;margin-bottom:32px;} .banner.home h1 span{color:#e03c31;} .banner.home .logo{display:block;height:160px;width:160px;margin:0px auto;margin-bottom:32px;} .banner.home .logo svg .navy{fill:#1F2b4a;} .banner.home .logo svg .white{fill:#fff;} .banner.home p{max-width:100%;} .banner.home p a.button{border:0px Solid #1F2b4a;position:relative;text-transform:uppercase;margin:0px;top:0px;text-align:center;} .banner.home p a.button:hover{border:4px Solid #e03c31;top:-4px;} .banner .wrapper{background-color:rgba(31,43,74,.9);padding:32px 0;text-align:left;color:#fff;} .banner h1{font-size:48px;font-family:Montserrat;font-weight:800px;line-height:1.25;margin-bottom:4px;text-transform:uppercase;} .banner h2{font-size:28px;color:#238FBE;line-height:1.25;margin-bottom:4px;font-family:Montserrat;max-width:800px;} .banner p{font-size:19px;max-width:760px;margin-bottom:0px;} .banner.l2 .bg {padding-top: 176px;} .banner.l3 .bg{padding-top:144px;} .banner.l4{padding-top:112px;height:272px;} .banner.l4{background-image:url(../img/banners/banner-dkblue.png);overflow:hidden;} .banner.l4{padding-top:112px;height:272px;} .banner.l4 .wrapper{background-color:transparent;padding:0px;} .banner.l4 .wrapper .container .logo:first-child{float:left;} .banner.l4 .wrapper .container .logo:first-child:after{content:'';display:inline-block;width:2px;height:80px;margin: 0 32px;position:relative;top:-40px;background-color:#fff;} .banner.l4 .wrapper .container .logo:first-child + h1{font-size:32px;text-transform:none;line-height:40px;padding:40px 0;} .banner.l4 h1{line-height:160px;} .banner.l4 h1.multiline{font-size:42px;line-height:50px;padding:30px 0;} .banner.l4.lp{padding-top:90px;height:250px;} .banner.l4.lp h1{line-height: 42px;margin-top:52px;text-transform:none;} .banner.l4.lp span {font-size: 22px;} .banner.l2.rlogo .col_two_third{position:relative;} .banner.l2.rlogo .col_two_third:after{content:'';display:block;width:2px;height:75%;position:absolute;right:-48px;top:12.5%;background-color:#fff;} .banner.l2.rlogo .bulogo{margin-bottom:0px;padding-right:0px;padding-left:48px;position: relative;top: 50%;transform: translateY(-50%);} .banner.l2.rlogo .bulogo svg{fill:#fff;} .banner.l2.rlogo h2{font-size:24px;} .banner.l2.rlogo .col_one_third { width: 25.63%; height:100%; position:relative;;} .banner.l2.rlogo .col_two_third { width: 70.33%; height:100%;} /* SET BANNER IMAGES */ .banner.home .bg{background-image:url(../img/home/banner.jpg);} .banner.creative .bg{background-image:url(../img/creative/banner-creative.jpg);} .banner.global .bg{background-image:url(../img/global/banner-global.jpg);} .banner.data-insights .bg{background-image:url(../img/data-insights/banner-data-insights.jpg);} .banner.print .bg{background-image:url(../img/print/banner-print.jpg);} .banner.green .bg{background-image:url(../img/banners/banner-green.png);} .banner.orange .bg{background-image:url(../img/banners/banner-orange.png);} .banner.ltblue .bg{background-image:url(../img/banners/banner-ltblue.png);} .banner.gold .bg{background-image:url(../img/banners/banner-gold.png);} .banner.berry .bg{background-image:url(../img/banners/banner-berry.png);} .banner.red .bg{background-image:url(../img/banners/banner-red.png);} .banner.teal .bg{background-image:url(../img/banners/banner-teal.png);} .banner.work .bg{background-image:url(../img/work/banner-work.jpg);} .banner.marketing .bg{background-image:url(../img/marketing/banner-marketing.jpg);} .banner.business-support .bg{background-image: url(../img/business-support/banner-business-support.jpg);} .banner.easd2019{background-image: url(../img/about/easd-banner-2019.jpg);} .banner.services .bg{background-image:url(../img/services/banner-services.jpg);} /*OLD IMAGES*/ .banner.business-services .bg{background-image:url();} .banner.logistics{background-image:url(../img/logistics/banner-logistics.jpg);} .banner.locations{background-image:url(../img/locations/banner-locations.jpg);} .banner.careers{background-image:url(../img/careers/banner-careers.jpg);} .banner.about{background-image:url(../img/about/banner-about.jpg);} .banner.airlines .wrapper .container{position:relative;} .banner.airlines .staticplane{position: absolute;right:0px;top: 50%;margin-top: -56px;width:auto;z-index:inherit;} @media (max-width: 860px) {.banner.airlines .staticplane{display:none;}} .whitepaper blockquote{display:block;font-size:22px;color:#fff;padding:64px 64px 64px 128px;background-color:#1F2b4a;} .whitepaper blockquote em{display:block;text-align:right;font-size:20px;margin-top:8px;} .whitepaper blockquote:before{content: "\201C";color:#fff;display:block;font-size:128px;width:128px;height:128px;text-align:right;position:absolute;left:0px;top:0px;} .whitepaper blockquote.small{font-size:20px;padding:48px 32px 32px 64px;} .whitepaper blockquote.small em{font-size:20px;} .whitepaper blockquote.small:before{left:-64px;top:-16px;} .whitepaper blockquote.dkblue:before{color:#1F2b4a;} .whitepaper blockquote.red:before{color:#e03c31;} .whitepaper blockquote.ltblue:before{color:#238FBE;} .whitepaper blockquote.teal:before{color:#13958d;} .whitepaper blockquote.orange:before{color:#DB6300;} .whitepaper blockquote.gold:before{color:#9D8558;} .whitepaper blockquote.ltgreen:before{color:#83bd41;} .whitepaper .col_last{padding-right:128px;} #content .whitepaper .col_last p:first-child{margin-bottom:0px;} #content .whitepaper .col_last h3{margin-bottom:8px;font-size:24px;} #content .whitepaper .col_last h2{font-size:28px;} /*##################################################################################################################################################################################### #### BUTTONS ########################################################################################################################################################################### ####################################################################################################################################################################################*/ a.button{outline:0;display:inline-block;line-height:1.25;font-size:19px;color:#fff !important;padding:16px 48px;text-align:center;border-radius:1px;text-decoration:none;background-color:#1F2b4a;font-weight:bold;font-family:Montserrat;text-transform:uppercase;} a.button:focus, a.button:active{outline:0;} a.button.dkblue{background-color:#1F2b4a;} a.button.red{background-color:#e03c31;} a.button.ltblue{background-color:#238FBE;} a.button.teal{background-color:#13958d;} a.button.orange{background-color:#DB6300;} a.button.gold{background-color:#9D8558;} a.button.green{background-color:#689400;} a.button.berry{background-color:#A50050;} a.button.white{background-color:#fff;color: #1F2b4a !important;} a.button{margin:4px;margin-top:8px;margin-left:0px;transition:all .25s ease-in-out;position:relative;border:0px Solid red;z-index:99;} a.button:hover,a.button:focus{border:4px Solid red;margin:0px;margin-top:4px;transition:all .25s ease-in-out;margin-left:-4px;} a.button.hgreen{border-color:#689400;} a.button.horange{border-color:#DB6300;} a.button.hteal{border-color:#13958d;} a.button.hred{border-color: #e03c31;} a.button.hwhite{border-color:#fff;} a.button.hdkblue{border-color:#1F2b4a;} a.button.hberry{border-color:#A50050;} a.button.hgold{border-color:#9D8558;} a.button.hltblue{border-color:#238FBE;} /*a sup{ display:inline-block; text-decoration:none; }*/ p.indent{padding-left:20px;} #content p a.arrow, a.arrow{/*outline:0;*/padding-right:32px;color:#1F2b4a;text-decoration:none;font-family:Montserrat;font-weight:800;text-transform:uppercase;line-height:24px;display:inline-block;font-size:19px;position:relative;margin-top:16px;} #content p a.arrow:after, a.arrow:after{content:'\279E';font-size:24px;line-height:24px;display:inline-block;position:relative;top:2px;width:28px;margin-right:-32px;padding-left:4px;transition:all .25s ease-in-out;} a.arrow:focus{/*outline:0;*/} #content p a.arrow:before, a.arrow:before{content:'';display:block;width:0%;background-color:#1F2b4a;transition:all .25s ease-in-out;position:absolute;bottom:-4px;height:2px;left:0px;} #content p a.arrow:hover:before, a.arrow:hover:before{width:calc(100% - 28px);} #content p a.arrow:hover:after, a.arrow:hover:after{transform:scale(1.25);} #content p a.red, a.arrow.red, #content a.arrow.red{color:#e03c31;} #content p a.ltblue, a.arrow.ltblue{color:#238FBE !important;} #content p a.teal, a.arrow.teal{color:#13958d;} #content p a.berry, a.arrow.berry{color:#A50050;} #content p a.green, a.arrow.green{color:#689400;} #content p a.orange, a.arrow.orange{color:#DB630F;} #content p a.white, a.arrow.white{color:#fff;} #content ul li a.arrow.teal {color: #13958d;} #content p a.arrow.red:before, a.arrow.red:before{background-color:#e03c31;} #content p a.arrow.ltblue:before, a.arrow.ltblue:before{background-color:#238FBE ;} #content p a.arrow.teal:before, a.arrow.teal:before{background-color:#13958d;} #content p a.arrow.berry:before, a.arrow.berry:before{background-color:#A50050;} #content p a.arrow.green:before, a.arrow.green:before{background-color:#689400;} #content p a.arrow.orange:before, a.arrow.orange:before{background-color:#DB630F;} #content p a.arrow.white:before, a.arrow.white:before{background-color:#fff;} #content p strong.arrow, strong.arrow{letter-spacing:-1px;color:#1F2b4a;text-decoration:none;font-family:Montserrat;font-weight:800;text-transform:uppercase;line-height:24px;display:inline-block;font-size:20px;} #content p strong.arrow:after, strong.arrow:after{content:'\00bb';font-size:24px;line-height:24px;display:inline-block;margin-left:8px;position:relative;top:0px;transform:scale(1);transition:all .25s ease-in-out;} #content p strong.arrow.red, a.arrow.red{color:#e03c31;} #content p strong.arrow.ltblue, a.arrow.ltblue{color:#238FBE ;} #content p strong.arrow.teal, a.arrow.teal{color:#13958d;} #content p strong.arrow.berry, a.arrow.berry{color:#A50050;} #content p strong.arrow.green, a.arrow.green{color:#689400;} #content p strong.arrow.orange, a.arrow.orange{color:#DB630F;} #content h2 a.green{color:#689400;position:relative;text-decoration:none;display:inline-block;} #content h2 a.green:after{content:'';display:block;position:absolute;height:4px;background-color:#689400;width:0%;bottom:-8px;transition:all .25s ease-in-out;left:50%;} #content h2 a.green:hover:after{width:100%;left:0;} /*##################################################################################################################################################################################### #### CRUMB BAR ########################################################################################################################################################################### ####################################################################################################################################################################################*/ nav.crumb{background-color:#fff;} nav.crumb ul, nav.crumb ul li{display:block;list-style:none;padding:0;margin:0;line-height:1;} nav.crumb ul li{display:inline-block;color:#555555;line-height:48px;font-size:14px;} nav.crumb ul li a{color:#000;text-decoration:none;} nav.crumb ul li a:hover{text-decoration:underline;} nav.crumb ul li:after {content: '/';color: rgba(0,0,0,1);display: inline-block;margin: 0px 8px;} nav.crumb ul li:last-child:after{display:none;} /*##################################################################################################################################################################################### #### SECONDARY NAV ########################################################################################################################################################################### ####################################################################################################################################################################################*/ nav.secondary{width:100%;background-color:#efefef;text-align:left;} nav.secondary ul, nav.secondary ul li{display:block;list-style:none;padding:0;margin:0;line-height:1;} nav.secondary ul li{display:inline-block;} nav.secondary ul li a sup{position:absolute;} nav.secondary ul li a{display:block;color:#1F2b4a;text-decoration:none;line-height:48px;font-weight:bold;font-size:19px;position:relative;transition:all .25s ease-in-out;padding:0 12px;} nav.secondary ul li a span{display:none;} nav.secondary.sticky{position:fixed;top:92px;left:0px;z-index:998;box-shadow:0px 8px 16px rgba(0,0,0,.35);} body.green nav.secondary ul li a:hover, body.green nav.secondary ul li a.current{color: #689400;} body.berry nav.secondary ul li a:hover, body.berry nav.secondary ul li a.current {color: #a50050;} body.ltblue nav.secondary ul li a:hover, body.ltblue nav.secondary ul li a.current{color: #238fbe;} body.gold nav.secondary ul li a:hover, body.gold nav.secondary ul li a.current {color: #bea372;} body.red nav.secondary ul li a:hover, body.red nav.secondary ul li a.current{color: #e03c31;} body.teal nav.secondary ul li a:hover, body.teal nav.secondary ul li a.current{color: #13958d;} body.orange nav.secondary ul li a:hover, body.orange nav.secondary ul li a.current{color: #DB6300;} nav.secondary ul li:first-child{position:relative;text-transform:uppercase;} nav.secondary ul li:first-child a{padding-left:0px;padding-right:18px;} nav.secondary ul li:first-child:after{content:'';display:block;position:absolute;top:18px;left:100%;width: 0px;height: 0px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #1F2b4a;z-index:1;} nav.secondary ul li:first-child + li{padding-left:12px;} /*##################################################################################################################################################################################### #### CONTENT ########################################################################################################################################################################### ####################################################################################################################################################################################*/ #content img{width:100%;display:block;} #content img.normalize{width:auto;max-width:100%;} #content .ibox img.normalize{margin:0px auto;margin-bottom:16px;} #content ul li a,#content ol li a,#content p a{color:#1F2b4a;font-weight:bold;} #content ul li a:hover, #content p a:hover, #content ol li a:hover{text-decoration:none;} /* MANAGE INLINE LINKS VIA PAGE COLOR *//* body.dkblue #content ul li a, body.dkblue #content p a, body.dkblue #content ol li a{color:#1F2b4a;} body.ltblue #content ul li a, body.ltblue #content p a, body.ltblue #content ol li a{color:#238FBE;} body.red #content ul li a, body.red #content p a, body.red #content ol li a{color:#e03c31;} body.teal #content ul li a, body.teal #content p a, body.teal #content ol li a{color:#13958d;} body.green #content ul li a, body.green #content p a, body.green #content ol li a{color:#689400;} body.orange #content ul li a, body.orange #content p a, body.orange #content ol li a{color:#DB6300;} body.gold #content ul li a, body.gold #content p a, body.gold #content ol li a{color:#9D8558;} body.berry #content ul li a, body.berry #content p a, body.berry #content ol li a{color:#A50050;} */ #content h2{color:#1F2b4a;font-family:Montserrat;font-size:36px;font-weight:800;line-height:1.25;margin-bottom:16px;} #content h3{color:#1F2b4a;font-family:Montserrat;font-size:32px;font-weight:800;line-height:1.25;margin-bottom:16px;} #content h4{color:#1F2b4a;font-family:Montserrat;font-size:26px;font-weight:800;line-height:1.25;margin-bottom:16px;} #content h5{color:#1F2b4a;font-family:Montserrat;font-size:20px;font-weight:800;line-height:1.25;margin-bottom:16px;} #content h2.nobottommargin, #content h3.nobottommargin, #content h4.nobottommargin, #content h5.nobottommargin{margin-bottom:0px;} #content h2.borderbottom{padding-bottom:32px;margin-bottom:32px;border-bottom:2px Solid #CCC} #content ul + h3, #content p+ h3, #content ol + h3{margin-top:32px;} #content h2 + h5{margin-top:-12px;font-size:19px;font-family:Montserrat;;font-weight:bold;padding-top:0px;color:#1F2b4a;margin-bottom:16px;} #content h2.small{font-size:32px;} #content h3.small{font-size:28px;} #content h3.xsmall{font-size:24px;} #content h4.small{font-size:22px;} #content h4.xsmall{font-size:18px;} #content h2.xsmall{font-size:28px;} #content h2.large{font-size:56px;} #content h2.large + p{margin-bottom:64px;} #content p{font-size:19px;margin-bottom:16px;} #content h2.white{color:#fff;} .vcenter{position:absolute;top:50%;transform:translateY(-50%);} .fleft{float:left;margin-right:16px;} .fright{float:right;margin-left:16px;} .clear{display:block;clear:both;float:none;} #content h2 + h4{margin-bottom:16px;color:#1F2b4a;font-weight:bold;font-size:22px;font-family:Montserrat;color:#000;} #content hr{border:none;display:block;width:100%;margin:32px auto;background-color:#b3b1b1;height:2px;clear:both;} #content ul{list-style:none;margin:0px 0px 16px 0px;padding:0px;} #content ul li{list-style:none;margin:0px 0px 8px 0px;padding:0px;position:relative;padding-left:26px;font-size:19px;} #content ul li:before{content: '';height: 8px;width: 8px;background-color: #1F2b4a;display: block;position: absolute;left: 2px;top: 10px;border-radius:50%;border:1px Solid #1F2b4a;} #content ul.col2 li{display:block;width:50%;float:left;} #content ul.col2 li.extend{width:100%;float:none;clear:both;} #content ul.col3 li{display:inline-block;width:33%;} #content ul.col3 li.extend{width:66%;} .container.smallmargin + .container.smallmargin{margin-top:16px;} #content .container.smallmargin ul.col3, #content .container.smallmargin ul.col3 li + li + li + li{margin-bottom:0px;} .container.medmargin + .container.medmargin{margin-top:32px;} #content ul.arrow li:before {display: block;content: '\25b8';color: #9D8558;position: absolute;transition: all .25s ease-in-out;width: 0;height: 0;border: 0;left: 0px;top: -2px;font-size:22px;} #content ul.arrow li a strong{font-size:20px;} #content ol{list-style:none;margin:0px 0px 16px 0px;padding:0px;} #content ol li{list-style:none;margin:0px 0px 4px 0px;padding:0px;position:relative;padding-left:26px;font-size:19px;} #content ol.square{} #content ol.square.start{counter-reset: mycounter;} #content ol.square.continue5{counter-reset: mycounter 5;} #content ol.square li{margin-bottom:16px;padding-left:64px;min-height:48px;} #content ol.square li:before{content: counter(mycounter); counter-increment: mycounter;display: block; font-size:32px; font-weight:bold;font-family: Montserrat;height:48px;width:48px;text-align:center;line-height:48px;border:0px Solid #1F2b4a;color:#1F2b4a;position:absolute;left:0px;top:0px;font-weight:500;} body.dkblue #content ol.square li:before{border-color:#1F2b4a;color:#1F2b4a;} body.red #content ol.square li:before{border-color:#e03c31;color:#e03c31;} body.ltblue #content ol.square li:before{border-color:#238FBE;color:#238FBE;} body.teal #content ol.square li:before{border-color:#13958d;color:#13958d;} button.orange #content ol.square li:before{border-color:#DB6300;color:#DB6300;} body.gold #content ol.square li:before{border-color:#9D8558;color:#9D8558;} body.green #content ol.square li:before{border-color:#689400;color:#689400;} body.berry #content ol.square li:before{border-color:#A50050;color:#A50050;} #content ul.ltblue li:before{background-color:#238FBE;border-color:#238FBE;} #content ul.dkblue li:before{background-color:#1F2b4a;border-color:#1F2b4a;} #content ul.teal li:before{background-color:#13958d;border-color:#13958d;} #content ul.red li:before{background-color:#e03c31;border-color:#e03c31;} #content ul.gold li:before{background-color:#9D8558;border-color:#9D8558;} #content ul.orange li:before{background-color:#DB6300;border-color:#DB6300;} #content ul.green li:before{background-color:#689400;border-color:#689400;} #content ul.white li:before{background-color:#fff;border-color:#fff;} #content ul.berry li:before{background-color:#A50050;border-color:#A50050;} #content ul li ul{margin-top:4px;} #content ul li ul li:before,#content ul.ltblue li ul li:before, #content ul.dkblue li ul li:before, #content ul.teal li ul li:before,#content ul.red li ul li:before,#content ul.gold li ul li:before,#content ul.orange li ul li:before,#content ul.green li ul li:before,#content ul.white li ul li:before,#content ul.berry li ul li:before{background-color:transparent;} #content ul.none li{padding-left:0px;} #content ul.none li:before{display:none;} /*COLORED ELEMENTS*/ #content p.dkblue, span.dkblue,#content h1.dkblue,#content h2.dkblue,#content h3.dkblue,#content p.dkblue, .banner .dkblue{color:#1F2b4a;} #content p.red, span.red,#content h1.red,#content h2.red,#content h3.red, .banner .red{color:#e03c31;} #content p.ltblue, span.ltblue,#content h1.ltblue,#content h2.ltblue,#content h3.ltblue, .banner .ltblue{color:#238FBE;} #content p.teal, span.teal,#content h1.teal,#content h2.teal,#content h3.teal, .banner .teal, small.teal{color:#13958d;} #content p.ltteal, span.ltteal,#content h1.ltteal,#content h2.ltteal,#content h3.ltteal, .banner .ltteal{color:#00bfb3;} #content p.orange, span.orange,#content h1.orange,#content h2.orange,#content h3.orange, .banner .orange{color:#DB6300;} #content p.gold, span.gold,#content h1.gold,#content h2.gold,#content h3.gold, .banner .gold{color:#9D8558;} #content p.green, span.green,#content h1.green,#content h2.green,#content h3.green, .banner .green{color:#689400;} #content p.ltgreen, span.ltgreen,#content h1.ltgreen,#content h2.ltgreen,#content h3.ltgreen, .banner .ltgreen{color:#83bd41;} #content p.berry, span.berry,#content h1.berry,#content h2.berry,#content h3.berry, .banner .berry{color:#A50050;} #content p.ltberry, span.ltberry,#content h1.ltberry,#content h2.ltberry,#content h3.ltberry, .banner .ltberry{color:#EB0071;} #content h3.white{color:#fff;} #content h4.white{color:#fff;} #content h5.white{color:#fff;} .banner .gold{color:#bea473;} /*OVERLAP SECTIONS*/ .overlap-story{background-image:url(../img/home/overlap-story.jpg);} .overlap-home{background-image:url(../img/home/overlap-home.jpg);} .overlap-home2{background-image:url(../img/home/services.jpg);} .overlap-logistics{background-image:url(../img/logistics/logistics-overlap.jpg);} .overlap-acuity{background-image:url(../img/direct-mail/acuity-overlap.jpg);} .overlap-careers{background-image:url(../img/careers/careers-overlap.jpg);} .overlap-digicom{background-image:url(../img/creative/digicom-overlap.jpg);} .overlap-staff-augmentation{background-image:url(../img/creative/staff-overlap.jpg);} .overlap-creative-development{background-image:url(../img/creative/creative-development-overlap.jpg);} .overlap-data-insights-analytics{background-image:url(../img/data-insights/analytics-overlap.jpg);} .overlap-kitting-fulfillment{background-image:url(../img/print/kitting-overlap.jpg);} .overlap-commercial-print{background-image:url(../img/print/commercial-print-overlap.jpg);} .overlap-superdoc{background-image:url(../img/business-support/overlap-superdoc.jpg);} .overlap-research-cx{background-image:url(../img/data-insights/overlap-research-cx.jpg);} .overlap-data-management{background-image:url(../img/data-insights/overlap-data-management.jpg);} .overlap-adobe{background-image:url(../img/marketing/overlap-adobe.jpg);} .overlap-oracle{background-image:url(../img/marketing/overlap-oracle.jpg);} .overlap-salesforce{background-image:url(../img/marketing/overlap-salesforce.jpg);} .overlap-diversity{background-image:url(../img/about/overlap-diversity.jpg);} /*.overlap-marketing-hub{background-image:url(../img/marketing/overlap-marketing-hub.jpg);}*/ .overlap-global-quality{background-image:url(../img/about/overlap-global-quality.jpg);} .overlap-direct-mail{background-image:url(../img/marketing/overlap-direct-mail.jpg);} .overlap-in-store{background-image:url(../img/marketing/overlap-in-store.jpg);} .overlap-awards{background-image:url(../img/work/overlap-awards.jpg);} .overlap-airlines-passengers{background-image:url(../img/lp/airlines/why-bg.jpg);} .overlap-business-intelligence {background-image: url(../img/data-insights/business-intelligence-overlap.jpg);} .overlap-full-service {background-image: url(../img/marketing/digital-email/full-service-overlap.jpg);} .overlap-about {background-image:url(../img/about/overlap-about.jpg);} .overlap-digital-email{background-image:url(../img/marketing/digital-email/digital-email-overlap.jpg);} .overlap-mailing-efficiency{background-image: url(../img/direct-mail/mailing-efficiency-overlap.jpg);} .overlap-marketing-hub{background-image: url(../img/marketing/marketing-hub-overlap.jpg);} .overlap-dls-services{background-image: url(../img/business-support/overlap-dls-services.jpg);} .overlap-benefits{background-image: url(../img/about/benefits-overlap.jpg);} .overlap-voice-assistant{background-image:url(../img/business-support/voice-assistant-overlap.jpg);} .overlap-packaging {background-image:url(../img/services/business-support/packaging/overlap-packaging.jpg)} .overlap-imp {background-image:url(../img/services/business-support/logistics/imp/overlap-imp.jpg)} .overlap-custompoint {background-image:url(../img/services/business-support/process-management/custompoint/overlap-custompoint.jpg)} .overlap-dls {background-image:url(../img/services/business-support/logistics/dlsw/overlap-dls.jpg)} .overlap-airlines {background-image:url(../img/lp/airlines/overlap-airlines.jpg)} .overlap-restaurant-solutions {background-image: url(../img/lp/restaurant-solutions/restaurant-solutions-overlap.jpg);} .overlap-supply-chain {background-image: url(../img/lp/life-sciences/supply-chain/overlap-supply-chain.jpg);} .overlap-catch-fifty {background-image: url(../img/services/business-support/go/catch/overlap-catch-fifty.jpg);} .overlap-catch-twenty {background-image: url(../img/services/business-support/go/catch/overlap-catch-twenty.jpg);} .overlap-catch-flexibility {background-image: url(../img/services/business-support/go/catch/overlap-catch-flexibility.jpg);} .overlap-in-store-insights {background-image: url("../img/marketing/in-store-insights-overlap.png");} .overlap-in-store-insights-market {background-image: url("../img/marketing/overlap-in-store-insights.jpg");} .overlap-brand-experience-kits {background-image: url("../img/business-support/overlap-brand-experience-kits.jpg");} #content .overlap-careers > .container:first-child{padding-bottom:32px;} #content .overlap.overlap-careers{padding-top:64px;} @media (max-width: 910px) { .overlap.overlap-careers .container:first-child .col_half h3 strong{font-size:32px;} } @media (max-width: 335px) { .overlap.overlap-careers .container:first-child .col_half h3 strong{font-size:28px;} } #content .overlap{background-size:cover;background-position:center;padding-bottom:0px;padding-top:128px;overflow:hidden;} #content .overlap .wrapper{background-color:rgba(31,43,74,.9);text-align:left;padding:32px 0;} #content .overlap h3{font-size:36px;color:#fff;font-family:Montserrat;font-weight:800;} #content .overlap h3.large{font-size:42px;} #content .overlap p{font-size:19px;color:#fff;max-width:760px;margin:0px auto;} #content .overlap li{color:#fff;} #content .overlap.tleft .wrapper{text-align:left;} #content .tleft p{text-align:left !important;max-width:760px;margin:0;margin-bottom:16px;} #content .tleft{text-align:left !important;} #content .overlap.vwrap{padding:0;} #content .overlap.vwrap .wrapper{width:45%;float:right;padding:96px 32px;/*margin-right:1.5%;*/} #content .overlap.vwrap.qwrap .wrapper{padding:0px 32px 32px 32px;} .overlap .col_one_fourth{color:#fff;font-size:20px;text-align:center;} .overlap .col_one_fourth strong{font-size:36px;display:block;font-family:Montserrat;font-weight:800;} .overlap .container:first-child .col_half{height:100%;min-height:300px;position:relative;padding-bottom:64px;} .overlap .container:first-child .col_half h3 strong{font-size:larger;} .overlap .col_one_fifth{color:#fff;font-size:20px;text-align:center;} .overlap .col_one_fifth strong{font-size:36px;display:block;font-family:Montserrat;font-weight:800;} #content .overlap p.small{font-size:15px;line-height:1.25;color:#fff;font-style:italic;} .overlap blockquote{display:block;font-size:28px;color:#fff;padding:0px 20px 20px 34px;text-align:left;} .overlap blockquote.small{font-size:24px;} .overlap blockquote + p{padding-left:32px;} .overlap blockquote:before{content: "\201C";color:#fff;display:block;font-size:100px;width:60px;height:60px;text-align:right;position:relative;left:-60px;top:15px;} .overlap blockquote.berry:before{color:#A50050;} .overlap blockquote.dkblue:before{color:#1F2b4a;} .overlap blockquote.red:before{color:#e03c31;} .overlap blockquote.ltblue:before{color:#238FBE;} .overlap blockquote.teal:before{color:#13958d;} .overlap blockquote.orange:before{color:#DB6300;} .overlap blockquote.gold:before{color:#9D8558;} .overlap blockquote.ltgreen:before{color:#83bd41;} .overlaplogo{max-width:200px;float:right;margin-top:16px;margin-left:8px;} .overlap-catch-fifty .fontbig, .overlap-catch-twenty .fontbig { font-size: 36px; font-weight: 800; } .buttonspace {padding-right:15px;} .vdivider{position:relative;} .vdivider:before{content:'';width:2px;height:100%;background-color:#ddd;position:absolute;top:0%;left:50%;margin-left:-1px;} #content img.digicom-logo-small{width:150px;float:left;margin-right:48px;margin-top:16px;} .section.fw .col_one_third:first-child{padding-left:64px;} .section.fw .col_one_third:first-child + .col_one_third{padding:0 32px;} .section.fw .col_one_third.col_last{padding-right:64px;} /*ICON FEATURE BOXES*/ .ibox{text-decoration:none;display:block;text-align:center;} .ibox .icon{background-color:#1F2b4a;border-radius:50%;height:96px;width:96px;margin:0px auto;padding:12px;} .ibox .icon svg{fill:#fff;} .ibox strong{font-family:Montserrat;font-size:20px;font-weight:800;display:inline-block;text-decoration:none;line-height:1.25;white-space:pre-line;margin-top:16px;font-weight:bold;Position:relative;color:#1F2b4a;} .ibox strong + p{text-decoration:none;color:#000;margin-top:8px;} .ibox strong:after{content:'';display:inline-block;background-color:#1F2b4a;width:0%;height:2px;position:absolute;bottom:-6px;left:50%;transition:all .25s ease-in-out;} a.ibox:hover strong:after{width:100%;left:0px;} .ibox .icon + p{margin-top:8px;} .icon.center{margin:0px auto;} .ibox .icon.left{margin:0px;} .ileft{position:relative;} .ileft:after{content:'';display:block;clear:both;} .ileft .icon{border-radius:50%;height:96px;width:96px;margin:0px auto;padding:12px;float:left;margin-right:16px;} .ileft .icon svg{fill:#fff;} .col_one_third.ileft{margin-bottom:16px;} #content .ileft .icon + p{margin-left:112px;margin-bottom:0px;} .ico6 .col_one_third{margin-bottom:16px;} .ico6 .col_one_third:nth-child(4n),.ico6 .col_one_third:nth-child(5n),.ico6 .col_one_third:nth-child(6n){margin-bottom:0px;} @media (max-width: 840px) { #content .ileft.m500 .icon{float:none;margin:0px auto;margin-bottom:16px;} #content .ileft.m500 .icon + p.vcenter{position:static;text-align:center;top:auto;transform:none;margin:0px;} } /* .ileft .icon + p{margin:0px;position:relative;vertical-align:middle; position: relative; top: 50%; transform: translateY(-50%);} */ .ileft.dkblue .icon, .ibox.dkblue .icon, .ibox.dkblue strong:after{background-color:#1F2b4a;} .ileft.red .icon, .ibox.red .icon, .ibox.red strong:after{background-color:#e03c31;} .ileft.ltblue .icon, .ibox.ltblue .icon, .ibox.ltblue strong:after{background-color:#238FBE;} .ileft.teal .icon, .ibox.teal .icon, .ibox.teal strong:after{background-color:#13958d;} .ileft.orange .icon, .ibox.orange .icon, .ibox.orange strong:after{background-color:#DB6300;} .ileft.gold .icon, .ibox.gold .icon, .ibox.gold strong:after{background-color:#9D8558;} .ileft.green .icon, .ibox.green .icon, .ibox.green strong:after{background-color:#689400;} .ileft.berry .icon, .ibox.berry .icon, .ibox.berry strong:after{background-color:#A50050;} #content ul.ilist li:before{display:none;} #content ul.ilist li{clear:both;padding-left:0px;min-height:96px;margin-bottom:16px;position:relative;} .ilist .icon{background-color:#1F2b4a;border-radius:50%;height:96px;width:96px;float:left;padding:12px;margin-right:16px;} .ilist .icon svg{fill:#fff;} .ilist strong{font-family:Montserrat;font-size:19px;font-weight:800;text-decoration:none;line-height:1.25;font-weight:bold;color:#1F2b4a;} .ilist strong + p{text-decoration:none;color:#000;margin-top:8px;} #content ul.ilist li .vcenter{ left:112px; } .ilist.dkblue .icon, .ilist.dkblue strong:after{background-color:#1F2b4a;} .ilist.red .icon, .ilist.red strong:after{background-color:#e03c31;} .ilist.ltblue .icon, .ilist.ltblue strong:after{background-color:#238FBE;} .ilist.teal .icon, .ilist.teal strong:after{background-color:#13958d;} .ilist.orange .icon, .ilist.orange strong:after{background-color:#DB6300;} .ilist.gold .icon, .ilist.gold strong:after{background-color:#9D8558;} .ilist.green .icon, .ilist.green strong:after{background-color:#689400;} .ilist.berry .icon, .ilist.berry strong:after{background-color:#A50050;} .wrapper .ibox{color:#fff;} .wrapper .ibox .icon{background-color:#238FBE;} .wrapper .ibox .icon svg{fill:#fff;} .wrapper .ibox strong{color:#fff;} /*PICTURE BOXES*/ .picbox{background-size:cover;background-position:center;min-height:400px;position:relative;overflow:hidden;} .picbox h3 a{width:100%;text-decoration:none;background-color:#1F2b4a;background-color:rgba(31,43,74,.9);display:block;line-height:64px;text-align:center;color:#fff;font-family:Montserrat;font-weight:800;text-transform:uppercase;font-size:19px;height:64px;} .picbox h3 a.multiline{line-height:24px;padding:8px 0;} .picbox h3 a{position:absolute;top:0px;left:0;transition:all .25s ease-in-out;} .picbox h3 a:after{content: '\25be';background-color:rgba(31,43,74,.9);height: 42px;width: 42px;line-height: 42px;color: #fff;text-align: center;position: absolute;bottom: -56px;left: 50%;margin-left:-21px;font-size: 22px;border-radius:50%;} .picbox.ar2 h3 a{line-height:1.25;font-size:19px;height:auto;padding:16px 0px 32px 0px;} .picbox.ar2 h3 a:after{content: '\25be';background-color:rgba(31,43,74,.9);height: 32px;width: 32px;line-height: 32px;color: #fff;text-align: center;position: absolute;bottom: 0px;left: 50%;margin-left:-21px;border-radius:50%;font-size:32px;} .picbox.active h3 a{top:100%;pointer-events:none;} .picbox .picbox-content{background-color:#1F2b4a;color:#fff;padding:32px;height:100%;width:100%;position:absolute;} .picbox .picbox-content{top:100%;transition:all .25s .25s ease-in-out;} .picbox.active .picbox-content{top:0px;} #content .picbox .picbox-content h3{padding-top:0px;color:#fff;border-bottom:1px Solid #fff;margin-bottom:16px;padding-bottom:16px;font-size:28px;} #content .picbox .picbox-content strong{color:#fff;font-size:24px;font-family:Montserrat;font-weight:800;text-transform:uppercase;} .picbox.green h3 a{background-color:#689400;color:#fff;} .picbox.green h3 a:after{background-color:#689400;} .picbox.green .picbox-content{background-color:#689400;} .picbox.orange h3 a{background-color:#DB630F;color:#fff;} .picbox.orange h3 a:after{background-color:#DB630F;} .picbox.orange .picbox-content{background-color:#DB630F;} .picbox.berry h3 a{background-color:#A50050;color:#fff;} .picbox.berry h3 a:after{background-color:#A50050;} .picbox.berry .picbox-content{background-color:#A50050;} /* #1F2b4a -dkblue- #238FBE -ltblue- text must be bold #e03c31 -red- text must be bold #13958d -teal- text must be bold #689400 -green- text must be bold #DB6300 -orange- text must be bold #9D8558 -gold- text must be bold #EB0071 - ltberry #A50050 - dkberry */ html.mfp-open { margin-right:0!important; } .tcenter{text-align:center;} .mcenter{text-align:center;} .tright{text-align:right;} .w600{max-width:600px;margin:0px auto;margin-bottom:0px;} .w700{max-width:700px;margin:0px auto;margin-bottom:0px;} .w800{max-width:800px;margin:0px auto;margin-bottom:0px;} .w960{max-width:960px;margin:0px auto;} .underlinetext {text-decoration: underline;}/*WCAG purpose*/ /*CAPTION BOXES*/ .captionbox{background-color:#1F2b4a;width:calc(100% - 30px);border-radius:64px;text-align:center;color:#fff;font-size:24px;position:relative;padding:32px 0;} .captionbox .icon{height:128px;width:128px;margin:0px auto;} .captionbox .icon svg{fill:#fff;} .captionbox strong{font-size:48px;display:block;font-family:Montserrat;font-weight:800;} .captionbox:after{content:'';display:block;width: 0; height: 0; border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 30px solid #1F2b4a;position:absolute;right:-30px;top:50%;margin-top:-30px;} .captionbox.dkblue{background-color:#1F2b4a;} .captionbox.red{background-color:#e03c31;} .captionbox.red:after{border-left-color:#e03c31;} .captionbox.ltblue{background-color:#238FBE;} .captionbox.teal{background-color:#13958d;} .captionbox.orange{background-color:#DB6300;} .captionbox.gold{background-color:#9D8558;} .captionbox.green{background-color:#689400;} .capbox{padding:32px;color:#fff;position:relative;border-radius:32px;font-weight:bold;} .capbox:after{content:'';display:block;width: 0; height: 0; border-top: 32px solid transparent;border-bottom: 32px solid transparent;border-left: 32px solid #1F2b4a;position:absolute;right:-32px;top:31px;} #content .capbox h3{font-size:24px;color:#fff;text-transform:uppercase;line-height:64px;margin:0px;} .capbox.small{padding:0px;padding-left:32px;width:90%;} .capbox.small:after{border-top-width:16px;border-bottom-width:16px;border-left-width:16px;right:-16px;top:18px;} .capbox.small:after{border-top-width:32px;border-bottom-width:32px;border-left-width:32px;right:-32px;top:0px;} .capbox.right:after{left: -32px;right:auto;top: 48px;border-left:none;border-right: 32px solid #1F2b4a;} #content .capbox p:last-child{margin-bottom:0px;} #content .col_three_fifth p:last-child{margin-bottom:0px;} body.teal .capbox.dkblue{background-color:#1F2b4a;} body.teal .capbox.dkblue:after{border-left-color:#1F2b4a;} body.green .capbox{background-color:#689400;} body.berry .capbox{background-color:#A50050;} body.ltblue .capbox{background-color:#238FBE;} body.gold .capbox{background-color:#9D8558;} body.red .capbox{background-color:#e03c31;} body.teal .capbox{background-color:#13958d;} body.orange .capbox{background-color:#DB6300;} body.green .capbox:after{border-left-color:#689400;} body.berry .capbox:after{border-left-color:#A50050;top:42px;} body.ltblue .capbox:after{border-left-color:#238FBE;} body.gold .capbox:after{border-left-color:#9D8558;} body.red .capbox:after{border-left-color:#e03c31;} body.teal .capbox:after{border-left-color:#13958d;} body.orange .capbox:after{border-left-color:#DB6300;} body.green .capbox.right:after{border-right-color:#689400;} body.berry .capbox.right:after{border-right-color:#A50050;} body.ltblue .capbox.right:after{border-right-color:#238FBE;} body.gold .capbox.right:after{border-right-color:#9D8558;} body.red .capbox.right:after{border-right-color:#e03c31;} body.teal .capbox.right:after{border-right-color:#13958d;} body.orange .capbox.right:after{border-right-color:#DB6300;} /*FOR EVENTS BOX*/ #content .capbox right.details_box p{margin-bottom:0;} p.details_date{border-bottom:1px solid #fff;padding-bottom:8px;margin-bottom:8px !important;} p.details_time{border-bottom:1px solid #fff;padding-bottom:8px;margin-bottom:8px !important;margin-top:20px;} p.presenter{border-bottom:1px solid #fff;padding-bottom:8px;margin-bottom:8px !important;margin-top:0px;} .headshot_image {width: 144px;margin: 16px auto;} @media (max-width: 1080px) {#content .capbox h3.long{line-height:34px;padding-bottom:25px;}} /*ACCORDIONS*/ .accordion{margin-bottom:16px;position:relative;} .accordion .acontent{padding:16px 18px 16px 18px;} #content .accordion h2 a{text-decoration:none;display:block;font-size:22px;color:#1F2b4a;background-color:#efefef;padding:12px 16px 12px 48px;cursor:pointer;transition:all .25s ease-in-out;border-radius:2px;line-height:1.25;margin-bottom:0px;font-family:lato;} #content .accordion h2 a:before{content:'+';position:absolute;height:48px;width:48px;text-align:center;display:block;margin-left:-48px;color:#1F2b4a;font-family:Montserrat;font-size:24px;} #content .accordion.active h2 a:before{content:'-';} #content .accordion.ltblue h2 a:hover, .accordion.ltblue.active h2{background-color:#29ABE2;} .accordion:first-of-type{margin-top:0px;} #content .accordion h2 a{border:2px Solid #ccc;} #content .ltgray .accordion h2 a{background-color:#fff;} #content .accordion h2 a{transition:all .5s ease-in-out;} #content .accordion h2 a:before{transition:all .5s ease-in-out;} #content .accordion.red h2 a:before{color:#e03c31;} #content .accordion.red:hover h2 a, #content .accordion.red.active h2 a{background-color:#e03c31;color:#fff;border-color:#e03c31;} #content .accordion.red:hover h2 a:before, #content .accordion.red.active h2 a:before{color:#fff;} #content .accordion.teal h2 a:before{color:#3CA59D;} #content .accordion.teal:hover h2 a, #content .accordion.teal.active h2 a{background-color:#3CA59D;color:#fff;border-color:#3CA59D;} #content .accordion.teal:hover h2 a:before, #content .accordion.teal.active h2 a:before{color:#fff;} .accordion{margin-bottom:16px;position:relative;} #content .accordion .acontent p:last-child{margin-bottom:0px;} .accordion .acontent:after{display:block;clear:both;float:none;content:'';} #content .accordion > *:first-child{margin-bottom:0px;} #content .accordion > *:first-child > a{text-decoration:none;display:block;font-size:22px;color:#1F2b4a;background-color:#efefef;padding:12px 16px 12px 48px;cursor:pointer;transition:all .25s ease-in-out;border-radius:2px;line-height:1.25;margin-bottom:0px;font-family:lato;transition:all .5s ease-in-out;border:2px Solid #ccc;} #content .accordion > *:first-child a:before{content:'+';position:absolute;height:48px;width:48px;text-align:center;display:block;margin-left:-48px;color:#1F2b4a;font-family:Montserrat;font-size:24px;transition:all .5s ease-in-out;} #content .accordion.active > *:first-child a:before{content:'-';} #content .accordion.ltblue > *:first-child a:hover, .accordion.ltblue.active > *:first-child {background-color:#29ABE2;} .accordion:first-of-type{margin-top:0px;} #content .ltgray .accordion > *:first-child a{background-color:#fff;} #content .accordion.red > *:first-child > a:before{color:#e03c31;} #content .accordion.red:hover > *:first-child > a, #content .accordion.red.active > *:first-child > a{background-color:#e03c31;color:#fff;border-color:#e03c31;} #content .accordion.red:hover > *:first-child > a:before, #content .accordion.red.active > *:first-child > a:before{color:#fff;} #content .accordion.teal > *:first-child > a:before{color:#3CA59D;} #content .accordion.teal:hover > *:first-child > a, #content .accordion.teal.active > *:first-child > a{background-color:#3CA59D;color:#fff;border-color:#3CA59D;} #content .accordion.teal:hover > *:first-child > a:before, #content .accordion.teal.active > *:first-child > a:before{color:#fff;} #content .accordion.ltblue > *:first-child > a:before{color:#238FBE;} #content .accordion.ltblue:hover > *:first-child > a, #content .accordion.ltblue.active > *:first-child > a{background-color:#238FBE;color:#fff;border-color:#238FBE;} #content .accordion.ltblue:hover > *:first-child > a:before, #content .accordion.ltblue.active > *:first-child > a:before{color:#fff;} #content .accordion.green > *:first-child > a:before{color:#689400;} #content .accordion.green:hover > *:first-child > a, #content .accordion.green.active > *:first-child > a{background-color:#689400;color:#fff;border-color:#689400;} #content .accordion.green:hover > *:first-child > a:before, #content .accordion.green.active > *:first-child > a:before{color:#fff;} #content .accordion.orange > *:first-child > a:before{color:#DB6300;} #content .accordion.orange:hover > *:first-child > a, #content .accordion.orange.active > *:first-child > a{background-color:#DB6300;color:#fff;border-color:#DB6300;} #content .accordion.orange:hover > *:first-child > a:before, #content .accordion.orange.active > *:first-child > a:before{color:#fff;} #content .accordion.gold > *:first-child > a:before{color:#9D8558;} #content .accordion.gold:hover > *:first-child > a, #content .accordion.gold.active > *:first-child > a{background-color:#9D8558;color:#fff;border-color:#9D8558;} #content .accordion.gold:hover > *:first-child > a:before, #content .accordion.gold.active > *:first-child > a:before{color:#fff;} #content .accordion.berry > *:first-child > a:before{color:#A50050;} #content .accordion.berry:hover > *:first-child > a, #content .accordion.berry.active > *:first-child > a{background-color:#A50050;color:#fff;border-color:#A50050;} #content .accordion.berry:hover > *:first-child > a:before, #content .accordion.berry.active > *:first-child > a:before{color:#fff;} /*CAROUSEL ELEMENTS*/ .carcontainer{position:relative;} #content .col2slider .owl-nav{display:none;} /*.col2slider .owl-dots{display:block;position:absolute;bottom:32px;left:0px;} .col2slider .owl-dot{display:inline-block;height:32px;width:32px;border-radius:50%;position:relative;margin-right:8px;transition:all .25s ease-in-out;} .col2slider .owl-dot.active{background-color:#1F2b4a;color:#fff;} .col2slider .owl-dot.active:before{color:#fff;} .col2slider .owl-dot:before{display:block;line-height:32px;width:32px;font-size:19px;font-weight:bold;text-align:center;color:#1F2b4a;position:absolute;top:-2px;left:-2px;} .col2slider .owl-dots {counter-reset: dots;} .col2slider .owl-dot:before {counter-increment:dots;content: counter(dots);} */ #content .col2slider-menu{display:block;position:relative;top:-48px;z-index:99;} #content .col2slider-menu ul, #content .col2slider-menu ul li{display:block;margin:0px;padding:0px;list-style:none;} #content .col2slider-menu ul li{display:inline-block;margin-right:8px;} #content .col2slider-menu ul li:before{display:none;} #content .col2slider-menu ul li:last-child{margin-right:0px;} #content .col2slider-menu ul li a{display:block;height:32px;width:32px;background-color:#fff;border-radius:50%;color:#1F2b4a;text-decoration:none;border:2px Solid #1F2b4a;text-align:center;transition:all .25s ease-in-out;} #content .col2slider-menu ul li a.active, #content .col2slider-menu ul li a.active:hover{background-color:#1F2b4a;color:#fff;} #content .col2slider-menu ul li a:hover{background-color:#fff;color:#238FBE;} .owl-carousel.owl-loaded{outline:0;} .sidenav.alt{margin-top:16px;padding-top:16px;} #content .sidenav ul, #content.sidenav ul li{margin:0px;padding:0px;display:block;list-style:none;} #content .sidenav ul li{margin-bottom:6px;} #content .sidenav ul li:before{display:none;} #content .sidenav ul li a{transition:all .25s ease-in-out;text-decoration:none;color:#1F2b4a;} #content .sidenav ul li a:before {display: block;content: '\25b8';color: #1F2b4a;position: absolute;margin-left: -24px;transition: all .25s ease-in-out;} #content .sidenav:not(.alt) ul li:first-child{padding-left:0px;} #content .sidenav:not(.alt) ul li:first-child a{font-size:22px;text-decoration:none;text-transform:capitalize;margin-bottom:8px;padding-bottom:8px;font-family:Montserrat;display:block;} #content .sidenav:not(.alt) ul li:first-child a:before{display:none;} #content .sidenav ul li a:hover:before{transform:scale(1.5);} body.gold #content .sidenav ul li a{color:#1F2b4a;} body.gold #content .sidenav ul li a.current{color:#9D8558;} body.gold #content .sidenav ul li a:before{color:#9D8558;} body.gold #content .sidenav ul li a:hover{text-decoration:none;} body.gold #content .sidenav ul li:first-child a{border-bottom:2px Solid #9D8558;} body.gold #content .sidenav ul li:first-child a.current{color:#1F2b4a;} body.green #content .sidenav ul li a{color:#1F2b4a;} body.green #content .sidenav ul li a.current{color:#689400;} body.green #content .sidenav ul li a:before{color:#689400;} body.green #content .sidenav ul li a:hover{text-decoration:none;} body.green #content .sidenav ul li:first-child a{border-bottom:2px Solid #689400;} body.green #content .sidenav ul li:first-child a.current{color:#1F2b4a;} body.red #content .sidenav ul li a{color:#1F2b4a;} body.red #content .sidenav ul li a.current{color:#e03c31;} body.red #content .sidenav ul li a:before{color:#e03c31;} body.red #content .sidenav ul li a:hover{text-decoration:none;} body.red #content .sidenav:not(.alt) ul li:first-child a{border-bottom:2px Solid #e03c31;} body.red #content .sidenav:not(.alt) ul li:first-child a.current{color:#1F2b4a;} body.red #content .sidenav.alt{border-top:2px Solid #e03c31;} body.dkblue #content .sidenav ul li a{color:#1F2b4a;} body.dkblue #content .sidenav ul li a.current{color:#1F2b4a;} body.dkblue #content .sidenav ul li a:before{color:#1F2b4a;} body.dkblue #content .sidenav ul li a:hover{text-decoration:none;} body.dkblue #content .sidenav ul li:first-child a{border-bottom:2px Solid #1F2b4a;} body.dkblue #content .sidenav ul li:first-child a.current{color:#1F2b4a;} body.ltblue #content .sidenav ul li a{color:#1F2b4a;} body.ltblue #content .sidenav ul li a.current{color:#238FBE;} body.ltblue #content .sidenav ul li a:before{color:#238FBE;} body.ltblue #content .sidenav ul li a:hover{text-decoration:none;} body.ltblue #content .sidenav ul li:first-child a{border-bottom:2px Solid #238FBE;} body.ltblue #content .sidenav ul li:first-child a.current{color:#1F2b4a;line-height:25px;} body.teal #content .sidenav ul li a{color:#1F2b4a;} body.teal #content .sidenav ul li a.current{color:#13958d;} body.teal #content .sidenav ul li a:before{color:#13958d;} body.teal #content .sidenav ul li a:hover{text-decoration:none;} body.teal #content .sidenav ul li:first-child a{border-bottom:2px Solid #13958d;} body.teal #content .sidenav ul li:first-child a.current{color:#1F2b4a;} body.orange #content .sidenav ul li a{color:#DB6300;} body.orange #content .sidenav ul li a.current{color:#DB6300;} body.orange #content .sidenav ul li a:before{color:#DB6300;} body.orange #content .sidenav ul li a:hover{text-decoration:none;} body.orange #content .sidenav ul li:first-child a{border-bottom:2px Solid #DB6300;} body.orange #content .sidenav ul li:first-child a.current{color:#DB6300;} /*FLIP FORM*/ .flipform{text-align:center;} #content .flipform h3{font-size:24px;font-weight:800;font-family:Montserrat;text-transform:uppercase;} .flipform img{display:block;max-width:200px;margin:0px auto;border-radius:50%;} #content .flipform p{text-transform:uppercase;} .flipform a.closebutton{position:absolute;top:8px;right:6px;text-decoration:none;color:#000;font-weight:bold;font-size:24px;display:block;height:24px;width:24px;text-align:center;line-height:24px;font-family:Arial, Helvetica, sans-serif;transition:all .25s ease-in-out;} .flipform a.closebutton:hover{color:#e03c31;} .flipform .back, .flipform .front{background-color:#fff;padding:32px;} .flipform .vcenter{padding:0 32px;left:0px;} .flipform a.button:hover{margin:0px auto !important;top:0px;bottom:-4px;} .flip-container {perspective: 1000px;} .flip-container.hover .flipper {transform: rotateY(180deg);} .flipform, .flipform .front, .flipform .back {width: 100%;min-height: 664px;} .flip-container .flipper {transition: 0.6s;transform-style: preserve-3d;position: relative;} .flip-container .front, .flip-container .back {backface-visibility: hidden;position: absolute;top: 0;left: 0;} .flip-container .front {z-index: 2;transform: rotateY(0deg);} .flip-container .back {transform: rotateY(180deg);} /*ASK AN EXPERT FORM*/ .askbox{text-decoration:none;width:300px;position:fixed;bottom:32px;right:48px;min-height:48px;z-index:999;border:4px Solid #1F2b4a;transition:all .25s ease-in-out;} .askbox.chat{width:224px;} #content .askbox img{display:block;max-width:80px;margin:0px auto;border-radius:50%;position:absolute;bottom:-20px;left:-42px;border:4px Solid #1F2b4a;transition:all .25s ease-in-out;} .askbox .asktitle{background-color:#1F2b4a;color:#fff;min-height:40px;padding-left:48px;transition:all .25s ease-in-out;} #content .askbox .asktitle h3{line-height:40px;color:#fff;font-size:24px;margin:0px;font-weight:bold;margin-bottom:0;padding-top:0px;} #content .askbox .asktitle h3 + strong{display:block;font-size:19px;color:#ffffff;height:0px;overflow:hidden;opacity:0;line-height:24px;width:0px;transition:all .5s ease-in-out;margin-top:-5px;} #btnAsk{text-decoration:none;display:block;width:64px;height:50px;position:absolute;top:-24px;right:-32px;} #btnAsk:after{content:'?';display:block;width:64px;height:44px;line-height:40px;position:absolute;top:0px;right:0px;text-align:center;color:#fff;font-size:28px;padding-top:0px;font-weight:bold;font-family:Montserrat;transition:all .25s ease-in-out;} #btnAsk svg{fill:#1F2b4a;} #btnChat{display:block;width:64px;height:50px;position:absolute;top:-24px;right:-32px;} #btnChat:after{content:'+';display:block;width:64px;height:44px;line-height:44px;position:absolute;top:0px;right:0px;text-align:center;color:#fff;font-size:32px;padding-top:0px;font-weight:bold;font-family:Montserrat;transition:all .25s ease-in-out;} #btnChat svg{fill:#1F2b4a;} .askbox #btnAsk svg{transition:all .25s ease-in-out;} .askbox #btnAsk:after{transition:all .25s ease-in-out;} .askbox.invert #btnAsk svg{fill:#FFF;} .askbox.invert #btnAsk:after{color:#FFF;} .askbox.invert #btnAsk:after{color:#1F2b4a;} .askbox:hover .asktitle{background-color:#1F2b4a !important;} .askbox:hover{border-color:#1F2b4a !important;} .askbox:hover img{border-color:#1F2b4a !important;} .askbox.invert:hover .asktitle{background-color:#fff !important;} .askbox.invert:hover{border-color:#fff !important;} .askbox.invert:hover img{border-color:#fff !important;} #content .askbox.invert:hover .asktitle h3{color:#1F2b4a;} body.green #content .askbox{border-color:#689400;} body.green #content .askbox .asktitle{background-color:#689400;} body.green #content .askbox img{border-color:#689400;} body.green .askbox:hover #btnAsk svg{fill:#689400;} body.berry #content .askbox{border-color:#A50050;} body.berry #content .askbox .asktitle{background-color:#A50050;} body.berry #content .askbox img{border-color:#A50050;} body.berry .askbox:hover #btnAsk svg{fill:#A50050;} body.ltblue #content .askbox{border-color:#238FBE;} body.ltblue #content .askbox .asktitle{background-color:#238FBE;} body.ltblue #content .askbox img{border-color:#238FBE;} body.ltblue .askbox:hover #btnAsk svg{fill:#238FBE;} body.teal #content .askbox{border-color:#13958d;} body.teal #content .askbox .asktitle{background-color:#13958d;} body.teal #content .askbox img{border-color:#13958d;} body.teal .askbox:hover #btnAsk svg{fill:#13958d;} body.orange #content .askbox{border-color:#DB6300;} body.orange #content .askbox .asktitle{background-color:#DB6300;} body.orange #content .askbox img{border-color:#DB6300;} body.orange .askbox:hover #btnAsk svg{fill:#DB6300;} body.gold #content .askbox{border-color:#9D8558;} body.gold #content .askbox .asktitle{background-color:#9D8558;} body.gold #content .askbox img{border-color:#9D8558;} body.gold .askbox:hover #btnAsk svg{fill:#9D8558;} body.red #content .askbox{border-color:#e03c31;} body.red #content .askbox .asktitle{background-color:#e03c31;} body.red #content .askbox img{border-color:#e03c31;} body.red .askbox:hover #btnAsk svg{fill:#e03c31;} body.red #content .askbox #btnChat:hover:after{color:#e03c31;} .askform{background-color:#fff;display:block;height:0px;overflow:hidden;box-sizing:border-box;transition:all .5s ease-in-out;padding:0px 24px;} .askbox.active .askform{height:500px;padding:24px;padding-bottom:56px;} .askbox.active #btnAsk:after{content:'-';margin-top:-2px;} .askbox.active #btnChat:after{content:'-';margin-top:-2px;} .askbox.active{width:476px;} #content .askbox.active .asktitle h3 + strong{height:26px;opacity:1;width:100%;} #content .askbox.active img{max-width:88px;left:-48px;bottom:-18px;} #expertform img{display:block;height:96px;width:96px;border-radius: 50%;border: 4px Solid #1F2b4a;float:left;margin-right:16px;} #expertform h3{margin-bottom:4px;line-height:1;padding-top:15px} #expertform h3 + strong{font-size:24px;} #expertform img.green {border-color:#689400;} #expertform img.berry {border-color:#A50050;} #expertform img.teal {border-color:#13958d;} /*VERTICAL DIVIDERS*/ .col_half.dividerright{border-right:2px Solid #ddd;padding-right:8%;} .col_half.dividerright + .col_half.col_last{padding-left:4%;border:none;} .col_two_third.dividerright{border-right:2px Solid #ddd;padding-right:8%;} .col_two_third.dividerright + .col_one_third{padding-left:4%;} .col_three_fifth.dividerright{border-right:2px Solid #ddd;padding-right:8%;} .col_three_fifth.dividerright + .col_two_fifth{padding-left:4%;} .col_three_fourth.dividerright{border-right:2px Solid #ddd;padding-right:8%;} .col_three_fourth.dividerright + .col_one_fourth{padding-left:4%;} .col_one_third.dividerright{border-right:2px Solid #ddd;padding-right:8%;} .col_one_third.dividerright + .col_two_third{padding-left:4%;} .col_one_third.dividerright + .col_one_third{padding-left:4%;} .col_one_third.dividerright.small{padding-right:2%;margin-right:2%;padding-left:2%;} .col_one_third.dividerright.small + .col_one_third.col_last{padding-left:2%;padding-right:2%;} /*CONTENT TABS*/ #content nav.tabnav{text-align:center;border-top:2px Solid #CCC;border-bottom:2px Solid #CCC;margin-bottom:32px;} #content nav.tabnav ul{display:block;margin:0px;} #content nav.tabnav ul li{display:inline-block;padding:0px;margin:0px;} #content nav.tabnav ul li:before{display:none;} #content nav.tabnav ul li a{text-decoration:none;line-height:48px;font-size:20px;color:#000;transition:all .25s ease-in-out;position:relative;} #content nav.tabnav ul li a sup{margin:0px;vertical-align:baseline;font-size:100%;position:relative;font-size:14px;line-height:48px;top:-7px;} #content nav.tabnav ul li a:after{} #content nav.tabnav ul li:after{content:'';color:#CCC;padding-left:12px;margin-right:12px;} #content nav.tabnav ul li:last-child:after{display:none;} .container + .container.tabcontent {margin-top:0px;} body.green #content nav.tabnav ul li a:hover, body.green #content nav.tabnav ul li a.active{color:#689400;} body.ltblue #content nav.tabnav ul li a:hover, body.ltblue #content nav.tabnav ul li a.active{color:#238FBE;} body.red #content nav.tabnav ul li a:hover, body.red #content nav.tabnav ul li a.active{color:#e03c31;} body.teal #content nav.tabnav ul li a:hover, body.teal #content nav.tabnav ul li a.active{color:#13958d;} body.orange #content nav.tabnav ul li a:hover, body.orange #content nav.tabnav ul li a.active{color:#DB6300;} body.gold #content nav.tabnav ul li a:hover, body.gold #content nav.tabnav ul li a.active{color:#9D8558;} body.berry #content nav.tabnav ul li a:hover, body.berry #content nav.tabnav ul li a.active{color:#A50050;} /*LEFT NAV TABS*/ #content .lefttabs{padding-left:0px;} #content .lefttabs:after{content:'';display:block;clear:both;float:none;} #content .lefttabs nav.tabnav{text-align:right;border-top:none;border-bottom:none;margin-bottom:0px;width:33.3%;float:left;padding-right:48px;} #content .lefttabs nav.tabnav ul{display:block;margin:0px;} #content .lefttabs nav.tabnav ul li{display:block;padding:0px;margin:0px;margin-bottom:16px;} #content .lefttabs nav.tabnav ul li:before{display:none;} #content .lefttabs nav.tabnav ul li a{text-decoration:none;line-height:1.25;font-size:20px;color:#1F2b4a;transition:all .25s ease-in-out;position:relative;} #content .lefttabs nav.tabnav ul li a sup{margin:0px;vertical-align:baseline;font-size:100%;position:relative;font-size:14px;line-height:48px;top:-7px;} #content .lefttabs nav.tabnav ul li:after{display:none;} #content .lefttabs .tabbox{width:66.6%;float:right;padding-left:48px;border-left:2px Solid #CCC;} body.green #content .lefttabs nav.tabnav ul li a:hover, body.green #content .lefttabs nav.tabnav ul li a.active{color:#689400;} body.ltblue #content .lefttabs nav.tabnav ul li a:hover, body.ltblue #content .lefttabs nav.tabnav ul li a.active{color:#238FBE;} body.red #content .lefttabs nav.tabnav ul li a:hover, body.red #content .lefttabs nav.tabnav ul li a.active{color:#e03c31;} body.teal #content .lefttabs nav.tabnav ul li a:hover, body.teal #content .lefttabs nav.tabnav ul li a.active{color:#13958d;} body.orange #content .lefttabs nav.tabnav ul li a:hover, body.orange #content .lefttabs nav.tabnav ul li a.active{color:#DB6300;} body.gold #content .lefttabs nav.tabnav ul li a:hover, body.gold #content .lefttabs nav.tabnav ul li a.active{color:#9D8558;} body.berry #content .lefttabs nav.tabnav ul li a:hover, body.berry #content .lefttabs nav.tabnav ul li a.active{color:#A50050;} /* NEW LEFT NAV TABS*/ a.esbox{text-decoration:none;color:#fff;transition:all .25s ease-in-out;position:relative;top:0px;} .esbox.col_one_third{width: 26%; margin-right:11%} .esbox.col_one_third.col_last{ margin-right:0%;} .esbox .icon{display:block;height:96px;width:96px;margin-bottom:16px;} .esbox .icon svg{fill:#fff;} #content .esbox h3{font-size:20px;font-family:lato;text-transform:uppercase;transition:all .25s ease-in-out;} #content .esbox p.arrow{font-family:Montserrat;font-size:32px;font-weight:bold;line-height:1;margin-bottom:0px;} #content .esbox p.arrow span{transition:all .25s ease-in-out;} a.esbox:hover{top:-6px;} #content a.esbox:hover h3{color:#fff !important;} #content a.esbox:hover p.arrow span{color:#fff !important;} .esbox.col_one_third:after{content:'';display:block;width:2px;height:100%;background-color:rgba(255,255,255,.25);position:absolute;right:-17%;top:0px;transition:all .25s ease-in-out;} .esbox.col_one_third:hover:after{top:6px;} .esbox.col_one_third.col_last:after{display:none;} /*##################################################################################################################################################################################### #### FOOTER ########################################################################################################################################################################### #####################################################################################################################################################################################*/ #footer{background-color:#1F2b4a;color:#fff;padding:64px 0 32px 0;} #footer .logo{width:100%;max-width:126px;margin-bottom:8px;height:87px;} #footer .logo svg{fill:#fff;} #footer .phone{font-size:24px;font-family:Montserrat;font-weight:700;margin-bottom:8px;} #footer .phone a{color:#fff;text-decoration:none;} #footer address{display:block;font-style:normal;font-size:16px;margin-bottom:32px;} .disclaimer{clear:both;font-size:12px;} #footer .disclaimer ul, #footer .disclaimer ul li{display:block;list-style:none;padding:0;margin:0;} #footer .disclaimer ul{margin-bottom:4px;} #footer .disclaimer ul li{display:inline-block;} #footer .disclaimer ul li a{color:#fff;text-decoration:none;font-size:16px;} #footer .disclaimer ul li a:hover{text-decoration:underline;} #footer .disclaimer ul li:after{content:'|';margin:0 8px;} #footer .disclaimer ul li:last-child:after{display:none;} #footer .flinks ul, #footer .flinks ul li{display:block;list-style:none;padding:0;margin:0;} #footer .flinks ul li strong a {padding-left:0px;font-size:18px;text-transform:uppercase;display:block;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:8px;margin-bottom:8px;margin-left:0px;} #footer .flinks ul + ul{margin-top:24px;} #footer .flinks ul li a:hover{text-decoration:underline;} #footer .flinks ul li strong a:hover{text-decoration:none;} #footer .flinks ul li a{display:block;text-decoration:none;color:#fff;font-size:16px;line-height:1;margin-bottom:8px;margin-left:18px;position:relative;} #footer .flinks ul li a:before{display: inline-block;content: '\25b8';color: #fff;position: absolute;margin-left:0px;transition:all .25s ease-in-out;top:3px;left:-18px;text-decoration:none solid #1F2b4a;text-decoration-color: #1F2b4a;} #footer .flinks ul li strong a:before{display:none;} #footer .flinks ul li a:hover:before{text-decoration:none !important;} /*PRIVACY POLICY*/ #content nav.langnav{} #content nav.langnav ul{display:block;margin:0px;} #content nav.langnav ul li{display:inline-block;padding:0px;} #content nav.langnav ul li:before{display:none;} #content nav.langnav ul li a{text-decoration:none;line-height:32px;font-size:19px;color:#1F2b4a;} #content nav.langnav ul li a:hover{text-decoration:underline;} #content nav.langnav ul li a.active:hover{text-decoration:none;} #content nav.langnav ul li:after{content:'|';color:#CCC;padding-left:4px;margin-right:4px;} #content nav.langnav ul li:last-child:after{display:none;} body.green #content nav.langnav ul li a.active{color:#689400;} body.ltblue #content nav.langnav ul li a.active{color:#238FBE;} body.red #content nav.langnav ul li a.active{color:#e03c31;} body.teal #content nav.langnav ul li a.active{color:#13958d;} body.orange #content nav.langnav ul li a.active{color:#DB6300;} body.gold #content nav.langnav ul li a.active{color:#9D8558;} body.berry #content nav.langnav ul li a.active{color:#A50050;} .policypopup.popup-content{max-width: 80%;background: #fff;padding: 32px;margin: 0px auto;position: relative;height: 550px;overflow: auto;} .popup-content .printnew {float: right;padding: 0;cursor: pointer;position: absolute;right: 16px;top: -24px;} .popup-content .printnew svg {width: 22px;} .mfp-close-btn-in .popup-content .mfp-close {color: #1F2b4a;font-weight: bold;font-size: 40px;} .policypopup .mainhead {color: #1F2b4a;font-weight: bold;font-size: 28px;margin: 0 0 20px 0;overflow: hidden;padding: 0;line-height: 32px;text-transform: capitalize;} .policypopup .subhead {color: #1F2b4a;font-weight: bold;font-size: 22px;overflow: hidden;padding: 0;line-height: 24px;margin-bottom: 16px;} .policypopup .container.ct {padding: 0 16px;max-width: 100% !important;width: auto !important;} .policypopup .container.ct p {font-size: 19px;margin-bottom: 16px;} .policypopup ul li {list-style: disc;padding-left: 0;margin-left: 20px;} .table-sec {width: 100%;display: inline-block;margin: 0 12px;vertical-align: top;margin-bottom:16px;} .table-sec h4.subhead {height: 24px;margin: 0px 0 13px 0;} .table-sec-row {margin-bottom: 40px;} .table-sec table {border-collapse: collapse;width: 100%;} .table-sec td, .table-sec th {border: 1px solid #dddddd;text-align: left;padding: 8px 12px;font-size: 19px;} .table-sec tbody td {text-align: left;vertical-align: top;font-weight: normal;} .table-sec table th {width: 40%;background: #1F2b4a;color: #fff;} .table-sec th p, .table-sec td p {margin-bottom:0 !important;} .table-sec table td {word-break: break-word;} .policypopup table a, .policypopup p a, .policypopup ul li a, .policypopup ol li a, .policypopup #content p a, .policypopup #content ul li a, .policypopup #content ol li a { color: #1F2b4a; font-weight: 600; font-size: 19px; text-decoration: underline; } /*policy page poup start*/ .policypopup li {font-size: 19px;} .policypopup ul, .policypopup ol { margin-bottom: 16px;} @media (max-width:1024px){ .table-sec{margin: 0 0 16px 0;} .table-sec-row {margin-bottom:10px;} } @media (max-width:760px) { .table-sec table th, .table-sec table td { width: 100%; display: block; font-size: 16px;} .policypopup table a,.policypopup p a, .policypopup ul li a,.policypopup ol li a, .policypopup #content p a, .policypopup #content ul li a, .policypopup #content ol li a { font-size: 16px;} .mfp-close-btn-in .popup-content .mfp-close{font-size:28px} .policypopup.popup-content{padding:28px 9px 9px} .policypopup .container.ct{padding:0 7px} .policypopup .mainhead{font-size:20px;line-height:20px;} .policypopup .container.ct p{font-size:16px} .policypopup .subhead{font-size:18px;margin-top:16px;} .policypopup ul li{font-size: 16px; margin-left: 0;} .policypopup ol li{font-size:16px} .popup-content .printnew {right: 28px;top: -40px;} .policypopup .mainhead{margin-top:24px;} } @media (max-height: 1200px) { .policypopup.popup-content { max-height: 980px; } } @media (max-height: 1000px) { .policypopup.popup-content { max-height: 680px; } } @media (max-height: 700px) { .policypopup.popup-content { max-height: 480px; } } @media (max-height: 500px) { .policypopup.popup-content { max-height: 280px; } } @media (max-height: 300px) { .policypopup.popup-content { max-height: 200px; } } /*policy page poup end*/ .order-list.social-media span{display: inline-block;width: 150px;} .bulogo{width:100%;margin-bottom:32px;max-width:286px;float:right;padding-right:48px;} .bulogo:after{content:'';display:block;clear:both;float:none;} .bulogo svg{fill:#1F2b4a;width:100%;} body.green .bulogo svg .st0{fill:#689400;} body.berry .bulogo svg .st0{fill:#A50050;} body.ltblue .bulogo svg .st0{fill:#238FBE;} body.ltblue .bulogo svg .st1{fill:#FDBC3B;} body.gold .bulogo svg .st0{fill:#9D8558;} body.red .bulogo svg .st0{fill:#e03c31;} body.teal .bulogo svg .st0{fill:#13958d;} body.orange .bulogo svg .st0{fill:#DB6300;} #content .bulogo + .sidenav ul li:first-child a{border-top:2px Solid #1F2b4a;padding-top:8px;clear:both;} body.green #content .bulogo + .sidenav ul li:first-child a{border-color:#689400;} body.berry #content .bulogo + .sidenav ul li:first-child a{border-color:#A50050;} body.ltblue #content .bulogo + .sidenav ul li:first-child a{border-color:#238FBE;} body.gold #content .bulogo + .sidenav ul li:first-child a{border-color:#9D8558;} body.red #content .bulogo + .sidenav ul li:first-child a{border-color:#e03c31;} body.teal #content .bulogo + .sidenav ul li:first-child a{border-color:#13958d;} body.orange #content .bulogo + .sidenav ul li:first-child a{border-color:#DB6300;} #content .ctafooter p strong.arrow{display:none;} #content .ctafooter iframe, #content iframe.dlsform, #content iframe.newsform, #content iframe.mainform {border: 0;margin: 0;background-color: transparent;} #content ul.owl-carousel li{padding-left:0px;background-color:#fff;} #content ul.owl-carousel.owl-drag .owl-item{background-color:#fff;} #content ul.owl-carousel li:before{display:none;} #content ul.photo-fade li{padding-left:0px;background-color:#fff;} #content ul.photo-fade.owl-drag .owl-item{background-color:#fff;} #content ul.photo-fade li:before{display:none;} .nyccallout{background-color:#1F2b4a;color:#fff;padding:16px;} #content .nyccallout h3{font-size:20px;color:#fff;margin-bottom:0px;padding-top:0px;} #content .nyccallout p{margin-bottom:0px;} #content .nyccallout p+p{margin-bottom:0px;} body.home .ctafooter span.accent{color:#e03c31;} body.ltblue .ctafooter span.accent{color:#238FBE;} body.red .ctafooter span.accent{color:#e03c31;} body.teal .ctafooter span.accent{color:#13958d;} body.green .ctafooter span.accent{color:#689400;} body.orange .ctafooter span.accent{color:#DB6300;} body.gold .ctafooter span.accent{color:#9D8558;} body.berry .ctafooter span.accent{color:#A50050;} body.home #content .ctafooter p a.arrow.accent{color:#e03c31;} body.ltblue #content .ctafooter p a.arrow.accent{color:#238FBE;} body.red #content .ctafooter p a.arrow.accent{color:#e03c31;} body.teal #content .ctafooter p a.arrow.accent{color:#13958d;} body.green #content .ctafooter p a.arrow.accent{color:#689400;} body.orange #content .ctafooter p a.arrow.accent{color:#DB6300;} body.gold #content .ctafooter p a.arrow.accent{color:#9D8558;} body.berry #content .ctafooter p a.arrow.accent{color:#A50050;} body.home #content .ctafooter p a.arrow.accent:before{background-color:#e03c31;} body.ltblue #content .ctafooter p a.arrow.accent:before{background-color:#238FBE;} body.red #content .ctafooter p a.arrow.accent:before{background-color:#e03c31;} body.teal #content .ctafooter p a.arrow.accent:before{background-color:#13958d;} body.green #content .ctafooter p a.arrow.accent:before{background-color:#689400;} body.orange #content .ctafooter p a.arrow.accent:before{background-color:#DB6300;} body.gold #content .ctafooter p a.arrow.accent:before{background-color:#9D8558;} body.berry #content .ctafooter p a.arrow.accent:before{background-color:#A50050;} /*COLORS Montserrat #1F2b4a -dkblue- #238FBE -ltblue- text must be bold #e03c31 -red- text must be bold #13958d -teal- text must be bold #689400 -green- text must be bold #DB6300 -orange- text must be bold #9D8558 -gold- text must be bold #EB0071 - ltberry #A50050 - dkberry */ table.headingleft:before{content:'';display:block;height:12px;background-color:#1F2b4a;border-top-left-radius:8px;border-top-right-radius:8px;width:calc(100% + 5px);position:absolute;margin-top:-12px;margin-left:-3px;} table.headingleft:after{content:'';display:block;height:12px;background-color:#1F2b4a;border-bottom-left-radius:8px;border-bottom-right-radius:8px;width:calc(100% + 5px);position:absolute;margin-top:-1px;margin-left:-3px;} table.headingleft.left-align th{text-align: left;} table.headingleft{border-collapse:collapse;width:100%;border:2px Solid #1F2b4a;border-radius:8px;} table.headingleft th{font-size:19px;font-weight:bold;color:#1F2b4a;padding:16px;} table.headingleft td{font-size:19px;font-weight:normal;padding:16px 0px;color:#000;} table.headingleft tr{} table.headingleft tr:nth-child(odd){background-color:#fff;} table.headingleft tr:nth-child(even){background-color:#e8edf0;} /* body.ltblue table.headingleft{border-color:#238FBE;} body.red table.headingleft{border-color:#e03c31;} body.teal table.headingleft{border-color:#13958d;} body.green table.headingleft{border-color:#689400;} body.orange table.headingleft{border-color:#DB6300;} body.gold table.headingleft{border-color:#9D8558;} body.berry table.headingleft{border-color:#A50050;} */ /* body.ltblue table.underline th{color:#238FBE;} body.red table.underline th{color:#e03c31;} body.teal table.underline th{color:#13958d;} body.green table.underline th{color:#689400;} body.orange table.underline th{color:#DB6300;} body.gold table.underline th{color:#9D8558;} body.berry table.underline th{color:#A50050;} */ #content ul li:last-child{margin-bottom:0px;} #content ol[type="1"] { padding-left: 20px; } #content ol[type="1"] li { font-size: 19px; margin: 0 0 16px 0; padding-left: 15px; list-style: decimal; } #content ol[type="1"] li ul li{list-style:none;padding-left:26px;} #content ol[type='i']{ padding-left: 20px;} #content ol[type='i'] > li{ font-size: 19px; margin: 0 0 16px 0; padding-left: 15px; list-style: lower-roman; } #content ol[type='a']{ padding-left: 20px;} #content ol[type='a'] > li { font-size: 19px; margin: 0 0 16px 0; padding-left: 15px; list-style: lower-alpha; } #content ol ul{margin-top:16px;} #content ol ol{margin-top:16px;padding-left:20px;} #content ol li p + ol{padding-left:40px;} table.standard{border-collapse: separate;width:100%;box-sizing:border-box;border-spacing:0;} table.standard tr th{font-weight:bold;} table.standard tr th, table.standard tr td{font-size:19px;padding:8px;} table.standard tr:nth-child(odd){background-color:#fff;} table.standard tr:nth-child(even){background-color:#efefef;} table.standard thead:first-child tr:first-child{background-color:#999;color:#fff;font-size:20px;} table.standard thead:first-child tr:first-child th{border-top-left-radius:8px;border-top-right-radius:8px;} table.standard tr td.footer{background-color:#999;border-bottom-right-radius:8px;border-bottom-left-radius:8px;border:none !important;} table.standard tbody tr th, table.standard tr td{border-right:1px Solid #999;border-bottom:1px solid #999} table.standard tbody tr th:first-child, table.standard tr td:first-child{border-left:1px solid #999;} #content table.standard tr td img{display:block;margin:0px auto;width:15px;} #content table.standard tr td ul{margin-bottom:0px;} table.standard.blue tr:nth-child(odd){background-color:#fff;} table.standard.blue tr:nth-child(even){background-color:#e8edf0;} table.standard.blue thead:first-child tr:first-child{background-color:#1F2b4a;color:#fff;} table.standard.blue tr td.footer{background-color:#1F2b4a;} table.standard.blue tbody tr th, table.standard tr td{border-color:#1F2b4a;} table.standard.blue tbody tr th:first-child, table.standard tr td:first-child{border-color:#1F2b4a;} table.standard.blue tbody tr th {font-weight: bold; color:#1F2b4a; } table.standard.smalltext tbody tr th, table.standard.smalltext tr td{font-size:16px;padding:8px;} table.standard.smalltext thead:first-child tr:first-child{font-size:20px;} table.standard.smalltext thead tr td.headleft{border-top-left-radius: 8px;font-weight:bold;font-size:18px;} table.standard.smalltext thead tr td.headright{border-top-right-radius: 8px;font-weight:bold;font-size:18px;} table.standard.more-padding tr th, table.standard.more-padding tr td{padding: 16px;} /*COLORS Montserrat #1F2b4a -dkblue- #238FBE -ltblue- text must be bold #e03c31 -red- text must be bold #13958d -teal- text must be bold #689400 -green- text must be bold #DB6300 -orange- text must be bold #9D8558 -gold- text must be bold #EB0071 - ltberry #A50050 - dkberry */ /**/ /*border-top-left-radius:4px;border-top-right-radius:4px;*/ /*THIS IS FOR THE IMAGE ICONS ON ADOBE PAGE*/ #content .list-row ul li:before{content: '';display: none;} #content .list-row ul {margin: 0;padding: 0;width: 100%;float: left;margin-top: 40px;list-style:none;} #content .list-row ul li{width: 33.33%;float: left;height: 80px;list-style:none;} #content .list-row ul li span {display: block; float: left; width: 96px; height: 96px;} #content .list-row ul li p {float: left;width: 190px;font-weight: normal;position: relative;vertical-align: middle;display: block;margin-left: 18px;top: 50%;transform: translateY(-50%);line-height:1.25;} /*FOR PICTURE BOXES ON LEADERSHIP PAGE*/ /*.picbox.red{background-size:cover;background-position:center;min-height:450px;position:relative;} .picbox.red h3 a{width:100%;text-decoration:none;background-color:#a82d25;display:block;text-align:center;color:#fff;font-family:Montserrat;font-weight:800;text-transform:uppercase;line-height:15px;padding-top:15px;font-size:19px;} .picbox.red h3 a{position:absolute;top:366px;left:0;transition:all .25s ease-in-out;} .picbox.red h3 a:after{background-color:#a82d25;position:absolute;top:-57px} .picbox.red .title{display:block;width:100%;background-color:#a82d25;padding:8px;padding-bottom:13px;text-align:center;color:#fff;font-size:14px;text-transform:none;font-weight:normal;font-style: italic;line-height:1.25;} .picbox.red .picbox-content{background-color:#a82d25;} .picbox.red .picbox-content strong{color:#1F2b4a;font-size:20px;font-family:Montserrat;line-height:1;font-weight:800;} .picbox.red .picbox-content p{font-size:14px!important;text-decoration:none;color:#fff;} .picbox.red .picbox-content div a{color:#fff;position:absolute;top:8px;left:300px;text-decoration:none}*/ .bignumber{font-family:Montserrat;font-weight:800;font-size:64px;line-height:64px;width:100%;text-align:center;margin-bottom:16px;} body.green .bignumber{color:#689400;} body.berry .bignumber{color:#A50050;} body.ltblue .bignumber{color:#238FBE;} body.gold .bignumber{color:#9D8558;} body.red .bignumber{color:#e03c31;} body.teal .bignumber{color:#13958d;} body.orange .bignumber{color:#DB6300;} /*sidetabs tab order fix*/ #content ul.sidetabs{position:relative;} #content ul.sidetabs > li{margin:0px;padding:0px;position:static;} #content ul.sidetabs > li:before{display:none;} #content ul.sidetabs > li > a:first-child{display:block;width:33.3%;padding-right:48px;text-align:right;text-decoration:none;line-height:1.25;margin-bottom:16px;clear:left;transition:all .25s ease-in-out;} #content ul.sidetabs > li .tabcontent{width:66.6%;padding-left: 48px;border-left: 2px Solid #CCC;position:absolute;top:0px;right:0px;outline:0;} #content ul.sidetabs.enlarge > li > a:first-child{width:20%;} #content ul.sidetabs.enlarge > li .tabcontent{width:80%;} #content ul.sidetabs.l200 > li > a:first-child{width:210px;} #content ul.sidetabs.l200 > li .tabcontent{width:calc(100% - 210px);} body.green #content ul.sidetabs li a:hover, body.green #content ul.sidetabs li a.active{color:#689400;} body.ltblue #content ul.sidetabs li a:hover, body.ltblue #content ul.sidetabs li a.active{color:#238FBE;} body.red #content ul.sidetabs li a:hover, body.red #content ul.sidetabs li a.active{color:#e03c31;} body.teal #content ul.sidetabs li a:hover, body.teal #content ul.sidetabs li a.active{color:#13958d;} body.orange #content ul.sidetabs li a:hover, body.orange #content ul.sidetabs li a.active{color:#DB6300;} body.gold #content ul.sidetabs li a:hover, body.gold #content ul.sidetabs li a.active{color:#9D8558;} body.berry #content ul.sidetabs li a:hover, body.berry #content ul.sidetabs li a.active{color:#A50050;} /*toptabs tab order fix*/ #content ul.toptabs{position:relative;display:block;width:100%;text-align:center;border-top:2px Solid #CCC;} #content ul.toptabs:before{content:'';display:block;height:2px;width:100%;position:absolute;left:0px;top:50px;background-color:#ccc;} #content ul.toptabs > li{display:inline-block;position:static;padding:0px;margin:0px 12px;} #content ul.toptabs > li:before{display:none;} #content ul.toptabs > li > a:first-child{display:block;text-decoration:none;font-size:20px;color:#000;transition:all .25s ease-in-out;line-height:48px;} #content ul.toptabs > li > .tabcontent{position:absolute;top:80px;left:0px;outline:0;width:100%;} #content ul.toptabs table{text-align:left;} #content ul.toptabs table ul > li:before{text-align:left;background-color:#1F2b4a;} body.green #content ul.toptabs li a:hover, body.green #content ul.toptabs li a.active{color:#689400;} body.ltblue #content ul.toptabs li a:hover, body.ltblue #content ul.toptabs li a.active{color:#238FBE;} body.red #content ul.toptabs li a:hover, body.red #content ul.toptabs li a.active{color:#e03c31;} body.teal #content ul.toptabs li a:hover, body.teal #content ul.toptabs li a.active{color:#13958d;} body.orange #content ul.toptabs li a:hover, body.orange #content ul.toptabs li a.active{color:#DB6300;} body.gold #content ul.toptabs li a:hover, body.gold #content ul.toptabs li a.active{color:#9D8558;} body.berry #content ul.toptabs li a:hover, body.berry #content ul.toptabs li a.active{color:#A50050;} nav.portfolio-menu{width:25%;float:left;padding-right:64px;} .portfolio{width:75%;float:right;} .portfolio a{float:left;width:calc(25% - 8px);position:relative;display:block;overflow:hidden;background-color:#fff;margin:4px;} .portfolio a:after{content:''; display:block;height:100%;width:100%;background-color:rgba(0,0,0,.75);position:absolute;top:0px;left:0px;transition:all .25s ease-in-out;opacity:0;} .portfolio a:after{content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath style='fill:%23FFFFFF;' d='M65.3,66.6c-0.7,0.4-1.4,0.7-2.2,0.8c-2.5,0.3-4.9-1.5-5.2-4c-0.4-2.7,1.4-5.1,4-5.5c1.9-0.3,3.5,0.4,4.6,2 c1.1,1.6,1.2,3.3,0.2,5.1c-0.1,0.2-0.1,0.3,0.1,0.5c1,1,2,2,3,3c0.4,0.4,0.4,0.8,0.2,1.2c-0.2,0.4-0.6,0.6-1,0.5 c-0.2,0-0.5-0.2-0.7-0.4c-1-1-1.9-1.9-2.9-2.9C65.4,66.8,65.4,66.7,65.3,66.6z M59.2,62.6c0,1.9,1.5,3.4,3.4,3.4 c1.9,0,3.4-1.5,3.4-3.4s-1.5-3.4-3.4-3.4C60.7,59.2,59.2,60.7,59.2,62.6z'/%3E%3C/svg%3E%0A");} .portfolio a:hover:after{opacity:1;} .portfolio a img{display:block;} /*.portfolio a.portfolio-video{width:calc(50% - 16px);margin:8px;}*/ #content nav.portfolio-menu ul, #content nav.portfolio-menu ul li{margin:0px;padding:0px;display:block;list-style:none;} #content nav.portfolio-menu ul li{margin-bottom:6px;padding-left:26px;} #content nav.portfolio-menu ul li:before{display:none;} #content nav.portfolio-menu ul li a{transition:all .25s ease-in-out;text-decoration:none;color:#1F2b4a;} #content nav.portfolio-menu ul li a:before {display: block;content: '\25b8';color: #1F2b4a;position: absolute;margin-left: -24px;transition: all .25s ease-in-out;} #content nav.portfolio-menu ul li:first-child{padding-left:0px;} #content nav.portfolio-menu ul li:first-child a{font-size:22px;text-decoration:none;text-transform:capitalize;margin-bottom:8px;padding-bottom:8px;font-family:Montserrat;display:block;} #content nav.portfolio-menu ul li:first-child a:before{display:none;} #content nav.portfolio-menu ul li a:hover:before{transform:scale(1.5);} #content nav.portfolio-menu ul + ul{margin-top:16px;} /*body.orange #content nav.portfolio-menu ul li a{color:#DB6300;}*/ body.orange #content nav.portfolio-menu ul li a.current{color:#DB6300;} body.orange #content nav.portfolio-menu ul li a:before{color:#DB6300;} body.orange #content nav.portfolio-menu ul li a:hover{text-decoration:none;} body.orange #content nav.portfolio-menu ul li:first-child a{border-bottom:2px Solid #DB6300;} body.orange #content nav.portfolio-menu ul li:first-child a.current{color:#DB6300;} .pr-list{display:table;border-collapse: collapse;width:100%;} a.pr-item{display:table-row;text-align:left;border-bottom:2px Solid #ccc;font-size:19px;text-decoration:none;color:#1F2b4a;} body.red a.pr-item:hover{color:#e03c31;} a.pr-item:nth-child(odd){background-color:#efefef;} .pr-item .pr-date{display:table-cell;vertical-align:middle;padding:16px 0;padding-left:16px;width:160px;font-weight:normal;} .pr-item .pr-date + .pr-title{display:table-cell;vertical-align:middle;padding:16px 0;width:calc(100% - 220px);} .pr-item .pr-date + .pr-publication{width:200px;display:table-cell;vertical-align:middle;padding:16px 0;font-style:italic;} .pr-item .pr-date + .pr-time{width:200px;display:table-cell;vertical-align:middle;padding:16px 0;font-style:normal;} .pr-item .pr-time + .pr-title, .pr-item .pr-publication + .pr-title{display:table-cell;vertical-align:middle;padding:16px 0;width:calc(100% - 420px);} .pr-item .pr-title:first-child{display:table-cell;vertical-align:middle;padding:16px 0;width:calc(100% - 60px);padding-left:16px;font-weight:bold;} .pr-item .pr-publication + .pr-title{padding-left:16px;} .pr-item .pr-readmore{display:table-cell;vertical-align:middle;padding:16px 0;width:60px;text-align:right;padding-right:16px;text-transform:uppercase;position:relative;} .pr-item .pr-readmore:after{content:'\279E';font-size:24px;line-height:24px;display:inline-block;position:relative;top:2px;padding-left:4px;} .pr-item .pr-readmore.external:after{content:'\21F1';font-size:28px;line-height:24px;display:inline-block;position:relative;top:2px;left:3px;padding-left:4px;transform:rotate(90deg);} .pr-footer{margin-top:16px;} .pr-footer:after{content:'';display:block;float:none;clear:both;} .pr-left{float:left;} .pr-right{float:right;} #content .logodownload{text-align:center;} #content .logodownload img{display:block;max-width:128px;margin:0px auto;margin-bottom:8px;border:1px Solid #CCC;} #content .logodownload ul{display:block;margin-bottom:0px;} #content .logodownload ul li{display:inline-block;padding:0px;} #content .logodownload ul li:before{display:none;} #content .logodownload ul li:after{content:'|';margin:0px 4px;color:#ccc;} #content .logodownload ul li:last-child:after{display:none;} #content .brandheadshots{padding-top:16px;} #content .brandheadshots .col_one_fifth{background-color:#fff;margin-bottom:32px;border:1px Solid #CCC;padding-bottom:48px;position:relative;text-align:center;} #content .brandheadshots img{display:block;margin-bottom:8px;padding-left:0px;} #content .brandheadshots .col_one_fifth p{margin-bottom:0px;padding:0px 4px;} #content .brandheadshots .col_one_fifth p + a{position:absolute;bottom:4px;width:100%;text-align:center;left:0px;} #content .brandheadshots .col_one_fifth a + p + p{font-style:italic;font-size:16px;} #content .brandheadshots br{display:none;} .brandheadshots:after{content:'';display:block;float:none;clear:both;} @media (max-width: 1024px) { .brandheadshots div .col_one_fifth,.brandheadshots div .col_one_fifth.col_last{width:22%;margin-right:4% !important;} .brandheadshots div .col_one_fifth:nth-child(4n){margin-right:0px !important;} } @media (max-width: 960px) { #content .col_half.logodownload{width:48%;float:left;margin-right:4%;clear:none;} #content .col_half.logodownload.col_last{margin-right:0px;} .brandheadshots div .col_one_fifth,.brandheadshots div .col_one_fifth.col_last{width:30.63%;margin-right:4% !important;} .brandheadshots div .col_one_fifth:nth-child(4n){margin-right:4% !important;} .brandheadshots div .col_one_fifth:nth-child(3n){margin-right:0px !important;} /* #content ul.toptabs h2, #content ul.toptabs p,#content ul.toptabs h3{text-align:left;} #content .logodownload img{margin:0px;margin-bottom:8px;} #content .logodownload ul li{display:block;text-align:left;} #content .logodownload ul li:after{display:none;} #content .logodownload ul{padding-left:0px !important;} */ } @media (max-width: 760px) { .pr-list{display:block;} a.pr-item{display:block;width:100%;padding:16px;position:relative;padding-right:60px;} .pr-item .pr-date{display:block;widtH:100%;padding:0px !important;} .pr-item .pr-title{display:block !important;widtH:100% !important;padding:0px !important;} .pr-item .pr-publication{display:block !important;widtH:100% !important;padding:0px !important;} .pr-item .pr-readmore{display:block !important;widtH:60px;height:60px;position:absolute;top:0px;right:0px;} } @media (max-width: 500px) { .brandheadshots div .col_one_fifth,.brandheadshots div .col_one_fifth.col_last{width:48%;margin-right:4% !important;} .brandheadshots div .col_one_fifth:nth-child(4n){margin-right:4% !important;} .brandheadshots div .col_one_fifth:nth-child(3n){margin-right:4% !important;} .brandheadshots div .col_one_fifth:nth-child(2n){margin-right:0px !important;} } @media (max-width: 450px) { #content .logodownload ul{padding-left:0px !important;} #content .logodownload ul li{display:block;} #content .logodownload ul li:after{display:none;} } @media (max-width: 400px) { .brandheadshots div .col_one_fifth,.brandheadshots div .col_one_fifth.col_last{width:100%;margin-right:0px !important;float:none;clear:both;height:auto!important;} .brandheadshots div .col_one_fifth:nth-child(4n){margin-right:0px !important;} .brandheadshots div .col_one_fifth:nth-child(3n){margin-right:0px !important;} .brandheadshots div .col_one_fifth:nth-child(2n){margin-right:0px !important;} } #content .dsllogos{display:block;} #content .dsllogos a{display:block;text-align:center;float:left;width:20%;} #content .dsllogos a.thin{width:10%;} #content .dsllogos a img{display:block;max-height:80px;width:auto;max-width:95%;margin:0px auto;} #content .csitem img{margin-bottom:8px;} #content .csitem img + p{margin-bottom:0px;} #content .csitem p strong{font-size:20px;} @media (max-width: 600px) { #content .dsllogos a.thin{width:25%;} #content .dsllogos a.thin + a.thin + a{width:50%;} #content .dsllogos a{width:33%;height:75px;} } @media (max-width: 900px) { .col_one_fourth.csitem{width:48%;} .col_one_fourth.csitem:nth-child(even){margin-right:0px;} } @media (max-width: 400px) { .col_one_fourth.csitem{width:100%;float:none;margin:0px;padding:0px;margin-bottom:32px;} .col_one_fourth.csitem.col_last{margin-bottom:0px;} } #instafeed:after{content:'';float:none;clear:both;} .instaimg{display:block;width:32%;float:left;height:auto;margin:0 1% 8px 0;overflow:hidden;text-align:center;position:relative;} #content .section .instaimg img{/*max-width:100%;*/min-width:100%;opacity:0;display:none;} .instaimg {background-size:cover;background-position:center top;} .instaimg.square {background-size:180%;background-position:center top;} a.instaimg:after{content:'';display:block;padding-bottom:100%;} a.instaimg:before{content:'';display:block;height:100%;width:100%;background-color:rgba(0,0,0,.75);position:absolute;top:0px;left:0px;transition:all .25s ease-in-out;opacity:0;} a.instaimg:before{content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath style='fill:%23FFFFFF;' d='M65.3,66.6c-0.7,0.4-1.4,0.7-2.2,0.8c-2.5,0.3-4.9-1.5-5.2-4c-0.4-2.7,1.4-5.1,4-5.5c1.9-0.3,3.5,0.4,4.6,2 c1.1,1.6,1.2,3.3,0.2,5.1c-0.1,0.2-0.1,0.3,0.1,0.5c1,1,2,2,3,3c0.4,0.4,0.4,0.8,0.2,1.2c-0.2,0.4-0.6,0.6-1,0.5 c-0.2,0-0.5-0.2-0.7-0.4c-1-1-1.9-1.9-2.9-2.9C65.4,66.8,65.4,66.7,65.3,66.6z M59.2,62.6c0,1.9,1.5,3.4,3.4,3.4 c1.9,0,3.4-1.5,3.4-3.4s-1.5-3.4-3.4-3.4C60.7,59.2,59.2,60.7,59.2,62.6z'/%3E%3C/svg%3E%0A");} a.instaimg:hover:before{opacity:1;} @media (max-width: 600px) { .instaimg {height:128px;} } /*CALCULATOR*/ .accordion.calc .acontent{border:1px Solid #CCC;border-top:none;padding:16px;} #content .accordion.calc > *:first-child{margin-bottom:0px;} .accordion.calc h3{margin-bottom:0px;} #content .accordion.calc.active h3:first-child a{border-bottom-left-radius:0px;border-bottom-right-radius:0px;} .calcbox{background-color:#efefef;padding:16px 32px;width:100%;} #content .calcbox h4{text-align:center;margin-bottom:0px;} #content .calcbox .calcfield{width:100%;margin-bottom:16px;position:relative;} #content .calcbox .calcfield p{vertical-align:middle;width:calc(100% - 112px);float:left;margin-bottom:0px;position:absolute;top:50%;transform: translateY(-50%);} #content .calcbox .calcfield .calcinput{vertical-align:middle;width:112px;float:right;} #content .calcbox .calcfield:after{content:'';clear:both;float:none;display:block;} #content .calcbox .calcfield .calcbutton{display:inline-block;line-height:1.25;font-size:19px;color:#fff !important;padding:16px 48px;text-align:center;border-radius:1px;text-decoration:none;background-color:#1F2b4a;font-weight:bold;font-family:Montserrat;text-transform:uppercase;margin:4px;margin-top:8px;margin-left:0px;transition:all .25s ease-in-out;position:relative;border:0px Solid red;} #content .calcbox .calcfield .calcbutton:hover{cursor:pointer;border:4px Solid #13958d;margin:0px;margin-top:4px;transition:all .25s ease-in-out;margin-left:-4px;} #content .calcbox .calcfield .calcradio{display:inline-block;width:80px;text-align:center;} #content .calcbox .calcfield .calcradio div label{font-size:19px;margin-left:8px;margin-bottom:8px;} #content .calcbox .calcfield .calcradio input[type="radio"]{transform:scale(1.25);margin-bottom:8px;} .calcbox textarea,.calcinput input[type="text"] {font-size: 16px;font-family: Montserrat, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";text-align: center;appearance: none;border: 2px Solid #13958d;background-color: #fff;height: 42px;width: 80px;} .calcbox textarea{text-align:center;overflow:hidden;max-width:360px;width:100%;padding-top:8px;} .calcinput .calcsymbol {text-align: center;width: 12px;display: inline-block;font-family: Montserrat, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";} #content .calcbox .calcfield.center{text-align:center;} #content .calcbox .calcfield.center p{margin-bottom:8px;width:100%;position:static;top:auto;transform:none;} #content .calcbox .calcfield.center .calcinput{width:100%;text-align:center;} #content .calcbox .calcfield.center .calcinput input[type="text"]{width:100%;max-width:320px;} @media (max-width: 500px) { #content .calcbox .calcfield p{width:100%;float:none;margin-bottom:8px;position:static;top:auto;transform:none;text-align:center;} #content .calcbox .calcfield .calcinput{width:112px;float:none;clear:both;margin:0px auto;} #content .calcbox h5{text-align:center;} .accordion.calc p.tcenter{text-align:center;} .calcbox{padding:16px;} } /*LEADERSHIP*/ #content .execbox{display:block;position:relative;cursor:pointer;margin-bottom:32px;text-decoration:none;} #content .execbox img + div{background-color:rgba(31,43,74,.9);color:#fff;text-align:center;padding:16px 0;position:absolute;bottom:0px;width:100%;} #content .execbox img + div > h2{color:#fff;font-size:20px;margin-bottom:4px;} #content .execbox img + div > h2 + p{font-style:italic;line-height:1.25;margin:0px 8px;} #content .execbox img{display:block;} #content .execbox:hover:before{background-color:#e03c31;} #content .execbox:before{content:'+';display:block;height:48px;width:48px;border-radius:50%;background-color:rgba(31,43,74,.9);position:absolute;top:8px;right:8px;font-family:Montserrat, Arial;font-weight:bold;text-align:center;line-height:48px;color:rgba(255,255,255,.9);font-size:32px;transition:all .25s ease-in-out;text-indent:-1px;} #content .execboxes .col_one_third.col_last + .col_one_third{clear:left;} /* #content .execbio{display:none;} */ .mfp-content .execbio{display:block !important;} .execbio{background-color:rgba(31,43,74,1);color:#fff;max-width:600px;padding:32px;margin:0px auto;position:relative;display:block;} .execbio h3{font-size:32px;font-family:Montserrat, Arial;margin-bottom:16px;} .execbio p{font-size:19px;margin-bottom:16px;} .execbio p:last-of-type{margin-bottom:0px;} .execbio .mfp-close{padding-left:1px;color:#fff !important;height:32px;width:32px;text-align:center;line-height:28px;border-radius:50%;border:2px Solid #fff;font-size:28px;font-family:Montserrat, Arial;right:16px;top:16px;transition:all .25s ease-in-out;} .execbio .mfp-close:hover{background-color:#fff;color:rgba(31,43,74,1) !important;} .execbio .mfp-close:active{top:8px;} @media (max-width: 1100px) { #content .execbox img + div > h2 + p{font-size:16px;} #content .execbox img + div > h2 + p br{display:none;} } @media (max-width: 800px) { #content .section:first-child .container.execboxes .col_one_third:first-child{width:30.63%;margin-right:4%;float:left;clear:none;} #content .execbox:before{height:32px;width:32px;line-height:32px;font-size:24px;} } @media (max-width: 760px) { #content .section:first-child .container.execboxes .col_one_third, #content .section:first-child .container.execboxes .col_one_third.col_last, #content .section:first-child .container.execboxes .col_one_third:first-child{width:48%;margin-right:0%;float:left;clear:none;margin-bottom:0px;} #content .section:first-child .container.execboxes .col_one_third:nth-child(odd){margin-right:4% !important;} #content .section:first-child .container.execboxes .col_one_third:nth-child(even){margin-right:0px !important;} } @media (max-width: 485px) { #content .section:first-child .container.execboxes .col_one_third{width:100% !important;float:none !important;clear:both !important;margin-right:0px !important;} } /*portfolio home*/ .porthome > a{float:left;width:calc(33.33% - 32px);position:relative;display:block;overflow:hidden;background-color:#fff;margin:16px;} .porthome > a:after{content:''; display:block;height:100%;width:100%;background-color:rgba(0,0,0,.75);position:absolute;top:0px;left:0px;transition:all .25s ease-in-out;opacity:0;} .porthome > a:after{content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath style='fill:%23FFFFFF;' d='M65.3,66.6c-0.7,0.4-1.4,0.7-2.2,0.8c-2.5,0.3-4.9-1.5-5.2-4c-0.4-2.7,1.4-5.1,4-5.5c1.9-0.3,3.5,0.4,4.6,2 c1.1,1.6,1.2,3.3,0.2,5.1c-0.1,0.2-0.1,0.3,0.1,0.5c1,1,2,2,3,3c0.4,0.4,0.4,0.8,0.2,1.2c-0.2,0.4-0.6,0.6-1,0.5 c-0.2,0-0.5-0.2-0.7-0.4c-1-1-1.9-1.9-2.9-2.9C65.4,66.8,65.4,66.7,65.3,66.6z M59.2,62.6c0,1.9,1.5,3.4,3.4,3.4 c1.9,0,3.4-1.5,3.4-3.4s-1.5-3.4-3.4-3.4C60.7,59.2,59.2,60.7,59.2,62.6z'/%3E%3C/svg%3E%0A");} .porthome > a:hover:after{opacity:1;} .porthome > a img{display:block;} .porthome:after{content:'';display:block;float:none;clear:both;} a.portfolio-video:after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' style='fill:%23fff;'%3E%3Cpath d='M28.2,26.7v10.1l9.5-5L28.2,26.7z M35.3,31.7l-5.9,3.1v-6.3L35.3,31.7z'/%3E%3C/svg%3E%0A");} .porthome > .csitem{float:left;width:calc(33.33% - 32px);position:relative;display:block;overflow:hidden;background-color:#fff;margin:16px;text-align:left;} .cert-logo{width: 100%;max-width: 286px;} .cert-logo svg{fill:#1F2B4A;} @media (max-width: 760px) { .porthome > a{width:calc(50% - 16px);margin:8px;} .porthome > .csitem{width:calc(50% - 16px);margin:8px;} } @media (max-width: 500px) { .porthome > .csitem{width:100%;margin:0px;margin-bottom:24px;height:auto !important;} #content .porthome > .csitem p a.arrow{margin-top:0px;} } #content .col_half.event.center, #content .col_half.event.webinar, #content .col_half.event.earningscall{float:none;margin:0px auto;} #content .col_half.event, #content .col_half.webinar, #content .col_half.earningscall {border:1px Solid #CCC;padding:16px;margin-bottom:32px;} #content .col_half.event p, #content .col_half.webinar p, #content .col_half.earningscall p{margin-bottom:0px;} #content .col_half.event p + h3, #content .col_half.webinar p + h3, #content .col_half.earningscall p + h3{margin-top:8px;font-size:26px;margin-bottom:8px;} #content .col_half .event-download .icon{height:24px;width:24px;background-color:#e03c31;border-radius:50%;float:left;margin-right:8px;} #content .col_half .event-download .icon svg{fill:#fff;width:100%;} #content .col_half .event-download:after{content:'';display:block;float:none;clear:both;} #content .col_half .event-download a{display:block;line-height:24px;} #content .col_half .event-download{margin-bottom:6px;} @media (max-width: 760px) { #content .col_half.event, #content .col_half.webinar, #content .col_half.earningscall{height:auto !important;} } /*SUPPLY CHAIN LOCATIONS ADDRESS WIDGET*/ .location-sec .tabcontent .container{padding:0px !important;} .location-sec .tabcontent .col_two_third + .col_one_third.col_last{border-left:2px Solid #CCC;padding-left:calc(4% + 28px);position:relative;top:-48px;} .locwidget{position:relative;padding-left:28px;} .locwidget a.popup-video{display:block;width:20px;position:absolute;left:28px;top:0px;} .locwidget a.popup-video svg{fill:#238FBE;display:block;} .locwidget a.popup-video:hover svg{fill:#1F2b4a;display:block;} .locwidget address strong{font-size:19px;font-style:normal;} .locwidget address + div svg{display:none;margin-top:8px;} .locwidget address{font-size:16px;} .locwidget address + div {margin-top:8px;font-size:16px;} #content .location-sec h5 { margin-top: 32px;} .location-sec .tabcontent .col_two_third{width: 60.4%;} .location-sec .tabcontent .col_two_third + .col_one_third.col_last{width: 35.6%;} @media (max-width: 1024px) { .location-sec .imgright .container, .location-sec .imgright.container{display:flex;flex-direction: column-reverse;} .location-sec .tabcontent .col_two_third + .col_one_third.col_last{border-left:none;padding-left:28px !important;position:relative;top:0px;margin-bottom:16px !important;} .locwidget a.popup-video{left:0px;} .location-sec .tabcontent .col_two_third, .location-sec .tabcontent .col_two_third + .col_one_third.col_last{width: 100%;margin:0px;float:none;} } /*############################################################################################################################################*/ /*#### L A N D I N G P A G E S ############################################################################################################*/ /*############################################################################################################################################*/ .banner.critical-letters{background-image:url(../img/lp/critical-letters/critical-letters-banner.jpg)} .banner.personalization-retail{background-image:url(../img/lp/personalization-retail/retail.jpg)} .banner.personalization-financial{background-image:url(../img/lp/personalization-financial/financial.jpg)} .banner.webrooming{background-image:url(../img/lp/webrooming/webrooming-banner.jpg)} .banner.email-fatigue{background-image:url(../img/lp/email-fatigue/email-fatigue-banner.jpg)} .banner.marriott{background-image:url(../img/lp/marriott/marriott-banner.jpg)} .banner.acuity{background-image:url(../img/lp/acuity/acuity-banner.jpg)} .banner.scs-webinar{background-image:url(../img/lp/scs-webinar/scs-webinar-banner.jpg)} .banner.annual-lookbook{background-image:url(../img/lp/annual-lookbook/annual-lookbook-banner.jpg)} .banner.predictive-testing{background-image:url(../img/lp/predictive-testing/predictive-testing-banner.jpg)} .banner.levy{background-image:url(../img/lp/levy/levy-banner.jpg)} .banner.transparency-solutions{background-image:url(../img/lp/transparency-solutions/transparency-solutions-banner.jpg)} .banner.airlines{background-image:url(../img/lp/airlines/airlines-banner.jpg)} .banner.restaurant-solutions{background-image:url(../img/lp/restaurant-solutions/restaurant-solutions-banner.jpg)} .banner.life-sciences{background-image:url(../img/lp/life-sciences/life-sciences-banner.jpg)} .banner.ls-marketing{background-image:url(../img/lp/life-sciences/marketing/marketing-banner.jpg)} .banner.supply-chain{background-image:url(../img/lp/life-sciences/supply-chain/supply-chain-banner.jpg)} .banner.supply-chain-cstudy{background-image:url(../img/lp/life-sciences/supply-chain/case-studies/increasing-productivity-and-eliminating-errors-holistically.jpg)} .banner.ls-marketing-cstudy{background-image:url(../img/lp/life-sciences/marketing/case-studies/establishing-a-new-prescription-for-print-production-efficiency.jpg)} .banner.hc-webinar{background-image:url(../img/lp/hc-webinar/hc-webinar-banner.jpg)} .banner.customer-engagement-marketing-2019{background-image:url(../img/lp/customer-engagement-marketing-2019/customer-engagement-marketing-2019-banner.jpg)} .banner.wyndham{background-image:url(../img/lp/wyndham/wyndham-banner.jpg)} .banner.engineering-day-2019{background-image:url(../img/about/events/2019/10/09/engineering-day/engineering-day-2019-banner.jpg)} .banner.acuity-webinar{background-image:url(../img/about/events/2020/03/25/acuity-webinar-banner.jpg)} .banner.honeywell{background-image:url(../img/lp/honeywell/honeywell-banner.jpg)} .banner.budget-blinds{background-image:url(../img/lp/budget-blinds/budget-blinds-banner.jpg)} .banner.opinion-centers{background-image:url(../img/opinion-centers/opinion-header.jpg)} .banner.scs-webinar,.banner.webrooming,.banner.email-fatigue,.banner.acuity, .banner.annual-lookbook,.banner.predictive-testing,.banner.levy,.banner.personalization-financial,.banner.personalization-retail,.transparency-solutions,.banner.restaurant-solutions,.banner.airlines,.banner.life-sciences,.banner.ls-marketing,.banner.supply-chain,.banner.ls-marketing-cstudy,.banner.supply-chain-cstudy,.banner.hc-webinar,.banner.wyndham,.banner.customer-engagement-marketing-2019,.banner.engineering-day-2019,.banner.honeywell{ background-repeat: no-repeat; background-size: cover;height:500px;} /*FOR ACUITY SCREENSHOT*/ .sspadding {padding-top:100px;} @media (max-width: 833px) {.sspadding {padding-top:100px;}} @media (max-width: 700px) {.sspadding {padding-top:200px;}} @media (max-width: 400px) {.sspadding {padding-top:100px;}} /*wyndham page css starts*/ .banner-logo-list, .banner-logo-list-align{margin-top:38px;} .banner-logo-list .list-element{display:inline-block;width:19.5%;margin:0 0 0 6%;text-align:center;} .banner-logo-list .list-element:first-child{margin-left:0;} .banner-logo-list-align .list-element{display:inline-block;margin-left:2.75%;width:17%;text-align:center;} .banner-logo-list-align .list-element:first-child{margin-left:0;} ul.banner-logo-list-align .list-element a, ul.banner-logo-list .list-element a{display:block;} #content img.wyndham-logo{width:auto;display:inline;vertical-align:middle;margin-right:10px;} #content p.footer-small-txt{color:#555;font-size:12px;line-height:15px;padding:25px 0 10px 0;} .banner-logo-list-align .list-element.fixcenter{position:relative;} .banner-logo-list-align .list-element.fixcenter a img{position:relative;left:-24px;} @media (max-width: 800px) { .banner-logo-list-align .list-element.fixcenter a img{position:relative;left:-18px;} } /* @media (max-width: 760px) { .banner-logo-list, .banner-logo-list-align{display:inline-block;margin-top:0px;} .banner-logo-list-align .list-element, .banner-logo-list .list-element{display:block;float:left;width:33%;margin:0px;} .banner-logo-list .list-element:nth-child(4n){clear:both;} } */ /*wyndham page css ends*/ /*life science animated graph*/ .graph{width:200px;height:200px;position:relative;margin:0 auto;margin-bottom:16px;} .graph .percent {font-size:40px;text-align:center;position:absolute;left:50%;top:50%;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);font-weight:bold} .percentge-class{display:none} #svg {width: 200px; height: 200px;} /*life science marketing start*/ .process-and-technology{background-image:url(../img/lp/life-sciences/marketing/process-and-technology.jpg);background-position:82px -29px;background-repeat:no-repeat;width:95%;background-size:cover;} .process-and-technology-text{width:46%;background-color:#1F2b4a;color:#fff;padding:31px 35px;} #content .process-technology ul{margin-top:120px;} .digital-solution-box{background-image:url(../img/lp/life-sciences/marketing/digital-solution.jpg);background-position:82px -49px;background-repeat:no-repeat;width:95%;background-size:cover;} .digital-solution-text{width:46%;background-color:#1F2b4a;color:#fff;padding:31px 35px;} .digital-solution-callout{font-weight:normal!important;} #content .digital-solutions ul{margin-top:70px;} .ltbluetop {border-top: 5px Solid #238FBE; padding-top: 16px;margin-top: 32px;margin-bottom: 32px;font-weight: bold;} @media (max-width: 1100px){ .digital-solutions .col_two_third, .digital-solutions .col_one_third, .process-technology .col_two_third, .process-technology .col_one_third { width: 100%;} #content .digital-solutions ul, #content .process-technology ul{margin-top: 60px;} } @media (max-width: 800px) { .chart-sec .col_one_third.col_last {float:none;clear:both;margin:0px auto; width: 100%; margin-top: 16px;text-align:center;} .digital-solution-text, .digital-solution-box, .process-and-technology-text, .process-and-technology {width: 100%;} #content .digital-solutions ul, #content .process-technology ul {margin-top: 32px;} .whitetop {padding-top: 4px !important;padding-bottom: 24px !important;} .col_two_third.expand800{float:none;clear:both;margin:0px; width: 100%;} } @media (max-width: 760px) { .col_one_third.col_last.ltbluetop{margin-bottom:16px !important;} } /*############################################################################################################################################*/ /*#### G D P R C O O K I E P O P U P ####################################################################################################*/ /*############################################################################################################################################*/ #optanon-cookie-policy h2 {font-size:28px;margin-top:32px} .cookiebox {position: fixed;bottom: 10px;left: 10px; z-index: 999;border: 0px Solid #1F2b4a;transition: width .5s ease-in-out;background-color: rgba(157,133,88,.9);padding-bottom: 6px;width: 48px;height: 48px;} #optanon-cookie-policy .optanon-cookie-policy-subgroup-table { margin-top: 62px;border-bottom: 1px solid #cccccc;} #optanon-cookie-policy .optanon-cookie-policy-subgroup-table td:first-child {border-left: 1px solid #cccccc;} #optanon-cookie-policy .optanon-cookie-policy-subgroup-table td:nth-child(2) {border-right: 1px solid #cccccc;} .optanon-cookie-policy-cookies-used {font-weight:bold} .optanon-cookie-policy-subgroup-table-column-header {font-weight:bold} table.optanon-cookie-policy-subgroup-table td {padding-left: 10px;} table.optanon-cookie-policy-subgroup-table th{background-color: #1F2b4a;color: #fff;padding: 10px 0 0px 10px !important;} #optanon-cookie-policy .optanon-cookie-policy-subgroup-table th:first-child {border-top-left-radius:10px;} #optanon-cookie-policy .optanon-cookie-policy-subgroup-table th:nth-child(2) {border-top-right-radius:10px;} .optanon-show-settings-popup-wrapper .optanon-show-settings-middle {background-color: transparent !important;border: none;} .optanon-show-settings-popup-wrapper .optanon-show-settings-middle {float: none;} .optanon-show-settings-right {display: none;} .optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings {height: 33px;position: relative;top: -8px;padding-top: 10px;} table.optanon-cookie-policy-subgroup-table * {position: relative;} @media (max-width: 991px) { table.optanon-cookie-policy-subgroup-table {display: block;} table.optanon-cookie-policy-subgroup-table > *, table.optanon-cookie-policy-subgroup-table tr, table.optanon-cookie-policy-subgroup-table td{display: block;} table.optanon-cookie-policy-subgroup-table th {display: none; } table.optanon-cookie-policy-subgroup-table tr {height: auto;padding: 0;} table.optanon-cookie-policy-subgroup-table tr td { padding-left: 20% !important; min-height: 60px; border-left: 1px solid #ccc; height:auto !important; width:auto !important;} table.optanon-cookie-policy-subgroup-table tr td:nth-child(2) {border-right:1px solid #cccccc;} table.optanon-cookie-policy-subgroup-table tr td:last-child {margin-bottom: 0;min-height: 32px;} table.optanon-cookie-policy-subgroup-table tr td:before {position: absolute; width: 20%;left: 10px;font-weight: bold;} table.optanon-cookie-policy-subgroup-table tr td:nth-child(1):before {content: "Categories"; } table.optanon-cookie-policy-subgroup-table tr td:nth-child(2):before {content: "Cookies";} table.optanon-cookie-policy-subgroup-table tr td.footer:nth-child(1):before {content: "";} } @media (max-width: 600px){ table.optanon-cookie-policy-subgroup-table tr td:before {position: absolute;width: 28%;} table.optanon-cookie-policy-subgroup-table tr td {padding-left: 39% !important;word-break: break-all;} table.optanon-cookie-policy-subgroup-table tr td p{font-size:16px !important;} table.optanon-cookie-policy-subgroup-table tr td ul li{font-size:16px !important;} table.optanon-cookie-policy-subgroup-table tr td:before {font-size: 16px;} } /*#content ul{list-style:none;margin:0px 0px 16px 0px;padding:0px;} #content ul li{list-style:none;margin:0px 0px 8px 0px;padding:0px;position:relative;padding-left:26px;font-size:19px;}*/ #content #optanon-cookie-policy ul li:before{background-color: #9D8558;border-color:#9D8558;} /*############################################################################################################################################*/ /*#### R E S P O N S I V E T A B L E S #####################################################################################################*/ /*############################################################################################################################################*/ table.tamplate-table *{position: relative;} table.children-product *{position: relative;} table.tabel-template *{position: relative;} table.accessorial-rate-table *{position: relative;} table.strategy-table {position:relative;} table.responsive-table * {position: relative;} table.standard.blue tr.second-header.firstrow th:first-child { border-top-left-radius: 8px;} table.standard.blue tr.second-header.firstrow th:last-child { border-top-right-radius: 8px;} table.standard.blue tr.second-header.firstrow th,table.standard.blue tbody tr.second-header.firstrow th:first-child { border-top: none;} table.standard.blue tr.second-header th,table.standard.blue tbody tr.second-header th:first-child {background: #1f2b4a;color: #fff;border-color: #fff;border: 1px solid;border-left: none;border-bottom: none;font-size: 16px;} table.standard.blue tr.second-header th:last-child {border-right-color: #1f2b4a;} .height60 {height: 60px;}/*oracle-peoplesoft page for WCAG*/ @media (max-width: 992px) { /*tamplate-table css statrs*/ table.tamplate-table.standard.blue thead:first-child tr:first-child { border-top-right-radius: 8px;border-top-left-radius: 8px;} table.tamplate-table {display: block;} table.tamplate-table > *, table.tamplate-table tr, table.tamplate-table td, table.tamplate-table th {display: block;} table.tamplate-table th {display: none;} table.tamplate-table th.headingtext {display: block !important;} table.tamplate-table tbody tr td {padding-left: 57% !important; padding-top: 10px !important; padding-bottom: 10px !important;} table.tamplate-table tbody tr td:before {position: absolute;width: 37%;left: 10px;top: 20px;} table.tamplate-table tr td:nth-child(2) { border-left: 1px solid #1F2b4a;} table.tamplate-table tr td:nth-child(1) {border-bottom:none;} table.tamplate-table tbody tr td:nth-child(1):before {content: "Location/Region";} table.tamplate-table tbody tr td:nth-child(2):before {content: "Certification";} table.tamplate-table tbody tr:last-child {display:none;} /*tamplate-table css ends*/ /*children product css statrs*/ table.children-product {display: block; border-top: 1px solid #000;} table.children-product > *, table.children-product tr, table.children-product td, table.children-product th {display: block;} table.children-product thead{display: none;} table.children-product tbody tr td {padding-left: 42% !important;} table.children-product tbody tr td:before {position: absolute;width: 37%;left: 10px;top: 8px;} table.children-product tr td:nth-child(2) {border-left: 1px solid #1F2b4a; } table.children-product tr td:nth-child(1) { border-bottom:none} table.children-product tbody tr td:nth-child(1):before {content: "Section/Regulation"; font-weight: bold;} table.children-product tbody tr td:nth-child(2):before {content: "Requirement"; font-weight: bold;} table.children-product tbody tr:last-child {display:none;} /*children product css ends*/ /*Normal Template css statrs*/ table.tabel-template {display: block;} table.tabel-template > *, table.tabel-template tr, table.tabel-template td, table.tabel-template th {display: block;} table.tabel-template th {display: none;} table.tabel-template th.headingtext {display: block !important;} table.tabel-template tbody tr td {padding-left: 57% !important;} table.tabel-template tbody tr td:before {position: absolute;width: 37%;left: 10px;top: 8px;} table.tabel-template tr td:nth-child(2) { border-left: 1px solid #1F2b4a;} table.tabel-template tr td:nth-child(1) { border-bottom:none} table.tabel-template tbody tr td:nth-child(1):before {content: "Text here 1";} table.tabel-template tbody tr td:nth-child(2):before {content: "Text here 2";} table.tabel-template tbody tr:last-child {display:none;} /*Normal Template css ends*/ /*accessorial-rate-table css statrs*/ table.accessorial-rate-table {display: block;} table.accessorial-rate-table > *, table.accessorial-rate-table tr, table.accessorial-rate-table td, table.accessorial-rate-table th {display: block;} table.accessorial-rate-table th {display: none;} table.accessorial-rate-table th.headingtext {display: block !important;} table.accessorial-rate-table tbody tr td {padding-left: 57% !important;} table.accessorial-rate-table tbody tr td:before {position: absolute;width: 37%;left: 10px;top: 6px;} table.accessorial-rate-table tr td:nth-child(2) {border-left: 1px solid #1F2b4a;} table.accessorial-rate-table tr td:nth-child(1) {border-bottom:none} table.accessorial-rate-table tr td {border-bottom:none;} table.accessorial-rate-table tr td:nth-child(3) {border-bottom:1px solid #1F2b4a;border-left:1px solid #1F2b4a;} table.accessorial-rate-table tbody tr td:nth-child(1):before {content: "Description of Charge";} table.accessorial-rate-table tbody tr td:nth-child(2):before {content: "Units Defined";} table.accessorial-rate-table tbody tr td:nth-child(3):before {content: "Price Per Unit";} table.accessorial-rate-table tbody tr:last-child {display:none;} /*accessorial-rate-table css ends*/ /*strategy-table css statrs*/ table.headingleft.left-align th { display: block;padding: 10px 10px 0 10px;} table.strategy-table td {display: block; padding: 10px;} /*strategy-table css ends*/ tr.second-header.firstrow {border-top: 1px solid #1f2b4a;} } /*font-face-format option css ends*/ @media (max-width: 400px) { table.tamplate-table tbody tr td { font-size: 16px;} table.tamplate-table tbody tr td ul li {font-size: 16px !important;} } @media (max-width: 991px) { table.responsive-table {display: block;} table.responsive-table > *, table.responsive-table tr, table.responsive-table td, table.responsive-table th {display: block;} table.responsive-table th.subheader {display: none; } table.responsive-table tbody tr {height: auto;padding: 0;} table.responsive-table tbody tr td { padding-left: 60% !important; min-height: 60px; border-left: 1px solid #1F2b4a; font-weight: bold;} table.responsive-table tbody tr td:last-child {margin-bottom: 0;min-height: 32px;} table.responsive-table tbody tr td:before {position: absolute; width: 50%;left: 10px;font-weight: bold;top: 6px;} table.responsive-table.rpm-material tbody tr td:nth-child(1):before {content: "Chemicals and Material Regulations"; } table.responsive-table.rpm-material tbody tr td:nth-child(2):before {content: "Inks, Coatings, and Film Laminates";} table.responsive-table.rpm-material tbody tr td:nth-child(3):before {content: "Paper, Paperboard, and Cover Materials";} table.responsive-table.rpm-material tbody tr td:nth-child(4):before {content: "Adhesives";} table.responsive-table.rpm-material tbody tr td:nth-child(5):before {content: "Materials Containing Metal";} table.responsive-table.rpm-material tbody tr td:nth-child(6):before {content: "All Other Materials";} table.responsive-table.rpm-material tbody tr td.footer:nth-child(1):before, table.responsive-table.oracle-taxchart tbody tr td:nth-child(1):before, table.responsive-table.people-taxchart tbody tr td.footer:nth-child(1):before, table.responsive-table.benefits-taxchart tbody tr td.footer:nth-child(1):before{content: "";} table.responsive-table.people-taxchart tbody tr td:nth-child(1):before {content: "Payroll For North America W-2 Format ID";} table.responsive-table.benefits-taxchart tbody tr td:nth-child(1):before {content: "Benefits Form ID";} table.responsive-table.people-taxchart tbody tr td:nth-child(2):before, table.responsive-table.oracle-taxchart tbody tr td:nth-child(2):before, table.responsive-table.benefits-taxchart tbody tr td:nth-child(2):before {content: "RRD Form No.";} table.responsive-table.people-taxchart tbody tr td:nth-child(3):before, table.responsive-table.oracle-taxchart tbody tr td:nth-child(3):before, table.responsive-table.benefits-taxchart tbody tr td:nth-child(3):before {content: "Description";} table.responsive-table.people-taxchart tbody tr td:nth-child(4):before, table.responsive-table.oracle-taxchart tbody tr td:nth-child(4):before, table.responsive-table.benefits-taxchart tbody tr td:nth-child(4):before {content: "Packaging";} table.responsive-table.people-taxchart tbody tr td:nth-child(5):before, table.responsive-table.oracle-taxchart tbody tr td:nth-child(5):before, table.responsive-table.benefits-taxchart tbody tr td:nth-child(5):before {content: "Double Window Envelopes";} } @media (max-width: 800px) { table.responsive-table tbody tr td {min-height: 35px;} } @media (max-width: 650px) { table.responsive-table tbody tr td {min-height: 60px;} } @media (max-width: 500px) { table.children-product tbody tr td {display: block; padding-left: 15px !important;padding-top: 40px !important;} table.responsive-table tbody tr {font-size: 16px;} table.responsive-table tbody tr td {min-height: 80px;} } .unbold { font-weight: normal; } #footer .disclaimer{position:relative;} #footer .disclaimer .disclogo{position:absolute;top:0px;right:0px;width:auto;} @media (max-width: 835px) { #footer .disclaimer .disclogo{width:240px;} } @media (max-width: 760px) { #footer .disclaimer .disclogo{position:static;margin:0px auto 8px auto;width:auto;max-width:100%;} } @media (max-width: 400px) { #footer .disclaimer .disclogo{width:240px;} } /*Language toggle css*/ .hungarian-sec { display:none; } .czech-sec { display:none; } span#english-txt { cursor: pointer; } span#englishbrno-txt { cursor: pointer; } span#hungarian-txt { cursor: pointer; } span#czech-txt { cursor: pointer; } /*budget blinds css*/ .budget-blinds-logo { width:auto !important; margin-bottom: 20px; } .region-one { float:left; margin-right:20px; } .region-two { float:left; } @media (max-width: 760px) { .region-btn { text-align: center; } p.region-one { float: none; display: inline-block; margin-right:0; } p.region-two { float: none; display: inline-block; } } /*Taxform page start*/ #content ul.taxform-tab ol li:before {display: none;} #content ul.taxform-tab ol ul li:before {display: block;} #content ul.taxform-tab ol ul {margin-top: 16px;} a.icon_xls,a.icon_pdf {padding-right: 20px;color: #1F2b4a;} a.icon_xls:link {background: url(../img/tax-forms/xls_img.png) right center no-repeat;} a.icon_pdf:link {background: url(../img/tax-forms/peoplesoft/pdf_img.png) right center no-repeat;} table.people-taxchart.smalltext a, table.oracle-taxchart.smalltext a, table.benefits-taxchart.smalltext a {color: #1F2b4a;font-weight: 600; font-size: 16px;} table.people-taxchart *, table.oracle-taxchart *, table.benefits-taxchart * {vertical-align: top;} #content table.standard.people-taxchart tr td img {width: 68px;margin: 0;} table .notes {color: #e03c31;} @media (max-width: 350px){ #content .taxchart-sec ul.sidetabs.noaccord > li > a:first-child { width: 125px; } } @media (max-width: 1060px) { .word-break {word-break:break-all;} } /*Taxform page end*/ /*opinion - Centers page starts*/ img.cex-logo { width: 300px !important; margin-bottom: 20px; } .form-sec input[type="checkbox"], .form-sec input[type="radio"] { position: relative; left: 3px; top: 0px; height: 1px; opacity: 0;} .form-sec input[type="radio"] + label span, .form-sec input[type="checkbox"] + label span {width: 20px;height: 21px;background: url(../img/opinion-centers/check_radio_sheet.png) -4px -4px no-repeat;display: inline-block;margin: -5px 12px 0 -14px;vertical-align: middle;} .form-sec input[type="radio"]:checked + label span, .form-sec input[type="checkbox"]:checked + label span { background: url(../img/opinion-centers/check_radio_sheet.png) -34px -4px no-repeat;} /*.form-sec input[type="radio"] + label span, .form-sec input[type="checkbox"] + label span { display: inline-block; width: 22px; height: 22px; margin: -1px 4px 0px -16px; vertical-align: middle; background: url(../img/opinion-centers/check_radio_sheet.png) -4px -4px no-repeat; cursor: pointer; } .form-sec input[type="radio"]:checked + label span, .form-sec input[type="checkbox"]:checked + label span { background: url(../img/opinion-centers/check_radio_sheet.png) -34px -4px no-repeat; }*/ .form-sec input[type=text], textarea, select, .holiday-page .form_field input[type=text] { width: 100% !important; border: 2px Solid rgba(0,0,0,.15); height: 48px; padding: 0 8px; font-size: 14px; box-sizing: border-box; -webkit-appearance: none; border-radius: 0; } .form-sec .form_field, .holiday-page .form_field { box-sizing: border-box; float: left; margin-bottom: 16px; width: 100%; } .form-sec .form_field label, .holiday-page .form_field label { display: block; font-weight: bold; text-transform: uppercase; font-size: 14px; margin-bottom: 8px; } .form-sec .form_field.radiofield label{ display: inline; text-transform: none; font-weight: normal; font-size: 16px; } .form-sec label.star:after { content: '*'; color: red; margin-left: 4px; } #content .form-sec p { font-size: 16px; margin-bottom: 16px; } .form-sec .btn_field { margin-top: 10px; display: inline-block; width: 100%; } .form-sec input.button.hltblue { border-color: #238FBE; } .form-sec input.button.dkblue { background-color: #1F2b4a; } .form-sec .button { outline: 0; display: inline-block; line-height: 1.25; font-size: 19px; color: #fff !important; padding: 16px 48px; text-align: center; border-radius: 1px; text-decoration: none; background-color: #1F2b4a; font-weight: bold; font-family: Montserrat; text-transform: uppercase; margin: 4px; margin-top: 8px; margin-left: 0px; transition: all .25s ease-in-out; position: relative; border: 0px Solid red; z-index: 99; } .form-sec .button:hover,.form-sec .button:focus { border: 4px Solid red; margin: 0px; margin-top: 4px; transition: all .25s ease-in-out; margin-left: -4px; } .form-sec .button.hltblue { border-color: #238FBE; } .form-sec .form_field .error { color: red; text-transform: none; font-weight: normal; font-size: 14px !important; } .form-sec .yessec { background: #efefef; float: left; width: 100%; padding: 20px; margin-bottom: 20px; display: none; } .form-sec select { height: 48px; appearance: none; -webkit-appearance: none; background-image: url(../img/opinion-centers/download.svg); background-position: top right; background-repeat: no-repeat; background-size: 48px 48px; } .stepwizard-step p { margin-top: 10px; } .stepwizard-row { /*display: table-row;*/ } .stepwizard { display: inline-block; width: 100%; position: relative; } .stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } .stepwizard-row:before { top: 45px; bottom: 0; position: absolute; content: " "; width: 100%; height: 2px; background-color: #b3b1b1; z-index: 0; } .stepwizard-step { float: left; text-align: center; position: relative; width: 25%; margin-top: 30px; } .stepwizard .btn-circle { width: 35px; height: 35px; text-align: center; padding: 8px 0; font-size: 12px; border-radius: 25px; display: inline-block; background: #b3b1b1; text-decoration: none; color: #fff; } .stepwizard .btn-circle.disabled { cursor: default; } .stepwizard .btn-circle.active { background: #1F2b4a; } .form-sec .nextBtn, .form-sec .subBtn { float: right; } #content .form-sec .stepwizard-step p { margin-bottom: 30px; } #content .form-sec .setup-content4 .form_field label { margin-bottom: 5px; } /*#content .form-sec .setup-content4 .form_field p { margin-bottom: 5px; }*/ .form-sec .reviewinfo { margin-bottom: 16px; display: inline-block; width: 100%; /*background: #e8edf0;*/ background: #efefef; padding: 20px; word-break: break-word; } .form-sec .reviewinfo .ct { display: inline-block; width: 100%; } .form-sec .reviewinfo strong { width: 100%; float: left; font-size: 16px; padding-right: 10px; } .form-sec .reviewinfo span { width: 100%; float: left; font-size: 16px; padding-bottom: 10px; } .form-sec .reviewinfo .row { display: inline-block; width: 100%; } .form-sec .form_field .hiddenlabel { visibility: hidden; } .form_field h5 {margin-top:14px;} #content .form_field hr {margin: -5px auto 5px auto !important;} /*.setup-content.active { display: block; }*/ .form-sec .reviewinfo [class*=col_] { margin: 0; } .fblike svg { fill: #3b5998; width: 22px; vertical-align: middle; margin-right: 10px; margin-top: -6px; } .fblike a { text-decoration: none; } #content .fblike a:hover { color: #dd3333; } .fblike a:hover svg { fill: #dd3333; } /*opinion center page end */ @media (max-width: 1080px) { .form-sec .form_field label.height40 { height: 40px; } .form-sec .col_one_fourth {width: 48%;} .form-sec .col_one_fourth:nth-child(2) { margin: 0; } .form-sec:not(:first-child) .col_one_fourth, .form-sec:not(:first-child) .col_one_fourth.col_last { margin-bottom: 16px; } } @media (max-width: 760px) { .form-sec .form_field{ margin-bottom:0; } .form-sec .form_field label { height: auto; } .form-sec .form_field .hiddenlabel { height:0; } .form-sec .button { font-size: 18px; } .form-sec .col_one_fourth, .form-sec .col_three_fifth, .form-sec .col_two_fifth, .form-sec .col_one_third {width: 100%;} .stepwizard { width: 20%; float: left; margin-top: 20px; } .setup-content { width: 80%; float: right; margin-top: 30px; } .stepwizard-step { width: 100%; } #content .form-sec .stepwizard-step p { display: none; } .form-sec .button { float: left; } .stepwizard-row:before { top: 15px; width: 2px; height: 100%; margin-left: 50%; } .form-sec .form_field label.height40 { height:auto; } #content .form_field hr {display:none;} #content .form-sec .form_field .col_two_third.margin_bot { margin-bottom: 16px; } } /*PRODUCTS MENU*/ nav.mainmenu .productnav{display:none;padding-bottom:8px !important;} nav.mainmenu .productnav:after{display:block;content:'';float:none;clear:both;} nav.mainmenu .productnav ul{display:block;width:37.5%;float:left;padding-left:32px;} nav.mainmenu .productnav ul:first-child{width:25%;padding-left:0px;} nav.mainmenu .productnav ul:first-child li img{width:100%;} nav.mainmenu .productnav ul:first-child + ul{border-right:1px Solid #CCC;border-left:1px Solid #CCC;} nav.mainmenu .productnav ul li{display:block;width:100%;text-align:left;margin-bottom:12px;} nav.mainmenu .productnav ul li a{font-family:Montserrat;font-weight:800;font-size:20px;padding-bottom:0px;line-height:1;margin-bottom:2px;} nav.mainmenu .productnav ul li a span{font-family:lato;font-weight:normal;font-size:18px;} nav.mainmenu .productnav ul li p{font-family:lato;color:#000;font-size:16px;} nav.mainmenu .productnav ul li a{display:block;font-family:Montserrat;font-weight:800;font-size:20px;padding-bottom:0px;line-height:1;margin-bottom:2px;} nav.mainmenu .productnav ul li a:before {display: block;content: '\25b8';color: #1F2b4a;position: absolute;margin-left: -18px;transition: all .25s ease-in-out;} nav.mainmenu .productnav ul li a:hover:before{color: #238FBE;transform: scale(1.5);} nav.mainmenu .productnav ul:first-child li{display:block;position:relative;} .prodnav-logo{display:none;width:100%;position:absolute;left:0px;top:0px;} @media (max-width: 1250px) { nav.mainmenu .productnav ul li p{font-size:14px;} } @media (max-width: 1024px) { nav.mainmenu > ul > li > a + div.container.mega.productnav{display:none;padding-bottom:0px !important;} nav.mainmenu .productnav ul:first-child{display:none !important;} nav.mainmenu .productnav ul{width:100%;float:none;padding-left:0px;} nav.mainmenu .productnav ul:first-child + ul{border-right:none;border-left:none;} nav.mainmenu .productnav ul li a + p{display:none;} nav.mainmenu .productnav ul li a:before{display:none;} nav.mainmenu .productnav ul li a{padding-left:32px;line-height:48px;} nav.mainmenu .productnav ul li{margin-bottom:0px;} } /*Newroom news layout start*/ .newsroom .rows { display: inline-block; width: 100%; } .newsroom .form-sec { position: absolute; top: -18px; right: 2px; } .newsroom .form-sec .form_field { width: 150px; text-align: left; margin: 0 6px 10px 0; float: right; } .newsroom .ct{ position: relative; text-align: left; float: left; width: calc(25% - 16px); padding: 0 0 74px 0; margin: 8px; line-height: 1.5em; background: #fff; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2); box-shadow: 0 1px 5px rgba(0,0,0,.2); overflow: hidden; border: 1px solid #ccc; } .newsroom .ct .innerct { padding: 10px 15px 0 15px; } .newsroom .ct span { color: #1F2B4A; font-size: 14px; font-weight:bold; } #content .newsroom .ct h3 { font-size: 19px; font-weight:600; } .newsroom .ct .btnparent a { padding: 10px 15px; font-size: 14px; } .newsroom .ct .btnparent { position: absolute; bottom: 15px; left: 20px; } .newsroom .pagination a { padding: 0 5px; } .newsroom .ct .publication {font-style:italic;color:#000;font-weight:normal;} .newsroom .pagination { display: inline-block; width: 100%; } #content .newsroom .disabled a { text-decoration: none; pointer-events: none; cursor: default; color: #ccc; } @media (max-width: 1024px) { .newsroom .ct { width: calc(50% - 12px); margin: 6px; } .newsroom #tab1 h2 { margin-bottom: 20px; } } @media (max-width: 760px) { .newsroom .form-sec { position: relative; top: -6px; } .newsroom .first-sec, .newsroom .last-sec { display: block; margin-bottom: 10px; margin-top: 10px; } } @media (max-width: 480px){ .newsroom .ct { height: auto !important; width: calc(100% - 12px); } } #content .newsroom .pagination a{border-radius:2px;margin:0px 4px;text-decoration:none;display:inline-block;height:32px;width:32px;background-color:#1F2b4a;color:#fff;font-weight:bold;font-size:19px;line-height:32px;text-align:center;} #content .newsroom .pagination .first-sec a, #content .newsroom .pagination .last-sec a{font-size:24px;line-height:27px;} .newsroom .pagination{margin-top:16px;} #content .newsroom .pagination a:hover, #content .newsroom .pagination a.active{background-color:#e03c31;color:#fff !important;} #content .newsroom .disabled a{background-color:#999;color:#fff !important;} /*Newroom news layout end*/ /*Vimeo videos - pop up*/ .vid-img a{ display:block; /*needed to use :after correclty*/ position:relative; /*needed for absolute :after positioning*/ } .vid-img a:after{ content:''; /*this is needed for all after elements to work without the content element even if just empty after will not work */ height:54px; width:54px; background-color:rgba(31,43,74,.9); border-radius:50%; color:#fff; /*generic technique for absolute centering only works with a defined height and width*/ position:absolute; top:50%; left:50%; margin-left:-24px; margin-top:-24px; transition:all .25s ease-in-out; } .vid-img.red:hover a:after{background-color:#E03C31;} .vid-img.teal:hover a:after{background-color:#13958D;} .vid-img.ltblue:hover a:after{background-color:#238FBE;} .vid-img.green:hover a:after{background-color:#689400;} .vid-img.berry:hover a:after{background-color:#A50050;} .vid-img a:after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' style='fill:%23fff;'%3E%3Cpolygon points='22.8,16.2 22.8,47.8 46.8,32 '/%3E%3C/svg%3E");} /*Alert box for COVID-19 page 689400*/ .alert-box{background-color:#689400;color:#fff; padding:19px;margin-bottom:30px} .alert-box p {text-transform: uppercase;margin-bottom:0px!important;font-weight:800;font-size: 19px;font-family: Montserrat;color:#fff;} .covid-table{font-size: 19px;font-family: Lato, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; border-collapse: collapse;margin:25px 0;} .covid-table th, .covid-table td { border: 1px solid #dddddd; text-align: left; padding: 8px 12px;font-size: 19px;} .covid-table th { background-color:#9D8558;color:#fff;font-weight:800;} .covid-table td:last-child { text-align: center;} .covid-table .business-status {display: inline-block;background: #689400; width: 20px; height: 20px; border-radius: 50%;} .covid-table .business-status.red { background: #e03c31; } .covid-table .business-status.yellow { background: #ffff66; /*#DB6300;*/}