rst/themes/lifescience-theme/static/css/uui-styles.css (4,930 lines of code) (raw):

@font-face { font-family: 'Oswald Regular'; src: url(../fonts/font-oswald/oswald-regular.eot); src: url(../fonts/font-oswald/oswald-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/font-oswald/oswald-regular.woff) format('woff'), url(../fonts/font-oswald/oswald-regular.ttf) format('truetype'), url(../fonts/font-oswald/oswald-regular.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Oswald Bold'; src: url(../fonts/font-oswald/oswald-bold.eot); src: url(../fonts/font-oswald/oswald-bold.eot?#iefix) format('embedded-opentype'), url(../fonts/font-oswald/oswald-bold.woff) format('woff'), url(../fonts/font-oswald/oswald-bold.ttf) format('truetype'), url(../fonts/font-oswald/oswald-bold.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Oswald Light'; src: url(../fonts/font-oswald/oswald-light.eot); src: url(../fonts/font-oswald/oswald-light.eot?#iefix) format('embedded-opentype'), url(../fonts/font-oswald/oswald-light.woff) format('woff'), url(../fonts/font-oswald/oswald-light.ttf) format('truetype'), url(../fonts/font-oswald/oswald-light.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Source Sans Pro Regular'; src: url(../fonts/font-sourcesanspro/sourcesanspro-regular.eot); src: url(../fonts/font-sourcesanspro/sourcesanspro-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/font-sourcesanspro/sourcesanspro-regular.woff) format('woff'), url(../fonts/font-sourcesanspro/sourcesanspro-regular.ttf) format('truetype'), url(../fonts/font-sourcesanspro/sourcesanspro-regular.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Source Sans Pro Light'; src: url(../fonts/font-sourcesanspro/sourcesanspro-light.eot); src: url(../fonts/font-sourcesanspro/sourcesanspro-light.eot?#iefix) format('embedded-opentype'), url(../fonts/font-sourcesanspro/sourcesanspro-light.woff) format('woff'), url(../fonts/font-sourcesanspro/sourcesanspro-light.ttf) format('truetype'), url(../fonts/font-sourcesanspro/sourcesanspro-light.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Source Sans Pro Bold'; src: url(../fonts/font-sourcesanspro/sourcesanspro-bold.eot); src: url(../fonts/font-sourcesanspro/sourcesanspro-bold.eot?#iefix) format('embedded-opentype'), url(../fonts/font-sourcesanspro/sourcesanspro-bold.woff) format('woff'), url(../fonts/font-sourcesanspro/sourcesanspro-bold.ttf) format('truetype'), url(../fonts/font-sourcesanspro/sourcesanspro-bold.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Source Sans Pro Semibold'; src: url(../fonts/font-sourcesanspro/sourcesanspro-semibold.eot); src: url(../fonts/font-sourcesanspro/sourcesanspro-semibold.eot?#iefix) format('embedded-opentype'), url(../fonts/font-sourcesanspro/sourcesanspro-semibold.woff) format('woff'), url(../fonts/font-sourcesanspro/sourcesanspro-semibold.ttf) format('truetype'), url(../fonts/font-sourcesanspro/sourcesanspro-semibold.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Source Sans Pro Italic'; src: url(../fonts/font-sourcesanspro/sourcesanspro-it.eot); src: url(../fonts/font-sourcesanspro/sourcesanspro-it.eot?#iefix) format('embedded-opentype'), url(../fonts/font-sourcesanspro/sourcesanspro-it.woff) format('woff'), url(../fonts/font-sourcesanspro/sourcesanspro-it.ttf) format('truetype'), url(../fonts/font-sourcesanspro/sourcesanspro-it.svg) format('svg'); font-weight: normal; font-style: normal; } /* Basic - Primary */ /* Basic - Secondary */ /* Additionally */ * { margin: 0; padding: 0; outline: none; } html { height: 100%; min-width: 320px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: inherit; font-family: inherit; overflow-y: scroll; } body { height: 100%; padding-right: 0 !important; background: #ffffff; font-family: 'Source Sans Pro Regular', Arial, sans-serif; font-size: 14px; line-height: 18px; color: #333333; } h1, h2, h3, h4, h5, h6, .uui-promo-heading { text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .uui-promo-heading a { color: #1a9cb0; text-decoration: none; font-size: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .uui-promo-heading a:hover { color: #1a9cb0; text-decoration: underline; outline: 0; } .uui-promo-heading { margin-top: 0; margin-bottom: 26px; font-family: 'Oswald Regular', Arial, sans-serif; font-size: 38px; line-height: 44px; } h1 { margin-top: 0; margin-bottom: 26px; font-family: 'Oswald Regular', Arial, sans-serif; font-size: 30px; line-height: 36px; } h2 { margin-top: 0; margin-bottom: 16px; font-family: 'Oswald Regular', Arial, sans-serif; font-size: 24px; line-height: 30px; } h3 { margin-top: 0; margin-bottom: 10px; font-family: 'Oswald Regular', Arial, sans-serif; font-size: 18px; line-height: 24px; } h4 { margin-top: 0; margin-bottom: 10px; font-family: 'Source Sans Pro Bold', Arial, sans-serif; font-size: 18px; line-height: 24px; } h5 { margin-top: 0; margin-bottom: 10px; font-family: 'Source Sans Pro Bold', Arial, sans-serif; font-size: 16px; line-height: 22px; } h6 { margin-top: 0; margin-bottom: 10px; font-family: 'Source Sans Pro Bold', Arial, sans-serif; font-size: 14px; line-height: 20px; } /* Blue */ h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue { color: #39c2d7; } /* Dark Blue */ h1.dark-blue, h2.dark-blue, h3.dark-blue, h4.dark-blue, h5.dark-blue, h6.dark-blue { color: #1a9cb0; } /* Lime green */ h1.lime-green, h2.lime-green, h3.lime-green, h4.lime-green, h5.lime-green, h6.lime-green { color: #a3c644; } /* Dark green */ h1.dark-green, h2.dark-green, h3.dark-green, h4.dark-green, h5.dark-green, h6.dark-green { color: #7f993a; } /* Dark gray */ h1.dark-gray, h2.dark-gray, h3.dark-gray, h4.dark-gray, h5.dark-gray, h6.dark-gray { color: #464547; } /* White */ h1.white, h2.white, h3.white, h4.white, h5.white, h6.white { color: #ffffff; } /* Medium gray */ h1.medium-gray, h2.medium-gray, h3.medium-gray, h4.medium-gray, h5.medium-gray, h6.medium-gray { color: #666666; } /* Gray */ h1.gray, h2.gray, h3.gray, h4.gray, h5.gray, h6.gray { color: #999999; } /* Fuchsia */ h1.fuchsia, h2.fuchsia, h3.fuchsia, h4.fuchsia, h5.fuchsia, h6.fuchsia { color: #e4445f; } /* Medium gray */ p.medium-gray { color: #666666; } /* Gray */ p.gray { color: #999999; } /* White */ p.white { color: #ffffff; } .uui-big-text { font-size: 16px; line-height: 24px; } .uui-small-text { font-size: 12px; line-height: 16px; } .uui-uppercase-text { text-transform: uppercase; } .uui-lowercase-text { text-transform: none; } .uui-description-text { color: #cccccc; } /* Medium gray */ .uui-description-text.medium-gray { color: #666666; } strong, b, .bold { font-family: 'Source Sans Pro Bold', Arial, sans-serif; } em, i, .italic { font-family: 'Source Sans Pro Italic', Arial, sans-serif; } /* Dark Green */ strong.dark-green, em.dark-green, b.dark-green, i.dark-green, span.dark-green { color: #7f993a; } /* Raspberry */ strong.raspberry, em.raspberry, b.raspberry, i.raspberry, span.raspberry { color: #e4445f; } /* Violet */ strong.violet, em.violet, b.violet, i.violet, span.violet { color: #8b5a9f; } code { padding-top: 1px; padding-bottom: 1px; background-color: #ecf0f3; color: #222; } span.pre { -moz-hyphens: none; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; } a { color: #1a9cb0; text-decoration: none; } a.headerlink { visibility: hidden; } a:active, a:hover, a:focus { color: #1a9cb0; text-decoration: underline; outline: 0; } .uui-ordered-list, .uui-unordered-list, .simple { margin-left: 15px; margin-bottom: 10px; } .uui-ordered-list li, .uui-unordered-list li, .simple li { font-size: 14px; line-height: 18px; color: inherit; margin-bottom: 10px; } .uui-ordered-list li span, .uui-unordered-list li span, .simple li span { color: #333333; } /* Dark green */ .uui-ordered-list.dark-green li, .uui-unordered-list.dark-green li { color: #7f993a; } /* Raspberry */ .uui-ordered-list.raspberry li, .uui-unordered-list.raspberry li { color: #b22746; } /* Gray */ .uui-ordered-list.gray li, .uui-unordered-list.gray li { color: #999999; } table { width: 100%; border-spacing: 0; border-collapse: collapse; } header { position: fixed; left: 0; top: 0; z-index: 1002; height: 60px; width: 100%; min-width: 320px; } header .uui-header { height: 60px; background: #464547; } header .uui-header .uui-toggle-box { position: relative; float: left; width: 54px; height: 60px; line-height: 60px; text-align: center; cursor: pointer; background: #333333; } header .uui-header .uui-toggle-box span { display: block; position: absolute; height: 2px; width: 18px; background: #ffffff; left: 18px; } header .uui-header .uui-toggle-box span:nth-child(1) { top: 20px; } header .uui-header .uui-toggle-box span:nth-child(2) { top: 27px; } header .uui-header .uui-toggle-box span:nth-child(3) { top: 34px; } header .uui-header .brand-logo { float: left; height: 60px; line-height: 60px; font-size: 22px; color: #ffffff; padding: 0 18px; font-family: 'Oswald Regular', Arial, sans-serif; text-transform: uppercase; text-decoration: none; background: transparent; white-space: nowrap; } header .uui-header .brand-logo .logo { float: left; width: auto; height: 34px; margin: 13px 6px 0 0; } header .uui-header .brand-logo .logo img { vertical-align: top; width: auto; height: 34px; } header .uui-header .uui-navigation { height: 60px; margin: 0; float: left; } header .uui-header .uui-navigation > li { float: left; margin: 0; } header .uui-header .uui-navigation > li > a { height: 60px; line-height: 60px; padding: 0 18px; font-family: 'Oswald Regular', Arial, sans-serif; text-transform: uppercase; letter-spacing: .15px; font-size: 16px; color: #ffffff; } header .uui-header .uui-navigation > li > a:hover, header .uui-header .uui-navigation > li > a:focus, header .uui-header .uui-navigation > li > a:active { color: #ffffff; background: none; text-decoration: none; } header .uui-header .uui-navigation > li > a .arrow { color: #ffffff; line-height: 60px; font-size: 12px; vertical-align: top; } header .uui-header .uui-navigation > li:hover > a, header .uui-header .uui-navigation > li:focus > a, header .uui-header .uui-navigation > li.open > a { color: #ffffff; background: #333333; } header .uui-header .uui-navigation > li:hover > a .arrow, header .uui-header .uui-navigation > li:focus > a .arrow, header .uui-header .uui-navigation > li.open > a .arrow { color: #ffffff; } header .uui-header .uui-navigation > li.active > a { color: #3cc2d7; } header .uui-header .uui-navigation > li.active > a .arrow { color: #3cc2d7; } header .uui-header .uui-navigation > li.active:hover > a, header .uui-header .uui-navigation > li.active:focus > a, header .uui-header .uui-navigation > li.active .open > a { color: #ffffff; } header .uui-header .uui-navigation > li.active:hover > a .arrow, header .uui-header .uui-navigation > li.active:focus > a .arrow, header .uui-header .uui-navigation > li.active .open > a .arrow { color: #ffffff; } header .uui-header .uui-navigation > li.dropdown:hover > a, header .uui-header .uui-navigation > li.dropdown:focus > a, header .uui-header .uui-navigation > li.dropdown.open > a { color: #ffffff; background: #333333; } header .uui-header .uui-navigation > li.dropdown:hover > a .arrow, header .uui-header .uui-navigation > li.dropdown:focus > a .arrow, header .uui-header .uui-navigation > li.dropdown.open > a .arrow { color: #ffffff; } header .uui-header .uui-navigation > li .dropdown-menu { position: absolute; float: left; background: #333333; border: none; border-radius: 0; padding: 0; box-shadow: none; } header .uui-header .uui-navigation > li .dropdown-menu > li { margin: 0; } header .uui-header .uui-navigation > li .dropdown-menu > li > a { padding: 9px 18px 8px 18px; font-family: 'Oswald Light', Arial, sans-serif; letter-spacing: 0.15px; font-size: 18px; color: #ffffff; white-space: normal; } header .uui-header .uui-navigation > li .dropdown-menu > li > a:hover, header .uui-header .uui-navigation > li .dropdown-menu > li > a:focus, header .uui-header .uui-navigation > li .dropdown-menu > li > a:active { color: #ffffff; background: none; text-decoration: none; } header .uui-header .uui-navigation > li .dropdown-menu > li:hover > a, header .uui-header .uui-navigation > li .dropdown-menu > li:focus > a, header .uui-header .uui-navigation > li .dropdown-menu > li.open > a { background: #1a9cb0; } header .uui-header .uui-navigation > li .dropdown-menu > li.active > a { color: #3cc2d7; background: none; } header .uui-header .uui-navigation > li .dropdown-menu > li.active:hover > a, header .uui-header .uui-navigation > li .dropdown-menu > li.active:focus > a, header .uui-header .uui-navigation > li .dropdown-menu > li.active.open > a { color: #ffffff; background: #1a9cb0; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu { position: relative; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu > a { color: #ffffff; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu > a:after { display: block; font: normal normal normal 14px/1 FontAwesome; content: "\f105"; float: right; font-size: 12px; margin-top: 7px; margin-right: -6px; color: #ffffff; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu:hover > a, header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu:focus > a, header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu.open > a { color: #ffffff; background: #1a9cb0; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu:hover > a:after, header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu:focus > a:after, header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu.open > a:after { color: #ffffff; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu.active > a { color: #3cc2d7; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu.active > a:after { color: #3cc2d7; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu.active:hover > a, header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu.active:focus > a { color: #ffffff; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu.active:hover > a:after, header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu.active:focus > a:after { color: #ffffff; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: 0; background: #1a9cb0; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li:hover > a, header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li:focus > a { background: #39c2d7; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li.active > a { color: #a6f1fd; background: none; } header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li.active:hover > a, header .uui-header .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li.active:focus > a { color: #ffffff; background: #39c2d7; } header .uui-header .uui-header-tools { height: 60px; margin: 0; float: right; } header .uui-header .uui-header-tools > li { float: left; margin: 0; padding: 0 9px; } header .uui-header .uui-header-tools > li:last-of-type { padding: 0 18px 0 9px; } header .uui-header .uui-header-tools > li > a { height: 60px; line-height: 60px; padding: 0; } header .uui-header .uui-header-tools > li > a:hover, header .uui-header .uui-header-tools > li > a:focus, header .uui-header .uui-header-tools > li > a:active { background: none; text-decoration: none; } header .uui-header .uui-header-tools > li.uui-header-icon > a { line-height: 56px; } header .uui-header .uui-header-tools > li.uui-header-icon > a i { font-size: 22px; color: #ffffff; opacity: 1; vertical-align: middle; } header .uui-header .uui-header-tools > li.uui-header-icon > a .uui-label { position: absolute; top: 8px; right: -12px; } header .uui-header .uui-header-tools > li.uui-header-icon > a img { height: 22px; width: auto; opacity: 0.8; } header .uui-header .uui-header-tools > li.uui-header-icon:hover > a i, header .uui-header .uui-header-tools > li.uui-header-icon:focus > a i { opacity: 0.8; } header .uui-header .uui-header-tools > li.uui-header-icon:hover > a img, header .uui-header .uui-header-tools > li.uui-header-icon:focus > a img { opacity: 0.6; } header .uui-header .uui-header-tools > li.uui-header-button > a.uui-button { height: 34px; line-height: normal; border-radius: 20px; padding: 6px 18px; margin: 13px 0; background: #a3c644; border-color: #a3c644; color: #ffffff; } header .uui-header .uui-header-tools > li.uui-header-button > a.uui-button:hover, header .uui-header .uui-header-tools > li.uui-header-button > a.uui-button:focus, header .uui-header .uui-header-tools > li.uui-header-button > a.uui-button:active { background: #8cad35; border-color: #8cad35; color: #ffffff; text-decoration: none; } header .uui-header .uui-header-tools > li.uui-header-button.open > a { background: #a3c644; border-color: #a3c644; } header .uui-header .uui-header-tools > li.global-menu { height: 60px; width: 60px; padding: 0; cursor: pointer; } header .uui-header .uui-header-tools > li.global-menu img { opacity: .8; } header .uui-header .uui-header-tools > li.global-menu:hover img { opacity: 1; } header .uui-header .uui-header-tools > li.open > a { background: none; } header .uui-header .uui-header-tools > li .dropdown-menu { width: 154px; min-width: 154px; position: absolute; left: auto; right: 50%; margin-right: -77px; float: left; background: #f5f5f5; border: none; border-radius: 0; padding: 0; box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2); } header .uui-header .uui-header-tools > li .dropdown-menu .menu-arrow { position: absolute; top: -6px; right: 50%; margin-right: -6px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #f5f5f5 transparent; } header .uui-header .uui-header-tools > li .dropdown-menu ul { margin: 0; list-style: none; } header .uui-header .uui-header-tools > li .dropdown-menu ul > li { box-shadow: inset 0 -1px #dddddd; margin: 0; } header .uui-header .uui-header-tools > li .dropdown-menu ul > li:last-child { box-shadow: none; } header .uui-header .uui-header-tools > li .dropdown-menu ul > li > a { display: block; padding: 12px 18px; font-size: 16px; color: #666666; } header .uui-header .uui-header-tools > li .dropdown-menu ul > li > a i { color: #666666; font-size: 16px; margin-right: 5px; min-width: 16px; } header .uui-header .uui-header-tools > li .dropdown-menu ul > li > a img { height: 16px; width: auto; min-width: 16px; margin-right: 5px; margin-bottom: 3px; opacity: .8; } header .uui-header .uui-header-tools > li .dropdown-menu ul > li > a p { margin-bottom: 0; } header .uui-header .uui-header-tools > li .dropdown-menu ul > li > a:hover, header .uui-header .uui-header-tools > li .dropdown-menu ul > li > a:focus, header .uui-header .uui-header-tools > li .dropdown-menu ul > li > a:active { color: #464547; background: none; text-decoration: none; } header .uui-header .uui-header-tools > li .dropdown-menu ul > li:hover > a, header .uui-header .uui-header-tools > li .dropdown-menu ul > li:focus > a { background: #dddddd; color: #464547; } header .uui-header .uui-header-tools > li .dropdown-menu ul > li:hover > a i, header .uui-header .uui-header-tools > li .dropdown-menu ul > li:focus > a i { color: #464547; } header .uui-header .uui-header-tools > li .dropdown-menu ul > li:hover > a img, header .uui-header .uui-header-tools > li .dropdown-menu ul > li:focus > a img { opacity: 1; } header .uui-header.navigation-header .brand-logo { background: #292929; } header .uui-header.sidebar-header nav .brand-logo { background: #464547; } header .uui-header.sidebar-header nav .responsive-menu ul > li.active > a span, header .uui-header.sidebar-header nav .responsive-menu ul > li.active > a i { color: #3cc2d7; } header .uui-header.sidebar-header nav .responsive-menu ul > li.active:hover > a, header .uui-header.sidebar-header nav .responsive-menu ul > li.active:focus > a { color: #ffffff; } header .uui-header.sidebar-header nav .responsive-menu ul > li.active:hover > a i, header .uui-header.sidebar-header nav .responsive-menu ul > li.active:focus > a i, header .uui-header.sidebar-header nav .responsive-menu ul > li.active:hover > a span, header .uui-header.sidebar-header nav .responsive-menu ul > li.active:focus > a span { color: #ffffff; } header .uui-header.sidebar-header nav .responsive-menu ul > li.sub-menu .sub > li.active > a span { color: #3cc2d7; } header .uui-header.sidebar-header nav .responsive-menu ul > li.sub-menu .sub > li.active:hover > a, header .uui-header.sidebar-header nav .responsive-menu ul > li.sub-menu .sub > li.active:focus > a { color: #ffffff; } header .uui-header.sidebar-header nav .responsive-menu ul > li.sub-menu .sub > li.active:hover > a i, header .uui-header.sidebar-header nav .responsive-menu ul > li.sub-menu .sub > li.active:focus > a i, header .uui-header.sidebar-header nav .responsive-menu ul > li.sub-menu .sub > li.active:hover > a span, header .uui-header.sidebar-header nav .responsive-menu ul > li.sub-menu .sub > li.active:focus > a span { color: #ffffff; } header .uui-header.breadcrumb-header .brand-logo { position: relative; background: #464547; } header .uui-header.breadcrumb-header .brand-logo:before { content: ''; position: absolute; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #464547; right: -8px; top: 50%; margin-top: -8px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li { margin: 0; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav { position: relative; background: #333333; cursor: pointer; width: 160px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav > a .toggle-nav { position: relative; float: left; width: 18px; height: 60px; line-height: 60px; margin-right: 10px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav > a .toggle-nav span { display: block; position: absolute; height: 2px; width: 18px; background: #ffffff; left: 0; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav > a .toggle-nav span:nth-child(1) { top: 21px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav > a .toggle-nav span:nth-child(2) { top: 28px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav > a .toggle-nav span:nth-child(3) { top: 35px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav > a .active-title { display: inline-block; max-width: 84px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 1px; line-height: 59px; color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav > a .arrow { color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav:before { content: ''; position: absolute; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #333333; right: -8px; top: 50%; margin-top: -8px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav:hover > a, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav:focus > a, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav.open > a { background: #333333; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu { background: #333333; width: 140px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li { margin: 0; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li > a i { font-size: 18px; color: #ffffff; margin-right: 10px; min-width: 20px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li > a img { height: 18px; width: auto; min-width: 20px; margin-right: 10px; margin-bottom: 3px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li > a span { display: inline-block; font-family: 'Oswald Light', Arial, sans-serif; letter-spacing: .15px; color: #ffffff; font-size: 18px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li > a:after { color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:hover > a, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:focus > a, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.open > a { background: #1a9cb0; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:hover > a i, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:focus > a i, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.open > a i, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:hover > a span, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:focus > a span, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.open > a span { color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:hover > a:after, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:focus > a:after, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.open > a:after { color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active > a i, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active > a span { color: #39c2d7; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active > a:after { color: #39c2d7; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:hover > a i, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:focus > a i, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:hover > a span, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:focus > a span { color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:hover > a:after, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:focus > a:after { color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.title span { display: block; padding: 23px 18px 13px 18px; font-family: 'Oswald Light', Arial, sans-serif; font-size: 14px; letter-spacing: .15px; color: #999999; cursor: default; text-transform: uppercase; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.title:first-child span { padding: 13px 18px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:hover > a, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:focus > a, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.open > a { background: #1a9cb0; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:hover > a i, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:focus > a i, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.open > a i, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:hover > a span, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:focus > a span, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.open > a span { color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:hover > a:after, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:focus > a:after, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.open > a:after { color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active:hover > a i, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active:focus > a i, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active.open > a i, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active:hover > a span, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active:focus > a span, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active.open > a span { color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active:hover > a:after, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active:focus > a:after, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active.open > a:after { color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu { background: #1a9cb0; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu > li:hover > a, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu > li:focus > a, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu > li.open > a { background: #39c2d7; color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu > li.active > a { background: #1a9cb0; color: #a6f1fd; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu > li.active:hover > a, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu > li.active:focus > a { background: #39c2d7; color: #ffffff; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav > li { position: relative; margin: 0; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav > li > a { font-family: 'Oswald Light', Arial, sans-serif; text-transform: none; font-size: 18px; color: #ffffff; letter-spacing: .15px; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav > li > a .uui-label { position: absolute; top: 8px; right: -10px; z-index: 1; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav > li > a:hover, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav > li > a:focus, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav > li > a:active { color: #ffffff; text-decoration: none; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav > li:hover > a, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav > li:focus > a, header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav > li.open > a { background: none; color: #a6f1fd; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav > li.active > a { color: #a6f1fd; } header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav > li.active:focus > a { background: none; color: #a6f1fd; } header .uui-header.breadcrumb-header .uui-navigation.extended-menu > li > a { font-family: 'Oswald Light', Arial, sans-serif; text-transform: none; font-size: 18px; letter-spacing: .15px; } header .uui-header.breadcrumb-header .uui-navigation.extended-menu > li .dropdown-menu > li { position: relative; } header .uui-header.breadcrumb-header .uui-navigation.extended-menu > li .dropdown-menu > li > a .uui-label { position: relative; top: -9px; left: 0; } header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.active > a span, header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.active > a i { color: #3cc2d7; } header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.active:hover > a, header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.active:focus > a { color: #ffffff; } header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.active:hover > a i, header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.active:focus > a i, header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.active:hover > a span, header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.active:focus > a span { color: #ffffff; } header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active > a span { color: #3cc2d7; } header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a, header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a { color: #ffffff; } header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a i, header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a i, header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a span, header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a span { color: #ffffff; } header .uui-header .uui-responsive-header { display: none; } header .uui-header .uui-responsive-header .responsive-header { position: absolute; z-index: 1004; top: 0; left: 0; height: 60px; width: 100%; min-width: 320px; background: #464547; } header .uui-header .uui-responsive-header .responsive-header .responsive-toggle-box { position: relative; float: left; width: 54px; height: 60px; line-height: 60px; text-align: center; cursor: pointer; background: #333333; } header .uui-header .uui-responsive-header .responsive-header .responsive-toggle-box span { display: block; position: absolute; height: 2px; width: 18px; background: #ffffff; left: 18px; } header .uui-header .uui-responsive-header .responsive-header .responsive-toggle-box span:nth-child(1) { top: 20px; } header .uui-header .uui-responsive-header .responsive-header .responsive-toggle-box span:nth-child(2) { top: 27px; } header .uui-header .uui-responsive-header .responsive-header .responsive-toggle-box span:nth-child(3) { top: 34px; } header .uui-header .uui-responsive-header .responsive-header .responsive-hide-menu { position: absolute; right: 100%; top: 0; z-index: 1004; width: 54px; height: 60px; line-height: 60px; text-align: center; cursor: pointer; background: #333333; opacity: 0; -webkit-transition: right .3s linear, opacity .5s linear; -moz-transition: right .3s linear, opacity .5s linear; -o-transition: right .3s linear, opacity .5s linear; -ms-transition: right .3s linear, opacity .5s linear; transition: right .3s linear, opacity .5s linear; } header .uui-header .uui-responsive-header .responsive-header .responsive-hide-menu span { display: block; position: absolute; height: 2px; width: 26px; background: #ffffff; opacity: 1; top: 29px; left: 15px; } header .uui-header .uui-responsive-header .responsive-header .responsive-hide-menu span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } header .uui-header .uui-responsive-header .responsive-header .responsive-hide-menu span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } header .uui-header .uui-responsive-header .responsive-header .responsive-hide-menu.show { right: 0; opacity: 1; } header .uui-header .uui-responsive-header .responsive-header .responsive-brand-logo { float: left; height: 60px; line-height: 60px; font-size: 22px; color: #ffffff; padding: 0 18px; font-family: 'Oswald Regular', Arial, sans-serif; text-transform: uppercase; text-decoration: none; } header .uui-header .uui-responsive-header .responsive-header .responsive-brand-logo .arrow { line-height: 60px; font-size: 28px; color: #ffffff; margin-right: 6px; display: none; } header .uui-header .uui-responsive-header .responsive-header .responsive-brand-logo .logo { float: left; width: auto; height: 34px; margin: 13px 6px 0 0; } header .uui-header .uui-responsive-header .responsive-header .responsive-brand-logo .logo img { vertical-align: top; width: auto; height: 34px; } header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools { height: 60px; margin: 0; float: right; padding: 0 12px; } header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools > li { float: left; margin: 0; } header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools > li > a { height: 60px; line-height: 60px; padding: 0 12px; } header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools > li > a:hover, header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools > li > a:focus, header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools > li > a:active { background: none; text-decoration: none; } header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools > li.responsive-header-icon > a i { font-size: 22px; color: #ffffff; margin-top: 19px; opacity: 1; } header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools > li.responsive-header-icon > a i:hover { opacity: 0.8; } header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools > li.responsive-header-icon > a .uui-label { position: absolute; top: 8px; right: -2px; } header .uui-header .uui-responsive-header .responsive-menu { position: fixed; z-index: 1003; top: 0; left: 0; width: 100%; min-width: 320px; height: 100%; margin-top: 60px; padding-right: 54px; background: rgba(51, 51, 51, 0.5); display: none; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper { height: 100%; width: 100%; background: #333333; position: relative; min-height: 232px; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll { min-height: 150px; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll .mCSB_inside > .mCSB_container { margin-right: 0; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll .mCSB_scrollTools { width: 0; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul { width: 100%; margin: 0; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li { display: inline-block; width: 100%; list-style: none; margin: 0; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li > a { display: inline-block; width: 100%; height: 50px; line-height: 50px; padding: 0 12px 0 18px; color: #cccccc; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li > a:hover, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li > a:focus, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li > a:active { color: #cccccc; background: none; text-decoration: none; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li > a i { font-size: 22px; color: #cccccc; line-height: 50px; margin-right: 6px; min-width: 22px; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li > a span { display: inline-block; font-family: 'Oswald Regular', Arial, sans-serif; letter-spacing: .15px; font-size: 16px; text-transform: uppercase; color: #cccccc; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li > a .arrow { float: right; font-size: 12px; color: #999999; line-height: 50px; margin-left: 12px; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li > a .uui-label { margin-left: 10px; position: absolute; top: 16px; font-size: 12px; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li:hover > a, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li:focus > a { background: #1f1f1f; color: #ffffff; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li:hover > a i, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li:focus > a i, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li:hover > a span, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li:focus > a span { color: #ffffff; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.active > a { color: #3cc2d7; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.active > a i, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.active > a span { color: #3cc2d7; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.active:hover > a, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.active:focus > a { color: #ffffff; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.active:hover > a i, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.active:focus > a i, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.active:hover > a span, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.active:focus > a span { color: #ffffff; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.sub-menu .sub { display: none; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.sub-menu .sub > li { margin: 0; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.sub-menu .sub > li .current { color: #3cc2d7; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.sub-menu .sub > li > a { text-transform: none; font-family: 'Oswald Light', Arial, sans-serif; font-size: 18px; line-height: 50px; white-space: normal; max-width: none; letter-spacing: .15px; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.sub-menu .sub > li.active > a { color: #3cc2d7; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.sub-menu .sub > li.active:hover > a, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.sub-menu .sub > li.active:focus > a { color: #ffffff; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.sub-menu .sub > li.active:hover > a i, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.sub-menu .sub > li.active:focus > a i, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.sub-menu .sub > li.active:hover > a, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul > li.sub-menu .sub > li.active:focus > a { color: #ffffff; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button { position: absolute; bottom: 60px; display: inline-block; width: 100%; padding: 20px; text-align: center; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button > a.uui-button { width: 205px; height: 42px; line-height: 42px; border-radius: 20px; padding: 0 20px; background: #a3c644; border-color: #a3c644; color: #ffffff; font-size: 16px; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button > a.uui-button:hover, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button > a.uui-button:focus, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button > a.uui-button:active { background: #8cad35; border-color: #8cad35; text-decoration: none; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu { right: 0; width: 205px; margin: 0 auto; border-radius: 0; padding: 0; box-shadow: none; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul > li { box-shadow: inset 0 1px #dddddd; margin: 0; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul > li:last-child { box-shadow: none; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul > li > a { display: inline-block; width: 100%; padding: 12px 10px; font-size: 16px; height: inherit; line-height: inherit; color: #666666; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul > li > a i { color: #666666; font-size: 16px; margin-right: 5px; min-width: 16px; line-height: inherit; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul > li > a img { height: 16px; width: auto; min-width: 16px; margin-right: 5px; margin-bottom: 3px; opacity: .8; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul > li > a span { font-family: 'Source Sans Pro Regular', Arial, sans-serif; color: #666666; letter-spacing: normal; text-transform: none; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul > li:hover > a, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul > li:focus > a { background: #cccccc; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu .menu-arrow { position: absolute; bottom: -6px; right: 50%; margin-right: -6px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #f5f5f5 transparent transparent transparent; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu { position: absolute; bottom: 0; display: inline-block; width: 100%; background: #292929; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu > a { display: inline-block; width: 100%; height: 60px; padding: 0 18px; text-align: center; color: #999999; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu > a img { height: 60px; width: auto; opacity: 0.8; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu > a span { display: inline-block; font-size: 16px; font-family: 'Oswald Regular', Arial, sans-serif; letter-spacing: .25px; text-transform: uppercase; color: #999999; vertical-align: middle; margin-top: 2px; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu > a:hover, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu > a:focus, header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu > a:active { text-decoration: none; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu:hover > a img { opacity: 1; } header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu:hover > a span { color: #a3a3a3; } /* Blue */ .uui-header.blue { background: #1a9cb0; } .uui-header.blue .uui-toggle-box, .uui-header.blue .responsive-toggle-box { background: #39c2d7; } .uui-header.blue .uui-navigation > li > a .arrow { color: #ffffff; } .uui-header.blue .uui-navigation > li:hover > a, .uui-header.blue .uui-navigation > li:focus > a, .uui-header.blue .uui-navigation > li.open > a { background: #39c2d7; } .uui-header.blue .uui-navigation > li.active > a { color: #a6f1fd; } .uui-header.blue .uui-navigation > li.active > a .arrow { color: #a6f1fd; } .uui-header.blue .uui-navigation > li.active:hover > a, .uui-header.blue .uui-navigation > li.active:focus > a, .uui-header.blue .uui-navigation > li.active.open > a { background: #39c2d7; } .uui-header.blue .uui-navigation > li.dropdown:hover > a, .uui-header.blue .uui-navigation > li.dropdown:focus > a, .uui-header.blue .uui-navigation > li.dropdown.open > a { background: #39c2d7; } .uui-header.blue .uui-navigation > li .dropdown-menu { background: #39c2d7; } .uui-header.blue .uui-navigation > li .dropdown-menu > li:hover > a, .uui-header.blue .uui-navigation > li .dropdown-menu > li:focus > a, .uui-header.blue .uui-navigation > li .dropdown-menu > li.open > a { background: #157c8c; } .uui-header.blue .uui-navigation > li .dropdown-menu > li.active > a { background: #39c2d7; color: #a6f1fd; } .uui-header.blue .uui-navigation > li .dropdown-menu > li.active:hover > a, .uui-header.blue .uui-navigation > li .dropdown-menu > li.active:focus > a, .uui-header.blue .uui-navigation > li .dropdown-menu > li.active.open > a { background: #157c8c; } .uui-header.blue .uui-navigation > li .dropdown-menu > li.dropdown-submenu > a:after { color: #ffffff; } .uui-header.blue .uui-navigation > li .dropdown-menu > li.dropdown-submenu:hover > a, .uui-header.blue .uui-navigation > li .dropdown-menu > li.dropdown-submenu:focus > a, .uui-header.blue .uui-navigation > li .dropdown-menu > li.dropdown-submenu.open > a { background: #157c8c; } .uui-header.blue .uui-navigation > li .dropdown-menu > li.dropdown-submenu.active > a { color: #a6f1fd; } .uui-header.blue .uui-navigation > li .dropdown-menu > li.dropdown-submenu.active > a:after { color: #a6f1fd; } .uui-header.blue .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu { background: #157c8c; } .uui-header.blue .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li:hover > a, .uui-header.blue .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li:focus > a { background: #1a9cb0; } .uui-header.blue .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li.active > a { background: #157c8c; color: #a6f1fd; } .uui-header.blue .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li.active:hover > a, .uui-header.blue .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li.active:focus > a { background: #1a9cb0; } .uui-header.blue .uui-responsive-header .responsive-header { background: #1a9cb0; } .uui-header.blue .uui-responsive-header .responsive-header .responsive-toggle-box { background: #39c2d7; } .uui-header.blue .uui-responsive-header .responsive-header .responsive-hide-menu { background: #39c2d7; } .uui-header.blue.navigation-header .brand-logo { background: #157c8c; } .uui-header.blue.sidebar-header .brand-logo { background: #1a9cb0; } /* Gray & Blue */ .uui-header.gray-blue { background: #464547; } .uui-header.gray-blue .uui-toggle-box, .uui-header.gray-blue .responsive-toggle-box { background: #39c2d7; } .uui-header.gray-blue .uui-responsive-header .responsive-header { background: #464547; } .uui-header.gray-blue .uui-responsive-header .responsive-header .responsive-toggle-box { background: #39c2d7; } .uui-header.gray-blue .uui-responsive-header .responsive-header .responsive-hide-menu { background: #39c2d7; } .uui-header.gray-blue.navigation-header .brand-logo { background: #39c2d7; } .uui-header.gray-blue.sidebar-header .brand-logo { background: #464547; } .uui-header.gray-blue.breadcrumb-header .brand-logo { background: #39c2d7; } .uui-header.gray-blue.breadcrumb-header .brand-logo:before { border-color: transparent transparent transparent #39c2d7; } /* Green */ .uui-header.green { background: #7f993a; } .uui-header.green .uui-toggle-box, .uui-header.green .responsive-toggle-box { background: #a3c644; } .uui-header.green .uui-navigation > li > a .arrow { color: #ffffff; } .uui-header.green .uui-navigation > li:hover > a, .uui-header.green .uui-navigation > li:focus > a, .uui-header.green .uui-navigation > li.open > a { background: #a3c644; } .uui-header.green .uui-navigation > li.active > a { color: #e4ff99; } .uui-header.green .uui-navigation > li.active > a .arrow { color: #e4ff99; } .uui-header.green .uui-navigation > li.active:hover > a, .uui-header.green .uui-navigation > li.active:focus > a, .uui-header.green .uui-navigation > li.active.open > a { background: #a3c644; } .uui-header.green .uui-navigation > li.dropdown:hover > a, .uui-header.green .uui-navigation > li.dropdown:focus > a, .uui-header.green .uui-navigation > li.dropdown.open > a { background: #a3c644; } .uui-header.green .uui-navigation > li .dropdown-menu { background: #a3c644; } .uui-header.green .uui-navigation > li .dropdown-menu > li:hover > a, .uui-header.green .uui-navigation > li .dropdown-menu > li:focus > a, .uui-header.green .uui-navigation > li .dropdown-menu > li.open > a { background: #667b2f; } .uui-header.green .uui-navigation > li .dropdown-menu > li.active > a { background: #a3c644; color: #e4ff99; } .uui-header.green .uui-navigation > li .dropdown-menu > li.active:hover > a, .uui-header.green .uui-navigation > li .dropdown-menu > li.active:focus > a, .uui-header.green .uui-navigation > li .dropdown-menu > li.active.open > a { background: #667b2f; } .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > a:after { color: #ffffff; } .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu:hover > a, .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu:focus > a, .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu.open > a { background: #667b2f; } .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu:hover > a:after, .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu:focus > a:after, .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu.open > a:after { color: #ffffff; } .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu.active > a { color: #e4ff99; } .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu.active > a:after { color: #e4ff99; } .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu { background: #667b2f; } .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li:hover > a, .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li:focus > a { background: #7f993a; } .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li.active > a { background: #667b2f; color: #e4ff99; } .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li.active:hover > a, .uui-header.green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li.active:focus > a { background: #7f993a; } .uui-header.green .uui-header-tools > li.uui-global-search > a .uui-search { border: 1px solid #667b2f; background: #667b2f; } .uui-header.green .uui-header-tools > li.uui-global-search > a .uui-search::-webkit-input-placeholder { color: #a3c644; } .uui-header.green .uui-header-tools > li.uui-global-search > a .uui-search::-moz-placeholder { color: #a3c644; } .uui-header.green .uui-header-tools > li.uui-global-search > a .uui-search:-ms-input-placeholder { color: #a3c644; } .uui-header.green .uui-header-tools > li.uui-global-search > a .uui-search:focus { border: 1px solid #ffffff; background-color: #ffffff; } .uui-header.green .uui-header-tools > li.uui-global-search > a .uui-search:focus::-webkit-input-placeholder { color: #999999; } .uui-header.green .uui-header-tools > li.uui-global-search > a .uui-search:focus::-moz-placeholder { color: #999999; } .uui-header.green .uui-header-tools > li.uui-global-search > a .uui-search:focus:-ms-input-placeholder { color: #999999; } .uui-header.green .uui-header-tools > li.uui-global-search > a label:before { color: #a3c644; } .uui-header.green .uui-header-tools > li.uui-header-button > a.uui-button { background: #464547; border-color: #464547; color: #ffffff; } .uui-header.green .uui-header-tools > li.uui-header-button > a.uui-button:hover, .uui-header.green .uui-header-tools > li.uui-header-button > a.uui-button:focus, .uui-header.green .uui-header-tools > li.uui-header-button > a.uui-button:active { background: #323132; border-color: #323132; color: #ffffff; text-decoration: none; } .uui-header.green .uui-header-tools > li.uui-header-button.open > a { background: #464547; border-color: #464547; } .uui-header.green .uui-responsive-header .responsive-header { background: #7f993a; } .uui-header.green .uui-responsive-header .responsive-header .responsive-toggle-box { background: #a3c644; } .uui-header.green .uui-responsive-header .responsive-header .responsive-hide-menu { background: #a3c644; } .uui-header.green .uui-responsive-header .responsive-menu ul > li.active > a span, .uui-header.green .uui-responsive-header .responsive-menu ul > li.active > a i { color: #a3c644; } .uui-header.green .uui-responsive-header .responsive-menu ul > li.active:hover > a, .uui-header.green .uui-responsive-header .responsive-menu ul > li.active:focus > a { color: #ffffff; } .uui-header.green .uui-responsive-header .responsive-menu ul > li.active:hover > a i, .uui-header.green .uui-responsive-header .responsive-menu ul > li.active:focus > a i, .uui-header.green .uui-responsive-header .responsive-menu ul > li.active:hover > a span, .uui-header.green .uui-responsive-header .responsive-menu ul > li.active:focus > a span { color: #ffffff; } .uui-header.green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active > a span { color: #a3c644; } .uui-header.green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a, .uui-header.green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a { color: #ffffff; } .uui-header.green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a i, .uui-header.green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a i, .uui-header.green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a span, .uui-header.green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a span { color: #ffffff; } .uui-header.green.navigation-header .brand-logo { background: #667b2f; } .uui-header.green.sidebar-header nav .brand-logo { background: #7f993a; } .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active > a span, .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active > a i { color: #a3c644; } .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active:hover > a, .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active:focus > a { color: #ffffff; } .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active:hover > a i, .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active:focus > a i, .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active:hover > a span, .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active:focus > a span { color: #ffffff; } .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active > a span { color: #a3c644; } .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a, .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a { color: #ffffff; } .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a i, .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a i, .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a span, .uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a span { color: #ffffff; } /* Gray & Green */ .uui-header.gray-green { background: #464547; } .uui-header.gray-green .uui-toggle-box, .uui-header.gray-green .responsive-toggle-box { background: #a3c644; } .uui-header.gray-green .uui-navigation > li.active > a { color: #a3c644; } .uui-header.gray-green .uui-navigation > li.active > a .arrow { color: #a3c644; } .uui-header.gray-green .uui-navigation > li .dropdown-menu > li:hover > a, .uui-header.gray-green .uui-navigation > li .dropdown-menu > li:focus > a, .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.open > a { background: #7f993a; } .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.active > a { color: #a3c644; } .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.active:hover > a, .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.active:focus > a, .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.active.open > a { background: #7f993a; } .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.dropdown-submenu:hover > a, .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.dropdown-submenu:focus > a, .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.dropdown-submenu.open > a { background: #7f993a; } .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.dropdown-submenu.active > a { color: #a3c644; } .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.dropdown-submenu.active > a:after { color: #a3c644; } .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu { background: #7f993a; } .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li:hover > a, .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li:focus > a { background: #a3c644; } .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li.active > a { background: #7f993a; color: #e4ff99; } .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li.active:hover > a, .uui-header.gray-green .uui-navigation > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li.active:focus > a { background: #a3c644; } .uui-header.gray-green .uui-responsive-header .responsive-header { background: #464547; } .uui-header.gray-green .uui-responsive-header .responsive-header .responsive-toggle-box { background: #a3c644; } .uui-header.gray-green .uui-responsive-header .responsive-header .responsive-hide-menu { background: #a3c644; } .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.active > a span, .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.active > a i { color: #a3c644; } .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.active:hover > a, .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.active:focus > a { color: #ffffff; } .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.active:hover > a i, .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.active:focus > a i, .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.active:hover > a span, .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.active:focus > a span { color: #ffffff; } .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active > a span { color: #a3c644; } .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li:hover > a, .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li:focus > a { color: #ffffff; } .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li:hover > a i, .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li:focus > a i, .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li:hover > a span, .uui-header.gray-green .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li:focus > a span { color: #ffffff; } .uui-header.gray-green.navogation-header .brand-logo { background: #a3c644; } .uui-header.gray-green.sidebar-header nav .brand-logo { background: #464547; } .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active > a span, .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active > a i { color: #a3c644; } .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active:hover > a, .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active:focus > a { color: #ffffff; } .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active:hover > a i, .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active:focus > a i, .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active:hover > a span, .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.active:focus > a span { color: #ffffff; } .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active > a span { color: #a3c644; } .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a, .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a { color: #ffffff; } .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a i, .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a i, .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a span, .uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a span { color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .brand-logo { background: #a3c644; } .uui-header.gray-green.breadcrumb-header nav .brand-logo:before { border-color: transparent transparent transparent #a3c644; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:hover > a, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:focus > a, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.open > a { background: #7f993a; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:hover > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:focus > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.open > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:hover > a span, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:focus > a span, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.open > a span { color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:hover > a:after, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li:focus > a:after, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.open > a:after { color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active > a span { color: #a3c644; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:hover > a, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:focus > a { background: #7f993a; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:hover > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:focus > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:hover > a span, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:focus > a span { color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:hover > a:after, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.active:focus > a:after { color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:hover > a, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:focus > a, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.open > a { background: #7f993a; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:hover > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:focus > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.open > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:hover > a span, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:focus > a span, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.open > a span { color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:hover > a:after, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu:focus > a:after, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.open > a:after { color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active > a span { color: #a3c644; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active > a:after { color: #a3c644; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active:hover > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active:focus > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active.open > a i, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active:hover > a span, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active:focus > a span, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active.open > a span { color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active:hover > a:after, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active:focus > a:after, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu.active.open > a:after { color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu { background: #7f993a; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu > li:hover > a, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu > li:focus > a, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu > li.open > a { background: #a3c644; color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu > li.active > a { background: #7f993a; color: #e4ff99; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu > li.active:hover > a, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav > li.active-nav .dropdown-menu > li.dropdown-submenu .dropdown-menu > li.active:focus > a { background: #a3c644; color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-related-nav > li:hover > a, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-related-nav > li:focus > a { color: #e4ff99; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-related-nav > li.active > a { color: #e4ff99; } .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-related-nav > li.active:focus > a, .uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-related-nav > li.active.open > a { color: #e4ff99; } .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.active > a span, .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.active > a i { color: #a3c644; } .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.active:hover > a, .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.active:focus > a { color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.active:hover > a i, .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.active:focus > a i, .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.active:hover > a span, .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.active:focus > a span { color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active > a span { color: #a3c644; } .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a, .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a { color: #ffffff; } .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a i, .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a i, .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:hover > a span, .uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul > li.sub-menu .sub > li.active:focus > a span { color: #ffffff; } .wrapper { width: 100%; height: 100%; } .uui-main-container { box-sizing: border-box; min-height: 100%; padding-top: 60px; padding-bottom: 60px; } .uui-main-container main .promo-section { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .uui-main-container main .promo-section .section-wrapper { max-width: 1280px; width: 100%; margin: 0 auto; } /* UUI Sidebar menu */ aside { position: absolute; z-index: 1000; top: 0; left: 0; width: auto; height: 100%; background: rgba(51, 51, 51, 0.5); } aside .uui-side-bar { position: fixed; left: 0; top: 60px; z-index: 1001; width: 260px; height: 100%; background: #333333; display: none; } aside .uui-side-bar .mCSB_inside > .mCSB_container { margin-right: 0; } aside .uui-side-bar .mCSB_scrollTools { width: 0; } aside .uui-side-bar ul { margin: 0 0 60px 0; } aside .uui-side-bar ul > li { display: inline-block; width: 100%; margin: 0; list-style: none; box-shadow: inset 0 -1px #3d3d3d; } aside .uui-side-bar ul > li > a { display: inline-block; width: 100%; height: 50px; line-height: 50px; padding: 0 18px; color: #ffffff; } aside .uui-side-bar ul > li > a:hover, aside .uui-side-bar ul > li > a:focus, aside .uui-side-bar ul > li > a:active { color: #ffffff; background: none; text-decoration: none; } aside .uui-side-bar ul > li > a i { font-size: 22px; color: #ffffff; line-height: 50px; margin-right: 6px; min-width: 24px; } aside .uui-side-bar ul > li > a img { height: 22px; width: auto; min-width: 24px; margin-right: 6px; margin-bottom: 7px; } aside .uui-side-bar ul > li > a span { display: inline-block; font-family: 'Oswald Regular', Arial, sans-serif; letter-spacing: .15px; color: #ffffff; font-size: 16px; text-transform: uppercase; } aside .uui-side-bar ul > li > a .arrow { float: right; font-size: 12px; color: #ffffff; line-height: 50px; margin-left: 12px; } aside .uui-side-bar ul > li:hover > a, aside .uui-side-bar ul > li:focus > a { background: #1a9cb0; } aside .uui-side-bar ul > li.active { margin: 0; } aside .uui-side-bar ul > li.active > a { color: #3cc2d7; } aside .uui-side-bar ul > li.active > a i, aside .uui-side-bar ul > li.active > a span { color: #3cc2d7; } aside .uui-side-bar ul > li.active:hover > a, aside .uui-side-bar ul > li.active:focus > a { color: #ffffff; } aside .uui-side-bar ul > li.active:hover > a i, aside .uui-side-bar ul > li.active:focus > a i, aside .uui-side-bar ul > li.active:hover > a span, aside .uui-side-bar ul > li.active:focus > a span { color: #ffffff; } aside .uui-side-bar ul > li.sub-menu { height: auto; } aside .uui-side-bar ul > li.sub-menu .sub { margin: 0; background: #1f1f1f; display: none; } aside .uui-side-bar ul > li.sub-menu .sub > li { box-shadow: none; } aside .uui-side-bar ul > li.sub-menu .sub > li > a { color: #cccccc; height: auto; line-height: normal; padding: 13px 18px 13px 30px; } aside .uui-side-bar ul > li.sub-menu .sub > li > a span { color: #cccccc; text-transform: none; font-family: 'Oswald Light', Arial, sans-serif; font-size: 18px; line-height: 24px; white-space: normal; max-width: none; letter-spacing: .15px; } aside .uui-side-bar ul > li.sub-menu .sub > li:hover > a, aside .uui-side-bar ul > li.sub-menu .sub > li:focus > a { color: #ffffff; background: none; } aside .uui-side-bar ul > li.sub-menu .sub > li:hover > a span, aside .uui-side-bar ul > li.sub-menu .sub > li:focus > a span { color: #ffffff; } aside .uui-side-bar ul > li.sub-menu .sub > li.active > a { color: #3cc2d7; background: none; } aside .uui-side-bar ul > li.sub-menu .sub > li.active > a span { color: #3cc2d7; } aside .uui-side-bar ul > li.sub-menu .sub > li.active:hover > a, aside .uui-side-bar ul > li.sub-menu .sub > li.active:focus > a { color: #ffffff; } aside .uui-side-bar ul > li.sub-menu .sub > li.active:hover > a span, aside .uui-side-bar ul > li.sub-menu .sub > li.active:focus > a span { color: #ffffff; } aside .uui-side-bar ul > li.sub-menu.open > a { background: #1f1f1f; } aside .uui-side-bar ul > li.sub-menu.open > a i, aside .uui-side-bar ul > li.sub-menu.open > a span { color: #ffffff; } /* Blue */ .uui-side-bar.blue { background: #39c2d7; } .uui-side-bar.blue ul > li { box-shadow: inset 0 -1px #4ac7da; } .uui-side-bar.blue ul > li:hover > a, .uui-side-bar.blue ul > li:focus > a { background: #1dacc2; } .uui-side-bar.blue ul > li.active > a { color: #a6f1fd; } .uui-side-bar.blue ul > li.active > a i, .uui-side-bar.blue ul > li.active > a span { color: #a6f1fd; } .uui-side-bar.blue ul > li.active:hover > a, .uui-side-bar.blue ul > li.active:focus > a { color: #ffffff; } .uui-side-bar.blue ul > li.active:hover > a i, .uui-side-bar.blue ul > li.active:focus > a i, .uui-side-bar.blue ul > li.active:hover > a span, .uui-side-bar.blue ul > li.active:focus > a span { color: #ffffff; } .uui-side-bar.blue ul > li.sub-menu .sub { background: #1a9cb0; } .uui-side-bar.blue ul > li.sub-menu .sub > li > a { color: #bef2fa; } .uui-side-bar.blue ul > li.sub-menu .sub > li > a span { color: #bef2fa; } .uui-side-bar.blue ul > li.sub-menu .sub > li:hover > a, .uui-side-bar.blue ul > li.sub-menu .sub > li:focus > a { color: #ffffff; } .uui-side-bar.blue ul > li.sub-menu .sub > li:hover > a span, .uui-side-bar.blue ul > li.sub-menu .sub > li:focus > a span { color: #ffffff; } .uui-side-bar.blue ul > li.sub-menu .sub > li.active > a { color: #ffffff; } .uui-side-bar.blue ul > li.sub-menu .sub > li.active > a span { color: #ffffff; } .uui-side-bar.blue ul > li.sub-menu.open > a { background: #1a9cb0; } /* Green */ .uui-side-bar.green { background: #a3c644; } .uui-side-bar.green ul > li { box-shadow: inset 0 -1px #abcb54; } .uui-side-bar.green ul > li:hover > a, .uui-side-bar.green ul > li:focus > a { background: #8ba840; } .uui-side-bar.green ul > li:hover > a i, .uui-side-bar.green ul > li:focus > a i, .uui-side-bar.green ul > li:hover > a span, .uui-side-bar.green ul > li:focus > a span { color: #ffffff; } .uui-side-bar.green ul > li.active > a { color: #e4ff99; } .uui-side-bar.green ul > li.active > a i, .uui-side-bar.green ul > li.active > a span { color: #e4ff99; } .uui-side-bar.green ul > li.active:hover > a, .uui-side-bar.green ul > li.active:focus > a { color: #ffffff; } .uui-side-bar.green ul > li.active:hover > a i, .uui-side-bar.green ul > li.active:focus > a i, .uui-side-bar.green ul > li.active:hover > a span, .uui-side-bar.green ul > li.active:focus > a span { color: #ffffff; } .uui-side-bar.green ul > li.sub-menu .sub { background: #7f993a; } .uui-side-bar.green ul > li.sub-menu .sub > li > a { color: #dff999; } .uui-side-bar.green ul > li.sub-menu .sub > li > a span { color: #dff999; } .uui-side-bar.green ul > li.sub-menu .sub > li:hover > a, .uui-side-bar.green ul > li.sub-menu .sub > li:focus > a { color: #ffffff; } .uui-side-bar.green ul > li.sub-menu .sub > li:hover > a span, .uui-side-bar.green ul > li.sub-menu .sub > li:focus > a span { color: #ffffff; } .uui-side-bar.green ul > li.sub-menu .sub > li.active > a { color: #ffffff; } .uui-side-bar.green ul > li.sub-menu .sub > li.active > a span { color: #ffffff; } .uui-side-bar.green ul > li.sub-menu.open > a { background: #7f993a; } /* Gray & Green */ .uui-side-bar.gray-green ul > li:hover > a, .uui-side-bar.gray-green ul > li:focus > a { background: #7f993a; } .uui-side-bar.gray-green ul > li.active > a { color: #a3c644; } .uui-side-bar.gray-green ul > li.active > a i, .uui-side-bar.gray-green ul > li.active > a span { color: #a3c644; } .uui-side-bar.gray-green ul > li.active:hover > a, .uui-side-bar.gray-green ul > li.active:focus > a { color: #ffffff; } .uui-side-bar.gray-green ul > li.active:hover > a i, .uui-side-bar.gray-green ul > li.active:focus > a i, .uui-side-bar.gray-green ul > li.active:hover > a span, .uui-side-bar.gray-green ul > li.active:focus > a span { color: #ffffff; } .uui-side-bar.gray-green ul > li.sub-menu .sub > li:hover > a, .uui-side-bar.gray-green ul > li.sub-menu .sub > li:focus > a { color: #ffffff; } .uui-side-bar.gray-green ul > li.sub-menu .sub > li:hover > a span, .uui-side-bar.gray-green ul > li.sub-menu .sub > li:focus > a span { color: #ffffff; } .uui-side-bar.gray-green ul > li.sub-menu .sub > li.active > a { color: #a3c644; } .uui-side-bar.gray-green ul > li.sub-menu .sub > li.active > a span { color: #a3c644; } .uui-side-bar.gray-green ul > li.sub-menu .sub > li.active:hover > a, .uui-side-bar.gray-green ul > li.sub-menu .sub > li.active:focus > a { color: #ffffff; } .uui-side-bar.gray-green ul > li.sub-menu .sub > li.active:hover > a span, .uui-side-bar.gray-green ul > li.sub-menu .sub > li.active:focus > a span { color: #ffffff; } .uui-side-bar.gray-green ul > li.sub-menu.open > a { background: #1f1f1f; } .uui-side-bar.gray-green ul > li.sub-menu.open > a i, .uui-side-bar.gray-green ul > li.sub-menu.open > a span { color: #ffffff; } footer { width: 100%; margin-top: -60px; position: relative; z-index: 1000; } footer .uui-footer { display: table; table-layout: fixed; height: 60px; width: 100%; vertical-align: middle; background: #464547; padding: 0 20px; } footer .uui-footer .footer-logo-copyright, footer .uui-footer .footer-build { display: table-cell; width: 50%; vertical-align: middle; } footer .uui-footer .footer-logo-copyright { text-align: left; } footer .uui-footer .footer-build { text-align: right; } footer .uui-footer .footer-build .build { display: inline-block; font-size: 12px; text-transform: uppercase; color: #999999; margin: 0; } footer .epam-logo { display: inline-block; width: auto; height: 32px; margin: 2px 10px 0 0; } footer .epam-logo img { width: auto; height: 32px; } footer .copyright { display: inline-block; font-size: 12px; text-transform: uppercase; color: #999999; margin: 0; } footer .uui-promo-footer { display: table; table-layout: fixed; height: 60px; width: 100%; background: #464547; padding: 0 20px; } footer .uui-promo-footer .footer-logo-copyright, footer .uui-promo-footer .footer-navigation, footer .uui-promo-footer .footer-icon-navigation { display: table-cell; width: 33.3%; vertical-align: middle; } footer .uui-promo-footer .footer-logo-copyright { text-align: left; } footer .uui-promo-footer .footer-navigation { text-align: center; } footer .uui-promo-footer .footer-icon-navigation { text-align: right; } footer .uui-promo-footer .uui-footer-navigation { display: inline-block; list-style: none; margin: 0; } footer .uui-promo-footer .uui-footer-navigation li { display: inline-block; font-size: 14px; text-transform: uppercase; color: #999999; margin: 2px 9px; } footer .uui-promo-footer .uui-footer-navigation li > a { font-size: 14px; color: #999999; } footer .uui-promo-footer .uui-footer-navigation li > a i { font-size: 18px; color: #999999; } footer .uui-promo-footer .uui-footer-navigation li > a:hover, footer .uui-promo-footer .uui-footer-navigation li > a:active, footer .uui-promo-footer .uui-footer-navigation li > a:focus { text-decoration: none; color: #ffffff; } footer .uui-promo-footer .uui-footer-navigation li > a:hover i, footer .uui-promo-footer .uui-footer-navigation li > a:active i, footer .uui-promo-footer .uui-footer-navigation li > a:focus i { color: #ffffff; } @media screen and (max-width: 1024px) { .uui-main-container { padding-bottom: 158px; } footer { margin-top: -158px; display: table; } footer .epam-logo { margin: 0; } footer .copyright { width: 100%; margin: 10px 0px; } footer .uui-footer { display: table-cell; height: 158px; padding: 15px 20px; vertical-align: middle; } footer .uui-footer .footer-logo-copyright, footer .uui-footer .footer-build { display: inline-block; width: 100%; text-align: center; } footer .uui-footer .footer-logo-copyright .build, footer .uui-footer .footer-build .build { width: 100%; } footer .uui-promo-footer { display: table-cell; height: 158px; padding: 15px 20px; vertical-align: middle; } footer .uui-promo-footer .footer-logo-copyright, footer .uui-promo-footer .footer-navigation, footer .uui-promo-footer .footer-icon-navigation { display: inline-block; width: 100%; text-align: center; } footer .uui-promo-footer .footer-logo-copyright .icon-navigation, footer .uui-promo-footer .footer-navigation .icon-navigation, footer .uui-promo-footer .footer-icon-navigation .icon-navigation { margin-top: 10px; } footer .uui-promo-footer .uui-footer-navigation { display: inline-block; width: 100%; } } @media screen and (max-width: 768px) { header .uui-header .uui-responsive-header { display: block; } header .uui-header .brand-logo, header .uui-header .uui-navigation, header .uui-header .uui-header-tools { display: none; } .uui-main-container { margin-left: 0 !important; } aside { width: auto; } aside .uui-side-bar { display: none !important; } } @media screen and (max-width: 576px) { footer .copyright { margin: 5px 0; } footer .uui-footer, footer .uui-promo-footer { padding: 10px; } footer .uui-footer .footer-icon-navigation .icon-navigation, footer .uui-promo-footer .footer-icon-navigation .icon-navigation { margin-top: 5px; } } /* Lime Green */ .uui-icon.lime-green { background: #a3c644 !important; border-color: #a3c644 !important; color: #ffffff !important; } .uui-icon.lime-green i { color: #ffffff !important; } .uui-icon.transparent.lime-green { background: transparent !important; color: #a3c644 !important; } .uui-icon.transparent.lime-green i { color: #a3c644 !important; } /* Medium Gray */ .uui-icon.medium-gray { background: #666666 !important; border-color: #666666 !important; color: #ffffff !important; } .uui-icon.medium-gray i { color: #ffffff !important; } .uui-icon.transparent.medium-gray { background: transparent !important; color: #666666 !important; } .uui-icon.transparent.medium-gray i { color: #666666 !important; } /* Yellow */ .uui-icon.yellow { background: #ffdc19 !important; border-color: #ffdc19 !important; color: #464547 !important; } .uui-icon.yellow i { color: #464547 !important; } .uui-icon.transparent.yellow { background: transparent !important; color: #464547 !important; } .uui-icon.transparent.yellow i { color: #464547 !important; } /* Orange */ .uui-icon.orange { background: #ff9b19 !important; border-color: #ff9b19 !important; color: #ffffff !important; } .uui-icon.orange i { color: #ffffff !important; } .uui-icon.transparent.orange { background: transparent !important; color: #ff9b19 !important; } .uui-icon.transparent.orange i { color: #ff9b19 !important; } /* Fuchsia */ .uui-icon.fuchsia { background: #e4445f !important; border-color: #e4445f !important; color: #ffffff; } .uui-icon.fuchsia i { color: #ffffff !important; } .uui-icon.transparent.fuchsia { background: transparent !important; color: #e4445f !important; } .uui-icon.transparent.fuchsia i { color: #e4445f !important; } /* Violet */ .uui-icon.violet { background: #8b5a9f !important; border-color: #8b5a9f !important; color: #ffffff !important; } .uui-icon.violet i { color: #ffffff !important; } .uui-icon.transparent.violet { background: transparent !important; color: #8b5a9f !important; } .uui-icon.transparent.violet i { color: #8b5a9f !important; } header .uui-header .uui-header-tools > li.uui-global-search .search-field { height: 60px; line-height: 60px; } header .uui-header .uui-header-tools > li.uui-global-search .search-field .uui-search { width: 100px; height: 34px; line-height: 34px; font-size: 14px; border: 1px solid #333333; background: #333333; padding: 0 5px 0 35px; border-radius: 25px; color: #cccccc; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -o-transition: width 0.3s ease; -ms-transition: width 0.3s ease; transition: width 0.3s ease; } header .uui-header .uui-header-tools > li.uui-global-search .search-field .uui-search::-webkit-input-placeholder { color: #cccccc; } header .uui-header .uui-header-tools > li.uui-global-search .search-field .uui-search::-moz-placeholder { color: #cccccc; } header .uui-header .uui-header-tools > li.uui-global-search .search-field .uui-search:-ms-input-placeholder { color: #cccccc; } header .uui-header .uui-header-tools > li.uui-global-search .search-field .uui-search:focus { width: 240px; background-color: #ffffff; color: #464547; } header .uui-header .uui-header-tools > li.uui-global-search .search-field .uui-search:focus::-webkit-input-placeholder { color: #999999; } header .uui-header .uui-header-tools > li.uui-global-search .search-field .uui-search:focus::-moz-placeholder { color: #999999; } header .uui-header .uui-header-tools > li.uui-global-search .search-field .uui-search:focus:-ms-input-placeholder { color: #999999; } header .uui-header .uui-header-tools > li.uui-global-search .search-field label { position: absolute; top: 50%; left: 23px; height: 16px; width: 16px; margin-top: -8px; margin-bottom: 0; line-height: normal; font-weight: normal; } header .uui-header .uui-header-tools > li.uui-global-search .search-field label:before { width: 16px; height: 16px; display: inline-block; content: '\f002'; font-family: 'FontAwesome'; color: #cccccc; font-size: 16px; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu { width: 400px; min-width: 400px; right: 9px; margin-right: auto; background: #ffffff; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-arrow { border-color: transparent transparent #ffffff transparent; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll { max-height: 225px; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .mCSB_container { margin-right: 0; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .mCSB_scrollTools { width: 0; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .search-links { width: 400px; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .search-links > li { box-shadow: none; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .search-links > li > a .title { color: #666666; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .search-links > li > a .description { font-size: 14px; color: #999999; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .search-links > li > a:hover .title, header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .search-links > li > a:focus .title { color: #333333; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .search-links > li:hover > a, header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .search-links > li:focus > a { background: #eeeeee; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .search-links > li.no-results { display: none; text-align: center; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .search-links > li.no-results img { margin: 30px 10px 15px 10px; height: 93px; width: auto; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .search-links > li.no-results h4 { font-family: 'Oswald Regular', Arial, sans-serif; font-size: 18px; color: #999999; margin: 0; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .menu-scroll .search-links > li.no-results p { font-family: 'Source Sans Pro Regular', Arial, sans-serif; font-size: 14px; color: #cccccc; padding-bottom: 25px; margin: 0; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .all-results { text-align: center; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .all-results > a { display: inline-block; width: 100%; padding: 15px; background: #a3c644; color: #ffffff; } header .uui-header .uui-header-tools > li.uui-global-search .dropdown-menu .all-results > a:hover { background: #8cad35; text-decoration: none; } header .uui-header .uui-header-tools > li.uui-global-search:last-of-type .dropdown-menu { right: 18px; } header .uui-header .uui-responsive-header .responsive-global-search { display: none; } header .uui-header .uui-responsive-header .responsive-global-search .search-header { position: absolute; z-index: 1004; top: 0; left: 0; height: 60px; width: 100%; min-width: 320px; background: #ffffff; box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2); } header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper { display: table; width: 100%; } header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .search-field { display: table-cell; } header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .search-field .uui-search { border: none; width: 100%; height: 60px; padding: 12px 10px 12px 50px; font-size: 18px; font-family: 'Source Sans Pro Light', Arial, sans-serif; } header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .search-field label { position: absolute; top: 50%; left: 20px; height: 20px; width: 20px; margin-top: -10px; margin-bottom: 0; line-height: normal; font-weight: normal; } header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .search-field label:before { width: 20px; height: 20px; display: inline-block; content: '\f002'; font-family: 'FontAwesome'; color: #cccccc; font-size: 20px; } header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .hide-search { display: table-cell; position: relative; width: 60px; height: 60px; line-height: 60px; text-align: center; cursor: pointer; } header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .hide-search span { display: block; position: absolute; height: 2px; width: 26px; background: #999999; top: 29px; left: 17px; } header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .hide-search span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .hide-search span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .hide-search.show { right: 0; opacity: 1; } header .uui-header .uui-responsive-header .responsive-global-search .search-list { position: fixed; z-index: 1003; top: 0; left: 0; width: 100%; min-width: 320px; height: 100%; margin-top: 60px; background: #f1f1f1; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper { display: none; height: 100%; width: 100%; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .all-results { height: 40px; text-align: center; background: #dddddd; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .all-results > a { display: inline-block; width: 100%; padding: 10px; color: #999999; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .all-results > a:hover, header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .all-results > a:focus, header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .all-results > a:active { text-decoration: none; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll { width: 100%; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll .mCustomScrollBox .mCSB_container { margin-right: 0; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll .mCustomScrollBox .mCSB_scrollTools { width: 0; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul { width: 100%; margin: 0; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li { margin-bottom: 0; box-shadow: inset 0 -1px #dddddd; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li > a { display: block; padding: 10px 20px; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li > a:hover, header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li > a:focus, header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li > a:active { text-decoration: none; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li > a p { margin-bottom: 0; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li > a p.title { font-size: 16px; color: #666666; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li > a p.description { font-size: 14px; color: #999999; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results { width: 100%; height: 100%; text-align: center; box-shadow: none; display: none; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results .no-results-content { box-sizing: border-box; min-height: 100%; padding-bottom: 70px; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results .no-results-content img { margin: 50px 10px 20px 10px; height: 178px; width: auto; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results .no-results-content h4 { font-family: 'Oswald Regular', Arial, sans-serif; font-size: 20px; color: #666666; margin: 0; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results .no-results-content p { font-family: 'Source Sans Pro Regular', Arial, sans-serif; font-size: 16px; color: #999999; padding-bottom: 25px; margin: 0; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results .no-results-footer { height: 70px; margin-top: -70px; line-height: 70px; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results .no-results-footer > a { display: inline-block; height: 44px; line-height: 44px; color: #1a9cb0; font-family: 'Source Sans Pro Regular', Arial, sans-serif; font-size: 18px; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results .no-results-footer > a i { font-size: 20px; margin-right: 10px; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results .no-results-footer > a:hover, header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results .no-results-footer > a:focus, header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results .no-results-footer > a:active { text-decoration: none; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results:hover .no-results-footer a, header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results:focus .no-results-footer a, header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li.no-results:active .no-results-footer a { text-decoration: none; background: none; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li:hover > a, header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li:focus > a { background: #dddddd; } header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li:hover > a p.title, header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul > li:focus > a p.title { color: #333333; } /* Blue */ .uui-header.blue .uui-header-tools > li.uui-global-search .search-field .uui-search { border: 1px solid #157c8c; background: #157c8c; } .uui-header.blue .uui-header-tools > li.uui-global-search .search-field .uui-search::-webkit-input-placeholder { color: #39c2d7; } .uui-header.blue .uui-header-tools > li.uui-global-search .search-field .uui-search::-moz-placeholder { color: #39c2d7; } .uui-header.blue .uui-header-tools > li.uui-global-search .search-field .uui-search:-ms-input-placeholder { color: #39c2d7; } .uui-header.blue .uui-header-tools > li.uui-global-search .search-field .uui-search:focus { border: 1px solid #ffffff; background-color: #ffffff; } .uui-header.blue .uui-header-tools > li.uui-global-search .search-field .uui-search:focus::-webkit-input-placeholder { color: #999999; } .uui-header.blue .uui-header-tools > li.uui-global-search .search-field .uui-search:focus::-moz-placeholder { color: #999999; } .uui-header.blue .uui-header-tools > li.uui-global-search .search-field .uui-search:focus:-ms-input-placeholder { color: #999999; } .uui-header.blue .uui-header-tools > li.uui-global-search .search-field label:before { color: #39c2d7; } /* Green */ .uui-header.green .uui-header-tools > li.uui-global-search .search-field .uui-search { border: 1px solid #667b2f; background: #667b2f; } .uui-header.green .uui-header-tools > li.uui-global-search .search-field .uui-search::-webkit-input-placeholder { color: #a3c644; } .uui-header.green .uui-header-tools > li.uui-global-search .search-field .uui-search::-moz-placeholder { color: #a3c644; } .uui-header.green .uui-header-tools > li.uui-global-search .search-field .uui-search:-ms-input-placeholder { color: #a3c644; } .uui-header.green .uui-header-tools > li.uui-global-search .search-field .uui-search:focus { border: 1px solid #ffffff; background-color: #ffffff; } .uui-header.green .uui-header-tools > li.uui-global-search .search-field .uui-search:focus::-webkit-input-placeholder { color: #999999; } .uui-header.green .uui-header-tools > li.uui-global-search .search-field .uui-search:focus::-moz-placeholder { color: #999999; } .uui-header.green .uui-header-tools > li.uui-global-search .search-field .uui-search:focus:-ms-input-placeholder { color: #999999; } .uui-header.green .uui-header-tools > li.uui-global-search .search-field label:before { color: #a3c644; } .uui-image-text { position: relative; width: 100%; min-height: 150px; overflow: hidden; } .uui-image-text .image-section { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .uui-image-text .image-text-section { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 20px; background-color: rgba(51, 51, 51, 0.85); color: #ffffff; } /* PRIMARY COLORS */ /* Blue */ .uui-image-text.blue .image-text-section { background-color: rgba(57, 194, 215, 0.85); } /* Lime Green */ .uui-image-text.lime-green .image-text-section { background-color: rgba(163, 198, 68, 0.85); } /* Dark Gray */ .uui-image-text.dark-gray .image-text-section { background-color: rgba(70, 69, 71, 0.85); } /* White */ .uui-image-text.white .image-text-section { background-color: rgba(255, 255, 255, 0.85); color: #464547; } /* SECONDARY COLORS */ /* Raspberry */ .uui-image-text.raspberry .image-text-section { background-color: rgba(178, 39, 70, 0.85); } /* Plum */ .uui-image-text.plum .image-text-section { background-color: rgba(142, 36, 77, 0.85); } /* Dark Blue */ .uui-image-text.dark-blue .image-text-section { background-color: rgba(26, 156, 176, 0.85); } /* Dark Green */ .uui-image-text.dark-green .image-text-section { background-color: rgba(127, 153, 58, 0.85); } /* Medium Gray */ .uui-image-text.medium-gray .image-text-section { background-color: rgba(102, 102, 102, 0.85); } /* Light Gray */ .uui-image-text.gray .image-text-section { background-color: rgba(153, 153, 153, 0.85); } /* Gray */ .uui-image-text.light-gray .image-text-section { background-color: rgba(204, 204, 204, 0.85); } /* ADDITIONAL COLORS */ /* Yellow */ .uui-image-text.yellow .image-text-section { background-color: rgba(255, 220, 25, 0.85); color: #464547; } /* Orange */ .uui-image-text.orange .image-text-section { background-color: rgba(255, 155, 25, 0.85); } /* Red */ .uui-image-text.red .image-text-section { background-color: rgba(203, 35, 35, 0.85); } /* Fuchsia */ .uui-image-text.fuchsia .image-text-section { background-color: rgba(228, 68, 95, 0.85); } /* Black */ .uui-image-text.black .image-text-section { background-color: rgba(51, 51, 51, 0.85); } /* Violet */ .uui-image-text.violet .image-text-section { background-color: rgba(139, 90, 159, 0.85); } .uui-breadcrumbs { list-style: none; padding: 8px 15px; margin: 0; } .uui-breadcrumbs > li { display: inline-block; margin-bottom: 0; } .uui-breadcrumbs > li + li:before { padding: 0 5px; color: #666666; content: "/\00a0"; } .uui-breadcrumbs > li a { color: #1a9cb0; text-decoration: none; } .uui-breadcrumbs > li a:hover { color: #1a9cb0; text-decoration: underline; } .uui-breadcrumbs > li i { font-size: 14px; padding: 0 3px 0 0; color: #1a9cb0; } .uui-breadcrumbs > li i.active { color: #666666; } .uui-breadcrumbs > li.active a { color: #666666; text-decoration: none; cursor: default; } .uui-pagination { display: inline-block; width: 100%; list-style: none; margin: 0; } .uui-pagination li { display: inline-block; margin: 0; } .uui-pagination li.pages-wrapper .pagination-items { margin: 0 3px; } .uui-pagination li.actions-wrapper .pagination-items > li { margin: 0 3px; } .uui-pagination li .pagination-items { display: inline-block; list-style: none; margin: 0; } .uui-pagination li .pagination-items > li { float: left; margin: 0; line-height: 1; } .uui-pagination li .pagination-items > li > a { display: inline-block; min-width: 36px; height: 36px; line-height: 36px; padding: 0 5px; font-family: 'Oswald Light', Arial, sans-serif; white-space: nowrap; color: #999999; font-size: 14px; letter-spacing: .25px; text-decoration: none; border: 1px solid #cccccc; position: relative; margin-right: -1px; text-align: center; text-transform: uppercase; cursor: pointer; } .uui-pagination li .pagination-items > li > a span { display: inline-block; vertical-align: top; } .uui-pagination li .pagination-items > li > a i { font-size: 14px; vertical-align: top; margin-top: 9px; } .uui-pagination li .pagination-items > li:hover:not(.active):not(.disable) > a { z-index: 1; color: #39c2d7; border-color: #39c2d7; } .uui-pagination li .pagination-items > li.first-page a, .uui-pagination li .pagination-items > li.prev-page a, .uui-pagination li .pagination-items > li.back-pages a { text-align: left; padding: 0 12px; } .uui-pagination li .pagination-items > li.first-page a span, .uui-pagination li .pagination-items > li.prev-page a span, .uui-pagination li .pagination-items > li.back-pages a span { margin-left: 10px; } .uui-pagination li .pagination-items > li.first-page a span { margin-left: 0; } .uui-pagination li .pagination-items > li.last-page a, .uui-pagination li .pagination-items > li.next-page a, .uui-pagination li .pagination-items > li.forward-pages a { text-align: right; padding: 0 12px; } .uui-pagination li .pagination-items > li.last-page a span, .uui-pagination li .pagination-items > li.next-page a span, .uui-pagination li .pagination-items > li.forward-pages a span { margin-right: 10px; } .uui-pagination li .pagination-items > li.last-page a span { margin-right: 0; } .uui-pagination li .pagination-items > li.active > a { z-index: 1; color: #ffffff; background: #39c2d7; border-color: #39c2d7; } .uui-pagination li .pagination-items > li.disable > a { z-index: 1; color: #cccccc; background: #e5e5e5; border-color: #cccccc; cursor: default; pointer-events: none; } /* Lime green */ .uui-pagination.lime-green li .pagination-items > li:hover:not(.active):not(.disable) > a { color: #7f993a; border-color: #a3c644; } .uui-pagination.lime-green li .pagination-items > li.active > a { background: #a3c644; border-color: #a3c644; } /* Dark gray */ .uui-pagination.dark-gray li .pagination-items > li:hover:not(.active):not(.disable) > a { color: #464547; border-color: #464547; } .uui-pagination.dark-gray li .pagination-items > li.active > a { background: #464547; border-color: #464547; } button { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } /* UUI Buttons */ a.uui-button { padding: 7px 18px 5px 18px; } a.uui-button:hover, a.uui-button:focus, a.uui-button:active { text-decoration: none; } .uui-button { display: inline-block; height: 36px; line-height: normal; padding: 6px 18px; text-align: center; vertical-align: middle; border: 1px solid #e5e5e5; background: #e5e5e5; color: #666666; font-size: 14px; font-family: 'Oswald Regular', Arial, sans-serif; letter-spacing: .25px; text-transform: uppercase; } .uui-button:hover, .uui-button:focus, .uui-button:active { background: #cccccc; border-color: #cccccc; color: #666666; } .uui-button i { vertical-align: middle; font-size: 16px; } .uui-button img { height: 16px; width: auto; margin-top: -3px; } .uui-button.left-icon i, .uui-button.left-icon img { margin-right: 5px; } .uui-button.right-icon i, .uui-button.right-icon img { margin-left: 5px; } .uui-button:disabled { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-button:disabled i { color: #cccccc; } .uui-button.large { height: 48px; padding: 10px 24px; font-size: 18px; } .uui-button.large i { font-size: 20px; } .uui-button.large img { height: 20px; } .uui-button.small { height: 24px; padding: 1px 12px 2px 12px; font-size: 14px; } .uui-button.small i { font-size: 15px; } .uui-button.small img { height: 15px; } .uui-button.disable { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-button.disable i { color: #cccccc; } .uui-button.disable:hover, .uui-button.disable:focus, .uui-button.disable:active { background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-button.transparent { background: transparent; border-color: #cccccc; } .uui-button.transparent:hover, .uui-button.transparent:focus, .uui-button.transparent:active { background: transparent; border-color: #999999; color: #464547; } .uui-button.transparent.disable { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-button.transparent.disable i { color: #cccccc; } .uui-button.transparent.disable:hover, .uui-button.transparent.disable:focus, .uui-button.transparent.disable:active { background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } /* UUI Buttons group */ .uui-input-group { position: relative; display: inline-block; } .uui-input-group.horizontal .uui-button { float: left; position: relative; margin-right: -1px; } .uui-input-group.horizontal .uui-button:hover, .uui-input-group.horizontal .uui-button:focus, .uui-input-group.horizontal .uui-button:active { z-index: 1; } .uui-input-group.vertical { display: inline-block; } .uui-input-group.vertical .uui-button { display: block; position: relative; width: 100%; margin-top: -1px; } .uui-input-group.vertical .uui-button:hover, .uui-input-group.vertical .uui-button:focus, .uui-input-group.vertical .uui-button:active { z-index: 1; } /* UUI Dropdown button */ .uui-dropdown-button { position: relative; display: inline-block; vertical-align: middle; min-width: 160px; } .uui-dropdown-button .uui-button i { margin-top: -1px; } .uui-dropdown-button .dropdown-menu { border-radius: 0; margin-top: 5px; border: none; padding: 0; box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2); } .uui-dropdown-button .dropdown-menu li { margin: 0; } .uui-dropdown-button .dropdown-menu li a { text-decoration: none; font-size: 14px; padding: 6px 12px; color: #999999; font-weight: normal; white-space: normal; line-height: 18px; } .uui-dropdown-button .dropdown-menu li a:hover { background-color: #eee; color: #666666; } .uui-dropdown-button.large .uui-button { height: 48px; padding: 10px 18px; font-size: 18px; } .uui-dropdown-button.large .uui-button i { margin-top: -3px; } .uui-dropdown-button.large .dropdown-menu li a { padding: 9px 18px; } .uui-dropdown-button.small .uui-button { height: 24px; padding: 1px 6px 2px 6px; font-size: 14px; } .uui-dropdown-button.small .dropdown-menu li a { padding: 3px 6px; font-size: 12px; } .uui-dropdown-button.dropup .uui-button i { margin-top: -2px; } .uui-dropdown-button.dropup .dropdown-menu { margin-bottom: 5px; margin-top: 0; } .uui-dropdown-button.disable .uui-button { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-dropdown-button.disable .uui-button i { color: #cccccc; } .uui-dropdown-button.transparent .uui-button { background: transparent; border-color: #cccccc; } .uui-dropdown-button.transparent .uui-button:hover, .uui-dropdown-button.transparent .uui-button:focus, .uui-dropdown-button.transparent .uui-button:active { background: transparent; border-color: #999999; } /* Blue */ .uui-button.blue { background: #39c2d7; border-color: #39c2d7; color: #ffffff; } .uui-button.blue:hover, .uui-button.blue:focus, .uui-button.blue:active { background: #1a9cb0; border-color: #1a9cb0; color: #ffffff; } .uui-button.blue.transparent { background: transparent; border-color: #39c2d7; color: #39c2d7; } .uui-button.blue.transparent:hover, .uui-button.blue.transparent:focus, .uui-button.blue.transparent:active { background: transparent; border-color: #1a9cb0; color: #1a9cb0; } .uui-button.blue.disable { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-button.blue.disable i { color: #cccccc; } .uui-button.blue.disable:hover, .uui-button.blue.disable:focus, .uui-button.blue.disable:active { background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-dropdown-button.blue .uui-button { background: #39c2d7; border-color: #39c2d7; color: #ffffff; } .uui-dropdown-button.blue .uui-button:hover, .uui-dropdown-button.blue .uui-button:focus, .uui-dropdown-button.blue .uui-button:active { background: #1a9cb0; border-color: #1a9cb0; color: #ffffff; } .uui-dropdown-button.blue.disable .uui-button { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-dropdown-button.blue.disable .uui-button i { color: #cccccc; } .uui-dropdown-button.blue.transparent .uui-button { background: transparent; border-color: #39c2d7; color: #39c2d7; } .uui-dropdown-button.blue.transparent .uui-button:hover, .uui-dropdown-button.blue.transparent .uui-button:focus, .uui-dropdown-button.blue.transparent .uui-button:active { background: transparent; border-color: #1a9cb0; color: #1a9cb0; } /* Lime Green */ .uui-button.lime-green { background: #a3c644; border-color: #a3c644; color: #ffffff; } .uui-button.lime-green:hover, .uui-button.lime-green:focus, .uui-button.lime-green:active { background: #7f993a; border-color: #7f993a; color: #ffffff; } .uui-button.lime-green.transparent { background: transparent; border-color: #a3c644; color: #a3c644; } .uui-button.lime-green.transparent:hover, .uui-button.lime-green.transparent:focus, .uui-button.lime-green.transparent:active { background: transparent; border-color: #7f993a; color: #7f993a; } .uui-button.lime-green.disable { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-button.lime-green.disable i { color: #cccccc; } .uui-button.lime-green.disable:hover, .uui-button.lime-green.disable:focus, .uui-button.lime-green.disable:active { background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-dropdown-button.lime-green .uui-button { background: #a3c644; border-color: #a3c644; color: #ffffff; } .uui-dropdown-button.lime-green .uui-button:hover, .uui-dropdown-button.lime-green .uui-button:focus, .uui-dropdown-button.lime-green .uui-button:active { background: #7f993a; border-color: #7f993a; color: #ffffff; } .uui-dropdown-button.lime-green.disable .uui-button { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-dropdown-button.lime-green.disable .uui-button i { color: #cccccc; } .uui-dropdown-button.lime-green.transparent .uui-button { background: transparent; border-color: #a3c644; color: #a3c644; } .uui-dropdown-button.lime-green.transparent .uui-button:hover, .uui-dropdown-button.lime-green.transparent .uui-button:focus, .uui-dropdown-button.lime-green.transparent .uui-button:active { background: transparent; border-color: #7f993a; color: #7f993a; } /* Dark Gray */ .uui-button.dark-gray { background: #464547; border-color: #464547; color: #ffffff; } .uui-button.dark-gray:hover, .uui-button.dark-gray:focus, .uui-button.dark-gray:active { background: #333333; border-color: #333333; color: #ffffff; } .uui-button.dark-gray.disable { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-button.dark-gray.disable i { color: #cccccc; } .uui-button.dark-gray.disable:hover, .uui-button.dark-gray.disable:focus, .uui-button.dark-gray.disable:active { background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-dropdown-button.dark-gray .uui-button { background: #464547; border-color: #464547; color: #ffffff; } .uui-dropdown-button.dark-gray .uui-button:hover, .uui-dropdown-button.dark-gray .uui-button:focus, .uui-dropdown-button.dark-gray .uui-button:active { background: #333333; border-color: #333333; color: #ffffff; } .uui-dropdown-button.dark-gray.disable .uui-button { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-dropdown-button.dark-gray.disable .uui-button i { color: #cccccc; } /* Raspberry */ .uui-button.raspberry { background: #b22746; border-color: #b22746; color: #ffffff; } .uui-button.raspberry:hover, .uui-button.raspberry:focus, .uui-button.raspberry:active { background: #8e244d; border-color: #8e244d; color: #ffffff; } .uui-button.raspberry.disable { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-button.raspberry.disable i { color: #cccccc; } .uui-button.raspberry.disable:hover, .uui-button.raspberry.disable:focus, .uui-button.raspberry.disable:active { background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-dropdown-button.raspberry .uui-button { background: #b22746; border-color: #b22746; color: #ffffff; } .uui-dropdown-button.raspberry .uui-button:hover, .uui-dropdown-button.raspberry .uui-button:focus, .uui-dropdown-button.raspberry .uui-button:active { background: #8e244d; border-color: #8e244d; color: #ffffff; } .uui-dropdown-button.raspberry.disable .uui-button { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-dropdown-button.raspberry.disable .uui-button i { color: #cccccc; } /* Orange */ .uui-button.orange { background: #ff9b19; border-color: #ff9b19; color: #ffffff; } .uui-button.orange:hover, .uui-button.orange:focus, .uui-button.orange:active { background: #df7e01; border-color: #df7e01; color: #ffffff; } .uui-button.orange.disable { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-button.orange.disable i { color: #cccccc; } .uui-button.orange.disable:hover, .uui-button.orange.disable:focus, .uui-button.orange.disable:active { background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-dropdown-button.orange .uui-button { background: #ff9b19; border-color: #ff9b19; color: #ffffff; } .uui-dropdown-button.orange .uui-button:hover, .uui-dropdown-button.orange .uui-button:focus, .uui-dropdown-button.orange .uui-button:active { background: #df7e01; border-color: #df7e01; color: #ffffff; } .uui-dropdown-button.orange.disable .uui-button { cursor: not-allowed; background: #e5e5e5; border-color: #e5e5e5; color: #cccccc; } .uui-dropdown-button.orange.disable .uui-button i { color: #cccccc; } .uui-accordion .panel.accordion-item { border-radius: 0; margin: 0 0 5px 0; padding: 0; box-shadow: none; border: 1px solid #cccccc; } .uui-accordion .panel.accordion-item:last-child { margin: 0; } .uui-accordion .panel.accordion-item .accordion-heading { background: #ffffff; border: none; } .uui-accordion .panel.accordion-item .accordion-heading .accordion-title { margin: 0; } .uui-accordion .panel.accordion-item .accordion-heading .accordion-title .accordion-toggle { display: inline-block; width: 100%; padding: 14px 15px; font-family: 'Source Sans Pro Regular', Arial, sans-serif; font-size: 16px; color: #666666; text-decoration: none; } .uui-accordion .panel.accordion-item .accordion-collapse { background: #ffffff; } .uui-accordion .panel.accordion-item .accordion-collapse .accordion-body { border: none; padding: 0 15px 10px 15px; color: #999999; font-size: 14px; font-family: 'Source Sans Pro Regular', Arial, sans-serif; line-height: 18px; } .uui-accordion.cards-accordion .panel.accordion-item { border: none; box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2); } .uui-accordion.cards-accordion .panel.accordion-item .accordion-heading { border: none; } .uui-accordion.cards-accordion .panel.accordion-item .accordion-collapse .accordion-body { border: none; } .uui-info-panel-horizontal, .uui-info-panel-vertical { position: relative; } .uui-info-panel-horizontal .info-panel-body, .uui-info-panel-vertical .info-panel-body { position: relative; z-index: 10; display: table; width: 100%; } .uui-info-panel-horizontal .info-panel-body .info-panel-section, .uui-info-panel-vertical .info-panel-body .info-panel-section { display: table-cell; vertical-align: middle; padding: 15px; } .uui-info-panel-horizontal .info-panel-footer, .uui-info-panel-vertical .info-panel-footer { position: relative; z-index: 20; display: table; width: 100%; } .uui-info-panel-horizontal .info-panel-footer .info-panel-section, .uui-info-panel-vertical .info-panel-footer .info-panel-section { display: table-cell; vertical-align: middle; padding: 12px 15px; } .uui-info-panel-horizontal .light-hover, .uui-info-panel-vertical .light-hover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; display: none; } .uui-info-panel-horizontal .solid-hover, .uui-info-panel-vertical .solid-hover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #5c5e66; z-index: 15; display: none; } .uui-info-panel-horizontal .solid-hover p, .uui-info-panel-vertical .solid-hover p { color: #ffffff; font-size: 15px; margin: 0; padding: 15px; } .uui-info-panel-horizontal .corner, .uui-info-panel-vertical .corner { position: absolute; width: 0; height: 0; border-top: 50px solid #5c5e66; border-right: 50px solid transparent; border-bottom: 50px solid transparent; top: 0; left: 0; z-index: 20; } .uui-info-panel-horizontal .corner span, .uui-info-panel-vertical .corner span { position: absolute; font-size: 15px; top: -42px; left: 10px; z-index: 25; color: #ffffff; } .uui-info-panel-horizontal.hover, .uui-info-panel-vertical.hover { cursor: pointer; } .uui-info-panel-vertical .info-panel-section { text-align: center; } /* Blue */ .uui-info-panel-horizontal.blue, .uui-info-panel-vertical.blue { background: #39c2d7; } .uui-info-panel-horizontal.blue .light-hover, .uui-info-panel-vertical.blue .light-hover { background: #36b6ca; } .uui-info-panel-horizontal.blue .info-panel-footer, .uui-info-panel-vertical.blue .info-panel-footer { background: #36b6ca; } .uui-info-panel-horizontal.blue .info-panel-section, .uui-info-panel-vertical.blue .info-panel-section { color: #ffffff; } .info-panel-section.blue { background: #39c2d7; color: #ffffff; } /* Lime Green */ .uui-info-panel-horizontal.lime-green, .uui-info-panel-vertical.lime-green { background: #a3c644; } .uui-info-panel-horizontal.lime-green .light-hover, .uui-info-panel-vertical.lime-green .light-hover { background: #99ba40; } .uui-info-panel-horizontal.lime-green .info-panel-footer, .uui-info-panel-vertical.lime-green .info-panel-footer { background: #99ba40; } .uui-info-panel-horizontal.lime-green .info-panel-section, .uui-info-panel-vertical.lime-green .info-panel-section { color: #ffffff; } .info-panel-section.lime-green { background: #a3c644; color: #ffffff; } /* Dark Gray */ .uui-info-panel-horizontal.dark-gray, .uui-info-panel-vertical.dark-gray { background: #464547; } .uui-info-panel-horizontal.dark-gray .light-hover, .uui-info-panel-vertical.dark-gray .light-hover { background: #323132; } .uui-info-panel-horizontal.dark-gray .info-panel-footer, .uui-info-panel-vertical.dark-gray .info-panel-footer { background: #323132; } .uui-info-panel-horizontal.dark-gray .info-panel-section, .uui-info-panel-vertical.dark-gray .info-panel-section { color: #ffffff; } .info-panel-section.dark-gray { color: #ffffff; background-color: #464547; } /* White */ .uui-info-panel-horizontal.white, .uui-info-panel-vertical.white { background: #ffffff; } .uui-info-panel-horizontal.white .light-hover, .uui-info-panel-vertical.white .light-hover { background: #f5f5f5; } .uui-info-panel-horizontal.white .info-panel-footer, .uui-info-panel-vertical.white .info-panel-footer { background: #f5f5f5; } .uui-info-panel-horizontal.white { border: 1px solid #cccccc; } .uui-info-panel-vertical.white .info-panel-body { border: 1px solid #f5f5f5; } .info-panel-section.white { background: #ffffff; } /* Raspberry */ .uui-info-panel-horizontal.raspberry, .uui-info-panel-vertical.raspberry { background: #b22746; } .uui-info-panel-horizontal.raspberry .light-hover, .uui-info-panel-vertical.raspberry .light-hover { background: #a72542; } .uui-info-panel-horizontal.raspberry .info-panel-footer, .uui-info-panel-vertical.raspberry .info-panel-footer { background: #a72542; } .uui-info-panel-horizontal.raspberry .info-panel-section, .uui-info-panel-vertical.raspberry .info-panel-section { color: #ffffff; } .info-panel-section.raspberry { background: #b22746; color: #ffffff; } /* Plum */ .uui-info-panel-horizontal.plum, .uui-info-panel-vertical.plum { background: #8e244d; } .uui-info-panel-horizontal.plum .light-hover, .uui-info-panel-vertical.plum .light-hover { background: #852248; } .uui-info-panel-horizontal.plum .info-panel-footer, .uui-info-panel-vertical.plum .info-panel-footer { background: #852248; } .uui-info-panel-horizontal.plum .info-panel-section, .uui-info-panel-vertical.plum .info-panel-section { color: #ffffff; } .info-panel-section.plum { background: #8e244d; color: #ffffff; } /* Dark Blue */ .uui-info-panel-horizontal.dark-blue, .uui-info-panel-vertical.dark-blue { background: #1a9cb0; } .uui-info-panel-horizontal.dark-blue .light-hover, .uui-info-panel-vertical.dark-blue .light-hover { background: #1893a5; } .uui-info-panel-horizontal.dark-blue .info-panel-footer, .uui-info-panel-vertical.dark-blue .info-panel-footer { background: #1893a5; } .uui-info-panel-horizontal.dark-blue .info-panel-section, .uui-info-panel-vertical.dark-blue .info-panel-section { color: #ffffff; } .info-panel-section.dark-blue { background: #1a9cb0; color: #ffffff; } /* Dark Green */ .uui-info-panel-horizontal.dark-green, .uui-info-panel-vertical.dark-green { background: #7f993a; } .uui-info-panel-horizontal.dark-green .light-hover, .uui-info-panel-vertical.dark-green .light-hover { background: #779037; } .uui-info-panel-horizontal.dark-green .info-panel-footer, .uui-info-panel-vertical.dark-green .info-panel-footer { background: #779037; } .uui-info-panel-horizontal.dark-green .info-panel-section, .uui-info-panel-vertical.dark-green .info-panel-section { color: #ffffff; } .info-panel-section.dark-green { background: #7f993a; color: #ffffff; } /* Medium Gray */ .uui-info-panel-horizontal.medium-gray, .uui-info-panel-vertical.medium-gray { background: #666666; } .uui-info-panel-horizontal.medium-gray .light-hover, .uui-info-panel-vertical.medium-gray .light-hover { background: #525252; } .uui-info-panel-horizontal.medium-gray .info-panel-footer, .uui-info-panel-vertical.medium-gray .info-panel-footer { background: #525252; } .uui-info-panel-horizontal.medium-gray .info-panel-section, .uui-info-panel-vertical.medium-gray .info-panel-section { color: #ffffff; } .info-panel-section.medium-gray { background: #666666; color: #ffffff; } /* Gray */ .uui-info-panel-horizontal.gray, .uui-info-panel-vertical.gray { background: #999999; } .uui-info-panel-horizontal.gray .light-hover, .uui-info-panel-vertical.gray .light-hover { background: #858585; } .uui-info-panel-horizontal.gray .info-panel-footer, .uui-info-panel-vertical.gray .info-panel-footer { background: #858585; } .uui-info-panel-horizontal.gray .info-panel-section, .uui-info-panel-vertical.gray .info-panel-section { color: #ffffff; } .info-panel-section.gray { background: #999999; color: #ffffff; } /* Light Gray */ .uui-info-panel-horizontal.light-gray, .uui-info-panel-vertical.light-gray { background: #cccccc; } .uui-info-panel-horizontal.light-gray .light-hover, .uui-info-panel-vertical.light-gray .light-hover { background: #b8b8b8; } .uui-info-panel-horizontal.light-gray .info-panel-footer, .uui-info-panel-vertical.light-gray .info-panel-footer { background: #b8b8b8; } .uui-info-panel-horizontal.light-gray .info-panel-section, .uui-info-panel-vertical.light-gray .info-panel-section { color: #ffffff; } .info-panel-section.light-gray { background: #cccccc; color: #ffffff; } /* Yellow */ .uui-info-panel-horizontal.yellow, .uui-info-panel-vertical.yellow { background: #ffdc19; } .uui-info-panel-horizontal.yellow .light-hover, .uui-info-panel-vertical.yellow .light-hover { background: #f0cf17; } .uui-info-panel-horizontal.yellow .info-panel-footer, .uui-info-panel-vertical.yellow .info-panel-footer { background: #f0cf17; } .info-panel-section.yellow { background: #ffdc19; } /* Orange */ .uui-info-panel-horizontal.orange, .uui-info-panel-vertical.orange { background: #ff9b19; } .uui-info-panel-horizontal.orange .light-hover, .uui-info-panel-vertical.orange .light-hover { background: #f09217; } .uui-info-panel-horizontal.orange .info-panel-footer, .uui-info-panel-vertical.orange .info-panel-footer { background: #f09217; } .uui-info-panel-horizontal.orange .info-panel-section, .uui-info-panel-vertical.orange .info-panel-section { color: #ffffff; } .info-panel-section.orange { background: #ff9b19; color: #ffffff; } /* Red */ .uui-info-panel-horizontal.red, .uui-info-panel-vertical.red { background: #cb2323; } .uui-info-panel-horizontal.red .light-hover, .uui-info-panel-vertical.red .light-hover { background: #bf2121; } .uui-info-panel-horizontal.red .info-panel-footer, .uui-info-panel-vertical.red .info-panel-footer { background: #bf2121; } .uui-info-panel-horizontal.red .info-panel-section, .uui-info-panel-vertical.red .info-panel-section { color: #ffffff; } .info-panel-section.red { background: #cb2323; color: #ffffff; } /* Fuchsia */ .uui-info-panel-horizontal.fuchsia, .uui-info-panel-vertical.fuchsia { background: #e4445f; } .uui-info-panel-horizontal.fuchsia .light-hover, .uui-info-panel-vertical.fuchsia .light-hover { background: #d64059; } .uui-info-panel-horizontal.fuchsia .info-panel-footer, .uui-info-panel-vertical.fuchsia .info-panel-footer { background: #d64059; } .uui-info-panel-horizontal.fuchsia .info-panel-section, .uui-info-panel-vertical.fuchsia .info-panel-section { color: #ffffff; } .info-panel-section.fuchsia { background: #e4445f; color: #ffffff; } /* Black */ .uui-info-panel-horizontal.black, .uui-info-panel-vertical.black { background: #333333; } .uui-info-panel-horizontal.black .light-hover, .uui-info-panel-vertical.black .light-hover { background: #1f1f1f; } .uui-info-panel-horizontal.black .info-panel-footer, .uui-info-panel-vertical.black .info-panel-footer { background: #1f1f1f; } .uui-info-panel-horizontal.black .info-panel-section, .uui-info-panel-vertical.black .info-panel-section { color: #ffffff; } .info-panel-section.black { background: #333333; color: #ffffff; } /* Violet */ .uui-info-panel-horizontal.violet, .uui-info-panel-vertical.violet { background: #8b5a9f; } .uui-info-panel-horizontal.violet .light-hover, .uui-info-panel-vertical.violet .light-hover { background: #835595; } .uui-info-panel-horizontal.violet .info-panel-footer, .uui-info-panel-vertical.violet .info-panel-footer { background: #835595; } .uui-info-panel-horizontal.violet .info-panel-section, .uui-info-panel-vertical.violet .info-panel-section { color: #ffffff; } .info-panel-section.violet { background: #8b5a9f; color: #ffffff; } /* Bg Gray */ .uui-info-panel-horizontal.bg-gray, .uui-info-panel-vertical.bg-gray { background: #f5f5f5; } .uui-info-panel-horizontal.bg-gray .light-hover, .uui-info-panel-vertical.bg-gray .light-hover { background: #e6e6e6; } .uui-info-panel-horizontal.bg-gray .info-panel-footer, .uui-info-panel-vertical.bg-gray .info-panel-footer { background: #e6e6e6; } .info-panel-section.bg-gray { background: #f5f5f5; } /* Dark Bg Gray */ .uui-info-panel-horizontal.dark-bg-gray, .uui-info-panel-vertical.dark-bg-gray { background: #ebeef0; } .uui-info-panel-horizontal.dark-bg-gray .light-hover, .uui-info-panel-vertical.dark-bg-gray .light-hover { background: #dde0e2; } .uui-info-panel-horizontal.dark-bg-gray .info-panel-footer, .uui-info-panel-vertical.dark-bg-gray .info-panel-footer { background: #dde0e2; } .info-panel-section.dark-bg-gray { background: #ebeef0; } address { margin: 0; padding: 0; } .uui-promo-heading { font-size: 60px; line-height: 1.2; } @media screen and (max-width: 768px) { .uui-promo-heading { font-size: 48px; } } h1 { margin-bottom: 16px; font-size: 38px; line-height: 1.2; text-transform: none; } h2 { margin-top: 26px; font-size: 30px; line-height: 1.2; text-transform: none; } h3 { font-size: 24px; line-height: 1.25; text-transform: none; } ol ol, ol ul, ul ol, ul ul { margin-left: 1.25em; margin-top: 5px; } .uui-unordered-list li, .uui-ordered-list li, ul li, ol li { color: inherit; } .uui-unordered-list li span, .uui-ordered-list li span, ul li span, ol li span { color: inherit; } .uui-unstyled-list { list-style-type: none; } .uui-unstyled-list li { margin-bottom: 5px; } .uui-inline-list { list-style-type: none; margin-left: 0; margin-bottom: 0; } .uui-inline-list li { display: inline-block; } .uui-inline-list li:not(:last-child) { margin-right: 20px; } a[href^="http"]::after, a[href^="mailto:"]::after { content: "\f08e"; display: inline-block; vertical-align: baseline; margin-left: 3px; margin-right: 1px; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a[href$=".pdf"]::after { content: "\f1c1"; display: inline-block; vertical-align: baseline; margin-left: 3px; margin-right: 1px; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: red; } .news-article a[href^="download/"]::before { content: "\f019"; display: inline-block; vertical-align: baseline; margin-right: 3px; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .header-container { max-width: 1170px; margin: 0 auto; } footer { background-color: #464547; } footer .uui-promo-footer { padding: 0 15px; max-width: 1170px; margin: 0 auto; } @media screen and (min-width: 1025px) { footer .uui-promo-footer .footer-navigation { text-align: right; } } .promo-section { padding-top: 50px; padding-bottom: 50px; } .promo-section div[role=main] *:target { padding-top: 60px; margin-top: -60px; } .uui-breadcrumbs-container { background-color: #f5f5f5; } .section { margin-top: 0; margin-bottom: 0; } .section + .section { margin-top: 26px; } .sub-section { margin-top: 16px; margin-bottom: 16px; } .address { display: inline-block; vertical-align: top; margin-right: 30px; margin-top: 16px; } .address:last-child { margin-right: 0; } .address address { line-height: 1.5; } .address iframe { margin-top: 26px; max-width: 400px; } header .uui-header .uui-responsive-header .responsive-header .responsive-brand-logo .logo, header .uui-header .brand-logo .logo { height: 30px; margin-top: 17px; margin-right: 30px; position: relative; } header .uui-header .uui-responsive-header .responsive-header .responsive-brand-logo .logo:after, header .uui-header .brand-logo .logo:after { content: " "; display: inline-block; width: 1px; height: 28px; position: absolute; top: -1px; right: -15px; background-color: #fff; } header .uui-header .uui-responsive-header .responsive-header .responsive-brand-logo .logo img, header .uui-header .brand-logo .logo img { height: 100%; } @media screen and (max-width: 410px) { header .uui-header .uui-responsive-header .responsive-header .responsive-brand-logo .logo, header .uui-header .brand-logo .logo { display: none; } } header .uui-header .uui-navigation > li:hover > a, header .uui-header .uui-navigation > li.dropdown:hover > a { background: none; color: #39c2d7; } header .uui-header .uui-navigation > li.dropdown:hover > a::after { display: block; } header .uui-header .uui-navigation > li.dropdown > a { position: relative; } header .uui-header .uui-navigation > li.dropdown > a::after { display: none; content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #333; } header .uui-header .uui-navigation > li .dropdown-menu { padding: 18px 5px 30px; width: 100%; position: fixed; top: auto; } header .dropdown-menu { font-family: 'Oswald Regular', Arial, sans-serif; } header .dropdown-menu .col-imago { min-height: 285px; } header .dropdown-menu h2 { margin: 0; font-family: 'Source Sans Pro Bold', Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #999; text-transform: uppercase; } header .dropdown-menu hr { margin: 3px 0 15px; border-top: 1px solid rgba(153, 153, 153, 0.4); } header .dropdown-menu .nav-subtitle > a { margin-bottom: 7px; display: inline-block; vertical-align: top; font-size: 17px; line-height: 1.5; color: #fff; text-decoration: none; text-transform: uppercase; } header .dropdown-menu .nav-subtitle > a:hover { color: #39c2d7; } header .dropdown-menu ul { margin: 0; padding: 0; } header .dropdown-menu ul.list-bingo { margin-bottom: 20px; } header .dropdown-menu ul.list-parso { margin-bottom: 45px; } header .dropdown-menu li > a { font-family: 'Oswald Light', Arial, sans-serif; font-size: 16px; line-height: 24px; color: #ccc; } header .dropdown-menu li > a:hover { color: #fff; text-decoration: none; } .dropdown-menu-row { display: table; width: 100%; margin-bottom: 30px; } .dropdown-menu-row:last-child { margin-bottom: 0; } .dropdown-menu-column { display: table-cell; } .promo-section-intro { padding-top: 60px; padding-bottom: 60px; background-image: url(../images/pics/promo-bg.jpg); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); text-align: center; } .promo-section-intro .uui-big-text { max-width: 800px; margin: 0 auto; } .tile { max-width: 390px; margin: 0 auto 30px; overflow: hidden; border: 1px solid #cccccc; position: relative; cursor: pointer; } .tile-image img { display: block; width: 100%; } .tile-content { position: absolute; top: 100%; width: 100%; height: 100%; margin-top: -100px; background-color: rgba(255, 255, 255, 0.85); -webkit-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; } .tile:hover .tile-content { top: 0; margin-top: 0; } .tile-text { padding: 16px; height: 100%; position: relative; } .tile-label { display: inline-block; padding: 0 5px; line-height: 20px; height: 20px; background-color: #39c2d7; color: #ffffff; text-transform: uppercase; position: absolute; top: -20px; left: 0; } .tile-description { margin: 0; padding: 0 16px; list-style-type: none; } .tile-description::before { content: " "; display: inline-block; margin-bottom: 15px; width: 45px; height: 2px; background-color: #999999; } .tile-description li:not(:last-child) { margin-bottom: 0.5em; } @media (min-width: 992px) and (max-width: 1199px) { .tile-content { font-size: 12px; } .tile-description::before { display: none; } } .news { border: 0; max-height: 1000px; width: 100%; } .news-container { background-color: #f5f5f5; } @media screen and (max-width: 768px) { .news-container { max-width: 390px; margin: 0 auto; } } .news-heading { padding: 0 26px; background: #464547; color: #ffffff; font-family: 'Oswald Regular', Arial, sans-serif; font-size: 38px; line-height: 60px; height: 60px; } .news-article { padding: 16px 26px; border: 1px solid #cccccc; border-top: none; } .news-article h2 { margin-top: 0; margin-bottom: 5px; } .news-date { font-family: 'Source Sans Pro Light', Arial, sans-serif; margin-bottom: 10px; } .news-pagination { padding: 30px 0; text-align: center; border: 1px solid #cccccc; border-top: none; } .invisible { display: none; } @media (min-width: 992px) { .sidenav { width: 213px; } .promo-section div[role=complementary] + div[role=main] { padding-left: 30px; } } @media (min-width: 1200px) { .sidenav { width: 263px; } .promo-section div[role=complementary] + div[role=main] { padding-left: 50px; } } .sidenav .uui-accordion .panel.accordion-item { margin-bottom: 0; margin-top: -1px; border-color: #aedee8; } .sidenav .uui-accordion .panel.accordion-item .accordion-heading .accordion-title .accordion-toggle { background-color: #c1e6ee; color: #333333; font-family: 'Source Sans Pro Bold', Arial, sans-serif; font-size: 18px; line-height: 24px; } .sidenav .uui-accordion .panel.accordion-item .accordion-heading .accordion-title .accordion-toggle:hover { text-decoration: none; background-color: #64c0d4; color: #fff; } .sidenav .uui-accordion .panel.accordion-item .accordion-heading .accordion-title .accordion-toggle[data-toggle="collapse"] { position: relative; } .sidenav .uui-accordion .panel.accordion-item .accordion-heading .accordion-title .accordion-toggle[data-toggle="collapse"]:after { content: "\f107"; display: block; vertical-align: baseline; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; position: absolute; top: 50%; right: 15px; margin-top: -7px; } .sidenav .uui-accordion .panel.accordion-item .accordion-heading .accordion-title .accordion-toggle[data-toggle="collapse"]:not(.collapsed) { background-color: #e0f2f6; } .sidenav .uui-accordion .panel.accordion-item .accordion-heading .accordion-title .accordion-toggle[data-toggle="collapse"]:not(.collapsed):hover { color: #64c0d4; } .sidenav .uui-accordion .panel.accordion-item .accordion-heading .accordion-title .accordion-toggle.collapsed[data-toggle="collapse"]:after { content: "\f105"; } .sidenav .uui-accordion .panel.accordion-item .accordion-body { background-color: #e0f2f6; font-family: 'Source Sans Pro Regular', Arial, sans-serif; } .sidenav .uui-accordion .panel.accordion-item .accordion-body ul { list-style-type: none; margin-left: 0; margin-bottom: 0; } .sidenav .uui-accordion .panel.accordion-item .accordion-body ul li { margin-bottom: 0; } .sidenav .uui-accordion .panel.accordion-item .accordion-body ul li a { display: block; padding: 6px 0 6px 10px; font-size: 18px; line-height: 24px; text-decoration: none; color: #333333; } .sidenav .uui-accordion .panel.accordion-item .accordion-body ul li a:hover { color: #64c0d4; } .highlighted { background: #fded96; } .search-form { position: relative; } .search-form .uui-search { width: 300px; height: 34px; line-height: 34px; font-size: 14px; border: 1px solid #333333; padding: 0 5px 0 35px; border-radius: 25px; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -o-transition: width 0.3s ease; -ms-transition: width 0.3s ease; transition: width 0.3s ease; } .search-label { position: absolute; top: 50%; left: 15px; height: 16px; width: 16px; margin-top: -8px; margin-bottom: 0; line-height: normal; font-weight: normal; } .search-label:before { width: 16px; height: 16px; display: inline-block; content: '\f002'; font-family: 'FontAwesome'; color: #ccc; font-size: 16px; } img { max-width: 100%; } div.note { padding: 20px; font-size: 16px; background-color: #eeeeee; border: 1px solid #cccccc; } .ketcher-demo { display: block; border: 0; height: 700px; width: 100%; margin-top: 40px; } @media (max-width: 1200px) { .ketcher-demo { width: 970px; } .imago-report { width: 970px; } } @media (max-width: 980px) { .ketcher-demo { width: 800px } .imago-report { width: 800px } } .imago-report { display: block; height: 600px; width: 100%; margin-top: 40px; } .padding-left-10 { padding-left: 10px; } .contact-map { border: 0; width: 100%; height: 300px; }