/** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /* nunito-300 - latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-300.eot?v=1552380523'); /* IE9 Compat Modes */ src: local('Nunito Light'), local('Nunito-Light'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-300.eot?#iefix?v=1552380523') format('embedded-opentype'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-300.woff2?v=1552380523') format('woff2'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-300.woff?v=1552380523') format('woff'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-300.ttf?v=1552380523') format('truetype'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-300.svg#Nunito?v=1552380523') format('svg'); /* IE6-IE8 */ /* Super Modern Browsers */ /* Modern Browsers */ /* Safari, Android, iOS */ /* Legacy iOS */ } /* nunito-300italic - latin */ @font-face { font-family: 'Nunito'; font-style: italic; font-weight: 300; src: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-300italic.eot?v=1552380523'); /* IE9 Compat Modes */ src: local('Nunito Light Italic'), local('Nunito-LightItalic'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-300italic.eot?#iefix?v=1552380523') format('embedded-opentype'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-300italic.woff2?v=1552380523') format('woff2'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-300italic.woff?v=1552380523') format('woff'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-300italic.ttf?v=1552380523') format('truetype'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-300italic.svg#Nunito?v=1552380523') format('svg'); /* IE6-IE8 */ /* Super Modern Browsers */ /* Modern Browsers */ /* Safari, Android, iOS */ /* Legacy iOS */ } /* nunito-regular - latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-regular.eot?v=1552380523'); /* IE9 Compat Modes */ src: local('Nunito Regular'), local('Nunito-Regular'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-regular.eot?#iefix?v=1552380523') format('embedded-opentype'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-regular.woff2?v=1552380523') format('woff2'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-regular.woff?v=1552380523') format('woff'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-regular.ttf?v=1552380523') format('truetype'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-regular.svg#Nunito?v=1552380523') format('svg'); /* IE6-IE8 */ /* Super Modern Browsers */ /* Modern Browsers */ /* Safari, Android, iOS */ /* Legacy iOS */ } /* nunito-italic - latin */ @font-face { font-family: 'Nunito'; font-style: italic; font-weight: 400; src: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-italic.eot?v=1552380523'); /* IE9 Compat Modes */ src: local('Nunito Italic'), local('Nunito-Italic'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-italic.eot?#iefix?v=1552380523') format('embedded-opentype'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-italic.woff2?v=1552380523') format('woff2'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-italic.woff?v=1552380523') format('woff'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-italic.ttf?v=1552380523') format('truetype'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-italic.svg#Nunito?v=1552380523') format('svg'); /* IE6-IE8 */ /* Super Modern Browsers */ /* Modern Browsers */ /* Safari, Android, iOS */ /* Legacy iOS */ } /* nunito-700 - latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-700.eot?v=1552380523'); /* IE9 Compat Modes */ src: local('Nunito Bold'), local('Nunito-Bold'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-700.eot?#iefix?v=1552380523') format('embedded-opentype'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-700.woff2?v=1552380523') format('woff2'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-700.woff?v=1552380523') format('woff'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-700.ttf?v=1552380523') format('truetype'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-700.svg#Nunito?v=1552380523') format('svg'); /* IE6-IE8 */ /* Super Modern Browsers */ /* Modern Browsers */ /* Safari, Android, iOS */ /* Legacy iOS */ } /* nunito-700italic - latin */ @font-face { font-family: 'Nunito'; font-style: italic; font-weight: 700; src: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-700italic.eot?v=1552380523'); /* IE9 Compat Modes */ src: local('Nunito Bold Italic'), local('Nunito-BoldItalic'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-700italic.eot?#iefix?v=1552380523') format('embedded-opentype'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-700italic.woff2?v=1552380523') format('woff2'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-700italic.woff?v=1552380523') format('woff'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-700italic.ttf?v=1552380523') format('truetype'), url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/fonts/Nunito/nunito-v9-latin-700italic.svg#Nunito?v=1552380523') format('svg'); /* IE6-IE8 */ /* Super Modern Browsers */ /* Modern Browsers */ /* Safari, Android, iOS */ /* Legacy iOS */ } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } * { -webkit-font-smoothing: antialiased; outline: none; } html, body, ul, ol, li { padding: 0; margin: 0; } ul, ol { list-style: none; } article, aside, footer, header, hgroup, main, nav, section { display: block; } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } #breadcrumb { background: #fff; height: 100px; } #breadcrumb ol { font-size: 0; } #breadcrumb ol li { color: #6b6b6b; display: inline-block; font-size: 1rem; line-height: 45px; } #breadcrumb ol li a { color: #6b6b6b; text-decoration: none; } #breadcrumb ol li.active { color: #2890a1; display: block; font-size: 1.8rem; font-weight: 700; line-height: 1.8rem; } #breadcrumb ol li:after { content: ''; background: #a71c46; display: inline-block; margin: 0 10px; width: 1px; height: 9px; } #breadcrumb ol li:nth-last-of-type(2):after, #breadcrumb ol li:last-of-type:after { content: none; } @media (max-width: 768px) { #breadcrumb { height: 40px; position: fixed; top: 60px; width: 100%; z-index: 50; } #breadcrumb ol li { display: none; } #breadcrumb ol li:nth-last-of-type(2):not(:first-of-type) { display: block; font-size: 0; height: 40px; left: 0; position: absolute; top: 0; width: 40px; } #breadcrumb ol li:nth-last-of-type(2):not(:first-of-type) a { display: block; height: 100%; margin: 0; width: 100%; } #breadcrumb ol li:nth-last-of-type(2):not(:first-of-type):before, #breadcrumb ol li:nth-last-of-type(2):not(:first-of-type):after { content: ''; display: block; pointer-events: none; position: absolute; } #breadcrumb ol li:nth-last-of-type(2):not(:first-of-type):before { border-left: 2px solid #161314; border-bottom: 2px solid #161314; height: 10px; left: 10px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 10px; } #breadcrumb ol li:nth-last-of-type(2):not(:first-of-type):after { border-top: 2px solid #161314; height: 0; left: 10px; margin: 0; top: 50%; transform: translateY(-50%); width: 20px; } #breadcrumb ol li.active { display: block; font-size: 1.2rem; line-height: 40px; margin: 0 40px; max-width: calc(100% - 80px); overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } @keyframes cycle1 { 0% { margin-top: -60px; } 5% { margin-top: 0; } 20% { margin-top: 0; } 25% { margin-top: 60px; } 100% { margin-top: 60px; } } @keyframes cycle2 { 0% { margin-top: -60px; } 25% { margin-top: -60px; } 30% { margin-top: 0; } 45% { margin-top: 0; } 50% { margin-top: 60px; } 100% { margin-top: 60px; } } @keyframes cycle3 { 0% { margin-top: -60px; } 50% { margin-top: -60px; } 55% { margin-top: 0; } 70% { margin-top: 0; } 75% { margin-top: 60px; } 100% { margin-top: 60px; } } @keyframes cycle4 { 0% { margin-top: -60px; } 75% { margin-top: -60px; } 80% { margin-top: 0; } 95% { margin-top: 0; } 100% { margin-top: 60px; } } footer { background: #231f20; color: #fff; /*height: 390px;*/ width: 100%; } footer .usps { height: 80px; } footer .usps ul { font-size: 0; margin: 0 -10px 0; } footer .usps ul li { color: #fff; display: inline-block; font-size: 1.2rem; /*font-size: $fMedium;*/ font-weight: 700; line-height: 25px; margin: 0 10px; padding: 27px 0; vertical-align: top; width: calc(25% - 20px); } footer .usps ul li:before { background: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/shock-p.svg?v=1552380523') no-repeat; background-size: cover; content: ''; display: inline-block; height: 25px; margin-right: 15px; vertical-align: bottom; width: 25px; } @media (max-width: 1100px) { footer .usps ul li { font-size: 1rem; } } @media (max-width: 1023px) { footer .usps { height: 60px; } footer .usps ul { margin: 0; position: relative; } footer .usps ul li { animation-iteration-count: infinite !important; font-size: 1.2rem; line-height: 24px; margin: 0; padding: 17px 0; position: absolute; text-align: center; width: calc(100%); } footer .usps ul li:nth-of-type(1) { animation: cycle1 10000ms; } footer .usps ul li:nth-of-type(2) { animation: cycle2 10000ms; } footer .usps ul li:nth-of-type(3) { animation: cycle3 10000ms; } footer .usps ul li:nth-of-type(4) { animation: cycle4 10000ms; } } footer .contact { box-sizing: border-box; height: 170px; padding: 5px 0; } footer .contact .columns { padding-top: 30px; } footer .contact .icon { background: no-repeat center; border: 1px solid transparent; border-radius: 20px; box-sizing: border-box; cursor: pointer; display: inline-block; float: left; height: 40px; margin-right: 20px; width: 40px; } footer .contact .icon.call { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyMSAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8cGF0aCBkPSJNMjIuMzQwMTA5OCwzMS41NjQ1NDU3IEMxMi44MTYxNDg5LDI0LjI0ODk4NDEgMTAuMTkyNzY2NCwxNS4wNjE1OTk1IDEwLjA4NjA1NjQsMTQuNjczNzcxOSBMMTAsMTQuMzYzMjAzOCBMMTAuMDExNDc0MiwxNC4wNDE1NDM5IEMxMC4wMjI1NjU5LDEzLjcxNDE0NyAxMC4yMzM2OTEsMTAuNzkxMjg4MiAxNC4xMTk5OTk1LDguOTg0MTAzMSBMMTYuMjM2MjIyNyw4IEwxOC45MTg1MDYxLDE1Ljc5MTM1OCBMMTUuOTM0MDY5LDE3LjY3OTYyNzQgQzE3LjA3NjUxNiwxOS44MTE1MzIgMTguODQ3MzY2MSwyMi41MjEzNTM0IDIxLjQ3MjI3ODUsMjUuMTkxNzgwMSBMMjQuOTE3OTc4LDIyLjY2ODk4OCBMMzAuODc1Mzc3OCwyNy44NDk1ODUyIEwyOS4zNTA0NTc5LDI5LjQ0MzM1MDMgQzI3LjQ1NTY4NjUsMzEuNDI0MTc4MSAyNC4yNzU4MDU4LDMxLjkyNzg5NTEgMjMuOTE5MzQwOSwzMS45Nzg3NjQgQzIzLjM1ODYzNTQsMzIuMDU5MDgzMyAyMi43ODkxMzMxLDMxLjkwOTUzNjQgMjIuMzQwMTA5OCwzMS41NjQ1NDU3IFoiIGlkPSJwaG9uZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); } footer .contact .icon.consult { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAzMCAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4wMDAwMDAsIC0xMi4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiNGRkZGRkYiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi42NDg0MjIsMjUuOTc3MDUyMSBDMTYuMjM5MDUyNiwyNi4yMDU5NzI2IDE2LjAxNTc2MDEsMjYuNzAxOTY2OSAxNi4yMDE4MzcyLDI3LjE1OTgwNzggQzE2LjMxMzQ4MzQsMjcuNTAzMTg4NCAxNi40NjIzNDUsMjcuODA4NDE1NyAxNi42NDg0MjIsMjguMDc1NDg5NiBDMTYuMDE1NzYwMSwyNy44NDY1NjkxIDE1LjM0NTg4MjgsMjcuNDY1MDM1IDE0LjY3NjAwNTUsMjcuMDA3MTk0MSBDMTQuNTI3MTQzOSwyNi44OTI3MzM5IDE0LjMwMzg1MTUsMjYuODE2NDI3MSAxNC4xMTc3NzQ0LDI2LjgxNjQyNzEgTDEzLjk2ODkxMjgsMjYuODE2NDI3MSBDMTMuNDg1MTEyNSwyNi44OTI3MzM5IDEzLjAzODUyNzcsMjYuOTMwODg3MyAxMi41NTQ3Mjc0LDI2LjkzMDg4NzMgQzguMzg2NjAxOTMsMjYuOTMwODg3MyA1LDI0LjEwNzUzNTEgNSwyMC42MzU1NzUgQzUsMTguOTk0OTc4NSA1Ljc4MTUyMzUyLDE3LjQzMDY4ODggNy4xNTg0OTM1NCwxNi4yNDc5MzMxIEM4LjYwOTg5NDM3LDE1LjAyNzAyNDEgMTAuNTA3ODgwMSwxNC4zNDAyNjI3IDEyLjU1NDcyNzQsMTQuMzQwMjYyNyBDMTYuNzIyODUyOCwxNC4zNDAyNjI3IDIwLjEwOTQ1NDgsMTcuMTYzNjE0OSAyMC4xMDk0NTQ4LDIwLjYzNTU3NSBDMjAuMTA5NDU0OCwyMS4zMjIzMzY0IDE5Ljk2MDU5MzIsMjEuOTcwOTQ0MyAxOS43MzczMDA3LDIyLjU4MTM5ODggQzE5LjczNzMwMDcsMjIuNjE5NTUyMiAxOS43MDAwODUzLDIyLjY1NzcwNTYgMTkuNzAwMDg1MywyMi42NTc3MDU2IEMxOS4xNzkwNjk2LDI0LjAzMTIyODMgMTguMDk5ODIyOSwyNS4xNzU4MzA2IDE2LjY0ODQyMiwyNS45NzcwNTIxIFogTTMyLjc0NzY3NDQsMjEuNTEzMTAzNCBDMzEuNTkzOTk2OCwyMy4wMzkyMzk3IDI5Ljg0NDg3MjcsMjQuMTA3NTM1MSAyNy44MzUyNDA4LDI0LjUyNzIyMjYgQzI3LjM4ODY1NTksMjQuNjQxNjgyOSAyNi45MDQ4NTU2LDI0LjY3OTgzNjMgMjYuNDU4MjcwOCwyNC43MTc5ODk3IEMyNi4xOTc3NjI5LDI0LjcxNzk4OTcgMjUuOTc0NDcwNSwyNC44MzI0NDk5IDI1LjgyNTYwODksMjUuMDIzMjE2OSBDMjUuMzA0NTkzMiwyNS42MzM2NzE1IDI0LjcwOTE0NjcsMjYuMTI5NjY1OCAyNC4xMTM3MDAyLDI2LjQ3MzA0NjQgQzI0LjIyNTM0NjQsMjYuMTY3ODE5MiAyNC4yOTk3NzcyLDI1LjgyNDQzODUgMjQuMzM2OTkyNiwyNS40ODEwNTc4IEMyNC40MTE0MjM0LDI0Ljk4NTA2MzUgMjQuMTEzNzAwMiwyNC41MjcyMjI2IDIzLjY2NzExNTMsMjQuNDEyNzYyNCBDMjIuNTUwNjUzMiwyNC4xMDc1MzUxIDIxLjU0NTgzNzIsMjMuNTM1MjM0IDIwLjc2NDMxMzcsMjIuODEwMzE5MyBDMjAuOTg3NjA2MSwyMi4xMjM1NTc5IDIxLjA5OTI1MjMsMjEuMzk4NjQzMiAyMS4wOTkyNTIzLDIwLjYzNTU3NSBDMjEuMDk5MjUyMywxOS4wMzMxMzE5IDIwLjU3ODIzNjYsMTcuNTgzMzAyNCAxOS42ODUwNjY5LDE2LjMyNDIzOTkgQzIwLjY4OTg4MjksMTQuMzAyMTA5MyAyMi43NzM5NDU2LDEyLjc3NTk3MyAyNS4yNjczNzc4LDEyLjIwMzY3MTkgQzI3LjI3NzAwOTcsMTEuNzgzOTg0NCAyOS4yODY2NDE2LDEyLjAxMjkwNDggMzAuOTI0MTE5NSwxMi44OTA0MzMyIEMzMi41MjQzODE5LDEzLjc2Nzk2MTYgMzMuNTY2NDEzMywxNS4xMDMzMzA5IDMzLjkwMTM1MTksMTYuNzA1Nzc0IEMzNC4yNzM1MDYsMTguMzg0NTI0IDMzLjg2NDEzNjUsMjAuMDYzMjczOSAzMi43NDc2NzQ0LDIxLjUxMzEwMzQgWiIgaWQ9IkNyZWF0ZWQtYnktU29mw61hLU1veWEiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); } footer .contact .icon:hover { border: 1px solid #fff; } footer .contact .icon a { display: block; height: 100%; } footer .contact h2 { font-size: 1.2rem; line-height: 24px; margin: 8px 0 0 60px; } footer .contact p { font-size: 1rem; line-height: 24px; margin: 0 0 0 60px; } footer .contact a { color: #2890a1; } footer .contact a[href^="tel:"] { font-weight: 700; text-decoration: none; } @media (max-width: 1023px) { footer .contact { height: 125px; } footer .contact .columns { padding-top: 15px; } } @media (max-width: 668px) { footer .contact { height: 170px; } footer .contact .columns { padding-top: 15px; } footer .contact .icon { display: block; float: none; margin: 0 auto; } footer .contact h2 { margin: 15px 0 0; text-align: center; } footer .contact p { display: none; } } footer .bottom { background: #161314; height: 140px; position: relative; } footer .bottom nav.social { font-size: 0; position: absolute; left: 10px; top: 50%; transform: translate(0, -50%); } footer .bottom nav.social ul li { display: inline-block; margin-right: 40px; } footer .bottom nav.social .social { border-radius: 20px; display: inline-block; height: 40px; transition: background 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 40px; } footer .bottom nav.social .social.facebook { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48ZyBmaWxsPSJub25lIj48ZyBmaWxsPSIjRkZGIj48cGF0aCBkPSJNMTQuMyA0LjhDMTQuMyA0LjggMTAuOCA0LjQgOS45IDUuOCA5LjUgNi41IDkuNyA4LjYgOS43IDEwLjJMMTQuNCAxMC4yQzE0IDEyIDEzLjcgMTMuMiAxMy40IDE0LjhMOS43IDE0LjggOS43IDI5LjUgMy4yIDI5LjVDMy4yIDI1IDMuMiAxOS43IDMuMiAxNC44TDAuNSAxNC44IDAuNSAxMC4yIDMuMiAxMC4yQzMuMyA2LjggMy40IDMuNCA1LjEgMS43IDctMC4yIDguOCAwIDE0LjMgMEwxNC4zIDQuOFoiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat center; background-size: 10px 22px; } footer .bottom nav.social .social.linkedin { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDIwIDE4Ij48ZyBmaWxsPSJub25lIj48ZyBmaWxsPSIjRkZGIj48cGF0aCBkPSJNMTUuMDQ2IDE3LjQyOUwxNS4wNDYgMTEuMjVDMTUuMDQ2IDkuOTg0IDE0LjY3IDguNzE2IDEzLjEzNiA4LjcxNiAxMS42MDIgOC43MTYgMTAuOTYxIDkuOTg0IDEwLjk2MSAxMS4yODFMMTAuOTYxIDE3LjQyOSA2Ljg2OSAxNy40MjkgNi44NjkgNi4xMTcgMTAuOTYxIDYuMTE3IDEwLjk2MSA3LjY0QzEyLjAzOCA2LjMwOSAxMi45NzMgNS43NiAxNC42NyA1Ljc2IDE2LjM2NyA1Ljc2IDE5LjEyNyA2LjUzIDE5LjEyNyAxMC45OThMMTkuMTI3IDE3LjQyOSAxNS4wNDYgMTcuNDI5IDE1LjA0NiAxNy40MjlaTTMuMDg4IDQuNDM5QzEuODI1IDQuNDM5IDAuODAyIDMuNTQ3IDAuODAyIDIuNDQ1IDAuODAyIDEuMzQxIDEuODI1IDAuNDQ4IDMuMDg4IDAuNDQ4IDQuMzQ5IDAuNDQ4IDUuMzcyIDEuMzQxIDUuMzcyIDIuNDQ1IDUuMzcyIDMuNTQ3IDQuMzQ5IDQuNDM5IDMuMDg4IDQuNDM5TDMuMDg4IDQuNDM5Wk0xLjAzMSA2LjExN0w1LjEyOSA2LjExNyA1LjEyOSAxNy40MjkgMS4wMzEgMTcuNDI5IDEuMDMxIDYuMTE3WiIvPjwvZz48L2c+PC9zdmc+) no-repeat center; background-size: 21px 20px; } footer .bottom nav.social .social.twitter { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDIyIDE4Ij48ZyBmaWxsPSJub25lIj48ZyBmaWxsPSIjRkZGIj48cGF0aCBkPSJNMTguMDYxIDEuNzkxQzE4Ljc5NiAxLjczIDE5Ljc1MiAxLjMzIDIwLjMxNSAxLjA1MiAyMC40OTcgMC45NTUgMjAuNjc5IDAuODU4IDIwLjg2MiAwLjc2MSAyMC41NDEgMS42MDYgMjAuMTA0IDIuMjY3IDE5LjQzNSAyLjc3IDE5LjI4NiAyLjg4MSAxOS4xMzggMy4wMzEgMTguOTUyIDMuMTAzIDE5LjkwNiAzLjEwMyAyMC42OTQgMi42ODQgMjEuNDQxIDIuNDU3IDIxLjA0OSAzLjA3NSAyMC41MTcgMy42OTEgMTkuOTUgNC4xMzMgMTkuNzIxIDQuMzEgMTkuNDkyIDQuNDg3IDE5LjI2MyA0LjY2NCAxOS4yNzUgNS42NDcgMTkuMjQ4IDYuNTg1IDE5LjA1OSA3LjQxMSAxNy45NiAxMi4yMTMgMTUuMDUgMTUuNDc0IDEwLjQ0MiAxNi44NzEgOC43ODcgMTcuMzcyIDYuMTEzIDE3LjU3OCA0LjIxNyAxNy4xMiAzLjI3NyAxNi44OTQgMi40MjggMTYuNjM3IDEuNjMxIDE2LjI5OSAxLjE4OSAxNi4xMSAwLjc3OCAxNS45MDYgMC4zODYgMTUuNjc0IDAuMjU3IDE1LjU5OCAwLjEyOSAxNS41MjEgMCAxNS40NDUgMC40MjggMTUuNDU4IDAuOTI4IDE1LjU3MiAxLjQwNiAxNS40OTcgMS44MzggMTUuNDI5IDIuMjYyIDE1LjQ0NyAyLjY2MSAxNS4zNjIgMy42NTcgMTUuMTQ5IDQuNTQgMTQuODY5IDUuMzAxIDE0LjQzNiA1LjY3IDE0LjIyNiA2LjIzIDEzLjk3OSA2LjQ5MyAxMy42NzYgNS45OTggMTMuNjg0IDUuNTUgMTMuNTczIDUuMTgzIDEzLjQ0NyAzLjc2IDEyLjk1OCAyLjkzMiAxMi4wNiAyLjM5MyAxMC43MSAyLjgyNCAxMC43NTYgNC4wNjYgMTAuODY1IDQuMzU3IDEwLjYyNyAzLjgxNCAxMC41OTggMy4yOTIgMTAuMjkyIDIuOTE5IDEwLjA2NSAxLjc3NCA5LjM2OCAwLjg0MSA4LjE5OSAwLjg0OCA2LjQwMiAwLjk5OCA2LjQ3MSAxLjE0OCA2LjU0IDEuMjk4IDYuNjA5IDEuNTg2IDYuNzI4IDEuODc4IDYuNzkxIDIuMjIxIDYuODU5IDIuMzY2IDYuODg4IDIuNjU2IDYuOTcxIDIuODIyIDYuOTExIDIuNTc5IDYuNjYxIDIuMjE5IDYuNDkzIDEuOTk2IDYuMjI1IDEuMjYxIDUuMzM3IDAuNTczIDMuOTcgMS4wMDkgMi4zNDMgMS4xMTkgMS45MyAxLjI5NCAxLjU2NiAxLjQ4MSAxLjIyOSAxLjU4OCAxLjQxNCAxLjc3OSAxLjU0MiAxLjg5OSAxLjY4NyAyLjI3NSAyLjEzOSAyLjczNyAyLjU0NiAzLjIwOSAyLjkwNSA0LjgxNSA0LjEyNyA2LjI2MiA0Ljg3OCA4LjU4NSA1LjQzMyA5LjE3NCA1LjU3NSA5Ljg1NiA1LjY4MyAxMC41NiA1LjY4NCAxMC4zNjIgNS4xMjMgMTAuNDI2IDQuMjE3IDEwLjU4MSAzLjY3NSAxMC45NzMgMi4zMTIgMTEuODIzIDEuMzI5IDEzLjA3MSAwLjgwMyAxMy4zNjkgMC42NzcgMTMuNyAwLjU4NSAxNC4wNDcgMC41MTEgMTQuMjI2IDAuNDkgMTQuNDA1IDAuNDcgMTQuNTg0IDAuNDQ5IDE2LjI4OCAwLjQyIDE3LjE5NSAxLjAyMyAxOC4wNjEgMS43OTFaIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat center; background-size: 20px 16px; } footer .bottom nav.social .social.youtube { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAyMiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS4wMDAwMDAsIC0xMi4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8cGF0aCBkPSJNMjkuOTU0MDk4NCwxNS45NzQyMzAyIEMyOS45NTQwOTg0LDE1Ljk3NDIzMDIgMzAuMTYzOTM0NCwxNy43Mzg3MTgzIDMwLjE2MzkzNDQsMTkuNTAyNTI1MSBMMzAuMTYzOTM0NCwyMS4xNTY2NDc2IEMzMC4xNjM5MzQ0LDIyLjkyMTEzNTYgMjkuOTU0MDk4NCwyNC42ODQ5NDI1IDI5Ljk1NDA5ODQsMjQuNjg0OTQyNSBDMjkuOTU0MDk4NCwyNC42ODQ5NDI1IDI5Ljc0ODg1MjUsMjYuMTg3MTQxOCAyOS4xMiwyNi44NDg2NTQ1IEMyOC4zMjE5NjcyLDI3LjcxNzI3MzEgMjcuNDI3NTQxLDI3LjcyMTM2MDggMjcuMDE3NzA0OSwyNy43NzI0NTYgQzI0LjA4MTMxMTUsMjcuOTkzMTg3MyAxOS42NzIxMzExLDI4IDE5LjY3MjEzMTEsMjggQzE5LjY3MjEzMTEsMjggMTQuMjE2MzkzNCwyNy45NDgyMjM1IDEyLjUzNzcwNDksMjcuNzgwNjMxMiBDMTIuMDcwODE5NywyNy42OTAwMjI0IDExLjAyMjI5NTEsMjcuNzE3MjczMSAxMC4yMjM2MDY2LDI2Ljg0ODY1NDUgQzkuNTk0NzU0MSwyNi4xODcxNDE4IDkuMzkwMTYzOTMsMjQuNjg0OTQyNSA5LjM5MDE2MzkzLDI0LjY4NDk0MjUgQzkuMzkwMTYzOTMsMjQuNjg0OTQyNSA5LjE4MDMyNzg3LDIyLjkyMTEzNTYgOS4xODAzMjc4NywyMS4xNTY2NDc2IEw5LjE4MDMyNzg3LDE5LjUwMjUyNTEgQzkuMTgwMzI3ODcsMTcuNzM4NzE4MyA5LjM5MDE2MzkzLDE1Ljk3NDIzMDIgOS4zOTAxNjM5MywxNS45NzQyMzAyIEM5LjM5MDE2MzkzLDE1Ljk3NDIzMDIgOS41OTQ3NTQxLDE0LjQ3MjAzMDkgMTAuMjIzNjA2NiwxMy44MTA1MTgyIEMxMS4wMjIyOTUxLDEyLjk0MTg5OTYgMTEuOTE2MDY1NiwxMi45Mzc4MTE5IDEyLjMyNjU1NzQsMTIuODg3Mzk4IEMxNS4yNjI5NTA4LDEyLjY2NjY2NjcgMTkuNjY3NTQxLDEyLjY2NjY2NjcgMTkuNjY3NTQxLDEyLjY2NjY2NjcgTDE5LjY3NjcyMTMsMTIuNjY2NjY2NyBDMTkuNjc2NzIxMywxMi42NjY2NjY3IDI0LjA4MTMxMTUsMTIuNjY2NjY2NyAyNy4wMTc3MDQ5LDEyLjg4NzM5OCBDMjcuNDI3NTQxLDEyLjkzNzgxMTkgMjguMzIxOTY3MiwxMi45NDE4OTk2IDI5LjEyLDEzLjgxMDUxODIgQzI5Ljc0ODg1MjUsMTQuNDcyMDMwOSAyOS45NTQwOTg0LDE1Ljk3NDIzMDIgMjkuOTU0MDk4NCwxNS45NzQyMzAyIFogTTE3LjUwNTU3MzgsMjMuMTYwOTQyNSBMMjMuMTc0NDI2MiwyMC4xMDg4NTUgTDE3LjUwNDkxOCwxNy4wMzU2NDgyIEwxNy41MDU1NzM4LDIzLjE2MDk0MjUgWiIgaWQ9InlvdXR1YmUiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) no-repeat center; } footer .bottom nav.social .social.instagram { background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS43NSAyMS43NSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiNmOWY5Zjk7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pbnN0YWdyYW0taWNvbi13aXQyPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNS4yLjI2SDcuMDVBNi43OSw2Ljc5LDAsMCwwLC4yNSw3LjA1djguMTZBNi43OSw2Ljc5LDAsMCwwLDcuMDUsMjJIMTUuMkE2Ljc5LDYuNzksMCwwLDAsMjIsMTUuMjFWNy4wNUE2Ljc5LDYuNzksMCwwLDAsMTUuMi4yNlptNC43NiwxNUE0Ljc2LDQuNzYsMCwwLDEsMTUuMiwyMEg3LjA1YTQuNzYsNC43NiwwLDAsMS00Ljc2LTQuNzZWNy4wNUE0Ljc2LDQuNzYsMCwwLDEsNy4wNSwyLjI5SDE1LjJBNC43Niw0Ljc2LDAsMCwxLDIwLDcuMDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4yNSAtMC4yNikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMC45LDUuNjlhNS42Niw1LjY2LDAsMSwwLDUuNjYsNS42NkE1LjY2LDUuNjYsMCwwLDAsMTAuOSw1LjY5Wm0wLDkuMTlhMy41NCwzLjU0LDAsMSwxLDMuNTQtMy41M0EzLjU0LDMuNTQsMCwwLDEsMTAuOSwxNC44OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjI1IC0wLjI2KSIvPjxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMTYuMjIiIGN5PSI0LjUzIiByPSIxLjIyIi8+PC9zdmc+) no-repeat center; background-size: 22px 22px; } footer .bottom nav.social .social:hover { background-color: #2890a1; transition: background 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } footer .bottom div.copy { font-size: 1rem; position: absolute; left: 50%; line-height: 30px; top: 50%; transform: translate(-50%, -50%); vertical-align: middle; text-align: center; } footer .bottom div.copy .seperator { background: #fff; height: 16px; margin: 0 20px; width: 1px; } footer .bottom div.copy a { color: #2890a1; display: inline-block; vertical-align: middle; } footer .bottom div.certificates { font-size: 0; position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); } footer .bottom div.certificates img { margin-left: 60px; } @media (max-width: 1023px) { footer .bottom { height: 170px; } footer .bottom nav.social { padding: 15px 0; position: static; transform: none; } footer .bottom nav.social ul li { margin: 0; text-align: center; width: calc(20%); } footer .bottom div.copy { font-size: 1.2rem; position: static; text-align: center; transform: none; } footer .bottom div.certificates { display: none; } } body.short-content footer { bottom: 0; position: fixed; } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } header { background: rgba(255, 255, 255, 0); box-sizing: border-box; height: 140px; padding: 45px 0; position: fixed; top: 0; transition: background 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), height 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), padding 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transform: translate3d(0, 0, 0); width: 100%; z-index: 999; /* This fixes the position of the my-shock-media button on landsape modes - not sure how to do this better */ } header nav { height: 60px; } header nav ul { float: right; font-size: 0; margin: 10px 0; } header nav ul li { display: inline-block; margin-left: 34px; vertical-align: middle; } header nav ul li a { color: #fff; font-size: 15px; font-weight: 700; line-height: 40px; text-decoration: none; } header nav ul li a:hover { text-decoration: underline; } @media (max-width: 1270px) { header nav ul li { margin-left: 15px; } } header nav .toggle { display: none !important; } header nav .home { background: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/shockmedia-w.svg?v=1552380523') no-repeat; background-size: contain; display: inline-block; float: left; font-size: 0; height: 30px; margin: 10px 0 20px; width: 142px; } header nav .extra li:last-of-type { margin-left: 10px; } @media (max-width: 1270px) { header nav .extra li { margin-left: 10px; } } header nav .service-status { /*@extend .btn.dashed;*/ border-radius: 50% !important; height: 42px !important; width: 42px !important; } header nav .service-status:before, header nav .service-status:after { content: ''; display: block; height: 100%; left: 0; position: absolute; transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); top: 0; width: 100%; } header nav .service-status:before { background: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/notification-w.svg?v=1552380523') no-repeat center; opacity: 1; } header nav .service-status:after { background: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/notification-g.svg?v=1552380523') no-repeat center; opacity: 0; } header nav .service-status .count { background: #a71c46; border: 1px solid #fff; border-radius: 100%; color: #fff; display: inline-block; font-size: 10px; height: 16px; line-height: 16px; position: absolute; right: -3px; text-align: center; top: -3px; width: 16px; } header nav .service-status .desc { font-size: 1rem; background: rgba(22, 19, 20, 0.5); border: 1px solid #fff; color: #fff; opacity: 0; padding: 10px; pointer-events: none; position: absolute; left: 50%; top: 110%; transform: translateX(-50%); transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 180px; z-index: 999; } header nav .service-status:hover .desc { opacity: 1; pointer-events: all; transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } header.lock { background: rgba(255, 255, 255, 1); height: 60px; padding: 0; } header.lock a { color: #231f20; } header.lock .home { background: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/shockmedia-c.svg?v=1552380523') no-repeat; background-size: contain; } @media (max-width: 1100px) { header.lock .home { background-position: top 10px center; } } header.lock .service-status { border: 1px solid #2890a1; color: #2890a1; } header.lock .service-status:before, header.lock .service-status:after { transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } header.lock .service-status:before { opacity: 0; } header.lock .service-status:after { opacity: 1; } header.lock .service-status:hover:before { opacity: 1; } header.lock .service-status:hover:after { opacity: 0; } header.lock .my-shock-media { border: 1px solid #2890a1; color: #2890a1; } header.lock .my-shock-media:hover { color: #fff; } @media (max-width: 1100px) { header { height: 60px; padding: 5px 0; } } @media (max-width: 1023px) { header { padding: 10px 0; } header .service-status .desc { display: none; } header nav .home { display: block; } header nav .my-shock-media { padding: 10px 20px !important; } } @media (max-width: 1100px) { header { height: 60px; padding: 0; } header nav { position: relative; } header nav .toggle { width: 42px; height: 42px; border-color: #fff !important; background-color: transparent !important; display: block !important; left: 0; position: absolute !important; top: 10px; z-index: 100; } header nav .toggle span { background: #fff; border-radius: 2px; display: block; height: 2px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: background 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 18px; } header nav .toggle span:before, header nav .toggle span:after { background: #fff; border-radius: 2px; content: ''; display: block; height: 2px; left: 0; position: absolute; transform: rotate(0); transition: background 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), top 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 250ms, bottom 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 250ms; width: 18px; } header nav .toggle span:before { bottom: 6px; } header nav .toggle span:after { top: 6px; } header nav a { color: #fff !important; } header nav .home { background-position: top 10px center; display: block; float: none; margin: 0 auto; padding: 10px 0 20px; position: relative; z-index: 100; } header nav .service-status { position: absolute !important; right: 0; top: 10px; z-index: 100; } header nav .service-status .desc { left: auto; right: 50%; transform: none; } header nav .my-shock-media { top: 80vh; left: 10px; position: absolute !important; z-index: 100; } header nav .contact { display: none !important; right: 10px; padding: 0; position: absolute; top: 80vh; z-index: 100; } header nav .main { background: #2890a1; background: -webkit-linear-gradient(left, #2890a1, #a71c46); background: -o-linear-gradient(right, #2890a1, #a71c46); background: -moz-linear-gradient(right, #2890a1, #a71c46); background: linear-gradient(to right, #2890a1, #a71c46); box-sizing: border-box; height: 100vh; left: 0; margin: 0 -20px; padding-top: 60px; position: absolute; top: 0; width: calc(100vw + 10px); z-index: 50; } header nav .main li { display: block; margin: 0 20px !important; } header nav .main li a { display: block; line-height: 25px; padding: 15px 0; } header nav .my-shock-media, header nav .main { opacity: 0; pointer-events: none; transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } header.lock .toggle { border: 1px solid #2890a1 !important; color: #2890a1; } header.lock .toggle span { background-color: #2890a1; } header.lock .toggle span:before, header.lock .toggle span:after { background-color: #2890a1; } header.open .toggle { border: 1px solid #fff !important; } header.open .toggle span { background: transparent; } header.open .toggle span:before, header.open .toggle span:after { background: #fff !important; transition: background 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 250ms, top 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), bottom 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } header.open .toggle span:before { bottom: 0; transform: rotate(45deg); } header.open .toggle span:after { top: 0; transform: rotate(-45deg); } header.open .home { background-image: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/shockmedia-w.svg?v=1552380523'); } header.open .service-status { border: 1px solid #fff; color: #fff; } header.open .service-status:before, header.open .service-status:after { transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } header.open .service-status:before { opacity: 1; } header.open .service-status:after { opacity: 0; } header.open .service-status:hover:before { opacity: 0; } header.open .service-status:hover:after { opacity: 1; } header.open .my-shock-media { border: 1px solid #fff; color: #fff; } header.open .contact { display: block !important; margin: 0; } header.open .my-shock-media, header.open .main { opacity: 1; pointer-events: all; transition: opacity 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } } @media screen and (max-width: 768px) and (orientation: landscape) { header nav .my-shock-media { left: inherit !important; right: 140px; } } @media screen and (max-height: 560px) { header nav .main li a { padding: 12px 0; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } main { padding-top: 140px; } @media (max-width: 1100px) { main { padding-top: 70px; } } @media (max-width: 668px) { main { padding-top: 100px; } } @media (max-width: 668px) { .home main { padding-top: 60px; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } article.news, article.details, article.product { height: 540px; margin-bottom: 20px; position: relative; } article.news figure, article.details figure, article.product figure { background: rgba(0, 0, 0, 0.1); height: 100%; margin: 0; overflow: hidden; position: relative; width: 100%; } article.news figure img, article.details figure img, article.product figure img { left: 50%; position: absolute; transform: translateX(-50%); } article.news figure figcaption, article.details figure figcaption, article.product figure figcaption { background: #fff; bottom: 0; box-sizing: border-box; height: 290px; padding: 30px; position: absolute; right: 0; } article.news figure figcaption time, article.details figure figcaption time, article.product figure figcaption time { background: #2890a1; bottom: 100%; box-sizing: border-box; color: #fff; height: 95px; padding: 10px 0; position: absolute; right: 0; width: 60px; } article.news figure figcaption time .day, article.details figure figcaption time .day, article.product figure figcaption time .day, article.news figure figcaption time .month, article.details figure figcaption time .month, article.product figure figcaption time .month, article.news figure figcaption time .year, article.details figure figcaption time .year, article.product figure figcaption time .year { display: block; font-weight: 700; text-align: center; } article.news figure figcaption time .day, article.details figure figcaption time .day, article.product figure figcaption time .day { font-size: 1.8rem; line-height: 25px; } article.news figure figcaption time .month, article.details figure figcaption time .month, article.product figure figcaption time .month { font-size: 1.2rem; line-height: 30px; text-transform: uppercase; } article.news figure figcaption time .year, article.details figure figcaption time .year, article.product figure figcaption time .year { font-size: 1rem; line-height: 20px; } article.news figure figcaption h1, article.details figure figcaption h1, article.product figure figcaption h1, article.news figure figcaption h2, article.details figure figcaption h2, article.product figure figcaption h2 { color: #161314; font-size: 1.2rem; font-weight: 700; height: 3.733334rem; margin: 0 0 15px; overflow: hidden; line-height: 1.866667rem; } article.news figure figcaption p, article.details figure figcaption p, article.product figure figcaption p { color: #161314; font-size: 1.2rem; height: 9.333335rem; line-height: 1.866667rem; overflow: hidden; position: relative; margin: 0 0 15px; } article.news figure figcaption p:after, article.details figure figcaption p:after, article.product figure figcaption p:after { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */ bottom: 0; content: ''; height: 1.5em; position: absolute; right: 0; width: 100%; } @media (max-width: 1023px) { article.news figure figcaption p, article.details figure figcaption p, article.product figure figcaption p { height: 11.200002rem; } } article.news figure figcaption a, article.details figure figcaption a, article.product figure figcaption a, article.news figure figcaption div.btn, article.news figure figcaption header nav div.service-status, header nav article.news figure figcaption div.service-status, article.news figure figcaption header nav div.my-shock-media, header nav article.news figure figcaption div.my-shock-media, article.news figure figcaption header nav div.toggle, header nav article.news figure figcaption div.toggle, article.details figure figcaption div.btn, article.details figure figcaption header nav div.service-status, header nav article.details figure figcaption div.service-status, article.details figure figcaption header nav div.my-shock-media, header nav article.details figure figcaption div.my-shock-media, article.details figure figcaption header nav div.toggle, header nav article.details figure figcaption div.toggle, article.product figure figcaption div.btn, article.product figure figcaption header nav div.service-status, header nav article.product figure figcaption div.service-status, article.product figure figcaption header nav div.my-shock-media, header nav article.product figure figcaption div.my-shock-media, article.product figure figcaption header nav div.toggle, header nav article.product figure figcaption div.toggle { bottom: 10px; position: absolute; right: 10px; } article.news.d_twothird figure img, article.details.d_twothird figure img, article.product.d_twothird figure img { height: 100%; max-width: none; } article.news.d_twothird figure figcaption, article.details.d_twothird figure figcaption, article.product.d_twothird figure figcaption { width: calc(50% - 10px); } article.news.d_onethird figure img, article.details.d_onethird figure img, article.product.d_onethird figure img { height: 250px; max-width: none; } article.news.d_onethird figure figcaption, article.details.d_onethird figure figcaption, article.product.d_onethird figure figcaption { width: 100%; } @media (max-width: 1023px) { article.news.t_half, article.details.t_half, article.product.t_half { height: 490px; } article.news.t_half figure img, article.details.t_half figure img, article.product.t_half figure img { height: 200px; max-width: none; } article.news.t_half figure figcaption, article.details.t_half figure figcaption, article.product.t_half figure figcaption { width: 100%; } } @media (max-width: 668px) { article.news.m_full, article.details.m_full, article.product.m_full { height: 490px; } article.news.m_full figure img, article.details.m_full figure img, article.product.m_full figure img { height: auto; width: 100%; } article.news.m_full figure figcaption, article.details.m_full figure figcaption, article.product.m_full figure figcaption { width: 100%; } } article.product { background: #fff; } article.certificate, article.solution { box-sizing: border-box; padding: 75px 0; *zoom: 1; } article.certificate:before, article.solution:before, article.certificate:after, article.solution:after { display: table; content: ""; } article.certificate:after, article.solution:after { clear: both; } article.certificate .column, article.solution .column { *zoom: 1; } article.certificate .column:before, article.solution .column:before, article.certificate .column:after, article.solution .column:after { display: table; content: ""; } article.certificate .column:after, article.solution .column:after { clear: both; } article.certificate h2, article.solution h2, article.certificate p, article.solution p { max-width: 600px; } article.certificate h2, article.solution h2 { font-size: 1.8rem; line-height: 2.66667rem; } article.certificate h2:after, article.solution h2:after { content: ''; border-top: 1px solid #161314; display: block; margin: 10px 0; width: 40px; } article.certificate p, article.solution p { font-size: 1.2rem; line-height: 1.866667rem; text-align: justify; *zoom: 1; } article.certificate p:before, article.solution p:before, article.certificate p:after, article.solution p:after { display: table; content: ""; } article.certificate p:after, article.solution p:after { clear: both; } article.certificate a, article.solution a, article.certificate a:visited, article.solution a:visited { /*float: right;*/ color: #2890a1; margin-top: 30px; } article.certificate figure, article.solution figure { margin: 0; } article.certificate figure img, article.solution figure img { max-width: 200px; } @media (max-width: 1023px) { article.certificate, article.solution { padding: 40px 0 30px; } article.certificate:nth-child(even) .t_twothird h2, article.solution:nth-child(even) .t_twothird h2, article.certificate:nth-child(odd) .t_twothird h2, article.solution:nth-child(odd) .t_twothird h2 { padding: 0 10px; } article.certificate:nth-child(even) .t_twothird p, article.solution:nth-child(even) .t_twothird p, article.certificate:nth-child(odd) .t_twothird p, article.solution:nth-child(odd) .t_twothird p { padding: 0 10px; } } @media (max-width: 668px) { article.certificate, article.solution { padding: 40px 0 30px; } article.certificate figure, article.solution figure { margin-left: -10px; } article.certificate:nth-child(even) .m_full img, article.solution:nth-child(even) .m_full img, article.certificate:nth-child(odd) .m_full img, article.solution:nth-child(odd) .m_full img { display: block; } article.certificate:nth-child(even) .m_full p:last-of-type, article.solution:nth-child(even) .m_full p:last-of-type, article.certificate:nth-child(odd) .m_full p:last-of-type, article.solution:nth-child(odd) .m_full p:last-of-type { text-align: center; } article.certificate:nth-child(even) .m_full a, article.solution:nth-child(even) .m_full a, article.certificate:nth-child(odd) .m_full a, article.solution:nth-child(odd) .m_full a { float: none; margin: 10px 0 0; } } @media (max-width: 668px) { article .solution:nth-child(even) .m_full p, article .solution:nth-child(odd) .m_full p { max-height: 5.600001rem; } article .solution:nth-child(even) p:first-of-type:after { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f8f8f8', endColorstr='#f8f8f8', GradientType=1); /* IE6-9 */ bottom: 0; content: ''; height: 1.5em; position: absolute; right: 0; width: 100%; } article .solution:nth-child(odd) p:first-of-type:after { background: -moz-linear-gradient(left, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f8f8f8', endColorstr='#f8f8f8', GradientType=1); /* IE6-9 */ bottom: 0; content: ''; height: 1.5em; position: absolute; right: 0; width: 100%; } } article.certificate:nth-child(odd) { background-color: #fff; } article.certificate:nth-child(odd) .d_twothird { float: left; } article.certificate:nth-child(odd) .d_twothird h2, article.certificate:nth-child(odd) .d_twothird p { margin: 0 auto 10px 100px; } @media (max-width: 1023px) { article.certificate:nth-child(odd) .d_twothird h2, article.certificate:nth-child(odd) .d_twothird p { margin: 0 auto 10px; } } @media (max-width: 668px) { article.certificate:nth-child(odd) .d_twothird h2, article.certificate:nth-child(odd) .d_twothird p { margin: 0 auto 10px; } } article.certificate:nth-child(odd) .d_onethird figure img { float: right; margin: 0 100px 10px auto; } @media (max-width: 1023px) { article.certificate:nth-child(odd) .d_onethird figure img { margin: 0 auto 10px; } } @media (max-width: 668px) { article.certificate:nth-child(odd) .d_onethird figure img { float: none; margin: 0 auto 10px; } } article.certificate:nth-child(even) { background-color: #f8f8f8; } article.certificate:nth-child(even) .d_twothird { float: right; } article.certificate:nth-child(even) .d_twothird h2, article.certificate:nth-child(even) .d_twothird p { margin: 0 100px 10px auto; } @media (max-width: 1023px) { article.certificate:nth-child(even) .d_twothird h2, article.certificate:nth-child(even) .d_twothird p { margin: 0 auto 10px; } } @media (max-width: 668px) { article.certificate:nth-child(even) .d_twothird h2, article.certificate:nth-child(even) .d_twothird p { margin: 0 auto 10px; } } article.certificate:nth-child(even) .d_onethird figure img { float: left; margin: 0 auto 10px 100px; } @media (max-width: 1023px) { article.certificate:nth-child(even) .d_onethird figure img { margin: 0 auto 10px; } } @media (max-width: 668px) { article.certificate:nth-child(even) .d_onethird figure img { float: none; margin: 0 auto 10px; } } article.solution:nth-child(even) { background-color: #fff; } article.solution:nth-child(even) .d_twothird { float: left; } article.solution:nth-child(even) .d_twothird h2, article.solution:nth-child(even) .d_twothird p { margin: 0 auto 10px 100px; } @media (max-width: 1023px) { article.solution:nth-child(even) .d_twothird h2, article.solution:nth-child(even) .d_twothird p { margin: 0 auto 10px; } } article.solution:nth-child(even) .d_onethird figure img { float: right; margin: 0 100px 10px auto; } @media (max-width: 1023px) { article.solution:nth-child(even) .d_onethird figure img { margin: 0 auto 10px; } } @media (max-width: 668px) { article.solution:nth-child(even) .d_onethird figure img { float: none; } } article.solution:nth-child(odd) { background-color: #f8f8f8; } article.solution:nth-child(odd) .d_twothird { float: right; } article.solution:nth-child(odd) .d_twothird h2, article.solution:nth-child(odd) .d_twothird p { margin: 0 100px 10px auto; } @media (max-width: 1023px) { article.solution:nth-child(odd) .d_twothird h2, article.solution:nth-child(odd) .d_twothird p { margin: 0 auto 10px; } } article.solution:nth-child(odd) .d_onethird figure img { float: left; margin: 0 auto 10px 100px; } @media (max-width: 1023px) { article.solution:nth-child(odd) .d_onethird figure img { margin: 0 auto 10px; } } @media (max-width: 668px) { article.solution:nth-child(odd) .d_onethird figure img { float: none; } } article.vacancy { margin: 0 0 20px; *zoom: 1; } article.vacancy:before, article.vacancy:after { display: table; content: ""; } article.vacancy:after { clear: both; } article.vacancy h1 { font-size: 1.8rem; line-height: 2.66667rem; margin: 0; max-width: 600px; padding: 0 0 0 100px; } article.vacancy h1:after { content: ''; border-top: 1px solid #161314; display: block; margin: 10px 0; width: 40px; } article.vacancy p { font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 10px; max-width: 600px; padding: 0 0 0 100px; text-align: justify; } article.vacancy a { float: right; margin: 20px 0 0 0; } @media (max-width: 1023px) { article.vacancy h1, article.vacancy p { padding: 0 10px; text-align: left; } } @media (max-width: 668px) { article.vacancy p:last-of-type { text-align: center; } article.vacancy a { float: none; margin: 10px 0 20px; } } article.details figure figcaption h1 { font-size: 1.8rem; line-height: 2.66667rem; height: 2.66667rem; } article.details figure figcaption p { height: 11.200002rem; } article.details figure figcaption p:after { content: none; } article.details figure figcaption a { position: static; text-decoration: none; } article.details figure figcaption a:hover { text-decoration: underline; } article.work-at-base h2, article.work-at-narrow h2, #generic-workat .d_onethird h2, article.work-at-wide h2, #generic-workat .d_twothird h2 { margin: 0; } article.work-at-base h2:after, article.work-at-narrow h2:after, #generic-workat .d_onethird h2:after, article.work-at-wide h2:after, #generic-workat .d_twothird h2:after { content: ''; border-top: 1px solid #161314; display: block; margin: 10px 0; width: 40px; } article.work-at-base p, article.work-at-narrow p, #generic-workat .d_onethird p, article.work-at-wide p, #generic-workat .d_twothird p { font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 10px; } article.work-at-base a, article.work-at-narrow a, #generic-workat .d_onethird a, article.work-at-wide a, #generic-workat .d_twothird a { float: right; } article.work-at-narrow h2, #generic-workat .d_onethird h2 { color: #2890a1; font-size: 1.2rem; line-height: 1.866667rem; margin-right: 100px; } article.work-at-narrow p, #generic-workat .d_onethird p { margin-right: 100px; } @media (max-width: 1023px) { article.work-at-narrow, #generic-workat .d_onethird { box-sizing: border-box; padding: 20px 10px; } article.work-at-narrow h2, #generic-workat .d_onethird h2, article.work-at-narrow p, #generic-workat .d_onethird p { margin-right: 0; } article.work-at-narrow a, #generic-workat .d_onethird a { margin-top: 10px; } } article.work-at-wide h2, #generic-workat .d_twothird h2 { font-size: 1.8rem; line-height: 2.66667rem; max-width: 600px; margin-left: 100px; } article.work-at-wide p, #generic-workat .d_twothird p { max-width: 600px; margin-left: 100px; text-align: justify; } article.work-at-wide p:last-of-type, #generic-workat .d_twothird p:last-of-type { text-align: right; } article.work-at-wide a, #generic-workat .d_twothird a { float: none; margin-top: 30px; } @media (max-width: 1023px) { article.work-at-wide, #generic-workat .d_twothird { box-sizing: border-box; padding: 20px 10px; } article.work-at-wide h2, #generic-workat .d_twothird h2, article.work-at-wide p, #generic-workat .d_twothird p { margin-left: 0; } article.work-at-wide a, #generic-workat .d_twothird a { margin-top: 10px; } } article.more-info { background: #fff; box-sizing: border-box; height: 540px; padding: 30px; } article.more-info h1 { color: #2890a1; font-size: 1.2rem; font-weight: 700; line-height: 1.866667rem; margin: 0 0 20px; } article.more-info h2 { font-size: 1.2rem; font-weight: 700; line-height: 1.866667rem; margin: 0; } article.more-info p { font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 20px; } article.more-info a { color: #a71c46; text-decoration: none; } article.more-info a:hover { text-decoration: underline; } figure.person { margin: 0 0 0 auto; width: calc(100% - 100px); } figure.person img { border-radius: 100%; margin: 0 0 20px; max-width: 100px; } figure.person figcaption h3 { font-size: 1.2rem; font-weight: 700; line-height: 1.866667rem; margin: 0; } figure.person figcaption p { color: #2890a1; font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 10px; } @media (max-width: 1023px) { figure.person { width: calc(100% - 25px); } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } article.contentelement { padding: 40px 0; } article.contentelement .limiter { max-width: 1040px; display: flex; flex-direction: row; } article.contentelement figure { margin: 0; } article.contentelement:nth-child(even) { background-color: #f8f8f8; } article.contentelement:nth-child(even) .contentelement--text { order: 1; margin-right: 20px; } article.contentelement:nth-child(even) .contentelement--image { order: 2; } article.contentelement:nth-child(odd) { background-color: #fff; } article.contentelement:nth-child(odd) .contentelement--text { order: 2; margin-left: 20px; } article.contentelement:nth-child(odd) .contentelement--image { order: 1; } article.contentelement .contentelement--image { padding-top: 70px; } @media (max-width: 1023px) { article.contentelement .contentelement--image { padding-top: 60px; } } article.contentelement .contentelement--text h2, article.contentelement .contentelement--text p { margin: 0; } @media (max-width: 668px) { article.contentelement .limiter { flex-direction: column; } article.contentelement .contentelement--text { order: 1 !important; margin: 0 !important; padding: 0 !important; } article.contentelement .contentelement--image { order: 2 !important; margin: 0 !important; padding-top: 20px !important; } article.contentelement .contentelement--image figure { text-align: center; } article.contentelement .contentelement--image img { max-width: 100% !important; } } article.contentelement h2 { font-size: 1.8rem; line-height: 2.66667rem; } article.contentelement h2:after { content: ''; border-top: 1px solid #161314; display: block; margin: 10px 0; width: 40px; } article.contentelement p { font-size: 1.2rem; line-height: 1.866667rem; text-align: justify; *zoom: 1; } article.contentelement p:before, article.contentelement p:after { display: table; content: ""; } article.contentelement p:after { clear: both; } article.contentelement a, article.contentelement a:visited { /*float: right;*/ color: #2890a1; margin-top: 30px; } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2 { font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 20px; font-weight: bold; } #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p { font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 20px; text-align: justify; } #solutions_detail-bottom .column .tabcontent > ol, #vacancies_detail-content .column > ol, #compare-main .column > ol, #news_detail-top .column > ol, #news_detail-bottom .column > ol, #generic-blocks .column > ol, #solutions_detail-bottom .column .tabcontent > ul, #vacancies_detail-content .column > ul, #compare-main .column > ul, #news_detail-top .column > ul, #news_detail-bottom .column > ul, #generic-blocks .column > ul { font-size: 1.2rem; line-height: 1.866667rem; list-style-type: disc; margin: 0 0 20px; padding: 0 0 0 1em; } #solutions_detail-bottom .column .tabcontent > ol li, #vacancies_detail-content .column > ol li, #compare-main .column > ol li, #news_detail-top .column > ol li, #news_detail-bottom .column > ol li, #generic-blocks .column > ol li, #solutions_detail-bottom .column .tabcontent > ul li, #vacancies_detail-content .column > ul li, #compare-main .column > ul li, #news_detail-top .column > ul li, #news_detail-bottom .column > ul li, #generic-blocks .column > ul li { box-sizing: border-box; padding-left: 0.5em; } #solutions_detail-bottom .column .tabcontent > ol, #vacancies_detail-content .column > ol, #compare-main .column > ol, #news_detail-top .column > ol, #news_detail-bottom .column > ol, #generic-blocks .column > ol { list-style-type: decimal; } #solutions_detail-bottom .column .tabcontent > p > a, #vacancies_detail-content .column > p > a, #compare-main .column > p > a, #news_detail-top .column > p > a, #news_detail-bottom .column > p > a, #generic-blocks .column > p > a, #solutions_detail-bottom .column .tabcontent > ul > a, #vacancies_detail-content .column > ul > a, #compare-main .column > ul > a, #news_detail-top .column > ul > a, #news_detail-bottom .column > ul > a, #generic-blocks .column > ul > a, #solutions_detail-bottom .column .tabcontent > ol > a, #vacancies_detail-content .column > ol > a, #compare-main .column > ol > a, #news_detail-top .column > ol > a, #news_detail-bottom .column > ol > a, #generic-blocks .column > ol > a, #solutions_detail-bottom .column .tabcontent > ul > li > a, #vacancies_detail-content .column > ul > li > a, #compare-main .column > ul > li > a, #news_detail-top .column > ul > li > a, #news_detail-bottom .column > ul > li > a, #generic-blocks .column > ul > li > a, #solutions_detail-bottom .column .tabcontent > ol > li > a, #vacancies_detail-content .column > ol > li > a, #compare-main .column > ol > li > a, #news_detail-top .column > ol > li > a, #news_detail-bottom .column > ol > li > a, #generic-blocks .column > ol > li > a { color: #2890a1; } #solutions_detail-bottom .column .tabcontent > p > a:active, #vacancies_detail-content .column > p > a:active, #compare-main .column > p > a:active, #news_detail-top .column > p > a:active, #news_detail-bottom .column > p > a:active, #generic-blocks .column > p > a:active, #solutions_detail-bottom .column .tabcontent > ul > a:active, #vacancies_detail-content .column > ul > a:active, #compare-main .column > ul > a:active, #news_detail-top .column > ul > a:active, #news_detail-bottom .column > ul > a:active, #generic-blocks .column > ul > a:active, #solutions_detail-bottom .column .tabcontent > ol > a:active, #vacancies_detail-content .column > ol > a:active, #compare-main .column > ol > a:active, #news_detail-top .column > ol > a:active, #news_detail-bottom .column > ol > a:active, #generic-blocks .column > ol > a:active, #solutions_detail-bottom .column .tabcontent > ul > li > a:active, #vacancies_detail-content .column > ul > li > a:active, #compare-main .column > ul > li > a:active, #news_detail-top .column > ul > li > a:active, #news_detail-bottom .column > ul > li > a:active, #generic-blocks .column > ul > li > a:active, #solutions_detail-bottom .column .tabcontent > ol > li > a:active, #vacancies_detail-content .column > ol > li > a:active, #compare-main .column > ol > li > a:active, #news_detail-top .column > ol > li > a:active, #news_detail-bottom .column > ol > li > a:active, #generic-blocks .column > ol > li > a:active, #solutions_detail-bottom .column .tabcontent > p > a:visited, #vacancies_detail-content .column > p > a:visited, #compare-main .column > p > a:visited, #news_detail-top .column > p > a:visited, #news_detail-bottom .column > p > a:visited, #generic-blocks .column > p > a:visited, #solutions_detail-bottom .column .tabcontent > ul > a:visited, #vacancies_detail-content .column > ul > a:visited, #compare-main .column > ul > a:visited, #news_detail-top .column > ul > a:visited, #news_detail-bottom .column > ul > a:visited, #generic-blocks .column > ul > a:visited, #solutions_detail-bottom .column .tabcontent > ol > a:visited, #vacancies_detail-content .column > ol > a:visited, #compare-main .column > ol > a:visited, #news_detail-top .column > ol > a:visited, #news_detail-bottom .column > ol > a:visited, #generic-blocks .column > ol > a:visited, #solutions_detail-bottom .column .tabcontent > ul > li > a:visited, #vacancies_detail-content .column > ul > li > a:visited, #compare-main .column > ul > li > a:visited, #news_detail-top .column > ul > li > a:visited, #news_detail-bottom .column > ul > li > a:visited, #generic-blocks .column > ul > li > a:visited, #solutions_detail-bottom .column .tabcontent > ol > li > a:visited, #vacancies_detail-content .column > ol > li > a:visited, #compare-main .column > ol > li > a:visited, #news_detail-top .column > ol > li > a:visited, #news_detail-bottom .column > ol > li > a:visited, #generic-blocks .column > ol > li > a:visited { color: #2890a1; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { color: #2890a1; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 auto 20px; text-align: center; } #solutions_detail-bottom .column .tabcontent > blockquote:before, #vacancies_detail-content .column > blockquote:before, #compare-main .column > blockquote:before, #news_detail-top .column > blockquote:before, #news_detail-bottom .column > blockquote:before, #generic-blocks .column > blockquote:before { content: '\201C'; } #solutions_detail-bottom .column .tabcontent > blockquote:after, #vacancies_detail-content .column > blockquote:after, #compare-main .column > blockquote:after, #news_detail-top .column > blockquote:after, #news_detail-bottom .column > blockquote:after, #generic-blocks .column > blockquote:after { content: '\201D'; } #solutions_detail-bottom .column .tabcontent > img, #vacancies_detail-content .column > img, #compare-main .column > img, #news_detail-top .column > img, #news_detail-bottom .column > img, #generic-blocks .column > img { margin: 0 0 20px; } #solutions_detail-bottom .column .tabcontent > .ytplayer, #vacancies_detail-content .column > .ytplayer, #compare-main .column > .ytplayer, #news_detail-top .column > .ytplayer, #news_detail-bottom .column > .ytplayer, #generic-blocks .column > .ytplayer, #solutions_detail-bottom .column .tabcontent > .vimeoplayer, #vacancies_detail-content .column > .vimeoplayer, #compare-main .column > .vimeoplayer, #news_detail-top .column > .vimeoplayer, #news_detail-bottom .column > .vimeoplayer, #generic-blocks .column > .vimeoplayer { margin: 0 0 20px; width: 100% !important; max-width: 800px; } #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { float: left; margin: 20px 0 0; } #solutions_detail-bottom .column .tabcontent a.btn-news:before, #vacancies_detail-content .column a.btn-news:before, #compare-main .column a.btn-news:before, #news_detail-top .column a.btn-news:before, #news_detail-bottom .column a.btn-news:before, #generic-blocks .column a.btn-news:before { left: unset; right: 20px; transform: translateY(-50%) translateX(-8px) rotate(-135deg); } @media (max-width: 1270px) { #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2, #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p, #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { margin: 0 50px 20px; max-width: none; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { text-align: center; margin: 0 auto 20px; max-width: 80%; } #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { margin: 20px 0 0 50px; } } @media (max-width: 1023px) { #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2, #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p, #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { margin: 0 0 20px; max-width: none; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { margin: 0 auto 20px; max-width: 80%; } #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { margin: 20px 0 0 0; } #solutions_detail-bottom .column .tabcontent > img, #vacancies_detail-content .column > img, #compare-main .column > img, #news_detail-top .column > img, #news_detail-bottom .column > img, #generic-blocks .column > img, #solutions_detail-bottom .column .tabcontent > .ytplayer, #vacancies_detail-content .column > .ytplayer, #compare-main .column > .ytplayer, #news_detail-top .column > .ytplayer, #news_detail-bottom .column > .ytplayer, #generic-blocks .column > .ytplayer, #solutions_detail-bottom .column .tabcontent > .vimeoplayer, #vacancies_detail-content .column > .vimeoplayer, #compare-main .column > .vimeoplayer, #news_detail-top .column > .vimeoplayer, #news_detail-bottom .column > .vimeoplayer, #generic-blocks .column > .vimeoplayer { margin-left: -15px; margin-right: -15px; max-width: none; width: calc(100% + 30px) !important; } } @media (max-width: 768px) { #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { float: none; position: relative; margin: 0 auto; display: block; text-align: center; width: 260px; } } @media (max-width: 668px) { #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2, #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p, #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { text-align: left; } #solutions_detail-bottom .column .tabcontent > img, #vacancies_detail-content .column > img, #compare-main .column > img, #news_detail-top .column > img, #news_detail-bottom .column > img, #generic-blocks .column > img, #solutions_detail-bottom .column .tabcontent > .ytplayer, #vacancies_detail-content .column > .ytplayer, #compare-main .column > .ytplayer, #news_detail-top .column > .ytplayer, #news_detail-bottom .column > .ytplayer, #generic-blocks .column > .ytplayer, #solutions_detail-bottom .column .tabcontent > .vimeoplayer, #vacancies_detail-content .column > .vimeoplayer, #compare-main .column > .vimeoplayer, #news_detail-top .column > .vimeoplayer, #news_detail-bottom .column > .vimeoplayer, #generic-blocks .column > .vimeoplayer { margin-left: -10px; margin-right: -10px; max-width: none; width: calc(100% + 20px) !important; } } #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #solutions_detail-bottom .column .tabcontent > ul, #vacancies_detail-content .column > ul, #compare-main .column > ul { max-width: 600px; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote { max-width: 500px; } #news_detail-top .column > p, #news_detail-bottom .column > p, #news_detail-top .column > ul, #news_detail-bottom .column > ul { max-width: 800px; } #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote { max-width: 500px; } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } .btn, header nav .service-status, header nav .my-shock-media, header nav .toggle { border: none; border-radius: 20px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: Nunito, sans-serif; font-size: 1rem; font-weight: 700; min-height: 40px; line-height: 20px; position: relative; text-align: left; text-decoration: none !important; width: auto; } .btn.solid, header nav .service-status.solid, header nav .my-shock-media.solid, header nav .toggle.solid { padding: 10px 65px 10px 25px; } .btn.solid.black, header nav .service-status.solid.black, header nav .my-shock-media.solid.black, header nav .toggle.solid.black { background-color: #161314; border: 1px solid #161314; color: #fff; } .btn.solid.black:hover, header nav .service-status.solid.black:hover, header nav .my-shock-media.solid.black:hover, header nav .toggle.solid.black:hover { background-color: #2890a1; border: 1px solid #fff; } .btn.solid.white, header nav .service-status.solid.white, header nav .my-shock-media.solid.white, header nav .toggle.solid.white { background-color: #fff; color: #2890a1; } .btn.solid.green, header nav .service-status.solid.green, header nav .my-shock-media.solid.green, header nav .toggle.solid.green { background-color: #2890a1; color: #fff; } .btn.solid.green:hover, header nav .service-status.solid.green:hover, header nav .my-shock-media.solid.green:hover, header nav .toggle.solid.green:hover { background-color: #161314; } .btn.solid:before, header nav .service-status.solid:before, header nav .my-shock-media.solid:before, header nav .toggle.solid:before, .btn.solid:after, header nav .service-status.solid:after, header nav .my-shock-media.solid:after, header nav .toggle.solid:after { content: ''; display: block; position: absolute; } .btn.solid:before, header nav .service-status.solid:before, header nav .my-shock-media.solid:before, header nav .toggle.solid:before { border-right: 1px solid #fff; border-top: 1px solid #fff; height: 10px; right: 20px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 10px; } .btn.solid:after, header nav .service-status.solid:after, header nav .my-shock-media.solid:after, header nav .toggle.solid:after { border-top: 1px solid #fff; right: 20px; top: 50%; transform: translateY(-50%); width: 20px; } .btn.solid.white:before, header nav .service-status.solid.white:before, header nav .my-shock-media.solid.white:before, header nav .toggle.solid.white:before, .btn.solid.white:after, header nav .service-status.solid.white:after, header nav .my-shock-media.solid.white:after, header nav .toggle.solid.white:after { border-color: #2890a1; } .btn.solid.email:before, header nav .service-status.solid.email:before, header nav .my-shock-media.solid.email:before, header nav .toggle.solid.email:before, .btn.solid.call:before, header nav .service-status.solid.call:before, header nav .my-shock-media.solid.call:before, header nav .toggle.solid.call:before { content: none; } .btn.solid.email:after, header nav .service-status.solid.email:after, header nav .my-shock-media.solid.email:after, header nav .toggle.solid.email:after, .btn.solid.call:after, header nav .service-status.solid.call:after, header nav .my-shock-media.solid.call:after, header nav .toggle.solid.call:after { background: no-repeat center; background-size: contain; border: none; height: 20px; width: 30px; } .btn.solid.email:after, header nav .service-status.solid.email:after, header nav .my-shock-media.solid.email:after, header nav .toggle.solid.email:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyOXB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyOSAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4wMDAwMDAsIC0xMC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8cGF0aCBkPSJNNSwxNC41MjIwNzkxIEM1LjAyMzA5OTU3LDE0LjQ5NDc2OTQgNS4wNTMxMDM5LDE0LjQ3MDgyNjggNS4wNjgyOTQzOCwxNC40Mzk2NTE0IEM1LjIxMTkxMzQ1LDE0LjE0NzcyNTQgNS40NDYwNDc2OCwxNC4wMTk1MzI0IDUuNzcyMzI5MTEsMTQuMDIwOTA0MSBDNi44Mjg1MDY3NCwxNC4wMjU1MTgxIDcuODg0ODA5OTEsMTQuMDIxMTUzNSA4Ljk0MDk4NzU0LDE0LjAyMTI3ODIgQzExLjMxNzQ4MTQsMTQuMDIxNTI3NiAxMy42OTM4NDk3LDE0LjAyMjUyNTIgMTYuMDcwMzQzNSwxNC4wMjMxNDg3IEwxNi40MTA0MzQ0LDE0LjAyMzE0ODcgQzE1LjkyMzk2MjUsMTQuMjU0NDY5OCAxNS41MDIxNDQzLDE0LjQ1ODQ4MTMgMTUuMDc3MTg3NSwxNC42NTYyNTc4IEMxNC42NDI2ODk2LDE0Ljg1ODM5ODcgMTQuMjAyNTQyNCwxNS4wNDkxOTE5IDEzLjc3MDMwNDIsMTUuMjU2MDcxNSBDMTMuNjIxMjg2OSwxNS4zMjc0MDA3IDEzLjQ3NDc4MDQsMTUuMzYyMDY3NyAxMy4zMTAzMjE1LDE1LjM2MTgxODMgQzExLjMyOTkwOTksMTUuMzU4NDUxNCA5LjM0OTQ5ODQyLDE1LjM1ODcwMDggNy4zNjkyMTI0NCwxNS4zNTgwNzczIEM2Ljg1MDYwMTk4LDE1LjM1Nzk1MjYgNi4zMzE4NjU5OCwxNS4zNTc4Mjc4IDUuODEzMjU1NTIsMTUuMzU3ODI3OCBDNS40MzkwMTczNywxNS4zNTc3MDMxIDUuMTUxMDI1OTksMTUuMjMwNzU3MSA1LjAzOTI5NDM4LDE0Ljg0MTQzOTMgQzUuMDM0OTAwNDQsMTQuODI2MjI1OCA1LjAxMzQzMjksMTQuODE2MDAwMyA1LDE0LjgwMzQwNTQgTDUsMTQuNTIyMDc5MSBaIE0xMC4zNzA5ODksMTcuMzk2OTcwMSBDMTAuMTUxNzk0MiwxNy44MjY5NDA2IDEwLjExNzg5ODEsMTguMjUyNjcxMSAxMC4xNTQ1NTYxLDE4LjcwMjg0MzIgQzEwLjA3NzU5OTQsMTguNzE1NDM4IDEwLjAxNjA4NDIsMTguNzM0MDE4NiA5Ljk1NDQ0MzUyLDE4LjczNDE0MzMgQzkuMDg2ODI4NjksMTguNzM1MzkwMyA4LjIxOTIxMzg1LDE4LjczNzc1OTYgNy4zNTE1OTkwMiwxOC43MzE2NDkyIEM3LjAzOTEyNzExLDE4LjcyOTQwNDYgNi43ODYwMzYxNywxOC42MTYwNTEgNi42NTI4MzcwMiwxOC4zMDYxNjggQzYuNDQ1ODE5NjcsMTcuODI0MDcyNCA2Ljg3OTk0MDk1LDE3LjQxMTY4NDkgNy4yNDMyNTcwMSwxNy40MDAyMTI0IEM3LjM5NDAzMTkyLDE3LjM5NTM0OSA3LjU0NTA1NzkyLDE3LjM5ODIxNzEgNy42OTU5NTgzNywxNy4zOTgwOTI0IEM4LjUxNjQ5NTI4LDE3LjM5NzU5MzYgOS4zMzY5MDY2NCwxNy4zOTczNDQyIDEwLjE1NzMxOCwxNy4zOTY5NzAxIEwxMC4zNzA5ODksMTcuMzk2OTcwMSBaIE0xMS4wMDgyNjEsMjAuNzk0NDA5OSBDMTEuMjA2MjM5NCwyMS4yMjE3NjE3IDExLjQwNTU5ODcsMjEuNjUyMjMwOSAxMS42MTc1MTIxLDIyLjEwOTYzNTYgQzExLjQ1MTA0NDYsMjIuMTA5NjM1NiAxMS4zMTA5NDA3LDIyLjEwOTc2MDMgMTEuMTcwODM2OCwyMi4xMDk2MzU2IEMxMC40MjcwMDU1LDIyLjEwOTUxMDkgOS42ODMwNDg2OCwyMi4xMTE3NTU2IDguOTM5MjE3NDEsMjIuMTA4MTM5MiBDOC42NjExNDM3OCwyMi4xMDY2NDI4IDguNDIzNjE5OTQsMjIuMDE2OTgyNSA4LjI3NzYxNTU5LDIxLjc2MDA5NzYgQzguMTA3NTA3MzQsMjEuNDYwODE0MiA4LjE3NjgwNjA1LDIxLjExMjc3MjYgOC40NTc1MTYwNSwyMC45MTUzNzAzIEM4LjU4MDQyMDgzLDIwLjgyODk1MjIgOC43MTcyNjA2NywyMC43NzA1OTIgOC44NzcwNzQ1NSwyMC43NzE1ODk2IEM5LjU0NTU4MTEzLDIwLjc3NTgyOTQgMTAuMjE0MDg3NywyMC43NzQzMzMgMTAuODgyNzE5OCwyMC43NzYwNzg4IEMxMC45MTkzNzc5LDIwLjc3NjIwMzUgMTAuOTU1OTEwMywyMC43ODY1NTM4IDExLjAwODI2MSwyMC43OTQ0MDk5IE0zMi4wNzkxODY4LDIwLjU1MzQ3NDQgQzMyLjA5NDI1MTcsMjAuNTM3ODg2NyAzMi4xMDk0NDIyLDIwLjUyMjI5OSAzMi4xMjQ1MDcxLDIwLjUwNjcxMTMgQzMxLjA0MjM0MjUsMTguMjAyMTA0NyAyOS45NjAzMDM0LDE1Ljg5NzQ5ODEgMjguODYwNDM3NCwxMy41NTQ5ODIzIEMyNy44NDQ0MzI5LDE1LjMyNzIzODYgMjYuODUzMDM0NSwxNy4wNTY1OTc2IDI1Ljg0NDA2MDQsMTguODE2NTA4NSBDMjcuOTQwOTc0MSwxOS40MDA2MDk5IDMwLjAxMDE0MzIsMTkuOTc2OTc5OCAzMi4wNzkxODY4LDIwLjU1MzQ3NDQgTDMyLjA3OTE4NjgsMjAuNTUzNDc0NCBaIE0xNi45ODAxMDI1LDI3LjYwNTMzODcgQzE3Ljg5MzE2MzIsMjUuNjAwMDE1NCAxOC43ODAzNjI1LDIzLjY1MTU1NiAxOS42Nzk4NjQ3LDIxLjY3NTc4NyBDMTcuNzI2MTkzNSwyMS4zMTczOTUyIDE1LjgwNTUzOTUsMjAuOTY1MTEzNyAxMy44ODQ2MzQ1LDIwLjYxMzU4MDQgQzEzLjg0ODIyNzYsMjAuNjA2ODQ2NiAxMy44MDk5Mzc1LDIwLjYwOTcxNDcgMTMuNzcyNTI2MywyMC42MTAzMzgyIEMxMy43NjQ3NDI3LDIwLjYxMDQ2MjkgMTMuNzU2MjA1OSwyMC42MTk0NDE0IDEzLjc0OTY3NzgsMjAuNjI2MDUwNiBDMTMuNzQzOTAyOSwyMC42MzE5MTE1IDEzLjc0MDM4NzgsMjAuNjQwMTQxOCAxMy43MjI0MzU0LDIwLjY2OTA3MjYgQzE0Ljc5NTQzNTUsMjIuOTUzNzI3IDE1Ljg3NDMzNjEsMjUuMjUwOTc2MiAxNi45ODAxMDI1LDI3LjYwNTMzODcgTDE2Ljk4MDEwMjUsMjcuNjA1MzM4NyBaIE0xOC4zMTU5ODU4LDI3Ljk5MTE2NDggQzE4LjMyOTE2NzYsMjguMDA0NzU3MyAxOC4zNDI0NzUsMjguMDE4MzQ5NyAxOC4zNTU2NTY4LDI4LjAzMjA2NjkgQzIyLjc4MjM2MywyNS45ODE4NTExIDI3LjIwOTE5NDgsMjMuOTMxNzYwMSAzMS42NzY1NzYzLDIxLjg2MjgzOTEgQzI5LjQ2NDE2NDgsMjEuMjQ2OTM4OSAyNy4zMDM4NTI4LDIwLjY0NTM3OTMgMjUuMTQwNDAyMywyMC4wNDI5NDY4IEMyNS4wNDUyNDIxLDIwLjIwNzU1MjcgMjQuOTYwNzUyOSwyMC4zNTMyMDM5IDI0Ljg3Njc2NTksMjAuNDk4ODU1MiBDMjQuNTkxMDM0MiwyMC45OTQxNjkxIDI0LjMwODE5LDIxLjQ5MTIyODkgMjQuMDE4NTY2NiwyMS45ODQyOTgzIEMyMy44NjQ5MDQzLDIyLjI0NTc5NzEgMjMuNTgxOTM0NSwyMi4zODI0Njk4IDIzLjMwMzQ4NDMsMjIuMzMyMzM5OSBDMjIuODU5Njk2MywyMi4yNTI2NTU3IDIyLjQxNzc5MTUsMjIuMTYzMzY5NSAyMS45NzQyNTQ3LDIyLjA4MjQzODMgQzIxLjY3OTg2MDcsMjIuMDI4ODE2NyAyMS4zODM4MzQ3LDIxLjk4MjY3NzEgMjEuMDc0MjUwMiwyMS45MzA5MjYxIEMyMC4xNDkzODg2LDIzLjk2MjkzNTQgMTkuMjMyNjg3MiwyNS45NzcxMTI1IDE4LjMxNTk4NTgsMjcuOTkxMTY0OCBMMTguMzE1OTg1OCwyNy45OTExNjQ4IFogTTEyLjcxNzIyNzQsMTguNDk4NzY5NCBDMTIuODM1MzYxNywxOC44NzY0ODk5IDEzLjA3MjYzNDQsMTkuMDY2NTM0OCAxMy40MTI0NzQzLDE5LjEzNzI0MDUgQzEzLjY4ODE2MjYsMTkuMTk0NDc4NSAxMy45NjQ2MDQyLDE5LjI0OTcyMTIgMTQuMjQyMDUwMiwxOS4yOTgyMzAxIEMxNS4xMzk2NjkzLDE5LjQ1NTIyOTEgMTYuMDM4NjY5NCwxOS42MDM4NzMyIDE2LjkzNTUzNTQsMTkuNzY0NzM4IEMxNy45MzM1ODc1LDE5Ljk0MzY4NDUgMTguOTI5ODgyLDIwLjEzMjczMTggMTkuOTI2OTI5NywyMC4zMTcwNDA1IEMyMC44MjI1NDAyLDIwLjQ4MjUxOTMgMjEuNzE4MTUwNywyMC42NDc5OTggMjIuNjE0MDEyMywyMC44MTIyMjk4IEMyMi43NjAwMTY3LDIwLjgzOTA0MDYgMjIuOTA3Mjc2NCwyMC44NTkyNDIyIDIzLjA1NDQxMDcsMjAuODgyNjg2MSBDMjMuMTAyNDkyOSwyMC44MTQxMDAzIDIzLjE0NDI5ODEsMjAuNzYzNzIwOSAyMy4xNzYxODU2LDIwLjcwNzg1NDcgQzIzLjU5MDk3MzUsMTkuOTgzOTYzMSAyNC4wMDQwMDM5LDE5LjI1OTA3MzggMjQuNDE4MTY0MSwxOC41MzQ5MzI4IEMyNS4wMTM3MzEzLDE3LjQ5MzMwMiAyNS42MDgyOTQxLDE2LjQ1MTE3MjMgMjYuMjA2MjQ2NiwxNS40MTA5MTMyIEMyNi43Mjk1MDIxLDE0LjUwMDcxNzcgMjcuMjU3NjUzNiwxMy41OTMzOTAzIDI3Ljc4MTUzNjgsMTIuNjgzNTY4OSBDMjcuODU2MjMzOCwxMi41NTM3NTQ3IDI3LjkyNjI4NTgsMTIuNDIwMTk5NSAyNy45ODUwMzksMTIuMjgyNjUzOSBDMjguMTA1OTM1MSwxMS45OTk5NTU4IDI4LjA1Njg0ODYsMTEuNzM4ODMxIDI3Ljg2MTI1NTUsMTEuNDgzODE2NyBDMjIuODEyNjE4NCwxMy44MjI0NjY4IDE3Ljc3MTEzNzIsMTYuMTU3NzQ5OSAxMi43MTcyMjc0LDE4LjQ5ODc2OTQgTDEyLjcxNzIyNzQsMTguNDk4NzY5NCBaIE0zMy45OTk5NjYyLDIxLjgzNjE1MyBDMzMuOTgyNzY3MSwyMS44NTYyMjk5IDMzLjk1NzE1NjcsMjEuODczNTYzNCAzMy45NDkzNzMyLDIxLjg5Njg4MjYgQzMzLjgyNDk2MTksMjIuMjY4OTkxNiAzMy41NTkzMTY4LDIyLjUwODQxODMgMzMuMjEyMDcsMjIuNjY4Nzg0MyBDMzEuMjYzNTQ2LDIzLjU2ODYyOTYgMjkuMzE0MjY4NiwyNC40NjY3MjkxIDI3LjM2NTg3MDEsMjUuMzY2ODIzOCBDMjYuNDUxNDI4NCwyNS43ODkxODc0IDI1LjUzODQ5MzIsMjYuMjE0OTE4IDI0LjYyNDY3OTMsMjYuNjM4NjUzNCBDMjIuODk5NDkyOSwyNy40MzgyMzg4IDIxLjE3NDA1NTQsMjguMjM3Njk5NSAxOS40NDg3NDM1LDI5LjAzNzAzNTUgQzE4LjkxOTIxMSwyOS4yODIzMjMxIDE4LjM5MzMxOTEsMjkuNTM1OTY1OCAxNy44NTg3NjQ5LDI5Ljc2OTkwNTYgQzE3LjM4MzM0MDYsMjkuOTc3OTA3NSAxNi45MTgzMzYyLDI5Ljk2NDMxNTEgMTYuNTEyMjEwNiwyOS42MDYxNzI3IEMxNi4zOTU3MDg1LDI5LjUwMzQxODcgMTYuMjkxNjM0OSwyOS4zNzAyMzc2IDE2LjIyNTA5OCwyOS4yMzA1NzIgQzE1LjcxNzI4NDEsMjguMTY0NDk5OCAxNS4yMjA1MTc4LDI3LjA5MzE5IDE0LjcxOTM1NzYsMjYuMDI0MTI0OSBDMTQuNDE3MTgwMSwyNS4zNzkxNjkyIDE0LjExMjM2NjIsMjQuNzM1MzM1OSAxMy44MTAwNjMxLDI0LjA5MDM4MDIgQzEzLjIyNTE2NjksMjIuODQyODY3NCAxMi42NDE3NzcyLDIxLjU5NDg1NTggMTIuMDU2NTA0NCwyMC4zNDc1OTI0IEMxMS44NDU0Njk4LDE5Ljg5Nzc5NDQgMTEuNjQwMzM1NSwxOS40NDQ4Nzg5IDExLjQxNTk5MzUsMTkuMDAxNTY1NCBDMTEuMDY2NDg3LDE4LjMxMTA5MzggMTEuMzkzNjQ3MiwxNy41OTI4MTM3IDEyLjAyMjczMzgsMTcuMzA2NzQ4NyBDMTMuMjgyMTYyNiwxNi43MzQxMTk4IDE0LjUzNjA2NzUsMTYuMTQ4ODk2MSAxNS43OTE2MDQ1LDE1LjU2NzQxMzUgQzE2Ljc2NTQyNzEsMTUuMTE2NDkzMiAxNy43MzgxMTk5LDE0LjY2MzA3ODkgMTguNzExNjkxNSwxNC4yMTE0MTA0IEMyMC4xMDM1NjYxLDEzLjU2NTgzMTMgMjEuNDk1ODE3NCwxMi45MjEwMDAzIDIyLjg4NzgxNzYsMTIuMjc1NjcwNiBDMjQuMzkwOTIxNywxMS41Nzg4MzkxIDI1Ljg5NDAyNTgsMTAuODgyMjU3MSAyNy4zOTY3NTMyLDEwLjE4NDU1MjggQzI4LjAxODE4MTksOS44OTU4NjkwMiAyOC43NjcwMzQ4LDEwLjEwOTczMTkgMjkuMDc0MjM0LDEwLjc2MjY2ODUgQzI5LjQ2OTE4NjQsMTEuNjAyMjgzIDI5Ljg2Mzg4NzgsMTIuNDQxODk3NSAzMC4yNTc1ODQ4LDEzLjI4MjAxMDkgQzMwLjYyNzU1NDUsMTQuMDcxMjQ2MSAzMC45OTQ4ODc5LDE0Ljg2MTcyODMgMzEuMzY1NzM2NCwxNS42NTA3MTQgQzMyLjA1NTU4NSwxNy4xMTgwNzU0IDMyLjc0NzY5MzMsMTguNTg0NDM5MiAzMy40MzcxNjUzLDIwLjA1MjA1IEMzMy42Mjc4NjIzLDIwLjQ1NzgyODQgMzMuODEyNTMzMywyMC44NjYyMjU1IDMzLjk5OTk2NjIsMjEuMjczNTAwMyBMMzMuOTk5OTY2MiwyMS44MzYxNTMgWiIgaWQ9IkVtYWlsIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); } .btn.solid.email.white:after, header nav .service-status.solid.email.white:after, header nav .my-shock-media.solid.email.white:after, header nav .toggle.solid.email.white:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyOXB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyOSAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4wMDAwMDAsIC0xMC4wMDAwMDApIiBmaWxsPSIjMjg5MEExIj4gICAgICAgICAgICA8cGF0aCBkPSJNNSwxNC41MjIwNzkxIEM1LjAyMzA5OTU3LDE0LjQ5NDc2OTQgNS4wNTMxMDM5LDE0LjQ3MDgyNjggNS4wNjgyOTQzOCwxNC40Mzk2NTE0IEM1LjIxMTkxMzQ1LDE0LjE0NzcyNTQgNS40NDYwNDc2OCwxNC4wMTk1MzI0IDUuNzcyMzI5MTEsMTQuMDIwOTA0MSBDNi44Mjg1MDY3NCwxNC4wMjU1MTgxIDcuODg0ODA5OTEsMTQuMDIxMTUzNSA4Ljk0MDk4NzU0LDE0LjAyMTI3ODIgQzExLjMxNzQ4MTQsMTQuMDIxNTI3NiAxMy42OTM4NDk3LDE0LjAyMjUyNTIgMTYuMDcwMzQzNSwxNC4wMjMxNDg3IEwxNi40MTA0MzQ0LDE0LjAyMzE0ODcgQzE1LjkyMzk2MjUsMTQuMjU0NDY5OCAxNS41MDIxNDQzLDE0LjQ1ODQ4MTMgMTUuMDc3MTg3NSwxNC42NTYyNTc4IEMxNC42NDI2ODk2LDE0Ljg1ODM5ODcgMTQuMjAyNTQyNCwxNS4wNDkxOTE5IDEzLjc3MDMwNDIsMTUuMjU2MDcxNSBDMTMuNjIxMjg2OSwxNS4zMjc0MDA3IDEzLjQ3NDc4MDQsMTUuMzYyMDY3NyAxMy4zMTAzMjE1LDE1LjM2MTgxODMgQzExLjMyOTkwOTksMTUuMzU4NDUxNCA5LjM0OTQ5ODQyLDE1LjM1ODcwMDggNy4zNjkyMTI0NCwxNS4zNTgwNzczIEM2Ljg1MDYwMTk4LDE1LjM1Nzk1MjYgNi4zMzE4NjU5OCwxNS4zNTc4Mjc4IDUuODEzMjU1NTIsMTUuMzU3ODI3OCBDNS40MzkwMTczNywxNS4zNTc3MDMxIDUuMTUxMDI1OTksMTUuMjMwNzU3MSA1LjAzOTI5NDM4LDE0Ljg0MTQzOTMgQzUuMDM0OTAwNDQsMTQuODI2MjI1OCA1LjAxMzQzMjksMTQuODE2MDAwMyA1LDE0LjgwMzQwNTQgTDUsMTQuNTIyMDc5MSBaIE0xMC4zNzA5ODksMTcuMzk2OTcwMSBDMTAuMTUxNzk0MiwxNy44MjY5NDA2IDEwLjExNzg5ODEsMTguMjUyNjcxMSAxMC4xNTQ1NTYxLDE4LjcwMjg0MzIgQzEwLjA3NzU5OTQsMTguNzE1NDM4IDEwLjAxNjA4NDIsMTguNzM0MDE4NiA5Ljk1NDQ0MzUyLDE4LjczNDE0MzMgQzkuMDg2ODI4NjksMTguNzM1MzkwMyA4LjIxOTIxMzg1LDE4LjczNzc1OTYgNy4zNTE1OTkwMiwxOC43MzE2NDkyIEM3LjAzOTEyNzExLDE4LjcyOTQwNDYgNi43ODYwMzYxNywxOC42MTYwNTEgNi42NTI4MzcwMiwxOC4zMDYxNjggQzYuNDQ1ODE5NjcsMTcuODI0MDcyNCA2Ljg3OTk0MDk1LDE3LjQxMTY4NDkgNy4yNDMyNTcwMSwxNy40MDAyMTI0IEM3LjM5NDAzMTkyLDE3LjM5NTM0OSA3LjU0NTA1NzkyLDE3LjM5ODIxNzEgNy42OTU5NTgzNywxNy4zOTgwOTI0IEM4LjUxNjQ5NTI4LDE3LjM5NzU5MzYgOS4zMzY5MDY2NCwxNy4zOTczNDQyIDEwLjE1NzMxOCwxNy4zOTY5NzAxIEwxMC4zNzA5ODksMTcuMzk2OTcwMSBaIE0xMS4wMDgyNjEsMjAuNzk0NDA5OSBDMTEuMjA2MjM5NCwyMS4yMjE3NjE3IDExLjQwNTU5ODcsMjEuNjUyMjMwOSAxMS42MTc1MTIxLDIyLjEwOTYzNTYgQzExLjQ1MTA0NDYsMjIuMTA5NjM1NiAxMS4zMTA5NDA3LDIyLjEwOTc2MDMgMTEuMTcwODM2OCwyMi4xMDk2MzU2IEMxMC40MjcwMDU1LDIyLjEwOTUxMDkgOS42ODMwNDg2OCwyMi4xMTE3NTU2IDguOTM5MjE3NDEsMjIuMTA4MTM5MiBDOC42NjExNDM3OCwyMi4xMDY2NDI4IDguNDIzNjE5OTQsMjIuMDE2OTgyNSA4LjI3NzYxNTU5LDIxLjc2MDA5NzYgQzguMTA3NTA3MzQsMjEuNDYwODE0MiA4LjE3NjgwNjA1LDIxLjExMjc3MjYgOC40NTc1MTYwNSwyMC45MTUzNzAzIEM4LjU4MDQyMDgzLDIwLjgyODk1MjIgOC43MTcyNjA2NywyMC43NzA1OTIgOC44NzcwNzQ1NSwyMC43NzE1ODk2IEM5LjU0NTU4MTEzLDIwLjc3NTgyOTQgMTAuMjE0MDg3NywyMC43NzQzMzMgMTAuODgyNzE5OCwyMC43NzYwNzg4IEMxMC45MTkzNzc5LDIwLjc3NjIwMzUgMTAuOTU1OTEwMywyMC43ODY1NTM4IDExLjAwODI2MSwyMC43OTQ0MDk5IE0zMi4wNzkxODY4LDIwLjU1MzQ3NDQgQzMyLjA5NDI1MTcsMjAuNTM3ODg2NyAzMi4xMDk0NDIyLDIwLjUyMjI5OSAzMi4xMjQ1MDcxLDIwLjUwNjcxMTMgQzMxLjA0MjM0MjUsMTguMjAyMTA0NyAyOS45NjAzMDM0LDE1Ljg5NzQ5ODEgMjguODYwNDM3NCwxMy41NTQ5ODIzIEMyNy44NDQ0MzI5LDE1LjMyNzIzODYgMjYuODUzMDM0NSwxNy4wNTY1OTc2IDI1Ljg0NDA2MDQsMTguODE2NTA4NSBDMjcuOTQwOTc0MSwxOS40MDA2MDk5IDMwLjAxMDE0MzIsMTkuOTc2OTc5OCAzMi4wNzkxODY4LDIwLjU1MzQ3NDQgTDMyLjA3OTE4NjgsMjAuNTUzNDc0NCBaIE0xNi45ODAxMDI1LDI3LjYwNTMzODcgQzE3Ljg5MzE2MzIsMjUuNjAwMDE1NCAxOC43ODAzNjI1LDIzLjY1MTU1NiAxOS42Nzk4NjQ3LDIxLjY3NTc4NyBDMTcuNzI2MTkzNSwyMS4zMTczOTUyIDE1LjgwNTUzOTUsMjAuOTY1MTEzNyAxMy44ODQ2MzQ1LDIwLjYxMzU4MDQgQzEzLjg0ODIyNzYsMjAuNjA2ODQ2NiAxMy44MDk5Mzc1LDIwLjYwOTcxNDcgMTMuNzcyNTI2MywyMC42MTAzMzgyIEMxMy43NjQ3NDI3LDIwLjYxMDQ2MjkgMTMuNzU2MjA1OSwyMC42MTk0NDE0IDEzLjc0OTY3NzgsMjAuNjI2MDUwNiBDMTMuNzQzOTAyOSwyMC42MzE5MTE1IDEzLjc0MDM4NzgsMjAuNjQwMTQxOCAxMy43MjI0MzU0LDIwLjY2OTA3MjYgQzE0Ljc5NTQzNTUsMjIuOTUzNzI3IDE1Ljg3NDMzNjEsMjUuMjUwOTc2MiAxNi45ODAxMDI1LDI3LjYwNTMzODcgTDE2Ljk4MDEwMjUsMjcuNjA1MzM4NyBaIE0xOC4zMTU5ODU4LDI3Ljk5MTE2NDggQzE4LjMyOTE2NzYsMjguMDA0NzU3MyAxOC4zNDI0NzUsMjguMDE4MzQ5NyAxOC4zNTU2NTY4LDI4LjAzMjA2NjkgQzIyLjc4MjM2MywyNS45ODE4NTExIDI3LjIwOTE5NDgsMjMuOTMxNzYwMSAzMS42NzY1NzYzLDIxLjg2MjgzOTEgQzI5LjQ2NDE2NDgsMjEuMjQ2OTM4OSAyNy4zMDM4NTI4LDIwLjY0NTM3OTMgMjUuMTQwNDAyMywyMC4wNDI5NDY4IEMyNS4wNDUyNDIxLDIwLjIwNzU1MjcgMjQuOTYwNzUyOSwyMC4zNTMyMDM5IDI0Ljg3Njc2NTksMjAuNDk4ODU1MiBDMjQuNTkxMDM0MiwyMC45OTQxNjkxIDI0LjMwODE5LDIxLjQ5MTIyODkgMjQuMDE4NTY2NiwyMS45ODQyOTgzIEMyMy44NjQ5MDQzLDIyLjI0NTc5NzEgMjMuNTgxOTM0NSwyMi4zODI0Njk4IDIzLjMwMzQ4NDMsMjIuMzMyMzM5OSBDMjIuODU5Njk2MywyMi4yNTI2NTU3IDIyLjQxNzc5MTUsMjIuMTYzMzY5NSAyMS45NzQyNTQ3LDIyLjA4MjQzODMgQzIxLjY3OTg2MDcsMjIuMDI4ODE2NyAyMS4zODM4MzQ3LDIxLjk4MjY3NzEgMjEuMDc0MjUwMiwyMS45MzA5MjYxIEMyMC4xNDkzODg2LDIzLjk2MjkzNTQgMTkuMjMyNjg3MiwyNS45NzcxMTI1IDE4LjMxNTk4NTgsMjcuOTkxMTY0OCBMMTguMzE1OTg1OCwyNy45OTExNjQ4IFogTTEyLjcxNzIyNzQsMTguNDk4NzY5NCBDMTIuODM1MzYxNywxOC44NzY0ODk5IDEzLjA3MjYzNDQsMTkuMDY2NTM0OCAxMy40MTI0NzQzLDE5LjEzNzI0MDUgQzEzLjY4ODE2MjYsMTkuMTk0NDc4NSAxMy45NjQ2MDQyLDE5LjI0OTcyMTIgMTQuMjQyMDUwMiwxOS4yOTgyMzAxIEMxNS4xMzk2NjkzLDE5LjQ1NTIyOTEgMTYuMDM4NjY5NCwxOS42MDM4NzMyIDE2LjkzNTUzNTQsMTkuNzY0NzM4IEMxNy45MzM1ODc1LDE5Ljk0MzY4NDUgMTguOTI5ODgyLDIwLjEzMjczMTggMTkuOTI2OTI5NywyMC4zMTcwNDA1IEMyMC44MjI1NDAyLDIwLjQ4MjUxOTMgMjEuNzE4MTUwNywyMC42NDc5OTggMjIuNjE0MDEyMywyMC44MTIyMjk4IEMyMi43NjAwMTY3LDIwLjgzOTA0MDYgMjIuOTA3Mjc2NCwyMC44NTkyNDIyIDIzLjA1NDQxMDcsMjAuODgyNjg2MSBDMjMuMTAyNDkyOSwyMC44MTQxMDAzIDIzLjE0NDI5ODEsMjAuNzYzNzIwOSAyMy4xNzYxODU2LDIwLjcwNzg1NDcgQzIzLjU5MDk3MzUsMTkuOTgzOTYzMSAyNC4wMDQwMDM5LDE5LjI1OTA3MzggMjQuNDE4MTY0MSwxOC41MzQ5MzI4IEMyNS4wMTM3MzEzLDE3LjQ5MzMwMiAyNS42MDgyOTQxLDE2LjQ1MTE3MjMgMjYuMjA2MjQ2NiwxNS40MTA5MTMyIEMyNi43Mjk1MDIxLDE0LjUwMDcxNzcgMjcuMjU3NjUzNiwxMy41OTMzOTAzIDI3Ljc4MTUzNjgsMTIuNjgzNTY4OSBDMjcuODU2MjMzOCwxMi41NTM3NTQ3IDI3LjkyNjI4NTgsMTIuNDIwMTk5NSAyNy45ODUwMzksMTIuMjgyNjUzOSBDMjguMTA1OTM1MSwxMS45OTk5NTU4IDI4LjA1Njg0ODYsMTEuNzM4ODMxIDI3Ljg2MTI1NTUsMTEuNDgzODE2NyBDMjIuODEyNjE4NCwxMy44MjI0NjY4IDE3Ljc3MTEzNzIsMTYuMTU3NzQ5OSAxMi43MTcyMjc0LDE4LjQ5ODc2OTQgTDEyLjcxNzIyNzQsMTguNDk4NzY5NCBaIE0zMy45OTk5NjYyLDIxLjgzNjE1MyBDMzMuOTgyNzY3MSwyMS44NTYyMjk5IDMzLjk1NzE1NjcsMjEuODczNTYzNCAzMy45NDkzNzMyLDIxLjg5Njg4MjYgQzMzLjgyNDk2MTksMjIuMjY4OTkxNiAzMy41NTkzMTY4LDIyLjUwODQxODMgMzMuMjEyMDcsMjIuNjY4Nzg0MyBDMzEuMjYzNTQ2LDIzLjU2ODYyOTYgMjkuMzE0MjY4NiwyNC40NjY3MjkxIDI3LjM2NTg3MDEsMjUuMzY2ODIzOCBDMjYuNDUxNDI4NCwyNS43ODkxODc0IDI1LjUzODQ5MzIsMjYuMjE0OTE4IDI0LjYyNDY3OTMsMjYuNjM4NjUzNCBDMjIuODk5NDkyOSwyNy40MzgyMzg4IDIxLjE3NDA1NTQsMjguMjM3Njk5NSAxOS40NDg3NDM1LDI5LjAzNzAzNTUgQzE4LjkxOTIxMSwyOS4yODIzMjMxIDE4LjM5MzMxOTEsMjkuNTM1OTY1OCAxNy44NTg3NjQ5LDI5Ljc2OTkwNTYgQzE3LjM4MzM0MDYsMjkuOTc3OTA3NSAxNi45MTgzMzYyLDI5Ljk2NDMxNTEgMTYuNTEyMjEwNiwyOS42MDYxNzI3IEMxNi4zOTU3MDg1LDI5LjUwMzQxODcgMTYuMjkxNjM0OSwyOS4zNzAyMzc2IDE2LjIyNTA5OCwyOS4yMzA1NzIgQzE1LjcxNzI4NDEsMjguMTY0NDk5OCAxNS4yMjA1MTc4LDI3LjA5MzE5IDE0LjcxOTM1NzYsMjYuMDI0MTI0OSBDMTQuNDE3MTgwMSwyNS4zNzkxNjkyIDE0LjExMjM2NjIsMjQuNzM1MzM1OSAxMy44MTAwNjMxLDI0LjA5MDM4MDIgQzEzLjIyNTE2NjksMjIuODQyODY3NCAxMi42NDE3NzcyLDIxLjU5NDg1NTggMTIuMDU2NTA0NCwyMC4zNDc1OTI0IEMxMS44NDU0Njk4LDE5Ljg5Nzc5NDQgMTEuNjQwMzM1NSwxOS40NDQ4Nzg5IDExLjQxNTk5MzUsMTkuMDAxNTY1NCBDMTEuMDY2NDg3LDE4LjMxMTA5MzggMTEuMzkzNjQ3MiwxNy41OTI4MTM3IDEyLjAyMjczMzgsMTcuMzA2NzQ4NyBDMTMuMjgyMTYyNiwxNi43MzQxMTk4IDE0LjUzNjA2NzUsMTYuMTQ4ODk2MSAxNS43OTE2MDQ1LDE1LjU2NzQxMzUgQzE2Ljc2NTQyNzEsMTUuMTE2NDkzMiAxNy43MzgxMTk5LDE0LjY2MzA3ODkgMTguNzExNjkxNSwxNC4yMTE0MTA0IEMyMC4xMDM1NjYxLDEzLjU2NTgzMTMgMjEuNDk1ODE3NCwxMi45MjEwMDAzIDIyLjg4NzgxNzYsMTIuMjc1NjcwNiBDMjQuMzkwOTIxNywxMS41Nzg4MzkxIDI1Ljg5NDAyNTgsMTAuODgyMjU3MSAyNy4zOTY3NTMyLDEwLjE4NDU1MjggQzI4LjAxODE4MTksOS44OTU4NjkwMiAyOC43NjcwMzQ4LDEwLjEwOTczMTkgMjkuMDc0MjM0LDEwLjc2MjY2ODUgQzI5LjQ2OTE4NjQsMTEuNjAyMjgzIDI5Ljg2Mzg4NzgsMTIuNDQxODk3NSAzMC4yNTc1ODQ4LDEzLjI4MjAxMDkgQzMwLjYyNzU1NDUsMTQuMDcxMjQ2MSAzMC45OTQ4ODc5LDE0Ljg2MTcyODMgMzEuMzY1NzM2NCwxNS42NTA3MTQgQzMyLjA1NTU4NSwxNy4xMTgwNzU0IDMyLjc0NzY5MzMsMTguNTg0NDM5MiAzMy40MzcxNjUzLDIwLjA1MjA1IEMzMy42Mjc4NjIzLDIwLjQ1NzgyODQgMzMuODEyNTMzMywyMC44NjYyMjU1IDMzLjk5OTk2NjIsMjEuMjczNTAwMyBMMzMuOTk5OTY2MiwyMS44MzYxNTMgWiIgaWQ9IkVtYWlsIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); } .btn.solid.call:after, header nav .service-status.solid.call:after, header nav .my-shock-media.solid.call:after, header nav .toggle.solid.call:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyMSAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8cGF0aCBkPSJNMjIuMzQwMTA5OCwzMS41NjQ1NDU3IEMxMi44MTYxNDg5LDI0LjI0ODk4NDEgMTAuMTkyNzY2NCwxNS4wNjE1OTk1IDEwLjA4NjA1NjQsMTQuNjczNzcxOSBMMTAsMTQuMzYzMjAzOCBMMTAuMDExNDc0MiwxNC4wNDE1NDM5IEMxMC4wMjI1NjU5LDEzLjcxNDE0NyAxMC4yMzM2OTEsMTAuNzkxMjg4MiAxNC4xMTk5OTk1LDguOTg0MTAzMSBMMTYuMjM2MjIyNyw4IEwxOC45MTg1MDYxLDE1Ljc5MTM1OCBMMTUuOTM0MDY5LDE3LjY3OTYyNzQgQzE3LjA3NjUxNiwxOS44MTE1MzIgMTguODQ3MzY2MSwyMi41MjEzNTM0IDIxLjQ3MjI3ODUsMjUuMTkxNzgwMSBMMjQuOTE3OTc4LDIyLjY2ODk4OCBMMzAuODc1Mzc3OCwyNy44NDk1ODUyIEwyOS4zNTA0NTc5LDI5LjQ0MzM1MDMgQzI3LjQ1NTY4NjUsMzEuNDI0MTc4MSAyNC4yNzU4MDU4LDMxLjkyNzg5NTEgMjMuOTE5MzQwOSwzMS45Nzg3NjQgQzIzLjM1ODYzNTQsMzIuMDU5MDgzMyAyMi43ODkxMzMxLDMxLjkwOTUzNjQgMjIuMzQwMTA5OCwzMS41NjQ1NDU3IFoiIGlkPSJwaG9uZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); } .btn.solid.call.white:after, header nav .service-status.solid.call.white:after, header nav .my-shock-media.solid.call.white:after, header nav .toggle.solid.call.white:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyMSAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtOC4wMDAwMDApIiBmaWxsPSIjMjg5MEExIj4gICAgICAgICAgICA8cGF0aCBkPSJNMjIuMzQwMTA5OCwzMS41NjQ1NDU3IEMxMi44MTYxNDg5LDI0LjI0ODk4NDEgMTAuMTkyNzY2NCwxNS4wNjE1OTk1IDEwLjA4NjA1NjQsMTQuNjczNzcxOSBMMTAsMTQuMzYzMjAzOCBMMTAuMDExNDc0MiwxNC4wNDE1NDM5IEMxMC4wMjI1NjU5LDEzLjcxNDE0NyAxMC4yMzM2OTEsMTAuNzkxMjg4MiAxNC4xMTk5OTk1LDguOTg0MTAzMSBMMTYuMjM2MjIyNyw4IEwxOC45MTg1MDYxLDE1Ljc5MTM1OCBMMTUuOTM0MDY5LDE3LjY3OTYyNzQgQzE3LjA3NjUxNiwxOS44MTE1MzIgMTguODQ3MzY2MSwyMi41MjEzNTM0IDIxLjQ3MjI3ODUsMjUuMTkxNzgwMSBMMjQuOTE3OTc4LDIyLjY2ODk4OCBMMzAuODc1Mzc3OCwyNy44NDk1ODUyIEwyOS4zNTA0NTc5LDI5LjQ0MzM1MDMgQzI3LjQ1NTY4NjUsMzEuNDI0MTc4MSAyNC4yNzU4MDU4LDMxLjkyNzg5NTEgMjMuOTE5MzQwOSwzMS45Nzg3NjQgQzIzLjM1ODYzNTQsMzIuMDU5MDgzMyAyMi43ODkxMzMxLDMxLjkwOTUzNjQgMjIuMzQwMTA5OCwzMS41NjQ1NDU3IFoiIGlkPSJwaG9uZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); } .btn.trans, header nav .service-status.trans, header nav .service-status, header nav .my-shock-media.trans, header nav .my-shock-media, header nav .toggle.trans, header nav .toggle { padding: 10px 40px 10px 40px; } .btn.trans.black, header nav .service-status.trans.black, header nav .service-status.black, header nav .my-shock-media.trans.black, header nav .my-shock-media.black, header nav .toggle.trans.black, header nav .toggle.black { border: 1px solid #fff; color: #fff; } .btn.trans.black:hover, header nav .service-status.trans.black:hover, header nav .service-status.black:hover, header nav .my-shock-media.trans.black:hover, header nav .my-shock-media.black:hover, header nav .toggle.trans.black:hover, header nav .toggle.black:hover { background-color: #161314; border-color: #fff; } .btn.trans.white, header nav .service-status.trans.white, header nav .service-status.white, header nav .service-status, header nav .my-shock-media.trans.white, header nav .my-shock-media.white, header nav .my-shock-media, header nav .toggle.trans.white, header nav .toggle.white, header nav .toggle { border: 1px solid #fff; color: #fff; } .btn.trans.white:hover, header nav .service-status.trans.white:hover, header nav .service-status.white:hover, header nav .service-status:hover, header nav .my-shock-media.trans.white:hover, header nav .my-shock-media.white:hover, header nav .my-shock-media:hover, header nav .toggle.trans.white:hover, header nav .toggle.white:hover, header nav .toggle:hover { background-color: #2890a1; border-color: #2890a1; } .btn.trans.green, header nav .service-status.trans.green, header nav .service-status.green, header nav .my-shock-media.trans.green, header nav .my-shock-media.green, header nav .toggle.trans.green, header nav .toggle.green { border: 1px solid #2890a1; color: #2890a1; } .btn.trans.green:hover, header nav .service-status.trans.green:hover, header nav .service-status.green:hover, header nav .my-shock-media.trans.green:hover, header nav .my-shock-media.green:hover, header nav .toggle.trans.green:hover, header nav .toggle.green:hover { background-color: #2890a1; color: #fff; } .btn.icon, header nav .service-status.icon, header nav .service-status, header nav .my-shock-media.icon, header nav .toggle.icon, header nav .toggle { font-size: 0; padding: 10px; width: 42px; } .btn.icon.email, header nav .service-status.icon.email, header nav .service-status.email, header nav .my-shock-media.icon.email, header nav .toggle.icon.email, header nav .toggle.email, .btn.icon.call, header nav .service-status.icon.call, header nav .service-status.call, header nav .my-shock-media.icon.call, header nav .toggle.icon.call, header nav .toggle.call { background: no-repeat center; } .btn.icon.email, header nav .service-status.icon.email, header nav .service-status.email, header nav .my-shock-media.icon.email, header nav .toggle.icon.email, header nav .toggle.email { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyOXB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyOSAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4wMDAwMDAsIC0xMC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8cGF0aCBkPSJNNSwxNC41MjIwNzkxIEM1LjAyMzA5OTU3LDE0LjQ5NDc2OTQgNS4wNTMxMDM5LDE0LjQ3MDgyNjggNS4wNjgyOTQzOCwxNC40Mzk2NTE0IEM1LjIxMTkxMzQ1LDE0LjE0NzcyNTQgNS40NDYwNDc2OCwxNC4wMTk1MzI0IDUuNzcyMzI5MTEsMTQuMDIwOTA0MSBDNi44Mjg1MDY3NCwxNC4wMjU1MTgxIDcuODg0ODA5OTEsMTQuMDIxMTUzNSA4Ljk0MDk4NzU0LDE0LjAyMTI3ODIgQzExLjMxNzQ4MTQsMTQuMDIxNTI3NiAxMy42OTM4NDk3LDE0LjAyMjUyNTIgMTYuMDcwMzQzNSwxNC4wMjMxNDg3IEwxNi40MTA0MzQ0LDE0LjAyMzE0ODcgQzE1LjkyMzk2MjUsMTQuMjU0NDY5OCAxNS41MDIxNDQzLDE0LjQ1ODQ4MTMgMTUuMDc3MTg3NSwxNC42NTYyNTc4IEMxNC42NDI2ODk2LDE0Ljg1ODM5ODcgMTQuMjAyNTQyNCwxNS4wNDkxOTE5IDEzLjc3MDMwNDIsMTUuMjU2MDcxNSBDMTMuNjIxMjg2OSwxNS4zMjc0MDA3IDEzLjQ3NDc4MDQsMTUuMzYyMDY3NyAxMy4zMTAzMjE1LDE1LjM2MTgxODMgQzExLjMyOTkwOTksMTUuMzU4NDUxNCA5LjM0OTQ5ODQyLDE1LjM1ODcwMDggNy4zNjkyMTI0NCwxNS4zNTgwNzczIEM2Ljg1MDYwMTk4LDE1LjM1Nzk1MjYgNi4zMzE4NjU5OCwxNS4zNTc4Mjc4IDUuODEzMjU1NTIsMTUuMzU3ODI3OCBDNS40MzkwMTczNywxNS4zNTc3MDMxIDUuMTUxMDI1OTksMTUuMjMwNzU3MSA1LjAzOTI5NDM4LDE0Ljg0MTQzOTMgQzUuMDM0OTAwNDQsMTQuODI2MjI1OCA1LjAxMzQzMjksMTQuODE2MDAwMyA1LDE0LjgwMzQwNTQgTDUsMTQuNTIyMDc5MSBaIE0xMC4zNzA5ODksMTcuMzk2OTcwMSBDMTAuMTUxNzk0MiwxNy44MjY5NDA2IDEwLjExNzg5ODEsMTguMjUyNjcxMSAxMC4xNTQ1NTYxLDE4LjcwMjg0MzIgQzEwLjA3NzU5OTQsMTguNzE1NDM4IDEwLjAxNjA4NDIsMTguNzM0MDE4NiA5Ljk1NDQ0MzUyLDE4LjczNDE0MzMgQzkuMDg2ODI4NjksMTguNzM1MzkwMyA4LjIxOTIxMzg1LDE4LjczNzc1OTYgNy4zNTE1OTkwMiwxOC43MzE2NDkyIEM3LjAzOTEyNzExLDE4LjcyOTQwNDYgNi43ODYwMzYxNywxOC42MTYwNTEgNi42NTI4MzcwMiwxOC4zMDYxNjggQzYuNDQ1ODE5NjcsMTcuODI0MDcyNCA2Ljg3OTk0MDk1LDE3LjQxMTY4NDkgNy4yNDMyNTcwMSwxNy40MDAyMTI0IEM3LjM5NDAzMTkyLDE3LjM5NTM0OSA3LjU0NTA1NzkyLDE3LjM5ODIxNzEgNy42OTU5NTgzNywxNy4zOTgwOTI0IEM4LjUxNjQ5NTI4LDE3LjM5NzU5MzYgOS4zMzY5MDY2NCwxNy4zOTczNDQyIDEwLjE1NzMxOCwxNy4zOTY5NzAxIEwxMC4zNzA5ODksMTcuMzk2OTcwMSBaIE0xMS4wMDgyNjEsMjAuNzk0NDA5OSBDMTEuMjA2MjM5NCwyMS4yMjE3NjE3IDExLjQwNTU5ODcsMjEuNjUyMjMwOSAxMS42MTc1MTIxLDIyLjEwOTYzNTYgQzExLjQ1MTA0NDYsMjIuMTA5NjM1NiAxMS4zMTA5NDA3LDIyLjEwOTc2MDMgMTEuMTcwODM2OCwyMi4xMDk2MzU2IEMxMC40MjcwMDU1LDIyLjEwOTUxMDkgOS42ODMwNDg2OCwyMi4xMTE3NTU2IDguOTM5MjE3NDEsMjIuMTA4MTM5MiBDOC42NjExNDM3OCwyMi4xMDY2NDI4IDguNDIzNjE5OTQsMjIuMDE2OTgyNSA4LjI3NzYxNTU5LDIxLjc2MDA5NzYgQzguMTA3NTA3MzQsMjEuNDYwODE0MiA4LjE3NjgwNjA1LDIxLjExMjc3MjYgOC40NTc1MTYwNSwyMC45MTUzNzAzIEM4LjU4MDQyMDgzLDIwLjgyODk1MjIgOC43MTcyNjA2NywyMC43NzA1OTIgOC44NzcwNzQ1NSwyMC43NzE1ODk2IEM5LjU0NTU4MTEzLDIwLjc3NTgyOTQgMTAuMjE0MDg3NywyMC43NzQzMzMgMTAuODgyNzE5OCwyMC43NzYwNzg4IEMxMC45MTkzNzc5LDIwLjc3NjIwMzUgMTAuOTU1OTEwMywyMC43ODY1NTM4IDExLjAwODI2MSwyMC43OTQ0MDk5IE0zMi4wNzkxODY4LDIwLjU1MzQ3NDQgQzMyLjA5NDI1MTcsMjAuNTM3ODg2NyAzMi4xMDk0NDIyLDIwLjUyMjI5OSAzMi4xMjQ1MDcxLDIwLjUwNjcxMTMgQzMxLjA0MjM0MjUsMTguMjAyMTA0NyAyOS45NjAzMDM0LDE1Ljg5NzQ5ODEgMjguODYwNDM3NCwxMy41NTQ5ODIzIEMyNy44NDQ0MzI5LDE1LjMyNzIzODYgMjYuODUzMDM0NSwxNy4wNTY1OTc2IDI1Ljg0NDA2MDQsMTguODE2NTA4NSBDMjcuOTQwOTc0MSwxOS40MDA2MDk5IDMwLjAxMDE0MzIsMTkuOTc2OTc5OCAzMi4wNzkxODY4LDIwLjU1MzQ3NDQgTDMyLjA3OTE4NjgsMjAuNTUzNDc0NCBaIE0xNi45ODAxMDI1LDI3LjYwNTMzODcgQzE3Ljg5MzE2MzIsMjUuNjAwMDE1NCAxOC43ODAzNjI1LDIzLjY1MTU1NiAxOS42Nzk4NjQ3LDIxLjY3NTc4NyBDMTcuNzI2MTkzNSwyMS4zMTczOTUyIDE1LjgwNTUzOTUsMjAuOTY1MTEzNyAxMy44ODQ2MzQ1LDIwLjYxMzU4MDQgQzEzLjg0ODIyNzYsMjAuNjA2ODQ2NiAxMy44MDk5Mzc1LDIwLjYwOTcxNDcgMTMuNzcyNTI2MywyMC42MTAzMzgyIEMxMy43NjQ3NDI3LDIwLjYxMDQ2MjkgMTMuNzU2MjA1OSwyMC42MTk0NDE0IDEzLjc0OTY3NzgsMjAuNjI2MDUwNiBDMTMuNzQzOTAyOSwyMC42MzE5MTE1IDEzLjc0MDM4NzgsMjAuNjQwMTQxOCAxMy43MjI0MzU0LDIwLjY2OTA3MjYgQzE0Ljc5NTQzNTUsMjIuOTUzNzI3IDE1Ljg3NDMzNjEsMjUuMjUwOTc2MiAxNi45ODAxMDI1LDI3LjYwNTMzODcgTDE2Ljk4MDEwMjUsMjcuNjA1MzM4NyBaIE0xOC4zMTU5ODU4LDI3Ljk5MTE2NDggQzE4LjMyOTE2NzYsMjguMDA0NzU3MyAxOC4zNDI0NzUsMjguMDE4MzQ5NyAxOC4zNTU2NTY4LDI4LjAzMjA2NjkgQzIyLjc4MjM2MywyNS45ODE4NTExIDI3LjIwOTE5NDgsMjMuOTMxNzYwMSAzMS42NzY1NzYzLDIxLjg2MjgzOTEgQzI5LjQ2NDE2NDgsMjEuMjQ2OTM4OSAyNy4zMDM4NTI4LDIwLjY0NTM3OTMgMjUuMTQwNDAyMywyMC4wNDI5NDY4IEMyNS4wNDUyNDIxLDIwLjIwNzU1MjcgMjQuOTYwNzUyOSwyMC4zNTMyMDM5IDI0Ljg3Njc2NTksMjAuNDk4ODU1MiBDMjQuNTkxMDM0MiwyMC45OTQxNjkxIDI0LjMwODE5LDIxLjQ5MTIyODkgMjQuMDE4NTY2NiwyMS45ODQyOTgzIEMyMy44NjQ5MDQzLDIyLjI0NTc5NzEgMjMuNTgxOTM0NSwyMi4zODI0Njk4IDIzLjMwMzQ4NDMsMjIuMzMyMzM5OSBDMjIuODU5Njk2MywyMi4yNTI2NTU3IDIyLjQxNzc5MTUsMjIuMTYzMzY5NSAyMS45NzQyNTQ3LDIyLjA4MjQzODMgQzIxLjY3OTg2MDcsMjIuMDI4ODE2NyAyMS4zODM4MzQ3LDIxLjk4MjY3NzEgMjEuMDc0MjUwMiwyMS45MzA5MjYxIEMyMC4xNDkzODg2LDIzLjk2MjkzNTQgMTkuMjMyNjg3MiwyNS45NzcxMTI1IDE4LjMxNTk4NTgsMjcuOTkxMTY0OCBMMTguMzE1OTg1OCwyNy45OTExNjQ4IFogTTEyLjcxNzIyNzQsMTguNDk4NzY5NCBDMTIuODM1MzYxNywxOC44NzY0ODk5IDEzLjA3MjYzNDQsMTkuMDY2NTM0OCAxMy40MTI0NzQzLDE5LjEzNzI0MDUgQzEzLjY4ODE2MjYsMTkuMTk0NDc4NSAxMy45NjQ2MDQyLDE5LjI0OTcyMTIgMTQuMjQyMDUwMiwxOS4yOTgyMzAxIEMxNS4xMzk2NjkzLDE5LjQ1NTIyOTEgMTYuMDM4NjY5NCwxOS42MDM4NzMyIDE2LjkzNTUzNTQsMTkuNzY0NzM4IEMxNy45MzM1ODc1LDE5Ljk0MzY4NDUgMTguOTI5ODgyLDIwLjEzMjczMTggMTkuOTI2OTI5NywyMC4zMTcwNDA1IEMyMC44MjI1NDAyLDIwLjQ4MjUxOTMgMjEuNzE4MTUwNywyMC42NDc5OTggMjIuNjE0MDEyMywyMC44MTIyMjk4IEMyMi43NjAwMTY3LDIwLjgzOTA0MDYgMjIuOTA3Mjc2NCwyMC44NTkyNDIyIDIzLjA1NDQxMDcsMjAuODgyNjg2MSBDMjMuMTAyNDkyOSwyMC44MTQxMDAzIDIzLjE0NDI5ODEsMjAuNzYzNzIwOSAyMy4xNzYxODU2LDIwLjcwNzg1NDcgQzIzLjU5MDk3MzUsMTkuOTgzOTYzMSAyNC4wMDQwMDM5LDE5LjI1OTA3MzggMjQuNDE4MTY0MSwxOC41MzQ5MzI4IEMyNS4wMTM3MzEzLDE3LjQ5MzMwMiAyNS42MDgyOTQxLDE2LjQ1MTE3MjMgMjYuMjA2MjQ2NiwxNS40MTA5MTMyIEMyNi43Mjk1MDIxLDE0LjUwMDcxNzcgMjcuMjU3NjUzNiwxMy41OTMzOTAzIDI3Ljc4MTUzNjgsMTIuNjgzNTY4OSBDMjcuODU2MjMzOCwxMi41NTM3NTQ3IDI3LjkyNjI4NTgsMTIuNDIwMTk5NSAyNy45ODUwMzksMTIuMjgyNjUzOSBDMjguMTA1OTM1MSwxMS45OTk5NTU4IDI4LjA1Njg0ODYsMTEuNzM4ODMxIDI3Ljg2MTI1NTUsMTEuNDgzODE2NyBDMjIuODEyNjE4NCwxMy44MjI0NjY4IDE3Ljc3MTEzNzIsMTYuMTU3NzQ5OSAxMi43MTcyMjc0LDE4LjQ5ODc2OTQgTDEyLjcxNzIyNzQsMTguNDk4NzY5NCBaIE0zMy45OTk5NjYyLDIxLjgzNjE1MyBDMzMuOTgyNzY3MSwyMS44NTYyMjk5IDMzLjk1NzE1NjcsMjEuODczNTYzNCAzMy45NDkzNzMyLDIxLjg5Njg4MjYgQzMzLjgyNDk2MTksMjIuMjY4OTkxNiAzMy41NTkzMTY4LDIyLjUwODQxODMgMzMuMjEyMDcsMjIuNjY4Nzg0MyBDMzEuMjYzNTQ2LDIzLjU2ODYyOTYgMjkuMzE0MjY4NiwyNC40NjY3MjkxIDI3LjM2NTg3MDEsMjUuMzY2ODIzOCBDMjYuNDUxNDI4NCwyNS43ODkxODc0IDI1LjUzODQ5MzIsMjYuMjE0OTE4IDI0LjYyNDY3OTMsMjYuNjM4NjUzNCBDMjIuODk5NDkyOSwyNy40MzgyMzg4IDIxLjE3NDA1NTQsMjguMjM3Njk5NSAxOS40NDg3NDM1LDI5LjAzNzAzNTUgQzE4LjkxOTIxMSwyOS4yODIzMjMxIDE4LjM5MzMxOTEsMjkuNTM1OTY1OCAxNy44NTg3NjQ5LDI5Ljc2OTkwNTYgQzE3LjM4MzM0MDYsMjkuOTc3OTA3NSAxNi45MTgzMzYyLDI5Ljk2NDMxNTEgMTYuNTEyMjEwNiwyOS42MDYxNzI3IEMxNi4zOTU3MDg1LDI5LjUwMzQxODcgMTYuMjkxNjM0OSwyOS4zNzAyMzc2IDE2LjIyNTA5OCwyOS4yMzA1NzIgQzE1LjcxNzI4NDEsMjguMTY0NDk5OCAxNS4yMjA1MTc4LDI3LjA5MzE5IDE0LjcxOTM1NzYsMjYuMDI0MTI0OSBDMTQuNDE3MTgwMSwyNS4zNzkxNjkyIDE0LjExMjM2NjIsMjQuNzM1MzM1OSAxMy44MTAwNjMxLDI0LjA5MDM4MDIgQzEzLjIyNTE2NjksMjIuODQyODY3NCAxMi42NDE3NzcyLDIxLjU5NDg1NTggMTIuMDU2NTA0NCwyMC4zNDc1OTI0IEMxMS44NDU0Njk4LDE5Ljg5Nzc5NDQgMTEuNjQwMzM1NSwxOS40NDQ4Nzg5IDExLjQxNTk5MzUsMTkuMDAxNTY1NCBDMTEuMDY2NDg3LDE4LjMxMTA5MzggMTEuMzkzNjQ3MiwxNy41OTI4MTM3IDEyLjAyMjczMzgsMTcuMzA2NzQ4NyBDMTMuMjgyMTYyNiwxNi43MzQxMTk4IDE0LjUzNjA2NzUsMTYuMTQ4ODk2MSAxNS43OTE2MDQ1LDE1LjU2NzQxMzUgQzE2Ljc2NTQyNzEsMTUuMTE2NDkzMiAxNy43MzgxMTk5LDE0LjY2MzA3ODkgMTguNzExNjkxNSwxNC4yMTE0MTA0IEMyMC4xMDM1NjYxLDEzLjU2NTgzMTMgMjEuNDk1ODE3NCwxMi45MjEwMDAzIDIyLjg4NzgxNzYsMTIuMjc1NjcwNiBDMjQuMzkwOTIxNywxMS41Nzg4MzkxIDI1Ljg5NDAyNTgsMTAuODgyMjU3MSAyNy4zOTY3NTMyLDEwLjE4NDU1MjggQzI4LjAxODE4MTksOS44OTU4NjkwMiAyOC43NjcwMzQ4LDEwLjEwOTczMTkgMjkuMDc0MjM0LDEwLjc2MjY2ODUgQzI5LjQ2OTE4NjQsMTEuNjAyMjgzIDI5Ljg2Mzg4NzgsMTIuNDQxODk3NSAzMC4yNTc1ODQ4LDEzLjI4MjAxMDkgQzMwLjYyNzU1NDUsMTQuMDcxMjQ2MSAzMC45OTQ4ODc5LDE0Ljg2MTcyODMgMzEuMzY1NzM2NCwxNS42NTA3MTQgQzMyLjA1NTU4NSwxNy4xMTgwNzU0IDMyLjc0NzY5MzMsMTguNTg0NDM5MiAzMy40MzcxNjUzLDIwLjA1MjA1IEMzMy42Mjc4NjIzLDIwLjQ1NzgyODQgMzMuODEyNTMzMywyMC44NjYyMjU1IDMzLjk5OTk2NjIsMjEuMjczNTAwMyBMMzMuOTk5OTY2MiwyMS44MzYxNTMgWiIgaWQ9IkVtYWlsIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); } .btn.icon.email.white, header nav .service-status.icon.email.white, header nav .service-status.email.white, header nav .my-shock-media.icon.email.white, header nav .toggle.icon.email.white, header nav .toggle.email.white { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyOXB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyOSAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4wMDAwMDAsIC0xMC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8cGF0aCBkPSJNNSwxNC41MjIwNzkxIEM1LjAyMzA5OTU3LDE0LjQ5NDc2OTQgNS4wNTMxMDM5LDE0LjQ3MDgyNjggNS4wNjgyOTQzOCwxNC40Mzk2NTE0IEM1LjIxMTkxMzQ1LDE0LjE0NzcyNTQgNS40NDYwNDc2OCwxNC4wMTk1MzI0IDUuNzcyMzI5MTEsMTQuMDIwOTA0MSBDNi44Mjg1MDY3NCwxNC4wMjU1MTgxIDcuODg0ODA5OTEsMTQuMDIxMTUzNSA4Ljk0MDk4NzU0LDE0LjAyMTI3ODIgQzExLjMxNzQ4MTQsMTQuMDIxNTI3NiAxMy42OTM4NDk3LDE0LjAyMjUyNTIgMTYuMDcwMzQzNSwxNC4wMjMxNDg3IEwxNi40MTA0MzQ0LDE0LjAyMzE0ODcgQzE1LjkyMzk2MjUsMTQuMjU0NDY5OCAxNS41MDIxNDQzLDE0LjQ1ODQ4MTMgMTUuMDc3MTg3NSwxNC42NTYyNTc4IEMxNC42NDI2ODk2LDE0Ljg1ODM5ODcgMTQuMjAyNTQyNCwxNS4wNDkxOTE5IDEzLjc3MDMwNDIsMTUuMjU2MDcxNSBDMTMuNjIxMjg2OSwxNS4zMjc0MDA3IDEzLjQ3NDc4MDQsMTUuMzYyMDY3NyAxMy4zMTAzMjE1LDE1LjM2MTgxODMgQzExLjMyOTkwOTksMTUuMzU4NDUxNCA5LjM0OTQ5ODQyLDE1LjM1ODcwMDggNy4zNjkyMTI0NCwxNS4zNTgwNzczIEM2Ljg1MDYwMTk4LDE1LjM1Nzk1MjYgNi4zMzE4NjU5OCwxNS4zNTc4Mjc4IDUuODEzMjU1NTIsMTUuMzU3ODI3OCBDNS40MzkwMTczNywxNS4zNTc3MDMxIDUuMTUxMDI1OTksMTUuMjMwNzU3MSA1LjAzOTI5NDM4LDE0Ljg0MTQzOTMgQzUuMDM0OTAwNDQsMTQuODI2MjI1OCA1LjAxMzQzMjksMTQuODE2MDAwMyA1LDE0LjgwMzQwNTQgTDUsMTQuNTIyMDc5MSBaIE0xMC4zNzA5ODksMTcuMzk2OTcwMSBDMTAuMTUxNzk0MiwxNy44MjY5NDA2IDEwLjExNzg5ODEsMTguMjUyNjcxMSAxMC4xNTQ1NTYxLDE4LjcwMjg0MzIgQzEwLjA3NzU5OTQsMTguNzE1NDM4IDEwLjAxNjA4NDIsMTguNzM0MDE4NiA5Ljk1NDQ0MzUyLDE4LjczNDE0MzMgQzkuMDg2ODI4NjksMTguNzM1MzkwMyA4LjIxOTIxMzg1LDE4LjczNzc1OTYgNy4zNTE1OTkwMiwxOC43MzE2NDkyIEM3LjAzOTEyNzExLDE4LjcyOTQwNDYgNi43ODYwMzYxNywxOC42MTYwNTEgNi42NTI4MzcwMiwxOC4zMDYxNjggQzYuNDQ1ODE5NjcsMTcuODI0MDcyNCA2Ljg3OTk0MDk1LDE3LjQxMTY4NDkgNy4yNDMyNTcwMSwxNy40MDAyMTI0IEM3LjM5NDAzMTkyLDE3LjM5NTM0OSA3LjU0NTA1NzkyLDE3LjM5ODIxNzEgNy42OTU5NTgzNywxNy4zOTgwOTI0IEM4LjUxNjQ5NTI4LDE3LjM5NzU5MzYgOS4zMzY5MDY2NCwxNy4zOTczNDQyIDEwLjE1NzMxOCwxNy4zOTY5NzAxIEwxMC4zNzA5ODksMTcuMzk2OTcwMSBaIE0xMS4wMDgyNjEsMjAuNzk0NDA5OSBDMTEuMjA2MjM5NCwyMS4yMjE3NjE3IDExLjQwNTU5ODcsMjEuNjUyMjMwOSAxMS42MTc1MTIxLDIyLjEwOTYzNTYgQzExLjQ1MTA0NDYsMjIuMTA5NjM1NiAxMS4zMTA5NDA3LDIyLjEwOTc2MDMgMTEuMTcwODM2OCwyMi4xMDk2MzU2IEMxMC40MjcwMDU1LDIyLjEwOTUxMDkgOS42ODMwNDg2OCwyMi4xMTE3NTU2IDguOTM5MjE3NDEsMjIuMTA4MTM5MiBDOC42NjExNDM3OCwyMi4xMDY2NDI4IDguNDIzNjE5OTQsMjIuMDE2OTgyNSA4LjI3NzYxNTU5LDIxLjc2MDA5NzYgQzguMTA3NTA3MzQsMjEuNDYwODE0MiA4LjE3NjgwNjA1LDIxLjExMjc3MjYgOC40NTc1MTYwNSwyMC45MTUzNzAzIEM4LjU4MDQyMDgzLDIwLjgyODk1MjIgOC43MTcyNjA2NywyMC43NzA1OTIgOC44NzcwNzQ1NSwyMC43NzE1ODk2IEM5LjU0NTU4MTEzLDIwLjc3NTgyOTQgMTAuMjE0MDg3NywyMC43NzQzMzMgMTAuODgyNzE5OCwyMC43NzYwNzg4IEMxMC45MTkzNzc5LDIwLjc3NjIwMzUgMTAuOTU1OTEwMywyMC43ODY1NTM4IDExLjAwODI2MSwyMC43OTQ0MDk5IE0zMi4wNzkxODY4LDIwLjU1MzQ3NDQgQzMyLjA5NDI1MTcsMjAuNTM3ODg2NyAzMi4xMDk0NDIyLDIwLjUyMjI5OSAzMi4xMjQ1MDcxLDIwLjUwNjcxMTMgQzMxLjA0MjM0MjUsMTguMjAyMTA0NyAyOS45NjAzMDM0LDE1Ljg5NzQ5ODEgMjguODYwNDM3NCwxMy41NTQ5ODIzIEMyNy44NDQ0MzI5LDE1LjMyNzIzODYgMjYuODUzMDM0NSwxNy4wNTY1OTc2IDI1Ljg0NDA2MDQsMTguODE2NTA4NSBDMjcuOTQwOTc0MSwxOS40MDA2MDk5IDMwLjAxMDE0MzIsMTkuOTc2OTc5OCAzMi4wNzkxODY4LDIwLjU1MzQ3NDQgTDMyLjA3OTE4NjgsMjAuNTUzNDc0NCBaIE0xNi45ODAxMDI1LDI3LjYwNTMzODcgQzE3Ljg5MzE2MzIsMjUuNjAwMDE1NCAxOC43ODAzNjI1LDIzLjY1MTU1NiAxOS42Nzk4NjQ3LDIxLjY3NTc4NyBDMTcuNzI2MTkzNSwyMS4zMTczOTUyIDE1LjgwNTUzOTUsMjAuOTY1MTEzNyAxMy44ODQ2MzQ1LDIwLjYxMzU4MDQgQzEzLjg0ODIyNzYsMjAuNjA2ODQ2NiAxMy44MDk5Mzc1LDIwLjYwOTcxNDcgMTMuNzcyNTI2MywyMC42MTAzMzgyIEMxMy43NjQ3NDI3LDIwLjYxMDQ2MjkgMTMuNzU2MjA1OSwyMC42MTk0NDE0IDEzLjc0OTY3NzgsMjAuNjI2MDUwNiBDMTMuNzQzOTAyOSwyMC42MzE5MTE1IDEzLjc0MDM4NzgsMjAuNjQwMTQxOCAxMy43MjI0MzU0LDIwLjY2OTA3MjYgQzE0Ljc5NTQzNTUsMjIuOTUzNzI3IDE1Ljg3NDMzNjEsMjUuMjUwOTc2MiAxNi45ODAxMDI1LDI3LjYwNTMzODcgTDE2Ljk4MDEwMjUsMjcuNjA1MzM4NyBaIE0xOC4zMTU5ODU4LDI3Ljk5MTE2NDggQzE4LjMyOTE2NzYsMjguMDA0NzU3MyAxOC4zNDI0NzUsMjguMDE4MzQ5NyAxOC4zNTU2NTY4LDI4LjAzMjA2NjkgQzIyLjc4MjM2MywyNS45ODE4NTExIDI3LjIwOTE5NDgsMjMuOTMxNzYwMSAzMS42NzY1NzYzLDIxLjg2MjgzOTEgQzI5LjQ2NDE2NDgsMjEuMjQ2OTM4OSAyNy4zMDM4NTI4LDIwLjY0NTM3OTMgMjUuMTQwNDAyMywyMC4wNDI5NDY4IEMyNS4wNDUyNDIxLDIwLjIwNzU1MjcgMjQuOTYwNzUyOSwyMC4zNTMyMDM5IDI0Ljg3Njc2NTksMjAuNDk4ODU1MiBDMjQuNTkxMDM0MiwyMC45OTQxNjkxIDI0LjMwODE5LDIxLjQ5MTIyODkgMjQuMDE4NTY2NiwyMS45ODQyOTgzIEMyMy44NjQ5MDQzLDIyLjI0NTc5NzEgMjMuNTgxOTM0NSwyMi4zODI0Njk4IDIzLjMwMzQ4NDMsMjIuMzMyMzM5OSBDMjIuODU5Njk2MywyMi4yNTI2NTU3IDIyLjQxNzc5MTUsMjIuMTYzMzY5NSAyMS45NzQyNTQ3LDIyLjA4MjQzODMgQzIxLjY3OTg2MDcsMjIuMDI4ODE2NyAyMS4zODM4MzQ3LDIxLjk4MjY3NzEgMjEuMDc0MjUwMiwyMS45MzA5MjYxIEMyMC4xNDkzODg2LDIzLjk2MjkzNTQgMTkuMjMyNjg3MiwyNS45NzcxMTI1IDE4LjMxNTk4NTgsMjcuOTkxMTY0OCBMMTguMzE1OTg1OCwyNy45OTExNjQ4IFogTTEyLjcxNzIyNzQsMTguNDk4NzY5NCBDMTIuODM1MzYxNywxOC44NzY0ODk5IDEzLjA3MjYzNDQsMTkuMDY2NTM0OCAxMy40MTI0NzQzLDE5LjEzNzI0MDUgQzEzLjY4ODE2MjYsMTkuMTk0NDc4NSAxMy45NjQ2MDQyLDE5LjI0OTcyMTIgMTQuMjQyMDUwMiwxOS4yOTgyMzAxIEMxNS4xMzk2NjkzLDE5LjQ1NTIyOTEgMTYuMDM4NjY5NCwxOS42MDM4NzMyIDE2LjkzNTUzNTQsMTkuNzY0NzM4IEMxNy45MzM1ODc1LDE5Ljk0MzY4NDUgMTguOTI5ODgyLDIwLjEzMjczMTggMTkuOTI2OTI5NywyMC4zMTcwNDA1IEMyMC44MjI1NDAyLDIwLjQ4MjUxOTMgMjEuNzE4MTUwNywyMC42NDc5OTggMjIuNjE0MDEyMywyMC44MTIyMjk4IEMyMi43NjAwMTY3LDIwLjgzOTA0MDYgMjIuOTA3Mjc2NCwyMC44NTkyNDIyIDIzLjA1NDQxMDcsMjAuODgyNjg2MSBDMjMuMTAyNDkyOSwyMC44MTQxMDAzIDIzLjE0NDI5ODEsMjAuNzYzNzIwOSAyMy4xNzYxODU2LDIwLjcwNzg1NDcgQzIzLjU5MDk3MzUsMTkuOTgzOTYzMSAyNC4wMDQwMDM5LDE5LjI1OTA3MzggMjQuNDE4MTY0MSwxOC41MzQ5MzI4IEMyNS4wMTM3MzEzLDE3LjQ5MzMwMiAyNS42MDgyOTQxLDE2LjQ1MTE3MjMgMjYuMjA2MjQ2NiwxNS40MTA5MTMyIEMyNi43Mjk1MDIxLDE0LjUwMDcxNzcgMjcuMjU3NjUzNiwxMy41OTMzOTAzIDI3Ljc4MTUzNjgsMTIuNjgzNTY4OSBDMjcuODU2MjMzOCwxMi41NTM3NTQ3IDI3LjkyNjI4NTgsMTIuNDIwMTk5NSAyNy45ODUwMzksMTIuMjgyNjUzOSBDMjguMTA1OTM1MSwxMS45OTk5NTU4IDI4LjA1Njg0ODYsMTEuNzM4ODMxIDI3Ljg2MTI1NTUsMTEuNDgzODE2NyBDMjIuODEyNjE4NCwxMy44MjI0NjY4IDE3Ljc3MTEzNzIsMTYuMTU3NzQ5OSAxMi43MTcyMjc0LDE4LjQ5ODc2OTQgTDEyLjcxNzIyNzQsMTguNDk4NzY5NCBaIE0zMy45OTk5NjYyLDIxLjgzNjE1MyBDMzMuOTgyNzY3MSwyMS44NTYyMjk5IDMzLjk1NzE1NjcsMjEuODczNTYzNCAzMy45NDkzNzMyLDIxLjg5Njg4MjYgQzMzLjgyNDk2MTksMjIuMjY4OTkxNiAzMy41NTkzMTY4LDIyLjUwODQxODMgMzMuMjEyMDcsMjIuNjY4Nzg0MyBDMzEuMjYzNTQ2LDIzLjU2ODYyOTYgMjkuMzE0MjY4NiwyNC40NjY3MjkxIDI3LjM2NTg3MDEsMjUuMzY2ODIzOCBDMjYuNDUxNDI4NCwyNS43ODkxODc0IDI1LjUzODQ5MzIsMjYuMjE0OTE4IDI0LjYyNDY3OTMsMjYuNjM4NjUzNCBDMjIuODk5NDkyOSwyNy40MzgyMzg4IDIxLjE3NDA1NTQsMjguMjM3Njk5NSAxOS40NDg3NDM1LDI5LjAzNzAzNTUgQzE4LjkxOTIxMSwyOS4yODIzMjMxIDE4LjM5MzMxOTEsMjkuNTM1OTY1OCAxNy44NTg3NjQ5LDI5Ljc2OTkwNTYgQzE3LjM4MzM0MDYsMjkuOTc3OTA3NSAxNi45MTgzMzYyLDI5Ljk2NDMxNTEgMTYuNTEyMjEwNiwyOS42MDYxNzI3IEMxNi4zOTU3MDg1LDI5LjUwMzQxODcgMTYuMjkxNjM0OSwyOS4zNzAyMzc2IDE2LjIyNTA5OCwyOS4yMzA1NzIgQzE1LjcxNzI4NDEsMjguMTY0NDk5OCAxNS4yMjA1MTc4LDI3LjA5MzE5IDE0LjcxOTM1NzYsMjYuMDI0MTI0OSBDMTQuNDE3MTgwMSwyNS4zNzkxNjkyIDE0LjExMjM2NjIsMjQuNzM1MzM1OSAxMy44MTAwNjMxLDI0LjA5MDM4MDIgQzEzLjIyNTE2NjksMjIuODQyODY3NCAxMi42NDE3NzcyLDIxLjU5NDg1NTggMTIuMDU2NTA0NCwyMC4zNDc1OTI0IEMxMS44NDU0Njk4LDE5Ljg5Nzc5NDQgMTEuNjQwMzM1NSwxOS40NDQ4Nzg5IDExLjQxNTk5MzUsMTkuMDAxNTY1NCBDMTEuMDY2NDg3LDE4LjMxMTA5MzggMTEuMzkzNjQ3MiwxNy41OTI4MTM3IDEyLjAyMjczMzgsMTcuMzA2NzQ4NyBDMTMuMjgyMTYyNiwxNi43MzQxMTk4IDE0LjUzNjA2NzUsMTYuMTQ4ODk2MSAxNS43OTE2MDQ1LDE1LjU2NzQxMzUgQzE2Ljc2NTQyNzEsMTUuMTE2NDkzMiAxNy43MzgxMTk5LDE0LjY2MzA3ODkgMTguNzExNjkxNSwxNC4yMTE0MTA0IEMyMC4xMDM1NjYxLDEzLjU2NTgzMTMgMjEuNDk1ODE3NCwxMi45MjEwMDAzIDIyLjg4NzgxNzYsMTIuMjc1NjcwNiBDMjQuMzkwOTIxNywxMS41Nzg4MzkxIDI1Ljg5NDAyNTgsMTAuODgyMjU3MSAyNy4zOTY3NTMyLDEwLjE4NDU1MjggQzI4LjAxODE4MTksOS44OTU4NjkwMiAyOC43NjcwMzQ4LDEwLjEwOTczMTkgMjkuMDc0MjM0LDEwLjc2MjY2ODUgQzI5LjQ2OTE4NjQsMTEuNjAyMjgzIDI5Ljg2Mzg4NzgsMTIuNDQxODk3NSAzMC4yNTc1ODQ4LDEzLjI4MjAxMDkgQzMwLjYyNzU1NDUsMTQuMDcxMjQ2MSAzMC45OTQ4ODc5LDE0Ljg2MTcyODMgMzEuMzY1NzM2NCwxNS42NTA3MTQgQzMyLjA1NTU4NSwxNy4xMTgwNzU0IDMyLjc0NzY5MzMsMTguNTg0NDM5MiAzMy40MzcxNjUzLDIwLjA1MjA1IEMzMy42Mjc4NjIzLDIwLjQ1NzgyODQgMzMuODEyNTMzMywyMC44NjYyMjU1IDMzLjk5OTk2NjIsMjEuMjczNTAwMyBMMzMuOTk5OTY2MiwyMS44MzYxNTMgWiIgaWQ9IkVtYWlsIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); } .btn.icon.call, header nav .service-status.icon.call, header nav .service-status.call, header nav .my-shock-media.icon.call, header nav .toggle.icon.call, header nav .toggle.call { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyMSAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8cGF0aCBkPSJNMjIuMzQwMTA5OCwzMS41NjQ1NDU3IEMxMi44MTYxNDg5LDI0LjI0ODk4NDEgMTAuMTkyNzY2NCwxNS4wNjE1OTk1IDEwLjA4NjA1NjQsMTQuNjczNzcxOSBMMTAsMTQuMzYzMjAzOCBMMTAuMDExNDc0MiwxNC4wNDE1NDM5IEMxMC4wMjI1NjU5LDEzLjcxNDE0NyAxMC4yMzM2OTEsMTAuNzkxMjg4MiAxNC4xMTk5OTk1LDguOTg0MTAzMSBMMTYuMjM2MjIyNyw4IEwxOC45MTg1MDYxLDE1Ljc5MTM1OCBMMTUuOTM0MDY5LDE3LjY3OTYyNzQgQzE3LjA3NjUxNiwxOS44MTE1MzIgMTguODQ3MzY2MSwyMi41MjEzNTM0IDIxLjQ3MjI3ODUsMjUuMTkxNzgwMSBMMjQuOTE3OTc4LDIyLjY2ODk4OCBMMzAuODc1Mzc3OCwyNy44NDk1ODUyIEwyOS4zNTA0NTc5LDI5LjQ0MzM1MDMgQzI3LjQ1NTY4NjUsMzEuNDI0MTc4MSAyNC4yNzU4MDU4LDMxLjkyNzg5NTEgMjMuOTE5MzQwOSwzMS45Nzg3NjQgQzIzLjM1ODYzNTQsMzIuMDU5MDgzMyAyMi43ODkxMzMxLDMxLjkwOTUzNjQgMjIuMzQwMTA5OCwzMS41NjQ1NDU3IFoiIGlkPSJwaG9uZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); } .btn.icon.call.white, header nav .service-status.icon.call.white, header nav .service-status.call.white, header nav .my-shock-media.icon.call.white, header nav .toggle.icon.call.white, header nav .toggle.call.white { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyMSAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8cGF0aCBkPSJNMjIuMzQwMTA5OCwzMS41NjQ1NDU3IEMxMi44MTYxNDg5LDI0LjI0ODk4NDEgMTAuMTkyNzY2NCwxNS4wNjE1OTk1IDEwLjA4NjA1NjQsMTQuNjczNzcxOSBMMTAsMTQuMzYzMjAzOCBMMTAuMDExNDc0MiwxNC4wNDE1NDM5IEMxMC4wMjI1NjU5LDEzLjcxNDE0NyAxMC4yMzM2OTEsMTAuNzkxMjg4MiAxNC4xMTk5OTk1LDguOTg0MTAzMSBMMTYuMjM2MjIyNyw4IEwxOC45MTg1MDYxLDE1Ljc5MTM1OCBMMTUuOTM0MDY5LDE3LjY3OTYyNzQgQzE3LjA3NjUxNiwxOS44MTE1MzIgMTguODQ3MzY2MSwyMi41MjEzNTM0IDIxLjQ3MjI3ODUsMjUuMTkxNzgwMSBMMjQuOTE3OTc4LDIyLjY2ODk4OCBMMzAuODc1Mzc3OCwyNy44NDk1ODUyIEwyOS4zNTA0NTc5LDI5LjQ0MzM1MDMgQzI3LjQ1NTY4NjUsMzEuNDI0MTc4MSAyNC4yNzU4MDU4LDMxLjkyNzg5NTEgMjMuOTE5MzQwOSwzMS45Nzg3NjQgQzIzLjM1ODYzNTQsMzIuMDU5MDgzMyAyMi43ODkxMzMxLDMxLjkwOTUzNjQgMjIuMzQwMTA5OCwzMS41NjQ1NDU3IFoiIGlkPSJwaG9uZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); } .btn.icon.down, header nav .service-status.icon.down, header nav .service-status.down, header nav .my-shock-media.icon.down, header nav .toggle.icon.down, header nav .toggle.down { transform: rotate(90deg); transform-origin: 30px 30px; } .btn.icon.open:before, header nav .service-status.icon.open:before, header nav .service-status.open:before, header nav .my-shock-media.icon.open:before, header nav .toggle.icon.open:before, header nav .toggle.open:before, .btn.icon.closed:before, header nav .service-status.icon.closed:before, header nav .service-status.closed:before, header nav .my-shock-media.icon.closed:before, header nav .toggle.icon.closed:before, header nav .toggle.closed:before, .btn.icon.open:after, header nav .service-status.icon.open:after, header nav .service-status.open:after, header nav .my-shock-media.icon.open:after, header nav .toggle.icon.open:after, header nav .toggle.open:after, .btn.icon.closed:after, header nav .service-status.icon.closed:after, header nav .service-status.closed:after, header nav .my-shock-media.icon.closed:after, header nav .toggle.icon.closed:after, header nav .toggle.closed:after { border: none; } .btn.icon.open, header nav .service-status.icon.open, header nav .service-status.open, header nav .my-shock-media.icon.open, header nav .toggle.icon.open, header nav .toggle.open { background: #2890a1 url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/icon-arrow-up-white.svg?v=1552380523') no-repeat center center; } .btn.icon.open:hover, header nav .service-status.icon.open:hover, header nav .service-status.open:hover, header nav .my-shock-media.icon.open:hover, header nav .toggle.icon.open:hover, header nav .toggle.open:hover { background-color: #161314; } .btn.icon.closed, header nav .service-status.icon.closed, header nav .service-status.closed, header nav .my-shock-media.icon.closed, header nav .toggle.icon.closed, header nav .toggle.closed { background: #fff url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/icon-arrow-down-dark.svg?v=1552380523') no-repeat center center; } .btn.icon.closed:hover, header nav .service-status.icon.closed:hover, header nav .service-status.closed:hover, header nav .my-shock-media.icon.closed:hover, header nav .toggle.icon.closed:hover, header nav .toggle.closed:hover { background-color: #2890a1; } .btn.dashed, header nav .service-status.dashed, header nav .my-shock-media.dashed, header nav .toggle.dashed { border-style: dashed; } .btn.small, header nav .service-status.small, header nav .my-shock-media.small, header nav .toggle.small { padding: 0; width: 60px; } .btn.small:before, header nav .service-status.small:before, header nav .my-shock-media.small:before, header nav .toggle.small:before, .btn.small:after, header nav .service-status.small:after, header nav .my-shock-media.small:after, header nav .toggle.small:after { right: 20px; } .btn.solid, header nav .service-status.solid, header nav .my-shock-media.solid, header nav .toggle.solid { transition: background 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955), border 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } .btn.solid:hover, header nav .service-status.solid:hover, header nav .my-shock-media.solid:hover, header nav .toggle.solid:hover { transition: background 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), border 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } .btn.trans, header nav .service-status.trans, header nav .service-status, header nav .my-shock-media.trans, header nav .my-shock-media, header nav .toggle.trans, header nav .toggle { transition: background 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955), border 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 250ms, color 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } .btn.trans:hover, header nav .service-status.trans:hover, header nav .service-status:hover, header nav .my-shock-media.trans:hover, header nav .my-shock-media:hover, header nav .toggle.trans:hover, header nav .toggle:hover { transition: background 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), border 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 50ms, color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } .button-compare { background-color: transparent; border: 1px solid #fff; border-radius: 25px; box-sizing: border-box; cursor: pointer; float: right; height: 30px; outline: none; position: relative; width: 50px; } .button-compare:before { color: #fff; content: attr(title); font-size: 15px; font-weight: 700; position: absolute; right: 65px; height: 30px; line-height: 25px; top: 0; text-align: right; width: 200px; } .button-compare:after { background-color: #fff; border-radius: 50%; content: ''; display: block; height: 20px; left: 24px; position: absolute; top: 4px; transition: all 100ms linear; width: 20px; } .button-compare.unmanaged:after { left: 4px; } @media (max-width: 800px) { .button-compare:before { font-size: 13px; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } .columns { font-size: 0; margin: 0 -10px 0; *zoom: 1; } .columns .column { display: inline-block; font-size: 1rem; margin-left: 10px; margin-right: 10px; vertical-align: top; } .columns .column.right { float: right; } .columns .column.d_full { width: calc(100% - 20px); } .columns .column.d_half { width: calc(50% - 20px); } .columns .column.d_quarter { width: calc(25% - 20px); } .columns .column.d_twothird { width: calc((100% / 3 * 2) - 20px); } .columns .column.d_onethird { width: calc((100% / 3) - 20px); } .columns .column.d_onesixth { width: calc((100% / 6) - 20px); } @media (max-width: 1023px) { .columns .column.t_full { width: calc(100% - 20px); } .columns .column.t_half { width: calc(50% - 20px); } .columns .column.t_quarter { width: calc(25% - 20px); } .columns .column.t_twothird { width: calc((100% / 3 * 2) - 20px); } .columns .column.t_onethird { width: calc((100% / 3) - 20px); } .columns .column.t_onesixth { width: calc((100% / 6) - 20px); } } @media (max-width: 668px) { .columns .column.m_full { width: calc(100% - 20px); } .columns .column.m_half { width: calc(50% - 20px); } .columns .column.m_quarter { width: calc(25% - 20px); } .columns .column.m_twothird { width: calc((100% / 3 * 2) - 20px); } .columns .column.m_onethird { width: calc((100% / 3) - 20px); } .columns .column.m_onesixth { width: calc((100% / 6) - 20px); } } .columns:before, .columns:after { display: table; content: ""; } .columns:after { clear: both; } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } form label { box-sizing: border-box; border-bottom: 1px solid transparent; color: #fff; display: inline-block; font-size: 1.8rem; line-height: 2.66667rem; vertical-align: top; } form input[type="text"], form textarea { background: transparent; border: 0; border-bottom: 1px dashed rgba(22, 19, 20, 0.3); color: #fff; display: inline-block; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 0 0 10px; padding: 0; resize: none; vertical-align: top; } form input[type="text"]:-ms-input-placeholder, form textarea:-ms-input-placeholder { color: rgba(22, 19, 20, 0.3) !important; } form input[type="text"]:placeholder-shown, form textarea:placeholder-shown { color: rgba(22, 19, 20, 0.3) !important; } form input[type="text"]::placeholder, form textarea::placeholder { color: rgba(22, 19, 20, 0.3) !important; } @media (max-width: 668px) { form input[type="text"]:-ms-input-placeholder, form textarea:-ms-input-placeholder { font-size: 1.2rem; } form input[type="text"]:placeholder-shown, form textarea:placeholder-shown { font-size: 1.2rem; } form input[type="text"]::placeholder, form textarea::placeholder { font-size: 1.2rem; } } form .btn, form header nav .service-status, header nav form .service-status, form header nav .my-shock-media, header nav form .my-shock-media, form header nav .toggle, header nav form .toggle { margin: 40px 0 0; } form .forms_row { display: block; position: relative; } form .forms_row.error { /*label { color: $cWhite; }*/ } form .forms_row.error input, form .forms_row.error textarea { border-color: #fff; } form .forms_row .message { background: rgba(22, 19, 20, 0.75); border-radius: 10px; box-sizing: border-box; color: #fff; font-size: 0; margin-top: calc((2.66667rem - 20px) / 2); min-width: 175px; position: absolute; text-align: left; transform: translateX(calc(-100% + 20px)); vertical-align: middle; } form .forms_row .message:before { background: #fff; border-radius: 10px; content: '!'; color: #d00; cursor: pointer; display: inline-block; font-size: 1.2rem; font-weight: 700; height: 20px; line-height: 20px; position: absolute; right: 0; text-align: center; top: 0; width: 20px; } form .forms_row .message:hover { font-size: 1rem; padding: 10px 30px 10px 10px; z-index: 1000; } @media (max-width: 668px) { form .forms_row .message { transform: translateX(-100%); } } ::-webkit-input-placeholder, ::-moz-placeholder, ::-ms-input-placeholder, :-ms-input-placeholder, :-moz-placeholder, ::placeholder { color: rgba(22, 19, 20, 0.3) !important; } @media (max-width: 668px) { ::-webkit-input-placeholder, ::-moz-placeholder, ::-ms-input-placeholder, :-ms-input-placeholder, :-moz-placeholder, ::placeholder { font-size: 1.2rem; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } .gallery { overflow: hidden; } .gallery .wrap { font-size: 0; margin: 0 -10px; white-space: nowrap; } .gallery .wrap img { margin-bottom: 20px; } .gallery .wrap .page { display: inline-block; transition: margin 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); vertical-align: top; white-space: normal; width: 100%; } .gallery .wrap .page .columns { margin: 0; } .gallery.noanim .page { transition: none; } .gallery .controls { font-size: 0; text-align: center; } .gallery .controls .node { border: 1px solid #161314; border-radius: 100%; box-sizing: border-box; cursor: pointer; display: inline-block; height: 11px; margin: 30px 10px 0; position: relative; transition: background 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 11px; } .gallery .controls .node.current { background-color: #161314; } .gallery .controls .node:before { content: ''; height: 29px; left: 0; margin: -10px; position: absolute; top: 0; width: 29px; } .gallery .controls .node:after { background: #161314; content: ''; height: 1px; left: 10px; pointer-events: none; position: absolute; top: 4px; width: 20px; } .gallery .controls .node:hover { background-color: #2890a1; transition: background 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } .gallery .controls .node:last-child:after { content: none; } @media (max-width: 668px) { .gallery .controls .node { margin-top: 15px; } } .gallery.white .controls .node { border-color: #fff; } .gallery.white .controls .node.current { background-color: #fff; } .gallery.white .controls .node:after { background: #fff; } .gallery.white .controls .node:hover { background-color: #a71c46; } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } .shares, .contacting { font-size: 0; margin: 40px auto; max-width: 600px; text-align: right; } .shares a, .contacting a { background: #2890a1 no-repeat center; border-radius: 20px; cursor: pointer; display: inline-block; height: 40px; margin-left: 20px; width: 40px; } .shares .facebook, .contacting .facebook { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48ZyBmaWxsPSJub25lIj48ZyBmaWxsPSIjRkZGIj48cGF0aCBkPSJNMTQuMyA0LjhDMTQuMyA0LjggMTAuOCA0LjQgOS45IDUuOCA5LjUgNi41IDkuNyA4LjYgOS43IDEwLjJMMTQuNCAxMC4yQzE0IDEyIDEzLjcgMTMuMiAxMy40IDE0LjhMOS43IDE0LjggOS43IDI5LjUgMy4yIDI5LjVDMy4yIDI1IDMuMiAxOS43IDMuMiAxNC44TDAuNSAxNC44IDAuNSAxMC4yIDMuMiAxMC4yQzMuMyA2LjggMy40IDMuNCA1LjEgMS43IDctMC4yIDguOCAwIDE0LjMgMEwxNC4zIDQuOFoiLz48L2c+PC9nPjwvc3ZnPg==); background-size: 10px 22px; } .shares .linkedin, .contacting .linkedin { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDIwIDE4Ij48ZyBmaWxsPSJub25lIj48ZyBmaWxsPSIjRkZGIj48cGF0aCBkPSJNMTUuMDQ2IDE3LjQyOUwxNS4wNDYgMTEuMjVDMTUuMDQ2IDkuOTg0IDE0LjY3IDguNzE2IDEzLjEzNiA4LjcxNiAxMS42MDIgOC43MTYgMTAuOTYxIDkuOTg0IDEwLjk2MSAxMS4yODFMMTAuOTYxIDE3LjQyOSA2Ljg2OSAxNy40MjkgNi44NjkgNi4xMTcgMTAuOTYxIDYuMTE3IDEwLjk2MSA3LjY0QzEyLjAzOCA2LjMwOSAxMi45NzMgNS43NiAxNC42NyA1Ljc2IDE2LjM2NyA1Ljc2IDE5LjEyNyA2LjUzIDE5LjEyNyAxMC45OThMMTkuMTI3IDE3LjQyOSAxNS4wNDYgMTcuNDI5IDE1LjA0NiAxNy40MjlaTTMuMDg4IDQuNDM5QzEuODI1IDQuNDM5IDAuODAyIDMuNTQ3IDAuODAyIDIuNDQ1IDAuODAyIDEuMzQxIDEuODI1IDAuNDQ4IDMuMDg4IDAuNDQ4IDQuMzQ5IDAuNDQ4IDUuMzcyIDEuMzQxIDUuMzcyIDIuNDQ1IDUuMzcyIDMuNTQ3IDQuMzQ5IDQuNDM5IDMuMDg4IDQuNDM5TDMuMDg4IDQuNDM5Wk0xLjAzMSA2LjExN0w1LjEyOSA2LjExNyA1LjEyOSAxNy40MjkgMS4wMzEgMTcuNDI5IDEuMDMxIDYuMTE3WiIvPjwvZz48L2c+PC9zdmc+); background-size: 21px 20px; } .shares .twitter, .contacting .twitter { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDIyIDE4Ij48ZyBmaWxsPSJub25lIj48ZyBmaWxsPSIjRkZGIj48cGF0aCBkPSJNMTguMDYxIDEuNzkxQzE4Ljc5NiAxLjczIDE5Ljc1MiAxLjMzIDIwLjMxNSAxLjA1MiAyMC40OTcgMC45NTUgMjAuNjc5IDAuODU4IDIwLjg2MiAwLjc2MSAyMC41NDEgMS42MDYgMjAuMTA0IDIuMjY3IDE5LjQzNSAyLjc3IDE5LjI4NiAyLjg4MSAxOS4xMzggMy4wMzEgMTguOTUyIDMuMTAzIDE5LjkwNiAzLjEwMyAyMC42OTQgMi42ODQgMjEuNDQxIDIuNDU3IDIxLjA0OSAzLjA3NSAyMC41MTcgMy42OTEgMTkuOTUgNC4xMzMgMTkuNzIxIDQuMzEgMTkuNDkyIDQuNDg3IDE5LjI2MyA0LjY2NCAxOS4yNzUgNS42NDcgMTkuMjQ4IDYuNTg1IDE5LjA1OSA3LjQxMSAxNy45NiAxMi4yMTMgMTUuMDUgMTUuNDc0IDEwLjQ0MiAxNi44NzEgOC43ODcgMTcuMzcyIDYuMTEzIDE3LjU3OCA0LjIxNyAxNy4xMiAzLjI3NyAxNi44OTQgMi40MjggMTYuNjM3IDEuNjMxIDE2LjI5OSAxLjE4OSAxNi4xMSAwLjc3OCAxNS45MDYgMC4zODYgMTUuNjc0IDAuMjU3IDE1LjU5OCAwLjEyOSAxNS41MjEgMCAxNS40NDUgMC40MjggMTUuNDU4IDAuOTI4IDE1LjU3MiAxLjQwNiAxNS40OTcgMS44MzggMTUuNDI5IDIuMjYyIDE1LjQ0NyAyLjY2MSAxNS4zNjIgMy42NTcgMTUuMTQ5IDQuNTQgMTQuODY5IDUuMzAxIDE0LjQzNiA1LjY3IDE0LjIyNiA2LjIzIDEzLjk3OSA2LjQ5MyAxMy42NzYgNS45OTggMTMuNjg0IDUuNTUgMTMuNTczIDUuMTgzIDEzLjQ0NyAzLjc2IDEyLjk1OCAyLjkzMiAxMi4wNiAyLjM5MyAxMC43MSAyLjgyNCAxMC43NTYgNC4wNjYgMTAuODY1IDQuMzU3IDEwLjYyNyAzLjgxNCAxMC41OTggMy4yOTIgMTAuMjkyIDIuOTE5IDEwLjA2NSAxLjc3NCA5LjM2OCAwLjg0MSA4LjE5OSAwLjg0OCA2LjQwMiAwLjk5OCA2LjQ3MSAxLjE0OCA2LjU0IDEuMjk4IDYuNjA5IDEuNTg2IDYuNzI4IDEuODc4IDYuNzkxIDIuMjIxIDYuODU5IDIuMzY2IDYuODg4IDIuNjU2IDYuOTcxIDIuODIyIDYuOTExIDIuNTc5IDYuNjYxIDIuMjE5IDYuNDkzIDEuOTk2IDYuMjI1IDEuMjYxIDUuMzM3IDAuNTczIDMuOTcgMS4wMDkgMi4zNDMgMS4xMTkgMS45MyAxLjI5NCAxLjU2NiAxLjQ4MSAxLjIyOSAxLjU4OCAxLjQxNCAxLjc3OSAxLjU0MiAxLjg5OSAxLjY4NyAyLjI3NSAyLjEzOSAyLjczNyAyLjU0NiAzLjIwOSAyLjkwNSA0LjgxNSA0LjEyNyA2LjI2MiA0Ljg3OCA4LjU4NSA1LjQzMyA5LjE3NCA1LjU3NSA5Ljg1NiA1LjY4MyAxMC41NiA1LjY4NCAxMC4zNjIgNS4xMjMgMTAuNDI2IDQuMjE3IDEwLjU4MSAzLjY3NSAxMC45NzMgMi4zMTIgMTEuODIzIDEuMzI5IDEzLjA3MSAwLjgwMyAxMy4zNjkgMC42NzcgMTMuNyAwLjU4NSAxNC4wNDcgMC41MTEgMTQuMjI2IDAuNDkgMTQuNDA1IDAuNDcgMTQuNTg0IDAuNDQ5IDE2LjI4OCAwLjQyIDE3LjE5NSAxLjAyMyAxOC4wNjEgMS43OTFaIi8+PC9nPjwvZz48L3N2Zz4=); background-size: 20px 16px; } .shares .email, .contacting .email { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyOXB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyOSAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4wMDAwMDAsIC0xMC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8cGF0aCBkPSJNNSwxNC41MjIwNzkxIEM1LjAyMzA5OTU3LDE0LjQ5NDc2OTQgNS4wNTMxMDM5LDE0LjQ3MDgyNjggNS4wNjgyOTQzOCwxNC40Mzk2NTE0IEM1LjIxMTkxMzQ1LDE0LjE0NzcyNTQgNS40NDYwNDc2OCwxNC4wMTk1MzI0IDUuNzcyMzI5MTEsMTQuMDIwOTA0MSBDNi44Mjg1MDY3NCwxNC4wMjU1MTgxIDcuODg0ODA5OTEsMTQuMDIxMTUzNSA4Ljk0MDk4NzU0LDE0LjAyMTI3ODIgQzExLjMxNzQ4MTQsMTQuMDIxNTI3NiAxMy42OTM4NDk3LDE0LjAyMjUyNTIgMTYuMDcwMzQzNSwxNC4wMjMxNDg3IEwxNi40MTA0MzQ0LDE0LjAyMzE0ODcgQzE1LjkyMzk2MjUsMTQuMjU0NDY5OCAxNS41MDIxNDQzLDE0LjQ1ODQ4MTMgMTUuMDc3MTg3NSwxNC42NTYyNTc4IEMxNC42NDI2ODk2LDE0Ljg1ODM5ODcgMTQuMjAyNTQyNCwxNS4wNDkxOTE5IDEzLjc3MDMwNDIsMTUuMjU2MDcxNSBDMTMuNjIxMjg2OSwxNS4zMjc0MDA3IDEzLjQ3NDc4MDQsMTUuMzYyMDY3NyAxMy4zMTAzMjE1LDE1LjM2MTgxODMgQzExLjMyOTkwOTksMTUuMzU4NDUxNCA5LjM0OTQ5ODQyLDE1LjM1ODcwMDggNy4zNjkyMTI0NCwxNS4zNTgwNzczIEM2Ljg1MDYwMTk4LDE1LjM1Nzk1MjYgNi4zMzE4NjU5OCwxNS4zNTc4Mjc4IDUuODEzMjU1NTIsMTUuMzU3ODI3OCBDNS40MzkwMTczNywxNS4zNTc3MDMxIDUuMTUxMDI1OTksMTUuMjMwNzU3MSA1LjAzOTI5NDM4LDE0Ljg0MTQzOTMgQzUuMDM0OTAwNDQsMTQuODI2MjI1OCA1LjAxMzQzMjksMTQuODE2MDAwMyA1LDE0LjgwMzQwNTQgTDUsMTQuNTIyMDc5MSBaIE0xMC4zNzA5ODksMTcuMzk2OTcwMSBDMTAuMTUxNzk0MiwxNy44MjY5NDA2IDEwLjExNzg5ODEsMTguMjUyNjcxMSAxMC4xNTQ1NTYxLDE4LjcwMjg0MzIgQzEwLjA3NzU5OTQsMTguNzE1NDM4IDEwLjAxNjA4NDIsMTguNzM0MDE4NiA5Ljk1NDQ0MzUyLDE4LjczNDE0MzMgQzkuMDg2ODI4NjksMTguNzM1MzkwMyA4LjIxOTIxMzg1LDE4LjczNzc1OTYgNy4zNTE1OTkwMiwxOC43MzE2NDkyIEM3LjAzOTEyNzExLDE4LjcyOTQwNDYgNi43ODYwMzYxNywxOC42MTYwNTEgNi42NTI4MzcwMiwxOC4zMDYxNjggQzYuNDQ1ODE5NjcsMTcuODI0MDcyNCA2Ljg3OTk0MDk1LDE3LjQxMTY4NDkgNy4yNDMyNTcwMSwxNy40MDAyMTI0IEM3LjM5NDAzMTkyLDE3LjM5NTM0OSA3LjU0NTA1NzkyLDE3LjM5ODIxNzEgNy42OTU5NTgzNywxNy4zOTgwOTI0IEM4LjUxNjQ5NTI4LDE3LjM5NzU5MzYgOS4zMzY5MDY2NCwxNy4zOTczNDQyIDEwLjE1NzMxOCwxNy4zOTY5NzAxIEwxMC4zNzA5ODksMTcuMzk2OTcwMSBaIE0xMS4wMDgyNjEsMjAuNzk0NDA5OSBDMTEuMjA2MjM5NCwyMS4yMjE3NjE3IDExLjQwNTU5ODcsMjEuNjUyMjMwOSAxMS42MTc1MTIxLDIyLjEwOTYzNTYgQzExLjQ1MTA0NDYsMjIuMTA5NjM1NiAxMS4zMTA5NDA3LDIyLjEwOTc2MDMgMTEuMTcwODM2OCwyMi4xMDk2MzU2IEMxMC40MjcwMDU1LDIyLjEwOTUxMDkgOS42ODMwNDg2OCwyMi4xMTE3NTU2IDguOTM5MjE3NDEsMjIuMTA4MTM5MiBDOC42NjExNDM3OCwyMi4xMDY2NDI4IDguNDIzNjE5OTQsMjIuMDE2OTgyNSA4LjI3NzYxNTU5LDIxLjc2MDA5NzYgQzguMTA3NTA3MzQsMjEuNDYwODE0MiA4LjE3NjgwNjA1LDIxLjExMjc3MjYgOC40NTc1MTYwNSwyMC45MTUzNzAzIEM4LjU4MDQyMDgzLDIwLjgyODk1MjIgOC43MTcyNjA2NywyMC43NzA1OTIgOC44NzcwNzQ1NSwyMC43NzE1ODk2IEM5LjU0NTU4MTEzLDIwLjc3NTgyOTQgMTAuMjE0MDg3NywyMC43NzQzMzMgMTAuODgyNzE5OCwyMC43NzYwNzg4IEMxMC45MTkzNzc5LDIwLjc3NjIwMzUgMTAuOTU1OTEwMywyMC43ODY1NTM4IDExLjAwODI2MSwyMC43OTQ0MDk5IE0zMi4wNzkxODY4LDIwLjU1MzQ3NDQgQzMyLjA5NDI1MTcsMjAuNTM3ODg2NyAzMi4xMDk0NDIyLDIwLjUyMjI5OSAzMi4xMjQ1MDcxLDIwLjUwNjcxMTMgQzMxLjA0MjM0MjUsMTguMjAyMTA0NyAyOS45NjAzMDM0LDE1Ljg5NzQ5ODEgMjguODYwNDM3NCwxMy41NTQ5ODIzIEMyNy44NDQ0MzI5LDE1LjMyNzIzODYgMjYuODUzMDM0NSwxNy4wNTY1OTc2IDI1Ljg0NDA2MDQsMTguODE2NTA4NSBDMjcuOTQwOTc0MSwxOS40MDA2MDk5IDMwLjAxMDE0MzIsMTkuOTc2OTc5OCAzMi4wNzkxODY4LDIwLjU1MzQ3NDQgTDMyLjA3OTE4NjgsMjAuNTUzNDc0NCBaIE0xNi45ODAxMDI1LDI3LjYwNTMzODcgQzE3Ljg5MzE2MzIsMjUuNjAwMDE1NCAxOC43ODAzNjI1LDIzLjY1MTU1NiAxOS42Nzk4NjQ3LDIxLjY3NTc4NyBDMTcuNzI2MTkzNSwyMS4zMTczOTUyIDE1LjgwNTUzOTUsMjAuOTY1MTEzNyAxMy44ODQ2MzQ1LDIwLjYxMzU4MDQgQzEzLjg0ODIyNzYsMjAuNjA2ODQ2NiAxMy44MDk5Mzc1LDIwLjYwOTcxNDcgMTMuNzcyNTI2MywyMC42MTAzMzgyIEMxMy43NjQ3NDI3LDIwLjYxMDQ2MjkgMTMuNzU2MjA1OSwyMC42MTk0NDE0IDEzLjc0OTY3NzgsMjAuNjI2MDUwNiBDMTMuNzQzOTAyOSwyMC42MzE5MTE1IDEzLjc0MDM4NzgsMjAuNjQwMTQxOCAxMy43MjI0MzU0LDIwLjY2OTA3MjYgQzE0Ljc5NTQzNTUsMjIuOTUzNzI3IDE1Ljg3NDMzNjEsMjUuMjUwOTc2MiAxNi45ODAxMDI1LDI3LjYwNTMzODcgTDE2Ljk4MDEwMjUsMjcuNjA1MzM4NyBaIE0xOC4zMTU5ODU4LDI3Ljk5MTE2NDggQzE4LjMyOTE2NzYsMjguMDA0NzU3MyAxOC4zNDI0NzUsMjguMDE4MzQ5NyAxOC4zNTU2NTY4LDI4LjAzMjA2NjkgQzIyLjc4MjM2MywyNS45ODE4NTExIDI3LjIwOTE5NDgsMjMuOTMxNzYwMSAzMS42NzY1NzYzLDIxLjg2MjgzOTEgQzI5LjQ2NDE2NDgsMjEuMjQ2OTM4OSAyNy4zMDM4NTI4LDIwLjY0NTM3OTMgMjUuMTQwNDAyMywyMC4wNDI5NDY4IEMyNS4wNDUyNDIxLDIwLjIwNzU1MjcgMjQuOTYwNzUyOSwyMC4zNTMyMDM5IDI0Ljg3Njc2NTksMjAuNDk4ODU1MiBDMjQuNTkxMDM0MiwyMC45OTQxNjkxIDI0LjMwODE5LDIxLjQ5MTIyODkgMjQuMDE4NTY2NiwyMS45ODQyOTgzIEMyMy44NjQ5MDQzLDIyLjI0NTc5NzEgMjMuNTgxOTM0NSwyMi4zODI0Njk4IDIzLjMwMzQ4NDMsMjIuMzMyMzM5OSBDMjIuODU5Njk2MywyMi4yNTI2NTU3IDIyLjQxNzc5MTUsMjIuMTYzMzY5NSAyMS45NzQyNTQ3LDIyLjA4MjQzODMgQzIxLjY3OTg2MDcsMjIuMDI4ODE2NyAyMS4zODM4MzQ3LDIxLjk4MjY3NzEgMjEuMDc0MjUwMiwyMS45MzA5MjYxIEMyMC4xNDkzODg2LDIzLjk2MjkzNTQgMTkuMjMyNjg3MiwyNS45NzcxMTI1IDE4LjMxNTk4NTgsMjcuOTkxMTY0OCBMMTguMzE1OTg1OCwyNy45OTExNjQ4IFogTTEyLjcxNzIyNzQsMTguNDk4NzY5NCBDMTIuODM1MzYxNywxOC44NzY0ODk5IDEzLjA3MjYzNDQsMTkuMDY2NTM0OCAxMy40MTI0NzQzLDE5LjEzNzI0MDUgQzEzLjY4ODE2MjYsMTkuMTk0NDc4NSAxMy45NjQ2MDQyLDE5LjI0OTcyMTIgMTQuMjQyMDUwMiwxOS4yOTgyMzAxIEMxNS4xMzk2NjkzLDE5LjQ1NTIyOTEgMTYuMDM4NjY5NCwxOS42MDM4NzMyIDE2LjkzNTUzNTQsMTkuNzY0NzM4IEMxNy45MzM1ODc1LDE5Ljk0MzY4NDUgMTguOTI5ODgyLDIwLjEzMjczMTggMTkuOTI2OTI5NywyMC4zMTcwNDA1IEMyMC44MjI1NDAyLDIwLjQ4MjUxOTMgMjEuNzE4MTUwNywyMC42NDc5OTggMjIuNjE0MDEyMywyMC44MTIyMjk4IEMyMi43NjAwMTY3LDIwLjgzOTA0MDYgMjIuOTA3Mjc2NCwyMC44NTkyNDIyIDIzLjA1NDQxMDcsMjAuODgyNjg2MSBDMjMuMTAyNDkyOSwyMC44MTQxMDAzIDIzLjE0NDI5ODEsMjAuNzYzNzIwOSAyMy4xNzYxODU2LDIwLjcwNzg1NDcgQzIzLjU5MDk3MzUsMTkuOTgzOTYzMSAyNC4wMDQwMDM5LDE5LjI1OTA3MzggMjQuNDE4MTY0MSwxOC41MzQ5MzI4IEMyNS4wMTM3MzEzLDE3LjQ5MzMwMiAyNS42MDgyOTQxLDE2LjQ1MTE3MjMgMjYuMjA2MjQ2NiwxNS40MTA5MTMyIEMyNi43Mjk1MDIxLDE0LjUwMDcxNzcgMjcuMjU3NjUzNiwxMy41OTMzOTAzIDI3Ljc4MTUzNjgsMTIuNjgzNTY4OSBDMjcuODU2MjMzOCwxMi41NTM3NTQ3IDI3LjkyNjI4NTgsMTIuNDIwMTk5NSAyNy45ODUwMzksMTIuMjgyNjUzOSBDMjguMTA1OTM1MSwxMS45OTk5NTU4IDI4LjA1Njg0ODYsMTEuNzM4ODMxIDI3Ljg2MTI1NTUsMTEuNDgzODE2NyBDMjIuODEyNjE4NCwxMy44MjI0NjY4IDE3Ljc3MTEzNzIsMTYuMTU3NzQ5OSAxMi43MTcyMjc0LDE4LjQ5ODc2OTQgTDEyLjcxNzIyNzQsMTguNDk4NzY5NCBaIE0zMy45OTk5NjYyLDIxLjgzNjE1MyBDMzMuOTgyNzY3MSwyMS44NTYyMjk5IDMzLjk1NzE1NjcsMjEuODczNTYzNCAzMy45NDkzNzMyLDIxLjg5Njg4MjYgQzMzLjgyNDk2MTksMjIuMjY4OTkxNiAzMy41NTkzMTY4LDIyLjUwODQxODMgMzMuMjEyMDcsMjIuNjY4Nzg0MyBDMzEuMjYzNTQ2LDIzLjU2ODYyOTYgMjkuMzE0MjY4NiwyNC40NjY3MjkxIDI3LjM2NTg3MDEsMjUuMzY2ODIzOCBDMjYuNDUxNDI4NCwyNS43ODkxODc0IDI1LjUzODQ5MzIsMjYuMjE0OTE4IDI0LjYyNDY3OTMsMjYuNjM4NjUzNCBDMjIuODk5NDkyOSwyNy40MzgyMzg4IDIxLjE3NDA1NTQsMjguMjM3Njk5NSAxOS40NDg3NDM1LDI5LjAzNzAzNTUgQzE4LjkxOTIxMSwyOS4yODIzMjMxIDE4LjM5MzMxOTEsMjkuNTM1OTY1OCAxNy44NTg3NjQ5LDI5Ljc2OTkwNTYgQzE3LjM4MzM0MDYsMjkuOTc3OTA3NSAxNi45MTgzMzYyLDI5Ljk2NDMxNTEgMTYuNTEyMjEwNiwyOS42MDYxNzI3IEMxNi4zOTU3MDg1LDI5LjUwMzQxODcgMTYuMjkxNjM0OSwyOS4zNzAyMzc2IDE2LjIyNTA5OCwyOS4yMzA1NzIgQzE1LjcxNzI4NDEsMjguMTY0NDk5OCAxNS4yMjA1MTc4LDI3LjA5MzE5IDE0LjcxOTM1NzYsMjYuMDI0MTI0OSBDMTQuNDE3MTgwMSwyNS4zNzkxNjkyIDE0LjExMjM2NjIsMjQuNzM1MzM1OSAxMy44MTAwNjMxLDI0LjA5MDM4MDIgQzEzLjIyNTE2NjksMjIuODQyODY3NCAxMi42NDE3NzcyLDIxLjU5NDg1NTggMTIuMDU2NTA0NCwyMC4zNDc1OTI0IEMxMS44NDU0Njk4LDE5Ljg5Nzc5NDQgMTEuNjQwMzM1NSwxOS40NDQ4Nzg5IDExLjQxNTk5MzUsMTkuMDAxNTY1NCBDMTEuMDY2NDg3LDE4LjMxMTA5MzggMTEuMzkzNjQ3MiwxNy41OTI4MTM3IDEyLjAyMjczMzgsMTcuMzA2NzQ4NyBDMTMuMjgyMTYyNiwxNi43MzQxMTk4IDE0LjUzNjA2NzUsMTYuMTQ4ODk2MSAxNS43OTE2MDQ1LDE1LjU2NzQxMzUgQzE2Ljc2NTQyNzEsMTUuMTE2NDkzMiAxNy43MzgxMTk5LDE0LjY2MzA3ODkgMTguNzExNjkxNSwxNC4yMTE0MTA0IEMyMC4xMDM1NjYxLDEzLjU2NTgzMTMgMjEuNDk1ODE3NCwxMi45MjEwMDAzIDIyLjg4NzgxNzYsMTIuMjc1NjcwNiBDMjQuMzkwOTIxNywxMS41Nzg4MzkxIDI1Ljg5NDAyNTgsMTAuODgyMjU3MSAyNy4zOTY3NTMyLDEwLjE4NDU1MjggQzI4LjAxODE4MTksOS44OTU4NjkwMiAyOC43NjcwMzQ4LDEwLjEwOTczMTkgMjkuMDc0MjM0LDEwLjc2MjY2ODUgQzI5LjQ2OTE4NjQsMTEuNjAyMjgzIDI5Ljg2Mzg4NzgsMTIuNDQxODk3NSAzMC4yNTc1ODQ4LDEzLjI4MjAxMDkgQzMwLjYyNzU1NDUsMTQuMDcxMjQ2MSAzMC45OTQ4ODc5LDE0Ljg2MTcyODMgMzEuMzY1NzM2NCwxNS42NTA3MTQgQzMyLjA1NTU4NSwxNy4xMTgwNzU0IDMyLjc0NzY5MzMsMTguNTg0NDM5MiAzMy40MzcxNjUzLDIwLjA1MjA1IEMzMy42Mjc4NjIzLDIwLjQ1NzgyODQgMzMuODEyNTMzMywyMC44NjYyMjU1IDMzLjk5OTk2NjIsMjEuMjczNTAwMyBMMzMuOTk5OTY2MiwyMS44MzYxNTMgWiIgaWQ9IkVtYWlsIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); display: none; } .shares .call, .contacting .call { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyMSAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8cGF0aCBkPSJNMjIuMzQwMTA5OCwzMS41NjQ1NDU3IEMxMi44MTYxNDg5LDI0LjI0ODk4NDEgMTAuMTkyNzY2NCwxNS4wNjE1OTk1IDEwLjA4NjA1NjQsMTQuNjczNzcxOSBMMTAsMTQuMzYzMjAzOCBMMTAuMDExNDc0MiwxNC4wNDE1NDM5IEMxMC4wMjI1NjU5LDEzLjcxNDE0NyAxMC4yMzM2OTEsMTAuNzkxMjg4MiAxNC4xMTk5OTk1LDguOTg0MTAzMSBMMTYuMjM2MjIyNyw4IEwxOC45MTg1MDYxLDE1Ljc5MTM1OCBMMTUuOTM0MDY5LDE3LjY3OTYyNzQgQzE3LjA3NjUxNiwxOS44MTE1MzIgMTguODQ3MzY2MSwyMi41MjEzNTM0IDIxLjQ3MjI3ODUsMjUuMTkxNzgwMSBMMjQuOTE3OTc4LDIyLjY2ODk4OCBMMzAuODc1Mzc3OCwyNy44NDk1ODUyIEwyOS4zNTA0NTc5LDI5LjQ0MzM1MDMgQzI3LjQ1NTY4NjUsMzEuNDI0MTc4MSAyNC4yNzU4MDU4LDMxLjkyNzg5NTEgMjMuOTE5MzQwOSwzMS45Nzg3NjQgQzIzLjM1ODYzNTQsMzIuMDU5MDgzMyAyMi43ODkxMzMxLDMxLjkwOTUzNjQgMjIuMzQwMTA5OCwzMS41NjQ1NDU3IFoiIGlkPSJwaG9uZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); display: none; } .shares .whatsapp, .contacting .whatsapp { display: none; } @media (max-width: 768px) { .shares, .contacting { margin: 20px 0; max-width: inherit; text-align: center; } } .contacting { margin: 0; text-align: left; } .contacting a { margin-left: 0; margin-right: 20px; } .contacting .email { display: inline-block; } .contacting .call { display: inline-block; } @media (max-width: 1023px) { .contacting a { margin-bottom: 10px; margin-right: 10px; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } .wave { background: repeat-x center top; height: 160px; width: 100%; } .wave.lightgray { background-image: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/wave-lg-d.svg?v=1552380523'); } .wave.darkgray { background-image: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/wave-dg-d.svg?v=1552380523'); } .wave.white { background-image: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/wave-w-d.svg?v=1552380523'); } .wave.black { background-image: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/wave-b-d.svg?v=1552380523'); } .wave.green { background-image: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/wave-g-d.svg?v=1552380523'); } .wave.purple, article.details figure figcaption a.wave { background-image: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/wave-p-d.svg?v=1552380523'); } @media (max-width: 1023px) { .wave { background-size: 680px 81px; height: 80px; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } body { background: white; } #stackwrapper { margin-left: 100px; height: 229px; width: 300px; } @media (max-width: 1023px) { #stackwrapper { height: 215px; width: 195px; } } @media (max-width: 668px) { #stackwrapper { margin-left: 0; } } g.blockwrapper > g { transform-origin: 0 0; } g.blockwrapper:nth-of-type(1) .stack-block { transform-origin: 120px 220px; } g.blockwrapper:nth-of-type(2) .stack-block { transform-origin: 125px 188px; } g.blockwrapper:nth-of-type(3) .stack-block { transform-origin: 130px 153px; } g.blockwrapper:nth-of-type(4) .stack-block { transform-origin: 135px 121px; } g.blockwrapper:nth-of-type(5) .stack-block { transform-origin: 140px 87px; } g.blockwrapper:nth-of-type(6) .stack-block { transform-origin: 145px 57px; } g.blockwrapper:nth-of-type(7) .stack-block { transform-origin: 150px 30px; } .unmanaged #Layer_2 .st0, .unmanaged #Layer_3 .st0, .unmanaged #Layer_4 .st0 { fill: #006370; } .unmanaged #Layer_2 .st3, .unmanaged #Layer_3 .st3, .unmanaged #Layer_4 .st3 { fill: #00646f; } .unmanaged #Layer_2 .st4, .unmanaged #Layer_3 .st4, .unmanaged #Layer_4 .st4 { fill: #00626f; } .unmanaged #Layer_2 .st5, .unmanaged #Layer_3 .st5, .unmanaged #Layer_4 .st5 { fill: #00636e; } .unmanaged #Layer_2 .st6, .unmanaged #Layer_3 .st6, .unmanaged #Layer_4 .st6 { fill: #00626d; } .unmanaged #Layer_2 .st7, .unmanaged #Layer_3 .st7, .unmanaged #Layer_4 .st7 { fill: #00606c; } .unmanaged #Layer_2 .st8, .unmanaged #Layer_3 .st8, .unmanaged #Layer_4 .st8 { fill: #005f6b; } .unmanaged #Layer_2 .st9, .unmanaged #Layer_3 .st9, .unmanaged #Layer_4 .st9 { fill: #00606a; } .unmanaged #Layer_2 .st10, .unmanaged #Layer_3 .st10, .unmanaged #Layer_4 .st10 { fill: #005e6a; } .unmanaged #Layer_2 .st11, .unmanaged #Layer_3 .st11, .unmanaged #Layer_4 .st11 { fill: #005f69; } .unmanaged #Layer_2 .st12, .unmanaged #Layer_3 .st12, .unmanaged #Layer_4 .st12 { fill: #005d69; } .unmanaged #Layer_2 .st13, .unmanaged #Layer_3 .st13, .unmanaged #Layer_4 .st13 { fill: #005e68; } .unmanaged #Layer_2 .st14, .unmanaged #Layer_3 .st14, .unmanaged #Layer_4 .st14 { fill: #005c68; } .unmanaged #Layer_2 .st15, .unmanaged #Layer_3 .st15, .unmanaged #Layer_4 .st15 { fill: #005c67; } .unmanaged #Layer_2 .st16, .unmanaged #Layer_3 .st16, .unmanaged #Layer_4 .st16 { fill: #005b66; } .unmanaged #Layer_2 .st17, .unmanaged #Layer_3 .st17, .unmanaged #Layer_4 .st17 { fill: #005a65; } .unmanaged #Layer_2 .st18, .unmanaged #Layer_3 .st18, .unmanaged #Layer_4 .st18 { fill: #00616e; } .unmanaged #Layer_2 .st20, .unmanaged #Layer_3 .st20, .unmanaged #Layer_4 .st20 { fill: #00545e; } .unmanaged #Layer_2 .st21, .unmanaged #Layer_3 .st21, .unmanaged #Layer_4 .st21 { fill: #00555f; } .unmanaged #Layer_2 .st22, .unmanaged #Layer_3 .st22, .unmanaged #Layer_4 .st22 { fill: #005660; } .unmanaged #Layer_2 .st23, .unmanaged #Layer_3 .st23, .unmanaged #Layer_4 .st23 { fill: #005661; } .unmanaged #Layer_2 .st24, .unmanaged #Layer_3 .st24, .unmanaged #Layer_4 .st24 { fill: #005761; } .unmanaged #Layer_2 .st25, .unmanaged #Layer_3 .st25, .unmanaged #Layer_4 .st25 { fill: #005762; } .unmanaged #Layer_2 .st26, .unmanaged #Layer_3 .st26, .unmanaged #Layer_4 .st26 { fill: #005962; } .unmanaged #Layer_2 .st27, .unmanaged #Layer_3 .st27, .unmanaged #Layer_4 .st27 { fill: #005863; } .unmanaged #Layer_2 .st28, .unmanaged #Layer_3 .st28, .unmanaged #Layer_4 .st28 { fill: #005a63; } .unmanaged #Layer_2 .st29, .unmanaged #Layer_3 .st29, .unmanaged #Layer_4 .st29 { fill: #005964; } .unmanaged #Layer_2 .st30, .unmanaged #Layer_3 .st30, .unmanaged #Layer_4 .st30 { fill: #006570; } .unmanaged #Layer_2 .st31, .unmanaged #Layer_3 .st31, .unmanaged #Layer_4 .st31 { fill: #006471; } .unmanaged #Layer_2 .st32, .unmanaged #Layer_3 .st32, .unmanaged #Layer_4 .st32 { fill: #006672; } .unmanaged #Layer_2 .st33, .unmanaged #Layer_3 .st33, .unmanaged #Layer_4 .st33 { fill: #006773; } .unmanaged #Layer_2 .st34, .unmanaged #Layer_3 .st34, .unmanaged #Layer_4 .st34 { fill: #006874; } .unmanaged #Layer_2 .st35, .unmanaged #Layer_3 .st35, .unmanaged #Layer_4 .st35 { fill: #006775; } .unmanaged #Layer_2 .st36, .unmanaged #Layer_3 .st36, .unmanaged #Layer_4 .st36 { fill: #006975; } .unmanaged #Layer_2 .st37, .unmanaged #Layer_3 .st37, .unmanaged #Layer_4 .st37 { fill: #006876; } .unmanaged #Layer_2 .st38, .unmanaged #Layer_3 .st38, .unmanaged #Layer_4 .st38 { fill: #006a76; } .unmanaged #Layer_2 .st39, .unmanaged #Layer_3 .st39, .unmanaged #Layer_4 .st39 { fill: #006a77; } .unmanaged #Layer_2 .st40, .unmanaged #Layer_3 .st40, .unmanaged #Layer_4 .st40 { fill: #006b77; } .unmanaged #Layer_2 .st41, .unmanaged #Layer_3 .st41, .unmanaged #Layer_4 .st41 { fill: #006b78; } .unmanaged #Layer_2 .st42, .unmanaged #Layer_3 .st42, .unmanaged #Layer_4 .st42 { fill: #006c79; } .unmanaged #Layer_2 .st43, .unmanaged #Layer_3 .st43, .unmanaged #Layer_4 .st43 { fill: #006d7a; } .unmanaged #Layer_2 .st44, .unmanaged #Layer_3 .st44, .unmanaged #Layer_4 .st44 { fill: #006e7b; } .unmanaged #Layer_2 .st45, .unmanaged #Layer_3 .st45, .unmanaged #Layer_4 .st45 { fill: #006e7c; } .unmanaged #Layer_2 .st46, .unmanaged #Layer_3 .st46, .unmanaged #Layer_4 .st46 { fill: #006f7c; } .unmanaged #Layer_2 .st47, .unmanaged #Layer_3 .st47, .unmanaged #Layer_4 .st47 { fill: #006f7d; } .unmanaged #Layer_2 .st48, .unmanaged #Layer_3 .st48, .unmanaged #Layer_4 .st48 { fill: #00707d; } .unmanaged #Layer_2 .st49, .unmanaged #Layer_3 .st49, .unmanaged #Layer_4 .st49 { fill: #007989; } .unmanaged #Layer_2 .st51, .unmanaged #Layer_3 .st51, .unmanaged #Layer_4 .st51 { fill: #00707e; } .unmanaged #Layer_2 .st52, .unmanaged #Layer_3 .st52, .unmanaged #Layer_4 .st52 { fill: #00717e; } .unmanaged #Layer_2 .st53, .unmanaged #Layer_3 .st53, .unmanaged #Layer_4 .st53 { fill: #00717f; } .unmanaged #Layer_2 .st54, .unmanaged #Layer_3 .st54, .unmanaged #Layer_4 .st54 { fill: #007280; } .unmanaged #Layer_2 .st55, .unmanaged #Layer_3 .st55, .unmanaged #Layer_4 .st55 { fill: #007381; } .unmanaged #Layer_2 .st56, .unmanaged #Layer_3 .st56, .unmanaged #Layer_4 .st56 { fill: #007482; } .unmanaged #Layer_2 .st57, .unmanaged #Layer_3 .st57, .unmanaged #Layer_4 .st57 { fill: #007483; } .unmanaged #Layer_2 .st58, .unmanaged #Layer_3 .st58, .unmanaged #Layer_4 .st58 { fill: #007583; } .unmanaged #Layer_2 .st59, .unmanaged #Layer_3 .st59, .unmanaged #Layer_4 .st59 { fill: #007584; } .unmanaged #Layer_2 .st60, .unmanaged #Layer_3 .st60, .unmanaged #Layer_4 .st60 { fill: #007684; } .unmanaged #Layer_2 .st61, .unmanaged #Layer_3 .st61, .unmanaged #Layer_4 .st61 { fill: #007685; } .unmanaged #Layer_2 .st62, .unmanaged #Layer_3 .st62, .unmanaged #Layer_4 .st62 { fill: #007885; } .unmanaged #Layer_2 .st63, .unmanaged #Layer_3 .st63, .unmanaged #Layer_4 .st63 { fill: #007786; } .unmanaged #Layer_2 .st64, .unmanaged #Layer_3 .st64, .unmanaged #Layer_4 .st64 { fill: #007887; } .unmanaged #Layer_2 .st65, .unmanaged #Layer_3 .st65, .unmanaged #Layer_4 .st65 { fill: #007988; } .unmanaged #Layer_2 .st66, .unmanaged #Layer_3 .st66, .unmanaged #Layer_4 .st66 { fill: #007a89; } .unmanaged #Layer_2 .st67, .unmanaged #Layer_3 .st67, .unmanaged #Layer_4 .st67 { fill: #007a8a; } .unmanaged #Layer_2 .st68, .unmanaged #Layer_3 .st68, .unmanaged #Layer_4 .st68 { fill: #fff; } .unmanaged #Layer_2 .st70, .unmanaged #Layer_3 .st70, .unmanaged #Layer_4 .st70 { fill: #00606d; } .unmanaged #Layer_2 .st74, .unmanaged #Layer_3 .st74, .unmanaged #Layer_4 .st74 { fill: #00616b; } .unmanaged #Layer_2 .st86, .unmanaged #Layer_3 .st86, .unmanaged #Layer_4 .st86 { fill: #7b1637; } .unmanaged #Layer_2 .st88, .unmanaged #Layer_3 .st88, .unmanaged #Layer_4 .st88 { fill: #60102c; } .unmanaged #Layer_2 .st89, .unmanaged #Layer_3 .st89, .unmanaged #Layer_4 .st89 { fill: #61102c; } .unmanaged #Layer_2 .st90, .unmanaged #Layer_3 .st90, .unmanaged #Layer_4 .st90 { fill: #62102b; } .unmanaged #Layer_2 .st91, .unmanaged #Layer_3 .st91, .unmanaged #Layer_4 .st91 { fill: #61122d; } .unmanaged #Layer_2 .st92, .unmanaged #Layer_3 .st92, .unmanaged #Layer_4 .st92 { fill: #62122d; } .unmanaged #Layer_2 .st93, .unmanaged #Layer_3 .st93, .unmanaged #Layer_4 .st93 { fill: #63122c; } .unmanaged #Layer_2 .st94, .unmanaged #Layer_3 .st94, .unmanaged #Layer_4 .st94 { fill: #64122e; } .unmanaged #Layer_2 .st95, .unmanaged #Layer_3 .st95, .unmanaged #Layer_4 .st95 { fill: #66112e; } .unmanaged #Layer_2 .st96, .unmanaged #Layer_3 .st96, .unmanaged #Layer_4 .st96 { fill: #67112f; } .unmanaged #Layer_2 .st97, .unmanaged #Layer_3 .st97, .unmanaged #Layer_4 .st97 { fill: #68112f; } .unmanaged #Layer_2 .st98, .unmanaged #Layer_3 .st98, .unmanaged #Layer_4 .st98 { fill: #68132e; } .unmanaged #Layer_2 .st99, .unmanaged #Layer_3 .st99, .unmanaged #Layer_4 .st99 { fill: #681330; } .unmanaged #Layer_2 .st100, .unmanaged #Layer_3 .st100, .unmanaged #Layer_4 .st100 { fill: #691330; } .unmanaged #Layer_2 .st101, .unmanaged #Layer_3 .st101, .unmanaged #Layer_4 .st101 { fill: #6a1330; } .unmanaged #Layer_2 .st102, .unmanaged #Layer_3 .st102, .unmanaged #Layer_4 .st102 { fill: #6c1231; } .unmanaged #Layer_2 .st103, .unmanaged #Layer_3 .st103, .unmanaged #Layer_4 .st103 { fill: #6d1231; } .unmanaged #Layer_2 .st104, .unmanaged #Layer_3 .st104, .unmanaged #Layer_4 .st104 { fill: #6d1432; } .unmanaged #Layer_2 .st105, .unmanaged #Layer_3 .st105, .unmanaged #Layer_4 .st105 { fill: #6e1432; } .unmanaged #Layer_2 .st106, .unmanaged #Layer_3 .st106, .unmanaged #Layer_4 .st106 { fill: #6f1432; } .unmanaged #Layer_2 .st107, .unmanaged #Layer_3 .st107, .unmanaged #Layer_4 .st107 { fill: #6f1433; } .unmanaged #Layer_2 .st108, .unmanaged #Layer_3 .st108, .unmanaged #Layer_4 .st108 { fill: #711433; } .unmanaged #Layer_2 .st109, .unmanaged #Layer_3 .st109, .unmanaged #Layer_4 .st109 { fill: #721333; } .unmanaged #Layer_2 .st110, .unmanaged #Layer_3 .st110, .unmanaged #Layer_4 .st110 { fill: #721334; } .unmanaged #Layer_2 .st111, .unmanaged #Layer_3 .st111, .unmanaged #Layer_4 .st111 { fill: #731334; } .unmanaged #Layer_2 .st112, .unmanaged #Layer_3 .st112, .unmanaged #Layer_4 .st112 { fill: #731534; } .unmanaged #Layer_2 .st113, .unmanaged #Layer_3 .st113, .unmanaged #Layer_4 .st113 { fill: #741535; } .unmanaged #Layer_2 .st114, .unmanaged #Layer_3 .st114, .unmanaged #Layer_4 .st114 { fill: #751535; } .unmanaged #Layer_2 .st115, .unmanaged #Layer_3 .st115, .unmanaged #Layer_4 .st115 { fill: #771435; } .unmanaged #Layer_2 .st116, .unmanaged #Layer_3 .st116, .unmanaged #Layer_4 .st116 { fill: #771436; } .unmanaged #Layer_2 .st117, .unmanaged #Layer_3 .st117, .unmanaged #Layer_4 .st117 { fill: #781436; } .unmanaged #Layer_2 .st118, .unmanaged #Layer_3 .st118, .unmanaged #Layer_4 .st118 { fill: #791436; } .unmanaged #Layer_2 .st119, .unmanaged #Layer_3 .st119, .unmanaged #Layer_4 .st119 { fill: #781637; } .unmanaged #Layer_2 .st120, .unmanaged #Layer_3 .st120, .unmanaged #Layer_4 .st120 { fill: #791637; } .unmanaged #Layer_2 .st121, .unmanaged #Layer_3 .st121, .unmanaged #Layer_4 .st121 { fill: #7a1637; } .unmanaged #Layer_2 .st122, .unmanaged #Layer_3 .st122, .unmanaged #Layer_4 .st122 { fill: #7b1639; } .unmanaged #Layer_2 .st123, .unmanaged #Layer_3 .st123, .unmanaged #Layer_4 .st123 { fill: #7d1538; } .unmanaged #Layer_2 .st124, .unmanaged #Layer_3 .st124, .unmanaged #Layer_4 .st124 { fill: #7e1538; } .unmanaged #Layer_2 .st125, .unmanaged #Layer_3 .st125, .unmanaged #Layer_4 .st125 { fill: #7f153a; } .unmanaged #Layer_2 .st126, .unmanaged #Layer_3 .st126, .unmanaged #Layer_4 .st126 { fill: #7e1739; } .unmanaged #Layer_2 .st127, .unmanaged #Layer_3 .st127, .unmanaged #Layer_4 .st127 { fill: #7f1739; } .unmanaged #Layer_2 .st128, .unmanaged #Layer_3 .st128, .unmanaged #Layer_4 .st128 { fill: #80173b; } .unmanaged #Layer_2 .st129, .unmanaged #Layer_3 .st129, .unmanaged #Layer_4 .st129 { fill: #81173a; } .unmanaged #Layer_2 .st130, .unmanaged #Layer_3 .st130, .unmanaged #Layer_4 .st130 { fill: #83163a; } .unmanaged #Layer_2 .st131, .unmanaged #Layer_3 .st131, .unmanaged #Layer_4 .st131 { fill: #83163c; } .unmanaged #Layer_2 .st132, .unmanaged #Layer_3 .st132, .unmanaged #Layer_4 .st132 { fill: #84163c; } .unmanaged #Layer_2 .st134, .unmanaged #Layer_3 .st134, .unmanaged #Layer_4 .st134 { fill: #85163c; } .unmanaged #Layer_2 .st135, .unmanaged #Layer_3 .st135, .unmanaged #Layer_4 .st135 { fill: #84183d; } .unmanaged #Layer_2 .st136, .unmanaged #Layer_3 .st136, .unmanaged #Layer_4 .st136 { fill: #85183d; } .unmanaged #Layer_2 .st137, .unmanaged #Layer_3 .st137, .unmanaged #Layer_4 .st137 { fill: #86183d; } .unmanaged #Layer_2 .st138, .unmanaged #Layer_3 .st138, .unmanaged #Layer_4 .st138 { fill: #88183e; } .unmanaged #Layer_2 .st139, .unmanaged #Layer_3 .st139, .unmanaged #Layer_4 .st139 { fill: #89173e; } .unmanaged #Layer_2 .st140, .unmanaged #Layer_3 .st140, .unmanaged #Layer_4 .st140 { fill: #8a173f; } .unmanaged #Layer_2 .st141, .unmanaged #Layer_3 .st141, .unmanaged #Layer_4 .st141 { fill: #8a193f; } .unmanaged #Layer_2 .st142, .unmanaged #Layer_3 .st142, .unmanaged #Layer_4 .st142 { fill: #8b193f; } .unmanaged #Layer_2 .st143, .unmanaged #Layer_3 .st143, .unmanaged #Layer_4 .st143 { fill: #8b1940; } .unmanaged #Layer_2 .st144, .unmanaged #Layer_3 .st144, .unmanaged #Layer_4 .st144 { fill: #8c1940; } .unmanaged #Layer_2 .st145, .unmanaged #Layer_3 .st145, .unmanaged #Layer_4 .st145 { fill: #8e1840; } .unmanaged #Layer_2 .st146, .unmanaged #Layer_3 .st146, .unmanaged #Layer_4 .st146 { fill: #8f1841; } .unmanaged #Layer_2 .st147, .unmanaged #Layer_3 .st147, .unmanaged #Layer_4 .st147 { fill: #901841; } .unmanaged #Layer_2 .st148, .unmanaged #Layer_3 .st148, .unmanaged #Layer_4 .st148 { fill: #8f1a41; } .unmanaged #Layer_2 .st149, .unmanaged #Layer_3 .st149, .unmanaged #Layer_4 .st149 { fill: #901a42; } .unmanaged #Layer_2 .st150, .unmanaged #Layer_3 .st150, .unmanaged #Layer_4 .st150 { fill: #911a42; } .unmanaged #Layer_2 .st151, .unmanaged #Layer_3 .st151, .unmanaged #Layer_4 .st151 { fill: #921a42; } .unmanaged #Layer_2 .tekst text, .unmanaged #Layer_3 .tekst text, .unmanaged #Layer_4 .tekst text { fill: #fff; transition: all 100ms ease-in-out; } .unmanaged #Layer_2 path, .unmanaged #Layer_3 path, .unmanaged #Layer_4 path, .unmanaged #Layer_2 polyline, .unmanaged #Layer_3 polyline, .unmanaged #Layer_4 polyline, .unmanaged #Layer_2 polygon, .unmanaged #Layer_3 polygon, .unmanaged #Layer_4 polygon, .unmanaged #Layer_2 text, .unmanaged #Layer_3 text, .unmanaged #Layer_4 text { opacity: 0.3; transition: opacity 250ms ease-in-out, fill 250ms ease-in-out; will-change: opacity, fill; } .unmanaged #Layer_2 .tekst text, .unmanaged #Layer_3 .tekst text, .unmanaged #Layer_4 .tekst text { fill: #231f20; opacity: 1; will-change: fill; } .unmanaged #Layer_2:hover path, .unmanaged #Layer_3:hover path, .unmanaged #Layer_4:hover path, .unmanaged #Layer_2.active path, .unmanaged #Layer_3.active path, .unmanaged #Layer_4.active path, .unmanaged #Layer_2:hover polyline, .unmanaged #Layer_3:hover polyline, .unmanaged #Layer_4:hover polyline, .unmanaged #Layer_2.active polyline, .unmanaged #Layer_3.active polyline, .unmanaged #Layer_4.active polyline, .unmanaged #Layer_2:hover polygon, .unmanaged #Layer_3:hover polygon, .unmanaged #Layer_4:hover polygon, .unmanaged #Layer_2.active polygon, .unmanaged #Layer_3.active polygon, .unmanaged #Layer_4.active polygon, .unmanaged #Layer_2:hover text, .unmanaged #Layer_3:hover text, .unmanaged #Layer_4:hover text, .unmanaged #Layer_2.active text, .unmanaged #Layer_3.active text, .unmanaged #Layer_4.active text { transition: all 100ms ease-in-out; } .unmanaged #Layer_2 .tekst text, .unmanaged #Layer_3 .tekst text, .unmanaged #Layer_4 .tekst text { transition: all 300ms ease-in-out; } .stack-block { cursor: pointer; transform: translate3d(0, 0, 0) scale(1); transform-origin: center center; transition: transform 250ms ease-in-out; will-change: transform; z-index: 0; } .stack-block .tekst text { font-size: 12px; font-weight: bold; transition: fill 250ms ease-in-out; fill: #2890a1; will-change: fill; } .stack-block .tekst-red text { fill: #a71c46; } .stack-block .st0 { fill: #003a44; } .stack-block .st2 { clip-path: url(#SVGID_2_); } .stack-block .st3 { fill: #003a43; } .stack-block .st4 { fill: #003943; } .stack-block .st5 { fill: #003942; } .stack-block .st6 { fill: #003841; } .stack-block .st7 { fill: #003740; } .stack-block .st8 { fill: #00363f; } .stack-block .st9 { fill: #00363e; } .stack-block .st10 { fill: #00353e; } .stack-block .st11 { fill: #00353d; } .stack-block .st12 { fill: #00343d; } .stack-block .st13 { fill: #00343c; } .stack-block .st14 { fill: #00333c; } .stack-block .st15 { fill: #00333b; } .stack-block .st16 { fill: #00323a; } .stack-block .st17 { fill: #003139; } .stack-block .st18 { fill: #003842; } .stack-block .st19 { clip-path: url(#SVGID_4_); } .stack-block .st20 { fill: #002b32; } .stack-block .st21 { fill: #002c33; } .stack-block .st22 { fill: #002d34; } .stack-block .st23 { fill: #002d35; } .stack-block .st24 { fill: #002e35; } .stack-block .st25 { fill: #002e36; } .stack-block .st26 { fill: #002f36; } .stack-block .st27 { fill: #002f37; } .stack-block .st28 { fill: #003037; } .stack-block .st29 { fill: #003038; } .stack-block .st30 { fill: #003b44; } .stack-block .st31 { fill: #003b45; } .stack-block .st32 { fill: #003c46; } .stack-block .st33 { fill: #003d47; } .stack-block .st34 { fill: #003e48; } .stack-block .st35 { fill: #003e49; } .stack-block .st36 { fill: #003f49; } .stack-block .st37 { fill: #003f4a; } .stack-block .st38 { fill: #00404a; } .stack-block .st39 { fill: #00404b; } .stack-block .st40 { fill: #00414b; } .stack-block .st41 { fill: #00414c; } .stack-block .st42 { fill: #00424d; } .stack-block .st43 { fill: #00434e; } .stack-block .st44 { fill: #00444f; } .stack-block .st45 { fill: #004450; } .stack-block .st46 { fill: #004550; } .stack-block .st47 { fill: #004551; } .stack-block .st48 { fill: #004651; } .stack-block .st49 { fill: #004f5d; } .stack-block .st50 { clip-path: url(#SVGID_6_); } .stack-block .st51 { fill: #004652; } .stack-block .st52 { fill: #004752; } .stack-block .st53 { fill: #004753; } .stack-block .st54 { fill: #004854; } .stack-block .st55 { fill: #004955; } .stack-block .st56 { fill: #004a56; } .stack-block .st57 { fill: #004a57; } .stack-block .st58 { fill: #004b57; } .stack-block .st59 { fill: #004b58; } .stack-block .st60 { fill: #004c58; } .stack-block .st61 { fill: #004c59; } .stack-block .st62 { fill: #004d59; } .stack-block .st63 { fill: #004d5a; } .stack-block .st64 { fill: #004e5b; } .stack-block .st65 { fill: #004f5c; } .stack-block .st66 { fill: #00505d; } .stack-block .st67 { fill: #00505e; } .stack-block .st68 { fill: #fff; } .stack-block .st69 { clip-path: url(#SVGID_8_); } .stack-block .st70 { fill: #003741; } .stack-block .st71 { clip-path: url(#SVGID_10_); } .stack-block .st72 { clip-path: url(#SVGID_12_); } .stack-block .st73 { clip-path: url(#SVGID_14_); } .stack-block .st74 { fill: #00373f; } .stack-block .st75 { clip-path: url(#SVGID_16_); } .stack-block .st76 { clip-path: url(#SVGID_18_); } .stack-block .st77 { clip-path: url(#SVGID_20_); } .stack-block .st78 { clip-path: url(#SVGID_22_); } .stack-block .st79 { clip-path: url(#SVGID_24_); } .stack-block .st80 { clip-path: url(#SVGID_26_); } .stack-block .st81 { clip-path: url(#SVGID_28_); } .stack-block .st82 { clip-path: url(#SVGID_30_); } .stack-block .st83 { clip-path: url(#SVGID_32_); } .stack-block .st84 { clip-path: url(#SVGID_34_); } .stack-block .st85 { clip-path: url(#SVGID_36_); } .stack-block .st86 { fill: #560f24; } .stack-block .st87 { clip-path: url(#SVGID_38_); } .stack-block .st88 { fill: #3a0a19; } .stack-block .st89 { fill: #3b0a19; } .stack-block .st90 { fill: #3c0a19; } .stack-block .st91 { fill: #3c0b1a; } .stack-block .st92 { fill: #3d0b1a; } .stack-block .st93 { fill: #3e0b1a; } .stack-block .st94 { fill: #3f0b1b; } .stack-block .st95 { fill: #400b1b; } .stack-block .st96 { fill: #410b1c; } .stack-block .st97 { fill: #420b1c; } .stack-block .st98 { fill: #430c1c; } .stack-block .st99 { fill: #430c1d; } .stack-block .st100 { fill: #440c1d; } .stack-block .st101 { fill: #450c1d; } .stack-block .st102 { fill: #460c1e; } .stack-block .st103 { fill: #470c1e; } .stack-block .st104 { fill: #480d1f; } .stack-block .st105 { fill: #490d1f; } .stack-block .st106 { fill: #4a0d1f; } .stack-block .st107 { fill: #4a0d20; } .stack-block .st108 { fill: #4b0d20; } .stack-block .st109 { fill: #4c0d20; } .stack-block .st110 { fill: #4c0d21; } .stack-block .st111 { fill: #4d0d21; } .stack-block .st112 { fill: #4e0e21; } .stack-block .st113 { fill: #4f0e22; } .stack-block .st114 { fill: #500e22; } .stack-block .st115 { fill: #510e22; } .stack-block .st116 { fill: #510e23; } .stack-block .st117 { fill: #520e23; } .stack-block .st118 { fill: #530e23; } .stack-block .st119 { fill: #530f24; } .stack-block .st120 { fill: #540f24; } .stack-block .st121 { fill: #550f24; } .stack-block .st122 { fill: #560f25; } .stack-block .st123 { fill: #570f25; } .stack-block .st124 { fill: #580f25; } .stack-block .st125 { fill: #590f26; } .stack-block .st126 { fill: #591026; } .stack-block .st127 { fill: #5a1026; } .stack-block .st128 { fill: #5b1027; } .stack-block .st129 { fill: #5c1027; } .stack-block .st130 { fill: #5d1027; } .stack-block .st131 { fill: #5d1028; } .stack-block .st132 { fill: #5e1028; } .stack-block .st133 { clip-path: url(#SVGID_40_); } .stack-block .st134 { fill: #5f1028; } .stack-block .st135 { fill: #5f1129; } .stack-block .st136 { fill: #601129; } .stack-block .st137 { fill: #611129; } .stack-block .st138 { fill: #62112a; } .stack-block .st139 { fill: #63112a; } .stack-block .st140 { fill: #64112b; } .stack-block .st141 { fill: #65122b; } .stack-block .st142 { fill: #66122b; } .stack-block .st143 { fill: #66122c; } .stack-block .st144 { fill: #67122c; } .stack-block .st145 { fill: #68122c; } .stack-block .st146 { fill: #69122d; } .stack-block .st147 { fill: #6a122d; } .stack-block .st148 { fill: #6a132d; } .stack-block .st149 { fill: #6b132e; } .stack-block .st150 { fill: #6c132e; } .stack-block .st151 { fill: #6d132e; } .stack-block .st0, .stack-block .st3, .stack-block .st4, .stack-block .st5, .stack-block .st6, .stack-block .st7, .stack-block .st8, .stack-block .st9, .stack-block .st10, .stack-block .st11, .stack-block .st12, .stack-block .st13, .stack-block .st14, .stack-block .st15, .stack-block .st16, .stack-block .st17, .stack-block .st18, .stack-block .st20, .stack-block .st21, .stack-block .st22, .stack-block .st23, .stack-block .st24, .stack-block .st25, .stack-block .st26, .stack-block .st27, .stack-block .st28, .stack-block .st29, .stack-block .st30, .stack-block .st31, .stack-block .st32, .stack-block .st33, .stack-block .st34, .stack-block .st35, .stack-block .st36, .stack-block .st37, .stack-block .st38, .stack-block .st39, .stack-block .st40, .stack-block .st41, .stack-block .st42, .stack-block .st43, .stack-block .st44, .stack-block .st45, .stack-block .st46, .stack-block .st47, .stack-block .st48, .stack-block .st49, .stack-block .st51, .stack-block .st52, .stack-block .st53, .stack-block .st54, .stack-block .st55, .stack-block .st56, .stack-block .st57, .stack-block .st58, .stack-block .st59, .stack-block .st60, .stack-block .st61, .stack-block .st62, .stack-block .st63, .stack-block .st64, .stack-block .st65, .stack-block .st66, .stack-block .st67, .stack-block .st68, .stack-block .st70, .stack-block .st74, .stack-block .st86, .stack-block .st88, .stack-block .st89, .stack-block .st90, .stack-block .st91, .stack-block .st92, .stack-block .st93, .stack-block .st94, .stack-block .st95, .stack-block .st96, .stack-block .st97, .stack-block .st98, .stack-block .st99, .stack-block .st100, .stack-block .st101, .stack-block .st102, .stack-block .st103, .stack-block .st104, .stack-block .st105, .stack-block .st106, .stack-block .st107, .stack-block .st108, .stack-block .st109, .stack-block .st110, .stack-block .st111, .stack-block .st112, .stack-block .st113, .stack-block .st114, .stack-block .st115, .stack-block .st116, .stack-block .st117, .stack-block .st118, .stack-block .st119, .stack-block .st120, .stack-block .st121, .stack-block .st122, .stack-block .st123, .stack-block .st124, .stack-block .st125, .stack-block .st126, .stack-block .st127, .stack-block .st128, .stack-block .st129, .stack-block .st130, .stack-block .st131, .stack-block .st132, .stack-block .st134, .stack-block .st135, .stack-block .st136, .stack-block .st137, .stack-block .st138, .stack-block .st139, .stack-block .st140, .stack-block .st141, .stack-block .st142, .stack-block .st143, .stack-block .st144, .stack-block .st145, .stack-block .st146, .stack-block .st147, .stack-block .st148, .stack-block .st149, .stack-block .st150, .stack-block .st151 { transition: fill 250ms ease-in-out; will-change: fill; } .stack-block:hover, .stack-block.active { transform: translate3d(0, 0, 0) scale(1.2); transition: transform 100ms ease-in-out; z-index: 100; } .stack-block:hover .st0, .stack-block.active .st0 { fill: #006370; } .stack-block:hover .st3, .stack-block.active .st3 { fill: #00646f; } .stack-block:hover .st4, .stack-block.active .st4 { fill: #00626f; } .stack-block:hover .st5, .stack-block.active .st5 { fill: #00636e; } .stack-block:hover .st6, .stack-block.active .st6 { fill: #00626d; } .stack-block:hover .st7, .stack-block.active .st7 { fill: #00606c; } .stack-block:hover .st8, .stack-block.active .st8 { fill: #005f6b; } .stack-block:hover .st9, .stack-block.active .st9 { fill: #00606a; } .stack-block:hover .st10, .stack-block.active .st10 { fill: #005e6a; } .stack-block:hover .st11, .stack-block.active .st11 { fill: #005f69; } .stack-block:hover .st12, .stack-block.active .st12 { fill: #005d69; } .stack-block:hover .st13, .stack-block.active .st13 { fill: #005e68; } .stack-block:hover .st14, .stack-block.active .st14 { fill: #005c68; } .stack-block:hover .st15, .stack-block.active .st15 { fill: #005c67; } .stack-block:hover .st16, .stack-block.active .st16 { fill: #005b66; } .stack-block:hover .st17, .stack-block.active .st17 { fill: #005a65; } .stack-block:hover .st18, .stack-block.active .st18 { fill: #00616e; } .stack-block:hover .st20, .stack-block.active .st20 { fill: #00545e; } .stack-block:hover .st21, .stack-block.active .st21 { fill: #00555f; } .stack-block:hover .st22, .stack-block.active .st22 { fill: #005660; } .stack-block:hover .st23, .stack-block.active .st23 { fill: #005661; } .stack-block:hover .st24, .stack-block.active .st24 { fill: #005761; } .stack-block:hover .st25, .stack-block.active .st25 { fill: #005762; } .stack-block:hover .st26, .stack-block.active .st26 { fill: #005962; } .stack-block:hover .st27, .stack-block.active .st27 { fill: #005863; } .stack-block:hover .st28, .stack-block.active .st28 { fill: #005a63; } .stack-block:hover .st29, .stack-block.active .st29 { fill: #005964; } .stack-block:hover .st30, .stack-block.active .st30 { fill: #006570; } .stack-block:hover .st31, .stack-block.active .st31 { fill: #006471; } .stack-block:hover .st32, .stack-block.active .st32 { fill: #006672; } .stack-block:hover .st33, .stack-block.active .st33 { fill: #006773; } .stack-block:hover .st34, .stack-block.active .st34 { fill: #006874; } .stack-block:hover .st35, .stack-block.active .st35 { fill: #006775; } .stack-block:hover .st36, .stack-block.active .st36 { fill: #006975; } .stack-block:hover .st37, .stack-block.active .st37 { fill: #006876; } .stack-block:hover .st38, .stack-block.active .st38 { fill: #006a76; } .stack-block:hover .st39, .stack-block.active .st39 { fill: #006a77; } .stack-block:hover .st40, .stack-block.active .st40 { fill: #006b77; } .stack-block:hover .st41, .stack-block.active .st41 { fill: #006b78; } .stack-block:hover .st42, .stack-block.active .st42 { fill: #006c79; } .stack-block:hover .st43, .stack-block.active .st43 { fill: #006d7a; } .stack-block:hover .st44, .stack-block.active .st44 { fill: #006e7b; } .stack-block:hover .st45, .stack-block.active .st45 { fill: #006e7c; } .stack-block:hover .st46, .stack-block.active .st46 { fill: #006f7c; } .stack-block:hover .st47, .stack-block.active .st47 { fill: #006f7d; } .stack-block:hover .st48, .stack-block.active .st48 { fill: #00707d; } .stack-block:hover .st49, .stack-block.active .st49 { fill: #007989; } .stack-block:hover .st51, .stack-block.active .st51 { fill: #00707e; } .stack-block:hover .st52, .stack-block.active .st52 { fill: #00717e; } .stack-block:hover .st53, .stack-block.active .st53 { fill: #00717f; } .stack-block:hover .st54, .stack-block.active .st54 { fill: #007280; } .stack-block:hover .st55, .stack-block.active .st55 { fill: #007381; } .stack-block:hover .st56, .stack-block.active .st56 { fill: #007482; } .stack-block:hover .st57, .stack-block.active .st57 { fill: #007483; } .stack-block:hover .st58, .stack-block.active .st58 { fill: #007583; } .stack-block:hover .st59, .stack-block.active .st59 { fill: #007584; } .stack-block:hover .st60, .stack-block.active .st60 { fill: #007684; } .stack-block:hover .st61, .stack-block.active .st61 { fill: #007685; } .stack-block:hover .st62, .stack-block.active .st62 { fill: #007885; } .stack-block:hover .st63, .stack-block.active .st63 { fill: #007786; } .stack-block:hover .st64, .stack-block.active .st64 { fill: #007887; } .stack-block:hover .st65, .stack-block.active .st65 { fill: #007988; } .stack-block:hover .st66, .stack-block.active .st66 { fill: #007a89; } .stack-block:hover .st67, .stack-block.active .st67 { fill: #007a8a; } .stack-block:hover .st68, .stack-block.active .st68 { fill: #fff; } .stack-block:hover .st70, .stack-block.active .st70 { fill: #00606d; } .stack-block:hover .st74, .stack-block.active .st74 { fill: #00616b; } .stack-block:hover .st86, .stack-block.active .st86 { fill: #7b1637; } .stack-block:hover .st88, .stack-block.active .st88 { fill: #60102c; } .stack-block:hover .st89, .stack-block.active .st89 { fill: #61102c; } .stack-block:hover .st90, .stack-block.active .st90 { fill: #62102b; } .stack-block:hover .st91, .stack-block.active .st91 { fill: #61122d; } .stack-block:hover .st92, .stack-block.active .st92 { fill: #62122d; } .stack-block:hover .st93, .stack-block.active .st93 { fill: #63122c; } .stack-block:hover .st94, .stack-block.active .st94 { fill: #64122e; } .stack-block:hover .st95, .stack-block.active .st95 { fill: #66112e; } .stack-block:hover .st96, .stack-block.active .st96 { fill: #67112f; } .stack-block:hover .st97, .stack-block.active .st97 { fill: #68112f; } .stack-block:hover .st98, .stack-block.active .st98 { fill: #68132e; } .stack-block:hover .st99, .stack-block.active .st99 { fill: #681330; } .stack-block:hover .st100, .stack-block.active .st100 { fill: #691330; } .stack-block:hover .st101, .stack-block.active .st101 { fill: #6a1330; } .stack-block:hover .st102, .stack-block.active .st102 { fill: #6c1231; } .stack-block:hover .st103, .stack-block.active .st103 { fill: #6d1231; } .stack-block:hover .st104, .stack-block.active .st104 { fill: #6d1432; } .stack-block:hover .st105, .stack-block.active .st105 { fill: #6e1432; } .stack-block:hover .st106, .stack-block.active .st106 { fill: #6f1432; } .stack-block:hover .st107, .stack-block.active .st107 { fill: #6f1433; } .stack-block:hover .st108, .stack-block.active .st108 { fill: #711433; } .stack-block:hover .st109, .stack-block.active .st109 { fill: #721333; } .stack-block:hover .st110, .stack-block.active .st110 { fill: #721334; } .stack-block:hover .st111, .stack-block.active .st111 { fill: #731334; } .stack-block:hover .st112, .stack-block.active .st112 { fill: #731534; } .stack-block:hover .st113, .stack-block.active .st113 { fill: #741535; } .stack-block:hover .st114, .stack-block.active .st114 { fill: #751535; } .stack-block:hover .st115, .stack-block.active .st115 { fill: #771435; } .stack-block:hover .st116, .stack-block.active .st116 { fill: #771436; } .stack-block:hover .st117, .stack-block.active .st117 { fill: #781436; } .stack-block:hover .st118, .stack-block.active .st118 { fill: #791436; } .stack-block:hover .st119, .stack-block.active .st119 { fill: #781637; } .stack-block:hover .st120, .stack-block.active .st120 { fill: #791637; } .stack-block:hover .st121, .stack-block.active .st121 { fill: #7a1637; } .stack-block:hover .st122, .stack-block.active .st122 { fill: #7b1639; } .stack-block:hover .st123, .stack-block.active .st123 { fill: #7d1538; } .stack-block:hover .st124, .stack-block.active .st124 { fill: #7e1538; } .stack-block:hover .st125, .stack-block.active .st125 { fill: #7f153a; } .stack-block:hover .st126, .stack-block.active .st126 { fill: #7e1739; } .stack-block:hover .st127, .stack-block.active .st127 { fill: #7f1739; } .stack-block:hover .st128, .stack-block.active .st128 { fill: #80173b; } .stack-block:hover .st129, .stack-block.active .st129 { fill: #81173a; } .stack-block:hover .st130, .stack-block.active .st130 { fill: #83163a; } .stack-block:hover .st131, .stack-block.active .st131 { fill: #83163c; } .stack-block:hover .st132, .stack-block.active .st132 { fill: #84163c; } .stack-block:hover .st134, .stack-block.active .st134 { fill: #85163c; } .stack-block:hover .st135, .stack-block.active .st135 { fill: #84183d; } .stack-block:hover .st136, .stack-block.active .st136 { fill: #85183d; } .stack-block:hover .st137, .stack-block.active .st137 { fill: #86183d; } .stack-block:hover .st138, .stack-block.active .st138 { fill: #88183e; } .stack-block:hover .st139, .stack-block.active .st139 { fill: #89173e; } .stack-block:hover .st140, .stack-block.active .st140 { fill: #8a173f; } .stack-block:hover .st141, .stack-block.active .st141 { fill: #8a193f; } .stack-block:hover .st142, .stack-block.active .st142 { fill: #8b193f; } .stack-block:hover .st143, .stack-block.active .st143 { fill: #8b1940; } .stack-block:hover .st144, .stack-block.active .st144 { fill: #8c1940; } .stack-block:hover .st145, .stack-block.active .st145 { fill: #8e1840; } .stack-block:hover .st146, .stack-block.active .st146 { fill: #8f1841; } .stack-block:hover .st147, .stack-block.active .st147 { fill: #901841; } .stack-block:hover .st148, .stack-block.active .st148 { fill: #8f1a41; } .stack-block:hover .st149, .stack-block.active .st149 { fill: #901a42; } .stack-block:hover .st150, .stack-block.active .st150 { fill: #911a42; } .stack-block:hover .st151, .stack-block.active .st151 { fill: #921a42; } .stack-block:hover .tekst text, .stack-block.active .tekst text { fill: white !important; transition: all 100ms ease-in-out; } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } section { overflow: hidden; } section h1.section-header { color: #fff; display: block; font-size: 1.8rem; line-height: 2.66667rem; margin: 0 auto; max-width: 800px; text-align: center; } section h1.section-header:after { content: ''; border-top: 1px solid #fff; display: block; margin: 10px auto; width: 40px; } section h1.section-header.no-line { margin: 0 auto 40px; } section h1.section-header.no-line:after { content: none; } section p.section-header { color: #fff; font-size: 1.2rem; line-height: 1.866667rem; margin: 0 auto 20px; max-width: 800px; text-align: center; } section.clean { background-color: #f8f8f8; padding: 40px 0 0; } section.clean h1.section-header { color: #161314; } section.clean h1.section-header:after { border-color: #161314; } section.clean p { font-size: 1.2rem; line-height: 1.866667rem; text-align: justify; *zoom: 1; } section.clean p:before, section.clean p:after { display: table; content: ""; } section.clean p:after { clear: both; } section.dark { background-color: #231f20; } section.green { background-color: #2890a1; } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .tag { position: relative; } .tag a, .tag span { color: #231f20; height: 32px; line-height: 32px; display: inline-block; font-size: 16px; font-weight: 700; padding: 0 10px 0 12px; background: #eee; text-decoration: none; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .tag a:before, .tag span:before { content: ""; float: left; position: absolute; left: -16px; border-color: transparent #eee transparent transparent; border-style: solid; border-width: 16px 16px 16px 0; } .tag a:after, .tag span:after { content: ""; position: absolute; top: 14px; left: 0; float: left; width: 4px; height: 4px; border-radius: 2px; background: #231f20; } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } body.about #about-people { background: #2890a1; background: -webkit-linear-gradient(#2890a1, #a71c46); background: -o-linear-gradient(#2890a1, #a71c46); background: -moz-linear-gradient(#2890a1, #a71c46); background: linear-gradient(#2890a1, #a71c46); padding: 75px 0; background: #161314; } body.about #about-people h1 { color: #fff; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 auto 75px; max-width: 600px; text-align: center; } @media (max-width: 1023px) { body.about #about-people { padding: 50px 0; } body.about #about-people h1 { margin: 0 auto 50px; } } @media (max-width: 668px) { body.about #about-people .columns { -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } body.about #about-people .columns article { width: 260px; } body.about #about-people .columns * { white-space: normal; } body.about #about-people .columns .btn, body.about #about-people .columns header nav .service-status, header nav body.about #about-people .columns .service-status, body.about #about-people .columns header nav .my-shock-media, header nav body.about #about-people .columns .my-shock-media, body.about #about-people .columns header nav .toggle, header nav body.about #about-people .columns .toggle { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } } @media (max-width: 668px) { body.about #about-people .columns p { white-space: pre-line; height: auto; } } body.about article.person { margin-bottom: 20px; position: relative; } body.about article.person figure { background: rgba(0, 0, 0, 0.1); margin: 0; overflow: hidden; position: relative; width: 100%; padding-top: 100%; padding-bottom: 116px; } body.about article.person figure img { width: 100%; height: calc(100% - 116px); position: absolute; top: 0; left: 0; } body.about article.person figure figcaption { background: #fff; bottom: 0; box-sizing: border-box; height: 116px; padding: 30px; position: absolute; right: 0; width: 100%; } body.about article.person figure figcaption h2 { font-size: 1.2rem; font-weight: 700; height: 1.866667rem; margin: 0; line-height: 1.866667rem; } body.about article.person figure figcaption p { font-size: 1.2rem; height: 1.866667rem; line-height: 1.866667rem; position: relative; margin: 0; } @media (max-width: 1023px) { body.about article.person figure figcaption { padding: 20px; } } body.about #about-overview_photo { background-image: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/15f882d60fdd8a67ef90f9f32bcad862.jpg?v=1552380524'); background-size: 100%; width: 100%; padding-top: 39%; position: relative; } body.about #about-overview_photo h1 { position: absolute; top: 7%; left: 0; right: 0; width: 100%; text-align: center; color: #fff; font-size: 1.8rem; line-height: 1.8rem; font-weight: 700; padding: 0; margin: 0; } @media screen and (min-width: 1281px) { body.about #about-overview_photo { background-image: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/63473159e8a2192586f348f558ed297d.jpg?v=1552380525'); } } @media screen and (min-width: 1681px) { body.about #about-overview_photo { background-image: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/7cee740960f3aca8ce33c48668ff4da9.jpg?v=1552380527'); } } @media screen and (min-width: 1921px) { body.about #about-overview_photo { background-image: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/a326d785c7dacc5a0d00b0b8178fd128.jpg?v=1552380528'); } } @media screen and (min-width: 2561px) { body.about #about-overview_photo { background-image: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/e17fdc0b91aa0e2631cb9be4b65929df.jpg?v=1552380530'); } } @media screen and (min-width: 3201px) { body.about #about-overview_photo { background-image: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/f3e5904fc7a82eb7960067bdee520b1f.jpg?v=1552380531'); } } @media screen and (min-width: 3841px) { body.about #about-overview_photo { background-image: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/0f538b03aa27b43e2c806af07b70177b.jpg?v=1552380534'); } } @media screen and (min-width: 5121px) { body.about #about-overview_photo { background-image: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/bd50d86bfa38b6bf31f60e366ea4f39e.jpg?v=1552380536'); } } @media screen and (min-width: 6145px) { body.about #about-overview_photo { background-image: url('/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/totaalfoto.jpg?v=1552380536'); } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } #contact-info { background-color: #f8f8f8; padding: 20px 0 0; } #contact-wave { background-color: #f8f8f8; } #contact-map { height: 610px; overflow: hidden; } #contact-map .map { height: 640px; } @media (max-width: 1023px) { #contact-map { height: calc(50vh - 20px); } #contact-map .map { height: calc(50vh + 10px); } } @media (max-width: 668px) { #contact-map { height: calc(100vw - 20px); } #contact-map .map { height: calc(100vw + 10px); } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } body.home #main { overflow: hidden; } #home-comparison { height: 329px; overflow: visible; position: relative; } @media (max-width: 1100px) { #home-comparison { height: 380px; } } @media (max-width: 1023px) { #home-comparison { height: 350px; } } @media (max-width: 668px) { #home-comparison { height: 370px; } } #home-comparison h1 { color: #fff; font-size: 2rem; line-height: 3rem; margin: 0; padding: 0 50px 10px; text-align: center; } @media (max-width: 668px) { #home-comparison h1 { font-size: 1.5rem; line-height: 2rem; padding-top: 40px; } } #home-comparison ul { height: 8rem; overflow: hidden; position: relative; width: 100%; } #home-comparison ul li { color: #fff; display: block; font-size: 3.2rem; font-weight: 700; line-height: 4rem; opacity: 0; position: absolute; text-align: center; transform: translateX(250px); transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 300ms; width: 100%; } #home-comparison ul li.active { opacity: 1; transform: translateX(0); transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms, transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms; } @media (max-width: 668px) { #home-comparison ul li { font-size: 2rem; line-height: 3rem; } } #home-comparison a.btn, #home-comparison header nav a.service-status, header nav #home-comparison a.service-status, #home-comparison header nav a.my-shock-media, header nav #home-comparison a.my-shock-media, #home-comparison header nav a.toggle, header nav #home-comparison a.toggle { bottom: -30px; left: 50%; position: absolute; transform: translateX(-50%); z-index: 2; } #home-comparison:before { background: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/home-header-icon.png?v=1552380536') no-repeat center center; background-size: contain; bottom: -60px; content: ''; height: 230px; left: calc(50% - 115px); position: absolute; width: 230px; z-index: 1; } #home-wave { background-color: #2890a1; overflow: visible; position: relative; } #home-wave .more { bottom: -20px; color: #2890a1; font-size: 1rem; height: 50px; left: 50%; position: absolute; transform: translateX(-50%); } #home-wave .more:before, #home-wave .more:after { content: ''; display: block; position: absolute; } #home-wave .more:before { border-bottom: 1px solid #161314; border-right: 1px solid #161314; bottom: 0; height: 10px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 10px; } #home-wave .more:after { border-right: 1px solid #161314; bottom: 0; left: 50%; height: 20px; transform: translateX(-50%); } @media (max-width: 1023px) { #home-wave .more { bottom: 110%; font-size: 0; left: 20px; transform: none; } #home-wave .more:before, #home-wave .more:after { border: 2px #fff; } } #home-solutions { padding: 75px 0; } #home-solutions h1 { font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 0 40px; text-align: center; } #home-solutions p { font-size: 1.2rem; line-height: 1.866667rem; } @media (max-width: 1023px) { #home-solutions { padding: 40px 0; } #home-solutions h1 { margin: 0 0 20px; } } #home-solutions .solution-navigator { text-align: center; font-size: 0; } #home-solutions .solution-navigator .items { display: inline-block; font-size: 1.2rem; font-weight: 700; line-height: 1.866667rem; margin-right: 40px; min-height: 356px; text-align: right; vertical-align: middle; width: calc((100% - 500px - 80px) / 2); } #home-solutions .solution-navigator .items li { cursor: pointer; display: none; } #home-solutions .solution-navigator .items li:after { content: '\00a0'; } #home-solutions .solution-navigator .items li.current { color: #2890a1; } #home-solutions .solution-navigator .items li:nth-of-type(1), #home-solutions .solution-navigator .items li:nth-of-type(7) { display: block; font-size: 0.666667rem; line-height: 0.666667rem; margin: 30px -35px 30px 0; opacity: 0.1; } #home-solutions .solution-navigator .items li:nth-of-type(2), #home-solutions .solution-navigator .items li:nth-of-type(6) { display: block; font-size: 1rem; line-height: 1rem; margin: 30px -20px 30px 0; opacity: 0.2; } #home-solutions .solution-navigator .items li:nth-of-type(3), #home-solutions .solution-navigator .items li:nth-of-type(5) { display: block; font-size: 1.2rem; line-height: 1.2rem; margin: 30px -10px 30px 0; opacity: 0.3; } #home-solutions .solution-navigator .items li:nth-of-type(4) { display: block; font-size: 1.8rem; line-height: 1.8rem; margin: 30px 0 30px 0; } #home-solutions .solution-navigator .wheel { background-color: #f8f8f8; border-radius: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 0, 0, 0.25); display: inline-block; height: 400px; /*overflow: hidden;*/ padding: 50px; position: relative; vertical-align: middle; width: 400px; } #home-solutions .solution-navigator .wheel .images { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); background: transparent; background: -webkit-linear-gradient(left, transparent, #60a6b6); background: -o-linear-gradient(right, transparent, #60a6b6); background: -moz-linear-gradient(right, transparent, #60a6b6); background: linear-gradient(to right, transparent, #60a6b6); border-radius: 100%; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2) inset; height: 400px; overflow: hidden; position: relative; width: 400px; } #home-solutions .solution-navigator .wheel .images img { left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } #home-solutions .solution-navigator .wheel .images img.current { opacity: 1; } #home-solutions .solution-navigator .wheel .decorator { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 50; } #home-solutions .solution-navigator .wheel .handle { background: #161314; border-radius: 100%; cursor: pointer; cursor: -webkit-grab; display: block; height: 50px; left: calc(100% - 25px); margin: -25px; position: absolute; top: 50%; transform-origin: -200px 25px; transform: rotate(0deg); transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 50px; z-index: 100; } #home-solutions .solution-navigator .wheel .handle.no-animate { transition: none; } #home-solutions .solution-navigator .wheel .handle.dragging, #home-solutions .solution-navigator .wheel .handle:hover { background: #2890a1; } #home-solutions .solution-navigator .wheel .handle:before, #home-solutions .solution-navigator .wheel .handle:after { border: 2px solid #fff; box-sizing: border-box; content: ''; height: 16px; left: 50%; position: absolute; width: 16px; } #home-solutions .solution-navigator .wheel .handle:before { border-bottom: 0; border-left: 0; bottom: 45%; transform: scaleY(0.85) translateX(-50%) rotate(-45deg); } #home-solutions .solution-navigator .wheel .handle:after { border-left: 0; border-top: 0; top: 45%; transform: scaleY(0.85) translateX(-50%) rotate(45deg); } #home-solutions .solution-navigator .details { display: inline-block; margin-left: 40px; position: relative; vertical-align: middle; width: calc((100% - 500px - 80px) / 2); } #home-solutions .solution-navigator .details .description { opacity: 0; pointer-events: none; position: absolute; transform: translateY(-50%); transition: opacity 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } #home-solutions .solution-navigator .details .description h1 { max-height: 5.33334rem; margin: 0 0 10px; overflow: hidden; text-align: left; } #home-solutions .solution-navigator .details .description p { max-height: 14.933336rem; overflow: hidden; position: relative; } #home-solutions .solution-navigator .details .description p:after { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */ bottom: 0; content: ''; height: 1.5em; position: absolute; right: 0; width: 100%; } #home-solutions .solution-navigator .details .description.current { opacity: 1; pointer-events: all; } @media (max-width: 1023px) { #home-solutions .solution-navigator .items { margin-right: 20px; min-height: 294px; width: calc((100% - 40vw - 80px) / 2); } #home-solutions .solution-navigator .items li { margin-bottom: 20px !important; margin-top: 20px !important; } #home-solutions .solution-navigator .wheel { height: calc(40vw); padding: 20px; width: calc(40vw); } #home-solutions .solution-navigator .wheel .images { height: calc(40vw); width: calc(40vw); } #home-solutions .solution-navigator .wheel .images img { height: 70%; width: 70%; } #home-solutions .solution-navigator .wheel .handle { left: calc(100% - 10px); transform-origin: calc((40vw - 30px) / -2) 25px; } #home-solutions .solution-navigator .details { margin-left: 20px; width: calc((100% - 40vw - 80px) / 2); } } @media (max-width: 668px) { #home-solutions .solution-navigator .items { display: block; min-height: auto; text-align: center; width: 100%; } #home-solutions .solution-navigator .items li:nth-of-type(n):not(.current) { display: none; } #home-solutions .solution-navigator .items li.current { margin: 0 0 25px; } #home-solutions .solution-navigator .wheel { display: block; height: calc(100vw - 80px); margin: 0 10px 25px; padding: 20px; width: calc(100vw - 80px); } #home-solutions .solution-navigator .wheel .images { height: calc(100vw - 80px); width: calc(100vw - 80px); } #home-solutions .solution-navigator .wheel .images img { height: 70%; width: 70%; } #home-solutions .solution-navigator .wheel .handle { left: calc(100% - 10px); transform-origin: calc((100vw - 110px) / -2) 25px; } #home-solutions .solution-navigator .details { display: block; margin: 0; width: 100%; } #home-solutions .solution-navigator .details .description { display: none; position: static; text-align: center; transform: none; } #home-solutions .solution-navigator .details .description h1, #home-solutions .solution-navigator .details .description p { display: none; } #home-solutions .solution-navigator .details .description.current { display: block; } } @media screen and (max-width: 668px) and (orientation: landscape) { #home-solutions .solution-navigator .wheel { display: inline-block; height: calc(100vh - 160px); width: calc(100vh - 160px); } #home-solutions .solution-navigator .wheel .images { height: calc(100vh - 160px); width: calc(100vh - 160px); } #home-solutions .solution-navigator .wheel .handle { transform-origin: calc((100vh - 190px) / -2) 25px; } } #home-news { background-color: #f8f8f8; padding: 75px 0 55px; } #home-news > * > h1 { font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 0 20px; text-align: center; } @media (max-width: 1023px) { #home-news { padding: 35px 0 0; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } .bg-dark { background-color: #231f20; } #generic-intro { box-sizing: border-box; min-height: 240px; padding: 75px 0 20px; background: #2890a1; background: -webkit-linear-gradient(left, #2890a1, #a71c46); background: -o-linear-gradient(right, #2890a1, #a71c46); background: -moz-linear-gradient(right, #2890a1, #a71c46); background: linear-gradient(to right, #2890a1, #a71c46); } #generic-intro h1 { color: #fff; display: block; font-size: 1.8rem; line-height: 2.66667rem; margin: 0 auto; max-width: 800px; text-align: center; } #generic-intro h1:after { content: ''; border-top: 1px solid #fff; display: block; margin: 10px auto; width: 40px; } #generic-intro h1.no-line { margin: 0 auto 40px; } #generic-intro h1.no-line:after { content: none; } #generic-intro p { color: #fff; font-size: 1.2rem; line-height: 1.866667rem; margin: 0 auto; max-width: 800px; text-align: center; } #generic-intro .buttons { font-size: 0; max-width: none; } #generic-intro .buttons .btn, #generic-intro .buttons header nav .service-status, header nav #generic-intro .buttons .service-status, #generic-intro .buttons header nav .my-shock-media, header nav #generic-intro .buttons .my-shock-media, #generic-intro .buttons header nav .toggle, header nav #generic-intro .buttons .toggle { margin: 0 10px 30px; } @media (max-width: 1023px) { #generic-intro { padding: 50px 0 20px; } #generic-intro h1, #generic-intro p { max-width: 80%; } } #generic-intro-wave { background: #2890a1; background: -webkit-linear-gradient(left, #2890a1, #a71c46); background: -o-linear-gradient(right, #2890a1, #a71c46); background: -moz-linear-gradient(right, #2890a1, #a71c46); background: linear-gradient(to right, #2890a1, #a71c46); } #generic-blocks { padding-bottom: 25px; } #generic-blocks .column { *zoom: 1; } #generic-blocks .column:before, #generic-blocks .column:after { display: table; content: ""; } #generic-blocks .column:after { clear: both; } #generic-blocks .column a.btn, #generic-blocks .column header nav a.service-status, header nav #generic-blocks .column a.service-status, #generic-blocks .column header nav a.my-shock-media, header nav #generic-blocks .column a.my-shock-media, #generic-blocks .column header nav a.toggle, header nav #generic-blocks .column a.toggle { float: right; margin-right: 100px; } @media (max-width: 1023px) { #generic-blocks .column { text-align: center; } #generic-blocks .column a.btn, #generic-blocks .column header nav a.service-status, header nav #generic-blocks .column a.service-status, #generic-blocks .column header nav a.my-shock-media, header nav #generic-blocks .column a.my-shock-media, #generic-blocks .column header nav a.toggle, header nav #generic-blocks .column a.toggle { float: none; margin-right: 0; } } #generic-contact { box-sizing: border-box; height: 250px; padding: 75px 0; background: #2890a1; background: -webkit-linear-gradient(left, #2890a1, #a71c46); background: -o-linear-gradient(right, #2890a1, #a71c46); background: -moz-linear-gradient(right, #2890a1, #a71c46); background: linear-gradient(to right, #2890a1, #a71c46); } #generic-contact h2 { color: #fff; font-size: 1.8rem; line-height: 2.66667rem; text-align: center; } #generic-contact p { font-size: 0; text-align: center; } #generic-contact .btn, #generic-contact header nav .service-status, header nav #generic-contact .service-status, #generic-contact header nav .my-shock-media, header nav #generic-contact .my-shock-media, #generic-contact header nav .toggle, header nav #generic-contact .toggle { margin: 0 10px; width: 190px; } @media (max-width: 668px) { #generic-contact { height: auto; padding: 40px 0; } #generic-contact .btn, #generic-contact header nav .service-status, header nav #generic-contact .service-status, #generic-contact header nav .my-shock-media, header nav #generic-contact .my-shock-media, #generic-contact header nav .toggle, header nav #generic-contact .toggle { margin-bottom: 20px; } } #generic-workat { padding: 75px 0; } @media (max-width: 1023px) { #generic-workat { padding: 40px 0; } } #generic-testimonials { background-color: #231f20; box-sizing: border-box; padding: 40px 0 0; } #generic-testimonials .single { height: 740px; } #generic-testimonials .tabs { -webkit-overflow-scrolling: touch; font-size: 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; max-width: 100%; } #generic-testimonials .tabs li { color: #a8a8a8; cursor: pointer; display: inline-block; font-size: 1.2rem; font-weight: 700; line-height: 1.866667rem; overflow: hidden; max-height: 3.733334rem; margin-right: 40px; padding: 30px 0; position: relative; vertical-align: top; white-space: normal; width: 175px; } #generic-testimonials .tabs li:before { background: #a8a8a8; content: ''; height: 1px; left: 0; position: absolute; top: 0; transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 40px; } #generic-testimonials .tabs li:last-of-type { margin-right: 0; } #generic-testimonials .tabs li:hover:before { background: #2890a1; transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } #generic-testimonials .tabs li.current { color: #fff; } #generic-testimonials .tabs li.current:before { background: #2890a1; height: 2px; transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 160px; } @media (max-width: 668px) { #generic-testimonials .tabs li { padding: 10px 0; } } #generic-testimonials .tabcontent { color: #fff; display: none; height: calc(100% - 60px - (2 * 1.866667rem)); padding-bottom: 40px; position: absolute; width: calc(100% - 30px); } #generic-testimonials .tabcontent.current { display: block; position: relative; } #generic-testimonials .tabcontent .column:nth-of-type(1), #generic-testimonials .tabcontent .column:nth-of-type(2) { padding-top: 160px; } #generic-testimonials .tabcontent .wrap { height: calc(100%); overflow: hidden; white-space: nowrap; } #generic-testimonials .tabcontent .wrap .normal { white-space: normal; } #generic-testimonials .tabcontent .wrap .page { display: inline-block; height: calc(100%); width: 100%; } #generic-testimonials .tabcontent .person { border-radius: 100%; display: block; margin: 0 auto; } #generic-testimonials .tabcontent .company { height: 160px; position: relative; } #generic-testimonials .tabcontent .company img { bottom: 40px; margin: 0; max-height: 120px; position: absolute; } @media (max-width: 668px) { #generic-testimonials .tabcontent .company img { bottom: 20px; } } #generic-testimonials .tabcontent h1, #generic-testimonials .tabcontent h2 { font-size: 1.2rem; font-weight: 700; line-height: 1.866667rem; margin: 0 0 20px; } #generic-testimonials .tabcontent h1:before, #generic-testimonials .tabcontent h2:before { background: #a8a8a8; content: ''; display: block; height: 1px; left: 0; margin: 0 0 40px; top: 0; width: 40px; } @media (max-width: 668px) { #generic-testimonials .tabcontent h1, #generic-testimonials .tabcontent h2 { margin: 0; } #generic-testimonials .tabcontent h1:before, #generic-testimonials .tabcontent h2:before { margin: 0 0 20px; } } #generic-testimonials .tabcontent h1 { font-size: 1.8rem; line-height: 2.66667rem; margin: 0; } #generic-testimonials .tabcontent .gray { color: #a8a8a8; font-size: 1.2rem; line-height: 1.866667rem; } #generic-testimonials .tabcontent .cwrap { max-height: 9.333335rem; max-width: 500px; margin: 20px 0 30px; overflow: hidden; position: relative; text-align: left; } #generic-testimonials .tabcontent .cwrap p { font-size: 1.2rem; font-weight: 700; line-height: 1.866667rem; margin: 0; } #generic-testimonials .tabcontent .cwrap p:before { content: '\201C'; } #generic-testimonials .tabcontent .cwrap p:after { content: '\201D'; } #generic-testimonials .tabcontent .cwrap:after { background: -moz-linear-gradient(left, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 1) 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 1) 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00231f20', endColorstr='#231f20', GradientType=1); /* IE6-9 */ bottom: 0; content: ''; height: 1.866667rem; position: absolute; right: 0; text-align: right; top: 7.466668rem; width: 100%; } #generic-testimonials .tabcontent .center { max-width: 500px; } #generic-testimonials .tabcontent a { pointer-events: all; } #generic-testimonials .tabcontent ul { font-size: 1.2rem; font-weight: 700; line-height: 1.866667rem; margin: 0 0 40px; } #generic-testimonials .tabcontent ul li { color: #fff; padding-left: 20px; position: relative; } #generic-testimonials .tabcontent ul li a { color: #fff; text-decoration: none; transition: color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } #generic-testimonials .tabcontent ul li a:hover { color: #a71c46; } #generic-testimonials .tabcontent ul li:before { background: #a71c46; content: ''; display: inline-block; height: 6px; left: 5px; position: absolute; top: calc(1.866667rem / 2 - 3px); transform: rotate(45deg); vertical-align: middle; width: 6px; } @media (max-width: 668px) { #generic-testimonials .tabcontent ul { font-weight: normal; } } #generic-testimonials .controls { font-size: 0; left: calc(25% - 5px); position: absolute; text-align: left; top: 110px; z-index: 10; } #generic-testimonials .controls .node { border: 1px solid #fff; border-radius: 100%; box-sizing: border-box; cursor: pointer; display: inline-block; height: 11px; margin: 0 10px; position: relative; transition: background 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 11px; } #generic-testimonials .controls .node.current { background-color: #fff; } #generic-testimonials .controls .node:before { content: ''; height: 29px; left: 0; margin: -10px; position: absolute; top: 0; width: 29px; } #generic-testimonials .controls .node:after { background: #fff; content: ''; height: 1px; left: 10px; pointer-events: none; position: absolute; top: 4px; width: 20px; } #generic-testimonials .controls .node:hover { background-color: #2890a1; transition: background 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } #generic-testimonials .controls .node:last-child:after { content: none; } @media (max-width: 1023px) { #generic-testimonials .controls { left: -10px; } } @media (max-width: 668px) { #generic-testimonials .controls { margin: 20px 0; position: static; } } #generic-testimonials h1 { color: #fff; margin: 0; } #generic-testimonials.single { height: 600px; } #generic-testimonials.single .tabcontent { height: calc(100% - (2 * 1.866667rem)); } @media (max-width: 668px) { #generic-testimonials .single { height: 620px; } } #generic-testimonials-wave { background-color: #231f20; } #generic-gallery { background-color: #f8f8f8; padding: 75px 0; } #generic-gallery h1 { font-size: 1.8rem; line-height: 2.66667rem; margin: 0 0 40px; text-align: center; } @media (max-width: 1023px) { #generic-gallery { padding: 50px 0; } #generic-gallery h1 { margin: 0 0 20px; } } @media (max-width: 668px) { #generic-gallery .columns .column.m_half { margin-bottom: 10px; margin-left: 5px; margin-right: 5px; width: calc(50% - 10px); } } #generic-facts { background: #a71c46; background: -webkit-linear-gradient(left, #a71c46, #2890a1); background: -o-linear-gradient(right, #a71c46, #2890a1); background: -moz-linear-gradient(right, #a71c46, #2890a1); background: linear-gradient(to right, #a71c46, #2890a1); box-sizing: border-box; height: 220px; padding: 40px 0 0; } #generic-facts h1, #generic-facts h2 { color: #fff; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0; text-align: center; } #generic-facts h1 { margin: 0 0 20px; } #generic-facts p { color: #fff; font-size: 1.2rem; font-weight: 700; line-height: 1.866667rem; margin: 0; text-align: center; } @media (max-width: 1023px) { #generic-facts { /* height: 170px; */ padding: 25px 0 0; } #generic-facts h1 { margin: 0; } #generic-facts .fact { margin-top: 10px; } } #generic-challenge { background: #2890a1; background: -webkit-linear-gradient(left, #2890a1, #a71c46); background: -o-linear-gradient(right, #2890a1, #a71c46); background: -moz-linear-gradient(right, #2890a1, #a71c46); background: linear-gradient(to right, #2890a1, #a71c46); text-align: center; } #generic-challenge .top { font-size: 0; padding: 200px 0; } #generic-challenge .top h1 { color: #fff; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 0 50px; } #generic-challenge .top a { margin: 0 10px 20px; } #generic-challenge.small .top { padding: 50px 0; } #generic-challenge .bottom { background: #2890a1; box-sizing: border-box; overflow: hidden; position: relative; max-height: 0px; transition: max-height 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } #generic-challenge .bottom .limiter { padding-bottom: 150px; padding-top: 150px; } #generic-challenge .bottom.open { max-height: 800px; } #generic-challenge .bottom .close { margin: 0 10px; position: absolute; right: 0; top: 40px; } #generic-challenge .bottom .close:before, #generic-challenge .bottom .close:after { background: #fff; content: ''; height: 2px; left: 50%; position: absolute; top: 50%; width: 20px; } #generic-challenge .bottom .close:before { transform: translate(-50%, -50%) rotate(45deg); } #generic-challenge .bottom .close:after { transform: translate(-50%, -50%) rotate(-45deg); } #generic-challenge .bottom h1 { color: #fff; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 0 50px; } #generic-challenge .bottom form { margin: 0 auto; max-width: 80%; } #generic-challenge .bottom form input[type="text"], #generic-challenge .bottom form textarea { text-align: center; } #generic-challenge .bottom form [name=topic], #generic-challenge .bottom form [name=contact_at] { width: 50%; } @media (max-width: 1100px) { #generic-challenge .bottom form [name=topic], #generic-challenge .bottom form [name=contact_at] { width: 60%; } } #generic-challenge .bottom form [name=company_name], #generic-challenge .bottom form [name=contact_name] { width: 25%; } @media (max-width: 668px) { #generic-challenge .bottom form input[type="text"], #generic-challenge .bottom form textarea { margin: 0; width: 100%; } } @media (max-width: 1100px) { #generic-challenge .top { padding: 50px 0; } #generic-challenge .bottom .limiter { padding-bottom: 40px; padding-top: 40px; } #generic-challenge .bottom .close { right: 30px; } #generic-challenge .top h1, #generic-challenge .bottom h1 { margin: 0 0 30px; } } @media (max-width: 1023px) { #generic-challenge .bottom form { max-width: none; } } @media (max-width: 668px) { #generic-challenge .bottom .close { right: 10px; top: 0px; } #generic-challenge .bottom form #topic, #generic-challenge .bottom form #contact_at, #generic-challenge .bottom form #company_name, #generic-challenge .bottom form #contact_person { margin: 0; width: 100%; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } #news_index { background: #2890a1; background: -webkit-linear-gradient(left, #2890a1, #a71c46); background: -o-linear-gradient(right, #2890a1, #a71c46); background: -moz-linear-gradient(right, #2890a1, #a71c46); background: linear-gradient(to right, #2890a1, #a71c46); padding-top: 20px; } #news_index .limiter { padding: 0; } #news_detail-top { background-color: #f0f0f0; padding: 20px 0; } #news_detail-top figure { position: relative; } #news_detail-top figure.header { margin: 0 0 40px; } #news_detail-top figure.header figcaption { background: transparent; background: -webkit-linear-gradient(transparent, #161314); background: -o-linear-gradient(transparent, #161314); background: -moz-linear-gradient(transparent, #161314); background: linear-gradient(transparent, #161314); height: 100%; position: absolute; top: 0; width: 100%; } #news_detail-top figure.header figcaption h1 { bottom: 0; color: #fff; font-size: 1.8rem; left: 100px; line-height: 2.66667rem; margin: 0 0 20px; max-width: 800px; position: absolute; } #news_detail-top figure.header figcaption time { background: #2890a1; bottom: 0; box-sizing: border-box; color: #fff; height: 95px; padding: 10px 0; position: absolute; right: 0; width: 60px; } #news_detail-top figure.header figcaption time .day, #news_detail-top figure.header figcaption time .month, #news_detail-top figure.header figcaption time .year { display: block; font-weight: 700; text-align: center; } #news_detail-top figure.header figcaption time .day { font-size: 1.8rem; line-height: 25px; } #news_detail-top figure.header figcaption time .month { font-size: 1.2rem; line-height: 30px; text-transform: uppercase; } #news_detail-top figure.header figcaption time .year { font-size: 1rem; line-height: 20px; } @media (max-width: 1023px) { #news_detail-top { padding: 0; } #news_detail-top figure.header { margin: 0 -15px 20px; } #news_detail-top figure.header img { width: 100%; } #news_detail-top figure.header figcaption h1 { left: 15px; max-width: calc(100vw - 100px); } } @media (max-width: 668px) { #news_detail-top figure.header { margin: 0 -10px 20px; } #news_detail-top figure.header img { height: auto; max-width: none; } } #news_detail-wave1 { background-color: #f0f0f0; } #news_detail-wave2 { background: #2890a1; background: -webkit-linear-gradient(left, #2890a1, #a71c46); background: -o-linear-gradient(right, #2890a1, #a71c46); background: -moz-linear-gradient(right, #2890a1, #a71c46); background: linear-gradient(to right, #2890a1, #a71c46); } #news_detail-bottom { background-color: #fff; padding: 0 0 20px; } #news_detail-more { background: #f8f8f8; padding: 50px 0 75px; } #news_detail-more h2 { font-size: 1.8rem; line-height: 1.866667rem; margin: 0 0 40px; text-align: center; } @media (max-width: 668px) { #news_detail-more { padding: 20px 0 0; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } #testimonials_index-brands { padding: 50px 0; } #testimonials_index-brands h1, #testimonials_index-brands h2 { color: #fff; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0; text-align: center; } #testimonials_index-brands h1 { margin: 0 0 20px; } #testimonials_index-brands .column { margin-bottom: 20px; position: relative; } @media (max-width: 1023px) { #testimonials_index-brands .column { margin-bottom: 0; } } #testimonials_index-brands .column img { margin: 0; position: absolute; top: 50%; transform: translateY(-50%); max-width: 150px; } @media (max-width: 1023px) { #testimonials_index-brands .column img { max-width: 100%; margin-bottom: 0; } } #testimonials_detail-intro { background-color: #231f20; box-sizing: border-box; min-height: 240px; padding: 75px 0 20px; } #testimonials_detail-intro h1 { color: #fff; display: block; font-size: 1.8rem; line-height: 2.66667rem; margin: 0 0 0 100px; max-width: 600px; text-align: left; } #testimonials_detail-intro h1:after { content: ''; border-top: 1px solid #fff; display: block; margin: 10px 0; width: 40px; } #testimonials_detail-intro p { color: #fff; font-size: 1.2rem; line-height: 1.866667rem; margin-left: 100px; max-width: 600px; } #testimonials_detail-intro img { margin-left: 100px; max-width: calc(100% - 100px); } @media (max-width: 1023px) { #testimonials_detail-intro { padding: 20px 0 0; } #testimonials_detail-intro img { margin: 0 auto; max-width: none; width: auto; } #testimonials_detail-intro h1 { margin: 0; } #testimonials_detail-intro p { margin: 0 0 10px; } #testimonials_detail-intro p.contact { text-align: center; } #testimonials_detail-intro p.contact a { margin-top: 20px; } } @media (max-width: 668px) { #testimonials_detail-intro { padding: 40px 0 20px; } #testimonials_detail-intro h1, #testimonials_detail-intro p { margin: 0; padding: 0 10px; text-align: center; } #testimonials_detail-intro h1:after, #testimonials_detail-intro p:after { margin: 10px auto; } #testimonials_detail-intro img { display: block; margin: 0 auto 20px; } } #testimonials_detail-wave { background-color: #231f20; } #testimonials_detail-solutions h1 { font-size: 1.8rem; line-height: 2.66667rem; margin: 50px 100px 0; text-align: center; } @media (max-width: 668px) { #testimonials_detail-solutions h1 { margin: 25px 0 0; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2 { font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 20px; font-weight: bold; } #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p { font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 20px; text-align: justify; } #solutions_detail-bottom .column .tabcontent > ol, #vacancies_detail-content .column > ol, #compare-main .column > ol, #news_detail-top .column > ol, #news_detail-bottom .column > ol, #generic-blocks .column > ol, #solutions_detail-bottom .column .tabcontent > ul, #vacancies_detail-content .column > ul, #compare-main .column > ul, #news_detail-top .column > ul, #news_detail-bottom .column > ul, #generic-blocks .column > ul { font-size: 1.2rem; line-height: 1.866667rem; list-style-type: disc; margin: 0 0 20px; padding: 0 0 0 1em; } #solutions_detail-bottom .column .tabcontent > ol li, #vacancies_detail-content .column > ol li, #compare-main .column > ol li, #news_detail-top .column > ol li, #news_detail-bottom .column > ol li, #generic-blocks .column > ol li, #solutions_detail-bottom .column .tabcontent > ul li, #vacancies_detail-content .column > ul li, #compare-main .column > ul li, #news_detail-top .column > ul li, #news_detail-bottom .column > ul li, #generic-blocks .column > ul li { box-sizing: border-box; padding-left: 0.5em; } #solutions_detail-bottom .column .tabcontent > ol, #vacancies_detail-content .column > ol, #compare-main .column > ol, #news_detail-top .column > ol, #news_detail-bottom .column > ol, #generic-blocks .column > ol { list-style-type: decimal; } #solutions_detail-bottom .column .tabcontent > p > a, #vacancies_detail-content .column > p > a, #compare-main .column > p > a, #news_detail-top .column > p > a, #news_detail-bottom .column > p > a, #generic-blocks .column > p > a, #solutions_detail-bottom .column .tabcontent > ul > a, #vacancies_detail-content .column > ul > a, #compare-main .column > ul > a, #news_detail-top .column > ul > a, #news_detail-bottom .column > ul > a, #generic-blocks .column > ul > a, #solutions_detail-bottom .column .tabcontent > ol > a, #vacancies_detail-content .column > ol > a, #compare-main .column > ol > a, #news_detail-top .column > ol > a, #news_detail-bottom .column > ol > a, #generic-blocks .column > ol > a, #solutions_detail-bottom .column .tabcontent > ul > li > a, #vacancies_detail-content .column > ul > li > a, #compare-main .column > ul > li > a, #news_detail-top .column > ul > li > a, #news_detail-bottom .column > ul > li > a, #generic-blocks .column > ul > li > a, #solutions_detail-bottom .column .tabcontent > ol > li > a, #vacancies_detail-content .column > ol > li > a, #compare-main .column > ol > li > a, #news_detail-top .column > ol > li > a, #news_detail-bottom .column > ol > li > a, #generic-blocks .column > ol > li > a { color: #2890a1; } #solutions_detail-bottom .column .tabcontent > p > a:active, #vacancies_detail-content .column > p > a:active, #compare-main .column > p > a:active, #news_detail-top .column > p > a:active, #news_detail-bottom .column > p > a:active, #generic-blocks .column > p > a:active, #solutions_detail-bottom .column .tabcontent > ul > a:active, #vacancies_detail-content .column > ul > a:active, #compare-main .column > ul > a:active, #news_detail-top .column > ul > a:active, #news_detail-bottom .column > ul > a:active, #generic-blocks .column > ul > a:active, #solutions_detail-bottom .column .tabcontent > ol > a:active, #vacancies_detail-content .column > ol > a:active, #compare-main .column > ol > a:active, #news_detail-top .column > ol > a:active, #news_detail-bottom .column > ol > a:active, #generic-blocks .column > ol > a:active, #solutions_detail-bottom .column .tabcontent > ul > li > a:active, #vacancies_detail-content .column > ul > li > a:active, #compare-main .column > ul > li > a:active, #news_detail-top .column > ul > li > a:active, #news_detail-bottom .column > ul > li > a:active, #generic-blocks .column > ul > li > a:active, #solutions_detail-bottom .column .tabcontent > ol > li > a:active, #vacancies_detail-content .column > ol > li > a:active, #compare-main .column > ol > li > a:active, #news_detail-top .column > ol > li > a:active, #news_detail-bottom .column > ol > li > a:active, #generic-blocks .column > ol > li > a:active, #solutions_detail-bottom .column .tabcontent > p > a:visited, #vacancies_detail-content .column > p > a:visited, #compare-main .column > p > a:visited, #news_detail-top .column > p > a:visited, #news_detail-bottom .column > p > a:visited, #generic-blocks .column > p > a:visited, #solutions_detail-bottom .column .tabcontent > ul > a:visited, #vacancies_detail-content .column > ul > a:visited, #compare-main .column > ul > a:visited, #news_detail-top .column > ul > a:visited, #news_detail-bottom .column > ul > a:visited, #generic-blocks .column > ul > a:visited, #solutions_detail-bottom .column .tabcontent > ol > a:visited, #vacancies_detail-content .column > ol > a:visited, #compare-main .column > ol > a:visited, #news_detail-top .column > ol > a:visited, #news_detail-bottom .column > ol > a:visited, #generic-blocks .column > ol > a:visited, #solutions_detail-bottom .column .tabcontent > ul > li > a:visited, #vacancies_detail-content .column > ul > li > a:visited, #compare-main .column > ul > li > a:visited, #news_detail-top .column > ul > li > a:visited, #news_detail-bottom .column > ul > li > a:visited, #generic-blocks .column > ul > li > a:visited, #solutions_detail-bottom .column .tabcontent > ol > li > a:visited, #vacancies_detail-content .column > ol > li > a:visited, #compare-main .column > ol > li > a:visited, #news_detail-top .column > ol > li > a:visited, #news_detail-bottom .column > ol > li > a:visited, #generic-blocks .column > ol > li > a:visited { color: #2890a1; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { color: #2890a1; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 auto 20px; text-align: center; } #solutions_detail-bottom .column .tabcontent > blockquote:before, #vacancies_detail-content .column > blockquote:before, #compare-main .column > blockquote:before, #news_detail-top .column > blockquote:before, #news_detail-bottom .column > blockquote:before, #generic-blocks .column > blockquote:before { content: '\201C'; } #solutions_detail-bottom .column .tabcontent > blockquote:after, #vacancies_detail-content .column > blockquote:after, #compare-main .column > blockquote:after, #news_detail-top .column > blockquote:after, #news_detail-bottom .column > blockquote:after, #generic-blocks .column > blockquote:after { content: '\201D'; } #solutions_detail-bottom .column .tabcontent > img, #vacancies_detail-content .column > img, #compare-main .column > img, #news_detail-top .column > img, #news_detail-bottom .column > img, #generic-blocks .column > img { margin: 0 0 20px; } #solutions_detail-bottom .column .tabcontent > .ytplayer, #vacancies_detail-content .column > .ytplayer, #compare-main .column > .ytplayer, #news_detail-top .column > .ytplayer, #news_detail-bottom .column > .ytplayer, #generic-blocks .column > .ytplayer, #solutions_detail-bottom .column .tabcontent > .vimeoplayer, #vacancies_detail-content .column > .vimeoplayer, #compare-main .column > .vimeoplayer, #news_detail-top .column > .vimeoplayer, #news_detail-bottom .column > .vimeoplayer, #generic-blocks .column > .vimeoplayer { margin: 0 0 20px; width: 100% !important; max-width: 800px; } #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { float: left; margin: 20px 0 0; } #solutions_detail-bottom .column .tabcontent a.btn-news:before, #vacancies_detail-content .column a.btn-news:before, #compare-main .column a.btn-news:before, #news_detail-top .column a.btn-news:before, #news_detail-bottom .column a.btn-news:before, #generic-blocks .column a.btn-news:before { left: unset; right: 20px; transform: translateY(-50%) translateX(-8px) rotate(-135deg); } @media (max-width: 1270px) { #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2, #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p, #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { margin: 0 50px 20px; max-width: none; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { text-align: center; margin: 0 auto 20px; max-width: 80%; } #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { margin: 20px 0 0 50px; } } @media (max-width: 1023px) { #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2, #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p, #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { margin: 0 0 20px; max-width: none; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { margin: 0 auto 20px; max-width: 80%; } #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { margin: 20px 0 0 0; } #solutions_detail-bottom .column .tabcontent > img, #vacancies_detail-content .column > img, #compare-main .column > img, #news_detail-top .column > img, #news_detail-bottom .column > img, #generic-blocks .column > img, #solutions_detail-bottom .column .tabcontent > .ytplayer, #vacancies_detail-content .column > .ytplayer, #compare-main .column > .ytplayer, #news_detail-top .column > .ytplayer, #news_detail-bottom .column > .ytplayer, #generic-blocks .column > .ytplayer, #solutions_detail-bottom .column .tabcontent > .vimeoplayer, #vacancies_detail-content .column > .vimeoplayer, #compare-main .column > .vimeoplayer, #news_detail-top .column > .vimeoplayer, #news_detail-bottom .column > .vimeoplayer, #generic-blocks .column > .vimeoplayer { margin-left: -15px; margin-right: -15px; max-width: none; width: calc(100% + 30px) !important; } } @media (max-width: 768px) { #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { float: none; position: relative; margin: 0 auto; display: block; text-align: center; width: 260px; } } @media (max-width: 668px) { #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2, #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p, #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { text-align: left; } #solutions_detail-bottom .column .tabcontent > img, #vacancies_detail-content .column > img, #compare-main .column > img, #news_detail-top .column > img, #news_detail-bottom .column > img, #generic-blocks .column > img, #solutions_detail-bottom .column .tabcontent > .ytplayer, #vacancies_detail-content .column > .ytplayer, #compare-main .column > .ytplayer, #news_detail-top .column > .ytplayer, #news_detail-bottom .column > .ytplayer, #generic-blocks .column > .ytplayer, #solutions_detail-bottom .column .tabcontent > .vimeoplayer, #vacancies_detail-content .column > .vimeoplayer, #compare-main .column > .vimeoplayer, #news_detail-top .column > .vimeoplayer, #news_detail-bottom .column > .vimeoplayer, #generic-blocks .column > .vimeoplayer { margin-left: -10px; margin-right: -10px; max-width: none; width: calc(100% + 20px) !important; } } #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #solutions_detail-bottom .column .tabcontent > ul, #vacancies_detail-content .column > ul, #compare-main .column > ul { max-width: 600px; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote { max-width: 500px; } #news_detail-top .column > p, #news_detail-bottom .column > p, #news_detail-top .column > ul, #news_detail-bottom .column > ul { max-width: 800px; } #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote { max-width: 500px; } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } #solutions_index-solutions h1 { font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 auto 30px; max-width: 600px; text-align: center; } #solutions_index-products { background: #2890a1; background: -webkit-linear-gradient(#2890a1, #a71c46); background: -o-linear-gradient(#2890a1, #a71c46); background: -moz-linear-gradient(#2890a1, #a71c46); background: linear-gradient(#2890a1, #a71c46); padding: 75px 0; } #solutions_index-products h1 { color: #fff; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 auto 75px; max-width: 600px; text-align: center; } @media (max-width: 1023px) { #solutions_index-products { padding: 50px 0; } #solutions_index-products h1 { margin: 0 auto 50px; } } @media (max-width: 668px) { #solutions_index-products .columns { -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } #solutions_index-products .columns article { width: 260px; } #solutions_index-products .columns * { white-space: normal; } #solutions_index-products .columns .btn, #solutions_index-products .columns header nav .service-status, header nav #solutions_index-products .columns .service-status, #solutions_index-products .columns header nav .my-shock-media, header nav #solutions_index-products .columns .my-shock-media, #solutions_index-products .columns header nav .toggle, header nav #solutions_index-products .columns .toggle { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } } @media (max-width: 668px) { #solutions_index-products .columns article { height: 310px; } #solutions_index-products .columns article figcaption { height: 110px; } #solutions_index-products .columns p { display: none; } } #solutions_detail-top { background-color: #f8f8f8; padding: 75px 0 0; } #solutions_detail-top img { margin: 0 0 0 100px; width: calc(100% - 100px); } #solutions_detail-top h1 { font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 0 0 100px; max-width: 600px; } #solutions_detail-top h1:after { content: ''; border-top: 1px solid #161314; display: block; margin: 10px 0; width: 40px; } #solutions_detail-top p { font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 10px 100px; max-width: 600px; text-align: justify; } #solutions_detail-top p.contact { font-size: 0; text-align: right; } #solutions_detail-top p.contact a { margin: 30px 0 0 20px; } @media (max-width: 1023px) { #solutions_detail-top { padding: 20px 0 0; } #solutions_detail-top img { margin: 0 auto; width: auto; } #solutions_detail-top h1 { margin: 0; } #solutions_detail-top p { margin: 0 0 10px; } #solutions_detail-top p.contact { text-align: center; } #solutions_detail-top p.contact a { margin-top: 20px; } } @media (max-width: 668px) { #solutions_detail-top { padding: 20px 0 0; } #solutions_detail-top img { display: block; margin: 0 auto; } #solutions_detail-top h1 { margin: 0; text-align: center; } #solutions_detail-top h1:after { margin: 10px auto; } #solutions_detail-top p { margin: 0 0 10px; text-align: center; } #solutions_detail-top p.contact { padding: 0 10%; text-align: center; } #solutions_detail-top p.contact a { margin-top: 20px; } } #solutions_detail-wave { background-color: #f8f8f8; } #solutions_detail-bottom { padding: 0 0 75px; } #solutions_detail-bottom .tab { background: #2890a1; background: -webkit-linear-gradient(left, #2890a1, #a71c46); background: -o-linear-gradient(right, #2890a1, #a71c46); background: -moz-linear-gradient(right, #2890a1, #a71c46); background: linear-gradient(to right, #2890a1, #a71c46); /*background: $cWhite;*/ color: #fff; cursor: pointer; font-size: 1.2rem; font-weight: 700; line-height: 40px; margin: 0 -10px; padding: 0 10px; position: relative; } #solutions_detail-bottom .tab:before, #solutions_detail-bottom .tab:after { content: ''; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } #solutions_detail-bottom .tab:before { height: 2px; margin: 0 -10px; right: 20px; width: 20px; } #solutions_detail-bottom .tab:after { height: 20px; margin: 0 -1px; opacity: 1; right: 20px; width: 2px; } #solutions_detail-bottom .tab.current { background: #fff; color: #161314; } #solutions_detail-bottom .tab.current:before, #solutions_detail-bottom .tab.current:after { background-color: #161314; } #solutions_detail-bottom .tab.current:after { opacity: 0; } #solutions_detail-bottom .tabs { background: #2890a1; background: -webkit-linear-gradient(left, #2890a1, #a71c46); background: -o-linear-gradient(right, #2890a1, #a71c46); background: -moz-linear-gradient(right, #2890a1, #a71c46); background: linear-gradient(to right, #2890a1, #a71c46); background-size: 100vw 200px; border-radius: 20px; margin: 0 0 0 100px; padding: 40px 0 40px 20px; } #solutions_detail-bottom .tabs li { border-radius: 10px 0 0 10px; color: #fff; cursor: pointer; font-size: 1.2rem; font-weight: 700; line-height: 1.866667rem; padding: 10px 20px; transition: color 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955), background 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } #solutions_detail-bottom .tabs li:hover { background: rgba(255, 255, 255, 0.1); color: #161314; transition: color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), background 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } #solutions_detail-bottom .tabs li.current { background: #fff; color: #161314; transition: color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), background 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media (max-width: 1023px) { #solutions_detail-bottom .tabs { margin: 0; } } #solutions_detail-bottom .column .tabcontent { *zoom: 1; display: none; } #solutions_detail-bottom .column .tabcontent:before, #solutions_detail-bottom .column .tabcontent:after { display: table; content: ""; } #solutions_detail-bottom .column .tabcontent:after { clear: both; } #solutions_detail-bottom .column .tabcontent.current { display: block; } #solutions_detail-bottom .column .tabcontent a.btn, #solutions_detail-bottom .column .tabcontent header nav a.service-status, header nav #solutions_detail-bottom .column .tabcontent a.service-status, #solutions_detail-bottom .column .tabcontent header nav a.my-shock-media, header nav #solutions_detail-bottom .column .tabcontent a.my-shock-media, #solutions_detail-bottom .column .tabcontent header nav a.toggle, header nav #solutions_detail-bottom .column .tabcontent a.toggle { float: right; margin-right: 100px; } @media (max-width: 1023px) { #solutions_detail-bottom .column .tabcontent a.btn, #solutions_detail-bottom .column .tabcontent header nav a.service-status, header nav #solutions_detail-bottom .column .tabcontent a.service-status, #solutions_detail-bottom .column .tabcontent header nav a.my-shock-media, header nav #solutions_detail-bottom .column .tabcontent a.my-shock-media, #solutions_detail-bottom .column .tabcontent header nav a.toggle, header nav #solutions_detail-bottom .column .tabcontent a.toggle { float: none; margin-right: 0; } } @media (max-width: 668px) { #solutions_detail-bottom { background: #f8f8f8; padding: 0; } #solutions_detail-bottom .column .tabcontent { padding: 10px 0 40px; text-align: center; } #solutions_detail-bottom .column .tabcontent a.btn, #solutions_detail-bottom .column .tabcontent header nav a.service-status, header nav #solutions_detail-bottom .column .tabcontent a.service-status, #solutions_detail-bottom .column .tabcontent header nav a.my-shock-media, header nav #solutions_detail-bottom .column .tabcontent a.my-shock-media, #solutions_detail-bottom .column .tabcontent header nav a.toggle, header nav #solutions_detail-bottom .column .tabcontent a.toggle { float: none; margin-right: 0; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2 { font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 20px; font-weight: bold; } #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p { font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 20px; text-align: justify; } #solutions_detail-bottom .column .tabcontent > ol, #vacancies_detail-content .column > ol, #compare-main .column > ol, #news_detail-top .column > ol, #news_detail-bottom .column > ol, #generic-blocks .column > ol, #solutions_detail-bottom .column .tabcontent > ul, #vacancies_detail-content .column > ul, #compare-main .column > ul, #news_detail-top .column > ul, #news_detail-bottom .column > ul, #generic-blocks .column > ul { font-size: 1.2rem; line-height: 1.866667rem; list-style-type: disc; margin: 0 0 20px; padding: 0 0 0 1em; } #solutions_detail-bottom .column .tabcontent > ol li, #vacancies_detail-content .column > ol li, #compare-main .column > ol li, #news_detail-top .column > ol li, #news_detail-bottom .column > ol li, #generic-blocks .column > ol li, #solutions_detail-bottom .column .tabcontent > ul li, #vacancies_detail-content .column > ul li, #compare-main .column > ul li, #news_detail-top .column > ul li, #news_detail-bottom .column > ul li, #generic-blocks .column > ul li { box-sizing: border-box; padding-left: 0.5em; } #solutions_detail-bottom .column .tabcontent > ol, #vacancies_detail-content .column > ol, #compare-main .column > ol, #news_detail-top .column > ol, #news_detail-bottom .column > ol, #generic-blocks .column > ol { list-style-type: decimal; } #solutions_detail-bottom .column .tabcontent > p > a, #vacancies_detail-content .column > p > a, #compare-main .column > p > a, #news_detail-top .column > p > a, #news_detail-bottom .column > p > a, #generic-blocks .column > p > a, #solutions_detail-bottom .column .tabcontent > ul > a, #vacancies_detail-content .column > ul > a, #compare-main .column > ul > a, #news_detail-top .column > ul > a, #news_detail-bottom .column > ul > a, #generic-blocks .column > ul > a, #solutions_detail-bottom .column .tabcontent > ol > a, #vacancies_detail-content .column > ol > a, #compare-main .column > ol > a, #news_detail-top .column > ol > a, #news_detail-bottom .column > ol > a, #generic-blocks .column > ol > a, #solutions_detail-bottom .column .tabcontent > ul > li > a, #vacancies_detail-content .column > ul > li > a, #compare-main .column > ul > li > a, #news_detail-top .column > ul > li > a, #news_detail-bottom .column > ul > li > a, #generic-blocks .column > ul > li > a, #solutions_detail-bottom .column .tabcontent > ol > li > a, #vacancies_detail-content .column > ol > li > a, #compare-main .column > ol > li > a, #news_detail-top .column > ol > li > a, #news_detail-bottom .column > ol > li > a, #generic-blocks .column > ol > li > a { color: #2890a1; } #solutions_detail-bottom .column .tabcontent > p > a:active, #vacancies_detail-content .column > p > a:active, #compare-main .column > p > a:active, #news_detail-top .column > p > a:active, #news_detail-bottom .column > p > a:active, #generic-blocks .column > p > a:active, #solutions_detail-bottom .column .tabcontent > ul > a:active, #vacancies_detail-content .column > ul > a:active, #compare-main .column > ul > a:active, #news_detail-top .column > ul > a:active, #news_detail-bottom .column > ul > a:active, #generic-blocks .column > ul > a:active, #solutions_detail-bottom .column .tabcontent > ol > a:active, #vacancies_detail-content .column > ol > a:active, #compare-main .column > ol > a:active, #news_detail-top .column > ol > a:active, #news_detail-bottom .column > ol > a:active, #generic-blocks .column > ol > a:active, #solutions_detail-bottom .column .tabcontent > ul > li > a:active, #vacancies_detail-content .column > ul > li > a:active, #compare-main .column > ul > li > a:active, #news_detail-top .column > ul > li > a:active, #news_detail-bottom .column > ul > li > a:active, #generic-blocks .column > ul > li > a:active, #solutions_detail-bottom .column .tabcontent > ol > li > a:active, #vacancies_detail-content .column > ol > li > a:active, #compare-main .column > ol > li > a:active, #news_detail-top .column > ol > li > a:active, #news_detail-bottom .column > ol > li > a:active, #generic-blocks .column > ol > li > a:active, #solutions_detail-bottom .column .tabcontent > p > a:visited, #vacancies_detail-content .column > p > a:visited, #compare-main .column > p > a:visited, #news_detail-top .column > p > a:visited, #news_detail-bottom .column > p > a:visited, #generic-blocks .column > p > a:visited, #solutions_detail-bottom .column .tabcontent > ul > a:visited, #vacancies_detail-content .column > ul > a:visited, #compare-main .column > ul > a:visited, #news_detail-top .column > ul > a:visited, #news_detail-bottom .column > ul > a:visited, #generic-blocks .column > ul > a:visited, #solutions_detail-bottom .column .tabcontent > ol > a:visited, #vacancies_detail-content .column > ol > a:visited, #compare-main .column > ol > a:visited, #news_detail-top .column > ol > a:visited, #news_detail-bottom .column > ol > a:visited, #generic-blocks .column > ol > a:visited, #solutions_detail-bottom .column .tabcontent > ul > li > a:visited, #vacancies_detail-content .column > ul > li > a:visited, #compare-main .column > ul > li > a:visited, #news_detail-top .column > ul > li > a:visited, #news_detail-bottom .column > ul > li > a:visited, #generic-blocks .column > ul > li > a:visited, #solutions_detail-bottom .column .tabcontent > ol > li > a:visited, #vacancies_detail-content .column > ol > li > a:visited, #compare-main .column > ol > li > a:visited, #news_detail-top .column > ol > li > a:visited, #news_detail-bottom .column > ol > li > a:visited, #generic-blocks .column > ol > li > a:visited { color: #2890a1; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { color: #2890a1; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 auto 20px; text-align: center; } #solutions_detail-bottom .column .tabcontent > blockquote:before, #vacancies_detail-content .column > blockquote:before, #compare-main .column > blockquote:before, #news_detail-top .column > blockquote:before, #news_detail-bottom .column > blockquote:before, #generic-blocks .column > blockquote:before { content: '\201C'; } #solutions_detail-bottom .column .tabcontent > blockquote:after, #vacancies_detail-content .column > blockquote:after, #compare-main .column > blockquote:after, #news_detail-top .column > blockquote:after, #news_detail-bottom .column > blockquote:after, #generic-blocks .column > blockquote:after { content: '\201D'; } #solutions_detail-bottom .column .tabcontent > img, #vacancies_detail-content .column > img, #compare-main .column > img, #news_detail-top .column > img, #news_detail-bottom .column > img, #generic-blocks .column > img { margin: 0 0 20px; } #solutions_detail-bottom .column .tabcontent > .ytplayer, #vacancies_detail-content .column > .ytplayer, #compare-main .column > .ytplayer, #news_detail-top .column > .ytplayer, #news_detail-bottom .column > .ytplayer, #generic-blocks .column > .ytplayer, #solutions_detail-bottom .column .tabcontent > .vimeoplayer, #vacancies_detail-content .column > .vimeoplayer, #compare-main .column > .vimeoplayer, #news_detail-top .column > .vimeoplayer, #news_detail-bottom .column > .vimeoplayer, #generic-blocks .column > .vimeoplayer { margin: 0 0 20px; width: 100% !important; max-width: 800px; } #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { float: left; margin: 20px 0 0; } #solutions_detail-bottom .column .tabcontent a.btn-news:before, #vacancies_detail-content .column a.btn-news:before, #compare-main .column a.btn-news:before, #news_detail-top .column a.btn-news:before, #news_detail-bottom .column a.btn-news:before, #generic-blocks .column a.btn-news:before { left: unset; right: 20px; transform: translateY(-50%) translateX(-8px) rotate(-135deg); } @media (max-width: 1270px) { #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2, #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p, #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { margin: 0 50px 20px; max-width: none; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { text-align: center; margin: 0 auto 20px; max-width: 80%; } #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { margin: 20px 0 0 50px; } } @media (max-width: 1023px) { #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2, #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p, #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { margin: 0 0 20px; max-width: none; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { margin: 0 auto 20px; max-width: 80%; } #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { margin: 20px 0 0 0; } #solutions_detail-bottom .column .tabcontent > img, #vacancies_detail-content .column > img, #compare-main .column > img, #news_detail-top .column > img, #news_detail-bottom .column > img, #generic-blocks .column > img, #solutions_detail-bottom .column .tabcontent > .ytplayer, #vacancies_detail-content .column > .ytplayer, #compare-main .column > .ytplayer, #news_detail-top .column > .ytplayer, #news_detail-bottom .column > .ytplayer, #generic-blocks .column > .ytplayer, #solutions_detail-bottom .column .tabcontent > .vimeoplayer, #vacancies_detail-content .column > .vimeoplayer, #compare-main .column > .vimeoplayer, #news_detail-top .column > .vimeoplayer, #news_detail-bottom .column > .vimeoplayer, #generic-blocks .column > .vimeoplayer { margin-left: -15px; margin-right: -15px; max-width: none; width: calc(100% + 30px) !important; } } @media (max-width: 768px) { #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { float: none; position: relative; margin: 0 auto; display: block; text-align: center; width: 260px; } } @media (max-width: 668px) { #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2, #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p, #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { text-align: left; } #solutions_detail-bottom .column .tabcontent > img, #vacancies_detail-content .column > img, #compare-main .column > img, #news_detail-top .column > img, #news_detail-bottom .column > img, #generic-blocks .column > img, #solutions_detail-bottom .column .tabcontent > .ytplayer, #vacancies_detail-content .column > .ytplayer, #compare-main .column > .ytplayer, #news_detail-top .column > .ytplayer, #news_detail-bottom .column > .ytplayer, #generic-blocks .column > .ytplayer, #solutions_detail-bottom .column .tabcontent > .vimeoplayer, #vacancies_detail-content .column > .vimeoplayer, #compare-main .column > .vimeoplayer, #news_detail-top .column > .vimeoplayer, #news_detail-bottom .column > .vimeoplayer, #generic-blocks .column > .vimeoplayer { margin-left: -10px; margin-right: -10px; max-width: none; width: calc(100% + 20px) !important; } } #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #solutions_detail-bottom .column .tabcontent > ul, #vacancies_detail-content .column > ul, #compare-main .column > ul { max-width: 600px; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote { max-width: 500px; } #news_detail-top .column > p, #news_detail-bottom .column > p, #news_detail-top .column > ul, #news_detail-bottom .column > ul { max-width: 800px; } #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote { max-width: 500px; } #vacancies_index { padding: 0 0 75px; } @media (max-width: 668px) { #vacancies_index { padding: 0 0 50px; } } #vacancies_detail-content .column { *zoom: 1; } #vacancies_detail-content .column:before, #vacancies_detail-content .column:after { display: table; content: ""; } #vacancies_detail-content .column:after { clear: both; } #vacancies_detail-content .column p { max-width: 800px !important; } #vacancies_overview { background: #2890a1; background: -webkit-linear-gradient(left, #2890a1, #a71c46); background: -o-linear-gradient(right, #2890a1, #a71c46); background: -moz-linear-gradient(right, #2890a1, #a71c46); background: linear-gradient(to right, #2890a1, #a71c46); box-sizing: border-box; padding: 40px 0 0; } #vacancies_overview .column { background: #fff; margin: 10px; } #vacancies_overview .column a { width: 100%; color: #2890a1; padding-top: 20px; padding-bottom: 20px; text-decoration: none; font-weight: bold; font-size: 1.25rem; display: block; text-align: center; } #vacancies_overview .column:hover { background: #f0f0f0; } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2 { font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 20px; font-weight: bold; } #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p { font-size: 1.2rem; line-height: 1.866667rem; margin: 0 0 20px; text-align: justify; } #solutions_detail-bottom .column .tabcontent > ol, #vacancies_detail-content .column > ol, #compare-main .column > ol, #news_detail-top .column > ol, #news_detail-bottom .column > ol, #generic-blocks .column > ol, #solutions_detail-bottom .column .tabcontent > ul, #vacancies_detail-content .column > ul, #compare-main .column > ul, #news_detail-top .column > ul, #news_detail-bottom .column > ul, #generic-blocks .column > ul { font-size: 1.2rem; line-height: 1.866667rem; list-style-type: disc; margin: 0 0 20px; padding: 0 0 0 1em; } #solutions_detail-bottom .column .tabcontent > ol li, #vacancies_detail-content .column > ol li, #compare-main .column > ol li, #news_detail-top .column > ol li, #news_detail-bottom .column > ol li, #generic-blocks .column > ol li, #solutions_detail-bottom .column .tabcontent > ul li, #vacancies_detail-content .column > ul li, #compare-main .column > ul li, #news_detail-top .column > ul li, #news_detail-bottom .column > ul li, #generic-blocks .column > ul li { box-sizing: border-box; padding-left: 0.5em; } #solutions_detail-bottom .column .tabcontent > ol, #vacancies_detail-content .column > ol, #compare-main .column > ol, #news_detail-top .column > ol, #news_detail-bottom .column > ol, #generic-blocks .column > ol { list-style-type: decimal; } #solutions_detail-bottom .column .tabcontent > p > a, #vacancies_detail-content .column > p > a, #compare-main .column > p > a, #news_detail-top .column > p > a, #news_detail-bottom .column > p > a, #generic-blocks .column > p > a, #solutions_detail-bottom .column .tabcontent > ul > a, #vacancies_detail-content .column > ul > a, #compare-main .column > ul > a, #news_detail-top .column > ul > a, #news_detail-bottom .column > ul > a, #generic-blocks .column > ul > a, #solutions_detail-bottom .column .tabcontent > ol > a, #vacancies_detail-content .column > ol > a, #compare-main .column > ol > a, #news_detail-top .column > ol > a, #news_detail-bottom .column > ol > a, #generic-blocks .column > ol > a, #solutions_detail-bottom .column .tabcontent > ul > li > a, #vacancies_detail-content .column > ul > li > a, #compare-main .column > ul > li > a, #news_detail-top .column > ul > li > a, #news_detail-bottom .column > ul > li > a, #generic-blocks .column > ul > li > a, #solutions_detail-bottom .column .tabcontent > ol > li > a, #vacancies_detail-content .column > ol > li > a, #compare-main .column > ol > li > a, #news_detail-top .column > ol > li > a, #news_detail-bottom .column > ol > li > a, #generic-blocks .column > ol > li > a { color: #2890a1; } #solutions_detail-bottom .column .tabcontent > p > a:active, #vacancies_detail-content .column > p > a:active, #compare-main .column > p > a:active, #news_detail-top .column > p > a:active, #news_detail-bottom .column > p > a:active, #generic-blocks .column > p > a:active, #solutions_detail-bottom .column .tabcontent > ul > a:active, #vacancies_detail-content .column > ul > a:active, #compare-main .column > ul > a:active, #news_detail-top .column > ul > a:active, #news_detail-bottom .column > ul > a:active, #generic-blocks .column > ul > a:active, #solutions_detail-bottom .column .tabcontent > ol > a:active, #vacancies_detail-content .column > ol > a:active, #compare-main .column > ol > a:active, #news_detail-top .column > ol > a:active, #news_detail-bottom .column > ol > a:active, #generic-blocks .column > ol > a:active, #solutions_detail-bottom .column .tabcontent > ul > li > a:active, #vacancies_detail-content .column > ul > li > a:active, #compare-main .column > ul > li > a:active, #news_detail-top .column > ul > li > a:active, #news_detail-bottom .column > ul > li > a:active, #generic-blocks .column > ul > li > a:active, #solutions_detail-bottom .column .tabcontent > ol > li > a:active, #vacancies_detail-content .column > ol > li > a:active, #compare-main .column > ol > li > a:active, #news_detail-top .column > ol > li > a:active, #news_detail-bottom .column > ol > li > a:active, #generic-blocks .column > ol > li > a:active, #solutions_detail-bottom .column .tabcontent > p > a:visited, #vacancies_detail-content .column > p > a:visited, #compare-main .column > p > a:visited, #news_detail-top .column > p > a:visited, #news_detail-bottom .column > p > a:visited, #generic-blocks .column > p > a:visited, #solutions_detail-bottom .column .tabcontent > ul > a:visited, #vacancies_detail-content .column > ul > a:visited, #compare-main .column > ul > a:visited, #news_detail-top .column > ul > a:visited, #news_detail-bottom .column > ul > a:visited, #generic-blocks .column > ul > a:visited, #solutions_detail-bottom .column .tabcontent > ol > a:visited, #vacancies_detail-content .column > ol > a:visited, #compare-main .column > ol > a:visited, #news_detail-top .column > ol > a:visited, #news_detail-bottom .column > ol > a:visited, #generic-blocks .column > ol > a:visited, #solutions_detail-bottom .column .tabcontent > ul > li > a:visited, #vacancies_detail-content .column > ul > li > a:visited, #compare-main .column > ul > li > a:visited, #news_detail-top .column > ul > li > a:visited, #news_detail-bottom .column > ul > li > a:visited, #generic-blocks .column > ul > li > a:visited, #solutions_detail-bottom .column .tabcontent > ol > li > a:visited, #vacancies_detail-content .column > ol > li > a:visited, #compare-main .column > ol > li > a:visited, #news_detail-top .column > ol > li > a:visited, #news_detail-bottom .column > ol > li > a:visited, #generic-blocks .column > ol > li > a:visited { color: #2890a1; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { color: #2890a1; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 auto 20px; text-align: center; } #solutions_detail-bottom .column .tabcontent > blockquote:before, #vacancies_detail-content .column > blockquote:before, #compare-main .column > blockquote:before, #news_detail-top .column > blockquote:before, #news_detail-bottom .column > blockquote:before, #generic-blocks .column > blockquote:before { content: '\201C'; } #solutions_detail-bottom .column .tabcontent > blockquote:after, #vacancies_detail-content .column > blockquote:after, #compare-main .column > blockquote:after, #news_detail-top .column > blockquote:after, #news_detail-bottom .column > blockquote:after, #generic-blocks .column > blockquote:after { content: '\201D'; } #solutions_detail-bottom .column .tabcontent > img, #vacancies_detail-content .column > img, #compare-main .column > img, #news_detail-top .column > img, #news_detail-bottom .column > img, #generic-blocks .column > img { margin: 0 0 20px; } #solutions_detail-bottom .column .tabcontent > .ytplayer, #vacancies_detail-content .column > .ytplayer, #compare-main .column > .ytplayer, #news_detail-top .column > .ytplayer, #news_detail-bottom .column > .ytplayer, #generic-blocks .column > .ytplayer, #solutions_detail-bottom .column .tabcontent > .vimeoplayer, #vacancies_detail-content .column > .vimeoplayer, #compare-main .column > .vimeoplayer, #news_detail-top .column > .vimeoplayer, #news_detail-bottom .column > .vimeoplayer, #generic-blocks .column > .vimeoplayer { margin: 0 0 20px; width: 100% !important; max-width: 800px; } #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { float: left; margin: 20px 0 0; } #solutions_detail-bottom .column .tabcontent a.btn-news:before, #vacancies_detail-content .column a.btn-news:before, #compare-main .column a.btn-news:before, #news_detail-top .column a.btn-news:before, #news_detail-bottom .column a.btn-news:before, #generic-blocks .column a.btn-news:before { left: unset; right: 20px; transform: translateY(-50%) translateX(-8px) rotate(-135deg); } @media (max-width: 1270px) { #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2, #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p, #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { margin: 0 50px 20px; max-width: none; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { text-align: center; margin: 0 auto 20px; max-width: 80%; } #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { margin: 20px 0 0 50px; } } @media (max-width: 1023px) { #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2, #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p, #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { margin: 0 0 20px; max-width: none; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { margin: 0 auto 20px; max-width: 80%; } #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { margin: 20px 0 0 0; } #solutions_detail-bottom .column .tabcontent > img, #vacancies_detail-content .column > img, #compare-main .column > img, #news_detail-top .column > img, #news_detail-bottom .column > img, #generic-blocks .column > img, #solutions_detail-bottom .column .tabcontent > .ytplayer, #vacancies_detail-content .column > .ytplayer, #compare-main .column > .ytplayer, #news_detail-top .column > .ytplayer, #news_detail-bottom .column > .ytplayer, #generic-blocks .column > .ytplayer, #solutions_detail-bottom .column .tabcontent > .vimeoplayer, #vacancies_detail-content .column > .vimeoplayer, #compare-main .column > .vimeoplayer, #news_detail-top .column > .vimeoplayer, #news_detail-bottom .column > .vimeoplayer, #generic-blocks .column > .vimeoplayer { margin-left: -15px; margin-right: -15px; max-width: none; width: calc(100% + 30px) !important; } } @media (max-width: 768px) { #solutions_detail-bottom .column .tabcontent a.btn-news, #vacancies_detail-content .column a.btn-news, #compare-main .column a.btn-news, #news_detail-top .column a.btn-news, #news_detail-bottom .column a.btn-news, #generic-blocks .column a.btn-news { float: none; position: relative; margin: 0 auto; display: block; text-align: center; width: 260px; } } @media (max-width: 668px) { #solutions_detail-bottom .column .tabcontent > h2, #vacancies_detail-content .column > h2, #compare-main .column > h2, #news_detail-top .column > h2, #news_detail-bottom .column > h2, #generic-blocks .column > h2, #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #news_detail-top .column > p, #news_detail-bottom .column > p, #generic-blocks .column > p, #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote, #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote, #generic-blocks .column > blockquote { text-align: left; } #solutions_detail-bottom .column .tabcontent > img, #vacancies_detail-content .column > img, #compare-main .column > img, #news_detail-top .column > img, #news_detail-bottom .column > img, #generic-blocks .column > img, #solutions_detail-bottom .column .tabcontent > .ytplayer, #vacancies_detail-content .column > .ytplayer, #compare-main .column > .ytplayer, #news_detail-top .column > .ytplayer, #news_detail-bottom .column > .ytplayer, #generic-blocks .column > .ytplayer, #solutions_detail-bottom .column .tabcontent > .vimeoplayer, #vacancies_detail-content .column > .vimeoplayer, #compare-main .column > .vimeoplayer, #news_detail-top .column > .vimeoplayer, #news_detail-bottom .column > .vimeoplayer, #generic-blocks .column > .vimeoplayer { margin-left: -10px; margin-right: -10px; max-width: none; width: calc(100% + 20px) !important; } } #solutions_detail-bottom .column .tabcontent > p, #vacancies_detail-content .column > p, #compare-main .column > p, #solutions_detail-bottom .column .tabcontent > ul, #vacancies_detail-content .column > ul, #compare-main .column > ul { max-width: 600px; } #solutions_detail-bottom .column .tabcontent > blockquote, #vacancies_detail-content .column > blockquote, #compare-main .column > blockquote { max-width: 500px; } #news_detail-top .column > p, #news_detail-bottom .column > p, #news_detail-top .column > ul, #news_detail-bottom .column > ul { max-width: 800px; } #news_detail-top .column > blockquote, #news_detail-bottom .column > blockquote { max-width: 500px; } #compare-header { height: 300px; overflow: visible; } #compare-header .col-stack { position: relative; z-index: 1; } #compare-header .col-meta { position: relative; } #compare-header ul.stacktabs { *zoom: 1; color: #fff; margin-left: calc(100% - 500px); margin-top: 70px; max-width: 500px; position: relative; text-align: right; } #compare-header ul.stacktabs:before, #compare-header ul.stacktabs:after { display: table; content: ""; } #compare-header ul.stacktabs:after { clear: both; } #compare-header ul.stacktabs .stacktab { opacity: 0; position: absolute; top: 0; transition: opacity 300ms ease-in-out; width: 100%; z-index: 1; } #compare-header ul.stacktabs .stacktab.active { opacity: 1; z-index: 2; } #compare-header ul.stacktabs .stacktab h3 { font-size: 1.8rem; font-weight: 700; margin-top: 0; } #compare-header ul.stacktabs .stacktab p { font-size: 1.2rem; margin-top: 0; } @media (max-width: 1100px) { #compare-header { height: 260px; margin-top: 20px; } } @media (max-width: 1023px) { #compare-header .columns { position: relative; } #compare-header .col-stack { position: absolute; width: 200px; z-index: 30; } #compare-header .col-meta { position: absolute; width: calc(100% - 20px); } #compare-header .col-meta button { margin-right: 60px; } #compare-header .col-meta h3 { margin-right: 60px; } #compare-header .col-meta a.btn, #compare-header .col-meta header nav a.service-status, header nav #compare-header .col-meta a.service-status, #compare-header .col-meta header nav a.my-shock-media, header nav #compare-header .col-meta a.my-shock-media, #compare-header .col-meta header nav a.toggle, header nav #compare-header .col-meta a.toggle { margin-right: 60px; } #compare-header .col-meta p { display: none; } } @media (max-width: 768px) { #compare-header { margin-top: -50px; } } @media (max-width: 668px) { #compare-header { height: 350px; margin-top: -20px; } #compare-header .col-stack { margin-left: calc(50% - 100px); margin-top: 50px; } #compare-header .col-meta button { margin-right: 20px; } #compare-header .col-meta button:before { font-size: 13px; } #compare-header .col-meta a.btn, #compare-header .col-meta header nav a.service-status, header nav #compare-header .col-meta a.service-status, #compare-header .col-meta header nav a.my-shock-media, header nav #compare-header .col-meta a.my-shock-media, #compare-header .col-meta header nav a.toggle, header nav #compare-header .col-meta a.toggle { margin-right: 20px; } #compare-header ul.stacktabs .stacktab { padding-top: 220px; } #compare-header ul.stacktabs .stacktab h3 { display: inline; font-size: 1.5rem; margin-right: 0; } } #compare-main { background-color: #f8f8f8; padding-top: 80px; } #compare-main .column { *zoom: 1; } #compare-main .column:before, #compare-main .column:after { display: table; content: ""; } #compare-main .column:after { clear: both; } #compare-main .column p { font-weight: bold; } #compare-main .column h1 { margin: 0 100px 20px; max-width: 600px; } #compare-main .column h1:after { content: ''; border-top: 1px solid #161314; display: block; margin: 10px 0; width: 40px; } #compare-main .column .btn, #compare-main .column header nav .service-status, header nav #compare-main .column .service-status, #compare-main .column header nav .my-shock-media, header nav #compare-main .column .my-shock-media, #compare-main .column header nav .toggle, header nav #compare-main .column .toggle { float: right; } #compare-main .column .btn.email, #compare-main .column header nav .service-status.email, header nav #compare-main .column .service-status.email, #compare-main .column header nav .my-shock-media.email, header nav #compare-main .column .my-shock-media.email, #compare-main .column header nav .toggle.email, header nav #compare-main .column .toggle.email { margin-right: 100px; } #compare-main .column .btn.call, #compare-main .column header nav .service-status.call, header nav #compare-main .column .service-status.call, #compare-main .column header nav .my-shock-media.call, header nav #compare-main .column .my-shock-media.call, #compare-main .column header nav .toggle.call, header nav #compare-main .column .toggle.call { margin-right: 20px; } @media (max-width: 1270px) { #compare-main .column h1 { margin: 0 50px 20px; max-width: none; } } @media (max-width: 1023px) { #compare-main .column p { margin: 0 50px 20px; max-width: none; } } @media (max-width: 668px) { #compare-main { padding-top: 20px; } #compare-main .column { text-align: center; } #compare-main .column h1, #compare-main .column p { padding: 0 10px; text-align: center; } #compare-main .column h1 { position: relative; margin-bottom: 50px; } #compare-main .column h1:after { content: ''; border-top: 1px solid #161314; display: inline-block; width: 40px; position: absolute; bottom: -30px; left: calc(50% - 20px); } #compare-main .column a.btn, #compare-main .column header nav a.service-status, header nav #compare-main .column a.service-status, #compare-main .column header nav a.my-shock-media, header nav #compare-main .column a.my-shock-media, #compare-main .column header nav a.toggle, header nav #compare-main .column a.toggle { float: none; margin-bottom: 20px; margin-right: 0 !important; } } #compare-comparisons .button-compare { border: 1px solid #2890a1; display: none; float: right; margin: 0 20px 20px; } #compare-comparisons .button-compare:before { color: #2890a1; } #compare-comparisons .button-compare:after { background-color: #2890a1; } #compare-comparisons ul { clear: both; } #compare-comparisons li { *zoom: 1; background-color: #f8f8f8; box-sizing: border-box; position: relative; width: 100%; } #compare-comparisons li:before, #compare-comparisons li:after { display: table; content: ""; } #compare-comparisons li:after { clear: both; } #compare-comparisons li:nth-child(1) { z-index: 7; } #compare-comparisons li:nth-child(2) { z-index: 6; } #compare-comparisons li:nth-child(3) { z-index: 5; } #compare-comparisons li:nth-child(4) { z-index: 4; } #compare-comparisons li:nth-child(5) { z-index: 3; } #compare-comparisons li:nth-child(6) { z-index: 2; } #compare-comparisons li:nth-child(7) { z-index: 1; } #compare-comparisons li:nth-child(8) { z-index: 0; } #compare-comparisons li .comp-header { *zoom: 1; border-top: 1px solid #f0f0f0; height: 80px; line-height: 80px; width: 100%; } #compare-comparisons li .comp-header:before, #compare-comparisons li .comp-header:after { display: table; content: ""; } #compare-comparisons li .comp-header:after { clear: both; } #compare-comparisons li .comp-header button { float: left; margin-right: 60px; margin-top: 20px; } #compare-comparisons li .comp-header h3 { float: left; font-size: 1.2rem; font-weight: bold; margin: 0; width: calc(100% - 510px); } #compare-comparisons li .comp-header p { float: left; font-size: 1.2rem; margin: 0; position: relative; width: 200px; } #compare-comparisons li .comp-header p.booltrue:before { background: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/icon-true-green.svg?v=1552380536') no-repeat center center; content: ''; display: block; height: 80px; width: 32px; } #compare-comparisons li .comp-header p.boolfalse:before { background: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/icon-false.svg?v=1552380536') no-repeat center center; content: ''; display: block; height: 80px; width: 32px; } #compare-comparisons li .comp-desc, #compare-comparisons li .comp-contact { border-top: 1px solid #f0f0f0; display: none; } #compare-comparisons li .comp-desc .description, #compare-comparisons li .comp-contact .description { font-size: 1.2rem; line-height: 1.866667rem; padding-left: 100px; width: calc(100% - 610px); } #compare-comparisons li .comp-desc .description .btn, #compare-comparisons li .comp-desc .description header nav .service-status, header nav #compare-comparisons li .comp-desc .description .service-status, #compare-comparisons li .comp-desc .description header nav .my-shock-media, header nav #compare-comparisons li .comp-desc .description .my-shock-media, #compare-comparisons li .comp-desc .description header nav .toggle, header nav #compare-comparisons li .comp-desc .description .toggle, #compare-comparisons li .comp-contact .description .btn, #compare-comparisons li .comp-contact .description header nav .service-status, header nav #compare-comparisons li .comp-contact .description .service-status, #compare-comparisons li .comp-contact .description header nav .my-shock-media, header nav #compare-comparisons li .comp-contact .description .my-shock-media, #compare-comparisons li .comp-contact .description header nav .toggle, header nav #compare-comparisons li .comp-contact .description .toggle { float: right; margin: 40px 0 50px; } #compare-comparisons li .comp-contact { border-top: none; } #compare-comparisons li ul { display: none; } #compare-comparisons li.legenda { background-color: #fff; height: 60px; width: 100%; } #compare-comparisons li.legenda h3 { padding-left: 100px; width: calc(100% - 510px); } #compare-comparisons li.legenda h3, #compare-comparisons li.legenda p { color: #2890a1; font-size: 1rem; font-weight: bold; line-height: 60px; margin: 0; } #compare-comparisons li.open { background-color: #fff; padding-top: 100px; margin-top: -100px; } #compare-comparisons li.open .comp-desc, #compare-comparisons li.open .comp-contact { display: block; } #compare-comparisons li.open ul { display: block; } #compare-comparisons li.open ul li { background-color: #fff; border-bottom: 1px solid #a8a8a8; } #compare-comparisons li.open ul li h3 { box-sizing: border-box; color: #2890a1; float: left; font-size: 1.2rem; font-weight: bold; margin-left: 100px; padding-right: 20px; width: calc(100% - 510px); } #compare-comparisons li.open ul li p { float: left; margin: 0; position: relative; width: 200px; } #compare-comparisons li.open ul li p.subbooltrue:before { background: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/icon-true-green.svg?v=1552380536') no-repeat center center; content: ''; display: block; height: 60px; width: 32px; } #compare-comparisons li.open ul li p.subboolfalse:before { background: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/icon-false.svg?v=1552380536') no-repeat center center; content: ''; display: block; height: 60px; width: 32px; } @media (max-width: 1023px) { #compare-comparisons li .comp-desc .description, #compare-comparisons li .comp-contact .description { width: calc(100% - 200px); } } @media (max-width: 800px) { #compare-comparisons ul { margin-top: 50px; } #compare-comparisons ul li .comp-header { background: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/icon-false.svg?v=1552380536') no-repeat right 20px center; background-size: 25px; height: 50px; line-height: 50px; } #compare-comparisons ul li .comp-header button { background-size: 18px; height: 30px; margin-right: 20px; margin-top: 10px; min-height: 30px; width: 30px; } #compare-comparisons ul li .comp-header h3 { width: calc(100% - 100px); } #compare-comparisons ul li .comp-header p { display: none; } #compare-comparisons ul li .comp-desc .description, #compare-comparisons ul li .comp-contact .description { padding-left: 10px; width: calc(100% - 20px); } #compare-comparisons ul li .comp-desc .description .btn, #compare-comparisons ul li .comp-desc .description header nav .service-status, header nav #compare-comparisons ul li .comp-desc .description .service-status, #compare-comparisons ul li .comp-desc .description header nav .my-shock-media, header nav #compare-comparisons ul li .comp-desc .description .my-shock-media, #compare-comparisons ul li .comp-desc .description header nav .toggle, header nav #compare-comparisons ul li .comp-desc .description .toggle, #compare-comparisons ul li .comp-contact .description .btn, #compare-comparisons ul li .comp-contact .description header nav .service-status, header nav #compare-comparisons ul li .comp-contact .description .service-status, #compare-comparisons ul li .comp-contact .description header nav .my-shock-media, header nav #compare-comparisons ul li .comp-contact .description .my-shock-media, #compare-comparisons ul li .comp-contact .description header nav .toggle, header nav #compare-comparisons ul li .comp-contact .description .toggle { float: none; display: inline-block; margin: 30px 0 30px 50%; transform: translateX(-50%); } #compare-comparisons ul li.legenda { display: none; } #compare-comparisons ul li ul { margin-top: 0; } #compare-comparisons ul li.open ul li { background: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/icon-false.svg?v=1552380536') no-repeat right 5px center; background-size: 25px; } #compare-comparisons ul li.open ul li h3 { margin-left: 0; padding-left: 10px; width: calc(100% - 100px); } #compare-comparisons ul li.open ul li p { display: none; } #compare-comparisons ul.managed li .comp-header.managedtrue { background-image: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/icon-true-green.svg?v=1552380536'); } #compare-comparisons ul.managed li ul li.managedtrue { background-image: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/icon-true-green.svg?v=1552380536'); } #compare-comparisons ul.unmanaged li .comp-header.unmanagedtrue { background-image: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/icon-true-green.svg?v=1552380536'); } #compare-comparisons ul.unmanaged li ul li.unmanagedtrue { background-image: url('https://www.shockmedia.nl/app/default/assets/addons/default/wirelab/shock_media-theme/resources/img/icon-true-green.svg?v=1552380536'); } #compare-comparisons .button-compare { display: inline-block; float: none; position: absolute; right: 0; z-index: 30; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } .partnerdag-form { background: #2890a1; background: -webkit-linear-gradient(left, #2890a1, #a71c46); background: -o-linear-gradient(right, #2890a1, #a71c46); background: -moz-linear-gradient(right, #2890a1, #a71c46); background: linear-gradient(to right, #2890a1, #a71c46); padding: 40px 0 0; box-sizing: border-box; text-align: center; } .partnerdag-form h1 { color: #fff; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0 0 50px; } .partnerdag-form .limiter { padding-bottom: 30px; padding-top: 30px; } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ /** Color config **/ /** Font config **/ /** Easing **/ /** Images **/ .limiter { box-sizing: border-box; display: block; height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 15px; position: relative; } @media (max-width: 668px) { .limiter { padding: 0 10px; } } .purple, article.details figure figcaption a { color: #a71c46; } .center { text-align: center; } .t_show { display: none !important; } @media (max-width: 1023px) { .t_hide { display: none !important; } .t_show { display: block !important; } } .m_show { display: none !important; } @media (max-width: 668px) { .m_hide { display: none !important; } .m_show { display: block !important; } } .partners-index #partner-map { padding-bottom: 40px; /* google maps popup */ } .partners-index #partner-map .map { height: 640px; } .partners-index #partner-map .gm-style-iw ul { list-style: disc; padding-left: 2em; margin-bottom: 1em; } @media (max-width: 1023px) { .partners-index #partner-map { height: calc(50vh - 20px); } .partners-index #partner-map .map { height: calc(50vh + 10px); } } @media (max-width: 668px) { .partners-index #partner-map { height: calc(100vw - 20px); } .partners-index #partner-map .map { height: calc(100vw + 10px); } } .partners-index #partners { background-color: #2890a1; padding: 50px 0; } .partners-index #partners h1, .partners-index #partners h2 { color: #fff; font-size: 1.8rem; font-weight: 700; line-height: 2.66667rem; margin: 0; text-align: center; } .partners-index #partners h1 { margin: 0 0 20px; } .partners-index #partners .column { margin-bottom: 20px; position: relative; } @media (max-width: 1023px) { .partners-index #partners .column { margin-bottom: 0; } } .partners-index #partners .column img { margin: 0; position: absolute; top: 50%; transform: translateY(-50%); max-width: 150px; } @media (max-width: 1023px) { .partners-index #partners .column img { max-width: 100%; margin-bottom: 0; } } .partners-index #partners .partner { display: inline-flex; transition: all 0.5s ease; margin-bottom: 0; } .partners-index #partners .partner a { margin: 0 auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .partners-index #partners .partner a { /* IE10+ CSS styles go here */ margin: 0; } } .partners-index #partners .partner.hide { width: 0; margin-left: 0; margin-right: 0; transform: scale(0); } .partners-index #partners .partner.show { opacity: 1; transform: scale(1); } .partners-index #partners .partner img { position: initial; top: 0; transform: none; margin: 0; } .partners-index .filter > span { position: absolute; line-height: 32px; color: #fff; font-size: 20px; font-weight: 700; } .partners-index .filter ul.tags { list-style: none; display: inline-block; } .partners-index .filter ul.tags li { float: left; margin-right: 15px; margin-left: 15px; margin-bottom: 10px; } .partners-index .filter ul.tags li:first-child { margin-left: 85px; } .partners-index .filter label.tags { display: none; } .partners-index .filter label.tags select { width: 100%; height: 32px; line-height: 32px; } @media (max-width: 668px) { .partners-index .filter > span { position: initial; } .partners-index .filter ul.tags { display: none; } .partners-index .filter label.tags { display: block; } } .partners-index .filter .tag.active a { background: #231f20; color: #fff; } .partners-index .filter .tag.active a:after { background: #fff; } .partners-index .filter .tag.active a:before { border-color: transparent #231f20 transparent transparent; } .partners-index #contentelements .limiter { flex-direction: row-reverse; } @media (max-width: 668px) { .partners-index #contentelements .limiter { flex-direction: column-reverse; } } .partners-detail div.tags { margin: 0 0 0 100px; } @media (max-width: 1023px) { .partners-detail div.tags { margin: 0 0 0 20px; } } .partners-detail div.tags h2 { color: #fff; } .partners-detail div.tags h2:after { content: ''; border-top: 1px solid #fff; display: block; margin: 10px 0; width: 40px; } @media (max-width: 668px) { .partners-detail div.tags h2 { margin: 5px 0; } .partners-detail div.tags h2:after { display: none; } } .partners-detail div.tags ul { margin: 0; padding: 0; list-style: none; } .partners-detail div.tags ul li { margin-bottom: 10px; } @media (max-width: 668px) { .partners-detail div.tags ul li { float: left; margin-left: 10px; margin-right: 20px; } } .partners-detail .gallery .columns { display: flex; } @media (max-width: 668px) { .partners-detail .gallery .columns { display: block; } } .partners-detail .gallery .column { position: relative; } @media (max-width: 668px) { .partners-detail .gallery .column { position: initial; } } .partners-detail .gallery .project-link { position: absolute; right: 20px; bottom: 20px; margin: 0; } @media (max-width: 668px) { .partners-detail .gallery .project-link { position: initial; } } .partners-detail .gallery .page { background: white; } .partners-detail .gallery img { margin-bottom: 0; width: 100%; } .partners-detail .gallery .project-description { padding-right: 20px; padding-bottom: 40px; } @media (max-width: 668px) { .partners-detail .gallery .project-description { padding: 10px; } } .partners-detail .gallery .project-description h2 { margin: 20px 0 10px; } .partners-detail .gallery .project-description p { margin: 10px 0; font-size: 1.1em; line-height: 1.5em; } .partners-detail .gallery .next, .partners-detail .gallery .prev { position: absolute; bottom: 0; border: 1px solid #161314; border-radius: 100%; cursor: pointer; height: 30px; margin: 30px 10px 0; transition: background 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 30px; } .partners-detail .gallery .next.current, .partners-detail .gallery .prev.current { background-color: #161314; } .partners-detail .gallery .next:before, .partners-detail .gallery .prev:before { content: ''; position: absolute; left: 5px; top: 7px; border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; width: 6px; height: 6px; } .partners-detail .gallery .next:hover, .partners-detail .gallery .prev:hover { background-color: #2890a1; transition: background 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } .partners-detail .gallery .next { right: 20px; } .partners-detail .gallery .next:before { transform: rotate(-45deg); } .partners-detail .gallery .prev { left: 20px; } .partners-detail .gallery .prev:before { left: 10px; transform: rotate(135deg); } @media (max-width: 668px) { .partners-detail .gallery .page { display: block; margin-bottom: 20px; } .partners-detail .gallery .prev, .partners-detail .gallery .next, .partners-detail .gallery .controls { display: none; } } .post-survey .question h3 { margin-left: 300px; } @media (max-width: 668px) { .post-survey .question h3 { margin-left: 0; text-align: center; } } .post-survey .answer { display: flex; flex-direction: row; padding-bottom: 20px; } @media (max-width: 668px) { .post-survey .answer { flex-direction: column; } } .post-survey .answer .person { width: 300px; } .post-survey .answer .person img { display: block; border-radius: 100%; margin: 0 auto; width: 60px; height: 60px; } .post-survey .answer .person span { margin-top: 10px; display: block; font-weight: bold; text-align: center; } @media (max-width: 668px) { .post-survey .answer .person { width: 100%; } } .post-survey .answer .content { flex: 1; } .post-survey .answer .content p { margin-top: 0; } @media (max-width: 668px) { .post-survey .answer .content p { text-align: center; } } * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html, body { color: #161314; font-family: Nunito, sans-serif; font-size: 15px; font-weight: 300; } @media (max-width: 1023px) { html, body { font-size: 13px; } } @media (max-width: 1023px) { html.dragging { overflow: hidden; } } html.dragging * { cursor: pointer !important; cursor: -webkit-grabbing !important; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } body { background: #2890a1; background: -webkit-linear-gradient(left, #2890a1, #a71c46); background: -o-linear-gradient(right, #2890a1, #a71c46); background: -moz-linear-gradient(right, #2890a1, #a71c46); background: linear-gradient(to right, #2890a1, #a71c46); background-repeat: no-repeat; background-size: 100% 140px; } @media (max-width: 668px) { body { background-size: 100% 100px; } } body.home { background: #a71c46; background: -webkit-linear-gradient(#a71c46, #2890a1); background: -o-linear-gradient(#a71c46, #2890a1); background: -moz-linear-gradient(#a71c46, #2890a1); background: linear-gradient(#a71c46, #2890a1); background-repeat: no-repeat; background-size: 100% 470px; } @media (max-width: 1100px) { body.home { background-size: 100% 450px; } } @media (max-width: 1023px) { body.home { background-size: 100% 490px; } } @media (max-width: 668px) { body.home { background-size: 100% 430px; } } body.compare { background: linear-gradient(to bottom, #a71c46 0%, #2890a1 300px) no-repeat; background-size: 100% 440px; } @media (max-width: 1100px) { body.compare { background-size: 100% 400px; } } @media (max-width: 1023px) { body.compare { background-size: 100% 490px; } } @media (max-width: 668px) { body.compare { background-size: 100% 430px; } } body.short-content { height: 100vh; } input, textarea, table th, table td { font-family: Nunito, sans-serif; } a.link-green { color: #2890a1; } .card { background: #f8f8f8; padding: 20px; border-radius: 20px; font-size: 1.1rem; } .card .card-head { padding-top: 0; margin-top: 0; } @media (min-width: 1440px) { .card ul { list-style: disc; padding-left: 20px; } } .card a { color: #2890a1; }