@import '/media/plg_system_jtaldef/index/css/932064d5926e46347f3408bfcbafac35.css?97bd256d08b9f67432d9eb4c035b2758';
@import '/media/plg_system_jtaldef/index/css/243b5aef81651d745e9b968e23556470.css?66f9c152c99c4b8420ec52cd77b6326a';
 @charset "UTF-8";   .g-content { margin: 0.625rem; padding: 1.5rem; } .g-flushed .g-content { margin: 0; padding: 0; } body { font-size: 0.975rem; line-height: 1.6; } h1 { font-size: 2.225rem; } h2 { font-size: 1.875rem; } h3 { font-size: 1.475rem; } h4 { font-size: 1.125rem; } h5 { font-size: 0.975rem; } h6 { font-size: 0.825rem; } small { font-size: 0.85rem; } cite { font-size: 0.85rem; } sub, sup { font-size: 0.725rem; } code, kbd, pre, samp { font-size: 0.975rem; font-family: "Menlo", "Monaco", monospace; } textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) { border-radius: 0.1875rem; } body { color: #222222; background: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body #g-page-surround { background: #ffffff; overflow: hidden; } .g-bodyonly body #g-page-surround { color: #222222; background: #ffffff; } body p { margin: 0 0 1.3rem 0; } body span.para { display: block; margin: 1rem 0; } body.dir-rtl .align-left { text-align: right !important; } body.dir-rtl .align-right { text-align: left !important; } @media print { #g-page-surround { background: #fff !important; color: #000 !important; } } .g-logo { color: rgba(34, 34, 34, 0.8); font-weight: 400; font-size: 1.725rem; line-height: 1.6; box-shadow: none !important; text-transform: uppercase; } @media only all and (max-width: 50.99rem) { .g-logo { text-align: center; display: block; position: relative; z-index: 1; } } .dir-rtl .g-logo img { padding-right: 0; padding-left: 1rem; } .flush > .g-container, .flush > .g-content, .g-flushed > .g-container, .g-flushed > .g-content { margin: 0 !important; padding: 0 !important; } .g-container-flushed { margin: -4rem 0; } .dir-rtl .g-branding { text-align: right; direction: ltr; } .g-nobackground { background: none !important; } .nomarginleft, .nomarginleft > .g-content { margin-left: 0; } .nomarginright, .nomarginright > .g-content { margin-right: 0; } .nomargintop, .nomargintop > .g-content { margin-top: 0; } .nomarginbottom, .nomarginbottom > .g-content { margin-bottom: 0; } .nomarginall, .nomarginall > .g-content { margin: 0; } .margin2x > .g-content { margin: 1.25rem; } .margin3x > .g-content { margin: 1.875rem; } .nopaddingleft, .nopaddingleft > .g-content { padding-left: 0; } .nopaddingright, .nopaddingright > .g-content { padding-right: 0; } .nopaddingtop, .nopaddingtop > .g-content { padding-top: 0; } .nopaddingbottom, .nopaddingbottom > .g-content { padding-bottom: 0; } .nopaddingall, .nopaddingall > .g-content { padding: 0; } .padding2x > .g-content { padding: 3rem; } .padding3x > .g-content { padding: 4.5rem; } .section-horizontal-paddings { padding-left: 12%; padding-right: 12%; } @media only all and (max-width: 74.938rem) and (min-width: 51rem) { .section-horizontal-paddings { padding-left: 4%; padding-right: 4%; } } @media only all and (min-width: 51rem) and (max-width: 59.99rem) { .section-horizontal-paddings { padding-left: 0; padding-right: 0; } } @media only all and (max-width: 50.99rem) { .section-horizontal-paddings { padding-left: 0; padding-right: 0; } } .section-vertical-paddings { padding-top: 2vw; padding-bottom: 2vw; } @media only all and (min-width: 51rem) and (max-width: 59.99rem) { .section-vertical-paddings { padding-top: 4vw; padding-bottom: 4vw; } } .fp-enabled .section-vertical-paddings { padding-top: 0; padding-bottom: 0; } .fp-responsive .section-vertical-paddings { padding-top: 2vw; padding-bottom: 2vw; } @media only all and (min-width: 51rem) and (max-width: 59.99rem) { .fp-responsive .section-vertical-paddings { padding-top: 4vw; padding-bottom: 4vw; } } .no-section-paddings { padding: 0 !important; } .center-block { text-align: center; margin: auto; } .g-center-vertical { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .g-linethrough { text-decoration: line-through; opacity: 0.55; } .g-menuspacer { padding-top: 4.5rem; } @media only all and (max-width: 50.99rem) { .g-menuspacer { padding: 0; } } .noliststyle { list-style: none; } .g-bold { font-weight: 700; } .g-uppercase { text-transform: uppercase; } .g-compact .g-container { padding: 0 !important; } .g-sidebar-offset { margin-top: -4rem; } @media only all and (max-width: 50.99rem) { .g-mobile-center-compact .g-container { padding: 1.5rem 0; } .g-mobile-center-compact .g-content { padding: 0 1.5rem; margin: 0.3125rem 0.625rem; text-align: center !important; } } .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container { padding: 0.625rem 0.625rem; font-family: "Montserrat"; font-size: 0.875rem; font-weight: 500; text-transform: uppercase; white-space: normal; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; -webkit-transition: 0.35s ease; -moz-transition: 0.35s ease; transition: 0.35s ease; } @media only all and (min-width: 51rem) and (max-width: 59.99rem) { .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container { font-size: 0.8rem; } } .g-main-nav .g-standard .g-dropdown { width: 200px; float: left; margin-left: 10px !important; } .g-main-nav { z-index: 20; } .dir-rtl .g-main-nav { text-align: left; } .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #b4b3bb; line-height: 40px; } @media only all and (min-width: 51rem) and (max-width: 59.99rem) { .g-main-nav .g-toplevel > li > .g-menu-item-container { padding: 0.625rem 0.25rem; } } .g-main-nav .g-toplevel > li.g-parent > .g-menu-item-container:after { margin-left: -13px; } .dir-rtl .g-main-nav .g-toplevel > li.g-parent > .g-menu-item-container:after { margin-left: 7px; } .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .g-main-nav .g-toplevel > li.active > .g-menu-item-container { color: #dac6b5; } .g-main-nav .g-toplevel > li:hover > .g-menu-item-container { color: #0e0e0e; } .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { word-break: normal; line-height: normal; } .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after { content: ""; opacity: 1; } .g-main-nav .g-toplevel > li.g-parent.g-selected > .g-menu-item-container .g-menu-parent-indicator:after { content: ""; } .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator:after { width: 1rem; height: 1rem; } .dir-rtl .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator:after { text-align: left; } .g-main-nav .g-toplevel i { opacity: 0.6; } .g-main-nav .g-standard > .g-dropdown.g-dropdown-right, .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-right { left: 0; } .dir-rtl .g-main-nav .g-standard > .g-dropdown.g-dropdown-right, .dir-rtl .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-right { right: 0.925rem; left: auto; } .g-main-nav .g-standard > .g-dropdown.g-dropdown-left, .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-left { right: 0.925rem; } .dir-rtl .g-main-nav .g-standard > .g-dropdown.g-dropdown-left, .dir-rtl .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-left { left: 0.925rem; right: auto; } .g-main-nav .g-standard > .g-dropdown .g-dropdown, .g-main-nav .g-fullwidth > .g-dropdown .g-dropdown { top: -10px; } .g-main-nav .g-standard .g-dropdown:after, .g-main-nav .g-fullwidth .g-dropdown:after { left: -21px !important; } .g-main-nav .g-dropdown { background: #363244; text-align: left; } .dir-rtl .g-main-nav .g-dropdown { text-align: right; } .g-main-nav .g-sublevel { padding: 0; } .g-main-nav .g-sublevel > li { margin: 0.2083333333rem 0.625rem; padding: 0; } .g-main-nav .g-sublevel > li + li { margin-top: 0.625rem; } .g-main-nav .g-sublevel > li:last-child { margin-bottom: 0.625rem; } .g-main-nav .g-sublevel > li > .g-menu-item-container { line-height: normal; color: #c5c5c5; text-transform: capitalize; } .g-main-nav .g-sublevel > li > .g-menu-item-container > .g-menu-item-content { display: block; vertical-align: top; word-break: normal; line-height: 1.2; } .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, .g-main-nav .g-sublevel > li.active > .g-menu-item-container { color: #ffffff; } .g-main-nav .g-sublevel > li:last-child > .g-menu-item-container { border-color: transparent; } .g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator { right: 0.5rem; top: 0; } .g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator:after { content: ""; opacity: 0.5; position: relative; top: 0.5rem; } .g-menu-item-subtitle { opacity: 0.7; } .g-preset-thumbnails { margin-top: 0.625rem; } .g-preset-thumbnails .g-content { padding: 0rem !important; margin: 0; } .g-preset-thumbnails .g-block { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto !important; -moz-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .g-preset-thumbnails span { padding: 0.925rem 0; display: inline-block; } .g-preset-thumbnails img { border-radius: 3px; margin-bottom: 0 !important; } .g-main-nav .g-standard .g-dropdown { margin-left: 17px; } .g-main-nav .g-standard .g-dropdown:after { content: ""; position: absolute; display: block; top: 0; left: -17px; right: -17px; bottom: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; z-index: -1; } .g-main-nav .g-standard > .g-dropdown { margin-left: 0; } .g-main-nav .g-standard > .g-dropdown, .g-main-nav .g-fullwidth > .g-dropdown { margin-top: 10px; } .g-main-nav .g-standard > .g-dropdown:before, .g-main-nav .g-fullwidth > .g-dropdown:before { content: ""; position: absolute; display: block; top: -10px; left: 0; right: 0; bottom: 0; border-top: 10px solid transparent; z-index: -1; } .g-menu-overlay.g-menu-overlay-open { z-index: 19; display: none; } @media only all and (max-width: 50.99rem) { .g-menu-overlay.g-menu-overlay-open { display: block; } } .g-menu-hastouch .g-standard .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, .g-menu-hastouch .g-fullwidth .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border-radius: 0.1875rem; margin: -0.2rem 0 -0.2rem 0.5rem; padding: 0.2rem; } .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, .g-menu-hastouch .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border-radius: 5px; padding: 0.1rem; margin-top: -0.1rem; margin-right: -0.1rem; } .g-main-nav .g-standard .g-dropdown { -webkit-transition: none; -moz-transition: none; transition: none; } .g-main-nav .g-standard .g-fade.g-dropdown { -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .g-main-nav .g-standard .g-zoom.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-zoom; -moz-animation-name: g-dropdown-zoom; animation-name: g-dropdown-zoom; } .g-main-nav .g-standard .g-fade-in-up.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-fade-in-up; -moz-animation-name: g-dropdown-fade-in-up; animation-name: g-dropdown-fade-in-up; } .g-main-nav .g-standard .g-dropdown-bounce-in-left.g-active { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: g-dropdown-bounce-in-left; -moz-animation-name: g-dropdown-bounce-in-left; animation-name: g-dropdown-bounce-in-left; } .g-main-nav .g-standard .g-dropdown-bounce-in-right.g-active { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: g-dropdown-bounce-in-right; -moz-animation-name: g-dropdown-bounce-in-right; animation-name: g-dropdown-bounce-in-right; } .g-main-nav .g-standard .g-dropdown-bounce-in-down.g-active { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: g-dropdown-bounce-in-down; -moz-animation-name: g-dropdown-bounce-in-down; animation-name: g-dropdown-bounce-in-down; } .g-main-nav .g-fullwidth > .g-dropdown { -webkit-transition: none; -moz-transition: none; transition: none; } .g-main-nav .g-fullwidth > .g-fade.g-dropdown { -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .g-main-nav .g-fullwidth > .g-zoom.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-zoom; -moz-animation-name: g-dropdown-zoom; animation-name: g-dropdown-zoom; } .g-main-nav .g-fullwidth > .g-fade-in-up.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-fade-in-up; -moz-animation-name: g-dropdown-fade-in-up; animation-name: g-dropdown-fade-in-up; } .g-main-nav .g-fullwidth > .g-dropdown-bounce-in-left.g-active { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: g-dropdown-bounce-in-left; -moz-animation-name: g-dropdown-bounce-in-left; animation-name: g-dropdown-bounce-in-left; } .g-main-nav .g-fullwidth > .g-dropdown-bounce-in-right.g-active { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: g-dropdown-bounce-in-right; -moz-animation-name: g-dropdown-bounce-in-right; animation-name: g-dropdown-bounce-in-right; } .g-main-nav .g-fullwidth > .g-dropdown-bounce-in-down.g-active { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: g-dropdown-bounce-in-down; -moz-animation-name: g-dropdown-bounce-in-down; animation-name: g-dropdown-bounce-in-down; } @-webkit-keyframes g-dropdown-zoom { 0% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 1; } } @-moz-keyframes g-dropdown-zoom { 0% { opacity: 0; -moz-transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 1; } } @keyframes g-dropdown-zoom { 0% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); -moz-transform: scale3d(0.8, 0.8, 0.8); -ms-transform: scale3d(0.8, 0.8, 0.8); -o-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 1; } } @-webkit-keyframes g-dropdown-fade-in-up { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); } 100% { opacity: 1; } } @-moz-keyframes g-dropdown-fade-in-up { 0% { opacity: 0; -moz-transform: translate3d(0, 30px, 0); } 100% { opacity: 1; } } @keyframes g-dropdown-fade-in-up { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { opacity: 1; } } @-webkit-keyframes g-dropdown-bounce-in-left { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; } } @-moz-keyframes g-dropdown-bounce-in-left { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -moz-transform: translate3d(-50px, 0, 0); } 60% { opacity: 1; -moz-transform: translate3d(25px, 0, 0); } 75% { -moz-transform: translate3d(-10px, 0, 0); } 90% { -moz-transform: translate3d(5px, 0, 0); } to { -moz-transform: none; } } @keyframes g-dropdown-bounce-in-left { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); -moz-transform: translate3d(-50px, 0, 0); -ms-transform: translate3d(-50px, 0, 0); -o-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); -moz-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); -o-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); -moz-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); -o-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-webkit-keyframes g-dropdown-bounce-in-down { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; } } @-moz-keyframes g-dropdown-bounce-in-down { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -moz-transform: translate3d(0, -50px, 0); } 60% { opacity: 1; -moz-transform: translate3d(0, 25px, 0); } 75% { -moz-transform: translate3d(0, -10px, 0); } 90% { -moz-transform: translate3d(0, 5px, 0); } to { -moz-transform: none; } } @keyframes g-dropdown-bounce-in-down { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); -moz-transform: translate3d(0, -50px, 0); -ms-transform: translate3d(0, -50px, 0); -o-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); -moz-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); -o-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); -moz-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-webkit-keyframes g-dropdown-bounce-in-right { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; } } @-moz-keyframes g-dropdown-bounce-in-right { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -moz-transform: translate3d(50px, 0, 0); } 60% { opacity: 1; -moz-transform: translate3d(-25px, 0, 0); } 75% { -moz-transform: translate3d(10px, 0, 0); } 90% { -moz-transform: translate3d(-5px, 0, 0); } to { -moz-transform: none; } } @keyframes g-dropdown-bounce-in-right { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); -moz-transform: translate3d(50px, 0, 0); -ms-transform: translate3d(50px, 0, 0); -o-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); -moz-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); -o-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); -moz-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); -o-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } a { color: #363244; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } a:hover { color: inherit; } body { font-family: "Nunito"; font-weight: 400; } h1, h2, h3, h4, h5 { font-family: "Montserrat"; font-weight: 500; margin: 0 0 20px 0; } bold, strong { font-weight: 700; } .button { font-weight: 500; } blockquote { border-left: 10px solid rgba(231, 232, 234, 0.25); } blockquote p { font-size: 1.075rem; color: #555; } blockquote cite { display: block; text-align: right; color: #222222; font-size: 1.175rem; } code { background: #f9f2f4; color: #9c1d3d; } pre { padding: 1rem; margin: 2rem 0; background: #f6f6f6; border: 1px solid #e7e8ea; border-radius: 0.1875rem; line-height: 1.15; font-size: 0.875rem; } pre code { color: #237794; background: inherit; font-size: 0.875rem; } hr { border-bottom: 4px solid rgba(231, 232, 234, 0.25); } .jl-breadcrumb { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0; list-style: none; } .jl-breadcrumb > * { -ms-flex: none; -webkit-flex: none; flex: none; } .jl-breadcrumb > * > * { display: inline-block; font-size: 0.875rem; color: #fff; } .jl-breadcrumb > * > :hover, .jl-breadcrumb > * > :focus { color: #dac6b5; text-decoration: none; } .jl-breadcrumb > :last-child > * { color: #dac6b5; } .jl-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { content: "|"; display: inline-block; margin: 0 20px; color: #fff; } .jl-label { display: inline-block; padding: 0 10px; background: #1e87f0; line-height: 1.5; font-size: 0.875rem; color: #fff; vertical-align: middle; white-space: nowrap; border-radius: 2px; text-transform: uppercase; } .jl-label-success { background-color: #32d296; color: #fff; } .jl-label-warning { background-color: #faa05a; color: #fff; } .jl-label-danger { background-color: #f0506e; color: #fff; } [class*='jl-divider'] { border: none; margin-bottom: 20px; } * + [class*='jl-divider'] { margin-top: 20px; } .jl-divider-icon { position: relative; height: 20px; background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A'); background-repeat: no-repeat; background-position: 50% 50%; } .jl-divider-icon::before, .jl-divider-icon::after { content: ""; position: absolute; top: 50%; max-width: calc(50% - (50px / 2)); border-bottom: 1px solid #e5e5e5; } .jl-divider-icon::before { right: calc(50% + (50px / 2)); width: 100%; } .jl-divider-icon::after { left: calc(50% + (50px / 2)); width: 100%; } .jl-tab { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; padding: 0; list-style: none; position: relative; } .jl-tab::before { content: ""; position: absolute; bottom: 0; left: 20px; right: 0; border-bottom: 1px solid #e5e5e5; } .jl-tab > * { -ms-flex: none; -webkit-flex: none; flex: none; padding-left: 20px; position: relative; } .jl-tab > * > a { display: block; text-align: center; padding: 5px 10px; color: #999; border-bottom: 1px solid transparent; font-size: 0.875rem; text-transform: uppercase; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .jl-tab > * > a:hover, .jl-tab > * > a:focus { color: #666; text-decoration: none; } .jl-tab > .uk-active > a { color: #333; border-color: #1e87f0; } .jl-tab > .uk-disabled > a { color: #999; } .jl-tab-bottom::before { top: 0; bottom: auto; } .jl-tab-bottom > * > a { border-top: 1px solid transparent; border-bottom: none; } .jl-tab-left, .jl-tab-right { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; margin-left: 0; } .jl-tab-left > *, .jl-tab-right > * { padding-left: 0; } .jl-tab-left::before { top: 0; bottom: 0; left: auto; right: 0; border-left: 1px solid #e5e5e5; border-bottom: none; } .jl-tab-right::before { top: 0; bottom: 0; left: 0; right: auto; border-left: 1px solid #e5e5e5; border-bottom: none; } .jl-tab-left > * > a { text-align: right; border-right: 1px solid transparent; border-bottom: none; } .jl-tab-right > * > a { text-align: left; border-left: 1px solid transparent; border-bottom: none; } .jl-tab .uk-dropdown { margin-left: 30px; } .title-center .g-title { text-align: center; } .title-rounded .g-title { border-radius: 2rem; } .title-section .g-title { text-transform: uppercase; font-weight: 500; font-size: 1.175rem; } .title-section .g-content { padding: 0; } .title-underline .g-title { padding: 0.5rem 0; } .title-underline .g-title:after { border-bottom: 2px solid rgba(231, 232, 234, 0.25); position: absolute; content: ""; left: 0; width: 100%; bottom: 0; } .dir-rtl .title-underline .g-title:after { left: inherit; right: 0; } .title-inline .g-title { display: inline-block; margin-bottom: 0.625rem !important; } .title1 .g-title, .title2 .g-title, .title3 .g-title, .title4 .g-title, .title5 .g-title, .title-white .g-title, .title-grey .g-title, .title-pink .g-title, .title-red .g-title, .title-purple .g-title, .title-orange .g-title, .title-blue .g-title { font-size: 1.175rem; text-transform: uppercase; font-family: "Nunito"; font-weight: 400; margin: 0.775rem 0; } .platform-content, .moduletable, .widget { margin: 0.625rem 0; padding: 1.5rem 0; } .platform-content .moduletable, .platform-content .widget, .moduletable .moduletable, .moduletable .widget, .widget .moduletable, .widget .widget { margin: 0; padding: 0; } .platform-content:first-child, .moduletable:first-child, .widget:first-child { margin-top: 0; padding-top: 0; } .platform-content:last-child, .moduletable:last-child, .widget:last-child { margin-bottom: 0; padding-bottom: 0; } .moduletable[class*="box"], .widget[class*="box"] { padding: 1.5rem; margin: 0.625rem; } .moduletable[class*="title"] .g-title, .widget[class*="title"] .g-title { margin-left: 0; margin-right: 0; margin-top: 0; } .title1 .g-title { color: #363244; } .box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content { color: #ffffff; background-color: #363244; background-image: -webkit-linear-gradient(top, #363244, #dac6b5); background-image: linear-gradient(to bottom,#363244, #dac6b5); } .box1.moduletable p, .box1.widget p, .box1.g-outer-box p, .box1 > .g-content p { color: rgba(255, 255, 255, 0.8); } .box1.moduletable .g-main-nav .g-menu-item-container:after, .box1.widget .g-main-nav .g-menu-item-container:after, .box1.g-outer-box .g-main-nav .g-menu-item-container:after, .box1 > .g-content .g-main-nav .g-menu-item-container:after { background: #ffffff !important; } .box1 .g-title { font-size: 1.175rem; text-transform: uppercase; } .box1 a { color: inherit; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25); } .box1 a:hover { box-shadow: 0 1px 0 0 #ffffff; } .box1 .button { background: #ffffff !important; color: #363244; border-color: #363244; box-shadow: none; } .box1 .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box1 .button:hover, .box1 .button:active, .box1 .button:focus, .title1 .button:hover, .title1 .button:active, .title1 .button:focus { box-shadow: none; } .box1 .button.button-3, .box1 .button.button-4, .title1 .button.button-3, .title1 .button.button-4 { color: #ffffff !important; border-color: #ffffff; } .box1 .button.button-3:hover, .box1 .button.button-3:active, .box1 .button.button-3:focus, .box1 .button.button-4:hover, .box1 .button.button-4:active, .box1 .button.button-4:focus, .title1 .button.button-3:hover, .title1 .button.button-3:active, .title1 .button.button-3:focus, .title1 .button.button-4:hover, .title1 .button.button-4:active, .title1 .button.button-4:focus { color: #595270 !important; border-color: #595270; } .title2 .g-title { color: #222222; border: 0 none; } .box2.moduletable, .box2.widget, .box2.g-outer-box, .box2 > .g-content { color: #ffffff; background-color: #dac6b5; background-image: -webkit-linear-gradient(top, #dac6b5, #363244); background-image: linear-gradient(to bottom,#dac6b5, #363244); } .box2.moduletable p, .box2.widget p, .box2.g-outer-box p, .box2 > .g-content p { color: rgba(255, 255, 255, 0.8); } .box2 .g-title { font-size: 1.175rem; text-transform: uppercase; } .box2 a { color: inherit; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25); } .box2 a:hover { box-shadow: 0 1px 0 0 #ffffff; } .box2 .button { background: #ffffff !important; border-color: #dac6b5; color: #dac6b5; box-shadow: none; } .box2 .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .title3 .g-title { color: #dac6b5; } .box3.moduletable, .box3.widget, .box3.g-outer-box, .box3 > .g-content { border: 1px solid #363244; } .box3 .g-title { font-size: 1.175rem; text-transform: uppercase; } .box3 a { box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25); } .box3 a:hover { box-shadow: 0 1px 0 0 #222222; } .box3 .button { box-shadow: none; } .box3 .button:hover { box-shadow: none; } .title4 .g-title { color: #363244; border: 1px solid #363244; padding: 0.625rem; } .box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content { border: 2px solid rgba(0, 0, 0, 0.1); } .title5 .g-title { color: #dac6b5; border: 1px solid #dac6b5; padding: 0.625rem; } .box5.moduletable, .box5.widget, .box5.g-outer-box, .box5 > .g-content { color: #ffffff; background-color: #2d2d2d; background-image: -webkit-linear-gradient(#2d2d2d, #363244); background-image: linear-gradient(#2d2d2d, #363244); } .box5 a { color: inherit; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25); } .box5 a:hover { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .box5 .button { color: #ffffff !important; box-shadow: none; } .box5 .button:hover { box-shadow: none; border-color: #ffffff; } .title6 .g-title, .title6 .g-simplecontent .g-simplecontent-item-content-title { font-family: "Montserrat"; font-weight: 300; text-transform: none; } .box6.moduletable, .box6.widget, .box6.g-outer-box, .box6 > .g-content { color: #ffffff; background: #2d2d2d; } .box6 a { color: inherit; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25); } .box6 a:hover { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .box6 .button { color: #ffffff !important; box-shadow: none; } .box6 .button:hover { box-shadow: none; } .box-white { color: #3c3c3c; } .box-grey, .box-pink, .box-red, .box-purple, .box-blue, .box-orange { color: #ffffff; } .title-white .g-title, .title-white .button, .title-white .g-simplecontent-layout-header .g-simplecontent-item-content-title, .title-white .g-simplecontent-layout-header .g-simplecontent-item-leading-content { color: #ffffff; } .title-white .button { border-color: #ffffff; } .box-white.moduletable, .box-white.widget, .box-white.g-outer-box, .box-white > .g-content { background: #ffffff; } .box-white .button { background: #bfbfbf; } .box-white a { color: #bfbfbf; } .box-white .button:hover, .box-white .button:active, .box-white .button:focus, .title-white .button:hover, .title-white .button:active, .title-white .button:focus { background: #e6e6e6; } .box-white .button.button-3, .box-white .button.button-2, .title-white .button.button-3, .title-white .button.button-2 { color: #bfbfbf; border-color: #bfbfbf; } .box-white .button.button-3:hover, .box-white .button.button-3:active, .box-white .button.button-3:focus, .box-white .button.button-2:hover, .box-white .button.button-2:active, .box-white .button.button-2:focus, .title-white .button.button-3:hover, .title-white .button.button-3:active, .title-white .button.button-3:focus, .title-white .button.button-2:hover, .title-white .button.button-2:active, .title-white .button.button-2:focus { color: #222222; border-color: #222222; } .title-grey .g-title { color: #52616B; } .title-grey .button { background: #ffffff !important; color: #52616B; border-color: #52616B; box-shadow: none; } .title-grey .button:hover { box-shadow: none; background: #52616B !important; border-color: #52616B; color: #ffffff; } .box-grey.moduletable, .box-grey.widget, .box-grey.g-outer-box, .box-grey > .g-content { background: #52616B; } .box-grey a { color: #91a1ab; } .box-grey a:hover { color: #313a40; } .box-grey .button { background: #ffffff !important; color: #52616B; border-color: #52616B; box-shadow: none; } .box-grey .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box-grey .button.button-3, .box-grey .button.button-4, .title-grey .button.button-3, .title-grey .button.button-4 { color: #1b2023; } .box-grey .button.button-3:hover, .box-grey .button.button-3:active, .box-grey .button.button-3:focus, .box-grey .button.button-4:hover, .box-grey .button.button-4:active, .box-grey .button.button-4:focus, .title-grey .button.button-3:hover, .title-grey .button.button-3:active, .title-grey .button.button-3:focus, .title-grey .button.button-4:hover, .title-grey .button.button-4:active, .title-grey .button.button-4:focus { color: #ffffff; border-color: #ffffff; } .title-pink .g-title { color: #FF9999; border: 0 none; } .title-pink .button { background: #ffffff !important; color: #FF9999; border-color: #FF9999; box-shadow: none; } .title-pink .button:hover { box-shadow: none; background: #FF9999 !important; border-color: #FF9999; color: #ffffff; } .box-pink.moduletable, .box-pink.widget, .box-pink.g-outer-box, .box-pink > .g-content { background: #FF9999; } .box-pink .button { background: #ffffff !important; color: #FF9999; border-color: #FF9999; box-shadow: none; } .box-pink .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box-pink a { color: white; } .box-pink a:hover { color: #ff4d4d; } .box-pink .button.button-3, .box-pink .button.button-4, .title-pink .button.button-3, .title-pink .button.button-4 { color: #ff1a1a; } .box-pink .button.button-3:hover, .box-pink .button.button-3:active, .box-pink .button.button-3:focus, .box-pink .button.button-4:hover, .box-pink .button.button-4:active, .box-pink .button.button-4:focus, .title-pink .button.button-3:hover, .title-pink .button.button-3:active, .title-pink .button.button-3:focus, .title-pink .button.button-4:hover, .title-pink .button.button-4:active, .title-pink .button.button-4:focus { color: #ffffff; border-color: #ffffff; } .title-red .g-title { color: #E84545; border: 0 none; } .title-red .button { background: #ffffff !important; color: #E84545; border-color: #E84545; box-shadow: none; } .title-red .button:hover { box-shadow: none; background: #E84545 !important; border-color: #E84545; color: #ffffff; } .box-red.moduletable, .box-red.widget, .box-red.g-outer-box, .box-red > .g-content { background: #E84545; } .box-red .button { background: #ffffff !important; color: #E84545; border-color: #E84545; box-shadow: none; } .box-red .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box-red a { color: #f6b6b6; } .box-red a:hover { color: #c81919; } .box-red .button.button-3, .box-red .button.button-4, .title-red .button.button-3, .title-red .button.button-4 { color: #9a1313; } .box-red .button.button-3:hover, .box-red .button.button-3:active, .box-red .button.button-3:focus, .box-red .button.button-4:hover, .box-red .button.button-4:active, .box-red .button.button-4:focus, .title-red .button.button-3:hover, .title-red .button.button-3:active, .title-red .button.button-3:focus, .title-red .button.button-4:hover, .title-red .button.button-4:active, .title-red .button.button-4:focus { color: #ffffff; border-color: #ffffff; } .title-purple .g-title { color: #7E6BC4; border: 0 none; } .title-purple .button { background: #ffffff !important; color: #7E6BC4; border-color: #7E6BC4; box-shadow: none; } .title-purple .button:hover { box-shadow: none; background: #7E6BC4 !important; border-color: #7E6BC4; color: #ffffff; } .box-purple.moduletable, .box-purple.widget, .box-purple.g-outer-box, .box-purple > .g-content { background: #7E6BC4; } .box-purple .button { background: #ffffff !important; color: #7E6BC4; border-color: #7E6BC4; box-shadow: none; } .box-purple .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box-purple a { color: #cdc6e8; } .box-purple a:hover { color: #5541a2; } .box-purple .button.button-3, .box-purple .button.button-4, .title-purple .button.button-3, .title-purple .button.button-4 { color: #42327d; } .box-purple .button.button-3:hover, .box-purple .button.button-3:active, .box-purple .button.button-3:focus, .box-purple .button.button-4:hover, .box-purple .button.button-4:active, .box-purple .button.button-4:focus, .title-purple .button.button-3:hover, .title-purple .button.button-3:active, .title-purple .button.button-3:focus, .title-purple .button.button-4:hover, .title-purple .button.button-4:active, .title-purple .button.button-4:focus { color: #ffffff; border-color: #ffffff; } .title-blue .g-title { color: #1e87f0; border: 0 none; } .title-blue .button { background: #ffffff !important; color: #1e87f0; border-color: #1e87f0; box-shadow: none; } .title-blue .button:hover { box-shadow: none; background: #1e87f0 !important; border-color: #1e87f0; color: #ffffff; } .box-blue.moduletable, .box-blue.widget, .box-blue.g-outer-box, .box-blue > .g-content { background: #1e87f0; } .box-blue .button { background: #ffffff !important; color: #1e87f0; border-color: #1e87f0; box-shadow: none; } .box-blue .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box-blue a { color: #96c7f8; } .box-blue a:hover { color: #0c61b5; } .box-blue .button.button-3, .box-blue .button.button-4, .title-blue .button.button-3, .title-blue .button.button-4 { color: #094786; } .box-blue .button.button-3:hover, .box-blue .button.button-3:active, .box-blue .button.button-3:focus, .box-blue .button.button-4:hover, .box-blue .button.button-4:active, .box-blue .button.button-4:focus, .title-blue .button.button-3:hover, .title-blue .button.button-3:active, .title-blue .button.button-3:focus, .title-blue .button.button-4:hover, .title-blue .button.button-4:active, .title-blue .button.button-4:focus { color: #ffffff; border-color: #ffffff; } .title-orange .g-title { color: #FEA386; border: 0 none; } .title-orange .button { background: #ffffff !important; color: #FEA386; border-color: #FEA386; box-shadow: none; } .title-orange .button:hover { box-shadow: none; background: #FEA386 !important; border-color: #FEA386; color: #ffffff; } .box-orange.moduletable, .box-orange.widget, .box-orange.g-outer-box, .box-orange > .g-content { background: #FEA386; } .box-orange .button { background: #ffffff !important; color: #FEA386; border-color: #FEA386; box-shadow: none; } .box-orange .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box-orange a { color: white; } .box-orange a:hover { color: #fd693a; } .box-orange .button.button-3, .box-orange .button.button-4, .title-orange .button.button-3, .title-orange .button.button-4 { color: #fd4308; } .box-orange .button.button-3:hover, .box-orange .button.button-3:active, .box-orange .button.button-3:focus, .box-orange .button.button-4:hover, .box-orange .button.button-4:active, .box-orange .button.button-4:focus, .title-orange .button.button-3:hover, .title-orange .button.button-3:active, .title-orange .button.button-3:focus, .title-orange .button.button-4:hover, .title-orange .button.button-4:active, .title-orange .button.button-4:focus { color: #ffffff; border-color: #ffffff; } .spaced .g-content { margin: 1px; } .bordered .g-content { border: 1px solid rgba(231, 232, 234, 0.25); margin: 1px; } .shadow .g-content { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .shadow2 .g-content { box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } .disabled .g-content { opacity: 0.4; } .square .g-content { border-radius: none; } .rounded .g-content { border-radius: 0.1875rem; overflow: hidden; } .no-bg-image { background-image: none !important; } .g-block-divider { background: rgba(231, 232, 234, 0.25); height: 5px; margin-top: 6rem; margin-bottom: 6rem; } .equal-height #g-aside, .equal-height #g-mainbar, .equal-height #g-sidebar { width: 100%; } .equal-height .g-content { width: auto; } .button { display: inline-block; font-family: "Montserrat"; background: #dac6b5; border: 1px solid #dac6b5; color: #ffffff; font-size: 0.975rem; line-height: 1.325; margin: 0; padding: 0.65rem 1.4rem; vertical-align: middle; text-shadow: none; outline: none; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; } .button:hover, .button:active, .button:focus { color: #ffffff; background: #363244; border-color: #363244; } .button.button-square { border-radius: 0; } .button.button-square[class*="button"] { border-radius: 0; } .button.button-block { display: block; } .button.button-xlarge { font-size: 1.775rem; } .button.button-large { font-size: 1.575rem; } .button.button-medium { font-size: 0.975rem; } .button.button-small { font-size: 0.775rem; } .button.button-xsmall { font-size: 0.575rem; } .button.button-alt { background: #dac6b5; } .button.button-alt:hover, .button.button-alt:active, .button.button-alt:focus { background: #c9ac93; } .dir-ltr .button.button-alt.button-special:before { border-left: 1px solid #ccb19a; border-bottom: 1px solid #ccb19a; } .dir-rtl .button.button-alt.button-special:after { border-right: 1px solid #ccb19a; border-bottom: 1px solid #ccb19a; } .button.button-3, .button.button-4, .button.button-grey, .button.button-pink, .button.button-red, .button.button-purple, .button.button-orange, .button.button-blue { color: #ffffff !important; } .button.button-3.button-3, .button.button-3.button-4, .button.button-4.button-3, .button.button-4.button-4, .button.button-grey.button-3, .button.button-grey.button-4, .button.button-pink.button-3, .button.button-pink.button-4, .button.button-red.button-3, .button.button-red.button-4, .button.button-purple.button-3, .button.button-purple.button-4, .button.button-orange.button-3, .button.button-orange.button-4, .button.button-blue.button-3, .button.button-blue.button-4 { background: transparent; } .button.button-3.button-3:hover, .button.button-3.button-3:active, .button.button-3.button-3:focus, .button.button-3.button-4:hover, .button.button-3.button-4:active, .button.button-3.button-4:focus, .button.button-4.button-3:hover, .button.button-4.button-3:active, .button.button-4.button-3:focus, .button.button-4.button-4:hover, .button.button-4.button-4:active, .button.button-4.button-4:focus, .button.button-grey.button-3:hover, .button.button-grey.button-3:active, .button.button-grey.button-3:focus, .button.button-grey.button-4:hover, .button.button-grey.button-4:active, .button.button-grey.button-4:focus, .button.button-pink.button-3:hover, .button.button-pink.button-3:active, .button.button-pink.button-3:focus, .button.button-pink.button-4:hover, .button.button-pink.button-4:active, .button.button-pink.button-4:focus, .button.button-red.button-3:hover, .button.button-red.button-3:active, .button.button-red.button-3:focus, .button.button-red.button-4:hover, .button.button-red.button-4:active, .button.button-red.button-4:focus, .button.button-purple.button-3:hover, .button.button-purple.button-3:active, .button.button-purple.button-3:focus, .button.button-purple.button-4:hover, .button.button-purple.button-4:active, .button.button-purple.button-4:focus, .button.button-orange.button-3:hover, .button.button-orange.button-3:active, .button.button-orange.button-3:focus, .button.button-orange.button-4:hover, .button.button-orange.button-4:active, .button.button-orange.button-4:focus, .button.button-blue.button-3:hover, .button.button-blue.button-3:active, .button.button-blue.button-3:focus, .button.button-blue.button-4:hover, .button.button-blue.button-4:active, .button.button-blue.button-4:focus { background: transparent; } .button.button-2 { background: #ff7b00; border-color: #ff7b00; color: #ffffff; } .button.button-2:hover, .button.button-2:active, .button.button-2:focus { border-color: #363244; background: #363244; } .button.button-3 { color: #dac6b5 !important; border-color: #dac6b5; background: transparent !important; } .button.button-3:hover, .button.button-3:active, .button.button-3:focus { background: #dac6b5 !important; border-color: #dac6b5 !important; color: #ffffff !important; } .button.button-4 { color: #363244 !important; background: #ffffff !important; border: 1px solid #363244; } .button.button-4:hover, .button.button-4:active, .button.button-4:focus { border-color: #363244; background: #363244 !important; color: #ffffff !important; } .button.button-grey { background: #52616B; border-color: #52616B; color: #ffffff; } .button.button-grey:hover, .button.button-grey:active, .button.button-grey:focus { color: #52616B !important; border-color: #52616B; background: transparent !important; } .button.button-grey.button-3, .button.button-grey.button-4 { background: transparent !important; color: #52616B !important; border: 1px solid #52616B; } .button.button-grey.button-3:hover, .button.button-grey.button-3:active, .button.button-grey.button-3:focus, .button.button-grey.button-4:hover, .button.button-grey.button-4:active, .button.button-grey.button-4:focus { border-color: #313a40 !important; color: #313a40 !important; } .button.button-pink { background: #FF9999; border-color: #FF9999; color: #ffffff; } .button.button-pink:hover, .button.button-pink:active, .button.button-pink:focus { color: #FF9999 !important; border-color: #FF9999; background: transparent !important; } .button.button-pink.button-3, .button.button-pink.button-4 { background: transparent !important; color: #FF9999 !important; border: 1px solid #FF9999; } .button.button-pink.button-3:hover, .button.button-pink.button-3:active, .button.button-pink.button-3:focus, .button.button-pink.button-4:hover, .button.button-pink.button-4:active, .button.button-pink.button-4:focus { border-color: #ff4d4d !important; color: #ff4d4d !important; } .button.button-red { background: #E84545; border-color: #E84545; color: #ffffff; } .button.button-red:hover, .button.button-red:active, .button.button-red:focus { color: #E84545 !important; border-color: #E84545; background: transparent !important; } .button.button-red.button-3, .button.button-red.button-4 { background: transparent !important; color: #E84545 !important; border: 1px solid #E84545; } .button.button-red.button-3:hover, .button.button-red.button-3:active, .button.button-red.button-3:focus, .button.button-red.button-4:hover, .button.button-red.button-4:active, .button.button-red.button-4:focus { border-color: #c81919 !important; color: #c81919 !important; } .button.button-purple { background: #7E6BC4; border-color: #7E6BC4; color: #ffffff; } .button.button-purple:hover, .button.button-purple:active, .button.button-purple:focus { color: #7E6BC4 !important; border-color: #7E6BC4; background: transparent !important; } .button.button-purple.button-3, .button.button-purple.button-4 { background: transparent !important; color: #7E6BC4 !important; border: 1px solid #7E6BC4; } .button.button-purple.button-3:hover, .button.button-purple.button-3:active, .button.button-purple.button-3:focus, .button.button-purple.button-4:hover, .button.button-purple.button-4:active, .button.button-purple.button-4:focus { border-color: #5541a2 !important; color: #5541a2 !important; } .button.button-orange { background: #FEA386; border-color: #FEA386; color: #ffffff; } .button.button-orange:hover, .button.button-orange:active, .button.button-orange:focus { color: #FEA386 !important; border-color: #FEA386; background: transparent !important; } .button.button-orange.button-3, .button.button-orange.button-4 { background: transparent !important; color: #FEA386 !important; border: 1px solid #FEA386; } .button.button-orange.button-3:hover, .button.button-orange.button-3:active, .button.button-orange.button-3:focus, .button.button-orange.button-4:hover, .button.button-orange.button-4:active, .button.button-orange.button-4:focus { border-color: #fd693a !important; color: #fd693a !important; } .button.button-blue { background: #1e87f0; border-color: #1e87f0; color: #ffffff; } .button.button-blue:hover, .button.button-blue:active, .button.button-blue:focus { color: #1e87f0 !important; border-color: #1e87f0; background: transparent !important; } .button.button-blue.button-3, .button.button-blue.button-4 { background: transparent !important; color: #1e87f0 !important; border: 2px solid #1e87f0; } .button.button-blue.button-3:hover, .button.button-blue.button-3:active, .button.button-blue.button-3:focus, .button.button-blue.button-4:hover, .button.button-blue.button-4:active, .button.button-blue.button-4:focus { border-color: #0c61b5 !important; color: #0c61b5 !important; } .button.button-arrow { position: relative; } .button.button-arrow:before, .button.button-arrow:after { font-family: FontAwesome; } .dir-ltr .button.button-arrow:after { content: ""; margin-left: 1rem; } .dir-rtl .button.button-arrow:before { content: ""; margin-right: 1rem; } .button.button-special { position: relative; } .dir-ltr .button.button-special:before { position: absolute; content: ""; top: 8px; bottom: -8px; left: -8px; right: 8px; border-left: 1px solid #23212c; border-bottom: 1px solid #23212c; } .dir-rtl .button.button-special:after { position: absolute; content: ""; top: 8px; bottom: -8px; right: -8px; left: 8px; border-right: 1px solid #23212c; border-bottom: 1px solid #23212c; } .button.button-outline { color: #ffffff !important; background: transparent; border: 1px solid #ffffff; } .dir-ltr .button.button-outline:before { border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } .dir-rtl .button.button-outline:after { border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } .button.button-outline:hover { border: 1px solid #363244; color: #363244 !important; } .dir-ltr .button.button-outline:hover:before { border-left: 1px solid #363244; border-bottom: 1px solid #363244; } .dir-rtl .button.button-outline:hover:after { border-right: 1px solid #363244; border-bottom: 1px solid #363244; } .button.button-text-only { padding: 0 !important; background: transparent !important; color: #363244 !important; } .button.button-text-only:hover { color: #131218; } th { background: rgba(0, 0, 0, 0.1); padding: 0.5rem; } td { padding: 0.5rem; } textarea, select[multiple=multiple] { background-color: white; border: 1px solid white; box-shadow: none; } textarea:hover, select[multiple=multiple]:hover { border-color: #363244; box-shadow: none; } textarea:focus, select[multiple=multiple]:focus { box-shadow: none !important; } textarea { width: 100%; box-sizing: border-box !important; } fieldset.input { margin: 0; padding: 0; } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea { background-color: white; vertical-align: middle; border: 1px solid white; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); font-size: 0.975rem; width: 100%; line-height: 1.6; -webkit-transition: border-color 0.2s; -moz-transition: border-color 0.2s; transition: border-color 0.2s; } input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus { border-color: #363244; box-shadow: none !important; } .view-page #g-mainbar .g-content { padding: 0 1.5rem; margin: 0 0.625rem; } .is-sticky #g-navigation .g-offcanvas-toggle { top: 1.4rem; } .g-about .is-sticky #g-navigation { background: #fff; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; transition: background 0.5s; } .g-about .is-sticky #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #5f5f5f; } .g-about #g-navigation { background: transparent; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; transition: background 0.5s; z-index: 999; } .g-about #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #fff; } .g-about #g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container { color: #dac6b5; } .g-about #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container { color: #dac6b5; } #g-footer .g-branding { font-size: 1rem; } .platform-content .items-row .span6 .item { margin-bottom: 2rem; padding: 1.5rem; background: #fff; } .platform-content .items-row .span6 .item .page-header h2 { margin: 0; text-transform: uppercase; color: #464646; font-weight: 600; font-size: 20px; } .platform-content .items-row .span6 .item .tags li { padding-left: 0; } .platform-content .items-row .span6 .item .tags li a { background: #dac6b5; } .platform-content .items-row .span6 .item p { font-weight: 300; } .platform-content .span12 .item-page { margin-bottom: 2rem; padding: 1.5rem; background: #fff; } .platform-content .span12 .item-page .page-header h2 { text-transform: uppercase; color: #464646; font-weight: 600; font-size: 20px; } .platform-content .span12 .item-page .tags li { padding-left: 0; } .platform-content .span12 .item-page .tags li a { background: #dac6b5; } .platform-content .span12 .item-page p { font-weight: 300; } #g-footer .contact-ft { color: #bcbcbc; font-size: 0.975rem; } #g-footer .contact-ft a { color: #bcbcbc; font-size: 0.975rem; } #g-footer .contact-ft a:hover { text-decoration: underline; } #g-footer .links-list { display: -webkit-box; display: -ms-flexbox; display: flex; } #g-footer .links-list ul + ul { margin-left: 50px; } #g-footer .links-list ul li { list-style-type: none; } #g-footer .links-list ul li a { color: #bcbcbc; font-size: 0.975rem; } #g-footer .links-list ul li a:hover { text-decoration: underline; } .back-to-top { background: #dac6b5 !important; } .back-to-top:hover { background: #363244 !important; } .back-to-top:hover i { color: #fff; } #g-navigation { position: relative; z-index: 999; color: #ffffff; background: #363244; } #g-navigation .g-offcanvas-toggle { top: 1.4rem; } #g-navigation .g-grid { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } #g-navigation .g-content { padding: 0 1.5rem; margin: 0.625rem; } @media print { #g-navigation { background: #fff !important; color: #000 !important; } } #g-breadcrumbs { position: relative; color: #ffffff; background: #282828; padding-top: 10px; padding-bottom: 10px; } @media print { #g-breadcrumbs { background: #fff !important; color: #000 !important; } } #g-container-main { background: #ffffff; color: #3c3c3c; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } @media print { #g-mainbar { background: #fff !important; color: #000 !important; } } #g-footer { color: #ffffff; background: #363244; padding-top: 3rem; } @media print { #g-footer { background: #fff !important; color: #000 !important; } } #g-offcanvas { background: #363244; width: 14rem; color: #ffffff; } #g-offcanvas a { color: #ffffff; } #g-offcanvas a:hover { color: #363244; } #g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong { color: #ffffff; } #g-offcanvas .button { background: transparent; border: 2px solid #ffffff !important; color: #ffffff !important; } #g-offcanvas .button:hover { border: 2px solid #363244 !important; color: #363244 !important; } #g-offcanvas .button:active { border: 2px solid #363244 !important; color: #363244 !important; } #g-offcanvas hr { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .g-offcanvas-toggle { display: block; font-size: 1.475rem; background: transparent; width: 24px; height: 24px; line-height: 24px; text-align: center; top: 2.7rem; left: 1.1rem; padding-left: 1px; z-index: 9999; } @media only all and (min-width: 30.01rem) and (max-width: 50.99rem) { .dir-rtl .g-offcanvas-toggle { left: 4rem; } } @media only all and (max-width: 30rem) { .dir-rtl .g-offcanvas-toggle { left: 2.5rem; } } .g-offcanvas-open .g-nav-overlay { z-index: 100000; } .g-offcanvas-open .g-offcanvas-left #g-page-surround { left: 14rem; } .g-offcanvas-open .g-offcanvas-right #g-page-surround { right: 14rem; } .g-offcanvas-open .dir-rtl.g-offcanvas-left #g-offcanvas { right: auto; } .g-offcanvas-open .dir-rtl.g-offcanvas-right #g-offcanvas { left: auto; } #g-offcanvas #g-mobilemenu-container ul { background: #363244; } #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container { color: #ffffff; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: #2d2938; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container { color: #ffffff; } #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { padding: 0.2rem; } #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: #23212c; } #g-offcanvas #g-mobilemenu-container ul .g-dropdown-column { width: 14rem; } #g-mobilemenu-container { margin: -2.125rem; } .g-preset-thumbnails img { margin-bottom: 1rem; } @media only all and (max-width: 50.99rem) { .g-preset-thumbnails { text-align: center; } .g-preset-thumbnails .g-block { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45% !important; } .g-preset-thumbnails .g-content { margin-left: 5px; } } @media only all and (max-width: 50.99rem) and (max-width: 50.99rem) { .g-preset-thumbnails .g-block { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 auto !important; -moz-flex: 0 auto !important; -ms-flex: 0 auto !important; flex: 0 auto !important; } } #g-aside { color: #3c3c3c; background: #ffffff; border-radius: 5px; } @media print { #g-aside { background: #fff !important; color: #000 !important; } } #g-sidebar { background: #ffffff; color: #3c3c3c; } @media print { #g-sidebar { background: #fff !important; color: #000 !important; } } .g-offline h1 { font-weight: 300; } .g-offline .g-loginform #g-loginform { width: 50%; margin: 0 auto; } @media only all and (max-width: 50.99rem) { .g-offline .g-loginform #g-loginform { width: 80%; } } .g-offline .g-loginform #g-loginform fieldset { text-align: left; } .g-offline .g-loginform #g-loginform label { margin-bottom: 0.625rem; display: block; } .g-offline #frame #form-login { width: 50%; margin: 0 auto; } @media only all and (max-width: 50.99rem) { .g-offline #frame #form-login { width: 80%; } } .g-offline #frame #form-login fieldset { text-align: left; } .g-offline #frame #form-login label { display: block; margin-bottom: 0.625rem; } .outline-_offline #g-footer .g-content { text-align: initial; } .outline-_error input#mod-search-searchword { width: 60%; padding: 14px 60px 15px 30px; border: none; color: #17C3B9; font-size: 18px; -webkit-border-radius: 45px; -moz-border-radius: 45px; -o-border-radius: 45px; border-radius: 45px; } .outline-_error button.btn, .outline-_error input[type="submit"].btn { background: #363244; font-size: 16px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: none; padding: 11px; left: 10px; margin-left: -66px; position: relative; opacity: 0.7; } #g-mainbar .error-txt { font-size: 12vw; color: #dac6b5; } @media only all and (max-width: 59.99rem) { #g-mainbar .error-txt { font-size: 30px; } } .g-social { line-height: normal; text-align: right; } .g-social a { color: #fff; font-size: 14px; padding: 0 10px; } .g-social a:last-child { padding-right: 0; } .g-social a:hover { color: #fff; } @media only all and (max-width: 50.99rem) { .g-social { text-align: center; } } @media only all and (min-width: 51rem) and (max-width: 59.99rem) { .g-social { text-align: right; } } .g-branding { font-size: 13px; text-align: left; color: #5f5f5f; } .g-branding h2 { font-size: 1rem; color: #fff; } .g-branding a { color: #dac6b5; } .dir-rtl .g-branding { text-align: left; } .g-content-array { margin-left: -1.5rem; margin-right: -1.5rem; } .g-content-array .g-grid { margin-bottom: 3.1875rem; } .g-content-array .g-grid:last-child { margin-bottom: 0; } @media only all and (max-width: 50.99rem) { .g-content-array .g-grid:last-child .g-block:last-child .g-array-item { margin-bottom: 0; } } @media only all and (max-width: 50.99rem) { .g-content-array .g-grid { margin-bottom: 0; } } .g-content-array .g-content { margin: 0; padding-top: 0; padding-bottom: 0; } @media only all and (max-width: 50.99rem) { .g-content-array .g-array-item { margin-bottom: 3.1875rem; } } .g-content-array .g-array-item-image { margin: 0 0 15px 0; } .g-content-array .g-item-title { margin: 0; } .g-content-array .g-array-item-details, .g-content-array .g-array-item-text, .g-content-array .g-array-item-read-more { margin: 15px 0 0; } .g-content-array .g-array-item-details { font-size: 90%; } .g-content-array .g-array-item-details > span { margin-right: 10px; } .g-content-array .g-array-item-details i { margin-right: 5px; } .g-container { width: 75rem; } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .g-container { width: 60rem; } } @media only all and (min-width: 51rem) and (max-width: 59.99rem) { .g-container { width: 51rem; } } @media only all and (min-width: 30.01rem) and (max-width: 50.99rem) { .g-container { width: 30rem; } } @media only all and (max-width: 30rem) { .g-container { width: 100%; } } .g-container.g-flushed { width: 100%; } @media only all and (max-width: 50.99rem) { .g-block { flex-grow: 0; flex-basis: 100%; } } @media only all and (max-width: 50.99rem) { body [class*="size-"] { flex-grow: 0; flex-basis: 100%; max-width: 100%; } } @media only all and (max-width: 50.99rem) { @supports not (flex-wrap: wrap) { .g-grid { display: block; flex-wrap: inherit; } .g-block { display: block; flex: inherit; } } } .visible-large, .visible-desktop, .visible-tablet, .visible-phone, .g-block.visible-large, .g-block.visible-desktop, .g-block.visible-tablet, .g-block.visible-phone { display: none !important; } @media only all and (max-width: 50.99rem) { .visible-phone { display: block !important; } .g-block.visible-phone { display: block !important; } } @media only all and (min-width: 51rem) and (max-width: 59.99rem) { .visible-tablet { display: block !important; } .g-block.visible-tablet { display: block !important; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .visible-desktop { display: block !important; } .g-block.visible-desktop { display: block !important; } } @media only all and (min-width: 75rem) { .visible-large { display: block !important; } .g-block.visible-large { display: block !important; } .visible-desktop { display: block !important; } .g-block.visible-desktop { display: block !important; } } @media only all and (max-width: 50.99rem) { .hidden-phone { display: none !important; } } @media only all and (min-width: 51rem) and (max-width: 59.99rem) { .hidden-tablet { display: none !important; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .hidden-desktop { display: none !important; } } @media only all and (min-width: 75rem) { .hidden-large { display: none !important; } .hidden-desktop { display: none !important; } } @media only all and (max-width: 50.99rem) { .align-right { text-align: inherit !important; } .align-left { text-align: inherit !important; } }