[phpBB Debug] PHP Warning: in file [ROOT]/phpbb/session.php on line 594: sizeof(): Parameter must be an array or an object that implements Countable
[phpBB Debug] PHP Warning: in file [ROOT]/phpbb/session.php on line 650: sizeof(): Parameter must be an array or an object that implements Countable
[phpBB Debug] PHP Warning: in file [ROOT]/phpbb/session.php on line 1072: Cannot modify header information - headers already sent by (output started at [ROOT]/includes/functions.php:3899)
[phpBB Debug] PHP Warning: in file [ROOT]/phpbb/session.php on line 1072: Cannot modify header information - headers already sent by (output started at [ROOT]/includes/functions.php:3899)
[phpBB Debug] PHP Warning: in file [ROOT]/phpbb/session.php on line 1072: Cannot modify header information - headers already sent by (output started at [ROOT]/includes/functions.php:3899)
[phpBB Debug] PHP Warning: in file [ROOT]/ext/rockettheme/rokbb/includes/scssphp/src/Server.php on line 301: Cannot modify header information - headers already sent by (output started at [ROOT]/includes/functions.php:3899)
[phpBB Debug] PHP Warning: in file [ROOT]/ext/rockettheme/rokbb/includes/scssphp/src/Server.php on line 302: Cannot modify header information - headers already sent by (output started at [ROOT]/includes/functions.php:3899)
[phpBB Debug] PHP Warning: in file [ROOT]/ext/rockettheme/rokbb/includes/scssphp/src/Server.php on line 303: Cannot modify header information - headers already sent by (output started at [ROOT]/includes/functions.php:3899)
[phpBB Debug] PHP Warning: in file [ROOT]/ext/rockettheme/rokbb/includes/scssphp/src/Server.php on line 321: Cannot modify header information - headers already sent by (output started at [ROOT]/includes/functions.php:3899)
/* compiled by scssphp v0.1.1 on Wed, 19 Oct 2022 16:26:25 -0600 (0.2753s) */ .size-100 { width: 100%; } .g-content { margin: 0.625rem; padding: 0.938rem; } body { font-size: 1rem; line-height: 1.5; } h1 { font-size: 2.25rem; } h2 { font-size: 1.9rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.15rem; } h5 { font-size: 1rem; } h6 { font-size: 0.85rem; } small { font-size: 0.875rem; } cite { font-size: 0.875rem; } sub, sup { font-size: 0.75rem; } code, kbd, pre, samp { font-size: 1rem; font-family: ; } textarea, select[multiple=multiple], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] { border-radius: 0.1875rem; } body { color: #888; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: #2eaad8; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } a:hover { color: inherit; } #g-page-surround { background: #fff; } @media print { #g-page-surround { background: #fff !important; color: #000 !important; } } @font-face { font-family: 'asap'; font-weight: 700; font-style: normal; src: url('../../../styles/ethereal/theme/fonts/asap/asap_bold/asap-bold-webfont.eot'); src: url('../../../styles/ethereal/theme/fonts/asap/asap_bold/asap-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../styles/ethereal/theme/fonts/asap/asap_bold/asap-bold-webfont.woff') format('woff'), url('../../../styles/ethereal/theme/fonts/asap/asap_bold/asap-bold-webfont.ttf') format('truetype'), url('../../../styles/ethereal/theme/fonts/asap/asap_bold/asap-bold-webfont.svg#asap') format('svg'); } @font-face { font-family: 'asap'; font-weight: 400; font-style: normal; src: url('../../../styles/ethereal/theme/fonts/asap/asap_regular/asap-regular-webfont.eot'); src: url('../../../styles/ethereal/theme/fonts/asap/asap_regular/asap-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../styles/ethereal/theme/fonts/asap/asap_regular/asap-regular-webfont.woff') format('woff'), url('../../../styles/ethereal/theme/fonts/asap/asap_regular/asap-regular-webfont.ttf') format('truetype'), url('../../../styles/ethereal/theme/fonts/asap/asap_regular/asap-regular-webfont.svg#asap') format('svg'); } @font-face { font-family: 'poly'; font-weight: 400; font-style: normal; src: url('../../../styles/ethereal/theme/fonts/poly/poly_regular/poly-regular-webfont.eot'); src: url('../../../styles/ethereal/theme/fonts/poly/poly_regular/poly-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../styles/ethereal/theme/fonts/poly/poly_regular/poly-regular-webfont.woff') format('woff'), url('../../../styles/ethereal/theme/fonts/poly/poly_regular/poly-regular-webfont.ttf') format('truetype'), url('../../../styles/ethereal/theme/fonts/poly/poly_regular/poly-regular-webfont.svg#poly') format('svg'); } @font-face { font-family: 'aguafinascript'; font-weight: 400; font-style: normal; src: url('../../../styles/ethereal/theme/fonts/aguafinascript/aguafinascript_regular/aguafinascript-regular-webfont.eot'); src: url('../../../styles/ethereal/theme/fonts/aguafinascript/aguafinascript_regular/aguafinascript-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../styles/ethereal/theme/fonts/aguafinascript/aguafinascript_regular/aguafinascript-regular-webfont.woff') format('woff'), url('../../../styles/ethereal/theme/fonts/aguafinascript/aguafinascript_regular/aguafinascript-regular-webfont.ttf') format('truetype'), url('../../../styles/ethereal/theme/fonts/aguafinascript/aguafinascript_regular/aguafinascript-regular-webfont.svg#aguafinascript') format('svg'); } body { font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: 400; } h1, h2, h3, h4, h5 { font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: 700; } h4 { font-size: 1.25rem; } .g-title, ul.topiclist li.header dt, ul.topiclist li.header dd { font-family: poly, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-size: 1.7rem; font-weight: normal; } .g-promo { font-size: 3rem; line-height: 1.2; font-family: aguafinascript, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: 900; } .g-headline, .swiper-slide-content-list .g-content .g-blogcontent-title { font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: normal; font-size: 1.25rem; } .g-quote { font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: normal; font-size: 1.25rem; font-style: italic; } .g-tag, .sprocket-strips .sprocket-strips-text-sub { font-weight: bold; font-size: 0.9rem; text-transform: uppercase; } .g-larger { font-size: 3rem; } blockquote { border-left: 10px solid rgba(136, 136, 136, 0.1); } blockquote p { font-size: 1.1rem; color: #bbb; } blockquote cite { display: block; text-align: right; color: #888; font-size: 1.2rem; } code, kbd, pre, samp { font-family: "Menlo", "Monaco", monospace; } code { background: #f9f2f4; color: #9c1d3d; } pre { padding: 1rem; margin: 2rem 0; background: #f6f6f6; border: 1px solid #8a8a8a; border-radius: 0.1875rem; line-height: 1.15; font-size: 0.9rem; } pre code { color: #237794; background: inherit; font-size: 0.9rem; } hr { margin: 1.5rem 0; border-bottom: 1px solid rgba(136, 136, 136, 0.1); } .g-para, .g-blogcontent p { margin: 0.3rem 0 1rem; } .noliststyle { list-style: none; } .g-uppercase { text-transform: uppercase; } .g-notexttransform { text-transform: none; } .g-positive-margin-top { margin-top: 23rem; } .g-negative-margin-bottom { margin-bottom: -25rem; } #g-header { background: #fff; color: #383838; position: relative; z-index: 10001; border-top: 1px solid #fff; border-bottom: 1px solid #ebebeb; } #g-header a { color: #383838; } #g-header a:hover { color: #121212; } @media only all and (max-width: 47.938rem) { #g-header .g-logo-block { text-align: center; } } @media only all and (max-width: 47.938rem) { #g-header .g-logo-block .g-content { margin: 0; padding: 0; } } #g-header .g-logo { display: block; line-height: 2.5rem; margin: 0.625rem; } @media only all and (max-width: 30rem) { #g-header .g-logo img { width: 70%; } } #g-header .g-main-nav { line-height: 2.5rem; } .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, .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: 1px solid #fff; background: #f5f5f5; } .g-menu-hastouch .g-standard .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover, .g-menu-hastouch .g-fullwidth .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover, .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover, .g-menu-hastouch .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: #ebebeb; } #g-header > .g-container { position: relative; } #g-header .g-content { padding: 0; } #g-header .g-social { text-align: right; } @media only all and (max-width: 47.938rem) { #g-header .g-social { text-align: center; } } #g-header .g-main-nav { margin: 0; } #g-header .g-main-nav .g-toplevel > li { margin: 0 0.05rem; } #g-header .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #383838; border-radius: 3px; } #g-header .g-main-nav .g-toplevel > li:hover > .g-menu-item-container { color: #383838; background: #dedede; } #g-header .g-main-nav .g-toplevel > li:hover > .g-menu-item-container > .g-selected { color: #383838; background: #dedede; } #g-header .g-main-nav .g-toplevel > li.active > .g-menu-item-container { color: #2eaad8; } #g-header .g-main-nav .g-toplevel > li.active > .g-menu-item-container:after { background: #2eaad8; bottom: -10px; content: ''; height: 2px; position: absolute; width: 38px; left: 50%; margin-left: -19px; } #g-header .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-selected { color: #2eaad8; } #g-header .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-selected:after { background: #2eaad8; bottom: -10px; content: ''; height: 2px; position: absolute; width: 38px; left: 50%; margin-left: -19px; } #g-header .g-main-nav .g-toplevel > li.active.g-parent > .g-menu-item-container:after { margin-left: -29px; } #g-header .g-main-nav .g-dropdown { background: #dedede; } #g-header .g-main-nav .g-dropdown > .g-dropdown-column { border: 1px solid transparent; border-radius: 3px; } #g-header .g-main-nav .g-sublevel > li { border-bottom: 1px solid rgba(56, 56, 56, 0.25); } #g-header .g-main-nav .g-sublevel > li > .g-menu-item-container { color: #383838; border-radius: 3px; } #g-header .g-main-nav .g-sublevel > li > .g-menu-item-container > .g-selected { background: #e6e6e6; } #g-header .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, #g-header .g-main-nav .g-sublevel > li.active > .g-menu-item-container { color: #fff; background: #218bb2; } #g-header .g-main-nav .g-sublevel > li:hover > .g-menu-item-container > .g-selected, #g-header .g-main-nav .g-sublevel > li.active > .g-menu-item-container > .g-selected { color: #fff; background: #218bb2; } #g-header .g-main-nav .g-sublevel > li:last-child { border-bottom: none; } #g-header .g-main-nav .g-sublevel > li.g-menu-item-type-particle:hover > .g-menu-item-container { background: inherit; } @media only all and (max-width: 47.938rem) { #g-header .g-menu-block { display: none; } } .menu-item-particle a { color: #2eaad8; } .menu-item-particle a:hover { color: #383838; } @media print { #g-header { background: #fff !important; color: #000 !important; } } .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container { font-size: 0.8rem; font-weight: bold; padding: 0.2345rem 0.469rem; white-space: nowrap; -webkit-transition: 0.35s ease; -moz-transition: 0.35s ease; transition: 0.35s ease; } .g-main-nav .g-standard .g-dropdown { width: 180px; float: left; } .g-main-nav .g-toplevel > li > .g-menu-item-container { line-height: 1; text-transform: uppercase; font-weight: bold; } .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { line-height: normal; } .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator:after { width: 1rem; } .g-main-nav .g-toplevel i { opacity: 0.6; } .g-main-nav .g-dropdown { text-align: left; border-radius: 3px; } .g-main-nav .g-sublevel > li { margin: 0 0.3125rem; padding: 0.31267rem 0; } .g-main-nav .g-sublevel > li > .g-menu-item-container { line-height: normal; } .g-main-nav .g-sublevel > li > .g-menu-item-container > .g-menu-item-content { vertical-align: top; } .g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator { right: 0.638rem; top: 50%; margin-top: -0.65rem; } .g-menu-item-subtitle { opacity: 0.7; } .g-main-nav .g-standard .g-dropdown { margin-left: 10px; } .g-main-nav .g-standard .g-dropdown:after { content: ""; position: absolute; display: block; top: 0; left: -10px; right: -10px; bottom: 0; border-left: 10px solid transparent; border-right: 10px 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: 5px; } .g-main-nav .g-standard > .g-dropdown:before, .g-main-nav .g-fullwidth > .g-dropdown:before { content: ""; position: absolute; display: block; top: -5px; left: 0; right: 0; bottom: 0; border-top: 5px solid transparent; z-index: -1; } .g-nav-overlay, .g-menu-overlay { background: #d9d9d9; } .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: 3px; padding: 0.1rem; margin-top: -0.1rem; margin-right: -0.1rem; } #g-slideshow { background: #787878; color: #fff; } #g-slideshow .g-container { width: 100%; } #g-slideshow .g-swiper-slideshow-container { height: 80vh; } #g-slideshow .g-slideshow-overlay { background: transparent; bottom: 0; position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; } #g-slideshow .g-slideshow-overlay-right { position: relative; } #g-slideshow .g-slideshow-overlay-right:before { background: - webkit-linear-gradient( rgba(46, 170, 216, 0.75), rgba(7, 188, 255, 0.75)); background: linear-gradient( rgba(46, 170, 216, 0.75), rgba(7, 188, 255, 0.75)); bottom: 0; position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; } #g-slideshow .g-slideshow-title, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-title, .sprocket-features.layout-slideshow #g-slideshow .sprocket-features-title { position: relative; display: block; font-family: aguafinascript, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-size: 8rem; padding-top: 8vh; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); text-align: center; z-index: 100; } @media only all and (max-width: 47.938rem) { #g-slideshow .g-slideshow-title, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-title, .sprocket-features.layout-slideshow #g-slideshow .sprocket-features-title { font-size: 5rem; } } @media only all and (max-width: 30rem) { #g-slideshow .g-slideshow-title, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-title, .sprocket-features.layout-slideshow #g-slideshow .sprocket-features-title { font-size: 3.5rem; padding-top: 15%; } } #g-slideshow .g-swiper-button-next, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow, .sprocket-features.layout-slideshow .sprocket-features-arrows #g-slideshow .arrow, #g-slideshow .g-swiper-button-prev { background: #f75858; color: #fff; font-family: "helvetica"; font-size: 4rem; padding: 0 1rem; position: absolute; top: 15%; z-index: 10; cursor: pointer; display: block; height: 65px; line-height: 65px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } #g-slideshow .g-swiper-button-next.swiper-button-disabled, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow.swiper-button-disabled, .sprocket-features.layout-slideshow .sprocket-features-arrows #g-slideshow .arrow.swiper-button-disabled, #g-slideshow .g-swiper-button-prev.swiper-button-disabled, #g-slideshow .g-swiper-button-next.swiper-button-disabled:hover, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow.swiper-button-disabled:hover, .sprocket-features.layout-slideshow .sprocket-features-arrows #g-slideshow .arrow.swiper-button-disabled:hover, #g-slideshow .g-swiper-button-prev.swiper-button-disabled:hover, #g-slideshow .g-swiper-button-next.swiper-button-disabled:focus, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow.swiper-button-disabled:focus, .sprocket-features.layout-slideshow .sprocket-features-arrows #g-slideshow .arrow.swiper-button-disabled:focus, #g-slideshow .g-swiper-button-prev.swiper-button-disabled:focus { background: #808080; cursor: not-allowed; opacity: 0.5; } #g-slideshow .g-swiper-button-next.swiper-button-disabled .g-swiper-button-text, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow.swiper-button-disabled .g-swiper-button-text, .sprocket-features.layout-slideshow .sprocket-features-arrows #g-slideshow .arrow.swiper-button-disabled .g-swiper-button-text, #g-slideshow .g-swiper-button-prev.swiper-button-disabled .g-swiper-button-text, #g-slideshow .g-swiper-button-next.swiper-button-disabled:hover .g-swiper-button-text, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow.swiper-button-disabled:hover .g-swiper-button-text, .sprocket-features.layout-slideshow .sprocket-features-arrows #g-slideshow .arrow.swiper-button-disabled:hover .g-swiper-button-text, #g-slideshow .g-swiper-button-prev.swiper-button-disabled:hover .g-swiper-button-text, #g-slideshow .g-swiper-button-next.swiper-button-disabled:focus .g-swiper-button-text, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow.swiper-button-disabled:focus .g-swiper-button-text, .sprocket-features.layout-slideshow .sprocket-features-arrows #g-slideshow .arrow.swiper-button-disabled:focus .g-swiper-button-text, #g-slideshow .g-swiper-button-prev.swiper-button-disabled:focus .g-swiper-button-text { font-size: 0; } #g-slideshow .g-swiper-button-next:hover, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow:hover, .sprocket-features.layout-slideshow .sprocket-features-arrows #g-slideshow .arrow:hover, #g-slideshow .g-swiper-button-prev:hover { background: #000; } #g-slideshow .g-swiper-button-next:hover .g-swiper-button-text, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow:hover .g-swiper-button-text, .sprocket-features.layout-slideshow .sprocket-features-arrows #g-slideshow .arrow:hover .g-swiper-button-text, #g-slideshow .g-swiper-button-prev:hover .g-swiper-button-text { font-size: 1rem; } @media only all and (max-width: 30rem) { #g-slideshow .g-swiper-button-next, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow, .sprocket-features.layout-slideshow .sprocket-features-arrows #g-slideshow .arrow, #g-slideshow .g-swiper-button-prev { font-size: 2rem; height: 35px; line-height: 35px; top: 40%; } } #g-slideshow .g-swiper-slideshow-desc { margin: 1rem auto; position: relative; text-align: center; width: 80%; z-index: 100; } #g-slideshow .g-swiper-slideshow-button { position: relative; text-align: center; z-index: 100; } #g-slideshow .g-swiper-button-next, #g-slideshow .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow, .sprocket-features.layout-slideshow .sprocket-features-arrows #g-slideshow .arrow { right: 0; } #g-slideshow .g-swiper-button-prev { left: 0; } #g-slideshow .g-swiper-button-text { font-size: 0; text-transform: uppercase; font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; line-height: 65px; vertical-align: top; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } @media only all and (max-width: 30rem) { #g-slideshow .g-swiper-button-text { line-height: 35px; } } @media print { #g-slideshow { background: #fff !important; color: #000 !important; } } #g-showcase { background: #282828; color: #fff; } @media print { #g-showcase { background: #fff !important; color: #000 !important; } } #g-feature .g-feature-swiper-content, #g-feature .g-feature-swiper-content .g-content, #g-feature .g-feature-swiper-content .g-swiper, #g-feature .g-feature-swiper-content .swiper-container.gallery-top, #g-feature .g-feature-swiper-content .swiper-container.gallery-top .swiper-wrapper, #g-feature .g-feature-swiper-content .swiper-container.gallery-top .swiper-slide { display: -webkit-flex; } @media screen and (-webkit-min-device-pixel-ratio: 0) { #g-feature .g-feature-swiper-content, #g-feature .g-feature-swiper-content .g-content, #g-feature .g-feature-swiper-content .g-swiper, #g-feature .g-feature-swiper-content .swiper-container.gallery-top, #g-feature .g-feature-swiper-content .swiper-container.gallery-top .swiper-wrapper, #g-feature .g-feature-swiper-content .swiper-container.gallery-top .swiper-slide { /* webkit specific CSS */ height: auto !important; } } #g-feature { background: #111; color: #fff; position: relative; z-index: 100; } #g-feature .g-triangle { margin-top: -100px; } #g-feature .g-feature-swiper-content, #g-feature .g-triangle-block { margin-top: -28vh; } @media only all and (max-width: 47.938rem) { #g-feature .g-feature-swiper-content, #g-feature .g-triangle-block { margin-top: 0; } } #g-feature .g-feature-swiper-content .g-content, #g-feature .g-triangle-block .g-content, #g-feature .g-feature-swiper-content .g-swiper, #g-feature .g-triangle-block .g-swiper { height: 100%; } #g-feature .gallery-top .swiper-slide:before { background: rgba(11, 11, 11, 0.85); } .g-style-preset7 #g-feature .gallery-top .swiper-slide:before, .g-style-preset8 #g-feature .gallery-top .swiper-slide:before, .g-style-preset9 #g-feature .gallery-top .swiper-slide:before, .g-style-preset10 #g-feature .gallery-top .swiper-slide:before { background: rgba(0, 0, 0, 0.85); } #g-feature .swiper-slide-content-list .g-tag, #g-feature .swiper-slide-content-list .sprocket-strips .sprocket-strips-text-sub, .sprocket-strips #g-feature .swiper-slide-content-list .sprocket-strips-text-sub { opacity: 0.5; font-weight: normal; } #g-feature .swiper-slide-content-list .g-headline a, #g-feature .swiper-slide-content-list .swiper-slide-content-list .g-content .g-blogcontent-title a, .swiper-slide-content-list .g-content #g-feature .swiper-slide-content-list .g-blogcontent-title a { color: #262626; } #g-feature .swiper-slide-content-list .g-headline a:hover, #g-feature .swiper-slide-content-list .swiper-slide-content-list .g-content .g-blogcontent-title a:hover, .swiper-slide-content-list .g-content #g-feature .swiper-slide-content-list .g-blogcontent-title a:hover { color: #2eaad8; } #g-feature .swiper-slide-content-list p { margin: 0.3rem 0 1rem; color: #808080; } #g-feature .swiper-slide-content { margin-top: 15%; } #g-feature .g-feature-swiper-content > .g-content { -webkit-flex-wrap: wrap; display: flex; } #g-feature .g-feature-swiper-content .g-block { display: -webkit-flex; } #g-feature .g-feature-swiper-content .g-block.g-triangle-block .g-content { margin: 0 auto !important; } #g-feature .g-feature-swiper-content .swiper-container.gallery-thumbs { left: 0; } @media print { #g-feature { background: #fff !important; color: #000 !important; } } #g-main .button-3, body .sprocket-grids-b .sprocket-grids-b-readon, body .sprocket-mosaic .loadmore-more, body .sprocket-mosaic .load-all .loadmore-all { color: #fff; border: 2px solid #fff; } #g-main .button-3:hover, body .sprocket-grids-b .sprocket-grids-b-readon:hover, body .sprocket-mosaic .loadmore-more:hover, body .sprocket-mosaic .load-all .loadmore-all:hover, #g-main .button-3:active, body .sprocket-grids-b .sprocket-grids-b-readon:active, body .sprocket-mosaic .loadmore-more:active, body .sprocket-mosaic .load-all .loadmore-all:active, #g-main .button-3:focus, body .sprocket-grids-b .sprocket-grids-b-readon:focus, body .sprocket-mosaic .loadmore-more:focus, body .sprocket-mosaic .load-all .loadmore-all:focus { border: 2px solid #d3649f; color: #d3649f; } #g-main { background: #111; color: #888; } #g-main > .g-container { padding: 2rem 0; } #g-main .g-title, #g-main ul.topiclist li.header dt, ul.topiclist li.header #g-main dt, #g-main ul.topiclist li.header dd, ul.topiclist li.header #g-main dd, #g-main .g-headline, #g-main .swiper-slide-content-list .g-content .g-blogcontent-title, .swiper-slide-content-list .g-content #g-main .g-blogcontent-title, #g-main h1, #g-main h2, #g-main h3, #g-main h4, #g-main h5, #g-main h6 { color: #fff; } #g-main .g-etherealblock { background: #fff; color: #fff; } #g-main .g-etherealblock .g-etherealblock-item:before { background: rgba(11, 11, 11, 0.75); } .g-style-preset7 #g-main .g-etherealblock .g-etherealblock-item:before, .g-style-preset8 #g-main .g-etherealblock .g-etherealblock-item:before, .g-style-preset9 #g-main .g-etherealblock .g-etherealblock-item:before, .g-style-preset10 #g-main .g-etherealblock .g-etherealblock-item:before { background: rgba(0, 0, 0, 0.75); } #g-main .g-etherealblock .g-etherealblock-item:hover:before { background: rgba(11, 11, 11, 0.5); } .g-style-preset7 #g-main .g-etherealblock .g-etherealblock-item:hover:before, .g-style-preset8 #g-main .g-etherealblock .g-etherealblock-item:hover:before, .g-style-preset9 #g-main .g-etherealblock .g-etherealblock-item:hover:before, .g-style-preset10 #g-main .g-etherealblock .g-etherealblock-item:hover:before { background: rgba(0, 0, 0, 0.5); } #g-main .g-etherealblock .g-etherealblock-item .button-3 { color: #fff; border: 2px solid #fff; } #g-main .g-etherealblock .g-etherealblock-item .button-3:hover, #g-main .g-etherealblock .g-etherealblock-item .button-3:active, #g-main .g-etherealblock .g-etherealblock-item .button-3:focus { border: 2px solid #d3649f; color: #d3649f; } #g-main .g-etherealblock a:not(.button) { color: #d3649f; } #g-main .g-etherealblock a:not(.button):hover { color: inherit; } #g-main .g-etherealblock .g-etherealblock-item-3 { color: #808080 !important; } #g-main .g-etherealblock .g-etherealblock-item-3 a, #g-main .g-etherealblock .g-etherealblock-item-3 .g-headline, #g-main .g-etherealblock .g-etherealblock-item-3 .swiper-slide-content-list .g-content .g-blogcontent-title, .swiper-slide-content-list .g-content #g-main .g-etherealblock .g-etherealblock-item-3 .g-blogcontent-title { color: #404040 !important; } #g-main .g-etherealblock .g-etherealblock-item-3:before { background: #fff !important; } #g-main .g-etherealblock .g-etherealblock-item-4 { border-top: 3px solid #d3649f; } @media print { #g-main { background: #fff !important; color: #000 !important; } } #g-extension { background: #eee; color: #888; } #g-extension > .g-container { padding: 2rem 0; } #g-extension .g-title, #g-extension ul.topiclist li.header dt, ul.topiclist li.header #g-extension dt, #g-extension ul.topiclist li.header dd, ul.topiclist li.header #g-extension dd, #g-extension .g-headline, #g-extension .swiper-slide-content-list .g-content .g-blogcontent-title, .swiper-slide-content-list .g-content #g-extension .g-blogcontent-title, #g-extension h1, #g-extension h2, #g-extension h3, #g-extension h4, #g-extension h5, #g-extension h6 { color: #484848; } #g-extension .g-tag, #g-extension .sprocket-strips .sprocket-strips-text-sub, .sprocket-strips #g-extension .sprocket-strips-text-sub { opacity: 0.5; font-weight: normal; } @media print { #g-extension { background: #fff !important; color: #000 !important; } } #g-bottom { background: #fff; color: #a7a7a7; } #g-bottom > .g-container { padding: 2rem 0; } #g-bottom .g-title, #g-bottom ul.topiclist li.header dt, ul.topiclist li.header #g-bottom dt, #g-bottom ul.topiclist li.header dd, ul.topiclist li.header #g-bottom dd, #g-bottom .g-headline, #g-bottom .swiper-slide-content-list .g-content .g-blogcontent-title, .swiper-slide-content-list .g-content #g-bottom .g-blogcontent-title, #g-bottom h1, #g-bottom h2, #g-bottom h3, #g-bottom h4, #g-bottom h5, #g-bottom h6 { color: #090909; } @media print { #g-bottom { background: #fff !important; color: #000 !important; } } #g-footer { background: #282828; color: #888; } #g-footer > .g-container { padding: 2rem 0; } #g-footer a { color: #d3649f; } #g-footer a:hover { color: inherit; } @media print { #g-footer { background: #fff !important; color: #000 !important; } } #g-copyright { background: #111; color: #555; } #g-copyright > .g-container { padding: 2rem 0; } #g-copyright a { color: #d3649f; } #g-copyright a:hover { color: inherit; } #g-copyright .g-copyright > .g-content { font-size: 0.8rem; line-height: 1.8; } #g-copyright .g-horizontalmenu a { color: #fff; } #g-copyright .g-horizontalmenu a:hover { color: inherit; } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { #g-copyright .g-horizontalmenu a { font-size: 0.8rem; } } #g-copyright .bordered-bottom { position: relative; } #g-copyright .bordered-bottom .g-content:after { content: ""; position: absolute; bottom: 0; display: block; height: 1px; width: 100%; background: #2b2b2b; } @media print { #g-copyright { background: #fff !important; color: #000 !important; } } .flush > .g-content { margin: 0 !important; padding: 0 !important; } .nopaddingall > .g-content { padding: 0 !important; } .nomarginall > .g-content { margin: 0 !important; } .title-center .g-title, .title-center ul.topiclist li.header dt, ul.topiclist li.header .title-center dt, .title-center ul.topiclist li.header dd, ul.topiclist li.header .title-center dd { text-align: center; margin: 0 0 2rem 0; } .title-underline .g-title, .title-underline ul.topiclist li.header dt, ul.topiclist li.header .title-underline dt, .title-underline ul.topiclist li.header dd, ul.topiclist li.header .title-underline dd { position: relative; } .title-underline .g-title:after, .title-underline ul.topiclist li.header dt:after, ul.topiclist li.header .title-underline dt:after, .title-underline ul.topiclist li.header dd:after, ul.topiclist li.header .title-underline dd:after { background: #2eaad8; bottom: -10px; content: ''; height: 2px; position: absolute; width: 50px; left: 50%; margin-left: -25px; } .box1.g-outer-box { background: #2391ba; } .box1 > .g-content { background: #2391ba; color: #fff; } .box1 > .g-content a { color: #c4e7f4; } .box2.g-outer-box { background: #d3649f; } .box2 > .g-content { background: #d3649f; color: #2c0c1d; } .box3.g-outer-box { background: #f75858; } .box3 > .g-content { background: #f75858; color: #950707; } .box3 > .g-content a { color: #fff; } .box4.g-outer-box { background: #e6e6e6; } .box4 > .g-content { background: #e6e6e6; color: #888; } .box-white { color: #1a1a1a; } .box-grey, .box-pink, .box-red, .box-purple, .box-blue, .box-orange { color: #fff; } .box-white.g-outer-box { background: #fff; } .box-white > .g-content { background: #fff; } .box-white .button, .box-white a.button1, .box-white input.button1, .box-white input.button3, .box-white a.button2, .box-white input.button2, .box-white input.readon, .box-white fieldset.submit-buttons input, fieldset.submit-buttons .box-white input { background: #bfbfbf; } .box-white .button:hover, .box-white a.button1:hover, .box-white input.button1:hover, .box-white input.button3:hover, .box-white a.button2:hover, .box-white input.button2:hover, .box-white input.readon:hover, .box-white fieldset.submit-buttons input:hover, fieldset.submit-buttons .box-white input:hover, .box-white .button:active, .box-white a.button1:active, .box-white input.button1:active, .box-white input.button3:active, .box-white a.button2:active, .box-white input.button2:active, .box-white input.readon:active, .box-white fieldset.submit-buttons input:active, fieldset.submit-buttons .box-white input:active, .box-white .button:focus, .box-white a.button1:focus, .box-white input.button1:focus, .box-white input.button3:focus, .box-white a.button2:focus, .box-white input.button2:focus, .box-white input.readon:focus, .box-white fieldset.submit-buttons input:focus, fieldset.submit-buttons .box-white input:focus { background: #e6e6e6; } .box-white .button.button-3, .box-white a.button1.button-3, .box-white input.button1.button-3, .box-white input.button3.button-3, .box-white a.button2.button-3, .box-white input.button2.button-3, .box-white input.readon.button-3, .box-white fieldset.submit-buttons input.button-3, fieldset.submit-buttons .box-white input.button-3, .box-white .button.button-4, .box-white a.button1.button-4, .box-white input.button1.button-4, .box-white input.button3.button-4, .box-white a.button2.button-4, .box-white input.button2.button-4, .box-white input.readon.button-4, .box-white fieldset.submit-buttons input.button-4, fieldset.submit-buttons .box-white input.button-4 { color: #bfbfbf; border-color: #bfbfbf; } .box-white .button.button-3:hover, .box-white a.button1.button-3:hover, .box-white input.button1.button-3:hover, .box-white input.button3.button-3:hover, .box-white a.button2.button-3:hover, .box-white input.button2.button-3:hover, .box-white input.readon.button-3:hover, .box-white fieldset.submit-buttons input.button-3:hover, fieldset.submit-buttons .box-white input.button-3:hover, .box-white .button.button-4:hover, .box-white a.button1.button-4:hover, .box-white input.button1.button-4:hover, .box-white input.button3.button-4:hover, .box-white a.button2.button-4:hover, .box-white input.button2.button-4:hover, .box-white input.readon.button-4:hover, .box-white fieldset.submit-buttons input.button-4:hover, fieldset.submit-buttons .box-white input.button-4:hover, .box-white .button.button-3:active, .box-white a.button1.button-3:active, .box-white input.button1.button-3:active, .box-white input.button3.button-3:active, .box-white a.button2.button-3:active, .box-white input.button2.button-3:active, .box-white input.readon.button-3:active, .box-white fieldset.submit-buttons input.button-3:active, fieldset.submit-buttons .box-white input.button-3:active, .box-white .button.button-4:active, .box-white a.button1.button-4:active, .box-white input.button1.button-4:active, .box-white input.button3.button-4:active, .box-white a.button2.button-4:active, .box-white input.button2.button-4:active, .box-white input.readon.button-4:active, .box-white fieldset.submit-buttons input.button-4:active, fieldset.submit-buttons .box-white input.button-4:active, .box-white .button.button-3:focus, .box-white a.button1.button-3:focus, .box-white input.button1.button-3:focus, .box-white input.button3.button-3:focus, .box-white a.button2.button-3:focus, .box-white input.button2.button-3:focus, .box-white input.readon.button-3:focus, .box-white fieldset.submit-buttons input.button-3:focus, fieldset.submit-buttons .box-white input.button-3:focus, .box-white .button.button-4:focus, .box-white a.button1.button-4:focus, .box-white input.button1.button-4:focus, .box-white input.button3.button-4:focus, .box-white a.button2.button-4:focus, .box-white input.button2.button-4:focus, .box-white input.readon.button-4:focus, .box-white fieldset.submit-buttons input.button-4:focus, fieldset.submit-buttons .box-white input.button-4:focus { color: #000; border-color: #000; } .box-white a { color: #bfbfbf; } .box-grey.g-outer-box { background: #95a5a6; } .box-grey > .g-content { background: #95a5a6; } .box-grey .button, .box-grey a.button1, .box-grey input.button1, .box-grey input.button3, .box-grey a.button2, .box-grey input.button2, .box-grey input.readon, .box-grey fieldset.submit-buttons input, fieldset.submit-buttons .box-grey input { background: #798d8f; } .box-grey .button:hover, .box-grey a.button1:hover, .box-grey input.button1:hover, .box-grey input.button3:hover, .box-grey a.button2:hover, .box-grey input.button2:hover, .box-grey input.readon:hover, .box-grey fieldset.submit-buttons input:hover, fieldset.submit-buttons .box-grey input:hover, .box-grey .button:active, .box-grey a.button1:active, .box-grey input.button1:active, .box-grey input.button3:active, .box-grey a.button2:active, .box-grey input.button2:active, .box-grey input.readon:active, .box-grey fieldset.submit-buttons input:active, fieldset.submit-buttons .box-grey input:active, .box-grey .button:focus, .box-grey a.button1:focus, .box-grey input.button1:focus, .box-grey input.button3:focus, .box-grey a.button2:focus, .box-grey input.button2:focus, .box-grey input.readon:focus, .box-grey fieldset.submit-buttons input:focus, fieldset.submit-buttons .box-grey input:focus { background: #b1bdbd; } .box-grey .button.button-3, .box-grey a.button1.button-3, .box-grey input.button1.button-3, .box-grey input.button3.button-3, .box-grey a.button2.button-3, .box-grey input.button2.button-3, .box-grey input.readon.button-3, .box-grey fieldset.submit-buttons input.button-3, fieldset.submit-buttons .box-grey input.button-3, .box-grey .button.button-4, .box-grey a.button1.button-4, .box-grey input.button1.button-4, .box-grey input.button3.button-4, .box-grey a.button2.button-4, .box-grey input.button2.button-4, .box-grey input.readon.button-4, .box-grey fieldset.submit-buttons input.button-4, fieldset.submit-buttons .box-grey input.button-4 { color: #dae0e0; border-color: #dae0e0; } .box-grey .button.button-3:hover, .box-grey a.button1.button-3:hover, .box-grey input.button1.button-3:hover, .box-grey input.button3.button-3:hover, .box-grey a.button2.button-3:hover, .box-grey input.button2.button-3:hover, .box-grey input.readon.button-3:hover, .box-grey fieldset.submit-buttons input.button-3:hover, fieldset.submit-buttons .box-grey input.button-3:hover, .box-grey .button.button-4:hover, .box-grey a.button1.button-4:hover, .box-grey input.button1.button-4:hover, .box-grey input.button3.button-4:hover, .box-grey a.button2.button-4:hover, .box-grey input.button2.button-4:hover, .box-grey input.readon.button-4:hover, .box-grey fieldset.submit-buttons input.button-4:hover, fieldset.submit-buttons .box-grey input.button-4:hover, .box-grey .button.button-3:active, .box-grey a.button1.button-3:active, .box-grey input.button1.button-3:active, .box-grey input.button3.button-3:active, .box-grey a.button2.button-3:active, .box-grey input.button2.button-3:active, .box-grey input.readon.button-3:active, .box-grey fieldset.submit-buttons input.button-3:active, fieldset.submit-buttons .box-grey input.button-3:active, .box-grey .button.button-4:active, .box-grey a.button1.button-4:active, .box-grey input.button1.button-4:active, .box-grey input.button3.button-4:active, .box-grey a.button2.button-4:active, .box-grey input.button2.button-4:active, .box-grey input.readon.button-4:active, .box-grey fieldset.submit-buttons input.button-4:active, fieldset.submit-buttons .box-grey input.button-4:active, .box-grey .button.button-3:focus, .box-grey a.button1.button-3:focus, .box-grey input.button1.button-3:focus, .box-grey input.button3.button-3:focus, .box-grey a.button2.button-3:focus, .box-grey input.button2.button-3:focus, .box-grey input.readon.button-3:focus, .box-grey fieldset.submit-buttons input.button-3:focus, fieldset.submit-buttons .box-grey input.button-3:focus, .box-grey .button.button-4:focus, .box-grey a.button1.button-4:focus, .box-grey input.button1.button-4:focus, .box-grey input.button3.button-4:focus, .box-grey a.button2.button-4:focus, .box-grey input.button2.button-4:focus, .box-grey input.readon.button-4:focus, .box-grey fieldset.submit-buttons input.button-4:focus, fieldset.submit-buttons .box-grey input.button-4:focus { color: #fff; border-color: #fff; } .box-grey a { color: #dae0e0; } .box-pink.g-outer-box { background: #d13b7b; } .box-pink > .g-content { background: #d13b7b; } .box-pink .button, .box-pink a.button1, .box-pink input.button1, .box-pink input.button3, .box-pink a.button2, .box-pink input.button2, .box-pink input.readon, .box-pink fieldset.submit-buttons input, fieldset.submit-buttons .box-pink input { background: #b02963; } .box-pink .button:hover, .box-pink a.button1:hover, .box-pink input.button1:hover, .box-pink input.button3:hover, .box-pink a.button2:hover, .box-pink input.button2:hover, .box-pink input.readon:hover, .box-pink fieldset.submit-buttons input:hover, fieldset.submit-buttons .box-pink input:hover, .box-pink .button:active, .box-pink a.button1:active, .box-pink input.button1:active, .box-pink input.button3:active, .box-pink a.button2:active, .box-pink input.button2:active, .box-pink input.readon:active, .box-pink fieldset.submit-buttons input:active, fieldset.submit-buttons .box-pink input:active, .box-pink .button:focus, .box-pink a.button1:focus, .box-pink input.button1:focus, .box-pink input.button3:focus, .box-pink a.button2:focus, .box-pink input.button2:focus, .box-pink input.readon:focus, .box-pink fieldset.submit-buttons input:focus, fieldset.submit-buttons .box-pink input:focus { background: #db6497; } .box-pink .button.button-3, .box-pink a.button1.button-3, .box-pink input.button1.button-3, .box-pink input.button3.button-3, .box-pink a.button2.button-3, .box-pink input.button2.button-3, .box-pink input.readon.button-3, .box-pink fieldset.submit-buttons input.button-3, fieldset.submit-buttons .box-pink input.button-3, .box-pink .button.button-4, .box-pink a.button1.button-4, .box-pink input.button1.button-4, .box-pink input.button3.button-4, .box-pink a.button2.button-4, .box-pink input.button2.button-4, .box-pink input.readon.button-4, .box-pink fieldset.submit-buttons input.button-4, fieldset.submit-buttons .box-pink input.button-4 { color: #e9a2c1; border-color: #e9a2c1; } .box-pink .button.button-3:hover, .box-pink a.button1.button-3:hover, .box-pink input.button1.button-3:hover, .box-pink input.button3.button-3:hover, .box-pink a.button2.button-3:hover, .box-pink input.button2.button-3:hover, .box-pink input.readon.button-3:hover, .box-pink fieldset.submit-buttons input.button-3:hover, fieldset.submit-buttons .box-pink input.button-3:hover, .box-pink .button.button-4:hover, .box-pink a.button1.button-4:hover, .box-pink input.button1.button-4:hover, .box-pink input.button3.button-4:hover, .box-pink a.button2.button-4:hover, .box-pink input.button2.button-4:hover, .box-pink input.readon.button-4:hover, .box-pink fieldset.submit-buttons input.button-4:hover, fieldset.submit-buttons .box-pink input.button-4:hover, .box-pink .button.button-3:active, .box-pink a.button1.button-3:active, .box-pink input.button1.button-3:active, .box-pink input.button3.button-3:active, .box-pink a.button2.button-3:active, .box-pink input.button2.button-3:active, .box-pink input.readon.button-3:active, .box-pink fieldset.submit-buttons input.button-3:active, fieldset.submit-buttons .box-pink input.button-3:active, .box-pink .button.button-4:active, .box-pink a.button1.button-4:active, .box-pink input.button1.button-4:active, .box-pink input.button3.button-4:active, .box-pink a.button2.button-4:active, .box-pink input.button2.button-4:active, .box-pink input.readon.button-4:active, .box-pink fieldset.submit-buttons input.button-4:active, fieldset.submit-buttons .box-pink input.button-4:active, .box-pink .button.button-3:focus, .box-pink a.button1.button-3:focus, .box-pink input.button1.button-3:focus, .box-pink input.button3.button-3:focus, .box-pink a.button2.button-3:focus, .box-pink input.button2.button-3:focus, .box-pink input.readon.button-3:focus, .box-pink fieldset.submit-buttons input.button-3:focus, fieldset.submit-buttons .box-pink input.button-3:focus, .box-pink .button.button-4:focus, .box-pink a.button1.button-4:focus, .box-pink input.button1.button-4:focus, .box-pink input.button3.button-4:focus, .box-pink a.button2.button-4:focus, .box-pink input.button2.button-4:focus, .box-pink input.readon.button-4:focus, .box-pink fieldset.submit-buttons input.button-4:focus, fieldset.submit-buttons .box-pink input.button-4:focus { color: #fff; border-color: #fff; } .box-pink a { color: #e9a2c1; } .box-red.g-outer-box { background: #ef4a44; } .box-red > .g-content { background: #ef4a44; } .box-red .button, .box-red a.button1, .box-red input.button1, .box-red input.button3, .box-red a.button2, .box-red input.button2, .box-red input.readon, .box-red fieldset.submit-buttons input, fieldset.submit-buttons .box-red input { background: #eb1d15; } .box-red .button:hover, .box-red a.button1:hover, .box-red input.button1:hover, .box-red input.button3:hover, .box-red a.button2:hover, .box-red input.button2:hover, .box-red input.readon:hover, .box-red fieldset.submit-buttons input:hover, fieldset.submit-buttons .box-red input:hover, .box-red .button:active, .box-red a.button1:active, .box-red input.button1:active, .box-red input.button3:active, .box-red a.button2:active, .box-red input.button2:active, .box-red input.readon:active, .box-red fieldset.submit-buttons input:active, fieldset.submit-buttons .box-red input:active, .box-red .button:focus, .box-red a.button1:focus, .box-red input.button1:focus, .box-red input.button3:focus, .box-red a.button2:focus, .box-red input.button2:focus, .box-red input.readon:focus, .box-red fieldset.submit-buttons input:focus, fieldset.submit-buttons .box-red input:focus { background: #f37773; } .box-red .button.button-3, .box-red a.button1.button-3, .box-red input.button1.button-3, .box-red input.button3.button-3, .box-red a.button2.button-3, .box-red input.button2.button-3, .box-red input.readon.button-3, .box-red fieldset.submit-buttons input.button-3, fieldset.submit-buttons .box-red input.button-3, .box-red .button.button-4, .box-red a.button1.button-4, .box-red input.button1.button-4, .box-red input.button3.button-4, .box-red a.button2.button-4, .box-red input.button2.button-4, .box-red input.readon.button-4, .box-red fieldset.submit-buttons input.button-4, fieldset.submit-buttons .box-red input.button-4 { color: #f9bcb9; border-color: #f9bcb9; } .box-red .button.button-3:hover, .box-red a.button1.button-3:hover, .box-red input.button1.button-3:hover, .box-red input.button3.button-3:hover, .box-red a.button2.button-3:hover, .box-red input.button2.button-3:hover, .box-red input.readon.button-3:hover, .box-red fieldset.submit-buttons input.button-3:hover, fieldset.submit-buttons .box-red input.button-3:hover, .box-red .button.button-4:hover, .box-red a.button1.button-4:hover, .box-red input.button1.button-4:hover, .box-red input.button3.button-4:hover, .box-red a.button2.button-4:hover, .box-red input.button2.button-4:hover, .box-red input.readon.button-4:hover, .box-red fieldset.submit-buttons input.button-4:hover, fieldset.submit-buttons .box-red input.button-4:hover, .box-red .button.button-3:active, .box-red a.button1.button-3:active, .box-red input.button1.button-3:active, .box-red input.button3.button-3:active, .box-red a.button2.button-3:active, .box-red input.button2.button-3:active, .box-red input.readon.button-3:active, .box-red fieldset.submit-buttons input.button-3:active, fieldset.submit-buttons .box-red input.button-3:active, .box-red .button.button-4:active, .box-red a.button1.button-4:active, .box-red input.button1.button-4:active, .box-red input.button3.button-4:active, .box-red a.button2.button-4:active, .box-red input.button2.button-4:active, .box-red input.readon.button-4:active, .box-red fieldset.submit-buttons input.button-4:active, fieldset.submit-buttons .box-red input.button-4:active, .box-red .button.button-3:focus, .box-red a.button1.button-3:focus, .box-red input.button1.button-3:focus, .box-red input.button3.button-3:focus, .box-red a.button2.button-3:focus, .box-red input.button2.button-3:focus, .box-red input.readon.button-3:focus, .box-red fieldset.submit-buttons input.button-3:focus, fieldset.submit-buttons .box-red input.button-3:focus, .box-red .button.button-4:focus, .box-red a.button1.button-4:focus, .box-red input.button1.button-4:focus, .box-red input.button3.button-4:focus, .box-red a.button2.button-4:focus, .box-red input.button2.button-4:focus, .box-red input.readon.button-4:focus, .box-red fieldset.submit-buttons input.button-4:focus, fieldset.submit-buttons .box-red input.button-4:focus { color: #fff; border-color: #fff; } .box-red a { color: #f9bcb9; } .box-purple.g-outer-box { background: #874f9a; } .box-purple > .g-content { background: #874f9a; } .box-purple .button, .box-purple a.button1, .box-purple input.button1, .box-purple input.button3, .box-purple a.button2, .box-purple input.button2, .box-purple input.readon, .box-purple fieldset.submit-buttons input, fieldset.submit-buttons .box-purple input { background: #693e78; } .box-purple .button:hover, .box-purple a.button1:hover, .box-purple input.button1:hover, .box-purple input.button3:hover, .box-purple a.button2:hover, .box-purple input.button2:hover, .box-purple input.readon:hover, .box-purple fieldset.submit-buttons input:hover, fieldset.submit-buttons .box-purple input:hover, .box-purple .button:active, .box-purple a.button1:active, .box-purple input.button1:active, .box-purple input.button3:active, .box-purple a.button2:active, .box-purple input.button2:active, .box-purple input.readon:active, .box-purple fieldset.submit-buttons input:active, fieldset.submit-buttons .box-purple input:active, .box-purple .button:focus, .box-purple a.button1:focus, .box-purple input.button1:focus, .box-purple input.button3:focus, .box-purple a.button2:focus, .box-purple input.button2:focus, .box-purple input.readon:focus, .box-purple fieldset.submit-buttons input:focus, fieldset.submit-buttons .box-purple input:focus { background: #a06ab2; } .box-purple .button.button-3, .box-purple a.button1.button-3, .box-purple input.button1.button-3, .box-purple input.button3.button-3, .box-purple a.button2.button-3, .box-purple input.button2.button-3, .box-purple input.readon.button-3, .box-purple fieldset.submit-buttons input.button-3, fieldset.submit-buttons .box-purple input.button-3, .box-purple .button.button-4, .box-purple a.button1.button-4, .box-purple input.button1.button-4, .box-purple input.button3.button-4, .box-purple a.button2.button-4, .box-purple input.button2.button-4, .box-purple input.readon.button-4, .box-purple fieldset.submit-buttons input.button-4, fieldset.submit-buttons .box-purple input.button-4 { color: #c09ccc; border-color: #c09ccc; } .box-purple .button.button-3:hover, .box-purple a.button1.button-3:hover, .box-purple input.button1.button-3:hover, .box-purple input.button3.button-3:hover, .box-purple a.button2.button-3:hover, .box-purple input.button2.button-3:hover, .box-purple input.readon.button-3:hover, .box-purple fieldset.submit-buttons input.button-3:hover, fieldset.submit-buttons .box-purple input.button-3:hover, .box-purple .button.button-4:hover, .box-purple a.button1.button-4:hover, .box-purple input.button1.button-4:hover, .box-purple input.button3.button-4:hover, .box-purple a.button2.button-4:hover, .box-purple input.button2.button-4:hover, .box-purple input.readon.button-4:hover, .box-purple fieldset.submit-buttons input.button-4:hover, fieldset.submit-buttons .box-purple input.button-4:hover, .box-purple .button.button-3:active, .box-purple a.button1.button-3:active, .box-purple input.button1.button-3:active, .box-purple input.button3.button-3:active, .box-purple a.button2.button-3:active, .box-purple input.button2.button-3:active, .box-purple input.readon.button-3:active, .box-purple fieldset.submit-buttons input.button-3:active, fieldset.submit-buttons .box-purple input.button-3:active, .box-purple .button.button-4:active, .box-purple a.button1.button-4:active, .box-purple input.button1.button-4:active, .box-purple input.button3.button-4:active, .box-purple a.button2.button-4:active, .box-purple input.button2.button-4:active, .box-purple input.readon.button-4:active, .box-purple fieldset.submit-buttons input.button-4:active, fieldset.submit-buttons .box-purple input.button-4:active, .box-purple .button.button-3:focus, .box-purple a.button1.button-3:focus, .box-purple input.button1.button-3:focus, .box-purple input.button3.button-3:focus, .box-purple a.button2.button-3:focus, .box-purple input.button2.button-3:focus, .box-purple input.readon.button-3:focus, .box-purple fieldset.submit-buttons input.button-3:focus, fieldset.submit-buttons .box-purple input.button-3:focus, .box-purple .button.button-4:focus, .box-purple a.button1.button-4:focus, .box-purple input.button1.button-4:focus, .box-purple input.button3.button-4:focus, .box-purple a.button2.button-4:focus, .box-purple input.button2.button-4:focus, .box-purple input.readon.button-4:focus, .box-purple fieldset.submit-buttons input.button-4:focus, fieldset.submit-buttons .box-purple input.button-4:focus { color: #fff; border-color: #fff; } .box-purple a { color: #c09ccc; } .box-blue.g-outer-box { background: #279fba; } .box-blue > .g-content { background: #279fba; } .box-blue .button, .box-blue a.button1, .box-blue input.button1, .box-blue input.button3, .box-blue a.button2, .box-blue input.button2, .box-blue input.readon, .box-blue fieldset.submit-buttons input, fieldset.submit-buttons .box-blue input { background: #1e7b90; } .box-blue .button:hover, .box-blue a.button1:hover, .box-blue input.button1:hover, .box-blue input.button3:hover, .box-blue a.button2:hover, .box-blue input.button2:hover, .box-blue input.readon:hover, .box-blue fieldset.submit-buttons input:hover, fieldset.submit-buttons .box-blue input:hover, .box-blue .button:active, .box-blue a.button1:active, .box-blue input.button1:active, .box-blue input.button3:active, .box-blue a.button2:active, .box-blue input.button2:active, .box-blue input.readon:active, .box-blue fieldset.submit-buttons input:active, fieldset.submit-buttons .box-blue input:active, .box-blue .button:focus, .box-blue a.button1:focus, .box-blue input.button1:focus, .box-blue input.button3:focus, .box-blue a.button2:focus, .box-blue input.button2:focus, .box-blue input.readon:focus, .box-blue fieldset.submit-buttons input:focus, fieldset.submit-buttons .box-blue input:focus { background: #3ebad6; } .box-blue .button.button-3, .box-blue a.button1.button-3, .box-blue input.button1.button-3, .box-blue input.button3.button-3, .box-blue a.button2.button-3, .box-blue input.button2.button-3, .box-blue input.readon.button-3, .box-blue fieldset.submit-buttons input.button-3, fieldset.submit-buttons .box-blue input.button-3, .box-blue .button.button-4, .box-blue a.button1.button-4, .box-blue input.button1.button-4, .box-blue input.button3.button-4, .box-blue a.button2.button-4, .box-blue input.button2.button-4, .box-blue input.readon.button-4, .box-blue fieldset.submit-buttons input.button-4, fieldset.submit-buttons .box-blue input.button-4 { color: #7dd1e4; border-color: #7dd1e4; } .box-blue .button.button-3:hover, .box-blue a.button1.button-3:hover, .box-blue input.button1.button-3:hover, .box-blue input.button3.button-3:hover, .box-blue a.button2.button-3:hover, .box-blue input.button2.button-3:hover, .box-blue input.readon.button-3:hover, .box-blue fieldset.submit-buttons input.button-3:hover, fieldset.submit-buttons .box-blue input.button-3:hover, .box-blue .button.button-4:hover, .box-blue a.button1.button-4:hover, .box-blue input.button1.button-4:hover, .box-blue input.button3.button-4:hover, .box-blue a.button2.button-4:hover, .box-blue input.button2.button-4:hover, .box-blue input.readon.button-4:hover, .box-blue fieldset.submit-buttons input.button-4:hover, fieldset.submit-buttons .box-blue input.button-4:hover, .box-blue .button.button-3:active, .box-blue a.button1.button-3:active, .box-blue input.button1.button-3:active, .box-blue input.button3.button-3:active, .box-blue a.button2.button-3:active, .box-blue input.button2.button-3:active, .box-blue input.readon.button-3:active, .box-blue fieldset.submit-buttons input.button-3:active, fieldset.submit-buttons .box-blue input.button-3:active, .box-blue .button.button-4:active, .box-blue a.button1.button-4:active, .box-blue input.button1.button-4:active, .box-blue input.button3.button-4:active, .box-blue a.button2.button-4:active, .box-blue input.button2.button-4:active, .box-blue input.readon.button-4:active, .box-blue fieldset.submit-buttons input.button-4:active, fieldset.submit-buttons .box-blue input.button-4:active, .box-blue .button.button-3:focus, .box-blue a.button1.button-3:focus, .box-blue input.button1.button-3:focus, .box-blue input.button3.button-3:focus, .box-blue a.button2.button-3:focus, .box-blue input.button2.button-3:focus, .box-blue input.readon.button-3:focus, .box-blue fieldset.submit-buttons input.button-3:focus, fieldset.submit-buttons .box-blue input.button-3:focus, .box-blue .button.button-4:focus, .box-blue a.button1.button-4:focus, .box-blue input.button1.button-4:focus, .box-blue input.button3.button-4:focus, .box-blue a.button2.button-4:focus, .box-blue input.button2.button-4:focus, .box-blue input.readon.button-4:focus, .box-blue fieldset.submit-buttons input.button-4:focus, fieldset.submit-buttons .box-blue input.button-4:focus { color: #fff; border-color: #fff; } .box-blue a { color: #7dd1e4; } .box-orange.g-outer-box { background: #ee7933; } .box-orange > .g-content { background: #ee7933; } .box-orange .button, .box-orange a.button1, .box-orange input.button1, .box-orange input.button3, .box-orange a.button2, .box-orange input.button2, .box-orange input.readon, .box-orange fieldset.submit-buttons input, fieldset.submit-buttons .box-orange input { background: #dc5e12; } .box-orange .button:hover, .box-orange a.button1:hover, .box-orange input.button1:hover, .box-orange input.button3:hover, .box-orange a.button2:hover, .box-orange input.button2:hover, .box-orange input.readon:hover, .box-orange fieldset.submit-buttons input:hover, fieldset.submit-buttons .box-orange input:hover, .box-orange .button:active, .box-orange a.button1:active, .box-orange input.button1:active, .box-orange input.button3:active, .box-orange a.button2:active, .box-orange input.button2:active, .box-orange input.readon:active, .box-orange fieldset.submit-buttons input:active, fieldset.submit-buttons .box-orange input:active, .box-orange .button:focus, .box-orange a.button1:focus, .box-orange input.button1:focus, .box-orange input.button3:focus, .box-orange a.button2:focus, .box-orange input.button2:focus, .box-orange input.readon:focus, .box-orange fieldset.submit-buttons input:focus, fieldset.submit-buttons .box-orange input:focus { background: #f29862; } .box-orange .button.button-3, .box-orange a.button1.button-3, .box-orange input.button1.button-3, .box-orange input.button3.button-3, .box-orange a.button2.button-3, .box-orange input.button2.button-3, .box-orange input.readon.button-3, .box-orange fieldset.submit-buttons input.button-3, fieldset.submit-buttons .box-orange input.button-3, .box-orange .button.button-4, .box-orange a.button1.button-4, .box-orange input.button1.button-4, .box-orange input.button3.button-4, .box-orange a.button2.button-4, .box-orange input.button2.button-4, .box-orange input.readon.button-4, .box-orange fieldset.submit-buttons input.button-4, fieldset.submit-buttons .box-orange input.button-4 { color: #f8c6a9; border-color: #f8c6a9; } .box-orange .button.button-3:hover, .box-orange a.button1.button-3:hover, .box-orange input.button1.button-3:hover, .box-orange input.button3.button-3:hover, .box-orange a.button2.button-3:hover, .box-orange input.button2.button-3:hover, .box-orange input.readon.button-3:hover, .box-orange fieldset.submit-buttons input.button-3:hover, fieldset.submit-buttons .box-orange input.button-3:hover, .box-orange .button.button-4:hover, .box-orange a.button1.button-4:hover, .box-orange input.button1.button-4:hover, .box-orange input.button3.button-4:hover, .box-orange a.button2.button-4:hover, .box-orange input.button2.button-4:hover, .box-orange input.readon.button-4:hover, .box-orange fieldset.submit-buttons input.button-4:hover, fieldset.submit-buttons .box-orange input.button-4:hover, .box-orange .button.button-3:active, .box-orange a.button1.button-3:active, .box-orange input.button1.button-3:active, .box-orange input.button3.button-3:active, .box-orange a.button2.button-3:active, .box-orange input.button2.button-3:active, .box-orange input.readon.button-3:active, .box-orange fieldset.submit-buttons input.button-3:active, fieldset.submit-buttons .box-orange input.button-3:active, .box-orange .button.button-4:active, .box-orange a.button1.button-4:active, .box-orange input.button1.button-4:active, .box-orange input.button3.button-4:active, .box-orange a.button2.button-4:active, .box-orange input.button2.button-4:active, .box-orange input.readon.button-4:active, .box-orange fieldset.submit-buttons input.button-4:active, fieldset.submit-buttons .box-orange input.button-4:active, .box-orange .button.button-3:focus, .box-orange a.button1.button-3:focus, .box-orange input.button1.button-3:focus, .box-orange input.button3.button-3:focus, .box-orange a.button2.button-3:focus, .box-orange input.button2.button-3:focus, .box-orange input.readon.button-3:focus, .box-orange fieldset.submit-buttons input.button-3:focus, fieldset.submit-buttons .box-orange input.button-3:focus, .box-orange .button.button-4:focus, .box-orange a.button1.button-4:focus, .box-orange input.button1.button-4:focus, .box-orange input.button3.button-4:focus, .box-orange a.button2.button-4:focus, .box-orange input.button2.button-4:focus, .box-orange input.readon.button-4:focus, .box-orange fieldset.submit-buttons input.button-4:focus, fieldset.submit-buttons .box-orange input.button-4:focus { color: #fff; border-color: #fff; } .box-orange a { color: #f8c6a9; } .spaced .g-content { margin: 1px; } .bordered .g-content { border: 1px solid rgba(136, 136, 136, 0.1); 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; } .button, a.button1, input.button1, input.button3, a.button2, input.button2, input.readon, fieldset.submit-buttons input, .sprocket-grids-b .sprocket-grids-b-readon, .sprocket-mosaic .loadmore-more, .sprocket-mosaic .load-all .loadmore-all { display: inline-block; font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: 700; border-radius: 3px; background: #2eaad8; color: #fff; font-size: 1rem; border: 2px solid transparent; margin-bottom: 0.2rem; padding: 0.7rem 1.25rem; vertical-align: top; text-shadow: none; text-transform: uppercase; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .button:hover, a.button1:hover, input.button1:hover, input.button3:hover, a.button2:hover, input.button2:hover, input.readon:hover, fieldset.submit-buttons input:hover, .sprocket-grids-b .sprocket-grids-b-readon:hover, .sprocket-mosaic .loadmore-more:hover, .sprocket-mosaic .load-all .loadmore-all:hover, .button:active, a.button1:active, input.button1:active, input.button3:active, a.button2:active, input.button2:active, input.readon:active, fieldset.submit-buttons input:active, .sprocket-grids-b .sprocket-grids-b-readon:active, .sprocket-mosaic .loadmore-more:active, .sprocket-mosaic .load-all .loadmore-all:active, .button:focus, a.button1:focus, input.button1:focus, input.button3:focus, a.button2:focus, input.button2:focus, input.readon:focus, fieldset.submit-buttons input:focus, .sprocket-grids-b .sprocket-grids-b-readon:focus, .sprocket-mosaic .loadmore-more:focus, .sprocket-mosaic .load-all .loadmore-all:focus { background: #1d7a9c; color: #fff; } .button .fa, a.button1 .fa, input.button1 .fa, input.button3 .fa, a.button2 .fa, input.button2 .fa, input.readon .fa, fieldset.submit-buttons input .fa { font-size: 1.5rem; } .button.button-square, a.button1.button-square, input.button1.button-square, input.button3.button-square, a.button2.button-square, input.button2.button-square, input.readon.button-square, fieldset.submit-buttons input.button-square { border-radius: 0; } .button.button-square[class*="button"], a.button1.button-square[class*="button"], input.button1.button-square[class*="button"], input.button3.button-square[class*="button"], a.button2.button-square[class*="button"], input.button2.button-square[class*="button"], input.readon.button-square[class*="button"], fieldset.submit-buttons input.button-square[class*="button"] { border-radius: 0; } .button.button-block, a.button1.button-block, input.button1.button-block, input.button3.button-block, a.button2.button-block, input.button2.button-block, input.readon.button-block, fieldset.submit-buttons input.button-block { display: block; } .button.button-xlarge, a.button1.button-xlarge, input.button1.button-xlarge, input.button3.button-xlarge, a.button2.button-xlarge, input.button2.button-xlarge, input.readon.button-xlarge, fieldset.submit-buttons input.button-xlarge { font-size: 1.4rem; } .button.button-large, a.button1.button-large, input.button1.button-large, input.button3.button-large, a.button2.button-large, input.button2.button-large, input.readon.button-large, fieldset.submit-buttons input.button-large { font-size: 1.2rem; } .button.button-medium, a.button1.button-medium, input.button1.button-medium, input.button3.button-medium, a.button2.button-medium, input.button2.button-medium, input.readon.button-medium, fieldset.submit-buttons input.button-medium { font-size: 1rem; } .button.button-small, a.button1.button-small, input.button1.button-small, input.button3.button-small, a.button2.button-small, input.button2.button-small, input.readon.button-small, fieldset.submit-buttons input.button-small { font-size: 0.8rem; } .button.button-xsmall, a.button1.button-xsmall, input.button1.button-xsmall, input.button3.button-xsmall, a.button2.button-xsmall, input.button2.button-xsmall, input.readon.button-xsmall, fieldset.submit-buttons input.button-xsmall { font-size: 0.6rem; } .button.button-2, .sprocket-grids-b .sprocket-grids-b-readon, .sprocket-mosaic .loadmore-more, .sprocket-mosaic .load-all .loadmore-all, a.button1.button-2, input.button1.button-2, input.button3.button-2, a.button2.button-2, input.button2.button-2, input.readon.button-2, fieldset.submit-buttons input.button-2 { border-radius: 2rem; } .button.button-3.button-3, a.button1.button-3.button-3, input.button1.button-3.button-3, input.button3.button-3.button-3, a.button2.button-3.button-3, input.button2.button-3.button-3, input.readon.button-3.button-3, fieldset.submit-buttons input.button-3.button-3, .button.button-4.button-3, a.button1.button-4.button-3, input.button1.button-4.button-3, input.button3.button-4.button-3, a.button2.button-4.button-3, input.button2.button-4.button-3, input.readon.button-4.button-3, fieldset.submit-buttons input.button-4.button-3, .button.button-grey.button-3, a.button1.button-grey.button-3, input.button1.button-grey.button-3, input.button3.button-grey.button-3, a.button2.button-grey.button-3, input.button2.button-grey.button-3, input.readon.button-grey.button-3, fieldset.submit-buttons input.button-grey.button-3, .button.button-pink.button-3, a.button1.button-pink.button-3, input.button1.button-pink.button-3, input.button3.button-pink.button-3, a.button2.button-pink.button-3, input.button2.button-pink.button-3, input.readon.button-pink.button-3, fieldset.submit-buttons input.button-pink.button-3, .button.button-red.button-3, a.button1.button-red.button-3, input.button1.button-red.button-3, input.button3.button-red.button-3, a.button2.button-red.button-3, input.button2.button-red.button-3, input.readon.button-red.button-3, fieldset.submit-buttons input.button-red.button-3, .button.button-purple.button-3, a.button1.button-purple.button-3, input.button1.button-purple.button-3, input.button3.button-purple.button-3, a.button2.button-purple.button-3, input.button2.button-purple.button-3, input.readon.button-purple.button-3, fieldset.submit-buttons input.button-purple.button-3, .button.button-orange.button-3, a.button1.button-orange.button-3, input.button1.button-orange.button-3, input.button3.button-orange.button-3, a.button2.button-orange.button-3, input.button2.button-orange.button-3, input.readon.button-orange.button-3, fieldset.submit-buttons input.button-orange.button-3, .button.button-blue.button-3, a.button1.button-blue.button-3, input.button1.button-blue.button-3, input.button3.button-blue.button-3, a.button2.button-blue.button-3, input.button2.button-blue.button-3, input.readon.button-blue.button-3, fieldset.submit-buttons input.button-blue.button-3, .button.button-3.button-4, a.button1.button-3.button-4, input.button1.button-3.button-4, input.button3.button-3.button-4, a.button2.button-3.button-4, input.button2.button-3.button-4, input.readon.button-3.button-4, fieldset.submit-buttons input.button-3.button-4, .button.button-4.button-4, a.button1.button-4.button-4, input.button1.button-4.button-4, input.button3.button-4.button-4, a.button2.button-4.button-4, input.button2.button-4.button-4, input.readon.button-4.button-4, fieldset.submit-buttons input.button-4.button-4, .button.button-grey.button-4, a.button1.button-grey.button-4, input.button1.button-grey.button-4, input.button3.button-grey.button-4, a.button2.button-grey.button-4, input.button2.button-grey.button-4, input.readon.button-grey.button-4, fieldset.submit-buttons input.button-grey.button-4, .button.button-pink.button-4, a.button1.button-pink.button-4, input.button1.button-pink.button-4, input.button3.button-pink.button-4, a.button2.button-pink.button-4, input.button2.button-pink.button-4, input.readon.button-pink.button-4, fieldset.submit-buttons input.button-pink.button-4, .button.button-red.button-4, a.button1.button-red.button-4, input.button1.button-red.button-4, input.button3.button-red.button-4, a.button2.button-red.button-4, input.button2.button-red.button-4, input.readon.button-red.button-4, fieldset.submit-buttons input.button-red.button-4, .button.button-purple.button-4, a.button1.button-purple.button-4, input.button1.button-purple.button-4, input.button3.button-purple.button-4, a.button2.button-purple.button-4, input.button2.button-purple.button-4, input.readon.button-purple.button-4, fieldset.submit-buttons input.button-purple.button-4, .button.button-orange.button-4, a.button1.button-orange.button-4, input.button1.button-orange.button-4, input.button3.button-orange.button-4, a.button2.button-orange.button-4, input.button2.button-orange.button-4, input.readon.button-orange.button-4, fieldset.submit-buttons input.button-orange.button-4, .button.button-blue.button-4, a.button1.button-blue.button-4, input.button1.button-blue.button-4, input.button3.button-blue.button-4, a.button2.button-blue.button-4, input.button2.button-blue.button-4, input.readon.button-blue.button-4, fieldset.submit-buttons input.button-blue.button-4 { background: transparent; } .button.button-3.button-3:hover, a.button1.button-3.button-3:hover, input.button1.button-3.button-3:hover, input.button3.button-3.button-3:hover, a.button2.button-3.button-3:hover, input.button2.button-3.button-3:hover, input.readon.button-3.button-3:hover, fieldset.submit-buttons input.button-3.button-3:hover, .button.button-4.button-3:hover, a.button1.button-4.button-3:hover, input.button1.button-4.button-3:hover, input.button3.button-4.button-3:hover, a.button2.button-4.button-3:hover, input.button2.button-4.button-3:hover, input.readon.button-4.button-3:hover, fieldset.submit-buttons input.button-4.button-3:hover, .button.button-grey.button-3:hover, a.button1.button-grey.button-3:hover, input.button1.button-grey.button-3:hover, input.button3.button-grey.button-3:hover, a.button2.button-grey.button-3:hover, input.button2.button-grey.button-3:hover, input.readon.button-grey.button-3:hover, fieldset.submit-buttons input.button-grey.button-3:hover, .button.button-pink.button-3:hover, a.button1.button-pink.button-3:hover, input.button1.button-pink.button-3:hover, input.button3.button-pink.button-3:hover, a.button2.button-pink.button-3:hover, input.button2.button-pink.button-3:hover, input.readon.button-pink.button-3:hover, fieldset.submit-buttons input.button-pink.button-3:hover, .button.button-red.button-3:hover, a.button1.button-red.button-3:hover, input.button1.button-red.button-3:hover, input.button3.button-red.button-3:hover, a.button2.button-red.button-3:hover, input.button2.button-red.button-3:hover, input.readon.button-red.button-3:hover, fieldset.submit-buttons input.button-red.button-3:hover, .button.button-purple.button-3:hover, a.button1.button-purple.button-3:hover, input.button1.button-purple.button-3:hover, input.button3.button-purple.button-3:hover, a.button2.button-purple.button-3:hover, input.button2.button-purple.button-3:hover, input.readon.button-purple.button-3:hover, fieldset.submit-buttons input.button-purple.button-3:hover, .button.button-orange.button-3:hover, a.button1.button-orange.button-3:hover, input.button1.button-orange.button-3:hover, input.button3.button-orange.button-3:hover, a.button2.button-orange.button-3:hover, input.button2.button-orange.button-3:hover, input.readon.button-orange.button-3:hover, fieldset.submit-buttons input.button-orange.button-3:hover, .button.button-blue.button-3:hover, a.button1.button-blue.button-3:hover, input.button1.button-blue.button-3:hover, input.button3.button-blue.button-3:hover, a.button2.button-blue.button-3:hover, input.button2.button-blue.button-3:hover, input.readon.button-blue.button-3:hover, fieldset.submit-buttons input.button-blue.button-3:hover, .button.button-3.button-4:hover, a.button1.button-3.button-4:hover, input.button1.button-3.button-4:hover, input.button3.button-3.button-4:hover, a.button2.button-3.button-4:hover, input.button2.button-3.button-4:hover, input.readon.button-3.button-4:hover, fieldset.submit-buttons input.button-3.button-4:hover, .button.button-4.button-4:hover, a.button1.button-4.button-4:hover, input.button1.button-4.button-4:hover, input.button3.button-4.button-4:hover, a.button2.button-4.button-4:hover, input.button2.button-4.button-4:hover, input.readon.button-4.button-4:hover, fieldset.submit-buttons input.button-4.button-4:hover, .button.button-grey.button-4:hover, a.button1.button-grey.button-4:hover, input.button1.button-grey.button-4:hover, input.button3.button-grey.button-4:hover, a.button2.button-grey.button-4:hover, input.button2.button-grey.button-4:hover, input.readon.button-grey.button-4:hover, fieldset.submit-buttons input.button-grey.button-4:hover, .button.button-pink.button-4:hover, a.button1.button-pink.button-4:hover, input.button1.button-pink.button-4:hover, input.button3.button-pink.button-4:hover, a.button2.button-pink.button-4:hover, input.button2.button-pink.button-4:hover, input.readon.button-pink.button-4:hover, fieldset.submit-buttons input.button-pink.button-4:hover, .button.button-red.button-4:hover, a.button1.button-red.button-4:hover, input.button1.button-red.button-4:hover, input.button3.button-red.button-4:hover, a.button2.button-red.button-4:hover, input.button2.button-red.button-4:hover, input.readon.button-red.button-4:hover, fieldset.submit-buttons input.button-red.button-4:hover, .button.button-purple.button-4:hover, a.button1.button-purple.button-4:hover, input.button1.button-purple.button-4:hover, input.button3.button-purple.button-4:hover, a.button2.button-purple.button-4:hover, input.button2.button-purple.button-4:hover, input.readon.button-purple.button-4:hover, fieldset.submit-buttons input.button-purple.button-4:hover, .button.button-orange.button-4:hover, a.button1.button-orange.button-4:hover, input.button1.button-orange.button-4:hover, input.button3.button-orange.button-4:hover, a.button2.button-orange.button-4:hover, input.button2.button-orange.button-4:hover, input.readon.button-orange.button-4:hover, fieldset.submit-buttons input.button-orange.button-4:hover, .button.button-blue.button-4:hover, a.button1.button-blue.button-4:hover, input.button1.button-blue.button-4:hover, input.button3.button-blue.button-4:hover, a.button2.button-blue.button-4:hover, input.button2.button-blue.button-4:hover, input.readon.button-blue.button-4:hover, fieldset.submit-buttons input.button-blue.button-4:hover, .button.button-3.button-3:active, a.button1.button-3.button-3:active, input.button1.button-3.button-3:active, input.button3.button-3.button-3:active, a.button2.button-3.button-3:active, input.button2.button-3.button-3:active, input.readon.button-3.button-3:active, fieldset.submit-buttons input.button-3.button-3:active, .button.button-4.button-3:active, a.button1.button-4.button-3:active, input.button1.button-4.button-3:active, input.button3.button-4.button-3:active, a.button2.button-4.button-3:active, input.button2.button-4.button-3:active, input.readon.button-4.button-3:active, fieldset.submit-buttons input.button-4.button-3:active, .button.button-grey.button-3:active, a.button1.button-grey.button-3:active, input.button1.button-grey.button-3:active, input.button3.button-grey.button-3:active, a.button2.button-grey.button-3:active, input.button2.button-grey.button-3:active, input.readon.button-grey.button-3:active, fieldset.submit-buttons input.button-grey.button-3:active, .button.button-pink.button-3:active, a.button1.button-pink.button-3:active, input.button1.button-pink.button-3:active, input.button3.button-pink.button-3:active, a.button2.button-pink.button-3:active, input.button2.button-pink.button-3:active, input.readon.button-pink.button-3:active, fieldset.submit-buttons input.button-pink.button-3:active, .button.button-red.button-3:active, a.button1.button-red.button-3:active, input.button1.button-red.button-3:active, input.button3.button-red.button-3:active, a.button2.button-red.button-3:active, input.button2.button-red.button-3:active, input.readon.button-red.button-3:active, fieldset.submit-buttons input.button-red.button-3:active, .button.button-purple.button-3:active, a.button1.button-purple.button-3:active, input.button1.button-purple.button-3:active, input.button3.button-purple.button-3:active, a.button2.button-purple.button-3:active, input.button2.button-purple.button-3:active, input.readon.button-purple.button-3:active, fieldset.submit-buttons input.button-purple.button-3:active, .button.button-orange.button-3:active, a.button1.button-orange.button-3:active, input.button1.button-orange.button-3:active, input.button3.button-orange.button-3:active, a.button2.button-orange.button-3:active, input.button2.button-orange.button-3:active, input.readon.button-orange.button-3:active, fieldset.submit-buttons input.button-orange.button-3:active, .button.button-blue.button-3:active, a.button1.button-blue.button-3:active, input.button1.button-blue.button-3:active, input.button3.button-blue.button-3:active, a.button2.button-blue.button-3:active, input.button2.button-blue.button-3:active, input.readon.button-blue.button-3:active, fieldset.submit-buttons input.button-blue.button-3:active, .button.button-3.button-4:active, a.button1.button-3.button-4:active, input.button1.button-3.button-4:active, input.button3.button-3.button-4:active, a.button2.button-3.button-4:active, input.button2.button-3.button-4:active, input.readon.button-3.button-4:active, fieldset.submit-buttons input.button-3.button-4:active, .button.button-4.button-4:active, a.button1.button-4.button-4:active, input.button1.button-4.button-4:active, input.button3.button-4.button-4:active, a.button2.button-4.button-4:active, input.button2.button-4.button-4:active, input.readon.button-4.button-4:active, fieldset.submit-buttons input.button-4.button-4:active, .button.button-grey.button-4:active, a.button1.button-grey.button-4:active, input.button1.button-grey.button-4:active, input.button3.button-grey.button-4:active, a.button2.button-grey.button-4:active, input.button2.button-grey.button-4:active, input.readon.button-grey.button-4:active, fieldset.submit-buttons input.button-grey.button-4:active, .button.button-pink.button-4:active, a.button1.button-pink.button-4:active, input.button1.button-pink.button-4:active, input.button3.button-pink.button-4:active, a.button2.button-pink.button-4:active, input.button2.button-pink.button-4:active, input.readon.button-pink.button-4:active, fieldset.submit-buttons input.button-pink.button-4:active, .button.button-red.button-4:active, a.button1.button-red.button-4:active, input.button1.button-red.button-4:active, input.button3.button-red.button-4:active, a.button2.button-red.button-4:active, input.button2.button-red.button-4:active, input.readon.button-red.button-4:active, fieldset.submit-buttons input.button-red.button-4:active, .button.button-purple.button-4:active, a.button1.button-purple.button-4:active, input.button1.button-purple.button-4:active, input.button3.button-purple.button-4:active, a.button2.button-purple.button-4:active, input.button2.button-purple.button-4:active, input.readon.button-purple.button-4:active, fieldset.submit-buttons input.button-purple.button-4:active, .button.button-orange.button-4:active, a.button1.button-orange.button-4:active, input.button1.button-orange.button-4:active, input.button3.button-orange.button-4:active, a.button2.button-orange.button-4:active, input.button2.button-orange.button-4:active, input.readon.button-orange.button-4:active, fieldset.submit-buttons input.button-orange.button-4:active, .button.button-blue.button-4:active, a.button1.button-blue.button-4:active, input.button1.button-blue.button-4:active, input.button3.button-blue.button-4:active, a.button2.button-blue.button-4:active, input.button2.button-blue.button-4:active, input.readon.button-blue.button-4:active, fieldset.submit-buttons input.button-blue.button-4:active, .button.button-3.button-3:focus, a.button1.button-3.button-3:focus, input.button1.button-3.button-3:focus, input.button3.button-3.button-3:focus, a.button2.button-3.button-3:focus, input.button2.button-3.button-3:focus, input.readon.button-3.button-3:focus, fieldset.submit-buttons input.button-3.button-3:focus, .button.button-4.button-3:focus, a.button1.button-4.button-3:focus, input.button1.button-4.button-3:focus, input.button3.button-4.button-3:focus, a.button2.button-4.button-3:focus, input.button2.button-4.button-3:focus, input.readon.button-4.button-3:focus, fieldset.submit-buttons input.button-4.button-3:focus, .button.button-grey.button-3:focus, a.button1.button-grey.button-3:focus, input.button1.button-grey.button-3:focus, input.button3.button-grey.button-3:focus, a.button2.button-grey.button-3:focus, input.button2.button-grey.button-3:focus, input.readon.button-grey.button-3:focus, fieldset.submit-buttons input.button-grey.button-3:focus, .button.button-pink.button-3:focus, a.button1.button-pink.button-3:focus, input.button1.button-pink.button-3:focus, input.button3.button-pink.button-3:focus, a.button2.button-pink.button-3:focus, input.button2.button-pink.button-3:focus, input.readon.button-pink.button-3:focus, fieldset.submit-buttons input.button-pink.button-3:focus, .button.button-red.button-3:focus, a.button1.button-red.button-3:focus, input.button1.button-red.button-3:focus, input.button3.button-red.button-3:focus, a.button2.button-red.button-3:focus, input.button2.button-red.button-3:focus, input.readon.button-red.button-3:focus, fieldset.submit-buttons input.button-red.button-3:focus, .button.button-purple.button-3:focus, a.button1.button-purple.button-3:focus, input.button1.button-purple.button-3:focus, input.button3.button-purple.button-3:focus, a.button2.button-purple.button-3:focus, input.button2.button-purple.button-3:focus, input.readon.button-purple.button-3:focus, fieldset.submit-buttons input.button-purple.button-3:focus, .button.button-orange.button-3:focus, a.button1.button-orange.button-3:focus, input.button1.button-orange.button-3:focus, input.button3.button-orange.button-3:focus, a.button2.button-orange.button-3:focus, input.button2.button-orange.button-3:focus, input.readon.button-orange.button-3:focus, fieldset.submit-buttons input.button-orange.button-3:focus, .button.button-blue.button-3:focus, a.button1.button-blue.button-3:focus, input.button1.button-blue.button-3:focus, input.button3.button-blue.button-3:focus, a.button2.button-blue.button-3:focus, input.button2.button-blue.button-3:focus, input.readon.button-blue.button-3:focus, fieldset.submit-buttons input.button-blue.button-3:focus, .button.button-3.button-4:focus, a.button1.button-3.button-4:focus, input.button1.button-3.button-4:focus, input.button3.button-3.button-4:focus, a.button2.button-3.button-4:focus, input.button2.button-3.button-4:focus, input.readon.button-3.button-4:focus, fieldset.submit-buttons input.button-3.button-4:focus, .button.button-4.button-4:focus, a.button1.button-4.button-4:focus, input.button1.button-4.button-4:focus, input.button3.button-4.button-4:focus, a.button2.button-4.button-4:focus, input.button2.button-4.button-4:focus, input.readon.button-4.button-4:focus, fieldset.submit-buttons input.button-4.button-4:focus, .button.button-grey.button-4:focus, a.button1.button-grey.button-4:focus, input.button1.button-grey.button-4:focus, input.button3.button-grey.button-4:focus, a.button2.button-grey.button-4:focus, input.button2.button-grey.button-4:focus, input.readon.button-grey.button-4:focus, fieldset.submit-buttons input.button-grey.button-4:focus, .button.button-pink.button-4:focus, a.button1.button-pink.button-4:focus, input.button1.button-pink.button-4:focus, input.button3.button-pink.button-4:focus, a.button2.button-pink.button-4:focus, input.button2.button-pink.button-4:focus, input.readon.button-pink.button-4:focus, fieldset.submit-buttons input.button-pink.button-4:focus, .button.button-red.button-4:focus, a.button1.button-red.button-4:focus, input.button1.button-red.button-4:focus, input.button3.button-red.button-4:focus, a.button2.button-red.button-4:focus, input.button2.button-red.button-4:focus, input.readon.button-red.button-4:focus, fieldset.submit-buttons input.button-red.button-4:focus, .button.button-purple.button-4:focus, a.button1.button-purple.button-4:focus, input.button1.button-purple.button-4:focus, input.button3.button-purple.button-4:focus, a.button2.button-purple.button-4:focus, input.button2.button-purple.button-4:focus, input.readon.button-purple.button-4:focus, fieldset.submit-buttons input.button-purple.button-4:focus, .button.button-orange.button-4:focus, a.button1.button-orange.button-4:focus, input.button1.button-orange.button-4:focus, input.button3.button-orange.button-4:focus, a.button2.button-orange.button-4:focus, input.button2.button-orange.button-4:focus, input.readon.button-orange.button-4:focus, fieldset.submit-buttons input.button-orange.button-4:focus, .button.button-blue.button-4:focus, a.button1.button-blue.button-4:focus, input.button1.button-blue.button-4:focus, input.button3.button-blue.button-4:focus, a.button2.button-blue.button-4:focus, input.button2.button-blue.button-4:focus, input.readon.button-blue.button-4:focus, fieldset.submit-buttons input.button-blue.button-4:focus { background: transparent; } .button.button-3, a.button1.button-3, input.button1.button-3, input.button3.button-3, a.button2.button-3, input.button2.button-3, input.readon.button-3, fieldset.submit-buttons input.button-3 { border-radius: 2rem; color: #2eaad8; border: 2px solid #2eaad8; } .button.button-3:hover, a.button1.button-3:hover, input.button1.button-3:hover, input.button3.button-3:hover, a.button2.button-3:hover, input.button2.button-3:hover, input.readon.button-3:hover, fieldset.submit-buttons input.button-3:hover, .button.button-3:active, a.button1.button-3:active, input.button1.button-3:active, input.button3.button-3:active, a.button2.button-3:active, input.button2.button-3:active, input.readon.button-3:active, fieldset.submit-buttons input.button-3:active, .button.button-3:focus, a.button1.button-3:focus, input.button1.button-3:focus, input.button3.button-3:focus, a.button2.button-3:focus, input.button2.button-3:focus, input.readon.button-3:focus, fieldset.submit-buttons input.button-3:focus { border: 2px solid #1d7a9c; color: #1d7a9c; } .button.button-4, a.button1.button-4, input.button1.button-4, input.button3.button-4, a.button2.button-4, input.button2.button-4, input.readon.button-4, fieldset.submit-buttons input.button-4 { color: #2eaad8; border: 2px solid #2eaad8; } .button.button-4:hover, a.button1.button-4:hover, input.button1.button-4:hover, input.button3.button-4:hover, a.button2.button-4:hover, input.button2.button-4:hover, input.readon.button-4:hover, fieldset.submit-buttons input.button-4:hover, .button.button-4:active, a.button1.button-4:active, input.button1.button-4:active, input.button3.button-4:active, a.button2.button-4:active, input.button2.button-4:active, input.readon.button-4:active, fieldset.submit-buttons input.button-4:active, .button.button-4:focus, a.button1.button-4:focus, input.button1.button-4:focus, input.button3.button-4:focus, a.button2.button-4:focus, input.button2.button-4:focus, input.readon.button-4:focus, fieldset.submit-buttons input.button-4:focus { border: 2px solid #1d7a9c; color: #1d7a9c; } .button.button-grey, a.button1.button-grey, input.button1.button-grey, input.button3.button-grey, a.button2.button-grey, input.button2.button-grey, input.readon.button-grey, fieldset.submit-buttons input.button-grey { background: #95a5a6; } .button.button-grey.button-3, a.button1.button-grey.button-3, input.button1.button-grey.button-3, input.button3.button-grey.button-3, a.button2.button-grey.button-3, input.button2.button-grey.button-3, input.readon.button-grey.button-3, fieldset.submit-buttons input.button-grey.button-3, .button.button-grey.button-4, a.button1.button-grey.button-4, input.button1.button-grey.button-4, input.button3.button-grey.button-4, a.button2.button-grey.button-4, input.button2.button-grey.button-4, input.readon.button-grey.button-4, fieldset.submit-buttons input.button-grey.button-4 { color: #95a5a6; border: 2px solid #95a5a6; } .button.button-grey.button-3:hover, a.button1.button-grey.button-3:hover, input.button1.button-grey.button-3:hover, input.button3.button-grey.button-3:hover, a.button2.button-grey.button-3:hover, input.button2.button-grey.button-3:hover, input.readon.button-grey.button-3:hover, fieldset.submit-buttons input.button-grey.button-3:hover, .button.button-grey.button-4:hover, a.button1.button-grey.button-4:hover, input.button1.button-grey.button-4:hover, input.button3.button-grey.button-4:hover, a.button2.button-grey.button-4:hover, input.button2.button-grey.button-4:hover, input.readon.button-grey.button-4:hover, fieldset.submit-buttons input.button-grey.button-4:hover, .button.button-grey.button-3:active, a.button1.button-grey.button-3:active, input.button1.button-grey.button-3:active, input.button3.button-grey.button-3:active, a.button2.button-grey.button-3:active, input.button2.button-grey.button-3:active, input.readon.button-grey.button-3:active, fieldset.submit-buttons input.button-grey.button-3:active, .button.button-grey.button-4:active, a.button1.button-grey.button-4:active, input.button1.button-grey.button-4:active, input.button3.button-grey.button-4:active, a.button2.button-grey.button-4:active, input.button2.button-grey.button-4:active, input.readon.button-grey.button-4:active, fieldset.submit-buttons input.button-grey.button-4:active, .button.button-grey.button-3:focus, a.button1.button-grey.button-3:focus, input.button1.button-grey.button-3:focus, input.button3.button-grey.button-3:focus, a.button2.button-grey.button-3:focus, input.button2.button-grey.button-3:focus, input.readon.button-grey.button-3:focus, fieldset.submit-buttons input.button-grey.button-3:focus, .button.button-grey.button-4:focus, a.button1.button-grey.button-4:focus, input.button1.button-grey.button-4:focus, input.button3.button-grey.button-4:focus, a.button2.button-grey.button-4:focus, input.button2.button-grey.button-4:focus, input.readon.button-grey.button-4:focus, fieldset.submit-buttons input.button-grey.button-4:focus { border: 2px solid #6d8082; color: #6d8082; } .button.button-grey:hover, a.button1.button-grey:hover, input.button1.button-grey:hover, input.button3.button-grey:hover, a.button2.button-grey:hover, input.button2.button-grey:hover, input.readon.button-grey:hover, fieldset.submit-buttons input.button-grey:hover, .button.button-grey:active, a.button1.button-grey:active, input.button1.button-grey:active, input.button3.button-grey:active, a.button2.button-grey:active, input.button2.button-grey:active, input.readon.button-grey:active, fieldset.submit-buttons input.button-grey:active, .button.button-grey:focus, a.button1.button-grey:focus, input.button1.button-grey:focus, input.button3.button-grey:focus, a.button2.button-grey:focus, input.button2.button-grey:focus, input.readon.button-grey:focus, fieldset.submit-buttons input.button-grey:focus { background: #6d8082; } .button.button-pink, a.button1.button-pink, input.button1.button-pink, input.button3.button-pink, a.button2.button-pink, input.button2.button-pink, input.readon.button-pink, fieldset.submit-buttons input.button-pink { background: #d13b7b; } .button.button-pink.button-3, a.button1.button-pink.button-3, input.button1.button-pink.button-3, input.button3.button-pink.button-3, a.button2.button-pink.button-3, input.button2.button-pink.button-3, input.readon.button-pink.button-3, fieldset.submit-buttons input.button-pink.button-3, .button.button-pink.button-4, a.button1.button-pink.button-4, input.button1.button-pink.button-4, input.button3.button-pink.button-4, a.button2.button-pink.button-4, input.button2.button-pink.button-4, input.readon.button-pink.button-4, fieldset.submit-buttons input.button-pink.button-4 { color: #d13b7b; border: 2px solid #d13b7b; } .button.button-pink.button-3:hover, a.button1.button-pink.button-3:hover, input.button1.button-pink.button-3:hover, input.button3.button-pink.button-3:hover, a.button2.button-pink.button-3:hover, input.button2.button-pink.button-3:hover, input.readon.button-pink.button-3:hover, fieldset.submit-buttons input.button-pink.button-3:hover, .button.button-pink.button-4:hover, a.button1.button-pink.button-4:hover, input.button1.button-pink.button-4:hover, input.button3.button-pink.button-4:hover, a.button2.button-pink.button-4:hover, input.button2.button-pink.button-4:hover, input.readon.button-pink.button-4:hover, fieldset.submit-buttons input.button-pink.button-4:hover, .button.button-pink.button-3:active, a.button1.button-pink.button-3:active, input.button1.button-pink.button-3:active, input.button3.button-pink.button-3:active, a.button2.button-pink.button-3:active, input.button2.button-pink.button-3:active, input.readon.button-pink.button-3:active, fieldset.submit-buttons input.button-pink.button-3:active, .button.button-pink.button-4:active, a.button1.button-pink.button-4:active, input.button1.button-pink.button-4:active, input.button3.button-pink.button-4:active, a.button2.button-pink.button-4:active, input.button2.button-pink.button-4:active, input.readon.button-pink.button-4:active, fieldset.submit-buttons input.button-pink.button-4:active, .button.button-pink.button-3:focus, a.button1.button-pink.button-3:focus, input.button1.button-pink.button-3:focus, input.button3.button-pink.button-3:focus, a.button2.button-pink.button-3:focus, input.button2.button-pink.button-3:focus, input.readon.button-pink.button-3:focus, fieldset.submit-buttons input.button-pink.button-3:focus, .button.button-pink.button-4:focus, a.button1.button-pink.button-4:focus, input.button1.button-pink.button-4:focus, input.button3.button-pink.button-4:focus, a.button2.button-pink.button-4:focus, input.button2.button-pink.button-4:focus, input.readon.button-pink.button-4:focus, fieldset.submit-buttons input.button-pink.button-4:focus { border: 2px solid #9b2457; color: #9b2457; } .button.button-pink:hover, a.button1.button-pink:hover, input.button1.button-pink:hover, input.button3.button-pink:hover, a.button2.button-pink:hover, input.button2.button-pink:hover, input.readon.button-pink:hover, fieldset.submit-buttons input.button-pink:hover, .button.button-pink:active, a.button1.button-pink:active, input.button1.button-pink:active, input.button3.button-pink:active, a.button2.button-pink:active, input.button2.button-pink:active, input.readon.button-pink:active, fieldset.submit-buttons input.button-pink:active, .button.button-pink:focus, a.button1.button-pink:focus, input.button1.button-pink:focus, input.button3.button-pink:focus, a.button2.button-pink:focus, input.button2.button-pink:focus, input.readon.button-pink:focus, fieldset.submit-buttons input.button-pink:focus { background: #9b2457; } .button.button-red, a.button1.button-red, input.button1.button-red, input.button3.button-red, a.button2.button-red, input.button2.button-red, input.readon.button-red, fieldset.submit-buttons input.button-red { background: #ef4a44; } .button.button-red.button-3, a.button1.button-red.button-3, input.button1.button-red.button-3, input.button3.button-red.button-3, a.button2.button-red.button-3, input.button2.button-red.button-3, input.readon.button-red.button-3, fieldset.submit-buttons input.button-red.button-3, .button.button-red.button-4, a.button1.button-red.button-4, input.button1.button-red.button-4, input.button3.button-red.button-4, a.button2.button-red.button-4, input.button2.button-red.button-4, input.readon.button-red.button-4, fieldset.submit-buttons input.button-red.button-4 { color: #ef4a44; border: 2px solid #ef4a44; } .button.button-red.button-3:hover, a.button1.button-red.button-3:hover, input.button1.button-red.button-3:hover, input.button3.button-red.button-3:hover, a.button2.button-red.button-3:hover, input.button2.button-red.button-3:hover, input.readon.button-red.button-3:hover, fieldset.submit-buttons input.button-red.button-3:hover, .button.button-red.button-4:hover, a.button1.button-red.button-4:hover, input.button1.button-red.button-4:hover, input.button3.button-red.button-4:hover, a.button2.button-red.button-4:hover, input.button2.button-red.button-4:hover, input.readon.button-red.button-4:hover, fieldset.submit-buttons input.button-red.button-4:hover, .button.button-red.button-3:active, a.button1.button-red.button-3:active, input.button1.button-red.button-3:active, input.button3.button-red.button-3:active, a.button2.button-red.button-3:active, input.button2.button-red.button-3:active, input.readon.button-red.button-3:active, fieldset.submit-buttons input.button-red.button-3:active, .button.button-red.button-4:active, a.button1.button-red.button-4:active, input.button1.button-red.button-4:active, input.button3.button-red.button-4:active, a.button2.button-red.button-4:active, input.button2.button-red.button-4:active, input.readon.button-red.button-4:active, fieldset.submit-buttons input.button-red.button-4:active, .button.button-red.button-3:focus, a.button1.button-red.button-3:focus, input.button1.button-red.button-3:focus, input.button3.button-red.button-3:focus, a.button2.button-red.button-3:focus, input.button2.button-red.button-3:focus, input.readon.button-red.button-3:focus, fieldset.submit-buttons input.button-red.button-3:focus, .button.button-red.button-4:focus, a.button1.button-red.button-4:focus, input.button1.button-red.button-4:focus, input.button3.button-red.button-4:focus, a.button2.button-red.button-4:focus, input.button2.button-red.button-4:focus, input.readon.button-red.button-4:focus, fieldset.submit-buttons input.button-red.button-4:focus { border: 2px solid #d41912; color: #d41912; } .button.button-red:hover, a.button1.button-red:hover, input.button1.button-red:hover, input.button3.button-red:hover, a.button2.button-red:hover, input.button2.button-red:hover, input.readon.button-red:hover, fieldset.submit-buttons input.button-red:hover, .button.button-red:active, a.button1.button-red:active, input.button1.button-red:active, input.button3.button-red:active, a.button2.button-red:active, input.button2.button-red:active, input.readon.button-red:active, fieldset.submit-buttons input.button-red:active, .button.button-red:focus, a.button1.button-red:focus, input.button1.button-red:focus, input.button3.button-red:focus, a.button2.button-red:focus, input.button2.button-red:focus, input.readon.button-red:focus, fieldset.submit-buttons input.button-red:focus { background: #d41912; } .button.button-purple, a.button1.button-purple, input.button1.button-purple, input.button3.button-purple, a.button2.button-purple, input.button2.button-purple, input.readon.button-purple, fieldset.submit-buttons input.button-purple { background: #874f9a; } .button.button-purple.button-3, a.button1.button-purple.button-3, input.button1.button-purple.button-3, input.button3.button-purple.button-3, a.button2.button-purple.button-3, input.button2.button-purple.button-3, input.readon.button-purple.button-3, fieldset.submit-buttons input.button-purple.button-3, .button.button-purple.button-4, a.button1.button-purple.button-4, input.button1.button-purple.button-4, input.button3.button-purple.button-4, a.button2.button-purple.button-4, input.button2.button-purple.button-4, input.readon.button-purple.button-4, fieldset.submit-buttons input.button-purple.button-4 { color: #874f9a; border: 2px solid #874f9a; } .button.button-purple.button-3:hover, a.button1.button-purple.button-3:hover, input.button1.button-purple.button-3:hover, input.button3.button-purple.button-3:hover, a.button2.button-purple.button-3:hover, input.button2.button-purple.button-3:hover, input.readon.button-purple.button-3:hover, fieldset.submit-buttons input.button-purple.button-3:hover, .button.button-purple.button-4:hover, a.button1.button-purple.button-4:hover, input.button1.button-purple.button-4:hover, input.button3.button-purple.button-4:hover, a.button2.button-purple.button-4:hover, input.button2.button-purple.button-4:hover, input.readon.button-purple.button-4:hover, fieldset.submit-buttons input.button-purple.button-4:hover, .button.button-purple.button-3:active, a.button1.button-purple.button-3:active, input.button1.button-purple.button-3:active, input.button3.button-purple.button-3:active, a.button2.button-purple.button-3:active, input.button2.button-purple.button-3:active, input.readon.button-purple.button-3:active, fieldset.submit-buttons input.button-purple.button-3:active, .button.button-purple.button-4:active, a.button1.button-purple.button-4:active, input.button1.button-purple.button-4:active, input.button3.button-purple.button-4:active, a.button2.button-purple.button-4:active, input.button2.button-purple.button-4:active, input.readon.button-purple.button-4:active, fieldset.submit-buttons input.button-purple.button-4:active, .button.button-purple.button-3:focus, a.button1.button-purple.button-3:focus, input.button1.button-purple.button-3:focus, input.button3.button-purple.button-3:focus, a.button2.button-purple.button-3:focus, input.button2.button-purple.button-3:focus, input.readon.button-purple.button-3:focus, fieldset.submit-buttons input.button-purple.button-3:focus, .button.button-purple.button-4:focus, a.button1.button-purple.button-4:focus, input.button1.button-purple.button-4:focus, input.button3.button-purple.button-4:focus, a.button2.button-purple.button-4:focus, input.button2.button-purple.button-4:focus, input.readon.button-purple.button-4:focus, fieldset.submit-buttons input.button-purple.button-4:focus { border: 2px solid #5b3567; color: #5b3567; } .button.button-purple:hover, a.button1.button-purple:hover, input.button1.button-purple:hover, input.button3.button-purple:hover, a.button2.button-purple:hover, input.button2.button-purple:hover, input.readon.button-purple:hover, fieldset.submit-buttons input.button-purple:hover, .button.button-purple:active, a.button1.button-purple:active, input.button1.button-purple:active, input.button3.button-purple:active, a.button2.button-purple:active, input.button2.button-purple:active, input.readon.button-purple:active, fieldset.submit-buttons input.button-purple:active, .button.button-purple:focus, a.button1.button-purple:focus, input.button1.button-purple:focus, input.button3.button-purple:focus, a.button2.button-purple:focus, input.button2.button-purple:focus, input.readon.button-purple:focus, fieldset.submit-buttons input.button-purple:focus { background: #5b3567; } .button.button-orange, a.button1.button-orange, input.button1.button-orange, input.button3.button-orange, a.button2.button-orange, input.button2.button-orange, input.readon.button-orange, fieldset.submit-buttons input.button-orange { background: #ee7933; } .button.button-orange.button-3, a.button1.button-orange.button-3, input.button1.button-orange.button-3, input.button3.button-orange.button-3, a.button2.button-orange.button-3, input.button2.button-orange.button-3, input.readon.button-orange.button-3, fieldset.submit-buttons input.button-orange.button-3, .button.button-orange.button-4, a.button1.button-orange.button-4, input.button1.button-orange.button-4, input.button3.button-orange.button-4, a.button2.button-orange.button-4, input.button2.button-orange.button-4, input.readon.button-orange.button-4, fieldset.submit-buttons input.button-orange.button-4 { color: #ee7933; border: 2px solid #ee7933; } .button.button-orange.button-3:hover, a.button1.button-orange.button-3:hover, input.button1.button-orange.button-3:hover, input.button3.button-orange.button-3:hover, a.button2.button-orange.button-3:hover, input.button2.button-orange.button-3:hover, input.readon.button-orange.button-3:hover, fieldset.submit-buttons input.button-orange.button-3:hover, .button.button-orange.button-4:hover, a.button1.button-orange.button-4:hover, input.button1.button-orange.button-4:hover, input.button3.button-orange.button-4:hover, a.button2.button-orange.button-4:hover, input.button2.button-orange.button-4:hover, input.readon.button-orange.button-4:hover, fieldset.submit-buttons input.button-orange.button-4:hover, .button.button-orange.button-3:active, a.button1.button-orange.button-3:active, input.button1.button-orange.button-3:active, input.button3.button-orange.button-3:active, a.button2.button-orange.button-3:active, input.button2.button-orange.button-3:active, input.readon.button-orange.button-3:active, fieldset.submit-buttons input.button-orange.button-3:active, .button.button-orange.button-4:active, a.button1.button-orange.button-4:active, input.button1.button-orange.button-4:active, input.button3.button-orange.button-4:active, a.button2.button-orange.button-4:active, input.button2.button-orange.button-4:active, input.readon.button-orange.button-4:active, fieldset.submit-buttons input.button-orange.button-4:active, .button.button-orange.button-3:focus, a.button1.button-orange.button-3:focus, input.button1.button-orange.button-3:focus, input.button3.button-orange.button-3:focus, a.button2.button-orange.button-3:focus, input.button2.button-orange.button-3:focus, input.readon.button-orange.button-3:focus, fieldset.submit-buttons input.button-orange.button-3:focus, .button.button-orange.button-4:focus, a.button1.button-orange.button-4:focus, input.button1.button-orange.button-4:focus, input.button3.button-orange.button-4:focus, a.button2.button-orange.button-4:focus, input.button2.button-orange.button-4:focus, input.readon.button-orange.button-4:focus, fieldset.submit-buttons input.button-orange.button-4:focus { border: 2px solid #c45410; color: #c45410; } .button.button-orange:hover, a.button1.button-orange:hover, input.button1.button-orange:hover, input.button3.button-orange:hover, a.button2.button-orange:hover, input.button2.button-orange:hover, input.readon.button-orange:hover, fieldset.submit-buttons input.button-orange:hover, .button.button-orange:active, a.button1.button-orange:active, input.button1.button-orange:active, input.button3.button-orange:active, a.button2.button-orange:active, input.button2.button-orange:active, input.readon.button-orange:active, fieldset.submit-buttons input.button-orange:active, .button.button-orange:focus, a.button1.button-orange:focus, input.button1.button-orange:focus, input.button3.button-orange:focus, a.button2.button-orange:focus, input.button2.button-orange:focus, input.readon.button-orange:focus, fieldset.submit-buttons input.button-orange:focus { background: #c45410; } .button.button-blue, a.button1.button-blue, input.button1.button-blue, input.button3.button-blue, a.button2.button-blue, input.button2.button-blue, input.readon.button-blue, fieldset.submit-buttons input.button-blue { background: #279fba; } .button.button-blue.button-3, a.button1.button-blue.button-3, input.button1.button-blue.button-3, input.button3.button-blue.button-3, a.button2.button-blue.button-3, input.button2.button-blue.button-3, input.readon.button-blue.button-3, fieldset.submit-buttons input.button-blue.button-3, .button.button-blue.button-4, a.button1.button-blue.button-4, input.button1.button-blue.button-4, input.button3.button-blue.button-4, a.button2.button-blue.button-4, input.button2.button-blue.button-4, input.readon.button-blue.button-4, fieldset.submit-buttons input.button-blue.button-4 { color: #279fba; border: 2px solid #279fba; } .button.button-blue.button-3:hover, a.button1.button-blue.button-3:hover, input.button1.button-blue.button-3:hover, input.button3.button-blue.button-3:hover, a.button2.button-blue.button-3:hover, input.button2.button-blue.button-3:hover, input.readon.button-blue.button-3:hover, fieldset.submit-buttons input.button-blue.button-3:hover, .button.button-blue.button-4:hover, a.button1.button-blue.button-4:hover, input.button1.button-blue.button-4:hover, input.button3.button-blue.button-4:hover, a.button2.button-blue.button-4:hover, input.button2.button-blue.button-4:hover, input.readon.button-blue.button-4:hover, fieldset.submit-buttons input.button-blue.button-4:hover, .button.button-blue.button-3:active, a.button1.button-blue.button-3:active, input.button1.button-blue.button-3:active, input.button3.button-blue.button-3:active, a.button2.button-blue.button-3:active, input.button2.button-blue.button-3:active, input.readon.button-blue.button-3:active, fieldset.submit-buttons input.button-blue.button-3:active, .button.button-blue.button-4:active, a.button1.button-blue.button-4:active, input.button1.button-blue.button-4:active, input.button3.button-blue.button-4:active, a.button2.button-blue.button-4:active, input.button2.button-blue.button-4:active, input.readon.button-blue.button-4:active, fieldset.submit-buttons input.button-blue.button-4:active, .button.button-blue.button-3:focus, a.button1.button-blue.button-3:focus, input.button1.button-blue.button-3:focus, input.button3.button-blue.button-3:focus, a.button2.button-blue.button-3:focus, input.button2.button-blue.button-3:focus, input.readon.button-blue.button-3:focus, fieldset.submit-buttons input.button-blue.button-3:focus, .button.button-blue.button-4:focus, a.button1.button-blue.button-4:focus, input.button1.button-blue.button-4:focus, input.button3.button-blue.button-4:focus, a.button2.button-blue.button-4:focus, input.button2.button-blue.button-4:focus, input.readon.button-blue.button-4:focus, fieldset.submit-buttons input.button-blue.button-4:focus { border: 2px solid #1a697b; color: #1a697b; } .button.button-blue:hover, a.button1.button-blue:hover, input.button1.button-blue:hover, input.button3.button-blue:hover, a.button2.button-blue:hover, input.button2.button-blue:hover, input.readon.button-blue:hover, fieldset.submit-buttons input.button-blue:hover, .button.button-blue:active, a.button1.button-blue:active, input.button1.button-blue:active, input.button3.button-blue:active, a.button2.button-blue:active, input.button2.button-blue:active, input.readon.button-blue:active, fieldset.submit-buttons input.button-blue:active, .button.button-blue:focus, a.button1.button-blue:focus, input.button1.button-blue:focus, input.button3.button-blue:focus, a.button2.button-blue:focus, input.button2.button-blue:focus, input.readon.button-blue:focus, fieldset.submit-buttons input.button-blue:focus { background: #1a697b; } .g-button-arrow { display: block; font-family: "helvetica"; font-size: 4rem; line-height: 2rem; } table { border: 1px solid #dedede; } th { background: rgba(0, 0, 0, 0.1); padding: 0.5rem; } td { padding: 0.5rem; border: 1px solid #dedede; } textarea, select[multiple=multiple] { background-color: white; border: 2px solid #cacaca; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); } textarea:hover, select[multiple=multiple]:hover { border-color: #2eaad8; } textarea:focus, select[multiple=multiple]:focus { border-color: #2eaad8; } textarea { width: 100%; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } fieldset.input { margin: 0; padding: 0; } input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] { background-color: white; vertical-align: middle; border: 2px solid #cacaca; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); font-size: 1rem; line-height: 1.5; -webkit-transition: border-color 0.2s; -moz-transition: border-color 0.2s; transition: border-color 0.2s; } input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover { border-color: #2eaad8; } input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus { border-color: #2eaad8; } select { background-color: #fff; border: 1px solid #a2a2a2; color: #888; height: 30px; font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-size: 14px; line-height: 30px; } select[multiple=multiple] { height: auto; } .g-social a { display: inline-block; background: #888; color: #fff; border-radius: 0.1875rem; text-align: center; vertical-align: middle; padding: 0.1rem 0.25rem; } .g-social a:hover { color: #fff; background: #2eaad8; } #g-offcanvas { background: #030202; width: 17rem; color: #fff; } #g-offcanvas a { color: #9b6969; } #g-offcanvas a:hover { color: #fff; } #g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong { color: #fff; } #g-offcanvas .button, #g-offcanvas a.button1, #g-offcanvas input.button1, #g-offcanvas input.button3, #g-offcanvas a.button2, #g-offcanvas input.button2, #g-offcanvas input.readon, #g-offcanvas fieldset.submit-buttons input, fieldset.submit-buttons #g-offcanvas input { background: #d3649f; color: #fff; } #g-offcanvas .button:hover, #g-offcanvas a.button1:hover, #g-offcanvas input.button1:hover, #g-offcanvas input.button3:hover, #g-offcanvas a.button2:hover, #g-offcanvas input.button2:hover, #g-offcanvas input.readon:hover, #g-offcanvas fieldset.submit-buttons input:hover, fieldset.submit-buttons #g-offcanvas input:hover { background: #d978ab; } #g-offcanvas .button:active, #g-offcanvas a.button1:active, #g-offcanvas input.button1:active, #g-offcanvas input.button3:active, #g-offcanvas a.button2:active, #g-offcanvas input.button2:active, #g-offcanvas input.readon:active, #g-offcanvas fieldset.submit-buttons input:active, fieldset.submit-buttons #g-offcanvas input:active { background: #cd5093; } .g-offcanvas-toggle { font-size: 1.25rem; color: #2eaad8; border-radius: 3px; padding: 0.15rem; top: 1.25rem; left: 0.75rem; z-index: 100001; } .g-offcanvas-open .g-offcanvas-left #g-page-surround { left: 17rem; } .g-offcanvas-open .g-offcanvas-right #g-page-surround { right: 17rem; } #g-offcanvas #g-mobilemenu-container ul { background: #030202; } #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container { color: #fff; padding: 0.938rem; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container { color: #fff; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: #2391ba; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover { background: #259bc7; } #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid #48b4dd; background: #269fcc; border-radius: 0.1875rem; margin: -0.3rem 0 -0.2rem 0.5rem; 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: #2391ba; } #g-offcanvas #g-mobilemenu-container ul .g-dropdown-column { width: 17rem; } #g-mobilemenu-container { margin: -1.563rem; } .g-error > .g-content { padding: 7.504rem 0; } .g-error h1 { font-size: 3rem; } .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 transform 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, -moz-transform 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-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 transform 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, -moz-transform 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; } @-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; } } .rokajaxsearch *, .rokajaxsearch *:before, .rokajaxsearch *:after { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .platform-content .rokajaxsearch * *, .platform-content .rokajaxsearch *:before *, .platform-content .rokajaxsearch *:after *, .platform-content .rokajaxsearch * *:before, .platform-content .rokajaxsearch *:before *:before, .platform-content .rokajaxsearch *:after *:before, .platform-content .rokajaxsearch * *:after, .platform-content .rokajaxsearch *:before *:after, .platform-content .rokajaxsearch *:after *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .rokajaxsearch #roksearch_search_str { border: 1px solid transparent; border-radius: 2rem; margin-bottom: 1rem; padding: 0.35rem 1rem; width: 100%; } form#rokajaxsearch { margin: 0; } form#rokajaxsearch > .rokajaxsearch { background: none; box-shadow: none; border: none; } #roksearch_results { color: #888; background: #fff; border: 1px solid #8a8a8a; } #roksearch_results .roksearch_result_wrapper1 { background: #f2f2f2; color: #888; } #roksearch_results .roksearch_result_wrapper1:hover { background: #2eaad8; color: #155871; border: 1px solid #0d3746; } #roksearch_results span.highlight { color: #fff; background-color: #1d7a9c; text-shadow: none; } @media only all and (max-width: 47.938rem) { body #roksearch_results { width: 95%; } } .rokajaxsearch .search_options { margin-top: 8px; padding-bottom: 15px; } .rokajaxsearch .search_options label { margin-right: 10px !important; } .rokajaxsearch .search_options label input[type="radio"], .rokajaxsearch .search_options label input[type="checkbox"] { margin: 0 5px 0 0; } .rokajaxsearch .clr { clear: both; } .rokajaxsearch .searchintro { overflow: hidden; } #roksearch_results { z-index: 10000; position: absolute; width: 400px; float: right; text-align: left; visibility: hidden; margin-top: 5px; } #roksearch_results .small { display: inline; position: relative; text-align: inherit; bottom: 0; right: 0; font-size: 11px; font-style: italic; } #roksearch_results a.clr { margin: 10px 0 5px 0; } #roksearch_results h3 { color: #fff; margin-top: 0; margin-bottom: 2px; line-height: 110%; font-size: 110%; padding-bottom: 0; } #roksearch_results h3:hover { color: inherit; } #roksearch_results .container-wrapper { overflow: hidden; } #roksearch_results .page { float: left; } #roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm { background: #f2f2f2; padding: 10px 15px; line-height: 130%; text-transform: none; font-weight: normal; font-size: 14px; } #roksearch_results .roksearch_row_btm { overflow: hidden; border-top: 1px solid #8a8a8a; } #roksearch_results .roksearch_even, #roksearch_results .roksearch_odd { padding: 15px; border-bottom: none; } #roksearch_results .roksearch_even span, #roksearch_results .roksearch_odd span { margin-top: 15px; line-height: 140%; } #roksearch_results .roksearch_even span.highlight, #roksearch_results .roksearch_odd span.highlight { margin-top: 0; padding: 0 3px; } #roksearch_results .viewall { float: left; margin: 0 5px; } #roksearch_results .viewall span { line-height: 130%; text-transform: none; } #roksearch_results .estimated_res { font-size: 9px; font-style: italic; text-transform: none; float: left; } #roksearch_results .pagination_res { font-style: normal; float: right; text-transform: none; font-size: 11px; } #roksearch_results .pagination_res span { padding: 0 5px; } #roksearch_results .powered-by-google { text-transform: lowercase; font-style: italic; font-size: 9px; } #roksearch_results .google-search #roksearch_link { margin-top: 5px; } #roksearch_results .google-thumb-image { margin: 0 auto; } #roksearch_results .readon { margin-top: 15px; } #roksearch_results .readon span, #roksearch_results .readon .button, #roksearch_results .readon a.button1, #roksearch_results .readon input.button1, #roksearch_results .readon input.button3, #roksearch_results .readon a.button2, #roksearch_results .readon input.button2, #roksearch_results .readon input.readon, #roksearch_results .readon fieldset.submit-buttons input, fieldset.submit-buttons #roksearch_results .readon input { font-size: 13px; line-height: 22px; } #roksearch_results .container-arrows { height: 12px; width: 30px; float: left; margin-right: 5px; position: relative; } #roksearch_results #roksearch_link:before { content: "×"; font-size: 1.5em; position: absolute; right: 10px; top: 8px; z-index: 100; } #roksearch_results .arrow-left, #roksearch_results .arrow-left-disabled, #roksearch_results .arrow-right, #roksearch_results .arrow-right-disabled { position: absolute; } #roksearch_results .arrow-left:before, #roksearch_results .arrow-left-disabled:before, #roksearch_results .arrow-right:before, #roksearch_results .arrow-right-disabled:before { font-family: FontAwesome; font-size: 1.3em; } #roksearch_results .arrow-left, #roksearch_results .arrow-right { cursor: pointer; } #roksearch_results .arrow-left:before, #roksearch_results .arrow-right:before { color: #2eaad8; } #roksearch_results .arrow-left, #roksearch_results .arrow-left-disabled { left: 0; } #roksearch_results .arrow-left:before, #roksearch_results .arrow-left-disabled:before { content: '\f104'; } #roksearch_results .arrow-right, #roksearch_results .arrow-right-disabled { left: 18px; } #roksearch_results .arrow-right:before, #roksearch_results .arrow-right-disabled:before { content: '\f105'; } .sprocket-strips .sprocket-strips-arrows .arrow { color: #fff; background: #2eaad8; box-shadow: none; width: 30px; height: 30px; font-size: 2rem; font-weight: normal; line-height: 23px; opacity: 1; } .sprocket-strips .sprocket-strips-arrows .arrow:hover { opacity: 0.75; } .sprocket-strips .sprocket-strips-pagination li, .sprocket-features.layout-slideshow .sprocket-features-pagination li { background: transparent; color: #155871; border: 2px solid #2eaad8; border-radius: 100%; width: 15px; height: 15px; padding: 0; box-shadow: none; } .sprocket-strips .sprocket-strips-pagination li.active, .sprocket-features.layout-slideshow .sprocket-features-pagination li.active { background: #2eaad8; } [class*="sprocket-"] *, [class*="sprocket-"] *:before, [class*="sprocket-"] *:after { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .platform-content [class*="sprocket-"] *, .platform-content [class*="sprocket-"] *:before, .platform-content [class*="sprocket-"] *:after { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .sprocket-grids-b .sprocket-grids-b-item { overflow: hidden; } .sprocket-grids-b .sprocket-grids-b-container li { padding: 1px; } .sprocket-grids-b .sprocket-grids-b-image-container { opacity: 1; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .sprocket-grids-b .sprocket-grids-b-image-container:hover { opacity: 0.5; -webkit-transform: scale(1.25) rotate(5deg); -moz-transform: scale(1.25) rotate(5deg); -ms-transform: scale(1.25) rotate(5deg); -o-transform: scale(1.25) rotate(5deg); transform: scale(1.25) rotate(5deg); } .sprocket-grids-b .sprocket-grids-b-effect { display: none; } .sprocket-grids-b .sprocket-grids-b-readon { background-color: transparent; } .sprocket-grids-b .sprocket-grids-b-readon:hover, .sprocket-grids-b .sprocket-grids-b-readon:active, .sprocket-grids-b .sprocket-grids-b-readon:focus { background-color: transparent; } .sprocket-grids-b .overlay-mode a { color: #fff; } .sprocket-grids-b .overlay-mode.sprocket-grids-b-content { visibility: visible; opacity: 1; height: auto; top: auto; } .sprocket-grids-b .overlay-mode.sprocket-grids-b-content:hover { height: auto; } .sprocket-grids-b .overlay-mode .sprocket-grids-b-title, .sprocket-grids-b .overlay-mode .sprocket-grids-b-text, .sprocket-grids-b .overlay-mode .sprocket-grids-b-readon { opacity: 1; margin: 0; } .sprocket-grids-b .overlay-mode .sprocket-grids-b-title { text-transform: uppercase; font-style: italic; font-size: 1.3rem; line-height: 1.75rem; } .sprocket-grids-b .overlay-mode .sprocket-grids-b-title-alt { text-transform: capitalize; font-style: normal; font-weight: normal; } .fp-sprocket-grids-main-2 .sprocket-grids-b { background: #000; } .fp-sprocket-grids-main-2 .sprocket-grids-b .sprocket-grids-b-container li { padding: 0; } .fp-sprocket-grids-main-2 .sprocket-grids-b .overlay-mode .sprocket-grids-b-title { font-style: normal; font-size: 0.9rem; } #g-main .fp-sprocket-grids-main-2 .sprocket-grids-b .overlay-mode h2, #g-main .fp-sprocket-grids-main-2 .sprocket-grids-b .overlay-mode h2 a, #g-main .fp-sprocket-grids-main-2 .sprocket-grids-b .overlay-mode .g-tag, #g-main .fp-sprocket-grids-main-2 .sprocket-grids-b .overlay-mode .sprocket-strips .sprocket-strips-text-sub, .sprocket-strips #g-main .fp-sprocket-grids-main-2 .sprocket-grids-b .overlay-mode .sprocket-strips-text-sub, #g-main .fp-sprocket-grids-main-2 .sprocket-grids-b .overlay-mode .g-horizontalmenu a, #g-main .fp-sprocket-grids-main-2 .sprocket-grids-b .overlay-mode .sprocket-grids-b-title { color: #d3649f; } .fp-sprocket-grids-main-2 .sprocket-grids-b .overlay-mode .sprocket-grids-b-text { font-size: 1rem; font-weight: normal; margin: 1.5rem 0; } .fp-sprocket-grids-main-2 .sprocket-grids-b .sprocket-grids-b-image-container:before { background: rgba(0, 0, 0, 0.65); position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; } .sprocket-mosaic .clear { clear: both; } .sprocket-mosaic .sprocket-mosaic-header { margin-bottom: 20px; } .sprocket-mosaic .sprocket-mosaic-container { margin: 0; } .sprocket-mosaic .sprocket-mosaic-item { border: 1px solid rgba(136, 136, 136, 0.1); margin: 0; border-radius: 0; } .sprocket-mosaic .sprocket-padding { padding: 2.138rem; } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .sprocket-mosaic .sprocket-padding { padding: 1.438rem; } } .sprocket-mosaic .sprocket-mosaic-tags { background: none; } .sprocket-mosaic .sprocket-mosaic-title { font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: normal; font-size: 1.7rem; line-height: 2.2rem; position: relative; top: -0.3rem; } @media only all and (min-width: 60rem) and (max-width: 74.938rem) { .sprocket-mosaic .sprocket-mosaic-title { font-size: 1.4rem; line-height: 1.9rem; } } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .sprocket-mosaic .sprocket-mosaic-title { font-size: 1.1rem; line-height: 1.6rem; } } .sprocket-mosaic .sprocket-mosaic-title-text { display: block; margin-left: 50px; top: -0.3rem; position: relative; } .sprocket-mosaic .sprocket-mosaic-tags li, .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-mosaic .sprocket-mosaic-order li { background: none; font-style: normal; border: 0; display: inline-block; margin: 0 0.5rem; font-weight: bold; font-size: 0.9rem; text-transform: uppercase; color: #2eaad8; } .sprocket-mosaic .sprocket-mosaic-tags li:first-child, .sprocket-mosaic .sprocket-mosaic-filter li:first-child, .sprocket-mosaic .sprocket-mosaic-order li:first-child { margin-left: 0; } .sprocket-mosaic .sprocket-mosaic-tags li:last-child, .sprocket-mosaic .sprocket-mosaic-filter li:last-child, .sprocket-mosaic .sprocket-mosaic-order li:last-child { margin-right: 0; } .sprocket-mosaic .sprocket-mosaic-loadmore { background: none; border: 0; width: 185px; } .sprocket-mosaic .sprocket-mosaic-loadmore.load-all { width: 115px; } .sprocket-mosaic .loadmore-more, .sprocket-mosaic .load-all .loadmore-all { background-color: transparent; } .sprocket-mosaic .loadmore-more:hover, .sprocket-mosaic .load-all .loadmore-all:hover, .sprocket-mosaic .loadmore-more:active, .sprocket-mosaic .load-all .loadmore-all:active, .sprocket-mosaic .loadmore-more:focus, .sprocket-mosaic .load-all .loadmore-all:focus { background-color: transparent; } .sprocket-strips li { margin: 1px; } .sprocket-strips .sprocket-strips-item { box-shadow: none; border-radius: 3px; overflow: hidden; background-color: #fff; background-size: cover; position: relative; padding: 0.938rem; } .sprocket-strips .sprocket-strips-item:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.5); } .sprocket-strips .sprocket-strips-content { color: #1a1a1a; padding-left: 0 !important; padding-top: 0; padding-bottom: 0; padding-right: 0; } .sprocket-strips .sprocket-strips-title, .sprocket-strips .sprocket-strips-title a { font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: normal; font-size: 1.25rem; margin: 0; } .sprocket-strips .sprocket-strips-icon { top: 0; } .fp-sprocket-strips-extension .sprocket-strips .sprocket-strips-content { padding-left: 75px !important; } .sprocket-strips .sprocket-strips-overlay .css-loader-wrapper { -webkit-box-sizing: unset !important; -moz-box-sizing: unset !important; box-sizing: unset !important; } .g-sprocket-negative-margin { margin-top: -28vh; } .g-sprocket-negative-margin .g-triangle { margin-top: -100px; } @media only all and (max-width: 47.938rem) { .g-sprocket-negative-margin { margin-top: 0; } } .fp-sprocket-features-stories { display: flex; } .fp-sprocket-features-stories .g-content { margin-right: 0; margin-bottom: 0; padding-bottom: 0; } .fp-sprocket-features-stories .g-content, .fp-sprocket-features-stories .platform-content, .fp-sprocket-features-stories .moduletable, .fp-sprocket-features-stories .sprocket-features, .fp-sprocket-features-stories .sprocket-features-img-list, .fp-sprocket-features-stories [class^="sprocket-features-index-"], .fp-sprocket-features-stories .sprocket-features-img-container { display: flex; } .sprocket-features.layout-stories { margin-top: -1.563rem; margin-right: -1.563rem; } @media only all and (max-width: 47.938rem) { .sprocket-features.layout-stories { margin-left: -1.563rem; } } .sprocket-features.layout-stories .sprocket-features-title { font-size: 2.25rem; line-height: 2.75rem; font-weight: normal; font-family: poly, Helvetica, Tahoma, Geneva, Arial, sans-serif; } @media only all and (max-width: 47.938rem) { .sprocket-features.layout-stories .sprocket-features-title { font-size: 1.5rem; line-height: 1.75rem; } } .sprocket-features.layout-stories .sprocket-features-content-wrapper { top: 15%; width: 65%; } .sprocket-features.layout-stories .sprocket-features-desc { opacity: 0.5; font-size: 1rem; line-height: 1.5; } @media only all and (max-width: 47.938rem) { .sprocket-features.layout-stories .sprocket-features-desc { display: none; } } .sprocket-features.layout-stories .sprocket-features-img-container:before { background: rgba(0, 0, 0, 0.5); position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .sprocket-features.layout-slideshow .sprocket-features-img-container { background-position: center; background-size: cover; height: 80vh; } .sprocket-features.layout-slideshow .sprocket-features-img-container img { visibility: hidden; } .sprocket-features.layout-slideshow .sprocket-features-img-container:before { background: - webkit-linear-gradient( rgba(46, 170, 216, 0.75), rgba(7, 188, 255, 0.75)); background: linear-gradient( rgba(46, 170, 216, 0.75), rgba(7, 188, 255, 0.75)); position: absolute; content: ""; width: 50%; height: 100%; bottom: 0; right: 0; } .sprocket-features.layout-slideshow .sprocket-features-index-1 .sprocket-features-img-container, .sprocket-features.layout-slideshow .sprocket-features-index-1 .sprocket-features-content { opacity: 1; z-index: 2; } .sprocket-features.layout-slideshow .sprocket-features-index-1 .sprocket-features-img-container { position: relative; } .sprocket-features.layout-slideshow .sprocket-features-img-container, .sprocket-features.layout-slideshow .sprocket-features-content { opacity: 0; position: absolute; z-index: 1; } .sprocket-features.layout-slideshow .sprocket-features-content { width: 100%; top: 0; left: 0; } .sprocket-features.layout-slideshow .sprocket-features-title, .sprocket-features.layout-slideshow .sprocket-features-desc { background: transparent; color: inherit; } .sprocket-features.layout-slideshow .sprocket-features-title { font-weight: normal; padding-left: 0; padding-right: 0; margin: 0; line-height: 1.5; } @media only all and (max-width: 30rem) { .sprocket-features.layout-slideshow .sprocket-features-title { padding-top: 1rem !important; } } .sprocket-features.layout-slideshow .sprocket-features-desc { width: 70%; position: relative; display: block; text-align: center; margin: 0 auto; font-size: 1.05rem; line-height: 1.3; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .sprocket-features.layout-slideshow .sprocket-features-desc { display: none; } } @media only all and (max-width: 47.938rem) { .sprocket-features.layout-slideshow .sprocket-features-desc { display: none; } } .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow { margin-top: -15px; width: 115px; border-radius: 0; opacity: 1; box-shadow: none; } .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow span { display: none; } .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow.next { right: 0; } .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow.next:before { content: " →"; } .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow.prev { left: 0; } .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow.prev:before { content: "← "; } @media only all and (max-width: 30rem) { .sprocket-features.layout-slideshow .sprocket-features-arrows .arrow { width: 60px; height: 20px; line-height: 18px; } } .sprocket-features.layout-slideshow .sprocket-features-pagination { left: 1rem; right: inherit; } @media only all and (max-width: 47.938rem) { .sprocket-features.layout-slideshow .sprocket-features-pagination { left: 1rem; text-align: center; bottom: 0; } } .sprocket-features.layout-slideshow .sprocket-features-pagination li { display: inline-block; width: 30px; height: 30px; margin-bottom: 0.25rem; color: #fff; } @media only all and (max-width: 47.938rem) { .sprocket-features.layout-slideshow .sprocket-features-pagination li { width: 15px; height: 15px; display: inline-block; vertical-align: bottom; } .sprocket-features.layout-slideshow .sprocket-features-pagination li span { display: none; visibility: hidden; } } .sprocket-features.layout-slideshow .sprocket-features-pagination li span { display: block; line-height: 28px; text-align: center; font-size: 1rem; font-weight: bold; } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .sprocket-grids-b-columns-3 > li, .sprocket-grids-b-columns-4 > li, .sprocket-grids-b-columns-5 > li, .sprocket-grids-b-columns-6 > li, .sprocket-grids-b-columns-7 > li, .sprocket-grids-b-columns-8 > li, .sprocket-grids-b-columns-9 > li, .sprocket-grids-b-columns-10 > li { width: 33.34%; } } @media only all and (min-width: 30.062rem) and (max-width: 47.938rem) { .sprocket-grids-b-columns-3 > li, .sprocket-grids-b-columns-4 > li, .sprocket-grids-b-columns-5 > li, .sprocket-grids-b-columns-6 > li, .sprocket-grids-b-columns-7 > li, .sprocket-grids-b-columns-8 > li, .sprocket-grids-b-columns-9 > li, .sprocket-grids-b-columns-10 > li { width: 50%; } .sprocket-grids-b-info { display: none; } } @media only all and (max-width: 30rem) { .sprocket-grids-b-columns-1 > li, .sprocket-grids-b-columns-2 > li, .sprocket-grids-b-columns-3 > li, .sprocket-grids-b-columns-4 > li, .sprocket-grids-b-columns-5 > li, .sprocket-grids-b-columns-6 > li, .sprocket-grids-b-columns-7 > li, .sprocket-grids-b-columns-8 > li, .sprocket-grids-b-columns-9 > li, .sprocket-grids-b-columns-10 > li { width: 50%; } .sprocket-grids-b-content { text-align: center; } .sprocket-grids-b-info, .sprocket-grids-b-text { display: none; } } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .sprocket-mosaic-columns-3 li, .sprocket-mosaic-columns-4 li, .sprocket-mosaic-columns-5 li, .sprocket-mosaic-columns-6 li, .sprocket-mosaic-g-columns-1 > li, .sprocket-mosaic-g-columns-2 > li, .sprocket-mosaic-g-columns-3 > li, .sprocket-mosaic-g-columns-4 > li, .sprocket-mosaic-g-columns-5 > li, .sprocket-mosaic-g-columns-6 > li { width: 33.34%; } } @media only all and (min-width: 30.062rem) and (max-width: 47.938rem) { .sprocket-mosaic-columns-3 li, .sprocket-mosaic-columns-4 li, .sprocket-mosaic-columns-5 li, .sprocket-mosaic-columns-6 li, .sprocket-mosaic-g-columns-1 > li, .sprocket-mosaic-g-columns-2 > li, .sprocket-mosaic-g-columns-3 > li, .sprocket-mosaic-g-columns-4 > li, .sprocket-mosaic-g-columns-5 > li, .sprocket-mosaic-g-columns-6 > li { width: 50%; } .sprocket-mosaic-g-info { display: none; } } @media only all and (max-width: 30rem) { .sprocket-mosaic-columns-1 li, .sprocket-mosaic-columns-2 li, .sprocket-mosaic-columns-3 li, .sprocket-mosaic-columns-4 li, .sprocket-mosaic-columns-5 li, .sprocket-mosaic-columns-6 li, .sprocket-mosaic-g-columns-1 > li, .sprocket-mosaic-g-columns-2 > li, .sprocket-mosaic-g-columns-3 > li, .sprocket-mosaic-g-columns-4 > li, .sprocket-mosaic-g-columns-5 > li, .sprocket-mosaic-g-columns-6 > li { width: 100%; } .sprocket-mosaic-g-content { text-align: center; } .sprocket-mosaic-g-info, .sprocket-mosaic-g-tags, .sprocket-mosaic-g-text { display: none; } } @media only all and (max-width: 47.938rem) { .sprocket-quotes .cols-1 > li, .sprocket-quotes .cols-2 > li, .sprocket-quotes .cols-3 > li, .sprocket-quotes .cols-4 > li { width: 100%; float: none; } } @media only all and (max-width: 47.938rem) { .sprocket-strips .cols-1 > li, .sprocket-strips .cols-2 > li, .sprocket-strips .cols-3 > li, .sprocket-strips .cols-4 > li, .sprocket-strips .cols-5 > li, .sprocket-strips .cols-6 > li, .sprocket-strips .cols-7 > li, .sprocket-strips .cols-8 > li, .sprocket-strips .cols-9 > li, .sprocket-strips .cols-10 > li, .sprocket-strips .cols-11 > li, .sprocket-strips .cols-12 > li { width: 98%; float: none; } } @media only all and (min-width: 30.062rem) and (max-width: 47.938rem) { .sprocket-strips-c-container .sprocket-strips-c-block, .sprocket-strips-p-container .sprocket-strips-p-block, .sprocket-strips-s-container .sprocket-strips-s-block { width: 50%; } } @media only all and (max-width: 30rem) { .sprocket-strips-c-container .sprocket-strips-c-block, .sprocket-strips-p-container .sprocket-strips-p-block, .sprocket-strips-s-container .sprocket-strips-s-block { width: 100%; float: none; } .sprocket-strips-s-item img { width: auto; float: none; margin: 0; } } @media only all and (min-width: 30.062rem) and (max-width: 47.938rem) { .sprocket-tables-container .sprocket-tables-block { width: 50%; } } @media only all and (max-width: 30rem) { .sprocket-tables-container .sprocket-tables-block { width: 100%; float: none; margin-bottom: 15px; } } .g-blogcontent .g-blogcontent-title { margin: 0; } .g-contentlist *, .g-contentlist *:before, .g-contentlist *:after { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .g-contentlist .g-contentlist-headline, .g-contentlist .g-contentlist-subtitle { margin: 0; } .g-contentlist .g-contentlist-headline { line-height: 1.8rem; } .g-contentlist .g-contentlist-subtitle { font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: 400; font-size: 0.85rem; opacity: 0.75; line-height: 2.2rem; } .g-contentlist .g-contentlist-desc { margin: 0.5rem 0 1.5rem 0; } .g-contentlist .g-contentlist-img { background-repeat: no-repeat; background-size: cover; background-position: center top; } .g-contentlist .g-contentlist-img-tag { color: #fff; background: rgba(0, 0, 0, 0.75); border-radius: 3px; display: inline-block; font-family: poly, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: 700; font-size: 0.7rem; margin: 1rem; padding: 0.15rem 0.75rem; text-transform: uppercase; } .g-contentlist .g-contentlist-list { background: rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); } .g-contentlist .g-contentlist-list .g-content { background: transparent; } .g-contentlist .g-listgrid { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; margin: -0.5rem; } .g-contentlist .g-listgrid .g-listgrid-item { -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; padding: 0.25rem; width: 100%; font-size: 0.9rem; font-weight: bold; float: left; } .g-contentlist .g-listgrid .g-listgrid-item a { position: relative; padding-left: 30px; color: inherit; display: block; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); opacity: 0.75; } .g-contentlist .g-listgrid .g-listgrid-item a:hover { opacity: 1; } .g-contentlist .g-listgrid .g-listgrid-item .fa { font-size: 1.25rem; position: absolute; left: 0; padding-top: 0.25rem; } .g-contentlist .g-listgrid.g-listgrid-2cols .g-listgrid-item { width: 50%; } .g-contentlist .g-listgrid.g-listgrid-2cols .g-listgrid-item:last-child a, .g-contentlist .g-listgrid.g-listgrid-2cols .g-listgrid-item:nth-last-child(2) a { border-bottom: 0; } .g-contentlist .g-listgrid.g-listgrid-3cols .g-listgrid-item { width: 33.33333%; } .g-contentlist .g-listgrid.g-listgrid-3cols .g-listgrid-item:last-child a, .g-contentlist .g-listgrid.g-listgrid-3cols .g-listgrid-item:nth-last-child(2) a, .g-contentlist .g-listgrid.g-listgrid-3cols .g-listgrid-item:nth-last-child(3) a { border-bottom: 0; } .g-contentlist .g-listgrid.g-listgrid-4cols .g-listgrid-item { width: 25%; } .g-contentlist .g-listgrid.g-listgrid-4cols .g-listgrid-item:last-child a, .g-contentlist .g-listgrid.g-listgrid-4cols .g-listgrid-item:nth-last-child(2) a, .g-contentlist .g-listgrid.g-listgrid-4cols .g-listgrid-item:nth-last-child(3) a, .g-contentlist .g-listgrid.g-listgrid-4cols .g-listgrid-item:nth-last-child(4) a { border-bottom: 0; } .g-contentlist .g-listgrid.g-listgrid-5cols .g-listgrid-item { width: 20%; } .g-contentlist .g-listgrid.g-listgrid-5cols .g-listgrid-item:last-child a, .g-contentlist .g-listgrid.g-listgrid-5cols .g-listgrid-item:nth-last-child(2) a, .g-contentlist .g-listgrid.g-listgrid-5cols .g-listgrid-item:nth-last-child(3) a, .g-contentlist .g-listgrid.g-listgrid-5cols .g-listgrid-item:nth-last-child(4) a, .g-contentlist .g-listgrid.g-listgrid-5cols .g-listgrid-item:nth-last-child(5) a { border-bottom: 0; } @media only all and (max-width: 30rem) { .g-contentlist .g-listgrid[class$="cols"] .g-listgrid-item { width: 100%; } } .g-infolist .g-infolist-item { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid rgba(136, 136, 136, 0.1); } .g-infolist .g-infolist-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .g-infolist .g-infolist-item.g-infolist-with-img { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; } .g-infolist .g-infolist-item-img { margin-right: 1rem; margin-top: 0.35rem; } .g-infolist .g-infolist-item-img img { border-radius: 3px; } .g-infolist .g-infolist-item-title { font-size: 0.9rem; margin: 0 0 0.25rem 0; } .g-infolist .g-infolist-item-desc { margin: 0; font-size: 0.875rem; } .g-contact .g-contact-item { position: relative; padding-left: 50px; margin-bottom: 1.5rem; } .g-contact .g-contact-icon { position: absolute; left: 0; font-size: 1.25rem; border-right: 1px solid rgba(255, 255, 255, 0.15); width: 35px; height: 45px; line-height: 45px; } .g-contact .g-contact-label { text-transform: uppercase; font-size: 0.8rem; font-weight: bold; opacity: 0.5; } .g-contact .g-contact-text { font-family: poly, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: 700; } .g-imagegrid *, .g-imagegrid *:before, .g-imagegrid *:after { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .g-imagegrid .g-imagegrid-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; margin: -0.25rem; } .g-imagegrid .g-imagegrid-item { -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; padding: 0.25rem; width: 100%; display: inline-block; vertical-align: top; } .g-imagegrid .g-imagegrid-item:hover img { opacity: 0.25; -webkit-transition: opacity 0.35s; -moz-transition: opacity 0.35s; transition: opacity 0.35s; } .g-imagegrid .g-imagegrid-item:hover .g-imagegrid-link:before { opacity: 1; } .g-imagegrid .g-imagegrid-desc { margin: 1.5rem 0; } .g-imagegrid .g-imagegrid-link { display: block; position: relative; background: #2eaad8; border-radius: 3px; overflow: hidden; } .g-imagegrid .g-imagegrid-link:before { font-family: FontAwesome; content: "\f002"; font-size: 1.25rem; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -13px; z-index: 1; opacity: 0; } .g-imagegrid .g-imagegrid-2cols .g-imagegrid-item { width: 50%; } .g-imagegrid .g-imagegrid-3cols .g-imagegrid-item { width: 33.33333%; } .g-imagegrid .g-imagegrid-4cols .g-imagegrid-item { width: 25%; } .g-imagegrid .g-imagegrid-5cols .g-imagegrid-item { width: 20%; } .g-imageoverlay *, .g-imageoverlay *:before, .g-imageoverlay *:after { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .g-imageoverlay .g-imageoverlay-content { position: relative; background: #000; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; } .g-imageoverlay .g-imageoverlay-content:hover { background: #2eaad8; } .g-imageoverlay .g-imageoverlay-content:hover img { -webkit-transform: scale(1.25) rotate(5deg); -moz-transform: scale(1.25) rotate(5deg); -ms-transform: scale(1.25) rotate(5deg); -o-transform: scale(1.25) rotate(5deg); transform: scale(1.25) rotate(5deg); } .g-imageoverlay .g-imageoverlay-img { display: block; position: relative; overflow: hidden; } .g-imageoverlay .g-imageoverlay-img img { opacity: 0.75; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .g-imageoverlay .g-imageoverlay-tag { color: #fff; background: #2eaad8; border-radius: 0 0 3px 3px; font-size: 0.8rem; font-weight: bold; text-transform: uppercase; left: 1.75rem; padding: 0.25rem 0.75rem; position: absolute; top: 0; } .g-imageoverlay .g-imageoverlay-title { color: #fff; bottom: 0; font-weight: 700; font-size: 1.3rem; line-height: 1.3; padding: 1.75rem; position: absolute; } @media only all and (min-width: 60rem) and (max-width: 74.938rem) { .g-imageoverlay .g-imageoverlay-title { font-size: 1.2rem; } } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .g-imageoverlay .g-imageoverlay-title { font-size: 1rem; } } .g-imageoverlay .g-imageoverlay-desc { font-size: 0.9rem; margin-top: 1.25rem; } .sprocket-grids-b .overlay-mode, .g-imageblock .g-imageblock-text-top, .g-imageblock .g-imageblock-text-bottom { width: 100%; color: #fff; font-weight: 700; padding: 1.25rem; position: absolute; } .sprocket-grids-b .overlay-mode .sprocket-grids-b-text, .g-imageblock .g-imageblock-desc { display: block; font-size: 0.8rem; } .g-imageblock .g-imageblock-content { position: relative; } .g-imageblock .g-imageblock-content:hover img { opacity: 0.5; -webkit-transform: scale(1.25) rotate(5deg); -moz-transform: scale(1.25) rotate(5deg); -ms-transform: scale(1.25) rotate(5deg); -o-transform: scale(1.25) rotate(5deg); transform: scale(1.25) rotate(5deg); } .g-imageblock .g-imageblock-img { display: block; position: relative; overflow: hidden; } .g-imageblock .g-imageblock-img img { opacity: 1; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .g-imageblock .g-imageblock-icon { color: #fff; position: absolute; top: 1.25rem; left: 1.25rem; font-size: 1.25rem; } .g-imageblock .g-imageblock-tag { color: #671d45; background: #d3649f; border-radius: 0 0 3px 3px; font-size: 0.8rem; font-weight: bold; text-transform: uppercase; left: 1.25rem; padding: 0.25rem 0.5rem; position: absolute; top: 0; } .g-imageblock .g-imageblock-text-top { top: 3rem; } .g-imageblock .g-imageblock-text-top .g-imageblock-title { font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: normal; font-size: 1.25rem; } .g-imageblock .g-imageblock-text-bottom { bottom: 0; } .g-imageblock .g-imageblock-text-bottom .g-imageblock-title { text-transform: uppercase; font-style: italic; font-size: 1.3rem; line-height: 1.75rem; } .g-imageblock .g-imageblock-title { display: block; line-height: 1.5rem; } @media only all and (min-width: 75rem) { .g-imageblock .g-imageblock-title { line-height: 1.75rem; } } .g-imageblock .g-imageblock-title a { color: inherit; } .g-imageblock .g-imageblock-title a:hover { color: #efc7dd; } .g-layercontent { padding: 2rem; } .g-layercontent.g-layercontent-large { padding: 5rem 2rem; } .g-layercontent.g-layercontent-medium { padding: 3rem 2rem; } .g-layercontent.g-layercontent-small { padding: 2rem; } .g-layercontent .g-layercontent-title { margin: 0; line-height: 3rem; } .g-layercontent .g-layercontent-subtitle, .g-layercontent .g-layercontent-promotext { line-height: 2rem; opacity: 0.8; } .g-layercontent .g-layercontent-promotext { font-size: 1rem; font-family: poly, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: 700; margin-top: 1rem; } .g-layercontent .button, .g-layercontent a.button1, .g-layercontent input.button1, .g-layercontent input.button3, .g-layercontent a.button2, .g-layercontent input.button2, .g-layercontent input.readon, .g-layercontent fieldset.submit-buttons input, fieldset.submit-buttons .g-layercontent input { margin: 1rem 0 0.75rem 0; } .g-layercontent + .g-layercontent { padding-top: 0rem; } .g-layercontent .rounded { border-radius: 0.1875rem; } .browser-wrapper { padding-top: 34px; border-radius: 0.1875rem; position: relative; vertical-align: bottom; overflow: hidden; } .browser-wrapper.left { margin-right: 2rem; } .browser-wrapper.right { margin-left: 2rem; } .browser-wrapper .browser-bar { position: absolute; top: 0; width: 100%; height: 34px; background: #eee; border-radius: 0.1875rem 0.1875rem 0 0; border-bottom: 1px solid #e1e1e1; } .browser-wrapper .browser-bar .browser-button { top: 8px; } .browser-wrapper .browser-bar .browser-button { position: relative; display: block; content: ''; width: 12px; height: 12px; background: #ff3b47; border: 1px solid #ff0817; border-radius: 100%; left: 8px; } .browser-wrapper .browser-bar .browser-button:after, .browser-wrapper .browser-bar .browser-button:before { display: block; content: ''; width: 12px; height: 12px; position: absolute; border-radius: 100%; top: -1px; } .browser-wrapper .browser-bar .browser-button:after { left: 17px; background: #ffbd00; border: 1px solid #cc9700; } .browser-wrapper .browser-bar .browser-button:before { left: 35px; background: #00d841; border: 1px solid #00a532; } .browser-wrapper img { border-radius: 0 0 0.1875rem 0.1875rem; } .g-listgrid { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; } .g-listgrid .g-listgrid-item { -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: 100%; float: left; } .g-listgrid.g-listgrid-2cols .g-listgrid-item { width: 50%; } .g-listgrid.g-listgrid-3cols .g-listgrid-item { width: 33.33333%; } .g-listgrid.g-listgrid-4cols .g-listgrid-item { width: 25%; } .g-listgrid.g-listgrid-5cols .g-listgrid-item { width: 20%; } @media only all and (max-width: 30rem) { .g-listgrid[class$="cols"] .g-listgrid-item { width: 100%; } } .g-newsletter .g-newsletter-headtext { margin-bottom: 1.5rem; } .g-newsletter .g-newsletter-inputbox { border-radius: 1.5rem; border: 2px solid rgba(136, 136, 136, 0.1); display: inline-block; padding: 0.7rem 1.25rem; width: 70%; margin-right: 0.25rem; vertical-align: top; } .g-newsletter .g-newsletter-button { width: 25%; padding-left: inherit; padding-right: inherit; } .g-pricingtable { list-style: none; text-align: center; margin: 0; border: 1px solid rgba(136, 136, 136, 0.1); border-radius: 3px; } .g-pricingtable li { padding: 0.938rem; border-bottom: 1px solid rgba(136, 136, 136, 0.1); } .g-pricingtable li:last-child { border-bottom: 0; } .g-pricingtable .g-pricingtable-title { background: #2eaad8; color: #fff; font-size: 1.8rem; line-height: 1.2; font-family: aguafinascript, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: 900; text-transform: uppercase; } .g-pricingtable .g-pricingtable-price { color: #2eaad8; font-size: 4rem; font-family: poly, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: 700; } .g-promoimage { position: relative; text-align: center; } .g-promoimage *, .g-promoimage *:before, .g-promoimage *:after { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .g-promoimage .g-promoimage-effect { display: block; border-radius: 3px; background: #2eaad8; margin: 0; overflow: hidden; position: relative; text-align: center; width: 100%; } .g-promoimage .g-promoimage-effect img { position: relative; opacity: 0.9; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .g-promoimage .g-promoimage-iconbutton { border: 5px solid rgba(0, 0, 0, 0.85); background: rgba(46, 170, 216, 0.85); color: #000; border-radius: 100%; bottom: 0; font-family: FontAwesome; content: "\f0f6"; height: 50px; left: 50%; line-height: 42px; margin-left: -25px; margin-top: -25px; position: absolute; z-index: 11; text-align: center; top: 50%; width: 50px; -webkit-transition: -webkit-transform transform 0.25s; -moz-transition: -moz-transform transform 0.25s; transition: transform 0.25s; } .g-promoimage .g-promoimage-caption { background: #000; color: #fff; padding: 0.75rem; position: absolute; top: auto; bottom: 0; left: 0; height: 3.5rem; width: 100%; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform transform 0.35s; -moz-transition: -moz-transform transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .g-promoimage .g-promoimage-caption:before, .g-promoimage .g-promoimage-caption:after { pointer-events: none; } .g-promoimage .g-promoimage-title { display: inline-block; font-family: poly, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: 700; font-size: 1.1rem; float: left; } .g-promoimage .g-promoimage-icon a { float: right; } .g-promoimage .g-promoimage-icon a span:before { display: inline-block; padding: 8px 10px; speak: none; } .g-promoimage .g-promoimage-title, .g-promoimage .g-promoimage-icon a { -webkit-transform: translate3d(0, 200%, 0); -moz-transform: translate3d(0, 200%, 0); -ms-transform: translate3d(0, 200%, 0); -o-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); -webkit-transition: -webkit-transform transform 0.35s; -moz-transition: -moz-transform transform 0.35s; transition: transform 0.35s; } .g-promoimage .g-promoimage-desc { position: absolute; bottom: 130%; opacity: 0; width: 100%; left: 0; padding: 0.75rem; -webkit-transition: opacity 0.35s; -moz-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .g-promoimage .g-promoimage-effect:hover { background: #155871; } .g-promoimage .g-promoimage-effect:hover img { opacity: 0.75; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); } .g-promoimage .g-promoimage-effect:hover .g-promoimage-iconbutton { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .g-promoimage .g-promoimage-effect:hover .g-promoimage-desc { opacity: 1; } .g-promoimage .g-promoimage-effect:hover .g-promoimage-caption, .g-promoimage .g-promoimage-effect:hover .g-promoimage-title, .g-promoimage .g-promoimage-effect:hover .g-promoimage-icon a { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .g-promoimage .g-promoimage-effect:hover .g-promoimage-title { -webkit-transition-delay: 0.05s; -moz-transition-delay: 0.05s; transition-delay: 0.05s; } .g-promoimage .g-promoimage-effect:hover .g-promoimage-icon a:nth-child(3) { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } .g-promoimage .g-promoimage-effect:hover .g-promoimage-icon a:nth-child(2) { -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; transition-delay: 0.15s; } .g-promoimage .g-promoimage-effect:hover .g-promoimage-icon a:first-child { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .g-simplecounter-block { display: block; margin: 2rem auto 0.5rem auto; } #g-simplecounter-calendar { text-align: center; } #g-simplecounter-calendar .counter-block { display: inline-block; margin: 0 0.5rem; padding: 0; } #g-simplecounter-calendar .number, #g-simplecounter-calendar .word { display: block; margin: 0; padding: 0; } #g-simplecounter-calendar .number { width: 100px; height: 80px; line-height: 80px; font-size: 2rem; font-weight: normal; border-radius: 3px; margin-bottom: 0.5rem; color: #fff; background: - webkit-linear-gradient( #218bb2 0%, #218bb2 50%, #2eaad8 50%, #2eaad8 100%); background: linear-gradient( #218bb2 0%, #218bb2 50%, #2eaad8 50%, #2eaad8 100%); } @media only all and (max-width: 47.938rem) { #g-simplecounter-calendar .number { font-size: 1.5rem; width: 85px; height: 50px; line-height: 50px; } } #g-simplecounter-calendar .word { text-transform: uppercase; } @media only all and (max-width: 47.938rem) { #g-simplecounter-calendar .word { font-size: 75%; } } .g-swiper { position: relative; overflow: hidden; } .g-swiper .swiper-slide-content { position: relative; margin: 1.5rem; width: 65%; top: 15%; } .g-swiper .swiper-slide-content .g-title, .g-swiper .swiper-slide-content ul.topiclist li.header dt, ul.topiclist li.header .g-swiper .swiper-slide-content dt, .g-swiper .swiper-slide-content ul.topiclist li.header dd, ul.topiclist li.header .g-swiper .swiper-slide-content dd { font-size: 2.25rem; line-height: 2.75rem; } @media only all and (max-width: 47.938rem) { .g-swiper .swiper-slide-content .g-title, .g-swiper .swiper-slide-content ul.topiclist li.header dt, ul.topiclist li.header .g-swiper .swiper-slide-content dt, .g-swiper .swiper-slide-content ul.topiclist li.header dd, ul.topiclist li.header .g-swiper .swiper-slide-content dd { font-size: 1.5rem; line-height: 1.75rem; } } .g-swiper .swiper-slide-content .g-swiper-desc { opacity: 0.5; margin: 1rem 0; } @media only all and (max-width: 47.938rem) { .g-swiper .swiper-slide-content .g-swiper-desc { display: none; } } .g-swiper .swiper-slide-content .g-button-arrow { color: #d3649f; } @media only all and (max-width: 47.938rem) { .g-swiper .swiper-slide-content .g-button-arrow { margin: 1rem 0 8rem 0; } } .swiper-slide-content-list { margin: 0; } .swiper-slide-content-list .g-content { margin: 0; padding: 1.738rem; } .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; } .gallery-top { height: 100%; width: 100%; } .gallery-top .swiper-slide:before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; } .swiper-container.gallery-thumbs { height: 15%; position: absolute; bottom: 1rem; z-index: 10; } .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.6; cursor: pointer; border: 1px solid #d3649f; } .gallery-thumbs .swiper-slide-active { opacity: 1; border: none; } .gallery-thumbs .swiper-slide-active:before { background: rgba(211, 100, 159, 0.25); bottom: 0; position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; } .g-triangle { width: 0; height: 0; border-style: solid; border-width: 0 80px 100px 80px; border-color: transparent transparent #d3649f transparent; margin: auto; } .g-triangle-content { color: #8f295f; line-height: 150px; margin-left: -30px; } .g-triangle-content a { color: #8f295f; } .g-triangle-content a:hover { color: #671d45; } .g-horizontalmenu { list-style: none; margin: 0; padding: 0; } .g-horizontalmenu li { display: inline-block; margin: 0 0.5rem; font-weight: bold; font-size: 0.9rem; text-transform: uppercase; } .g-horizontalmenu li:first-child { margin-left: 0; } .g-horizontalmenu li:last-child { margin-right: 0; } .sprocket-strips .sprocket-strips-icon, .g-iconheadline .g-iconheadline-icon { position: absolute; left: 0; font-size: 3rem; width: 62px; height: 48px; line-height: 48px; } .sprocket-strips .sprocket-strips-content, .g-iconheadline .g-iconheadline-item { position: relative; padding-left: 75px; margin: 1rem 0.5rem; } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .sprocket-strips .sprocket-strips-content, .g-iconheadline .g-iconheadline-item { margin: 0; } } .g-iconheadline .g-iconheadline-link { margin-top: 1.5rem; } .title-center .g-iconheadline .g-iconheadline-link { text-align: center; } .sprocket-mosaic .sprocket-mosaic-title-number, .g-numberheadline .g-numberheadline-number { position: absolute; left: 0; font-size: 1.25rem; font-weight: bold; width: 35px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; color: #fff; background: #2eaad8; } .sprocket-mosaic-style-2 .sprocket-mosaic .sprocket-mosaic-title-number, .g-numberheadline .g-numberheadline-style-2 .g-numberheadline-number { color: #671d45; background: #d3649f; } .sprocket-mosaic-style-3 .sprocket-mosaic .sprocket-mosaic-title-number, .g-numberheadline .g-numberheadline-style-3 .g-numberheadline-number { color: #fff; background: #f75858; } .sprocket-mosaic-style-2 .sprocket-mosaic .sprocket-mosaic-tags li, .sprocket-mosaic-style-2 .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-mosaic-style-2 .sprocket-mosaic .sprocket-mosaic-order li, .g-numberheadline .g-numberheadline-style-2 a { color: #d3649f; } .sprocket-mosaic-style-2 .sprocket-mosaic .sprocket-mosaic-tags li:hover, .sprocket-mosaic-style-2 .sprocket-mosaic .sprocket-mosaic-filter li:hover, .sprocket-mosaic-style-2 .sprocket-mosaic .sprocket-mosaic-order li:hover, .g-numberheadline .g-numberheadline-style-2 a:hover { color: inherit; } .sprocket-mosaic-style-3 .sprocket-mosaic .sprocket-mosaic-tags li, .sprocket-mosaic-style-3 .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-mosaic-style-3 .sprocket-mosaic .sprocket-mosaic-order li, .g-numberheadline .g-numberheadline-style-3 a { color: #f75858; } .sprocket-mosaic-style-3 .sprocket-mosaic .sprocket-mosaic-tags li:hover, .sprocket-mosaic-style-3 .sprocket-mosaic .sprocket-mosaic-filter li:hover, .sprocket-mosaic-style-3 .sprocket-mosaic .sprocket-mosaic-order li:hover, .g-numberheadline .g-numberheadline-style-3 a:hover { color: inherit; } .sprocket-mosaic .sprocket-mosaic-tags, .g-numberheadline .g-horizontalmenu { position: relative; margin: 0 -1.2rem -1.2rem; padding: 0 1.2rem; } .sprocket-mosaic .sprocket-mosaic-tags:before, .g-numberheadline .g-horizontalmenu:before { background: rgba(136, 136, 136, 0.1); content: ''; height: 1px; position: absolute; left: -0.938rem; right: -0.938rem; } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .sprocket-mosaic .sprocket-mosaic-tags, .g-numberheadline .g-horizontalmenu { margin: 0 -0.5rem -0.5rem; padding: 0 0.5rem; } } .sprocket-mosaic .sprocket-mosaic-tags li, .g-numberheadline .g-horizontalmenu li { padding-top: 1rem; } .g-numberheadline .g-numberheadline-block { padding: 1.2rem; } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .g-numberheadline .g-numberheadline-block { padding: 0.5rem; } } .g-numberheadline .g-numberheadline-item { position: relative; padding-left: 50px; } .g-numberheadline .g-headline, .g-numberheadline .swiper-slide-content-list .g-content .g-blogcontent-title, .swiper-slide-content-list .g-content .g-numberheadline .g-blogcontent-title { font-size: 1.7rem; line-height: 2.2rem; position: relative; top: -0.3rem; } @media only all and (min-width: 60rem) and (max-width: 74.938rem) { .g-numberheadline .g-headline, .g-numberheadline .swiper-slide-content-list .g-content .g-blogcontent-title, .swiper-slide-content-list .g-content .g-numberheadline .g-blogcontent-title { font-size: 1.4rem; line-height: 1.9rem; } } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .g-numberheadline .g-headline, .g-numberheadline .swiper-slide-content-list .g-content .g-blogcontent-title, .swiper-slide-content-list .g-content .g-numberheadline .g-blogcontent-title { font-size: 1.1rem; line-height: 1.6rem; } } .g-numberheadline .g-tag, .g-numberheadline .sprocket-strips .sprocket-strips-text-sub, .sprocket-strips .g-numberheadline .sprocket-strips-text-sub { margin: 0.5rem 0; } .g-numberheadline .g-numberheadline-desc { margin: 1.25rem 0; } .g-numberheadline .g-numberheadline-link { margin-top: 1.5rem; } .title-center .g-numberheadline .g-numberheadline-link { text-align: center; } .g-etherealblock .g-etherealblock-item { position: relative; min-height: 280px; background-repeat: no-repeat; background-size: cover; } .g-etherealblock .g-etherealblock-item .g-etherealblock-content { position: absolute; bottom: 2rem; left: 2rem; right: 2rem; } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .g-etherealblock .g-etherealblock-item .g-etherealblock-content { bottom: 1.5rem; left: 1.5rem; right: 1.5rem; } } .g-etherealblock .g-etherealblock-item:before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; } .g-etherealblock .g-headline, .g-etherealblock .swiper-slide-content-list .g-content .g-blogcontent-title, .swiper-slide-content-list .g-content .g-etherealblock .g-blogcontent-title { margin-bottom: 1rem; font-size: 1.4rem; } @media only all and (min-width: 75rem) { .g-etherealblock .g-headline, .g-etherealblock .swiper-slide-content-list .g-content .g-blogcontent-title, .swiper-slide-content-list .g-content .g-etherealblock .g-blogcontent-title { font-size: 1.65rem; } } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .g-etherealblock .g-headline, .g-etherealblock .swiper-slide-content-list .g-content .g-blogcontent-title, .swiper-slide-content-list .g-content .g-etherealblock .g-blogcontent-title { font-size: 1.3rem; } } .g-etherealblock .g-etherealblock-item-2 .g-etherealblock-content { width: 45%; } @media only all and (max-width: 47.938rem) { .g-etherealblock .g-etherealblock-item-2 .g-etherealblock-content { width: 100%; } } .g-etherealblock .g-etherealblock-item-4 { margin-top: -7rem; border-top: 3px solid #2eaad8; } @media only all and (max-width: 47.938rem) { .g-etherealblock .g-etherealblock-item-4 { margin-top: 0; } } .g-container { width: 75rem; } @media only all and (min-width: 60rem) and (max-width: 74.938rem) { .g-container { width: 60rem; } } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .g-container { width: 48rem; } } @media only all and (min-width: 30.062rem) and (max-width: 47.938rem) { .g-container { width: 30rem; } } @media only all and (max-width: 30rem) { .g-container { width: 100%; } } @media only all and (max-width: 47.938rem) { .g-block { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 100%; -moz-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; } } @media only all and (max-width: 47.938rem) { body [class*="size-"] { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 100%; -moz-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; } } @media only all and (max-width: 47.938rem) { @supports not (flex-wrap: wrap) { .g-grid { display: block; -webkit-box-lines: inherit; -moz-box-lines: inherit; box-lines: inherit; -webkit-flex-wrap: inherit; -moz-flex-wrap: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; } .g-block { display: block; -webkit-box-flex: inherit; -moz-box-flex: inherit; box-flex: inherit; -webkit-flex: inherit; -moz-flex: inherit; -ms-flex: inherit; flex: inherit; } } } @media only all and (min-width: 75rem) { .visible-large { display: inherit !important; } .hidden-large { display: none !important; } .visible-desktop { display: inherit !important; } .hidden-desktop { display: none !important; } } @media only all and (min-width: 60rem) and (max-width: 74.938rem) { .visible-large { display: none !important; } .hidden-large { display: inherit !important; } .visible-desktop { display: inherit !important; } .hidden-desktop { display: none !important; } } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-large { display: none !important; } .hidden-large { display: inherit !important; } } @media only all and (max-width: 47.938rem) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .hidden-large { display: inherit !important; } .visible-large { display: none !important; } } @media only all and (max-width: 47.938rem) { .align-right { text-align: inherit !important; } .align-left { text-align: inherit !important; } } a.button1, input.button1, input.button3, a.button2, input.button2, input.readon, fieldset.submit-buttons input { display: inline-block; margin-bottom: 0; height: auto; padding: 10px 15px; line-height: normal; border: 1px solid transparent; background-image: none; vertical-align: middle; } a.button1:hover, input.button1:hover, input.button3:hover, a.button2:hover, input.button2:hover, input.readon:hover, fieldset.submit-buttons input:hover { border: 1px solid transparent; background-position: inherit; background-image: none; } input.button2 { padding: 3px 8px; } .button.icon-button:before, a.button1.icon-button:before, input.button1.icon-button:before, input.button3.icon-button:before, a.button2.icon-button:before, input.button2.icon-button:before, input.readon.icon-button:before, fieldset.submit-buttons input.icon-button:before { font: normal normal normal 14px/1 FontAwesome; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropdown-select:after, #quick-links a.dropdown-toggle:before, .responsive-menu-link:before, .responsive-tab-link:before { font: normal normal normal 14px/1 FontAwesome; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; } #quick-links a.dropdown-toggle:before, .responsive-menu-link:before, .responsive-tab-link:before { content: "\f0c9"; font-size: 20px; color: #888; } .responsive-menu-link:before { color: #fff; margin-left: -3px !important; } .post-buttons .button.icon-button, .post-buttons a.button1.icon-button, .post-buttons input.button1.icon-button, .post-buttons input.button3.icon-button, .post-buttons a.button2.icon-button, .post-buttons input.button2.icon-button, .post-buttons input.readon.icon-button, .post-buttons fieldset.submit-buttons input.icon-button, fieldset.submit-buttons .post-buttons input.icon-button { padding: 5px; padding-left: 6px; padding-right: 6px; } .post-buttons .button.icon-button:before, .post-buttons a.button1.icon-button:before, .post-buttons input.button1.icon-button:before, .post-buttons input.button3.icon-button:before, .post-buttons a.button2.icon-button:before, .post-buttons input.button2.icon-button:before, .post-buttons input.readon.icon-button:before, .post-buttons fieldset.submit-buttons input.icon-button:before, fieldset.submit-buttons .post-buttons input.icon-button:before { padding: 0; margin: 0; padding-top: 1px; } @media only screen and (max-width: 767px) { body .post-buttons .button.icon-button, body .post-buttons a.button1.icon-button, body .post-buttons input.button1.icon-button, body .post-buttons input.button3.icon-button, body .post-buttons a.button2.icon-button, body .post-buttons input.button2.icon-button, body .post-buttons input.readon.icon-button, body .post-buttons fieldset.submit-buttons input.icon-button, fieldset.submit-buttons body .post-buttons input.icon-button { padding-bottom: 0px; padding-top: 7px; } } @media only screen and (max-width: 767px) { body .preset-switcher a span { display: none; } } .button.icon-button.search-icon:before, a.button1.icon-button.search-icon:before, input.button1.icon-button.search-icon:before, input.button3.icon-button.search-icon:before, a.button2.icon-button.search-icon:before, input.button2.icon-button.search-icon:before, input.readon.icon-button.search-icon:before, fieldset.submit-buttons input.icon-button.search-icon:before { content: "\f002"; } .button.icon-button.locked-icon:before, a.button1.icon-button.locked-icon:before, input.button1.icon-button.locked-icon:before, input.button3.icon-button.locked-icon:before, a.button2.icon-button.locked-icon:before, input.button2.icon-button.locked-icon:before, input.readon.icon-button.locked-icon:before, fieldset.submit-buttons input.icon-button.locked-icon:before { content: "\f023"; } .button.icon-button.post-icon:before, a.button1.icon-button.post-icon:before, input.button1.icon-button.post-icon:before, input.button3.icon-button.post-icon:before, a.button2.icon-button.post-icon:before, input.button2.icon-button.post-icon:before, input.readon.icon-button.post-icon:before, fieldset.submit-buttons input.icon-button.post-icon:before, .button.icon-button.newpm-icon:before, a.button1.icon-button.newpm-icon:before, input.button1.icon-button.newpm-icon:before, input.button3.icon-button.newpm-icon:before, a.button2.icon-button.newpm-icon:before, input.button2.icon-button.newpm-icon:before, input.readon.icon-button.newpm-icon:before, fieldset.submit-buttons input.icon-button.newpm-icon:before, .button.icon-button.forwardpm-icon:before, a.button1.icon-button.forwardpm-icon:before, input.button1.icon-button.forwardpm-icon:before, input.button3.icon-button.forwardpm-icon:before, a.button2.icon-button.forwardpm-icon:before, input.button2.icon-button.forwardpm-icon:before, input.readon.icon-button.forwardpm-icon:before, fieldset.submit-buttons input.icon-button.forwardpm-icon:before { content: "\f067"; } .button.icon-button.reply-icon:before, a.button1.icon-button.reply-icon:before, input.button1.icon-button.reply-icon:before, input.button3.icon-button.reply-icon:before, a.button2.icon-button.reply-icon:before, input.button2.icon-button.reply-icon:before, input.readon.icon-button.reply-icon:before, fieldset.submit-buttons input.icon-button.reply-icon:before, .button.icon-button.pmreply-icon:before, a.button1.icon-button.pmreply-icon:before, input.button1.icon-button.pmreply-icon:before, input.button3.icon-button.pmreply-icon:before, a.button2.icon-button.pmreply-icon:before, input.button2.icon-button.pmreply-icon:before, input.readon.icon-button.pmreply-icon:before, fieldset.submit-buttons input.icon-button.pmreply-icon:before { content: "\f112"; } .button.icon-button.tools-icon:before, a.button1.icon-button.tools-icon:before, input.button1.icon-button.tools-icon:before, input.button3.icon-button.tools-icon:before, a.button2.icon-button.tools-icon:before, input.button2.icon-button.tools-icon:before, input.readon.icon-button.tools-icon:before, fieldset.submit-buttons input.icon-button.tools-icon:before { content: "\f0ad"; } .button.icon-button.modtools-icon:before, a.button1.icon-button.modtools-icon:before, input.button1.icon-button.modtools-icon:before, input.button3.icon-button.modtools-icon:before, a.button2.icon-button.modtools-icon:before, input.button2.icon-button.modtools-icon:before, input.readon.icon-button.modtools-icon:before, fieldset.submit-buttons input.icon-button.modtools-icon:before { content: "\f085"; } .button.icon-button.search-adv-icon:before, a.button1.icon-button.search-adv-icon:before, input.button1.icon-button.search-adv-icon:before, input.button3.icon-button.search-adv-icon:before, a.button2.icon-button.search-adv-icon:before, input.button2.icon-button.search-adv-icon:before, input.readon.icon-button.search-adv-icon:before, fieldset.submit-buttons input.icon-button.search-adv-icon:before { content: "\f013"; } .button.icon-button.quote-icon:before, a.button1.icon-button.quote-icon:before, input.button1.icon-button.quote-icon:before, input.button3.icon-button.quote-icon:before, a.button2.icon-button.quote-icon:before, input.button2.icon-button.quote-icon:before, input.readon.icon-button.quote-icon:before, fieldset.submit-buttons input.icon-button.quote-icon:before { content: "\f10e"; } .button.icon-button.info-icon:before, a.button1.icon-button.info-icon:before, input.button1.icon-button.info-icon:before, input.button3.icon-button.info-icon:before, a.button2.icon-button.info-icon:before, input.button2.icon-button.info-icon:before, input.readon.icon-button.info-icon:before, fieldset.submit-buttons input.icon-button.info-icon:before { content: "\f129"; } .button.icon-button.report-icon:before, a.button1.icon-button.report-icon:before, input.button1.icon-button.report-icon:before, input.button3.icon-button.report-icon:before, a.button2.icon-button.report-icon:before, input.button2.icon-button.report-icon:before, input.readon.icon-button.report-icon:before, fieldset.submit-buttons input.icon-button.report-icon:before { content: "\f071"; } .button.icon-button.delete-icon:before, a.button1.icon-button.delete-icon:before, input.button1.icon-button.delete-icon:before, input.button3.icon-button.delete-icon:before, a.button2.icon-button.delete-icon:before, input.button2.icon-button.delete-icon:before, input.readon.icon-button.delete-icon:before, fieldset.submit-buttons input.icon-button.delete-icon:before { content: "\f1f8"; } .button.icon-button.edit-icon:before, a.button1.icon-button.edit-icon:before, input.button1.icon-button.edit-icon:before, input.button3.icon-button.edit-icon:before, a.button2.icon-button.edit-icon:before, input.button2.icon-button.edit-icon:before, input.readon.icon-button.edit-icon:before, fieldset.submit-buttons input.icon-button.edit-icon:before { content: "\f040"; } .button.icon-button.warn-icon:before, a.button1.icon-button.warn-icon:before, input.button1.icon-button.warn-icon:before, input.button3.icon-button.warn-icon:before, a.button2.icon-button.warn-icon:before, input.button2.icon-button.warn-icon:before, input.readon.icon-button.warn-icon:before, fieldset.submit-buttons input.icon-button.warn-icon:before { content: "\f06a"; } ul.topiclist li.row:nth-child(1n+0) .rt_post_avatar.noavatar img { background-color: #5f5c9d; } ul.topiclist li.row:nth-child(2n+0) .rt_post_avatar.noavatar img { background-color: #5f5c9d; } ul.topiclist li.row:nth-child(3n+0) .rt_post_avatar.noavatar img { background-color: #5f5c9d; } ul.topiclist li.row:nth-child(4n+0) .rt_post_avatar.noavatar img { background-color: #5f5c9d; } .panel.bg3, #tabs .activetab > a { background-color: #e8e8e8; } .panel-container .panel, #navigation #active-subsection a { background-color: #fff; } #showcase a { color: #fff; } .small-icon:before, .imageset:before, .file-status:before, .mark_read:before, .top2:before { font: normal normal normal 14px/1 FontAwesome; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; color: #888; } .icon-acp:before { content: "\f085"; } .icon-bookmark:before { content: "\f02e"; } .icon-bump:before { content: "\f164"; } .icon-timezone:before { content: "\2022"; } .icon-contact:before { content: "\f098"; } .icon-delete-cookies:before { content: "\f014"; } .icon-reset:before { content: "\f021"; } .icon-download:before { content: "\f019"; } .icon-faq:before { content: "\f00a"; } .icon-home:before { content: "\f1ea"; } .icon-logout:before { content: "\f011"; } .icon-mark:before { content: "\f00c"; } .icon-mcp:before { content: "\f0ad"; } .icon-members:before { content: "\f0c0"; } .icon-notification:before { content: "\f022"; } .icon-pages:before { content: "\f0c5"; } .icon-pm:before { content: "\f0e0"; } .icon-presets:before { content: "\f1fc"; } .icon-print:before { content: "\f02f"; } .icon-profile:before { content: "\f007"; } .icon-register:before { content: "\f007"; } .icon-search:before, .responsive-search a:before { content: "\f002"; } .icon-search-active:before { content: "\f15c"; } .icon-search-advanced:before { content: "\f013"; } .icon-search-new:before { content: "\f15c"; } .icon-search-self:before { content: "\f15c"; } .icon-search-unanswered:before { content: "\f15c"; } .icon-search-unread:before { content: "\f15c"; } .icon-sendemail:before { content: "\f003"; } .icon-subscribe:before { content: "\f0fe"; } .icon-team:before { content: "\f03a"; } .icon-ucp:before { content: "\f0f0"; } .icon-unsubscribe:before { content: "\f146"; } li.previous { margin-right: 10px; } li.next a:before, li.previous a:before { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; } li.next a:before { content: "\f054"; margin-top: 5px; } li.previous a:before { content: "\f053"; margin-top: 5px; } div.rules { background-color: #ecd5d8; color: #bc2a4d; } div.rules strong { font-weight: bold; } .file-status { border-radius: 100%; } .file-status:before { margin-left: -6px; padding-top: 3px; } .file-status.file-uploaded { background-color: #2eaad8; } .file-status.file-uploaded:before { content: "\f00c"; } .file-status.file-working { background-color: #2eaad8; } .file-status.file-working:before { content: "\f110"; } .file-status.file-error { background-color: red; } .file-status.file-error:before { content: "\f00d"; } .file-progress { background-color: #888; } .file-progress-bar, #file-total-progress-bar { background-color: #2eaad8; } /* Table styles ----------------------------------------*/ table { border: 0 none; } table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) { background-color: #ebebeb; } table .bg2 { background-color: #ebebeb; } table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) { background-color: #e8e8e8; } table.table1 thead th { font-family: poly, Helvetica, Tahoma, Geneva, Arial, sans-serif; color: #fff; background: #2eaad8; vertical-align: middle; text-transform: capitalize; padding-top: 10px; padding-bottom: 10px; } table.table1 thead th a { color: #fff; } table.table1 tbody tr { border-color: #ebebeb; } table.table1 tbody tr:hover, table.table1 tbody tr.hover { background-color: #e6e6e6; } table.table1 tbody td { font-family: poly, Helvetica, Tahoma, Geneva, Arial, sans-serif; border-top-color: #ebebeb; border-color: #ebebeb; } table.table1 tbody th { border-bottom-color: #ebebeb; } /* PM marking colours */ .pmlist li.pm_message_reported_colour, .pm_message_reported_colour { border-left-color: #bc2a4d; border-right-color: #bc2a4d; } .pmlist li.pm_marked_colour, .pm_marked_colour { border-color: #f60; } .pmlist li.pm_replied_colour, .pm_replied_colour { border-color: #a9b8c2; } .pmlist li.pm_friend_colour, .pm_friend_colour { border-color: #5d8fbd; } .pmlist li.pm_foe_colour, .pm_foe_colour { border-color: #000; } /* Code block */ .codebox { background-color: #e8e8e8; border-color: #fff; } code { background-color: #e8e8e8; color: #888; } .codebox p { border-color: #e8e8e8; } .syntaxbg { color: #fff; } .syntaxcomment { color: #ff8000; } .syntaxdefault { color: #00b; } .syntaxhtml { color: #000; } .syntaxkeyword { color: #070; } .syntaxstring { color: #d00; } /* jQuery popups ---------------------------------------- */ .phpbb_alert { background-color: #ebebeb; } #darken { background-color: #000; } .dropdown-contents .small-icon:before, .dropdown-contents .imageset:before, .dropdown-contents .file-status:before, .dropdown-contents .mark_read:before { color: #fff; margin-top: 5px; } .dropdown-contents .small-icon { margin: 0 6px; } .dropdown-contents .small-icon a:hover { color: #d9d9d9; } .dropdown-contents { background-color: #2eaad8; } .dropdown-contents a { color: #fff; } .dropdown li.separator { border-color: rgba(255, 255, 255, 0.44); } .forum-icon, .topic-icon { display: table-cell; vertical-align: middle; width: 60px; text-align: center; font-size: 30px; padding-right: 20px; } .forum-icon.unread, .topic-icon.unread { color: #2eaad8; } #cp-main .forum-icon, #cp-main .topic-icon { padding-right: 10px; padding-left: 15px; } .forum-icon { margin-top: 4px; } .topic-icon { margin-top: 8px; } .hidden { visibility: visible; } ul.topiclist li.header { margin-bottom: 15px; } ul.topiclist li { vertical-align: middle; line-height: initial; clear: both; } .contactus .smallmargintop { font-size: 20px; } .contactus .gantry-width-10 { float: left; margin-right: 15px; } #nav-main .small-icon { margin-right: 10px; } /* Breadcrumb */ .breadcrumb li { display: inline-block; text-shadow: 0 1px 0 #fff; } /* Dropdown Tweaks */ .dropdown .pointer { width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #2eaad8 transparent; } .dropdown-up .dropdown .pointer { border-width: 9px 9px 0 9px; border-color: #2eaad8 transparent transparent transparent; } .dropdown-extended .header { border-color: #2eaad8; } .dropdown-extended .dropdown-contents { color: #fff; } .dropdown-extended ul { margin: 0; padding: 0; } .dropdown-extended ul li { background: #259bc7; font-family: poly, Helvetica, Tahoma, Geneva, Arial, sans-serif; border-color: #2eaad8; transition: background 0.3s ease; } .dropdown-extended ul li:hover { background: #218bb2; } .dropdown-extended ul li.bg2 { background: #218bb2; } /* Post Tweaks */ div.post { background: #f2f2f2; border-radius: 0; padding-top: 20px; padding-left: 25px; padding-right: 25px; padding-bottom: 15px; border-radius: 4px; } div.post h3 { font-family: poly, Helvetica, Tahoma, Geneva, Arial, sans-serif; } #topicreview .post, div.post.pm { background: #fff; border-radius: 3px; padding: 10px; padding-left: 15px; } .pagination { font-size: ; } /* Navbar Footer Tweaks */ #rt-copyright .navbar { padding: 0; border-radius: 0; margin-top: -4px; } #rt-copyright .navbar ul.linklist { padding: 0; } #rt-copyright .navbar ul.linklist.bulletin > li:before { color: #a2a2a2; padding-top: 1px; } /* Topiclist */ ul.topiclist li, ul.topiclist dt, ul.topiclist dd { font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; font-weight: normal; font-size: 14px; vertical-align: middle; } div.rt_post_avatar, ul.topiclist dl { display: table-cell; vertical-align: middle; } ul.topiclist li.header dl { display: block; padding-bottom: 10px; } ul.topiclist li.header dl dt div a, ul.topiclist li.header dl dt div span { position: relative; } ul.topiclist li.header dl dt div a:after, ul.topiclist li.header dl dt div span:after { background: #2eaad8; bottom: -10px; content: ''; height: 2px; position: absolute; width: 50px; left: 50%; margin-left: -25px; } ul.topiclist li.row { display: table; width: 100%; margin-bottom: 10px; } ul.topiclist dl dt { display: table; } ul.topiclist dt .list-inner { vertical-align: middle; } ul.topiclist li.header dt, ul.topiclist li.header dd { font-size: 1.2rem; color: #090909; } ul.topiclist li.header dt a, ul.topiclist li.header dd a { color: #090909; } dl a.icon-link { display: none; } @media only screen and (min-width: 960px) and (max-width: 1199px) { body dl.icon dt { background-position: 45% 30%; } } @media only screen and (max-width: 767px) { body dl.icon dt { background-position: 95% 30%; } } @media only screen and (max-width: 959px) and (min-width: 768px) { li.header dt .list-inner body .rt-container { margin-right: 320px; } } @media only screen and (max-width: 959px) and (min-width: 768px) { body dd.lastpost, body dd.redirect, body dd.moderation, body dd.time, body dd.info { width: 140px; } } @media only screen and (max-width: 959px) and (min-width: 768px) { body ul.topiclist dt { margin-right: -330px; } } @media only screen and (max-width: 959px) and (min-width: 768px) { body ul.topiclist dt .list-inner { margin-right: 320px; } } /* Topic, Forum - Status Indicator */ .status_indicator { background: #fff; color: #2eaad8; font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; position: absolute; right: 0; bottom: 0; padding: 2px 4px; font-size: 9px; border-radius: 2px; } .status_indicator.unread { color: #d3649f; background: #fff; font-weight: bold; } @media only screen and (max-width: 767px) { body .status_indicator { right: 18px; font-size: 8px; } } @media only screen and (max-width: 550px), only screen and (max-device-width: 550px) { body .status_indicator { right: 13px; font-size: 9px; } } /* Login - Avatar */ .module-avatar img { float: left; display: block; margin-right: 15px; max-width: 55px; max-height: 55px; border-radius: 100%; } /* Forum - Avatar */ .rt_post_avatar { display: block; width: 62px; height: 62px; text-align: center; position: relative; } .rt_post_avatar.noavatar img { -moz-box-sizing: border-box; box-sizing: border-box; background: #2eaad8; padding-left: 62px; /* Equal to width of new image */ } .rt_post_avatar.noavatar .first_letter { display: block; position: absolute; font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; color: #fff; font-size: 42px; top: 3px; width: 62px; height: 62px; vertical-align: middle; } @media only screen and (max-width: 550px), only screen and (max-device-width: 550px) { body .rt_post_avatar { width: 62px; height: 62px; } } .rt_post_avatar img { border-radius: 100%; width: 62px; height: 62px; } @media only screen and (max-width: 550px), only screen and (max-device-width: 550px) { body .rt_post_avatar img { width: 62px; height: 62px; } } .unread .rt_post_avatar.noavatar img { background: #d3649f !important; } /* Post Adjustments */ .post:target .content { color: #2eaad8; } /* Logo Adjustments */ .g-logo img { height: auto; max-width: 100%; display: inline-block; vertical-align: middle; border: 0; } /* Navbar Adjustments */ .navbartop .g-content { padding-top: 0; padding-bottom: 0; } /* Quote block */ blockquote { background: #e8e8e8; } /* Footer lsits */ .customfp-footer-lists ul { margin: 0 0 15px 20px; } /* Social */ .contactus .g-social { margin-top: 15px; } /* ToTop */ .totop { margin-top: 11px; padding-left: 15px; } .totop .g-content { margin-left: 0; padding-left: 5px; } #tabs .tab, #minitabs .tab, #navigation li { font-family: asap, Helvetica, Tahoma, Geneva, Arial, sans-serif; } .search-box .inputbox { width: auto; height: 50px; } @media only screen and (max-width: 430px), only screen and (max-device-width: 430px) { .search-box .inputbox { width: 80px; } } @media only screen and (max-width: 767px) { body #wrap select { width: auto; } } fieldset dt span { color: fade(#888, 60%); } fieldset { margin: 0; padding: 0; } fieldset input { width: auto; } /* Global imageset items */ .imageset:before, .contact-icon:before, .online:before { font: normal normal normal 14px/1 FontAwesome; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; } .imageset.subforum_read:before, .contact-icon.subforum_read:before, .online.subforum_read:before { content: "\f07b"; } .imageset.subforum_unread:before, .contact-icon.subforum_unread:before, .online.subforum_unread:before { content: "\f07c"; color: #2eaad8; } .imageset.pm_read:before, .contact-icon.pm_read:before, .online.pm_read:before, .imageset.pm-icon:before, .contact-icon.pm-icon:before, .online.pm-icon:before { content: "\f003"; } .imageset.pm_unread:before, .contact-icon.pm_unread:before, .online.pm_unread:before { content: "\f0e0"; color: #2eaad8; } .imageset.icon_back_top:before, .contact-icon.icon_back_top:before, .online.icon_back_top:before { content: "\f106"; } .imageset.phpbb_aol-icon:before, .contact-icon.phpbb_aol-icon:before, .online.phpbb_aol-icon:before, .imageset.icon_contact_aim:before, .contact-icon.icon_contact_aim:before, .online.icon_contact_aim:before { content: "\f0ac"; } .imageset.icon_contact_email:before, .contact-icon.icon_contact_email:before, .online.icon_contact_email:before, .imageset.email-icon:before, .contact-icon.email-icon:before, .online.email-icon:before { content: "\f0e0"; } .imageset.icon_contact_icq:before, .contact-icon.icon_contact_icq:before, .online.icon_contact_icq:before, .imageset.phpbb_icq-icon:before, .contact-icon.phpbb_icq-icon:before, .online.phpbb_icq-icon:before { content: "\f075"; } .imageset.icon_contact_jabber:before, .contact-icon.icon_contact_jabber:before, .online.icon_contact_jabber:before, .imageset.jabber-icon:before, .contact-icon.jabber-icon:before, .online.jabber-icon:before { content: "\f0eb"; } .imageset.phpbb_wlm-icon:before, .contact-icon.phpbb_wlm-icon:before, .online.phpbb_wlm-icon:before, .imageset.icon_contact_msnm:before, .contact-icon.icon_contact_msnm:before, .online.icon_contact_msnm:before { content: "\f17a"; } .imageset.icon_contact_www:before, .contact-icon.icon_contact_www:before, .online.icon_contact_www:before, .imageset.phpbb_website-icon:before, .contact-icon.phpbb_website-icon:before, .online.phpbb_website-icon:before { content: "\f0ac"; } .imageset.icon_contact_yahoo:before, .contact-icon.icon_contact_yahoo:before, .online.icon_contact_yahoo:before, .imageset.phpbb_yahoo-icon:before, .contact-icon.phpbb_yahoo-icon:before, .online.phpbb_yahoo-icon:before { content: "\f19e"; } .imageset.phpbb_youtube-icon:before, .contact-icon.phpbb_youtube-icon:before, .online.phpbb_youtube-icon:before { content: "\f167"; } .imageset.phpbb_facebook-icon:before, .contact-icon.phpbb_facebook-icon:before, .online.phpbb_facebook-icon:before { content: "\f09a"; } .imageset.phpbb_googleplus-icon:before, .contact-icon.phpbb_googleplus-icon:before, .online.phpbb_googleplus-icon:before { content: "\f0d5"; } .imageset.phpbb_skype-icon:before, .contact-icon.phpbb_skype-icon:before, .online.phpbb_skype-icon:before { content: "\f17e"; } .imageset.phpbb_twitter-icon:before, .contact-icon.phpbb_twitter-icon:before, .online.phpbb_twitter-icon:before { content: "\f099"; } .imageset.icon_post_delete:before, .contact-icon.icon_post_delete:before, .online.icon_post_delete:before { content: "\f00d"; } .imageset.icon_post_info:before, .contact-icon.icon_post_info:before, .online.icon_post_info:before { content: "\f129"; } .imageset.icon_post_report:before, .contact-icon.icon_post_report:before, .online.icon_post_report:before { content: "\f071"; } .imageset.icon_post_target:before, .contact-icon.icon_post_target:before, .online.icon_post_target:before { content: "\f15b"; } .imageset.icon_post_target_unread:before, .contact-icon.icon_post_target_unread:before, .online.icon_post_target_unread:before { content: "\f15b"; color: #2eaad8; } .imageset.icon_topic_attach:before, .contact-icon.icon_topic_attach:before, .online.icon_topic_attach:before { content: "\f0c6"; } .imageset.icon_topic_latest:before, .contact-icon.icon_topic_latest:before, .online.icon_topic_latest:before { content: "\f016"; } .imageset.icon_topic_newest:before, .contact-icon.icon_topic_newest:before, .online.icon_topic_newest:before { content: "\f15b"; } .imageset.icon_topic_reported:before, .contact-icon.icon_topic_reported:before, .online.icon_topic_reported:before { content: "\f071"; } .imageset.icon_topic_deleted:before, .contact-icon.icon_topic_deleted:before, .online.icon_topic_deleted:before { content: "\f00d"; } .imageset.icon_topic_unapproved:before, .contact-icon.icon_topic_unapproved:before, .online.icon_topic_unapproved:before { content: "\f05e"; } .imageset.icon_topic_poll:before, .contact-icon.icon_topic_poll:before, .online.icon_topic_poll:before { content: "\f080"; } .imageset.icon_user_warn:before, .contact-icon.icon_user_warn:before, .online.icon_user_warn:before { content: "\f071"; } .imageset.icon_contact:before, .contact-icon.icon_contact:before, .online.icon_contact:before { content: "\f086"; color: #2eaad8; top: 0; left: 4px; margin-top: 2px !important; } .imageset.icon_user_online:before, .contact-icon.icon_user_online:before, .online.icon_user_online:before { content: "\f097"; } .imageset.online:before, .contact-icon.online:before, .online.online:before { content: "\f0eb"; font-size: 24px; right: 5px; top: 5px; color: #888; } @media only screen and (max-width: 767px), only screen and (max-device-width: 767px) { .imageset.online:before, .contact-icon.online:before, .online.online:before { margin-top: 15px; right: 9px; font-size: 15px; } } .imageset.icon_topic_newest, .contact-icon.icon_topic_newest, .online.icon_topic_newest { margin-right: 10px; } .imageset { width: 0; height: 0; display: inline-block !important; overflow: hidden; } .imageset:before { color: #888; margin-top: -12px; } .imageset.icon_post_target, .imageset.icon_post_target_unread, .imageset.icon_topic_attach { margin-right: 15px; } a.forumtitle, a.topictitle { color: #6f6f6f; } a.forumtitle:hover, a.topictitle:hover { color: ; } a.presets-icon { cursor: pointer; } /** * @version $Id: custom.scss 12813 2013-08-16 21:57:09Z karol $ * @author RocketTheme http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2015 RocketTheme, LLC * @license http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License */