/* Minification failed. Returning unminified contents. (3681,34): run-time error CSS1030: Expected identifier, found '>' (3681,60): run-time error CSS1031: Expected selector, found ')' (3681,60): run-time error CSS1025: Expected comma or open brace, found ')' (3686,36): run-time error CSS1030: Expected identifier, found '>' (3686,62): run-time error CSS1031: Expected selector, found ')' (3686,62): run-time error CSS1025: Expected comma or open brace, found ')' (3691,36): run-time error CSS1030: Expected identifier, found '>' (3691,62): run-time error CSS1031: Expected selector, found ')' (3691,62): run-time error CSS1025: Expected comma or open brace, found ')' (3798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3827,36): run-time error CSS1039: Token not allowed after unary operator: '-swiper-wrapper-transition-timing-function' (3907,29): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before' (3912,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after' (3915,28): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before' (3920,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after' (3957,26): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color' (3957,56): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (3965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3989,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size' (3993,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size' (3996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4000,13): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-top-offset' (4001,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (4002,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (4003,32): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (4009,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (4009,46): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (4034,14): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset' (4038,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset' (4046,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (4056,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset' (4076,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bottom' (4077,13): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-top' (4108,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width' (4108,53): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size' (4109,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height' (4109,55): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size' (4111,23): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-border-radius' (4112,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-color' (4113,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-opacity' (4130,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-opacity' (4131,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (4131,51): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (4134,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-right' (4135,14): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-left' (4140,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-vertical-gap' (4153,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap' (4167,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-fraction-color' (4170,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-bg-color' (4174,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (4174,51): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (4188,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size' (4193,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size' (4202,23): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius' (4205,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bg-color' (4212,14): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (4213,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bottom' (4214,13): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-top' (4216,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size' (4217,31): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (4221,14): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-left' (4222,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-right' (4223,13): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (4225,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size' (4226,32): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (4232,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-drag-bg-color' (4233,23): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius' (4746,40): run-time error CSS1030: Expected identifier, found '>' (4746,74): run-time error CSS1031: Expected selector, found ')' (4746,74): run-time error CSS1025: Expected comma or open brace, found ')' (4749,42): run-time error CSS1030: Expected identifier, found '>' (4749,76): run-time error CSS1031: Expected selector, found ')' (4749,76): run-time error CSS1025: Expected comma or open brace, found ')' (4754,42): run-time error CSS1030: Expected identifier, found '>' (4754,76): run-time error CSS1031: Expected selector, found ')' (4754,76): run-time error CSS1025: Expected comma or open brace, found ')' (4760,42): run-time error CSS1030: Expected identifier, found '>' (4760,76): run-time error CSS1031: Expected selector, found ')' (4760,76): run-time error CSS1025: Expected comma or open brace, found ')' (4766,44): run-time error CSS1030: Expected identifier, found '>' (4766,78): run-time error CSS1031: Expected selector, found ')' (4766,78): run-time error CSS1025: Expected comma or open brace, found ')' (4770,44): run-time error CSS1030: Expected identifier, found '>' (4770,78): run-time error CSS1031: Expected selector, found ')' (4770,78): run-time error CSS1025: Expected comma or open brace, found ')' (4773,42): run-time error CSS1030: Expected identifier, found '>' (4773,76): run-time error CSS1031: Expected selector, found ')' (4773,76): run-time error CSS1025: Expected comma or open brace, found ')' (4778,40): run-time error CSS1030: Expected identifier, found '>' (4778,87): run-time error CSS1031: Expected selector, found ')' (4778,87): run-time error CSS1025: Expected comma or open brace, found ')' (4783,44): run-time error CSS1030: Expected identifier, found '>' (4783,91): run-time error CSS1031: Expected selector, found ')' (4783,91): run-time error CSS1025: Expected comma or open brace, found ')' (4786,42): run-time error CSS1030: Expected identifier, found '>' (4786,89): run-time error CSS1031: Expected selector, found ')' (4786,89): run-time error CSS1025: Expected comma or open brace, found ')' (4790,46): run-time error CSS1030: Expected identifier, found '>' (4790,93): run-time error CSS1031: Expected selector, found ')' (4790,93): run-time error CSS1025: Expected comma or open brace, found ')' (4795,46): run-time error CSS1030: Expected identifier, found '>' (4795,93): run-time error CSS1031: Expected selector, found ')' (4795,93): run-time error CSS1025: Expected comma or open brace, found ')' (4799,42): run-time error CSS1030: Expected identifier, found '>' (4799,89): run-time error CSS1031: Expected selector, found ')' (4799,89): run-time error CSS1025: Expected comma or open brace, found ')' (4803,40): run-time error CSS1030: Expected identifier, found '>' (4803,87): run-time error CSS1031: Expected selector, found ')' (4803,87): run-time error CSS1025: Expected comma or open brace, found ')' (4809,42): run-time error CSS1030: Expected identifier, found '>' (4809,90): run-time error CSS1031: Expected selector, found ')' (4809,90): run-time error CSS1025: Expected comma or open brace, found ')' (9062,7): run-time error CSS1035: Expected colon, found '{' (9070,7): run-time error CSS1035: Expected colon, found ',' (9079,7): run-time error CSS1035: Expected colon, found ',' */ /* normalise 3.0.1 */ * { -webkit-tap-highlight-color: rgba(255,255,255,0); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } [hidden], audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } button, html, input, select, textarea { font-family: 'PT Sans',sans-serif; color: #222; } body { margin: 0; font-size: 12px; line-height: 1.4; } a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: 700; } code, kbd, pre, samp { font-family: monospace,serif; _font-family: 'courier new',monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:after, q:before { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } ol, ul { margin: 0; padding-left: 30px; } dd { margin: 0 0 0 40px; } nav ol, nav ul { list-style: none; list-style-image: none; margin: 0; padding: 0; } svg:not(:root) { overflow: hidden; } figure, form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type=search] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=submit], input[type=text], textarea { -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; } select { -webkit-border-radius: 0; border-radius: 0; } a, a:focus, a:hover, input, input:focus, select, select:focus, textarea, textarea:focus { outline: 0; -webkit-tap-highlight-color: rgba(255,255,255,0); } .cf:after, .cf:before { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } /* lightbox 3.0.1 */ body.prevent-scroll{overflow:hidden}.mod-lightbox-bg{display:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzYxNzM2M0NENjkxMTFFMzkwREJCNDI5QjE2NTA5QjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzYxNzM2M0RENjkxMTFFMzkwREJCNDI5QjE2NTA5QjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNjE3MzYzQUQ2OTExMUUzOTBEQkI0MjlCMTY1MDlCNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNjE3MzYzQkQ2OTExMUUzOTBEQkI0MjlCMTY1MDlCNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrClMbQAAAAkSURBVHjaYmRgYGhgoCJgYqAyGDVw1MBRA0cNHDVwqBgIEGAArREAqMEhf8AAAAAASUVORK5CYII=);background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:1}.mod-lightbox-bg .mod-lightbox{display:block}.mod-lightbox{padding:10px;display:none;background:#fff;position:fixed;border-radius:3px 0 3px 3px;max-width:80%;max-height:80%}.mod-lightbox .mod-lightbox-close,.mod-lightbox .mod-lightbox-close:hover,.mod-lightbox .mod-lightbox-close:visited{border:none;background:#fff;border-radius:3px 3px 0 0;color:#333;cursor:pointer;display:block;font-family:sans-serif;font-size:22px;height:24px;line-height:22px;position:absolute;right:0;text-align:center;text-decoration:none;top:-23px}[dir=rtl] .mod-lightbox .mod-lightbox-close,[dir=rtl] .mod-lightbox .mod-lightbox-close:hover,[dir=rtl] .mod-lightbox .mod-lightbox-close:visited{right:auto;left:0}.mod-lightbox .mod-lightbox-prev,.mod-lightbox .mod-lightbox-prev:hover,.mod-lightbox .mod-lightbox-prev:visited{border:none;background:#fff;border-radius:3px 0 0 3px;color:#333;display:block;position:absolute;font-family:sans-serif;font-size:22px;height:60px;line-height:60px;top:50%;margin-top:-30px;right:100%;text-align:center;text-decoration:none;cursor:pointer}[dir=rtl] .mod-lightbox .mod-lightbox-prev,[dir=rtl] .mod-lightbox .mod-lightbox-prev:hover,[dir=rtl] .mod-lightbox .mod-lightbox-prev:visited{right:auto;left:100%}.mod-lightbox .mod-lightbox-next,.mod-lightbox .mod-lightbox-next:hover,.mod-lightbox .mod-lightbox-next:visited{border:none;background:#fff;border-radius:0 3px 3px 0;color:#333;display:block;position:absolute;font-family:sans-serif;font-size:22px;height:60px;line-height:60px;top:50%;margin-top:-30px;left:100%;text-align:center;text-decoration:none;cursor:pointer}[dir=rtl] .mod-lightbox .mod-lightbox-next,[dir=rtl] .mod-lightbox .mod-lightbox-next:hover,[dir=rtl] .mod-lightbox .mod-lightbox-next:visited{left:auto;right:100%}.mod-lightbox .mod-lightbox-content{overflow:auto;position:relative}.mod-lightbox .mod-lightbox-content .mod-lightbox-content-inner:after,.mod-lightbox .mod-lightbox-content .mod-lightbox-content-inner:before{content:"";display:table}.mod-lightbox .mod-lightbox-content .mod-lightbox-content-inner:after{clear:both}.mod-lightbox .mod-lightbox-content .mod-lightbox-content-inner{zoom:1}.mod-lightbox .mod-lightbox-loading{width:90px;height:90px;background:url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///zMzM9HR0ZycnMTExK6url5eXnd3d9/f3+np6cnJyUpKSjY2NgAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==) center center no-repeat} /* Stylish Forms 3.1.6 */ input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stylish-form .stylish-email,.stylish-form .stylish-number,.stylish-form .stylish-password,.stylish-form .stylish-text,.stylish-form .stylish-textarea{position:relative}.stylish-form .stylish-email>input,.stylish-form .stylish-number>input,.stylish-form .stylish-password>input,.stylish-form .stylish-text>input,.stylish-form .stylish-textarea>textarea{color:#555;background:0 0;border:none;outline:0;width:100%;height:42px;position:absolute;left:0;top:0;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.stylish-form .stylish-textarea>textarea{height:100%;resize:none!important;top:0;padding:10px}.stylish-form .stylish-email>span,.stylish-form .stylish-number>span,.stylish-form .stylish-password>span,.stylish-form .stylish-text>span,.stylish-form .stylish-textarea>span{border:1px solid #ccc;display:block;height:42px}.stylish-form .stylish-textarea>span{height:100px}.stylish-form .stylish-ds.disabled[data-type=checkbox],.stylish-form .stylish-email.disabled,.stylish-form .stylish-number.disabled,.stylish-form .stylish-password.disabled,.stylish-form .stylish-text.disabled,.stylish-form .stylish-textarea.disabled{background-color:#ccc}.stylish-form .stylish-ds.disabled[data-type=radio]>span{border-radius:20px;background-color:#ccc}.stylish-form .stylish-number>input.date,.stylish-form .stylish-number>span.date,.stylish-form .stylish-text>input.date,.stylish-form .stylish-text>span.date{width:60px;margin-right:-2px;left:0;padding:0 10px}.stylish-form .stylish-ds{display:block;width:40px;height:40px;position:relative;float:left;border:1px solid #ccc}.stylish-form .stylish-ds>*{width:100%;height:100%}.stylish-form .stylish-ds[data-type=checkbox]>span.checked,.stylish-form .stylish-ds[data-type=radio]>span.checked{width:34px;height:34px;padding:3px;background:#555}.stylish-form .stylish-ds>span{position:absolute}.stylish-form .stylish-ds>input[type=checkbox],.stylish-form .stylish-ds>input[type=radio]{cursor:pointer;margin:0}[dir=rtl] .stylish-form .stylish-ds{float:right}.stylish-form .stylish-ds[data-type=radio]{border:none}.stylish-form .stylish-ds[data-type=radio]>span{border-radius:20px;border:1px solid #ccc}.stylish-form .stylish-select{border:1px solid #ccc;position:relative;cursor:pointer;outline:0}.stylish-form .stylish-select.disabled{background:#ccc}.stylish-form .stylish-select>span.selected{display:block;padding:5px 30px 5px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stylish-form .stylish-select>span>span.ico{position:absolute;top:21px;right:21px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #555}.stylish-form .stylish-select>.dropdown-list{display:none;cursor:pointer;position:absolute;top:106%;left:0;z-index:3;background:#fff;border:1px solid #ccc;list-style:none;padding:0;margin:0;width:100%;overflow:auto}.stylish-form .stylish-select>.dropdown-list.show-above{top:auto;bottom:100%}.stylish-form .stylish-select>.dropdown-list>div{position:relative}.stylish-form .stylish-select>.dropdown-list .dropdown-option{background:#fff;padding:5px 10px;outline:0}.stylish-form .stylish-select>.dropdown-list .dropdown-option.disabled,.stylish-form .stylish-select>.dropdown-list .dropdown-option.disabled:hover{background:#fff;color:#ccc;cursor:default}.stylish-form .stylish-select>.dropdown-list .dropdown-option.group span{display:block;cursor:default;font-weight:700;font-style:italic}.stylish-form .stylish-select>.dropdown-list .dropdown-option.group ul{list-style:none}.stylish-form .stylish-select.active,.stylish-form .stylish-select.focus{background-color:#fafafa}.stylish-form .stylish-select>.dropdown-list .dropdown-option.option-selected,.stylish-form .stylish-select>.dropdown-list .dropdown-option:hover{background-color:#c2c5c8}.stylish-form .stylish-select>.dropdown-list .dropdown-option.group.option-selected,.stylish-form .stylish-select>.dropdown-list .dropdown-option.group:hover{background:0 0}[dir=rtl] .stylish-form .stylish-select>span.selected{padding:5px 10px 5px 30px}[dir=rtl] .stylish-form .stylish-select>span>span.ico{right:auto;left:21px}.stylish-form .stylish-select.checkbox-dropdown .stylish-ds[data-type=checkbox]>span{border-color:#222}.stylish-form .stylish-select.checkbox-dropdown label{height:42px;line-height:42px;margin-bottom:0;display:block}.stylish-form .ui-slider.ui-slider-horizontal{background:#999;height:6px;margin-top:24px}.stylish-form .ui-slider-range{background:#fff;height:6px}.stylish-form .ui-slider-handle{background:#fff;height:27px;width:10px;margin-top:-5px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}.stylish-form .ui-slider-handle:first-of-type{margin-left:0} /* mod-carousel 4.2.4 */ html{overflow-x:hidden}.mod-carousel ul,.mod-carousel ol,.mod-carousel div{list-style:none}.mod-carousel .viewport{width:100%;height:100%;z-index:1;position:relative;overflow:hidden;float:left}.mod-carousel[data-modes*=infinite] .viewport{overflow:visible}.mod-carousel[data-modes*=infinite] .viewport .mask{z-index:3;background:#222;position:absolute;top:0;left:0;height:100%;float:left;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}.mod-carousel .slide-container{position:relative;width:99999px;float:left;height:100%;background:#fff}.mod-carousel .loader{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2}.mod-carousel .slide-container > div{display:block;position:relative;height:100%;float:left}.mod-carousel[data-modes*=fade] .slide-container{width:920px}.mod-carousel[data-modes*=fade] .mask{display:none}.mod-carousel[data-modes*=fade] .slide-container > div{position:absolute;display:none;z-index:0}.mod-carousel[data-modes*=fade] .slide-container > div:first-child{display:block}.mod-carousel > fieldset{border:none;padding:0}.mod-carousel > fieldset .step{display:none;width:0;height:0;padding:0;background:none}.mod-carousel > fieldset .step.prev,.mod-carousel > fieldset button.stop{z-index:3;position:absolute;top:50%;left:10px;margin-top:-30px;cursor:pointer;border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:30px solid #2a2a2a;border-left:none}.mod-carousel > fieldset .step.next,.mod-carousel > fieldset button.play{z-index:3;position:absolute;top:50%;right:10px;margin-top:-30px;cursor:pointer;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:30px solid #2a2a2a;border-right:none}.mod-carousel > fieldset button.playback{display:none;width:0;height:0;padding:0;background:none;width:30px;height:60px;top:auto;bottom:10%}.mod-carousel > fieldset button.stop{left:45%;border:none;border-left:10px solid #2a2a2a;border-right:10px solid #2a2a2a}.mod-carousel > fieldset button.play{right:45%}.mod-carousel > .pagination-controls{z-index:3;position:absolute;left:50%;bottom:5px;padding:15px}.mod-carousel > .pagination-controls > button{cursor:pointer;float:left;margin-left:5px;width:12px;height:12px;padding:0;border-radius:10px;background:#222;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.mod-carousel > .pagination-controls > button.active{background:#444}.mod-carousel > .pagination-controls > button:first-child{margin-left:0}.mod-carousel > .pagination-controls > button:hover{background:#666} /* * ---------------------------------------- * * Name: Panel Grid Styles * * Type: CSS * * ---------------------------------------- * */ .panel-grid { background: #eaedf4; padding: 100px 0 120px; } .theme--adtran .panel-grid, .theme--security .panel-grid { background: #ecf1f2; margin: 20px; } .theme--adtran .newsroom-tiles .panel-grid { margin-left: 0; margin-right: 0; } .theme--adtran .team-grid .panel-grid { margin-left: 0; margin-right: 0; } .theme--adtran .panel-grid.panel-grid-data h2 { padding-bottom: 20px; margin-bottom: 25px; } .theme--adtran .panel-grid.panel-grid-data .center-text { margin-bottom: 10px; } .theme--adtran .panel-grid.panel-grid-data { background-repeat: no-repeat; background-size: cover; } .theme--adtran .filters + .panel-grid.results { margin: 0; } .panel-grid header { margin-bottom: 14px; } .theme--adtran .panel-grid header { margin-bottom: 20px; } .panel-grid .equal-height.center-grid { justify-content: center; } .panel-grid .panel { width: calc(25% - 12px); margin-left: 16px; margin-top: 20px; position: relative; display: inline-block; vertical-align: top; } .theme--adtran .panel-grid .panel { padding: 10px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12); } .panel-grid .panel:nth-child(4n + 1), .panel-grid .panel:first-child { margin-left: 0; } .panel-grid .panel .text-container { padding: 16px 20px 45px; min-height: 170px; position: static; } .theme--adtran .panel-grid .panel .text-container { padding-left: 10px; padding-right: 10px; } .panel-grid .panel h3 { text-align: left; font-size: 2rem; line-height: 2.4rem; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .theme--adtran .panel-grid-data h3 a { line-height: 21px; } @media screen and (min-width: 762px) { .panel-grid .panel h3 { -webkit-line-clamp: 4; } } .theme--adtran .panel-grid h2 { padding-bottom: 36px; color: #000; } .theme--adtran .panel-grid h2::after { content: ''; position: absolute; left: calc(50% - 5%); bottom: 0; height: 4px; width: 10%; background: #006e8c; } .panel-grid .panel h3 { font-size: 1.8rem; line-height: 1.55; } .panel-grid .panel h3 { font-size: 1.6rem; line-height: 1.55; } .theme--adtran .panel-grid .panel h3 span, .theme--security .panel-grid .panel h3 span { display: block; font-size: 2.2rem; line-height: 1.2; font-weight: 700; margin-bottom: 8px; color: #000; } .theme--adtran .panel-grid .panel .icon-small { position: relative; top: 0; display: inline-block; width: 10px; height: 10px; margin-left: 3px; } .theme--security .panel-grid .panel .icon-small { position: relative; top: 0; display: inline-block; width: 10px; height: 10px; margin-left: 3px; } .panel-grid .panel h3 button { font-size: 1.6rem; line-height: 1.55; font-family: 'poppinsmedium'; } .panel-grid .panel h3 a { color: #3d455c; } .theme--adtran .panel h3 a, .theme--security .panel h3 a { color: #404040; font-family: 'poppinsregular'; } .panel-grid .panel h3 > button { color: #3d455c; text-align: left; } .panel-grid .panel h3 > button:hover { text-decoration: underline; } .panel-grid .panel .tag-container { padding: 15px 20px; font-size: 12px; line-height: 18px; line-height: 1.8rem; font-size: 1.2rem; position: absolute; bottom: 0; left: 0; } .panel-grid .panel .tag-container { font-size: 11px; font-family: 'poppinsregular'; } .panel-grid .panel .tag-container button { font-family: 'poppinsregular'; } .theme--adtran .panel-grid .panel h3 > button { font-family: 'poppinsregular'; } .theme--adtran .newsroom-tiles .panel-grid .panel h3 > button { color: #000; font-family: 'poppinsmedium'; } .theme--adtran .newsroom-tiles .panel-grid .panel h3 a { color: #000; font-family: 'poppinsmedium'; } .panel-grid .panel .tag-container button { color: #4f89f1; } .theme--adtran .panel-grid .panel .tag-container button { color: #00a0c8; } .panel-grid .panel .tag-container button:hover { text-decoration: underline; } .panel-grid .panel .tag-container button .icon { height: 10px; margin-left: 3px; display: inline-block; } .panel-grid .panel .tag .icon { width: 12px; height: 14px; position: relative; margin: 0 5px 0 0; bottom: -2px; } .panel-grid .panel .img-container { height: 132px; position: relative; } .panel-grid .panel .img-container button { vertical-align: middle; width: 100%; height: 100%; } .panel-grid .panel .img-container img { position: static; object-fit: cover; } .panel-grid.latest-updates .panel .img-container img { aspect-ratio: 1/1; object-position: 0; } .panel-grid.latest-updates .panel .img-container .img-container { width: 100%; height: 100%; padding-bottom: 0; } .panel-grid.latest-updates { padding: 80px 35px; } .panel-grid.latest-updates { margin-top: 80px; } .theme--adtran .panel-grid.latest-updates { margin-top: 20px; } .ie .panel-grid .panel .img-container img { position: absolute; } .panel-grid .panel .img-container .icon { position: absolute; top: 50%; left: 50%; height: 86px; margin-top: -43px; width: 66px; margin-left: -33px; } .panel-grid .panel .img-container .slide-share .icon svg { fill: none; stroke: #ffffff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; } .panel-grid .panel .img-container .icon svg { fill: #ffffff; } .panel-grid .panel .img-container .bright-bg svg path{ fill: #000000; } .panel-grid .panel .img-container .slide-share.bright-bg .icon svg path, .panel-grid .panel .img-container .sound-cloud.bright-bg .icon svg path { stroke: #000000; fill: none; } .panel-grid .panel .img-container .video.icon svg { fill: rgba(0, 0, 0, 0.78); } .ie9 .panel-grid .panel { width: calc(25% - 15px); } .ipad .panel-grid .panel { width: calc(25% - 13px); } /* resource links */ .resource-links .panel .tag .icon { width: 100%; height: 100%; max-width: 12px; margin-right: 5px; bottom: -4px; } .resource-links .panel .tag .icon img { width: 12px; height: 14px; } .resource-links .panel .tag-container { width: 100%; } .resource-links .panel .tag-container a.external-link, .resource-links .panel .tag-container a.external-link:hover, .resource-links .panel .tag-container a.external-link:visited { color: #909090; } .theme--adtran .panel-grid .panel .tag .icon svg g { stroke: #00a0c8; } .theme--adtran .panel-list { width: 100%; } .theme--adtran .panel-grid.panel-grid-data .panel .text-container h3 { margin-bottom: 0; } body.theme--adtran .panel-grid.panel-grid-data header p { font-size: 2.4rem; } .theme--adtran .panel-grid.panel-grid-data .panel .tag-container, .theme--security .panel-grid.panel-grid-data .panel .tag-container { font-size: 1.6rem; } /* responsive ============================ */ @media screen and (min-width: 762px) { .panel-grid .panel-list { display: flex; width:100%; } .panel-grid .panel-list { align-items: center; justify-content: center; flex-wrap: wrap; align-items: stretch; } } @media screen and (max-width: 970px) { .panel-grid .panel, .ipad .panel-grid .panel { width: calc(33.33% - 15px); } .panel-grid .panel:nth-child(4n + 1) { margin-left: 15px; } .panel-grid .panel:first-child, .panel-grid .panel:nth-child(3n+1) { margin-left: 0; width: calc(33.33% - 15px); } .theme--adtran .panel-grid .panel h3 span { font-size: 1.5rem; } } @media screen and (max-width: 760px) { .panel-grid { padding: 34px 0 32px; } .panel-grid h2 { padding: 0 16px; } .panel-grid header { margin-bottom: 0; } .panel-grid .panel:nth-child(4n + 1), .panel-grid .panel:first-child, .panel-grid .panel:nth-child(3n+1), .panel-grid .panel { margin-top: 16px; width: 100%; margin-left: 0; } .panel-grid .panel .img-container { float: left; height: 0; min-height: 0; width: 28%; padding-bottom: 28%; } .panel-grid .panel .img-container > button, .panel-grid .panel .img-container > a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .panel-grid .panel .text-container { float: left; width: 72%; min-height: 0; position: static; } .panel-grid .panel .tag-container { left: 28%; } .panel-grid .panel .img-container .icon { margin-left: -18%; width: 36%; } .theme--adtran .panel-grid.panel-grid-data .img-container { float: none; width:100%; height: 160px; margin-bottom: 20px; } .theme--adtran .panel-grid.panel-grid-data .panel .text-container { position: relative; width: 100%; min-height: 130px; } .theme--adtran .panel-grid.panel-grid-data .panel h3 { font-size: 1.4rem; } .theme--adtran .panel-grid.panel-grid-data .panel h3 span { font-size: 2rem; } .theme--adtran .panel-grid.panel-grid-data .panel .tag-container, .theme--security .panel-grid.panel-grid-data .panel .tag-container { font-size: 1.4rem; } .theme--adtran .panel-grid.panel-grid-data .panel .tag-container, .theme--security .panel-grid.panel-grid-data .panel .tag-container { left: 0; bottom: 10px; display: block; padding-left: 0px; } body.theme--adtran .panel-grid.panel-grid-data header p { font-size: 1.6rem; padding: 0 20px; } } @media screen and (max-width: 550px) { .panel-grid .panel h3 { font-size: 1.2rem; line-height: 1.8rem; } .theme--adtran .panel-grid .panel h3 { font-size: 1rem; } .theme--adtran .panel-grid .panel h3 button {font-size: 1rem; } .panel-grid .panel .text-container { float: left; width: 72%; padding: 8px; } .theme--adtran .panel-grid .panel .tag-container { margin-left: 8px; margin-bottom: 4px; font-size: 0.7rem; line-height: 0.8rem; } .panel-grid .panel .tag-container { padding: 8px; font-size: 0.8rem; line-height: 1rem; } .panel-grid .panel .tag .icon { width: 10px; } .resource-links .panel .tag .icon { margin-right: 2px; bottom: -2px; } .resource-links .panel .tag .icon img { width: 11px; height: 11px; } .theme--adtran .panel-grid.panel-grid-data .panel .text-container { padding-top: 0; margin-left: 0; } .panel-grid.latest-updates { margin-top: 33px; } .theme--adtran .panel-grid.latest-updates { margin-top: 20px; } } /* * ---------------------------------------- * * Name: Listing Styles * * Type: CSS * * ---------------------------------------- * */ @keyframes bounce { 0%, 75%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 25% { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } .listing { background: #eaedf4; } .theme--adtran .listing { background: #ecf1f2; margin: 0; } .theme--adtran .listing.search-listing { background: #fff; } .listing .extra-info { position: absolute; visibility: hidden; margin-top: 60px; padding: 0; opacity: 0; pointer-events: none; } .listing .extra-info.active { position: static; visibility: visible; opacity: 1; pointer-events: auto; } .listing .extra-info > .rich-text p { margin: 0; } .listing .filters { background: #ffffff; color: #7e8599; margin-top: 40px; padding: 0 40px; } .theme--adtran .listing .filters p { color: #404040; opacity: 0.6; } .theme--adtran .listing.resources-listing, .theme--adtran .listing.newsroom-tiles { margin: 20px; /* resources and newsroom page white boarder */ } .listing .filters .form-field { float: left; margin-bottom: 0; } .listing .filters > p { min-width: 110px; float: left; padding: 10px 0; } .listing .filters .stylish-select { background: #ffffff; color: #3d455c; border: none; float: left; min-width: 250px; } .listing .filters .stylish-select > span.selected { display: flex; align-items: center; } .listing .filters .stylish-select > span.selected .text { overflow: hidden; text-overflow: ellipsis; max-width: 190px; } .theme--adtran .listing .filters .stylish-select { color: #404040; } .theme--adtran .listing .filters .stylish-select > span.selected .text { font-size: 1.6rem; } .listing .filters .stylish-select > span > span.ico { position: static; display: inline-block; margin-left: 6px; } .listing .filters .stylish-select > .dropdown-list { min-width: 160px; } .listing .filters.filters-flexible .stylish-select > .dropdown-list { min-width: 220px; } .listing .panel-grid { padding: 0; } .listing .results { margin-top: 20px; } .listing .pagination { margin: 60px 0 120px; } .listing .pagination .load-more button { color: #4F89F1; font-size: 1.6rem; line-height: 3rem; } .theme--adtran .listing .pagination .load-more button { font-size: 1.6rem; color: #00a0c8; } .listing .pagination .load-more .icon { width: 18px; height: 18px; float: right; position: relative; top: 5px; margin-left: 8px; } .listing .pagination .load-more .icon svg { fill: #4F89F1; } .theme--adtran .listing .pagination .load-more .icon { top: 7px; } .theme--adtran .listing .pagination .load-more .icon svg { fill: #00a0c8; } .listing .pagination .pages-container > button { min-width: 212px; background: #468cff; color: #ffffff; padding: 9px; font-size: 1.8rem; line-height: 2.8rem; border-radius: 25px; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -ms-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } .theme--adtran .listing .pagination .pages-container > button { background: #00a0c8; } .listing .pagination .pages-container > button:focus, .listing .pagination .pages-container > button:hover { background: #407EE4; } .theme--adtran .listing .pagination .pages-container > button:hover { background: #0097bd; } .listing .pagination .pages-container > button:last-child .icon { margin-left: 4px; } .listing .pagination .pages-container > button .icon { width: 10px; height: 10px; display: inline-block; } .listing .pagination .pages-container > button .icon svg { fill: #ffffff; } .theme--adtran .listing .pagination .pages-container .load-more button .icon svg { width: 18px; height: 18px; } .listing .pagination .pages-container > button:disabled { background: #4e566e; visibility: hidden; } .listing .pagination .page-numbers { display: inline-block; font-size: 1.6rem; line-height: 1.75; color: #3d455c; padding: 0 82px; } .theme--adtran .listing .pagination .page-numbers { font-size: 1.6rem; line-height: 1.75; color: #404040; } .listing .pagination .page-numbers input { width: 40px; height: 40px; border: 1px solid #d6d9e3; font-size: 1.6rem; line-height: 1.75; color: #3d455c; text-align: center; } .listing .loader { padding: 25vh 0; } .listing .loader .loader-container { max-width: 190px; margin: 0 auto; } .listing .loader .loader-container img { width: 100%; } .listing.white-bg .panel-grid { background: #ffffff; } .listing.white-bg .filters, .listing.white-bg .filters .stylish-select { background: #ebf2f9; } .theme--adtran .listing.white-bg .filters, .theme--adtran .listing.white-bg .filters .stylish-select { background: #ecf1f2; } .theme--adtran .listing .pagination .page-numbers input { color: #404040; font-size: 1.6rem; line-height: 1.75; font-family: 'poppinsregular'; } /* responsive ============================ */ @media screen and (max-width: 760px) { .listing .filters { padding: 0 8px; margin-top: 16px; } .listing .results { margin-top: 0; } .listing .filters > p { min-width: 52px; padding: 8px 0; } .listing .filters .fields { width: calc(100% - 52px); float: right; } .listing .filters .form-field { width: 100%; } .listing .filters .stylish-select { min-width: 200px; } .listing .filters .stylish-select > span.selected { padding: 8px 20px; } .listing .filters .stylish-select > span.selected .text { max-width: 100%; } .listing .filters .stylish-select > span > span.ico { position: relative; top: 2px; left: 0; min-width: 10px; height: 10px; } .listing .pagination { margin: 32px 0 48px; } .listing .pagination .pages-container > button .icon { width: 7px; height: 8px; } .listing .pagination .pages-container > button { padding: 6px; font-size: 1.2rem; line-height: 1.8rem; min-width: 96px; } .listing .pagination .page-numbers { padding: 0 17px; font-size: 1.2rem; line-height: 2rem; } .listing .pagination .page-numbers input { font-size: 1.2rem; width: 30px; line-height: 2.6rem; } .listing .extra-info { padding: 31px 0 15px; } .listing .loader .loader-container { max-width: 100px; margin: 0 auto; } .theme--adtran .listing .filters > p { font-size: 1.1rem; } .theme--adtran .listing .filters .stylish-select > span.selected .text { font-size: 1.1rem; } .theme--adtran .listing .pagination .page-numbers input { font-size: 1.2rem; } .theme--adtran .listing .pagination .page-numbers { font-size: 1rem; } } /* Statement Listing CSS */ .statement-listing .results { margin-top: 0; } .statement-listing .results .panel { padding: 20px 40px; margin-top: 10px; } .statement-listing .results .panel > h3 { font-size: 2.6rem; line-height: 3.4rem; margin-bottom: 2px; font-weight: 500; } .statement-listing .results .panel .icon { width: 12px; height: 14px; margin-right: 10px; margin-bottom: -1px; } /* responsive ============================ */ @media screen and (max-width: 760px) { .statement-listing .results { margin-top: 8px; } .statement-listing .results .panel { padding: 16px; margin-top: 8px; } .statement-listing .results .panel > h3 { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 8px; } .statement-listing .results .panel .icon { width: 8px; height: 10px; margin-right: 5px; } } /* * ---------------------------------------- * * Name: Quote Styles * * Type: CSS * * ---------------------------------------- * */ .quote-mod { padding: 121px 0 108px; color: #4e566e; } .quote-mod .quote { font-size: 3.2rem; line-height: 4.4rem; font-style: italic; font-weight: 300; max-width: 716px; padding: 0 20px; margin: 0 auto; } .quote-mod .quote span:before { content: open-quote; } .quote-mod .quote span:after { content: close-quote; } .quote-mod .source { font-size: 1.4rem; line-height: 1.4rem; margin-top: 24px; } .quote-mod .source cite { font-size: 1.4rem; font-style: normal; } [lang="de"] .quote-mod .quote span:before { margin-right: 5px; } .theme--adtran .quote-mod .quote { background-image: linear-gradient(to right, #00b1c4, #468cff); background-size: 200%; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; animation: animated-gradient 5s ease-in-out infinite; font-size: 3.2rem; line-height: 1.38; font-family: 'poppinsblack'; } /* responsive ============================ */ @media screen and (max-width: 760px) { .quote-mod { padding: 47px 0 49px; } .quote-mod .quote { font-size: 1.8rem; line-height: 2.6rem; } .quote-mod .source, .quote-mod .source cite { font-size: 0.8rem; line-height: 1.6rem; } .quote-mod .source { margin-top: 7px; } .theme--adtran .quote-mod .quote { font-size: 1.6rem; } } /* * ---------------------------------------- * * Name: Rich Text Module Styles * * Type: CSS * * ---------------------------------------- * */ .rich-text-module { margin: 32px auto 48px; } .theme--adtran .rich-text-module.grey-bg { padding: 80px 0; margin-left: 20px; margin-right: 20px; } .theme--adtran .product-details .rich-text-module.grey-bg, .theme--adtran .video-mod + .product-details .rich-text-module.grey-bg:first-child { padding: 80px 0; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; } .theme--adtran .image-banner + .product-details .rich-text-module.grey-bg:first-child, .theme--adtran .video-mod + .product-details .rich-text-module.grey-bg:first-child { padding: 80px 0; } .theme--adtran .rich-text-module.grey-bg .rich-text h2 { font-size: 4rem; } .rich-text-module.rich-text-module--adtran h1 { font-size: 3.2rem; line-height: 1.38; color: #000; } .rich-text-module.rich-text-module--adtran h2 { color: #000; text-align: left; font-size: 3.2rem; line-height: 1.38; margin: 0; } .rich-text-module.rich-text-module--adtran p { margin: 20px 0 20px 0; } .rich-text-module.rich-text-module--adtran ul li { margin-bottom: 0; } .theme--adtran .m-campaign__panel .rich-text-module h2 { font-size: 32px; font-weight: 600; line-height: 1.38; color: #000000; } .theme--adtran .m-campaign__panel .rich-text-module h3 { font-size: 32px; font-weight: 600; line-height: 1.38; color: #000000; } .theme--adtran .m-campaign__panel .rich-text-module p { font-size: 16px; line-height: 1.75; color: #404040; } .theme--adtran .m-campaign__panel .rich-text-module ul { margin-top: 30px; margin-bottom: 70px; margin-left: 15px; list-style-type: disc; } .theme--adtran .m-campaign__panel .rich-text-module ul li { font-size: 16px; line-height: 1.75; color: #404040; } .theme--adtran .m-campaign__panel .rich-text ul li{ padding-left: 0; } .theme--adtran .m-campaign__panel .rich-text ul li::before { display: none; } .theme--adtran .m-campaign__panel .rich-text-module.white-bg { background: transparent; } /* responsive ============================ */ @media screen and (max-width: 760px) { .rich-text-module { margin: 32px auto 48px; padding: 0 20px; } .theme--adtran .rich-text-module.grey-bg { padding: 40px 0; } .theme--adtran .rich-text-module.grey-bg .rich-text h2 { font-size: 2.6rem; } .rich-text-module.rich-text-module--adtran h1 { font-size: 2.6rem; } .rich-text-module.rich-text-module--adtran h2 { font-size: 2.6rem; } .rich-text-module.rich-text-module--adtran p { font-size: 1.2rem; } } .theme--adtran .m-campaign__panel .rich-text-module { padding-top: 0; } .theme--adtran .m-campaign__panel .rich-text-module h2, .theme--adtran .m-campaign__panel .rich-text-module h3 { font-size: 32px; font-weight: 600; line-height: 1.38; color: #000000; } .theme--adtran .m-campaign__panel .rich-text-module p { font-size: 16px; line-height: 1.75; color: #404040; } .theme--adtran .m-campaign__panel .rich-text-module ul { margin-top: 30px; margin-bottom: 70px; margin-left: 15px; list-style-type: disc; } .theme--adtran .m-campaign__panel .rich-text-module li { font-size: 16px; line-height: 1.75; color: #404040; } .theme--adtran .m-campaign__panel .rich-text-module.white-bg { background: transparent; } /* * ---------------------------------------- * * Name: Error page styling * * Type: CSS * * ---------------------------------------- * */ .error-page.snapshot-tile { background-color: #f7fafe; padding: 121px 0; } .theme--adtran .error-page.snapshot-tile { background-color: #ecf1f2; } .error-page #logo { margin-top: 11px; } .error-page .text-container h3 { font-size: 3.6rem; font-weight: bold; line-height: 4.2rem; letter-spacing: -0.03rem; text-align: left; margin: 0; } .error-page .text-container div, .error-page .text-container > p { padding: 30px 0; } .error-page .text-container .form { position: relative; } .error-page .text-container .form input { min-height: 48px; border: 1px solid #d6d9e3; width: 100%; padding: 0 40px 0 10px; } .error-page .submit-search { margin-right: 3px; position: absolute; top: 9px; right: 2px; padding: 5px; } .error-page button svg { width: 22px; height: 22px; } /* responsive ============================ */ @media screen and (max-width: 760px) { .error-page .text-container h3 { font-size: 2rem; line-height: 2.8rem; letter-spacing: -0.02rem; } .error-page .text-container div { font-size: 1.2rem; line-height: 2rem; } } /* * ---------------------------------------- * * Name: Snapshot Tile Styles * * Type: CSS * * ---------------------------------------- * */ .snapshot-tile { position: relative; overflow: hidden; } .theme--adtran .snapshot-tile { margin-bottom: 20px; margin-left: 20px; margin-right: 20px; } .theme--adtran .listing-hero + .snapshot-tile { margin-top: 20px; } .snapshot-tile h3 { color: #4e566e; font-family: 'poppinsmedium'; } .theme--adtran .snapshot-tile h3, .theme--adtran .snapshot-tile h2 { color: #000000; } .theme--adtran .snapshot-tile.white-text h3, .theme--adtran .snapshot-tile.white-text h2 { color: #fff; } .theme--adtran .snapshot-tile.white-text h3 { color: #ffffff; } .snapshot-tile h3 { color: #4e566e; } .snapshot-tile .btn { margin-top: 29px; } .snapshot-tile .text-container { width: 50%; padding: 191px 0; } .snapshot-tile .img-container { width: 1000px; height: 100%; position: absolute; top: 0; left: 58%; } .snapshot-tile .img-container img { height: auto; position: static; object-fit: contain; object-position: left center; float: left; } .snapshot-tile.right-align .text-container { float: right; } .snapshot-tile.right-align .img-container { left: auto; right: 58%; } .snapshot-tile.right-align .img-container img { object-position: right center; } .snapshot-tile .img-container .vertical-align-container { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .snapshot-tile .img-container.full-width-image { width: 100%; height: auto; max-height: 800px; position: static; top: auto; left: auto; } .snapshot-tile .img-container.full-width-image img { height: 100%; position: absolute; object-fit: cover; object-position: center; } .snapshot-tile.right-align .img-container.full-width-image { left: auto; right: auto; } .snapshot-tile.right-align .img-container.full-width-image img { object-position: center; } .ie .snapshot-tile .img-container img { width: 100%; min-height: 0; min-width: 0; } .ie .snapshot-tile .img-container.full-width-image img { height: auto; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } /* responsive ============================ */ @media screen and (max-width: 1000px) { .snapshot-tile { padding: 47px 0 0; } .snapshot-tile h3 { font-size: 2rem; line-height: 2.8rem; margin-bottom: 9px; } .theme--adtran .snapshot-tile h3 { font-size: 1.56rem; } .theme--adtran .snapshot-tile .text-container div { font-size: 1rem; } .snapshot-tile .btn { margin-top: 16px; } .snapshot-tile .wrapper-2000 { padding: 0; } .snapshot-tile .text-container { width: 100%; padding: 0 0 30px 0; } .snapshot-tile .img-container { position: static; width: 100%; } .snapshot-tile .img-container img, .snapshot-tile.right-align .img-container img { max-height: 50%; object-position: center; } .snapshot-tile .img-container.full-width-image img, .snapshot-tile.right-align .img-container.full-width-image img { max-height: 100%; } .snapshot-tile .img-container .vertical-align-container { top: auto; -ms-transform: none; -webkit-transform: none; -o-transform: none; transform: none; } } /* * ---------------------------------------- * * Name: Video Module Styles * * Type: CSS * * ---------------------------------------- * */ /* src/Foundation/Theming/code/Styles/Video/video.css */ .video-mod { padding: 20px 0 120px; } .theme--adtran .video-mod { padding: 20px 0 70px; } .theme--adtran .rich-text-module + .video-mod, .theme--adtran .rich-text-module + .video-mod .m-vimeoPlayer { padding-bottom: 0; margin-bottom: 0; } .video-mod > .wrapper-2000 { padding: 0 150px; } .video-mod .text-container { margin-top: 82px; } /* responsive ============================ */ @media screen and (max-width: 760px) { .video-mod { padding: 16px 0 48px; } .theme--adtran .video-mod { padding: 20px 0 30px; } .video-mod > .wrapper-2000 { padding: 0 16px; } .video-mod .text-container { margin-top: 36px; } } /* * ---------------------------------------- * * Name: Primary Styles Boilerplate * * Type: Boilerplate CSS * * ---------------------------------------- * */ /* global ============================ */ /* src/Foundation/Theming/code/Styles/global.css */ /* @font-face */ @font-face { font-family: 'Source Sans Pro'; font-weight: 200; font-style: normal; font-stretch: normal; src: url('../eot/sourcesanspro-extralight.eot') format('embedded-opentype'), url('../woff/sourcesanspro-extralight.otf.woff') format('woff'), url('../sourcesanspro-extralight.html') format('opentype'), url('../ttf/sourcesanspro-extralight.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-weight: 200; font-style: italic; font-stretch: normal; src: url('../eot/sourcesanspro-extralightit.eot') format('embedded-opentype'), url('../woff/sourcesanspro-extralightit.otf.woff') format('woff'), url('../sourcesanspro-extralightit.html') format('opentype'), url('../ttf/sourcesanspro-extralightit.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-weight: 300; font-style: normal; font-stretch: normal; src: url('../eot/sourcesanspro-light.eot') format('embedded-opentype'), url('../woff/sourcesanspro-light.otf.woff') format('woff'), url('../sourcesanspro-light.html') format('opentype'), url('../ttf/sourcesanspro-light.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-weight: 300; font-style: italic; font-stretch: normal; src: url('../eot/sourcesanspro-lightit.eot') format('embedded-opentype'), url('../woff/sourcesanspro-lightit.otf.woff') format('woff'), url('../sourcesanspro-lightit.html') format('opentype'), url('../ttf/sourcesanspro-lightit.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-weight: 400; font-style: normal; font-stretch: normal; src: url('../eot/sourcesanspro-regular.eot') format('embedded-opentype'), url('../woff/sourcesanspro-regular.otf.woff') format('woff'), url('../sourcesanspro-regular.html') format('opentype'), url('../ttf/sourcesanspro-regular.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-weight: 400; font-style: italic; font-stretch: normal; src: url('../eot/sourcesanspro-it.eot') format('embedded-opentype'), url('../woff/sourcesanspro-it.otf.woff') format('woff'), url('../sourcesanspro-it.html') format('opentype'), url('../ttf/sourcesanspro-it.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-weight: 600; font-style: normal; font-stretch: normal; src: url('../eot/sourcesanspro-semibold.eot') format('embedded-opentype'), url('../woff/sourcesanspro-semibold.otf.woff') format('woff'), url('../sourcesanspro-semibold.html') format('opentype'), url('../ttf/sourcesanspro-semibold.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-weight: 600; font-style: italic; font-stretch: normal; src: url('../eot/sourcesanspro-semiboldit.eot') format('embedded-opentype'), url('../woff/sourcesanspro-semiboldit.otf.woff') format('woff'), url('../sourcesanspro-semiboldit.html') format('opentype'), url('../ttf/sourcesanspro-semiboldit.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-weight: 700; font-style: normal; font-stretch: normal; src: url('../eot/sourcesanspro-bold.eot') format('embedded-opentype'), url('../woff/sourcesanspro-bold.otf.woff') format('woff'), url('../sourcesanspro-bold.html') format('opentype'), url('../ttf/sourcesanspro-bold.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-weight: 700; font-style: italic; font-stretch: normal; src: url('../eot/sourcesanspro-boldit.eot') format('embedded-opentype'), url('../woff/sourcesanspro-boldit.otf.woff') format('woff'), url('../sourcesanspro-boldit.html') format('opentype'), url('../ttf/sourcesanspro-boldit.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-weight: 900; font-style: normal; font-stretch: normal; src: url('../eot/sourcesanspro-black.eot') format('embedded-opentype'), url('../woff/sourcesanspro-black.otf.woff') format('woff'), url('../sourcesanspro-black.html') format('opentype'), url('../ttf/sourcesanspro-black.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-weight: 900; font-style: italic; font-stretch: normal; src: url('../eot/sourcesanspro-blackit.eot') format('embedded-opentype'), url('../woff/sourcesanspro-blackit.otf.woff') format('woff'), url('../sourcesanspro-blackit.html') format('opentype'), url('../ttf/sourcesanspro-blackit.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'poppinsregular'; src: url('../woff2/poppins-regular-webfont.woff2') format('woff2'), url('../woff/poppins-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsmedium'; src: url('../woff2/poppins-medium-webfont.woff2') format('woff2'), url('../woff/poppins-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsbold'; src: url('../woff2/poppins-bold-webfont.woff2') format('woff2'), url('../woff/poppins-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsthin'; src: url('../woff2/poppins-thin-webfont.woff2') format('woff2'), url('../woff/poppins-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsblack'; src: url('../woff2/poppins-black-webfont.woff2') format('woff2'), url('../poppins-black-webfont.html') format('woff'); font-weight: normal; font-style: normal; } /*@font-face { font-family: "AxiformaRegular"; src: url('/Fonts/axiforma/AxiformaRegular/font.woff2') format('woff2'), url('/Fonts/axiforma/AxiformaRegular/font.woff') format('woff'); } @font-face { font-family: "AxiformaBold"; src: url('/Fonts/axiforma/AxiformaBold/font.woff2') format('woff2'), url('/Fonts/axiforma/AxiformaBold/font.woff') format('woff'); } @font-face { font-family: 'axiformathin'; src: url('/Fonts/axiforma/AxiformaThin/font.woff2') format('woff2'), url('/Fonts/axiforma/AxiformaThin/font.woff') format('woff'); } @font-face { font-family: 'axiformamedium'; src: url('/Fonts/axiforma/AxiformaMedium/axiforma-medium-webfont.woff2') format('woff2'), url('/Fonts/axiforma/AxiformaMedium/axiforma-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "AxiformaBlack"; src: url('/Fonts/axiforma/AxiformaBlack/font.woff2') format('woff2'), url('/Fonts/axiforma/AxiformaBlack/font.woff') format('woff'); }*/ html { font-size: 62.5%; scroll-behavior: smooth; } @media screen and (min-width: 761px) { html { overflow: inherit; } } body { min-height: 100vh; font-family: 'poppinsregular'; background-color: #ffffff; font-size: 1.8rem; line-height: 2.8rem; color: #404040; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } body.theme--adtran { font-family: 'poppinsregular'; font-size: 1.6rem; line-height: 1.58; overflow-x: hidden; } body.theme--security { font-family: 'poppinsregular'; font-size: 1.6rem; line-height: 1.58; overflow-x: hidden; } @media screen and (max-width: 760px) { body.theme--adtran, body.theme--security { font-size: 1.2rem; line-height: 2rem; } } html.nav-open, html.nav-open body { overflow: hidden; } a, a:visited { color: #4f89f1; text-decoration: none; -webkit-transition: background 0.2s ease, text-decoration 0.2s ease, color 0.2s ease; -moz-transition: background 0.2s ease, text-decoration 0.2s ease, color 0.2s ease; -o-transition: background 0.2s ease, text-decoration 0.2s ease, color 0.2s ease; transition: background 0.2s ease, text-decoration 0.2s ease, color 0.2s ease; } .theme--adtran a, .theme--security a, .theme--adtran a:visited .theme--security a:visited { color: #00a0c8; } a:hover { text-decoration: none; color: #4f89f1; } .theme--adtran a:hover { color: #00a0c8; } a:hover, a:active { outline: 0; text-decoration: underline; } a:focus { text-decoration: underline; } a, img { border: none; outline: none; } ul:empty { display: none; } ul { list-style: none; } ul, ol { padding: 0; margin: 0; } p { margin: 0; } h1, h2, h3, h4, h5 { font-family: 'poppinsregular'; font-weight: 700; margin: 0; } .theme--adtran h1, .theme--adtran h2, .theme--adtran h3, .theme--adtran h4, .theme--adtran h5 { font-family: 'poppinsmedium'; } h1 { font-size: 5.6rem; line-height: 5.6rem; } .theme--adtran h1 { font-size: 4.8rem; line-height: 1.17; } h2 { font-size: 4.4rem; line-height: 5.2rem; } .theme--adtran h2 { position: relative; font-size: 4rem; line-height: 1.35; } h3 { font-size: 3.6rem; line-height: 4.2rem; color: #4e566e; margin-bottom: 18px; } .theme--adtran h3 { font-size: 3.2rem; line-height: 1.38; color: #000; font-family: 'poppinsmedium'; } .theme--adtran h3.white-text { color: #fff; } h4 { font-weight: 600; } h5 { font-size: 2.6rem; line-height: 4.2rem; } .wrapper { padding: 0 40px; } .wrapper-2000 { max-width: 2000px; margin: 0 auto; padding: 0 16px; } .wrapper-1400 { max-width: 1400px; margin: 0 auto; padding: 0 16px; } .wrapper-1180 { max-width: 1180px; margin: 0 auto; padding: 0 16px; } .wrapper-1372 { max-width: 1372px; margin: 0 auto; padding: 0 16px; } .theme--adtran .wrapper-1180 { padding: 0 20px; } .wrapper-950 { max-width: 940px; margin: 0 auto; padding: 0 16px; } .wrapper-720 { max-width: 720px; margin: 0 auto; padding: 0 16px; } .wrapper-486 { max-width: 480px; margin: 0 auto; padding: 0 16px; } .wrapper-1372 { max-width: 1372px; margin: 0 auto; padding: 0 16px; } /* buttons */ .btn { font-size: 20px; font-size: 2rem; line-height: 30px; line-height: 3rem; padding: 6px 20px; display: inline-block; text-decoration: none; border-radius: 25px; color: #468cff; border: 1px solid #468cff; } .theme--adtran .btn { font-size: 16px; font-family: 'poppinsmedium'; border: 1px solid #00a0c8; padding-top: 0; padding-bottom: 0; line-height: 44px; height: 44px; } .theme--adtran .btn.small { height: auto } .btn.small { font-size: 18px; font-size: 1.8rem; line-height: 28px; line-height: 2.8rem; } .theme--adtran .btn.small { font-size: 1.6rem; color: #fff; background: #00a0c8; border-color: #00a0c8; } @media screen and (max-width: 760px) { .theme--adtran .btn.small { font-size: 1.2rem; } } .theme--adtran .btn.small .icon svg { fill: #fff; } .theme--adtran .btn.small:hover { color: #00a0c8; background: #fff; } .theme--adtran .btn.small:hover .icon svg { fill: #00a0c8; } a .icon, .btn .icon { width: 10px; height: 10px; margin-left: 3px; display: inline-block; } a .icon svg, .btn .icon svg { fill: #468cff; } .statement-listing a .icon svg g { stroke: #00a0c8; } .btn:hover, .btn:focus, .btn.secondary { text-decoration: none; background: #468cff; color: #ffffff; } .theme--adtran .btn:hover, .theme--adtran .btn:focus, .theme--adtran .btn.secondary { background: #00a0c8; } .theme--adtran .btn:hover, .theme--adtran .btn:focus { color: #ffffff; } .theme--adtran .btn.secondary:hover { background: #006E8C; border-color: #006E8C; color: #fff; } .btn.secondary:focus, .btn.secondary:hover { background: #fff; color: #468cff; } .btn.secondary .icon svg { fill: #ffffff; } .btn.secondary:hover .icon svg { fill: #fff; } .btn:focus .icon svg, .btn:hover .icon svg { fill: #ffffff; } .btn.white:hover, .btn.white:focus { text-decoration: none; background: #ffffff; color: #3d455c; } .btn.white:focus .icon svg, .btn.white:hover .icon svg { fill: #3d455c; } .theme--adtran .btn.blue-bg { color: #00a0c8; border-color: #00a0c8; background-color: #fff; } .theme--adtran .btn.blue-bg:hover, .theme--adtran .btn.blue-bg:focus { text-decoration: none; border-color: #3d455c; background: #ffffff; color: #3d455c; } .btn.white { color: #ffffff; border-color: #ffffff; } .btn.white .icon svg { fill: #ffffff; } .theme--adtran .btn.blue-bg .icon svg { fill: #00a0c8; } .theme--adtran .btn.primary { color: #fff; border-color: #00a0c8; background: #00a0c8; } .theme--adtran .btn.primary .icon svg { fill: #fff; } .theme--adtran .btn.primary:hover { color: #fff; border-color: #008eb1; background: #008eb1; } .theme--adtran .btn.primary:focus .icon svg, .theme--adtran .btn.primary:hover .icon svg { fill: #fff; } .theme--adtran .btn.secondary { color: #00a0c8; border-color: #00a0c8; background: transparent; } .theme--adtran .btn.secondary .icon svg { fill: #00a0c8; } .theme--adtran .btn.secondary:hover { color: #fff; border-color: #006E8C; background: #006E8C; } .theme--adtran .btn.secondary:hover .icon svg { fill: #fff; } .theme--adtran .btn.tertiary{ color: #fff; border-color: #fff; background: transparent; } .theme--adtran .btn.tertiary .icon svg { fill: #fff; } .theme--adtran .btn.tertiary:hover { color: #404040; border-color: #fff; background: #fff; } .theme--adtran .btn.tertiary:focus .icon svg, .theme--adtran .btn.tertiary:hover .icon svg { fill: #404040; } button { background: none; border: none; padding: 0; -webkit-transition: background 0.2s ease, color 0.2s ease; -moz-transition: background 0.2s ease, color 0.2s ease; -ms-transition: background 0.2s ease, color 0.2s ease; -o-transition: background 0.2s ease, color 0.2s ease; transition: background 0.2s ease, color 0.2s ease; } /* icons */ .icon { display: block; } svg { position: relative; width: 100%; height: 100%; display: block; } svg path { position: absolute; right: 0; bottom: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } /* videos */ .video-container { position: relative; height: 0; padding-bottom: 56.25%; } .video-container .video { position: absolute; width: 100%; height: 100%; left: 0; } .video-container iframe { border: none; } /* site header ---------------------------- */ .theme--adtran header#site-header{ background: #000000; } .theme--security header#site-header { background: #000; } @media only screen and (min-width: 1151px) { .theme--security header#site-header { background: #fff; } } .theme--adtran header#site-header, .theme--security header#site-header { background: #000000; } body.theme--adtran.search-on, body.theme--security.search-on { right: 0; position: fixed; left: 0; } .search-on header#site-header, header#site-header.nav-open, .nav-open header#site-header { overflow: visible; } #logo { float: left; margin-bottom: 11px; margin-top: 2px; } .theme--security #logo { margin-top:20px; } .theme--security #logo img{ width: 60%; min-width: 102px; min-height: 44px; } .theme--adtran #logo { margin-top: 24px; } .theme--security #logo { margin-top: 20px; } #logo a { max-width: 170px; display: block; } #logo img { display: block; width: 100%; height: auto; } .theme--security #logo img{ width: 60%; } /* search content overlay */ #main:after { visibility: hidden; content: ''; background: #000000; opacity: 0; top: 0; left: 0; position: absolute; height: 100%; width: 100%; transition: opacity 0.4s ease-in-out; } .search-on #main:after { opacity: 0.5; visibility: visible; } /* modules ============================ */ /* lightbox */ .mod-lightbox-bg { background: rgba(0,0,0,0.3); z-index: 2; } .mod-lightbox { max-width: 1140px; max-height: 679px; border-radius: 0; padding: 40px 18px 18px 18px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3); } .mod-lightbox iframe { width: 100%; border: none; } .mod-lightbox .mod-lightbox-close, .mod-lightbox .mod-lightbox-close:hover, .mod-lightbox .mod-lightbox-close:visited { top: 7px; right: 18px; font-size: 1.4rem; line-height: 2rem; color: #3d455c; width: auto; font-family: 'poppinsregular'; } .theme--adtran .mod-lightbox .mod-lightbox-close, .theme--adtran .mod-lightbox .mod-lightbox-close:hover, .theme--adtran .mod-lightbox .mod-lightbox-close:visited { font-size: 1.2rem; font-family: 'poppinsregular'; } .mod-lightbox .mod-lightbox-close:hover, .mod-lightbox .mod-lightbox-close:focus { text-decoration: underline; } .mod-lightbox .mod-lightbox-close .icon { margin-left: 2px; width: 8px; height: 8px; display: inline-block; } .mod-lightbox .mod-lightbox-close .icon svg { fill: #3d455c; } .mod-lightbox .mod-lightbox-content:focus { outline: none; } .mod-lightbox .mod-lightbox-next, .mod-lightbox .mod-lightbox-prev { display: none; } .mod-lightbox.slide-share { max-height: 750px; } .mod-lightbox .mod-lightbox-content { /* overflow: hidden; */ height: 100% !important; } .mod-lightbox .mod-lightbox-content .mod-lightbox-content-inner { height: 100% !important; } .mod-lightbox .slide-share { height: 100%; border: 1px solid #cccccc; border-width: 1px; margin-bottom: 5px; max-width: 100%; } .mod-lightbox.sound-cloud { max-height: 320px; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); } .mod-lightbox .sound-cloud-iframe { width: 100%; } /* rich text */ .rich-text h2 { font-size: 4.4rem; line-height: 5.2rem; font-weight: 700; text-align: center; margin: 60px auto 30px; } .theme--adtran .rich-text h2 { color: #000; } .rich-text h3 { font-size: 3.6rem; line-height: 4.2rem; font-weight: 700; margin: 80px auto 20px; } .rich-text h4 { font-size: 3rem; line-height: 3.8rem; font-weight: 700; margin: 60px auto 15px; } .rich-text h5 { font-size: 2.6rem; line-height: 3.4rem; font-weight: 700; margin: 40px auto 10px; } .rich-text h6 { font-size: 2.2rem; line-height: 3.2rem; font-weight: 400; margin: 30px auto; } .rich-text p { font-size: 1.8rem; line-height: 2.8rem; margin: 40px auto 30px; } .theme--adtran .rich-text p { font-size: 1.6rem; line-height: 1.75; } .rich-text h2:first-child, .rich-text h3:first-child, .rich-text h4:first-child, .rich-text h5:first-child, .rich-text h6:first-child { margin-top: 0; } .rich-text ol { padding-left: 20px; } .rich-text ol li { margin-bottom: 30px; } .rich-text ul { margin-top: 8px; padding-left: 2px; } .rich-text ul li { padding-left: 15px; position: relative; margin-top: 7px; margin-bottom: 15px; } .rich-text ul li:before { content: ''; top: 11px; left: 1px; display: block; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #3d455c; } .rich-text ul li:first-child { margin-top: 0; } .rich-text table { margin: 40px auto; background: #f7fafe; width: 100%; } .theme--adtran .rich-text table { background: #fff; } .rich-text table caption { padding-bottom: 20px; font-weight: bold; } .rich-text table td { padding: 12px 20px; vertical-align: top; } .rich-text table caption + tbody tr:first-child > td, .rich-text table tbody:first-child > tr:first-child > td, .rich-text table thead > tr:first-child > th { padding: 20px 5px; vertical-align: middle; } .rich-text table tbody > tr:last-child > td { padding: 12px 20px; } .rich-text table.mobile-view { display: none; } .theme--adtran .rich-text ul li { position: relative; padding-left: 15px; display: inline-block; } .theme--adtran .rich-text table h5 { margin-bottom: 0; } .theme--adtran .rich-text table ul li:before { content: ""; position: absolute; top: 8px; left: 1px; } .theme--adtran .is-left-align ul, .theme--adtran .is-left-align td { text-align: left; } .theme--adtran .is-left-align ul li:before { content: ""; position: absolute; top: 30%; left: 0; } .theme--adtran .is-left-align .rich-text table td { text-align: left; } .rich-text .download-panel { background: #f6f9fd; padding: 20px 40px; margin-top: 10px; } .rich-text .download-panel > h3 { font-size: 2.6rem; line-height: 3.4rem; margin: 0 0 2px 0; font-weight: 500; } .rich-text .download-panel .icon { width: 12px; height: 14px; margin-right: 10px; margin-bottom: -1px; } .rich-text .slide-share { max-width: 1140px; margin: 0 auto; padding-bottom: 60.7%; height: 0; position: relative; } .rich-text .slide-share iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .rich-text img { display: block; max-width: 908px; margin: 0 auto; width: 100%; height: auto; } /* helper classes ============================ */ .shadow { -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.3); box-shadow: 0 2px 8px rgba(0,0,0,0.3); } .ra { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .ra-sml { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .borders { border: 1px solid #dadada; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } .show-on-focus { position: absolute; clip: rect(1px,1px,1px,1px); top: 0; left: 0; height: 1px; padding: 2px 10px; width: 1px; overflow: hidden; background-color: #eeeeee; } .show-on-focus:focus { height: auto; width: auto; z-index: 2; clip: auto; } .ui-helper-hidden-accessible, .clipped { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .invisible { visibility: hidden; } .white-text, .white-text h3, .white-text a { color: #ffffff; border-color: #ffffff; } .white-text .btn:hover { background: #ffffff; color: #3d455c } .white-text .icon svg { fill: #ffffff; } .white-text .btn:focus .icon svg, .white-text .btn:hover .icon svg { fill: #3d455c; } .black-text, .black-text h3, .black-text a { color: #000; border-color: #000; } .off-black-text, .off-black-text h3, .off-black-text a { color: #404040; border-color: #404040 } .off-black-text .btn:focus, .off-black-text .btn:hover { background: #404040; color: #3d455c } .off-black-text .icon svg { fill: #404040; } .off-black-text .btn:focus .icon svg, .off-black-text .btn:hover .icon svg { fill: #3d455c; } h3.grey-1, h1.grey-1, p.grey-1 { color: #4e566e; } h3.grey-2, h1.grey-2, p.grey-2 { color: #3d455c; } .center-text { text-align: center; } .dark-blue-bg { background: #22283c; } .blue-bg { background: #2b438b; } .sec-blue-bg { background: #3450a2; } .bright-blue-bg { background: #468cff; } .green-bg { background: #3dbb8b; } .dark-grey-bg { background: #4e566e; } .darker-grey-bg { background: #141414; } .grey-2-bg { background: #3d455c; } .grey-bg { background: #7e8599; } .grey-5-bg { background: #c1c6d4; } .grey-6-bg { background: #d5d9e2; } .grey-7-bg { background: #eaecf3; } .grey-8-bg { background: #ebf1f9; } .light-blue-bg { background: #f7fafe; } .light-grey-bg { background: #f6f9fd; } .theme--adtran .light-grey-bg { background: #ecf1f2; } .white-bg { background: #ffffff; } .warm-grey-bg { background: #ffffff; } .red-bg { background: #e43534; } .pale-blue-bg { background: #56a6ed; } .pale-pink-bg { background: #ee7887; } .light-purple-bg { background: #986cb3; } .orange-bg { background: #ef9638; } .black-bg { background: #000000; } .sea-blue-bg { background: #006e8c; } .offblack-bg { background: #404040; } .black-text { color: #000000; } .offblack-text { color: #404040; } .sea-blue-text { color: #006e8c; } /* Adtran colours */ .theme--adtran .blue-bg, .theme--security .blue-bg { background: #00a0c8; } .theme--adtran .grey-bg, .theme--security .grey-bg, .osc .support-tile__item.grey-bg { background: #ecf1f2; } .theme--security .snapshot-tile.grey-bg { background: #7e8599; } .theme--adtran .sec-blue-bg { background: #3264f0; } .theme--adtran .section-gutter { margin: 20px; /* contact page white space around */ } .mod { overflow: hidden; position: relative; } .mod .btn { margin-top: 30px; } .text-container { position: relative; } .img-container { width: 100%; overflow: hidden; margin: 0 auto; max-width: 2000px; } .img-container img { width: 100%; height: 100%; max-width: 2000px; object-fit: cover; position: absolute; top: 0; } .img-container .img-overlay { background: #000000; opacity: 0.4; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ie .img-container img { height: auto; width: auto; min-width: 100%; min-height: 100%; } .responsive-image img.fitted-wide { width: 100%; top: 50%; height: auto; transform: translate(-50%, -50%); left: 50%; } .responsive-image img.fitted-tall { width: auto; top: 50%; height: 100%; transform: translate(-50%, -50%); left: 50%; } .hide-overflow { overflow: hidden; } .text-over-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .vertical-align-container { display: table; width: 100%; height: 100%; } .vertical-align { display: table-cell; vertical-align: middle; } .equal-height { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .safari .equal-height:before, .safari .equal-height:after { display: none } .hidden, .toggle-container { display: none; } .left { float: left; } .right { float: right; } /* responsive ============================ */ @media screen and (max-width: 1024px) { /* lightbox */ .mod-lightbox-bg .mod-lightbox.slide-share { max-height: 610px; } .theme--adtran .btn { font-size: 14px; font-family: 'poppinsmedium'; border: 1px solid #00a0c8; padding-top: 0; padding-bottom: 0; line-height: 40px; height: 40px; } } @media screen and (max-width: 880px) { .rich-text .slide-share { padding-bottom: 64.7%; } } @media screen and (max-width: 760px) { body { font-size: 1.2rem; line-height: 2rem; } .wrapper, .wrapper-950, .wrapper-1180 { padding: 0 16px; } .theme--adtran .wrapper, .theme--adtran .wrapper-950, .theme--adtran .wrapper-1180 { padding: 0 20px; } .btn { font-size: 1.4rem; line-height: 2.2rem; padding: 5px 13px; } .btn.small { font-size: 1.2rem; line-height: 1.8rem; } a .icon, .btn .icon { width: 8px; } h2 { font-size: 2.6rem; line-height: 3.2rem; } .theme--adtran h2 { font-size: 2.6rem; line-height: 3.2rem; } h3 { font-size: 2.2rem; line-height: 2.6rem; margin-bottom: 8px; } .theme--adtran h3 { font-size: 2rem; line-height: 2.8rem; margin-bottom: 8px; } .theme--adtran h3.white-text { color: #fff; } h5 { font-size: 2rem; line-height: 2rem; } .form .stylish-select > .dropdown-list { max-height: 200px; } .form .stylish-select > .dropdown-list .dropdown-option { padding: 7px 40px 7px 34px; } .form .stylish-select > .dropdown-list .dropdown-option.option-selected, .form .stylish-select > .dropdown-list .dropdown-option:hover { background-size: 10px; background-position: 15px center; } .err-msgs { font-size: 1.2rem; } .mod .btn { margin-top: 16px; } .mod-lightbox { padding: 30px 8px 8px 8px; } .mod-lightbox-close { top: 3px; right: 8px; } header#site-header { padding: 10px 0 5px; } #logo { margin: 0; } .theme--adtran #logo, .theme--security #logo { margin: 3px 0 0 0; } /* lightbox */ .mod-lightbox-bg .mod-lightbox.slide-share { max-height: 530px; } /* rich text */ .rich-text h2 { font-size: 2.6rem; line-height: 4.2rem; margin: 12px auto; } .rich-text h3 { font-size: 2.0rem; line-height: 2.8rem; margin: 32px auto 16px; } .rich-text h4, .rich-text h5 { font-size: 1.6rem; line-height: 2.6rem; margin: 24px auto 8px; } .rich-text h6 { font-size: 1.4rem; line-height: 2.4rem; margin: 16px auto; } .rich-text p { font-size: 1.2rem; line-height: 2rem; margin-bottom: 20px; } .rich-text ol { padding-left: 12px; } .rich-text ol li { padding-left: 2px; margin-bottom: 20px; } .rich-text ul li { padding-left: 10px; margin-bottom: 20px; } .rich-text ul li:before { width: 3px; height: 3px; top: 9px; } .rich-text table { width: 100%; margin: 16px auto; line-height: 1.6rem; } .theme--adtran .rich-text table { background: #fff; } .rich-text table caption { padding-bottom: 10px; } .rich-text table td { padding: 12px 16px; } .rich-text table caption + tbody tr:first-child > td, .rich-text table tbody:first-child > tr:first-child > td, .rich-text table thead:first-child > tr:first-child > th, .rich-text table tbody > tr:last-child > td { padding: 16px; } .rich-text table.responsive-table { display: none; } .rich-text table.mobile-view { display: table; text-align: left; } .rich-text table.mobile-view tr:nth-child(even) { background: #ffffff; } .rich-text table.mobile-view th, .rich-text table.mobile-view td { display: inline-block; width: 50%; } .rich-text table.mobile-view th { padding: 16px; } .rich-text .download-panel { padding: 16px; margin-top: 8px; } .rich-text .download-panel > h3 { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 8px; } .rich-text .download-panel .icon { width: 8px; height: 10px; margin-right: 5px; } .rich-text .slide-share { padding-bottom: 65.7%; } } @media screen and (max-width: 450px) { .rich-text .slide-share { padding-bottom: 70%; } } .u-not-allowed-content { position: absolute; top: 0; width: 100%; height: 100%; background-color: #F8F9FD; display: flex; justify-content: start; flex-direction: column; z-index: 2; align-items: center; padding-top: 7vh; } @media (min-width: 64.01em) { .u-not-allowed-content { padding-top: 20vh; } } .u-not-allowed-content { z-index: 1; } .u-not-allowed-content p { text-align: center; padding: 10px; } .u-not-allowed-content button { border: 1px solid #468CFF; border-radius: 20px; cursor: pointer; box-shadow: none; outline: none; display: block; color: #468CFF; padding: 7px 20px; font-size: 14px; margin-top: 10px; } .u-not-allowed-content button svg { width: 10px; height: 10px; display: inline-block; } .sound-cloud .u-not-allowed-content { padding-top: 0; } .theme--adtran .sc-form__group.sc-form__group--text h2 { font-size: 1.6rem; line-height: 1.38; color: #000; } .theme--adtran .sc-form__group.sc-form__group--text .rich-text { font-size: 1.2rem; line-height: 1.75; } .theme--adtran .sc-form__group.sc-form__group--text h2 { font-size: 1.6rem; line-height: 1.38; color: #000; } .theme--adtran .sc-form__group.sc-form__group--text .rich-text { font-size: 1.2rem; line-height: 1.75; } @media (min-width: 37.01em) { .theme--adtran .sc-form__group.sc-form__group--text h2 { font-size: 3.2rem; line-height: 1.38; color: #000; } .theme--adtran .sc-form__group.sc-form__group--text .rich-text { font-size: 1.6rem; line-height: 1.75; } } .theme--adtran .sc-form__label { margin-left: 0; padding-left: 0; font-size: 1.4rem; line-height: 1.75; font-family: 'poppinsregular'; } @media (min-width: 37.01em) { .theme--adtran .sc-form__label { font-size: 1.6rem; line-height: 1.75; } } .theme--adtran .sc-form__input { margin-left: 0; } .theme--adtran .sc-form__group { margin-left: 0; padding-left: 0; } .theme--adtran .rich-text { margin-left: 0; padding-left: 0; font-family: 'poppinsregular'; } .theme--adtran .sc-form__submit--center { margin-top: 40px; margin-left: 0; transform: none; } .theme--adtran .sc-form__submit { background: #00a0c8; border-color: #00a0c8; } .theme--adtran .sc-form__submit:hover { background: #0097bd; } .theme--adtran .form .stylish-select > span > span.ico { background: url('../svg/arrow-down-adtran.svg') 0 0 no-repeat; } .theme--adtran .sc-form__group--text + .sc-form__group--text { margin-top: 20px; } .theme--adtran .form .stylish-select > .dropdown-list .dropdown-option.option-selected, .theme--adtran .form .stylish-select > .dropdown-list .dropdown-option:hover { background-color: #F4F7F7; } img.responsive-img { width: 100%; min-width: 100%; height: auto; } .u-publications { height: 100%; padding-top: 40px; padding-bottom: 60px; background: #eaedf4; } @media (min-width: 48.01em) { .u-publications { padding-top: 80px; padding-bottom: 80px; } } .theme--adtran .u-publications { margin-top: 20px; margin-left: 20px; margin-right: 20px; background: #ecf1f2; } .theme--adtran .u-publications + .u-publications { margin-top: 0; margin-bottom: 20px; } .u-publications--last { padding-bottom: 80px; margin-bottom: 20px; } @media (min-width: 48.01em) { .u-publications--last { padding-bottom: 120px; } } .u-publications + .u-publications { padding-top: 0; } .u-publications--with-filter { padding-top: 0; padding-bottom: 0; } @media (min-width: 48.01em) { .u-publications--with-filter { padding-top: 0; padding-bottom: 0; } } .u-publications--active-projects { padding-top: 0; } .u-publications .btn { margin-top: 14px; } @media (min-width: 48.01em) { .u-publications .btn { margin-top: 19px; } } .u-publications + footer { margin-top: 40px; } @media (min-width: 48.01em) { .u-publications + footer { margin-top: 80px; } } @media (min-width: 48.01em) { .listing.u-publications:last-of-type { padding-bottom: 0; } } .listing.u-publications--with-filter .filters .stylish-select { min-width: auto; width: 100%; } @media (min-width: 64.01em) { .listing.u-publications--with-filter .filters .stylish-select { margin-right: 10px; } .listing.u-publications--with-filter .filters .stylish-select .dropdown-list { min-width: 250px; } } .listing.u-publications--with-filter .filters>p { min-width: inherit; font-size: 1.5rem; } @media screen and (min-width: 900px) { .listing.u-publications--with-filter .filters>p { font-size: inherit; } } @media screen and (min-width: 1093px) { .listing.u-publications--with-filter .filters>p { min-width: 90px; } } .listing.u-publications--with-filter .form .stylish-select>span { font-size: 1.4rem; } @media screen and (min-width: 900px) { .listing.u-publications--with-filter .form .stylish-select>span { font-size: inherit; } } .listing.u-publications--with-filter .form .stylish-select>span.selected { padding-right: 10px; padding-left: 10px; } @media screen and (min-width: 1093px) { .listing.u-publications--with-filter .form .stylish-select>span.selected { padding-right: 20px; } } .u-card-list { height: 100%; padding-bottom: 40px; } @media (min-width: 48.01em) { .u-card-list { padding-bottom: 100px; } } .u-research-details + .u-card-list { margin-top: -90px; } @media (min-width: 48.01em) { .u-research-details + .u-card-list { margin-top: -40px; } } .u-card-grid { display: flex; flex-wrap: wrap; margin: 13px 0; } @media (min-width: 48.01em) { .u-card-grid { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; margin-bottom: 21px; } } .u-card-grid--center { justify-content: center; } .u-card-grid__col { margin-left: 10px; margin-right: 10px; margin-top: 40px; } .u-card-grid__col:nth-child(1), .u-card-grid__col:nth-child(2), .u-card-grid__col:nth-child(3), .u-card-grid__col:nth-child(4), .u-card-grid__col:nth-child(5), .u-card-grid__col:nth-child(6), .u-card-grid__col:nth-child(7), .u-card-grid__col:nth-child(8) { margin-top: 20px; } @media (min-width: 48.01em) { .u-card-grid__col:nth-child(1), .u-card-grid__col:nth-child(2), .u-card-grid__col:nth-child(3), .u-card-grid__col:nth-child(4), .u-card-grid__col:nth-child(5), .u-card-grid__col:nth-child(6), .u-card-grid__col:nth-child(7), .u-card-grid__col:nth-child(8) { margin-top: 40px; } } .u-card-grid--2-col .u-card-grid__col { width: 100%; } @media (min-width: 56.26em) { .u-card-grid--2-col .u-card-grid__col { width: calc(50% - 20px); } } @media (min-width: 48.01em) { .u-card-grid--3-col { margin-top: 20px; } } .u-card-grid--3-col .u-card-grid__col { width: 100%; margin-top: 20px; } @media (min-width: 37.01em) { .u-card-grid--3-col .u-card-grid__col { width: calc(50% - 20px); } } @media (min-width: 48.01em) { .u-card-grid--3-col .u-card-grid__col { width: calc(33.33% - 20px); } } .u-card-grid--4-col .u-card-grid__col { width: 100%; } @media (min-width: 37.01em) { .u-card-grid--4-col .u-card-grid__col { width: calc(50% - 20px); } } @media (min-width: 48.01em) { .u-card-grid--4-col .u-card-grid__col { width: calc(33.33% - 20px); } } @media (min-width: 64.01em) { .u-card-grid--4-col .u-card-grid__col { width: calc(25% - 20px); } } .filters + .u-card-grid { margin-top: 20px; } .theme--adtran .filters + .u-card-grid { margin-top: -20px; width: 100%; } .u-research-details { padding: 32px 0; } @media screen and (max-width: 760px) { .u-research-details { padding: 48px 0; } } .u-narrow { max-width: 680px; margin: 0 auto; } .theme--adtran .u-publications { margin-top: 20px; margin-left: 20px; margin-right: 20px; } .theme--adtran .u-publications + .u-publications { margin-top: 0; margin-bottom: 20px; } .theme--adtran .u-publications h2:not(.m-card__title) { position: relative; padding-bottom: 36px; color: #000; } .theme--adtran .u-publications h2:not(.m-card__title)::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 4px; width: 114px; background: #006e8c; } .m-product-table, .rich-text table { border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; font-size: 14px; line-height: 1.25; word-wrap: break-word; hyphens: auto; color: #404040; margin: 32px 0; } @media only screen and (min-width: 600px) { .m-product-table, .rich-text table { font-size: 13px; } } @media screen and (max-width: 700px) { .m-product-table, .rich-text table { border: 0; } } .m-product-table thead, .rich-text table thead { color: #404040; background-color: #ecf1f2; } @media screen and (max-width: 700px) { .m-product-table thead, .rich-text table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } .m-product-table tr, .rich-text table tr { border: 1px solid #bfc9cc; } @media screen and (max-width: 700px) { .m-product-table tr, .rich-text table tr { display: block; margin-bottom: 20px; } } .m-product-table th, .m-product-table td, .rich-text table th, .rich-text table td { text-align: center; vertical-align: middle; padding: 15px 16px 14px 16px; border-right: 1px solid #bfc9cc; } @media screen and (max-width: 700px) { .m-product-table th, .m-product-table td, .rich-text table th, .rich-text table td { display: block; border-right: 0; padding: 16px; text-align: right; } } .m-product-table td, .rich-text table td { position: relative; min-height: 48px; text-align: center; } @media screen and (max-width: 700px) { .m-product-table td:first-child, .rich-text table td:first-child { background-color: #ecf1f2; } } @media screen and (max-width: 700px) { .m-product-table td::before, .rich-text table td::before { content: attr(data-label); width: 100%; height: 100%; font-weight: 700; text-align: center; padding-bottom: 10px; } } @media screen and (max-width: 700px) { .m-product-table td:last-child, .rich-text table td:last-child { border-bottom: 0; } } @media screen and (max-width: 700px) { .m-product-table td, .rich-text table td { border-bottom: 1px solid #bfc9cc; display: flex; flex-direction: column; justify-content: center; text-align: center; } } @media screen and (max-width: 700px) { .rich-text table.m-product-table tbody > tr:last-child > td, .rich-text table.m-product-table td { padding: 16px; } } /*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAicHVibGljL2Nzcy9wcm9kdWN0LXRhYmxlLmNzcyIsCgkic291cmNlcyI6IFsKCQkic3JjL2Nzcy9wcm9kdWN0LXRhYmxlLnNjc3MiLAoJCSJzcmMvY3NzL2hlbHBlcnMvX2gtdmVydGljYWwtYWxpZ24uc2NzcyIsCgkJInNyYy9jc3MvbW9sZWN1bGVzL19tLXByb2R1Y3QtdGFibGUuc2NzcyIKCV0sCgkibmFtZXMiOiBbXSwKCSJtYXBwaW5ncyI6ICJBRUdBLEFBQUEsZ0JBQWdCO0FBQ2hCLFVBQVUsQ0FBQyxLQUFLLENBQUM7RUFDYixlQUFlLEVBQUUsUUFBUTtFQUN6QixNQUFNLEVBQUUsQ0FBQztFQUNULE9BQU8sRUFBRSxDQUFDO0VBQ1YsS0FBSyxFQUFFLElBQUk7RUFDWCxZQUFZLEVBQUUsS0FBSztFQUNuQixTQUFTLEVBQUUsSUFBSTtFQUNmLFdBQVcsRUFBRSxJQUFJO0VBQ2pCLFNBQVMsRUFBRSxVQUFVO0VBQ3JCLE9BQU8sRUFBRSxJQUFJO0VBQ2IsS0FBSyxFQUFFLE9BQU87RUFDZCxNQUFNLEVBQUUsTUFBTSxHQXNGakI7RUFwRkcsTUFBTSxNQUFNLE1BQU0sTUFBTSxTQUFTLEVBQUUsS0FBSztJQWQ1QyxBQUFBLGdCQUFnQjtJQUNoQixVQUFVLENBQUMsS0FBSyxDQUFDO01BY1QsU0FBUyxFQUFFLElBQUksR0FtRnRCO0VBaEZHLE1BQU0sQ0FBQyxNQUFNLE1BQU0sU0FBUyxFQUFFLEtBQUs7SUFsQnZDLEFBQUEsZ0JBQWdCO0lBQ2hCLFVBQVUsQ0FBQyxLQUFLLENBQUM7TUFrQlQsTUFBTSxFQUFFLENBQUMsR0ErRWhCO0VBbEdELEFBc0JJLGdCQXRCWSxDQXNCWixLQUFLO0VBckJULFVBQVUsQ0FBQyxLQUFLLENBcUJaLEtBQUssQ0FBQztJQUNGLEtBQUssRUFBRSxPQUFPO0lBQ2QsZ0JBQWdCLEVBQUUsT0FBTyxHQVk1QjtJQVZHLE1BQU0sQ0FBQyxNQUFNLE1BQU0sU0FBUyxFQUFFLEtBQUs7TUExQjNDLEFBc0JJLGdCQXRCWSxDQXNCWixLQUFLO01BckJULFVBQVUsQ0FBQyxLQUFLLENBcUJaLEtBQUssQ0FBQztRQUtFLE1BQU0sRUFBRSxJQUFJO1FBQ1osSUFBSSxFQUFFLGFBQWE7UUFDbkIsTUFBTSxFQUFFLEdBQUc7UUFDWCxNQUFNLEVBQUUsSUFBSTtRQUNaLFFBQVEsRUFBRSxNQUFNO1FBQ2hCLE9BQU8sRUFBRSxDQUFDO1FBQ1YsUUFBUSxFQUFFLFFBQVE7UUFDbEIsS0FBSyxFQUFFLEdBQUcsR0FFakI7RUFwQ0wsQUFzQ0ksZ0JBdENZLENBc0NaLEVBQUU7RUFyQ04sVUFBVSxDQUFDLEtBQUssQ0FxQ1osRUFBRSxDQUFDO0lBQ0MsTUFBTSxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBekNWLE9BQU8sR0ErQ2pCO0lBSkcsTUFBTSxDQUFDLE1BQU0sTUFBTSxTQUFTLEVBQUUsS0FBSztNQXpDM0MsQUFzQ0ksZ0JBdENZLENBc0NaLEVBQUU7TUFyQ04sVUFBVSxDQUFDLEtBQUssQ0FxQ1osRUFBRSxDQUFDO1FBSUssT0FBTyxFQUFFLEtBQUs7UUFDZCxhQUFhLEVBQUUsSUFBSSxHQUUxQjtFQTdDTCxBQStDSSxnQkEvQ1ksQ0ErQ1osRUFBRSxFQS9DTixnQkFBZ0IsQ0ErQ1IsRUFBRTtFQTlDVixVQUFVLENBQUMsS0FBSyxDQThDWixFQUFFO0VBOUNOLFVBQVUsQ0FBQyxLQUFLLENBOENSLEVBQUUsQ0FBQztJQUNILFVBQVUsRUFBRSxNQUFNO0lBQ2xCLGNBQWMsRUFBRSxNQUFNO0lBQ3RCLE9BQU8sRUFBRSxtQkFBbUI7SUFDNUIsWUFBWSxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBckRoQixPQUFPLEdBNkRqQjtJQU5HLE1BQU0sQ0FBQyxNQUFNLE1BQU0sU0FBUyxFQUFFLEtBQUs7TUFyRDNDLEFBK0NJLGdCQS9DWSxDQStDWixFQUFFLEVBL0NOLGdCQUFnQixDQStDUixFQUFFO01BOUNWLFVBQVUsQ0FBQyxLQUFLLENBOENaLEVBQUU7TUE5Q04sVUFBVSxDQUFDLEtBQUssQ0E4Q1IsRUFBRSxDQUFDO1FBT0MsT0FBTyxFQUFFLEtBQUs7UUFDZCxZQUFZLEVBQUUsQ0FBQztRQUNmLE9BQU8sRUFBRSxJQUFJO1FBQ2IsVUFBVSxFQUFFLEtBQUssR0FFeEI7RUEzREwsQUE2REksZ0JBN0RZLENBNkRaLEVBQUU7RUE1RE4sVUFBVSxDQUFDLEtBQUssQ0E0RFosRUFBRSxDQUFDO0lBQ0MsUUFBUSxFQUFFLFFBQVE7SUFDbEIsVUFBVSxFQUFFLElBQUk7SUFDaEIsVUFBVSxFQUFFLE1BQU0sR0FpQ3JCO0lBOUJPLE1BQU0sQ0FBQyxNQUFNLE1BQU0sU0FBUyxFQUFFLEtBQUs7TUFuRS9DLEFBa0VRLGdCQWxFUSxDQTZEWixFQUFFLEFBS0csWUFBWTtNQWpFckIsVUFBVSxDQUFDLEtBQUssQ0E0RFosRUFBRSxBQUtHLFlBQVksQ0FBQztRQUVOLGdCQUFnQixFQUFFLE9BQU8sR0FFaEM7SUFHRyxNQUFNLENBQUMsTUFBTSxNQUFNLFNBQVMsRUFBRSxLQUFLO01BekUvQyxBQXdFUSxnQkF4RVEsQ0E2RFosRUFBRSxBQVdHLFFBQVE7TUF2RWpCLFVBQVUsQ0FBQyxLQUFLLENBNERaLEVBQUUsQUFXRyxRQUFRLENBQUM7UUFFRixPQUFPLEVBQUUsZ0JBQWdCO1FBQ3pCLEtBQUssRUFBRSxJQUFJO1FBQ1gsTUFBTSxFQUFFLElBQUk7UUFDWixXQUFXLEVBQUUsR0FBRztRQUNoQixjQUFjLEVBQUUsU0FBUztRQUN6QixVQUFVLEVBQUUsTUFBTTtRQUNsQixjQUFjLEVBQUUsSUFBSSxHQUUzQjtJQUdHLE1BQU0sQ0FBQyxNQUFNLE1BQU0sU0FBUyxFQUFFLEtBQUs7TUFyRi9DLEFBb0ZRLGdCQXBGUSxDQTZEWixFQUFFLEFBdUJHLFdBQVc7TUFuRnBCLFVBQVUsQ0FBQyxLQUFLLENBNERaLEVBQUUsQUF1QkcsV0FBVyxDQUFDO1FBRUwsYUFBYSxFQUFFLENBQUMsR0FFdkI7SUFFRCxNQUFNLENBQUMsTUFBTSxNQUFNLFNBQVMsRUFBRSxLQUFLO01BMUYzQyxBQTZESSxnQkE3RFksQ0E2RFosRUFBRTtNQTVETixVQUFVLENBQUMsS0FBSyxDQTREWixFQUFFLENBQUM7UUE4QkssYUFBYSxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBN0ZyQixPQUFPO1FBOEZWLE9BQU8sRUFBRSxJQUFJO1FBQ2IsY0FBYyxFQUFFLE1BQU07UUFDdEIsZUFBZSxFQUFFLE1BQU07UUFDdkIsVUFBVSxFQUFFLE1BQU0sR0FFekI7O0FBTUQsTUFBTSxDQUFDLE1BQU0sTUFBTSxTQUFTLEVBQUUsS0FBSztFQUh2QyxBQUFBLFVBQVUsQ0FBQyxLQUFLLEFBQUEsZ0JBQWdCLENBQUMsS0FBSyxHQUFHLEVBQUUsQUFBQSxXQUFXLEdBQUcsRUFBRTtFQUMzRCxVQUFVLENBQUMsS0FBSyxBQUFBLGdCQUFnQixDQUFDLEVBQUUsQ0FBQztJQUc1QixPQUFPLEVBQUUsSUFBSSxHQUVwQiIKfQ== */ .m-campaign { margin: 20px; padding: 80px 35px; background-repeat: no-repeat; background-size: cover; } .m-campaign .wrapper-1180 { padding: 0; } .m-campaign__cols { display: flex; width:100%; } .m-campaign__title { margin: 0 auto 40px auto; } .m-campaign__title h2 { font-size: 40px; line-height: 1.35; color: #000; margin-bottom: 24px; } .m-campaign__title p { font-size: 24px; line-height: 1.5; color: #404040; } .m-campaign__panel { position: relative; width: calc(50% - 40px); margin-left: 20px; float: left; } .m-campaign__panel:last-of-type { margin-left: auto; } @media (min-width: 56.26em) { .m-campaign__panel .sc-form { margin-top: 30px; } } @media (min-width: 56.26em) { .m-campaign__panel .sc-form__submit { float: right; } } .m-campaign__panel:last-of-type .sc-form__group--text:first-of-type { margin-top: 0; } @media screen and (max-width: 760px) { .m-campaign { padding: 16px 16px 32px; } .m-campaign__cols { display: block; width: 100%; } .m-campaign__panel { width: 100%; margin-left: 0; } .m-campaign__title { margin-bottom: 10px; } .m-campaign__title h2 { font-size: 18px; font-weight: 600; line-height: 1.44; } .m-campaign__title p { font-size: 14px; line-height: 1.43; color: #404040; } .m-campaign__panel { margin-top: 16px; } .theme--adtran .m-campaign .sc-form__submit { width: 100%; } } .m-quote { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 56px 0; } @media screen and (min-width: 760px) { .m-quote { padding: 80px 0; } } .m-quote__bg-image { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; } .m-quote__quote-mark { min-width: 24px; align-self: flex-start; } @media screen and (min-width: 760px) { .m-quote__quote-mark { min-width: 50px; } } .m-quote__block { position: relative; z-index: 1; display: flex; padding: 34px 24px; border-radius: 16px; margin: 0; background: rgba(255, 255, 255, 0.6); } @media screen and (min-width: 1024px) { .m-quote__block { padding: 40px 100px; border-radius: 24px; } } @media screen and (min-width: 1200px) { .m-quote__block { padding: 80px 195px; } } .m-quote__image { width: 120px; max-width: 120px; border-radius: 50%; object-fit: cover; margin-top: 16px; } .m-quote__image.is-desktop { display: none; } @media screen and (min-width: 760px) { .m-quote__image.is-desktop { display: block; } } .m-quote__image.is-mobile { max-width: 48px; margin-top: 0; margin-right: 11px; } @media screen and (min-width: 760px) { .m-quote__image.is-mobile { display: none; } } .m-quote__text { font-size: 2rem; line-height: 130%; margin-left: 16px; margin-top: 16px; } @media screen and (min-width: 1024px) { .m-quote__text { font-size: 3.2rem; } } .m-quote__words { font-weight: 700; line-height: 130%; } .m-quote__author { display: flex; margin-top: 12px; } @media screen and (min-width: 760px) { .m-quote__author { margin-top: 0; } } .m-quote__author-name { font-weight: 600; font-size: 1.4rem; line-height: 120%; font-style: normal; } @media screen and (min-width: 760px) { .m-quote__author-name { font-size: 1.6rem; } } .m-quote__job-title { font-size: 1.2rem; line-height: 120%; font-style: normal; } @media screen and (min-width: 760px) { .m-quote__job-title { font-size: 1.4rem; } } .m-quote.u-text-white { color: #fff; } .m-quote.u-text-white .m-quote__block { background: rgba(0, 0, 0, 0.6); } .m-quote.u-text-white svg path { fill: #fff; } .m-quote.u-text-black { color: #000; } .m-quote.u-text-black .m-quote__author-name, .m-quote.u-text-black .m-quote__job-title { color: #404040; } /*# sourceMappingURL=quote.css.map */ .theme--adtran .m-promo, .m-promo { position: relative; } .theme--adtran .m-promo[style], .theme--adtran .m-promo--with-image, .m-promo[style], .m-promo--with-image { padding: 56px 0; } @media screen and (min-width: 760px) { .theme--adtran .m-promo[style], .theme--adtran .m-promo--with-image, .m-promo[style], .m-promo--with-image { padding: 96px 0; } } .theme--adtran .m-promo__bg-image, .m-promo__bg-image { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .theme--adtran .m-promo__tag, .m-promo__tag { position: relative; font-size: 1.4rem; line-height: 120%; margin-bottom: 16px; z-index: 1; } @media screen and (min-width: 760px) { .theme--adtran .m-promo__tag, .m-promo__tag { display: block; font-size: 1.6rem; margin-bottom: 24px; } } .theme--adtran .m-promo__title, .m-promo__title { position: relative; z-index: 1; font-size: 2.8rem; line-height: 120%; font-weight: 700; margin-bottom: 24px; text-wrap: balance; } @media screen and (min-width: 760px) { .theme--adtran .m-promo__title, .m-promo__title { font-size: 3.2rem; margin-bottom: 32px; } } .theme--adtran .m-promo__text, .m-promo__text { position: relative; z-index: 1; font-size: 1.4rem; line-height: 150%; } @media screen and (min-width: 760px) { .theme--adtran .m-promo__text, .m-promo__text { font-size: 1.6rem; } } .theme--adtran .m-promo__img-wrap, .m-promo__img-wrap { position: relative; text-align: center; } @media screen and (min-width: 760px) { .theme--adtran .m-promo__img-wrap, .m-promo__img-wrap { display: flex; align-items: center; width: 100%; max-width: 560px; } } .theme--adtran .m-promo__image, .m-promo__image { position: relative; z-index: 1; width: auto; min-width: auto; max-height: 320px; max-width: 100%; object-fit: contain; margin: 0 auto 40px auto; } @media screen and (min-width: 760px) { .theme--adtran .m-promo__image, .m-promo__image { display: block; max-width: 100%; height: auto; max-height: unset; margin-bottom: 0; } } .theme--adtran .m-promo__wrap, .m-promo__wrap { display: flex; flex-direction: column; justify-content: center; } @media screen and (min-width: 760px) { .theme--adtran .m-promo__wrap, .m-promo__wrap { width: 100%; max-width: 328px; } } .theme--adtran .m-promo__content, .m-promo__content { display: flex; width: 90%; max-width: 928px; margin: 0 auto; flex-direction: column-reverse; } @media screen and (min-width: 760px) { .theme--adtran .m-promo__content, .m-promo__content { flex-direction: row; gap: 40px; } } @media screen and (min-width: 760px) { .theme--adtran .m-promo--flip .theme--adtran .m-promo__content, .m-promo--flip .theme--adtran .m-promo__content, .theme--adtran .m-promo--flip .m-promo__content, .m-promo--flip .m-promo__content { flex-direction: row-reverse; } } .theme--adtran .m-promo__link, .m-promo__link { position: relative; z-index: 1; font-size: 1.4rem; margin-top: 24px; } @media screen and (min-width: 760px) { .theme--adtran .m-promo__link, .m-promo__link { font-size: 1.6rem; margin-top: 32px; } } .theme--adtran .m-promo.u-text-white, .m-promo.u-text-white { color: #fff; } .theme--adtran .m-promo.u-text-white .m-carousel__prev, .theme--adtran .m-promo.u-text-white .m-carousel__next, .m-promo.u-text-white .m-carousel__prev, .m-promo.u-text-white .m-carousel__next { border-color: #fff; } .theme--adtran .m-promo.u-text-white .m-carousel__prev svg path, .theme--adtran .m-promo.u-text-white .m-carousel__next svg path, .m-promo.u-text-white .m-carousel__prev svg path, .m-promo.u-text-white .m-carousel__next svg path { stroke: #fff; } .theme--adtran .m-promo.u-text-black, .m-promo.u-text-black { color: #000; } .theme--adtran .m-promo.u-text-black .m-promo__tag, .m-promo.u-text-black .m-promo__tag { color: #848686; } .theme--adtran .m-promo.u-text-black .m-promo__text, .m-promo.u-text-black .m-promo__text { color: #404040; } .theme--adtran .m-promo.u-text-black .m-carousel__prev, .theme--adtran .m-promo.u-text-black .m-carousel__next, .m-promo.u-text-black .m-carousel__prev, .m-promo.u-text-black .m-carousel__next { border-color: #000; } .theme--adtran .m-promo.u-text-black .m-carousel__prev svg path, .theme--adtran .m-promo.u-text-black .m-carousel__next svg path, .m-promo.u-text-black .m-carousel__prev svg path, .m-promo.u-text-black .m-carousel__next svg path { stroke: #000; } /*# sourceMappingURL=promo.css.map */ .m-product-info, .theme--adtran .m-product-info { position: relative; } .m-product-info[style], .m-product-info--with-image, .theme--adtran .m-product-info[style], .theme--adtran .m-product-info--with-image { padding: 56px 0; } @media screen and (min-width: 760px) { .m-product-info[style], .m-product-info--with-image, .theme--adtran .m-product-info[style], .theme--adtran .m-product-info--with-image { padding: 96px 0; } } .m-product-info__bg-image, .theme--adtran .m-product-info__bg-image { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; } .m-product-info__title, .theme--adtran .m-product-info__title { position: relative; z-index: 1; max-width: 676px; font-size: 2.8rem; line-height: 120%; font-weight: 700; margin: 0 auto 22px auto; text-align: center; text-wrap: balance; } @media screen and (min-width: 760px) { .m-product-info__title, .theme--adtran .m-product-info__title { font-size: 4rem; margin: 0 auto 20px auto; } } .m-product-info__text, .theme--adtran .m-product-info__text { position: relative; z-index: 1; max-width: 676px; font-size: 1.6rem; line-height: 150%; margin: 0 auto 40px auto; text-align: center; } @media screen and (min-width: 760px) { .m-product-info__text, .theme--adtran .m-product-info__text { font-size: 2rem; margin: 0 auto 56px auto; } } .m-product-info__image, .theme--adtran .m-product-info__image { position: relative; z-index: 1; } .m-product-info__columns, .theme--adtran .m-product-info__columns { position: relative; width: 90%; max-width: 231px; gap: 50px; margin: 45px auto 56px auto; justify-content: center; z-index: 1; } @media screen and (min-width: 760px) { .m-product-info__columns, .theme--adtran .m-product-info__columns { display: flex; max-width: 908px; } } @media screen and (min-width: 760px) { .m-product-info__columns--full, .theme--adtran .m-product-info__columns--full { max-width: 1140px; } } .m-product-info__columns:has(> :nth-child(1):last-child) .m-product-info__col, .theme--adtran .m-product-info__columns:has(> :nth-child(1):last-child) .m-product-info__col { max-width: 434px; text-align: center; } @media screen and (min-width: 760px) { .m-product-info__columns:has(> :nth-child(2):last-child) .m-product-info__col, .theme--adtran .m-product-info__columns:has(> :nth-child(2):last-child) .m-product-info__col { width: 50%; max-width: 434px; } } @media screen and (min-width: 760px) { .m-product-info__columns:has(> :nth-child(3):last-child) .m-product-info__col, .theme--adtran .m-product-info__columns:has(> :nth-child(3):last-child) .m-product-info__col { width: 33.33%; max-width: 255px; } } .m-product-info__col, .theme--adtran .m-product-info__col { margin: 0 auto 30px auto; } @media screen and (min-width: 760px) { .m-product-info__col, .theme--adtran .m-product-info__col { margin-bottom: 0; } } .m-product-info__tag, .theme--adtran .m-product-info__tag { font-size: 1.2rem; line-height: 120%; margin-bottom: 10px; } @media screen and (min-width: 760px) { .m-product-info__tag, .theme--adtran .m-product-info__tag { font-size: 1.6rem; margin-bottom: 14px; } } .m-product-info__small-title, .theme--adtran .m-product-info__small-title { font-size: 2.4rem; line-height: 120%; font-weight: 700; margin-bottom: 10px; } @media screen and (min-width: 760px) { .m-product-info__small-title, .theme--adtran .m-product-info__small-title { font-size: 3.2rem; margin-bottom: 14px; } } .m-product-info__small-text, .theme--adtran .m-product-info__small-text { font-size: 1.2rem; line-height: 150%; font-weight: 700; } @media screen and (min-width: 760px) { .m-product-info__small-text, .theme--adtran .m-product-info__small-text { font-size: 1.6rem; } } .m-product-info__btn, .theme--adtran .m-product-info__btn { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; } .m-product-info__image, .theme--adtran .m-product-info__image { width: 100%; max-width: 100%; height: auto; object-fit: contain; display: flex; flex-direction: column; justify-content: center; margin-bottom: 20px; } @media screen and (min-width: 760px) { .m-product-info__image, .theme--adtran .m-product-info__image { width: auto; max-width: 100%; height: auto; margin: auto auto 0 auto; } } .m-product-info__image + .m-product-info__btn, .theme--adtran .m-product-info__image + .m-product-info__btn { margin-top: 36px; } .m-product-info.u-text-white, .theme--adtran .m-product-info.u-text-white { color: #fff; } .m-product-info.u-text-white .m-product-info__small-title, .theme--adtran .m-product-info.u-text-white .m-product-info__small-title { color: #fff; } .m-product-info.u-text-black, .theme--adtran .m-product-info.u-text-black { color: #000; } .m-product-info.u-text-black .m-product-info__small-title, .theme--adtran .m-product-info.u-text-black .m-product-info__small-title { color: #000; } .m-product-info.u-text-black .m-product-info__tag, .m-product-info.u-text-black .m-product-info__small-text, .m-product-info.u-text-black .m-product-info__text, .theme--adtran .m-product-info.u-text-black .m-product-info__tag, .theme--adtran .m-product-info.u-text-black .m-product-info__small-text, .theme--adtran .m-product-info.u-text-black .m-product-info__text { color: #404040; } /*# sourceMappingURL=product-info.css.map */ /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform,opacity,height; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .m-carousel, .theme--adtran .m-carousel { position: relative; } .m-carousel[style], .m-carousel--with-image, .theme--adtran .m-carousel[style], .theme--adtran .m-carousel--with-image { padding: 56px 0 60px; } @media screen and (min-width: 760px) { .m-carousel[style], .m-carousel--with-image, .theme--adtran .m-carousel[style], .theme--adtran .m-carousel--with-image { padding: 80px 0 56px; } } .m-carousel__bg-image, .theme--adtran .m-carousel__bg-image { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; } .m-carousel__title, .theme--adtran .m-carousel__title { max-width: 676px; font-size: 2.8rem; line-height: 120%; font-weight: 600; margin: 0 auto 24px auto; text-align: center; } @media screen and (min-width: 760px) { .m-carousel__title, .theme--adtran .m-carousel__title { font-size: 4.8rem; margin-bottom: 56px; } } .m-carousel__wrapper-inner, .theme--adtran .m-carousel__wrapper-inner { border-radius: 24px; } .m-carousel__item, .theme--adtran .m-carousel__item { height: auto; } .m-carousel__item, .theme--adtran .m-carousel__item { margin: 0 auto; } .m-carousel__navigation, .theme--adtran .m-carousel__navigation { position: relative; display: flex; justify-content: flex-end; width: 100%; margin: 24px auto 0 auto; } @media screen and (min-width: 760px) { .m-carousel__navigation, .theme--adtran .m-carousel__navigation { margin: 40px auto 0 auto; } } .m-carousel__prev, .m-carousel__next, .theme--adtran .m-carousel__prev, .theme--adtran .m-carousel__next { display: flex; flex-direction: column; justify-content: center; width: 40px; height: 40px; border-radius: 50%; text-align: center; border: 2px solid #404040; cursor: pointer; } @media screen and (min-width: 760px) { .m-carousel__prev, .m-carousel__next, .theme--adtran .m-carousel__prev, .theme--adtran .m-carousel__next { width: 56px; height: 56px; } } .m-carousel__prev svg, .m-carousel__next svg, .theme--adtran .m-carousel__prev svg, .theme--adtran .m-carousel__next svg { display: block; width: 12px; height: 20px; margin: 0 auto; } .m-carousel__prev.swiper-button-disabled, .m-carousel__next.swiper-button-disabled, .theme--adtran .m-carousel__prev.swiper-button-disabled, .theme--adtran .m-carousel__next.swiper-button-disabled { opacity: 0.3; cursor: default; border-color: #424242; } .m-carousel__prev.swiper-button-disabled svg path, .m-carousel__next.swiper-button-disabled svg path, .theme--adtran .m-carousel__prev.swiper-button-disabled svg path, .theme--adtran .m-carousel__next.swiper-button-disabled svg path { stroke: #424242; } .m-carousel__prev, .theme--adtran .m-carousel__prev { left: auto; right: 100px; } .m-carousel__next, .theme--adtran .m-carousel__next { right: 0; margin-left: 10px; } .m-carousel.u-text-white, .theme--adtran .m-carousel.u-text-white { color: #fff; } .m-carousel.u-text-white .m-carousel__prev, .m-carousel.u-text-white .m-carousel__next, .theme--adtran .m-carousel.u-text-white .m-carousel__prev, .theme--adtran .m-carousel.u-text-white .m-carousel__next { border-color: #fff; } .m-carousel.u-text-white .m-carousel__prev svg path, .m-carousel.u-text-white .m-carousel__next svg path, .theme--adtran .m-carousel.u-text-white .m-carousel__prev svg path, .theme--adtran .m-carousel.u-text-white .m-carousel__next svg path { stroke: #fff; } .m-carousel.u-text-black, .theme--adtran .m-carousel.u-text-black { color: #000; } .m-carousel.u-text-black .m-carousel__prev, .m-carousel.u-text-black .m-carousel__next, .theme--adtran .m-carousel.u-text-black .m-carousel__prev, .theme--adtran .m-carousel.u-text-black .m-carousel__next { border-color: #404040; } .m-carousel.u-text-black .m-carousel__prev svg path, .m-carousel.u-text-black .m-carousel__next svg path, .theme--adtran .m-carousel.u-text-black .m-carousel__prev svg path, .theme--adtran .m-carousel.u-text-black .m-carousel__next svg path { stroke: #404040; } .m-carousel.u-text-black .m-carousel__prev:hover, .m-carousel.u-text-black .m-carousel__next:hover, .theme--adtran .m-carousel.u-text-black .m-carousel__prev:hover, .theme--adtran .m-carousel.u-text-black .m-carousel__next:hover { border-color: #000; } .m-carousel.u-text-black .m-carousel__prev:hover svg path, .m-carousel.u-text-black .m-carousel__next:hover svg path, .theme--adtran .m-carousel.u-text-black .m-carousel__prev:hover svg path, .theme--adtran .m-carousel.u-text-black .m-carousel__next:hover svg path { stroke: #000; } .theme--adtran .m-product-card, .m-product-card { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 400px; border-radius: 16px; } @media screen and (max-width: 768px) { .theme--adtran .m-product-card, .m-product-card { aspect-ratio: 295 / 413; border-radius: 24px; } } .theme--adtran .m-product-card__image-media, .theme--adtran .m-product-card__image, .theme--adtran .m-product-card__video, .m-product-card__image-media, .m-product-card__image, .m-product-card__video { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: cover; border-radius: 24px; } .theme--adtran .m-product-card__image-media::-webkit-media-controls-play-button, .theme--adtran .m-product-card__image-media::-webkit-media-controls-overlay-play-button, .theme--adtran .m-product-card__image-media::-moz-media-controls-play-button, .theme--adtran .m-product-card__image::-webkit-media-controls-play-button, .theme--adtran .m-product-card__image::-webkit-media-controls-overlay-play-button, .theme--adtran .m-product-card__image::-moz-media-controls-play-button, .theme--adtran .m-product-card__video::-webkit-media-controls-play-button, .theme--adtran .m-product-card__video::-webkit-media-controls-overlay-play-button, .theme--adtran .m-product-card__video::-moz-media-controls-play-button, .m-product-card__image-media::-webkit-media-controls-play-button, .m-product-card__image-media::-webkit-media-controls-overlay-play-button, .m-product-card__image-media::-moz-media-controls-play-button, .m-product-card__image::-webkit-media-controls-play-button, .m-product-card__image::-webkit-media-controls-overlay-play-button, .m-product-card__image::-moz-media-controls-play-button, .m-product-card__video::-webkit-media-controls-play-button, .m-product-card__video::-webkit-media-controls-overlay-play-button, .m-product-card__video::-moz-media-controls-play-button { display: none; } .theme--adtran .m-product-card .m-vimeoPlayer, .m-product-card .m-vimeoPlayer { max-width: unset; height: 100%; margin-bottom: 0; border-radius: 24px; } .theme--adtran .m-product-card .m-vimeoPlayer video, .m-product-card .m-vimeoPlayer video { border-radius: 24px; background: #000; } @media screen and (min-width: 760px) { .theme--adtran .m-product-card .m-vimeoPlayer video, .m-product-card .m-vimeoPlayer video { object-fit: cover; } } .theme--adtran .m-product-card .m-vimeoPlayer .m-vimeoPlayer__play, .m-product-card .m-vimeoPlayer .m-vimeoPlayer__play { left: 50%; margin: 0; transform: translate(-50%, -50%); z-index: 50; } .theme--adtran .m-product-card .m-vimeoPlayer .m-vimeoPlayer__play svg, .m-product-card .m-vimeoPlayer .m-vimeoPlayer__play svg { width: 56px; height: 56px; border-radius: 50%; box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.25), 0 4px 80px 0 rgba(0, 0, 0, 0.25); transition: box-shadow 0.3s ease; } @media screen and (min-width: 760px) { .theme--adtran .m-product-card .m-vimeoPlayer .m-vimeoPlayer__play svg, .m-product-card .m-vimeoPlayer .m-vimeoPlayer__play svg { width: 120px; height: 120px; } } .theme--adtran .m-product-card .m-vimeoPlayer .m-vimeoPlayer__play svg:hover, .m-product-card .m-vimeoPlayer .m-vimeoPlayer__play svg:hover { box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.4), 0 4px 80px 0 rgba(0, 0, 0, 0.4); } .theme--adtran .m-product-card__content, .m-product-card__content { position: absolute; top: 0; width: 100%; display: flex; flex-direction: column-reverse; justify-content: space-between; height: 100%; padding: 30px; pointer-events: none; } @media screen and (min-width: 1024px) { .theme--adtran .m-product-card__content, .m-product-card__content { flex-direction: row; justify-content: flex-start; height: 100%; padding: 44px; } } @media screen and (min-width: 1024px) { .theme--adtran .m-product-card__text, .m-product-card__text { width: calc(50% - 45px); } } @media screen and (min-width: 1024px) { .theme--adtran .m-product-card__text, .m-product-card__text { display: flex; flex-direction: column; justify-content: center; } } .theme--adtran .m-product-card__side-image, .m-product-card__side-image { object-fit: contain; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px; flex: 1; box-sizing: border-box; overflow: hidden; } .theme--adtran .m-product-card__side-image img, .m-product-card__side-image img { max-width: 100%; max-height: 100%; object-fit: contain; } @media screen and (min-width: 1024px) { .theme--adtran .m-product-card__side-image, .m-product-card__side-image { position: absolute; top: 0; right: 0; height: calc(100% - 32px); aspect-ratio: 1/1; margin-top: auto; margin-bottom: 0; margin: 16px; width: 50%; max-height: none; overflow: visible; } } .theme--adtran .m-product-card__tag, .m-product-card__tag { font-size: 1.2rem; margin-bottom: 10px; } @media screen and (min-width: 760px) { .theme--adtran .m-product-card__tag, .m-product-card__tag { display: block; font-size: 1.6rem; margin-bottom: 5px; } } .theme--adtran .m-product-card__title, .m-product-card__title { font-size: 2rem; line-height: 120%; font-weight: 600; margin-bottom: 10px; } @media screen and (min-width: 760px) { .theme--adtran .m-product-card__title, .m-product-card__title { font-size: 4rem; margin-bottom: 15px; } } .theme--adtran .m-product-card__rte, .m-product-card__rte { font-size: 1.4rem; line-height: 150%; margin-bottom: 13px; } @media screen and (min-width: 760px) { .theme--adtran .m-product-card__rte, .m-product-card__rte { font-size: 1.6rem; } } @media screen and (max-width: 760px) { .theme--adtran .m-product-card__rte, .m-product-card__rte { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } } .theme--adtran .m-product-card__link, .m-product-card__link { font-weight: 700; font-size: 1.4rem; pointer-events: auto; } @media screen and (min-width: 760px) { .theme--adtran .m-product-card__link, .m-product-card__link { font-size: 1.6rem; } } .theme--adtran .m-product-card.u-text-white, .m-product-card.u-text-white { color: #fff; } .theme--adtran .m-product-card.u-text-black, .m-product-card.u-text-black { color: #000; } .theme--adtran .m-product-card.u-text-black .theme--adtran .m-product-card, .theme--adtran .m-product-card.u-text-black .m-product-card__tag, .m-product-card.u-text-black .theme--adtran .m-product-card, .m-product-card.u-text-black .m-product-card__tag { color: #404040; } .theme--adtran .m-product-card.u-text-black .theme--adtran .m-product-card, .theme--adtran .m-product-card.u-text-black .m-product-card__rte, .m-product-card.u-text-black .theme--adtran .m-product-card, .m-product-card.u-text-black .m-product-card__rte { color: #404040; } .theme--adtran .m-product-card h2 { line-height: 120%; } .m-mob-carousel, .theme--adtran .m-mob-carousel { position: relative; width: 100%; } .m-mob-carousel[style], .m-mob-carousel--with-image, .theme--adtran .m-mob-carousel[style], .theme--adtran .m-mob-carousel--with-image { padding: 54px 0; } @media screen and (min-width: 760px) { .m-mob-carousel[style], .m-mob-carousel--with-image, .theme--adtran .m-mob-carousel[style], .theme--adtran .m-mob-carousel--with-image { padding: 96px 0; } } .m-mob-carousel__bg-image, .theme--adtran .m-mob-carousel__bg-image { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; } .m-mob-carousel__wrapper-inner, .theme--adtran .m-mob-carousel__wrapper-inner { width: 100%; max-width: 100%; box-sizing: border-box; display: flex; align-items: stretch; } @media screen and (min-width: 1000px) { .m-mob-carousel__wrapper-inner, .theme--adtran .m-mob-carousel__wrapper-inner { width: 100%; max-width: 1372px; margin: 0 auto; padding: 0 16px; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto auto; gap: 25px; grid-template-areas: 'card1 card1 card2 card2' 'card1 card1 card3 card4'; } } .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child), .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) { display: block; } .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-mob-carousel__item, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-mob-carousel__item { width: 100%; grid-area: unset; aspect-ratio: unset; } .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product:not(.m-product--inline) .m-product__content, .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product:not(.m-product--inline) .m-product__img-wrap, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product:not(.m-product--inline) .m-product__content, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product:not(.m-product--inline) .m-product__img-wrap { width: 100%; text-align: center; } .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product:not(.m-product--inline) .m-product__title, .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product:not(.m-product--inline) .m-product__text, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product:not(.m-product--inline) .m-product__title, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product:not(.m-product--inline) .m-product__text { text-align: center; } @media screen and (min-width: 1000px) { .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product--inline .m-product__content, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product--inline .m-product__content { width: calc(55% - 20px); } } @media screen and (min-width: 1000px) { .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product--inline .m-product__img-wrap, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product--inline .m-product__img-wrap { width: calc(45% - 20px); } } .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product--inline .m-product__image, .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product--inline img.responsive-img, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product--inline .m-product__image, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:only-child) .m-product--inline img.responsive-img { max-height: none; } .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(2):last-child), .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(2):last-child) { display: flex; align-items: stretch; } @media screen and (min-width: 1000px) { .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(2):last-child), .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(2):last-child) { gap: 25px; } } .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(2):last-child) .m-mob-carousel__item, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(2):last-child) .m-mob-carousel__item { grid-area: unset; } @media screen and (min-width: 1000px) { .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(2):last-child) .m-mob-carousel__item, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(2):last-child) .m-mob-carousel__item { width: calc(50% - 12.5px); aspect-ratio: 1/1; } } @media screen and (min-width: 1000px) { .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(2):last-child) .m-mob-carousel__item .m-product, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(2):last-child) .m-mob-carousel__item .m-product { aspect-ratio: 1/1; } } @media screen and (min-width: 1000px) { .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(3):last-child), .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(3):last-child) { grid-template-areas: 'card1 card1 card2 card2' 'card1 card1 card3 card3'; grid-template-rows: auto auto; } } .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(3):last-child) .m-mob-carousel__item:nth-child(2), .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(3):last-child) .m-mob-carousel__item:nth-child(3), .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(3):last-child) .m-mob-carousel__item:nth-child(2), .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(3):last-child) .m-mob-carousel__item:nth-child(3) { aspect-ratio: unset; } @media screen and (min-width: 1000px) { .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(4):first-child) .m-product, .theme--adtran .m-mob-carousel__wrapper-inner:has(> .m-mob-carousel__item:nth-child(4):first-child) .m-product { aspect-ratio: 1/1; } } .m-mob-carousel__title, .theme--adtran .m-mob-carousel__title { position: relative; z-index: 1; max-width: 679px; font-size: 2.8rem; line-height: 120%; font-weight: 700; padding: 0 16px; margin: 0 auto 23px auto; text-align: center; text-wrap: balance; } @media screen and (min-width: 760px) { .m-mob-carousel__title, .theme--adtran .m-mob-carousel__title { font-size: 4rem; padding: 0; margin: 0 auto 44px auto; } } .m-mob-carousel__text, .theme--adtran .m-mob-carousel__text { position: relative; z-index: 1; max-width: 679px; font-size: 1.6rem; line-height: 150%; padding: 0 16px; margin: 0 auto 40px auto; text-align: center; text-wrap: balance; } @media screen and (min-width: 760px) { .m-mob-carousel__text, .theme--adtran .m-mob-carousel__text { font-size: 2rem; padding: 0; margin: 0 auto 50px auto; } } .m-mob-carousel__item, .theme--adtran .m-mob-carousel__item { height: auto; border-radius: 16px; overflow: hidden; } @media screen and (min-width: 760px) { .m-mob-carousel__item, .theme--adtran .m-mob-carousel__item { border-radius: 24px; } } @media screen and (min-width: 1000px) { .m-mob-carousel__item, .theme--adtran .m-mob-carousel__item { height: 100%; } } @media screen and (min-width: 1024px) { .m-mob-carousel__item, .theme--adtran .m-mob-carousel__item { aspect-ratio: 1/1; } } @media screen and (min-width: 1000px) { .m-mob-carousel__item:nth-child(1), .theme--adtran .m-mob-carousel__item:nth-child(1) { grid-area: card1; } } .m-mob-carousel__item:nth-child(2), .theme--adtran .m-mob-carousel__item:nth-child(2) { background: #ccc; aspect-ratio: unset; } @media screen and (min-width: 1000px) { .m-mob-carousel__item:nth-child(2), .theme--adtran .m-mob-carousel__item:nth-child(2) { grid-area: card2; aspect-ratio: unset; } } @media screen and (min-width: 1000px) { .m-mob-carousel__item:nth-child(3), .theme--adtran .m-mob-carousel__item:nth-child(3) { grid-area: card3; aspect-ratio: unset; } } @media screen and (min-width: 1000px) { .m-mob-carousel__item:nth-child(4), .theme--adtran .m-mob-carousel__item:nth-child(4) { grid-area: card4; aspect-ratio: unset; } } .m-mob-carousel__navigation, .theme--adtran .m-mob-carousel__navigation { position: relative; display: flex; justify-content: flex-end; width: 100%; min-height: 56px; margin: 24px auto 0 auto; } @media screen and (min-width: 1000px) { .m-mob-carousel__navigation, .theme--adtran .m-mob-carousel__navigation { margin: 40px auto 0 auto; display: none; } } .m-mob-carousel__prev, .m-mob-carousel__next, .theme--adtran .m-mob-carousel__prev, .theme--adtran .m-mob-carousel__next { display: flex; flex-direction: column; justify-content: center; width: 40px; height: 40px; border-radius: 50%; text-align: center; border: 1px solid #404040; cursor: pointer; } @media screen and (min-width: 760px) { .m-mob-carousel__prev, .m-mob-carousel__next, .theme--adtran .m-mob-carousel__prev, .theme--adtran .m-mob-carousel__next { width: 56px; height: 56px; } } .m-mob-carousel__prev svg, .m-mob-carousel__next svg, .theme--adtran .m-mob-carousel__prev svg, .theme--adtran .m-mob-carousel__next svg { display: block; width: 12px; height: 20px; margin: 0 auto; } .m-mob-carousel__prev.swiper-button-disabled, .m-mob-carousel__next.swiper-button-disabled, .theme--adtran .m-mob-carousel__prev.swiper-button-disabled, .theme--adtran .m-mob-carousel__next.swiper-button-disabled { opacity: 0.3; cursor: default; border-color: #424242; } .m-mob-carousel__prev.swiper-button-disabled svg path, .m-mob-carousel__next.swiper-button-disabled svg path, .theme--adtran .m-mob-carousel__prev.swiper-button-disabled svg path, .theme--adtran .m-mob-carousel__next.swiper-button-disabled svg path { stroke: #424242; } .m-mob-carousel__prev, .theme--adtran .m-mob-carousel__prev { left: auto; right: 100px; } .m-mob-carousel__next, .theme--adtran .m-mob-carousel__next { right: 0; margin-left: 10px; } .m-mob-carousel__btn, .theme--adtran .m-mob-carousel__btn { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; margin-top: 56px; display: none; } @media screen and (min-width: 760px) { .m-mob-carousel__btn, .theme--adtran .m-mob-carousel__btn { display: flex; } } .m-mob-carousel.u-text-white, .theme--adtran .m-mob-carousel.u-text-white { color: #fff; } .m-mob-carousel.u-text-white .m-mob-carousel__prev, .m-mob-carousel.u-text-white .m-mob-carousel__next, .theme--adtran .m-mob-carousel.u-text-white .m-mob-carousel__prev, .theme--adtran .m-mob-carousel.u-text-white .m-mob-carousel__next { border-color: #fff; } .m-mob-carousel.u-text-white .m-mob-carousel__prev svg path, .m-mob-carousel.u-text-white .m-mob-carousel__next svg path, .theme--adtran .m-mob-carousel.u-text-white .m-mob-carousel__prev svg path, .theme--adtran .m-mob-carousel.u-text-white .m-mob-carousel__next svg path { stroke: #fff; } .m-mob-carousel.u-text-black, .theme--adtran .m-mob-carousel.u-text-black { color: #000; } .m-mob-carousel.u-text-black .m-mob-carousel__prev, .m-mob-carousel.u-text-black .m-mob-carousel__next, .theme--adtran .m-mob-carousel.u-text-black .m-mob-carousel__prev, .theme--adtran .m-mob-carousel.u-text-black .m-mob-carousel__next { border-color: #000; } .m-mob-carousel.u-text-black .m-mob-carousel__prev svg path, .m-mob-carousel.u-text-black .m-mob-carousel__next svg path, .theme--adtran .m-mob-carousel.u-text-black .m-mob-carousel__prev svg path, .theme--adtran .m-mob-carousel.u-text-black .m-mob-carousel__next svg path { stroke: #000; } .m-product, .m-product { box-sizing: border-box; position: relative; display: flex; align-content: center; flex-direction: column; height: 100%; border-radius: 16px; } @media screen and (min-width: 760px) { .m-product, .m-product { border-radius: 24px; } } .m-product__bg-image, .m-product__bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 24px; object-fit: cover; border-radius: 16px; } @media screen and (min-width: 760px) { .m-product__bg-image, .m-product__bg-image { border-radius: 24px; } } .m-product__img-wrap, .m-product__img-wrap { position: relative; width: calc(100% - 32px); margin: 10px; align-self: flex-start; margin: 16px; display: flex; flex-direction: column; justify-content: center; z-index: 1; flex: 1; } .m-product__image, .m-product__image { max-width: 100%; height: 100%; object-fit: contain; margin: auto; } .m-product__content, .m-product__content { position: relative; align-content: center; padding: 26px 40px 40px 40px; z-index: 1; margin-top: auto; } @media screen and (min-width: 760px) { .m-product__content, .m-product__content { padding: 0 40px 40px 40px; margin-top: auto; } } .m-product__title, .m-product h3.m-product__title, .m-product__title, .m-product h3.m-product__title { font-size: 2rem; line-height: 120% !important; font-weight: 700; text-align: left; margin-bottom: 16px; } @media screen and (min-width: 1000px) { .m-product__title, .m-product h3.m-product__title, .m-product__title, .m-product h3.m-product__title { font-size: 3.2rem; } } .m-product__text, .m-product__text { font-size: 1.4rem; line-height: 150%; font-weight: 400; text-align: left; margin-bottom: 24px; } @media screen and (min-width: 1000px) { .m-product__text, .m-product__text { font-size: 1.6rem; } } .m-product__link, .m-product__link { font-size: 1.4rem; } @media screen and (min-width: 1000px) { .m-product__link, .m-product__link { font-size: 1.6rem; } } @media screen and (min-width: 1000px) { .m-product--inline, .m-product--inline { display: flex; flex-direction: row-reverse; } } @media screen and (min-width: 1000px) { .m-product--inline .m-product, .m-product--inline .m-product__img-wrap, .m-product--inline .m-product, .m-product--inline .m-product__img-wrap { aspect-ratio: 1 /1; width: calc(40% - 20px); flex: none; } } .m-product--inline .m-product, .m-product--inline .m-product__image, .m-product--inline img.responsive-img, .m-product--inline .m-product, .m-product--inline .m-product__image, .m-product--inline img.responsive-img { display: block; margin-left: auto; margin-right: auto; height: auto; } @media screen and (min-width: 1000px) { .m-product--inline .m-product, .m-product--inline .m-product__image, .m-product--inline img.responsive-img, .m-product--inline .m-product, .m-product--inline .m-product__image, .m-product--inline img.responsive-img { margin-right: 0; object-fit: contain; } } .m-product--inline .m-product, .m-product--inline .m-product__content, .m-product--inline .m-product, .m-product--inline .m-product__content { margin-top: 0; } @media screen and (min-width: 760px) { .m-product--inline .m-product, .m-product--inline .m-product__content, .m-product--inline .m-product, .m-product--inline .m-product__content { padding: 25px; } } @media screen and (min-width: 1024px) { .m-product--inline .m-product, .m-product--inline .m-product__content, .m-product--inline .m-product, .m-product--inline .m-product__content { padding: 25px; } } @media screen and (min-width: 760px) { .m-product--small .m-product, .m-product--small .m-product__content, .m-product--small .m-product, .m-product--small .m-product__content { padding: 0 25px 25px 25px; } } @media screen and (min-width: 1000px) { .m-product--small .m-product, .m-product--small .m-product__title, .m-product--small h3.m-product__title, .m-product--small .m-product, .m-product--small .m-product__title, .m-product--small h3.m-product__title { font-size: 2.4rem; } } @media screen and (min-width: 1000px) { .m-product--small .m-product, .m-product--small .m-product__text, .m-product--small .m-product, .m-product--small .m-product__text { font-size: 1.6rem; margin-bottom: 5px; } } .m-product.u-text-white, .m-product.u-text-white { color: #fff; } .m-product.u-text-white .m-product__title, .m-product.u-text-white .m-product__title { color: #fff; } .m-product.u-text-black, .m-product.u-text-black { color: #000; } .m-product.u-text-black .m-product__title, .m-product.u-text-black .m-product__title { color: #000; } .m-product.u-text-black .m-product__text, .m-product.u-text-black .m-product__text { color: #404040; } .theme--adtran .m-product__title { margin-bottom: 24px; } /*# sourceMappingURL=large-carousel.css.map */ .m-full-width, .theme--adtran .m-full-width { position: relative; } .m-full-width[style], .m-full-width--with-image, .theme--adtran .m-full-width[style], .theme--adtran .m-full-width--with-image { padding: 56px 0 72px 0; } @media screen and (min-width: 760px) { .m-full-width[style], .m-full-width--with-image, .theme--adtran .m-full-width[style], .theme--adtran .m-full-width--with-image { padding: 96px 0; } } .m-full-width__bg-image, .theme--adtran .m-full-width__bg-image { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; } .m-full-width__title, .theme--adtran .m-full-width__title { position: relative; z-index: 1; max-width: 676px; font-size: 2.8rem; line-height: 120%; font-weight: 700; margin: 0 auto 11px auto; text-align: center; text-wrap: balance; } @media screen and (min-width: 760px) { .m-full-width__title, .theme--adtran .m-full-width__title { font-size: 4rem; margin: 0 auto 20px auto; } } .m-full-width__text, .theme--adtran .m-full-width__text { position: relative; z-index: 1; max-width: 676px; font-size: 1.6rem; line-height: 150%; margin: 0 auto 32px auto; text-wrap: balance; text-align: center; } @media screen and (min-width: 760px) { .m-full-width__text, .theme--adtran .m-full-width__text { font-size: 2rem; margin: 0 auto 56px auto; } } .m-full-width__image, .m-full-width__video, .theme--adtran .m-full-width__image, .theme--adtran .m-full-width__video { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; } @media screen and (min-width: 760px) { .m-full-width__image, .m-full-width__video, .theme--adtran .m-full-width__image, .theme--adtran .m-full-width__video { border-radius: 24px; } } .m-full-width__image, .theme--adtran .m-full-width__image { display: block; width: auto; max-width: 100%; height: auto; margin: auto auto 0 auto; } .m-full-width .m-vimeoPlayer, .theme--adtran .m-full-width .m-vimeoPlayer { margin-bottom: 0; max-width: 1372px; border-radius: 8px; } @media screen and (min-width: 760px) { .m-full-width .m-vimeoPlayer, .theme--adtran .m-full-width .m-vimeoPlayer { border-radius: 24px; } } .m-full-width .m-vimeoPlayer video, .theme--adtran .m-full-width .m-vimeoPlayer video { border-radius: 8px; } @media screen and (min-width: 760px) { .m-full-width .m-vimeoPlayer video, .theme--adtran .m-full-width .m-vimeoPlayer video { border-radius: 24px; } } .m-full-width .m-vimeoPlayer .m-vimeoPlayer__play, .theme--adtran .m-full-width .m-vimeoPlayer .m-vimeoPlayer__play { left: 50%; margin: 0; transform: translate(-50%, -50%); z-index: 50; } .m-full-width .m-vimeoPlayer .m-vimeoPlayer__play svg, .theme--adtran .m-full-width .m-vimeoPlayer .m-vimeoPlayer__play svg { width: 56px; height: 56px; border-radius: 50%; box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.25), 0 4px 80px 0 rgba(0, 0, 0, 0.25); transition: box-shadow 0.3s ease; } @media screen and (min-width: 760px) { .m-full-width .m-vimeoPlayer .m-vimeoPlayer__play svg, .theme--adtran .m-full-width .m-vimeoPlayer .m-vimeoPlayer__play svg { width: 120px; height: 120px; } } .m-full-width .m-vimeoPlayer .m-vimeoPlayer__play svg:hover, .theme--adtran .m-full-width .m-vimeoPlayer .m-vimeoPlayer__play svg:hover { box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.4), 0 4px 80px 0 rgba(0, 0, 0, 0.4); } .m-full-width__btn, .theme--adtran .m-full-width__btn { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; margin-top: 56px; } @media screen and (min-width: 760px) { .m-full-width__btn, .theme--adtran .m-full-width__btn { display: flex; } } .m-full-width .m-pdf-toolbar, .theme--adtran .m-full-width .m-pdf-toolbar { max-width: unset; width: 100%; margin: 0 auto; border-radius: 8px; } @media screen and (min-width: 760px) { .m-full-width .m-pdf-toolbar, .theme--adtran .m-full-width .m-pdf-toolbar { border-radius: 24px; } } .m-full-width .m-pdf-toolbar__container, .theme--adtran .m-full-width .m-pdf-toolbar__container { border-top-left-radius: 8px; border-top-right-radius: 8px; } @media screen and (min-width: 760px) { .m-full-width .m-pdf-toolbar__container, .theme--adtran .m-full-width .m-pdf-toolbar__container { border-top-left-radius: 24px; border-top-right-radius: 24px; } } .m-full-width .m-pdf-toolbar__buttom-container, .theme--adtran .m-full-width .m-pdf-toolbar__buttom-container { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } @media screen and (min-width: 760px) { .m-full-width .m-pdf-toolbar__buttom-container, .theme--adtran .m-full-width .m-pdf-toolbar__buttom-container { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; } } .m-full-width.u-text-white, .theme--adtran .m-full-width.u-text-white { color: #fff; } .m-full-width.u-text-white .m-carousel__prev, .m-full-width.u-text-white .m-carousel__next, .theme--adtran .m-full-width.u-text-white .m-carousel__prev, .theme--adtran .m-full-width.u-text-white .m-carousel__next { border-color: #fff; } .m-full-width.u-text-white .m-carousel__prev svg path, .m-full-width.u-text-white .m-carousel__next svg path, .theme--adtran .m-full-width.u-text-white .m-carousel__prev svg path, .theme--adtran .m-full-width.u-text-white .m-carousel__next svg path { stroke: #fff; } .m-full-width.u-text-black, .theme--adtran .m-full-width.u-text-black { color: #000; } .m-full-width.u-text-black .m-carousel__prev, .m-full-width.u-text-black .m-carousel__next, .theme--adtran .m-full-width.u-text-black .m-carousel__prev, .theme--adtran .m-full-width.u-text-black .m-carousel__next { border-color: #000; } .m-full-width.u-text-black .m-carousel__prev svg path, .m-full-width.u-text-black .m-carousel__next svg path, .theme--adtran .m-full-width.u-text-black .m-carousel__prev svg path, .theme--adtran .m-full-width.u-text-black .m-carousel__next svg path { stroke: #000; } .m-full-width.u-text-black .m-full-width__text, .theme--adtran .m-full-width.u-text-black .m-full-width__text { color: #404040; } /*# sourceMappingURL=full-width.css.map */ .m-breadcrumbs { max-height: 32px; position: relative; padding: 8px 0; background-color: rgba(0, 0, 0, 0.2); z-index: 1; top: -1px; } .m-breadcrumbs--solid { background-color: #000; } .m-breadcrumbs--invert { background-color: rgba(255, 255, 255, 0.2); } .m-breadcrumbs__list { display: flex; margin: 0; padding: 0; list-style: none; } .m-breadcrumbs__item { display: none; font-size: 1.1rem; color: #fff; margin-right: 7px; } .m-breadcrumbs__item::after { content: "/"; margin-left: 7px; } .m-breadcrumbs__item:last-child::after { content: ''; margin-left: 0; } @media screen and (min-width: 760px) { .m-breadcrumbs__item { display: flex; } } .m-breadcrumbs__link { color: #fff; align-content: center; } .m-breadcrumbs__link svg { position: relative; top: -1px; height: 1em; width: auto; vertical-align: middle; } .m-breadcrumbs__item:last-child { font-weight: 600; } .m-breadcrumbs__previous-page a { display: flex; align-items: center; font-size: 1.1rem; color: #fff; } .m-breadcrumbs__previous-page a .icon { margin-right: 7px; } @media screen and (min-width: 760px) { .m-breadcrumbs__previous-page a { display: none; } } .m-breadcrumbs.u-text-black .m-breadcrumbs__item, .m-breadcrumbs.u-text-black .m-breadcrumbs__link { color: #404040; } .theme--adtran a.m-breadcrumbs__link, .theme--adtran a.m-breadcrumbs__link:visited, .theme--adtran .m-breadcrumbs__previous-page a { color: #fff; } .theme--adtran .m-breadcrumbs__previous-page a .icon svg { fill: #fff; } .theme--adtran .u-text-black a.m-breadcrumbs__link, .theme--adtran .u-text-black a.m-breadcrumbs__link:visited { color: #404040; } .theme--adtran .u-text-white .m-breadcrumbs__previous-page a .icon svg { fill: #fff; } .theme--adtran .u-text-black a.m-breadcrumbs__link:hover { color: #00a0c8; } .theme--adtran .u-text-white a.m-breadcrumbs__link:hover { color: #fff; } .theme--adtran .u-text-black a.m-breadcrumbs__link svg { fill: #404040; } .theme--adtran .u-text-white a.m-breadcrumbs__link svg { fill: #fff; } .theme--adtran .m-breadcrumbs + .hero.hero-full, .theme--adtran .m-breadcrumbs + .listing-hero { margin-top: -33px; } .theme--adtran .m-breadcrumbs + .listing-hero { padding-top: 60px; } @media screen and (min-width: 760px) { .theme--adtran .m-breadcrumbs + .listing-hero { padding-top: 80px; } } .search-on .m-breadcrumbs { pointer-events: none; opacity: .5; } .theme--security .m-breadcrumbs { background: #fff; } .theme--security .m-breadcrumbs__link, .theme--security .m-breadcrumbs__link:visited, .theme--security .m-breadcrumbs__previous-page a { color: #3450a2; } .theme--security .m-breadcrumbs__item { color: #3450a2; } .osc .m-breadcrumbs { background: #fff; } .osc a.m-breadcrumbs__link, .osc a.m-breadcrumbs__link:visited, .osc .m-breadcrumbs__previous-page a { color: #3450a2; } .osc .m-breadcrumbs__item { color: #3450a2; } .osc .m-breadcrumbs__previous-page a .icon svg { fill: #3450a2; } .osc .u-text-black a.m-breadcrumbs__link, .osc .u-text-black a.m-breadcrumbs__link:visited { color: #404040; } .osc .u-text-white .m-breadcrumbs__previous-page a .icon svg { fill: #3450a2; } .osc .u-text-black a.m-breadcrumbs__link:hover { color: #3450a2; } .osc .u-text-white a.m-breadcrumbs__link:hover { color: #3450a2; } .osc .u-text-black a.m-breadcrumbs__link svg { fill: #3450a2; } .osc .u-text-white a.m-breadcrumbs__link svg { fill: #3450a2; } .theme--advanet .m-breadcrumbs { background: #fff; } .theme--advanet a.m-breadcrumbs__link, .theme--advanet a.m-breadcrumbs__link:visited, .theme--advanet .m-breadcrumbs__previous-page a { color: #3450a2; } .theme--advanet .m-breadcrumbs__item { color: #3450a2; } .theme--advanet .m-breadcrumbs__previous-page a .icon svg { fill: #3450a2; } .theme--advanet .u-text-black a.m-breadcrumbs__link, .theme--advanet .u-text-black a.m-breadcrumbs__link:visited { color: #404040; } .theme--advanet .u-text-white .m-breadcrumbs__previous-page a .icon svg { fill: #3450a2; } .theme--advanet .u-text-black a.m-breadcrumbs__link:hover { color: #3450a2; } .theme--advanet .u-text-white a.m-breadcrumbs__link:hover { color: #3450a2; } .theme--advanet .u-text-black a.m-breadcrumbs__link svg { fill: #3450a2; } .theme--advanet .u-text-white a.m-breadcrumbs__link svg { fill: #3450a2; } /*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAicHVibGljL2Nzcy9icmVhZGNydW1icy5jc3MiLAoJInNvdXJjZXMiOiBbCgkJInNyYy9jc3MvYnJlYWRjcnVtYnMuc2NzcyIsCgkJInNyYy9jc3MvdmVuZG9yL2luY2x1ZGUtbWVkaWEuc2NzcyIsCgkJInNyYy9jc3MvYmFzZS9fc3BhY2luZy5zY3NzIiwKCQkic3JjL2Nzcy9oZWxwZXJzL19oLXJlbS5zY3NzIiwKCQkic3JjL2Nzcy9tb2xlY3VsZXMvX20tYnJlYWRjcnVtYnMuc2NzcyIKCV0sCgkibmFtZXMiOiBbXSwKCSJtYXBwaW5ncyI6ICJBSUFBLEFBQUEsY0FBYyxDQUFDO0VBRVgsVUFBVSxFQUFFLElBQUk7RUFDaEIsUUFBUSxFQUFFLFFBQVE7RUFDbEIsT0FBTyxFQUFFLEtBQUs7RUFDZCxnQkFBZ0IsRUFBTyxrQkFBSTtFQUMzQixPQUFPLEVBQUUsQ0FBQztFQUNWLEdBQUcsRUFBRSxJQUFJLEdBOEVaO0VBNUVJLEFBQUQscUJBQVEsQ0FBQztJQUNMLGdCQUFnQixFQUFFLElBQUksR0FDekI7RUFFQSxBQUFELHNCQUFTLENBQUM7SUFDUCxnQkFBZ0IsRUFBTyx3QkFBSSxHQUM3QjtFQUVBLEFBQUQsb0JBQU8sQ0FBQztJQUNKLE9BQU8sRUFBRSxJQUFJO0lBQ2IsTUFBTSxFQUFFLENBQUM7SUFDVCxPQUFPLEVBQUUsQ0FBQztJQUNWLFVBQVUsRUFBRSxJQUFJLEdBQ25CO0VBRUEsQUFBRCxvQkFBTyxDQUFDO0lBQ0osT0FBTyxFQUFFLElBQUk7SUR2QmpCLFNBQVksRUFBRSxNQUFvQjtJQ3lCOUIsS0FBSyxFQUFFLElBQUk7SUFDWCxZQUFZLEVBQUUsR0FBRyxHQWdCcEI7SUFwQkEsQUFNRyxvQkFORyxBQU1GLE9BQU8sQ0FBQztNQUNMLE9BQU8sRUFBRSxHQUFHO01BQ1osV0FBVyxFQUFFLEdBQUcsR0FDbkI7SUFUSixBQVdHLG9CQVhHLEFBV0YsV0FBVyxBQUFBLE9BQU8sQ0FBQztNQUNoQixPQUFPLEVBQUUsRUFBRTtNQUNYLFdBQVcsRUFBRSxDQUFDLEdBQ2pCO0lBRUQsTUFBTSxDQUFDLE1BQU0sTUFBTSxTQUFTLEVBQUUsS0FBSztNQWhCdEMsQUFBRCxvQkFBTyxDQUFDO1FBaUJBLE9BQU8sRUFBRSxJQUFJLEdBR3BCO0VBRUEsQUFBRCxvQkFBTyxDQUFDO0lBQ0osS0FBSyxFQUFFLElBQUk7SUFDWCxhQUFhLEVBQUUsTUFBTSxHQVN4QjtJQVhBLEFBSUcsb0JBSkcsQ0FJSCxHQUFHLENBQUM7TUFDQSxRQUFRLEVBQUUsUUFBUTtNQUNsQixHQUFHLEVBQUUsSUFBSTtNQUNULE1BQU0sRUFBRSxHQUFHO01BQ1gsS0FBSyxFQUFFLElBQUk7TUFDWCxjQUFjLEVBQUUsTUFBTSxHQUN6QjtFQUdKLEFBQUQsb0JBQU8sQUFBQSxXQUFXLENBQUM7SUFDZixXQUFXLEVBQUUsR0FBRyxHQUNuQjtFQUVBLEFBQUQsNkJBQWdCLENBQUMsQ0FBQyxDQUFDO0lBQ2YsT0FBTyxFQUFFLElBQUk7SUFDaEIsV0FBVyxFQUFFLE1BQU07SUQvRHBCLFNBQVksRUFBRSxNQUFvQjtJQ2lFOUIsS0FBSyxFQUFFLElBQUksR0FTZDtJQWJBLEFBTUcsNkJBTlksQ0FBQyxDQUFDLENBTWQsS0FBSyxDQUFDO01BQ0YsWUFBWSxFQUFFLEdBQUcsR0FDcEI7SUFFRCxNQUFNLENBQUMsTUFBTSxNQUFNLFNBQVMsRUFBRSxLQUFLO01BVnRDLEFBQUQsNkJBQWdCLENBQUMsQ0FBQyxDQUFDO1FBV1gsT0FBTyxFQUFFLElBQUksR0FFcEI7RUE1RUwsQUFnRlEsY0FoRk0sQUE4RVQsYUFBYSxDQUVWLG9CQUFvQjtFQWhGNUIsY0FBYyxBQThFVCxhQUFhLENBR1Ysb0JBQW9CLENBQUw7SUFDWCxLQUFLLEVBQUUsT0FBTyxHQUNqQjs7QUFJVCxBQUFBLGNBQWMsQ0FBQyxDQUFDLEFBQUEsb0JBQW9CO0FBQ3BDLGNBQWMsQ0FBQyxDQUFDLEFBQUEsb0JBQW9CLEFBQUEsUUFBUTtBQUM1QyxjQUFjLENBQUMsNkJBQTZCLENBQUMsQ0FBQyxDQUFBO0VBQzNDLEtBQUssRUFBRSxJQUFJLEdBQ2I7O0FBRUQsQUFBQSxjQUFjLENBQUMsNkJBQTZCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUM7RUFDckQsSUFBSSxFQUFFLElBQUksR0FDYjs7QUFFRCxBQUFBLGNBQWMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxBQUFBLG9CQUFvQjtBQUNsRCxjQUFjLENBQUMsYUFBYSxDQUFDLENBQUMsQUFBQSxvQkFBb0IsQUFBQSxRQUFRLENBQUM7RUFDeEQsS0FBSyxFQUFFLE9BQU8sR0FDaEI7O0FBRUQsQUFBQSxjQUFjLENBQUMsYUFBYSxDQUFDLDZCQUE2QixDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDO0VBQ25FLElBQUksRUFBRSxJQUFJLEdBQ2I7O0FBRUQsQUFBQSxjQUFjLENBQUMsYUFBYSxDQUFDLENBQUMsQUFBQSxvQkFBb0IsQUFBQSxNQUFNLENBQUM7RUFDckQsS0FBSyxFQUFFLE9BQU8sR0FDakI7O0FBRUQsQUFBQSxjQUFjLENBQUMsYUFBYSxDQUFDLENBQUMsQUFBQSxvQkFBb0IsQUFBQSxNQUFNLENBQUM7RUFDckQsS0FBSyxFQUFFLElBQUksR0FDZDs7QUFFRCxBQUFBLGNBQWMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxBQUFBLG9CQUFvQixDQUFDLEdBQUcsQ0FBQztFQUNuRCxJQUFJLEVBQUUsT0FBTyxHQUNoQjs7QUFFRCxBQUFBLGNBQWMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxBQUFBLG9CQUFvQixDQUFDLEdBQUcsQ0FBQztFQUNuRCxJQUFJLEVBQUUsSUFBSSxHQUNiOztBQUVELEFBQUEsY0FBYyxDQUFDLGNBQWMsR0FBRyxLQUFLLEFBQUEsVUFBVTtBQUMvQyxjQUFjLENBQUMsY0FBYyxHQUFHLGFBQWEsQ0FBRTtFQUMzQyxVQUFVLEVBQUUsS0FBSyxHQUNwQjs7QUFFRCxBQUFBLGNBQWMsQ0FBQyxjQUFjLEdBQUcsYUFBYSxDQUFFO0VBQzNDLFdBQVcsRUFBRSxJQUFJLEdBS3BCO0VBSEcsTUFBTSxDQUFDLE1BQU0sTUFBTSxTQUFTLEVBQUUsS0FBSztJQUh2QyxBQUFBLGNBQWMsQ0FBQyxjQUFjLEdBQUcsYUFBYSxDQUFFO01BSXZDLFdBQVcsRUFBRSxJQUFJLEdBRXhCOztBQUVELEFBQUEsVUFBVSxDQUFDLGNBQWMsQ0FBQztFQUN0QixjQUFjLEVBQUUsSUFBSTtFQUNwQixPQUFPLEVBQUUsRUFBRSxHQUNkOztBQUVELEFBQUEsZ0JBQWdCLENBQUMsY0FBYyxDQUFDO0VBQzlCLFVBQVUsRUFBRSxJQUFJLEdBQUc7O0FBRXJCLEFBQUEsZ0JBQWdCLENBQUMsb0JBQW9CO0FBQ3JDLGdCQUFnQixDQUFDLG9CQUFvQixBQUFBLFFBQVE7QUFDN0MsZ0JBQWdCLENBQUMsNkJBQTZCLENBQUMsQ0FBQyxDQUFBO0VBQzdDLEtBQUssRUFBRSxPQUFPLEdBQ2hCOztBQUVELEFBQUEsZ0JBQWdCLENBQUMsb0JBQW9CLENBQUM7RUFDbEMsS0FBSyxFQUFFLE9BQU8sR0FDakI7O0FBR0QsQUFBQSxJQUFJLENBQUMsY0FBYyxDQUFDO0VBQ2hCLFVBQVUsRUFBRSxJQUFJLEdBQ25COztBQUVELEFBQUEsSUFBSSxDQUFDLENBQUMsQUFBQSxvQkFBb0I7QUFDMUIsSUFBSSxDQUFDLENBQUMsQUFBQSxvQkFBb0IsQUFBQSxRQUFRO0FBQ2xDLElBQUksQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLENBQUE7RUFDakMsS0FBSyxFQUFFLE9BQU8sR0FDaEI7O0FBRUQsQUFBQSxJQUFJLENBQUMsb0JBQW9CLENBQUM7RUFDdEIsS0FBSyxFQUFFLE9BQU8sR0FDakI7O0FBRUQsQUFBQSxJQUFJLENBQUMsNkJBQTZCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUM7RUFDM0MsSUFBSSxFQUFFLE9BQU8sR0FDaEI7O0FBRUQsQUFBQSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQUFBQSxvQkFBb0I7QUFDeEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLEFBQUEsb0JBQW9CLEFBQUEsUUFBUSxDQUFDO0VBQzlDLEtBQUssRUFBRSxPQUFPLEdBQ2hCOztBQUVELEFBQUEsSUFBSSxDQUFDLGFBQWEsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQztFQUN6RCxJQUFJLEVBQUUsT0FBTyxHQUNoQjs7QUFFRCxBQUFBLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxBQUFBLG9CQUFvQixBQUFBLE1BQU0sQ0FBQztFQUMzQyxLQUFLLEVBQUUsT0FBTyxHQUNqQjs7QUFFRCxBQUFBLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxBQUFBLG9CQUFvQixBQUFBLE1BQU0sQ0FBQztFQUMzQyxLQUFLLEVBQUUsT0FBTyxHQUNqQjs7QUFFRCxBQUFBLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxBQUFBLG9CQUFvQixDQUFDLEdBQUcsQ0FBQztFQUN6QyxJQUFJLEVBQUUsT0FBTyxHQUNoQjs7QUFFRCxBQUFBLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxBQUFBLG9CQUFvQixDQUFDLEdBQUcsQ0FBQztFQUN6QyxJQUFJLEVBQUUsT0FBTyxHQUNoQjs7QUFHRCxBQUFBLGVBQWUsQ0FBQyxjQUFjLENBQUM7RUFDM0IsVUFBVSxFQUFFLElBQUksR0FDbkI7O0FBRUQsQUFBQSxlQUFlLENBQUMsQ0FBQyxBQUFBLG9CQUFvQjtBQUNyQyxlQUFlLENBQUMsQ0FBQyxBQUFBLG9CQUFvQixBQUFBLFFBQVE7QUFDN0MsZUFBZSxDQUFDLDZCQUE2QixDQUFDLENBQUMsQ0FBQTtFQUM1QyxLQUFLLEVBQUUsT0FBTyxHQUNoQjs7QUFFRCxBQUFBLGVBQWUsQ0FBQyxvQkFBb0IsQ0FBQztFQUNqQyxLQUFLLEVBQUUsT0FBTyxHQUNqQjs7QUFFRCxBQUFBLGVBQWUsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQztFQUN0RCxJQUFJLEVBQUUsT0FBTyxHQUNoQjs7QUFFRCxBQUFBLGVBQWUsQ0FBQyxhQUFhLENBQUMsQ0FBQyxBQUFBLG9CQUFvQjtBQUNuRCxlQUFlLENBQUMsYUFBYSxDQUFDLENBQUMsQUFBQSxvQkFBb0IsQUFBQSxRQUFRLENBQUM7RUFDekQsS0FBSyxFQUFFLE9BQU8sR0FDaEI7O0FBRUQsQUFBQSxlQUFlLENBQUMsYUFBYSxDQUFDLDZCQUE2QixDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDO0VBQ3BFLElBQUksRUFBRSxPQUFPLEdBQ2hCOztBQUVELEFBQUEsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFDLEFBQUEsb0JBQW9CLEFBQUEsTUFBTSxDQUFDO0VBQ3RELEtBQUssRUFBRSxPQUFPLEdBQ2pCOztBQUVELEFBQUEsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFDLEFBQUEsb0JBQW9CLEFBQUEsTUFBTSxDQUFDO0VBQ3RELEtBQUssRUFBRSxPQUFPLEdBQ2pCOztBQUVELEFBQUEsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFDLEFBQUEsb0JBQW9CLENBQUMsR0FBRyxDQUFDO0VBQ3BELElBQUksRUFBRSxPQUFPLEdBQ2hCOztBQUVELEFBQUEsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFDLEFBQUEsb0JBQW9CLENBQUMsR0FBRyxDQUFDO0VBQ3BELElBQUksRUFBRSxPQUFPLEdBQ2hCIgp9 */ .m-icon-card { box-sizing: border-box; width: 100%; height: 100%; padding: 20px; text-align: center; background: #f6f9fd; display: flex; flex-direction: column; } @media (min-width: 48.01em) { .m-icon-card { min-height: 349px; padding: 40px; } } .m-icon-card__img-container { width: 160px; height: 160px; margin: 0 auto 20px auto; } @media (min-width: 48.01em) { .m-icon-card__img-container { margin-bottom: 24px; } } .m-icon-card__img-container img[src*=".svg"] { width: auto; } .m-icon-card__image { position: relative; top: 50%; transform: translateY(-50%); width: auto; max-width: 100%; max-height: 160px; } .m-icon-card__title { color: #4e566e; font-size: 2.15rem; line-height: 1.33; font-weight: 700; } @media (min-width: 48.01em) { .m-icon-card__title { font-size: 2.4rem; } } .m-icon-card__button { margin-top: auto; padding-top: 23px; } .theme--adtran .m-icon-card { background: #ecf1f2; } .theme--adtran .m-icon-card__title { color: #000; font-size: 2rem; } /*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAicHVibGljL2Nzcy9pY29uLWNhcmQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSJzcmMvY3NzL2ljb24tY2FyZC5zY3NzIiwKCQkic3JjL2Nzcy92ZW5kb3IvaW5jbHVkZS1tZWRpYS5zY3NzIiwKCQkic3JjL2Nzcy9iYXNlL19zcGFjaW5nLnNjc3MiLAoJCSJzcmMvY3NzL2hlbHBlcnMvX2gtcmVtLnNjc3MiLAoJCSJzcmMvY3NzL21vbGVjdWxlcy9fbS1pY29uLWNhcmQuc2NzcyIKCV0sCgkibmFtZXMiOiBbXSwKCSJtYXBwaW5ncyI6ICJBSUdBLEFBQUEsWUFBWSxDQUFDO0VBQ1QsVUFBVSxFQUFFLFVBQVU7RUFDekIsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtFQUNULE9BQU8sRUFBRSxJQUFJO0VBQ2IsVUFBVSxFQUFFLE1BQU07RUFDckIsVUFBVSxFQVJvQixPQUFPO0VBU2xDLE9BQU8sRUFBRSxJQUFJO0VBQ2IsY0FBYyxFQUFFLE1BQU0sR0E4Q3pCO0VIaWhCTyxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU87SUd2a0JsQyxBQUFBLFlBQVksQ0FBQztNQVdMLFVBQVUsRUFBRSxLQUFLO01BQ2pCLE9BQU8sRUFBRSxJQUFJLEdBMENwQjtFQXZDSSxBQUFELDJCQUFnQixDQUFDO0lBQ2IsS0FBSyxFQUFFLEtBQUs7SUFDWixNQUFNLEVBQUUsS0FBSztJQUNiLE1BQU0sRUFBRSxnQkFBZ0IsR0FTM0I7SUg0aUJHLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTztNR3hqQjdCLEFBQUQsMkJBQWdCLENBQUM7UUFNVCxhQUFhLEVBQUUsSUFBSSxHQU0xQjtJQVpBLEFBU0gsMkJBVGtCLENBU2xCLEdBQUcsQ0FBQSxBQUFBLEdBQUMsRUFBSyxNQUFNLEFBQVgsRUFBYTtNQUNoQixLQUFLLEVBQUUsSUFBSSxHQUNYO0VBR0UsQUFBRCxtQkFBUSxDQUFDO0lBQ0wsUUFBUSxFQUFFLFFBQVE7SUFDbEIsR0FBRyxFQUFFLEdBQUc7SUFDUixTQUFTLEVBQUUsZ0JBQWdCO0lBQzNCLEtBQUssRUFBRSxJQUFJO0lBQ1gsU0FBUyxFQUFFLElBQUk7SUFDZixVQUFVLEVBQUUsS0FBSyxHQUNwQjtFQUdBLEFBQUQsbUJBQVEsQ0FBQztJQUNMLEtBQUssRUEzQ1ksT0FBTztJREU1QixTQUFZLEVBQUUsT0FBeUI7SUMyQ3pDLFdBQVcsRUFBRSxJQUFJO0lBQ1gsV0FBVyxFQUFFLEdBQUcsR0FLdEI7SUh1aEJNLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTztNR2hpQjdCLEFBQUQsbUJBQVEsQ0FBQztRRHhDVCxTQUFZLEVBQUUsTUFBeUIsR0NpRHpDO0VBRUcsQUFBRCxvQkFBUyxDQUFDO0lBQ04sVUFBVSxFQUFFLElBQUk7SUFDaEIsV0FBVyxFQUFFLElBQUksR0FDcEI7O0FBR0wsQUFBQSxjQUFjLENBQUMsWUFBWSxDQUFDO0VBQ3hCLFVBQVUsRUFBRSxPQUFPLEdBQ3RCOztBQUVELEFBQUEsY0FBYyxDQUFDLG1CQUFtQixDQUFDO0VBQy9CLEtBQUssRUFBRSxJQUFJO0VBQ1gsU0FBUyxFQUFFLElBQUksR0FDbEIiCn0= */ .m-related-resources, .theme--adtran .m-related-resources { position: relative; margin: 56px 0; overflow-x: clip; } .m-related-resources[style], .m-related-resources--with-image, .theme--adtran .m-related-resources[style], .theme--adtran .m-related-resources--with-image { padding: 56px 0; } @media screen and (min-width: 760px) { .m-related-resources[style], .m-related-resources--with-image, .theme--adtran .m-related-resources[style], .theme--adtran .m-related-resources--with-image { padding: 80px 0 56px; } } .m-related-resources--few-slides, .m-related-resources--few-slides[style], .m-related-resources--few-slides .m-related-resources--with-image, .theme--adtran .m-related-resources--few-slides, .theme--adtran .m-related-resources--few-slides[style], .theme--adtran .m-related-resources--few-slides .m-related-resources--with-image, .m-related-resources--few-slides .theme--adtran .m-related-resources--with-image, .theme--adtran .m-related-resources--few-slides .theme--adtran .m-related-resources--with-image { padding: 56px 0; } @media screen and (min-width: 760px) { .m-related-resources--few-slides, .m-related-resources--few-slides[style], .m-related-resources--few-slides .m-related-resources--with-image, .theme--adtran .m-related-resources--few-slides, .theme--adtran .m-related-resources--few-slides[style], .theme--adtran .m-related-resources--few-slides .m-related-resources--with-image, .m-related-resources--few-slides .theme--adtran .m-related-resources--with-image, .theme--adtran .m-related-resources--few-slides .theme--adtran .m-related-resources--with-image { padding: 80px 0; } } @media screen and (min-width: 760px) { .m-related-resources--few-slides .m-related-resources__wrapper-inner, .theme--adtran .m-related-resources--few-slides .m-related-resources__wrapper-inner, .m-related-resources--few-slides .theme--adtran .m-related-resources__wrapper-inner, .theme--adtran .m-related-resources--few-slides .theme--adtran .m-related-resources__wrapper-inner { justify-content: center; } } .m-related-resources__bg-image, .theme--adtran .m-related-resources__bg-image { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; } .m-related-resources__title, .theme--adtran .m-related-resources__title { font-size: 2.8rem; line-height: 120%; font-weight: 600; margin-bottom: 32px; text-align: center; } @media screen and (min-width: 760px) { .m-related-resources__title, .theme--adtran .m-related-resources__title { font-size: 3.2rem; margin-bottom: 48px; } } .m-related-resources__desc, .theme--adtran .m-related-resources__desc { position: relative; z-index: 1; max-width: 679px; font-size: 1.6rem; line-height: 150%; margin: 0 auto 40px auto; text-align: center; text-wrap: balance; } @media screen and (min-width: 760px) { .m-related-resources__desc, .theme--adtran .m-related-resources__desc { font-size: 2rem; margin: 0 auto 50px auto; } } .m-related-resources__container, .theme--adtran .m-related-resources__container { max-width: 1372px; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; width: 100%; } .m-related-resources__wrapper.swiper, .theme--adtran .m-related-resources__wrapper.swiper { overflow: visible; } .m-related-resources__wrapper-inner, .theme--adtran .m-related-resources__wrapper-inner { border-radius: 24px; } .m-related-resources__item, .theme--adtran .m-related-resources__item { height: auto; } .m-related-resources__navigation, .theme--adtran .m-related-resources__navigation { position: relative; display: flex; justify-content: flex-end; width: 100%; min-height: 56px; margin: 24px auto 0 auto; } @media screen and (min-width: 760px) { .m-related-resources__navigation, .theme--adtran .m-related-resources__navigation { margin: 40px auto 0 auto; } } .m-related-resources__prev, .m-related-resources__next, .theme--adtran .m-related-resources__prev, .theme--adtran .m-related-resources__next { display: flex; flex-direction: column; justify-content: center; width: 40px; height: 40px; border-radius: 50%; text-align: center; border: 1px solid #404040; cursor: pointer; } @media screen and (min-width: 760px) { .m-related-resources__prev, .m-related-resources__next, .theme--adtran .m-related-resources__prev, .theme--adtran .m-related-resources__next { width: 56px; height: 56px; } } .m-related-resources__prev svg, .m-related-resources__next svg, .theme--adtran .m-related-resources__prev svg, .theme--adtran .m-related-resources__next svg { display: block; width: 12px; height: 20px; margin: 0 auto; } .m-related-resources__prev.swiper-button-disabled, .m-related-resources__next.swiper-button-disabled, .theme--adtran .m-related-resources__prev.swiper-button-disabled, .theme--adtran .m-related-resources__next.swiper-button-disabled { opacity: 0.3; cursor: default; border-color: #424242; } .m-related-resources__prev.swiper-button-disabled svg path, .m-related-resources__next.swiper-button-disabled svg path, .theme--adtran .m-related-resources__prev.swiper-button-disabled svg path, .theme--adtran .m-related-resources__next.swiper-button-disabled svg path { stroke: #424242; } .m-related-resources__prev, .theme--adtran .m-related-resources__prev { left: auto; right: 100px; } .m-related-resources__next, .theme--adtran .m-related-resources__next { right: 0; margin-left: 10px; } .m-related-resources.u-text-white, .theme--adtran .m-related-resources.u-text-white { color: #fff; } .m-related-resources.u-text-white .m-related-resources__prev, .m-related-resources.u-text-white .m-related-resources__next, .theme--adtran .m-related-resources.u-text-white .m-related-resources__prev, .theme--adtran .m-related-resources.u-text-white .m-related-resources__next { border-color: #fff; } .m-related-resources.u-text-white .m-related-resources__prev svg path, .m-related-resources.u-text-white .m-related-resources__next svg path, .theme--adtran .m-related-resources.u-text-white .m-related-resources__prev svg path, .theme--adtran .m-related-resources.u-text-white .m-related-resources__next svg path { stroke: #fff; } .m-related-resources.u-text-black, .theme--adtran .m-related-resources.u-text-black { color: #000; } .m-related-resources.u-text-black .m-related-resources__prev, .m-related-resources.u-text-black .m-related-resources__next, .theme--adtran .m-related-resources.u-text-black .m-related-resources__prev, .theme--adtran .m-related-resources.u-text-black .m-related-resources__next { border-color: #404040; } .m-related-resources.u-text-black .m-related-resources__prev svg path, .m-related-resources.u-text-black .m-related-resources__next svg path, .theme--adtran .m-related-resources.u-text-black .m-related-resources__prev svg path, .theme--adtran .m-related-resources.u-text-black .m-related-resources__next svg path { stroke: #404040; } .m-related-resources.u-text-black .m-related-resources__prev:hover, .m-related-resources.u-text-black .m-related-resources__next:hover, .theme--adtran .m-related-resources.u-text-black .m-related-resources__prev:hover, .theme--adtran .m-related-resources.u-text-black .m-related-resources__next:hover { border-color: #000; } .m-related-resources.u-text-black .m-related-resources__prev:hover svg path, .m-related-resources.u-text-black .m-related-resources__next:hover svg path, .theme--adtran .m-related-resources.u-text-black .m-related-resources__prev:hover svg path, .theme--adtran .m-related-resources.u-text-black .m-related-resources__next:hover svg path { stroke: #000; } .theme--adtran .m-related-resources.panel-grid { background: inherit; margin: 0; } .theme--adtran .m-related-resources.panel-grid h2 { color: inherit; padding-bottom: 0; } .theme--adtran .m-related-resources.panel-grid h2::after { display: none; } .theme--adtran .m-related-resources.panel-grid .panel .img-container { height: auto; border-top-left-radius: 16px; border-top-right-radius: 16px; aspect-ratio: 295 / 164; } .theme--adtran .m-related-resources.panel-grid .panel .text-container { min-height: unset; } .theme--adtran .m-related-resources.panel-grid .panel .img-container .icon { display: none; } .theme--adtran .m-related-resources.panel-grid .panel h3 { font-size: 1.8rem; line-height: 140%; -webkit-line-clamp: 3; } .theme--adtran .m-related-resources.panel-grid .panel h3 > button, .theme--adtran .m-related-resources.panel-grid .panel h3, .theme--adtran .m-related-resources.panel-grid .panel h3 a { color: #000; line-height: 140%; } .theme--adtran .m-related-resources.panel-grid .panel .tag-container button { font-size: 1.2rem; line-height: 16px; } .theme--adtran .m-related-resources.panel-grid .panel h3 button { font-size: 1.8rem; line-height: 140%; } .m-related-resources.panel-grid .panel .img-container { float: none; width: 100%; } .theme--adtran .m-related-resources.panel-grid .panel .text-container { float: none; width: 100%; left: 0; padding: 20px 24px; } @media screen and (max-width: 760px) { .theme--adtran .m-related-resources.panel-grid .panel .text-container { padding: 16px 24px; } } .theme--adtran .m-related-resources.panel-grid .panel .tag-container { padding-left: 24px; padding-top: 0; } @media screen and (max-width: 760px) { .theme--adtran .m-related-resources.panel-grid .panel .tag-container { padding-left: 0; margin-left: 24px; padding-top: 0; } } .theme--adtran .m-related-resources.panel-grid header { margin-bottom: 24px; } @media screen and (max-width: 760px) { .theme--adtran .m-related-resources.panel-grid .panel .tag-container { left: 0; padding-top: 0; font-size: 1.2rem; } } .theme--adtran .m-related-resources.panel-grid .panel { width: 100%; height: auto; min-height: 295px; padding: 0; margin-top: 0; border-radius: 16px; box-shadow: none; aspect-ratio: 1/1; } .swiper-few-slides .js-carousel-prev, .swiper-few-slides .js-carousel-next, .swiper-few-slides .m-related-resources__navigation { display: none !important; } /* Only center on desktop breakpoints when there are few slides */ @media (min-width: 992px) { .swiper-few-slides .swiper-wrapper { justify-content: center !important; } .swiper-few-slides.swiper-initialized .swiper-wrapper { transform: translate3d(0, 0, 0) !important; } .swiper-few-slides .swiper-slide:last-child { margin-right: 0 !important; } } /*# sourceMappingURL=related-resources.css.map */ .m-icon-card { position: relative; box-sizing: border-box; width: 100%; height: 100%; padding: 20px; text-align: center; background: #f6f9fd; display: flex; flex-direction: column; } @media (min-width: 48.01em) { .m-icon-card { padding: 40px; } } .m-icon-card__bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 16px; } .m-icon-card__img-container { width: 160px; height: 160px; margin: 0 auto 20px auto; } @media (min-width: 48.01em) { .m-icon-card__img-container { margin-bottom: 24px; } } .m-icon-card__img-container img[src*=".svg"] { width: auto; } .m-icon-card__image { position: relative; top: 50%; transform: translateY(-50%); width: auto; max-width: 100%; max-height: 160px; } .m-icon-card__title { color: #4e566e; font-size: 2rem; line-height: 1.33; font-weight: 700; } @media (min-width: 48.01em) { .m-icon-card__title { font-size: 2.4rem; } } .m-icon-card__button { margin-top: auto; padding-top: 23px; } .m-icon-card--no-link { border-radius: 16px; margin-bottom: 20px; } @media (min-width: 48.01em) { .m-icon-card--no-link { margin-bottom: 0; padding: 20px; } } @media (min-width: 64.01em) { .m-icon-card--no-link { padding: 40px; } } .m-icon-card--no-link .m-icon-card__img-container { width: auto; height: auto; max-height: 104px; } .m-icon-card--no-link .m-icon-card__image { position: relative; top: auto; transform: none; width: auto; max-width: auto; max-height: 60px; } @media (min-width: 64.01em) { .m-icon-card--no-link .m-icon-card__image { max-height: 104px; } } .m-icon-card--no-link .m-icon-card__title { position: relative; margin-bottom: 10px; z-index: 1; } .m-icon-card--no-link .m-icon-card__desc { position: relative; font-size: 1.4rem; z-index: 1; } @media (min-width: 64.01em) { .m-icon-card--no-link .m-icon-card__desc { font-size: 1.6rem; } } .theme--adtran .m-icon-card { background: #ecf1f2; } .theme--adtran .m-icon-card.m-icon-card--no-link { background: #fff; } .theme--adtran .m-icon-card__title { color: #000; font-size: 2rem; } .m-icon-card.u-text-white, .m-icon-card.u-text-white .m-icon-card__title { color: #fff; } .m-inline-card, .theme--adtran .m-inline-card { position: relative; box-sizing: border-box; min-width: 0; padding: 24px 16px; border-radius: 16px; background: #FFFFFF; z-index: 1; } @media screen and (min-width: 600px) { .m-inline-card, .theme--adtran .m-inline-card { min-height: 240px; border-radius: 24px; padding: 24px; } } .m-inline-card__link, .theme--adtran .m-inline-card__link { display: flex; gap: 16px; } @media screen and (min-width: 600px) { .m-inline-card__link, .theme--adtran .m-inline-card__link { height: 100%; flex-direction: row; gap: 32px; padding-left: 8px; } } .m-inline-card__content, .theme--adtran .m-inline-card__content { display: flex; flex-direction: column; justify-content: center; flex: 1; } .m-inline-card__title, .theme--adtran .m-inline-card__title { color: #000; font-size: 1.8rem; line-height: 120%; margin-bottom: 8px; } @media screen and (min-width: 600px) { .m-inline-card__title, .theme--adtran .m-inline-card__title { font-size: 2.4rem; margin-bottom: 11px; } } .m-inline-card__text, .theme--adtran .m-inline-card__text { color: #404040; font-size: 1.4rem; line-height: 150%; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (min-width: 600px) { .m-inline-card__text, .theme--adtran .m-inline-card__text { font-size: 1.6rem; margin-bottom: 6px; } } .m-inline-card__image, .m-inline-card .responsive-img, .theme--adtran .m-inline-card__image, .theme--adtran .m-inline-card .responsive-img { display: block; max-width: 100%; height: auto; min-width: 0; flex-shrink: 1; margin: 0 auto; object-fit: contain; flex: 1; } .m-inline-card__btn, .theme--adtran .m-inline-card__btn { font-size: 1.4rem; font-family: 'poppinsmedium'; } @media screen and (min-width: 600px) { .m-inline-card__btn, .theme--adtran .m-inline-card__btn { font-size: 1.6rem; } } .m-inline-card__btn svg, .theme--adtran .m-inline-card__btn svg { fill: none; } .m-inline-card__link:hover, .theme--adtran .m-inline-card__link:hover { text-decoration: none; } .m-inline-card__link:hover .m-inline-card__btn, .theme--adtran .m-inline-card__link:hover .m-inline-card__btn { text-decoration: underline; } .u-product-list { box-sizing: border-box; position: relative; padding: 56px 0 60px; } @media screen and (min-width: 760px) { .u-product-list { padding: 80px 0 120px; } } .u-product-list__bg-image { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; } .u-product-list__grid { display: grid; grid-template-columns: 1fr; gap: 16px; align-items: stretch; } @media (min-width: 900px) { .u-product-list__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; } } /*# sourceMappingURL=innovation-listing.css.map */ /* * ---------------------------------------- * * Name: Text Link Module Styles * * Type: CSS * * ---------------------------------------- * */ .text-link { padding: 80px 0 60px; } .text-link .rich-text { margin-top: 29px; } .text-link a { margin-top: 39px; } .theme--adtran .text-link h2 { color: #000; } /* responsive ============================ */ @media screen and (max-width: 760px) { .text-link { padding: 31px 0 23px; } .text-link .rich-text { margin-top: 16px; } .text-link a { margin-top: 16px; } .theme--adtran .text-link h2 { font-size: 2.2rem; } .theme--adtran .text-link .rich-text { font-size: 1.4rem; } } /* * ---------------------------------------- * * Name: Details page Styles * * Type: CSS * * ---------------------------------------- * */ .detail-page { padding-bottom: 120px; } .detail-page .rich-text-module { margin: 60px auto 0; } .detail-page .rich-text-module:first-of-type { margin: 30px auto 0; } .detail-page .rich-text-module h2 { margin: 80px auto 30px; } .detail-page .video-mod { padding: 60px 0 0; } .detail-page .quote-mod { padding: 120px 0 60px; } .detail-page .quote-mod:last-of-type { padding: 120px 0 0; } /* responsive ============================ */ @media screen and (max-width: 760px) { .detail-page { padding-bottom: 48px; } .detail-page .rich-text-module { margin: 32px auto 0; } .detail-page .rich-text-module h2 { margin: 12px auto; } .detail-page .video-mod { padding: 32px 0 0; } .detail-page .quote-mod { padding: 48px 0 28px; } .detail-page .quote-mod:last-of-type { padding: 48px 0 0; } } /* * ---------------------------------------- * * Name: Filter with rich text * * Type: CSS * * ---------------------------------------- * */ .filter-with-rich-text { min-height: 1000px; padding: 40px 0 120px; } .filter-with-rich-text .heading h2 { text-align: center; padding-bottom: 30px; } .filter-with-rich-text .heading p { text-align: center; } .filter-with-rich-text.white-bg .filters, .filter-with-rich-text.white-bg .filters .stylish-select { background: #ebf2f9; } .filter-with-rich-text .filters { background: #ffffff; color: #7e8599; margin-top: 40px; padding: 0 40px; } .filter-with-rich-text .filters .form-field { float: left; margin-bottom: 0; } .filter-with-rich-text .filters > p { float: left; padding: 10px 0; } .filter-with-rich-text .filters .stylish-select { padding-left: 20px; background: #ffffff; color: #3d455c; border: none; float: left; min-width: 250px; } .filter-with-rich-text .filters .stylish-select > span > span.ico { position: static; display: inline-block; margin-left: 6px; } .filter-with-rich-text .filters .stylish-select > .dropdown-list { min-width: 160px; } .filter-with-rich-text .rich-text-module .wrapper-1180, .filter-with-rich-text .rich-text-module .wrapper-950, .filter-with-rich-text .rich-text-module .wrapper-720 { padding: 0; } /* responsive ============================ */ @media screen and (max-width: 760px) { .filter-with-rich-text { padding: 32px 0 48px; } .filter-with-rich-text .heading h2 { padding-bottom: 48px; } .filter-with-rich-text .filters { padding: 0 8px; margin-top: 16px; } .filter-with-rich-text .results { margin-top: 0; } .filter-with-rich-text .filters > p { padding: 8px 0; } .filter-with-rich-text .filters .fields { float: left; } .filter-with-rich-text .filters .form-field { width: 100%; } .filter-with-rich-text .filters .stylish-select { min-width: 200px; padding-left: 0; } .filter-with-rich-text .filters .stylish-select > span.selected { padding: 8px 20px; } .filter-with-rich-text .filters .stylish-select > span > span.ico { position: relative; top: 2px; left: 0; width: 10px; height: 10px; } } /* * ---------------------------------------- * * Name: Executive Profile Pages * * Type: CSS * * ---------------------------------------- * */ .executive-profile-page .manager-executive-profiles { padding: 0 0 40px; } .executive-profile-page .manager-executive-profiles .panel-grid { background-color: transparent; padding: 20px 0; } .theme--adtran .executive-profile-page h3 { color: #000; } .theme--adtran .executive-profile-page .panel-grid .panel { box-shadow: none; } .executive-profile-page .panel-grid .panel p { font-size: 1.2rem; line-height: 2; } .theme--adtran .executive-profile-page .panel-grid .panel a, .theme--adtran .executive-profile-page .panel-grid .panel p { font-size: 1.6rem; } /* responsive ============================ */ @media screen and (max-width: 760px) { .executive-profile-page .manager-executive-profiles { padding: 0 0 40px; } .executive-profile-page .manager-executive-profiles .panel { width: 50%; padding: 0 10px; } .theme--adtran .executive-profile-page .panel-grid .panel a, .theme--adtran .executive-profile-page .panel-grid .panel p { font-size: 1.2rem; } } /* * ---------------------------------------- * * Name: Profile * * Type: CSS * * ---------------------------------------- * */ .profile .profile-summary { background-color: #f7fafe; position: relative; min-height: 400px; } .profile .profile-summary .text-container { width: 48.9%; height: 400px; } .profile .profile-summary .text-container h3 { font-weight: bold; line-height: 4.4rem; text-align: left; margin-bottom: 0; } .profile .profile-summary .text-container p { font-size: 2.8rem; font-weight: 300; line-height: 3.6rem; margin-bottom: 16px; } .profile .profile-summary .text-container span { font-size: 1.8rem; line-height: 2.8rem; text-align: left; color: #7e8599; } .profile .profile-summary .img-container { position: absolute; left: 52.9%; bottom: 0; max-height: 100%; max-width: 424px; padding-top: 30px; } .profile .profile-summary .img-container img { position: static; float: left; } .ie .profile .profile-summary .img-container img { max-width: 100%; max-height: 100%; } .theme--adtran .profile-summary .wrapper-950 { padding: 0; } .profile .description { width: 100%; padding: 40px 0 120px; font-size: 1.8rem; line-height: 2.8rem; } .theme--adtran .profile .profile-summary { background: #ECF1F2; margin-left: 20px; margin-right: 20px; margin-top: 20px; } .theme--adtran .profile .profile-summary .text-container h3 { color: #000; } .profile .profile-summary .text-container p { font-size: 2.6rem; line-height: 1.38; } .profile .description { font-size: 1.6rem; line-height: 1.75; } /* responsive ============================ */ @media screen and (max-width: 760px) { .profile .profile-summary { padding-top: 0; min-height: 0; background-color: #ffffff; } .profile .profile-summary .wrapper-2000 { background-color: #f7fafe; text-align: center; } .profile .profile-summary .img-container { position: static; left: auto; max-width: 100%; padding-top: 10px; } .profile .profile-summary .img-container img { float: none; display: block; margin: auto; min-width: 148px; width: 35%; height: auto; } .profile .profile-summary .wrapper-950 .text-container { background: #ffffff; } .profile .profile-summary .text-container { background-color: #ffffff; width: 100%; height: auto; padding: 16px 0; } .profile .profile-summary .text-container h3 { text-align: left; font-size: 2rem; line-height: 2.8rem; letter-spacing: -0.02rem; } .profile .profile-summary .text-container p { font-size: 1.6rem; line-height: 3.6rem; } .profile .profile-summary .text-container span { font-size: 1rem; line-height: 1.6rem; } .profile .description { padding: 0 0 48px 0; font-size: 1.2rem; line-height: 2rem; } .theme--adtran .profile .profile-summary { background-color: #ffffff; } .profile .profile-summary .text-container p { font-size: 1.6rem; line-height: 1.38; } .profile .description { font-size: 1.2rem; } } /* * ---------------------------------------- * * Name: Shareholder structure styles * * Type: CSS * * ---------------------------------------- * */ .shareholder-structure { padding: 80px 0 120px; } .shareholder-structure header { margin-bottom: 40px; } .shareholder-structure header h2 { margin-bottom: 30px; } .shareholder-structure .container { position: relative; text-align: center; } .shareholder-structure .container > figure, .shareholder-structure .container > figcaption { display: inline-block; vertical-align: middle; } .shareholder-structure .container .chart { position: relative; margin-right: 28px; } .shareholder-structure .container .chart svg { width: 300px; height: 300px; } .shareholder-structure .container .chart .date { position: absolute; width: 90%; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .shareholder-structure .container .chart-data { max-width: 645px; } .shareholder-structure .container .chart-data li:before { display: none; } .shareholder-structure .container .chart-data li { float: left; text-align: center; margin-left: 45px; min-width: 170px; } .shareholder-structure .container .chart-data li:nth-child(n+4) { margin-top: 45px; } .shareholder-structure .container .chart-data li .value { font-size: 6.4rem; font-weight: 300; margin-bottom: 16px; } .shareholder-structure .container .chart-data li .value:after { content: '%'; font-size: 2.4rem; margin-left: 5px; } .shareholder-structure .container .chart-data li .value .fallback-value { display: none; } .shareholder-structure .container .chart-data li .legend:before { content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 50%; margin: 0 10px -4px -8px; } .shareholder-structure .container .chart-data li .legend.company-0:before { background: #3450a2; } .shareholder-structure .container .chart-data li .legend.company-1:before { background: #3dbb8b; } .shareholder-structure .container .chart-data li .legend.company-2:before { background: #986cb3; } .shareholder-structure .container .chart-data li .legend.company-3:before { background: #ef9638; } .shareholder-structure .container .chart-data li .legend.company-4:before { background: #4F8DF8; } .shareholder-structure .container .chart-data li .legend.company-5:before { background: #E66884; } .shareholder-structure .container .percentage-chart { width: 170px; } .shareholder-structure .container .percentage-chart .donut-chart { display: block; max-width: 100%; max-height: 50%; height: 50%; margin: 0 auto; } .shareholder-structure .container .percentage-chart .mask.outter { fill: #ffffff; } .shareholder-structure .container .percentage-chart .mask.inner { fill: #000000; } .shareholder-structure .container .percentage-chart .path { stroke: #ffffff; stroke-width: 2; transition: stroke 250ms linear; } .shareholder-structure .container .percentage-chart .company-0 { fill: #3450a2; } .shareholder-structure .container .percentage-chart .company-1 { fill: #3dbb8b; } .shareholder-structure .container .percentage-chart .company-2 { fill: #986cb3; } .shareholder-structure .container .percentage-chart .company-3 { fill: #ef9638; } .shareholder-structure .container .percentage-chart .company-4 { fill: #4F8DF8; } .shareholder-structure .container .percentage-chart .company-5 { fill: #E66884; } .no-js .shareholder-structure .container .chart-data li .value .fallback-value { display: block; } /* responsive ============================ */ @media screen and (max-width: 900px) { .shareholder-structure .container > figcaption { width: 60%; } .shareholder-structure .container .chart-data li { width: 35%; } .shareholder-structure .container .chart-data li:nth-child(n+3) { margin-top: 30px; } .shareholder-structure .container .chart-data li .value { font-size: 5.4rem; margin-bottom: 10px; } } @media screen and (max-width: 760px) { .shareholder-structure { padding: 40px 0; } .shareholder-structure header { margin-bottom: 20px; } .shareholder-structure header h2 { margin-bottom: 16px; } .shareholder-structure .container > figcaption { margin-top: 0; width: auto; } .shareholder-structure .container .percentage-chart { width: 142px; } .shareholder-structure .container .chart { margin-right: 0; } .shareholder-structure .container .chart .date { font-size: 1.6rem; line-height: 2rem; } .shareholder-structure .container .chart svg { width: 180px; height: 180px; } .shareholder-structure .container .chart-data { margin-left: 30px; } .shareholder-structure .container .chart-data li { float: none; margin: 30px 0 0 0; width: auto; min-width: 105px; } .shareholder-structure .container .chart-data li:nth-child(n+4) { margin-top: 30px; } .shareholder-structure .container .chart-data li:first-child { margin: 0; } .shareholder-structure .container .chart-data li .value { font-size: 4rem; margin-bottom: 0; } .shareholder-structure .container .chart-data li .value:after { font-size: 2rem; } .shareholder-structure .container .chart-data li .legend:before { width: 12px; height: 12px; margin: 0 5px -2px 0; } .shareholder-structure .container .chart-data li > div { text-align: left; } } /* * ---------------------------------------- * * Name: Financial Analyst Table * * Type: CSS * * ---------------------------------------- * */ .financial-analyst-table.wrapper-950 { margin: 60px auto; } .financial-analyst-table h2 { text-align: center; margin-bottom: 28px; } .financial-analyst-table table { width: 100%; table-layout: fixed; margin: 20px 0; text-align: left; } .financial-analyst-table table th { padding: 32px 20px 12px; vertical-align: top; font-size: 2rem; } .financial-analyst-table table td:last-child { padding-right: 38px; } .financial-analyst-table table td.tel a { color: #3d455c; } .financial-analyst-table table td.desktop-hidden { display: none; } .financial-analyst-table table tr:last-child > td { padding-bottom: 32px; } .financial-analyst-table table td { padding: 7px 25px 7px 35px; } .financial-analyst-table table tbody:first-child > tr:first-child > td { padding: 40px 25px 7px 35px; } .financial-analyst-table table thead > tr:first-child > th { padding: 40px 35px 12px; } .financial-analyst-table table td:nth-child(2), .financial-analyst-table table tbody > tr:last-child > td:nth-child(2), .financial-analyst-table table thead > tr:first-child > th:first-child, .financial-analyst-table table tbody:first-child > tr:first-child > td:nth-child(2) { padding-left: 50px; } .financial-analyst-table table tbody > tr:last-child > td { padding: 12px 35px 40px; } .financial-analyst-table > .disclaimer, .financial-analyst-table > .disclaimer p { font-size: 1.4rem; line-height: 2.2rem; text-align: center; } .financial-analyst-table > .disclaimer .bold { font-weight: 600; } /* responsive ============================ */ @media screen and (max-width: 760px) { .financial-analyst-table.wrapper-950 { margin: 32px auto; padding: 0; } .financial-analyst-table h2 { margin-bottom: 10px; } .financial-analyst-table table { margin: 14px auto; } .financial-analyst-table table thead { display: none; } .financial-analyst-table table td { width: 75%; float: left; display: block; padding: 2px 16px; } .financial-analyst-table table td:nth-child(2) { padding-left: 16px; padding-top: 12px; } .financial-analyst-table table td:first-child { padding-top: 12px; } .financial-analyst-table table td:last-child, .financial-analyst-table table td:nth-last-child(2), .financial-analyst-table table tr:last-child > td:last-child { padding-bottom: 12px; } .financial-analyst-table table tr:last-child > td { padding-bottom: 2px; } .financial-analyst-table table tr:nth-child(even) { background: #ffffff; } .financial-analyst-table table td:nth-child(2n + 1) { width: 25%; } .financial-analyst-table table td.desktop-hidden { width: 25%; display: block; font-weight: 600; } .financial-analyst-table > .disclaimer, .financial-analyst-table > .disclaimer p { font-size: 1rem; line-height: 1.6rem; padding: 0 16px; color: #7e8599; } .rich-text .financial-analyst-table table tr:last-child > td:first-child, .rich-text .financial-analyst-table table tr:last-child > td:first-child + td { padding-top: 12px; } .rich-text .financial-analyst-table table tr:last-child > td:last-child { padding-bottom: 12px; } .rich-text .financial-analyst-table table tbody > tr:last-child > td { padding: 2px 16px; } } .image-text { margin: 60px 0; } .image-text img { width: 100%; height: auto; } .image-text .source { font-size: 1.2rem; } .image-text .dark { color: #3D455C; } .image-text .white { color: #fff; } .image-text .inherit { color: inherit; } /* * ---------------------------------------- * * Name: Menu Listing * * Type: CSS * * ---------------------------------------- * */ .menu-listing .results { margin-bottom: 10px; } .menu-listing .results .panel { padding: 20px 40px; margin-top: 10px } .theme--adtran .menu-listing .results .panel:last-child, .theme--security .menu-listing .results .panel:last-child { margin-bottom: 30px; } .theme--adtran .menu-listing .results .panel, .theme--security .menu-listing .results .panel { margin-top: 20px; } .menu-listing .results .panel:first-child { margin-top: 0; } .menu-listing .results .panel h3 { font-size: 2.6rem; line-height: 3.4rem; font-weight: 400; margin: 0; } .menu-listing .results .panel h3 a { color: #3d455c; } .theme--adtran .menu-listing.listing, .theme--security .menu-listing.listing { background: transparent; margin: 0; } .theme--adtran .menu-listing .results .panel h3 a, .theme--security .menu-listing .results .panel h3 a { color: #000; } .menu-listing .results .panel h3 a .icon { width: 14px; height: 14px; margin-left: 0; } .menu-listing .results .panel h3 a .icon svg { fill: #3d455c; } .menu-listing .results .panel div { margin-top: 10px; } .menu-listing .results .panel div a { display: block; font-size: 1.8rem; line-height: 3.9rem; } .theme--adtran .menu-listing .results .panel div a, .theme--security .menu-listing .results .panel div a { text-decoration: underline; font-size: 1.6rem; } /* responsive ============================ */ @media screen and (max-width: 760px) { .menu-listing .results .panel { padding: 14px 16px; } .menu-listing .results .panel h3 { font-size: 1.6rem; line-height: 2.4rem; } .menu-listing .results .panel h3 a .icon { width: 10px; height: 10px; } .menu-listing .results .panel div a { font-size: 1.2rem; line-height: 2rem; padding-bottom: 16px; } .menu-listing .results .panel div a:last-child { padding-bottom: 0; } .theme--adtran .menu-listing .results .panel div a, .theme--security .menu-listing .results .panel div a { text-decoration: underline; font-size: 1.2rem; } } /* * ---------------------------------------- * * Name: Rich Text Listing * * Type: CSS * * ---------------------------------------- * */ .rich-text-listing .rich-text-container { background: #f6f9fd; margin-bottom: 20px; padding: 25px 40px; } .rich-text-listing .rich-text-container:first-child { margin-top: 40px; } .rich-text-listing .rich-text-container h3 { font-size: 2.6rem; line-height: 3.4rem; font-weight: normal; } .rich-text-listing .rich-text-container a:last-child { display: inline-block; margin-top: 8px; } .rich-text-listing .rich-text-container a:first-child { margin-top: 0; } .rich-text-listing .rich-text-container a.arrow { position: relative; padding-right: 20px; } .rich-text-listing .rich-text-container a.arrow:after { content: ''; display: block; width: 14px; height: 12px; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); background: url('../svg/arrow-down-blue.svg') 0 0 no-repeat; } /* responsive ============================ */ @media screen and (max-width: 760px) { .rich-text-listing .rich-text-container h3 { font-size: 1.6rem; line-height: 2.4rem; } } /* * ---------------------------------------- * * Name: Team Grid Styles * * Type: CSS * * ---------------------------------------- * */ .team-grid .panel-grid .panel .text-container { padding: 15px 0; min-height: 95px; } .team-grid .panel-grid .panel .text-container h3 { margin-bottom: 0; } .team-grid .panel-grid .panel .text-container h3 a { color: #4f89f1; } .team-grid .panel-grid .panel .img-container { height: 215px; background: #f6f9fd; } .theme--adtran .listing.team-grid { background: #fff; } .theme--adtran .team-grid .panel-grid .panel { padding: 0; box-shadow: none; } .theme--adtran .team-grid.team-grid--adtran .panel-grid .panel .text-container h3 { color: #404040; font-weight: 600; } .theme--adtran .team-grid .panel-grid .panel .text-container p { font-size: 1.2rem; line-height: 2; color: #404040; } .team-grid .panel-grid .panel .text-container p { font-size: 1.2rem; line-height: 2; } .theme--adtran .team-grid .panel-grid .panel .text-container h3 a { color: #00a0c8; } /* responsive ============================ */ @media screen and (max-width: 760px) { .team-grid .panel-grid .panel { width: calc(50% - 12px); margin-left: 16px; } .team-grid .panel-grid .panel:first-child, .team-grid .panel-grid .panel:nth-child(2n+1) { margin-left: 0; } .team-grid .panel-grid .panel .img-container { height: 0; width: 100%; padding-bottom: 100%; } .team-grid .panel-grid .panel .img-container img { position: absolute; } } /* * ---------------------------------------- * * Name: Job Description * * Type: CSS * * ---------------------------------------- * */ .job-description { margin: 30px 0 120px; } .job-description h1 { margin: 15px 0 41px; font-size: 6.2rem; } .job-description h6 { margin: 0 0 10px; font-size: 1.8rem; } .job-description a span { padding-left: 3px; color: #3450a2; } .job-description svg { display: inline-block; width: 13px; height: 11px; fill: #3450a2; } .job-description header { margin-bottom: 20px; } .job-description header p { margin: 34px 0; font-size: 2.8rem; } .job-description article, .job-description .rich-text-module { margin-bottom: 40px; } .job-description footer { padding: 25px 40px; } .job-description footer svg { width: 16px; height: 12px; margin-right: 6px; } .job-description footer div { display: inline-block; width: 40%; vertical-align: top; } .job-description .rich-text ul li { margin-top: 12px; } .job-description .pipeline { padding: 0 11px 0 13px; } .job-description .apply { text-align: center; margin-bottom: 40px; } .job-description .apply .btn { min-width: 170px; } .job-description .location { display: inline-block; position: relative; padding-right: 24px; } .job-description .location:after { content: ''; display: block; width: 6px; height: 6px; background: #3d455c; position: absolute; right: 7px; top: 50%; transform: translateY(-50%); border-radius: 50%; } .job-description .location:last-child:after { display: none; } /* responsive ============================ */ @media screen and (max-width: 760px) { .job-description { margin: 0 0 50px; } .job-description .back { display: none; } .job-description h1 { margin-bottom: 15px; font-size: 2.6rem; line-height: 3.2rem; } .job-description h6 { font-size: 1.2rem; } .job-description header p { margin: 0; font-size: 1.4rem; } .job-description footer { padding: 15px; } .job-description footer a svg { display: none; } .job-description footer div { width: 100%; } .job-description footer div h6 { display: inline-block; width: 40%; } .job-description article, .job-description .rich-text-module { margin-bottom: 30px; } } /* * ---------------------------------------- * * Name: Job Listing Styles * * Type: CSS * * ---------------------------------------- * */ .job-listing.listing .results { margin-top: 0; } .job-listing.listing .panel { padding: 15px 40px; margin-top: 10px; } .job-listing.listing .panel h3 { font-size: 2.6rem; line-height: 3.4rem; font-weight: normal; margin-bottom: 9px; } .job-listing.listing .panel h3 a { color: #3d455c; } .job-listing.listing .panel h3 a .icon { width: 14px; margin-left: 0px; } .job-listing.listing .panel h3 a .icon svg { fill: #3d455c; } .job-listing.listing .panel .info { color: #7e8599; } .job-listing.listing .panel .info span:first-child + span { border-left: 1px solid #7e8599; padding-left: 11px; margin-left: 9px; } .job-listing.listing .pipeline { padding: 0 9px 0 11px; } .job-listing.listing .location { position: relative; padding-right: 21px; } .job-listing.listing .location:after { content: ''; display: block; width: 4px; height: 4px; background: #7e8599; position: absolute; right: 7px; top: 50%; transform: translateY(-50%); border-radius: 50%; } .job-listing.listing .location:last-child:after { display: none; } /* responsive ============================ */ @media screen and (max-width: 760px) { .job-listing.listing .panel { padding: 15px 16px; } .job-listing.listing .panel h3 { font-size: 1.6rem; line-height: 2.4rem; } .job-listing.listing .panel h3 a .icon { width: 9px; } .job-listing.listing .panel .info { font-size: 10px; } } /* * ---------------------------------------- * * Name: Cookies Styles * * Type: CSS * * ---------------------------------------- * */ .optanon-cookie-container { max-width: 920px; min-height: 1830px; margin: 60px auto 48px; } .optanon-cookie-policy-group { margin-top: 60px; } h2.optanon-cookie-policy-group-name { margin-bottom: 20px; text-align: left; font-size: 3.6rem; } p.optanon-cookie-policy-group-description, ul.optanon-cookie-policy-group-cookies-list { margin-top: 0; } p.optanon-cookie-policy-cookies-used { margin: 40px 0 0; font-weight: 800; } ul.optanon-cookie-policy-group-cookies-list li, ul.optanon-cookie-policy-subgroup-cookies-list li { margin: 0; } ul.optanon-cookie-policy-group-cookies-list li:before { top: 13px; } .optanon-cookie-policy-subgroup-table-column-header { text-align: center; } .optanon-cookie-policy-subgroup-table th { border: 1px solid #cccccc; background: #ebf1f9; } .optanon-cookie-policy-subgroup-table tr { border: 1px solid #cccccc; } #optanon-cookie-policy .optanon-cookie-policy-subgroup-table tr:last-child { border-bottom: 1px solid #cccccc !important; } table.optanon-cookie-policy-subgroup-table th p { margin: 25px 38px 25px; text-align: left; font-weight: 700; font-size: 2rem; } #optanon-cookie-policy .optanon-cookie-policy-subgroup-table tr th { vertical-align: middle; padding-bottom: 0; } #optanon-cookie-policy .optanon-cookie-policy-subgroup-table tr td { vertical-align: middle; } #optanon-cookie-policy .optanon-cookie-policy-subgroup-table .optanon-cookie-policy-right { padding-left: 0; } .optanon-cookie-policy-subgroup-table td p { margin: 0; } /* One Trust (third party) cookie page styling overrides */ #ot-sdk-cookie-policy h3 { font-size: 4rem !important; color: #4e566e !important; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group { font-size: 2rem !important; color: #4e566e !important; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span { font-size: 1.6rem !important; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th { background-color: #ebf1f9; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description { color: #3d455c !important; } @media screen and (max-width: 450px) { #optanon-cookie-policy .optanon-cookie-policy-subgroup-table .optanon-cookie-policy-subgroup .optanon-cookie-policy-right { padding-left: 10px; } } /* * ---------------------------------------- * * Name: Cookie Banner Styles * * Type: CSS * * ---------------------------------------- * */ .cookie-banner { padding: 16px 0; position: relative; z-index: 1; font-size: 1.4rem; line-height: 2rem; } .cookie-banner > div a { color: #468cff; } .cookie-banner .btn { display: inline-block; font-size: 1.4rem; line-height: 2rem; padding: 3px 15px; margin-left: 5px; } /* responsive ============================ */ @media screen and (max-width: 760px) { .cookie-banner .btn { margin: 10px auto 0; display: block; } } /* * ---------------------------------------- * * Name: Language Filter * * Type: CSS * * ---------------------------------------- * */ .language-filter { background: #2a438b; color: #ffffff; } .language-filter .stylish-select { display: inline-block; vertical-align: middle; min-width: 100px; border: none; } .language-filter .label { display: inline-block; vertical-align: middle; opacity: 0.5; } .language-filter .dropdown-option { color: #3d455c; } .language-filter .stylish-form .stylish-select.active, .language-filter .stylish-form .stylish-select { background: none; width: auto; min-width: 120px; } .language-filter .stylish-form .stylish-select > span > span.ico { width: 13px; height: 13px; border: none; top: 18px; right: 8px; background: url('../svg/arrow-down-white.svg') no-repeat; } .language-filter .form .stylish-select > span.selected { padding-right: 30px; text-align: right; } /* responsive ============================ */ @media screen and (max-width: 760px) { .language-filter .stylish-select { min-width: initial; } .language-filter .stylish-form .stylish-select > span > span.ico { width: 10px; height: 9px; top: 16px; right: 0; } .language-filter .stylish-form .stylish-select > span.selected { padding: 10px 25px 10px 20px; } } .theme--adtran .language-filter .form .stylish-select > span > span.ico { top: 15px; background-image: none; background-color: #fff; -webkit-mask: url('../svg/arrow-down-adtran.svg') no-repeat center; mask: url('../svg/arrow-down-adtran.svg') no-repeat center; } .theme--adtran .language-filter { background: #1A4AD1; color: #B8C5EE; } .theme--adtran .language-filter .label { opacity: 1; } .theme--adtran .language-filter .selected { color: #FFFFFF; } /* * ---------------------------------------- * * Name: Newsletter Form Styling * * Type: CSS * * ---------------------------------------- * */ .newsletter-form { margin: 60px auto 110px; } .newsletter-form h2 { margin-bottom: 30px; } .newsletter-form .rich-text { margin-bottom: 16px; } .newsletter-form .form label { font-size: 1.4rem; line-height: 2.2rem; } .newsletter-form .actions { margin: 40px auto; } .newsletter-form .actions .btn { min-width: 212px; } .newsletter-form .extra-info .rich-text { color: #7e8599; } .mod-lightbox[data-mod-lightbox-id="newsletter"] { max-width: 444px; padding: 60px 40px; height: auto; } .mod-lightbox[data-mod-lightbox-id="newsletter"] h3 { text-align: center; margin-bottom: 10px; } .mod-lightbox[data-mod-lightbox-id="newsletter"] p { text-align: center; } .mod-lightbox[data-mod-lightbox-id="newsletter"] .mod-lightbox-content-inner .icon { width: 80px; height: 80px; fill: #3dbb8b; margin: 0 auto 20px; } /* responsive ============================ */ @media screen and (max-width: 760px) { .newsletter-form { margin: 32px auto 48px; } .newsletter-form h2 { margin-bottom: 16px; } .newsletter-form .rich-text { margin-bottom: 0; } .newsletter-form .form label { font-size: 1rem; line-height: 1.4rem; color: #7e8599; } .newsletter-form .actions { margin: 32px auto; } .newsletter-form .actions .btn { min-width: 128px; } .mod-lightbox[data-mod-lightbox-id="newsletter"] { padding: 30px; height: auto; } .mod-lightbox[data-mod-lightbox-id="newsletter"] .content-wrapper .icon { width: 40px; height: 40px; margin: 0 auto 10px; } } /* * ---------------------------------------- * * Name: Office-list Component Styles * * Type: CSS * * ---------------------------------------- * */ .office-list { padding: 60px 0; } .office-list h3 { font-size: 3.6rem; line-height: 4.2rem; } .office-list label { display: block; margin-bottom: 3px; } .office-list .error { margin-bottom: 20px; } .office-list .form .stylish-select { max-width: 328px; } .office-list .form .stylish-select > span.selected, .office-list .form .stylish-select > .dropdown-list .dropdown-option { position: relative; padding: 10px 25px 10px 44px; } .office-list .form .stylish-select > span.selected:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option:before { content: ''; background-image: url('../png/flags-sprite.png'); height: 18px; width: 24px; background-repeat: no-repeat; background-position: 0 20px; position: absolute; top: 16px; left: 10px; } .office-list .form .stylish-select > .dropdown-list .dropdown-option.option-selected, .office-list .form .stylish-select > .dropdown-list .dropdown-option:hover { background-image: none; } .office-list .form .stylish-select > span.selected.germany:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.germany:before { background-position: 0 0; } .office-list .form .stylish-select > span.selected.austria:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.austria:before { background-position: 0 -20px; } .office-list .form .stylish-select > span.selected.brazil:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.brazil:before { background-position: 0 -40px; } .office-list .form .stylish-select > span.selected.china:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.china:before { background-position: 0 -60px; } .office-list .form .stylish-select > span.selected.france:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.france:before { background-position: 0 -80px; } .office-list .form .stylish-select > span.selected.hong-kong:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.hong-kong:before { background-position: 0 -100px; } .office-list .form .stylish-select > span.selected.india:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.india:before { background-position: 0 -120px; } .office-list .form .stylish-select > span.selected.italy:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.italy:before { background-position: 0 -140px; } .office-list .form .stylish-select > span.selected.israel:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.israel:before { background-position: 0 -160px; } .office-list .form .stylish-select > span.selected.japan:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.japan:before { background-position: 0 -180px; } .office-list .form .stylish-select > span.selected.norway:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.norway:before { background-position: 0 -200px; } .office-list .form .stylish-select > span.selected.poland:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.poland:before { background-position: 0 -220px; } .office-list .form .stylish-select > span.selected.saudi-arabia:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.saudi-arabia:before { background-position: 0 -240px; } .office-list .form .stylish-select > span.selected.singapore:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.singapore:before { background-position: 0 -260px; } .office-list .form .stylish-select > span.selected.south-africa:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.south-africa:before { background-position: 0 -280px; } .office-list .form .stylish-select > span.selected.sweden:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.sweden:before { background-position: 0 -300px; } .office-list .form .stylish-select > span.selected.switzerland:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.switzerland:before { background-position: 0 -320px; } .office-list .form .stylish-select > span.selected.thailand:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.thailand:before { background-position: 0 -340px; } .office-list .form .stylish-select > span.selected.united-kingdom:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.united-kingdom:before { background-position: 0 -360px; } .office-list .form .stylish-select > span.selected.usa:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.usa:before { background-position: 0 -380px; } .office-list .form .stylish-select > span.selected.canada:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.canada:before { background-position: 0 -400px; } .office-list .form .stylish-select > span.selected.finland:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.finland:before { background-position: 0 -420px; } .office-list .form .stylish-select > span.selected.australia:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.australia:before { background-position: 0 -440px; } .office-list .form .stylish-select > span.selected.united-arab-emirates:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.united-arab-emirates:before { background-position: 0 -458px; } .office-list .form .stylish-select > span.selected.tunisia:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.tunisia:before { content: ''; background-image: url('../png/flags-tunisia.png'); height: 18px; width: 24px; background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 16px; left: 10px; } .office-list .form .stylish-select > span.selected.slovakia:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option.slovakia:before { content: ''; background-image: url('../png/flags-slovakia.png'); height: 18px; width: 24px; background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 16px; left: 10px; } .office-list .results { display: block; } .office-list .panel { padding: 20px 40px; font-size: 1.8rem; font-weight: normal; line-height: 2.8rem; font-style: normal; margin-top: 20px; } .office-list .panel:first-child { margin-top: 0; } .office-list .panel h4 { font-size: 2.6rem; line-height: 3.4rem; margin-bottom: 10px; } .office-list .panel .adr { font-style: normal; color: #7e8599; margin-bottom: 10px; } .office-list .panel .tel, .office-list .panel .fax { font-weight: 600; } .office-list .panel .label { display: inline-block; min-width: 26px; margin-right: 10px; color: #7e8599; font-weight: normal; } .office-list .panel .tel a { color: #3d455c; } /* responsive ============================ */ @media screen and (max-width: 760px) { .office-list { padding: 24px 0; } .theme--adtran .office-list { margin: 20px; background: #ecf1f2; } .office-list h3 { font-size: 2rem; line-height: 2.8rem; margin-bottom: 16px; } .office-list .form .stylish-select { width: 192px; } .office-list .form .stylish-select > span.selected:before, .office-list .form .stylish-select > .dropdown-list .dropdown-option:before { top: 12px; } .office-list .panel { padding: 14px 16px; font-size: 1.2rem; line-height: 2rem; margin-top: 16px; } .office-list .panel h4 { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 8px; } .office-list .panel .adr { margin-bottom: 8px; } } /* * ---------------------------------------- * * Name: Forms Styling * * Type: CSS * * ---------------------------------------- * */ .form .form-field { margin-bottom: 20px; } .form .stylish-select, .form .stylish-number, .form .stylish-text, .form .stylish-email, .form .stylish-textarea { background: #ffffff; } .form input[type="submit"] { margin-top: 20px; padding: 6px 32px; border-radius: 25px; font-size: 1.8rem; font-weight: 100; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .form label { display: inline-block; margin-bottom: 4px; } .form .stylish-text input, .form .stylish-text span, .form .stylish-email input, .form .stylish-password span, .form .stylish-email span, .form .stylish-textarea span, .form .stylish-number input, .form .stylish-number span { min-height: 48px; border: 1px solid #d6d9e3; } .form .stylish-select { width: 50%; } .form .stylish-select > .dropdown-list { max-height: 400px; z-index: 1; border: none; top: 100%; box-shadow: 0 1px 3px 0 rgba(61, 69, 92, 0.35); } .form .stylish-select > .dropdown-list .dropdown-option { background: #ffffff; padding: 10px 40px 10px 44px; } .form .stylish-select > .dropdown-list .dropdown-option.option-selected, .form .stylish-select > .dropdown-list .dropdown-option:hover { background-image: url('../svg/tick.svg'); background-repeat: no-repeat; background-position: 20px center; background-size: 16px 16px; background-color: #f3f9ff; } .form .stylish-select > span.selected { padding: 10px 30px 10px 20px; } .form .stylish-select > span > span.ico { width: 12px; height: 12px; right: 10px; border: none; background: url('../svg/arrow-down.svg') 0 0 no-repeat; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .ie9 .form .stylish-select > span > span.ico { width: 15px; } .form .stylish-select.active > span > span.ico { -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; } .ie9 .form .stylish-select.active > span > span.ico { -ms-transform: rotate(180deg); transform: rotate(180deg); } .no-js .form select { padding: 10px 30px 10px 10px; border: none; } .js .form select { position: absolute; clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .form .footnote { font-size: 1.4rem; line-height: 2.0rem; color: #7e8599; margin-bottom: 20px; font-weight: 300; margin-top: 20px; } /* validation */ .form-error { color: #c51b27; font-size: 1.6rem; } .form .form-field.error .stylish-text > span, .form .form-field.error .stylish-email > span, .form .form-field.error .stylish-number > span, .form .form-field.error .stylish-select { border: 1px solid #e43534; } .err-msgs { font-size: 1.4rem; color: #e43534; } .err-msgs [data-validation] { display: none; } /* submit */ textarea, button, input { border: none; font-family: 'poppinsregular'; outline: none; } .theme--adtran textarea, .theme--adtran button, .theme--adtran input { font-family: 'poppinsregular'; } input:invalid { background: #ffffff; } /* placeholders */ ::-webkit-input-placeholder { color: #d5d9e2; } ::-moz-placeholder { color: #d5d9e2; } :-ms-input-placeholder { color: #d5d9e2; } :-moz-placeholder { color: #d5d9e2; } /* responsive ============================ */ @media screen and (max-width: 760px) { .form .stylish-select > span > span.ico { top: 16px; } .form input[type="submit"] { float: none; margin: 20px auto 0; display: block; font-size: 1.2rem; } .form input { font-size: 1.6rem; } .form .stylish-text input, .form .stylish-text span, .form .stylish-email input, .form .stylish-email span, .form .stylish-number input, .form .stylish-number span { min-height: 40px; } } .err-msgs-captcha { font-size: 1.4rem; color: #e43534; } .err-msgs-captcha [data-validation] { display: none; } .g-recaptcha .stylish-textarea span { display: none; } .sc-form__group-select2 { position: relative; width: 100%; } .sc-form__group-select2--hide { visibility: hidden; position: absolute; height: 0; padding: 0; } .sc-form__group-select2__select { position: relative; width: 100%; margin: 0; border: 1px solid #ccc; text-align: left; color: #000; font-size: calc(14px + 4 * ( (100vw - 420px) / 780)); cursor: pointer; height: 48px; padding: 10px 30px 10px 15px; background: #fff; scroll-behavior: smooth; } @media screen and (max-width: 420px) { .sc-form__group-select2__select { font-size: 14px; font-size: 0.875rem; } } @media screen and (min-width: 1200px) { .sc-form__group-select2__select { font-size: 18px; font-size: 1.125rem; } } .sc-form__group-select2__select--invalid { border: 1px solid #e43534; } .sc-form__group-select2__select::after { content: ''; position: absolute; top: 50%; right: 10px; width: 14px; height: 8px; background-image: url("../svg/select-filter-arrow.svg"); } .theme--adtran .sc-form__group-select2__select::after { margin-top: -4px; } .sc-form__group-select2__list { list-style-type: none; padding: 0; margin: 0; scroll-behavior: smooth; background: #fff; } .sc-form__group-select2__select-dropdown { position: absolute; top: 100%; left: 0; width: 100%; max-height: 0; transition: max-height .3s ease; overflow: hidden; box-shadow: 0 1px 3px 0 rgba(61, 69, 92, 0.35); -webkit-box-shadow: 0 1px 3px 0 rgba(61, 69, 92, 0.35); -moz-box-shadow: 0 1px 3px 0 rgba(61, 69, 92, 0.35); } @media (min-width: 56.26em) { .sc-form__group-select2__select-dropdown { min-width: 311px; } } @media (min-width: 56.26em) { .sc-form__group-select2__select-dropdown:nth-of-type(3) { left: auto; right: 0; } } .sc-form__group-select2__item { color: #000; cursor: pointer; font-size: calc(14px + 4 * ( (100vw - 420px) / 780)); padding: 10px 40px 10px 44px; } @media screen and (max-width: 420px) { .sc-form__group-select2__item { font-size: 14px; font-size: 0.875rem; } } @media screen and (min-width: 1200px) { .sc-form__group-select2__item { font-size: 18px; font-size: 1.125rem; } } .sc-form__group-select2__item:hover, .sc-form__group-select2__item:focus { background: url("../svg/select-filter-tick.svg") no-repeat 20px center, #f3f9ff; } .sc-form__group-select2__item--active { background: url("../svg/select-filter-tick.svg") no-repeat 20px center; } .sc-form__group-select2--open .sc-form__group-select2__select::after { transform: rotate(180deg); } .sc-form__group-select2--open button { background-color: #fafafa; } .sc-form__group-select2--open .sc-form__group-select2__select-dropdown { max-height: 296px; overflow-y: auto; z-index: 5; } .sc-form { margin: 24px 0; } @media (min-width: 56.26em) { .sc-form { margin: 56px 0; } } .sc-form__group { margin-bottom: 24px; font-family: "Source Sans Pro", sans-serif; } .sc-form__half-group { width: calc(50% - 10px); } .sc-form__half-group:nth-child(even) { margin-right: 20px; } .sc-form__half-group-child { width: 100%; } .sc-form__label, .sc-form__legend { display: block; font-size: calc(12px + 4 * ( (100vw - 420px) / 780)); line-height: 1; color: #414a5c; margin-bottom: 4px; } @media screen and (max-width: 420px) { .sc-form__label, .sc-form__legend { font-size: 12px; font-size: 0.75rem; } } @media screen and (min-width: 1200px) { .sc-form__label, .sc-form__legend { font-size: 16px; font-size: 1rem; } } @media (min-width: 37.01em) { .sc-form__label, .sc-form__legend { line-height: 1.5; } } .sc-form__input, .sc-form__textarea, .sc-form__select { width: 100%; display: block; padding: 12px; border: 1px solid #c1c6d4; color: #414a5c; font-size: calc(14px + 4 * ( (100vw - 420px) / 780)); line-height: 1.57; font-family: "Source Sans Pro", sans-serif; background: #fff; } @media screen and (max-width: 420px) { .sc-form__input, .sc-form__textarea, .sc-form__select { font-size: 14px; font-size: 0.875rem; } } @media screen and (min-width: 1200px) { .sc-form__input, .sc-form__textarea, .sc-form__select { font-size: 18px; font-size: 1.125rem; } } @media (min-width: 37.01em) { .sc-form__input, .sc-form__textarea, .sc-form__select { line-height: 1.44; } } @media (min-width: 37.01em) { .sc-form__input, .sc-form__textarea, .sc-form__select { padding: 8px 12px; } } .sc-form__input:focus, .sc-form__textarea:focus, .sc-form__select:focus { border-color: #2c72e5; } .sc-form__input:disabled, .sc-form__textarea:disabled, .sc-form__select:disabled { border-color: #eee; } .sc-form__input.input-validation-error, .sc-form__textarea.input-validation-error, .sc-form__select.input-validation-error { border-color: #e43534; background: white; } .sc-form__input.valid, .sc-form__textarea.valid, .sc-form__select.valid { border-color: #2b2; background: white; } .sc-form__textarea { min-height: 200px; } .sc-form__group--checkbox, .sc-form__group--radio { cursor: pointer; } .sc-form__group--checkbox .sc-form__check-item, .sc-form__group--radio .sc-form__check-item { display: inline-block; } .sc-form__group--checkbox input, .sc-form__group--radio input { position: absolute; opacity: 0; } .sc-form__group--checkbox label, .sc-form__group--radio label { position: relative; display: inline-flex; align-items: center; margin-right: 16px;font-size: 16px; line-height: 1.5; } .theme--adtran .sc-form__group--checkbox label, .sc-form__group--radio label { line-height: 1; } .sc-form__group--checkbox input + label:before, .sc-form__group--radio input + label:before { content: ''; display: inline-block; width: 25px; height: 25px; padding: 2px; margin-right: 16px; border: 1px solid #c1c6d4; text-align: center; } .theme--adtran .sc-form__group--checkbox input + label:before, .sc-form__group--radio input + label::before { min-width: 25px; } .sc-form__group--checkbox input[type=checkbox]:checked + label:after, .sc-form__group--radio input[type=checkbox]:checked + label:after { content: ''; position: absolute; top: 4px; left: 9px; width: 6px; height: 14px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(45deg); } .theme--adtran .sc-form__group--checkbox input[type=checkbox]:checked + label:after, .sc-form__group--radio input[type=checkbox]:checked + label:after { top: 50%; margin-top: -10px; } .sc-form__group--checkbox input:hover + label:before, .sc-form__group--checkbox input:focus + label:before, .sc-form__group--radio input:hover + label:before, .sc-form__group--radio input:focus + label:before { border-color: #2c72e5; } .sc-form__group--checkbox input:disabled + label:before, .sc-form__group--radio input:disabled + label:before { border-color: #eee; } .sc-form__group--radio input + label:before { border-radius: 50%; } .sc-form__group--radio input:checked + label::after { content: ''; position: absolute; top: 50%; left: 5px; display: inline-block; width: 15px; height: 15px; background-color: #000; border-radius: 50px; margin-top: -11px; } .sc-form__select-wrap .sc-form__select { width: 100%; margin: 0; background-color: #fff; background-image: url("../svg/select-down-arrow.svg"); background-position: calc(100% - 16px) center; background-repeat: no-repeat; background-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sc-form__group--text, .sc-form__group--html { color: #414a5c; font-size: calc(12px + 6 * ( (100vw - 420px) / 780)); line-height: 1.5; margin-top: 20px; } @media screen and (max-width: 420px) { .sc-form__group--text, .sc-form__group--html { font-size: 12px; font-size: 0.75rem; } } @media screen and (min-width: 1200px) { .sc-form__group--text, .sc-form__group--html { font-size: 18px; font-size: 1.125rem; } } @media (min-width: 37.01em) { .sc-form__group--text, .sc-form__group--html { line-height: 1.44; } } @media (min-width: 56.26em) { .sc-form__group--text, .sc-form__group--html { margin-top: 40px; } } .sc-form__group--text a, .sc-form__group--html a { color: #414a5c; transition: all .3s ease-in; box-shadow: 0 -2px 0 0 #2c72e5 inset; } .sc-form__group--text a:visited, .sc-form__group--text a:active, .sc-form__group--html a:visited, .sc-form__group--html a:active { color: #414a5c; } .sc-form__group--text a:hover, .sc-form__group--html a:hover { color: #2c72e5; } .sc-form__group--multi-select .sc-form__select { padding: 0; } .sc-form__group--multi-select .sc-form__select option { padding: 12px; } .sc-form__group--multi-select .sc-form__select:focus option:checked { outline: 0; background: #2c72e5 linear-gradient(0deg, #2c72e5 0%, #2c72e5 100%); } .sc-form__group--required .sc-form__label::before { content: '*'; color: #e43534; margin-right: 5px; } .sc-form__group--captcha { margin: 41px 0; } @media (min-width: 56.26em) { .sc-form__group--captcha { margin: 53px 0; } } .sc-form__char-count { float: right; font-size: calc(12px + 4 * ( (100vw - 420px) / 780)); line-height: 1; color: #414a5c; } @media screen and (max-width: 420px) { .sc-form__char-count { font-size: 12px; font-size: 0.75rem; } } @media screen and (min-width: 1200px) { .sc-form__char-count { font-size: 16px; font-size: 1rem; } } @media (min-width: 37.01em) { .sc-form__char-count { line-height: 1.5; } } .sc-form__submit { width: 100%; } .field-validation-error { display: block; color: #e43534; font-size: calc(12px + 2 * ( (100vw - 420px) / 780)); line-height: 1; margin: 6px 0 16px 0; font-size: 0.875rem; } @media screen and (max-width: 420px) { .field-validation-error { font-size: 12px; font-size: 0.75rem; } } @media screen and (min-width: 1200px) { .field-validation-error { font-size: 14px; font-size: 0.875rem; } } @media (min-width: 37.01em) { .field-validation-error { line-height: 1; } } .theme--adtran .sc-form__group.sc-form__group--text h2 { font-size: 1.6rem; line-height: 1.38; color: #000; } .theme--adtran .sc-form__group.sc-form__group--text .rich-text { font-size: 1.2rem; line-height: 1.75; } .theme--adtran .sc-form__group.sc-form__group--text h2 { font-size: 1.6rem; line-height: 1.38; color: #000; } .theme--adtran .sc-form__group.sc-form__group--text .rich-text { font-size: 1.2rem; line-height: 1.75; } @media (min-width: 37.01em) { .theme--adtran .sc-form__group.sc-form__group--text h2 { font-size: 3.2rem; line-height: 1.38; color: #000; } .theme--adtran .sc-form__group.sc-form__group--text .rich-text { font-size: 1.6rem; line-height: 1.75; } } .theme--adtran .sc-form__label { margin-left: 0; padding-left: 0; font-size: 1.4rem; line-height: 1.75; font-family: 'poppinsregular'; } @media (min-width: 37.01em) { .theme--adtran .sc-form__label { font-size: 1.6rem; line-height: 1.75; } } .theme--adtran .sc-form__input { margin-left: 0; } .theme--adtran .sc-form__group { margin-left: 0; padding-left: 0; } .theme--adtran .rich-text { margin-left: 0; padding-left: 0; font-family: 'poppinsregular'; } .theme--adtran .sc-form__submit--center { margin-top: 40px; margin-left: 0; transform: none; } .theme--adtran .sc-form__submit { background: #00a0c8; border-color: #00a0c8; } .theme--adtran .sc-form__submit:hover { background: #0097bd; } .theme--adtran .form .stylish-select > span > span.ico { background: url('../svg/arrow-down-adtran.svg') 0 0 no-repeat; } .theme--adtran .sc-form__group--text + .sc-form__group--text { margin-top: 20px; } .theme--adtran .form .stylish-select > .dropdown-list .dropdown-option.option-selected, .theme--adtran .form .stylish-select > .dropdown-list .dropdown-option:hover { background-color: #F4F7F7; } /* * ---------------------------------------- * * Name: Contact us form * * Type: CSS * * ---------------------------------------- * */ .contact-us-form { padding: 40px 0 120px; } .contact-us-form h2 { font-size: 3.6rem; line-height: 4.2rem; } .contact-us-form .stylish-textarea span { min-height: 144px; } .contact-us-form .actions { margin-top: 40px; } .contact-us-form .actions .btn { float: right; width: 212px; } .contact-us-form .actions .footnote { float: left; margin-top: 0; } /* responsive ============================ */ @media screen and (max-width: 760px) { .contact-us-form { padding: 32px 0 48px; } .contact-us-form h2 { font-size: 2rem; line-height: 2.8rem; } .contact-us-form .stylish-select { min-width: 192px; } .contact-us-form .actions { margin-top: 16px; text-align: center; } .contact-us-form .actions .footnote { float: none; font-size: 1rem; line-height: 1.4rem; } .contact-us-form .actions .btn { float: none; width: 128px; margin-top: 16px; } } /* * ---------------------------------------- * * Name: Gated Content Form * * Type: CSS * * ---------------------------------------- * */ .gated-content-form .form { padding: 60px 16px 120px; } .theme--adtran .gated-content-form { margin: 0 20px 20px 20px; } .gated-content-form .stylish-select, .gated-content-form .stylish-number { width: 50%; } .gated-content-form .footnote { width: calc(100% - 200px); margin-top: 26px; font-size: 1.4rem; color: #7e8599; } .gated-content-form .form .full-submit { font-weight: 400; } .gated-content-form .form .full-submit.center { display: block; margin: 20px auto 0; } /* responsive ============================ */ @media screen and (max-width: 760px) { .gated-content-form .footnote { float: none; text-align: center; width: 100%; } .gated-content-form .form { padding: 25px 18px; } .gated-content-form .stylish-select, .gated-content-form .stylish-number { width: 70%; } } .m-social-chat { font-family: 'poppinsregular'; display: inline-block; } .m-social-chat__title { font-size: 36px; margin-bottom: 20px; color: #4e566e; line-height: 42px; letter-spacing: -0.3px; font-family: 'Source Sans Pro Bold',sans-serif; } .m-social-chat__description { font-size: 18px; line-height: 28px; margin-bottom: 32px; color: #3D455C; font-family: 'Source Sans Pro Regular',sans-serif; letter-spacing: normal; } .m-social-chat__buttons { display: flex; flex-direction: column; align-items: center; } @media (min-width: 48.01em) { .m-social-chat__buttons { flex-direction: row; } } .m-social-chat__buttons a { margin-right: 20px; font-size: 16px; letter-spacing: normal; text-decoration: none; color: #fff; font-weight: 400; padding: 10px 24px; } @media (min-width: 48.01em) { .m-social-chat__buttons a { font-size: 18px; letter-spacing: normal; } } .m-social-chat__buttons svg { width: 20px; height: 20px; display: inline-block; vertical-align: middle; } .m-social-chat__facebook { background: #407ee4; color: #fff; padding: 12px 20px; font-size: 1.8rem; line-height: 2.8rem; border-radius: 25px; margin-bottom: 20px; } .m-social-chat__twitter { background: #1b9df0; padding: 12px 20px; font-size: 1.8rem; line-height: 2.8rem; border-radius: 25px; margin-bottom: 20px; } /* * ---------------------------------------- * * Name: Download Assets * * Type: CSS * * ---------------------------------------- * */ /* used for Investor Presentations and Conference Calls */ .download-assets { padding: 121px 0; text-align: center; } .download-assets h2 { margin-bottom: 39px; } .download-assets h5 { margin-bottom: 5px; font-weight: 500; } .download-assets article { max-width: 680px; margin: 0 auto 22px; padding: 40px; text-align: left; } .download-assets article:last-of-type { margin-bottom: 38px; } .download-assets .date { margin-bottom: 17px; color: #7e8599; } .download-assets article a { margin-bottom: 13px; float: left; clear: both; } .download-assets article a .icon { width: 16px; height: 16px; margin: 0 10px 0 0; position: relative; top: 1px; } .download-assets article a.play-audio .icon { width: 13px; height: 13px; margin: 0 12px 0 1px; top: auto; } .download-assets a .icon { margin-left: 5px; } .download-assets a .icon svg { fill: #4f89f1; } /* responsive ============================ */ @media screen and (max-width: 760px) { .download-assets { padding: 32px 15px 9px; } .download-assets h2 { margin-bottom: 16px; } .download-assets h5 { margin-bottom: 12px; } .download-assets article { padding: 22px 17px; } .download-assets article a { margin-bottom: 17px; } .download-assets article a:last-of-type { margin-bottom: 12px; } .download-assets > .btn { display: none; } .download-assets article a.play-audio .icon { width: 11px; height: 10px; margin-right: 5px; top: 1px; } .download-assets article a .icon { width: 9px; height: 10px; margin-right: 7px; } } /* * ---------------------------------------- * * Name: Conference Calls * * Type: CSS * * ---------------------------------------- * */ .conference-calls { padding: 121px 0; text-align: center; } .conference-calls h2 { margin-bottom: 39px; } .conference-calls h5 { margin-bottom: 5px; font-weight: 500; } .conference-calls article { max-width: 680px; margin: 0 auto 22px; padding: 40px; text-align: left; } .conference-calls article:last-of-type { margin-bottom: 38px; } .conference-calls .date { margin-bottom: 17px; color: #7e8599; } .conference-calls article a { margin-bottom: 13px; float: left; clear: both; } .conference-calls article a .icon { width: 16px; height: 16px; margin: 0 10px 0 0; position: relative; top: 1px; } .conference-calls article a.play-audio .icon { width: 14px; height: 14px; margin-right: 12px; top: auto; } .conference-calls a .icon { margin-left: 5px; } .conference-calls a .icon svg { fill: #4f89f1; } /* responsive ============================ */ @media screen and (max-width: 760px) { .conference-calls { padding: 32px 15px 9px; } .conference-calls h2 { margin-bottom: 16px; } .conference-calls h5 { margin-bottom: 12px; } .conference-calls article { padding: 22px 17px; } .conference-calls article a { margin-bottom: 17px; } .conference-calls article a:last-of-type { margin-bottom: 12px; } .conference-calls > .btn { display: none; } .conference-calls article a.play-audio .icon { width: 11px; height: 10px; margin-right: 5px; top: 1px; } .conference-calls article a .icon { width: 9px; height: 10px; margin-right: 7px; } } /* * ---------------------------------------- * * Name: Conference Calls Listing * * Type: CSS * * ---------------------------------------- * */ .conference-calls-listing .filters { margin-top: 15px; } .conference-calls-listing .filters > p { min-width: 52px; } .conference-calls-listing .results { margin-top: 10px; } .conference-calls-listing .download-assets { padding: 0; } .conference-calls-listing .download-assets article { max-width: 908px; } .conference-calls-listing .download-assets .date { display: block; } .conference-calls-listing .download-assets article:last-of-type { margin-bottom: 0; } /* responsive ============================ */ @media screen and (max-width: 760px) { .conference-calls-listing .download-assets { padding: 0 0 48px; } } /* * ---------------------------------------- * * Name: Icon Grid Styles * * Type: CSS * * ---------------------------------------- * */ .icon-grid .wrapper-950 { margin: 120px auto 80px; } .icon-grid ul { width: 100%; margin: 20px auto 40px; } .icon-grid ul li.panel { width: calc(25% - 15px); height: 160px; margin-left: 20px; margin-top: 20px; position: relative; vertical-align: top; } .icon-grid ul li:nth-child(4n+1) { margin-left: 0; } .icon-grid ul li img { position: absolute; max-height: 80%; width: auto; object-fit: contain; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .icon-grid ul.equal-height.center-grid { justify-content: center; } .theme--adtran .icon-grid .wrapper-950 { margin: 0 auto 80px; } .theme--adtran .u-gradient-layout .icon-grid { padding-top: 100px; } /* responsive ============================ */ @media screen and (max-width: 970px) { .icon-grid .wrapper-950 { margin: 80px auto 60px; } .icon-grid ul li.panel { width: calc(33.33% - 11px); margin-left: 15px; margin-top: 15px; } .icon-grid ul li.panel:nth-child(4n+1) { margin-left: 15px; } .icon-grid ul li.panel:nth-child(3n+1) { margin-left: 0; } } @media screen and (max-width: 760px) { .icon-grid .wrapper-950 { margin: 34px auto 32px; } .icon-grid ul { margin: 0 auto 16px; } .icon-grid ul li.panel { width: calc(50% - 9px); margin-left: 16px; margin-top: 16px; height: 100px; } .icon-grid ul li.panel:nth-child(3n+1) { margin-left: 16px; } .icon-grid ul li.panel:nth-child(2n+1) { margin-left: 0; } .theme--adtran .u-gradient-layout .icon-grid { padding-top: 34px; } } /* * ---------------------------------------- * * Name: Employees Table * * Type: CSS * * ---------------------------------------- * */ .employees-table.wrapper-950 { margin: 40px auto; } .employees-table table { margin: 42px auto 0; text-align: left; } .employees-table table td { padding: 12px 40px; text-align: right; vertical-align: top; } .employees-table table td:first-child { padding: 12px 40px; text-align: left; } .employees-table table th { padding: 41px 40px 12px; text-align: right; vertical-align: top; } .employees-table table th:first-child { padding: 41px 40px 12px; text-align: left; } .employees-table table tfoot td { padding: 12px 40px 41px; } .employees-table table tfoot { font-weight: bold; } .employees-table .date { color: #7e8599; font-size: 1.6rem; font-weight: normal; } /* responsive ============================ */ @media screen and (max-width: 760px) { .employees-table.wrapper-950 { padding: 0; } .employees-table h3 { padding: 0 16px; margin-bottom: 19px; } .employees-table .note { padding: 0 16px; } .employees-table table { width: 100%; margin-top: 16px; } .employees-table table td { padding: 6px 18px 6px 10px; } .employees-table table th { padding: 16px 18px 6px 10px; font-weight: 600; } .employees-table table tfoot td { padding: 5px 18px 15px 10px; font-weight: 600; } .employees-table table td:first-child { padding: 6px 15px 6px 18px; } .employees-table table th:first-child { padding: 16px 15px 6px 18px; } .employees-table .date { font-size: 1rem; line-height: 1.6rem; } } /* * ---------------------------------------- * * Name: Information Grid Styles * * Type: CSS * * ---------------------------------------- * */ .information-grid { margin: 120px 0; text-align: center; } .information-grid h3 { font-size: 3rem; line-height: 3.8rem; margin-bottom: 10px; } .information-grid p { margin-bottom: 30px; } .information-grid li { padding: 40px 36px; margin-top: 20px; width: calc(50% - 10px); margin-left: 20px; float: left; } .information-grid li:nth-child(2n+1) { margin-left: 0; } .information-grid li:first-child, .information-grid li:nth-child(2) { margin-top: 0; } /* responsive ============================ */ @media screen and (max-width: 760px) { .information-grid { margin: 48px 0; } .information-grid h3 { text-align: left; font-size: 2rem; line-height: 2.8rem; margin-bottom: 8px; } .information-grid p { text-align: left; margin-bottom: 16px; } .information-grid li { width: 100%; padding: 32px 16px; margin-left: 0; margin-top: 16px; } .information-grid li:nth-child(2) { margin-top: 16px; } } /* * ---------------------------------------- * * Name: Financial Widget * * Type: CSS * * ---------------------------------------- * */ .financial-widget { padding: 80px 0 120px; text-align: center; } .financial-widget h3 span { display: block; } .financial-widget .btn { margin-top: 37px; font-size: 1.8rem; } .financial-widget .stock-value { margin-bottom: 6px; } .financial-widget .stock-value div { display: inline-block; text-align: left; } .financial-widget .current-value { margin-right: 18px; font-size: 9.3rem; line-height: 9rem; font-weight: 300; } .financial-widget .previous-value span { display: block; font-size: 2.8rem; line-height: 4rem; } .financial-widget .footnote { font-size: 1.4rem; color: #7e8599; font-weight: 300; } /* responsive ============================ */ @media screen and (max-width: 760px) { .financial-widget { padding: 32px 0 48px; } .financial-widget h3 { font-weight: 300; } .financial-widget .current-value { margin-right: 14px; font-size: 5.8rem; line-height: 5.6rem; } .financial-widget .previous-value span { font-size: 1.6rem; line-height: 2.2rem; } .financial-widget .btn { margin-top: 29px; font-size: 1.2rem; font-weight: 300; } .financial-widget .btn .icon { height: 8px; } .financial-widget .footnote { font-size: 1rem; } } /* * ---------------------------------------- * * Name: Latest Financial Satements * * Type: CSS * * ---------------------------------------- * */ .fin-statements.panel-grid { text-align: center; } .fin-statements.mod .btn { margin-top: 39px; } /* responsive ============================ */ @media screen and (max-width: 760px) { .fin-statements.mod .btn { margin-top: 32px; font-weight: 300; } .fin-statements.mod .btn .icon { height: 8px; } } /* * ---------------------------------------- * * Name: Upcoming Conference Call * * Type: CSS * * ---------------------------------------- * */ .upcoming-conference-call .rich-text-module .wrapper-950 { margin: 60px auto 30px; } .upcoming-conference-call .rich-text-module h3 { margin: 10px auto 20px; } .upcoming-conference-call .rich-text-module h4 { font-size: 2.6rem; line-height: 2.4rem; font-weight: 500; margin: 20px auto 15px; } .upcoming-conference-call .rich-text-module p { margin-bottom: 20px; } /* responsive ============================ */ @media screen and (max-width: 760px) { .upcoming-conference-call .rich-text-module .wrapper-950 { margin: 30px auto 0; } .upcoming-conference-call .rich-text-module h3 { margin: 10px auto; } .upcoming-conference-call .rich-text-module h4 { font-size: 1.6rem; line-height: 2.6rem; margin: 10px auto 0; } } .m-countdown { padding: 20px; background: #ebf1f9; margin-top: 10px; margin-bottom: 19px; font-family: 'poppinsregular'; text-align: left; } @media (min-width: 25em) { .m-countdown { padding: 40px; } } .m-countdown__text { font-size: 2rem; line-height: 1.3; margin-bottom: 16px; } .m-countdown__count { display: flex; } .m-countdown__item { color: #7e8599; font-size: 1.4rem; line-height: 1.56; margin-right: 22px; margin-bottom: 10px; } @media (min-width: 25em) { .m-countdown__item { font-size: 2.025rem; text-align: center; margin-bottom: 0; } } .m-countdown__number { font-size: 3.4rem; display: block; color: #3d455c; line-height: 1; font-weight: 300; } @media (min-width: 25em) { .m-countdown__number { font-size: 4.025rem; } } @media (min-width: 48.01em) { .m-countdown__number { font-size: 5.9rem; } } .m-countdown-info { padding: 20px; background: #ebf1f9; margin-top: 10px; margin-bottom: 19px; font-family: 'poppinsregular'; text-align: left; } @media (min-width: 25em) { .m-countdown-info { padding: 40px; } } .m-countdown-info__rte { font-size: 1.775rem; line-height: 1.3; color: #3d455c; } @media (min-width: 25em) { .m-countdown-info__rte { font-size: 2rem; } } .m-countdown-info__unit { font-size: 3.4rem; font-weight: 400; color: #7e8599; } .m-countdown-info__amount { font-size: 5.9rem; line-height: 1; font-weight: 300; margin-top: 20px; } /*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAicHVibGljL2Nzcy9jb3VudGRvd24uY3NzIiwKCSJzb3VyY2VzIjogWwoJCSJzcmMvY3NzL2NvdW50ZG93bi5zY3NzIiwKCQkic3JjL2Nzcy92ZW5kb3IvaW5jbHVkZS1tZWRpYS5zY3NzIiwKCQkic3JjL2Nzcy9oZWxwZXJzL19oLXJlbS5zY3NzIiwKCQkic3JjL2Nzcy9tb2xlY3VsZXMvX20tY291bnRkb3duLnNjc3MiLAoJCSJzcmMvY3NzL21vbGVjdWxlcy9fbS1jb3VudGRvd24taW5mby5zY3NzIgoJXSwKCSJuYW1lcyI6IFtdLAoJIm1hcHBpbmdzIjogIkFHQUEsQUFBQSxZQUFZLENBQUM7RUFDWixPQUFPLEVBQUUsSUFBSTtFQUNiLFVBQVUsRUFBRSxPQUFPO0VBQ25CLFVBQVUsRUFBRSxJQUFJO0VBQ2hCLGFBQWEsRUFBRSxJQUFJO0VBQ25CLFdBQVcsRUFBRSw2QkFBNkI7RUFDMUMsVUFBVSxFQUFFLElBQUksR0FtRGhCO0VGaWhCTyxNQUFNLEVBQUUsU0FBUyxFQUFFLElBQUk7SUUxa0IvQixBQUFBLFlBQVksQ0FBQztNQVNYLE9BQU8sRUFBRSxJQUFJLEdBZ0RkO0VBN0NDLEFBQUQsa0JBQU8sQ0FBQztJRFZMLFNBQVksRUFBRSxPQUF5QjtJQ1l6QyxXQUFXLEVBQUUsR0FBRztJQUNoQixhQUFhLEVBQUUsSUFBSSxHQUNuQjtFQUVBLEFBQUQsbUJBQVEsQ0FBQztJQUNSLE9BQU8sRUFBRSxJQUFJLEdBQ2I7RUFFQSxBQUFELGtCQUFPLENBQUM7SUFDUCxLQUFLLEVBQUUsT0FBTztJRHJCWixTQUFZLEVBQUUsTUFBeUI7SUN1QnpDLFdBQVcsRUFBRSxJQUFJO0lBQ2pCLFlBQVksRUFBRSxJQUFJO0lBQ2xCLGFBQWEsRUFBRSxJQUFJLEdBV25CO0lBVEEsTUFBTSxFQUFFLFNBQVMsRUFBRSxJQUFJO01BUHZCLEFBQUQsa0JBQU8sQ0FBQztRRHBCTCxTQUFZLEVBQUUsUUFBeUI7UUM2QnhDLFVBQVUsRUFBRSxNQUFNO1FBQ2xCLGFBQWEsRUFBRSxDQUFDLEdBTWpCO0VBRUEsQUFBRCxvQkFBUyxDQUFDO0lEdENQLFNBQVksRUFBRSxNQUF5QjtJQ3dDekMsT0FBTyxFQUFFLEtBQUs7SUFDZCxLQUFLLEVBQUUsT0FBTztJQUNkLFdBQVcsRUFBRSxDQUFDO0lBQ1osV0FBVyxFQUFFLEdBQUcsR0FTbEI7SUFQQSxNQUFNLEVBQUUsU0FBUyxFQUFFLElBQUk7TUFQdkIsQUFBRCxvQkFBUyxDQUFDO1FEdENQLFNBQVksRUFBRSxRQUF5QixHQ29EekM7SUZvaEJNLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTztNRWxpQmhDLEFBQUQsb0JBQVMsQ0FBQztRRHRDUCxTQUFZLEVBQUUsTUFBeUIsR0NvRHpDOztBQ3RERixBQUFBLGlCQUFpQixDQUFDO0VBQ2pCLE9BQU8sRUFBRSxJQUFJO0VBQ2IsVUFBVSxFQUFFLE9BQU87RUFDbkIsVUFBVSxFQUFFLElBQUk7RUFDaEIsYUFBYSxFQUFFLElBQUk7RUFDbkIsV0FBVyxFQUFFLDZCQUE2QjtFQUMxQyxVQUFVLEVBQUUsSUFBSSxHQTRCaEI7RUh3aUJPLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSTtJRzFrQi9CLEFBQUEsaUJBQWlCLENBQUM7TUFTaEIsT0FBTyxFQUFFLElBQUksR0F5QmQ7RUF0QkMsQUFBRCxzQkFBTSxDQUFDO0lGVkosU0FBWSxFQUFFLFFBQXlCO0lFWXpDLFdBQVcsRUFBRSxHQUFHO0lBQ2hCLEtBQUssRUFBRSxPQUFPLEdBS2Q7SUhzakJNLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSTtNRzlqQjdCLEFBQUQsc0JBQU0sQ0FBQztRRlZKLFNBQVksRUFBRSxPQUF5QixHRWtCekM7RUFFQSxBQUFELHVCQUFPLENBQUM7SUZwQkwsU0FBWSxFQUFFLE1BQXlCO0lFc0J6QyxXQUFXLEVBQUUsR0FBRztJQUNoQixLQUFLLEVBQUUsT0FBTyxHQUNkO0VBRUEsQUFBRCx5QkFBUyxDQUFDO0lGMUJQLFNBQVksRUFBRSxNQUF5QjtJRTRCekMsV0FBVyxFQUFFLENBQUM7SUFDZCxXQUFXLEVBQUUsR0FBRztJQUNoQixVQUFVLEVBQUUsSUFBSSxHQUNoQiIKfQ== */ /* * ---------------------------------------- * * Name: Breadcrumbs Styles * * Type: CSS * * ---------------------------------------- * */ #breadcrumb { font-size: 12px; font-size: 1.2rem; line-height: 1em; padding: 8px 0; width: 100%; background: #ffffff; border-bottom: 1px solid #eaedf4; } #breadcrumb .icon path { fill: #2a438b; } .theme--adtran #breadcrumb .icon path { fill: #00a0c8; } #breadcrumb a { color: #2a438b; } .theme--adtran #breadcrumb a { color: #00a0c8; } .theme--adtran #breadcrumb { position: relative; top: 1px; } #breadcrumb a.home { text-decoration: none; } #breadcrumb a.current { font-weight: 600; } #breadcrumb li { float: left; margin-right: 7px; } #breadcrumb li:after { content: "/"; margin-left: 5px; } #breadcrumb li:last-child:after { display: none; } #breadcrumb li:first-child .icon { width: 8px; } #breadcrumb li span { color: #2a438b; font-weight: 600; } .theme--adtran #breadcrumb li span { color: #404040; } #breadcrumb .previous-page { display: none; } #breadcrumb .previous-page path { fill: #a7c9ff; } #breadcrumb .previous-page .icon { width: 8px; } /* responsive ============================ */ @media screen and (max-width: 760px) { #breadcrumb { background: #3450a2; border: none; padding: 12px 0; } .theme--adtran #breadcrumb { background: #3264f0; } #breadcrumb a { color: #a7c9ff; } .theme--adtran #breadcrumb a { color: #a7c9ff; } #breadcrumb a { color: #a7c9ff; } #breadcrumb ol { display: none; } #breadcrumb .previous-page { display: block; } .theme--adtran #breadcrumb .icon path { fill: #a7c9ff; } } /* * ---------------------------------------- * * Name: Footer Styles * * Type: CSS * * ---------------------------------------- * */ footer#site-footer .footer-base { padding: 60px 0 80px 0; } footer#site-footer .footer-base li, footer#site-footer .footer-base a { color: #a7c9ff; } footer#site-footer .footer-base a:focus, footer#site-footer .footer-base a:hover { color: #ffffff; } footer#site-footer .footer-base li { display: inline-block; } footer#site-footer .footer-base li:first-child { margin-left: 0; } footer#site-footer .footer-social { margin: 0 auto 40px; } footer#site-footer .footer-social a { padding: 13px; width: 60px; height: 60px; border: 1px solid; border-radius: 50%; display: block; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border-color: #9999cc; } footer#site-footer .footer-social a img { width: 100%; opacity: 0.7; } footer#site-footer .footer-social a:focus, footer#site-footer .footer-social a:hover { border-color: #bad3fb; } footer#site-footer .footer-social a:focus img, footer#site-footer .footer-social a:hover img { opacity: 1; } footer#site-footer .footer-social li { margin-left: 40px; } footer#site-footer .footer-social li:first-child { margin-left: 0; } footer#site-footer .footer-base-links { font-size: 1.2rem; line-height: 1em; } footer#site-footer .footer-base-links li { padding: 0 8px; border-left: 1px solid #a7c9ff; margin-left: -3px; } footer#site-footer .footer-base-links li:first-child { border-left: none; } footer#site-footer .site-main-pages { margin-bottom: 44px; font-size: 1.8rem; line-height: 1em; } footer#site-footer .site-main-pages li { margin-left: 30px; } footer#site-footer.content-short { position: absolute; width: 100%; bottom: 0; } .theme--adtran footer#site-footer .footer-nav, .theme--security footer#site-footer .footer-nav { margin: 20px; } .theme--adtran footer#site-footer .footer-links > li li, .theme--security footer#site-footer .footer-links > li li { font-size: 1.3rem; line-height: 2; } .theme--adtran footer#site-footer .footer-social a { border-color: #BFC9CC; display: flex; flex-direction: column; justify-content: center; } .theme--adtran footer#site-footer .footer-base.black-bg .site-main-pages li a, .theme--adtran footer#site-footer .footer-base.black-bg .footer-base-links li a, .theme--adtran footer#site-footer .footer-base.black-bg .footer-base-links li { color: #848686; } .theme--adtran footer#site-footer .footer-base.white-text .footer-social a { border-color: #BFC9CC; } .theme--adtran footer#site-footer .footer-base.black-bg .footer-social a:hover { border-color: #fff; } .theme--adtran footer#site-footer .footer-base.black-bg .site-main-pages li a:hover, .theme--adtran footer#site-footer .footer-base.black-bg .footer-base-links li a:hover { color: #fff; } .theme--security footer#site-footer .footer-links h5 { font-family: 'poppinsregular'; line-height: 1.38; } .theme--adtran footer#site-footer .footer-nav li h5 a:focus, .theme--adtran footer#site-footer .footer-nav li h5 a:hover, .theme--adtran footer#site-footer .footer-nav li h5 a:visited, .theme--security footer#site-footer .footer-nav li h5 a:focus, .theme--security footer#site-footer .footer-nav li h5 a:hover, .theme--security footer#site-footer .footer-nav li h5 a:visited { color: #000; } .theme--adtran footer#site-footer .footer-nav li a:focus, .theme--adtran footer#site-footer .footer-nav li a:hover, .theme--adtran footer#site-footer .footer-nav li a:visited, .theme--security footer#site-footer .footer-nav li a:focus, .theme--security footer#site-footer .footer-nav li a:hover, .theme--security footer#site-footer .footer-nav li a:visited, .theme--security footer#site-footer .footer-nav li a:focus, .theme--security footer#site-footer .footer-nav li a:hover, .theme--security footer#site-footer .footer-nav li a:visited, .theme--security footer#site-footer .footer-nav li a:focus, .theme--security footer#site-footer .footer-nav li a:hover, .theme--security footer#site-footer .footer-nav li a:visited { color: #404040; } .theme--adtran footer#site-footer .footer-base.white-text .footer-base-links li { color: #848686; } .theme--adtran footer#site-footer .footer-base-links li a { font-size: 1.1rem; line-height: 1.64; } .theme--adtran footer#site-footer .site-main-pages li a { font-size: 1.6rem; line-height: 1.5; } /* fix security footer */ .theme--security .grey-bg, .theme--adtran .grey-bg { background: #ecf1f2; } .theme--security footer#site-footer .footer-nav, .theme--adtran footer#site-footer .footer-nav { padding: 82px 0 79px; } .theme--security footer#site-footer .footer-nav, .theme--adtran footer#site-footer .footer-nav { margin: 20px; } .theme--security footer#site-footer .footer-links>li, .theme--adtran footer#site-footer .footer-links>li { width:calc(25% - 15px); margin-left:20px; float:left } .theme--security footer#site-footer .footer-links>li:first-child, .theme--adtran footer#site-footer .footer-links>li:first-child { margin-left:0 } .theme--security footer#site-footer .footer-links>li li, .theme--adtran footer#site-footer .footer-links>li li { font-size:1.5rem; line-height:2.4rem; margin-top:8px } .theme--security footer#site-footer .footer-base, .theme--adtran footer#site-footer .footer-base { padding: 60px 0 80px 0; } /* responsive ============================ */ @media screen and (max-width:880px) { footer#site-footer .footer-social { margin: 0 auto; display: flex !important; flex-wrap: wrap; justify-content: center; align-content: center; gap: 20px; text-align: center; width: 100%; margin-bottom: 30px; } footer#site-footer .footer-social:before, footer#site-footer .footer-social:after { display: none !important; content: none !important; } footer#site-footer .footer-social li:first-child, footer#site-footer .footer-social li { margin: 0; flex: 0 0 auto; display: block !important; } } @media screen and (max-width: 760px) { footer#site-footer .footer-base { padding: 30px 0; } footer#site-footer .footer-base li:last-child { margin-right: 0; } footer#site-footer .footer-social li a { width: 40px; height: 40px; padding: 10px; } footer#site-footer .site-main-pages { font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 35px; } footer#site-footer .footer-base-links { font-size: 1rem; line-height: 1rem; } .theme--adtran footer#site-footer .footer-base-links li a { font-size: 1rem; } .theme--adtran footer#site-footer .site-main-pages li a { font-size: 1.2rem; } .theme--adtran footer#site-footer .footer-links > li li, .theme--security footer#site-footer .footer-links > li li { font-size: 1.1rem; } .theme--security footer#site-footer .footer-nav, .theme--adtran footer#site-footer .footer-nav { padding: 36px 0; } .theme--security footer#site-footer .footer-links, .theme--adtran footer#site-footer .footer-links { display: flex; flex-direction: column; gap: 30px; } .theme--security footer#site-footer .footer-links > li, .theme--adtran footer#site-footer .footer-links > li { margin-left: 0; } .theme--security footer#site-footer .footer-links>li, .theme--adtran footer#site-footer .footer-links>li { width:100%; margin-left:0; } } @media screen and (max-width: 450px) { footer#site-footer .site-main-pages li { display: block; margin-left: 0; margin-top: 8px; } footer#site-footer .site-main-pages li:first-child { margin-top: 0; } } /* * ---------------------------------------- * * Name: Footer Styles * * Type: CSS * * ---------------------------------------- * */ footer#site-footer .footer-base { padding: 60px 0 80px 0; } footer#site-footer .footer-base li, footer#site-footer .footer-base a { color: #a7c9ff; } footer#site-footer .footer-base a:focus, footer#site-footer .footer-base a:hover { color: #ffffff; } footer#site-footer .footer-base li { display: inline-block; } footer#site-footer .footer-base li:first-child { margin-left: 0; } footer#site-footer .footer-social { margin: 0 auto 40px; } footer#site-footer .footer-social a { padding: 13px; width: 60px; height: 60px; border: 1px solid; border-radius: 50%; display: block; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border-color: #9999cc; } footer#site-footer .footer-social a img { width: 100%; opacity: 0.7; } footer#site-footer .footer-social a:focus, footer#site-footer .footer-social a:hover { border-color: #bad3fb; } footer#site-footer .footer-social a:focus img, footer#site-footer .footer-social a:hover img { opacity: 1; } footer#site-footer .footer-social li { margin-left: 40px; } footer#site-footer .footer-social li:first-child { margin-left: 0; } footer#site-footer .footer-base-links { font-size: 1.2rem; line-height: 1em; } footer#site-footer .footer-base-links li { padding: 0 8px; border-left: 1px solid #a7c9ff; margin-left: -3px; } footer#site-footer .footer-base-links li:first-child { border-left: none; } footer#site-footer .site-main-pages { margin-bottom: 44px; font-size: 1.8rem; line-height: 1em; } footer#site-footer .site-main-pages li { margin-left: 30px; } footer#site-footer.content-short { position: absolute; width: 100%; bottom: 0; } .theme--adtran footer#site-footer .footer-base-links li, .theme--security footer#site-footer .footer-base-links li { border-left: 1px solid #848686; } footer#site-footer .footer-base-links li:first-child { border-left: none; } .theme--security footer#site-footer .footer-base-links li:first-child { border-left: none; } .theme--adtran footer#site-footer .footer-base-links li:first-child { border-left: none; } .theme--adtran footer#site-footer .footer-nav, .theme--security footer#site-footer .footer-nav { margin: 20px; } .theme--adtran footer#site-footer .footer-links > li li, .theme--security footer#site-footer .footer-links > li li { font-size: 1.3rem; line-height: 2; } .theme--adtran footer#site-footer .footer-social a { border-color: #BFC9CC; display: flex; flex-direction: column; justify-content: center; } .theme--adtran footer#site-footer .footer-base.black-bg .site-main-pages li a, .theme--adtran footer#site-footer .footer-base.black-bg .footer-base-links li a, .theme--adtran footer#site-footer .footer-base.black-bg .footer-base-links li { color: #848686; } .theme--adtran footer#site-footer .footer-base.white-text .footer-social a { border-color: #BFC9CC; } .theme--adtran footer#site-footer .footer-base.black-bg .footer-social a:hover { border-color: #fff; } .theme--adtran footer#site-footer .footer-base.black-bg .site-main-pages li a:hover, .theme--adtran footer#site-footer .footer-base.black-bg .footer-base-links li a:hover { color: #fff; } .theme--security footer#site-footer .footer-base a, .theme--security footer#site-footer .footer-base li { color: #848686; } .theme--security footer#site-footer .footer-links h5, .osc footer#site-footer .footer-links h5 { font-family: 'poppinsregular'; line-height: 1.38; } .osc footer#site-footer .footer-links h5 { font-size: 2rem; } .theme--adtran footer#site-footer .footer-nav li h5 a:focus, .theme--adtran footer#site-footer .footer-nav li h5 a:hover, .theme--adtran footer#site-footer .footer-nav li h5 a:visited, .theme--security footer#site-footer .footer-nav li h5 a:focus, .theme--security footer#site-footer .footer-nav li h5 a:hover, .theme--security footer#site-footer .footer-nav li h5 a:visited { color: #000; } .theme--adtran footer#site-footer .footer-nav li a:focus, .theme--adtran footer#site-footer .footer-nav li a:hover, .theme--adtran footer#site-footer .footer-nav li a:visited, .theme--security footer#site-footer .footer-nav li a:focus, .theme--security footer#site-footer .footer-nav li a:hover, .theme--security footer#site-footer .footer-nav li a:visited, .theme--security footer#site-footer .footer-nav li a:focus, .theme--security footer#site-footer .footer-nav li a:hover, .theme--security footer#site-footer .footer-nav li a:visited, .theme--security footer#site-footer .footer-nav li a:focus, .theme--security footer#site-footer .footer-nav li a:hover, .theme--security footer#site-footer .footer-nav li a:visited { color: #404040; } .theme--adtran footer#site-footer .footer-base.white-text .footer-base-links li { color: #848686; } .theme--adtran footer#site-footer .footer-base-links li a { font-size: 1.1rem; line-height: 1.64; } .theme--adtran footer#site-footer .site-main-pages li a { font-size: 1.6rem; line-height: 1.5; } /* fix security footer */ .theme--security .grey-bg, .theme--adtran .grey-bg { background: #ecf1f2; } .theme--security footer#site-footer .footer-nav, .theme--adtran footer#site-footer .footer-nav, .osc footer#site-footer .footer-nav { padding: 82px 0 79px; } .theme--security footer#site-footer .footer-nav, .theme--adtran footer#site-footer .footer-nav, .osc footer#site-footer .footer-nav { margin: 20px; } .theme--security footer#site-footer .footer-links>li, .theme--adtran footer#site-footer .footer-links>li, .osc footer#site-footer .footer-links>li { width:calc(25% - 15px); margin-left:20px; float:left } .theme--security footer#site-footer .footer-links>li:first-child, .theme--adtran footer#site-footer .footer-links>li:first-child, .osc footer#site-footer .footer-links>li:first-child { margin-left:0 } .theme--security footer#site-footer .footer-links>li li, .theme--adtran footer#site-footer .footer-links>li li, .osc footer#site-footer .footer-links>li li { font-size:1.5rem; line-height:2.4rem; margin-top:8px } .theme--security footer#site-footer .footer-base, .theme--adtran footer#site-footer .footer-base { padding: 60px 0 80px 0; } /* responsive ============================ */ @media screen and (max-width:880px) { footer#site-footer .footer-social { margin: 0 auto; display: flex !important; flex-wrap: wrap; justify-content: center; align-content: center; gap: 20px; text-align: center; width: 100%; margin-bottom: 30px; } footer#site-footer .footer-social:before, footer#site-footer .footer-social:after { display: none !important; content: none !important; } footer#site-footer .footer-social li:first-child, footer#site-footer .footer-social li { margin: 0; flex: 0 0 auto; display: block !important; } } @media screen and (max-width: 760px) { footer#site-footer .footer-base { padding: 30px 0; } footer#site-footer .footer-base li:last-child { margin-right: 0; } footer#site-footer .footer-social li a { width: 40px; height: 40px; padding: 10px; } footer#site-footer .site-main-pages { font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 35px; } footer#site-footer .footer-base-links { font-size: 1rem; line-height: 1rem; } .theme--adtran footer#site-footer .footer-base-links li a { font-size: 1rem; } .theme--adtran footer#site-footer .site-main-pages li a { font-size: 1.2rem; } .theme--adtran footer#site-footer .footer-links > li li, .theme--security footer#site-footer .footer-links > li li, .osc footer#site-footer .footer-links > li li { font-size: 1.1rem; } .theme--security footer#site-footer .footer-nav, .theme--adtran footer#site-footer .footer-nav, .osc footer#site-footer .footer-nav { padding: 36px 0; } .theme--security footer#site-footer .footer-links, .theme--adtran footer#site-footer .footer-links, .osc footer#site-footer .footer-links { display: flex; flex-direction: column; gap: 30px; } .theme--security footer#site-footer .footer-links > li, .theme--adtran footer#site-footer .footer-links > li, .osc footer#site-footer .footer-links > li { margin-left: 0; } .theme--security footer#site-footer .footer-links>li, .theme--adtran footer#site-footer .footer-links>li , .osc footer#site-footer .footer-links>li { width:100%; margin-left:0; } } @media screen and (max-width: 450px) { footer#site-footer .site-main-pages li { display: block; margin-left: 0; margin-top: 8px; } footer#site-footer .site-main-pages li:first-child { margin-top: 0; } } /* * ---------------------------------------- * * Name: Primary Navigation Styles * * Type: CSS * * ---------------------------------------- * */ nav#primary-nav { float: left; width: calc(100% - 340px); margin-top: 11px; } .theme--adtran nav#primary-nav, .theme--security nav#primary-nav { margin-top: 30px; } nav#primary-nav a { color: #3450a2; } .theme--adtran nav#primary-nav a { font-family: 'poppinsmedium'; color: #fff; } .theme--security #site-header, .theme--adtran #site-header { position: relative; z-index: 2; } .theme--security nav#primary-nav a { font-family: 'poppinsmedium'; color: #fff; } .theme--security nav#primary-nav .second-level a { color: #3450a2; } nav#primary-nav .first-level > li { display: inline-block; margin-left: 28px; padding: 0 20px 22px 0; opacity: 1; transition: 0.2s opacity ease-in-out; } nav#primary-nav .first-level > li:last-child { margin-left: 8px; } .search-on nav#primary-nav .first-level > li { opacity: 0; } nav#primary-nav .first-level-link { position: relative; } nav#primary-nav .first-level li a { position: relative; display: block; } .theme--adtran nav#primary-nav .first-level li:hover .first-level-link .icon, .theme--security nav#primary-nav .first-level li:hover .first-level-link .icon { transform: rotate(180deg); } nav#primary-nav .first-level li:first-child { margin-left: 0; } nav#primary-nav .first-level li .icon { width: 13px; height: 13px; position: absolute; left: 100%; bottom: 7px; margin-left: 10px; } nav#primary-nav .mega-nav { display: none; padding: 40px 0; text-align: left; position: absolute; top: 100%; left: 0; z-index: 1; border-top: 1px solid #eaedf4; background: #ffffff; width: 100%; } nav#primary-nav .second-level { width: 50%; width: calc(50% - 15px); float: left; } nav#primary-nav .second-level li { border-bottom: 1px solid #eaedf4; } nav#primary-nav .second-level li:first-child { border-top: 1px solid #eaedf4; } nav#primary-nav .second-level li a { display: block; padding: 6px 10px; position: static; } nav#primary-nav .second-level li a:focus, nav#primary-nav .second-level li a:hover { background: #f7f8fa; } nav#primary-nav .second-level li a .icon { float: right; margin-left: 5px; left: auto; position: relative; bottom: -7px; } nav#primary-nav .featured-panel { width: 50%; width: calc(50% - 15px); float: right; } nav#primary-nav .featured-panel img { width: 100%; height: auto; display: block; } nav#primary-nav .featured-panel h5 { font-size: 2.2rem; font-weight: 400; line-height: 1.6em; margin-top: 9px; } nav#primary-nav .third-level { display: none; position: absolute; top: 0; right: 0; width: 50%; height: 100%; overflow-y: auto; z-index: 1; background: #ffffff; margin-left: 30px; } nav#primary-nav .previous-item, nav#primary-nav .parent-item, nav#primary-nav .secondary-nav { display: none; } nav#primary-nav svg { fill: #3450a2; } .theme--adtran nav#primary-nav svg, .theme--security nav#primary-nav svg { fill: none; } nav#primary-nav .first-level button.open-nav { top: 100%; left: 0; font-size: 1.4rem; text-decoration: underline; } nav#primary-nav .mega-nav .wrapper-950 { position: relative; } .theme--adtran #secondary-nav .theme--security #secondary-nav { position: relative; padding: 2px 0; } .theme--security .secondary-nav { background: #fff; } .theme--security .secondary-nav::after { content: ''; position: absolute; top: 0; left: calc(-50vw + 50%); width: 100vw; height: 100%; background-color: #fff; z-index: -1; } .osc header#site-header { position: relative; z-index: 2; background: #fff; border-bottom: none; overflow: unset; } .theme--adtran nav#primary-nav .second-level li a { color: #00a0c8; } .theme--adtran nav#primary-nav .second-level svg { fill: #00a0c8; } .theme--adtran nav#primary-nav .second-level li .theme--security nav#primary-nav .second-level li { border-bottom: 1px solid #e0e8ea; } .head-alignment { display: flex; justify-content: space-between; } .theme--adtran #secondary-nav::after , .theme--security #secondary-nav::after { content: ""; position: absolute; top: 0; height: 100%; width: 100vw; left: -100vw; background: #fff; z-index: -1; } .theme--security #secondary-nav::after { content: ""; position: absolute; top: 0; height: 100%; width: 100vw; left: -100vw; background: #fff; z-index: -1; } .theme--adtran #secondary-nav.darker-grey-bg::after { background: #141414; } .theme--adtran header#site-header, .theme--security header#site-header { background: #000000; } /* burger menu */ .mobile-btn { display: none; margin-left: 17px; width: 16px; height: 12px; position: relative; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } .mobile-btn span { display: block; position: absolute; height: 1.5px; width: 100%; background: #3450a2; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .theme--adtran .mobile-btn span, .theme--security .mobile-btn span { background: #fff; } .mobile-btn span:nth-child(1) { top: 0; } .mobile-btn span:nth-child(2), #nav-icon3 span:nth-child(3) { top: 50%; } .mobile-btn span:nth-child(4) { top: 100%; } .mobile-btn.open span:nth-child(1) { top: 18px; width: 0; left: 50%; } .mobile-btn.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mobile-btn.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-btn.open span:nth-child(4) { top: 18px; width: 0; left: 50%; } /* responsive ============================ */ @media screen and (max-width: 1237px) { .theme--adtran nav#primary-nav, .theme--security nav#primary-nav { width: calc(100% - 170px); } .theme--adtran nav#primary-nav .first-level > li, .theme--security nav#primary-nav .first-level > li { margin-left: 20px; } } @media screen and (max-width: 1150px) { header#site-header #logo > a { max-width: 100px; } nav#primary-nav { width: calc(100% - 190px); margin-top: 0; } nav#primary-nav .first-level > li { margin-left: 30px; padding-bottom: 13px; } .theme--adtran nav#primary-nav .first-level > li, .theme--security nav#primary-nav .first-level > li { margin-left: 10px; } .theme--adtran nav#primary-nav .first-level > li:first-child, .theme--security nav#primary-nav .first-level > li:first-child { /* //margin-left: 40px; */ } nav#primary-nav .first-level li a { font-size: 16px; } nav#primary-nav .first-level li .icon { bottom: 6px; } .theme--adtran nav#primary-nav .first-level li a { font-size: 13px; } .theme--security nav#primary-nav .first-level li a { font-size: 13px; } nav#primary-nav .first-level .secondary-nav__lang .icon { position: static; } .head-alignment { display: block; justify-content: space-between; } } @media screen and (max-width: 840px) { .theme--adtran nav#primary-nav .first-level > li, .theme--security nav#primary-nav .first-level > li { margin-left: 0; } .theme--adtran nav#primary-nav .first-level > li:first-child, .theme--security nav#primary-nav .first-level > li:first-child { margin-left: 0; } } @media screen and (max-width: 760px) { .mobile-btn { display: block; } nav#primary-nav { float: right; width: auto; } .theme--adtran nav#primary-nav, .theme--security nav#primary-nav { margin-top: 11px; } .theme--adtran nav#primary-nav, .theme--security nav#primary-nav { margin-top: 5px; width: auto; } nav#primary-nav .nav-container { display: none; height: calc(100vh - 31px); width: 100%; position: absolute; left: 0; top: 100%; } nav#primary-nav .nav-container.open { display: block; overflow-y: auto; } nav#primary-nav .first-level { position: absolute; background: #ffffff; top: 0; left: 0; width: 100%; -moz-transition: 0.3s left ease-in-out; -o-transition: 0.3s left ease-in-out; -webkit-transition: 0.3s left ease-in-out; transition: 0.3s left ease-in-out; } nav#primary-nav .first-level li { width: 100%; border-bottom: 1px solid #f1f5ff; padding: 0; margin: 0; text-align: left; } nav#primary-nav .first-level li:first-child { border-top: 1px solid #f1f5ff; } nav#primary-nav .first-level li a { display: block; padding: 16px 15px; position: relative; } .theme--adtran nav#primary-nav a { color: #00a0c8; font-size: 14px; } .theme--security nav#primary-nav a { color: #3450a2; font-size: 14px; } .theme--adtran nav#primary-nav svg { fill: #00a0c8; } .theme--adtran nav#primary-nav svg, .theme--security nav#primary-nav svg { fill: #3450a2; } nav#primary-nav .first-level li .icon { left: auto; right: 15px; top: 50%; margin-top: -6px; } nav#primary-nav .first-level > li > a > .icon { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: relative; float: right; top: 9px; } nav#primary-nav .first-level.open .second-level { font-size: 1.4rem; } nav#primary-nav .first-level.open + .secondary-nav { display: none; } nav#primary-nav .third-level, nav#primary-nav .second-level { display: none; margin-left: 0; width: 100%; height: auto; position: absolute; top: 0; left: 100%; background: #ffffff; -webkit-transition: 0.3s left ease-in-out; -moz-transition: 0.3s left ease-in-out; -ms-transition: 0.3s left ease-in-out; -o-transition: 0.3s left ease-in-out; transition: 0.3s left ease-in-out; } nav#primary-nav .first-level li.open .second-level, nav#primary-nav .first-level li.open .second-level li.open .third-level { display: block; } nav#primary-nav .parent-item a { font-weight: 700; } nav#primary-nav .previous-item { display: block; } nav#primary-nav .previous-item a { color: #7e8599; } nav#primary-nav .previous-item svg { fill: #7e8599; } nav#primary-nav .first-level li.previous-item .icon { bottom: -1px; top: 4px; float: left; margin: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } nav#primary-nav .hide-right { left: 100% !important; } nav#primary-nav .wrapper-950 { padding: 0; } nav#primary-nav .mega-nav { display: block; padding: 0; position: static; border: none; } nav#primary-nav .mega-nav .wrapper-950 { position: static; } nav#primary-nav .featured-panel { display: none; } header#site-header #logo > a { max-width: 66px; } .theme--security header#site-header #logo > a { width: 56px; } .theme--security header#site-header #logo > a img { width: 100%; min-width: unset; position: relative; top: -4px; } nav#primary-nav .first-level li .secondary-nav { text-align: left; display: block; padding: 32px 15px; } nav#primary-nav .first-level li .secondary-nav li { width: auto; display: inline-block; margin-right: 12px; margin-left: 0; border-bottom: none; border-top: none; } nav#primary-nav .first-level li .secondary-nav li:first-child { margin-left: 0; } nav#primary-nav .first-level li .secondary-nav li a { font-size: 1.4rem; padding: 0; display: inline; } .theme--adtran nav#primary-nav .first-level li .secondary-nav li a, .theme--security nav#primary-nav .first-level li .secondary-nav li a { font-size: 1.35rem; line-height: 3rem; } nav#primary-nav .first-level li.secondary-nav__lang { padding-right: 14px; font-size: 1.4rem; padding-bottom: 10px; color: #3450a2; } nav#primary-nav .first-level li .secondary-nav li.secondary-nav__lang ul { left: 0; right: auto; } nav#primary-nav .first-level li .secondary-nav li.secondary-nav__lang ul li { display:flex; margin-left: 0; margin-right: 0; } nav#primary-nav .first-level li .secondary-nav li.secondary-nav__lang a { padding-right: 15px; transition:none; } nav#primary-nav .first-level li.secondary-nav__lang .icon { margin-top: -2px; } nav#primary-nav .first-level li.secondary-nav__lang .icon { width: 8px; height: 4px; } nav#primary-nav .first-level li .secondary-nav li.secondary-nav__lang li a { width: 100%; padding: 15px 20px 15px 44px; } nav#primary-nav .first-level li .secondary-nav li.secondary-nav__lang li.is-active a, nav#primary-nav .first-level li .secondary-nav li.secondary-nav__lang li a:hover { text-decoration: none; background: #f3f8ff url('../svg/tick-2.svg') no-repeat 20px center; } nav#primary-nav .first-level-link svg path { stroke: #00a0c8; fill: none; } .theme--security nav#primary-nav .first-level-link svg path { stroke: #3450a2; fill: none; } } /* * ---------------------------------------- * * Name: Secondary Navigation Styles * * Type: CSS * * ---------------------------------------- * */ nav#secondary-nav { text-align: right; position: relative; } nav#secondary-nav a { color: #8693b6; font-size: 13px; font-size: 1.3rem; line-height: 1em; } .theme--adtran nav#secondary-nav a { color: #000; font-size: 12px; line-height: 1.1; font-family: 'poppinsmedium'; } .theme--adtran nav#secondary-nav.darker-grey-bg a { color: #fff; } nav#secondary-nav a:focus, nav#secondary-nav a:hover { color: #3d455c; } nav#secondary-nav li { display: inline-block; margin-left: 17px; } .secondary-nav li.secondary-nav__lang { position: relative; padding-right: 16px; font-size: 1.3rem; line-height: 1em; padding-bottom: 5px; color: #8693b6; cursor: pointer; } .theme--security .secondary-nav li.secondary-nav__lang { color: #000; } .theme--adtran nav#secondary-nav a, .theme--security nav#secondary-nav a { color: #3d455c; font-size: 12px; line-height: 1.1; font-family: 'poppinsmedium'; } .theme--security nav#secondary-nav a { font-family: 'poppinsregular'; } .secondary-nav li.secondary-nav__lang:hover { color: #3d455c; text-decoration: underline; } .secondary-nav li.secondary-nav__lang:hover .icon svg g { stroke: #3d455c; } .secondary-nav .secondary-nav__lang:after { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 16px; background: #d5d9e2; } .secondary-nav .icon { position: relative; top: -2px; width: 8px; height: 4px; display: inline-block; } .secondary-nav ul { display: none; position: absolute; top: 100%; right: 16px; min-width: 178px; box-shadow: 0 1px 3px 0 rgba(61, 69, 92, 0.35); background-color: #fff; z-index: 2; } .secondary-nav .secondary-nav__lang:hover .icon { transform: rotate(180deg); } .secondary-nav .secondary-nav__lang:hover ul, .secondary-nav .secondary-nav__lang:active ul { display: block; } nav#secondary-nav .secondary-nav ul li { display: block; margin: 0; } nav#secondary-nav .secondary-nav ul li a { display: block; color: #3d455c; font-size: 18px; line-height: 1.56; padding: 10px 20px 10px 44px; text-align: left; transition:none; } nav#secondary-nav .secondary-nav ul li a:hover { text-decoration: none; background: #f3f8ff; } nav#secondary-nav .secondary-nav ul li.is-active a { text-decoration: none; background: url('../svg/tick-2.svg') no-repeat 20px center; } nav#secondary-nav .secondary-nav ul li a:hover { background-color: #f3f8ff } /* responsive ============================ */ @media screen and (max-width: 1150px) { nav#secondary-nav a { font-size: 1.2rem; } } @media screen and (max-width: 760px) { nav#secondary-nav { display: none; } } /* * ---------------------------------------- * * Name: Listing Hero & Heading Styles * * Type: CSS * * ---------------------------------------- * */ .listing-hero { padding: 42px 0 37px; } .theme--adtran .listing-hero { padding: 42px 0 80px; } .listing-hero h1 { color: #ffffff; line-height: 1.12; } .listing-hero li { width: calc(33% - 16px); display: inline-block; margin-top: 20px; margin-left: 24px; } .listing-hero li:first-child, .listing-hero li:nth-child(3n + 1) { margin-left: 0; } .listing-hero .view-all { clear: both; margin-top: 31px; } .listing-hero .view-all a, .listing-hero li a { color: #a7c9ff; font-size: 1.8rem; line-height: 2rem; } .theme--adtran .listing-hero .view-all a, .theme--adtran .listing-hero li a { color: #fff; font-size: 1.6rem; line-height: 140%; } .listing-hero li a { font-size: 1.6rem; line-height: 1.5; } .listing-hero .toggle { margin-top: 7px; } .listing-hero .toggle-container { display: block; } .listing-hero .toggle-trigger.open .icon { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; -webkit-transform-origin: 50%; transform-origin: 50%; -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .ie9 .listing-hero .toggle-trigger.open .icon { -ms-transform: rotate(180deg); transform: rotate(180deg); } .listing-hero .icon { width: 40px; padding: 9px 11px; display: none; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .listing-hero .icon svg { fill: #ffffff; } .listing-hero--dark { text-align: center; color: #fff; } .listing-hero__bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .listing-hero--dark .wrapper-950 { max-width: 1140px; } .listing-hero-tag { font-size: 1.6rem; margin-bottom: 5px; } .listing-hero-desc { font-size: 2.4rem; margin-top: 8px; } .listing-hero-ul-title { font-size: 2.4rem; font-weight: 600; line-height: 120%; margin-bottom: 5px; } .listing-hero--dark .toggle-container { text-align: left; padding: 30px; margin-top: 56px; border-radius: 24px; background: #000B56B2; } .listing-hero.listing-hero--dark li { width: calc(25% - 16px); margin: 10px 0 4px 0; a { text-decoration: underline; } } .listing-hero.u-text-white { color: #fff; h1, ul li a { color: #fff; } } .listing-hero.u-text-black { color: #000; h1, ul li a { color: #000; } } /* responsive ============================ */ @media screen and (max-width: 970px) { .listing-hero li { width: calc(50% - 13px); } .listing-hero li:first-child, .listing-hero li:nth-child(2n + 1) { margin-left: 0; } .listing-hero.listing-hero--dark li { width: calc(50% - 13px); } } @media screen and (max-width: 760px) { .listing-hero { padding: 0; } .theme--adtran .listing-hero { padding: 0; } .listing-hero h1 { font-size: 3rem; line-height: 3.4rem; padding-bottom: 8px; } .listing-hero .icon { display: block; margin: 0 auto; } .listing-hero .toggle { border-top: 1px solid rgba(255,255,255,0.1); } .listing-hero .toggle-trigger { cursor: pointer; } .listing-hero .toggle-container { display: none; padding-bottom: 30px; } .listing-hero li { margin-left: 0; width: 100%; } .listing-hero li:first-child { margin-top: 8px; } .listing-hero li:nth-child(3n + 1) { margin-left: 0; } .listing-hero .view-all a, .listing-hero li a { color: #a7c9ff; font-size: 1.4rem; } .theme--adtran .listing-hero .toggle-trigger svg path + path { fill: #fff; stroke: #fff; stroke-width: 8px; } .theme--adtran .listing-hero .view-all a, .theme--adtran .listing-hero li a { font-size: 1.2rem; } .listing-hero.listing-hero--dark li { width: 100%; } .listing-hero--dark .toggle-container { margin-top: 20px; border-radius: 16px; } .listing-hero.listing-hero--dark .toggle-container { margin-bottom: 32px; } .theme--adtran .listing-hero.listing-hero--dark .toggle-container { padding: 24px 16px; } .theme--adtran .listing-hero.listing-hero--dark .toggle-container ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .theme--adtran .listing-hero.listing-hero--dark .toggle-container ul li { width: calc(50% - 12px); margin-bottom: 8px; } .listing-hero--dark .listing-hero h1 { font-size: 2.8rem; line-height: 120%; } .listing-hero-tag { font-size: 1.2rem; margin-bottom: 5px; } .listing-hero-desc { font-size: 1.8rem; margin-bottom: 20px; } .listing-hero-ul-title { font-size: 1.6rem; } } /* *--------------------------------------- * * Name: Date Listintg Styles * * Type: CSS * *--------------------------------------- * */ .theme--adtran .date-listing { background-color: #fff; } .date-listing .results { margin-top: 10px; } .date-listing .month { margin-top: 60px; width: 100%; } .date-listing .month:first-child { margin-top: 30px; } .date-listing .month h2 { font-size: 3.2rem; line-height: 1.38; color: #000; } .date-listing .month .panel { padding-top: 60px; } .date-listing .month .panel:nth-child(2) { padding-top: 25px; } .date-listing .month .panel .img-container { position: relative; width: 23.34%; height: 120px; margin-right: 20px; } .date-listing .month .panel .text-container { width: 74%; width: calc(76.66% - 20px); min-height: 120px; } .date-listing .month .panel .text-container header { margin-bottom: 30px; } .date-listing .month .panel .text-container header h3 { font-size: 2.6rem; line-height: 3.4rem; font-weight: normal; } .date-listing .month .panel .text-container header h3 { font-size: 2.2rem; line-height: 1.55; font-family: 'poppinsmedium'; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .theme--adtran .date-listing .img-container img { object-fit: unset; width: 100%; height: auto; } .date-listing .month .panel .text-container header h3 a { color: #3d455c; } .theme--adtran .date-listing .month .panel .text-container header h3 a { color: #404040; font-family: 'poppinsmedium'; } .date-listing .month .panel .text-container .date-container { position: absolute; bottom: 0; left: 0; font-size: 1.4rem; line-height: 2rem; color: #7e8599; } .theme--adtran .date-listing .month .panel .text-container .date-container { color: #404040; line-height: 1; font-size: 1.1rem; } .date-listing .month .panel .text-container .date-container { line-height: 1; font-size: 1.1rem; } @media screen and (max-width: 760px) { .date-listing .results { margin-top: 0; } .date-listing .month { margin-top: 32px; } .date-listing .month:first-child { margin-top: 16px; } .date-listing .month h2 { font-size: 2rem; line-height: 2.8rem; font-weight: normal; } .theme--adtran .date-listing .month h2 { font-size: 2rem; line-height: 1.38; } .date-listing .month .panel, .date-listing .month .panel:nth-child(2) { padding-top: 16px; } .date-listing .month .panel .img-container { width: 27.78%; height: 0; min-height: 90px; margin-right: 8px; padding-bottom: 24.31%; background: #000; } .date-listing .month .panel .img-container img { top: 50%; transform: translateY(-50%); } .date-listing .month .panel .text-container { width: 70%; width: calc(72.22% - 8px); height: 0; min-height: 90px; padding-bottom: 24.31%; } .date-listing .month .panel .text-container header { margin-bottom: 15px; } .date-listing .month .panel .text-container header h3 { font-size: 1.2rem; line-height: 1.8rem; } .date-listing .month .panel .text-container .date-container { font-size: 0.8rem; line-height: 1rem; } .date-listing .month .panel .text-container header h3 { font-size: 1.4rem; line-height: 1.4; font-family: 'poppinsmedium'; } .theme--adtran .date-listing .month .panel .text-container .date-container { color: #404040; line-height: 1; font-size: 0.8rem; } .date-listing .month .panel .text-container .date-container { line-height: 1; font-size: 0.8rem; } } /* * ---------------------------------------- * * Name: Event Calendar Listing Styles * * Type: CSS * * ---------------------------------------- * */ .events-calendar-listing { padding-bottom: 120px; } .events-calendar-listing .event-info .label { display: inline-block; min-width: 70px; margin-right: 10px; color: #7e8599; } .events-calendar-listing.date-listing .filters .stylish-select { min-width: 180px; } .events-calendar-listing.date-listing .month .panel .text-container header { margin-bottom: 0; } .events-calendar-listing.date-listing .month .panel .text-container header h3 { margin-bottom: 10px; } @media screen and (max-width: 760px) { .events-calendar-listing { padding-bottom: 48px; } .events-calendar-listing.date-listing .filters .stylish-select { width: 100%; } .events-calendar-listing.date-listing .month .panel .text-container header h3 { font-size: 1.6rem; line-height: 2.1rem; margin-bottom: 3px; } } /* * ---------------------------------------- * * Name: Newsroom Tiles Styles * * Type: CSS * * ---------------------------------------- * */ .newsroom-tiles .panel-grid { padding: 40px 0 0; } .newsroom-tiles .panel-grid .panel { width: 31.86%; width: calc(33.33% - 13.33px); margin-left: 20px; margin-top: 20px; } .ie9 .newsroom-tiles .panel-grid .panel { width: calc(33.33% - 16.33px); } .newsroom-tiles .panel-grid .panel:first-child { margin-top: 0; width: 100%; margin-left: 0; } .newsroom-tiles .panel-grid .panel:nth-child(10n+2), .newsroom-tiles .panel-grid .panel:nth-child(10n+8) { width: 65.8590%; width: calc(66.66% - 10px); } .ie9 .newsroom-tiles .panel-grid .panel:nth-child(10n+2), .ie9 .newsroom-tiles .panel-grid .panel:nth-child(10n+8) { width: calc(66.66% - 15px); } .newsroom-tiles .panel-grid .panel:nth-child(10n+3) { width: 31.93%; width: calc(33.33% - 10px); } .newsroom-tiles .panel-grid .panel:nth-child(10n+2), .newsroom-tiles .panel-grid .panel:nth-child(10n+4), .newsroom-tiles .panel-grid .panel:nth-child(10n+7), .newsroom-tiles .panel-grid .panel:nth-child(10n+9) { margin-left: 0; } .newsroom-tiles .panel-grid .panel .img-container { height: 336px; } .newsroom-tiles .panel-grid .panel .img-container > a { display: block; height: 100%; } .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image { position: absolute; top: 50%; width: 100%; color: #ffffff; font-weight: 300; text-align: center; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image > span.tag { display: block; font-size: 1.4rem; line-height: 1.4rem; color: #7e8599; } .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image time > span { font-size: 2rem; line-height: 2.8rem; } .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image time span.day { display: block; font-size: 14.4rem; line-height: 14.4rem; font-weight: 200; } .theme--adtran .newsroom-tiles .panel-grid .panel h3 { font-size: 1.6rem; line-height: 1.75; font-family: 'poppinsmedium'; } .theme--adtran .newsroom-tiles .panel-grid .panel h3 { font-size: 1.6rem; line-height: 1.75; font-family: 'poppinsmedium'; } .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image time > span { font-size: 1.6rem; line-height: 1.55; } .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image > span.tag { font-size: 1.2rem; line-height: 1.83; } .theme--adtran .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image > span.tag { font-size: 1.2rem; line-height: 1.83; color: #9F9F9F; } .theme--adtran .newsroom-tiles .panel-grid .panel:nth-child(10n+2) h3 button, .theme--adtran .newsroom-tiles .panel-grid .panel:nth-child(10n+8) h3 button { font-size: 2.6rem; line-height: 1.38; font-family: 'poppinsmedium'; } .newsroom-tiles .panel-grid .panel .text-container { min-height: 245px; } .newsroom-tiles .panel-grid .panel .text-container .tag-container { font-size: 1.4rem; line-height: 2.4rem; } .newsroom-tiles .panel-grid .panel .text-container .tag-container time { color: #7e8599; } .newsroom-tiles .panel-grid .panel .text-container .tag-container time:before { content: "|"; color: #d6d9e3; margin: 0 7px; } .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image time span.day { font-family: 'poppinsthin'; font-size: 13.4rem; line-height: 1; } .theme--adtran .newsroom-tiles .panel-grid .panel .text-container .tag-container time:before { color: #bfc9cc; } .newsroom-tiles .panel-grid .panel h3 { font-size: 2rem; line-height: 2.8rem; } .newsroom-tiles .panel-grid .panel:first-child h3 { font-size: 4rem; line-height: 4.4rem; } .newsroom-tiles .panel-grid .panel:nth-child(10n+2) h3, .newsroom-tiles .panel-grid .panel:nth-child(10n+8) h3 { font-size: 3rem; line-height: 4rem; } .newsroom-tiles .panel-grid .panel h3 { font-size: 1.6rem; line-height: 1.75; font-family: 'poppinsmedium'; } .newsroom-tiles .panel-grid .panel h3 button { line-height: 1.75; } .newsroom-tiles .panel-grid .panel:nth-child(10n+2) h3, .newsroom-tiles .panel-grid .panel:nth-child(10n+8) h3, .newsroom-tiles .panel-grid .panel:nth-child(10n+8) h3 button { font-size: 2.6rem; line-height: 1.38; font-family: 'poppinsmedium'; } .newsroom-tiles .panel-grid .panel h3 > button { font-family: 'poppinsmedium'; } .newsroom-tiles .panel-grid .panel:first-child h3 button { font-size: 2.6rem; line-height: 1.38; font-family: 'poppinsmedium'; } .newsroom-tiles .panel-grid .panel:first-child h3 { font-size: 3.2rem; line-height: 1.38; } .newsroom-tiles .panel-grid .panel .text-container .tag-container { font-size: 1.1rem; line-height: 1; } .newsroom-tiles .panel-grid .panel .text-container .tag-container time { color: #404040; } @media screen and (max-width: 760px) { .newsroom-tiles .panel-grid { padding: 16px 0 0; } .newsroom-tiles .panel-grid .panel { width: 100%; margin-left: 0; margin-top: 16px; } .newsroom-tiles .panel-grid .panel:nth-child(10n+2), .newsroom-tiles .panel-grid .panel:nth-child(10n+3), .newsroom-tiles .panel-grid .panel:nth-child(10n+8) { width: 100%; } .newsroom-tiles .panel-grid .panel .img-container { width: 27.77%; height: auto; padding-bottom: 27.77%; } .newsroom-tiles .panel-grid .panel:first-child .img-container { width: 100%; height: 162px; } .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image > span.tag { display: none; } .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image time > span { font-size: 1rem; line-height: 1rem; } .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image time span.day { font-size: 4.8rem; line-height: 4rem; } .theme--adtran .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image time > span { font-size: 0.8rem; line-height: 0.8rem; } .theme--adtran .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image time span.day { font-size: 4.2rem; line-height: 3rem; } .theme--adtran .newsroom-tiles .panel-grid .panel .img-container .press-release-no-image { top: 56%; } .newsroom-tiles .panel-grid .panel .text-container { min-height: 80px; } .newsroom-tiles .panel-grid .panel .text-container .tag-container { font-size: 0.8rem; line-height: 1rem; } .newsroom-tiles .panel-grid .panel:first-child .text-container .tag-container { left: 0; } .newsroom-tiles .panel-grid .panel .text-container .tag-container time:before { margin: 0 4px; } .theme--adtran .newsroom-tiles .panel-grid .panel:first-child .tag-container { padding-left: 13px;} .theme--adtran .newsroom-tiles .panel-grid .panel .tag-container { padding-left: 5px;} .newsroom-tiles .panel-grid .panel h3, .newsroom-tiles .panel-grid .panel:nth-child(10n+2) h3, .newsroom-tiles .panel-grid .panel:nth-child(10n+8) h3 { font-size: 1.2rem; line-height: 1.8rem; } .newsroom-tiles .panel-grid .panel:first-child h3 { font-size: 1.6rem; line-height: 2.2rem; } .theme--adtran .newsroom-tiles .panel-grid .panel h3, .theme--adtran .newsroom-tiles .panel-grid .panel h3 button, .theme--adtran .newsroom-tiles .panel-grid .panel:nth-child(10n+2) h3, .theme--adtran .newsroom-tiles .panel-grid .panel:nth-child(10n+8) h3 { font-size: 1rem; line-height: 1.8rem; } .theme--adtran .newsroom-tiles .panel-grid .panel:first-child h3 { font-size: 1.4rem; line-height: 2.2rem; } .newsroom-tiles .listing .pagination .load-more button { font-size: 1.2rem; line-height: 2rem; } .newsroom-tiles .listing .pagination .load-more .icon { width: 14px; height: 14px; top: 3px; } .theme--adtran .newsroom-tiles .panel-grid .panel:first-child h3 { font-size: 1.4rem; line-height: 1.38; } .theme--adtran .newsroom-tiles .panel-grid .panel .text-container .tag-container { font-size: .9rem; line-height: 1; } .theme--adtran .newsroom-tiles .panel-grid .panel:nth-child(10n+2) h3 button, .theme--adtran .newsroom-tiles .panel-grid .panel:nth-child(10n+8) h3 button { font-size: 10px; line-height: 1.75; font-family: 'poppinsmedium'; } } /* * ------------------------------------------- * * Name: Financial calendar upcoming events * * Type: CSS * * ------------------------------------------- * */ .financial-calendar-upcoming-events { padding-top: 60px; } @media screen and (max-width: 760px) { .financial-calendar-upcoming-events { padding-top: 32px; } } /* * ------------------------------------------- * * Name: Financial calendar events listing * * Type: CSS * * ------------------------------------------- * */ .financial-calendar-events-listing { padding-bottom: 120px; } .financial-calendar-events-listing header h2 { margin-bottom: 40px; } .financial-calendar-events-listing .panel, .financial-calendar-events-listing .month .panel { padding: 20px; margin-top: 10px; } .financial-calendar-events-listing .panel:first-child { margin-top: 0; } .financial-calendar-events-listing .panel time { min-width: 65px; width: 7%; padding: 3px 20px 0 0; font-weight: 300; text-align: center; } .financial-calendar-events-listing .panel time > span { display: block; } .financial-calendar-events-listing .panel time .date { font-size: 4.4rem; line-height: 3.8rem; padding-bottom: 5px; } .financial-calendar-events-listing .panel time .month { font-size: 1.4rem; line-height: 1.2rem; text-transform: uppercase; margin-top: 0; } .financial-calendar-events-listing .panel .details { width: 91%; width: calc(100% - 85px); } .financial-calendar-events-listing .panel .details h3 { font-size: 2.6rem; line-height: 3.4rem; font-weight: 500; margin-bottom: 2px; } .financial-calendar-events-listing .panel .details .location { font-size: 1.8rem; line-height: 2.8rem; color: #7e8599; } @media screen and (max-width: 760px) { .financial-calendar-events-listing { padding-bottom: 48px; } .financial-calendar-events-listing header h2 { margin-bottom: 16px; } .financial-calendar-events-listing .panel { padding: 15px; margin-top: 8px; } .financial-calendar-events-listing .panel time { min-width: 50px; padding: 0px 8px 0 0; } .financial-calendar-events-listing .panel time .date { font-size: 4.2rem; padding-bottom: 4px; } .financial-calendar-events-listing .panel time .month { font-size: 1rem; line-height: 1.6rem; } .financial-calendar-events-listing .panel .details { width: 74%; width: calc(100% - 58px); } .financial-calendar-events-listing .panel .details h3 { font-size: 1.2rem; line-height: 1.8rem; margin-bottom: 23px; } .financial-calendar-events-listing .panel .details .location { font-size: 1rem; line-height: 1.6rem; } } /* * ---------------------------------------- * * Name: Press Release Details Styles * * Type: CSS * * ---------------------------------------- * */ .press-release-details { margin: 30px 0 0; } .press-release-details .back { margin-bottom: 12px; } .press-release-details .back a { color: #3450a2; } .press-release-details .back svg { display: inline-block; width: 13px; height: 11px; fill: #3450a2; margin-right: 5px; } .press-release-details header h1 { font-size: 6.2rem; line-height: 6.6rem; margin: 15px 0 30px; } .press-release-details header p { font-size: 2.8rem; line-height: 3.8rem; margin-bottom: 25px; } .press-release-details header time { display: block; font-size: 1.6rem; color: #7e8599; margin-bottom: 25px; } .press-release-details .video-mod .wrapper-1180 { padding: 0 16px; } .theme--adtran .press-release-details header h1 { color: #000; } .theme--adtran .press-release-details .back a { color: #00a0c8; } .theme--adtran .press-release-details .back svg { fill: #00a0c8; } /* responsive ============================ */ @media screen and (max-width: 760px) { .press-release-details { margin: 0 0 0; } .press-release-details .back { display: none; } .press-release-details header h1 { margin: 16px 0; font-size: 2.6rem; line-height: 3.2rem; } .press-release-details header p { font-size: 1.4rem; line-height: 2.2rem; margin-bottom: 16px; } .press-release-details header time { font-size: 1rem; margin-bottom: 16px; } .press-release-details .video-mod .wrapper-1180 { padding: 0 16px; } } /* * ---------------------------------------- * * Name: Trainig Calendar Styles * * Type: CSS * * ---------------------------------------- * */ .training-listing .filters .stylish-select { min-width: 196px; } .training-listing .filters button.clear { display: none; border: 1px solid #222222; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; color: #222222; padding: 1px 16px; font-size: 1.8rem; line-height: 2.8rem; margin: 8px 0; } .training-listing .filters button.clear:hover, .training-listing .filters button.clear:focus { background: #222222; color: #ffffff; } .training-listing .stylish-select > .dropdown-list .dropdown-option { padding: 10px 20px 10px 44px; } .training-listing .month { margin-top: 54px; } .training-listing .month:first-child { margin-top: 16px; } .training-listing .month h2 { font-size: 3.6rem; } .training-listing .month h3 { font-size: 2.6rem; line-height: 3.4rem; font-weight: normal; margin-bottom: 9px; } .training-listing .month h3 a { color: #3d455c; } .training-listing .month h3 a .icon svg { fill: #3d455c; } .training-listing .month .icon { width: 13px; height: 13px; left: 100%; bottom: 7px; margin-left: 5px; } .training-listing .month article { background-color: #f6f9fd; padding: 40px; margin-top: 20px; } .training-listing .month article:last-child { margin-bottom: 20px; } .training-listing .month article .details { display: table; width: 100%; } .training-listing .month article .details .col1, .training-listing .month article .details .col2 { display: table-cell; } .training-listing .month article .details .col1 label, .training-listing .month article .details .col2 label { display: inline-block; color: #7e8599; cursor: default; min-width: 110px; } .training-listing .month article .details .col2 label { min-width: 150px; } .training-listing .show { display: block; } .theme--adtran .listing.training-listing { background: none; } .theme--adtran .listing.training-listing .panel { background: #ecf1f2; } .theme--adtran .training-listing .month h2 { color: #000; font-size: 3.2rem; line-height: 1.38; } .theme--adtran .training-listing .month h3 a { font-size: 2.6rem; line-height: 1.38; color: #000; font-family: 'poppinsmedium'; } .theme--adtran .training-listing .month article .details .col1 label, .theme--adtran .training-listing .month article .details .col2 label, .theme--adtran .training-listing .month { color: #404040; } .theme--adtran .training-listing .month article .details .col1 span { font-family: 'poppinsmedium'; } .theme--adtran .training-listing .month article .details .col1 p { font-family: 'poppinsmedium'; } .theme--adtran .training-listing .month article .details .col1 p label { font-family: 'poppinsregular'; } .theme--adtran .training-listing .month article .details .col2 span { font-family: 'poppinsmedium'; } .theme--adtran .training-listing .month article .details .col2 p { font-family: 'poppinsmedium'; } .theme--adtran .training-listing .month article .details .col2 p label { font-family: 'poppinsregular'; } /* responsive ============================ */ @media screen and (max-width: 1000px) { .training-listing .filters .stylish-select > span.selected { padding: 8px 0px; } .training-listing .filters button.clear { font-size: 1.2rem; line-height: 1.8rem; width: 50%; } .training-listing .results { margin-top: 20px; } .training-listing .month article { padding: 16px; } .training-listing .month h3 { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 8px; } .training-listing .month article .details .col1, .training-listing .month article .details .col2 { display: unset; font-size: 1rem; } .training-listing .month article .details .col2 label { min-width: 110px; } .theme--adtran .training-listing .month h2 { font-size: 2.6rem; } .theme--adtran .training-listing .month h3 a { font-size: 1.6rem; } } /* *-------------------------------------------- * * Name: Training Calendar Details Styles * * Type: CSS * *-------------------------------------------- * */ .training-details { margin: 50px auto 0; } .training-details .details { margin-bottom: 120px; } .training-details header { margin: 17px 0 65px; } .training-details .back svg { display: inline-block; width: 13px; height: 11px; fill: #3450a2; margin-right: 5px; } .training-details h1 { font-size: 6.2rem; } .training-details ul { width: 40%; margin-bottom: 60px; } .training-details ul .label { color: #7E8599; } .training-details ul:first-child .label { width: 25%; } .training-details ul span { display: inline-block; width: 49%; vertical-align: top; } .training-details p { margin-bottom: 30px; } .training-details p.bold { font-weight: 700; } .training-details .related-results { padding-top: 100px; background: #eaedf4; } .training-details .related-results h2 { text-align: center; } .training-details .related-results .panel-grid { padding-top: 0; } .training-details .related-results .panel-grid .panel { margin: 20px auto; } .training-details .related-results .panel-grid .panel:nth-child(4n+5) { margin-left: 8px; } @media screen and (max-width: 970px) { .training-details h1 { font-size: 4.7rem; } .training-details header { margin-bottom: 25px; } .training-details ul { width: 50%; margin-bottom: 30px; } .training-details .details { margin-bottom: 60px; } .training-details .related-results { padding-top: 50px; } } @media screen and (max-width: 760px) { .training-details { margin-top: 0; } .training-details header { margin: 0 0 16px; } .training-details h1 { font-size: 2.6rem; } .training-details p { margin-bottom: 15px; } .training-details .details { margin-bottom: 30px; } .training-details .related-results { padding-top: 25px; } .training-details ul { width: 100%; margin-bottom: 0; } .training-details ul:last-of-type { margin-bottom: 30px; } .training-details ul span, .training-details ul span.label { width: 25%; min-width: 120px; } .training-details a.back { display: none; } } .u-gradient-layout { color: white; overflow: hidden; height: 100%; width: calc(100% - 40px); background: #22283c; position: relative; z-index: 0; margin: 20px; } .u-gradient-layout--padding-bottom { padding-bottom: 80px; } .u-gradient-layout__image { height: 100%; position: absolute; left: 0; top: 0; max-height: 1200px; width: 100%; background-size: cover; background-repeat: no-repeat; z-index: -1; } .u-gradient-layout:after { height: 100%; content: ''; background: linear-gradient(rgba(34, 40, 60, 0), #22283c); position: absolute; top: 300px; width: 100%; max-height: 900px; z-index: -1; user-select: none; } .u-gradient-layout .panel-grid { background: none; } .u-gradient-layout.u-gradient-layout--light { background: #eaecf3; } .u-gradient-layout.u-gradient-layout--light:after { z-index: -1; background: linear-gradient(rgba(234, 236, 243, 0), #eaecf3); } .u-gradient-layout--text-black{ color: #3D455C; } .wrapper-1180 { max-width: 1180px; margin: auto; } .wrapper-904 { max-width: 904px; margin: auto; } .wrapper-908 { max-width: 908px; margin: auto; } .wrapper-1372 { max-width: 1372px; margin: auto; } .m-content-sideimage { position: relative; margin: 150px 0 210px 0; } .m-content-sideimage__content { width: 50%; } .m-content-sideimage h3 { font-family: "Source Sans Pro", sans-serif; font-size: 3.6rem; line-height: 4.2rem; margin-bottom: 18px; } .m-content-sideimage ul { margin-top: 8px; padding-left: 16px; list-style-type: disc; } .m-content-sideimage p { font-family: "Source Sans Pro", sans-serif; font-size: 1.8rem; line-height: 2.8rem; box-sizing: border-box; } .m-content-sideimage__image { height: 600px; width: 100%; position: absolute; top: 50%; left: 53%; transform: translateY(-50%); display: flex; } .m-content-sideimage__image img { height: auto; margin: auto 0; width: auto; display: block; max-height: 100%; } @media screen and (max-width: 880px) { .m-content-sideimage { position: relative; margin: 70px auto; display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .m-content-sideimage__image { position: static; max-width: 600px; margin: auto; width: 100%; height: auto; margin-bottom: 50px; transform: none; } .m-content-sideimage__image img { height: auto; width: auto; margin: auto; max-width: 100%; max-height: 400px; } .m-content-sideimage__content { width: 100%; margin-left: 0; } } @media screen and (max-width: 1025px) { .m-content-sideimage__image { margin: auto; display: flex; margin-bottom: 40px; } } @media screen and (max-width: 760px) { .m-content-sideimage p { font-size: 1.2rem; line-height: 2rem; margin-bottom: 20px; } .m-content-sideimage p { margin-left: 10px; } } .m-content-sideimage.m-content-sideimage--reversed .m-content-sideimage__image { left: -53%; } .m-content-sideimage.m-content-sideimage--reversed .m-content-sideimage__image img { margin-left: auto; display: block; } .m-content-sideimage.m-content-sideimage--reversed .m-content-sideimage__content { margin-left: auto; } /*# sourceMappingURL=index.css.map */ /* * ---------------------------------------- * * Name: Partners Grid Overview * * Type: CSS * * ---------------------------------------- * */ .partners-grid { margin-top: 50px; } .partners-grid .intro p { margin: 30px 0; } .partners-grid .results { padding-bottom: 50px; } .partners-grid .filters { margin: 80px 0 40px; } .partners-grid .filters .inner { padding: 30px; background-color: #ebf1f9; } .partners-grid .filters .inner .stylish-select { width: 100%; } .partners-grid .filters .inner .steps { display: inline-block; width: 70%; vertical-align: top; } .partners-grid .filters .inner .steps .form-field { display: inline-block; width: calc(49% - 13px); padding-left: 30px; box-sizing: content-box; vertical-align: top; } .partners-grid .filters .inner .steps .form-field:first-child { padding-left: 0; } .partners-grid .filters .inner .submit { display: inline-block; width: 29%; padding-left: 30px; } .partners-grid .filters .inner .submit .form-field { margin-top: 35px; } .partners-grid .filters .inner .submit .btn { width: 100%; } .partners-grid .filters .inner .submit .btn .icon svg { fill: #ffffff; } .partners-grid .filters .inner .submit .btn:hover .icon svg { fill: #468cff; } .partners-grid .filters .inner .submit .btn.disabled { background: #c1c6d4; border: 1px solid #c1c6d4; } .partners-grid .filters .inner .submit .btn.disabled:hover { color: #ffffff; } .partners-grid .filters .inner .submit .btn.disabled:hover .icon svg { fill: #ffffff; } .partners-grid .filters .inner .inactive .stylish-select { color: #7e8599; } .partners-grid .filters .inner .stylish-select.disabled { background: #ffffff; color: #7e8599; cursor: default; } .partners-grid .filters .inner .hint .stylish-select{ border-color: #dc2a39; } .partners-grid .filters .inner span.hint { display: none; color: #dc2a39; } .partners-grid .filters .inner .submit .btn.secondary:focus .icon svg, .partners-grid .filters .inner .submit .btn.secondary:hover .icon svg { fill: #468cff; } .theme--adtran .partners-grid .filters .inner .submit .btn.secondary.disabled { background: #bfc9cc; border: 1px solid #bfc9cc; color: #fff; } .theme--adtran .partners-grid .filters .inner .submit .btn.secondary .icon svg { fill: #00a0c8; } .theme--adtran .partners-grid .filters .inner .submit .btn.primary:hover .icon svg { fill: #fff; } .theme--adtran .partners-grid .filters .inner .submit .btn.secondary:hover .icon svg { fill: #fff; } .theme--adtran .partners-grid .filters .inner .submit .btn.secondary.disabled .icon svg { fill: #fff; } .theme--adtran .partners-grid .filters .inner { background: #ecf1f2; } .partners-grid.partners-grid--adtran .filters .inner { background-color: #ecf1f2; } .partners-grid.partners-grid--adtran .partners-grid .filters h3 { color: #000; } .partners-grid.partners-grid--adtran .partners-grid .icon-grid h3 { color: #000; } .partners-grid.partners-grid--adtran .filters .inner .submit .btn.disabled { background: #bfc9cc; } /* responsive ============================ */ @media screen and (max-width: 880px) { .partners-grid .filters .inner .steps .form-field { padding-left: 25px; } .partners-grid .filters .inner .submit {padding-left: 20px; } } @media screen and (max-width: 760px) { .partners-grid .filters .inner .steps { width: 100%; } .partners-grid .filters .inner .submit { display: block; width: 100%; max-width: 190px; padding: 0; margin: 0 auto; } .partners-grid .filters .inner .steps .form-field { width: 100%; padding: 0; } .partners-grid .filters .inner .submit .form-field { margin-top: 0; } } /* * ---------------------------------------- * * Name: Product Family Listing Styles * * Type: CSS * * ---------------------------------------- * */ .prod-family-listing h2 { margin: 40px 0; } .prod-family-listing .text-over-image { position: static; display: inline-block; width: 43%; vertical-align: middle; } .prod-family-listing .text-container { display: inline-block; width: 50%; margin-right: 6%; vertical-align: middle; } .prod-family-listing article { padding: 40px 0; position: relative; } .prod-family-listing article .wrapper-1180 { position: relative; } .prod-family-listing article .btn { margin-top: 29px; } .prod-family-listing .products-list { margin-top: 39px; } .prod-family-listing .products-list.mobile { display: none; } .prod-family-listing .products-list li { width: 50%; float: left; margin-top: 8px; } .prod-family-listing .vertical-align .img-container img { height: auto; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .theme--adtran .prod-family-listing article { margin: 20px; } .theme--adtran .prod-family-listing .black-text h3 { color: #000; } /* responsive ============================ */ @media screen and (max-width: 760px) { .prod-family-listing h2 { margin: 33px 0 17px; } .prod-family-listing article { padding: 50px 0 48px; } .prod-family-listing article h3 { font-size: 2rem; } .prod-family-listing article .btn { margin-top: 16px; } .prod-family-listing .text-container { width: 100%; margin-right: 0; } .prod-family-listing .text-container .products-list { display: none; } .prod-family-listing .text-over-image { float: none; width: 100%; position: static; margin-top: 33px; padding: 0 16px; } .prod-family-listing .vertical-align .img-container { min-height: 0; } .prod-family-listing .vertical-align .img-container img { position: static; min-width: 100%; max-width: 100%; } .prod-family-listing .products-list { width: 100%; } .prod-family-listing .products-list li { width: calc(50% - 18px); float: none; display: inline-block; vertical-align: top; } .prod-family-listing .products-list li:nth-child(2n) { margin-left: 32px; } .prod-family-listing .products-list.mobile { display: block; } .theme--adtran .prod-family-listing .products-list li { width: 100%; } .theme--adtran .prod-family-listing .products-list li:nth-child(2n) { margin-left: 0; } } /* * ---------------------------------------- * * Name: Product Details Styles * * Type: CSS * * ---------------------------------------- * */ .product-details .key-features { padding: 126px 0 137px; } .theme--adtran .product-details .key-features { margin-left: 20px; margin-right: 20px; } .product-details .key-features .wrapper { max-width: 476px; margin: 0 auto; padding: 0 16px; } .product-details .key-features img { margin-top: 71px; max-width: 100%; height: auto; } .product-details .rich-text-module { padding: 121px 0; } .product-details .rich-text-module.no-padding {padding: 0;} .image-banner + .product-details .rich-text-module:first-child, .video-mod + .product-details .rich-text-module:first-child { margin: 0; } .image-banner + .product-details section:first-child, .video-mod + .product-details section:first-child { padding-top: 0; } .image-banner + .product-details .key-features:first-child, .video-mod + .product-details .key-features:first-child { padding-top: 121px; } .page-editor .product-details { min-height: 100px; } .theme--adtran .product-details .rich-text-module h2, .theme--adtran .product-details .rich-text-module h3 { color: #000; } .theme--adtran .product-details .rich-text-module.white-text h2, .theme--adtran .product-details .rich-text-module.white-text h3 { color: #fff; } .theme--adtran .product-details .rich-text-module { margin: 20px; } .theme--adtran .image-banner + .product-details .rich-text-module:first-child .theme--adtran .video-mod + .product-details .rich-text-module:first-child { margin: 0 20px 20px 20px; } /* responsive ============================ */ @media screen and (max-width: 760px) { .product-details .key-features { padding: 50px 0 45px; } .product-details .key-features img { margin-top: 30px; } .product-details .rich-text-module { padding: 50px 0 29px; } } /* * ---------------------------------------- * * Name: Product Grid Styles * * Type: CSS * * ---------------------------------------- * */ .product-grid { padding: 40px 0 80px; } .product-grid h2 { margin-bottom: 40px; } .product-grid li { padding: 66px 50px 131px; width: calc(50% - 20px); margin-left: 20px; float: left; position: relative; margin-top: 20px; } .product-grid li:first-child, .product-grid li:nth-child(2) { margin-top: 0; } .product-grid li:nth-child(2n + 1) { margin-left: 0; } .product-grid li img { height: auto; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .product-grid li .img-container { margin: 0 auto; max-width: 350px; min-height: 205px; } .product-grid h3 { font-size: 30px; line-height: 38px; margin: 10px 0; } .product-grid .btn { position: absolute; left: 50%; bottom: 60px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .product-grid .vertical-align { min-height: 200px; } .ie .product-grid .img-container img { width: 100%; min-height: 0; } .theme--adtran .product-grid h2 { color: #000; } .theme--adtran .product-grid h3 { font-size: 2.6rem; color: #000; font-family: 'poppinsmedium'; } /* responsive ============================ */ @media screen and (max-width: 970px) { .product-grid li { width: 100%; margin-left: 0; margin-top: 16px; } .product-grid li:nth-child(2) { margin-top: 20px; } } @media screen and (max-width: 760px) { .product-grid li .img-container { min-height: 125px; } .product-grid li { padding: 30px 16px 82px; } .product-grid h3 { font-size: 2rem; line-height: 2.8rem; } .product-grid .btn { bottom: 32px; } } /* * ---------------------------------------- * * Name: Accordion Styles * * Type: CSS * * ---------------------------------------- * */ .accordion-mod { padding: 121px 0; } .accordion-mod .accordion { margin-top: 33px; } .accordion-mod .accordion header:focus { outline: none; } .accordion-mod .accordion header:focus h3 { text-decoration: underline; } .accordion-mod .accordion header { padding: 18px 20px; cursor: pointer; } .accordion-mod .accordion header h3 { font-size: 26px; line-height: 36px; font-weight: 400; margin-bottom: 0; } .accordion-mod .accordion-section { border-bottom: 1px solid #d6d9e3; } .accordion-mod .accordion-section:first-child { border-top: 1px solid #d6d9e3; } .accordion-mod .accordion-content { padding: 1px 20px 30px; } .accordion-mod .plus-minus { float: right; height: 19px; position: relative; width: 19px; top: 17px; } .accordion-mod .plus-minus:before, .accordion-mod .plus-minus:after { background: #7e8599; content: ''; height: 1px; left: 0; position: absolute; top: 0; width: 100%; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: transform 500ms ease; -moz-transition: transform 500ms ease; -ms-transition: transform 500ms ease; -o-transition: transform 500ms ease; transition: transform 500ms ease; } .accordion-mod .plus-minus:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .accordion-mod .active .plus-minus:after { -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .mobile .accordion-mod .accordion header:focus h3 { text-decoration: none; } .page-editor .accordion-mod .accordion-content { display: block; } .theme--adtran .accordion-mod { margin-left: 20px; margin-right: 20px; margin-bottom: 20px; } .theme--adtran .accordion-mod { margin: 20px; } .theme--adtran .accordion-mod h2 { color: #000; } .theme--adtran .accordion-mod .accordion header h3 { font-size: 2.2rem; line-height: 1.55; color: #404040; } .theme--adtran .accordion-mod .accordion-section { border-bottom: 1px solid #bfc9cc; } /* responsive ============================ */ @media screen and (max-width: 760px) { .accordion-mod { padding: 33px 0 48px; } .accordion-mod .accordion { margin-top: 17px; } .accordion-mod .accordion header h3 { font-size: 1.8rem; margin-bottom: 0; } .accordion-mod .accordion header { padding: 7px 0; } .accordion-mod .plus-minus { width: 13px; height: 13px; } .accordion-mod .accordion-content { padding: 0 0 24px; } .theme--adtran .accordion-mod h2 { font-size: 2.4rem; } .theme--adtran .accordion-mod .accordion header h3 { font-size: 1.4rem; } .theme--adtran .accordion-mod .accordion-content { font-size: 1.4rem } } /* * ---------------------------------------- * * Name: All Products Styles * * Type: CSS * * ---------------------------------------- * */ .all-products { margin-bottom: 30px; } .all-products { margin-top: 40px; } .all-products .header { background: #3450a2; padding: 40px; margin-bottom: 30px; } .all-products .header h1 { color: #ffffff; } .all-products .panel { margin-top: 20px; padding: 27px 40px 32px; } .all-products .panel:first-child { margin-top: 0; } .all-products .panel h3 { margin-bottom: 0; } .theme--adtran .all-products .panel h4 { font-family: 'poppinsregular';} .all-products .panel h4 { margin-top: 36px; } .all-products .panel h3 > a { font-size: 3.2rem; line-height: 4rem; font-weight: normal; letter-spacing: -0.3px; color: #3d455c; } .theme--adtran .all-products .panel h3 > a { color: #000; } .all-products .panel h4 > a { font-size: 2.6rem; line-height: 3.4rem; font-weight: normal; color: #3d455c; } .theme--adtran .all-products .panel h4 > a { color: #000; } .all-products .panel h3 > a .icon { height: 18px; width: 16px; } .all-products .panel h4 > a .icon { height: 12px; width: 12px; } .all-products .panel a .icon svg { fill: #3d455c; } .all-products .panel ul.sub-links { margin-top: 16px; } .all-products .panel ul.sub-links li { width: 29%; float: left; margin-left: 4%; } .theme--adtran .panel ul.sub-links li { margin-left: 0; } /* Sitemap */ .all-products .panel ul.sub-links li:nth-child(3n+1) { margin-left: 0; } .all-products .panel ul.sub-links li:nth-child(n+4) { margin-top: 14px; } /* responsive ============================ */ @media screen and (max-width: 760px) { .all-products { margin-bottom: 16px; } .all-products .header { padding: 16px 0; margin-bottom: 16px; } .all-products .header h1 { font-size: 3rem; line-height: 3.4rem; } .all-products .panel { margin-top: 10px; padding: 16px 14px; } .all-products .panel h4 { margin-top: 15px; } .all-products .panel h3 > a { font-size: 1.6rem; line-height: 2.8rem; } .all-products .panel h4 > a { font-size: 1.4rem; line-height: 2.4rem; } .all-products .panel h3 a .icon { height: 10px; } .all-products .panel h4 a .icon { height: 8px; width: 8px; } .all-products .panel ul.sub-links li { width: 100%; margin-left: 0; margin-top: 15px; } .all-products .panel ul.sub-links li:first-child { margin-top: 0; } } .m-card { display: flex; flex-direction: column; width: 100%; height: 100%; text-align: left; background: #fff; } .m-card__data { padding: 11px 20px 0 20px; } .m-card__title { font-size: 20px; line-height: 1.4; font-weight: 400; } .m-card__tag { font-size: 16px; line-height: 1.5; margin-top: 4px; color: #7e8599; } .m-card__desc { font-size: 18px; line-height: 1.56; font-weight: 400; margin-bottom: 8px; } .m-card__bottom { padding: 11px 20px; margin-top: auto; } .m-card__author { font-size: 12px; line-height: 1.5; } .m-card__date { font-size: 12px; line-height: 1.5; color: #7e8599; } .u-publications--with-filter .m-card { min-height: 474px; } .theme--adtran .m-card .m-card__img-container { padding: 10px 10px 0 10px; } .theme--adtran .m-card h2.m-card__title { font-size: 1.6rem; line-height: 1.75; font-family: 'poppinsregular'; } .theme--adtran .m-card .m-card__tag { font-size: 1.4rem; color: #8c8c8c; } .theme--adtran .m-card .m-card__author, .theme--adtran .m-card .m-card__date { font-size: 1.1rem; line-height: 1.64; } .theme--adtran .m-card .m-card__date { color: #8c8c8c; } .a-download-links { display: flex; flex-wrap: wrap; margin-top: 7px; padding-top: 17px; border-top: 1px solid rgba(61, 69, 92, 0.2); } .a-download-links__item { width: 100%; margin-top: auto; margin-bottom: 8px; } .a-download-links__item .a-download-links__link { color: #468cff; font-size: 16px; line-height: 1.5; padding-left: 30px; } .a-download-links__item--download .a-download-links__link { background: url("../svg/download-icon-download.svg") no-repeat center left; } .a-download-links__item--external .a-download-links__link { background: url("../svg/download-icon-external-link.svg") no-repeat center left; } .m-card__date + .a-download-links { margin-top: 17px; } .u-publications--with-filter .a-download-links__item { margin-top: 0; } .theme--adtran .a-download-links .a-download-links__link { color: #00a0c8; font-size: 1.4rem; } .theme--adtran .a-download-links .a-download-links__item--download .a-download-links__link { background: url("../svg/download-icon-download-adtran.svg") no-repeat center left; } .theme--adtran .a-download-links .a-download-links__item--external .a-download-links__link { background: url("../svg/download-icon-external-link-adtran.svg") no-repeat center left; } /*# sourceMappingURL=cards.css.map */ .m-icon-card { position: relative; box-sizing: border-box; width: 100%; height: 100%; padding: 20px; text-align: center; background: #f6f9fd; display: flex; flex-direction: column; } @media (min-width: 48.01em) { .m-icon-card { padding: 40px; } } .m-icon-card__bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 16px; } .m-icon-card__img-container { width: 160px; height: 160px; margin: 0 auto 20px auto; } @media (min-width: 48.01em) { .m-icon-card__img-container { margin-bottom: 24px; } } .m-icon-card__img-container img[src*=".svg"] { width: auto; } .m-icon-card__image { position: relative; top: 50%; transform: translateY(-50%); width: auto; max-width: 100%; max-height: 160px; } .m-icon-card__title { color: #4e566e; font-size: 2rem; line-height: 1.33; font-weight: 700; } @media (min-width: 48.01em) { .m-icon-card__title { font-size: 2.4rem; } } .m-icon-card__button { margin-top: auto; padding-top: 23px; } .m-icon-card--no-link { border-radius: 16px; margin-bottom: 20px; } @media (min-width: 48.01em) { .m-icon-card--no-link { margin-bottom: 0; padding: 20px; } } @media (min-width: 64.01em) { .m-icon-card--no-link { padding: 40px; } } .m-icon-card--no-link .m-icon-card__img-container { width: auto; height: auto; max-height: 104px; } .m-icon-card--no-link .m-icon-card__image { position: relative; top: auto; transform: none; width: auto; max-width: auto; max-height: 60px; } @media (min-width: 64.01em) { .m-icon-card--no-link .m-icon-card__image { max-height: 104px; } } .m-icon-card--no-link .m-icon-card__title { position: relative; margin-bottom: 10px; z-index: 1; } .m-icon-card--no-link .m-icon-card__desc { position: relative; font-size: 1.4rem; z-index: 1; } @media (min-width: 64.01em) { .m-icon-card--no-link .m-icon-card__desc { font-size: 1.6rem; } } .theme--adtran .m-icon-card { background: #ecf1f2; } .theme--adtran .m-icon-card.m-icon-card--no-link { background: #fff; } .theme--adtran .m-icon-card__title { color: #000; font-size: 2rem; } .m-icon-card.u-text-white, .m-icon-card.u-text-white .m-icon-card__title { color: #fff; } /*# sourceMappingURL=icon-card.css.map */ .m-card-grid { position: relative; } .m-card-grid[style], .m-card-grid--with-image { padding: 56px 0; } @media screen and (min-width: 760px) { .m-card-grid[style], .m-card-grid--with-image { padding: 96px 0; } } .m-card-grid__bg-image { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; } .m-card-grid__title { position: relative; z-index: 1; max-width: 676px; font-size: 2.8rem; line-height: 120%; font-weight: 700; margin: 0 auto 11px auto; text-align: center; text-wrap: balance; } @media screen and (min-width: 760px) { .m-card-grid__title { font-size: 4rem; line-height: 150%; margin: 0 auto 20px auto; } } .m-card-grid__text { position: relative; z-index: 1; max-width: 676px; font-size: 1.4rem; line-height: 150%; margin: 0 auto 28px auto; text-wrap: balance; text-align: center; } @media screen and (min-width: 760px) { .m-card-grid__text { font-size: 2rem; margin: 0 auto 50px auto; } } .m-card-grid__card-wrap { position: relative; max-width: 1140px; margin: 0 auto; } @media (min-width: 48.01em) { .m-card-grid__card-wrap { display: flex; gap: 20px; } } @media (min-width: 64.01em) { .m-card-grid__card-wrap { gap: 40px; } } .u-text-black .m-card-grid__title { color: #000; } .u-text-white .m-card-grid__title, .u-text-white .m-card-grid__text { color: #fff; } /*# sourceMappingURL=card-grid.css.map */ /* * ---------------------------------------- * * Name: Resources Listing Styles * * Type: CSS * * ---------------------------------------- * */ .resources-listing .results button { color: #4f89f1; } .resources-listing .results button:focus { text-decoration: underline; } main { flex: 1 0 auto; } .wrapper { width: 100%; max-width: 1344px; margin: 0 auto; } img[src*='.svg'] { width: 100%; } .responsive-img { width: 100%; max-width: 100%; height: auto; color: #000; } #js-blog-list, #js-recent-list { width: 100%; } #disqus-thread { margin: 37px 0 40px 0; } @media (min-width: 48.01em) { #disqus-thread { margin: 50px 0 68px 0; } } .docs-test-box { display: flex; height: 60px; background-color: #e43534; flex-direction: column; justify-content: center; text-align: center; } .row { box-sizing: border-box; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; } .row.reverse { flex-direction: row-reverse; } .col.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media (max-width: 47.99em) { .row.row--reverse-small { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; flex-wrap: unset; } } @media (max-width: 63.99em) { .row.row--reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .row > div { margin-bottom: 16px; } @media (min-width: 37.01em) { .row > div { margin-bottom: 40px; } } /* Row variations */ .row.row--top-gutter > div { margin-top: 32px; } .row.row--bottom-gutter > div { margin-bottom: 32px; } .row.row--remove-bottom-gutter > div { margin-bottom: 0; } .row.row--edge-to-edge > div { padding: 0; } .row.row--right-align > div { padding-right: 0; } @media (min-width: 48.01em) { .row.row--border-right > div { border-right: 1px solid hk-color("white"); } } .row.row--border-right > div:last-child { border-right: none; } .breakout-right { position: relative; right: -150%; width: 300%; margin-left: -150%; padding-right: 200%; } /*.breakout-left { position: relative; width: 50%; left: calc(-50vw + 50%); background: #f00; }*/ .breakout-left { position: relative; width: 300%; left: -200%; padding-left: 200%; } .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, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 16px; padding-left: 16px; } .col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-xs-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-xs-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-xs-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-xs-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-xs-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-xs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; justify-content: space-around; } .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media only screen and (min-width: 37em) { .container { width: 49rem; } .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, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 16px; padding-left: 16px; } .col-sm { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-sm-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-sm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-sm { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 64em) { .container { width: 65rem; } .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, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 16px; padding-left: 16px; } .col-md { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-md-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-md-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-md-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-md-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-md-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-11 { margin-left: 91.66666667%; } .start-md { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-md { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-md { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; justify-content: space-around; } .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 75em) { .container { width: 76rem; } .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, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 16px; padding-left: 16px; } .col-lg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-lg-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-lg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 100em) { .container { width: 101rem; } .col-hg, .col-hg-1, .col-hg-2, .col-hg-3, .col-hg-4, .col-hg-5, .col-hg-6, .col-hg-7, .col-hg-8, .col-hg-9, .col-hg-10, .col-hg-11, .col-hg-12, .col-hg-offset-0, .col-hg-offset-1, .col-hg-offset-2, .col-hg-offset-3, .col-hg-offset-4, .col-hg-offset-5, .col-hg-offset-6, .col-hg-offset-7, .col-hg-offset-8, .col-hg-offset-9, .col-hg-offset-10, .col-hg-offset-11, .col-hg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 16px; padding-left: 16px; } .col-hg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-hg-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-hg-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-hg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-hg-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-hg-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-hg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-hg-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-hg-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-hg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-hg-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-hg-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-hg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-hg-offset-0 { margin-left: 0; } .col-hg-offset-1 { margin-left: 8.33333333%; } .col-hg-offset-2 { margin-left: 16.66666667%; } .col-hg-offset-3 { margin-left: 25%; } .col-hg-offset-4 { margin-left: 33.33333333%; } .col-hg-offset-5 { margin-left: 41.66666667%; } .col-hg-offset-6 { margin-left: 50%; } .col-hg-offset-7 { margin-left: 58.33333333%; } .col-hg-offset-8 { margin-left: 66.66666667%; } .col-hg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-hg-offset-11 { margin-left: 91.66666667%; } .start-hg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-hg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-hg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-hg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-hg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-hg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-hg { -ms-flex-pack: distribute; justify-content: space-around; } .between-hg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-hg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-hg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .m-custom-player { margin: 32px 0; padding: 16px 16px 31px 16px; position: relative; background-color: #f6f9fd; user-select: none; max-width: 1148px; margin-left: auto; margin-right: auto;} @media (min-width: 37.01em) { .m-custom-player { margin: 40px auto; padding: 20px 40px 20px 20px; } } @media screen and (max-width: 760px) { .wrapper-908 .m-custom-player { margin-left: 16px; margin-right: 16px; } } .m-custom-player__tag { font-family: 'poppinsregular'; font-size: 14px; line-height: 20px; color: #7e8599; font-weight: 300; margin-top: 0; margin-left: 48px; height: 36px; display: flex; align-items: center; margin-bottom: 13px; } @media (min-width: 37.01em) { .m-custom-player__tag { margin-left: 0; margin-top: 8px; margin-bottom: 4px; font-size: 18px; line-height: 1.56; display: block; height: auto; } } .m-custom-player__title { font-family: 'poppinsregular'; font-size: 18px; line-height: 1.33; color: #3d455c; font-weight: 300; margin: 0 0 32px; } @media (min-width: 37.01em) { .m-custom-player__title { font-size: 26px; line-height: 1.31; } } .m-custom-player__img { position: absolute; left: 16px; top: 16px; display: block; } .m-custom-player__img img { height: 40px; width: 40px; margin-right: 40px; display: block; } @media (min-width: 37.01em) { .m-custom-player__img img { height: 172px; width: 172px; margin-right: 40px; } } @media (min-width: 37.01em) { .m-custom-player__img { position: relative; left: 0; top: 0; } } .m-custom-player ul { list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; padding: 0; margin: 0; } @media (min-width: 37.01em) { .m-custom-player ul { flex-direction: row; } } @media (min-width: 37.01em) { .m-custom-player { position: relative; left: 0; top: 0; } } .m-custom-player__info { display: flex; justify-content: flex-start; flex-direction: column; width: 100%; } .m-custom-player__info h1 { margin-top: 20px; line-height: 0; } .m-custom-player__button-items { display: flex; justify-content: flex-start; flex-direction: row; position: relative; } @media (min-width: 37.01em) { .m-custom-player__button-items { padding-right: 24px; } } .m-custom-player__controls { position: relative; width: 24px; height: 28px; margin-top: -12px; } .m-custom-player__play { position: absolute; top: 0; width: 24px; height: 28px; margin-right: 0; cursor: pointer; margin-right: 24px; fill: #3d455c; } @media (min-width: 37.01em) { .m-custom-player__play { margin-right: 0; } } .m-custom-player__play:hover path { fill: #468cff; } .m-custom-player__play:hover rect { fill: #468cff; } .m-custom-player__pause { position: absolute; top: 0; height: 26px; width: 26px; cursor: pointer; fill: #3d455c; margin-right: 24px; display: none; z-index: 2; } .m-custom-player__pause:hover path { fill: #468cff; } .m-custom-player__pause:hover rect { fill: #468cff; } @media (min-width: 37.01em) { .m-custom-player__pause { margin-right: 0; } } .m-custom-player__controls.is-playing .m-custom-player__play { display: none; visibility: hidden; } .m-custom-player__controls.is-playing .m-custom-player__pause { display: block; visibility: visible; } .m-custom-player__timer { color: #3d455c; line-height: 14px; letter-spacing: 0; font-size: 12px; float: right; margin: -5px 12px 0 44px; font-family: 'poppinsregular'; position: absolute; bottom: -10px; } @media (min-width: 37.01em) { .m-custom-player__timer { position: relative; left: 0; bottom: 0; font-size: 14px; margin-left: 24px; } } .m-custom-player__timer-length { position: absolute; bottom: -10px; right: -16px; color: #3d455c; line-height: 14px; letter-spacing: 0; font-size: 12px; float: right; margin: -5px 16px 0 8px; font-family: 'poppinsregular'; } @media (min-width: 37.01em) { .m-custom-player__timer-length { position: relative; left: 0; bottom: 0; font-size: 14px; } } .m-custom-player__progress { width: 100%; height: 4px; background: #d5d9e2; border-radius: 2px; margin-left: 24px; cursor: pointer; } @media (min-width: 37.01em) { .m-custom-player__progress { margin-left: 0; } } .m-custom-player__progress div { width: 0px; height: 4px; margin-top: 1px; background: #468cff; border-radius: 2px; } .m-custom-player__progress.is-playing .m-custom-player__elapsed::after { background-color: #468cff; } .m-custom-player__elapsed { position: relative; } .m-custom-player__elapsed:after { cursor: pointer; content: ''; display: block; border-radius: 50%; width: 14px; height: 14px; background-color: #7e8599; position: absolute; top: -6px; right: -10px; } .m-custom-player__volume-controls { position: absolute; bottom: 6px; right: 0; width: 24px; height: 18px; } .m-custom-player__volume-controls:hover { height: 125px; } .m-custom-player__volume-controls:hover .m-custom-player__volume { display: block; } .m-custom-player__volume { position: absolute; right: 12px; bottom: 0; width: 4px; height: 100px; margin-bottom: 25px; background: #d5d9e2; border-radius: 2px; cursor: pointer; display: none; visibility: hidden; } @media (min-width: 37.01em) { .m-custom-player__volume { display: none; visibility: visible; } } .m-custom-player__mute { position: absolute; right: 0; bottom: 0; width: 24px; height: 18px; padding: 0; border: 0; font-size: 0; cursor: pointer; display: none; visibility: hidden; } @media (min-width: 37.01em) { .m-custom-player__mute { display: block; visibility: visible; } } .m-custom-player__mute:hover path { fill: #468cff; } .m-custom-player__mute:hover rect { fill: #468cff; } .m-custom-player__mute:hover .m-custom-player__mute-icon path { stroke: #468cff; } .m-custom-player__mute .m-custom-player__mute-icon { display: none; } .m-custom-player__mute.is-mute { background-size: 24px 18px; } .m-custom-player__mute.is-mute .m-custom-player__sound-icon { display: none; } .m-custom-player__mute.is-mute .m-custom-player__mute-icon { display: block; } .m-custom-player__bar { position: absolute; bottom: 0; left: 0; width: 4px; height: 50%; display: block; background-color: #468cff; } .m-custom-player__node { position: absolute; bottom: 50%; left: -5px; width: 14px; height: 14px; border-radius: 50%; background: #468cff; z-index: 2; } .mod-lightbox-content-inner .m-custom-player { margin: 0; } .theme--adtran .m-custom-player { background-color: #ecf1f2; } @media (min-width: 37.01em) { .theme--adtran .m-custom-player__info { margin-top: 30px; } } .theme--adtran .m-custom-player__tag { color: #848686; font-size: 1.5rem; line-height: 1.38; font-family: 'poppinsregular'; } @media only screen and (min-width: 769px) { .theme--adtran .m-custom-player__tag { font-size: 1.6rem; line-height: 1.38; } } .theme--adtran .m-custom-player__title { color: #404040; font-size: 1.8rem; font-family: 'poppinsregular'; } @media only screen and (min-width: 769px) { .theme--adtran .m-custom-player__title { font-size: 2.2rem; } } .theme--adtran .m-custom-player__play path { fill: #404040; } .theme--adtran .m-custom-player__play:hover path { fill: #00a0c8; } .theme--adtran .m-custom-player__elapsed { background: #00A0C8; } .theme--adtran .m-custom-player__timer-length { color: #404040; } .theme--adtran .m-custom-player__sound-icon g { fill: #404040; } .theme--adtran .m-custom-player__progress { background: #bfc9cc; } .theme--adtran .m-custom-player__progress .m-custom-player__elapsed::after { background-color: #bfc9cc; } .theme--adtran .m-custom-player__progress.is-playing .m-custom-player__elapsed::after { background-color: #00a0c8; } .theme--adtran .m-custom-player__pause:hover path { fill: #00a0c8; } .theme--adtran .m-custom-player__mute:hover path { fill: #00a0c8; } .theme--adtran .m-custom-player__mute:hover rect { fill: #00a0c8; } .theme--adtran .m-custom-player__mute:hover .m-custom-player__mute-icon path { stroke: #00a0c8; } .theme--adtran .m-custom-player__bar { background-color: #00a0c8; } .theme--adtran .m-custom-player__node { background: #00a0c8; } .theme--adtran .m-custom-player__volume { background: #bfc9cc; } .vol-bar { position: absolute; top: -120px; left: 0; cursor: pointer; } .vol-svg{ width: 30px; height: 30px; margin-top: -12px; margin-right: 0; enable-background: new 0 0 25 25; } .vol-muted{ width: 30px; height: 30px; margin-top: -12px; margin-right: 0; display: none; enable-background: new 0 0 25 25; } .vol-muted path { fill:#3d455c; } .vol-svg path { fill:#3d455c; } .vol-svg:hover > path{ fill: #468cff; z-index:10; } .active .vol-svg path{ fill: #468cff; } .custom-player .pause { width: 30px; height: 30px; margin-top: -12px; margin-right: 0; cursor: pointer; fill:#3d455c; margin-right: 24px; } .custom-player .pause:hover { fill: #468cff; } .custom-player .pause:hover rect { fill: #468cff; } .custom-player .step-backward g polygon:hover, .custom-player .step-foreward g polygon:hover { fill: #3450a2; cursor: pointer; } .custom-player .social { text-align: center; } .custom-player p { color: #bdbdbd; } .elapsed{ position: relative; } .elapsed:after { cursor: pointer; content:''; display: block; border-radius: 50%; width: 14px; height: 14px; background-color: #7e8599; position: absolute; top: -5px; right: -10px; } .elapsed--active:after { background-color: #468cff; } input[type=range] { width: 50px; } input[type=range][orient=vertical] { writing-mode: bt-lr; /* IE */ -webkit-appearance: slider-vertical; /* WebKit */ width: 8px; height: 100px; padding: 0 5px; } .hide { display: none; } .cover { position: absolute; left: 16px; top: 16px; display: block; } .volume { display: none; } @media only screen and (min-width: 769px) { .custom-player .cover img { height: 172px; width: 172px; margin-right: 40px; } .custom-player ul { flex-direction: row; } .cover { position: relative; left: 0; top: 0; } .custom-player { margin: 40px 0; padding: 20px 40px 20px 20px; } .custom-player h3 { margin-left: 0; margin-top: 8px; margin-bottom: 4px; font-size: 18px; line-height: 1.56; display: block; height: auto; } .custom-player h4 { font-size: 26px; } .volume { display: block; } .custom-player .timer { position: relative; left:0; bottom: 0; } .custom-player .timer-length { position: relative; left:0; bottom: 0; } .custom-player .pause { margin-right:0; } .custom-player .play { margin-right:0; } } .top-bar { background: #333; color: #fff; padding: 1rem; } .pdf-render { width: 100%; } .page-info { margin: 0 1rem; color: #fff; font-size: 12px; } .prev-page, .next-page { height: 26px; border-radius: 100px; width: 64px; background-color: #468cff; font-size: 12px; color: #fff; outline: none; border: none; cursor: pointer; } .prev-page svg { height: 10px; width: 10px; margin: 0; display: inline-block; } .next-page svg { height: 10px; width: 10px; margin: 0; display: inline-block; } .maximize svg { height: 20px; width: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; } .minimize svg { height: 20px; width: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: none; cursor: pointer; } .wrapper { max-width: 1300px; margin: 30px auto; } .pdf-toolbar { margin: 50px 0; } .pdf-toolbar--full { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; margin: 0; } .pdf-toolbar--full .pdf-toolbar__buttom-container { height: 6%; } .pdf-toolbar--full .pdf-render { width: 100%; height: 100%; object-fit: contain; } @media (min-width: 1025px) { .pdf-toolbar--full .pdf-render { height: auto; } } .pdf-toolbar__container { height: 162px; width: 100%; overflow: auto; background-color: #fff; padding: 0; } .pdf-toolbar--full .pdf-toolbar__container { height: 94% ; /*padding: 0 43px; */ background-color: #000; } .pdf-toolbar__buttom-container { height: 42px; width: 100%; background-color: #22283c; justify-content: center; align-items: center; display: flex; position: relative; } .pdf-toolbar__progress-container { width: 100%; background-color: #4e5363; position: absolute; top: -6px; left: 0; } .pdf-toolbar__progress-bar { width: 1%; height: 6px; background-color: #468cff; } .next-page--disabled { background-color: #3d455c; cursor: none; opacity: 0.5; } .prev-page--disabled { background-color: #3d455c; cursor: none; opacity: 0.5; } @media only screen and (min-width:768px) { .pdf-toolbar__container { height: 511px; } .mod-lightbox-content .pdf-toolbar__container { height: 100%; } .page-info { font-size: 18px; } .pdf-toolbar--full .pdf-toolbar__container { height: 94% ; padding: 0 43px; background-color: #000; } .pdf-toolbar__buttom-container { height: 66px; } .prev-page svg { height: 15px; } .next-page svg { height: 15px; } .maximize svg { height: 30px; width: 30px; right: 20px; } .minimize svg { height: 30px; width: 30px; right: 20px; } .prev-page, .next-page { height: 42px; padding: 6px 34px 8px 40px; font-size: 18px; width: auto; } } .m-vimeoPlayer { position: relative; margin-bottom: 50px; width: 100%; max-width: 1148px; margin-left: auto; margin-right: auto; } .m-vimeoPlayer--full-screen { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; background: #000; } .m-vimeoPlayer video { width: 100%; height: 100%; max-height: 100%; display: block; } .m-vimeoPlayer a { position: absolute; top: 10px; right: 10px; height: auto; border-radius: 100px; padding: 5px 0; background-color: #468cff; font-size: 18px; color: #fff; outline: none; border: none; cursor: pointer; text-decoration: none; min-width: 93px; text-align: center; font-size: 12px; } @media (min-width: 37.01em) { .m-vimeoPlayer a { position: absolute; top: 20px; right: 70px; height: 36px; border-radius: 100px; padding: 4px 18px 8px 16px; background-color: #468cff; font-size: 18px; color: #fff; outline: none; border: none; cursor: pointer; text-decoration: none; min-width: 110px; text-align: center; } } .m-vimeoPlayer span { width: 35px; height: 20px; padding: 25px; z-index: 200; position: absolute; bottom: 4%; right: 12%; cursor: pointer; } @media (min-width: 37.01em) { .m-vimeoPlayer span { bottom: 35px; right: 90px; } } .m-vimeoPlayer__play { position: absolute; top: 50%; left: 50%; margin-left: -33px; transform: translateY(-50%); border: 0; cursor: pointer; } @media (min-width: 37.01em) { .m-vimeoPlayer__play { margin-left: -66px; } } .m-vimeoPlayer__play svg { width: 66px; height: 46px; } @media (min-width: 37.01em) { .m-vimeoPlayer__play svg { width: 132px; height: 92px; } } .m-vimeoPlayer__play.is-white svg { width: 56px; height: 56px; } @media (min-width: 37.01em) { .m-vimeoPlayer__play.is-white svg { width: 120px; height: 120px; } } .mod-lightbox-content-inner .m-vimeoPlayer { top: 50%; transform: translateY(-50%); } .m-pdf-toolbar { margin: 50px auto; position: relative; max-width: 1148px; } .m-pdf-toolbar--full { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; margin: 0; max-width: 100%; } .m-pdf-toolbar--full .m-pdf-toolbar__buttom-container { height: 48px; } @media (min-width: 37.01em) { .m-pdf-toolbar--full .m-pdf-toolbar__buttom-container { height: 72px; } } .m-pdf-toolbar--full .m-pdf-toolbar__container { height: calc(100% - 48px); background-color: #000; } @media (min-width: 37.01em) { .m-pdf-toolbar--full .m-pdf-toolbar__container { height: calc(100% - 72px); overflow: hidden; } } .m-pdf-toolbar--full .m-pdf-toolbar__pdf-render { width: 100%; height: 100%; object-fit: contain; } .m-pdf-toolbar__page-separator { color: #7e8599; margin: 0 6px; } @media (min-width: 37.01em) { .m-pdf-toolbar__page-separator { margin: 0 10px; } } .m-pdf-toolbar__container { height: 100%; width: 100%; overflow: auto; background-color: #fff; padding: 0; display: block; } .m-pdf-toolbar__pdf-render { width: 100%; display: block; } .m-pdf-toolbar__buttom-container { height: 48px; width: 100%; background-color: #101524; justify-content: center; align-items: center; display: flex; position: relative; } @media (min-width: 37.01em) { .m-pdf-toolbar__buttom-container { height: 72px; } } .m-pdf-toolbar__progress-container { width: 100%; background-color: #4e5363; position: absolute; top: 0; left: 0; } .m-pdf-toolbar__progress-bar { width: 1%; height: 6px; background-color: #468cff; } .theme--adtran .m-pdf-toolbar__progress-bar { background-color: #00a0c8; } .m-pdf-toolbar__prev-page, .m-pdf-toolbar__next-page { height: 26px; border-radius: 100px; padding: 5px 18px 8px 16px; background-color: #468cff; font-size: 12px; color: #fff; outline: none; border: none; cursor: pointer; margin-top: 6px; } .theme--adtran .m-pdf-toolbar__prev-page, .theme--adtran .m-pdf-toolbar__next-page { background-color: #00a0c8; } .m-pdf-toolbar__prev-page svg, .m-pdf-toolbar__next-page svg { height: 8px; width: 8px; margin: 0; display: inline-block; position: relative; top: 0; } @media (min-width: 37.01em) { .m-pdf-toolbar__prev-page svg, .m-pdf-toolbar__next-page svg { height: 12px; width: 10px; top: 1px; } } @media (min-width: 37.01em) { .m-pdf-toolbar__prev-page, .m-pdf-toolbar__next-page { height: 42px; padding: 6px 34px 8px 40px; font-size: 18px; } } .m-pdf-toolbar__prev-page--disabled, .m-pdf-toolbar__next-page--disabled { background-color: #3d455c; cursor: none; opacity: 0.5; } .m-pdf-toolbar__page-info { margin: 0 12px; color: #fff; font-size: 12px; margin-top: 6px; } @media (min-width: 37.01em) { .m-pdf-toolbar__page-info { font-size: 16px; margin: 0 20px; margin-top: 6px; } } .m-pdf-toolbar__maximize svg { height: 20px; width: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; margin-top: 3px; } @media (min-width: 37.01em) { .m-pdf-toolbar__maximize svg { height: 30px; width: 30px; right: 20px; } } .m-pdf-toolbar__minimize svg { height: 20px; width: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: none; cursor: pointer; margin-top: 3px; } @media (min-width: 37.01em) { .m-pdf-toolbar__minimize svg { height: 30px; width: 30px; right: 20px; } } .m-pdf-toolbar--full .pdf-toolbar__container { height: calc(100% - 48px); padding: 0 43px; background-color: #000; } @media (min-width: 37.01em) { .m-pdf-toolbar--full .pdf-toolbar__container { height: calc(100% - 72px); } } .mod-lightbox-bg .mod-lightbox.slide-share { max-height: 266px; } @media (min-width: 37em) { .mod-lightbox-bg .mod-lightbox.slide-share { max-height: 470px; } } @media (min-width: 64em) { .mod-lightbox-bg .mod-lightbox.slide-share { max-height: 585px; } } @media (min-width: 73.125em) { .mod-lightbox-bg .mod-lightbox.slide-share { max-height: 744px; } } .mod-lightbox .m-pdf-toolbar { margin: 0; max-width: auto; } /* * ---------------------------------------- * * Name: Primary Search Styles * * Type: CSS * * ---------------------------------------- * */ .search-container { margin-top: 11px; float: right; } .theme--adtran .search-container, .theme--security .search-container { margin-top: 25px; } .search-container .search-wrapper { width: 100%; opacity: 0; max-width: 560px; position: absolute; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); right: 0; top: 29px; margin-top: -5px; -webkit-transition: right 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: right 0.2s ease-in-out, opacity 0.2s ease-in-out; -ms-transition: right 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: right 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: right 0.2s ease-in-out, opacity 0.2s ease-in-out; -webkit-transform: translateX(50%) translateZ(0); transform: translateX(50%) translateZ(0); } .theme--adtran .search-container .search-wrapper, .theme--security .search-container .search-wrapper { top: 50px; background: #fff; } .search-container .search-wrapper.invisible { clip: rect(1px,1px,1px,1px); } .search-on .search-container .search-wrapper { right: 50%; opacity: 1; } .search-container button svg { width: 22px; height: 22px; } /*.search-container button svg path { fill: #3450a2; }*/ .theme--security .search-on .search-container .search-wrapper { margin-top: 19px; } .theme--adtran .search-container button svg path, .theme--security .search-container button svg path { stroke: #fff; } .theme--adtran .search-container button.submit-search svg path, .theme--security .search-container button.submit-search svg path { fill: none; } .theme--adtran .search-container button.open-search svg path, .theme--security .search-container button.open-search svg path { fill: none; } .theme--adtran .search-container button.submit-search svg path, .theme--security .search-container button.submit-search svg path { fill: none; stroke: #000; } .theme--adtran .search-container button.close-search svg path, .theme--security .search-container button.close-search svg path { fill: #fff; } .theme--adtran .search-container.on button.close-search svg path, .theme--security .search-container.on button.close-search svg path { fill: #fff; } .theme--security nav#primary-nav .first-level-link svg { fill: none; } .osc .search-container button.open-search svg g { stroke: #3450a2; } .osc .search-container button.submit-search svg g { stroke: #3450a2; } .search-container input[type="text"] { padding: 0; width: 100%; } .search-container form { position: relative; padding: 9px 40px; height: 43px; display: flex; flex-direction: column; justify-content: center; } .search-container .submit-search { margin-right: 3px; position: absolute; top: 5px; left: 3px; padding: 5px; } .search-container .close-search, .search-container .open-search { padding: 5px; margin-right: -5px; } .search-container .submit-search:focus, .search-container .close-search:focus, /*.search-container .open-search:focus { background: #eeeeee; }*/ .search-container .close-search { display: none; } .search-container.on .close-search { display: block; } .search-container.on .open-search { display: none; } .search-container.on .results-wrapper { visibility: visible; opacity: 1; } .search-container .recent-results h3, .search-container .autocomplete-results h3 { color: #8a8fa0; font-size: 1.2rem; line-height: 1em; font-weight: 400; } .search-container .recent-results li, .search-container .autocomplete-results li { margin-top: 8px; } .search-container .recent-results li:first-child, .search-container .autocomplete-results li:first-child { margin-top: 11px; } .search-container .results-wrapper { visibility: hidden; opacity: 0; margin-top: -1px; padding: 24px 40px 20px; background: #ffffff; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .search-container .results-wrapper li a { color: #3d455c; } .search-container .form-error { position: absolute; display: none; } .theme--adtran .search-container .open-search:focus, .theme--security .search-container .open-search:focus { background: transparent; } /* responsive ============================ */ @media screen and (max-width: 1300px) { .theme--adtran .search-container, .theme--security .search-container { margin-right: 0; } } @media screen and (max-width: 1150px) { .search-container { margin-top: 2px; } .search-container form { position: relative; padding: 0 40px 9px; } .search-container .search-wrapper { max-width: 375px; } } @media screen and (max-width: 760px) { .search-container { margin-top: -7px; } .theme--adtran .search-container, .theme--security .search-container { margin-top: 0px; } .theme--adtran .search-container .search-wrapper, .theme--security .search-container .search-wrapper { top: 0; } .theme--adtran .search-container.on button svg path, .theme--security .search-container.on button svg path { // fill: #1D1D1B; } .search-container button svg { width: 12px; height: 12px; } .search-container .submit-search { left: 9px; } .search-container .open-search svg { width: 16px; height: 16px; } .search-container .submit-search svg { width: 16px; height: 16px; top: 3px; } .search-container .search-wrapper { max-width: calc(100% + 1px); width: calc(100% + 1px); top: 0; } .search-container form { background: #ffffff; padding: 9px 40px 9px; } .search-container input[type="text"] { font-size: 1.6rem; padding: 2px 0; } .search-container.on .close-search { z-index: 1; position: relative; right: -32px; top: -2px; } .search-container .recent-results h3, .search-container .autocomplete-results h3 { font-size: 1rem; } .search-container .results-wrapper { padding: 14px 40px 20px; } .search-container .results-wrapper li a { font-size: 1.4rem; } .search-container .recent-results li:first-child, .search-container .autocomplete-results li:first-child { margin-top: 9px; } .search-container .recent-results li, .search-container .autocomplete-results li { margin-top: 17px; } .search-container .autocomplete-results > a { margin-top: 17px; font-size: 1.4rem; float: left; } .theme--adtran .search-container.on button.close-search svg path { fill: #1D1D1B; } } /* * ---------------------------------------- * * Name: Search Page Styles * * Type: CSS * * ---------------------------------------- * */ .search-listing .wrapper-950 > div { margin-top: 40px; font-size: 3.6rem; font-weight: bold; line-height: 4.2rem; letter-spacing: -0.03rem; color: #4e566e; } .search-listing .results { min-height: 1000px; } .search-listing.white-bg .filters { background: #ffffff; padding: 0; margin-top: 19px; } .search-listing.white-bg .filters .form-field { width: 100%; } .search-listing.white-bg .filters .form-field button { padding: 19px 20px; float: left; border: solid 1px #d6d9e3; border-left: none; } .search-listing.white-bg .filters .form-field .stylish-text { width: calc(100% - 62px); float: left; } .search-listing.white-bg .filters .form-field .stylish-text span { height: 60px; border: solid 1px #d6d9e3; border-right: none; } .search-listing.white-bg .filters .form-field input { padding: 13px 20px; font-size: 2.6rem; line-height: 3.4rem; color: #3d455c; height: auto; border: none; } .search-listing.white-bg .filters .form-field .icon { width: 20px; height: 20px; } .search-listing.white-bg .filters .form-field .icon svg { fill: #3450a2; } .search-listing .results { margin-top: 40px; } .search-listing .results .panel { padding: 20px 40px; margin-top: 10px; } .search-listing .results .panel:first-child { margin-top: 0; } .search-listing .results .panel h3 { font-size: 2.6rem; line-height: 3.4rem; font-weight: 400; margin: 0; } .search-listing .results .panel h3 a { color: #3d455c; } .search-listing .results .panel h3 .icon { width: 14px; height: 14px; margin-left: 0; } .search-listing .results .panel h3 .icon svg { fill: #3d455c; } .search-listing .results .panel > div { margin: 5px 0 0; } .search-listing .results .panel > div a { color: #468cff; } .search-listing .results .panel > div a .icon { width: 15px; height: 15px; margin-right: 5px; } /* responsive ============================ */ @media screen and (max-width: 760px) { .search-listing .wrapper-950 > div { font-size: 2rem; line-height: 2.8rem; margin-top: 3.2rem; } .search-listing.white-bg .filters { margin-top: 8px; } .search-listing.white-bg .filters .fields { width: 100%; } .search-listing.white-bg .filters .form-field input { font-size: 1.4rem; line-height: 2.2rem; padding: 9px 12px; } .search-listing.white-bg .filters .form-field .stylish-text { width: calc(100% - 30px); } .search-listing.white-bg .filters .form-field .stylish-text span { height: 41px; } .search-listing.white-bg .filters .form-field .icon { width: 15px; height: 15px; } .search-listing.white-bg .filters .form-field button { padding: 12px 6px; } .search-listing .results { margin-top: 32px; } .search-listing .results .panel { margin-top: 8px; padding: 14px 16px; } .search-listing .results .panel h3 { font-size: 1.6rem; line-height: 2.4rem; } .search-listing .results .panel h3 .icon { width: 10px; height: 10px; } .search-listing .results .panel > div a .icon { width: 10px; height: 10px; margin-right: 0; } } /* * ---------------------------------------- * * Name: Hero Styles * * Type: CSS * * ---------------------------------------- * */ .hero { position: relative; } .hero .text-container { padding: 248px 0 242px; } .hero .text-container h1 { font-size: 7.2rem; line-height: 1.2em; font-weight: 700; } .hero .text-container p { font-size: 2.8rem; margin-top: 13px; } .theme--adtran .hero.hero-full .text-container p, .hero.hero-full .text-container p { font-size: 2rem; line-height: 150%; } .hero.hero-full .text-container { padding: 0; } .hero.hero-full { display: flex; flex-direction: column; justify-content: center; min-height: 700px; } .hero.hero-full .hero__video { max-width: unset; } .hero.hero-full .img-container { max-width: unset; } .hero.hero-full .img-container img { max-width: unset; } .hero .text-container .btn { margin-top: 40px; } .ie .hero .img-container img { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .theme--adtran .hero.hero-full, .hero.hero-full { margin: 0; max-height: 700px; } .hero.hero-full .text-container { max-width: 676px; margin-left: auto; margin-right: auto; } .theme--adtran .hero, .theme--security .hero { margin-top: 20px; margin-left: 20px; margin-right: 20px; } .hero__video { width: 100%; height: 100%; max-width: 2000px; object-fit: cover; position: absolute; top: 0; } .hero__image { aspect-ratio: 1274/702; object-fit: cover; } .hero .text-container h1 { display: block; font-size: 5.6rem; line-height: 1.25; max-width: 1108px; margin-left: auto; margin-right: auto; letter-spacing: -0.9px; font-family: 'poppinsmedium'; } .theme--adtran .hero.u-text-white .text-container h1, .hero.u-text-white .text-container p { color: #fff; } .theme--adtran .hero.u-text-black .text-container h1 { color: #000000; } .hero.u-text-black .text-container p { color: #404040; } /* responsive ============================ */ @media screen and (max-width: 760px) { .hero .text-container { padding: 93px 0; } .hero .text-container h1 { font-size: 2.6rem; line-height: 3rem; } .hero .text-container p { font-size: 1.6rem; line-height: 2.2rem; margin-top: 24px; } .hero .text-container h1 { font-size: 2.6rem; } .theme--adtran .hero.hero-full .text-container h1 { font-size: 3.2rem; line-height: 120%; } .hero.hero-full { min-height: 440px; } .theme--adtran .hero.hero-full .text-container p, .hero.hero-full .text-container p { font-size: 1.6rem; line-height: 150%; } } @media screen and (max-width: 600px) { .hero .text-container .btn { margin-top: 32px; } } /* * ---------------------------------------- * * Name: CTA Styles * * Type: CSS * * ---------------------------------------- * */ .cta-mod > div { padding: 80px 35px; } .cta-mod .text-container { padding: 80px 0 76px; } .cta-mod .btn { margin-top: 0; } .ie .cta-mod .img-container img { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } /* responsive ============================ */ @media screen and (max-width: 760px) { .cta-mod > div { padding: 33px 16px; } .cta-mod .text-container { padding: 30px 0; } .theme--adtran .cta-mod > div { padding-left: 20px; padding-right: 20px; } } /* * ---------------------------------------- * * Name: Form CTA Styles * * Type: CSS * * ---------------------------------------- * */ .form-cta .center-text p { max-width: 420px; margin: 20px auto 0; } .form-cta .text-container { padding: 200px 0; } .form-cta .thin-container { padding: 134px 0; } .form-cta .thin-container h3 { font-size:28px; line-height: 1.21; margin: 0 auto 8px; } .form-cta .thin-container p { max-width: 420px; margin: 0 auto 24px; line-height: 1.44; letter-spacing: normal;} .form-cta .thin-container .btn { padding: 5px 20px; margin-top:0; min-width: 137px; } .ie .form-cta .img-container img { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } /* responsive ============================ */ @media screen and (max-width: 760px) { .form-cta .text-container { padding: 91px 0 90px; } .form-cta .center-text p { margin-top: 9px; } .form-cta .thin-container { padding: 110px 0; } .form-cta .thin-container h3 { font-size:20px} } /* * ---------------------------------------- * * Name: Featured Panel Styles * * Type: CSS * * ---------------------------------------- * */ .feature-panel > div { padding: 80px 35px; } .feature-panel .panel { width: calc(50% - 10px); margin-left: 20px; float: left; position: relative; overflow: hidden; height: 400px; } .feature-panel .panel:first-child { margin-left: 0; } .feature-panel .panel h3 { margin-bottom: 0; } .feature-panel .text-container { position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px; } .feature-panel .btn { margin-top: 12px; } .ie .feature-panel .img-container img { top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; left: 50%; } /* responsive ============================ */ @media screen and (max-width: 1200px) { .feature-panel .panel { width: 100%; margin-left: 0; margin-top: 35px; } .feature-panel .panel:first-child { margin-top: 0; } } @media screen and (max-width: 760px) { .feature-panel > div { padding: 16px 16px 32px; } .feature-panel .text-container { padding: 16px; text-align: left; } .feature-panel .panel { margin-top: 16px; height: 260px; } .feature-panel .panel h3 { text-align: left; } .feature-panel .panel .btn { font-size: 1.2rem; line-height: 1.8rem; margin-top: 16px; } .feature-panel .panel .img-container { min-height: 260px; } } /* * ---------------------------------------- * * Name: Featured Image Styles * * Type: CSS * * ---------------------------------------- * */ .feature-image { padding: 184px 0 182px; } .feature-image .text-container { padding-left: 70px; width: 50%; } .feature-image.right-align .text-container { padding-right: 70px; width: 50%; float: right; } .feature-image .img-container { max-height: 800px; } .ie .feature-image .img-container img { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .theme--adtran .feature-image, .theme--security .feature-image { margin-left: 20px; margin-right: 20px; } .theme--adtran .feature-image .img-container img { object-position: center right; } .theme--adtran .feature-image h3.black-text, .theme--adtran .feature-image h3.black-text { color: #000; } /* responsive ============================ */ @media screen and (max-width: 760px) { .feature-image { padding: 55px 0 54px; } .feature-image.right-align .text-container, .feature-image .text-container { padding: 0; width: 100%; } .feature-image .wrapper-2000 { width: 100%; padding: 0 32px; } } /* * ---------------------------------------- * * Name: Read More Styles * * Type: CSS * * ---------------------------------------- * */ .family-detail { padding: 90px 0 48px; } .family-detail.resource-description { padding: 90px 0 0; } .theme--adtran .family-detail.resource-description { margin: 20px 20px 0 20px; } .family-detail img { max-width: 100%; margin-bottom: 65px; margin: 0 auto 65px; display: block; } .family-detail h2 { margin-bottom: 28px; } .read-more { color: #4f89f1; margin-top: 30px; padding-right: 28px; position: relative; } .read-more .icon { position: absolute; bottom: 2px; right: 0; margin-left: 10px; width: 18px; height: 18px; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .read-more .icon path { fill: #4f89f1; } .theme--adtran .family-detail h2 { color: #000; } .theme--adtran .read-more { color: #00a0c8; display: inline-flex; align-items: center; justify-content: center; text-align: center; padding-right: 0; } .theme--adtran .read-more .icon { position: static; bottom: 1px; } .theme--adtran .read-more .icon path { fill: #00a0c8; } .read-more.toggle-trigger .less { display: none; } .read-more.toggle-trigger .more { display: inline; } .read-more.toggle-trigger.open .icon { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; -webkit-transform-origin: 50%; transform-origin: 50%; -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .ie9 .read-more.toggle-trigger.open .icon { -ms-transform: rotate(180deg); transform: rotate(180deg); } .read-more.toggle-trigger.open .more { display: none; } .read-more.toggle-trigger.open .less { display: inline; } /* responsive ============================ */ @media screen and (max-width: 760px) { .family-detail { padding: 48px 0; } .family-detail img { max-width: 100%; margin-bottom: 33px; } .family-detail h2 { margin-bottom: 16px; } .read-more { margin-top: 18px; padding-right: 20px; } .read-more .icon { width: 14px; height: 14px; bottom: 0; } } /* * ---------------------------------------- * * Name: Narrow Feature Image Styles * * Type: CSS * * ---------------------------------------- * */ .narrow-feature .text-container { padding: 202px 0 197px; width: 50%; } .narrow-feature.right-align .text-container { float: right; } .ie .narrow-feature .img-container img { top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; left: 50%; } .theme--adtran .narrow-feature { margin-left: 20px; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; } .theme--adtran .narrow-feature:last-child { margin-bottom: 20px; } .theme--adtran .narrow-feature .text-container h3 { color: #000; } .theme--adtran .narrow-feature.white-text .text-container h3 { color: #fff; } /* responsive ============================ */ @media screen and (max-width: 970px) { .narrow-feature .text-container { padding: 102px 0 97px; } .theme--adtran .narrow-feature.white-text .text-container { color: #404040; } .theme--adtran .narrow-feature.white-text .text-container h3 { color: #404040; } } @media screen and (max-width: 760px) { .narrow-feature .img-container img { float: left; position: static; width: 100%; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } .narrow-feature.right-align .text-container { float: none; } .narrow-feature .text-container { padding: 19px 0 53px; width: 100%; } .narrow-feature .text-container h3 { font-size: 2rem; line-height: 2.8rem; margin-bottom: 16px; } .theme--adtran .narrow-feature .text-container h3 { font-size: 1.5rem; } } /* * ---------------------------------------- * * Name: Slideshow Carousel Styles * * Type: CSS * * ---------------------------------------- * */ .slideshow { position: relative; padding: 20px 0 60px; } .slideshow .mod-carousel { overflow: hidden; position: relative; } .slideshow .mod-carousel > .pagination-controls { bottom: 15px; } .slideshow .mod-carousel.description > .pagination-controls { visibility: hidden; } .slideshow .mod-carousel > .pagination-controls > button { border: 1px solid #ffffff; height: 10px; width: 10px; opacity: 0.6; background-color: transparent; } .slideshow .mod-carousel > .pagination-controls > button.active { background: #ffffff; } .slideshow .mod-carousel > fieldset .step { width: 40px; height: 40px; border: none; -ms-transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } .slideshow .mod-carousel > fieldset .step svg { fill: #c2c6d5; } .slideshow .mod-carousel > fieldset .step.prev { left : 30px; } .slideshow .mod-carousel > fieldset .step.next { right : 30px; } .slideshow .mod-carousel.image > fieldset .step { visibility: hidden; } .slideshow .mod-carousel .slide img { width: 100%; } .slideshow .mod-carousel .slide .description-panel { padding: 20px 70px; background: #f7fafe; } .slideshow .mod-carousel .slide .description-panel h5 { font-size: 2rem; line-height: 2.8rem; letter-spacing: -0.02rem; color: #4e566e; } .slideshow .mod-carousel .slide .description-panel address { color: #7e8599; } .slideshow .mod-carousel .slide .description-panel address, .slideshow .mod-carousel .slide .description-panel p { font-size: 1.6rem; line-height: 2.4rem; font-style: normal; } .slideshow .mod-carousel .loader { left: 50%; margin-left: -100px; top: 50%; margin-top: -100px; } .slideshow .mod-carousel.description .loader { display: none !important; } /* responsive ============================ */ @media screen and (max-width: 760px) { .slideshow { padding: 0 0 16px; } .slideshow .mod-carousel > .pagination-controls { bottom: 0; } .slideshow .mod-carousel > .pagination-controls > button { height: 6px; width: 6px; } .slideshow .mod-carousel > fieldset .step { width: 14px; height: 14px; -ms-transform: translateY(23px); -webkit-transform: translateY(23px); -moz-transform: translateY(23px); -o-transform: translateY(23px); transform: translateY(23px); } .slideshow .mod-carousel > fieldset .step.prev { left : 10px; } .slideshow .mod-carousel > fieldset .step.next { right : 10px; } .slideshow .mod-carousel .slide .description-panel { padding: 16px 32px; } .slideshow .mod-carousel .slide .description-panel h5 { font-size: 1.4rem; line-height: 2rem; padding-bottom: 5px; } .slideshow .mod-carousel .slide .description-panel address, .slideshow .mod-carousel .slide .description-panel p { font-size: 1rem; line-height: 1.6rem; } } /* * ---------------------------------------- * * Name: History Overview * * Type: CSS * * ---------------------------------------- * */ .history-overview h2 { margin-bottom: 42px; text-align: center; } .history-overview h3 { margin: 0; padding-bottom: 30px; position: relative; } .history-overview h3:before { content: ''; display: block; width: 2px; height: 30px; background: #c1c6d4; position: absolute; bottom: 0; left: 36px; } .history-overview .intro { margin-bottom: 35px; font-size: 2.2rem; } .history-overview .timeline { margin-top: 80px; padding: 70px; background: #f6f9fd; } .history-overview .timeline ul li ul { margin-left: 36px; } .history-overview .timeline ul li ul li { padding: 30px 0; position: relative; border-left: 2px solid #c1c6d4; } .history-overview .timeline .text { padding-left: 45px; position: relative; cursor: pointer; color: #738599; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .history-overview .timeline .text:hover { color: #3d455c; } .history-overview .timeline .text:hover svg { fill: #e43534; } .history-overview .timeline .text:hover svg circle { fill: #40d6ec; stroke: transparent; } .history-overview .timeline .ico { display: block; width: 29px; height: 29px; padding: 4px; position: absolute; top: 0; left: -15px; background: #f6f9fd; } .history-overview .timeline .ico svg, .history-overview .timeline .ico svg circle { fill: #c1c6d4; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .history-overview .timeline .ico svg path { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; } .history-overview .timeline .year:last-child ul { margin-bottom: 30px; } .history-overview .timeline ul li ul li:first-child { padding-top: 0; } .history-overview .timeline .year:last-child ul li:last-child { padding-top: 0; border-left: 2px solid transparent; } .history-overview .timeline .year:last-child ul li:nth-last-child(2) { padding-bottom: 60px; } .theme--adtran .history-overview .timeline .ico { width: 26px; height: 36px; } .theme--adtran .history-overview .timeline ul li ul li:hover .adtran-icon { fill:#00C8E6; } .history-overview .timeline ul li ul li:hover .ico g { fill:#00C8E6; } .theme--security .history-overview .timeline .ico { width: auto; height: auto; } .theme--adtran .history-overview { padding-left: 20px; padding-right: 20px; margin-bottom: 20px; } .theme--adtran .history-overview .timeline { background: #ecf1f2; } .theme--adtran .history-overview h3 { color: #000; } .theme--adtran .history-overview .timeline .ico { background: #ecf1f2; } .theme--adtran .history-overview .timeline .text { font-size: 1.6rem; } .theme--adtran .history-overview .timeline .text:hover { color: #404040; } /* responsive ============================ */ @media screen and (max-width: 880px) { .history-overview .timeline { padding: 30px; } } @media screen and (max-width: 760px) { .history-overview .intro { font-size: 1.6rem; } .history-overview .timeline .text { padding-left: 25px; } .history-overview .timeline { margin-top: 40px; padding: 30px 0; } .history-overview .timeline ul li ul { margin-left: 22px; } .history-overview .timeline ul li ul li { padding: 15px 0; } .history-overview .timeline .year:last-child ul li:nth-last-child(2) { padding-bottom: 30px; } .history-overview .timeline .text:focus, .history-overview .timeline .text.active { color: #3d455c; } .history-overview .timeline .text:focus svg, .history-overview .timeline .text.active svg { fill: #e43534; } .history-overview h3:before { left: 23px; } .theme--adtran .history-overview .timeline .text { font-size: 1.2rem; } } /* * ---------------------------------------- * * Name: Image Banner Styles * * Type: CSS * * ---------------------------------------- * */ .image-banner { padding: 20px 0 120px; } .image-banner > .wrapper-2000 { padding: 0 150px; } .image-banner img { max-width: 100%; width: 100%; height: auto; } /* responsive ============================ */ @media screen and (max-width: 760px) { .image-banner { padding: 16px 0 48px; } .image-banner > .wrapper-2000 { padding: 0 16px; } } .text-link-video.text-link-video--adtran { margin-bottom: 60px; } @media screen and (max-width: 760px) { .text-link-video.text-link-video--adtran { margin-bottom: 40px; } } .text-link-video.text-link-video--adtran .text-link { padding-bottom: 20px; } .text-link-video.text-link-video--adtran h2 { position: relative; padding-bottom: 36px; } .text-link-video.text-link-video--adtran h2::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 4px; width: 114px; background: #006e8c; } .text-link-video.text-link-video--adtran .rich-text { font-size: 2.4rem; line-height: 1.5; } .text-link-video.text-link-video--adtran .rich-text p { font-size: 2.4rem; line-height: 1.5; margin: 0; } .text-link-video.text-link-video--adtran .video-mod { padding-bottom: 0; } .text-link-video.text-link-video--adtran .m-vimeoPlayer { margin: 20px 0 0 0; padding: 0; } @media screen and (max-width: 760px) { .text-link-video.text-link-video--adtran h2 { padding-bottom: 25px; } .text-link-video.text-link-video--adtran h2::after { width: 39px; } .text-link-video.text-link-video--adtran .rich-text { font-size: 1.6rem; line-height: 1.75; } .text-link-video.text-link-video--adtran .rich-text p { font-size: 1.6rem; line-height: 1.75; } } .support-tile { padding: 40px 0 80px; margin-left: 4px; margin-right: 4px; width: calc(100% + 40px); margin-left: -20px; } .support-tile .wrapper-2000 { padding-left: 0; padding-right: 0; } .support-tile__grid { width: 100%; } @media (min-width: 48em) { .support-tile__grid { display: flex; justify-content: space-between; flex-wrap: wrap; } } .support-tile__item { padding: 40px 20px 44px 20px; margin-bottom: 20px; box-sizing: border-box; } @media (min-width: 48em) { .support-tile__item { width: calc(50% - 10px); padding: 40px 40px 64px 40px; } } .support-tile__item:nth-child(2) { margin-top: 20px; } @media (min-width: 75em) { .support-tile { width: 100%; margin-left: 4px; } } @media (min-width: 48em) { .support-tile__item:nth-child(2) { margin-top: 0; } } .support-tile__img-wrap { display: flex; flex-direction: column; justify-content: center; margin-bottom: 40px; font-size: 100px; color: #008eb1; } @media (min-width: 48em) { .support-tile__img-wrap { min-height: 240px; font-size: 160px; } } .support-tile__img { width: auto; max-width: 80%; display: block; margin: 0 auto; } .support-tile__title { font-size: 1.8rem; line-height: 1.38; margin-bottom: 12px; color: #000; font-family: 'poppinsmedium'; } @media (min-width: 48em) { .support-tile__title { font-size: 2.6rem; } } .support-tile__content { font-size: 1.4rem; line-height: 1.75; } .support-tile__content h3 { color: #404040; } .support-tile__content strong { font-family: 'poppinsmedium'; } @media (min-width: 48em) { .support-tile__content { font-size: 1.6rem; } } .support-tile__content a { text-decoration: underline; } .support-tile .btn { margin-top: 20px; } .listing-hero + .image-text-tile { margin-top: 20px; } .image-text-tile { padding-top: 30px; padding-bottom: 30px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; } @media (min-width: 48.01em) { .image-text-tile { padding-top: 60px; padding-bottom: 60px; } } .image-text-tile__wrap { display: flex; flex-wrap: wrap; } @media (min-width: 48.01em) { .image-text-tile__wrap { justify-content: space-between; } } .image-text-tile__text { width: 100%; font-size: 1.2rem; line-height: 2rem; } @media (min-width: 48.01em) { .image-text-tile__text { width: 50%; display: flex; flex-direction: column; justify-content: center; font-size: 1.6rem; line-height: 1.75; padding-right: 60px; } } @media (min-width: 64.01em) { .image-text-tile__text { padding-right: 0; } } .image-text-tile__text h3 { color: #fff; font-size: 1.8rem; line-height: 1.38; font-family: 'poppinsmedium'; } @media (min-width: 48.01em) { .image-text-tile__text h3 { font-size: 3.2rem; } } .image-text-tile__text p { margin-bottom: 28px; } .image-text-tile__text p:last-of-type { margin-bottom: 0; } .image-text-tile__desc { margin-bottom: 28px; } .image-text-tile__img-wrap { width: 100%; margin-top: 33px; } @media (min-width: 48.01em) { .image-text-tile__img-wrap { width: 50%; max-width: 480px; margin-top: 0; } } @media (min-width: 48.01em) { .image-text-tile__img { max-width: 435px; } } .image-text-tile .btn { margin-top: 5px; margin-right: auto; } .image-text-tile.black-text { color: #404040; } .image-text-tile.black-text h3 { color: #000; } .image-text-tile.image-text-tile--reverse .image-text-tile__wrap { flex-direction: column-reverse; } @media (min-width: 48.01em) { .image-text-tile.image-text-tile--reverse .image-text-tile__wrap { flex-direction: row-reverse; } } .image-text-tile.image-text-tile--reverse .image-text-tile__img-wrap { margin-top: 0; margin-bottom: 33px; } @media (min-width: 48.01em) { .image-text-tile.image-text-tile--reverse .image-text-tile__img-wrap { margin-bottom: 0; } } @media (min-width: 48.01em) { .image-text-tile.image-text-tile--reverse .image-text-tile__text { padding-right: 0; padding-left: 60px; } } @media (min-width: 64.01em) { .image-text-tile.image-text-tile--reverse .image-text-tile__text { padding-right: 0; padding-left: 0; } } .mod-lightbox-success .mod-lightbox { position: relative; top: 50%; transform: translateY(-50%); width: 90%; max-width: 444px; margin: 0 auto; } .mod-lightbox-success h3 { margin-top: 0; } .mod-lightbox-success p { margin: 0; } button.sc-form__group-select2__select { font-family: 'poppinsregular'; } .sc-form__group-select2 { position: relative; width: 100%; } .sc-form__group-select2--hide { visibility: hidden; position: absolute; height: 0; padding: 0; } .sc-form__group-select2__select { position: relative; width: 100%; margin: 0; border: 1px solid #ccc; text-align: left; color: #3d455c; font-size: 14px; cursor: pointer; height: 40px; padding: 10px 30px 10px 20px; background: #fff; scroll-behavior: smooth; } @media (min-width: 56.26em) { .sc-form__group-select2__select { font-size: 16px; line-height: 24px; } } .sc-form__group-select2__select--invalid { border: 1px solid #e43534; } @media (min-width: 56.26em) { .sc-form__group-select2__select { height: 48px; } } .sc-form__group-select2__select::after { content: ''; position: absolute; top: 50%; right: 10px; width: 14px; height: 8px; background-image: url("../svg/select-filter-arrow.svg"); } .theme--adtran .sc-form__group-select2__select::after { margin-top: -4px; } .sc-form__group-select2__list { list-style-type: none; padding: 0; margin: 0; scroll-behavior: smooth; background: #fff; } .sc-form__group-select2__select-dropdown { position: absolute; top: 100%; left: 0; width: 100%; max-height: 0; transition: max-height .3s ease; overflow: hidden; box-shadow: 0 1px 3px 0 rgba(61, 69, 92, 0.35); -webkit-box-shadow: 0 1px 3px 0 rgba(61, 69, 92, 0.35); -moz-box-shadow: 0 1px 3px 0 rgba(61, 69, 92, 0.35); } @media (min-width: 56.26em) { .sc-form__group-select2__select-dropdown { min-width: 311px; } } @media (min-width: 56.26em) { .sc-form__group-select2__select-dropdown:nth-of-type(3) { left: auto; right: 0; } } .sc-form__group-select2__item { color: #3d455c; cursor: pointer; font-size: 14px; padding: 10px 40px 10px 44px; } @media (min-width: 56.26em) { .sc-form__group-select2__item { font-size: 16px; line-height: 24px; } } .sc-form__group-select2__item:hover, .sc-form__group-select2__item:focus { background: url("../svg/select-filter-tick.svg") no-repeat 20px center, #f3f9ff; } .sc-form__group-select2__item--active { background: url("../svg/select-filter-tick.svg") no-repeat 20px center; } .sc-form__group-select2--open .sc-form__group-select2__select::after { transform: rotate(180deg); } .sc-form__group-select2--open button { background-color: #fafafa; } .sc-form__group-select2--open .sc-form__group-select2__select-dropdown { max-height: 296px; overflow-y: auto; z-index: 5; } .sc-form { margin: 24px 0; } @media (min-width: 56.26em) { .sc-form { margin: 56px 0; } } .sc-form__group { font-family: 'poppinsregular'; } .sc-form__half-group { width: calc(70% - 10px); } @media (min-width: 56.26em) { .sc-form__half-group { width: calc(50% - 10px); } } .sc-form__half-group:nth-child(even) { margin-right: 20px; } .sc-form__half-group-child { width: 100%; } .sc-form__label, .sc-form__legend { display: block; font-size: 14px; line-height: 1; color: #3d455c; margin-bottom: 6px; } @media (min-width: 56.26em) { .sc-form__label, .sc-form__legend { font-size: 16px; line-height: 24px; margin-bottom: 4px; } } @media (min-width: 37.01em) { .sc-form__label, .sc-form__legend { line-height: 1.5; } } .sc-form__input, .sc-form__textarea, .sc-form__select { width: 100%; display: block; padding: 9px 20px; border: 1px solid #c1c6d4; color: #3d455c; height: 40px; font-size: 14px; line-height: 1.56; font-family: 'poppinsregular'; background: #fff; border-radius: 1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sc-form h2 { font-size:20px; line-height: 1.38; font-stretch: normal; font-style: normal; letter-spacing: -0.17px; font-family: 'poppinsmedium'; } @media (min-width: 56.26em) { .sc-form__input, .sc-form__textarea, .sc-form__select { font-size: 16px; line-height: 24px; } .sc-form h2 { font-size:32px; } } @media (min-width: 56.26em) { .sc-form__input, .sc-form__textarea, .sc-form__select { padding: 8px 20px; height: 48px; } .theme--adtran .sc-form__input { padding-top: 11px; } } .sc-form__input:focus, .sc-form__textarea:focus, .sc-form__select:focus { border-color: #2c72e5; } .sc-form__input:disabled, .sc-form__textarea:disabled, .sc-form__select:disabled { border-color: #eee; } .sc-form__input.input-validation-error, .sc-form__textarea.input-validation-error, .sc-form__select.input-validation-error { border-color: #e43534; background: white; } .sc-form__textarea { min-height: 120px; } .sc-form__group--checkbox, .sc-form__group--radio { cursor: pointer; } .sc-form__group--checkbox .sc-form__check-item, .sc-form__group--radio .sc-form__check-item { display: inline-block; } .sc-form__group--checkbox input, .sc-form__group--radio input { position: absolute; opacity: 0; } .sc-form__group--checkbox label, .sc-form__group--radio label { position: relative; display: inline-flex; align-items: center; margin-right: 16px; font-size: 16px; line-height: 1.5; } .theme--adtran .sc-form__group--checkbox label, .sc-form__group--radio label { line-height: 1; } .sc-form__group--checkbox input + label:before, .sc-form__group--radio input + label:before { content: ''; display: inline-block; width: 25px; height: 25px; min-width: 25px; padding: 2px; margin-right: 16px; border: 1px solid #c1c6d4; text-align: center; } .sc-form__group--checkbox input[type=checkbox]:checked + label:after, .sc-form__group--radio input[type=checkbox]:checked + label:after { content: ''; position: absolute; top: 50%; left: 12px; width: 6px; height: 14px; margin-top: -11px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(45deg); } .sc-form__group--checkbox input:hover + label:before, .sc-form__group--checkbox input:focus + label:before, .sc-form__group--radio input:hover + label:before, .sc-form__group--radio input:focus + label:before { border-color: #2c72e5; } .sc-form__group--checkbox input:disabled + label:before, .sc-form__group--radio input:disabled + label:before { border-color: #eee; } .sc-form__group--radio input + label:before { border-radius: 50%; } .sc-form__group--radio input:checked + label::after { content: ''; position: absolute; top: 5px; left: 5px; display: inline-block; width: 15px; height: 15px; background-color: #000; border-radius: 50px; } .sc-form__select-wrap .sc-form__select { width: 100%; margin: 0; background-color: #fff; background-image: url("../svg/select-down-arrow.svg"); background-position: calc(100% - 16px) center; background-repeat: no-repeat; background-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sc-form__group--text { color: #414a5c; font-size: 12px; line-height: 1.5; margin-top: 20px; } @media (min-width: 56.26em) { .sc-form__group--text { font-size: 16px; line-height: 24px; } .sc-form__textarea { min-height: 200px; }} @media (min-width: 37.01em) { .sc-form__group--text { line-height: 1.44; } } @media (min-width: 56.26em) { .sc-form__group--text { margin-top: 40px; } } .sc-form__group--text a { color: #414a5c; transition: all .3s ease-in; box-shadow: 0 -2px 0 0 #2c72e5 inset; } .sc-form__group--text a:visited, .sc-form__group--text a:active { color: #414a5c; } .sc-form__group--text a:hover { color: #2c72e5; } .sc-form__group--html { color: #7e8599; font-size: 12px; line-height: 1.5; margin-top: 20px; width: 100%; text-align: center; } @media (min-width: 56.26em) { .sc-form__group--html { font-size: 14px; text-align: initial;} } @media (min-width: 37.01em) { .sc-form__group--html { line-height: 1.44; } } @media (min-width: 56.26em) { .sc-form__group--html { margin-top: 40px; width: 60%; display: block; float: left; margin-top: 0; } } .sc-form__group--html a { color: #7e8599; transition: all .3s ease-in; box-shadow: 0 -2px 0 0 #2c72e5 inset; } .sc-form__group--html a:visited, .sc-form__group--html a:active { color: #7e8599; } .sc-form__group--html a:hover { color: #2c72e5; } .sc-form__group--multi-select .sc-form__select { padding: 0; } .sc-form__group--multi-select .sc-form__select option { padding: 12px; } .sc-form__group--multi-select .sc-form__select:focus option:checked { outline: 0; background: #2c72e5 linear-gradient(0deg, #2c72e5 0%, #2c72e5 100%); } .sc-form__group--required .sc-form__label::before { content: '*'; color: #e43534; margin-right: 5px; } .sc-form__group--captcha { margin: 40px 0; } @media (min-width: 56.26em) { .sc-form__group--captcha { margin: 40px 0; } } .sc-form__char-count { float: right; font-size: 12px; line-height: 1; color: #414a5c; } @media (min-width: 56.26em) { .sc-form__char-count { font-size: 16px; } } @media (min-width: 37.01em) { .sc-form__char-count { line-height: 1.5; } } .sc-form__submit { width: 100%; } .field-validation-error { display: block; color: #e43534; font-size: 12px; line-height: 1; margin: 6px 0 16px 0; font-size: 14px; } @media (min-width: 56.26em) { .field-validation-error { font-size: 14px; } } @media (min-width: 37.01em) { .field-validation-error { line-height: 1; } .util-margin---captcha { margin: 0 auto 40px; padding-left: 0; } } .sc-form__submit{ width: 128px; background: #468cff; color: #ffffff; font-size: 12px; line-height: 18px; margin-bottom: 60px; padding: 8px 20px; text-decoration: none; border-radius: 25px !important; border: 1px solid #468cff; font-weight: 400; margin-left: 50%; transform: translateX(-50%); } @media (min-width: 56.26em) { .util-margin---captcha { margin: 0 auto 40px; padding-left: 0; } .sc-form__submit { float: right; width: 213px; line-height: 30px; font-size: 18px; margin-left: 0; transform: none; } } .sc-form__submit--center { float: none; margin-left: 50%; transform: translateX(-50%); } .sc-form__group--text--bottom-color { color: #7e8599; } .util-padding--none { padding: 0 ; } .wrapper-486 ~ .field-validation-error { width: 584px; margin-left: auto; } .theme--adtran .sc-form__group.sc-form__group--text h2 { font-size: 1.6rem; line-height: 1.38; color: #000; } .theme--adtran .sc-form__group.sc-form__group--text .rich-text { font-size: 1.2rem; line-height: 1.75; color: #404040; } @media (min-width: 37.01em) { .theme--adtran .sc-form__group.sc-form__group--text h2 { font-size: 3.2rem; line-height: 1.38; color: #000; } .theme--adtran .sc-form__group.sc-form__group--text .rich-text { font-size: 1.6rem; line-height: 1.75; } .theme--adtran .sc-form__group .rich-text.sc-form__small { font-size: 1.1rem; line-height: 1.45; font-family: 'poppinsmedium'; } } .theme--adtran .sc-form__label { margin-left: 0; padding-left: 0; font-size: 1.4rem; line-height: 1.75; color: #404040; font-family: 'poppinsregular'; } @media (min-width: 37.01em) { .theme--adtran .sc-form__label { font-size: 1.6rem; line-height: 1.75; } } .theme--adtran .sc-form__input { margin-left: 0; } .theme--adtran .sc-form__group { margin-left: 0; padding-left: 0; } .theme--adtran .rich-text { margin-left: 0; padding-left: 0; font-family: 'poppinsregular'; } .theme--adtran .sc-form__submit--center { margin-top: 40px; margin-left: 0; transform: none; } .theme--adtran .sc-form__submit { background: #00a0c8; border-color: #00a0c8; } .theme--adtran .sc-form__submit:hover { background: #0097bd; } .theme--adtran .form .stylish-select > span > span.ico { background: url('../svg/arrow-down-adtran.svg') 0 0 no-repeat; } .theme--adtran .sc-form__group--text + .sc-form__group--text { margin-top: 20px; } .theme--adtran .form .stylish-select > .dropdown-list .dropdown-option.option-selected, .theme--adtran .form .stylish-select > .dropdown-list .dropdown-option:hover { background-color: #F4F7F7; }