/* Minification failed. Returning unminified contents. (12709,17): run-time error CSS1039: Token not allowed after unary operator: '-healthcare-pulse' (12714,21): run-time error CSS1039: Token not allowed after unary operator: '-healthcare-pulse' (12717,12): run-time error CSS1030: Expected identifier, found '-' (12717,12): run-time error CSS1026: Expected open brace, found '-' (12732,1): run-time error CSS1019: Unexpected token, found '}' (12734,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12734,20): run-time error CSS1019: Unexpected token, found '-' (12735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13892,16): run-time error CSS1038: Expected hex color, found '#ffff' (14223,2448): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14223,2477): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14223,2792): run-time error CSS1019: Unexpected token, found '@keyframes' (14223,2813): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /* Common styles of menus */ .dl-menuwrapper { width: 100%; max-width: 300px; float: left; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } /*.dl-menuwrapper:first-child { margin-right: 100px; }*/ .dl-menuwrapper button { background: #ccc; border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #aaa; } .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 300; color: #fff; outline: none; text-align: center; } .no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); } .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'FontAwesome'; speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; color:#fff; } .dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(212,204,198,0.3); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); } .dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none !important; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none !important; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block !important; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; } @-webkit-keyframes MenuAnimOut1 { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-webkit-keyframes MenuAnimOut2 { 0% { } 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimOut3 { 0% { } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: translateY(40%); opacity: 0; } } @keyframes MenuAnimOut1 { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut2 { 0% { } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut3 { 0% { } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; } .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; } .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } /* Colors for demos */ /* Demo 1 */ .demo-1 .dl-menuwrapper button { background: #c62860; } .demo-1 .dl-menuwrapper button:hover, .demo-1 .dl-menuwrapper button.dl-active, .demo-1 .dl-menuwrapper ul { background: #9e1847; } /* Demo 2 */ .demo-2 .dl-menuwrapper button { background: #e86814; } .demo-2 .dl-menuwrapper button:hover, .demo-2 .dl-menuwrapper button.dl-active, .demo-2 .dl-menuwrapper ul { background: #D35400; } /* Demo 3 */ .demo-3 .dl-menuwrapper button { background: #08cbc4; } .demo-3 .dl-menuwrapper button:hover, .demo-3 .dl-menuwrapper button.dl-active, .demo-3 .dl-menuwrapper ul { background: #00b4ae; } /* Demo 4 */ .demo-4 .dl-menuwrapper button { background: #90b912; } .demo-4 .dl-menuwrapper button:hover, .demo-4 .dl-menuwrapper button.dl-active, .demo-4 .dl-menuwrapper ul { background: #79a002; } /* Demo 5 */ .demo-5 .dl-menuwrapper button { background: #744783; } .demo-5 .dl-menuwrapper button:hover, .demo-5 .dl-menuwrapper button.dl-active, .demo-5 .dl-menuwrapper ul { background: #643771; } /*Customization*/ .dl-menu li { margin-left: 0px !important; float:left; width:100%; min-height:65px; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #F1F1F3; } .dl-menuwrapper .dl-menu{ min-width:200px; } @charset "UTF-8"; /*------------------------------------* CONTENTS \*------------------------------------*/ /* NOTES SETTINGS .............Settings store all variables, config switches, etc. TOOLS ................Tools store all programic Sass functionality. If your tooling is simplistic enough, you can do something like: tools.mixins If your tooling is more complex you can split it up like: tools.grid tools.typography etc. GENERIC ..............Generic rules are project-agnostic. ELEMENTS .............Elements are rules for classless HTML tags. There can exist no classes at this layer. OBJECTS ..............Objects are "formless", in other words invisible to the user, no cosmetics Eg. wrappers, grid systems, etc. This is the first layer of classes and should be agnostically named (Eg. list-inline, ui-list, etc.) Modules ...........Modules are the stuff of UI. Eg. buttons, special titles, etc. These get much more explicitly named: (eg. products-list, etc.) TRUMPS ...............Trumps are overrides, helpers, utilities. They should only affect one piece of DOM at a time and usually carry !important */ /*------------------------------------* $NOTES \*------------------------------------*/ /*------------------------------------* $SETTINGS \*------------------------------------*/ /*** COLOURS ***/ .purple_bg { background: #6639b7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .white { color: #fff; } .grey { color: #75787b; } .lightgrey { color: #555; } .white_bg { background: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .blue_bg { background: rgba(96, 155, 211, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .green { color: #3fa435; } .darkblue { color: #14284b; } .lightblue { color: #0085ca; } .darkbluecommunications { color: #0085ca; } .turquoise { color: #00b2aa; } .pink { color: #d6006e; } .orange { color: #ff4814; } .purple { color: #6639b7; } /*** GRID LAYOUT ***/ .flex_wrapper, .content_wrapper, .link_container { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; width: 100%; max-width: 1100px; margin: 0 auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #callouts_wrapper .content_wrapper.center-flex { display: block; } } .date_wrapper { background: #f2f2f2; margin: 0 0 20px 0; } .date_wrapper h1, .date_wrapper h2, .date_wrapper p, .date_wrapper ul, .date_wrapper li, .date_wrapper ol { color: #14284b; } .date_wrapper ul, .date_wrapper ol { padding-left: 30px; } .header_wrapper, .floating_wrapper { width: 100%; /*max-width: 900px;*/ /*edited*/ max-width: 1200px; margin: 0 auto; } .wrapper { width: 100%; max-width: 900px; margin: 0 auto; position: relative; } .third { -webkit-flex: 1 1 31.3%; -moz-flex: 1 1 31.3%; -ms-flex: 1 1 31.3%; flex: 1 1 31.3%; padding: 10px 0; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 31.8%; } .quarter { -webkit-flex: 1 1 24%; -moz-flex: 1 1 24%; -ms-flex: 1 1 24%; flex: 1 1 24%; padding: 10px 0; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 25%; } .threequarter { -webkit-flex: 1 1 74%; -moz-flex: 1 1 74%; -ms-flex: 1 1 74%; flex: 1 1 74%; padding: 10px 0; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 75%; } .twothird { -webkit-flex: 1 1 65.1%; -moz-flex: 1 1 65.1%; -ms-flex: 1 1 65.1%; flex: 1 1 65.1%; padding: 10px 0; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 65.1%; } .half { -webkit-flex: 1 1 48.5%; -moz-flex: 1 1 48.5%; -ms-flex: 1 1 48.5%; flex: 1 1 48.5%; padding: 10px 0; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 48.5%; } .half:nth-child(odd), .third:nth-child(odd), .twothird:nth-child(odd) { margin: 10px 1.5% 10px 0; } .half:nth-child(even), .third:nth-child(even), .twothird:nth-child(even) { margin: 10px 0 10px 1.5%; } .fifth { -webkit-flex: 1 1 19%; -moz-flex: 1 1 19%; -ms-flex: 1 1 19%; flex: 1 1 19%; padding: 10px 0; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 20%; } .full { -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 10px 0; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } /*** GRID LAYOUT --- TABLET ***/ @media (max-width: 1024px) { .content_wrapper, .floating_wrapper, .header_wrapper { width: 90%; margin: 0 5%; } } /*** GRID LAYOUT --- MOBILE ***/ @media (max-width: 668px) { .third, .half, .twothird, .quarter, .threequarter, .fifth, .half:nth-child(odd), .half:nth-child(even) { -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; -ms-flexbox: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; margin: 10px 0; max-width: 100%; } .half:nth-child(odd), .third:nth-child(odd), .twothird:nth-child(odd), .half:nth-child(even), .third:nth-child(even), .twothird:nth-child(even) { margin: 10px 0; -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; -ms-flexbox: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } } /*** VARIABLES ***/ h1, h2, h3, h4, h5 a, p, i, body, span, ul, li, select, input { font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; margin-top: 0; font-weight: 400; -webkit-font-smoothing: antialiased; } h1 { color: #000; } h2 { color: #000; } h3, h4 { color: #000; } h1 { font-size: 30px; } h2 { font-size: 18px; } h3 { font-size: 15px; } h4 { font-size: 13px; } h5 { font-size: 12px; } /*.content_wrapper .full h1, .content_wrapper .full h2, .content_wrapper .full h3, .content_wrapper .full h4 { margin-bottom: 0; }*/ p, ul, li, ol { color: #000; font-size: 18px; line-height: 22px; } li:last-child { margin-bottom: 0px; } .video_wrapper { margin: 0 0 20px 0; width: 100%; } .video_wrapper .video_player_wrapper { position: relative; margin: 0 auto; } .video_wrapper .video_player_wrapper .video_player_inner { padding-top: 56.25%; } .video_wrapper .video_player_wrapper .video_player_inner iframe { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; margin: 0 auto; max-width: 100%; border: none; } .videoControls { position: absolute; bottom: 5px; right: 5px; color: #fff; transition: all .4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 0; } .vidPlay, .vidPause { color: #fff; background-color: transparent; border: none; opacity: .6; cursor: pointer; } .clearfix { clear: both; } ul, ol, li { margin: 0; padding: 0; } ul li, ol li { margin-bottom: 10px; } p a, li a, ol a { color: #3fa435; display: inline-block; } a { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: block; text-decoration: none; } a i, a h1 { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } table { max-width: 100%; width: 100% !important; } a:hover { color: #6639B7; } .anchor_link { display: block; position: relative; top: -230px; visibility: hidden; height: 0; } label { display: block; color: #555; } .upper { text-transform: uppercase; } .center { text-align: center; } .inline { display: inline-block; } .bold { font-weight: bold; } .hide { display: none; } main { /*edited*/ /*margin-bottom: 75px;*/ margin-bottom: 0px; } img { max-width: 100%; } .float_left { float: left; } .float_right { float: right; } .clear, .clearfix { clear: both; display: block; } .grey_divider { width: 100%; border-bottom: 2px solid grey; margin-bottom: 20px; } .blue_divider { border-bottom: 2px solid #00b9e1; width: 100%; margin: 15px 0; } iframe { max-width: 100%; } .right_align { float: right; text-align: right; } .left_align { float: left; text-align: left; } .animated_divider { position: relative; margin: 60px auto; background: #3fa435; height: 3px; width: 100%; } .animated_divider.darkblue { background: #14284b; } .animated_divider.green { background: #3fa435; } .animated_divider.darkbluecommunications { background: #0085ca; } .animated_divider.turquoise { background: #00b2aa; } .animated_divider.pink { background: #d6006e; } .animated_divider.lightblue { background: #0085ca; } .animated_divider.orange { background: #ff4814; } .animated_divider.purple { background: #6639b7; } .animated_divider.small_spacing { margin: 0px auto 10px auto; } .input_wrapper { position: relative; } .input_wrapper input { width: 100%; margin-bottom: 2px; padding: 5px 14% 5px 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input_wrapper i { position: absolute; top: 5px; right: 18px; font-size: 18px; color: #6639b7; } .view_more_wrapper { display: none; } .icon_absolute { position: absolute; top: 3px; right: 3px; z-index: 9999; } /*** VARIABLES --- TABLET ***/ @media (max-width: 1024px) { h1 { font-size: 24px; } p, ul, li, ol { font-size: 16px; line-height: 22px; } } /*** VARIABLES --- MOBILE ***/ @media (max-width: 668px) { h1 { font-size: 22px; } h2 { font-size: 16px; } p, ul, li, ol { line-height: 20px; } } /*------------------------------------* $TOOLS \*------------------------------------*/ /*------------------------------------* $GENERIC \*------------------------------------*/ /*@import "030.generic/_generic";*/ /*@import "../../node_modules/normalize.css/normalize.css";*/ /*------------------------------------* $ELEMENTS \*------------------------------------*/ body { background-color: #fff; margin: 0; /*edited*/ /*padding-top: 20px;*/ padding-top: 80px; } @media (max-width: 1024px) { body { /* padding-top: 110px !important; */ padding-top: 50px; } } /*------------------------------------* $OBJECTS \*------------------------------------*/ .section_title { display: block; min-height: 10px; width: 100%; text-align: center; margin: 0 0 25px 0; font-size: 30px; font-weight: bold; color: #14284b; } .label_container ul { list-style: none; margin-bottom: 20px; } .label_container ul li { margin-bottom: 0; color: #14284b; } .section_content { margin: 0 0 25px 0; display: block; } .section_content p { font-size: 16px; line-height: 22px; } .green_border { border: 2px solid #3fa435; padding: 30px; } .green_border p { font-size: 18px; color: #75787b; } .green_border p:last-child { margin: 0; } .photo { margin: 0 0 20px 0; } .photo img { max-width: 200px; max-height: 200px; display: block; margin: 0 auto; } .link_container { border: 2px solid #14284b; margin-bottom: 20px; } .link_container a, .link_container a.fifth, .link_container a.half, .link_container a.third, .link_container a.half:nth-child(2n), .link_container a.half:nth-child(odd), .link_container a.quarter, .link_container a.threequarter, .link_container a.twothird { padding: 20px; margin: 0; color: #14284b; border-right: 2px solid #14284b; word-wrap: break-word; text-align: center; } .link_container a.fifth { max-width: 21%; -webkit-flex: 1 1 20%; -moz-flex: 1 1 20%; -ms-flex: 1 1 20%; flex: 1 1 20%; } .link_container a.half { max-width: 50%; -webkit-flex: 1 1 50%; -moz-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } .link_container a.quarter { max-width: 25%; -webkit-flex: 1 1 25%; -moz-flex: 1 1 25%; -ms-flex: 1 1 25%; flex: 1 1 25%; } .link_container a.third { max-width: 34%; -webkit-flex: 1 1 33.3%; -moz-flex: 1 1 33.3%; -ms-flex: 1 1 33.3%; flex: 1 1 33.3%; } .link_container a:last-child, .link_container a.fifth:last-child, .link_container a.half:last-child, .link_container a.third:last-child, .link_container a.half:nth-child(2n):last-child, .link_container a.half:nth-child(odd):last-child, .link_container a.quarter:last-child, .link_container a.threequarter:last-child, .link_container a.twothird:last-child { border-right: none; } .link_container a:hover, .link_container a.fifth:hover, .link_container a.half:hover, .link_container a.third:hover, .link_container a.half:nth-child(2n):hover, .link_container a.half:nth-child(odd):hover, .link_container a.quarter:hover, .link_container a.threequarter:hover, .link_container a.twothird:hover { background: #D1D4DB; color: #14284b; } .link_container a.selected, .link_container a.fifth.selected, .link_container a.half.selected, .link_container a.third.selected, .link_container a.half:nth-child(2n).selected, .link_container a.half:nth-child(odd).selected, .link_container a.quarter.selected, .link_container a.threequarter.selected, .link_container a.twothird.selected { background: #14284b; color: #fff; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .link_container a.fifth { max-width: 20%; } .link_container a.half { max-width: 50%; } .link_container a.quarter { max-width: 25%; } .link_container a.third { max-width: 33.3%; } } @media (max-width: 668px) { .section_content p { line-height: 20px; } .link_container a, .link_container a.fifth, .link_container a.half, .link_container a.third, .link_container a.half:nth-child(2n), .link_container a.half:nth-child(odd), .link_container a.quarter, .link_container a.threequarter, .link_container a.twothird { border-right: none; border-bottom: 2px solid #14284b; padding: 20px; max-width: 100%; -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .link_container a:last-child, .link_container a.fifth:last-child, .link_container a.half:last-child, .link_container a.third:last-child, .link_container a.half:nth-child(2n):last-child, .link_container a.half:nth-child(odd):last-child, .link_container a.quarter:last-child, .link_container a.threequarter:last-child, .link_container a.twothird:last-child { border-bottom: none; } } /*------------------------------------* $MODULES \*------------------------------------*/ /**** ACCORDION ******/ .accordion { margin: 0 auto; } .accordion .accordion_title.darkblue { background: #14284b; } .accordion .accordion_title.lightblue { background: #0085ca; } .accordion .accordion_title.green { background: #3fa435; } .accordion .accordion_title.darkbluecommunications { background: #0085ca; } .accordion .accordion_title.turquoise { background: #00b2aa; } .accordion .accordion_title.pink { background: #d6006e; } .accordion .accordion_title.orange { background: #ff4814; } .accordion .accordion_title.purple { background: #6639b7; } .accordion .accordion_title { background: #14284b; padding: 20px 70px; display: block; margin: 0 0 5px 0; } .accordion .accordion_title h1 { color: #fff; display: inline-block; margin: 0; font-size: 26px; font-weight: bold; } .accordion .accordion_title h4 { color: #fff; display: inline-block; margin: 0; font-size: 26px; font-weight: bold; } .accordion .accordion_title i { color: #fff; border-radius: 50%; float: right; width: 20px; text-align: center; height: 20px; margin-top: 1.5px; font-size: 30px; } .accordion .accordion_title i.fa-angle-up:before { line-height: 18px; } .accordion .accordion_title i.fa-angle-down:before { line-height: 20px; } .accordion .content { display: none; padding: 30px 70px; } /*** ACCORDION --- MOBILE ***/ @media (max-width: 668px) { .accordion .accordion_title { padding: 15px 30px; } .accordion .content { padding: 25px 30px; } } /*** AUTHOR QUOTE ***/ .author_quote { margin-bottom: 20px; } .author_quote h1 { font-style: italic; color: #555; font-size: 18px; font-weight: normal; margin-bottom: 25px !important; padding: 0 0 0 20px; word-wrap: break-word; } .author_quote .quote_span { font-style: italic; color: #555; font-size: 18px; font-weight: normal; margin-bottom: 25px !important; padding: 0 0 0 20px; word-wrap: break-word; } .author_quote p.author { color: #14284b; font-size: 16px; padding: 0 0 0 0px; word-wrap: break-word; margin: 0 0 4px; margin-top: 3%; line-height: 20px; font-weight: bold; } .author_quote p.location { color: #3fa435; font-size: 16px; margin-bottom: 0; display: inline-block; padding: 0 0 0 20px; word-wrap: break-word; margin: 0 0 10px; line-height: 20px; } .author_quote p.location a { color: #3fa435; } .author_quote p.location a:hover { color: #14284b; } .author_quote i { color: #3fa435; font-size: 40px; font-style: italic; margin-bottom: 10px; } .author_quote i.right_quote { float: right; } /*** AUTHOR QUOTE --- MOBILE ***/ @media (max-width: 668px) { .author_quote h1 { font-size: 22px; } .author_quote quote_span { font-size: 22px; } .author_quote h2 { font-size: 18px; } .author_quote p { font-size: 15px; } } /*=============== #ANIMATIONS ===============*/ /* * 1) this contains two things: animations, transitions (fx). The perspectives landing page uses fx, but the animations are here just for precaution; * 2) using animations: apply a classname. It will animate once * 3) using fx: apply the attribute data-fx="fxName" to an element. You can apply multiples, if you want: data-fx="slideIn fadeIn_full" JavaScript is expected to apply a "triggered" state. When .fx-triggered is applied to an element, that takes the element to its second state */ /* Animations used on the perspectives landing page. These could potentially be used elsewhere for other pages that are effects intensive */ @keyframes fadeIn_full { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn_half { from { opacity: .5; } to { opacity: 1; } } @keyframes fadeOut_full { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut_half { from { opacity: .5; } to { opacity: 0; } } @keyframes slideUp { from { transform: translateY(50vh); } to { transform: translateY(0); } } @keyframes slideDown { from { transform: translateY(-50vh); } to { transform: translateY(0); } } @keyframes slideLeft { from { transform: translateX(-100vw); } to { transform: translateX(0); } } @keyframes slideRight { from { transform: translateY(100vw); } to { transform: translateY(0); } } .animate_fadeIn_full { animation-name: fadeIn_full; animation-duration: 0.75s; animation-iteration-count: 1; } .animate_fadeIn_half { animation-name: fadeIn_half; animation-duration: 0.75s; animation-iteration-count: 1; } .animate_fadeOut_full { animation-name: fadeOut_full; animation-duration: 0.75s; animation-iteration-count: 1; } .animate_fadeOut_half { animation-name: fadeOut_half; animation-duration: 0.75s; animation-iteration-count: 1; } .animate_slideUp { animation-name: slideUp; animation-duration: 0.75s; animation-iteration-count: 1; } .animate_slideDown { animation-name: slideDown; animation-duration: 0.75s; animation-iteration-count: 1; } .animate_slideLeft { animation-name: slideLeft; animation-duration: 0.75s; animation-iteration-count: 1; } /*=============== #EFFECTS #FX #TRANSITIONS ===============*/ [data-fx] { transition-delay: .5s; transition: 1s all ease-in; } /*=== fade === In Out _half _full */ [data-fx*="fadeIn_half"] { opacity: .5; } [data-fx*="fadeIn_half"].fx-triggered { opacity: 1; } [data-fx*="fadeIn_full"] { opacity: 0; } [data-fx*="fadeIn_full"].fx-triggered { opacity: 1; } [data-fx*="fadeOut_full"] { opacity: 1; } [data-fx*="fadeOut_full"].fx-triggered { opacity: 0; } /*=== slide === Up Down Left Right */ [data-fx*="slideUp"] { transform: translateY(50vh); } [data-fx*="slideUp"].fx-triggered { transform: translateY(0); } [data-fx*="slideDown"] { transform: translateY(-50vh); } [data-fx*="slideDown"].fx-triggered { transform: translateY(0); } [data-fx*="slideLeft"] { transform: translateX(-100vw); } [data-fx*="slideLeft"].fx-triggered { transform: translateY(0); } [data-fx*="slideRight"] { transform: translateX(100vw); } [data-fx*="slideRight"].fx-triggered { transform: translateY(0); } /*=== scaleIn === _full _half */ [data-fx*="scaleIn_full"] { transform: scale(0); } [data-fx*="scaleIn_full"].fx-triggered { transform: scale(1); } [data-fx*="scaleIn_half"] { transform: scale(0.5); } [data-fx*="scaleIn_half"].fx-triggered { transform: scale(1); } /*=== paddingGrow === _top _bottom */ [data-fx*="paddingGrow_top"].fx-triggered { padding-top: 15%; } [data-fx*="paddingGrow_bottom"].fx-triggered { padding-bottom: 15%; } [data-fx*="parallax"] { transition-duration: .05s; transition-delay: 0s; } .animation-element { opacity: 0; position: relative; } .animation-element.slide-left { opacity: 0; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); } .animation-element.slide-bottom { opacity: 0; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -moz-transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0px, 100px, 0px); -o-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate3d(0px, 100px, 0px); } .animation-element.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .come-in { transform: translateX(-2000px); animation: come-in 1s ease forwards; } .come-in-slower { transform: translateX(-2000px); animation: come-in 1.5s ease forwards; } .already-visible { transform: translateX(0); animation: none; } @keyframes come-in { to { transform: translateX(0); } } /*** 3 COLUMN LINKS ***/ .asset_links { margin-bottom: 20px; justify-content: center; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; width: 100%; margin: 0 auto; } .asset_links a.asset { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #75787b; padding: 20px; max-width: 31.3%; margin-bottom: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; overflow: hidden; } .asset_links a.asset h1 { font-size: 18px; line-height: 22px; min-height: 66px; font-weight: bold; text-align: center; } .asset_links a.asset .asset_h3 { font-size: 18px; line-height: 22px; min-height: 66px; font-weight: bold; text-align: center; } .asset_links a.asset h2, .asset_links a.asset .asset_h4 { color: #75787b; font-size: 16px; line-height: 20px; min-height: 20px; text-align: center; margin-bottom: 15px; } .asset_links a.asset p { color: #75787b; font-size: 16px; line-height: 20px; } .asset_links a.asset p:last-child { margin: 0; } .asset_links a.asset .description { min-height: 120px; } .asset_links a.asset:nth-child(3n+1) { margin: 0 2% 20px 0; } .asset_links a.asset:nth-child(3n+2) { margin: 0 1% 20px 1%; } .asset_links a.asset:nth-child(3n+3) { margin: 0 0 20px 2%; } .asset_links .asset.bluehover:hover h1, .asset_links .asset.bluehover:hover h2, .asset_links .asset.bluehover:hover p, .asset_links .asset.greenhover:hover h1, .asset_links .asset.greenhover:hover h2, .asset_links .asset.greenhover:hover p, .asset_links .asset.darkbluehover:hover h1, .asset_links .asset.darkbluehover:hover h2, .asset_links .asset.darkbluehover:hover p, .asset_links .asset.lightbluehover:hover h1, .asset_links .asset.lightbluehover:hover h2, .asset_links .asset.lightbluehover:hover p, .asset_links .asset.darkbluecommunicationshover:hover h1, .asset_links .asset.darkbluecommunicationshover:hover h2, .asset_links .asset.darkbluecommunicationshover:hover p, .asset_links .asset.turquoisehover:hover h1, .asset_links .asset.turquoisehover:hover h2, .asset_links .asset.turquoisehover:hover p, .asset_links .asset.pinkhover:hover h1, .asset_links .asset.pinkhover:hover h2, .asset_links .asset.pinkhover:hover p, .asset_links .asset.orangehover:hover h1, .asset_links .asset.orangehover:hover h2, .asset_links .asset.orangehover:hover p, .asset_links .asset.purplehover:hover h1, .asset_links .asset.purplehover:hover h2, .asset_links .asset.purplehover:hover p, .asset_links .asset.backgroundimagehover:hover h1, .asset_links .asset.backgroundimagehover:hover h2, .asset_links .asset.backgroundimagehover:hover p, .asset_links .asset.imagehover:hover h1, .asset_links .asset.imagehover:hover h2, .asset_links .asset.imagehover:hover p { color: #fff; } .asset_links .asset.bluehover:hover .asset_h3, .asset_links .asset.bluehover:hover .asset_h4, .asset_links .asset.greenhover:hover .asset_h3, .asset_links .asset.greenhover:hover .asset_h4, .asset_links .asset.darkbluehover:hover .asset_h3, .asset_links .asset.darkbluehover:hover .asset_h4, .asset_links .asset.lightbluehover:hover .asset_h3, .asset_links .asset.lightbluehover:hover .asset_h4, .asset_links .asset.darkbluecommunicationshover:hover .asset_h3, .asset_links .asset.darkbluecommunicationshover:hover .asset_h4, .asset_links .asset.turquoisehover:hover .asset_h3, .asset_links .asset.turquoisehover:hover .asset_h4, .asset_links .asset.pinkhover:hover .asset_h3, .asset_links .asset.pinkhover:hover .asset_h4, .asset_links .asset.orangehover:hover .asset_h3, .asset_links .asset.orangehover:hover .asset_h4, .asset_links .asset.purplehover:hover .asset_h3, .asset_links .asset.purplehover:hover .asset_h4, .asset_links .asset.backgroundimagehover:hover .asset_h3, .asset_links .asset.backgroundimagehover:hover .asset_h4, .asset_links .asset.imagehover:hover .asset_h3, .asset_links .asset.imagehover:hover .asset_h4 { color: #fff; } .asset_links .asset.bluehover:hover .grey_divider, .asset_links .asset.greenhover:hover .grey_divider, .asset_links .asset.darkbluehover:hover .grey_divider, .asset_links .asset.lightbluehover:hover .grey_divider, .asset_links .asset.darkbluecommunicationshover:hover .grey_divider, .asset_links .asset.turquoisehover:hover .grey_divider, .asset_links .asset.pinkhover:hover .grey_divider, .asset_links .asset.orangehover:hover .grey_divider, .asset_links .asset.purplehover:hover .grey_divider, .asset_links .asset.backgroundimagehover:hover .grey_divider, .asset_links .asset.imagehover:hover .grey_divider { border-bottom: 2px solid #fff; } .asset_links .asset.bluehover:hover { background: #0085ca; border: 1px solid #0085ca; } .asset_links .asset.greenhover:hover { background: #3fa435; border: 1px solid #3fa435; } .asset_links .asset.darkbluehover:hover { background: #14284b; border: 1px solid #14284b; } .asset_links .asset.lightbluehover:hover { background: #0085ca; border: 1px solid #0085ca; } .asset_links .asset.darkbluecommunicationshover:hover { background: #0085ca; border: 1px solid #0085ca; } .asset_links .asset.turquoisehover:hover { background: #00b2aa; border: 1px solid #00b2aa; } .asset_links .asset.pinkhover:hover { background: #d6006e; border: 1px solid #d6006e; } .asset_links .asset.orangehover:hover { background: #ff4814; border: 1px solid #ff4814; } .asset_links .asset.purplehover:hover { background: #6639b7; border: 1px solid #6639b7; } .asset_links .asset.backgroundimagehover { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .asset_links .asset.backgroundimagehover:hover { background: url(../images/GettyImages-518567699-NB.jpg); background-size: cover; background-repeat: no-repeat; } .asset_links .asset.imagehover img { position: absolute; top: 40%; left: 0%; right: 0; bottom: 0; height: auto; width: auto; opacity: 1; display: block; min-height: 60%; min-width: 100%; width: 100%; opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .asset_links .asset.imagehover:hover h1, .asset_links .asset.imagehover:hover h2, .asset_links .asset.imagehover:hover .asset_h4, .asset_links .asset.imagehover:hover .asset_h3 { color: #14284b; } .asset_links .asset.imagehover:hover p { color: #75787b; } .asset_links .asset.imagehover:hover .grey_divider { border-bottom: 2px solid #75787b; } .asset_links .asset.imagehover:hover img { opacity: 0; } /*** 3 COLUMN LINKS --- TABLET ***/ @media (max-width: 1024px) { .asset_links a.asset h1, .asset_links a.asset .asset_h3 { font-size: 16px; line-height: 20px; min-height: 60px; } .asset_links a.asset h2, .asset_links a.asset p, .asset_links a.asset .asset_h4 { color: #75787b; font-size: 16px; line-height: 20px; min-height: 20px; } .asset_links .asset.imagehover img { display: none; } } /*** 3 COLUMN LINKS --- MOBILE ***/ @media (max-width: 668px) { .asset_links a.asset { max-width: 100%; } .asset_links a.asset h1, .asset_links a.asset .asset_h3 { font-size: 16px; line-height: 20px; min-height: 40px; } .asset_links a.asset:nth-child(3n+2), .asset_links a.asset:nth-child(3n+1), .asset_links a.asset:nth-child(3n+3) { margin: 0 0 20px 0; } } /*** BANNERS ***/ .banner { position: relative; width: 100%; overflow: hidden; margin: 0; } .banner .breadcrumb { color: #fff; font-size: 18px; min-height: 22px; } .banner .breadcrumb a { color: #fff; font-size: 18px; display: inline-block; } .banner .breadcrumb a:hover { color: #3fa435; } .banner h1 { color: #fff; font-size: 45px; } .banner_subpage .header_wrapper { margin: 25px auto; } .banner_homepage { margin: 0 0 20px 0; background-size: auto; position: relative; min-height: 100vh; -webkit-background-attachment: scroll; -moz-background-attachment: scroll; -o-background-attachment: scroll; background-attachment: scroll; background-position: 0 0; background-repeat: no-repeat; } .banner_homepage .header_wrapper { position: absolute; top: 30px; left: 0; right: 0; height: 90%; } .banner_homepage .button { display: table; width: auto; padding: 10px 20px; } .banner_homepage .transparent_button { background: rgba(63, 164, 53, 0.7); position: absolute; bottom: 90px; right: 20px; } .banner_homepage video, .banner_homepage .video, .banner_homepage iframe, .banner_homepage object, .banner_homepage .video object { min-width: 100%; min-height: 100%; height: auto; border: none; width: auto; z-index: 0; background: url(../images/HighResThumb.jpg) no-repeat; background-size: cover; } .banner_homepage h1 { font-size: 60px; line-height: 60px; margin-bottom: 0px; text-transform: uppercase; } .banner_homepage h2 { font-size: 50px; line-height: 50px; color: #f2f2f2; text-transform: uppercase; } .banner_subpage_v1, .banner_subpage { background: url("../images/background2.jpg") center; background-size: cover; min-height: 175px; min-width: 100%; animation-name: zoom; animation-duration: 2s; animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 1s; } .banner_homepage_v2 { background: url("../images/background2.jpg") center; background-size: cover; min-height: 100vh; min-width: 100%; animation-name: zoomhome; animation-duration: 2s; animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 1s; } @keyframes zoom { 0% { background-size: 110% auto; } 100% { background-size: 120% auto; } } @keyframes zoomhome { 0% { background-size: auto 110%; } 100% { background-size: auto 120%; } } /*** BANNERS --- TABLET ***/ @media (max-width: 1024px) { .banner .breadcrumb { color: #fff; font-size: 18px; } .banner .breadcrumb a { color: #fff; font-size: 18px; } .banner h1 { font-size: 45px; } .banner_homepage video, .banner_homepage .video, .banner_homepage iframe { height: 100%; } .banner_homepage h1 { font-size: 45px; line-height: 45px; } .banner_homepage h2 { font-size: 40px; line-height: 40px; } .banner_subpage_v1, .banner_homepage_v2, .banner_subpage { animation-name: initial; } } /*** BANNERS --- MOBILE ***/ @media (max-width: 668px) { .banner .breadcrumb { display: none; } .banner h1 { font-size: 36px; } .banner .button { margin-left: auto; margin-right: auto; } .banner .transparent_button { left: 50%; transform: translateX(-50%); } .banner_homepage h1 { font-size: 35px; line-height: 35px; } .banner_homepage h2 { font-size: 30px; line-height: 30px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .banner_homepage video, .banner_homepage .video, .banner_homepage iframe, .banner_homepage object, .banner_homepage .video object { height: 100%; width: 100%; } } @media screen and (min-width: 0\0) { .banner_homepage video, .banner_homepage .video, .banner_homepage iframe, .banner_homepage object, .banner_homepage .video object { height: 100%; width: 100%; } } /*** BLOG ***/ .blog_search_wrapper { padding: 30px; background: #f2f2f2; margin-bottom: 20px; } .blog_search_wrapper h1 { font-size: 20px; margin-bottom: 30px; } .blog_search_wrapper .blog_search_wrapper_title { font-size: 20px; margin-bottom: 30px; display: block; } .blog_search_wrapper a { width: auto; min-width: 51%; display: inline-block; margin: 0 0 20px 0; font-size: 16px; } .blog_search_wrapper a:last-child { margin-bottom: 0; } .blog_highlighted { position: relative; box-sizing: border-box; margin-bottom: 20px; } .blog_highlighted .blue_highlight { position: absolute; left: -15px; top: 20px; background: #14284b; color: #fff; padding: 10px 20px; font-size: 14px; min-width: 100px; text-align: center; } .blog_highlighted img { display: block; max-height: 600px; width: auto; height: auto; } .blog_highlighted .big_button { min-height: 100px; line-height: 50px; display: block; font-size: 20px; font-weight: bold; padding: 20px; vertical-align: middle; margin: 15px 0 20px 0; box-sizing: border-box; } .blog_highlighted .big_button span { display: inline; display: inline-table; display: inline-block; vertical-align: middle; line-height: 20px; } .blog_highlighted .sub_text { padding: 1% 8%; font-size: 14px; line-height: 18px; color: #14284b; margin-bottom: 55px; } .blog_highlighted .author { background: #f2f2f2; color: #3fa435; padding: 10px 8%; position: absolute; width: 84%; bottom: 0; left: 0; right: 0; } .blog_highlighted .author p { margin: 0; font-size: 14px; } .blog_highlighted.carousel_item.related_docs { padding-top: 75px; } .blog_highlighted.third { max-width: 31.3%; } .blog_highlighted.third:nth-child(3n+1) { margin: 0 2% 20px 0; } .blog_highlighted.third:nth-child(3n+2) { margin: 0 1% 20px 1%; } .blog_highlighted.third:nth-child(3n+3) { margin: 0 0 20px 2%; } .blog_list { background: #f2f2f2; padding: 30px; margin-bottom: 20px; width: 100%; } .blog_list .blue_highlight { position: initial; float: left; margin-left: -40px; background: #14284b; color: #fff; padding: 10px; font-size: 14px; min-width: 115px; max-width: 115px; text-align: center; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog_list .blue_highlight { margin-left: 0px; } } .blog_list h1, .blog_list h3, .blog_list h4 { font-size: 18px; margin-bottom: 5px; font-weight: bold; } .blog_list a:hover h1 { color: #3fa435; } .blog_list a:hover h3 { color: #3fa435; } .blog_list a:hover h4 { color: #3fa435; } .blog_list p { color: #14284b; font-size: 14px; line-height: 18px; } .blog_list .right_align { width: 84%; text-align: left; } .third .blog_list .right_align { width: 100%; margin-top: 20px; } .twothird .blog_list .right_align { width: 78%; } .blog_post { background: #f2f2f2; padding: 80px 60px 60px 80px; } .blog_post p { font-size: 16px; color: #14284b; } .blog_post p:last-child { margin-bottom: 0; } .blog_post li, ul { color: #14284b; font-size: inherit; line-height: inherit; } .blog_post ul { margin-left: 40px !important; } .blog_author { background: #f2f2f2; padding: 80px 30px 30px 30px; } .blog_author .image_wrapper { float: left; margin: 0 5% 10px 0; max-width: 20%; } .blog_author .image_wrapper img { max-height: 150px; max-width: 100%; width: auto; } .blog_author .blog_content_wrapper { float: left; max-width: 75%; } .blog_author h1 { font-size: 24px; margin-bottom: 5px; font-weight: bold; } .blog_author h2 { font-size: 16px; font-weight: bold; } .blog_author .blog_h3 { font-size: 24px; margin-bottom: 5px; font-weight: bold; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; } .blog_author_p { margin-top: 18px; } .blog_author .blog_span { font-size: 16px; font-weight: bold; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; margin-bottom: 13.28px; } .blog_author .blog_author_page { margin-top: 2%; display: block; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; color: #000; font-size: 18px; line-height: 22px; } .blog_author p { color: #14284b; } .blog_author_page_p p { float: right; margin-top: 3%; color: #000; font-size: 18px; line-height: 22px; font-weight: 400; -webkit-font-smoothing: antialiased; display: block; } .blog_author .blog_author_page_p p { float: right; margin-top: 3%; color: #000; font-size: 18px; line-height: 22px; font-weight: 400; -webkit-font-smoothing: antialiased; display: block; } .blog_author_page_p { background: #ffffff; } .blog_author a.icon { display: inline-block; margin: 0 15px 0 0; background: #14284b; border-radius: 50%; padding: 7px; } .blog_author a.icon img { max-width: 25px; max-height: 25px; } .blog_author a.icon:hover { background: #3fa435; } .blog_tags { background: #f2f2f2; padding: 30px 60px 30px 80px; } .blog_tags p { color: #14284b; font-weight: bold; font-size: 16px; } .blog_tags p a { display: inline-block; color: #14284b; } .blog_tags p a:hover { color: #3fa435; } .blog_tags p:last-child { margin-bottom: 0; } .relatednews_wrapper { padding: 30px; background: #f2f2f2; } .relatednews_wrapper h1 { font-size: 20px; margin-bottom: 15px; } .relatednews_wrapper h4 { font-size: 20px; margin-bottom: 15px; font-weight: bold; } .relatednews_wrapper h4 { font-size: 20px; margin-bottom: 15px; font-weight: bold; } .relatednews_wrapper .news_wrapper { background: #fff; padding: 15px 20px; max-height: 200px; overflow: hidden; overflow-y: scroll; } .relatednews_wrapper .news_wrapper ul { list-style: none; } .relatednews_wrapper .news_wrapper ul li { margin-bottom: 0px; } .relatednews_wrapper .news_wrapper ul li p { font-size: 14px; font-weight: bold; line-height: 18px; } .relatednews_wrapper .news_wrapper ul li p a { font-weight: normal; } .relatednews_wrapper p a { color: #3fa435; display: inline-block; } /*** BLOG --- TABLET ***/ @media (max-width: 1024px) { .blog_list .right_align { width: 80%; } } /*** BLOG --- MOBILE ***/ @media (max-width: 668px) { .blog_author_page_icon, .blog_author_page { text-align: center; } .blog_author_page_p p { margin-left: 5%; } .blog_author a.icon { display: inline-block; margin: 0px 11px 0 0; background: #14284b; border-radius: 50%; padding: 5px; } .blog_author .blog_author_page_p p { margin-top: 6%; } .blog_author .image_wrapper { float: none; margin: 0 0 20px 0; max-width: 100%; } .blog_author .image_wrapper img { display: block; margin: 0 auto; } .blog_author .blog_content_wrapper { float: none; max-width: 100%; } .blog_list .right_align { width: 100%; margin-top: 20px; } .blog_list .blue_highlight { margin-left: -40px; } .blog_highlighted.third, .blog_highlighted { max-width: 100%; } .blog_highlighted.third .blue_highlight, .blog_highlighted .blue_highlight { left: -10px; } .blog_highlighted.third:nth-child(3n+1), .blog_highlighted.third:nth-child(3n+2), .blog_highlighted.third:nth-child(3n+3) { margin: 0 0 20px 0; } .blog_post { background: #f2f2f2; padding: 80px 30px 30px 30px; } .blog_tags { padding: 30px; } } /*** BUTTONS ***/ .button { background: #3fa435; text-align: center; color: #fff; width: auto; padding: 10px 12px; margin-top: 25px; display: block; font-size: 20px; font-weight: bold; box-sizing: border-box; word-wrap: break-word; } .third.button { margin-top: 0px; } .button.center { margin: 0 auto 20px auto; } .green_button { background: #3fa435; } .darkblue_button { /*background: #14284b;*/ background: #3fa435; } .lightblue_button { /*background: #0085ca;*/ background: #3fa435; } .dark_blue_button { /*background: #14284b;*/ background: #3fa435; } .light_blue_button { /*background: #0085ca;*/ background: #3fa435; } .darkbluecommunications_button { /*background: #0085ca;*/ background: #3fa435; } .turquoise_button { /*background: #00b2aa;*/ background: #3fa435; } .pink_button { /*background: #d6006e;*/ background: #3fa435; } .orange_button { /*background: #ff4814;*/ background: #3fa435; } .purple_button { background: #6639b7; background: #3fa435; } .button:hover { color: #fff; background: #14284b; } .darkbluecommunications_button:hover, .turquoise_button:hover, .pink_button:hover, .orange_button:hover, .purple_button:hover, .lightblue_button:hover, .darkblue_button:hover, .light_blue_button:hover, .dark_blue_button:hover { color: #fff; background: #3fa435; } .icon_button { padding: 10px 12px; box-sizing: border-box; background: #14284b; color: #fff; } .icon_button i { float: right; margin-left: 10px; padding: 10px 17px; border-radius: 50%; font-size: 30px; margin-top: -2px; } .light_blue_icon_button, .light_blue_icon { background: #0085ca; color: #fff; } .dark_blue_icon_button, .dark_blue_icon { background: #14284b; color: #fff; } .green_icon_button, .green_icon { background: #3fa435; color: #fff; } .darkbluecommunications_icon_button, .darkbluecommunications_icon { background: #0085ca; color: #fff; } .turquoise_icon_button, .turquoise_icon { background: #00b2aa; color: #fff; } .pink_icon_button, .pink_icon { background: #d6006e; color: #fff; } .orange_icon_button, .orange_icon { background: #ff4814; color: #fff; } .purple_icon_button, .purple_icon { background: #6639b7; color: #fff; } .green_icon_button, .green_icon { background: #3fa435; color: #fff; } .light_blue_icon_button:hover, .light_blue_icon:hover, .dark_blue_icon_button:hover, .dark_blue_icon:hover { color: #fff; background: #3fa435; } .green_icon_button:hover, .green_icon:hover { color: #fff; background: #0085ca; } .blue_icon_button.no_icon:hover { background: #3fa435; color: #fff; } .one_col_cta a { width: 100%; margin-bottom: 40px; } .one_col_cta a:hover .icon-text { color: #3fa435; } .one_col_cta .icon { display: block; max-width: 50%; margin: 0 auto; } .one_col_cta .icon-text { display: block; width: 100%; text-align: center; margin: 10px auto; color: #14284b; font-size: 18px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*** CAROUSELS ***/ .carousel_item { position: relative; margin: 0 5px; outline: none !important; } .carousel_item.hidden_text { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; } .carousel_item.hidden_text img, .carousel_item.hidden_text .background { width: 100%; margin: 0; min-height: 254px; } .carousel_item.hidden_text .blue_banner { background: #14284b; color: #fff; padding: 15px 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; right: 0; bottom: 0; min-height: 20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .carousel_item.hidden_text .blue_banner h1 { font-size: 20px; font-weight: bold; color: #fff; margin: 0; word-break: break-word; } .carousel_item.hidden_text .blue_banner .blue_banner_h3 { font-size: 20px; font-weight: bold; color: #fff; margin: 0; word-break: break-word; } .carousel_item.hidden_text .blue_banner p { font-size: 16px; color: #fff; } .carousel_item.hidden_text .blue_banner .hidden_content { opacity: 0; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .carousel_item.hidden_text:hover .blue_banner, .carousel_item.hidden_text.hover .blue_banner { min-height: 100%; background: rgba(20, 40, 75, 0.8); } .carousel_item.hidden_text:hover .blue_banner h1, .carousel_item.hidden_text.hover .blue_banner h1 { margin: 0 0 10px 0; } .carousel_item.hidden_text:hover .blue_banner .hidden_content, .carousel_item.hidden_text.hover .blue_banner .hidden_content { opacity: 1; display: block; height: 100%; } .carousel_item.carousel_item_greenbox h1, .carousel_item.carousel_item_greenbox .proof-point_title { text-align: center; color: #14284b; font-size: 21px; margin: 20px 0; } .carousel_item.carousel_item_greenbox .green_border { width: 300%; margin-left: -100%; box-sizing: border-box; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .carousel_item.carousel_item_greenbox .green_border p { /*** Done to stop stupid height alignment issues in safari***/ -webkit-text-size-adjust: 100%; } .carousel_item.carousel_item_greenbox .blue_background { background: #121D3B; width: 100%; box-sizing: border-box; } .carousel_item.carousel_item_greenbox .blue_background img { width: 100%; } .slick-slide:first-child:nth-last-child(1) .carousel_item.carousel_item_greenbox .green_border, .slick-slide:first-child:nth-last-child(1) ~ .slick-slide .carousel_item.carousel_item_greenbox .green_border, .slick-slide:first-child:nth-last-child(2) .carousel_item.carousel_item_greenbox .green_border, .slick-slide:first-child:nth-last-child(2) ~ .slick-slide .carousel_item.carousel_item_greenbox .green_border, .slick-slide:first-child:nth-last-child(3) .carousel_item.carousel_item_greenbox .green_border, .slick-slide:first-child:nth-last-child(3) ~ .slick-slide .carousel_item.carousel_item_greenbox .green_border { width: 100%; margin-left: 0%; opacity: 1; } .slick-active.slick-center .carousel_item.carousel_item_greenbox .green_border { opacity: 1; } .carousel_item.related_docs { margin: 0 5px; background: #f2f2f2; padding: 25px; min-height: 355px; } .carousel_item.related_docs img { margin-bottom: 10px; max-width: 100%; min-height: 160px; max-height: 160px; } .carousel_item.related_docs h1 { color: #14284b; font-size: 18px; font-weight: bold; margin-bottom: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; min-height: 84px; } .carousel_item.related_docs h1:hover { color: #3fa435; } .carousel_item.related_docs .related_docs_span_title { color: #14284b; font-size: 18px; font-weight: bold; margin-bottom: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; min-height: 84px; } .carousel_item.related_docs .related_docs_span_title:hover { color: #3fa435; } .carousel_item.related_docs h4 { color: #14284b; font-size: 18px; font-weight: bold; margin-bottom: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; min-height: 84px; } .carousel_item.related_docs h4:hover { color: #3fa435; } .carousel_item.related_docs .related_docs_span_title { color: #14284b; font-size: 18px; font-weight: bold; margin-bottom: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; min-height: 84px; } .carousel_item.related_docs .related_docs_span_title:hover { color: #3fa435; } .carousel_item.related_docs h4 { color: #14284b; font-size: 18px; font-weight: bold; margin-bottom: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; min-height: 84px; } .carousel_item.related_docs h4:hover { color: #3fa435; } .carousel_item.related_docs .related_docs_span_title { color: #14284b; font-size: 18px; font-weight: bold; margin-bottom: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; min-height: 84px; } .carousel_item.related_docs .related_docs_span_title:hover { color: #3fa435; } .carousel_item.related_docs h4 { color: #14284b; font-size: 18px; font-weight: bold; margin-bottom: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; min-height: 84px; } .carousel_item.related_docs h4:hover { color: #3fa435; } .carousel_item.related_docs h2 { text-align: center; font-size: 16px; font-weight: normal; } .carousel_item.related_docs .related_docs_span_subtype { text-align: center; font-size: 16px; font-weight: normal; margin-bottom: 10px; } .carousel_item.related_docs .related_docs_span_subtype { text-align: center; font-size: 16px; font-weight: normal; margin-bottom: 10px; margin-top: inherit; } .carousel_item.related_docs .related_docs_span_subtype { text-align: center; font-size: 16px; font-weight: normal; margin-bottom: 10px; } .carousel_item.related_docs p { color: #75787b; font-size: 16px; margin-bottom: 0; line-height: 20px; /*** Done to stop stupid height alignment issues in safari***/ -webkit-text-size-adjust: 100%; min-height: 140px; } /*** CAROUSELS --- TABLET ***/ @media (max-width: 1024px) { .carousel_item.related_docs { min-height: 390px; } .carousel_item.related_docs h1, .carousel_item.related_docs .related_docs_span_title { font-size: 16px; min-height: 114px; } .carousel_item.related_docs h2, .carousel_item.related_docs .related_docs_span_subtype { font-size: 14px; } .carousel_item.related_docs p { font-size: 14px; min-height: 200px; } .carousel_item.hidden_text .blue_banner { display: block; } } /*** CAROUSELS --- MOBILE ***/ @media (max-width: 668px) { .responsive_carousel_inner .slide .carousel_item { width: 97%; margin: 0 1% 20px 1%; padding: 0 1%; } .responsive_carousel_inner .slide .carousel_item.carousel_item_greenbox { width: 90%; margin: 0 auto 20px auto; } .responsive_carousel_inner .slide .carousel_item.hidden_text, .responsive_carousel_inner .slide .carousel_item.related_docs { margin: 0 5%; padding: 0; width: 90%; box-sizing: border-box; } .responsive_carousel_inner .slide .carousel_item.related_docs { padding: 25px; } .responsive_carousel_inner .slide .carousel_item.related_docs.blog_highlighted { padding: 70px 25px 25px 25px; } .carousel_item.related_docs { min-height: 390px; } .carousel_item.related_docs h1, .carousel_item.related_docs p { min-height: auto; } .carousel_item.carousel_item_greenbox .green_border { width: 100%; margin-left: 0%; } .carousel_item.carousel_item_greenbox .blue_background img { width: 80%; } } /*** BODY COPY ***/ .copy_container { position: relative; margin-top: 10px; color: #555; font-size: 18px; line-height: 22px; } .copy_container h1 { font-size: 28px; font-weight: bold; line-height: 32px; } .copy_container h2 { font-size: 22px; line-height: 26px; } .copy_container h3 { font-size: 22px; line-height: 26px; } .copy_container ul, .copy_container ol { margin: 0 0 20px 20px; } .copy_container li a { word-wrap: break-word; max-width: 100%; } .copy_container a { display: inline-block; color: #3fa435; font-weight: bold; font-size: inherit; } .copy_container a:hover { color: #6639B7; } /*** BODY COPY --- MOBILE ***/ @media (max-width: 668px) { .copy_container h1 { font-size: 24px; line-height: 28px; } .copy_container h2 { font-size: 16px; line-height: 20px; } } /*** COVEO SPECIFIC ***/ .coveo-facet-column ul, .coveo-facet-column li, .coveo-facet-column ol, .coveo-facet-column p, .coveo-facet-value-caption, .coveo-facet-value-count { font-size: 14px; } .coveo-facet-search-results .coveo-facet-value .coveo-facet-value-checkbox > span { bottom: 5px; } .CoveoSearchInterface { font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; } .CoveoSearchInterface .coveo-results-column.coveo-no-results { max-width: 100%; } .CoveoSearchInterface .coveo-results-column { padding: 15px 0 10px 15px; overflow: initial; } .CoveoSort .coveo-icon { display: none !important; } .CoveoSort { text-transform: none; } .CoveoSearchPageSearchbox .CoveoOmnibox .magic-box-icon, .CoveoSearchPageSearchbox .CoveoQuerybox .magic-box-icon { top: 0px; position: relative; border-bottom: 1px solid #BCC3CA; border-top: 1px solid #BCC3CA; } .CoveoResult .video_wrapper { float: right; width: 40%; margin-left: 20px; margin-bottom: 20px; } .magic-box .magic-box-clear { line-height: 46px; } .CoveoSearchButton { height: 48px; } .CoveoSearchInterface .coveo-facet-column { padding: 0; } .coveo-facet-header.accordion_title { padding: 30px; background: #f2f2f2; } .CoveoFacet, .CoveoFacetRange, .CoveoFacetSlider, .CoveoHierarchicalFacet { background: #f2f2f2; } .coveo-facet-value label { color: #14284b; } .coveo-facet-header-operator, .coveo-facet-header-eraser, .coveo-facet-header-settings, .coveo-facet-header-collapse, .coveo-facet-header-expand { top: 0; } .coveo-facet-more, .coveo-facet-less { background: #f2f2f2; border-radius: 0; } .coveo-facet-more:hover, .coveo-facet-less:hover { background: #f2f2f2; } .vjs-progress-control.vjs-control { display: none; } .coveo-facet-value:hover, .coveo-facet-value.selected { background-color: #fff; } .CoveoSearchInterface .coveo-highlight, .CoveoSearchInterface .highlight { background-color: transparent; color: #3fa435; } .coveo-facet-header-title, .coveo-facet-header-title h2, .coveo-facet-header-title h3, .coveo-facet-header-title h4 { color: #14284b; font-weight: bold; font-size: 20px; } .coveo-results-header .coveo-sort-section > div { padding-top: 0; height: auto; } .coveo-results-header .coveo-sort-section { float: right; height: auto; margin-bottom: 0; } .coveo-results-header .coveo-sort-section .CoveoSort { font-size: 14px; color: #75787b; border-bottom: none; padding: 0 7px 2px; border-right: 1px solid #67768b; } .coveo-results-header .coveo-sort-section .CoveoSort:last-child { border-right: none; } .coveo-results-header .coveo-sort-section .CoveoSort:hover, .coveo-results-header .coveo-sort-section .coveo-selected { color: #14284b; } .CoveoQuerySummary .coveo-highlight { background-color: transparent; } .coveo-recommendations .coveo-facet-column { width: 32%; } .coveo-tab-section { background-color: transparent; border: none; margin-top: 15px; min-height: auto; } .coveo-tab-section .coveo-tab, .coveo-tab-section .CoveoTab { width: auto; display: inline-block; margin-right: 20px; margin-bottom: 20px; background: #75787b; padding: 17px 40px; color: white; } .coveo-tab-section .coveo-tab .coveo-icon, .coveo-tab-section .CoveoTab .coveo-icon { display: none; } .coveo-tab-section .coveo-tab p, .coveo-tab-section .CoveoTab p { display: inline-block; color: #fff; font-size: 16px; line-height: 16px; margin-bottom: 0; } .coveo-tab-section .coveo-tab:hover, .coveo-tab-section .coveo-tab.selected, .coveo-tab-section .CoveoTab:hover, .coveo-tab-section .CoveoTab.coveo-selected, .coveo-tab-section .CoveoTab.coveo-selected:hover { background: #3fa435; } .CoveoFacet, .CoveoFacetRange, .CoveoFacetSlider, .CoveoHierarchicalFacet, .coveo-facet-header { border-radius: 0; border: none; } .CoveoSearchbox .magic-box, .CoveoSearchbox .magic-box .magic-box-input, .CoveoSearchbox .CoveoSearchButton { border-radius: 0; } .CoveoTab.coveo-selected, .CoveoTab.coveo-selected:hover { border-bottom: none; } .CoveoQuickview { text-align: center; position: absolute; top: 0; right: 0; } .flex_wrapper .coveo-facet-values { padding-left: 0; } .coveo-pager-list-item, .coveo-results-per-page-list-item { border: 1px solid #555; border: 1px solid #75787b; border-radius: 0; padding: 4px 10px; } .coveo-pager-next { border: none; color: #3fa435; background: none; } .CoveoPager { margin-left: 0; } .coveo-pager-list-item.coveo-active, .coveo-active.coveo-results-per-page-list-item, .coveo-pager-list-item:hover, .coveo-results-per-page-list-item:hover { color: #fff; background-color: #3fa435; border: 1px solid #3fa435; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .coveo-results-per-page-text { color: #75787b; } .CoveoResultsPerPage { margin: 0 15px 0 0; display: block; float: none; } .CoveoPager { margin-top: 0; } .coveo-results-header, .CoveoServerError, .coveo-search-container, .CoveoSearchInterface.coveo-small-interface .coveo-tab-section, .coveo-facet-header { background: #f2f2f2; padding: 20px 30px 10px 30px; width: 100%; float: none; box-shadow: none; border: none; box-sizing: border-box; } .coveo-facet-breadcrumb-title { margin-left: 132px; } .coveo-facet-breadcrumb-values { display: inline-block; width: 65%; } .coveo-facet-breadcrumb-value + .coveo-facet-breadcrumb-value, .coveo-facet-slider-breadcrumb-value + .coveo-facet-breadcrumb-value, .coveo-facet-breadcrumb-value + .coveo-facet-slider-breadcrumb-value, .coveo-facet-slider-breadcrumb-value + .coveo-facet-slider-breadcrumb-value { margin-left: 0; } .coveo-facet-breadcrumb-value, .coveo-facet-slider-breadcrumb-value { display: block; } .coveo-breadcrumb-items { padding-bottom: 0; } .coveo-sort-section-title { color: #67768B; font-size: 14px; margin-right: 15px; } .CoveoBreadcrumb { float: none; box-shadow: none; border: none; box-sizing: border-box; padding: 20px 0 0 0; } .coveo-facet-breadcrumb-title, .coveo-facet-slider-breadcrumb-title, .coveo-facet-breadcrumb-value.coveo-selected *, .coveo-facet-slider-breadcrumb-value.coveo-selected *, .coveo-facet-breadcrumb-multi-count, .coveo-breadcrumb-clear-all { background: #f2f2f2; } .coveo-results-header .coveo-summary-section { display: inline-block; float: left; } .CoveoQuerySummary div, .CoveoQuerySummary ul, .CoveoQuerySummary ul li { color: #14284b; } .CoveoQuerySummary ul { margin-left: 20px; } .coveo-query-summary-cancel-last { color: #75787b; margin: 10px 0 20px 0; } .CoveoQuerySummary .coveo-highlight { background-color: transparent !important; } .coveo-facet-values label:last-of-type { margin-bottom: 0; } .tile.CoveoResult h4 { font-size: 15px; color: #555; margin: 0 0 15px; } .coveo-sprites-arrow-down, .coveo-facet-more .coveo-icon, .coveo-more .coveo-folding-footer-icon, .CoveoSort .coveo-icon, .CoveoSort.coveo-descending .coveo-icon, .coveo-field-table-toggle-icon { background-position: -1753px -48px; width: 13px; height: 13px; text-indent: 13px; } .coveo-main-section .search_results_container { background: #f2f2f2; padding: 20px 30px; margin-bottom: 20px; } .coveo-main-section .CoveoResult { border-bottom: none; } .coveo-main-section .CoveoResult .coveo-icon { margin: 3px 10px 0px 0; } .coveo-main-section .CoveoResultLink:hover { text-decoration: none; } .coveo-main-section .CoveoResultLink:hover h1 { text-decoration: none; } .coveo-main-section .tile.CoveoResult h1 { margin: 0 0 30px; font-size: 18px; line-height: 22px; color: #14284b; max-width: 80%; } .coveo-main-section .tile.CoveoResult p { font-size: 14px; line-height: 18px; margin: 0 0 15px; color: #14284b; } .coveo-main-section .tile.CoveoResult .coveo-field-table-toggle .coveo-field-table-toggle-caption { font-size: 14px; line-height: 18px; color: #75787b; } .coveo-main-section .tile.CoveoResult .coveo-field-table-toggle-icon { color: #75787b; } .coveo-main-section .tile.CoveoResult .CoveoFieldTable { border: none; border-radius: 0; background-color: transparent; } .coveo-main-section .tile.CoveoResult .CoveoFieldTable th { color: #75787b; padding: 10px 10px 0px 0; } .coveo-main-section .tile.CoveoResult .CoveoFieldTable td { color: #75787b; } .coveo-main-section .tile.CoveoResult .CoveoQuickview { text-align: center; position: absolute; top: 20px; right: -10px; background: #14284b; color: #fff; padding: 10px 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .coveo-main-section .tile.CoveoResult .CoveoQuickview .coveo-icon-for-quickview { display: none; } .coveo-main-section .tile.CoveoResult .CoveoQuickview .coveo-caption-for-quickview { margin-top: 0; font-size: 14px; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; } .coveo-main-section .tile.CoveoResult .CoveoQuickview:hover { background: #3fa435; color: #fff; text-decoration: none; } .coveo-main-section .tile.CoveoResult .CoveoQuickview:hover .coveo-caption-for-quickview { color: #fff; text-decoration: none; } .coveo-hierarchical-breadcrumb-separator { top: 3px; } .coveo-recommendations .coveo-results-column { width: 68%; } /*** Coveo --- TABLET ***/ @media (max-width: 1024px) { .coveo-main-section { width: 90%; } .coveo-facet-breadcrumb-title { margin-left: 0; } .coveo-tab-section .coveo-tab, .coveo-tab-section .CoveoTab { padding: 13px 40px; } .coveo-small-tabs .CoveoTab.coveo-selected p, .coveo-small-tabs .CoveoTab.coveo-selected:hover p { border-bottom: 0; } .coveo-dropdown-header-wrapper { width: 100%; } .coveo-small-facets .coveo-facet-dropdown-header { margin: 0; } .CoveoSearchInterface.coveo-small-tabs .coveo-dropdown-header p, .CoveoSearchInterface.coveo-small-facets .coveo-dropdown-header p { line-height: 21px; } .coveo-recommendations .coveo-main-section { margin-top: 20px; } .coveo-recommendations .coveo-results-column, .CoveoSearchInterface .coveo-results-column { width: 100%; padding: 0; margin-top: 20px; } } /*** Coveo --- MOBILE ***/ @media (max-width: 668px) { .coveo-recommendations .coveo-results-column { width: 100%; padding: 0; } .coveo-search-container h2.coveo-facet-header-title { float: none; } .coveo-facet-breadcrumb-values { display: inline-block; width: 45%; } .CoveoResult .video_wrapper { float: none; width: 100%; margin-left: 0; margin-bottom: 20px; } .CoveoSearchInterface.coveo-small-interface .CoveoSearchbox { margin-right: 0; } .CoveoSearchInterface .coveo-results-column { overflow: initial; } .coveo-results-header .coveo-sort-section > div { float: none; } .coveo-results-header .coveo-sort-section, .coveo-results-header .coveo-summary-section { float: none; margin-bottom: 10px; width: 100%; text-align: center; margin-top: 0; } .coveo-main-section .tile.CoveoResult h1 { max-width: 60%; } .CoveoSearchInterface.coveo-small-interface .coveo-tab-section { background: #f2f2f2; margin-bottom: 20px; } .CoveoSearchInterface.coveo-small-tabs .coveo-dropdown-header, .CoveoSearchInterface.coveo-small-facets .coveo-dropdown-header { display: block; } } .vjs-control-bar, .vjs-big-play-button, .vjs-player-info-modal { display: none !important; } .magic-box .magic-box-suggestions { left: 132px; } .CoveoSearchbox .magic-box { border: none; } .CoveoSearchbox .magic-box .magic-box-input { border: 1px solid #BCC3CA; border-right: none; } .coveo-search-container h2.coveo-facet-header-title { float: left; margin: 12px 20px 0 0; border: none; display: block; } @media (max-width: 668px) { .coveo-search-container h2.coveo-facet-header-title { display: none; } } .vjs-loading-spinner { display: none; visibility: hidden; } .tg-ale024 .section-locator { z-index: 1; } /*** FOOTER ***/ footer { /* commented because issue on new redesign footer */ /* background: #75787b; */ /* min-height: 150px; */ /* padding: 20px 2em 40px 2em; */ } footer .footer_logo_container { float: left; } footer .footer_logo_container .footer_logo { display: block; } footer .copyright_container { margin-bottom: 25px; max-width: 20%; width: 20%; position: relative; } footer .copyright_container p { color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 0; position: absolute; bottom: initial; right: 0; text-align: right; } footer .social_links { float: right; text-align: right; } footer .social_links li, footer .social_links li:last-child { display: inline-block; margin: 20px 0 10px 10px; border-radius: 0%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding: 0.2em; } footer .social_links li a, footer .social_links li:last-child a { width: 30px; height: 30px; display: block; text-align: center; position: relative; padding: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #FFF; } footer .social_links li a img i, footer .social_links li:last-child a img i, { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } footer .social_links li:hover { background: #3fa435; } footer .footer_nav_wrapper { float: left; max-width: 80%; width: 80%; margin-bottom: 0; } footer .footer_nav_wrapper .footer_nav li, footer .footer_nav_wrapper .footer_nav li:last-child { display: inline-block; margin-right: 15px; margin-bottom: 10px; } footer .footer_nav_wrapper .footer_nav li a, footer .footer_nav_wrapper .footer_nav li:last-child a { color: #fff; font-size: 16px; } footer .footer_nav_wrapper .footer_nav li a:hover, footer .footer_nav_wrapper .footer_nav li:last-child a:hover { color: #3fa435; } footer .footer_nav_wrapper.aux .footer_nav li a, footer .footer_nav_wrapper.aux .footer_nav li:last-child a { font-size: 14px; } /*** FOOTER --- tablet ***/ @media (max-width: 1024px) { footer .copyright_container { width: 20%; max-width: 20%; } footer .footer_nav_wrapper { width: 80%; max-width: 80%; } } /*** FOOTER --- MOBILE ***/ @media (max-width: 668px) { .carousel_item.hidden_text img, .carousel_item.hidden_text .background { width: 100%; margin: 0 auto; } footer .footer_logo_container { width: 100%; } footer .footer_logo_container img { margin: 0 auto; display: block; float: none; } footer .copyright_container { margin: 20px 0 40px 0; width: 100%; max-width: 100%; text-align: center; position: unset; } /*https://jira.ale-international.com/browse/CRMKT-1336*/ footer .copyright_container p { color: #fff; font-size: 12px; font-weight: bold; position: initial; text-align: center; top: 305px; } footer .social_links { width: 100%; text-align: center; } footer .footer_nav_wrapper { width: 100%; max-width: 100%; text-align: center; } footer .footer_nav_wrapper .footer_nav li { width: 100%; margin-left: 0; } } /*** FORMS ***/ .form_wrapper form { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; width: 100%; max-width: 900px; margin: 0 auto; } .form_wrapper form .form-design-field { -webkit-flex: 1 1 49%; -moz-flex: 1 1 49%; -ms-flex: 1 1 49%; flex: 1 1 49%; padding: 0 0 10px 0; margin: 0 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 49%; } .form_wrapper form h1 { font-size: 24px; text-align: center; } .form_wrapper form p:last-child { margin-bottom: 0; } .form_wrapper form label { margin: 0 0 5px 0; color: #75787b; width: 90%; } .form_wrapper form input, .form_wrapper form select, .form_wrapper form textarea { padding: 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #75787b; border: 2px solid #BABCBD; width: 90%; max-width: 90%; font-size: 12px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .form_wrapper form input.LV_invalid_field, .form_wrapper form select.LV_invalid_field, .form_wrapper form textarea.LV_invalid_field { border: 2px solid red; } .form_wrapper form .LV_validation_message.LV_valid { margin-top: 5px; display: block; font-size: 12px; } .form_wrapper form .LV_validation_message.LV_invalid { margin-top: 5px; color: red; display: block; font-size: 12px; } .form_wrapper form .green_button { border: none; margin: 0; color: #fff; width: auto; float: right; margin-right: 10%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; font-size: 16px; max-width: fit-content; white-space: normal; } .form_wrapper form .green_button:hover { cursor: pointer; } .form_wrapper form .instructions { margin-top: 5px; font-size: 12px; font-style: italic; } .form_wrapper form input::placeholder, .form_wrapper form input, .form_wrapper form select::placeholder, .form_wrapper form select, .form_wrapper form textarea::placeholder, .form_wrapper form textarea { font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; color: #75787b; } .form_wrapper form input:focus, .form_wrapper form select:focus, .form_wrapper form textarea::placeholder { border: 2px solid #14284b; } .form_wrapper form input.correct, .form_wrapper form select.correct, .form_wrapper form textarea.correct, .form_wrapper form input.LV_valid_field, .form_wrapper form select.LV_valid_field, .form_wrapper form textarea.LV_valid_field, .form_wrapper form input:-webkit-autofill, .form_wrapper form input:-webkit-autofill:hover, .form_wrapper form input:-webkit-autofill:focus input:-webkit-autofill, .form_wrapper form textarea:-webkit-autofill, .form_wrapper form textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, .form_wrapper form select:-webkit-autofill, .form_wrapper form select:-webkit-autofill:hover, .form_wrapper form select:-webkit-autofill:focus { background: #FFF; -webkit-box-shadow: 0 0 0 1000px #FFF inset !important; -webkit-text-fill-color: #000; /*border: 2px solid rgba(87,51,147,1);*/ color: #000; } .form_wrapper form input.correct::placeholder, .form_wrapper form select.correct::placeholder, .form_wrapper form textarea.correct::placeholder { color: #fff; } .form_wrapper form input[type='checkbox'] { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #75787b; background: none; height: 20px; width: 20px; margin-right: 5px; margin-top: 0px; vertical-align: top; } .form_wrapper form .checkbox_label { width: 80%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; } select { border: 2px solid #14284b; padding: 5px 10px; display: inline-block; color: #14284b; } select:focus { outline: 0; } /*** FORMS --- TABLET ***/ @media (max-width: 1024px) { .form_wrapper form { width: 90%; margin: 0 5%; } } /*** FORMS --- MOBILE ***/ @media (max-width: 668px) { .form_wrapper form input, .form_wrapper form select, .form_wrapper form textarea { width: 100%; } .form_wrapper form .checkbox_label { width: 85%; } .form_wrapper form .form-design-field { -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 0 10px 0; margin: 0 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } .form_wrapper form .green_button { margin: 0 auto; float: none; } .form_wrapper form label, .form_wrapper form input, .form_wrapper form select, .form_wrapper form textarea { width: 99%; max-width: 99%; } } /*** SLIDE OUT BANNER ***/ .slide_out_banner { width: 100%; overflow: hidden; position: relative; margin: 0; } .slide_out_banner .background_image { background: url("../images/background.jpg") center; position: absolute; top: 0; left: 0; right: 0; height: 100%; width: auto; bottom: 0; background-size: cover; ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .slide_out_banner .background_image.zoom-in { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 5s; -moz-transition: all 5s; -o-transition: all 5s; transition: all 5s; } .slide_out_banner .background_image.zoom-out { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 5s; -moz-transition: all 5s; -o-transition: all 5s; transition: all 5s; } .slide_out_banner .background_image_lights { background: url("../images/GettyImages-608976103-NB.jpg") center; background-size: cover; } .slide_out_banner .background_image_street { background: url("../images/GettyImages-157609368-NB.jpg") center; background-size: cover; } .slide_out_banner .background_image_overview { background: url("../images/GettyImages-541574128.jpg") center; background-size: cover; } .slide_out_banner .image_container { width: 50%; /* added intentionally to create/counteract stacking context of browser*/ opacity: 0.99; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .slide_out_banner .image_container img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .slide_out_banner .colour_container { width: 50%; /* added intentionally to create/counteract stacking context of browser*/ opacity: 0.99; min-height: 500px; } .slide_out_banner .colour_container.no_color .text_container h1, .slide_out_banner .colour_container.no_color .text_container h2, .slide_out_banner .colour_container.no_color .text_container h3, .slide_out_banner .colour_container.no_color .text_container p, .slide_out_banner .colour_container.no_color .text_container ul, .slide_out_banner .colour_container.no_color .text_container li{ color: inherit; } .slide_out_banner .colour_container.no_color .text_container spa.slide_out_banner .colour_container.no_color .text_container h1 a, .slide_out_banner .colour_container.no_color .text_container h2 a, .slide_out_banner .colour_container.no_color .text_container h3 a{ color: #3fa435; } .slide_out_banner .colour_container.no_color .text_container spa.slide_out_banner .colour_container.no_color .text_container h1 a:hover, .slide_out_banner .colour_container.no_color .text_container h2 a:hover, .slide_out_banner .colour_container.no_color .text_container h3 a:hover { color: #6639B7; } @media screen and (min-width: 760px) { .slide_out_banner.split .image_container { width: 45.4% !important; } } .slide_out_banner .colour_container .text_container { max-width: 370px; } .right .text_container.text_container_white.text_one_column { margin: 0px 35% 50px 80px; } .slide_out_banner .colour_container .text_container h1, .slide_out_banner .colour_container .text_container h2, .slide_out_banner .colour_container .text_container h3, .slide_out_banner .colour_container .text_container p, .slide_out_banner .colour_container .text_container ul, .slide_out_banner .colour_container .text_container li, .slide_out_banner .colour_container .text_container span { display: block; color: #fff; } .slide_out_banner .colour_container .text_container h1 { font-weight: bold; font-size: 28px; margin: 0 0 25px 0; } .slide_out_banner .colour_container .text_container h5 { display: block; color: #fff; } .slide_out_banner .colour_container .text_container h5 { font-weight: bold; font-size: 28px; margin: 0 0 25px 0; } .slide_out_banner .colour_container .text_container ul { padding: 0 0 0 16px; } .slide_out_banner .colour_container .text_container li { margin: 0 0 30px 0; font-size: 18px; line-height: 24px; display: list-item; } .slide_out_banner .colour_container .text_container p { font-size: 18px; line-height: 24px; } .slide_out_banner .colour_container .text_container p:last-child, .slide_out_banner .colour_container .text_container li:last-child { margin-bottom: 0; } .slide_out_banner:after { clear: both; } .slide .slide_out_banner { margin: 0 2%; width: 96%; min-height: 400px; } .slide_out_banner.lightblue .colour_container { background: rgba(0, 133, 165, 0.8); } .slide_out_banner.green .colour_container { background: rgba(63, 164, 53, 0.8); } .slide_out_banner.turquoise .colour_container { background: rgba(0, 178, 170, 0.8); } .slide_out_banner.pink .colour_container { background: rgba(214, 0, 110, 0.8); } .slide_out_banner.orange .colour_container { background: rgba(255, 72, 20, 0.8); } .slide_out_banner.purple .colour_container { background: rgba(102, 57, 183, 0.8); } .slide_out_banner.darkbluecommunications .colour_container { background: rgba(0, 133, 202, 0.8); } .slide_out_banner.darkblue .colour_container { background: rgba(16, 30, 57, 0.8); } .slide_out_banner.darkblue .colour_container.opaque-bg { animation-name: BGColorFadeIn; animation-duration: 1s; animation-fill-mode: forwards; transition-timing-function: ease; } .slide_out_banner.darkblue .colour_container.transparent-bg { animation-name: BGColorFadeOut; animation-duration: 1s; animation-fill-mode: forwards; transition-timing-function: ease; } .slide_out_banner.right .colour_container { float: right; display: flex; justify-content: flex-start; align-items: center; } .slide_out_banner.right .colour_container .text_container { margin: 50px 50px 50px 80px; float: left; } .slide_out_banner.right .image_container { float: left; right: auto; } .slide_out_banner.split .image_container { width: 50%; } .slide_out_banner.split .text_container { max-width: inherit; } .slide_out_banner.split .button { max-width: 520px; } .slide_out_banner.left .colour_container { float: left; display: flex; justify-content: flex-end; align-items: center; } .slide_out_banner.left .colour_container .text_container { margin: 50px 80px 50px 50px; float: right; } .slide_out_banner.left .image_container { float: right; left: auto; } .slide_out_banner.split .image_container { background-position: left top; background-repeat: no-repeat; background-size: cover; } .slide_out_banner.split { height: auto; /*max-height: 500px;*/ } .slide_out_banner h2.promo_title { font-size: 28px; } .slide_out_banner .promo_separator { border-color: #000000; border-top-width: 5px; margin-top: 30px; margin-bottom: 30px; width: 100%; max-width: 30px; border-bottom-style: solid; border-top-style: solid; } .slide_out_banner .colour_container.no_color .text_container h1, .slide_out_banner .colour_container.no_color .text_container h2, .slide_out_banner .colour_container.no_color .text_container h3, .slide_out_banner .colour_container.no_color .text_container p, .slide_out_banner .colour_container.no_color .text_container ul, .slide_out_banner .colour_container.no_color .text_container li, .slide_out_banner .colour_container.no_color .text_container span { color: inherit; } /*** SLIDE OUT BANNER --- TABLET ***/ @media (max-width: 1024px) { .slide_out_banner .colour_container .text_container h1, .slide_out_banner .colour_container .text_container h5 { font-size: 24px; } .slide_out_banner .colour_container .text_container li, .slide_out_banner .colour_container .text_container p { font-size: 16px; line-height: 22px; } .slide_out_banner.split { height: 80vh; } } /*** SLIDE OUT BANNER --- MOBILE ***/ @media (max-width: 668px) { .single_item .slide_out_banner .image_container, .single_item .slide_out_banner.left .image_container, .single_item .slide_out_banner.right .image_container { width: 100%; height: 45%; } .single_item .slide_out_banner .colour_container, .single_item .slide_out_banner.left .colour_container, .single_item .slide_out_banner.right .colour_container { width: 100%; /*margin-top: 100%; removed for mobile view of feature carousel (ex: education page ale) */ margin-top: 0%; } .slide_out_banner .colour_container, .slide_out_banner.left .colour_container, .slide_out_banner.right .colour_container { width: 100%; } .slide_out_banner .colour_container .text_container, .slide_out_banner.left .colour_container .text_container, .slide_out_banner.right .colour_container .text_container { margin: 30px 5% 50px 5%; max-width: 450px; padding-top: 10%; display: block; } .slide_out_banner .colour_container.no_color .text_container, .slide_out_banner.left .colour_container.no_color .text_container, .slide_out_banner.right .colour_container.no_color .text_container { padding-top: 83%; } .slide_out_banner .colour_container .text_container h1, .slide_out_banner.left .colour_container .text_container h1, .slide_out_banner.right .colour_container .text_container h1, .slide_out_banner .colour_container .text_container h5, .slide_out_banner.left .colour_container .text_container h5, .slide_out_banner.right .colour_container .text_container h5 { font-size: 26px; margin-bottom: 20px; } .slide_out_banner .colour_container .text_container li, .slide_out_banner.left .colour_container .text_container li, .slide_out_banner.right .colour_container .text_container li { margin-bottom: 22px; } .slide .slide_out_banner { margin: 0 auto; width: 90%; } .slide_out_banner.split .image_container { height: 450px; } .slide_out_banner.split .image_container { width: 100%; } .slide_out_banner.split .text_container { width: 100%; } .slide_out_banner.split { height: unset; } .slide_out_banner.split { max-height: unset; } .slide_out_banner.left .colour_container .text_container { /* margin: 50px 80px 80px 50px;*/ float: unset; } .blog_highlighted .author { bottom: -15%; margin-bottom: 5px; } .blog_highlighted .sub_text { padding: 4% 4%; font-size: 17px; line-height: 18px; color: #14284b; margin-bottom: 64px; } } @media (max-width: 450px) { .slide_out_banner .colour_container .text_container, .slide_out_banner.left .colour_container .text_container, .slide_out_banner.right .colour_container .text_container { /* padding-top: 118%; changed to zero to adjust callout reponsivity in mobile view & feature list carousel */ padding-top: 0%; } } @media (max-width: 570px) { .slide_out_banner .colour_container.no_color .text_container, .slide_out_banner.left .colour_container.no_color .text_container, .slide_out_banner.right .colour_container.no_color .text_container { /* padding-top: 112%; */ padding-right: 0%; } } @media (max-width: 380px) { .slide_out_banner .colour_container.no_color .text_container, .slide_out_banner.left .colour_container.no_color .text_container, .slide_out_banner.right .colour_container.no_color .text_container { /* padding-top: 138%;*/ padding-top: 0%; } } @media (max-width: 340px) { .slide_out_banner .colour_container.no_color .text_container, .slide_out_banner.left .colour_container.no_color .text_container, .slide_out_banner.right .colour_container.no_color .text_container { padding-top: 0%; } } @media (max-width: 668px) { .slide_out_banner .colour_container.no_color .text_container_white, .slide_out_banner.left .colour_container.no_color .text_container_white, .slide_out_banner.right .colour_container.no_color .text_container_white { padding-top: 85%; } } @media (max-width: 560px) { .slide_out_banner .colour_container.no_color .text_container_white, .slide_out_banner.left .colour_container.no_color .text_container_white, .slide_out_banner.right .colour_container.no_color .text_container_white { padding-top: 95%; } } @media (max-width: 510px) { .slide_out_banner .colour_container.no_color .text_container_white, .slide_out_banner.left .colour_container.no_color .text_container_white, .slide_out_banner.right .colour_container.no_color .text_container_white { padding-top: 105%; } } @media (max-width: 455px) { .slide_out_banner .colour_container.no_color .text_container_white, .slide_out_banner.left .colour_container.no_color .text_container_white, .slide_out_banner.right .colour_container.no_color .text_container_white { padding-top: 120%; } } @media (max-width: 400px) { .slide_out_banner .colour_container.no_color .text_container_white, .slide_out_banner.left .colour_container.no_color .text_container_white, .slide_out_banner.right .colour_container.no_color .text_container_white { padding-top: 130%; } } @media (max-width: 370px) { .slide_out_banner .colour_container.no_color .text_container_white, .slide_out_banner.left .colour_container.no_color .text_container_white, .slide_out_banner.right .colour_container.no_color .text_container_white { padding-top: 142%; } } @media (max-width: 485px) { .slide_out_banner .colour_container.no_color .text_container_white, .slide_out_banner.left .colour_container.no_color .text_container_white, .slide_out_banner.right .colour_container.no_color .text_container_white { margin: 30px 5% 50px 5%; } .slide_out_banner.split .text_container_white { width: unset; } } @keyframes BGColorFadeOut { from { background: rgba(16, 30, 57, 0.8); } to { background: rgba(16, 30, 57, 0); } } @keyframes BGColorFadeIn { from { background: rgba(16, 30, 57, 0); } to { background: rgba(16, 30, 57, 0.8); } } @keyframes zoombackground { 0% { height: 100%; top: -0%; left: -0%; } 100% { height: 128%; top: -14%; left: -14%; } } /*** PAGE NAVIGATION ***/ .page_navigation { background: #3fa435; width: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; min-height: 42px; } .page_navigation .content_wrapper { margin: 10px auto; } .page_navigation .breadcrumb { color: #fff; font-size: 14px; margin: 10px 0; } .page_navigation .breadcrumb a { color: #fff; font-size: 14px; display: inline; } .page_navigation .breadcrumb a:hover, .page_navigation .breadcrumb a.selected { color: #14284b; } .page_navigation.stuck { position: fixed; top: 85px; z-index: 199; } .page_navigation.unstuck { position: initial !important; } /*** PAGE NAVIGATION --- TABLET ***/ @media (max-width: 1024px) { .page_navigation.stuck, .page_navigation { display: none; } } .cc-window { position: fixed; font-size: 16px; line-height: 1.5em; box-sizing: border-box; z-index: 9999; overflow: hidden; bottom: 0; right: 0; left: 0; padding: 1em 1.8em; width: 100%; background: #BABCBD; } .cc-window .cc-message { float: left; width: 75%; margin-right: 5%; } .cc-window .cc-compliance { float: right; width: 20%; } .cc-window .cc-compliance a.cc-btn { width: auto; background: #14284b; color: #fff; display: block; padding: 0.4em 0.8em; text-align: center; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-weight: normal; } .cc-window .cc-compliance a.cc-btn:hover { background: #3fa435; } @media (max-width: 668px) { .cc-window { margin-top: 50px; } .cc-window .cc-message { float: none; width: 100%; margin-right: 0; } .cc-window .cc-compliance { float: none; width: 100%; margin-right: 0; } } /*** HEADER ***/ .nav { min-height: 18px; } .nav ul.aux_nav { text-align: right; } .nav ul.aux_nav li { display: inline-block; margin-left: 15px; margin-bottom: -6px; position: relative; } .nav ul.aux_nav li a, .nav ul.aux_nav li .search-icon { color: #000000; font-size: 16px; border-bottom: 1px solid transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .search input#searchbox { box-sizing: content-box; } ul.aux_nav li a.aux_nav i.icon_absolute { z-index: 9999999 !important; } .nav ul.aux_nav li .search-icon:hover { cursor: pointer; } .nav ul.aux_nav li:nth-last-child(2).sub_menu_wrapper a.sub_menu:hover, .nav ul.aux_nav li:nth-last-child(2).sub_menu_wrapper a.sub_menu.selected { background: #573393 !important; /* padding: 9px 30px 8px; */ display: inline-block; text-decoration: none; cursor: pointer; /* outline: none; */ position: relative; z-index: 1; /*overflow: hidden;*/ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-weight: 400; color: #fff !important; height: 100%; } .nav ul.aux_nav li:nth-last-child(2).sub_menu_wrapper a, .nav ul.aux_nav li:nth-last-child(2).sub_menu_wrapper .search-icon { justify-content: flex-end; padding: 2px 10px; margin: -12px 0; background: #fff; border: 2px solid #573393; } ul.aux_nav li .show_on_expand { display: none; position: absolute; top: 4px; right: 0px; z-index: 999; } ul.aux_nav li .aux_nav_wrapper li { display: -webkit-flex; display: -moz-flex; display: flex; } ul.aux_nav li .aux_nav_wrapper li p a { font-size: 14px; display: block; font-weight: 800; text-decoration: underline; color: #34B233; } ul.aux_nav li .aux_nav_wrapper li p a:hover { color: #fff; } ul.aux_nav li .textbox { color: #75787b; position: initial; border: none; padding: 5px 10px; height: 15px; border: 1px solid #75787b; z-index: 995; } ul.aux_nav li a:hover { border-bottom: 1px solid #fff; color: #14284b; } .aux_nav_wrapper { position: absolute; z-index: 999999 !important; display: none; border: 2px solid #14284b; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; right: -10px; top: -5px; width: 500px; } .aux_nav_wrapper .left { float: left; width: 37%; max-width: 37%; } .aux_nav_wrapper .right { float: right; width: 60%; max-width: 60%; } .aux_nav_wrapper li { text-align: center; margin-left: 5% !important; width: 95%; color: #fff; display: -webkit-flex; display: -moz-flex; display: flex; } .aux_nav_wrapper li p { text-align: left; color: black; font-size: 14px; } .aux_nav_wrapper li p i.small { font-size: 12px; } .aux_nav_wrapper li p a { display: inline-block !important; margin-right: 5px; } .aux_nav_wrapper li p.half { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .aux_nav_wrapper li a { color: #14284b; font-size: 14px; display: inline-block; } .aux_nav_wrapper li a:hover { color: #14284b; } .aux_nav .sub_menu.i_want_to { background: none !important; } .aux_nav .sub_menu.i_want_to.selected, .aux_nav .sub_menu.i_want_to:hover { background: #573393 !important; } .aux_nav ul li a.selected, .aux_nav ul li a:hover { background: #573393 !important; color: #fff; } .aux_nav .mega_nav_container.i_want_to li:hover .title, .aux_nav .aux_nav_container.i_want_to li:hover .title i { color: #FFFFFF !important; } .aux_nav .sub_menu_tier_two li a.selected, .aux_nav .sub_menu_tier_two li a:hover { color: #FFFFFF !important; } .aux_nav .sub_menu_tier_two li a i { color: #FFFFFF !important; } .logo { float: left; width: 215px; } .logo h1 { margin: 0; } .hamburger, .hamburger_extended { display: none; color: #fff; } header { background: #fff; /*edited*/ box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25); position: fixed; padding: 0em 2em; } header .header_wrapper { min-height: 46px; } header /*.stuck*/ { position: fixed; top: 0; left: 0; right: 0; z-index: 200; } header /*.stuck*/ .header_wrapper { margin: 20px auto; position: relative; min-height: 46px; } header /*.stuck*/ .mega_nav { float: left; margin-top: 0; } header .aux { float: right; } header /*.stuck*/ .mega_nav ul li a { padding: 10px 7px; /*edit*/ font-size: 15px; padding: 10px 7px; } header /*.stuck*/ .logo { width: 145px; margin-right: 25px; } header /*.stuck*/ .nav { position: absolute; right: 0; top: 10px; } header /*.stuck*/ .aux_nav { margin: 0; } header /*.stuck*/ .aux_nav li .textbox { border: none; color: #75787b; padding: 5px 10px; height: 15px; width: 150px; position: absolute; right: -5px; border: 1px solid #75787b; z-index: 995; } header /*.stuck*/ .aux_nav li.search, header /*.stuck*/ .aux_nav li.aux_nav_li { display: inline-block; } .header_wrapper_home .logo { width: 165px; } @media (min-width: 1024px) { .mega_nav ul li.repeat_sub_menu { display: none; } .menumobi_angle_right { display: none; } } /*** HEADER --- TABLET ***/ @media (max-width: 1024px) { .repeat_sub_menu { font-weight: unset; text-transform: uppercase; } header .hamburger { display: block; text-align: left; color: #573393; margin-left: 33px; } header .hamburger i { font-size: 28px; } header .hamburger i:hover { color: #fff; } header .header_wrapper { margin-top: 20px; } header .hamburger:hover { color: #573393; } header .hamburger:hover i:hover { color: #573393; } header .nav { width: 100%; padding: 10px 0%; background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 9999999; } header .nav .header_wrapper { margin-top: 0px; } header .hamburger_extended { background: #fff; margin: 10px 0 -10px 0; margin-right: 60%; overflow-y: auto; max-height: 92vh; } header .hamburger_extended li.blue a { background: #fff; color: #573393; border-bottom: unset; } header .hamburger_extended li { width: 100%; margin: 0; text-align: left; /*a:after { content:'+'; float: right; font-weight: bold; font-size: 20px; line-height: 20px; } a.last:after { content:''; }*/ } header .hamburger_extended li a { font-size: 16px; display: block; color: #14284b; background: #fff; border-bottom: unset; padding: 8px; text-align: left; font-weight: unset; margin-left: 33px; } header .hamburger_extended li a:hover { background: #3fa435; color: #14284b; border-bottom: unset; } header .hamburger_extended li a.selected { background: #3fa435; color: #14284b; border-bottom: unset; } header .hamburger_extended li ul { display: none; margin: 0; } header .hamburger_extended li ul li a { background: #fff; color: #14284b; padding: 5px 5%; } header .hamburger_extended li ul li ul { display: none; } header .hamburger_extended li ul li ul li a { background: #fff; color: #14284b; padding: 5px 10%; } header .hamburger_extended li ul li ul li ul li a { padding: 5px 15%; } header .logo { margin: 60px auto 20px; text-align: center; display: block; float: none; } header .nav ul { display: none; padding: 0; } header .mega_nav { display: none; padding: 0; padding-right: 23%; } header .hamburger_extended li a.selected .menumobi_angle_right { display: none; } .menumobi_angle_right { /* display: inline-block; */ margin-left: auto; float: right; padding-right: 20px; } } @media (max-width: 600px) { header .hamburger_extended { margin-right: 30%; } } @media (max-width: 445px) { header .hamburger_extended { margin-right: 10%; } } @media (max-width: 350px) { header .hamburger_extended { margin-right: 8%; } } /*** LIGHTBOX ***/ .lightbox_overlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); top: 0; bottom: 0; left: 0; right: 0; z-index: 999999 !important; display: none; } .lightbox_overlay .lightbox_container { position: fixed; width: 80%; left: 10%; top: 8%; right: 10%; background: #fff; border-top: 10px solid #14284b; z-index: 1001; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3%; } .lightbox_overlay .lightbox_container h3 { color: #14284b; font-size: 30px; min-height: 35px; } .lightbox_overlay .lightbox_container .close { position: absolute; top: 3%; right: 3%; border: 1px solid #14284b; color: #14284b; text-align: center; display: block; border-radius: 50%; padding: 2px 10px; font-size: 25px; font-weight: bold; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .lightbox_overlay .lightbox_container .close:hover { border: 1px solid #14284b; color: #14284b; } .lightbox_overlay .lightbox_container .slick-slide img { max-height: 220px; } .lightbox_overlay .lightbox_container_v3 { width: 60%; left: 20%; top: 5%; right: 20%; } .lightbox_overlay .lightbox_container_v3 .slick-slide img { max-height: 380px; margin-bottom: 20px; outline: none; } .lightbox_overlay .lightbox_container_v3 .slick-next:before, .lightbox_overlay .lightbox_container_v3 .slick-prev:before, .lightbox_overlay .lightbox_container_v3 button.slick-arrow { display: none !important; } .lightbox_overlay .lightbox_container_v3 h3 { margin-bottom: 10px; max-width: 85%; } .lightbox_overlay .lightbox_container_v3 .slider-for { float: left; width: 82%; margin-bottom: 0; } .lightbox_overlay .lightbox_container_v3 .slider-nav { float: right; width: 18%; margin-top: 0; } .lightbox_overlay .lightbox_container_v3 .slider-nav .slide { margin-bottom: 10px; } .lightbox_overlay .lightbox_container_v3 .slider-nav .slick-slide { margin-bottom: 5px; outline: none; } .lightbox_overlay .lightbox_container_v3 .slider-nav .slick-slide img { margin-bottom: 5px; min-height: 40px; } .lightbox_overlay .lightbox_container_v3 .slider-nav .slick-slide img:hover { margin-bottom: 0px; } .lightbox_overlay .lightbox_container_v3 .slider-nav .slick-current img { margin-bottom: 0px; } .lightbox_images_container .extra_images { text-align: center; } .lightbox_images_container .extra_images a { border: 3px solid #BABCBD; margin: 10px auto; border-radius: 50%; height: 38px; width: 38px; display: block; } .lightbox_images_container .extra_images a img { border-radius: 50%; } .lightbox_images_container .image_container a { display: block; margin: 0 auto; } .lightbox_images_container .image_container a img { display: block; margin: 0 auto; } @media (max-width: 1300px) { .lightbox_overlay .lightbox_container_v3 { width: 70%; left: 15%; top: 5%; right: 15%; } } @media (max-width: 1100px) { .lightbox_overlay .lightbox_container_v3 { width: 80%; left: 10%; top: 5%; right: 10%; } } @media (max-width: 950px) { .lightbox_overlay .lightbox_container_v3 { width: 90%; left: 5%; top: 5%; right: 5%; } } @media (max-width: 850px) { .lightbox_overlay .lightbox_container_v3 .slider-for { float: left; width: 78%; margin-bottom: 0; } .lightbox_overlay .lightbox_container_v3 .slider-nav { float: right; width: 22%; } .lightbox_overlay .lightbox_container_v3 .slider-nav .slide { margin-bottom: 10px; } } @media (max-width: 750px) { .lightbox_overlay .lightbox_container { position: fixed; width: 92%; left: 4%; top: 15%; right: 4%; padding: 2%; } .lightbox_overlay .lightbox_container h3 { color: #14284b; font-size: 25px; margin-bottom: 10px; } } /*** LIGHTBOX --- MOBILE ***/ @media (max-width: 668px) { .lightbox_images_container .extra_images a { margin: 0 10px; display: inline-block; } } /*** MEGA NAV ***/ .mega_nav { float: right; position: relative; margin: 15px 0 0 0; } .mega_nav ul { text-align: right; } .mega_nav ul li.sub_menu_wrapper { margin-bottom: 0; } .mega_nav ul li { display: inline-block; } .mega_nav ul li a { color: #fff; font-size: 18px; padding: 15px 10px 30px 10px; display: block; position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mega_nav ul li a.sub_menu { color: #000000; } .mega_nav ul li a:hover, .mega_nav ul li a.selected { background: #3fa435; color: #fff; text-decoration: none; } .mega_nav ul li a.sub_menu:hover, .mega_nav ul li a.sub_menu.selected { color: #fff; } .mega_nav .mega_nav_container, .aux_nav .mega_nav_container { border-top: 5px solid #BABCBD; position: absolute; right: 0; top: 66px; z-index: 99999; background: #BABCBD; text-align: left; width: 900px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .mega_nav .sub_menu.i_want_to { background: #e4e4e4; } .mega_nav .sub_menu.i_want_to:hover, .mega_nav .sub_menu.i_want_to.selected { background: #3fa435; } .mega_nav .mega_nav_container.i_want_to, .aux_nav .mega_nav_container.i_want_to { background: #fff; padding: 0; } .mega_nav .mega_nav_container.i_want_to li.large_link, .aux_nav .mega_nav_container.i_want_to li.large_link { width: 252px; height: 375px; border-right: 1px solid #75787b; float: left; } .mega_nav .mega_nav_container.i_want_to li.large_link .sub_menu_tier_two_link, .aux_nav .mega_nav_container.i_want_to li.large_link .sub_menu_tier_two_link { padding: 20px; min-height: 335px; } .mega_nav .mega_nav_container.i_want_to li { float: left; width: 392px; } .mega_nav .mega_nav_container.i_want_to li .sub_menu_tier_two_link { padding: 5px 30px; color: #75787b; } .mega_nav .mega_nav_container.i_want_to li a, .mega_nav .mega_nav_container.i_want_to li a.selected, .mega_nav .mega_nav_container.i_want_to li a:hover, .aux_nav .mega_nav_container.i_want_to li a, .aux_nav .mega_nav_container.i_want_to li a.selected, .aux_nav .mega_nav_container.i_want_to li a:hover { color: #3fa435; } .mega_nav .mega_nav_container.i_want_to li a i, .mega_nav .mega_nav_container.i_want_to li a.selected i, .mega_nav .mega_nav_container.i_want_to li a:hover i, .aux_nav .mega_nav_container.i_want_to li a i, .aux_nav .mega_nav_container.i_want_to li a.selected i, .aux_nav .mega_nav_container.i_want_to li a:hover i { position: initial; margin-top: 2px; } .mega_nav .mega_nav_container.i_want_to li a.selected, .mega_nav .mega_nav_container.i_want_to li a:hover, .aux_nav .mega_nav_container.i_want_to li a.selected, .aux_nav .mega_nav_container.i_want_to li a:hover { background: #e4e4e4; } .mega_nav .mega_nav_container.i_want_to li a.selected i, .mega_nav .mega_nav_container.i_want_to li a:hover i, .aux_nav .mega_nav_container.i_want_to li a.selected i, .aux_nav .mega_nav_container.i_want_to li a:hover i { color: #3fa435; } .mega_nav .mega_nav_container.i_want_to li img, aux_nav .mega_nav_container.i_want_to li img { display: block; margin: 0 auto 20px auto; } .mega_nav .mega_nav_container.i_want_to li .title, .aux_nav .mega_nav_container.i_want_to li .title { display: block; font-size: 16px; color: #14284b; margin-bottom: 15px; } .mega_nav .mega_nav_container.i_want_to li .title i, .aux_nav .mega_nav_container.i_want_to li .title i { color: #14284b; } .mega_nav .mega_nav_container.i_want_to li .text, .aux_nav .mega_nav_container.i_want_to li .text { display: block; color: #75787b; font-size: 14px; line-height: 18px; } .mega_nav .mega_nav_container.i_want_to li:hover, .aux_nav .mega_nav_container.i_want_to li:hover { float: left; } .mega_nav .mega_nav_container.i_want_to li:hover .title, .mega_nav .mega_nav_container.i_want_to li:hover .title i, .aux_nav .mega_nav_container.i_want_to li:hover .title, .aux_nav .mega_nav_container.i_want_to li:hover .title i { color: #3fa435; } .mega_nav .sub_menu_tier_two_link, .mega_nav .sub_menu_tier_three_link { padding: 10px 30px 10px 20px; } .mega_nav .sub_menu_tier_two { text-align: left; padding: 5% 0 100px 0; height: 400px; overflow: hidden; } .mega_nav .sub_menu_tier_two li { width: 33%; display: block; margin: 0; } .mega_nav .sub_menu_tier_two li a i { float: right; color: #14284b; } .mega_nav .sub_menu_tier_two li a.selected, .mega_nav .sub_menu_tier_two li a:hover { color: #14284b; background: #BABCBD; } .mega_nav .sub_menu_tier_two li a.selected i, .mega_nav .sub_menu_tier_two li a:hover i { float: right; color: #fff; line-height: 16px; position: absolute; top: calc(50% - 12px); right: 15px; } .mega_nav .sub_menu_tier_two li.bottom { text-align: right; position: absolute; bottom: 10px; } .mega_nav .sub_menu_tier_two li.bottom a { font-size: 14px; } .mega_nav .sub_menu_tier_two li.bottom a i { float: none; position: initial; right: auto; left: 15px; } .mega_nav .sub_menu_tier_two li.bottom a:hover i { float: none; position: initial; right: auto; left: 15px; } .mega_nav .sub_menu_tier_two li:first-child ul.sub_menu_tier_three { display: block !important; } .mega_nav .sub_menu_tier_two li:first-child ul.sub_menu_tier_three li:first-child ul.sub_menu_tier_four { display: block !important; } .mega_nav .sub_menu_tier_two .content { padding: 10% 4%; display: block; height: 315px; overflow: hidden; } .mega_nav .sub_menu_tier_two .content h3 { font-size: 18px; margin-bottom: 5px; color: #14284b; } .mega_nav .sub_menu_tier_two .content h3 a { font-size: 18px; } .mega_nav .sub_menu_tier_two .content p { font-size: 14px; } .mega_nav .sub_menu_tier_two .content p a { font-size: 14px; } .mega_nav .sub_menu_tier_two .content a { color: #14284b; font-size: 14px; font-weight: 400; padding: 0; display: inline; background: none; } .mega_nav .sub_menu_tier_two .content a:hover { text-decoration: none; background: none; } .mega_nav .sub_menu_tier_three { text-align: left; position: absolute; margin-left: 33%; height: 395px; width: 67%; top: 0; display: none; background: #fff; padding: 0; } .mega_nav .sub_menu_tier_three li { width: 50%; display: block; margin: 0; } .mega_nav .sub_menu_tier_three li .sub_menu_tier_three_link { color: #14284b; } .mega_nav .sub_menu_tier_three li .sub_menu_tier_three_link i:before { color: #14284b; } .mega_nav .sub_menu_tier_three li .sub_menu_tier_three_link:hover, .mega_nav .sub_menu_tier_three li .sub_menu_tier_three_link.selected { background: #8A92A6; color: #fff; } .mega_nav .sub_menu_tier_three li:first-child { margin-top: 4%; } .mega_nav .sub_menu_tier_four { text-align: left; position: absolute; margin-left: 50%; width: 100%; top: 0; display: none; background: #fff; height: 375px; } .mega_nav .search_container { width: 100%; display: block; padding: 2%; background: #0085ca; text-align: left; border-top: 1px solid #6639b7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 58px; margin-top: 5%; position: absolute; bottom: 0; } .mega_nav .search_container p { float: left; color: #fff; margin: 0; } .mega_nav .search_container i { float: right; color: #fff; margin-top: 3px; } .mega_nav .search_container input { margin-left: 10px; float: right; width: auto; } header /*.stuck*/ .mega_nav .mega_nav_container { left: -170px; top: 42px; } header /*.stuck*/ .mega_nav .sub_menu_tier_two_link, header /*.stuck*/ .mega_nav .sub_menu_tier_three_link { padding: 15px 30px 15px 20px; } header /*.stuck*/ .mega_nav .i_want_to_li_wrapper { display: none; } @media (max-width: 1000px) { .mega_nav .mega_nav_container { width: 900px; } } @media (max-width: 960px) { .mega_nav ul li a { font-size: 14px; padding: 15px 5px; } .mega_nav .mega_nav_container { top: 70px; width: 850px; } } @media (max-width: 900px) { .mega_nav .mega_nav_container { width: 825px; } } @media (max-width: 850px) { .mega_nav .mega_nav_container { width: 775px; } } @media (max-width: 800px) { .mega_nav .mega_nav_container { width: 725px; } } @media (max-width: 750px) { .mega_nav .mega_nav_container { width: 675px; } } /*** SEARCH ***/ .search_wrapper .quarter:nth-child(odd) { margin: 10px 1% 10px 0; } .search_wrapper .threequarter:nth-child(even) { margin: 10px 0 10px 1%; } .search_item_wrapper { background: #D1D4DB; padding: 20px; } /*** SITECORE SPECIFIC ***/ .page-editor .scLooseFrameZone { display: inline !important; } .page-editor .border:after { border: none; } .page-editor .accordion .flex_wrapper .scLooseFrameZone { width: 50% !important; } .page-editor .accordion .flex_wrapper .scLooseFrameZone .item.half { max-width: 100%; } .page-editor .lightbox_overlay { position: static; } .page-editor .lightbox_overlay .lightbox_container, .page-editor .lightbox_overlay .lightbox_container_v3 { width: 100%; left: 0; top: 0; right: 0; height: 100%; } .page-editor .carousel { position: relative; overflow-x: scroll; height: 550px; overflow-y: hidden; } .page-editor .carousel .carousel_inner, .page-editor .carousel .responsive_carousel_inner { position: absolute; white-space: nowrap; width: 100%; } .page-editor .carousel .carousel_inner .slide, .page-editor .carousel .carousel_inner .scLooseFrameZone, .page-editor .carousel .responsive_carousel_inner .slide, .page-editor .carousel .responsive_carousel_inner .scLooseFrameZone { position: relative; width: 100%; clear: both; display: inline-block !important; margin-bottom: 10px; white-space: normal; } .page-editor .carousel .carousel_inner .slide .curved_box, .page-editor .carousel .carousel_inner .slide .circle, .page-editor .carousel .carousel_inner .slide h2, .page-editor .carousel .carousel_inner .slide h3, .page-editor .carousel .carousel_inner .slide h4, .page-editor .carousel .carousel_inner .slide p, .page-editor .carousel .carousel_inner .scLooseFrameZone .curved_box, .page-editor .carousel .carousel_inner .scLooseFrameZone .circle, .page-editor .carousel .carousel_inner .scLooseFrameZone h2, .page-editor .carousel .carousel_inner .scLooseFrameZone h3, .page-editor .carousel .carousel_inner .scLooseFrameZone h4, .page-editor .carousel .carousel_inner .scLooseFrameZone p, .page-editor .carousel .responsive_carousel_inner .slide .curved_box, .page-editor .carousel .responsive_carousel_inner .slide .circle, .page-editor .carousel .responsive_carousel_inner .slide h2, .page-editor .carousel .responsive_carousel_inner .slide h3, .page-editor .carousel .responsive_carousel_inner .slide h4, .page-editor .carousel .responsive_carousel_inner .slide p, .page-editor .carousel .responsive_carousel_inner .scLooseFrameZone .curved_box, .page-editor .carousel .responsive_carousel_inner .scLooseFrameZone .circle, .page-editor .carousel .responsive_carousel_inner .scLooseFrameZone h2, .page-editor .carousel .responsive_carousel_inner .scLooseFrameZone h3, .page-editor .carousel .responsive_carousel_inner .scLooseFrameZone h4, .page-editor .carousel .responsive_carousel_inner .scLooseFrameZone p { white-space: normal; } .page-editor .carousel .responsive_carousel_inner.faded_outer, .page-editor .carousel .responsive_carousel_inner.assets { position: absolute; white-space: nowrap; width: 100%; } .page-editor .carousel .responsive_carousel_inner.faded_outer .slide, .page-editor .carousel .responsive_carousel_inner.faded_outer .scLooseFrameZone, .page-editor .carousel .responsive_carousel_inner.assets .slide, .page-editor .carousel .responsive_carousel_inner.assets .scLooseFrameZone { position: relative; width: 33.3%; clear: both; display: inline-block !important; margin-bottom: 10px; white-space: normal; } .page-editor .carousel .responsive_carousel_inner.faded_outer .slide .curved_box, .page-editor .carousel .responsive_carousel_inner.faded_outer .slide .circle, .page-editor .carousel .responsive_carousel_inner.faded_outer .slide h2, .page-editor .carousel .responsive_carousel_inner.faded_outer .slide h3, .page-editor .carousel .responsive_carousel_inner.faded_outer .slide h4, .page-editor .carousel .responsive_carousel_inner.faded_outer .slide p, .page-editor .carousel .responsive_carousel_inner.faded_outer .scLooseFrameZone .curved_box, .page-editor .carousel .responsive_carousel_inner.faded_outer .scLooseFrameZone .circle, .page-editor .carousel .responsive_carousel_inner.faded_outer .scLooseFrameZone h2, .page-editor .carousel .responsive_carousel_inner.faded_outer .scLooseFrameZone h3, .page-editor .carousel .responsive_carousel_inner.faded_outer .scLooseFrameZone h4, .page-editor .carousel .responsive_carousel_inner.faded_outer .scLooseFrameZone p, .page-editor .carousel .responsive_carousel_inner.assets .slide .curved_box, .page-editor .carousel .responsive_carousel_inner.assets .slide .circle, .page-editor .carousel .responsive_carousel_inner.assets .slide h2, .page-editor .carousel .responsive_carousel_inner.assets .slide h3, .page-editor .carousel .responsive_carousel_inner.assets .slide h4, .page-editor .carousel .responsive_carousel_inner.assets .slide p, .page-editor .carousel .responsive_carousel_inner.assets .scLooseFrameZone .curved_box, .page-editor .carousel .responsive_carousel_inner.assets .scLooseFrameZone .circle, .page-editor .carousel .responsive_carousel_inner.assets .scLooseFrameZone h2, .page-editor .carousel .responsive_carousel_inner.assets .scLooseFrameZone h3, .page-editor .carousel .responsive_carousel_inner.assets .scLooseFrameZone h4, .page-editor .carousel .responsive_carousel_inner.assets .scLooseFrameZone p { white-space: normal; } .page-editor .carousel .responsive_carousel_inner.faded_outer .slide span, .page-editor .carousel .responsive_carousel_inner.faded_outer .scLooseFrameZone span, .page-editor .carousel .responsive_carousel_inner.assets .slide span, .page-editor .carousel .responsive_carousel_inner.assets .scLooseFrameZone span { color: #75787b; } .page-editor .carousel .responsive_carousel_inner.faded_outer .slide .green_border, .page-editor .carousel .responsive_carousel_inner.faded_outer .scLooseFrameZone .green_border, .page-editor .carousel .responsive_carousel_inner.assets .slide .green_border, .page-editor .carousel .responsive_carousel_inner.assets .scLooseFrameZone .green_border { opacity: 1; width: 100%; margin-left: 0; } .page-editor .carousel .responsive_carousel_inner .slide.related_docs { width: 33.3%; } .page-editor .carousel .responsive_carousel_inner .slide { /*width:33.3%;*/ vertical-align: top; } .page-editor .carousel .carousel_inner .flex_wrapper .scLooseFrameZone { width: 33.3%; } .page-editor .carousel .carousel_inner .flex_wrapper .scLooseFrameZone .third { max-width: 100%; } .page-editor .carousel .carousel_inner .slide { width: 100%; } .page-editor .carousel_parent { width: 100%; } .sub_footer .flex_wrapper .quarter + .scLooseFrameZone { width: 25%; max-width: 25%; display: inline-block; } .block-right-placeholder { width: 290px; height: 280px; } .scEmptyPlaceholder { background: transparent url("../images/EmptyPlaceholderBg.png") repeat; height: 100px; min-width: 200px; } .cta_wrapper.scEmptyPlaceholder { height: auto; } .scLooseFrameZone { display: inline !important; width: 100%; } .carousel .carousel_inner .scLooseFrameZone, .carousel .responsive_carousel_inner .scLooseFrameZone { display: inline-block !important; } .flex_wrapper .scLooseFrameZone { display: flex !important; } .scLooseFrameZone .scLooseFrameZone { overflow-x: hidden; } /*.cc-banner { position: relative !important; }*/ .cc-btn { width: 100%; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } /*** SLICK SLIDER ***/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin: 0 auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .metaslider { width: 720px; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; margin-left: auto; margin-right: auto; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .banner .slick-slider .slick-prev.slick-arrow, .banner .slick-slider .slick-next.slick-arrow { display: none !important; } /**Author quote**/ .author_quote .slick-next { right: 4%; bottom: -3%; top: auto; } .author_quote .slick-prev { left: 4%; bottom: -3%; top: auto; } .lightbox_overlay .slick-slider .slick-prev.slick-arrow, .lightbox_overlay .slick-slider .slick-next.slick-arrow { display: inline-block; } .slick-dots { text-align: center; box-sizing: border-box; padding: 0 40px 0 0; } .slick-dots li { display: inline-block; } .slick-dots li button { width: 15px; height: 15px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-left: 5px; background: none; border: 1px solid #6639b7; padding: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .slick-dots li.slick-active button, .slick-dots li:hover button { background: #d9d9d9; } .slick-slider input:focus, .slick-slider input, .slick-slider button, .slick-slider button:focus { outline: none; } .tile.news.half .slick-dots, .tile.blog.half .slick-dots { text-align: center; } .slick-list { padding: 0; margin: 0 auto; } .slider-nav { text-align: center; } .slider-nav button { display: none !important; } .slider-nav .slick-track { height: auto; width: auto !important; } .slider-nav .slick-list { padding: 0 10px !important; } .slider-nav .slick-slide { padding-top: 4px; min-width: 120px; width: 120px !important; margin-bottom: 10px; } .slider-nav .slick-slide img { display: block; margin: 0 auto; width: 100px; height: 100px; border-radius: 50%; border: 1px solid #14284b; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: none; } .slider-nav .slick-current, .slider-nav .slick-slide:hover { margin-bottom: 6px; } .slider-nav .slick-current img, .slider-nav .slick-slide:hover img { margin-top: -4px; border: 5px solid #14284b; } .slider-nav .slick-slide:hover { cursor: pointer; } .slider-for { margin: 0 auto 40px auto; width: 90%; } .slider-for .slick-arrow { position: absolute; top: 40%; height: 50px; width: 50px; background: #6639b7; color: #fff; border: none; border-radius: 50%; font-size: 0; line-height: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slider-for .slick-arrow:hover { background: #4e3d6d; cursor: pointer; } .slider-for .slick-next { right: -3%; } .slider-for .slick-next:after { content: '>'; font-size: 35px; line-height: 35px; } .slider-for .slick-prev { left: -3%; } .slider-for .slick-prev:after { content: '<'; font-size: 35px; line-height: 35px; } .slider-for img { margin: 0 auto 40px auto; } .slider-for p { color: #75787b; display: block; margin: 0 auto; font-size: 18px; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: none; height: 40px; width: 25px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; text-align: center; z-index: 100; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { content: '\f0d9'; font-size: 50px; line-height: 1; color: #75787b; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0 5px; font-family: 'FontAwesome'; text-align: center; } .faded_outer .slick-prev, .faded_outer .slick-next { top: 130px; } .slick-prev { left: -20px; } [dir="rtl"] .slick-prev { left: auto; right: -20px; } .slick-prev:before { content: ""; position: absolute; left: -10px; } [dir="rtl"] .slick-prev:before { content: ""; } .slick-next { right: -20px; } [dir="rtl"] .slick-next { left: -20px; right: auto; } .slick-next:before { content: ""; position: absolute; } [dir="rtl"] .slick-next:before { content: ""; } @media (max-width: 1024px) { .slick-prev { left: -20px; } [dir="rtl"] .slick-prev { right: -20px; } .slick-next { right: -20px; } [dir="rtl"] .slick-next { left: -20px; } .faded_outer .slick-prev, .faded_outer .slick-next { top: 48%; } .faded_outer.faded_icons .slick-prev, .faded_outer.faded_icons .slick-next { top: 27%; } .lightbox_overlay .lightbox_container_v3 .slider-nav .slick-slide img { min-height: 75px; } } @media (max-width: 768px) { .slick-prev { left: -15px; } [dir="rtl"] .slick-prev { right: -15px; } .slick-next { right: -15px; } [dir="rtl"] .slick-next { left: -15px; } .slider-nav .slick-track { margin-top: 30px; } .slider-nav .slick-slide { min-width: 40px; width: 100px !important; max-width: 100%; } .slider-nav .slick-slide img { width: auto; height: auto; max-width: 76%; } .slider-for { margin: 0 auto 20px auto; } .slider-for img { margin: 0 auto 15px auto; max-height: 150px; } .slider-for p { color: #75787b; display: block; margin: 0 auto; font-size: 14px; } .slider-for .slick-arrow { height: 30px; width: 30px; } .slider-for .slick-next:after, .slider-for .slick-prev:after { font-size: 25px; line-height: 25px; } } .carousel_parent { width: 100%; max-width: 80%; margin: 0 auto; } .responsive_carousel_inner.faded_outer { margin: 0 0 0px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .responsive_carousel_inner.faded_outer .slick-slide { box-sizing: border-box; } .responsive_carousel_inner.faded_outer .slick-slide.slick-cloned { margin: 0; } .responsive_carousel_inner.faded_outer .slick-slide.slick-active { margin: 0; opacity: 0.6; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .responsive_carousel_inner.faded_outer .slick-current.slick-active { margin: 0; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .responsive_carousel_inner.faded_outer.faded_icons .slick-slide.slick-active { margin-top: -20px; } .responsive_carousel_inner.faded_outer.faded_icons .slick-current.slick-active { margin-top: 0; } .responsive_carousel_inner.single_item { margin: 20px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 668px) { .responsive_carousel_inner.faded_outer .slick-slide { margin: 0; } .faded_outer .slick-prev, .faded_outer .slick-next { top: 48%; } .faded_outer.faded_icons .slick-prev, .faded_outer.faded_icons .slick-next { top: 100px; transform: initial; } .lightbox_overlay .lightbox_container_v3 .slider-nav .slick-slide img { min-height: 41px; } } /*** SUBFOOTER ***/ .sub_footer { background: url("../images/subfooterbg.png") #122546 top center no-repeat; padding: 65px 0; background-size: cover; } .sub_footer a { display: inline-block; } .sub_footer a .icon_wrapper { display: block; border: 1px solid transparent; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sub_footer a .icon-text { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sub_footer a:hover .icon-text { color: #3fa435; } .sub_footer span { font-size: 30px; font-weight: bold; margin-bottom: 40px; } .sub_footer .icon { color: #fff; display: block; margin: 0 auto 15px auto; } .sub_footer .icon-text { font-size: 18px; text-align: center; display: block; color: #fff; } .footer_h4 { font-size: 30px; font-weight: bold; } /*** SUBFOOTER --- TABLET ***/ @media (max-width: 1025px) { .sub_footer { padding: 45px 0; } .sub_footer span { font-size: 24px; font-weight: bold; margin-bottom: 10px; } .sub_footer .icon-text { font-size: 16px; } } /*** SUBFOOTER --- MOBILE ***/ @media (max-width: 668px) { .sub_footer { padding: 45px 0; } .sub_footer span { font-size: 26px; font-weight: bold; } } /*** TILES ***/ .tile { position: relative; } .tile h4 { text-align: center; font-size: 16px; color: #75787b; margin: 0 0 15px 0; word-wrap: break-word; } .tile h3 { font-weight: bold; font-size: 20px; color: #14284b; margin: 0 0 30px 0; overflow: hidden; word-wrap: break-word; } .tile p { color: #555; font-size: 15px; margin: 0 0 10px 0; word-wrap: break-word; overflow: hidden; line-height: 20px; } .tile img { max-width: 100%; } .tile .view_more { font-size: 22px; font-weight: bold; } /*** TWITTER ***/ .twitter_wrapper { padding: 30px; } .twitter_wrapper h1 { font-size: 20px; margin-bottom: 0px; } .twitter_wrapper .blue_divider { margin-left: -12%; width: 124%; } .twitter_wrapper p { font-size: 14px; font-weight: bold; } .twitter_wrapper p a { color: #3fa435; display: inline-block; } /*** WANT TO KNOW MORE ***/ .wanttoknow.blue_banner { background: #14284b; margin-bottom: 20px; } .wanttoknow.blue_banner p { color: #fff; text-align: right; margin: 15px 0; } .wanttoknow.white_banner { background: #fff; margin-bottom: 10px; } .wanttoknow.white_banner p { text-align: right; color: #14284b; margin: 15px 0; } .wanttoknow.grey_banner select { margin: 10px; } .wanttoknow { text-align: center; } .wanttoknow p { text-align: center; font-weight: bold; font-size: 18px; margin: 0 0 15px 0; display: inline-block; } .wanttoknow select { margin: 10px 0 10px 30px; border: 1px solid #14284b; padding: 10px 60px 10px 30px; display: inline-block; font-size: 16px; max-width: 90%; } .wanttoknow select::placeholder { font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; color: #BABCBD; } .wanttoknow select option { color: #14284b; } .wanttoknow select option:hover { background: #BABCBD !important; } .wanttoknow .grey { background: #f2f2f2; padding: 20px; } .wanttoknow .grey p { color: #14284b; font-size: 20px; } /*** WANT TO KNOW MORE --- TABLET ***/ @media (max-width: 1024px) { .blue_banner { display: none; } } /*------------------------------------* $TRUMPS \*------------------------------------*/ /* Text meant only for screen readers. */ .screenReaderText { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } /* custom css */ #callouts_wrapper.content_wrapper { max-width: 90% !important; display: block; } #callouts_wrapper.content_wrapper .header_wrapper { max-width: none; } #callouts_wrapper .row { align-items: inherit; } #callouts_wrapper [class^=col-] { margin-top: 1rem; } @media (max-width: 1024px) { header .nav { position: inherit !important; top: 0px !important; } } @media (max-width: 1024px) { header .header_wrapper { background: white; max-height: 55px; display: flex; margin: 0px !important; width: 100% !important; max-width: none !important; } } @media (max-width: 1024px) { header .logo { width: 150px !important; margin: 10px 10px !important; } } @media (max-width: 1024px) { header .hamburger_extended li a.selected, header .hamburger_extended li a:hover { background: #fff !important; font-weight: bold } } .mega_nav_container { box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25); } .mega_nav .sub_menu.i_want_to { background: none !important; } .mega_nav .sub_menu.i_want_to.selected, .mega_nav .sub_menu.i_want_to:hover { background: #573393 !important; } .mega_nav ul li a.selected, .mega_nav ul li a:hover { background: #573393 !important; } .mega_nav .mega_nav_container.i_want_to li:hover .title, .mega_nav .mega_nav_container.i_want_to li:hover .title i { color: #FFFFFF !important; } .mega_nav .sub_menu_tier_two li a.selected, .mega_nav .sub_menu_tier_two li a:hover { color: #FFFFFF !important; } .mega_nav .sub_menu_tier_two li a i { color: #FFFFFF !important; } .sub_menu_tier_three_link i { display: none; } /* Headroom for navbar */ .headroom { will-change: transform; transition: transform 500ms linear; } .headroom--pinned { transform: translateY(0%); } .headroom--unpinned { transform: translateY(-110%); } @media (max-width: 1024px) { .headroom { will-change: none; transition: none; } .headroom--pinned { max-height: initial; } .headroom--unpinned { max-height: 0px; } .headroom .logo { will-change: transform; transition: transform 100ms linear; } .headroom--pinned .logo { transform: translateY(0%); } .headroom--unpinned .logo { transform: translateY(-150%); } } /* Main */ main { background: #FFF; } /* footer */ .footer_wrapper { max-width: 1200px; } footer .logo { width: auto; } footer { background: #1a142e !important; } footer a:hover { color: #7963AE !important; } footer .social_links a:hover { color: #573393 !important; } footer .social_links li:hover { background: #573393 !important; transform: scale(1.2); } /*** VERSUSMIND CUSTOM ***/ /* ressources custom */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .custom-section .content_wrapper { display: block; } } .ressources-section .row { align-items: center; align-content: center; } .ressources-section .ressources-text-container h2:first-child { margin-top: 0; } .copy_container h2:first-child { margin-top: 0; } /* page navigation custom */ /*.floating_wrapper { background-color: rgba(87,51,147,1); } .floating_wrapper .breadcrumb a { color: #FFF; font-weight: bold; opacity: 1; } .floating_wrapper .breadcrumb a:hover { color: #FFF; font-size: 110%; text-shadow: 0px 0px 5px rgba(0,0,0,0.5) } .page_navigation .floating_wrapper .breadcrumb a.selected { color: #FFF; font-size: 110%; text-shadow: 0px 0px 5px rgba(0,0,0,0.5) } .page_navigation { overflow: initial; background-color: rgba(87,51,147,1) } .page_navigation.show-navigation { -webkit-transform: translateY(0px)!important; -moz-transform: translateY(0px)!important; -ms-transform: translateY(0px)!important; -o-transform: translateY(0px)!important; transform: translateY(0px)!important; } .page_navigation_bottom-link { position: absolute; bottom: 0; z-index: -1; padding: 0.5em 0.9em; background: rgba(87,51,147,1); color: #FFF; transform: translateY(0px); transition: all 0.5s ease; } .page_navigation_bottom-link:hover { cursor: pointer; background-color: #8E2DE2; box-shadow: 2px 5px 10px rgba(0,0,0,0.2); } .page_navigation_bottom-link.translate { transform: translateY(35px); }*/ /* article */ .article-container { position: relative; width: 100%; height: 100%; overflow: hidden; } .article-container .background { position: absolute; padding: inherit; left: 0; width: 60%; height: 700px; background-image: linear-gradient(to right, #4A00E0, #8E2DE2); z-index: 0; } .article-container .background img { object-fit: cover; object-position: center; } .article-container .header_wrapper { position: relative; z-index: 1; padding-top: 200px; margin-bottom: 4em; } .article-container .content_wrapper { z-index: 1; } .article-container .header_wrapper .article-introduction-container { background-color: #FFF; margin: -2em; padding: 2em; box-shadow: 10px 15px 20px rgba(0,0,0,0.2); } .article-container .logo-article-container { display: flex; justify-content: center; align-content: center; align-items: center; flex-direction: column; } .article-container .logo-article-container img { object-fit: contain; max-height: 300px; max-width: 500px; } .article-container .logo-article-container h2 { margin-top: 1em; } /* Brief */ .full-container { width: 100%; position: relative; } .flex-container { display: flex; width: 100%; height: 100%; position: relative; overflow: hidden; } .article-bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .description-img-container { width: 70%; height: 100%; position: absolute; top: 0; z-index: 0; } .description-img-container img { object-fit: cover; object-position: center; width: 100%; height: 100%; padding: 2em 0em; } .description-square { position: absolute; width: 200px; height: 200px; bottom: 0; margin-left: 30px; margin-bottom: 30px; background-image: linear-gradient(to right, #4A00E0, #8E2DE2); box-shadow: 5px 10px 15px rgba(0,0,0,0.2); } .description-txt-container { height: auto; width: 100%; display: flex; justify-content: flex-end; z-index: 2; max-width: 1200px; margin: auto; } .description-txt { margin: 70px 0px 70px 0px; padding: 40px; background: rgba(255,255,255,1); width: 55%; box-shadow: 10px 15px 20px rgba(0,0,0,0.1); } .description-block-title { font-family: Roboto-bold Roboto !important; font-size: 36px !important; line-height: 42px; } .description-block-title h2 { max-width: 80%; } .description-text-block { margin-top: 30px; margin-bottom: 5px; color: #282828; transition: all 0.5s ease; } .bloc-ellipsis { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: break-word; } .custom-ul { margin-left: 2em !important; list-style: none; margin-bottom: 1em !important; } .custom-ul li { font-size: 16px !important; } .custom-ul li::before { content: "-"; position: absolute; margin-left: -18px; color: rgba(87,51,147,1); -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 18px; } .contact-ul ul:nth-child(2) { margin-left: 4em !important; } .description-txt-container .logo-container { width: 200px; height: 118px; position: absolute; top: 0; right: 0; } .description-txt-container .logo-container a { position: absolute; width: calc(100% - 80px); height: calc(100% - 80px); left: 40px; top: 40px; max-height: 118px; } .description-txt-container .logo-container img { object-fit: contain; padding: 40px; height: 100%; } /* btn page choice */ .button-page-container { display: flex; flex-wrap: nowrap; /*border: 1px solid rgba(87,51,147,1);*/ box-shadow: 5px 10px 30px rgba(0,0,0,0.1); overflow: hidden; } .button-page-container .button-page { width: 100%; min-height: 100px; text-align: center; overflow: hidden; display: flex; align-items: center; } .button-page-container .button-page a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 1em; transition: 0.5s ease; overflow: hidden; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; overflow: hidden; position: relative; } .button-page-container .button-page a:hover { transform: scale(0.8); color: #FFF; font-size: 110%; } .button-page-container .button-page a::after { content: "\A"; border-style: solid; border-width: 0 10px 15px 10px; border-color: transparent transparent rgba(87,51,147,1) transparent; /*border-image: linear-gradient(to right, #4A00E0, #8E2DE2);*/ position: absolute; bottom: 10px; opacity: 1; transition: 0.5s ease; } .button-page-container .button-page a:hover::after { opacity: 0; } .button-page-container .button-page a::before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; /*margin: -15px 0 0 1px;*/ width: 30px; height: 30px; border-radius: 0%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(0, 2, 1); transform: scale3d(0, 2, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.5s; transition: transform 0.4s, opacity 0.5s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1); transition-timing-function: cubic-bezier(0.7,0,0.9,1); overflow: hidden; } .button-page-container.company-color .button-page a::before { background: rgba(87,51,147,1); background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2); background: linear-gradient(to right, #4A00E0, #8E2DE2); } .button-page-container.healthcare-color .button-page a::before { background: rgba(0,178,170,1); background: -webkit-linear-gradient(to right, #00b2aa, #00c1ae, #00cfaf, #00ddad, #12eba8); background: linear-gradient(to right, #00b2aa, #00c1ae, #00cfaf, #00ddad, #12eba8); } .button-page-container .button-page a:hover::before { -webkit-transform: scale3d(12, 100, 1); transform: scale3d(12, 100, 1); } .button-page-container .button-page a:hover:active { transform: scale(0.7); } .button-page-container .button-page.selected a::after { opacity: 0; } .button-page-container .button-page.selected a { transform: scale(0.8); color: #FFF; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5); font-size: 130%; } .button-page-container.company-color .button-page.selected a { background-color: rgba(87,51,147,1); } .button-page-container.healthcare-color .button-page.selected a { background-color: rgba(0,178,170,1); } .button-page-container .button-page.selected a::before { -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); opacity: 0; } /* other */ .breadcrumb.left_align { max-width: 95%; } .left-content { padding: 0em 3em; } .image-container { padding: 0em; display: flex; justify-content: center; height: auto; max-height: 430px; max-width: 450px; margin: auto; transition: 1s ease; } .image-container img { padding: 5em; object-fit: contain; /*box-shadow: 1px 3px 10px rgba(0,0,0,0.3);*/ width: 100%; height: 100%; max-height: 430px; transition: 0.5s ease; filter: drop-shadow(1px 3px 10px rgba(0,0,0,0.3)); } .downloaded-content .image-container { padding: 2em; max-height: 400px; max-width: 300px; margin: auto; height: auto; } .downloaded-content a { height: 100%; } .downloaded-content .image-container:hover { padding: 0px; } /* Customer quote */ .customer-quote { margin-bottom: 1em } .customer-quote h3 { display: inline; line-height: 1.5em; font-style: italic; } .customer-id p { float: right; } .customer-vid iframe { width: 100%; height: auto; min-height: 319px; border: none; box-shadow: 1px 3px 10px rgba(0,0,0,0.3); } .customer-vid span { text-align: center; background-color: rgba(87,51,147,1); padding: 1em; color: #FFF; z-index: -1; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 2; } .healthcare .customer-vid span { background-color: rgba(0,178,170,1); } .government .customer-vid span { background-color: rgba(16,30,57,1); } .solution .customer-vid span { background-color: rgba(255,0,53,1); } .trends .customer-vid span { background-color: rgba(63,164,53,1); } .education .customer-vid span { background-color: rgba(0,133,165,1); } .hospitality .customer-vid span { background-color: rgba(214,0,110,1); } .transport .customer-vid span { background-color: rgba(255,72,20,1); } .healthcare .quote-left, .healthcare .quote-right { color: rgba(0,178,170,1) } .government .quote-left, .government .quote-right { color: rgba(16,30,57,1) } .solution .quote-left, .solution .quote-right { color: rgba(255,0,53,1) } .trends .quote-left, .trends .quote-right { color: rgba(63,164,53,1) } .education .quote-left, .education .quote-right { color: rgba(0,133,165,1) } .hospitality .quote-left, .hospitality .quote-right { color: rgba(214,0,110,1) } .transport .quote-left, .transport .quote-right { color: rgba(255,72,20,1) } .company .quote-left, .company .quote-right { color: rgba(87,51,147,1) } .customer-btn a { margin-left: 0px; margin-right: 0px; float: right; } /* FORMS */ .focus-forms-section .row { align-items: initial; } .focus-forms-section .forms-title { font-size: 30px !important; } .focus-forms-section h3, .focus-forms-section p { margin: 0px 0px 20px 0px; } .form_wrapper .custom-form form .green_button { float: left; } .form_wrapper .custom-form form .green_button:hover { } .form_wrapper .custom-form form input[type="submit"] { border: none; } .form_wrapper .custom-form form .form-design-field { flex: 1 1 100%; max-width: 100%; margin-bottom: 0.5em; } .custom-form form { margin: 1em 0em 0em 0em; } .custom-form form input[type='text'], .custom-form form select, .custom-form form textarea { padding: 0.5em; -webkit-appearance: none; background-color: rgba(245,245,245); border-radius: 0px; border: 2px solid rgba(245,245,245); box-shadow: 0px 0px 5px rgba(0,0,0,0.0); transition: 0.5s ease; width: 100%; max-width: 100%; } .custom-form form textarea:focus, .custom-form form input[type='text']:focus, .custom-form form select:focus { outline: none; border: 2px solid rgba(245,245,245) !important; box-shadow: 0px 0px 5px rgba(0,0,0,0.2) !important; background-color: rgba(245,245,245) !important; color: #000 !important; } .custom-form form input[type='text'].LV_invalid_field { /*border: 2px solid red;*/ box-shadow: 0px 0px 5px rgba(230,51,35,0.5); color: #000; } .custom-form form input[type='text'].LV_valid_field { /*border: 2px solid red;*/ } .forms-title { letter-spacing: 0.2em; font-weight: bold; font-size: 28px !important; } /* Slideshow css */ .flex-wrapper-start { display: flex; flex-direction: column; align-items: flex-start; } #slideshow { z-index: 9999; background-color: white; } .borderheader { background: rgba(255,255,255,0.2); z-index: 198; padding: 15px 15px; top: 15px; /*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.20)*/ } .slideshow--banner .borderheader { background: rgba(255,255,255,0.2); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .borderheader { margin-top: 60px; } } /*.js body { opacity: 0; transition: opacity 0.3s; }*/ .js body.render { opacity: 1; } .js .loading::before { content: ''; position: fixed; z-index: 100000; top: 0; left: 0; width: 100%; height: 100%; background: none; } .js .loading::after { content: ''; position: fixed; z-index: 100000; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; pointer-events: none; border-radius: 50%; opacity: 0.4; background: none; animation: loaderAnim 0.7s linear infinite alternate forwards; } @keyframes loaderAnim { to { opacity: 1; transform: scale3d(0.5,0.5,1); } } #slideshow.hidden { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none; } #slideshow:hover .slide__img { /*filter: blur(5px);*/ } .slide__overlay { opacity: 0.4; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .slide__overlay { left: 0; } } #slideshow .icon { display: block; width: 1.5em; height: 1.5em; margin: 0 auto; fill: currentColor; } .icon--arrow-rot { transform: rotate(180deg); } main { position: relative; width: 100%; } #slideshow.content { position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto; min-height: 100vh; } #slideshow.content--fixed { position: fixed; z-index: 10000; top: 0; left: 0; display: grid; align-content: space-between; width: 100%; max-width: none; min-height: 0; height: 100vw; padding: 1.5em; pointer-events: none; grid-template-columns: 50% 50%; grid-template-rows: auto auto 4em; grid-template-areas: 'header github' '... ...' '... demos'; } #slideshow.content--fixed a { pointer-events: auto; } .slideshow { width: 100%; min-height: 450px; height: auto; position: relative; overflow: hidden; display: flex; align-items: center; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .slideshow { margin-top: -9px; } } .slideshow--banner { width: 100%; min-height: 300px; height: auto; position: relative; overflow: hidden; display: flex; align-items: center; } .slideshow-shadow { box-shadow: 0px 0px 10px rgba(0,0,0,0.4); } .slideshow--banner .banner-text { background: rgba(255,255,255,0.85); padding: 2em; box-shadow: rgba(0,0,0,0.2); } .slideshow--banner .breadcrumb a { color: #000; padding: 0.5em; background-color: rgba(255,255,255,0.8); box-shadow: 0px 0px 10px rgba(0,0,0,0.0); transition: 0.3s ease; /*text-shadow: 1px 1px 4px rgba(0,0,0,0.7);*/ } .slideshow--banner .breadcrumb a:hover { box-shadow: 0px 5px 20px rgba(0,0,0,0.2); transform: scale(1.00) translateY(-3px); background-color: rgba(255,255,255,1); color: #000; text-shadow: 1px 1px 2px rgba(0,0,0,0); } /*.slideshow--banner .breadcrumb a:first-child { margin-left: -0.5em; }*/ .slides { /*position: absolute;*/ width: 100%; height: 100%; } .slide2 { /*position: absolute;*/ width: 100%; height: 100%; overflow: hidden; opacity: 0; pointer-events: none; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; margin: 1em 0em 1em 0em; } .slide2 .button2 { margin-bottom: 3em; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .slide2 { display: -ms-flexbox; display: -webkit-flex; display: flex; /* Center vertically */ align-items: center; /*Center horizontaly */ justify-content: center; /*Center horizontaly ie */ -ms-flex-pack: center; } } .slide--banner { /*position: absolute;*/ width: 100%; height: 100%; overflow: hidden; opacity: 0; pointer-events: none; display: flex; flex-direction: column; justify-content: center; margin: 1em 0em 1em 0em; } .slide--banner .slide__title { text-transform: initial; font-size: 42px; margin-bottom: 0em; letter-spacing: 0; } .slide--current { opacity: 1; pointer-events: auto; } .videobg { position: absolute; background: #FFFFFF; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: 0; } .slide__img { position: absolute; width: 100%; height: 100%; background-size: cover !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; transition: filter 0.5s ease; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .slide__img { left: 0; } } @-moz-document url-prefix() { .slide__img { left: 0; } } .slideshow--banner .slide__img { width: 100%; height: 100%; } .parallax-window { min-height: 400px; background: transparent; } .bg__img { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; transition: filter 1s ease; } .slidenav { position: absolute; width: 100%; bottom: 0; text-align: center; margin: 200px 0px; } .slidenav__item { border: 0; background: none; transition: 500ms; } .slidenav__item--prev { float: left; margin-left: 100px; color: #FFFFFF; font-size: 60px; } .slidenav__item--prev:hover { color: #000000 !important; } .slidenav__item--next { float: right; margin-right: 100px; color: #FFFFFF; font-size: 60px; } .slidenav__item--next:hover { color: #000000 !important; } .slidenav__item:focus { outline: none; } .shape { position: absolute; width: 100%; height: 100%; top: 0; pointer-events: none; } .slide__title { position: relative; margin: 0; cursor: default; line-height: 1; } .slide__desc { position: relative; font-size: 1.5em; margin: 0 0 2em 0; cursor: default; padding: 0 1em; text-align: center; } .banner__desc { position: relative; font-size: 1.5em; margin: 0 0 2em 0; cursor: default; padding: 0 1em; } .slide__link { position: relative; font-size: 1em; font-weight: bold; padding: 1em 2em; display: block; transition: padding 0.3s, background 0.3s, color 0.3s; } /* Fixed button */ .fixed-button { font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; position: fixed; top: 200px; right: 0px; z-index: 9999; background-color: #573393; color: white; padding: 20px 20px; } .fixed-button:hover { background-color: #9C69E5; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.20); cursor: pointer; } .fixed-button i { font-size: 30px; margin-right: 15px; } .fixed-button span { font-size: 18px; } .fixed-contact-us { right: -110px; } .fixed-contact-us:hover { right: 0px; color: #FFFFFF; } .fixed-support { top: 280px; right: -87px; } .fixed-support:hover { right: 0px; color: #FFFFFF; } /* Subheader button */ .subheader { box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.3), inset 0 -7px 9px -7px rgba(0,0,0,0.3); background-color: /*#EEEAF4*/ #FFFFFF; } .button2, .button2:after, .button2:before { -webkit-box-sizing: border-box; box-sizing: border-box; color: #573393; } .button2-medium, .button2-medium:after, .button2-medium:before { -webkit-box-sizing: border-box; box-sizing: border-box; color: #573393; } .button2-small, .button2-small:after, .button2-small:before { -webkit-box-sizing: border-box; box-sizing: border-box; color: #573393; } .box { padding: 0em 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } .content2 { padding: 1em 1em; z-index: 1; max-width: 1200px; margin: 0 auto; } .hidden2 { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; } .button2 { text-align: center; float: left; min-width: 150px; /*max-width: 250px;*/ display: block; margin: 1em; padding: 1em 2em; border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .button-mobile-col .button2:first-child { margin-left: 0px; } .button2:focus { outline: none; } .button2 > span { vertical-align: middle; } .button2-medium { text-align: center; float: inherit; min-width: 150px; max-width: 250px; display: block; margin: 1em; padding: 1em 2em; border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .button2--medium:focus { outline: none; } .button2--medium > span { vertical-align: middle; } .button2-small { float: right; min-width: 100px; max-width: 250px; display: block; margin: 1em; padding: 1em 2em; border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .button2-small:focus { outline: none; } .button2-small > span { vertical-align: middle; } .button--text-thick { font-weight: 600; } .button--header { box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset; max-width: 250px; } .button--header:hover { border: solid 0px #8E2DE2; } .button--itzel { border: none; padding: 0px; overflow: hidden; width: auto; cursor: pointer; } .button--itzel::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid; border-radius: inherit; -webkit-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); clip-path: url(../index.html#clipBox); -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0); transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .button--itzel.button--border-thin::before { border: 1px solid; -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0); transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0); } .button--itzel.button--border-thick::before { border: 3px solid; -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); } .button__icon { font-style: normal; color: #573393; } .button--itzel::before, .button--itzel .button__icon, .button--itzel .button__img { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .button--itzel .button__icon, .button--itzel .button__img { position: absolute; top: 100%; left: 50%; padding: 20px; font-size: 20px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .button--itzel > span { color: #000000; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; display: block; text-transform: uppercase; padding: 20px; font-size: 12px; letter-spacing: 4px; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } @media (min-width: 1025px) { .button--itzel:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .button--itzel:hover .button__icon, .button--itzel:hover .button__img { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translate3d(-50%, -100%, 0); transform: translate3d(-50%, -100%, 0); } .button--itzel:hover > span { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition-delay: 0s; transition-delay: 0s; } } /* button */ .center-flex { display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .content_wrapper.center-flex { display: block; } } .button--isi { padding: 10px 20px; color: #FFFFFF; background: #14284b; overflow: hidden; border-radius: 0px; background-color: #573393; font-size: 18px; text-transform: uppercase; letter-spacing: 0px; cursor: pointer; transition: all 0.5s; box-shadow: 0px 1px 2px rgba(0,0,0,0.20); } .button--isi::before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 30px; height: 30px; border-radius: 0%; background: #8E2DE2; background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2); background: linear-gradient(to right, #4A00E0, #8E2DE2); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.5s; transition: transform 0.4s, opacity 0.5s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1); transition-timing-function: cubic-bezier(0.7,0,0.9,1); } .button--isi .button__icon { vertical-align: middle; } .button--isi > span { font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; vertical-align: middle; font-weight: bold; } @media (min-width: 1025px) { .button--isi:hover::before { -webkit-transform: scale3d(12, 9, 1); transform: scale3d(12, 9, 1); } } .button--isi:hover { box-shadow: 0px 5px 20px rgba(0,0,0,0.5); color: #FFFFFF; } .button--isi:active { box-shadow: 0px 5px 20px rgba(0,0,0,0.0); } .button-small { padding: 1em 2em; font-size: 12px; min-width: 50px; background: #7963AE; } /* Custom text style*/ a, p, li { font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif !important; } .text-content a { color: #8E2DE2; } .header-custom-h { /*font-family: 'Nanum Myeongjo', serif;*/ font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size: 65px; color: #000000; letter-spacing: 2.29px; text-transform: uppercase; margin: 0px 0px 24px 0px; font-weight: bold; } .header-custom-p { font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size: 32px; color: #000000 !important; letter-spacing: 2px; padding: 0px 0px 0px 0px; margin: 0px; line-height: initial; } .valueProposition_h3 { font-size: 30px; color: #000; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; margin-top: 0; font-weight: 400; -webkit-font-smoothing: antialiased; } .custom-h1 { /*font-family: 'Nanum Myeongjo', serif;*/ font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size: 38px; color: #000; letter-spacing: 0px; margin: 0px 0px 24px 0px; } @media (max-width: 705px) { .custom-h1 { font-size: 30px; } } @media (max-width: 515px) { .custom-h1 { font-size: 26px; } } .custom-h2 { font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; /*font-family: 'Nanum Myeongjo', serif;*/ font-size: 34px !important; color: #000; letter-spacing: 0px; margin: 0px 0px 38px 0px; font-weight: bold; } .custom-h3 { font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size: 18px; color: #000; letter-spacing: 0px; text-align: left; font-weight: bold; } .margin-text-h2 { margin-bottom: 1em; margin-top: 2em; } .margin-text-h3 { margin-bottom: 1em; margin-top: 2em; } .text-h3 { font-size: 22px; } .small-h2 { font-size: 22px; } .callouts-title { padding: 0px 0.1em 0em 0.1em; letter-spacing: 0em; text-transform: none; font-weight: bold; transition: 0.5s ease; margin-bottom: 0em; margin-top: 1em; } .callout-text-component { /*margin-bottom: 1em;*/ background: rgba(255, 255, 255, 0.8); padding: 1em; box-shadow: 1px 3px 5px rgba(0,0,0,0.1); } /*.callouts-title:hover { color: #FFF; background-size: 99% 100%; background-position: 0 100%; /*box-shadow: -3px 0 0 #4A00E0, 3px 0 0 #8E2DE2; }*/ .fill:hover { color: whitesmoke; box-shadow: 0px 5px 20px rgba(0,0,0,0.5); } .fill:before { content: ""; position: absolute; background: #573393; bottom: 0; left: 0; right: 0; top: 100%; z-index: -1; -webkit-transition: top 0.09s ease-in; } .fill:hover:before { top: 0; } /* Sections */ .align-items { align-items: center; } #customersectionv2 { position: relative; padding: 0em 0em 2em 0em; z-index: 1; background-color: #FFFFFF; } #customersectionv2 { overflow: hidden; } #customersectionv2 h2, #customersectionv2 .section_title { padding-top: 1em; } .custom-section { padding: 40px 0 40px 0; } .custom-divider { padding: 40px 0px 0px 0px; } .custom-section.first-section { padding: 0 0 40px 0; } .secondary-bg { background: #f7f7f7; border-top: solid 1px #d0d0d0; border-bottom: solid 1px #d0d0d0; } .introcity { margin-top: 5em; display: block; position: relative; width: 2000px; object-fit: cover; filter: drop-shadow(0px -1px 1px rgba(0,0,0,0.2)); } .cls-1 { fill: #CAEBF2 !important; } /* Custom text style for the homepage */ #cards_wrapper.cards_wrapper.twothird { padding: 0px; margin: 5px 5px; } #news_wrapper.news_wrapper.third { padding: 0px; margin: 5px 10px; } #callouts-item.full { padding: 0px; margin: 0px; } .header-text-container { padding: 30px 0px 35px 0px } /* all articles */ article { box-shadow: 1px 3px 5px rgba(0,0,0,0.1) } /* callouts */ .end-callouts-btn a:nth-child(1) { margin-left: 0px; } .home-content-1 { max-width: none; } .cards_wrapper { margin: 0 auto; max-width: none; display: flex; flex-flow: row wrap; /*justify-content: center;*/ padding: 0.5rem; } .news-card { border: 0px solid aqua; /*margin: 0rem 0rem 1rem 0rem;*/ position: relative; height: 12rem; overflow: hidden; border-radius: 0px; flex: 1; min-width: none; /*box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);*/ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);*/ } .twice-height { /*height: 31rem !important;*/ height: 100% !important; } .news-card__excerpt { color: #000; transition: all 0.6s ease; font-size: 15px; } .news-card__preview { width: 96%; color: #000; margin-bottom: 0px; visibility: visible; transition: all 0.6s ease; position: absolute; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .block-ellipsis { display: block; display: -webkit-box; max-width: 100%; height: 65px; margin: 0 auto; font-size: 14px; line-height: 1.5; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .ttau-title.block-ellipsis { display: block; display: -webkit-box; max-width: 100%; height: 48px; margin: 0 auto; line-height: 1.2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 900px) { .news-card { height: 15rem; transition: 0.6s ease; background: #FFFFFF; } } .news-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .news-card__card-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } .news-card__image { width: 2400px; height: 100%; display: block; object-fit: cover; transition: transform 1.5s ease, filter 1s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; z-index: -1; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .news-card__image { z-index: 0; } } .news-card__video iframe { width: 1980px; height: 100%; display: block; /*object-fit: cover;*/ transition: transform 1.5s ease, filter 1s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; z-index: 2; border: none; } .text__zindex { z-index: 2 !important; } .news-card__text-wrapper { position: absolute; bottom: 0rem; padding: 1rem 1rem 0rem 1rem; color: #000000; background-color: rgba(255, 255, 255, 0.85); transition: background-color 0s ease, height 0.6s ease, max-height 0.6s ease; width: 100%; } @-moz-document url-prefix() { .news-card__text-wrapper { padding: 1rem 1rem 1rem 1rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .news-card__text-wrapper { z-index: 1; } } .news-card__text-wrapper-video { position: absolute; bottom: 0rem; padding: 1rem; color: #000000; background-color: rgba(255, 255, 255, 0.85); transition: background-color 0s ease, height 0.6s ease, max-height 0.6s ease, opacity 1s ease; width: 100%; opacity: 0; } .news-card__title { transition: color 0.3s ease; margin-bottom: .5rem; } .news-card__details-wrapper { visibility: hidden; max-height: 0; opacity: 0; transition: max-height 1.5s ease; } @media (min-width: 1025px) { .news-card:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); z-index: 150; transform: translateY(0px) scale(1.000); } .news-card:hover .news-card__text-wrapper-video { opacity: 1; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); } .news-card:hover .news-card__details-wrapper { max-height: 20rem; opacity: 1; width: 96%; visibility: visible; } .news-card:hover .news-card__text-wrapper { /*background: linear-gradient(to right, rgba(74,0,224,0.95), rgba(142,45,226,0.95));*/ background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); } .news-card:hover .news-card__preview { display: none; } .news-card:hover .news-card__title { color: #FFFFFF; } .news-card:hover .news-card__image { transform: scale(1.03); z-index: -1; } .news-card:hover .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #573393 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 #573393, 3px 0 0 #573393; opacity: 1; } .news-card:hover .cat-hospitality .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(214,0,110,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(214,0,110,1), 3px 0 0 rgba(214,0,110,1); } .news-card:hover .cat-healthcare .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(0,178,170,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(0,178,170,1), 3px 0 0 rgba(0,178,170,1); } .news-card:hover .cat-education .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(0,133,165,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(0,133,165,1), 3px 0 0 rgba(0,133,165,1); } .news-card:hover .cat-solution .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255,0,53,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(255,0,53,1), 3px 0 0 rgba(255,0,53,1); } .news-card:hover .cat-government .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(16,30,57,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(16,30,57,1), 3px 0 0 rgba(16,30,57,1); } .news-card:hover .cat-transport .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255,72,20,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(255,72,20,1), 3px 0 0 rgba(255,72,20,1); } .news-card:hover .cat-trends .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(63,164,53,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(63,164,53,1), 3px 0 0 rgba(63,164,53,1); } } .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(87, 51, 147, 1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .cat-hospitality .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(214,0,110,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .cat-healthcare .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(0,178,170,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .cat-solution .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255,0,53,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .cat-education .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(0,133,165,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .cat-government .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(16,30,57,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .cat-transport .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255,72,20,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .cat-trends .entry-title-callouts { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(63,164,53,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .cat-solution:before { background-color: rgba(255,0,53,1); content: ""; display: block !important; height: 7px; left: 0; position: absolute; top: -7px; width: 100%; } .cat-company:before { background-color: rgba(87,51,147,1); content: ""; display: block !important; height: 7px; left: 0; position: absolute; top: -7px; width: 100%; } .cat-healthcare:before { background-color: rgba(0,178,170,1); content: ""; display: block !important; height: 7px; left: 0; position: absolute; top: -7px; width: 100%; } .cat-hospitality:before { background-color: rgba(214,0,110,1); content: ""; display: block !important; height: 7px; left: 0; position: absolute; top: -7px; width: 100%; } .cat-education:before { background-color: rgba(0,133,165,1); content: ""; display: block !important; height: 7px; left: 0; position: absolute; top: -7px; width: 100%; } .cat-government:before { background-color: rgba(16,30,57,1); content: ""; display: block !important; height: 7px; left: 0; position: absolute; top: -7px; width: 100%; } .cat-transport:before { background-color: rgba(255,72,20,1); content: ""; display: block !important; height: 7px; left: 0; position: absolute; top: -7px; width: 100%; } .cat-trends:before { background-color: rgba(63,164,53,1); content: ""; display: block !important; height: 7px; left: 0; position: absolute; top: -7px; width: 100%; } .news-cat-solution { border-bottom: solid 7px rgba(255,0,53,1); } .news-cat-company { border-bottom: solid 7px rgba(87,51,147,1); } .news-cat-hospitality { border-bottom: solid 7px rgba(214,0,110,1); } .news-cat-healthcare { border-bottom: solid 7px rgba(0,178,170,1); } .news-cat-trends { border-bottom: solid 7px rgba(63,164,53,1); } .news-cat-transport { border-bottom: solid 7px rgba(255,72,20,1); } .news-cat-government { border-bottom: solid 7px rgba(16,30,57,1); } .news-cat-education { border-bottom: solid 7px rgba(0,133,165,1); } /* latest news */ /*.alenews { padding: 10px 0px 0px 0px!important; margin: 10px 0px 0px 0px!important; } .curatanews { padding: 0px!important; margin: 0px!important; }*/ .newscard h3 { color: #000000; } .newscard { position: relative; height: 15rem; padding: 3rem 1rem 1rem 1rem; background: #FFFFFF; /*margin-bottom: 1em;*/ transition: all 0.3s ease, background 0s; /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);*/ } .newsdate { position: absolute; bottom: 20px; right: 20px; font-size: 14px; text-align: right; } .newssocials { position: absolute; bottom: 11px; left: 17px; font-size: 15px; opacity: 0; z-index: 9999; transition: 0.5s ease; display: none; } /*.col-md-3 .newssocials { bottom: 60px; left: inherit; right: 30px; }*/ .newscard p { margin-top: 0.5em; font-size: 15px; } @media (min-width: 1025px) { .newscard:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); transform: translateY(-7px) scale(1); } .newscard:hover small { /*color: #FFFFFF;*/ } .newscard:hover .newssocials { opacity: 1; } .newslinkedin:hover, .newsfb:hover, .newstwitter:hover, .newsgoogle:hover { color: #573393; } .newscard:hover { /*background: linear-gradient(to right, #4A00E0, #8E2DE2);*/ background: #FFFFFF; cursor: pointer; } .newscard:hover .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #573393 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 #573393, 3px 0 0 #573393; } .newscard:hover.news-cat-hospitality .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(214,0,110,1) 50%); background-size: 205%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(214,0,110,1), 3px 0 0 rgba(214,0,110,1); } .newscard:hover.news-cat-healthcare .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(0,178,170,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(0,178,170,1), 3px 0 0 rgba(0,178,170,1); } .newscard:hover.news-cat-education .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(0,133,165,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(0,133,165,1), 3px 0 0 rgba(0,133,165,1); } .newscard:hover.news-cat-solution .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255,0,53,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(255,0,53,1), 3px 0 0 rgba(255,0,53,1); } .newscard:hover.news-cat-government .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(16,30,57,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(16,30,57,1), 3px 0 0 rgba(16,30,57,1); } .newscard:hover.news-cat-transport .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255,72,20,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(255,72,20,1), 3px 0 0 rgba(255,72,20,1); } .newscard:hover.news-cat-trends .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(63,164,53,1) 50%); background-size: 200%; background-position: -100% 0; box-shadow: -3px 0 0 rgba(63,164,53,1), 3px 0 0 rgba(63,164,53,1); } .newscard:hover p { /*color: #FFFFFF*/ } .newscard:hover h3 { color: #FFFFFF; } } .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #573393 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .news-cat-government .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(16,30,57,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .news-cat-transport .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255,72,20,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .news-cat-trends .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(63,164,53,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .news-cat-hospitality .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(214,0,110,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .news-cat-healthcare .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(0,178,170,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .news-cat-education .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(0,133,165,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .news-cat-solution .entry-title { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255,0,53,1) 50%); background-size: 205%; background-position: 0% 0%; display: inline; transition: 0.5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: none; font-size: 20px; font-weight: bold; line-height: 1.3em; padding: 1px; } .newscard small { display: block; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; color: black; text-transform: uppercase; line-height: 0px; } .newscard small a { color: #000; } .newscard span { display: block; margin-top: 10px; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-weight: bold; color: #16a085; } .quote-right { margin-left: 0.2rem; } .quote-left { margin-right: 0.2rem; } /* focus cat */ .news-focus { position: absolute; top: 0rem; left: 0.8rem; z-index: -1; opacity: 1; transition: all 0.5s ease; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .news-focus { z-index: 1; } } .news-focus-newscard { position: absolute; top: 0rem; left: 0.8rem; z-index: 1; opacity: 1; transition: all 0.5s ease; } .news-focus ul li, .news-focus-newscard ul li { display: inline-block; margin-right: 0.2rem; padding: 0.8rem 0.2rem 0.0rem 0.2rem; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); } .healthcare-card .news-focus ul li, .news-cat-healthcare .news-focus-newscard ul li, .healthcare-card .news-focus-newscard ul li { background: rgba(0,178,170,1); } .company-card .news-focus ul li, .news-cat-company .news-focus-newscard ul li, .company-card .news-focus-newscard ul li { background: rgba(87,51,147,1); } .solution-card .news-focus ul li, .news-cat-solution .news-focus-newscard ul li, .solution-card .news-focus-newscard ul li { background: rgba(255,0,53,1); } .hospitality-card .news-focus ul li, .news-cat-hospitality .news-focus-newscard ul li, .hospitality-card .news-focus-newscard ul li { background: rgba(214,0,110,1); } .transport-card .news-focus ul li, .news-cat-transport .news-focus-newscard ul li, .transport-card .news-focus-newscard ul li { background: rgba(255,72,20,1); } .education-card .news-focus ul li, .news-cat-education .news-focus-newscard ul li, .education-card .news-focus-newscard ul li { background: rgba(0,133,165,1); } .trends-card .news-focus ul li, .news-cat-trends .news-focus-newscard ul li, .trends-card .news-focus-newscard ul li { background: rgba(63,164,53,1); } .government-card .news-focus ul li, .news-cat-government .news-focus-newscard ul li, .government-card .news-focus-newscard ul li { background: rgba(16,30,57,1); } .news-focus p, .news-focus-newscard p { font-size: 0.65vw; text-transform: uppercase; letter-spacing: 0.1rem; margin: 0px; color: #FFF; font-weight: bolder; } .news-focus ul li:nth-child(2), .news-focus-newscard ul li:nth-child(2) { background: rgba(255,255,255,0.8); margin-right: 0em; } .news-focus ul li:nth-child(2) p, .news-focus-newscard ul li:nth-child(2) p { color: #000; } .news-focus ul li:nth-child(2) p::before, .news-focus-newscard ul li:nth-child(2) p::before { content: "#"; } /* whitepaper */ .look-icn-whitepapers { position: absolute; bottom: 20px; right: 20px; z-index: 2; font-size: 1.3em; transition: 0.5s ease; } .whitepaper-container.trends-card .look-icn-whitepapers { color: rgba(63,164,53,1) } .whitepaper-container.education-card .look-icn-whitepapers { color: rgba(0,133,165,1) } .whitepaper-container.transport-card .look-icn-whitepapers { color: rgba(255,72,20,1) } .whitepaper-container.government-card .look-icn-whitepapers { color: rgba(16,30,57,1) } .whitepaper-container.solution-card .look-icn-whitepapers { color: rgba(255,0,53,1) } .whitepaper-container.company-card .look-icn-whitepapers { color: rgba(87,51,147,1) } .whitepaper-container.hospitality-card .look-icn-whitepapers { color: rgba(214,0,110,1) } .whitepaper-container.healthcare-card .look-icn-whitepapers { color: rgba(0,178,170,1) } .block-ellipsis-whitepaper { display: block; display: -webkit-box; max-width: 100%; height: 81px; margin: 0 auto; font-size: 14px; line-height: 1.5; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /*.news-card__excerpt { display: block; display: -webkit-box; max-width: 100%; height: 81px; margin: 0 auto; font-size: 14px; line-height: 1.5; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 1em; }*/ .u-clearfix:before, .u-clearfix:after { content: " "; display: table; } .u-clearfix:after { clear: both; } .u-clearfix { *zoom: 1; } .subtle { color: #aaa; } .whitepaper-container { /*margin-bottom: 1em;*/ position: relative; width: 100%; transition: all 0.5s ease; overflow: hidden; } .whitepaper-container.trends-card { background-color: rgba(63,164,53,1) } .whitepaper-container.education-card { background-color: rgba(0,133,165,1) } .whitepaper-container.transport-card { background-color: rgba(255,72,20,1) } .whitepaper-container.government-card { background-color: rgba(16,30,57,1) } .whitepaper-container.solution-card { background-color: rgba(255,0,53,1) } .whitepaper-container.company-card { background-color: rgba(87,51,147,1) } .whitepaper-container.hospitality-card { background-color: rgba(214,0,110,1) } .whitepaper-container.healthcare-card { background-color: rgba(0,178,170,1) } .whitepaper-container h3 { color: #000; } .whitepaper-container span { display: block; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: uppercase; letter-spacing: 3px; font-size: 12px; margin-top: 5px; } .wp-icn { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 9; height: 100%; width: 100%; opacity: 1; transition: all 0.5s ease; } .whitepapers-icn { position: absolute; font-size: 4em; right: -25px; bottom: -5px; color: #000; } .wp-download { top: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 9; height: 100%; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; transition: all 0.5s ease; } .download-button { text-align: center; background: linear-gradient(to right, #4A00E0, #8E2DE2); color: #FFF; margin-bottom: 20em; padding: 0.5em 1.5em; border-radius: 0px; box-shadow: 0px 1px 10px rgba(0,0,0,0.40); transition: all 0.5s ease; } .whitepaper { background-color: rgba(255,255,255,1); padding: 3rem 1rem 1rem 1rem; position: relative; box-shadow: 0 0 5px rgba(75, 75, 75, .07); z-index: 1; height: 15rem; transition: all 0.5s ease; overflow: hidden; } .whitepaper p { margin-top: 0.5em; } .whitepaper-body { display: inline-block; float: left; width: 100%; } .whitepaper-number { margin-top: 15px; } .whitepaper-circle { border: 1px solid #aaa; border-radius: 0%; display: inline-block; line-height: 22px; font-size: 12px; height: 25px; text-align: center; width: 25px; } .whitepaper-author { display: block; font-size: 12px; letter-spacing: .5px; margin: 15px 0 0; text-transform: uppercase; } .whitepaper-title { font-family: 'Cormorant Garamond', serif; font-size: 60px; font-weight: 300; line-height: 60px; margin: 10px 0; } .whitepaper-description { display: inline-block; font-weight: 300; line-height: 22px; margin: 10px 0; } .whitepaper-read-container { text-align: center; } .whitepaper-read { cursor: pointer; font-size: 3vw; font-weight: 700; letter-spacing: 6px; margin: 5px 0 20px; position: relative; text-align: center; text-transform: uppercase; opacity: 0.05; transition: 1s ease; } .whitepaper-img { width: 1980px; top: 0px; left: 0px; height: 100%; display: block; object-fit: contain; transition: transform 1.5s ease, filter 1s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; padding: 1em; } @media (min-width: 1025px) { .whitepaper-container:hover .whitepaper-read, .whitepaper-container:hover .wp-download { opacity: 1; } .whitepaper-container:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); transform: translateY(-7px) scale(1); } .whitepaper-container:hover .download-button { margin-bottom: -3em; } .whitepaper-container:hover .whitepaper, .whitepaper-container:hover .wp-icn, .whitepaper-container:hover .news-focus-newscard, .whitepaper-container:hover .look-icn-whitepapers { opacity: 0; } } .whitepaper-tag { float: right; margin: 5px 0 0; } .whitepaper-media { float: right; } /* Products carousel */ #products-slider { overflow-x: hidden; height: 450px; position: relative; } .flex { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start; } .slider-wrapper div { position: relative; } .slider-wrapper { margin-top: 2.5vw; margin-left: 11vw; } .slide-image { height: 60%; width: 60%; cursor: pointer; } .slide-image img { width: 100%; cursor: pointer; height: 100%; object-fit: contain; } .slide-content { width: 600px; color: #000; /* padding: 3vw 18vw 3vw 9vw; */ margin: 1em 10em 1em 1em; } .slide-content .button2 { margin-left: 0em; } .slide-title-background { background: rgba(255,255,255,0.6); padding: 2em; box-shadow: 0px 0px 20px rgba(0,0,0,0); } .slide-date { color: #0a8acb; font-size: 1.1vw; font-weight: 400; letter-spacing: 0.1em; padding-bottom: 1.4em; } .slide-title { font-size: 20px; font-weight: bold; letter-spacing: 0em; line-height: 1.2em; padding-bottom: 0em; } .slide-text { font-size: 1em; line-height: 1.2em; opacity: 0.8; padding-bottom: 0em; } .slide-more { font-weight: 400; letter-spacing: 0.1vw; float: left; font-size: 0.9vw; } .slide-bullet { width: 0.5vw; height: 0.5vw; background-color: #0b8bcc; border-radius: 200%; position: relative; margin-left: 1.2vw; } .slide-nav { margin-left: 64vw; margin-top: -5.5vw; } div.overlay-blue { width: 100%; height: 100%; position: absolute; top: 0; transition: 0.5s ease all; } div.overlay-blue:hover { background-color: rgba(13, 27, 43, 0.0); } .arrows { /* width: 3.5em; */ /* margin-top: 1em; */ /* margin-left: 31em; */ position: absolute; top: 0; left: 0; z-index: 1; } .arrow { display: inline-block; position: absolute; width: 1.2em; height: 1.2em; background: transparent; text-indent: -9999px; border-top: 0.15em solid #000; border-left: 0.15em solid #000; transition: all .1s ease-in-out; text-decoration: none; color: transparent; } .arrow:hover { border-color: #573393; border-width: 0.25vw; } .arrow:before { display: block; height: 200%; width: 200%; margin-left: -50%; margin-top: -50%; content: ""; transform: rotate(45deg); } .arrow.prev { transform: rotate(-45deg); left: 150px; top: 250px; } .arrow.next { transform: rotate(135deg); left: 900px; top: 250px; ; } .boxsizing-initial { box-sizing: initial !important; } /* Customers v2 */ /*---------------*/ /***** Chico *****/ /*---------------*/ #customersectionv2 .row { justify-content: center; } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } .grid { position: relative; margin: 0 auto; padding: 0em 0 0em; max-width: 1000px; list-style: none; text-align: center; } .grid .news-focus { z-index: 0; } .grid figure { position: relative; overflow: hidden; margin: 10px 1%; /*max-height: 360px;*/ width: 100%; background: #000; text-align: center; cursor: pointer; box-sizing: border-box; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1); } .grid.company-customers figure { background: rgba(87,51,147,1); } .grid.education-customers figure { background: rgba(0,133,165,1); } .grid.healthcare-customers figure { background: rgba(0,178,170,1); } .grid.trends-customers figure { background: rgba(63,164,53,1); } .grid.solution-customers figure { background: rgba(255,0,53,1); } .grid.government-customers figure { background: rgba(16,30,57,1); } .grid.transport-customers figure { background: rgba(255,72,20,1); } .grid.hospitality-customers figure { background: rgba(214,0,110,1); } /*.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.6; object-fit: cover; }*/ .grid figure img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 1.5s ease, filter 1s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; opacity: 1; } .grid figure figcaption { padding: 2em; color: #FFF; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h3 { word-spacing: -0.15em; font-weight: 300; color: #000; font-size: 20px; background: rgba(255,255,255,0.9); transition: all 0.3s ease; } .grid figure h3 span { font-weight: 800; color: #000; transition: all 0.3s ease; } .grid figure h3, .grid figure p { margin: 0; color: #FFF; } .grid figure p { letter-spacing: 1px; font-size: 60%; } figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12); } @media (min-width: 1025px) { figure.effect-chico:hover img { opacity: 0.1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-chico:hover h3 span { color: #FFF; background: rgba(255,255,255,0); } figure.effect-chico:hover h3 { background: rgba(255,255,255,0); } figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); text-shadow: 0px 0px 10px rgba(0,0,0,0.5); } .grid:hover .news-focus { opacity: 0; } } @media (max-width: 1024px) { figure.effect-chico img { opacity: 0.2 !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; } figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 1 !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; } } figure.effect-chico figcaption { padding: 2em; } figure.effect-chico figcaption::before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px solid #FFF; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); } figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); } figure.effect-chico h3 { padding: 0.5rem 0.5rem 0.5rem 0.5rem; } figure.effect-chico p { margin: 0 auto; max-width: 200px; -webkit-transform: scale(1.5); transform: scale(1.5); line-height: 1.2; text-transform: none; font-size: 0.6em; } /* Customers */ .snip1197 { font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; position: relative; float: left; margin: 0px 0px 0px 0px; height: 200px; width: 100%; color: #333; text-align: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); overflow: hidden; transition: all 0.6s ease, background 0s; } .snip1197 * { -webkit-box-sizing: border-box; box-sizing: border-box; } .snip1197 img { float: right; max-height: 100%; max-width: 100%; vertical-align: middle; border-radius: 0 0px 0px 0; object-fit: cover; } .snip1197 figcaption { top: 0; bottom: 0; left: 0; width: 72%; position: absolute; background-color: #ffffff; border-radius: 0px 0 0 0px; padding: 2em; } .snip1197 p { position: relative; font-size: 0.9em; text-align: left; margin-top: 1em; line-height: 1.6em; } .entry-title-customers { background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #FFFFFF 50%); background-size: 200%; background-position: 0 0; display: inline; transition: .5s ease-in-out; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-transform: uppercase; font-size: 24px; font-weight: bold; line-height: 1.3em; color: #000000; } .snip1197:hover .entry-title-customers { background-position: -100% 0; } .snip1197 .arrow { top: 30px; left: 100%; width: 0; height: 0; border-left: 0 solid transparent; border-right: 25px solid transparent; border-top: 25px solid #ffffff; margin: 0; position: absolute; transition: all 0.6s ease; } .customerslink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; /* background: rgba(255,0,0,.5); */ } .snip1197:hover { cursor: pointer; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); /*transform: translateY(-10px) scale(1.02)*/; } .snip1197:hover figcaption { /*background: linear-gradient(to right, #4A00E0, #8E2DE2);*/ background: #FFFFFF; } .snip1197:hover p { color: #000000; } .snip1197:hover .arrow { border-top: 25px solid transparent; } /* Popular right now */ /*.carousel_item.hidden_text .blue_banner { background: rgba(87,51,147,1) !important; } .carousel { margin-top: 60px; }*/ /* floating buttons */ @media (max-width:480px) { div.floating-button-right { display: none; } } .fill-right:hover, .fill-right:focus { /*box-shadow: inset 0 0 0 2em #DE2230, 0px 0px 15px 0px rgba(0, 0, 0, 0.25); border-color: #DE2230;*/ color: #fff; text-decoration: none; } .floating-button-right a.fill-right { background-color: rgba(52, 178, 51, 0.4); padding: 26px 40px; } .floating-button-right img { width: auto; height: auto; max-width: 40px; } .fill-right { /*--color: #DE2230; --hover: #DE2230; color: #DE2230;*/ transition: 0.35s; background: none; border: 2px solid; line-height: 1; margin: 0.5em; padding: 1em 2em; font-size: 0.85714286em; text-transform: uppercase; /*letter-spacing: 0.1em;*/ display: inline-block; } .floating-button-right { position: fixed; z-index: 9998; bottom: 70%; right: 0px; transform: translateX(250px); transition: all 0.6s ease; display: flex; align-content: center; align-items: center; /*background-color: #3fa435;*/ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .floating-button-right.active { transform: translateX(0px); } .floating-button-right.active:hover, .floating-button-right.active:focus { transform: translateX(0px); } .floating-button-right a { margin: 0em; padding: 22px 24px; background-color: none; box-shadow: inherit; color: #fff !important; border: none; font-weight: bold; } .floating-button-right i { background: #34b233; border-radius: 50%; padding: 10px 0 0 13px; position: relative; left: 30px; height: 65px; width: 65px; } .floating-button-right:hover, .floating-button-right.active:focus { transform: translateX(0px) !important; cursor: pointer; } .floating-button-right:hover a, .floating-button-right:focus a { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /* Back to top */ .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 80px; right: 30px; /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #573393; visibility: hidden; opacity: 0; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; border-radius: 0px; z-index: 197; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .cd-top i { font-size: 30px; color: #fff; z-index: auto; display: block; position: absolute; right: 28px; top: 5px; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .cd-top:hover { opacity: 1; background: #8E2DE2; transform: scale(1.1) translateY(-10px); } /* details component */ .details-component-section { margin: 2em 0em 2em 0em; } .details-component-section .row { align-items: baseline; justify-content: center; } .details-component { margin: 1em 0em 1em 0em; text-align: center; } .details-component-icon { margin: 1em; } .details-component-icon a { cursor: inherit; } .details-component-icon i { font-size: 58px; padding: 0.5em; color: #FFF; border-radius: 0px; width: 50%; transition: 0.3s ease; } .details-component-icon i:hover { transform: scale(1.1); box-shadow: 2px 5px 10px rgba(0,0,0,0.3); cursor: pointer; } .detail-component-title { font-weight: bold; font-size: 22px; } .detail-component-p { font-size: 16px; } /*** SLIDER MOBILE ***/ @media screen and (max-width: 767px) { .section--slider-mobile .js-mobile-slider { display: block; } .section--slider-mobile .js-mobile-slider { width: 100%; } .content_wrapper { display: inherit; } .content_wrapper.row-swap-mobile { display: flex; flex-direction: column-reverse; width: 90%; margin: 0 auto; } figure.effect-chico p { font-size: 3.5vw; max-width: 100vw; } } @media screen and (max-width: 668px) { .twothirdwrapper { display: flex; flex-flow: wrap-reverse; } } .flickity-viewport { width: 100vw; margin-left: -56%; left: 50%; } .flickity-slider > [class*="col-"] { margin-right: -1em; width: 80%; } .flickity-slider { margin-left: 5%; } #callouts_wrapper .flickity-page-dots { display: none; } .flickity-page-dots { bottom: 2px !important; } .flickity-page-dots .dot { border-radius: 0px !important; background: #6639b7 !important; } .scroll-down { z-index: 0; position: absolute; bottom: 15px; left: 50%; margin-left: -16px; display: block; width: 32px; height: 32px; border: 0px solid #573393; background-size: 14px auto; background: linear-gradient(to right, #573393, #573393); border-radius: 0%; z-index: 0; -webkit-animation: bounce 2s infinite 2s; animation: bounce 2s infinite 2s; -webkit-transition: all 1s; transition: all 1s; transform: scale(1) } .scroll-right-indicate { display: none; position: absolute; right: -18px; top: 50%; z-index: 9999; Left: initial; font-size: 30px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes bounce-right { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(-5px); } 60% { transform: translateX(-2px); } } .bounce-right { -webkit-animation-name: bounce-right; animation-name: bounce-right; } .boxed { display: flex; flex-direction: column; justify-content: center; height: 125px; padding: 20px; background-color: #fff; } .box__tag { text-transform: uppercase; font-size: 12px; color: #d6d6d6; font-weight: 700; letter-spacing: 1px; } .box__title { color: #222222; font-size: 25px; } /* They talk about us */ /* component */ .ttau h2 { text-align: center; } .ttau { margin-top: 2em; margin-bottom: 2em; overflow: hidden; } .ttau-component { width: 100%; height: 100%; box-shadow: 1px 3px 5px rgba(0,0,0,0.1); transition: 0.3s ease; } .ttau-component:hover { transform: translateY(-10px); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .ttau-component:hover .ttau-content { background-color: rgba(255,255,255,1); } .ttau-content { padding: 3rem 1rem 1rem 1rem; background-color: rgba(255,255,255,0.8); position: relative; transition: 0.3s ease; min-height: 242px; } .ttau-signature { margin: 1em 0em 0em 0em; color: #000; position: absolute; top: 0; } .ttau-signature p { font-size: 14px; } .ttau-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ttau-button { display: inline-block; margin-left: 0em; display: flex; justify-content: center; } .ttau-button a { position: absolute; bottom: -5px; } .ttau-title { font-weight: bold; font-size: 20px; margin-bottom: 0.5em; } .ttau-resume { margin-top: 0.5em; } .ttau .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; } .ttau .slick-list { position: relative; display: block; margin: 0; padding: 0; overflow-x: visible; overflow-y: visible; } .ttau .slick-list:focus { outline: none; } .ttau .slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; } .ttau .slick-list.dragging { cursor: pointer; cursor: hand; } .ttau .slick-slider .slick-list, .ttau .slick-track, .ttau .slick-slide, .ttau .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ttau .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .ttau .slick-track:before, .slick-track:after { content: ""; display: table; } .ttau .slick-track:after { clear: both; } .ttau .slick-loading .slick-track { visibility: hidden; } .ttau .slick-slide { float: left; height: 100%; min-height: 1px; display: none; margin-right: 0.5em; margin-left: 0.5em; } .ttau .slick-slide img { display: block; } .ttau .slick-slide img.slick-loading { background: white url(./ajax-loader.gif) center center no-repeat; padding-bottom: 100%; } .ttau .slick-slide.dragging img { pointer-events: none; } .ttau .slick-initialized .slick-slide { display: block; } .ttau .slick-loading .slick-slide { visibility: hidden; } .ttau .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ /*.ttau .slick-prev, .ttau .slick-next { position: absolute; display: block; height: 50px; width: px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }*/ .ttau .slick-prev, .ttau .slick-next { display: inline-block; position: absolute; width: 1.2em; height: 1.2em; background: transparent; text-indent: -9999px; border-top: 0.15em solid #000; border-left: 0.15em solid #000; transition: all .1s ease-in-out; text-decoration: none; color: transparent; top: 50%; margin-top: -10px; font-size: 1em; } .ttau .slick-prev { transform: rotate(-45deg); } .ttau .slick-next { transform: rotate(135deg); } .ttau .slick-prev:focus, .ttau .slick-next:focus { outline: none; } .ttau .slick-prev.slick-disabled:before, .ttau .slick-next.slick-disabled:before { opacity: 1; } /*.ttau .slick-prev:before, .ttau .slick-next:before { font-family: "Font Awesome 5 Free"; font-weight: 800; font-size: 28px; line-height: 1; color: #FFF; opacity: 1; background-color: rgba(87,51,147,1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0.3em 0.5em; } .ttau .slick-prev, .ttau .slick-next { transition: 0.3s ease; } .ttau .slick-prev:hover, .ttau .slick-next:hover { transform: scale(1.1) translate(0, -50%); } .ttau .slick-prev:hover::before, .ttau .slick-next:hover::before { background-color: #8E2DE2; box-shadow: 2.5px 5px 10px rgba(0,0,0,0.2); }*/ .ttau .slick-prev:hover, .ttau .slick-next:hover { border-color: #573393; border-width: 0.25vw; } .ttau .slick-prev { left: 25px; } /*.ttau .slick-prev:before { content: '\f104'; }*/ .ttau .slick-next { right: 40px; } /*.ttau .slick-next:before { content: '\f105'; }*/ .ttau-gradient-left { top: 0; left: 0; position: absolute; height: 100%; width: 200px; background: linear-gradient(to right, #edf7f6 30%,transparent 100%); } .ttau-gradient-right { top: 0; right: 0; position: absolute; height: 100%; width: 200px; background: linear-gradient(to left, #edf7f6 30%,transparent 100%); } .ttau { position: relative; overflow-x: hidden; } .ttau .slick-slider { margin-bottom: 2em; margin-top: 2em; } .ttau .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .ttau .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .ttau .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; } .ttau .slick-dots li button:focus { outline: none; } .ttau .slick-dots li button:before { position: absolute; top: 0; left: 0; content: '\2022'; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ttau .slick-dots li.slick-active button:before { opacity: 0.75; } .ttau .content { width: 80%; margin: auto; } .ttau .slick-slider { margin-bottom: 30px; } .ttau .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .ttau .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .ttau .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; } .ttau .slick-dots li button:focus { outline: none; } .ttau .slick-dots li button:before { position: absolute; top: 0; left: 0; content: '\2022'; width: 20px; height: 20px; font-family: "slick"; font-size: 20px; line-height: 20px; text-align: center; color: white; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ttau .slick-dots li.slick-active button:before { opacity: 0.75; } /*** SOCIAL SHARING ***/ .at-share-dock-outer, .at4-share { opacity: 1; transition: 0.5s ease; } @media (min-width: 801px) { .at-share-dock-outer, .at4-share { opacity: 0.3; } .at-share-dock-outer:hover, .at4-share:hover { opacity: 1; } } @media (min-width: 1200px) { .at-share-dock-outer, .at4-share { opacity: 1; } } /*** TABLET ***/ @media (max-width: 1025px) { .news-card__details-wrapper { max-height: 20rem; opacity: 1; width: 96%; visibility: visible; } header { padding: 0em; } footer { padding: 20px 0em 40px 0em; } .slide__title { font-size: 5vw !important; } .slide__desc { font-size: 3vw !important; } .button-page-container .button-page a { font-size: 1.5vw; } .button-page-container .button-page.selected a { font-size: 1.8vw; } .custom-section { text-align: center; } #callouts_wrapper { text-align: initial; } .left-content { padding: 0em; margin-bottom: 2em; } .custom-form form { margin: auto; } .customer-btn a { margin: auto; float: none; } .customer-id p { float: none; } .customer-vid { margin-top: 2em; } .news-card { margin-bottom: 1em !important; margin-top: 0em !important; height: 400px !important; } .news-card__preview { overflow: inherit !important; text-overflow: inherit !important; white-space: inherit !important; } .news-card__preview { position: relative !important; } .col-md-12, .col-md-8, .col-md-6, .col-md-4, .col-md-3 { margin-bottom: 10px !important; margin-top: 10px !important; width: 100%; } .news-focus p, .news-focus-newscard p { font-size: 12px; } .newscard { height: 15rem; padding: 3rem 1rem 4rem 1rem; } .sm-hidden { display: none !important; } .whitepaper-img { display: none; } .ttau .ttau-gradient-left, .ttau .ttau-gradient-right { display: none; } } @media (min-width: 1026px) { .md-hidden { display: none !important } } /*** MOBILE ***/ @media (max-width: 668px) { .news-card__details-wrapper { max-height: 20rem; opacity: 1; width: 96%; visibility: visible; } .sub-row { margin-left: 0px; margin-right: 0px; } .button-page-container { flex-direction: column; padding: 0.5em; } .button-page-container .button-page { min-height: 70px; } .button-page-container .button-page a { font-size: 4vw; } .button-page-container .button-page.selected a { font-size: 4.5vw; } .slide__title { font-size: 7vw !important; } .slide__desc { font-size: 4vw !important; } .whitepaper-img { display: none; } #customersectionv2 .bg__img { display: none; } .button-mobile-row { width: 100%; } .button-mobile-col { width: 100%; } .button-small { width: 100%; max-width: 100% !important; margin: 1em 0em 1em 0em !important; } .button--isi::before { display: none; } .entry-title { /*display: none;*/ } .button--isi { font-size: 12px !important; } .xs-hidden { display: none !important; } body .xs-visible { display: initial !important; } .button--itzel { width: 100%; } .newscard { height: 15rem; padding: 3rem 1rem 4rem 1rem; } .news-focus p, .news-focus-newscard p { font-size: 10px; } .grid figure { width: initial; } .sub-row { margin-right: 0em !important; margin-left: 0em !important; } .ttau .ttau-gradient-left, .ttau .ttau-gradient-right { display: none; } .news-card__image { height: 70%; object-position: left; } .news-card__text-wrapper { background: #FFF; } } .hidden { display: none; } /* Scroll-down button */ .scroll-down { z-index: 0; position: absolute; bottom: 15px; left: 50%; margin-left: -16px; display: block; width: 32px; height: 32px; border: 0px solid #573393; background-size: 14px auto; background: linear-gradient(to right, #573393, #573393); border-radius: 0%; z-index: 0; -webkit-animation: bounce 2s infinite 2s; animation: bounce 2s infinite 2s; -webkit-transition: all 1s; transition: all 1s; transform: scale(1) } .scroll-down:hover { background: linear-gradient(to right, #4A00E0, #8E2DE2); box-shadow: 0px 5px 20px rgba(0,0,0,0.20); } .scroll-down:before { position: absolute; top: calc(50% - 8px); left: calc(50% - 6px); transform: rotate(-45deg); display: block; width: 12px; height: 12px; content: ""; border: 2px solid #FFF; border-width: 0px 0 2px 2px; } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } } /* Root */ /* bg */ .bg-secondary { background-color: rgba(0,0,0,0.03) !important; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } .healthcare-bg-secondary { background-color: #edf7f6 !important; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } .company-color-gradient { background-image: linear-gradient(to right, #4A00E0, #8E2DE2); } .company-color-gradient-alpha { background-image: linear-gradient(to right, #8E2DE2, rgba(255,255,255,0)); } .company-color-bg { background: rgba(87,51,147,1); } .education-color-bg { background: rgba(0,133,165,1); } .government-color-bg { background: rgba(16,30,57,1); } .transport-color-bg { background: rgba(255,72,20,1); } .trends-color-bg { background: rgba(63,164,53,1); } .healthcare-color-bg { background: rgba(0,178,170,1); } .hospitality-color-bg { background: rgba(214,0,110,1); } .solution-color-bg { background: rgba(255,0,53,1); } .company-color-btn { /*background: rgba(87,51,147,1);*/ background: rgba(63,164,53,1); } .company-color-btn__light { background: rgba(121,99,174,1); } .company-color-btn::before, .company-color__light::before { background: linear-gradient(to right, #4A00E0, #8E2DE2); } .education-color-btn { background: rgba(0,133,165,1); } .education-color-btn::before { background: linear-gradient(to right, #0085a5, #0495b6, #08a5c8, #0db5d9, #12c6eb); } .government-color-btn { background: rgba(16,30,57,1); } .government-color-btn::before { background: linear-gradient(to right, #101e39, #012c63, #003a90, #0046bd, #1251eb); } .transport-color-btn { background: rgba(255,72,20,1); } .transport-color-btn::before { background: linear-gradient(to right, #ff4814, #ff7600, #ff9d00, #f7c100, #ebe212); ; } .trends-color-btn { background: rgba(63,164,53,1); } .trends-color-btn::before { background: linear-gradient(to right, #3f9a3f, #51ae3c, #66c336, #7ed72a, #98eb12); } .healthcare-color-btn { background: rgba(0,178,170,1); } .healthcare-color-btn::before { background: linear-gradient(to right, #00b2aa, #00c1ae, #00cfaf, #00ddad, #12eba8); } .hospitality-color-btn { background: rgba(214,0,110,1); } .hospitality-color-btn::before { background: linear-gradient(to right, #d6006e, #f53d53, #ff7035, #fea113, #ebcf12); } .solution-color-btn { background: rgba(255,0,53,1); } .solution-color-btn::before { background: linear-gradient(to right, #ff0035, #fc0068, #e1009c, #a71bcb, #124beb); } .company-color-subbtn::before { color: rgba(87,51,147,1); } .education-color-subbtn::before { color: rgba(0,133,165,1); } .transport-color-subbtn::before { color: rgba(255,72,20,1); } .trends-color-subbtn::before { color: rgba(63,164,53,1); } .healthcare-color-subbtn::before { color: rgba(0,178,170,1); } .hospitality-color-subbtn::before { color: rgba(214,0,110,1); } .solution-color-subbtn::before { color: rgba(255,0,53,1); } .government-color-subbtn::before { color: rgba(16,30,57,1); } .ct_underline { background: linear-gradient(to right, #4A00E0, #8E2DE2); background-repeat: no-repeat; background-size: 99% 0.2em; background-position: 0 100%; } .company-color-ct_underline { background: linear-gradient(to right, #4A00E0, #8E2DE2); background-repeat: no-repeat; background-size: 99% 0.2em; background-position: 0 100%; } .education-color-ct_underline { background: linear-gradient(to right, #0085a5, #0495b6, #08a5c8, #0db5d9, #12c6eb); background-repeat: no-repeat; background-size: 99% 0.2em; background-position: 0 100%; } .government-color-ct_underline { background: linear-gradient(to right, #101e39, #012c63, #003a90, #0046bd, #1251eb); background-repeat: no-repeat; background-size: 99% 0.2em; background-position: 0 100%; } .transport-color-ct_underline { background: linear-gradient(to right, #ff4814, #ff7600, #ff9d00, #f7c100, #ebe212); background-repeat: no-repeat; background-size: 99% 0.2em; background-position: 0 100%; } .trends-color-ct_underline { background: linear-gradient(to right, #3f9a3f, #51ae3c, #66c336, #7ed72a, #98eb12); background-repeat: no-repeat; background-size: 99% 0.2em; background-position: 0 100%; } .solution-color-ct_underline { background: linear-gradient(to right, #ff0035, #fc0068, #e1009c, #a71bcb, #124beb); background-repeat: no-repeat; background-size: 99% 0.2em; background-position: 0 100%; } .healthcare-color-ct_underline { background: linear-gradient(to right, #00b2aa, #00c1ae, #00cfaf, #00ddad, #12eba8); background-repeat: no-repeat; background-size: 99% 0.2em; background-position: 0 100%; } .hospitality-color-ct_underline { background: linear-gradient(to right, #d6006e, #f53d53, #ff7035, #fea113, #ebcf12); background-repeat: no-repeat; background-size: 99% 0.2em; background-position: 0 100%; } .company-callouts-gradient-bg { background-image: -webkit-linear-gradient(bottom, #573393, #6065b7, #7793d3, #9ec0ea, #FFFFFF); background-image: -o-linear-gradient(bottom, #573393, #6065b7, #7793d3, #9ec0ea, #FFFFFF); background-image: linear-gradient(to top, #573393, #6065b7, #7793d3, #9ec0ea, #FFFFFF); } .education-callouts-gradient-bg { background-image: -webkit-linear-gradient(bottom, #0085a5, #6da0c1, #a8bcd7, #d8dceb, #ffffff); background-image: -o-linear-gradient(bottom, #0085a5, #6da0c1, #a8bcd7, #d8dceb, #ffffff); background-image: linear-gradient(to top, #0085a5, #6da0c1, #a8bcd7, #d8dceb, #ffffff); } .government-callouts-gradient-bg { background-image: -webkit-linear-gradient(bottom, #101e39, #4a4e66, #848496, #c0c0c9, #ffffff); background-image: -o-linear-gradient(bottom, #101e39, #4a4e66, #848496, #c0c0c9, #ffffff); background-image: linear-gradient(to top, #101e39, #4a4e66, #848496, #c0c0c9, #ffffff); } .transport-callouts-gradient-bg { background-image: -webkit-linear-gradient(bottom, #ff4814, #ff6b85, #ffa2d3, #f9d6fc, #ffffff); background-image: -o-linear-gradient(bottom, #ff4814, #ff6b85, #ffa2d3, #f9d6fc, #ffffff); background-image: linear-gradient(to top, #ff4814, #ff6b85, #ffa2d3, #f9d6fc, #ffffff); } .trends-callouts-gradient-bg { background-image: -webkit-linear-gradient(bottom, #3fa435, #00c2a4, #5cd6ec, #c8e6ff, #ffffff); background-image: -o-linear-gradient(bottom, #3fa435, #00c2a4, #5cd6ec, #c8e6ff, #ffffff); background-image: linear-gradient(to top, #3fa435, #00c2a4, #5cd6ec, #c8e6ff, #ffffff); } .hospitality-callouts-gradient-bg { background-image: -webkit-linear-gradient(bottom, #d6006e, #dc66aa, #dda0d7, #e5d2f3, #ffffff); background-image: -o-linear-gradient(bottom, #d6006e, #dc66aa, #dda0d7, #e5d2f3, #ffffff); background-image: linear-gradient(to top, #d6006e, #dc66aa, #dda0d7, #e5d2f3, #ffffff); } .solution-callouts-gradient-bg { background-image: -webkit-linear-gradient(bottom, #ff0035, #ff5e93, #ff9ed7, #f3d3fb, #ffffff); background-image: -o-linear-gradient(bottom, #ff0035, #ff5e93, #ff9ed7, #f3d3fb, #ffffff); background-image: linear-gradient(to top, #ff0035, #ff5e93, #ff9ed7, #f3d3fb, #ffffff); } .healthcare-callouts-gradient-bg { background-image: -webkit-linear-gradient(bottom, #007F7A, #00b2aa, #FFFFFF); background-image: -o-linear-gradient(bottom, #007F7A, #00b2aa, #FFFFFF); background-image: linear-gradient(to top, #007F7A, #00b2aa, #FFFFFF); } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-20 { opacity: 0.2; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-80 { opacity: 0.8; } .opacity-90 { opacity: 0.9; } .opacity-100 { opacity: 1; } .href-link { color: rgba(87,51,147,1); transition: 0.3s ease; } .href-link:hover { color: #8E2DE2; } .text-link a { transition: 0.3s ease; } .text-link a:hover { transform: translateY(-3px); } .text-link.company-color a { color: rgba(87,51,147,1); } .text-link.company-color a:hover { color: #8E2DE2; } /* Anim */ .healthcare-pulse-anim { animation: --healthcare-pulse 2s infinite; transition: 0.5s ease; } .healthcare-pulse-anim:hover { animation: --healthcare-pulse 0s infinite; } @keyframes --healthcare-pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(0,178,170, 0.6); box-shadow: 0 0 0 0 rgba(0,178,170, 0.6); } 70% { -moz-box-shadow: 0 0 0 15px rgba(0,178,170, 0); box-shadow: 0 0 0 15px rgba(0,178,170, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(0,178,170, 0); box-shadow: 0 0 0 0 rgba(0,178,170, 0); } } @-webkit-keyframes --healthcare-pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0,178,170, 1); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(0,178,170, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0,178,170, 0); } } /* FLEXBOX LAYOUT */ /* Uncomment and set these variables to customize the grid. */ .container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } .row { box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; /*margin-right: -1rem; margin-left: -1rem;*/ align-items: center; } .sub-row { margin-right: -1rem; margin-left: -1rem; } .sub-row:first-child [class^=col-] { margin-top: 0em !important; } .row.reverse { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } .col.reverse { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 0rem; padding-left: 0rem; } .col-xs { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-xs-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-xs-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-xs-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-xs-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-xs-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-1 { margin-left: 8.333%; } .col-xs-offset-2 { margin-left: 16.667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.333%; } .col-xs-offset-5 { margin-left: 41.667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.333%; } .col-xs-offset-8 { margin-left: 66.667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.333%; } .col-xs-offset-11 { margin-left: 91.667%; } .start-xs { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-xs { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-xs { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-xs { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-xs { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-xs { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; justify-content: space-around; } .between-xs { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-xs { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-xs { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } @media only screen and (min-width: 48em) { .container { width: 46rem; } .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col-sm { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-sm-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-sm-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-sm-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-sm-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-sm-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-1 { margin-left: 8.333%; } .col-sm-offset-2 { margin-left: 16.667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.333%; } .col-sm-offset-5 { margin-left: 41.667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333%; } .col-sm-offset-8 { margin-left: 66.667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.333%; } .col-sm-offset-11 { margin-left: 91.667%; } .start-sm { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-sm { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-sm { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-sm { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-sm { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-sm { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .between-sm { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-sm { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-sm { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 1025px) { .container { width: 61rem; } .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; width: 100%; } .col-md { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-md-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-md-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-md-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-md-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-md-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-11.col-md-12.col-sm-6.col-xs-12{ max-width:30%; } .col-md-offset-1 { margin-left: 8.333%; } .col-md-offset-2 { margin-left: 16.667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.333%; } .col-md-offset-5 { margin-left: 41.667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333%; } .col-md-offset-8 { margin-left: 66.667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.333%; } .col-md-offset-11 { margin-left: 91.667%; } .start-md { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-md { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-md { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-md { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-md { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-md { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; justify-content: space-around; } .between-md { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-md { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-md { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 75em) { .container { width: 71rem; } .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col-lg { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-lg-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-lg-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-lg-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-lg-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-lg-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-1 { margin-left: 8.333%; } .col-lg-offset-2 { margin-left: 16.667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.333%; } .col-lg-offset-5 { margin-left: 41.667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333%; } .col-lg-offset-8 { margin-left: 66.667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.333%; } .col-lg-offset-11 { margin-left: 91.667%; } .start-lg { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-lg { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-lg { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-lg { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-lg { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-lg { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .between-lg { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-lg { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-lg { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } .copyrights_text .copy_container { color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 0; bottom: initial; right: 0; text-decoration-color: #fff; } #customersectionv2 { margin: 20px; } .tg-ale024 .row { display: block; } .CoveoFieldTable { color: #233556; } ul.child_links { list-style-type: none; } .sitemap_html .sitemap_box { height: auto; position: relative; display: inline-block; min-height: auto; border-top: 1px dotted #4c4c4c; padding: 10px; top: 0px; } .sitemap_html .sitemap_box:before { content: " "; display: table; } .sitemap_html .sitemap_box:after { content: " "; display: table; clear: both; } .sitemap_html .row { display: -webkit-box !important; } .sitemap_html .show-more { cursor: pointer; } @media only screen and (min-width: 960px) { .case_study_carousel_slider .slick-slide { width: 310px; } } .pdf-wrapper .pdf-canvas { max-width: 100%; padding: 10px; } span.slide-count { position: relative; float: left; bottom: 25px; left: 85%; } .case_study_carousel_slider span.slide-count { color: #fff; bottom: 15px; font-size: 10px; left: 90%; } .carousel_parent.proof_point_carousel .slide-count { display: none; } .slide_out_banner.split .button { width: fit-content; } .slide_out_banner .colour_container .text_container p { line-height: normal; } .blog_post.blog_highlighted h3 { font-size: 20px; font-weight: bold; } .carousel_item.related_docs .related_docs_span_subtype { margin-top: auto; } .blog_post.blog_highlighted h3 { font-size: 20px; font-weight: bold; } .blog_post.blog_highlighted a { display: inline; } .carousel_item.related_docs .related_docs_span_subtype { margin-top: auto; } .slide_out_banner .colour_container .text_container h2 { font-weight: bold; font-size: 28px; margin: 0 0 25px 0; } .aux_nav_wrapper .left.full { width: 100%; max-width: 100%; } .aux_nav_wrapper.full { width: 250px; min-width: 250px; } .sub_menu_wrapper.aux_sub_items .left li { padding: 5px 15px 5px } .proof_point_carousel a.carousel_item_greenbox { cursor: default; } .coveo-main-section .CoveoResult .coveo-icon { max-width: 20%; } .author_quote .quote_span { display: block; font-style: italic; color: #555; font-size: 18px; font-weight: normal; margin-bottom: 25px !important; padding: 0 0 0 20px; word-wrap: break-word; } .author_quote p.author { color: #14284b; font-size: 16px; padding: 0 0 0 0px; word-wrap: break-word; margin: 0 0 4px; margin-top: 3%; line-height: 20px; font-weight: bold; padding-left: 20px; } /*Page Sub Nav Start*/ .page-sub-nav { width: auto; height: auto; margin: 0 auto; background: #A9A9A9 0% 0% no-repeat padding-box; opacity: 1; } .page-sub-nav ul { margin: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: flex-start; width: 100%; list-style-type: none; } .page-sub-nav > ul > li:hover, .page-sub-nav > ul > li.active { background: #707070 0% 0% no-repeat padding-box; opacity: 1; } .page-sub-nav > ul > li { list-style: none; line-height: auto; position: relative; text-align: left; float: left; background-color: inherit; transition: background-color 0.125s ease-in-out !important; margin: 0px; } .page-sub-nav ul li ul { position: absolute; } .page-sub-nav > ul > li > a { display: inline-block; opacity: 1; min-width: 200px; height: 45px; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; margin: 5px 0px 5px 0px; text-decoration: none; text-align: center; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif !important; font-size: 16px; color: #FFFFFF; transition: color 0.125s ease-in-out !important; } .page-sub-nav > ul > li:hover > a { color: #ffff; } .page-sub-nav ul li ul { display: none; } .page-sub-nav ul li:hover ul { display: block; background-color: #fff; } .page-sec-nav-menu > li > a { display: inline-block; opacity: 1; width: inherit; height: 45px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; margin: 5px 0px 5px 0px; text-decoration: none; text-align: left; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif !important; font-size: 15px; color: #fff; transition: color 0.125s ease-in-out !important; } .page-sec-nav-menu { width: inherit; z-index: 1; } .page-sec-nav-menu > li { white-space: nowrap; list-style: none; margin: 0px; width: 100%; width: -moz-available; /* WebKit-based browsers will ignore this. */ width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */ width: fill-available; min-width: 200px; line-height: auto; position: relative; text-align: right; float: left; transition: background-color 0.125s ease-in-out !important; background: #707070 0% 0% no-repeat padding-box; } .page-sub-nav li.nav-highlight { background-color: #34B233; } .page-sec-nav-menu > li:hover { background: #34B233 0% 0% no-repeat padding-box; } .page-sec-nav-menu > li:hover > a { color: #fff; } .page-sub-nav ul li:hover .angle-up { display: inline; } .page-sub-nav ul li:hover .angle-down { display: none; } .page-sub-nav ul li .angle-down { display: inline; } .page-sub-nav ul li .angle-up { display: none; } .page-sub-nav ul > li i { padding-left: 9px; } @media (max-width: 1024px) { .page-sub-nav { display: none !important; } } @media (min-width: 1024px) { .page-sub-nav-mobile { display: none !important; } } .page-sub-nav-mobile > .nav-highlight { background-color: #34B233; } .page-sub-nav-mobile { background: #A9A9A9 0% 0% no-repeat padding-box; } .page-sub-nav-mobile > li { margin: 0px; } .page-sub-nav-mobile > li > a { opacity: 1; width: 100%; height: 45px; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; margin: 5px 0px 5px 0px; text-decoration: none; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif !important; font-size: 16px; color: #FFFFFF; transition: color 0.125s ease-in-out !important; } .page-sub-nav-mobile > li:hover, .page-sub-nav-mobile > li.active { background: #707070 0% 0% no-repeat padding-box; opacity: 1; } .page-sub-nav-mobile > li:hover ul { display: inline; } .page-sub-nav-mobile > li > a > .angle-down { display: inline; } .page-sub-nav-mobile > li > a > .angle-up { display: none; } .page-sub-nav-mobile > li:hover > a > .angle-down { display: none; } .page-sub-nav-mobile > li:hover > a > .angle-up { display: inline; } .page-sec-nav-menu-mobile { display: none; } .page-sec-nav-menu-mobile > li { margin: 0px; } .page-sec-nav-menu-mobile > li > a { opacity: 1; width: 100%; height: 45px; padding-top: 10px; padding-bottom: 10px; padding-left: 50px; padding-right: 50px; margin: 5px 0px 5px 0px; text-decoration: none; text-align: left; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif !important; font-size: 15px; color: #fff; transition: color 0.125s ease-in-out !important; } .page-sec-nav-menu-mobile > li:hover { background: #34B233 0% 0% no-repeat padding-box !important; } /*Page Sub Nav END*/ @media (max-width: 668px) { .coveo-facet-header-title { width: 100%; margin-bottom: 10px; text-align: center; } .CoveoSearchInterface.coveo-small-tabs .coveo-dropdown-header, .CoveoSearchInterface.coveo-small-facets .coveo-dropdown-header { color: #fff; text-align: center; background-color: #3FA435; } .coveo-facet-column accordion coveo-facet-dropdown-content coveo-dropdown-content { width: 80%; position: absolute; top: 297px; left: 60.844px; } } /*Subpage header layer color*/ .header_wrapper_layer { /* background-color: rgba(104, 59, 184, 0.6); */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*Call output image Alignment Within One Column*/ @media only screen and (min-width: 1024px) { .right .text_container.text_container_white.text_one_column { padding-right: 30% !important; } .left .text_container.text_container_white.text_one_column { padding-left: 30% !important; } .left .image_container.image_one_column { margin-right: 18.1% !important; width: 29% !important; } .right .image_container.image_one_column { margin-left: 18.1% !important; width: 29% !important; } } @media (max-width: 1024px) { .slide_out_banner.split { height: auto; } } .case_study_carousel .carousel { width: 103%; } .blog_search_wrapper .button { width: 100% !important; } @media (max-width: 668px) { .copy_container table { max-width: 150%; width: 135% !important; } } /*Styles for Jira RQMKT-1444*/ @media (max-width: 668px) { .slide .slide_out_banner { min-height: 0 !important; } .slide_out_banner .colour_container { min-height: 0 !important; } } /*Styles for iframe*/ .embedfeed_container .iframeURL_wrapper iframe { border: none; width: 100vw; min-height: 109vh; max-height: 220vh; } .headerlogo { border-style: none; vertical-align: middle; max-width: 100%; height: auto; display: block; margin: auto; margin-top: 0; z-index: 1; overflow: hidden; position: relative; box-shadow: none !important; padding-top: 10px; } /*Styles for Logo Left or Right*/ .rainbow-logo { width: 125px; float: left; } .right-logo { width: 145px; float: right; margin-top: 39px; } .right-nav { right: 16% !important; top: 46px !important; } .rainbow-logo ~ .mega_nav { margin-top: 37px; } @media (max-width: 360px) { .banner h1 { font-size: 31px; } } /*Styles for Coveo Error Message*/ .CoveoDidYouMean { background-color: #F2F2F2; margin: 10px 0px; color: #6E6E6E; width: 100%; } .blog_highlighted .blue_highlight{background-color:#14284b;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.blue_highlight_label{margin-left:27%} .not-supported-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(94,110,141,0.9);opacity:0;visibility:hidden;z-index:1000}.not-supported-popup.is-visible{opacity:1;visibility:visible}.not-supported-popup .cd-popup-container{position:relative;width:90%;max-width:400px;margin:4em auto;background:#FFF;border-radius:.25em .25em .4em .4em;text-align:center;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);box-shadow:0 0 20px rgba(0,0,0,0.2)}.not-supported-popup.warn-message{z-index:10000000000}.not-supported-popup .cd-popup-container p{padding-left:1em;padding-right:1em;padding-top:40px}.not-supported-popup .cd-popup-container .cd-buttons{width:55%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:20%}.not-supported-popup .cd-popup-container .cd-buttons li{float:left;width:50%;list-style:none;margin-bottom:1em}.not-supported-popup .cd-popup-container .cd-buttons a{display:block;height:40px;text-align:center;line-height:40px;text-transform:uppercase;color:#FFF;text-decoration:none}.not-supported-popup .cd-popup-container .cd-buttons li:first-child a{background:#6b489d;border-radius:.25em .25em .25em .25em;cursor:pointer}.not-supported-popup .cd-popup-container .cd-buttons li:first-child a:hover{background:white;color:#6b489d;border-radius:.25em .25em .25em .25em;border:solid 1px #6b489d;cursor:pointer}.not-supported-popup .cd-popup-container .cd-popup-close{position:absolute;top:8px;right:8px;width:30px;height:30px}.not-supported-popup .cd-popup-container .cd-popup-close::before,.not-supported-popup .cd-popup-container .cd-popup-close::after{content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#8f9cb5;cursor:pointer}.not-supported-popup .cd-popup-container .cd-popup-close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);left:8px;cursor:pointer}.not-supported-popup .cd-popup-container .cd-popup-close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);right:8px;cursor:pointer}.not-supported-popup .is-visible .cd-popup-container{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.not-supported-popup.search-video{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#000000BF}.not-supported-popup.search-video .video-player-container{position:relative}.not-supported-popup.search-video .video-player-container .cd-popup-container{width:823px;height:463px;margin:0;max-width:unset;border-radius:unset;border:unset}@media screen and (max-width:1023px){.not-supported-popup.search-video .video-player-container .cd-popup-container{width:555px;height:373px}}@media screen and (max-width:667px){.not-supported-popup.search-video .video-player-container .cd-popup-container{width:333px;height:291px}}.not-supported-popup.search-video .video-player-container .cd-popup-close.img-replace{background-color:#896db1;width:40px;height:40px;position:absolute;top:-37px;right:-57px;border-radius:50%}@media screen and (max-width:1023px){.not-supported-popup.search-video .video-player-container .cd-popup-close.img-replace{top:-21px;right:0}}.not-supported-popup.search-video .video-player-container .cd-popup-close.img-replace .close-cross-icon{background-image:url(../images/icons/search-close-video-icon.svg);height:100%;width:100%;background-repeat:no-repeat;background-size:auto;background-position:center;cursor:pointer} .backgroudModal{position:fixed;width:100%;height:100%;z-index:199;top:0;background-color:black;opacity:.9}.chat-popup-2{position:fixed;bottom:30px;right:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:999}.chat-popup-2 .chat-is-open{opacity:.25;cursor:help;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.chat-popup-2__title{color:#fff;background:#6b489d;border-radius:10px;padding:10px 15px;padding-right:32px;cursor:pointer;-ms-flex-item-align:end;align-self:flex-end;min-width:100px;font-family:"ClanOt","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;text-transform:uppercase;text-align:left;position:relative;z-index:1}.chat-popup-2__title .title{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.chat-popup-2__title span.icon{position:absolute;right:0;top:0;background-image:url(/images/icons/add-simple.svg);background-repeat:no-repeat;background-position:right;background-size:contain;width:15px;height:15px;top:50%;-webkit-transform:translateY(-50%) rotate(0);-ms-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0);right:10px;-webkit-transition:.3s ease;transition:.3s ease}.chat-popup-2__title.close span.icon{-webkit-transform:translateY(-50%) rotate(135deg);-ms-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg)}.chat-popup-2__title-close{display:none;padding:initial;border-radius:50%;width:40px;height:40px;margin-left:auto;-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px)}.chat-popup-2__title.chat-button{text-align:center;padding-right:15px}.chat-popup-2__title.chat-button span.icon{display:none}.chat-popup-2__menu ul li .text-wrapper span{display:block}.chat-popup-2__menu ul li .text-wrapper span.title{line-height:19px;font-size:16px;font-family:"ClanOt","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif}@media screen and (max-width:1023px){.chat-popup-2__menu ul li .text-wrapper span.title{font-size:15px}}.chat-popup-2__menu ul li .text-wrapper span.sub-title{font-size:14px;color:#6a6e8a;text-transform:none;font-family:"ClanOt","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif}@media screen and (max-width:1023px){.chat-popup-2__menu ul li .text-wrapper span.sub-title{font-size:12px}}@-webkit-keyframes wizz-move{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(5px);transform:translateX(5px)}40%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}80%{-webkit-transform:translateX(5px);transform:translateX(5px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wizz-move{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(5px);transform:translateX(5px)}40%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}80%{-webkit-transform:translateX(5px);transform:translateX(5px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.chat-popup-2 .chat-iframe-container{position:fixed;z-index:999;background:white;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);right:10px;bottom:10px;opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.chat-popup-2 .chat-iframe-container.wizz{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:wizz-move;animation-name:wizz-move}.chat-popup-2 .chat-iframe-container.loaded{opacity:1;pointer-events:auto}.chat-popup-2 .chat-iframe-container .header{height:60px;width:100%;position:absolute;top:0;left:0;cursor:-webkit-grab;cursor:grab}.chat-popup-2 .chat-iframe-container .header .close-popup{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);cursor:pointer;color:white;height:20px;width:20px;background-image:url(/images/icons/add-simple.svg);background-repeat:no-repeat;background-position:right;background-size:contain}.chat-popup-2 .chat-iframe-container .header .reload-popup{position:absolute;right:60px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);cursor:pointer;color:white;height:40px;width:20px;background-image:url(/images/icons/refresh.svg);background-repeat:no-repeat;background-position:right;background-size:contain}.chat-popup-2 .chat-iframe-container iframe{border:0}@media screen and (min-width:1024px){.chat-popup-2__menu{background:#fff;margin-bottom:15px;-webkit-box-shadow:0 5px 30px rgba(107,72,157,0.4);box-shadow:0 5px 30px rgba(107,72,157,0.4);-webkit-transition:.3s ease;transition:.3s ease;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);pointer-events:auto;position:relative;max-width:350px;z-index:0}.chat-popup-2__menu.hide{display:block;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);pointer-events:none}.chat-popup-2__menu:after{content:" ";position:absolute;bottom:-19px;right:15px;margin-left:-5px;border-width:10px;border-style:solid;border-color:#fff transparent transparent transparent}.chat-popup-2__menu ul{list-style-type:none;padding:0 10px}.chat-popup-2__menu ul li{margin-bottom:0;padding:10px 0}.chat-popup-2__menu ul li:not(:last-child){border-bottom:solid 1px #ebecf3}.chat-popup-2__menu ul li .icon-wrapper{height:20px;width:20px;margin-right:10px;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0}.chat-popup-2__menu ul li .icon-wrapper .icon{color:#6b489d}.chat-popup-2__menu ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000}}@media screen and (max-width:1023px){.chat-popup-2__title-close{position:relative;min-width:inherit;background-color:#896db1}.chat-popup-2__title-close span.icon{position:absolute;width:50%;height:50%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.chat-popup-2__menu{margin-bottom:30px}.chat-popup-2__menu.hide{display:block;opacity:0;pointer-events:none}.chat-popup-2__menu ul{list-style-type:none;padding-left:0}.chat-popup-2__menu ul li:not(:last-child){margin-bottom:20px}.chat-popup-2__menu ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.chat-popup-2__menu ul li a .icon-wrapper{width:50px;height:50px;background:#fff;border-radius:50%;position:relative;margin-left:10px}.chat-popup-2__menu ul li a .icon-wrapper .icon{position:absolute;color:#6b489d;height:50%;width:50%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.chat-popup-2__menu ul li .text-wrapper{text-align:right}.chat-popup-2__menu ul li .text-wrapper span{display:block}.chat-popup-2__menu ul li .text-wrapper span.title{font-size:14px}.chat-popup-2__menu ul li .text-wrapper span.sub-title{font-size:13px;color:white;opacity:.6}.chat-popup-2 .chat-iframe-container{width:80vw !important;height:80vh !important;bottom:0 !important;top:50% !important;left:50% !important;right:0 !important;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.chat-popup-2 .chat-iframe-container iframe{width:100% !important;height:100% !important}} @charset "UTF-8"; /*------------------------------------* CONTENTS \*------------------------------------*/ /* NOTES SETTINGS .............Settings store all variables, config switches, etc. TOOLS ................Tools store all programic Sass functionality. If your tooling is simplistic enough, you can do something like: tools.mixins If your tooling is more complex you can split it up like: tools.grid tools.typography etc. GENERIC ..............Generic rules are project-agnostic. ELEMENTS .............Elements are rules for classless HTML tags. There can exist no classes at this layer. OBJECTS ..............Objects are "formless", in other words invisible to the user, no cosmetics Eg. wrappers, grid systems, etc. This is the first layer of classes and should be agnostically named (Eg. list-inline, ui-list, etc.) Modules ...........Modules are the stuff of UI. Eg. buttons, special titles, etc. These get much more explicitly named: (eg. products-list, etc.) TRUMPS ...............Trumps are overrides, helpers, utilities. They should only affect one piece of DOM at a time and usually carry !important */ /*------------------------------------* $NOTES \*------------------------------------*/ /*------------------------------------* $SETTINGS \*------------------------------------*/ /* Parallax Effect Banner and overlayImage Banner*/ .parallaxbanner { /* Create the parallax effect */ position: relative; display: block; background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 80px; align-content: center; } .parallax-background { background-attachment: fixed; /* For the parallax effect*/ } @media only screen and (max-device-width: 961px) { .parallaxbanner { /* For small screens disable parralax effect */ background-attachment: scroll; } } .parallaxlogo { border-style: none; vertical-align: middle; max-width: 100%; height: auto; display: block; margin: auto; margin-top: 0px; z-index: 1; overflow: hidden; position: relative; box-shadow: none !important; padding-top: 80px; } .parallaxtext { text-align: center; margin-bottom: 0; } .parallaxbanner h2 { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 600; line-height: 1.36; letter-spacing: 0px; font-style: normal; font-size: 38px; color: #ffffff; overflow-wrap: break-word; } .parallaxbanner h3 { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.36; letter-spacing: 0px; font-style: normal; font-size: 28px; color: #ffffff; } .parallaxbanner .button { background: #34b233; border-radius: 25px !important; box-shadow: none !important; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0px; padding: 17px 40px; line-height: 21px; font-size: 18px; display: block; position: relative; outline: 0; zoom: 1; border: 1px solid transparent; text-align: center; text-transform: uppercase; text-decoration: none; box-sizing: border-box; padding: 10px 30px; max-width: 100%; height: auto; display: block; margin: auto; margin-top: 25px; } .parallaxbanner .button:hover { background: #206e1f; } .parallax-background .button { width: 217.3px; } .static-background .button { width: 205.5px; } .parallaxbanner .fa-angle-double-right:before { content: none; } /* End Parallax Effect Banner and overlayImage Banner*/ /*Feature List*/ .featureList .button { background: #34b233; box-shadow: none !important; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0px; padding: 13px 29px; line-height: 17px; font-size: 14px; display: inline-block; position: relative; outline: 0; zoom: 1; border: 1px solid transparent; text-align: center; text-transform: uppercase; text-decoration: none; box-sizing: border-box; width: 80%; height: inherit; display: block; margin: auto; margin-top: 30px; margin-bottom: 3%; float: left; } .featureList .featureButtonRight .button { float: right; } .featureList .featureButtonLeft .button { float: left; } .featureList .featureButtonCenter .button { float: none; } .featureList .fa-angle-double-right:before { content: none; } .featureList .slick-slide { margin: 2%; } .featureList .slick-slide img { width: 100%; } .featureList .slick-slide:last-child { margin-right: 0%; } .featureList { background-color: rgba(255,255,255,0); background-position: left top; background-repeat: no-repeat; border-top-width: 0px; border-bottom-width: 0px; border-color: #eae9e9; border-top-style: solid; border-bottom-style: solid; position: relative; max-width: 1170px; margin: auto; display: block; align-content: center; position: relative; } @media screen and (max-device-width: 800px) { .featureList { /* For small screens unslick */ max-width: 100%; padding: 2%; } .featureList img { width: 100%; } .featureslide { display: block; padding: 0%; padding-bottom: 10%; } .featureList .featureButtonCenter .button { display: grid; } } @media screen and (max-device-width: 400px) { .featureslide { padding-bottom: 27%; } } @media screen and (max-device-width: 650px) { .featureslide { padding-bottom: 18%; } .featureListText { margin: 5px; text-align: center; } } @media screen and (max-width:767px) { .featureList .featureButtonRight .button { float: none; } .featureList .featureButtonLeft .button { float: none; } } .featureListImage { display: inline-block; background-size: contain; margin: 0 auto; box-shadow: none !important; margin-bottom: 20px; vertical-align: middle; max-width: 100%; width: 100%; height: auto; /*cursor: pointer;*/ overflow: hidden; position: relative; float: left; } .featureListText { text-decoration: none; text-align: left; font-family: "Open Sans", Arial, Helvetica, sans-serif; letter-spacing: 0px; font-style: normal; padding: 0; margin: 0; } .featureCenterTitle { text-align: center; } .featureRightTitle { text-align: right; } .featureList h2 { font-size: 28px; font-weight: 400; line-height: 1.36; /* text-align: center; */ } .featureList h4 { color: #333333; font-size: 21px; font-weight: 300; line-height: 2; -webkit-box-flex: 0; flex-grow: 0; display: block; } .featureslide.link { cursor: pointer; } .featureslide .featurelink { display: none; visibility: hidden; } .featureListImage:hover img { transition: opacity 1s,transform 1s,-webkit-transform 1s; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); overflow: hidden; } /*End of Feature List*/ /*Subpage header layer color*/ .header_wrapper_layer { /* background-color: rgba(104, 59, 184, 0.6); */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }