* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
/* fonts */

@font-face {
    font-family: 'texgyreheros';
    src: url('fonts/texgyreheros-regular-webfont.eot');
    src: url('fonts/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/texgyreheros-regular-webfont.woff') format('woff'), url('fonts/texgyreheros-regular-webfont.ttf') format('truetype'), url('fonts/texgyreheros-regular-webfont.svg#texgyreherosregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreheros';
    src: url('fonts/texgyreheros-bold-webfont.eot');
    src: url('fonts/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/texgyreheros-bold-webfont.woff') format('woff'), url('fonts/texgyreheros-bold-webfont.ttf') format('truetype'), url('fonts/texgyreheros-bold-webfont.svg#texgyreherosbold') format('svg');
    font-weight: 600;
    font-style: normal;
}
/* grid overrides */

.grid-container {
    max-width: 1220px;
}

.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
    padding-left: 15px;
    padding-right: 15px;
}

.grid-parent {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 768px) {
    .grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .grid-parent {
        padding-left: 0;
        padding-right: 0;
    }
}
/* --- */

body, html {
    padding: 0;
    margin: 0;
}

body {
    background: white url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAALFCAMAAAA1LXkwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkYyN0UxRDZGRjg2MTFFNEE1RTU4NUIxNzkzNTMyOTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkYyN0UxRDdGRjg2MTFFNEE1RTU4NUIxNzkzNTMyOTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRjI3RTFENEZGODYxMUU0QTVFNTg1QjE3OTM1MzI5MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRjI3RTFENUZGODYxMUU0QTVFNTg1QjE3OTM1MzI5MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk+AIuEAAAA8UExURfT09Pj4+Pr6+vb29vv7+/n5+ff39/X19fz8/PPz8/39/fHx8fLy8vDw8P7+/u/v7+3t7e7u7v///+zs7J+i69MAAABSSURBVHja7MfJDoAgFENRUJxwwOH//1XDBjS+WoNxRc+mV20qy1LNkXO9tRyu/QeXbPTCe9bTBlrnhSdBawjlrRrSogoqBAZqCZY0fWDFdgEGAHwAJ7FWGqeTAAAAAElFTkSuQmCC') repeat-x;
    line-height: 1.5;
}

    body.home {
        /*background: white url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAUdCAMAAAAO59n8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjU1NzU3MUFGRjg4MTFFNEI0OTk5RkQ1QUJDQTFBNkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjU1NzU3MUJGRjg4MTFFNEI0OTk5RkQ1QUJDQTFBNkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NTU3NTcxOEZGODgxMUU0QjQ5OTlGRDVBQkNBMUE2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NTU3NTcxOUZGODgxMUU0QjQ5OTlGRDVBQkNBMUE2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhllkfEAAAA8UExURfLy8vDw8PHx8f39/fPz8/z8/PX19fn5+fv7+/f39/T09Pj4+Pr6+vb29v7+/u/v7+3t7e7u7v///+zs7FrSc54AAABUSURBVHja7MfJEkAwFETRmGeR+P9/pbIJyntaUTa6z6avmQ0REdFfTBv7usutjv0F+1gSxHctheHLg/gkraIEDKcaVSeqVL2gVhWADDS+wOsWAQYAp19SoXnacXcAAAAASUVORK5CYII=') repeat-x;*/
    }

@media (max-width: 768px) {
    body.home {
        background: white url(/img/bg-body-home-mobile.png) repeat-x;
    }
}

body, input, select, textarea, button {
    color: #525353; /*font-family: 'Open Sans';*/
    font-family: 'texgyreheros';
    font-size: 16px;
}

@media (max-width: 768px) {
    body, input, select, textarea, button {
        font-size: 14px;
    }
}

button {
    cursor: pointer;
}
/*h1, h2, button,.menu-linklist,.carousel-slide-overlay-text,.consultant, .plumber, .wholesaler {letter-spacing: -1px; }*/

a {
    color: #0061a1;
    text-decoration: none;
}

th {
    text-align: left;
}

strong {
    font-weight: 600;
}

.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }
.mb-3 { margin-bottom: 30px; }
.mb-4 { margin-bottom: 40px; }
.mb-5 { margin-bottom: 50px; }

.group:after {
    content: "";
    display: table;
    clear: both;
}

#wrapper {
    position: relative;
    overflow: hidden;
}

#overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #333;
    opacity: 0.5;
    z-index: 2000;
}

#menu-open {
    float: right;
    font-size: 32px;
    color: #0061a1
}

#menu-close {
    font-size: 32px;
    color: #0061a1;
    display: inline-block;
    margin-bottom: 60px;
}

#menu {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -50%;
    width: 50%;
    background: #e4f6f9;
    z-index: 3000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #menu.open {
        -webkit-box-shadow: -4px 0px 22px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: -4px 0px 22px -5px rgba(0,0,0,0.75);
        box-shadow: -4px 0px 22px -5px rgba(0,0,0,0.75);
        right: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.menu-header {
    background: white;
    padding: 75px 40px 50px 40px;
}

.menu-search {
    position: relative;
    padding-right: 197px;
    max-width: 612px;
}

    .menu-search input {
        width: 100%;
        height: 60px;
        border: 1px solid #1fa5dc;
        border-radius: 0;
        padding-left: 60px;
        background-color: #e4f6f9;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAFme1bjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2ZmZiMTc5Yi0yZWYzLTQxODgtYWMwMC0wZDlhM2JmNDNhZTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM5MzEzMDJGREZCMTFFNDlBNkVFMjFDNEJBMDkyNTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM5MzEzMDFGREZCMTFFNDlBNkVFMjFDNEJBMDkyNTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNGU0ZDQ3My05MDZiLTRiNjYtYmI5OS04MmQ2NGI1ZWY0ZDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NmZmYjE3OWItMmVmMy00MTg4LWFjMDAtMGQ5YTNiZjQzYWU5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YpAe/wAAAp9JREFUeNpilF96hwEGmIB4KzLHG8r+DxBAjOjKHiNz5sI4AAEEU/YJiKcBcQVIL0icBUhcBmI+BgRghGnXhQr0AXEclH0IIICQbQTp/oNs4TwoGyQYiixxHMn81VDLwRIXGbAAkMR+NBdpwyS4gVgUiJdAjdkBkgAIIGRXpQPxDCj7MxDzAvEbqCYUK3ihJqwD4iaoNXxQGqQ4AohfIWsAcbiA2AGI67G4ewWyLaDA8QXiB0AszoAd8KA7aQ9U8Tsg/gnEhUAcBvUkyKk3kUOGBUmzEJrJq9D494H4KkAAoaQWbHGI7hxY4D+DWv8FSoNwKjbF/4A4F4gtgHg3VDMjNAktRlYMipBoIG4D4rPQkIIBULzEQGMarFgYiC8BsR4OtyYD8XxkZ/hAgw8bWAPEHsiKOxhwAy0gvo0c1nzQXIQNbADiEJjJhkD8EZab0EAL1JNHYCZfgLrpHzSqQflIDojboUmYC4q/wdy8E2oyKMX5A7EUEEtAQ0oFiL+CbMAW3diAAih9AAQYLsWgJBoFtcUIiMWg4qC8cAaIN0Fd8RmfDUxIbDaohv9QTaDkvQCI9YGYGYp1ofk7Ehra/6F8NnyGp0EjHVQ4GkBdCuK3QssEf6g6UNJbCcRO0DA0QkowydiyB6xAARViVkC8HoivI5XC+MB5IBYA4mNAPAdqyRLkYhkU6MpArA7EQVBXFzGQBjSB+BoQ34KaA3c5rFR4SyCZ4wPvoLQAepivg7LzGcgHWVB6GXqYp0JTQS20QEwn0WBQ1ZcEDfdCdJeDkpM5NLMmI1UCcngMVIGm9f9Qg08DsSu+dL4W6hM5aBq+g1R2ouOr0GQpBY1ASWgWPggrBdHrOEqBEhDvA2J5ID4KxF5MDNQD96BligK0+JgCALS+mYRok07JAAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
        background-position: 20px center;
    }

    .menu-search button {
        width: 180px;
        height: 60px;
        border: 0;
        background-color: #00abc9;
        color: white;
        font-size: 21px;
        font-weight: 600;
        text-transform: uppercase;
        position: absolute;
        right: 0;
        top: 0;
    }

.menu-linklist {
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 60px;
}

    .menu-linklist li {
        padding-left: 40px;
    }

    .menu-linklist a {
        display: block;
        max-width: 612px;
        padding: 15px 0;
        border-bottom: 1px solid #b1cfe2;
    }

    .menu-linklist .last a {
        border-bottom: none;
    }

.menu-standard {
    background: white;
}

.menu-audience {
    background: #efefef;
}

.menu-other {
    background: #e4f6f9;
}

.menu-social {
    margin-left: 40px;
}

    .menu-social li {
        float: left;
        padding-right: 10px;
        padding-bottom: 10px;
    }

@media (max-width: 768px) {
    #menu-open {
        float: right;
        font-size: 22px;
        color: #0061a1
    }

    #menu-close {
        font-size: 22px;
        margin-bottom: 30px;
    }

    #menu {
        width: 100%;
        right: -100%;
    }

    .menu-header {
        padding: 20px 20px 30px 20px;
    }

    .menu-search {
        padding-right: 100px;
        max-width: none;
    }

        .menu-search input {
            width: 100%;
            height: 40px;
            padding-left: 40px;
            background-position: 10px center;
            background-size: 20px 20px
        }

        .menu-search button {
            width: 90px;
            height: 40px;
            font-size: 14px;
        }

    .menu-linklist {
        font-size: 14px;
        margin-bottom: 40px;
    }

        .menu-linklist li {
            padding: 0 20px;
            max-width: none;
        }

        .menu-linklist a {
            max-width: none;
            padding: 10px 0;
        }
}

a.icon-facebook, a.icon-twitter, a.icon-instagram, a.icon-youtube {
    font-size: 26px;
    color: white;
    padding: 20px;
    display: inline-block;
}

.icon-facebook {
    background: #507cbe;
}

.icon-twitter {
    background: #63cdf1;
}

.icon-instagram {
    background: #c7c5b3;
}

.icon-youtube {
    background: #f16261;
}

.primary, a.primary { background-color: #086aaa; color: #eee; }

.btn {
    color: #333;
    border: 1px solid #b2b2b2;
    cursor: pointer;
    font-size: 12px;
    display: inline-block;
    padding: 6px 30px;
    text-transform: uppercase;
    text-align: center;
}

a.btn:hover, input.btn:hover {
    background-color: #e4f6f9;
    color: #222;
    border: 1px solid #777;
}

.btn.primary { border: none; }
    a.btn-primary:hover,
    .btn.primary:hover {
        border: none;
        color: white;
        background-color: #087ecb;
    }

.btn-big {
    font-size: 18px;
    padding: 30px;
}

.block {
    display: block;
    width: 100%
}

.left {
    float: left;
}

.right {
    float: right;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.rte ul {
    list-style: outside;
    margin: 1em 2em;
}

.rte a {
	text-decoration: underline;
}

.form fieldset {
    margin-bottom: 13px;
}

.form:after {
    content: "";
    display: table;
    clear: both;
}

.form input {
    background: #e2f3fa;
    display: block;
    padding: 15px 20px;
    border: 0;
    margin-bottom: 13px;
    width: 100%;
}

    .form input:last-child {
        margin-bottom: 0;
    }

.form button[type="submit"] {
    background: #086aaa;
    color: white;
    border: none;
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    float: right;
}

    .form button[type="submit"]:hover {
        background: #2d90d0;
    }

.header {
    background: white;
}

.header-inner {
    padding: 30px 0;
    position: relative;
}

#logo {
    background: url(/img/logo.png) no-repeat;
    display: inline-block;
    width: 284px;
    height: 40px;
    text-indent: -9999px;
}

@media (max-width: 768px) {
    .header-inner {
        padding: 20px 0 20px 10px;
        position: relative;
    }

    #logo {
        width: 183px;
        height: 26px;
        background-size: 183px 26px;
    }
}

.home-header {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    min-height: 400px;
    margin-bottom: 30px;
}

.home-header__title {
    font-size: 56px;
    font-weight: bold;
    color: black;
    text-align: center;
    padding: 40px 0;
    line-height: 1.1em;
    text-shadow: 0 0 1px rgba(255,255,255,.8)
}

.home-header__search-container {    
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.home-header__search-container form {
    display: flex;
}

.home-header__search-container__search-input,
.home-header__search-container__search-button {
    flex: 0 0 auto;
    font-size: 22px;
    border: 3px solid black;
    padding: 10px 30px;
    margin: 0;
}

.home-header__search-container__search-input {
    color: #0061a1;
    width: 500px;
}

        .home-header__search-container__search-input::placeholder {
            color: #0061a1;
            font-style: italic;
        }
        
        .home-header__search-container__search-button {
            background-color: black;
            color: white;
        }

.home-header__search_group-links {
    text-align: center;
    color: black;
    padding-top: 20px;
}

.home-header__search_group-links__header {
    margin-bottom: 20px;
    font-size: 18px;
    text-shadow: 0 0 1px rgba(255, 255, 255, .8);
}

.home-header__search_group-links__items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.home-header__search_group-links__items a {
    margin: 5px;
    padding: 5px 30px;
    background-color: rgba(255, 255, 255, .7);
    color: black;
    font-weight: bold;
}

    .home-header__search_group-links__items a:hover {
        background-color: rgba(255, 255, 255, 1);
    }

@media (max-width: 768px) {

    .home-header {
        min-height: 220px;
    }

    .home-header__title {
        font-size: 27px;
        padding: 20px 0;
    }

    .home-header__search-container__search-input {
        width: 80%;
    }

    .home-header__search-container__search-input,
    .home-header__search-container__search-button {
        flex: 1 1 auto;
        font-size: 14px;
        border: 2px solid black;
        padding: 10px 10px;
        margin: 0;
    }
}

.home-content {
    /*margin-top: -60px;
    z-index: 1000;*/
    /*padding-top: 30px;*/
    /*position: relative;    
    padding-top: 30px;
    background: white;*/
    padding-top: 30px;
}

.breadcrumbs, .pagenav {
    margin: 15px 0;
    font-size: 14px;
    font-weight: 600;
}

    .breadcrumbs li, .pagenav li {
        float: left;
    }

    .breadcrumbs a, .pagenav a {
        display: inline-block;
        padding: 10px 0;
        color: #58575a;
    }

.pagenav {
    float: right;
}

.breadcrumbs {
    float: left;
}

    .breadcrumbs li:after {
        content: "/";
        margin: 0 3px;
    }

    .breadcrumbs li:last-child:after {
        content: "";
    }

    .breadcrumbs a:hover, .pagenav a:hover {
        text-decoration: underline;
    }

.pagenav li:first-child {
    padding-right: 10px;
}

.headerbar {
    background: #00abc9;
    padding: 13px 34px;
    margin-bottom: 40px;
    font-size: 25px;
    font-weight: 600;
    color: white;
}

    .headerbar.small {
        padding: 7px 25px;
        font-size: 20px;
        font-weight: normal;
    }

    .headerbar em {
        font-weight: 600;
        font-style: italic;
        font-size: 25px;
    }

@media (max-width: 1024px) {
    /*.home-content {
        margin-top: -40px;
    }*/
}

@media (max-width: 768px) {
    .home-content {
        /*margin-top: 40px;*/
        /*margin-top: -10px;*/
    }

    .pagenav {
        float: none;
        display: table;
        width: 100%;
        margin: 0 0 10px 0;
    }

        .pagenav li {
            display: table-cell;
            width: 50%;
            font-weight: 600;
        }

        .pagenav i {
            font-size: 11px;
        }

        .pagenav a {
            padding: 10px 15px;
        }

        .pagenav li:first-child {
            padding-right: 0;
        }

        .pagenav li:last-child {
            text-align: right;
        }

    .headerbar {
        padding: 10px 30px;
        margin: 0 -15px 20px -15px;
        font-size: 18px;
    }
}

.box {
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .box {
        margin-bottom: 15px;
    }
}

.box-figure img {
    display: block;
    width: 100%;
}

.box-figcaption {
}

.box-body {
    padding: 30px;
}

    .box-body.gray {
        background: #f4f4f4;
    }

.box.white {
    background: white;
}
/*.box.border { border: 1px solid #00abc9; }*/

a.box {
    color: #525353;
    display: block;
}

    a.box:hover h2 {
        text-decoration: underline;
    }

.box-tabs ul {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.box-tabs li {
    display: table-cell;
    background: #d0d0d0;
    border: 1px solid #acabab;
}

    .box-tabs li.active {
        background: #80c3df;
    }

.box-tabs a {
    color: white;
    display: block;
    padding: 17px 20px 16px 64px;
    font-size: 18px;
    font-weight: 600;
}

    .box-tabs a:hover {
        background-color: #b7d0db;
    }

.box-tab-content {
    background: white;
    border-right: 1px solid #acabab;
    border-bottom: 1px solid #acabab;
    border-left: 1px solid #acabab;
    padding: 30px;
}

    .box-tab-content > div {
        display: none;
    }

        .box-tab-content > div.visible {
            display: block;
        }

@media (max-width: 768px) {
    .box-tab-content {
        background: transparent;
        border: 0;
        padding: 0;
    }

        .box-tab-content > div {
            display: block;
        }
}

.nav-box {
    background-color: white;
    padding: 50px 95px 60px 200px;
}

.nav-box-products {
    background-color: white;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABhCAMAAACOCS1gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTQ1OENCMkNGRTI0MTFFNDlERkFGQjA0MTk3ODhFQkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ1OENCMkRGRTI0MTFFNDlERkFGQjA0MTk3ODhFQkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNDU4Q0IyQUZFMjQxMUU0OURGQUZCMDQxOTc4OEVCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNDU4Q0IyQkZFMjQxMUU0OURGQUZCMDQxOTc4OEVCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn7l6LwAAAFQUExURXfS4kvE2fD6/GnO31rJ3A+wzBGxzUTB1+75+8zu9Dy/1t30+MPr8ofX5tLw9eH1+WbN33jT4pnd6VvJ3AWtyvP7/Pn9/g6wzP7//3DQ4Z3f6rbn8EDA1wKsySO30E7F2vX8/fT7/Ry0z/v+/hizzjG70yS30T/A1p7f6v3+/zS81Di91QSsyhayzgatygyvzAetykHA1wGryUrD2TC704jY5iK20Oj3+sHr8qfi7AOsytDw9XPR4XvU48Dq8nXS4iq50mTM3j6/1gmuy0LB1/r9/hCwzHTR4u35+7fn8EbC2Jfd6WLL3n7V5JTc6De91dPx9hKxzc/v9cnt9IDV5G/Q4SG20L/q8ef3+lfI26nj7XbS4rDl7guvyxSyzb3p8dTx9mDL3fb8/SC20Ci40T2/1obX5V7K3ev4+8ru9OT2+Q2vzKvj7djy9wCryf///7sVvr4AAAHlSURBVHja7NbXTxtBEAbwo5gD26GsccEmNt2md0hCEnrvvZeEnsC3//8bc04kInGHr3gikPd7sTQ3+3uwtowm+aIp+x3YVUCpLAEqi4Ei+QEIOrebt+PDmkmIndBagZU6IKmlgVC27MD+FOqFo9i2L/rhNHbttT5w2V+zzcnjk42ASYJAKhACEmNAf2AcOAqkbNs7hjzy0G5/n5TatRMD1HnY6GQP2rXDTdQYikkO+4b61iOSw27uBmofJYudoLZbyWPvUtt3JrseOJ1lsveAIclkbwIzXLbPWKDsXHb7KJt9d4WiBiZb0MJ0A499/5FWTjXy/N9xA78O8+yTjIFf6n/jB1p0uuQ76Xo409uADr3Fwx7MfMnLW2y+v+OMdowW15b9CXX0lNGQEZ0zatPA72zZ/bnEc9n9PJjbDgtxLoNCLESEWJRbQhzkz3Y/Iyv7/9rR5438b8ge9Gj/SlkfvK75nx7smPC9eqzb9t3b9VmhQzdL0vg08M21bSzv/mzeG1ntoa9+L3bXpGaVQa92jrxZ219hnV6P9muHz6dsZStb2Q7spXLrRAv0/maz6VGsI6Dz5VtplFvpd9nLXEXzOmrMyyVeZzZlK1vZylY2MFT9Ij/yZVukYO28RdnKVnZh2U8CDAAHR98XxMBArAAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: 80px center;
}

.nav-box-documentation {
    background-color: white;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABhCAMAAACOCS1gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUU2QkY3N0VGRTI0MTFFNEI3MUVEODJEQTY5QzkwQjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUU2QkY3N0ZGRTI0MTFFNEI3MUVEODJEQTY5QzkwQjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RTZCRjc3Q0ZFMjQxMUU0QjcxRUQ4MkRBNjlDOTBCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RTZCRjc3REZFMjQxMUU0QjcxRUQ4MkRBNjlDOTBCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoHZbN0AAAJVUExUReH1+YfX5pbc6UvE2YjY5jO81ETB17vp8Q+wzPD6/MPr8qXh7P7///z+/vn9/jy/1gGryQOsyrTm7wSsyhWyzT6/1gWtyvj9/kfC2By0z+T2+YTW5SS30ULB1/f8/Sa40fP7/Aatyv3+/+P2+W7P4FzJ3LDl7u35+970+Of3+h21z1TH21XH2yW30VjI3FvJ3Pv+/vL7/Bezzpre6pLb6Ov4+9Dw9cjt8wquy9Px9nPR4RGxzQ2vzDK71IbX5R+10Nbx9vr9/rLm79jy9930+EXC2Amuyze91aLg60rD2ej3+hKxzW3P4OL1+WLL3lnI3Kbi7FrJ3N/0+L3p8arj7Qetygiuy+b3+iK20FbH2yG20H7V5GjN3/H6/EHA1y+609zz+Bu0z1fI25/f60zE2SC20HzU45Da5/X8/UPB12vO4AKsydfy91PG29Lw9WDL3XXS4vb8/UjD2KHg6+X2+QyvzK/l7nnT4+z5+2bN33vU49Hw9Sq50un4+ovZ5sLr8mzP4FLG2hmzzo7a5xCwzCi40S660yy50oHV5DW81Du+1bjo8D/A1svu9H/V5MHr8jG702TM3trz95jd6Zfd6S2604nY5iO30Lro8I/a513K3dXx9o3Z517K3RSyzWfN34LW5e/6/OD1+MTs88ru9Or4+87v9W/Q4U7F2sft83jT4rHl7ozZ56vj7Z3f6r7q8ROxzcDq8pnd6a7k7ji91aDg63LR4Tm+1RayztTx9k3E2Zze6kDA19vz95ve6rfn8DC70w6wzAuvyx61z3rT4wCryf///9oILqEAAAOPSURBVHja7Nn1cxNBFAfwAAVaiDZt6l6o0hZKhSot9eJt8eIuFdzd3d3d3d2+7+/idtMQBtLkmtudASbvh83e5vK5zN27lTsdyQudz/bZf5kd0M8KdzFhtPd2BjzFSa/tcR5t7PbWhopYpcFe6uchkr23u0nKk3/eDr/0qqebiLoc7bXdHuMpW6bO99Zu9JyKlfO9tLuryPPQaA22qVdn8Y3jS43e2513kjfWc7zWKMGmuh0cv22UYNN4eyJtMUqwKTyS42lZEmxKOMXxiQYJNukmcXyUQYJNV0s5ftYgwabkVI63GiTYND2M4yP1Emw6OoPjR/QSbBq2leNT9BJsGjqI45v1Emx6E8TxWzJsGmLHB8uwKfci23uOFJtuFrLd5djUw2f7bJ/ts/8ue3lmTHBEn3trTkw7oxdsB/yyoPgu1jbMRlxbZj2wqy0U5kaBdtmzKOC+coSEJKKQYlS9bBFl92dDeubPs1zBZlVTNwixk+OA6lnxrDowhJU5BcrBKoXY81C4jn3eSfcHBsxNYqc/AuaBIuy1MDGuwGzPksePlK3FwHQRdiKCeYnIbftWJlahKU/5PdAiwNZXI4OoAbjAT/biMEwyUqwF2QLsY0A50QJ8LrNvXzdjNFPrUzTbOf54SxRrQ19HSyXGKIlYhH6a7YfIH090DqhwtMxFNc+euCytdjaKVivzSmCso2Uy9ijlcVjLtNopXzGRqNmCB46WWsxUlpmFWKL9Wp4HThMF43nHymmIBS+I0lA0QrsdX8yuWiAwnOO6SMxop2grn3drvneGY79StgKHZ+U9Obgd1gZ+7+SKsO/ye944smNkWNGfLaWAD2rtJjf2RgTxHPnUywa8XpjA6oNhDlBrz3RjD7PAEsr+LIXo6nhPGzEAvI9RZyeNsnY+NtR8YStJ54MIRUbxCNW2I1yPabGs+SmrGImy9gLjDulJkE0BSmtVycI5sJgi0pS6f1fGYs92nHMOESnarpkdtLOgfFl6WOnkGg3279GD2X2cO/VV7EDn12rtbJcPMt3aNrV27iIXtsmt/V71+52SRV20w4aqf3ek6/1HHHBh53R8tyma1Nsu40+7C89MVdrhKbLseD9b/js59vIF7NqlX5FglwcBS5R5eOk14XaUGfkfKb7EBmuwaBuYxjM5b8Iv/aAg25wYYq83jxFrkyk10LmxzD9DpE36Tje0210In/3/2D8EGAAGzbcM80PDjwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: 80px center;
}

.nav-box-header {
    color: #0061a1;
    font-size: 36px;
    font-weight: 600;
}
/* letter-spacing: -2px; */

@media (max-width: 1024px) {
    .nav-box {
        padding: 66px 10px 10px 10px;
    }

    .nav-box-products, .nav-box-documentation {
        background-size: 50px 53px;
        background-position: center 10px;
    }

    .nav-box-header {
        color: #0061a1;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
    }

    .nav-box-text {
        font-size: 14px;
        padding: 10px;
    }
}

@media (max-width: 768px) {
    .nav-box {
        padding: 66px 10px 10px 10px;
    }

    .nav-box-products, .nav-box-documentation {
        background-size: 50px 53px;
        background-position: center 10px;
    }

    .nav-box-header {
        color: #0061a1;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
    }
}

.box.collapsible .collapsible-content {
    display: none;
}

.box.collapsible.open .collapsible-content {
    display: block;
}

.collapsible-toggle {
    background: #00abc9;
    padding: 13px 30px;
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: white;
}

    .collapsible-toggle h2 {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAFVIUVZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjY0QUFBREVGRjg0MTFFNDhBQzZDMkZFMkEzRjNFMDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjY0QUFBREZGRjg0MTFFNDhBQzZDMkZFMkEzRjNFMDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNjRBQUFEQ0ZGODQxMUU0OEFDNkMyRkUyQTNGM0UwNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNjRBQUFEREZGODQxMUU0OEFDNkMyRkUyQTNGM0UwNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp2/jrMAAAC5SURBVHjaYvj///8yIGYACCBGEAEEqwECCMYAE0DACBBADEABNpAgiGYCiqhDZdQBAggkIvMfApihKhihfDkGqAAI20MFHWBiAAEEIjYiKYDh9SDiHhAvQRJcCMSPYc56BcQLoA5IAWIhmAQIfIXS3CACIMBAWk9BLQbZxYLFPgaoy9dA1d2ACaoA8VOo4Ayot2DemwoVfwnEqjDfIGMzIP4AVbQfSn8EYnNkdQw4nOMDxK+B2BebPADMKiKzeKdQcAAAAABJRU5ErkJggg==') no-repeat right center;
    }

.open .collapsible-toggle h2 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAFVIUVZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkY1Q0I5NzBGRjg0MTFFNEJCODY4QzQ3MkRFRTkxMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkY1Q0I5NzFGRjg0MTFFNEJCODY4QzQ3MkRFRTkxMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRjVDQjk2RUZGODQxMUU0QkI4NjhDNDcyREVFOTExRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRjVDQjk2RkZGODQxMUU0QkI4NjhDNDcyREVFOTExRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgRS5poAAADJSURBVHjaYvz//z8DCAAEECOMARBAMMYMIP4LxNkAAcQAEgDi12AJIPEUKvASIIBgMiD8AYj3A/FHmBgLUO8pIH4OxAIMCLAGiHUAAghuGxD4gCwF4s1gHlS72X8EMIdZrAIVYIRiEFAFM4AaWYH4D9RIZhAbIMCYkFwHw/ZA/BWqE0Q7oKthQnKpLhC/AuIDQDwV6kgQvR+I30HlGWCOlgHie1CTlwAxM5rJIGcuhMo/BmI5kMAyoF5uIA4F4l8MuAEbEK8E+QkAbmrOOmedmOgAAAAASUVORK5CYII=') no-repeat right center;
}

a.collapsible-toggle:hover {
    background-color: #46b3c6;
}

@media (max-width: 768px) {
    .collapsible-toggle {
        padding: 10px 15px;
        font-size: 18px;
    }
}

.related > a {
    background: #c7ce00;
    color: white;
}

    .related > a:hover {
        background: #d2d575;
    }

.related .collapsible-toggle {
    padding: 10px 20px;
    font-size: 18px;
}

.related-products {
    background: white;
    padding: 20px;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

    .related-products li {
        padding: 10px 0;
    }

    .related-products a {
        color: #333;
        font-size: 14px;
        font-weight: 600;
    }

        .related-products a:hover {
            text-decoration: underline;
        }

.related-articles {
    background: white;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

    .related-articles li {
        border-bottom: 1px solid #dadada;
    }

        .related-articles li a {
            padding: 15px;
            display: table;
            width: 100%;
            font-size: 14px;
            font-weight: 600;
            color: #333;
        }

        .related-articles li figure {
            display: table-cell;
            padding-right: 5px;
            vertical-align: top;
        }

            .related-articles li figure img {
                display: block;
                width: 100%;
            }

        .related-articles li span {
            display: table-cell;
            padding-left: 5px;
            vertical-align: top;
        }

        .related-articles li a:hover span {
            text-decoration: underline;
        }

.carousel-buttons {
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 100%;
}

.carousel-buttons-inner {
    position: relative;
    max-width: 1220px;
    margin: 0 auto;
}

.carousel-button-prev, .carousel-button-next {
    color: white;
    font-size: 40px;
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -20px;
    opacity: 0.6;
    cursor: pointer;
}

    .carousel-button-prev:hover, .carousel-button-next:hover {
        opacity: 0.8;
    }

.carousel-button-prev {
    left: 30px;
}

.carousel-button-next {
    right: 30px;
}

.swiper-pagination {
    bottom: 90px !important;
    right: 0;
    margin: 0 auto;
    width: 20%;
    max-width: 300px;
}

.swiper-pagination-bullet {
    background: white;
    opacity: 0.5;
    height: 12px;
    width: 12px;
}

.swiper-pagination-bullet-active {
    background: white;
    opacity: 1;
}

.carousel-slide-overlay {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
}

.carousel-slide-overlay-inner {
    position: relative;
    max-width: 1220px;
    margin: 0 auto;
    height: 100%;
}

.carousel-slide-overlay-content {
    position: absolute;
    height: 100%;
    width: 100%;
    display: table;
    border-collapse: collapse;
}

.carousel-slide-overlay-content-inner {
    display: table-cell;
    vertical-align: middle;
    padding-left: 110px;
}

.carousel-slide-overlay-text {
    color: white;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 20px;
}

.carousel-slide-overlay-btn {
    color: white;
    display: inline-block;
    border: 1px solid white;
    text-transform: uppercase;
    padding: 5px 40px;
    margin: 0;
    font-weight: 600;
}

    .carousel-slide-overlay-btn:hover {
        background-color: rgba(100, 100, 100, 0.2)
    }

@media (max-width: 1024px) {
    .swiper-pagination {
        bottom: 50px !important;
    }

    .carousel-slide-overlay-text {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .swiper-pagination {
        display: none;
    }

    .carousel-button-prev, .carousel-button-next {
        display: none;
    }

    .carousel-slide-overlay-text {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .carousel-slide-overlay-btn {
        font-size: 11px;
        font-weight: normal;
    }

    .carousel-slide-overlay-content-inner {
        padding-left: 30px;
    }
}

.audience-box {
    padding: 35px 45px;
    display: table;
    width: 100%;
}

.audience-box-text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 35px;
}

.audience-box-list-container {
    display: table-cell;
    vertical-align: middle;
}

    .audience-box-list-container ul {
        display: table;
    }

    .audience-box-list-container li {
        display: table-cell;
    }

    .audience-box-list-container a {
        display: block;
        font-size: 22px;
        font-weight: 600;
        padding-left: 75px;
        padding-right: 45px;
        border-right: 1px solid #acabab;
        background-position: 25px center;
    }

    .audience-box-list-container .consultant {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAnCAMAAACylgF9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzU5NzIwQzdGRUJCMTFFNEE4NjY5MzE2QzVGMzQyQTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzU5NzIwQzhGRUJCMTFFNEE4NjY5MzE2QzVGMzQyQTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNTk3MjBDNUZFQkIxMUU0QTg2NjkzMTZDNUYzNDJBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNTk3MjBDNkZFQkIxMUU0QTg2NjkzMTZDNUYzNDJBMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi8KtOsAAADYUExURdXx9hCwzOv4+/X8/WrO3yi40QSsymzP4Aatysjt87jo8G7P4EbC2AKsyYfX5vL7/C+600jD2AiuywWtyqPh7Mnt9InY5jO81M/v9SW30fn9/t30+PT7/fP7/Aquyxq0zwmuy4LW5TG7023P4D2/1knD2GXM3ji91bbn8Lno8Pb8/Y7a5xKxzSa40d/0+Jfd6UXC2Dy/1ju+1YXX5fH6/De91QGryff8/aLg67/q8TK71Nvz94bX5Zze6nLR4X/V5O/6/MXs82fN3yq50i260yK20ACryf///7HRbAoAAAEVSURBVHjaxNTXbsMwDAVQecY7e6+me++90pWb//+jNpYS0xWLPhSFCRighCPJpgiL+e8hijHDpD1CGqN2MmRN3wEJp88Yq4tKMJD5fvCOrqWbFiqDbGnZQUs369hV2UEtPe1eN3XIzV+31But6QZ4Ob472Z4BxpMcc0Z9UGLOfzaHR5vh7UM25ky+uP9pDNxQcomabj7gU+PD0U0JJWrocGVE7DUz0vRiwfRGiHFnmXfG2OD6pxfBe/PLX3fu2x6iHmfEKe2xSOjGtF0YF6EEz48GXNv8ZhpqclG5xZMuaeTM3jWqYlldWWFRRRxQs4Mp7RCZT3BFjauaMGcs1KlZXWB2FpktwvBBzRlPzgv9R/3JfAowAItrX/K1CL+XAAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
    }

    .audience-box-list-container .plumber {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAnCAMAAAChQUGJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REE0NkM3MDhGRUJCMTFFNDkzMThGMzYzQzI2NTRGRUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REE0NkM3MDlGRUJCMTFFNDkzMThGMzYzQzI2NTRGRUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQTQ2QzcwNkZFQkIxMUU0OTMxOEYzNjNDMjY1NEZFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQTQ2QzcwN0ZFQkIxMUU0OTMxOEYzNjNDMjY1NEZFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjuITPIAAAIuUExURQGryfz+/vn9/gOsyvX8/QyvzK3k7lnI3P3+//f8/f7//+r4+9jy9wWtygatykDA1xy0z53f6jK71Nfy9+H1+Si40Q6wzCa40Sm50ji91fr9/hWyzfv+/oXX5SC20Dq+1R+10E7F2tvz94LW5Y3Z5z6/1qHg65Lb6J/f6+X2+S6602DL3UHA1/D6/Bizzi260zG70wSsyiG20Da91Nny95jd6XrT40vE2Zbc6UbC2E3E2Qquyyq50qPh7Pb8/e35+1XH22fN38jt8wKsyQetyqbi7Nbx9h61z3TR4l3K3Y/a55Pb6NXx9un4+giuy0LB1xayzqrj7ev4+2rO39Px9tHw9YPW5XvU43XS4obX5WjN34DV5FfI24fX5t70+BKxzUnD2Lno8HjT4kTB18ft8xu0z0zE2W3P4Amuy9/0+ITW5Se40Ty/1nDQ4b7q8TS81FLG2t30+O/6/FTH233U4/L7/BmzziS30XbS4m7P4Lbn8K/l7pTc6MTs82TM3qji7RezzovZ5qvj7ZHb6Pj9/g+wzFbH2x21z5nd6X7V5BOxzRq0z2nO30PB13zU48ru9PP7/LPm7yO30InY5lDF2kjD2Lro8PH6/Mvu9OT2+Zve6sLr8j/A1tLw9ZXc6YzZ5xGxzT2/1uD1+HfS4kfC2LHl7lrJ3OP2+Zze6mHL3jm+1YHV5CK20GPM3jO81Kzk7RCwzJ7f6mzP4Oj3+trz9yu50nLR4TC70wCryf///6M7BjwAAAINSURBVHja3JRVd9tAFIRXlszMju0wNNRgw0nDzEmZmZkhKTMzMzPD3H9XyX6sVtFz9LRz9K3OrubOMNL/sOnDHgrFCltS2wQ9bDE8ZUbgW6t/anaWx/XaMnDc3c7Mdk226xfRzm6XSdmzBN0OLTbl9BqijWnOUUWMDnnGNNh7z0KTRIFPYqeiTOyz1nmrYXxI9DYsNinqslGDrWKRWMM2ooLNYj6R8LuEx84dm2B/7Y9HGu5QwX7xBNFHbOKw38UY89mv+gdKNjQFxaNEXpZiUGcfsAon63wEvPRfhJhHNIMF7er/zMRKB00dKJ9fh0ulzEuUDd9PjhfX28P3yVE7h07VAFVk24rcmTyPs4EbgcTKkIlF8SLUzObNwx48zy+veJGEdyADb6K8OauGW6KvroxlCRVtQdjCm8kDWC0R5Yk4m5X88gVjlMP+wSv5cF4x+BRrE6OViqXqubAdxAor0TnW6PCxjn1dRO+SJvzP2sZRL795wgqzKtnJlUPH2n4gMqiaN1srbhkUk8oC6cihPgagvlk1m5Yj2C2jOexLcw8W0nlsP7zOpJ5joQhn4kQ3UbmL3Mut61G8l5d5oRdmQbl2uuznPDiRaeX1g2BGr4wuxpa7iqo198e5XbIA72X0CnKvTd07oQ+yk6swLOnoqJGIRD2ok/T0WR8ah3Hbqq/7+tOM44bp1uv/BBgAtS8U44n/y/kAAAAASUVORK5CYII=');
        background-repeat: no-repeat;
    }

    .audience-box-list-container .wholesaler {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAkCAMAAADIF1gZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUFFNjY4RUZGRUJCMTFFNDlGRkM5OTE5MTJCRTJDNkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUFFNjY4RjBGRUJCMTFFNDlGRkM5OTE5MTJCRTJDNkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQUU2NjhFREZFQkIxMUU0OUZGQzk5MTkxMkJFMkM2RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQUU2NjhFRUZFQkIxMUU0OUZGQzk5MTkxMkJFMkM2RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmyFl24AAAIEUExURf7//930+AKsydXx9vn9/v3+//P7/GbN3+v4+watyhu0zxSyzRGxze35+/b8/afi7F7K3TO81AWtyia40eH1+bro8PX8/WPM3vv+/gmuy37V5ASsyrno8BayzgetyhKxzd/0+Jjd6YbX5cjt8+T2+drz95ve6kDA1xmzzorY5gquyw6wzI3Z553f6nPR4TC704DV5CO30Kvj7XzU4w2vzOn4+uj3+o/a55Da5+/6/KDg6yq50sLr8kHA1/z+/iG20PL7/D6/1lHG2i+60y260/r9/vj9/lDF2ozZ5x61z2/Q4bXn7wyvzJPb6HDQ4TS81IXX5QGrybjo8Auvy0/F2jm+1XfS4nTR4oHV5A+wzB21z87v9XLR4fD6/HnT44jY5m7P4Pf8/VPG2+75+xy0zxWyzVTH26ji7U7F2njT4mHL3n3U46rj7anj7Zze6q7k7svu9Kzk7a3k7lbH24vZ5qXh7I7a5zK71Bq0z8Ts88ru9OP2+U3E2WfN357f6ii40Z/f6ym50uD1+DW81CS30TG70zy/1ie40UPB17zp8SK20GnO3wOsypfd6WTM3sft8/T7/WzP4EjD2Nvz90LB11fI2yW30cDq8mrO3+X2+fH6/InY5qLg6+b3+q/l7ja91Mnt9Lfn8GDL3V3K3Sy50mvO4L3p8W3P4F/K3abi7ACryf///7WIjg4AAAH7SURBVHjaxJTlc9tAEMUvsuRKZozZDnMaZmbmlJmZmZm5TcrMffdP1iePZ1yfU+lLp/tB73bnNyfNavcRqjvIP0d9T67qRJ+F4HIYdKEXsPEaZuYfaaPvov2E3rkNFIe10OU4wWQYwKlaKVnNSkR2Kmodr/EzXSEcWgTclaJaDSMRI6loNXKZtGMntaOvDNsrjPG0Q/AtY9GUghrNJVuYnsdZcsPlkffFEKsm+ejlv/UkSpkYZtr8n/Azfup+id10CB85VDRZ2PtopYKuS4La3F7kG4QFvgNFCCYOr1aVY0i9X+ign+Hl0M7rc3KysmHTYSZf4PUoTr6vdkym9TsnNEVHsZ9DSZVyLg39hqPy3HOJQ8fgSyMbA1ekIIr4H3sTxWf+RPfgsjF2WuTRF0+BnrGUIWtZMzJQgeGM47LumIC+X53J6jQmkp1OR7+HaeFDBTW5g2pq2xGxHURdxiH8Cud7UrB+HCWl3fF0AnmSOyBnRLP2utBvl6yrzbDUNQw4P7QcwY+lRjvnXhS3Wv2Pm9dins3xVMiz9BYUTJah68GgOEsMm7c64PjrcjesrIepKbs2yub+rYZlWIMWROrNXtuBgEnUcpfXeRG8UZeyXduIWnEx/jyOWW20UKjaRhvvKrIOexuFuacc03qckDS777ft+h/+qhG/BRgAQGJkp2rBUlQAAAAASUVORK5CYII=');
        background-repeat: no-repeat;
    }

    .audience-box-list-container li:first-child a {
        padding-left: 45px;
        background-position: left center;
    }

    .audience-box-list-container li:last-child a {
        padding-right: 0;
        border-right: none;
    }

@media (max-width: 1024px) {
    .audience-box {
        padding: 10px 0;
        display: block;
    }

    .audience-box-text {
        display: block;
        padding-right: 0;
    }

    .audience-box-list-container {
        display: block;
    }

        .audience-box-list-container ul {
            width: 100%
        }

        .audience-box-list-container li {
            text-align: center;
        }

        .audience-box-list-container a {
            font-size: 16px;
            padding-right: 0;
            text-align: center;
        }

        .audience-box-list-container .consultant {
            padding-left: 0;
            padding-top: 40px;
            background-position: center top;
        }

        .audience-box-list-container .plumber {
            padding-left: 0;
            padding-top: 40px;
            background-position: center top;
        }

        .audience-box-list-container .wholesaler {
            padding-left: 0;
            padding-top: 40px;
            background-position: center top;
        }
}

.swiper-slide img {
    display: block;
    width: 100%;
}

.search-box form {
    position: relative;
    padding-right: 190px;
}

    .search-box form input {
        background-color: #e4f6f9;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAFme1bjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2ZmZiMTc5Yi0yZWYzLTQxODgtYWMwMC0wZDlhM2JmNDNhZTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM5MzEzMDJGREZCMTFFNDlBNkVFMjFDNEJBMDkyNTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM5MzEzMDFGREZCMTFFNDlBNkVFMjFDNEJBMDkyNTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNGU0ZDQ3My05MDZiLTRiNjYtYmI5OS04MmQ2NGI1ZWY0ZDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NmZmYjE3OWItMmVmMy00MTg4LWFjMDAtMGQ5YTNiZjQzYWU5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YpAe/wAAAp9JREFUeNpilF96hwEGmIB4KzLHG8r+DxBAjOjKHiNz5sI4AAEEU/YJiKcBcQVIL0icBUhcBmI+BgRghGnXhQr0AXEclH0IIICQbQTp/oNs4TwoGyQYiixxHMn81VDLwRIXGbAAkMR+NBdpwyS4gVgUiJdAjdkBkgAIIGRXpQPxDCj7MxDzAvEbqCYUK3ihJqwD4iaoNXxQGqQ4AohfIWsAcbiA2AGI67G4ewWyLaDA8QXiB0AszoAd8KA7aQ9U8Tsg/gnEhUAcBvUkyKk3kUOGBUmzEJrJq9D494H4KkAAoaQWbHGI7hxY4D+DWv8FSoNwKjbF/4A4F4gtgHg3VDMjNAktRlYMipBoIG4D4rPQkIIBULzEQGMarFgYiC8BsR4OtyYD8XxkZ/hAgw8bWAPEHsiKOxhwAy0gvo0c1nzQXIQNbADiEJjJhkD8EZab0EAL1JNHYCZfgLrpHzSqQflIDojboUmYC4q/wdy8E2oyKMX5A7EUEEtAQ0oFiL+CbMAW3diAAih9AAQYLsWgJBoFtcUIiMWg4qC8cAaIN0Fd8RmfDUxIbDaohv9QTaDkvQCI9YGYGYp1ofk7Ehra/6F8NnyGp0EjHVQ4GkBdCuK3QssEf6g6UNJbCcRO0DA0QkowydiyB6xAARViVkC8HoivI5XC+MB5IBYA4mNAPAdqyRLkYhkU6MpArA7EQVBXFzGQBjSB+BoQ34KaA3c5rFR4SyCZ4wPvoLQAepivg7LzGcgHWVB6GXqYp0JTQS20QEwn0WBQ1ZcEDfdCdJeDkpM5NLMmI1UCcngMVIGm9f9Qg08DsSu+dL4W6hM5aBq+g1R2ouOr0GQpBY1ASWgWPggrBdHrOEqBEhDvA2J5ID4KxF5MDNQD96BligK0+JgCALS+mYRok07JAAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
        background-position: 30px center;
        border: 1px solid #71a6c8;
        border-radius: 0;
        height: 73px;
        width: 100%;
        padding-left: 74px;
    }

        .search-box form input::-webkit-input-placeholder {
            color: #0061a1;
            font-style: italic;
        }

        .search-box form input:-moz-placeholder {
            color: #0061a1;
            font-style: italic;
        }

        .search-box form input::-moz-placeholder {
            color: #0061a1;
            font-style: italic;
        }

        .search-box form input:-ms-input-placeholder {
            color: #0061a1;
            font-style: italic;
        }

    .search-box form button {
        position: absolute;
        top: 0;
        right: 0;
        height: 73px;
        width: 180px;
        background: #00abc9;
        color: white;
        border: 0;
        font-size: 24px;
        font-weight: 600;
    }

        .search-box form button:hover {
            background-color: #58c7db;
        }

@media (max-width: 768px) {
    .search-box form {
        padding-right: 90px;
    }

        .search-box form input {
            background-image: none;
            padding: 10px;
            height: 40px;
        }

        .search-box form button {
            width: 80px;
            height: 40px;
            font-size: 16px;
        }
}

.section-header {
    font-size: 18px;
    color: #333333;
    margin: 15px 0 20px 0;
    text-align: center;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    display: table;
    border-collapse: collapse;
    width: 100%;
    white-space: nowrap;
}

    .section-header:before, .section-header:after {
        content: '';
        display: table-cell;
        background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkRGQUIyNTBGOTYzMTFFNDg2QTJCRUNEREFFQjM0QzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkRGQUIyNTFGOTYzMTFFNDg2QTJCRUNEREFFQjM0QzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyREZBQjI0RUY5NjMxMUU0ODZBMkJFQ0REQUVCMzRDOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyREZBQjI0RkY5NjMxMUU0ODZBMkJFQ0REQUVCMzRDOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgJ73HkAAAAGUExURQCryQAAAKnVtsQAAAAMSURBVHjaYmAACDAAAAIAAU9tWeEAAAAASUVORK5CYII=') repeat-x 0 50%;
        width: 50%;
    }

    .section-header:before {
        border-right: 35px solid transparent;
    }

    .section-header:after {
        border-left: 35px solid transparent;
    }

.box-solution {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.box-solution-content {
    display: table-cell;
    vertical-align: middle;
    padding-right: 118px;
    width: 66%;
}

.box-solution h2 {
    font-size: 30px;
    font-weight: 600;
    color: #0061a1;
    margin-bottom: 10px;
}

.box-solution h3 {
    font-size: 21px;
    color: #00839b;
}

.box-solution-text {
    margin-bottom: 20px;
}

.box-solution-image-container {
    display: table-cell;
    vertical-align: middle;
    width: 33%;
}

    .box-solution-image-container img {
        display: block;
        width: 100%;
    }

.box-solution-btn {
    color: #333333;
    display: inline-block;
    padding: 10px 34px;
    border: 1px solid #b2b2b2;
    font-size: 13px;
    text-transform: uppercase;
}

.box.solution-featured-mobile img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.box.solution-featured-mobile h2 {
    font-size: 20px;
    font-weight: 600;
    color: #0061a1;
    margin-bottom: 10px;
}

.box.solution-featured-mobile h3 {
    font-size: 16px;
    color: #00839b;
}

.box.solution-mobile {
    background: #f4f4f4;
    display: table;
    width: 100%;
}

    .box.solution-mobile figure {
        display: table-cell;
        vertical-align: middle;
        width: 33%;
    }

    .box.solution-mobile h2 {
        display: table-cell;
        vertical-align: middle;
        width: 66%;
        font-size: 20px;
        font-weight: 600;
        color: #0061a1;
        padding-left: 20px;
    }

    .box.solution-mobile img {
        display: block;
        width: 100%;
    }

.more-solutions {
    text-align: center;
    margin: 40px 0;
}

    .more-solutions a {
        display: inline-block;
        padding: 7px 15px;
        text-transform: uppercase;
        border: 1px solid #acabab;
        color: #333333;
        font-size: 16px;
        font-weight: 600;
    }

.box-school {
    display: table;
}

.box-school-header {
    background-image: url(/img/ajskolen.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: table-cell;
    width: 515px;
    vertical-align: middle;
    text-align: center;
    font-size: 43px;
    font-weight: 600;
    color: white;
    line-height: 1;
}

.box-school-text {
    background: #0061a1;
    color: white;
    display: table-cell;
    padding: 30px 180px 30px 30px;
    position: relative;
}

.box-school-btn {
    color: white;
    display: inline-block;
    position: absolute;
    right: 30px;
    bottom: 30px;
    padding: 7px 34px;
    border: 1px solid #00abc9;
    font-size: 13px;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .box-school {
        display: block;
    }

    .box-school-header {
        display: block;
        width: 100%;
        line-height: 120px;
        height: 120px;
    }

    .box-school-text {
        display: block;
        position: static;
        padding: 30px;
    }

        .box-school-text p {
            margin-bottom: 20px;
        }

    .box-school-btn {
        display: block;
        width: 120px;
        padding: 7px 0;
        position: static;
        margin: 0 auto;
        text-align: center;
    }
}

.box-recent-news h2 {
    color: #0061a1;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .box-recent-news {
        display: table;
        width: 100%;
        margin-bottom: 40px;
    }

        .box-recent-news h2 {
            font-size: 18px;
            margin-bottom: 0;
        }

        .box-recent-news figure {
            display: table-cell;
            width: 50%;
            vertical-align: middle;
            overflow: hidden;
        }

        .box-recent-news img {
            width: 100%;
        }

        .box-recent-news .box-body {
            display: table-cell;
            width: 50%;
            vertical-align: middle;
            padding: 15px 10px;
        }
}

.box.newsletter {
    background: white;
    border: 1px solid #00abc9;
    padding: 50px 46px;
    position: relative;
    /*margin-top: 28px;*/
    margin-bottom: 63px;
}

    .box.newsletter h2 {
        color: #0061a1;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 25px;
        padding-right: 90px;
        min-height: 39px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAnCAMAAABzEUvRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUUxNDE4QTRGRUJFMTFFNEJFMTJBRDhCMDEzODA0QjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUUxNDE4QTVGRUJFMTFFNEJFMTJBRDhCMDEzODA0QjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RTE0MThBMkZFQkUxMUU0QkUxMkFEOEIwMTM4MDRCNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RTE0MThBM0ZFQkUxMUU0QkUxMkFEOEIwMTM4MDRCNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvgRsyQAAAGhUExURfz+/gGryTy/1guvywetyje91Sy50vT7/QSsysjt8yC20C660wOsyv3+/zm+1fb8/dvz9/7//9fy9x+10FTH207F2vf8/YHV5Ci40Qmuy+b3+vv+/m3P4NHw9fj9/lHG2uz5+0zE2UHA12zP4PX8/Z/f64bX5VfI2wquy7Hl7uT2+YTW5RmzzjS81Cq50rPm737V5OL1+fH6/CK20OD1+BKxzS+609Xx9mfN32bN35bc6YjY5p7f6qji7d70+JLb6IXX5WPM3qbi7L7q8RCwzBGxze35+wKsyUnD2K7k7hOxzWDL3R21z9/0+Nny94PW5Qiuy/n9/pve6l/K3VXH23fS4kvE2WrO3/r9/mTM3rbn8GnO3w+wzKrj7Q6wzBWyzcPr8qXh7D6/1pfd6bXn7zu+1W/Q4Rq0z5re6lDF2mHL3uf3+hu0zxSyzcbs87/q8cDq8lLG2qDg63jT4i2602XM3tTx9sXs8zW81Kfi7ELB15nd6Tq+1Sa40aTh7MLr8tPx9j/A1tbx9tDw9TC70xy0z2vO4PD6/O75+wCryf///5HouUIAAAIySURBVHjanNVnW+JAFAXgSUARASmromIX7L333tvqNsv23nuvbifn/uqdSWCJmOp8YvLwktw55F5GNC974GJ55HkiRk1wvZqIfcQp1hSTgeGY4mL9DAAy43VJE+RiTUi8Pqbe9F7IKQpVq0CwM0DLrjNV26J+XWWRD8CnfieqvxEoiGRY2rcK/H5sr6qGgVVfOsto/zxQvG2ntouBjQTlGEUvAtf91sr/FHgdJT0jmlmB59BK3fFgZUZ8OMZoyouilLlKFcF7lU4yWrgGqdlMNUu4skBGjH51AtUhs5A7a8iY0dZX4EKtQcilQMUWmTGqLwAa0/kqLUKuJ3NGvktAoCovZP6Xb/CRFaPEBg8+plcxHvKjBFkzivLnXNcF71/nTxglG8bGxHvR2pPd96h9ZoxZs3AZUDjOg5/U9pM85PFC4GHYii3zFiEr9HwRUofYd0hYfEGKdtWU9XUDdeJ3a+4DfxnjTe2JCLm8DujuM2Pf/wCjWhWDFUCpCHlQq3gU2HxnzI6WgPj/4EvEUZQsZ/dxYOmGEVvbQfBcrvBkAw85mds/CKJy7SS7zS+36eNhs7P6Y6e2SgQ/57NeYOiZ9dv9fgjoPcbYHO9jI3a9ZGQTeMtyLClCbrfvXO08+LJwlk3zU/uhOOmTyi3g7nSGDQAvy511ZRH8QIYBe8zpDGCXtRnQyifOWTcTJ65OHF5XIOJmvkXeAF/Yt9NM05uM5tyrAz7yKdXldWO8Xa+I/gkwANWGAL4pJJ4ZAAAAAElFTkSuQmCC') no-repeat right top;
    }

    .box.newsletter p {
        margin-bottom: 30px;
    }

.box.downloads {

}

@media (max-width: 1024px) {
    .box.newsletter {
        margin-top: 0;
    }
}

.box.course-interest {
    border: 1px solid #00abc9;
    padding: 55px 25px;
    position: relative;
    margin-bottom: 63px;
}

    .box.course-interest h2 {
        color: #0061a1;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 25px;
    }

    .box.course-interest p {
        margin-bottom: 30px;
    }

.box-social {
    background: #e2f3fa;
    padding: 50px 30px 50px 46px;
    display: table;
}

    .box-social h2 {
        color: #0061a1;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 25px;
    }

.box-social-text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 40px;
}

.box-social-networks {
    display: table-cell;
    vertical-align: middle;
}

    .box-social-networks li {
        padding-bottom: 7px;
    }

        .box-social-networks li:last-child {
            padding-bottom: 0;
        }

    .box-social-networks a:hover {
        zoom: 1;
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

a.box-reference:hover {
    zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.box-reference figure {
    position: relative;
}

    .box-reference figure img {
        display: block;
        width: 100%;
    }

.box-reference figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    color: white;
    font-size: 18px;
    font-weight: 600;
    background: black;
    background-color: rgb(0, 97, 161);
    background-color: rgba(0, 97, 161, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0061a100, endColorstr=#0061a100)";
}

.box-about {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

    .box-about img {
        width: 100%;
    }

    .box-about h2 {
        position: absolute;
        z-index: 2;
        top: 75px;
        width: 100%;
        text-align: right;
        padding-right: 45px;
        color: #d2edf8;
        font-size: 36px;
        font-weight: 600;
        line-height: 1;
    }

        .box-about h2 span {
            display: block;
            font-size: 56px;
            color: white;
        }
/* letter-spacing: -2px; */

.box-banner img {
    width: 100%;
}

@media (max-width: 1024px) {
    .box-about h2 {
        top: 30px;
        padding-right: 25px;
        font-size: 26px;
    }

        .box-about h2 span {
            font-size: 36px;
        }
}

.footer {
    /*background-color: #ccc;*/
    background-color: #58585a;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAJRCAMAAACz2i1lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYxQTk3QkZGOTUzMTFFNDkyOEE4OTU4NDAwNjQwOEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYxQTk3QzBGOTUzMTFFNDkyOEE4OTU4NDAwNjQwOEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NjFBOTdCREY5NTMxMUU0OTI4QTg5NTg0MDA2NDA4RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NjFBOTdCRUY5NTMxMUU0OTI4QTg5NTg0MDA2NDA4RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiqMc70AAAF0UExURVpaXGNjZVtbXVxcXl1dX3x8fXZ2d2trbYGBgmBgYWxsbmZmaJycnWJiZHR0dpqam3d3eGRkZm1tb19fYGlpa2FhY5aVl6Ojo4uLjZ+foIeHiJOTlKGgopiYmYmJin5+gIaGh2dnaIyMjnJyc29vcIKCg1lZW2VlZ6SjpIuLjKGgoXh4eZWVlnp5e4+PkGpqa19fYWhoaYyLjZ+en4KBg2dnaXFxcpKRkmpqbJeXmHt7fHBwcoWFhnBwcWBgYmZmZ5CQkYmIiZ2dnm9vcV5eYJmYmXl5e5CPkZGRkXJydJGRkn5+f25ucI2NjpubnHFxc4SDhYSEhYWEhnV1d6SkpI6Oj6Kion19fnt7fZ6dnpKSk4mJi5STlIqKi4CAgZaWl3l5epmZmnh4enNzdHNzdYB/gaWkpZqZmqKhooqKjIiIiX9/gKWlpp6en3p6fISDhIOChKCgoZSUlWhoao2Nj5WUlqOio359f2lpapOSk////1hYWjAo/rUAAADkSURBVHja7MGDbkVRFEXRVdu2bdu2bdtuf74zJzsv9/ULmrRj6FN/5bVOtaxyvirNXdW5st1KPijDbeKNNjTIaDvLOHumA40wx+3gnlLdar7oUdvKcj+0qTZOcpz9HGMtV/SsGRaykeluBS+0oy3lugO8VKab73ZzUQuc553uVcJmhvvu6kRXynOn+KY1hXiuq5O3quEo93WoKsbbUM8lxdpjHWmCRZxjK7vYwyEWc5qJNtKG+bazjsn2XU9qYAsLGGX7WMYEG+A3xqbYXkbYeibZYQZ7BnkG+v2plF//f8dvAQYAbmTDa5nyvEIAAAAASUVORK5CYII=');
    background-repeat: repeat-x;
    background-position: 0 0;
    /*margin-top: 120px;*/
    
    padding-bottom: 40px;
}

.footer-box {
    border: 1px solid #7f7f7f;
}

.footer-box-logo {
    background-color: white;
    background-image: url(/img/logo.png);
    background-repeat: no-repeat;
    background-position: 30px 34px;
    height: 116px;
}

.footer-box-content {
    background: #f0f0f0;
    padding: 40px;
    font-size: 17px;
    color: #333333;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .footer-box-content > * {
        width: 33.333%;
    }

    .footer-box-content a:hover {
        text-decoration: underline;
    }

.box-footer-address, .box-footer-phone, .box-footer-fax {
    margin-bottom: 30px;
    padding-left: 56px;
    position: relative;
}

.box-footer-email {
    padding-left: 56px;
    position: relative;
}

    .box-footer-address i, .box-footer-phone i, .box-footer-fax i, .box-footer-email i {
        position: absolute;
        left: 10px;
        top: 5px;
        font-size: 24px;
        color: #aaa;
    }

    .box-footer-email i {
        top: 0;
    }

    .footer-social-icons {
        white-space: nowrap;
    }

    .footer-social-icons a {
        font-size: 16px !important;
        padding: 10px !important;
    }

@media (max-width: 768px) {
    .footer {
        background-position: 0 -26px;
    }

    .footer-box-logo {
        background-size: 183px 26px;
        height: 90px;
    }

    .footer-box-content {
        padding: 25px;
        font-size: 15px;
        flex-direction: column;
    }

    .footer-box-content > * {
        width: auto;
        margin-bottom: 30px;
    }

    .box-footer-address, .box-footer-phone, .box-footer-fax {
        margin-bottom: 20px;
        padding-left: 45px;
    }

    .footer-social-icons {
        padding-top: 20px;
    }
}

.box-list-category {
    border: 1px solid #dadada;
    background: white;
}

    .box-list-category img {
        display: block;
        width: 100%;
    }

.box-list-category-content {
    padding: 40px 30px;
}

.box-list-category h2 {
    color: #0061a1;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .box-list-category-content {
        padding: 20px 15px;
    }

    .box-list-category h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

.box-list-product {
    border: 1px solid #d2d2d2;
    background: white;
}

    .box-list-product img {
        display: block;
        width: 268px;
        height: 212px;
        object-fit: contain;
    }

.box-list-product-content {
    padding: 15px 10px;
}

.box-list-product h2 {
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .box-list-product-content {
        padding: 10px 10px;
    }

    .box-list-product h2 {
        font-size: 14px;
    }
}

.box.contactlist {
    background: white;
    padding: 0 20px;
    border: 1px solid #dadada;
}

    .box.contactlist li {
        border-bottom: 1px solid #ccc;
        padding: 25px 0;
    }

        .box.contactlist li:last-child {
            border-bottom: 0;
        }

.contactlist-split {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

    .contactlist-split > figure, .contactlist-split > div {
        display: table-cell;
        width: 50%;
        vertical-align: bottom;
    }

    .contactlist-split > figure {
        padding-right: 5px;
    }

    .contactlist-split > div {
        padding-left: 5px;
    }

    .contactlist-split > figure img {
        display: block;
        width: 100%;
    }

.contactlist-name {
    font-size: 18px;
    font-weight: 600;
    color: #0061a1;
}

.contactlist-title {
    font-size: 14px;
    font-weight: 600;
    color: #525353;
}

.contactlist-email, .contactlist-phone {
    color: #525353;
    display: block;
}

@media (max-width: 768px) {
    .box.contactlist li {
        padding: 20px 0;
    }

    .contactlist-split > figure {
        width: 40%;
    }

    .contactlist-split > div {
        width: 60%;
    }

    .contactlist-name {
        font-size: 14px;
    }

    .contactlist-title {
        font-size: 12px;
    }

    .contactlist-email, .contactlist-phone {
        font-size: 12px;
    }
}

.box-list-nav {
    background: white;
    padding: 10px 30px;
    font-size: 14px;
}

    .box-list-nav li {
        border-bottom: 1px solid #dbdbdb;
    }

        .box-list-nav li:last-child {
            border-bottom: none;
        }

        .box-list-nav li a {
            display: block;
            padding: 20px 0;
            font-weight: 600;
            color: #58575a;
        }

        .box-list-nav li.active a {
            color: #0061a1;
        }

        .box-list-nav li a:hover {
            text-decoration: underline;
        }

.box.product-details {
    background: white;
    border: 1px solid #dadada;
    padding: 35px;
    display: table;
}

.product-details-content {
    display: table-cell;
    width: 55%;
    vertical-align: middle;
    padding-right: 45px;
}

.product-details figure {
    display: table-cell;
    width: 45%;
    vertical-align: top;
}

    .product-details figure img {
        display: block;
        width: 100%;
    }

.product-details-header {
    color: #0061a1;
    font-size: 30px;
    font-weight: 600;
}

.product-details-lead {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
}

.product-details-text {
    margin-bottom: 20px;
    display: none;
}

    .product-details-text p {
        margin-bottom: 20px;
    }

        .product-details-text p:last-child {
            margin-bottom: 0;
        }

.product-datatable {
    background: white;
    width: 100%;
    border-collapse: collapse;
}

    .product-datatable th, .product-datatable td {
        border: 1px solid #dadada;
        padding: 15px 25px;
    }

    .product-datatable th {
        background: #f0f0f0;
        font-weight: 600;
    }

@media (max-width: 768px) {
    .box.product-details {
        padding: 20px;
        display: block;
    }

    .product-details-content {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    .product-details figure {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .product-details-header {
        font-size: 20px;
    }

    .product-details-lead {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .product-datatable th, .product-datatable td {
        padding: 7px 15px;
    }
}

.product-datalist li {
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

.datalist-toggle {
    display: block;
    padding: 7px 15px;
    font-size: 15px;
    color: #525353;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAANCAYAAAE1YMXLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTBEMEZERjkwM0E5MTFFNThCMENBMjJFRkJGM0M3ODEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTBEMEZERkEwM0E5MTFFNThCMENBMjJFRkJGM0M3ODEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMEQwRkRGNzAzQTkxMUU1OEIwQ0EyMkVGQkYzQzc4MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMEQwRkRGODAzQTkxMUU1OEIwQ0EyMkVGQkYzQzc4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrnQR8oAAADtSURBVHjaYmBgYIj///8/AwgzAjlgBggABBAKhwmIuxigACCAYKgLpg+GQSAepg0ZAwQQSIwPmwTI3C9ArIRuNhOUZmTAAvixGQUQQCAxVqgzxbApwKYBr3ewaWCB2iBOjA0AAQRSk4dsBT7FsKCoZiABhABxEzEmg8AaIH4OxA3EmBwMxM2ETAaBBCCuIcaDIFBEbGgABBgo3tOAWAWI3wLxLCB+j66ZXABLVMxAHAHE+kD8FYjnAvETahmOzPcGYjsg/g3ES4CGXyfXcCYGGgLkYAkHYgMg/gYNlsfUCJZkIFaHRuQsaMRSJUIBEyIV64r4QjgAAAAASUVORK5CYII=') no-repeat right center;
}

.open > .datalist-toggle {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAICAYAAAGdTa+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEEzNzZGNEQwM0E5MTFFNUE2OUE4ODZBM0JBRERCREIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEEzNzZGNEUwM0E5MTFFNUE2OUE4ODZBM0JBRERCREIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QTM3NkY0QjAzQTkxMUU1QTY5QTg4NkEzQkFEREJEQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QTM3NkY0QzAzQTkxMUU1QTY5QTg4NkEzQkFEREJEQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrsB4dIAAADoSURBVHjaYmSAgv///4NpgABiQBYACCBGKDsExAfitciqAAIIhhpgqpExCFRDFdSgSwIEECOS7iYgfg7EUkBci9UhaCAPiJPQxBKAuAjdFmQMEEDINmpC6evE2MYEpWWAOBGKZRmIBIJA3AXEjFAMYgvjcybMNSCFzEgGgdhdhDQCBBgjFhcoAXEyELMC8W8gngfEd9FjmVyAbKEYEGcCMTcQHwLiLUDsA8R2QPwNiKcD8UtqWMgHtUgYiC8C8XIg/ocWYRFAbADE74F4GtDCj5RYGA/E7EA8HxqEuAALVO0foIULybUQANKYlPs2qTtKAAAAAElFTkSuQmCC') no-repeat right center;
}

.product-datalist table {
    display: none;
    border-collapse: collapse;
}

.product-datalist .open table {
    display: table;
    width: 100%;
}

.product-datalist th {
    padding: 5px 15px;
    background: #f8f8f8;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    font-size: 15px;
    font-weight: 600;
}

.product-datalist td {
    padding: 5px 15px;
    background: white;
    border-right: 1px solid #dadada;
}

    .product-datalist th:last-child, .product-datalist td:last-child {
        border-right: 0;
    }

.product-datalist .open {
    background: #e9e9e9;
}

.box-list-documentation-category {
    background: white;
    display: table !important;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #dadada;
}

    .box-list-documentation-category h2, .box-list-documentation-category div {
        display: table-cell;
        padding: 20px;
        vertical-align: middle;
    }

    .box-list-documentation-category h2 {
        color: #0061a1;
        font-size: 19px;
        font-weight: 600;
        width: 45%;
        position: relative;
    }

        .box-list-documentation-category h2:after {
            content: "";
            display: block;
            background: #ccc;
            width: 1px;
            position: absolute;
            top: 20px;
            bottom: 20px;
            right: 10px;
        }

@media (max-width: 768px) {
    .box-list-documentation-category div {
        padding: 15px;
    }

    .box-list-documentation-category h2 {
        font-size: 16px;
        width: 40%;
    }
}

.documentation-category-leadtext {
    font-size: 20px;
    margin-bottom: 40px;
}

.documentation-category-header {
    background: #00abc9;
    color: white;
    padding: 14px 28px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
}

@media (max-width: 768px) {
    .documentation-category-leadtext {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .documentation-category-header {
        padding: 10px 20px;
        font-size: 18px;
    }
}

.list-documentation-section {
    margin-bottom: 45px;
}

    .list-documentation-section:last-child {
        margin-bottom: 0;
    }

.list-documentation-item {
    background: white;
    border: 1px solid #dadada;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

    .list-documentation-item h3, .list-documentation-item div {
        display: table-cell;
        padding: 15px 10px 15px 20px;
        vertical-align: middle;
    }

    .list-documentation-item h3 {
        color: #0061a1;
        font-size: 19px;
        font-weight: 600;
    }

.list-documentation-buttons {
    text-align: right;
    white-space: nowrap;
}

    .list-documentation-buttons a {
        border: 1px solid #7fb2d1;
        color: #005b9d;
        font-size: 11px;
        font-weight: 600;
        display: inline-block;
        text-transform: uppercase;
        text-align: center;
        padding: 10px 0;
        width: 145px;
        margin-right: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

        .list-documentation-buttons a:last-child {
        }

        .list-documentation-buttons a i {
            padding-left: 5px;
            color: #00abc9;
        }

        .list-documentation-buttons a:hover {
            border: 1px solid #366d8e;
            background-color: #e4f6f9;
        }

@media (max-width: 1024px) {
    .list-documentation-buttons {
        white-space: normal;
    }
}

@media (max-width: 768px) {
    .list-documentation-section {
        margin-bottom: 25px;
    }

    .list-documentation-item h3 {
        font-size: 15px;
    }

    .list-documentation-item div {
        padding: 15px 5px 5px 15px;
    }

    .list-documentation-buttons {
        white-space: normal;
    }

        .list-documentation-buttons a {
            margin: 0 10px 10px 0;
        }
    /*.list-documentation-buttons a:last-child { margin-bottom: 0; }*/
}

.box-list-reference {
    border: 1px solid #cbcaca;
    padding: 20px;
    background: white;
}

    .box-list-reference img {
        display: block;
        width: 100%;
        margin-bottom: 25px;
    }

    .box-list-reference h2 {
        color: #0061a1;
        font-size: 24px;
        font-weight: 600;
        line-height: 1.2;
    }

    .box-list-reference h3 {
        color: #00839b;
        font-size: 18px;
    }

@media (max-width: 768px) {
    .box-list-reference {
        padding: 10px;
    }

        .box-list-reference img {
            margin-bottom: 10px;
        }

        .box-list-reference h2 {
            font-size: 18px;
        }

        .box-list-reference h3 {
            font-size: 14px;
        }
}

#reference article {
    font-size: 14px;
}

    #reference article .gallery {
        margin-bottom: 30px;
    }

    #reference article h1 {
        color: #0061a1;
        font-size: 24px;
        font-weight: 600;
    }

    #reference article h2 {
        color: #00839b;
        font-size: 18px;
        margin-bottom: 30px;
    }

.reference-nav-links {
    margin-top: 40px;
}

    .reference-nav-links a, .reference-nav-links span {
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
    }

    .reference-nav-links a {
        color: #58575a;
    }

    .reference-nav-links span {
        color: #d3d0d9;
    }

.box-newslist-item {
    border: 1px solid #cbcaca;
    padding: 35px;
    background: white;
}

    .box-newslist-item img {
        display: block;
        width: 100%;
        margin-bottom: 25px;
    }

    .box-newslist-item h2 {
        color: #0061a1;
        font-size: 24px;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .box-newslist-item h3 {
        color: #00839b;
        font-size: 18px;
    }

    .box-newslist-item p {
        margin-bottom: 40px;
    }

.box-newslist-item-btn {
    font-size: 14px;
    color: #333333;
    border: 1px solid #c7c7c7;
    padding: 5px 35px;
    display: inline-block;
    text-transform: uppercase;
}

a.box-newslist-item-btn:hover {
    border: 1px solid #9f9f9f;
    background-color: #e4f6f9;
}

.box-filter.bordered {
    border: 1px solid #dadada;
    background-color:
}

.box-filter h2 {
    background: #00abc9;
    color: white;
    padding: 10px 25px;
    font-size: 18px;
}
    /*font-weight: 600;*/

    .box-filter h2.yellow {
        background: #c7ce00;
    }

.box-filter ul {
    background: white;
}

.box-filter li {
    padding: 0 20px;
}

    .box-filter li a {
        border-bottom: 1px solid #dbdbdb;
    }

        .box-filter li a:hover {
            text-decoration: underline;
        }

    .box-filter li:last-child a {
        border-bottom: none;
    }

.box-filter a {
    padding: 20px 5px;
    display: block;
    color: #58575a;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.box-filter .count {
    position: absolute;
    right: 0;
    display: inline-block;
    padding: 1px 5px;
    border: 1px solid #ccc;
}

.box-filter .remove {
    position: absolute;
    right: 0;
    display: inline-block;
    padding: 1px 5px;
    font-size: 18px;
}

.box-filter li.audience-filter {
    background-color: #e5f6f9;
}

    .box-filter li.audience-filter:hover {
        background-color: #f0fcfe;
    }

.searchresults {
    background: white;
}

    .searchresults > header {
        background: #00abc9;
        color: white;
        padding: 10px 25px;
        font-size: 18px;
    }

        .searchresults > header .sort {
            float: right;
        }

    .searchresults > ul {
        margin: 20px;
    }

.list-grouped {
    font-size: 19px;
}

    .list-grouped h3 {
        font-size: 14px;
        display: inline;
        padding: 2px 20px;
        background: #a4a7a9;
        color: white;
    }

    .list-grouped > li {
        padding-bottom: 30px;
    }

    .list-grouped li li {
        padding: 20px;
        background: #fafbfb;
        border-bottom: 1px solid #dbdbdb;
    }

        .list-grouped li li img {
            float: left;
            margin-right: 10px;
        }

        .list-grouped li li:first-child {
            border-top: 1px solid #dbdbdb;
        }

.view-toggle {
    display: inline;
}

    .view-toggle a {
        color: white;
        margin-right: 10px;
    }

    .view-toggle li:last-child a {
        margin-right: 0;
    }

.box-article {
    margin-bottom: 50px;
}

    .box-article figure {
        position: relative;
    }

        .box-article figure img {
            display: block;
            width: 100%;
            margin-bottom: 40px;
        }

        .box-article figure figcaption {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 10px 15px;
            color: white;
            font-size: 14px;
            background: black;
            background-color: rgb(33, 33, 33);
            background-color: rgba(33, 33, 33, 0.5);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33333300, endColorstr=#33333300)";
        }

    .box-article h3 {
        color: #00839b;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .box-article h2 {
        color: #0061a1;
        font-size: 34px;
        margin-bottom: 20px;
        font-weight: 600;
        line-height: 1.2;
    }

    .box-article .lead {
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .box-article p {
        line-height: 1.7;
    }

.article-meta {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
    padding: 5px 0;
}

    .article-meta span {
        display: inline-block;
        margin-right: 25px;
    }

    .article-meta i {
        padding-right: 7px;
    }

@media (max-width: 768px) {
    .box-article > figure {
        margin: -20px -20px 0 -20px;
    }

    .box-article h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .box-article h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .box-article figure figcaption {
        font-size: 12px;
    }
}

.article-accordion {
    margin-bottom: 30px;
    border-bottom: 1px solid #dcdada;
}

.article-accordion-header {
    color: #00abc9;
    padding: 13px 34px;
    display: block;
    font-size: 16px;
    font-weight: 600;
}

li:nth-child(odd) .article-accordion-header {
    background: #e6e6e6;
}

li:nth-child(odd) a.article-accordion-header:hover {
    background: #f5f5f5;
}

li:nth-child(even) .article-accordion-header {
    background: #eeeeee;
}

li:nth-child(even) a.article-accordion-header:hover {
    background: #f7f6f6;
}

li.open .article-accordion-header {
    background: #00abc9;
    color: white;
}

li.open a.article-accordion-header:hover {
    background: #41b3c7;
}

.article-accordion-details {
    display: none;
    border-collapse: collapse;
    border-left: 1px solid #dcdada;
    border-right: 1px solid #dcdada;
}

li.open .article-accordion-details {
    display: table;
}

.article-accordion-details-content, .article-accordion-details-image {
    display: table-cell;
    vertical-align: middle;
}

.article-accordion-details-content {
    width: 66%;
    padding: 30px 80px 30px 40px;
}

.article-accordion-details-image {
    width: 33%;
    padding: 30px 20px 30px 0;
}

    .article-accordion-details-image img {
        display: block;
        width: 100%;
    }

.article-accordion-details-content h3 {
    color: #00abc9;
    font-size: 16px;
}

.article-accordion-details-content h2 {
    color: #0061a1;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}

.article-accordion-details-content p {
    font-size: 14px;
    margin-bottom: 20px;
}

.article-accordion-button {
    color: #333;
    font-size: 10px;
    border: 1px solid #bbb;
    display: inline-block;
    padding: 3px 25px;
    text-transform: uppercase;
}

    .article-accordion-button:hover {
        border: 1px solid #888;
        background-color: #e2f3fa;
    }

@media (max-width: 768px) {
    .article-accordion-details, li.open .article-accordion-details {
        display: block;
    }
}

.box-contact {
    background: white;
    padding: 45px;
    display: table;
    width: 100%;
}

    .box-contact h3 {
        color: #0061a1;
        font-size: 22px;
        font-weight: bold;
    }

    .box-contact h4 {
        color: #333;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .box-contact a {
        color: #333333;
    }

.contact-details {
    font-size: 14px;
    width: 250px;
    padding-right: 50px;
}

.contact-details, #contact-map {
    display: table-cell;
}

#contact-map {
    height: 330px;
}

@media (max-width: 768px) {
    .box-contact {
        display: block;
        padding: 20px;
    }

    .contact-details, #contact-map {
        display: block;
    }

    .contact-details {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }

    #contact-map {
        height: 250px;
    }
}

.contact-office-list-content {
    background: white;
    padding: 10px 30px;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    font-size: 14px;
}

.contact-office-ul > li {
    display: table;
    width: 100%;
    padding: 25px 0 10px 0;
    border-bottom: 1px solid #00abc9;
}

    .contact-office-ul > li:last-child {
        border-bottom: none;
    }

.contact-office-address {
    display: table-cell;
    vertical-align: top;
    width: 350px;
}

    .contact-office-address h3 {
        color: #0061a1;
        font-size: 22px;
        font-weight: 600;
    }

    .contact-office-address address {
        margin-bottom: 20px;
    }

.contact-map-button {
    color: #333333;
    border: 1px solid #b2b2b2;
    font-size: 11px;
    display: inline-block;
    padding: 3px 28px;
}

    .contact-map-button:hover {
        border: 1px solid #8f8f8f;
        background-color: #e2f3fa;
    }

.contact-office-people {
    display: table-cell;
}

    .contact-office-people li {
        display: table;
        width: 50%;
        float: left;
        padding-bottom: 20px;
    }

.contact-person-image {
    display: table-cell;
    vertical-align: top;
    width: 132px;
}

    .contact-person-image img {
        display: block;
        width: 100%;
    }

.contact-person-info {
    display: table-cell;
    vertical-align: bottom;
    padding: 0 20px;
}

    .contact-person-info a:hover {
        text-decoration: underline;
    }

@media (max-width: 1024px) {
    .contact-office-address {
        width: 250px;
    }

    .contact-office-people li {
        display: table;
        width: 100%;
        float: none;
        padding-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .contact-office-ul > li {
        display: block;
        width: 100%;
        padding: 20px 0 0 0;
        border-bottom: 1px solid #00abc9;
    }

    .contact-office-address {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .contact-office-people {
        display: block;
    }

        .contact-office-people li {
            display: table;
            width: 100%;
            float: none;
            padding-bottom: 20px;
        }

    .contact-person-image {
        display: block;
        width: 50%;
    }

        .contact-person-image img {
            margin-bottom: 5px;
        }

    .contact-person-info {
        display: block;
        padding: 0;
    }
}

.box-school-intro {
    font-size: 18px;
    padding: 20px;
}

    .box-school-intro p {
        margin-bottom: 20px;
    }

    .box-school-intro .lead {
        font-weight: 600;
    }

.box.course-featured {
    background: white;
    border: 1px solid #acabab;
    padding: 20px;
    display: table;
    width: 100%;
}

.course-featured-content {
    display: table-cell;
    vertical-align: middle;
    width: 66%;
    font-size: 18px;
    padding: 0 50px;
}

    .course-featured-content h3 {
        color: #00839b;
        font-size: 21px;
    }

    .course-featured-content h2 {
        color: #0061a1;
        font-size: 30px;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .course-featured-content p {
        margin-bottom: 20px;
    }

.course-featured-image {
    display: table-cell;
    vertical-align: middle;
    width: 33%;
}

    .course-featured-image img {
        display: block;
        width: 100%;
    }

@media (max-width: 768px) {
    .box.course-featured {
        padding: 10px;
    }

    .course-featured-content h3 {
        font-size: 16px;
    }

    .course-featured-content h2 {
        font-size: 20px;
    }

    .course-featured-content p {
        margin-bottom: 10px;
    }

    .course-featured-content {
        display: table-footer-group;
        font-size: 16px;
    }

    .course-featured-image {
        display: table-header-group;
    }

        .course-featured-image img {
            margin-bottom: 10px;
        }
}

.course-item {
    background: white;
    border: 1px solid #acabab;
    padding: 20px;
}

    .course-item img {
        display: block;
        width: 100%;
        margin-bottom: 25px;
    }

    .course-item h3 {
        color: #00839b;
        font-size: 18px;
    }

    .course-item h2 {
        color: #0061a1;
        font-size: 26px;
        font-weight: 600;
        line-height: 1.2;
    }

.course-interest {
    padding: 55px 25px;
    background: white;
    border: 1px solid #00abc9;
}

@media (max-width: 768px) {
    .course-item {
        padding: 10px;
    }

        .course-item img {
            margin-bottom: 10px;
        }

        .course-item h2 {
            font-size: 20px;
        }

        .course-item h3 {
            font-size: 16px;
        }
}

.box.featured-item {
    background: white;
    border: 1px solid #acabab;
    padding: 20px;
    display: table;
    width: 100%;
}

.featured-item-content {
    display: table-cell;
    vertical-align: middle;
    width: 55%;
    font-size: 18px;
    padding: 0 50px;
}

    .featured-item-content h3 {
        color: #00839b;
        font-size: 21px;
    }

    .featured-item-content h2 {
        color: #0061a1;
        font-size: 48px;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .featured-item-content p {
        margin-bottom: 20px;
    }

.featured-item-image {
    display: table-cell;
    vertical-align: middle;
    width: 45%;
}

    .featured-item-image img {
        display: block;
        width: 100%;
    }

@media (max-width: 768px) {
    .box.featured-item {
        padding: 10px;
    }

    .featured-item-content h3 {
        font-size: 16px;
    }

    .featured-item-content h2 {
        font-size: 30px;
    }

    .featured-item-content {
        display: table-footer-group;
        font-size: 16px;
    }

    .featured-item-image {
        display: table-header-group;
    }

        .featured-item-image img {
            margin-bottom: 10px;
        }
}

.item {
    background: white;
    border: 1px solid #acabab;
    padding: 20px;
}

    .item img {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .item h2 {
        color: #0061a1;
        font-size: 26px;
        font-weight: 600;
        line-height: 1.2;
    }

    .item h3 {
        color: #00839b;
        font-size: 18px;
    }

@media (max-width: 768px) {
    .item {
        padding: 10px;
    }

        .item img {
            margin-bottom: 10px;
        }

        .item h2 {
            font-size: 20px;
        }

        .item h3 {
            font-size: 16px;
        }
}

.about-banner {
    margin-bottom: 40px;
}

    .about-banner img {
        display: block;
        width: 100%;
    }

.about-lead {
    font-size: 24px;
    padding-left: 350px;
    background-image: url(/img/logo.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    background-size: 243px 34px;
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .about-banner {
        margin-bottom: 20px;
        margin-top: -20px;
        margin-right: -20px;
        margin-left: -20px;
    }

    .about-lead {
        font-size: 18px;
        background-image: none;
        padding-left: 0;
    }
}

.box.about-listitem {
    background: white;
    border: 1px solid #acabab;
    padding: 20px;
    display: table;
    width: 100%;
}

.about-listitem figure {
    display: table-cell;
    width: 33%;
    vertical-align: middle;
}

    .about-listitem figure img {
        display: block;
        width: 100%;
    }

.about-listitem .content {
    display: table-cell;
    width: 66%;
    padding-left: 60px;
    vertical-align: middle;
}

.about-listitem h3 {
    color: #00839b;
    font-size: 21px;
}

.about-listitem h2 {
    color: #0061a1;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}

.about-listitem p {
    font-size: 18px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .box.about-listitem {
        display: block;
        padding: 10px;
    }

    .about-listitem figure {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .about-listitem .content {
        display: block;
        width: 100%;
        padding-left: 0;
    }

    .about-listitem h3 {
        font-size: 16px;
    }

    .about-listitem h2 {
        font-size: 20px;
    }
}

.favorites-listheader {
    background: #00abc9;
    color: white;
    display: table;
    width: 100%;
    padding: 15px 30px;
    text-transform: uppercase;
    font-size: 13px;
}

.favorites-filter {
    display: table-cell;
    vertical-align: middle;
}

    .favorites-filter li {
        float: left;
    }

        .favorites-filter li.active {
            font-weight: 600;
        }

        .favorites-filter li:after {
            content: "|";
            display: inline-block;
            padding: 0 10px;
        }

        .favorites-filter li:last-child:after {
            content: none;
        }

    .favorites-filter a {
        display: inline-block;
    }

.favorites-sort {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

    .favorites-sort a {
        display: inline-block;
        margin-left: 10px;
        font-weight: 600;
    }

.favorites-listheader a {
    color: white;
}

.favorites-lead {
    font-size: 20px;
    padding: 0 20px;
    margin-bottom: 40px;
}

.favorites-list {
    background: white;
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
}

    .favorites-list li {
        display: table;
        border-collapse: collapse;
        width: 100%;
        border-bottom: 1px solid #dedede;
    }

        .favorites-list li > div {
            display: table-cell;
            vertical-align: middle;
            padding: 20px 25px;
        }

.favorite-added {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    width: 37px;
}

    .favorite-added span {
        font-size: 12px;
        font-weight: normal;
        display: block;
        border-top: 1px solid #b2e6ef;
        padding-top: 3px;
        margin-top: 2px;
        text-transform: uppercase;
    }

.favorite-name {
    font-size: 19px;
    font-weight: 600;
}

    .favorite-name i {
        font-size: 30px;
        color: #00abc9;
        float: left;
        margin-right: 20px;
    }

.favorite-share, .favorite-remove {
    width: 100px;
    text-align: center;
}

    .favorite-share a, .favorite-remove a {
        color: #999999;
        font-size: 24px;
    }

@media (max-width: 768px) {
    .favorites-listheader {
        padding: 10px 15px;
    }

    .favorites-lead {
        font-size: 18px;
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .favorite-name {
        font-size: 14px;
        font-weight: normal;
    }

    .favorites-list li > div {
        padding: 10px 15px;
    }

    .favorite-added {
        font-size: 20px;
        width: 30px;
    }

    .favorite-name i {
        font-size: 20px;
        margin-right: 10px;
    }

    .favorite-share, .favorite-remove {
        width: 20px;
        text-align: center;
    }

        .favorite-share a, .favorite-remove a {
            font-size: 16px;
        }
}

.lightbox {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -310px;
    width: 620px;
    z-index: 3000;
    background: white;
    border: 2px solid #b1b0b0;
    padding: 40px;
}

@media (max-width: 768px) {
    .lightbox {
        border: 1px solid #b1b0b0;
        padding: 20px;
        left: 10px;
        right: 10px;
        margin-left: 0;
        width: auto;
    }
}

@media (max-width: 768px) {
    .mobile-flip {
        display: table;
        width: 100%;
    }

        .mobile-flip > div:first-child {
            display: table-footer-group;
        }

        .mobile-flip > div:last-child {
            display: table-header-group;
        }

    .select-nav select {
        border: 1px solid #1fa5dc;
        background-color: #e4f6f9;
        padding: 5px;
        display: block;
        width: 100%;
    }

    .select-nav.sticky {
        padding-bottom: 20px;
    }
}

.pdf {
    background: url(/img/pdf.png) no-repeat;
    width: 48px;
    height: 48px;
    display: block;
    color: transparent;
    margin: auto;
}

.diagram {
    width: 48px;
    height: 48px;
    display: block;
    color: transparent;
    margin: auto;
}

.product-datatable td {
    vertical-align: middle;
}

.search-search {
    padding: 0 212px 20px 15px;
    max-width: none;
}

    .search-search .search-box-button {
        margin-right: 15px;
    }

@media (max-width: 768px) {
    .search-search {
        padding: 10px 110px 15px 5px;
    }

        .search-search .search-box-button {
            margin: 10px 5px 0 0;
        }
}

.office-address {
    display: none;
}

.modal-container {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

    .modal-container.visible {
        display: block;
    }

.modal-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #333;
}

.modal-box {
    position: absolute;
    width: 400px;
    height: 200px;
    margin-top: -100px;
    margin-left: -200px;
    top: 50%;
    left: 50%;
    background-color: white;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}

.modal-box-title {
    background: #00abc9;
    color: white;
    padding: 5px 20px;
    font-size: 18px;
    font-weight: 600;
}

.modal-box-content {
    padding: 20px;
}

.add-favorite-form label {
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.add-favorite-form input[type="email"] {
    width: 100%;
    margin-bottom: 20px;
    padding: 4px;
}

.add-favorite-form input[type="submit"] {
    float: right;
}

.box.collapsible.fdv h1 {
    font-size: 22px;
    font-weight: bold;
    padding: 15px 0;
}

.box.collapsible.fdv p {
    padding-bottom: 5px;
}

.box.collapsible .bullet-list ul {
    list-style: disc;
    padding-left: 4%;
}

.box.collapsible .bullet-list li {
    border: none;
}

.product-details-content ul {
    list-style-type: disc;
}

.product-details-content ol {
    list-style-type: decimal;
}

.product-details-content ul, .product-details-content ol {
    padding-left: 10%;
    margin-bottom: 20px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-prev:before, .slick-next:before {
    color: #00abc9;
}

.slick-prev {
    left: -20px;
}

.slick-next {
    right: -20px;
}

@media (max-width: 1024px) {
    .load-more-news-button {
        margin-bottom: 25px;
    }
}

.pdf-print {
    background: white;
}

    .pdf-print .header-inner {
        padding-top: 2px;
    }

.pdf-print-content .btn.details-open, .pdf-print-content .box.collapsible {
    display: none;
}

    .pdf-print .pdf-print-content .product-details-text, .pdf-print-content .box.collapsible.pdf-visible {
        display: block;
    }

    .pdf-print-content .box.collapsible.open .collapsible-toggle h2 {
        background: none;
    }

    .pdf-print-content table, .pdf-print-content tr, .pdf-print-content td, .pdf-print-content th, .pdf-print-content tbody, .pdf-print-content thead, .pdf-print-content tfoot, .pdf-print-content .box.collapsible.open {
        page-break-inside: avoid !important;
    }

.pdf-print-content .slick-carousel {
    float: right;
    margin: -3px 0 0 10px;
}

.pdf-print-content .slick-carousel {
    float: right;
    margin: -3px 0 0 10px;
}

.pdf-print-content .box.address {
    padding: 15px 20px;
}

    .pdf-print-content .box.address a {
        color: #525353;
    }

.list-documentation-buttons .video-modal {
    top: 20%;
    position: fixed;
    z-index: 20000;
    left: 25%;
    width: 50%;
    padding: 0;
    display: none;
}

.list-documentation-buttons .video-wrapper {
    position: relative;
    padding: 25px 0 56.25%; /* 16:9 */    
    height: 0;
    display: block;
}

.video-wrapper iframe[class^='video'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.icon-youtube.no-background {
    background: none;
    vertical-align: middle;
    line-height: 0;
}

/* product page */

.product-page__content-header {
    background: white;
    padding: 30px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.product-page__content-header h2 {
    font-size: 28px;
    margin-bottom: 10px;
}

.product-page__tabs ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}

.product-page__tabs li {
    flex: 0 0 33.33%;
    text-align: center;
    display: flex;
    align-content: stretch;
    align-items: stretch;
}

/*.product-page__tabs a {
    padding: 20px;
    display: block;
    background-color: transparent;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.product-page__tabs li {
}

.product-page__tabs li:first-child {
    border-left: 1px solid #ccc;
}

.product-page__tabs li.active a {
    background-color: white;
    border-top: 1px solid white;
}*/


.product-page__tabs a {
    padding: 20px 0;
    display: flex;
    background-color: white;
    border-top: 1px solid transparent;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.product-page__tabs li {

}

    .product-page__tabs a:hover {
        text-decoration: underline;
    }

    .product-page__tabs li.active a:hover {
        text-decoration: none;
    }

    .product-page__tabs li:first-child a {
        border-left: 1px solid #ccc;
    }

    .product-page__tabs li.active a {
        background-color: transparent;
        border-top: 1px solid #ccc;
        border-bottom-color: transparent;        
        border-left-color: #ccc;
        font-weight: bold;
    }

    .product-page__tabs li:last-child.active a {
        border-right: 1px solid #ccc;
    }


.product-page__doc-list {

}

.product-page__doc-list h3 {
    font-weight: bold;
    font-size: 17px;
}

.pdf-large {
    border: 1px solid #ccc;
    background: white url(/img/pdf.png) 12px no-repeat;
    padding-left: 70px;
}
.large-icon {
    font-size: 32px;
}

.inline-block {
    display: inline-block;
}

@media (max-width: 768px) {
    .home-header__title .desktop { display: none; }
}
@media (min-width: 769px) {
    .home-header__title .mobile { display: none; }
}

.newsletter-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 600px;
    z-index: 3000;
}

.popup-close {
    float: right;
    margin: -50px -35px 0 0;
    font-size: 28px;
}

.contourNavigation .btn.primary, .umbraco-forms-navigation .btn.primary {
    color: #fff;
}

.contourPage span.checkboxlist {
    float: none !important;
}

.formcb {
    display: block;
    padding: 15px 0 0 30px;
    text-indent: -26px;
    line-height: 15px;
}
.formcb input {
    width:20px;
    float:left;
    margin: 0 30px 0 -25px;
}

.collapsible-content .product-datatable table, .collapsible-content .product-datalist table table {
    width: auto !important;
}

.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.header-inner > *, .home-header__search-container form > * {
    font-size: 13px;
}

.header-inner > .home-header__search-container__search-button {
    width:14%;
    padding: 1px 0;
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .home-header__search-container {
        display: none;
    }
}

.home-header__search-container__search-input {
    padding: 1px 10px;
    width: calc(100% - 30px);
}

@media (max-width: 1024px) {
    .home-header__search-container__search-input {
        width: 250px;
    }
    .header-inner > .home-header__search-container__search-button, .home-header__search-container {
        display: none;
    }
}

.home-header__search-container__search-button {
    background-color: #58585a;
}

.home-header__search-container__search-input, .home-header__search-container__search-button {
    padding: 1px 30px;
    border-color: #58585a;
}

.home-header {
    display: flex;
    justify-content: center;
}

.home-header__title {
    align-self: end;
    font-weight: inherit;
    padding: 20px 0;
}

.home-header__title .desktop {
    font-size: 38px;
}

.home-header__title .mobile {
    font-size: 17px;
}

#menu-open {
    margin-left: 50px;
}

.menu-search-wrap {
    display: flex;
}

.menu-search.icon-only {
    padding: 0;
}

.menu-search input.icon-only {
    padding: 0;
    margin-right: -20px;
    width: 40px;
    height: 100%;
    background-color: inherit;
    border: none;
    cursor: pointer;
}

@media (min-width: 1025px) {
    .menu-search.icon-only {
        display: none;
    }
}

.shop-banner {
    background-color: #087ecb;
    padding: 10px 30px;
    text-align: center;
}
.shop-banner span {
    display: block;
    color: white;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.shop-banner a {
    display: inline-block;
    background-color: #58585a;
    color: white;
    font-size: 34px;
    font-weight: bold;
    padding: 0 30px 3px;
    transition: all .25s;
}
.shop-banner a:hover {
    background-color: #e4f6f9;
    color: #222;
}