@import '/media/plg_system_jtaldef/index/css/9a807c0f27592b6fb2ebd550824e0759.css?b23c3a00ef1275b51c5733022da394ee';
 @charset "UTF-8";  .g-main-nav .g-standard .g-dropdown { width: 242px; } .g-content { margin: 0.938rem; padding: 0; } .g-flushed .g-content { margin: 0; padding: 0; } body { font-size: 1rem; line-height: 1.5; } h1 { font-size: 2.25rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } 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: "Menlo", "Monaco", monospace; } textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) { border-radius: 0.1875rem; } body, #g-page-surround { color: #232323; background-color: #ffffff; font-family: "PT Sans"; font-weight: 400; font-size: 18px; line-height: 1.4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .g-container { width: 100% !important; max-width: 1920px; margin: 0 auto; } p:last-child { margin: 0; } body .g-flushed .g-content { margin: 0 0.625rem; padding: 0 0.938rem; } .g-content { margin: 0.625rem; padding: 0.938rem; } .platform-content ~ .platform-content, .g-content > .moduletable ~ .moduletable, .g-content > .moduletable ~ .platform-content { padding-top: 20px; } #g-sidebar .platform-content ~ .platform-content, #g-sidebar .g-content > .moduletable ~ .moduletable, #g-sidebar .g-content > .moduletable ~ .platform-content, #g-aside .platform-content ~ .platform-content, #g-aside .g-content > .moduletable ~ .moduletable, #g-aside .g-content > .moduletable ~ .platform-content { padding-top: 0 !important; } #g-main .g-content > div, #g-sidebar .g-content > div, #g-aside .g-content > div { margin: 0 0 25px 0; } #g-main .g-content > div:last-child, #g-sidebar .g-content > div:last-child, #g-aside .g-content > div:last-child { margin: 0; } #g-main #r_page_content.r-mainblock-empty { display: none; } #g-main .g-content > div { padding: 20px 0; } #g-sidebar .moduletable > h3.g-title, #g-aside .moduletable > h3.g-title { font-size: 1rem; margin: 0; border-bottom: 1px solid #dddddd; padding: 14px 0; text-transform: uppercase; } #g-sidebar .moduletable > div, #g-sidebar .moduletable > form, #g-sidebar .moduletable > ul, #g-aside .moduletable > div, #g-aside .moduletable > form, #g-aside .moduletable > ul { padding: 20px 0; } #g-sidebar .moduletable input[type="text"], #g-sidebar .moduletable input[type="email"], #g-sidebar .moduletable input[type="password"], #g-sidebar .moduletable input[type="search"], #g-sidebar .moduletable input[type="number"], #g-aside .moduletable input[type="text"], #g-aside .moduletable input[type="email"], #g-aside .moduletable input[type="password"], #g-aside .moduletable input[type="search"], #g-aside .moduletable input[type="number"] { display: block; width: 100%; } .moduletable.title-bordered > h3.g-title { font-size: 1rem; margin: -20px 0 0; border-bottom: 1px solid #dddddd; padding: 14px 0; text-transform: uppercase; } #g-main .g-content > div, #g-sidebar .g-content > div, #g-aside .g-content > div { background: #ffffff; } a { color: #785447; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; cursor: pointer; } a:hover { color: #232323; } strong { color: #000000; } h1, h2, h3, h4, h5, h6 { font-family: "PT Sans"; font-weight: 700; margin: calc(2rem - 0.14285714em) 0em 1rem; padding: 0; line-height: 1.28571429em; color: #000000; } h1 { font-size: 2rem; } h2 { font-size: 1.625rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.125rem; } h5 { font-size: 1rem; } h6 { font-size: 1rem; } blockquote { border-left: 10px solid #F0F2F4; } blockquote p { font-size: 18.1px; color: #565656; } blockquote cite { display: block; text-align: right; color: #232323; font-size: 18.2px; } code { background: #f9f2f4; color: #9c1d3d; } pre { padding: 1rem; margin: 2rem 0; background: #f6f6f6; border: 1px solid #dddddd; border-radius: 0.1875rem; line-height: 1.15; font-size: 17.9px; } pre code { color: #237794; background: inherit; font-size: 17.9px; } hr { border-bottom: 4px solid #F0F2F4; } .r-items > .item > .content > a.header:hover { color: #785447; } .g-blockvariations #g-main .g-content .platform-content { padding: 20px; } @media print { #g-page-surround { background: #fff !important; color: #000 !important; } } @media only all and (max-width: 59.99rem) { nav.g-main-nav { display: none !important; } } .g-main-nav h1, .g-main-nav h2, .g-main-nav h3, .g-main-nav h4, .g-main-nav h5, .g-main-nav h6, .g-main-nav strong { color: false; } .g-main-nav .g-toplevel { font-size: 24px; } .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #785447; } .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container { color: #fe5621; } .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container { color: #fe5621; } .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container { color: #fe5621; } .g-main-nav .g-dropdown { background: #ffffff; font-size: 18px; } .g-main-nav .g-sublevel > li > .g-menu-item-container { color: #232323; } .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container, .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container { color: #fe5621; } .g-menu-hastouch .g-toplevel > li { } .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { color: false; } .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid white; background: whitesmoke; border-radius: 0.1875rem; padding: 0.1rem; margin-top: -0.1rem; margin-right: -0.1rem; } .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: #ebebeb; } .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after { text-align: center; } li.r-menu-title .g-menu-item-container { text-transform: uppercase; margin-top: 16px; margin-bottom: 8px; font-weight: bold; } li.r-menu-right { margin-left: auto; } .g-main-nav { width: 100%; } .g-main-nav .g-menu-item-container { -webkit-transition: 0.25s !important; -moz-transition: 0.25s !important; transition: 0.25s !important; } .g-main-nav .g-toplevel { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-weight: 600; } .g-main-nav .g-toplevel > li { } .g-main-nav .g-toplevel > li > .g-menu-item-container { text-decoration: none; padding: 0 24px 0 0; font-weight: 600; line-height: 1; text-transform: none; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; transition: all 0.2s ease-out !important; } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .g-main-nav .g-toplevel > li > .g-menu-item-container { padding-right: 18px !important; } } .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { line-height: normal; padding: 0; } .g-main-nav .g-toplevel > li.g-parent > .g-menu-item-container > .g-menu-parent-indicator { display: none !important; } .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator { position: relative; width: auto; } .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome; font-weight: 900; content: ""; text-align: left; } .g-main-nav .g-toplevel > li.g-parent.g-selected > .g-menu-item-container > .g-menu-parent-indicator:after { content: "×"; line-height: 1; } .g-main-nav .g-toplevel > li > .g-dropdown { -webkit-box-shadow: 0 6px 12px rgba(34, 36, 38, 0.15); box-shadow: 0 6px 12px rgba(34, 36, 38, 0.15); border: 0; border-radius: 0px; padding: 1rem 0; font-weight: normal; } .g-main-nav .g-dropdown { text-align: left; border-radius: 0px; } .dir-rtl .g-main-nav .g-dropdown { text-align: right; } .g-main-nav .g-sublevel > li > .g-menu-item-container { padding: 7px 24px; } .g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator { position: absolute; top: 50%; } .g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator:after { content: ""; position: relative; } .g-main-nav .g-sublevel > li.g-parent.g-selected > .g-menu-item-container > .g-menu-parent-indicator:after { content: "×"; } .g-main-nav .g-fullwidth .g-dropdown.g-dropdown-right { left: 0; right: 0; } .g-go-back a:before { font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome; font-weight: 900; content: ""; font-weight: bold; } .align-left .g-toplevel { justify-content: flex-start; -webkit-justify-content: flex-start; } .align-right .g-toplevel { justify-content: flex-end; -webkit-justify-content: flex-end; } .g-main-nav:not(.g-menu-hastouch) .g-dropdown { z-index: 99; } .g-main-nav .g-dropdown .g-block:after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 1px; background: rgba(0, 0, 0, 0); } .g-menu-item-subtitle { opacity: 0.7; } .g-nav-overlay, .g-menu-overlay { background: rgba(0, 0, 0, 0.4); } [dir="rtl"] #g-navigation .g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator, [dir="rtl"] #g-header .g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #g-offcanvas { background: #ffffff; width: 17rem; color: #81829a; } #g-offcanvas a { color: #81829a; } #g-offcanvas a:hover { color: #785447; } #g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong { color: #81829a; } .g-offcanvas-toggle { font-size: 1.5rem; color: #ffffff; z-index: 9999; display: none !important; } #g-offcanvas #g-mobilemenu-container ul { background: #ffffff; } #g-offcanvas #g-mobilemenu-container ul.g-toplevel { padding-top: 0.625rem; } #g-offcanvas #g-mobilemenu-container ul li.g-go-back > .g-menu-item-container { padding-top: 1.25rem; } #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container { color: #333333; border-bottom: 1px solid #f0f0f0; padding: 0.625rem 1rem; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: #f8f9fa; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container { color: #785447; } #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid #e6e6e6; background: #eceff2; -webkit-transition: background 0.2s, color 0.2s, border-color 0.2s; -moz-transition: background 0.2s, color 0.2s, border-color 0.2s; transition: background 0.2s, color 0.2s, border-color 0.2s; border-radius: 0.1875rem; margin: -0.2rem 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: #785447; border: 1px solid #785447; color: #ffffff; } #g-offcanvas #g-mobilemenu-container ul .g-dropdown-column { width: 17rem; } #g-mobilemenu-container { margin: -0.938rem; overflow: hidden; } @media print { #g-offcanvas { background: #fff !important; color: #000 !important; } } .g-offcanvas-open .g-offcanvas-left #g-page-surround { left: 17rem; } .g-offcanvas-open .g-offcanvas-right #g-page-surround { right: 17rem; } #g-bottom { background-color: #f9f9f9; color: #737272; } #g-copyright { background-color: #f9f9f9; color: #737272; } #g-footer { background-color: #f9f9f9; color: #737272; } #g-header { background-color: #ffffff; } #g-info { background-color: #f9f9f9; } #g-intro { background-color: #eaeaea; } #g-navigation { background-color: #ffffff; } #g-container-main { padding: 0; } #g-top { padding: 0; } #g-top .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-header { padding: 0; border-bottom: 1px solid #ecebeb; } #g-header .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-subheader { padding: 0 !important; } #g-navigation { padding: 0; z-index: 11; } #g-navigation .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-breadcrumbs { padding: 0 !important; } #g-breadcrumbs .g-content { padding-top: 0; padding-bottom: 0; } #g-breadcrumbs .g-content ul.breadcrumb { margin: 0 !important; } #g-main .g-grid:not(:last-child) .g-content { padding-bottom: 0; margin-bottom: 0; } #g-main .g-content .platform-content:first-child .g-title { margin-top: 0 !important; } #g-main .g-content .platform-content h1:first-child { font-size: 1.5rem; margin-top: 0; } #g-sidebar > .g-grid > .g-block.hidden, #g-aside > .g-grid > .g-block.hidden { display: block !important; visibility: visible !important; } #g-bottom { padding: 3rem 0; } #g-bottom .g-title { margin-bottom: 1.5rem; margin-top: 0; padding-bottom: 0; color: false; } #g-bottom .r-mailchimp input[type="email"] { display: block; width: 100%; } #g-footer { border-top: 1px solid #eaeaeb; border-bottom: 1px solid #eaeaeb; } #g-copyright { padding: 0; } #g-copyright .moduletable { margin: 10px 0; } #g-copyright > .g-container > .g-grid { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } @media only all and (max-width: 47.99rem) { #g-container-main > .g-container > .g-grid > .g-block:first-child { order: 1; } } @media print { #g-about, #g-about2, #g-aside, #g-bottom, #g-breadcrumbs, #g-copyright, #g-drawer, #g-feature, #g-feature2, #g-footer, #g-fullwidth1, #g-fullwidth2, #g-header, #g-info, #g-info2, #g-intro, #g-intro2, #g-main, #g-navigation, #g-showcase, #g-showcase2, #g-sidebar, #g-subheader, #g-top, #g-utility, #g-utility2 { background: #fff !important; color: #000 !important; } } .form-limit label, .ordering-box label { display: inline-block; } .platform-content .controls > .radio:first-child, .platform-content .controls > .checkbox:first-child { padding-top: 0; } .platform-content .search .btn-group .btn { margin-top: 0 !important; } .platform-content .search .searchintro strong { background: #dddddd; padding: 8px 10px; } .platform-content .search .searchintro strong .badge-info { background: transparent; color: inherit; padding: 0; margin: 0; font-size: inherit; } .platform-content .search fieldset legend { width: 100%; padding: 0; margin-bottom: 24px; line-height: 40px; border-bottom: 1px solid #eee; padding-bottom: 10px; text-transform: uppercase; font-size: 16px; opacity: 0.7; } .platform-content .search .only label { margin: 0 10px 0 0; } .platform-content .search .phrases-box label { margin: 0 10px 0 0; } .platform-content .search .phrases-box label i { margin-right: 5px; } .platform-content .search .phrases-box { float: left; } .platform-content .search .phrases-box label { margin: 0 10px 0 0; float: left; } .platform-content .search .ordering-box { float: right; } .platform-content .search .phrases { margin: 30px 0; } .platform-content .search .form-limit { text-align: right; margin-top: 20px; } .platform-content .search .search-results { background: transparent; padding: 30px 0; border: 0; } .platform-content .search .search-results .result-title { font-weight: 700; border-top: 1px solid rgba(0, 0, 0, 0.05); margin: 20px 0 0 0; padding: 20px 0 0 0; } .platform-content .search .search-results .result-created, .platform-content .search .search-results .result-url { text-align: right; font-style: italic; font-size: 12px; } .platform-content .search .search-results dd { margin-left: 10px; margin-right: 10px; } .platform-content .login .chzn-container, .platform-content .registration .chzn-container, .platform-content .reset .chzn-container, .platform-content .remind .chzn-container, .platform-content .profile-edit .chzn-container { width: 100% !important; } .platform-content .login #helpsite-refresh, .platform-content .registration #helpsite-refresh, .platform-content .reset #helpsite-refresh, .platform-content .remind #helpsite-refresh, .platform-content .profile-edit #helpsite-refresh { display: none; } .platform-content .logout { text-align: center; margin-top: 100px; } .platform-content .profile { max-width: 500px; margin: 0 auto; } .platform-content .login, .platform-content .registration, .platform-content .reset, .platform-content .remind, .platform-content .profile-edit { max-width: 450px; margin: 0 auto; } .platform-content .login .page-header h1, .platform-content .registration .page-header h1, .platform-content .reset .page-header h1, .platform-content .remind .page-header h1, .platform-content .profile-edit .page-header h1 { text-align: center; } .platform-content .login input[type="text"], .platform-content .login input[type="password"], .platform-content .login input[type="email"], .platform-content .registration input[type="text"], .platform-content .registration input[type="password"], .platform-content .registration input[type="email"], .platform-content .reset input[type="text"], .platform-content .reset input[type="password"], .platform-content .reset input[type="email"], .platform-content .remind input[type="text"], .platform-content .remind input[type="password"], .platform-content .remind input[type="email"], .platform-content .profile-edit input[type="text"], .platform-content .profile-edit input[type="password"], .platform-content .profile-edit input[type="email"] { width: 100%; } .platform-content .login ul.reg-list, .platform-content .registration ul.reg-list, .platform-content .reset ul.reg-list, .platform-content .remind ul.reg-list, .platform-content .profile-edit ul.reg-list { margin-top: 0; list-style-position: inside; list-style-type: square; } .platform-content .registration fieldset ~ .control-group, .platform-content .profile-edit fieldset ~ .control-group { margin: 30px 0; } .platform-content .reset fieldset ~ .control-group, .platform-content .remind fieldset ~ .control-group { margin: 10px 0; } .platform-content .login .control-group { margin: 20px 0; } .blog > h2 { margin-top: 0; } .blog .item-image { margin: 0 0 11px; float: none; } .blog .item-cat a, .blog .page-header h2 a { color: #000000; } .blog .item-cat a:hover, .blog .page-header h2 a:hover { color: #785447; } .blog .item-cat { font-size: 14px; margin: 20px 0 10px; text-transform: uppercase; } .blog .page-header h2 { margin: 0 0 7px; font-size: 18px; } .blog .item-date { text-align: center; font-size: 14px; opacity: 0.7; } .blog .item-date:before { content: "/"; } .blog .readmore { padding-bottom: 30px; } .blog .readmore a { font-size: 12px; } .blog .readmore .icon-chevron-right { display: none; } ul.categories-module.mod-list { margin: 0 0 0 20px; } ul.categories-module.mod-list li { margin: 0; padding: 0.25rem 0; } ul.categories-module.mod-list li h4, ul.categories-module.mod-list li h5 { margin: 0; font-size: 1rem; line-height: 1.2; } .item-page h1[itemprop="headline"], .item-page h2[itemprop="headline"] { margin: 0 0 7px; } .item-page .item-image { float: none; margin: 0; } .item-page .article-info.text-muted, .item-page .article-info.muted { color: #000000; opacity: 0.9; margin: 0 0 1rem; font-size: 14px; } .item-page .article-info.text-muted span, .item-page .article-info.text-muted a, .item-page .article-info.muted span, .item-page .article-info.muted a { opacity: 0.8; } .item-page .article-info.text-muted .article-info-term, .item-page .article-info.muted .article-info-term { display: none; } .item-page .article-info.text-muted dd, .item-page .article-info.muted dd { margin-left: 0; display: inline-block; } .item-page .article-info.text-muted dd [class^="icon-"], .item-page .article-info.text-muted dd [class*=" icon-"], .item-page .article-info.muted dd [class^="icon-"], .item-page .article-info.muted dd [class*=" icon-"] { display: none; } .item-page .article-info.text-muted dd:after, .item-page .article-info.muted dd:after { content: "/"; padding-left: 5px; margin-right: 5px; } .item-page .article-info.text-muted dd:last-child:after, .item-page .article-info.muted dd:last-child:after { display: none; } .item-page .article-info.text-muted dd a, .item-page .article-info.muted dd a { color: #000000; } .item-page .article-info.text-muted dd a:hover, .item-page .article-info.muted dd a:hover { color: #785447; } .item-page .article-info-bottom { clear: both; padding: 1.5rem 0 0; } .item-page .pagenav { border: 0; padding: 0; margin: 30 0 0; } .tag-category ul li h3 { margin: 0; font-size: 1.2rem; } .tagspopular > ul { margin: 0; list-style-type: none; } .tagspopular > ul li { display: inline-block; margin: 0 0 4px 0; padding: 0; } .tagspopular > ul li a { background: #f8f8f8; color: #333333; padding: 4px 6px; border-radius: 3px; display: block; line-height: 1; } .tagspopular > ul li a:hover { color: #785447; } ul.tags { margin: 0; padding: 0; } ul.tags ~ .item-image { margin-top: 1.5rem; } ul.tags li { padding: 0 !important; display: inline-block; list-style: none; margin: 2px 2px 4px 0 !important; } ul.tags li a { display: inline-block; min-height: 1em; outline: 0; border: none; vertical-align: baseline; background: #000000; color: #ffffff !important; margin: 0 0.25em 0 0; padding: 0.688em 1.9em; text-transform: none; text-shadow: none; font-size: 1rem; font-weight: 700; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.1s ease; -moz-transition: 0.1s ease; transition: 0.1s ease; -webkit-tap-highlight-color: transparent; box-sizing: border-box !important; font-size: 12px !important; padding: 7px 11px !important; opacity: 0.85; background-color: #e0e1e2 !important; color: #333333 !important; border: 0 !important; } ul.tags li a:hover, ul.tags li a:focus { background-color: #1a1a1a; background-image: none; -webkit-box-shadow: none; box-shadow: none; color: #ffffff !important; } ul.tags li a:focus { outline: 0; } ul.tags li a:hover, ul.tags li a:focus { background-color: #cacbcd !important; color: rgba(0, 0, 0, 0.8) !important; border: 0 !important; } .g-system-messages .g-content { margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; } .g-system-messages #system-message-container { padding: 0; background: transparent; } .g-system-messages #system-message-container .r-message { margin-top: 1rem; } #form-login-remember.r-check > i { float: left; margin-left: 0; } .g-content #login-form .control-group { margin-bottom: 20px; } .g-content #login-form .input-append, .g-content #login-form .input-prepend { display: block; } .g-content #login-form .add-on { display: none; } .g-content #login-form #form-login-remember { display: block; } .g-content #login-form #form-login-remember label { margin: 0; } .g-content #login-form #form-login-remember.r-check > i { margin-top: 2px; } .category-module .item { margin-bottom: 14px; } @media only all and (min-width: 60rem) { .category-module .item .image { width: 80px; margin-right: 10px; float: left; } .category-module .item .image ~ .content { margin-left: 90px; } } @media only all and (max-width: 47.99rem) { .category-module .item .image { width: 80px; margin-right: 10px; float: left; } .category-module .item .image ~ .content { margin-left: 90px; } } .category-module .item a { color: #232323; } .category-module .item a:hover { color: #785447; } .category-module .item .mod-articles-category-date { display: block; font-size: 12px; } .category-module .item:before, .category-module .item:after { content: ""; display: block; clear: both; } .contentpane.modal { background: transparent !important; } #sbox-content iframe { max-height: 100%; } .contact .page-header { display: none; } .contact .page-header ~ h3 { display: none; } .contact .page-header ~ dl ~ h3 { display: block; } .contact dl.contact-address.dl-horizontal { margin: 0; } .contact dl.contact-address.dl-horizontal .dd:first-child { margin-top: 1.5rem; } .contact dl.contact-address.dl-horizontal .dd:last-child { margin-bottom: 1.5rem; } .contact fieldset { width: 500px; max-width: 100%; } .contact fieldset > .control-group:last-child > div { display: inline-block; } .contact fieldset > .control-group:last-child > div.controls { float: left; } .contact legend { display: none; } .contact input[type="email"], .contact input[type="text"], .contact textarea { width: 100%; } .contact label#jform_contact_email_copy-lbl { margin: 4px 0 0 10px; } .contact .r-check { padding-left: 0; display: block; } .contact .r-check input[type="checkbox"] { top: -61%; } .contact .r-check input[type="checkbox"] ~ i { margin: -61px 0 0; } .awesomplete { display: block; } .mod-login__username, .mod-login__password, .mod-login__remember { margin-bottom: 1.25rem; } .mod-login__username > .input-group, .mod-login__password > .input-group { position: relative; } .mod-login__username > .input-group input, .mod-login__password > .input-group input { padding-right: 46px !important; } .mod-login__username > .input-group span.input-group-text, .mod-login__username > .input-group button.input-password-toggle, .mod-login__password > .input-group span.input-group-text, .mod-login__password > .input-group button.input-password-toggle { position: absolute; right: 0; top: 0; bottom: 0; background: transparent !important; border: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; z-index: 11; } .mod-login .form-check { padding: 0 !important; } .mod-login .form-check input.form-check-input { margin: 0 0.5rem 0 0 !important; } .com-users-login .password-group > .input-group { position: relative; } .com-users-login .password-group > .input-group input#password { padding-right: 46px; } .com-users-login .password-group > .input-group button.input-password-toggle { position: absolute; right: 0; top: 0; bottom: 0; background: transparent !important; border: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; z-index: 11; } body .r-loginform-remember label { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } body .r-loginform-remember label input { margin: 0 7px 0 0 !important; } .border-solid { border: 1px solid #dddddd; } .border-dashed { border: 1px dashed #dddddd; } .border-double { border: 2px double #dddddd; } .border-solid-bottom { border-bottom: 1px solid #dddddd; } .border-dashed-bottom { border-bottom: 1px dashed #dddddd; } .border-double-bottom { border-bottom: 2px double #dddddd; } .border-solid-top { border-top: 1px solid #dddddd; } .border-dashed-top { border-top: 1px dashed #dddddd; } .border-double-top { border-top: 2px double #dddddd; } .r-divider { margin: 1rem 0; line-height: 1; height: 0; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(0, 0, 0, 0.85); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; border-top: 1px solid rgba(34, 36, 38, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .center-vertical { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .center-vertical.content-right { -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .center-vertical.content-center { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } .r-hidden { display: none !important; visibility: hidden !important; } .r-close { display: inline-block; position: absolute; top: 5px; right: 5px; height: 40px; width: 40px; cursor: pointer; opacity: 0.5; border-radius: 50% !important; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(1); transform: scale(1); } .r-close:before, .r-close:after { content: ""; position: absolute; height: 20px; width: 3px; background: #fff; left: 50%; top: 50%; } .r-close:before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .r-close:after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .r-close:hover { background: rgba(0, 0, 0, 0.075); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 1; } .r-close.mini { width: 20px; height: 20px; margin-right: 0; } .r-close.mini:before, .r-close.mini:after { height: 13px; width: 2px; } .r-close.dark:before, .r-close.dark:after { background: #333; } .r-close.left { right: auto; left: 5px; } .r-loader { display: none; position: absolute; top: 50%; left: 50%; margin: 0px; text-align: center; z-index: 1000; width: 2.28571429rem; height: 2.28571429rem; font-size: 1em; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .r-loader:before, .r-loader:after { width: 2.28571429rem; height: 2.28571429rem; margin: 0em 0em 0em -1.14285714rem; } .r-loader:before { position: absolute; content: ""; top: 0%; left: 50%; width: 100%; height: 100%; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); } .r-loader:after { position: absolute; content: ""; top: 0%; left: 50%; width: 100%; height: 100%; -webkit-animation: rloader 0.6s linear; animation: rloader 0.6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; -webkit-box-shadow: 0px 0px 0px 1px transparent; box-shadow: 0px 0px 0px 1px transparent; } .r-loader.mini { width: 1rem; height: 1rem; font-size: 0.78571429em; } .r-loader.mini:before, .r-loader.mini:after { width: 1rem; height: 1rem; margin: 0em 0em 0em -0.5rem; } .r-loader.tiny { width: 1.14285714rem; height: 1.14285714rem; font-size: 0.85714286em; } .r-loader.tiny:before, .r-loader.tiny:after { width: 1.14285714rem; height: 1.14285714rem; margin: 0em 0em 0em -0.57142857rem; } .r-loader.small { width: 1.71428571rem; height: 1.71428571rem; font-size: 0.92857143em; } .r-loader.small:before, .r-loader.small:after { width: 1.71428571rem; height: 1.71428571rem; margin: 0em 0em 0em -0.85714286rem; } .r-loader.large { width: 3.42857143rem; height: 3.42857143rem; font-size: 1.14285714em; } .r-loader.large:before, .r-loader.large:after { width: 3.42857143rem; height: 3.42857143rem; margin: 0em 0em 0em -1.71428571rem; } .r-loader.light { color: rgba(255, 255, 255, 0.9); } .r-loader.light:before { border-color: rgba(255, 255, 255, 0.15); } .r-loader.light:after { border-color: #FFFFFF transparent transparent; } .r-loader.dark { color: rgba(0, 0, 0, 0.87); } .r-loader.dark:before { border-color: rgba(0, 0, 0, 0.1); } .r-loader.dark:after { border-color: #767676 transparent transparent; } .r-loader.inline { position: relative; vertical-align: middle; margin: 0em; left: 0em; top: 0em; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .r-loader.centered { display: block; margin-left: auto; margin-right: auto; } .r-loader.centered.r-loader-active { display: inline-block; } .r-loader.r-loader-active { display: block; } .r-loader-active:not(.r-loader) .r-loader { display: block; } @-webkit-keyframes rloader { from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rloader { from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .g-title { font-weight: 700; font-size: 1.2rem; padding: 0; border: 0; margin: 0.75rem 0 1.5rem 0; } #g-sidebar .g-title, #g-aside .g-title, #g-bottom .g-title, #g-footer .g-title { font-size: 1rem; margin: 0.75rem 0 1.5rem 0; } .title-center .g-title { text-align: center; } .heading-center { text-align: center; } .title1 .g-title { font-size: 1.2rem; text-transform: uppercase; padding-bottom: 1rem; margin: calc(2rem - 0.14285714em) 0em 1rem; } .title1 .g-title:before { content: ""; padding: 0 12px; border: 2px solid #785447; margin-right: 0.625rem; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; } .title1:hover .g-title:before { background: #785447; } .title-border1 .g-title { text-align: center; padding-bottom: 1rem; margin: calc(2rem - 0.14285714em) 0em 1rem; } .title-border1 .g-title span { border-bottom: 3px double; padding: 0 1rem 0.125rem; } .title-border2 .g-title { text-align: center; padding-bottom: 1rem; margin: calc(2rem - 0.14285714em) 0em 1rem; } .title-border2 .g-title span { border-bottom: 3px solid; padding: 0 1rem 0.125rem; } .title-border3 .g-title { text-align: center; padding-bottom: 1rem; margin: calc(2rem - 0.14285714em) 0em 1rem; } @media only all and (min-width: 48rem) { .title-border3 .g-title span { position: relative; } .title-border3 .g-title span:before, .title-border3 .g-title span:after { content: ""; border-bottom: 3px double; position: absolute; top: 0; bottom: 50%; width: 100px; margin-bottom: -1.5px; } .title-border3 .g-title span:before { left: -105px; } .title-border3 .g-title span:after { right: -105px; } } .title-border4 .g-title { padding-bottom: 1rem; margin: calc(2rem - 0.14285714em) 0em 1rem; } .title-border4 .g-title span { display: table; white-space: nowrap; height: auto; margin: ""; line-height: 1; text-align: center; } .title-border4 .g-title span:before, .title-border4 .g-title span:after { content: ""; display: table-cell; position: relative; top: 50%; width: 50%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC'); background-repeat: no-repeat; } .title-border4 .g-title span:before { background-position: right 1em top 50%; } .title-border4 .g-title span:after { background-position: left 1em top 50%; } .title-border5 .g-title { margin: 0 -20px 10px -20px !important; color: #785447; padding: 0 20px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .moduletable.no-padding { padding: 0 !important; } .moduletable.no-padding > div { padding: 0 !important; } .img-fullwidth img { width: 100%; } .box-white { color: #232323; } .box-white .platform-content { background: #ffffff !important; } .box-white .g-title { color: #785447; border-color: rgba(0, 0, 0, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-white h1, .box-white h2, .box-white h3, .box-white h4, .box-white h5, .box-white h6, .box-white strong { color: #000000; } .box-white a { color: #785447; } .box-white a:hover { color: #232323; } .box-primary { color: #ffffff; } .box-primary .platform-content { background: #337ab7 !important; } .box-primary .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-primary h1, .box-primary h2, .box-primary h3, .box-primary h4, .box-primary h5, .box-primary h6, .box-primary strong { color: #ffffff; } .box-primary a { color: #9fc4e4; } .box-primary a:hover { color: #ffffff; } .box-info { color: #ffffff; } .box-info .platform-content { background: #5bc0de !important; } .box-info .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-info h1, .box-info h2, .box-info h3, .box-info h4, .box-info h5, .box-info h6, .box-info strong { color: #ffffff; } .box-info a { color: #daf1f8; } .box-info a:hover { color: #ffffff; } .box-success { color: #ffffff; } .box-success .platform-content { background: #5cb85c !important; } .box-success .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-success h1, .box-success h2, .box-success h3, .box-success h4, .box-success h5, .box-success h6, .box-success strong { color: #ffffff; } .box-success a { color: #c7e6c7; } .box-success a:hover { color: #ffffff; } .box-warning { color: #ffffff; } .box-warning .platform-content { background: #f0ad4e !important; } .box-warning .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-warning h1, .box-warning h2, .box-warning h3, .box-warning h4, .box-warning h5, .box-warning h6, .box-warning strong { color: #ffffff; } .box-warning a { color: #fceedb; } .box-warning a:hover { color: #ffffff; } .box-danger { color: #ffffff; } .box-danger .platform-content { background: #d9534f !important; } .box-danger .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-danger h1, .box-danger h2, .box-danger h3, .box-danger h4, .box-danger h5, .box-danger h6, .box-danger strong { color: #ffffff; } .box-danger a { color: #f4cecd; } .box-danger a:hover { color: #ffffff; } .box-red { color: #ffffff; } .box-red .platform-content { background: #f34235 !important; } .box-red .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-red h1, .box-red h2, .box-red h3, .box-red h4, .box-red h5, .box-red h6, .box-red strong { color: #ffffff; } .box-red a { color: #fcc9c5; } .box-red a:hover { color: #ffffff; } .box-pink { color: #ffffff; } .box-pink .platform-content { background: #e81d62 !important; } .box-pink .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-pink h1, .box-pink h2, .box-pink h3, .box-pink h4, .box-pink h5, .box-pink h6, .box-pink strong { color: #ffffff; } .box-pink a { color: #f6a8c2; } .box-pink a:hover { color: #ffffff; } .box-purple { color: #ffffff; } .box-purple .platform-content { background: #9b26af !important; } .box-purple .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-purple h1, .box-purple h2, .box-purple h3, .box-purple h4, .box-purple h5, .box-purple h6, .box-purple strong { color: #ffffff; } .box-purple a { color: #d889e5; } .box-purple a:hover { color: #ffffff; } .box-deep-purple { color: #ffffff; } .box-deep-purple .platform-content { background: #6639b6 !important; } .box-deep-purple .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-deep-purple h1, .box-deep-purple h2, .box-deep-purple h3, .box-deep-purple h4, .box-deep-purple h5, .box-deep-purple h6, .box-deep-purple strong { color: #ffffff; } .box-deep-purple a { color: #bba5e3; } .box-deep-purple a:hover { color: #ffffff; } .box-indigo { color: #ffffff; } .box-indigo .platform-content { background: #3e50b4 !important; } .box-indigo .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-indigo h1, .box-indigo h2, .box-indigo h3, .box-indigo h4, .box-indigo h5, .box-indigo h6, .box-indigo strong { color: #ffffff; } .box-indigo a { color: #a9b2e2; } .box-indigo a:hover { color: #ffffff; } .box-blue { color: #ffffff; } .box-blue .platform-content { background: #2095f2 !important; } .box-blue .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-blue h1, .box-blue h2, .box-blue h3, .box-blue h4, .box-blue h5, .box-blue h6, .box-blue strong { color: #ffffff; } .box-blue a { color: #b1dafa; } .box-blue a:hover { color: #ffffff; } .box-light-blue { color: #ffffff; } .box-light-blue .platform-content { background: #02a8f3 !important; } .box-light-blue .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-light-blue h1, .box-light-blue h2, .box-light-blue h3, .box-light-blue h4, .box-light-blue h5, .box-light-blue h6, .box-light-blue strong { color: #ffffff; } .box-light-blue a { color: #90dcfe; } .box-light-blue a:hover { color: #ffffff; } .box-cyan { color: #ffffff; } .box-cyan .platform-content { background: #00bbd3 !important; } .box-cyan .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-cyan h1, .box-cyan h2, .box-cyan h3, .box-cyan h4, .box-cyan h5, .box-cyan h6, .box-cyan strong { color: #ffffff; } .box-cyan a { color: #6deeff; } .box-cyan a:hover { color: #ffffff; } .box-teal { color: #ffffff; } .box-teal .platform-content { background: #009587 !important; } .box-teal .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-teal h1, .box-teal h2, .box-teal h3, .box-teal h4, .box-teal h5, .box-teal h6, .box-teal strong { color: #ffffff; } .box-teal a { color: #2fffeb; } .box-teal a:hover { color: #ffffff; } .box-green { color: #ffffff; } .box-green .platform-content { background: #4bae4f !important; } .box-green .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-green h1, .box-green h2, .box-green h3, .box-green h4, .box-green h5, .box-green h6, .box-green strong { color: #ffffff; } .box-green a { color: #b4deb5; } .box-green a:hover { color: #ffffff; } .box-light-green { color: #ffffff; } .box-light-green .platform-content { background: #8ac249 !important; } .box-light-green .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-light-green h1, .box-light-green h2, .box-light-green h3, .box-light-green h4, .box-light-green h5, .box-light-green h6, .box-light-green strong { color: #ffffff; } .box-light-green a { color: #d4e8bc; } .box-light-green a:hover { color: #ffffff; } .box-lime { color: #ffffff; } .box-lime .platform-content { background: #ccdb38 !important; } .box-lime .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-lime h1, .box-lime h2, .box-lime h3, .box-lime h4, .box-lime h5, .box-lime h6, .box-lime strong { color: #ffffff; } .box-lime a { color: #edf2ba; } .box-lime a:hover { color: #ffffff; } .box-yellow { color: #222222; } .box-yellow .platform-content { background: #feea3a !important; } .box-yellow .g-title { color: #222222; border-color: rgba(0, 0, 0, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-yellow h1, .box-yellow h2, .box-yellow h3, .box-yellow h4, .box-yellow h5, .box-yellow h6, .box-yellow strong { color: #000000; } .box-yellow a { color: #9e8e01; } .box-yellow a:hover { color: #000000; } .box-amber { color: #ffffff; } .box-amber .platform-content { background: #fec006 !important; } .box-amber .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-amber h1, .box-amber h2, .box-amber h3, .box-amber h4, .box-amber h5, .box-amber h6, .box-amber strong { color: #ffffff; } .box-amber a { color: #ffe79e; } .box-amber a:hover { color: #ffffff; } .box-orange { color: #ffffff; } .box-orange .platform-content { background: #f39c12 !important; } .box-orange .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-orange h1, .box-orange h2, .box-orange h3, .box-orange h4, .box-orange h5, .box-orange h6, .box-orange strong { color: #ffffff; } .box-orange a { color: #fad9a4; } .box-orange a:hover { color: #ffffff; } .box-deep-orange { color: #ffffff; } .box-deep-orange .platform-content { background: #fe5621 !important; } .box-deep-orange .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-deep-orange h1, .box-deep-orange h2, .box-deep-orange h3, .box-deep-orange h4, .box-deep-orange h5, .box-deep-orange h6, .box-deep-orange strong { color: #ffffff; } .box-deep-orange a { color: #ffcab9; } .box-deep-orange a:hover { color: #ffffff; } .box-brown { color: #ffffff; } .box-brown .platform-content { background: #785447 !important; } .box-brown .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-brown h1, .box-brown h2, .box-brown h3, .box-brown h4, .box-brown h5, .box-brown h6, .box-brown strong { color: #ffffff; } .box-brown a { color: #c1a297; } .box-brown a:hover { color: #ffffff; } .box-grey { color: #ffffff; } .box-grey .platform-content { background: #9d9d9d !important; } .box-grey .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-grey h1, .box-grey h2, .box-grey h3, .box-grey h4, .box-grey h5, .box-grey h6, .box-grey strong { color: #ffffff; } .box-grey a { color: #eaeaea; } .box-grey a:hover { color: #ffffff; } .box-blue-grey { color: #ffffff; } .box-blue-grey .platform-content { background: #5f7c8a !important; } .box-blue-grey .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-blue-grey h1, .box-blue-grey h2, .box-blue-grey h3, .box-blue-grey h4, .box-blue-grey h5, .box-blue-grey h6, .box-blue-grey strong { color: #ffffff; } .box-blue-grey a { color: #b6c5cc; } .box-blue-grey a:hover { color: #ffffff; } .box-dark-grey { color: #ffffff; } .box-dark-grey .platform-content { background: #222222 !important; } .box-dark-grey .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-dark-grey h1, .box-dark-grey h2, .box-dark-grey h3, .box-dark-grey h4, .box-dark-grey h5, .box-dark-grey h6, .box-dark-grey strong { color: #ffffff; } .box-dark-grey a { color: #888; } .box-dark-grey a:hover { color: #ffffff; } .box-nobg { color: #232323; } .box-nobg .platform-content { background: transparent !important; } .box-nobg .g-title { color: #785447; border-color: rgba(0, 0, 0, 0.1) !important; font-size: 1rem; text-transform: uppercase; margin: 0.75rem 0 1.5rem 0; } .box-nobg h1, .box-nobg h2, .box-nobg h3, .box-nobg h4, .box-nobg h5, .box-nobg h6, .box-nobg strong { color: #000000; } .box-nobg a { color: #785447; } .box-nobg a:hover { color: #232323; } .box-noshadow .platform-content { -webkit-box-shadow: none !important; box-shadow: none !important; } .box-shadow-1 .platform-content { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) !important; } .box-shadow-2 .platform-content { -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25) !important; } .box-shadow-3 .platform-content { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 12px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 12px rgba(0, 0, 0, 0.25) !important; } .box-shadow-4 .platform-content { -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 6px 24px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 6px 24px rgba(0, 0, 0, 0.25) !important; } .box-shadow-5 .platform-content { -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12), 0 12px 28px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12), 0 12px 28px rgba(0, 0, 0, 0.25) !important; } .box-shadow-6 .platform-content { -webkit-box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.12), 0 24px 60px 0 rgba(0, 0, 0, 0.25) !important; box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.12), 0 24px 60px 0 rgba(0, 0, 0, 0.25) !important; } @media only all and (min-width: 75rem) { .hide-large-desktop { display: none !important; visibility: hidden; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .hide-desktop { display: none !important; visibility: hidden; } } @media only all and (max-width: 47.99rem) { .hide-mobileonly { display: none !important; visibility: hidden; } } @media only all and (min-width: 48rem) { .show-mobileonly { display: none !important; visibility: hidden; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .hide-tablet { display: none !important; visibility: hidden; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .hide-large-mobile { display: none !important; visibility: hidden; } } @media only all and (max-width: 30rem) { .hide-small-mobile { display: none !important; visibility: hidden; } } .demo-btns-showcase { word-break: break-word; } .flush .g-container > .g-grid > .g-block > .g-content { margin: 0; padding: 0; } .moduletable[class*="box"], .moduletable[class*="shadow"], .widget[class*="box"], .widget[class*="shadow"] { padding: 0; margin: 0.938rem; } .box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content { background: #ffffff; } .box1.moduletable, .box1.moduletable h1, .box1.moduletable h2, .box1.moduletable h3, .box1.moduletable h4, .box1.moduletable h5, .box1.moduletable h6, .box1.moduletable strong, .box1.moduletable i, .box1.widget, .box1.widget h1, .box1.widget h2, .box1.widget h3, .box1.widget h4, .box1.widget h5, .box1.widget h6, .box1.widget strong, .box1.widget i, .box1 > .g-content, .box1 > .g-content h1, .box1 > .g-content h2, .box1 > .g-content h3, .box1 > .g-content h4, .box1 > .g-content h5, .box1 > .g-content h6, .box1 > .g-content strong, .box1 > .g-content i { color: #595959; } .box2.moduletable, .box2.widget, .box2.g-outer-box, .box2 > .g-content { background: #e0e0e0; } .box2.moduletable, .box2.moduletable h1, .box2.moduletable h2, .box2.moduletable h3, .box2.moduletable h4, .box2.moduletable h5, .box2.moduletable h6, .box2.moduletable strong, .box2.moduletable i, .box2.widget, .box2.widget h1, .box2.widget h2, .box2.widget h3, .box2.widget h4, .box2.widget h5, .box2.widget h6, .box2.widget strong, .box2.widget i, .box2 > .g-content, .box2 > .g-content h1, .box2 > .g-content h2, .box2 > .g-content h3, .box2 > .g-content h4, .box2 > .g-content h5, .box2 > .g-content h6, .box2 > .g-content strong, .box2 > .g-content i { color: #6d6d6d; } .box3.moduletable, .box3.widget, .box3.g-outer-box, .box3 > .g-content { background: #785447; } .box3.moduletable, .box3.moduletable h1, .box3.moduletable h2, .box3.moduletable h3, .box3.moduletable h4, .box3.moduletable h5, .box3.moduletable h6, .box3.moduletable strong, .box3.moduletable i, .box3.widget, .box3.widget h1, .box3.widget h2, .box3.widget h3, .box3.widget h4, .box3.widget h5, .box3.widget h6, .box3.widget strong, .box3.widget i, .box3 > .g-content, .box3 > .g-content h1, .box3 > .g-content h2, .box3 > .g-content h3, .box3 > .g-content h4, .box3 > .g-content h5, .box3 > .g-content h6, .box3 > .g-content strong, .box3 > .g-content i { color: #ffffff; } .box3.moduletable a, .box3.widget a, .box3 > .g-content a { color: #cbb0a7; } .box3.moduletable a:hover, .box3.widget a:hover, .box3 > .g-content a:hover { color: #ffffff; } .box3.moduletable .button, .box3.widget .button, .box3 > .g-content .button { color: white; background: #986a5a; } .box3.moduletable .button:hover, .box3.widget .button:hover, .box3 > .g-content .button:hover { background: #a57767; } .box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content { background: #8F4DAE; } .box4.moduletable, .box4.moduletable h1, .box4.moduletable h2, .box4.moduletable h3, .box4.moduletable h4, .box4.moduletable h5, .box4.moduletable h6, .box4.moduletable strong, .box4.moduletable i, .box4.widget, .box4.widget h1, .box4.widget h2, .box4.widget h3, .box4.widget h4, .box4.widget h5, .box4.widget h6, .box4.widget strong, .box4.widget i, .box4 > .g-content, .box4 > .g-content h1, .box4 > .g-content h2, .box4 > .g-content h3, .box4 > .g-content h4, .box4 > .g-content h5, .box4 > .g-content h6, .box4 > .g-content strong, .box4 > .g-content i { color: #ffffff; } .box4.moduletable a, .box4.widget a, .box4 > .g-content a { color: #dcc7e6; } .box4.moduletable a:hover, .box4.widget a:hover, .box4 > .g-content a:hover { color: #ffffff; } .box4.moduletable .button, .box4.widget .button, .box4 > .g-content .button { color: #f2ebf6; background: #b080c7; } .box4.moduletable .button:hover, .box4.widget .button:hover, .box4 > .g-content .button:hover { background: #a66fbf; } .shadow.moduletable, .shadow.widget, .shadow.g-outer-box, .shadow > .g-content { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .shadow2.moduletable, .shadow2.widget, .shadow2.g-outer-box, .shadow2 > .g-content { box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } .disabled.moduletable, .disabled.widget, .disabled.g-outer-box, .disabled > .g-content { opacity: 0.4; } .square.moduletable, .square.widget, .square.g-outer-box, .square > .g-content { border-radius: none; } .rounded.moduletable, .rounded.widget, .rounded.g-outer-box, .rounded > .g-content { border-radius: 0.1875rem; } .g-main-nav .g-standard .g-dropdown { -webkit-transition: none; -moz-transition: none; transition: none; } .g-main-nav .g-standard .g-fade.g-dropdown { -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .g-main-nav .g-standard .g-zoom.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-zoom; -moz-animation-name: g-dropdown-zoom; animation-name: g-dropdown-zoom; } .g-main-nav .g-standard .g-fade-in-up.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-fade-in-up; -moz-animation-name: g-dropdown-fade-in-up; animation-name: g-dropdown-fade-in-up; } .g-main-nav .g-standard .g-fade-in-left.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-fade-in-left; -moz-animation-name: g-dropdown-fade-in-left; animation-name: g-dropdown-fade-in-left; } .g-main-nav .g-standard .g-fade-in-right.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-fade-in-right; -moz-animation-name: g-dropdown-fade-in-right; animation-name: g-dropdown-fade-in-right; } .g-main-nav .g-fullwidth > .g-dropdown { -webkit-transition: none; -moz-transition: none; transition: none; } .g-main-nav .g-fullwidth > .g-fade.g-dropdown { -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .g-main-nav .g-fullwidth > .g-zoom.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-zoom; -moz-animation-name: g-dropdown-zoom; animation-name: g-dropdown-zoom; } .g-main-nav .g-fullwidth > .g-fade-in-up.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-fade-in-up; -moz-animation-name: g-dropdown-fade-in-up; animation-name: g-dropdown-fade-in-up; } .g-main-nav .g-fullwidth > .g-fade-in-left.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-fade-in-left; -moz-animation-name: g-dropdown-fade-in-left; animation-name: g-dropdown-fade-in-left; } .g-main-nav .g-fullwidth > .g-fade-in-right.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-fade-in-right; -moz-animation-name: g-dropdown-fade-in-right; animation-name: g-dropdown-fade-in-right; } @-webkit-keyframes g-dropdown-zoom { 0% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 1; } } @-moz-keyframes g-dropdown-zoom { 0% { opacity: 0; -moz-transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 1; } } @keyframes g-dropdown-zoom { 0% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); -moz-transform: scale3d(0.8, 0.8, 0.8); -ms-transform: scale3d(0.8, 0.8, 0.8); -o-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 1; } } @-webkit-keyframes g-dropdown-fade-in-up { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); } 100% { opacity: 1; } } @-moz-keyframes g-dropdown-fade-in-up { 0% { opacity: 0; -moz-transform: translate3d(0, 30px, 0); } 100% { opacity: 1; } } @keyframes g-dropdown-fade-in-up { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { opacity: 1; } } @-webkit-keyframes g-dropdown-fade-in-left { 0% { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); } 100% { opacity: 1; } } @-moz-keyframes g-dropdown-fade-in-left { 0% { opacity: 0; -moz-transform: translate3d(-30px, 0, 0); } 100% { opacity: 1; } } @keyframes g-dropdown-fade-in-left { 0% { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); -moz-transform: translate3d(-30px, 0, 0); -ms-transform: translate3d(-30px, 0, 0); -o-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } 100% { opacity: 1; } } @-webkit-keyframes g-dropdown-fade-in-right { 0% { opacity: 0; -webkit-transform: translate3d(30px, 0, 0); } 100% { opacity: 1; } } @-moz-keyframes g-dropdown-fade-in-right { 0% { opacity: 0; -moz-transform: translate3d(30px, 0, 0); } 100% { opacity: 1; } } @keyframes g-dropdown-fade-in-right { 0% { opacity: 0; -webkit-transform: translate3d(30px, 0, 0); -moz-transform: translate3d(30px, 0, 0); -ms-transform: translate3d(30px, 0, 0); -o-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } 100% { opacity: 1; } } .g-offline #g-offline-content { min-height: 100vh; } .g-offline #g-offline-content > .g-container { position: relative; min-height: 80vh; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .g-offline #g-offline-content .g-block { z-index: 1; } .g-offline #g-offline-content .r-offline .r-offline-login { position: absolute; top: 25px; right: 25px; } .g-offline #g-offline-content .r-offline .r-offline-body { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .g-offline #g-offline-content .r-offline .r-offline-body > div { float: left; display: inline-block; } .g-offline #g-offline-content .r-offline .r-offline-body > div.r-offline-icon { margin-right: 1rem; } .g-offline #g-offline-content .r-offline .r-offline-body i { font-size: 5rem; } .g-offline #g-offline-content .r-offline .r-offline-body h1 { font-size: 2rem; font-weight: 900; line-height: 1.2; margin: 0; } .g-offline #g-offline-content .r-offline .r-offline-body div { font-size: 14px; } .g-offline #g-offline-content #system-message-container { position: absolute; top: 25px; left: 25px; max-width: 70%; } .g-offline #g-offline-content #system-message-container .r-message { background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; font-size: 14px !important; font-weight: bold !important; color: #ff0000 !important; } .g-offline #g-offline-content #system-message-container .r-message div.header { display: none !important; } .g-offline #g-offline-content #system-message-container .r-message p { margin: 0 !important; } .g-offline #g-offline-content #system-message-container .r-message .r-message-close { display: none !important; } .g-offline #g-offline-content #frame { width: 350px; max-width: 100%; margin: 0 auto; display: none; } .g-offline #g-offline-content #frame > h1, .g-offline #g-offline-content #frame > p { display: none; } .g-offline #g-offline-content #frame #form-login fieldset { margin: 0; padding: 0; } .g-offline #g-offline-content #frame #form-login input[type="submit"] { font-size: 1rem; } .g-offline #g-offline-content #frame #form-login input:not([type="submit"]) { width: 100% !important; color: #333333 !important; } .g-error #error-notice { min-height: 450px; } .g-container { width: 75rem; } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .g-container { width: 60rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .g-container { width: 48rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .g-container { width: 30rem; } } @media only all and (max-width: 30rem) { .g-container { width: 100%; } } .g-container.g-flushed { width: 100%; } @media only all and (max-width: 47.99rem) { .g-block { flex-grow: 0; flex-basis: 100%; } } @media only all and (max-width: 47.99rem) { body [class*="size-"] { flex-grow: 0; flex-basis: 100%; max-width: 100%; } } @media only all and (max-width: 47.99rem) { @supports not (flex-wrap: wrap) { .g-grid { display: block; flex-wrap: inherit; } .g-block { display: block; flex: inherit; } } } .visible-large, .visible-desktop, .visible-tablet, .visible-phone, .g-block.visible-large, .g-block.visible-desktop, .g-block.visible-tablet, .g-block.visible-phone { display: none !important; } @media only all and (max-width: 47.99rem) { .visible-phone { display: block !important; } .g-block.visible-phone { display: block !important; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .visible-tablet { display: block !important; } .g-block.visible-tablet { display: block !important; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .visible-desktop { display: block !important; } .g-block.visible-desktop { display: block !important; } } @media only all and (min-width: 75rem) { .visible-large { display: block !important; } .g-block.visible-large { display: block !important; } .visible-desktop { display: block !important; } .g-block.visible-desktop { display: block !important; } } @media only all and (max-width: 47.99rem) { .hidden-phone { display: none !important; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .hidden-tablet { display: none !important; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .hidden-desktop { display: none !important; } } @media only all and (min-width: 75rem) { .hidden-large { display: none !important; } .hidden-desktop { display: none !important; } } @media only all and (max-width: 47.99rem) { .align-right { text-align: inherit !important; } .align-left { text-align: inherit !important; } } .r-message { position: relative; min-height: 1em; margin: 1em 0; background: #F8F8F9; padding: 1em 1.5em; line-height: 1.4285em; color: rgba(0, 0, 0, 0.87); -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; -moz-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; border-radius: 0.28571429rem; -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0); font-size: 1em; } .r-message:first-child { margin-top: 0; } .r-message:last-child { margin-bottom: 0; } .r-message .header { display: block; font-family: "PT Sans"; font-weight: 700; margin: -0.14285em 0 0; } .r-message .header:not(.r-message) { font-size: 1.14285714em; } .r-message p { opacity: 0.85; margin: 0.75em 0; } .r-message p:first-child { margin-top: 0; } .r-message p:last-child { margin-bottom: 0; } .r-message .header + p { margin-top: 0.25em; } .r-message .list:not(.r-message) { text-align: left; padding: 0; opacity: 0.85; list-style-position: inside; margin: 0.5em 0 0; } .r-message .list:not(.r-message):first-child { margin-top: 0; } .r-message .list:not(.r-message):last-child { margin-bottom: 0; } .r-message .list:not(.r-message) li { position: relative; list-style-type: none; margin: 0 0 0.3em 1em; padding: 0; } .r-message .list:not(.r-message) li:before { position: absolute; content: "•"; left: -1em; height: 100%; vertical-align: baseline; } .r-message .list:not(.r-message) li:last-child { margin-bottom: 0; } .r-message > i { margin-right: 0.6em; } .r-message > .fa-close { cursor: pointer; position: absolute; margin: 0; top: 0.78575em; right: 0.5em; opacity: 0.7; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .r-message > .fa-close:hover { opacity: 1; } .r-message > :first-child { margin-top: 0; } .r-message > :last-child { margin-bottom: 0; } .r-message.r-dropdown .menu > { margin: 0 -1px; } .r-message.visible.visible.visible.visible { display: block; } .r-message.faicon.visible.visible.visible.visible { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .r-message.hidden.hidden.hidden.hidden { display: none; } .r-message.compact { display: inline-block; } .r-message.attached { margin-bottom: -1px; border-radius: 0.28571429rem 0.28571429rem 0 0; box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; margin-left: -1px; margin-right: -1px; } .r-message.attached + .r-message.attached:not(.top):not(.bottom) { margin-top: -1px; border-radius: 0; } .r-message.bottom.attached { margin-top: -1px; border-radius: 0 0 0.28571429rem 0.28571429rem; box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15); } .r-message.bottom.attached:not(:last-child) { margin-bottom: 1em; } .r-message.attached.faicon { width: auto; } .r-message.faicon { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; width: 100%; } .r-message.faicon > i:not(.fa-close) { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; line-height: 1; vertical-align: middle; font-size: 3em; opacity: 0.8; } .r-message.faicon > .content { display: block; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; vertical-align: middle; } .r-message.faicon i:not(.fa-close) + .content { padding-left: 0; } .r-message.faicon i.circular { width: 1em; } .r-message.floating { box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important; } .r-message.black { background-color: #1B1C1D; color: rgba(255, 255, 255, 0.9); } .r-message.positive { background-color: #FCFFF5; color: #2C662D; box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.attached.positive { box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.positive .header { color: #1A531B; } .r-message.negative { background-color: #FFF6F6; color: #9F3A38; box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.attached.negative { box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.negative .header { color: #912D2B; } .r-message.info { background-color: #F8FFFF; color: #276F86; box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.attached.info { box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.info .header { color: #0E566C; } .r-message.warning { background-color: #FFFAF3; color: #573A08; box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.attached.warning { box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.warning .header { color: #794B02; } .r-message.error { background-color: #FFF6F6; color: #9F3A38; box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.attached.error { box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.error .header { color: #912D2B; } .r-message.success { background-color: #FCFFF5; color: #2C662D; box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.attached.success { box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.success .header { color: #1A531B; } .r-message.inverted, .r-message.black { background-color: #1B1C1D; color: rgba(255, 255, 255, 0.9); } .r-message.red { background-color: #FFE8E6; color: #DB2828; box-shadow: 0 0 0 1px #DB2828 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.red .header { color: #c82121; } .r-message.orange { background-color: #FFEDDE; color: #F2711C; box-shadow: 0 0 0 1px #F2711C inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.orange .header { color: #e7640d; } .r-message.yellow { background-color: #FFF8DB; color: #B58105; box-shadow: 0 0 0 1px #B58105 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.yellow .header { color: #9c6f04; } .r-message.olive { background-color: #FBFDEF; color: #8ABC1E; box-shadow: 0 0 0 1px #8ABC1E inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.olive .header { color: #7aa61a; } .r-message.green { background-color: #E5F9E7; color: #1EBC30; box-shadow: 0 0 0 1px #1EBC30 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.green .header { color: #1aa62a; } .r-message.teal { background-color: #E1F7F7; color: #10A3A3; box-shadow: 0 0 0 1px #10A3A3 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.teal .header { color: #0e8c8c; } .r-message.blue { background-color: #DFF0FF; color: #2185D0; box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.blue .header { color: #1e77ba; } .r-message.violet { background-color: #EAE7FF; color: #6435C9; box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.violet .header { color: #5a30b5; } .r-message.purple { background-color: #F6E7FF; color: #A333C8; box-shadow: 0 0 0 1px #A333C8 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.purple .header { color: #922eb4; } .r-message.pink { background-color: #FFE3FB; color: #E03997; box-shadow: 0 0 0 1px #E03997 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.pink .header { color: #dd238b; } .r-message.brown { background-color: #F1E2D3; color: #A5673F; box-shadow: 0 0 0 1px #A5673F inset, 0 0 0 0 rgba(0, 0, 0, 0); } .r-message.brown .header { color: #935b38; } .r-message.mini { font-size: 0.78571429em; } .r-message.tiny { font-size: 0.85714286em; } .r-message.small { font-size: 0.92857143em; } .r-message.large { font-size: 1.14285714em; } .r-message.big { font-size: 1.28571429em; } .r-message.huge { font-size: 1.42857143em; } .r-message.massive { font-size: 1.71428571em; } .rcadimmable:not(body) { position: relative; } .rcadimmer { display: none; position: absolute; top: 0em !important; left: 0em !important; width: 100%; height: 100%; text-align: center; vertical-align: middle; padding: 1em; background-color: rgba(0, 0, 0, 0.85); opacity: 0; line-height: 1; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition: background-color 0.5s linear; transition: background-color 0.5s linear; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; will-change: opacity; z-index: 1000; } .rcadimmer > .content { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; color: #FFFFFF; } .rcadimmer.segment > .rcadimmer { border-radius: inherit !important; } .rcadimmer:not(.inverted)::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); } .rcadimmer:not(.inverted)::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.25); } .rcadimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.15); } .rcadimmer:not(.inverted)::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.35); } .rcaanimating.rcadimmable:not(body), .rcadimmed.rcadimmable:not(body) { overflow: hidden; } .rcadimmed.rcadimmable > .rcadimmer.rcaanimating, .rcadimmed.rcadimmable > .rcadimmer.visible, .rcadimmer.active { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; } .rcadimmer.disabled { width: 0 !important; height: 0 !important; } .rcadimmed.rcadimmable > .rcadimmer.rcaanimating.legacy, .rcadimmed.rcadimmable > .rcadimmer.visible.legacy, .rcadimmer.active.legacy { display: block; } .rcadimmer[class*="top aligned"] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .rcadimmer[class*="bottom aligned"] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .rcadimmer.rcadimmerpage { position: fixed; -webkit-transform-style: ""; transform-style: ""; -webkit-perspective: 2000px; perspective: 2000px; -webkit-transform-origin: center center; transform-origin: center center; } body.rcaanimating.in.rcadimmable, body.rcadimmed.rcadimmable { overflow: hidden; } body.rcadimmable > .rcadimmer { position: fixed; } .blurring.rcadimmable > :not(.rcadimmer) { -webkit-filter: blur(0px) grayscale(0); filter: blur(0px) grayscale(0); -webkit-transition: 800ms -webkit-filter ease; transition: 800ms -webkit-filter ease; transition: 800ms filter ease; transition: 800ms filter ease, 800ms -webkit-filter ease; } .blurring.rcadimmed.rcadimmable > :not(.rcadimmer) { -webkit-filter: blur(5px) grayscale(0.7); filter: blur(5px) grayscale(0.7); } .blurring.rcadimmable > .rcadimmer { background-color: rgba(0, 0, 0, 0.6); } .blurring.rcadimmable > .inverted.rcadimmer { background-color: rgba(255, 255, 255, 0.6); } .rcadimmer > .top.aligned.content > * { vertical-align: top; } .rcadimmer > .bottom.aligned.content > * { vertical-align: bottom; } .rcadimmer.inverted { background-color: rgba(255, 255, 255, 0.85); } .rcadimmer.inverted > .content > * { color: #FFFFFF; } .rcadimmer.simple { display: block; overflow: hidden; opacity: 1; width: 0%; height: 0%; z-index: -100; background-color: rgba(0, 0, 0, 0); } .rcadimmed.rcadimmable > .rcadimmer.simple { overflow: visible; opacity: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 1; } .rcadimmer.simple.inverted { background-color: rgba(255, 255, 255, 0); } .rcadimmed.rcadimmable > .rcadimmer.simple.inverted { background-color: rgba(255, 255, 255, 0.85); } [data-tooltip] { position: relative; } [data-tooltip]:before { pointer-events: none; position: absolute; content: ""; font-size: 14px; width: 0.71428571em; height: 0.71428571em; background: #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; box-shadow: 1px 1px 0 0 #bababc; } [data-tooltip]:after { pointer-events: none; content: attr(data-tooltip); position: absolute; text-transform: none; text-align: left; white-space: nowrap; font-size: 14px; border: 1px solid #D4D4D5; line-height: 1.4285em; max-width: none; background: #FFF; padding: 0.833em 1em; font-weight: 400; font-style: normal; color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); z-index: 1; } [data-tooltip]:not([data-position]):before { top: auto; right: auto; bottom: 100%; left: 50%; background: #FFF; margin-left: -0.07142857rem; margin-bottom: 0.14285714rem; } [data-tooltip]:not([data-position]):after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 100%; margin-bottom: 0.5em; } [data-tooltip]:before, [data-tooltip]:after { pointer-events: none; visibility: hidden; } [data-tooltip]:before { opacity: 0; -webkit-transform: rotate(45deg) scale(0) !important; transform: rotate(45deg) scale(0) !important; -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } [data-tooltip]:after { opacity: 1; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; pointer-events: auto; } [data-tooltip]:hover:before { -webkit-transform: rotate(45deg) scale(1) !important; transform: rotate(45deg) scale(1) !important; opacity: 1; } [data-tooltip]:after, [data-tooltip][data-position="top center"]:after, [data-tooltip][data-position="bottom center"]:after { -webkit-transform: translateX(-50%) scale(0) !important; transform: translateX(-50%) scale(0) !important; } [data-tooltip]:hover:after, [data-tooltip][data-position="bottom center"]:hover:after { -webkit-transform: translateX(-50%) scale(1) !important; transform: translateX(-50%) scale(1) !important; } [data-tooltip][data-position="left center"]:after, [data-tooltip][data-position="right center"]:after { -webkit-transform: translateY(-50%) scale(0) !important; transform: translateY(-50%) scale(0) !important; } [data-tooltip][data-position="left center"]:hover:after, [data-tooltip][data-position="right center"]:hover:after { -webkit-transform: translateY(-50%) scale(1) !important; transform: translateY(-50%) scale(1) !important; } [data-tooltip][data-position="top left"]:after, [data-tooltip][data-position="top right"]:after, [data-tooltip][data-position="bottom left"]:after, [data-tooltip][data-position="bottom right"]:after { -webkit-transform: scale(0) !important; transform: scale(0) !important; } [data-tooltip][data-position="top left"]:hover:after, [data-tooltip][data-position="top right"]:hover:after, [data-tooltip][data-position="bottom left"]:hover:after, [data-tooltip][data-position="bottom right"]:hover:after { -webkit-transform: scale(1) !important; transform: scale(1) !important; } [data-tooltip][data-inverted]:before { box-shadow: none !important; background: #1B1C1D; } [data-tooltip][data-inverted]:after { background: #1B1C1D; color: #FFF; border: none; box-shadow: none; } [data-tooltip][data-inverted]:after .header { background-color: none; color: #FFF; } [data-position="top center"][data-tooltip]:after { top: auto; right: auto; left: 50%; bottom: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 0.5em; } [data-position="top center"][data-tooltip]:before { top: auto; right: auto; bottom: 100%; left: 50%; background: #FFF; margin-left: -0.07142857rem; margin-bottom: 0.14285714rem; } [data-position="top left"][data-tooltip]:after { top: auto; right: auto; left: 0; bottom: 100%; margin-bottom: 0.5em; } [data-position="top left"][data-tooltip]:before { top: auto; right: auto; bottom: 100%; left: 1em; margin-left: -0.07142857rem; margin-bottom: 0.14285714rem; } [data-position="top right"][data-tooltip]:after { top: auto; left: auto; right: 0; bottom: 100%; margin-bottom: 0.5em; } [data-position="top right"][data-tooltip]:before { top: auto; left: auto; bottom: 100%; right: 1em; margin-left: -0.07142857rem; margin-bottom: 0.14285714rem; } [data-position="bottom center"][data-tooltip]:after { bottom: auto; right: auto; left: 50%; top: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 0.5em; } [data-position="bottom center"][data-tooltip]:before { bottom: auto; right: auto; top: 100%; left: 50%; margin-left: -0.07142857rem; margin-top: 0.14285714rem; } [data-position="bottom left"][data-tooltip]:after { left: 0; top: 100%; margin-top: 0.5em; } [data-position="bottom left"][data-tooltip]:before { bottom: auto; right: auto; top: 100%; left: 1em; margin-left: -0.07142857rem; margin-top: 0.14285714rem; } [data-position="bottom right"][data-tooltip]:after { right: 0; top: 100%; margin-top: 0.5em; } [data-position="bottom right"][data-tooltip]:before { bottom: auto; left: auto; top: 100%; right: 1em; margin-left: -0.14285714rem; margin-top: 0.07142857rem; } [data-position="left center"][data-tooltip]:after { right: 100%; top: 50%; margin-right: 0.5em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } [data-position="left center"][data-tooltip]:before { right: 100%; top: 50%; margin-top: -0.14285714rem; margin-right: -0.07142857rem; } [data-position="right center"][data-tooltip]:after { left: 100%; top: 50%; margin-left: 0.5em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } [data-position="right center"][data-tooltip]:before { left: 100%; top: 50%; margin-top: -0.07142857rem; margin-left: 0.14285714rem; } [data-position~="bottom"][data-tooltip]:before { background: #FFF; box-shadow: -1px -1px 0 0 #bababc; } [data-position="left center"][data-tooltip]:before { background: #FFF; box-shadow: 1px -1px 0 0 #bababc; } [data-position="right center"][data-tooltip]:before { background: #FFF; box-shadow: -1px 1px 0 0 #bababc; } [data-position~="top"][data-tooltip]:before { background: #FFF; } [data-inverted][data-position~="bottom"][data-tooltip]:before { background: #1B1C1D; box-shadow: -1px -1px 0 0 #bababc; } [data-inverted][data-position="left center"][data-tooltip]:before { background: #1B1C1D; box-shadow: 1px -1px 0 0 #bababc; } [data-inverted][data-position="right center"][data-tooltip]:before { background: #1B1C1D; box-shadow: -1px 1px 0 0 #bababc; } [data-inverted][data-position~="top"][data-tooltip]:before { background: #1B1C1D; } [data-position~="bottom"][data-tooltip]:before { -webkit-transform-origin: center bottom; transform-origin: center bottom; } [data-position~="bottom"][data-tooltip]:after { -webkit-transform-origin: center top; transform-origin: center top; } [data-position="left center"][data-tooltip]:before { -webkit-transform-origin: top center; transform-origin: top center; } [data-position="left center"][data-tooltip]:after { -webkit-transform-origin: right center; transform-origin: right center; } [data-position="right center"][data-tooltip]:before { -webkit-transform-origin: right center; transform-origin: right center; } [data-position="right center"][data-tooltip]:after { -webkit-transform-origin: left center; transform-origin: left center; } .r-modal { position: absolute; display: none; z-index: 1001; text-align: left; background: #FFFFFF; border: none; -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); -webkit-transform-origin: 50% 25%; transform-origin: 50% 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 0; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; will-change: top, left, margin, transform, opacity; } .r-modal > .close { cursor: pointer; position: absolute; top: -2.5rem; right: -2.5rem; z-index: 1; opacity: 0.8; font-size: 1.25em; color: #FFFFFF; width: 2.25rem; height: 2.25rem; padding: 0.625rem 0rem 0rem 0rem; } .r-modal > .close:hover { opacity: 1; } .r-modal > .header { display: block; font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif; background: #FFFFFF; margin: 0em; padding: 1.25rem 1.5rem; -webkit-box-shadow: none; box-shadow: none; color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid rgba(34, 36, 38, 0.15); font-size: 1.42857143rem; line-height: 1.28571429em; font-weight: bold; } .r-modal > .content { display: block; width: 100%; font-size: 1em; line-height: 1.4; padding: 1.5rem; background: #FFFFFF; } .r-modal > .image.content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .r-modal > .content > .image { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: ""; -ms-flex-item-align: top; align-self: top; } .r-modal > [class*="top aligned"] { -ms-flex-item-align: top; align-self: top; } .r-modal > [class*="middle aligned"] { -ms-flex-item-align: middle; align-self: middle; } .r-modal > [class*="stretched"] { -ms-flex-item-align: stretch; align-self: stretch; } .r-modal > .content > .description { display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; min-width: 0px; -ms-flex-item-align: top; align-self: top; } .r-modal > .content > .icon + .description, .r-modal > .content > .image + .description { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; min-width: ""; width: auto; padding-left: 2em; } .r-modal > .content > .image > i.icon { margin: 0em; opacity: 1; width: auto; line-height: 1; font-size: 8rem; } .r-modal > .actions { background: #F9FAFB; padding: 1rem 1rem; border-top: 1px solid rgba(34, 36, 38, 0.15); text-align: right; } .r-modal .actions > .button { margin-left: 0.75em; } @media only screen and (max-width: 767px) { .r-modal { width: 95%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 768px) { .r-modal { width: 88%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 992px) { .r-modal { width: 850px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1200px) { .r-modal { width: 900px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1920px) { .r-modal { width: 950px; margin: 0em 0em 0em 0em; } } @media only screen and (max-width: 991px) { .r-modal > .header { padding-right: 2.25rem; } .r-modal > .close { top: 1.0535rem; right: 1rem; color: rgba(0, 0, 0, 0.87); } } @media only screen and (max-width: 767px) { .r-modal > .header { padding: 0.75rem 1rem !important; padding-right: 2.25rem !important; } .r-modal > .content { display: block; padding: 1rem !important; } .r-modal > .close { top: 0.5rem !important; right: 0.5rem !important; } .r-modal .image.content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .r-modal .content > .image { display: block; max-width: 100%; margin: 0em auto !important; text-align: center; padding: 0rem 0rem 1rem !important; } .r-modal > .content > .image > i.icon { font-size: 5rem; text-align: center; } .r-modal .content > .description { display: block; width: 100% !important; margin: 0em !important; padding: 1rem 0rem !important; -webkit-box-shadow: none; box-shadow: none; } .r-modal > .actions { padding: 1rem 1rem 0rem !important; } .r-modal .actions > .buttons, .r-modal .actions > .button { margin-bottom: 1rem; } } .inverted.rcadimmer > .r-modal { -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); } .r-modal.basic { background-color: transparent; border: none; border-radius: 0em; -webkit-box-shadow: none !important; box-shadow: none !important; color: #FFFFFF; } .r-modal.basic > .header, .r-modal.basic > .content, .r-modal.basic > .actions { background-color: transparent; } .r-modal.basic > .header { color: #FFFFFF; } .r-modal.basic > .close { top: 1rem; right: 1.5rem; } .inverted.rcadimmer > .basic { color: rgba(0, 0, 0, 0.87); } .inverted.rcadimmer > .r-modal.basic > .header { color: rgba(0, 0, 0, 0.85); } .r-modal.legacy, .legacy.rcadimmerpage.rcadimmer > .r-modal { top: 50%; left: 50%; } .legacy.rcadimmerpage.rcadimmer > .r-modal.scrolling, .rcadimmerpage.rcadimmer > .r-modal.scrolling.legacy, .top.aligned.legacy.rcadimmerpage.rcadimmer > .r-modal, .top.aligned.rcadimmer > .r-modal.legacy { top: auto; } @media only screen and (max-width: 991px) { .r-modal.basic > .close { color: #FFFFFF; } } .r-modal.loading { display: block; visibility: hidden; z-index: -1; } .r-modal.active { display: block; } .modals.rcadimmer[class*="top aligned"] .modal { margin: 5vh auto; } @media only screen and (max-width: 767px) { .modals.rcadimmer[class*="top aligned"] .modal { margin: 1rem auto; } } .legacy.modals.rcadimmer[class*="top aligned"] { padding-top: 5vh; } @media only screen and (max-width: 767px) { .legacy.modals.rcadimmer[class*="top aligned"] { padding-top: 1rem; } } .scrolling.rcadimmable.rcadimmed { overflow: hidden; } .scrolling.rcadimmable > .rcadimmer { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .scrolling.rcadimmable.rcadimmed > .rcadimmer { overflow: auto; -webkit-overflow-scrolling: touch; } .scrolling.rcadimmable > .rcadimmer { position: fixed; } .modals.rcadimmer .r-modal.scrolling { margin: 1rem auto; } .scrolling.undetached.rcadimmable.rcadimmed { overflow: auto; -webkit-overflow-scrolling: touch; } .scrolling.undetached.rcadimmable.rcadimmed > .rcadimmer { overflow: hidden; } .scrolling.undetached.rcadimmable .r-modal.scrolling { position: absolute; left: 50%; margin-top: 1rem !important; } .r-modal .scrolling.content { max-height: calc(70vh); overflow: auto; } .r-modal.fullscreen { width: 95% !important; margin: 1em auto; } .r-modal.fullscreen > .header { padding-right: 2.25rem; } .r-modal.fullscreen > .close { top: 1.0535rem; right: 1rem; color: rgba(0, 0, 0, 0.87); } .r-modal { font-size: 1rem; } .r-modal.mini > .header { font-size: 1.3em; } @media only screen and (max-width: 767px) { .r-modal.mini { width: 95%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 768px) { .r-modal.mini { width: 35.2%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 992px) { .r-modal.mini { width: 340px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1200px) { .r-modal.mini { width: 360px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1920px) { .r-modal.mini { width: 380px; margin: 0em 0em 0em 0em; } } .r-modal.small > .header { font-size: 1.3em; } @media only screen and (max-width: 767px) { .r-modal.tiny { width: 95%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 768px) { .r-modal.tiny { width: 52.8%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 992px) { .r-modal.tiny { width: 510px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1200px) { .r-modal.tiny { width: 540px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1920px) { .r-modal.tiny { width: 570px; margin: 0em 0em 0em 0em; } } .r-modal.small > .header { font-size: 1.3em; } @media only screen and (max-width: 767px) { .r-modal.small { width: 95%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 768px) { .r-modal.small { width: 70.4%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 992px) { .r-modal.small { width: 680px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1200px) { .r-modal.small { width: 720px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1920px) { .r-modal.small { width: 760px; margin: 0em 0em 0em 0em; } } .r-modal.large > .header { font-size: 1.6em; } @media only screen and (max-width: 767px) { .r-modal.large { width: 95%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 768px) { .r-modal.large { width: 88%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 992px) { .r-modal.large { width: 1020px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1200px) { .r-modal.large { width: 1080px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1920px) { .r-modal.large { width: 1140px; margin: 0em 0em 0em 0em; } } .rcatransition { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .rcaanimating.rcatransition { -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: visible !important; } .loading.rcatransition { position: absolute; top: -99999px; left: -99999px; } .hidden.rcatransition { display: none; visibility: hidden; } .visible.rcatransition { display: block !important; visibility: visible !important; } .disabled.rcatransition { -webkit-animation-play-state: paused; animation-play-state: paused; } .looping.rcatransition { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rcatransition.browse { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .rcatransition.browse.in { -webkit-animation-name: browseIn; animation-name: browseIn; } .rcatransition.browse.out, .rcatransition.browse.left.out { -webkit-animation-name: browseOutLeft; animation-name: browseOutLeft; } .rcatransition.browse.right.out { -webkit-animation-name: browseOutRight; animation-name: browseOutRight; } @-webkit-keyframes browseIn { 0% { -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; } 10% { -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; opacity: 0.7; } 80% { -webkit-transform: scale(1.05) translateZ(0px); transform: scale(1.05) translateZ(0px); opacity: 1; z-index: 999; } 100% { -webkit-transform: scale(1) translateZ(0px); transform: scale(1) translateZ(0px); z-index: 999; } } @keyframes browseIn { 0% { -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; } 10% { -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; opacity: 0.7; } 80% { -webkit-transform: scale(1.05) translateZ(0px); transform: scale(1.05) translateZ(0px); opacity: 1; z-index: 999; } 100% { -webkit-transform: scale(1) translateZ(0px); transform: scale(1) translateZ(0px); z-index: 999; } } @-webkit-keyframes browseOutLeft { 0% { z-index: 999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); } 50% { z-index: -1; -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); } 80% { opacity: 1; } 100% { z-index: -1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } } @keyframes browseOutLeft { 0% { z-index: 999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); } 50% { z-index: -1; -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); } 80% { opacity: 1; } 100% { z-index: -1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } } @-webkit-keyframes browseOutRight { 0% { z-index: 999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); } 50% { z-index: 1; -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); } 80% { opacity: 1; } 100% { z-index: 1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } } @keyframes browseOutRight { 0% { z-index: 999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); } 50% { z-index: 1; -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); } 80% { opacity: 1; } 100% { z-index: 1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } } .drop.rcatransition { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); } .drop.rcatransition.in { -webkit-animation-name: dropIn; animation-name: dropIn; } .drop.rcatransition.out { -webkit-animation-name: dropOut; animation-name: dropOut; } @-webkit-keyframes dropIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes dropIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes dropOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @keyframes dropOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } .rcatransition.fade.in { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .rcatransition[class*="fade up"].in { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .rcatransition[class*="fade down"].in { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .rcatransition[class*="fade left"].in { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .rcatransition[class*="fade right"].in { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .rcatransition.fade.out { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .rcatransition[class*="fade up"].out { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } .rcatransition[class*="fade down"].out { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } .rcatransition[class*="fade left"].out { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } .rcatransition[class*="fade right"].out { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(5%); transform: translateY(5%); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(5%); transform: translateY(5%); } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-5%); transform: translateY(-5%); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-5%); transform: translateY(-5%); } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(5%); transform: translateX(5%); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(5%); transform: translateX(5%); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); } } .flip.rcatransition.in, .flip.rcatransition.out { -webkit-animation-duration: 600ms; animation-duration: 600ms; } .horizontal.flip.rcatransition.in { -webkit-animation-name: horizontalFlipIn; animation-name: horizontalFlipIn; } .horizontal.flip.rcatransition.out { -webkit-animation-name: horizontalFlipOut; animation-name: horizontalFlipOut; } .vertical.flip.rcatransition.in { -webkit-animation-name: verticalFlipIn; animation-name: verticalFlipIn; } .vertical.flip.rcatransition.out { -webkit-animation-name: verticalFlipOut; animation-name: verticalFlipOut; } @-webkit-keyframes horizontalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } 100% { -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; } } @keyframes horizontalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } 100% { -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes verticalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } 100% { -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; } } @keyframes verticalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } 100% { -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; } } @-webkit-keyframes horizontalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } } @keyframes horizontalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } } @-webkit-keyframes verticalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } } @keyframes verticalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } } .scale.rcatransition.in { -webkit-animation-name: scaleIn; animation-name: scaleIn; } .scale.rcatransition.out { -webkit-animation-name: scaleOut; animation-name: scaleOut; } @-webkit-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scaleOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes scaleOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } } .rcatransition.fly { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .rcatransition.fly.in { -webkit-animation-name: flyIn; animation-name: flyIn; } .rcatransition[class*="fly up"].in { -webkit-animation-name: flyInUp; animation-name: flyInUp; } .rcatransition[class*="fly down"].in { -webkit-animation-name: flyInDown; animation-name: flyInDown; } .rcatransition[class*="fly left"].in { -webkit-animation-name: flyInLeft; animation-name: flyInLeft; } .rcatransition[class*="fly right"].in { -webkit-animation-name: flyInRight; animation-name: flyInRight; } .rcatransition.fly.out { -webkit-animation-name: flyOut; animation-name: flyOut; } .rcatransition[class*="fly up"].out { -webkit-animation-name: flyOutUp; animation-name: flyOutUp; } .rcatransition[class*="fly down"].out { -webkit-animation-name: flyOutDown; animation-name: flyOutDown; } .rcatransition[class*="fly left"].out { -webkit-animation-name: flyOutLeft; animation-name: flyOutLeft; } .rcatransition[class*="fly right"].out { -webkit-animation-name: flyOutRight; animation-name: flyOutRight; } .rcatransition.slide.in, .rcatransition[class*="slide down"].in { -webkit-animation-name: slideInY; animation-name: slideInY; -webkit-transform-origin: top center; transform-origin: top center; } .rcatransition[class*="slide up"].in { -webkit-animation-name: slideInY; animation-name: slideInY; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .rcatransition[class*="slide left"].in { -webkit-animation-name: slideInX; animation-name: slideInX; -webkit-transform-origin: center right; transform-origin: center right; } .rcatransition[class*="slide right"].in { -webkit-animation-name: slideInX; animation-name: slideInX; -webkit-transform-origin: center left; transform-origin: center left; } .rcatransition.slide.out, .rcatransition[class*="slide down"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; -webkit-transform-origin: top center; transform-origin: top center; } .rcatransition[class*="slide up"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .rcatransition[class*="slide left"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; -webkit-transform-origin: center right; transform-origin: center right; } .rcatransition[class*="slide right"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; -webkit-transform-origin: center left; transform-origin: center left; } .rcatransition.swing { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .rcatransition[class*="swing down"].in { -webkit-animation-name: swingInX; animation-name: swingInX; -webkit-transform-origin: top center; transform-origin: top center; } .rcatransition[class*="swing up"].in { -webkit-animation-name: swingInX; animation-name: swingInX; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .rcatransition[class*="swing left"].in { -webkit-animation-name: swingInY; animation-name: swingInY; -webkit-transform-origin: center right; transform-origin: center right; } .rcatransition[class*="swing right"].in { -webkit-animation-name: swingInY; animation-name: swingInY; -webkit-transform-origin: center left; transform-origin: center left; } .rcatransition.swing.out, .rcatransition[class*="swing down"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; -webkit-transform-origin: top center; transform-origin: top center; } .rcatransition[class*="swing up"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .rcatransition[class*="swing left"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; -webkit-transform-origin: center right; transform-origin: center right; } .rcatransition[class*="swing right"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; -webkit-transform-origin: center left; transform-origin: center left; } .rcatransition.zoom.in { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .rcatransition.zoom.out { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes flyIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes flyIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes flyInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 1500px, 0); transform: translate3d(0, 1500px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes flyInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 1500px, 0); transform: translate3d(0, 1500px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes flyInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -1500px, 0); transform: translate3d(0, -1500px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes flyInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -1500px, 0); transform: translate3d(0, -1500px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @-webkit-keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: translate3d(1500px, 0, 0); transform: translate3d(1500px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: translate3d(1500px, 0, 0); transform: translate3d(1500px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @-webkit-keyframes flyInRight { 0% { opacity: 0; -webkit-transform: translate3d(-1500px, 0, 0); transform: translate3d(-1500px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes flyInRight { 0% { opacity: 0; -webkit-transform: translate3d(-1500px, 0, 0); transform: translate3d(-1500px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @-webkit-keyframes flyOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes flyOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @-webkit-keyframes flyOutUp { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes flyOutUp { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @-webkit-keyframes flyOutDown { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes flyOutDown { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @-webkit-keyframes flyOutRight { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes flyOutRight { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @-webkit-keyframes flyOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes flyOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @-webkit-keyframes slideInY { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } 100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes slideInY { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } 100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes slideInX { 0% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } 100% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes slideInX { 0% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } 100% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @-webkit-keyframes slideOutY { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } 100% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } } @keyframes slideOutY { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } 100% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } } @-webkit-keyframes slideOutX { 0% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } 100% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } } @keyframes slideOutX { 0% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } 100% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } } @-webkit-keyframes swingInX { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; } 60% { -webkit-transform: perspective(1000px) rotateX(15deg); transform: perspective(1000px) rotateX(15deg); } 80% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); } 100% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } } @keyframes swingInX { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; } 60% { -webkit-transform: perspective(1000px) rotateX(15deg); transform: perspective(1000px) rotateX(15deg); } 80% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); } 100% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } } @-webkit-keyframes swingInY { 0% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; } 40% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; } 60% { -webkit-transform: perspective(1000px) rotateY(-17.5deg); transform: perspective(1000px) rotateY(-17.5deg); } 80% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); } 100% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } } @keyframes swingInY { 0% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; } 40% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; } 60% { -webkit-transform: perspective(1000px) rotateY(-17.5deg); transform: perspective(1000px) rotateY(-17.5deg); } 80% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); } 100% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } } @-webkit-keyframes swingOutX { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } 40% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); } 60% { -webkit-transform: perspective(1000px) rotateX(17.5deg); transform: perspective(1000px) rotateX(17.5deg); } 80% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; } 100% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } } @keyframes swingOutX { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } 40% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); } 60% { -webkit-transform: perspective(1000px) rotateX(17.5deg); transform: perspective(1000px) rotateX(17.5deg); } 80% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; } 100% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } } @-webkit-keyframes swingOutY { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } 40% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); } 60% { -webkit-transform: perspective(1000px) rotateY(-10deg); transform: perspective(1000px) rotateY(-10deg); } 80% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; } 100% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; } } @keyframes swingOutY { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } 40% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); } 60% { -webkit-transform: perspective(1000px) rotateY(-10deg); transform: perspective(1000px) rotateY(-10deg); } 80% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; } 100% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; } } @-webkit-keyframes zoomIn { 0% { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes zoomIn { 0% { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } } @keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } } .flash.rcatransition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: flash; animation-name: flash; } .shake.rcatransition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: shake; animation-name: shake; } .bounce.rcatransition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: bounce; animation-name: bounce; } .tada.rcatransition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: tada; animation-name: tada; } .pulse.rcatransition { -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-name: pulse; animation-name: pulse; } .jiggle.rcatransition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: jiggle; animation-name: jiggle; } .rcatransition.glow { -webkit-animation-duration: 2000ms; animation-duration: 2000ms; -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-name: glow; animation-name: glow; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes jiggle { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes jiggle { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes glow { 0% { background-color: #FCFCFD; } 30% { background-color: #FFF6CD; } 100% { background-color: #FCFCFD; } } @keyframes glow { 0% { background-color: #FCFCFD; } 30% { background-color: #FFF6CD; } 100% { background-color: #FCFCFD; } } #r-totop { z-index: 99; position: fixed; bottom: -60px; right: 30px; display: block; text-align: center; width: 30px; height: 30px; line-height: 30px; background-color: transparent; border: 1px solid #785447; color: #785447; cursor: pointer; border-radius: 0; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.2s ease-out, bottom 0.3s linear; -moz-transition: all 0.2s ease-out, bottom 0.3s linear; transition: all 0.2s ease-out, bottom 0.3s linear; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #r-totop i { font-size: 24px; } #r-totop:hover { background-color: #785447; color: #ffffff; } #r-totop.active { bottom: 40px; bottom: 40px; -webkit-transition: all 0.2s ease-out, bottom 0.3s cubic-bezier(0.1, 0.6, 0.27, 1.26); -moz-transition: all 0.2s ease-out, bottom 0.3s cubic-bezier(0.1, 0.6, 0.27, 1.26); transition: all 0.2s ease-out, bottom 0.3s cubic-bezier(0.1, 0.6, 0.27, 1.26); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #r-progressloader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 100000000000000000; background: #ffffff; text-align: center; } #r-progressloader .r-progressloader-block { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #r-progressloader img { width: 55px; } #r-progressloader .r-progressloader-dots span { display: inline-block; margin: 0 1px; background: #785447; width: 17px; height: 17px; border-radius: 50%; animation-name: r-progress-animation; animation-duration: 1.4s; animation-iteration-count: infinite; animation-fill-mode: both; } #r-progressloader .r-progressloader-dots span:nth-child(2) { animation-delay: 0.2s; } #r-progressloader .r-progressloader-dots span:nth-child(3) { animation-delay: 0.4s; } #r-progressloader .r-progressloader-dots span:nth-child(4) { animation-delay: 0.6s; } @media only all and (max-width: 47.99rem) { #r-progressloader .r-progressloader-dots span { width: 13px !important; height: 13px !important; } } #g-page-surround { opacity: 0; } body.r-progress-hide:not(.r-progress-active) #g-page-surround { opacity: 1; } body.r-progress-hide:not(.r-progress-active) #r-progressloader { display: none; } @-webkit-keyframes r-progress-animation { 0% { opacity: 0.2; } 20% { opacity: 1; } 100% { opacity: 0.2; } } @-moz-keyframes r-progress-animation { 0% { opacity: 0.2; } 20% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes r-progress-animation { 0% { opacity: 0.2; } 20% { opacity: 1; } 100% { opacity: 0.2; } } .hikashop_cart_module .hikashop_checkout_loading .hikashop_checkout_loading_spinner:before, .hikashop_cart_module .hikashop_checkout_loading .hikashop_checkout_loading_spinner:after { margin-top: -8px !important; } .hikashop_cart_module, .vmCartModule { color: #232323;height:30px; } div.hikashop_cart_dropdown_content { z-index: 999999 !important; top: 100% !important; bottom: auto !important; right: -1px !important; left: auto !important; margin: 0.5em 0 0 !important; padding: 0.78571rem 1.14286rem !important; border-radius: 0 !important; background: #fff !important; font-size: 1em !important; text-shadow: none !important; text-align: left !important; box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15) !important; border: 1px solid rgba(34, 36, 38, 0.15) !important; min-width: 380px !important; color: #232323; line-height: 1.3; } @media only all and (max-width: 767px) { div.hikashop_cart_dropdown_content td.hikashop_cart_module_product_image { display: none; } } @media only all and (max-width: 480px) { div.hikashop_cart_dropdown_content { left: 0 !important; margin-top: 0 !important; min-width: auto !important; } } div.hikashop_cart_dropdown_content:after { display: none; } @media only all and (max-width: 480px) { .hikashop_cart_dropdown_container { position: inherit !important; } } div.hikashop_checkout_loading div.hikashop_checkout_loading_elem { background: transparent !important; } div.hikashop_checkout_loading div.hikashop_checkout_loading_elem .hikashop_checkout_loading_spinner.small_spinner:before, div.hikashop_checkout_loading div.hikashop_checkout_loading_elem .hikashop_checkout_loading_spinner.small_spinner:after { margin-top: -8px; } form.r-hikashop-cart-form { margin: 0; } .r-hikashop-cart-items, .vm_cart_products { max-height: 400px; overflow-x: hidden; overflow-y: auto; margin-bottom: 16px; } @media only all and (max-width: 47.99rem) { .r-hikashop-cart-items, .vm_cart_products { max-height: 250px; } } .r-hikashop-cart-item { position: relative; padding: 30px 0 15px; border-bottom: 1px solid #dddddd; } .r-hikashop-cart-item:last-child { border-bottom: 0; } .r-hikashop-cart-item .r-hikashop-cart-delete { position: absolute; top: 0; right: -3px; } .r-hikashop-cart-item .r-hikashop-cart-item-block { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .r-hikashop-cart-item .r-hikashop-cart-item-block > div { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; min-height: 0; } .r-hikashop-cart-item .r-hikashop-cart-item-block .r-hikashop-cart-item-img { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 60px; -moz-flex: 0 60px; -ms-flex: 0 60px; flex: 0 60px; width: 60px; min-width: 60px; } @media only all and (max-width: 959px) { .r-hikashop-cart-item .r-hikashop-cart-item-block .r-hikashop-cart-item-img { display: none; } } .r-hikashop-cart-item .r-hikashop-cart-item-block .hikashop_product_price_full { display: inline !important; color: #232323 !important; } .r-hikashop-cart-item .r-hikashop-cart-item-block .hikashop_product_price_full .hikashop_product_discount { margin-right: 2px; } .r-hikashop-cart-item .r-hikashop-cart-item-block .hikashop_product_price_full .hikashop_product_price { font-size: 110% !important; } .r-hikashop-total-checkout { background: #eeeeee; margin: 0 -1.14286rem -0.78571rem; padding: 20px 1.14286rem; } @media only all and (min-width: 960px) { .r-hikashop-total-checkout { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } } @media only all and (max-width: 959px) { .r-hikashop-total-checkout { text-align: right; } } .r-hikashop-total-checkout .r-hikashop-total { font-size: 18px; } .r-hikashop-total-checkout .r-hikashop-total .r-hikashop-total-value { font-weight: 700; } @media only all and (max-width: 959px) { .r-hikashop-total-checkout .r-hikashop-total { margin-bottom: 11px; } } .r-hikashop-total-checkout .r-hikashop-checkout { margin-left: auto; margin-right: 0; } .r-hikashop-total-checkout .r-hikashop-checkout .button { margin-right: 0; } span.r-cart-x { margin: 0 5px 0 -3px; } #r_loginform.r-modal > .content { padding: 2.5rem; } #r_loginform.r-modal .moduletable > h3 { margin: 0 0 20px; line-height: 1.4; font-size: 22px; } #r_loginform.r-modal .r-loginform-register { text-align: center; } .r-login-form > div:not(.r-loginform-submit):not(.r-loginform-remember) { margin-bottom: 20px; } .r-login-form > div:not(.r-loginform-submit):not(.r-loginform-remember) input { width: 100%; display: block; } .r-login-form > div:not(.r-loginform-submit):not(.r-loginform-remember) a { font-size: 90%; } .r-login-form .r-loginform-remember { margin-left: 11px; } .r-login-form .r-loginform-remember label { margin: 0 !important; } .r-login-form .r-loginform-remember input#modlgn-remember { margin: -4px 3px 0 0; } .r-login-form label { display: inline-block; font-weight: bold; color: #000000; text-transform: uppercase; } .r-close.r_searchform_close { top: -30px; } @media only all and (min-width: 768px) { .r-close.r_searchform_close { right: -30px; } } .r-hikashop-search input.r-hs-search { width: 100% !important; min-width: 100% !important; background-color: #ffffff !important; color: #232323 !important; border-color: #dddddd !important; } .r-hikashop-search input.r-hs-search:focus, .r-hikashop-search input.r-hs-search:hover { background-color: #ffffff !important; color: #232323 !important; border-color: #dddddd !important; } .r-hikashop-search .r-hs-btn { background: #fe5621 !important; color: #ffffff !important; } .r-hikashop-search .r-hs-btn i { font-size: 1rem; font-weight: bold; } .r-hikashop-search .r-hs-btn:hover { background: #fa3d01 !important; } .r-cartopen { position: relative; margin-right: 4px; color: #785447; } .r-cartopen:hover { color: #fe5621; } .r-cartopen span.r-mcp-count { position: absolute; top: -11px; right: -4px; font-size: 12px; line-height: 1; color: #fe5621; font-weight: bold; display: block; text-align: right; line-height: 1; } .r-bigfont { font-size: 110%; } .rca-imagecontent2-content:hover h2 { text-decoration: underline; } .r-sd { position: relative; } .r-sd .r-sd-text { display: inline-block; cursor: pointer; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition: 0.15s ease; transition: 0.15s ease; line-height: 1; } .r-sd-block { position: absolute; top: 100%; bottom: auto; margin: 0.5em 0 0; padding: 1em 0; min-width: 220px; background: #ffffff; border: 1px solid #d4d4d5; border-radius: 0; -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; z-index: 999999; will-change: transform, opacity; display: none; visibility: hidden; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .r-sd-block.r-sd-arrowleft, .r-sd-block.r-sd-arrowright { margin: 1em 0 0; } .r-sd-block.r-sd-arrowleft:before, .r-sd-block.r-sd-arrowright:before { content: ""; position: absolute; bottom: auto; margin-left: 0; width: 0.71428571em; height: 0.71428571em; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; -webkit-box-shadow: -1px -1px 0 0 #bababc; box-shadow: -1px -1px 0 0 #bababc; } .r-sd-block.r-sd-left { left: 0; right: auto; } .r-sd-block.r-sd-right { left: auto; right: 0; } .r-sd-block.r-sd-arrowleft:before { top: -0.30714286em; left: 1em; right: auto; } .r-sd-block.r-sd-arrowright:before { top: -0.30714286em; right: 1em; left: auto; } .r-sd-block.r-sd-active { display: block; visibility: visible; -webkit-animation-name: rSdAnimation; animation-name: rSdAnimation; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transition-duration: 200ms; transition-duration: 200ms; } .r-sd-block .r-sd-item { position: relative; cursor: pointer; display: block; font-size: 14px; font-weight: 400; line-height: 1; text-transform: none; color: rgba(0, 0, 0, 0.87); padding: 9px 18px; -webkit-touch-callout: none; white-space: nowrap; } .r-sd-block .r-sd-item:hover { background: #eeeeee; color: #000000; } .r-sd-block .r-sd-divider { display: block; border-top: 1px solid rgba(34, 36, 38, 0.1); height: 0; margin: 0.5em 0; } @-webkit-keyframes rSdAnimation { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } 100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes rSdAnimation { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } 100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } } @media only all and (max-width: 400px) { .r-top .r-sd, .r-header .r-sd { position: inherit; } .r-top .r-sd-block, .r-header .r-sd-block { left: 0px !important; right: 0px !important; margin-top: 0 !important; } .r-top .r-sd-block:before, .r-header .r-sd-block:before { display: none !important; } } .r-items { margin: 1.5em 0; } .r-items > .item { background: 0 0; box-shadow: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 1em 0; width: 100%; min-height: 0; padding: 0; border: none; border-radius: 0; -webkit-transition: box-shadow 0.1s ease; transition: box-shadow 0.1s ease; z-index: ""; } .r-items > .item .extra { background: 0 0; box-shadow: none; } .r-items > .item .extra:after { content: " "; clear: both; overflow: hidden; visibility: hidden; } .r-items > .item > .content { background: 0 0; box-shadow: none; } .r-items > .item:after, .r-items > .item > .content:after { content: " "; clear: both; overflow: hidden; visibility: hidden; } .r-items > .item a { cursor: pointer; } .r-items:first-child { margin-top: 0 !important; } .r-items:last-child { margin-bottom: 0 !important; } .r-items > .item:after { display: block; height: 0; } .r-items > .item:first-child { margin-top: 0; } .r-items > .item:last-child { margin-bottom: 0; } .r-items > .item > .image { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; float: none; margin: 0; padding: 0; max-height: ""; -webkit-align-self: top; -ms-flex-item-align: top; align-self: top; } body .r-items > .item > .image.tiny { width: 80px; height: auto; } body .r-items > .item > .image.small { width: 150px; height: auto; } .r-items > .item > .image > img { display: block; width: 100%; height: auto; border-radius: 0.125rem; border: none; } .r-items > .item > .image:only-child > img { border-radius: 0; } .r-items > .item > .content { display: block; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; padding: 0; font-size: 1em; border: none; border-radius: 0; } .r-items > .item > .content:after { display: block; height: 0; } .r-items > .item > .image + .content { min-width: 0; width: auto; display: block; margin-left: 0; -webkit-align-self: top; -ms-flex-item-align: top; align-self: top; padding-left: 1.5em; } .r-items > .item > .content > .header { display: inline-block; margin: -0.21425em 0 0; font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: 700; color: rgba(0, 0, 0, 0.85); } .r-items > .item > .content > .header:not(.r-items) { font-size: 1.28571429em; } .r-items > .item [class*="left floated"] { float: left; } .r-items > .item [class*="right floated"] { float: right; } .r-items > .item .content img { -webkit-align-self: middle; -ms-flex-item-align: middle; align-self: middle; width: ""; } .r-items > .item .avatar img, .r-items > .item img.avatar { width: ""; height: ""; border-radius: 500rem; } .r-items > .item > .content > .description { margin-top: 0.6em; max-width: auto; font-size: 1em; line-height: 1.4285em; color: rgba(0, 0, 0, 0.87); } .r-items > .item > .content p { margin: 0 0 0.5em; } .r-items > .item > .content p:last-child { margin-bottom: 0; } .r-items > .item .meta { margin: 0.5em 0; font-size: 1em; line-height: 1em; color: rgba(0, 0, 0, 0.6); } .r-items > .item .meta * { margin-right: 0.3em; } .r-items > .item .meta :last-child { margin-right: 0; } .r-items > .item .meta [class*="right floated"] { margin-right: 0; margin-left: 0.3em; } .r-items > .item .meta > a:not(.r-items) { color: rgba(0, 0, 0, 0.4); } .r-items > .item .meta > a:not(.r-items):hover { color: rgba(0, 0, 0, 0.87); } .r-items > .item > .content a:not(.r-items) { color: ""; -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .r-items > .item > .content a:not(.r-items):hover { color: ""; } .r-items > .item > .content > a.header { color: rgba(0, 0, 0, 0.85); } .r-items > .item > .content .favorite.icon { cursor: pointer; opacity: 0.75; -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .r-items > .item > .content .favorite.icon:hover { opacity: 1; color: #FFB70A; } .r-items > .item > .content .active.favorite.icon { color: #FFE623; } .r-items > .item > .content .like.icon { cursor: pointer; opacity: 0.75; -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .r-items > .item > .content .like.icon:hover { opacity: 1; color: #FF2733; } .r-items > .item > .content .active.like.icon { color: #FF2733; } .r-items > .item .extra { display: block; position: relative; margin: 0.5rem 0 0; width: 100%; padding: 0; top: 0; left: 0; color: rgba(0, 0, 0, 0.4); -webkit-transition: color 0.1s ease; transition: color 0.1s ease; border-top: none; } .r-items > .item .extra > * { margin: 0.25rem 0.5rem 0.25rem 0; } .r-items > .item .extra > [class*="right floated"] { margin: 0.25rem 0 0.25rem 0.5rem; } .r-items > .item .extra:after { display: block; height: 0; } .r-items > .item > .image:not(.r-items) { width: 175px; } .r-items > .item > .image + [class*="top aligned"].content { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .r-items > .item > .image + [class*="middle aligned"].content { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .r-items > .item > .image + [class*="bottom aligned"].content { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } @media only screen and (min-width: 768px) and (max-width: 991px) { .r-items > .item { margin: 1em 0; } .r-items > .item > .image:not(.r-items) { width: 150px; } .r-items > .item > .image + .content { display: block; padding: 0 0 0 1em; } } @media only screen and (max-width: 767px) { .r-items:not(.unstackable) > .item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 2em 0; } .r-items:not(.unstackable) > .item > .image { display: block; margin-left: auto; margin-right: auto; max-width: 100% !important; width: auto !important; max-height: 250px !important; } .r-items:not(.unstackable) > .item > .image > img { max-width: 100% !important; width: auto !important; max-height: 250px !important; } .r-items:not(.unstackable) > .item > .image + .content { display: block; padding: 1.5em 0 0; } .unstackable.r-items > .item > .image { width: 125px !important; } .unstackable.r-items > .item > .image > img { width: 125px !important; } } .relaxed.r-items > .item { margin: 1.5em 0; } [class*="very relaxed"].r-items > .item { margin: 2em 0; } .divided.r-items > .item { border-top: 1px solid rgba(34, 36, 38, 0.15); margin: 0; padding: 1em 0; } .divided.r-items > .item:first-child { border-top: none; margin-top: 0 !important; padding-top: 0 !important; } .divided.r-items > .item:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } .relaxed.divided.r-items > .item { margin: 0; padding: 1.5em 0; } [class*="very relaxed"].divided.r-items > .item { margin: 0; padding: 2em 0; } .link.r-items > .item:hover, .r-items a.item:hover { cursor: pointer; } .link.r-items > .item:hover .content .header { color: #1e70bf; } .r-items a.item:hover .content .header { color: #1e70bf; } .r-items > .item { font-size: 1em; } .r-label > a, a.r-label { cursor: pointer; } .r-label { display: inline-block; line-height: 1; vertical-align: baseline; margin: 0 0.14285714em; background-color: #E8E8E8; background-image: none; padding: 0.5833em 0.833em; color: rgba(0, 0, 0, 0.6); text-transform: none; font-weight: 700; border: 0 solid transparent; border-radius: 0.28571429rem; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } .r-label:first-child { margin-left: 0; } .r-label:last-child { margin-right: 0; } .r-label > a { color: inherit; opacity: 0.5; -webkit-transition: 0.1s opacity ease; transition: 0.1s opacity ease; } .r-label > a:hover { opacity: 1; } .red.r-label { background-color: #DB2828 !important; border-color: #DB2828 !important; color: #FFF !important; } a.red.r-label:hover { background-color: #d01919 !important; border-color: #d01919 !important; color: #FFF !important; } .basic.red.r-label { background-color: #FFF !important; color: #DB2828 !important; border-color: #DB2828 !important; } a.basic.red.r-label:hover { background-color: #FFF !important; color: #d01919 !important; border-color: #d01919 !important; } .orange.r-label { background-color: #F2711C !important; border-color: #F2711C !important; color: #FFF !important; } a.orange.r-label:hover { background-color: #f26202 !important; border-color: #f26202 !important; color: #FFF !important; } .basic.orange.r-label { background-color: #FFF !important; color: #F2711C !important; border-color: #F2711C !important; } a.basic.orange.r-label:hover { background-color: #FFF !important; color: #f26202 !important; border-color: #f26202 !important; } .yellow.r-label { background-color: #FBBD08 !important; border-color: #FBBD08 !important; color: #FFF !important; } a.yellow.r-label:hover { background-color: #eaae00 !important; border-color: #eaae00 !important; color: #FFF !important; } .basic.yellow.r-label { background-color: #FFF !important; color: #FBBD08 !important; border-color: #FBBD08 !important; } a.basic.yellow.r-label:hover { background-color: #FFF !important; color: #eaae00 !important; border-color: #eaae00 !important; } .olive.r-label { background-color: #B5CC18 !important; border-color: #B5CC18 !important; color: #FFF !important; } a.olive.r-label:hover { background-color: #a7bd0d !important; border-color: #a7bd0d !important; color: #FFF !important; } .basic.olive.r-label { background-color: #FFF !important; color: #B5CC18 !important; border-color: #B5CC18 !important; } a.basic.olive.r-label:hover { background-color: #FFF !important; color: #a7bd0d !important; border-color: #a7bd0d !important; } .green.r-label { background-color: #21BA45 !important; border-color: #21BA45 !important; color: #FFF !important; } a.green.r-label:hover { background-color: #16ab39 !important; border-color: #16ab39 !important; color: #FFF !important; } .basic.green.r-label { background-color: #FFF !important; color: #21BA45 !important; border-color: #21BA45 !important; } a.basic.green.r-label:hover { background-color: #FFF !important; color: #16ab39 !important; border-color: #16ab39 !important; } .teal.r-label { background-color: #00B5AD !important; border-color: #00B5AD !important; color: #FFF !important; } a.teal.r-label:hover { background-color: #009c95 !important; border-color: #009c95 !important; color: #FFF !important; } .basic.teal.r-label { background-color: #FFF !important; color: #00B5AD !important; border-color: #00B5AD !important; } a.basic.teal.r-label:hover { background-color: #FFF !important; color: #009c95 !important; border-color: #009c95 !important; } .blue.r-label { background-color: #2185D0 !important; border-color: #2185D0 !important; color: #FFF !important; } a.blue.r-label:hover { background-color: #1678c2 !important; border-color: #1678c2 !important; color: #FFF !important; } .basic.blue.r-label { background-color: #FFF !important; color: #2185D0 !important; border-color: #2185D0 !important; } a.basic.blue.r-label:hover { background-color: #FFF !important; color: #1678c2 !important; border-color: #1678c2 !important; } .violet.r-label { background-color: #6435C9 !important; border-color: #6435C9 !important; color: #FFF !important; } a.violet.r-label:hover { background-color: #5829bb !important; border-color: #5829bb !important; color: #FFF !important; } .basic.violet.r-label { background-color: #FFF !important; color: #6435C9 !important; border-color: #6435C9 !important; } a.basic.violet.r-label:hover { background-color: #FFF !important; color: #5829bb !important; border-color: #5829bb !important; } .purple.r-label { background-color: #A333C8 !important; border-color: #A333C8 !important; color: #FFF !important; } a.purple.r-label:hover { background-color: #9627ba !important; border-color: #9627ba !important; color: #FFF !important; } .basic.purple.r-label { background-color: #FFF !important; color: #A333C8 !important; border-color: #A333C8 !important; } a.basic.purple.r-label:hover { background-color: #FFF !important; color: #9627ba !important; border-color: #9627ba !important; } .pink.r-label { background-color: #E03997 !important; border-color: #E03997 !important; color: #FFF !important; } a.pink.r-label:hover { background-color: #e61a8d !important; border-color: #e61a8d !important; color: #FFF !important; } .basic.pink.r-label { background-color: #FFF !important; color: #E03997 !important; border-color: #E03997 !important; } a.basic.pink.r-label:hover { background-color: #FFF !important; color: #e61a8d !important; border-color: #e61a8d !important; } .brown.r-label { background-color: #A5673F !important; border-color: #A5673F !important; color: #FFF !important; } a.brown.r-label:hover { background-color: #975b33 !important; border-color: #975b33 !important; color: #FFF !important; } .basic.brown.r-label { background-color: #FFF !important; color: #A5673F !important; border-color: #A5673F !important; } a.basic.brown.r-label:hover { background-color: #FFF !important; color: #975b33 !important; border-color: #975b33 !important; } .grey.r-label { background-color: #767676 !important; border-color: #767676 !important; color: #FFF !important; } a.grey.r-label:hover { background-color: #838383 !important; border-color: #838383 !important; color: #FFF !important; } .basic.grey.r-label { background-color: #FFF !important; color: #767676 !important; border-color: #767676 !important; } a.basic.grey.r-label:hover { background-color: #FFF !important; color: #838383 !important; border-color: #838383 !important; } .black.r-label { background-color: #1B1C1D !important; border-color: #1B1C1D !important; color: #FFF !important; } a.black.r-label:hover { background-color: #27292a !important; border-color: #27292a !important; color: #FFF !important; } .basic.black.r-label { background-color: #FFF !important; color: #1B1C1D !important; border-color: #1B1C1D !important; } a.basic.black.r-label:hover { background-color: #FFF !important; color: #27292a !important; border-color: #27292a !important; } .basic.r-label { background: #FFF; border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); box-shadow: none; } a.basic.r-label:hover { text-decoration: none; background: #FFF; color: #1e70bf; box-shadow: 1px solid rgba(34, 36, 38, 0.15); box-shadow: none; } .horizontal.r-label { margin: 0 0.5em 0 0; padding: 0.4em 0.833em; min-width: 3em; text-align: center; } .circular.r-label { min-width: 2em; min-height: 2em; padding: 0.5em !important; line-height: 1em; text-align: center; border-radius: 500rem; } .empty.circular.r-label { min-width: 0; min-height: 0; overflow: hidden; width: 0.5em; height: 0.5em; vertical-align: baseline; } .mini.r-label { font-size: 0.64285714rem; } .tiny.r-label { font-size: 0.71428571rem; } .small.r-label { font-size: 0.78571429rem; } .r-label { font-size: 0.85714286rem; } .large.r-label { font-size: 1rem; } .big.r-label { font-size: 1.28571429rem; } .huge.r-label { font-size: 1.42857143rem; } .massive.r-label { font-size: 1.71428571rem; } .r-list, ol.r-list, ul.r-list { list-style-type: none; margin: 1em 0; padding: 0; } .r-list:first-child, ol.r-list:first-child, ul.r-list:first-child { margin-top: 0; padding-top: 0; } .r-list:last-child, ol.r-list:last-child, ul.r-list:last-child { margin-bottom: 0; padding-bottom: 0; } ol.r-list li, ul.r-list li { display: list-item; table-layout: fixed; list-style-type: none; list-style-position: outside; padding: 0.21428571em 0; line-height: 1.14285714em; } ol.r-list > li:first-child:after, ul.r-list > li:first-child:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } ol.r-list li:first-child, ul.r-list li:first-child { padding-top: 0; } ol.r-list li:last-child, ul.r-list li:last-child { padding-bottom: 0; } ol.r-list ol, ul.r-list ul { clear: both; margin: 0; padding: 0.75em 0 0.25em 0.5em; } ol.r-list ol li { padding: 0.14285714em 0; line-height: inherit; } ul.r-list { margin-left: 1.25rem; } ul.r-list ul li { padding: 0.14285714em 0; line-height: inherit; } ul.r-list li { position: relative; } ul.r-list li:before { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; position: absolute; top: auto; left: auto; font-weight: 400; margin-left: -1.25rem; content: "•"; font-size: 26px; opacity: 1; color: inherit; vertical-align: top; color: rgba(0, 0, 0, 0.87); } ol.r-list li:before { color: rgba(0, 0, 0, 0.87); } ul.horizontal.r-list li::before { color: rgba(0, 0, 0, 0.87); } ul.r-list ul { padding-left: 1.25rem; } ul.horizontal.r-list { margin-left: 0; } ul.horizontal.r-list li { margin-left: 1.75rem; display: inline-block; } ul.horizontal.r-list li:first-child { margin-left: 0; } ul.horizontal.r-list li:first-child::before { display: none; } ol.r-list { counter-reset: ordered; margin-left: 1.25rem; list-style-type: none; } ol.r-list ol { counter-reset: ordered; margin-left: 1.25rem; list-style-type: none; } .ordered.r-list .r-list > .item, .ordered.r-list > .item { list-style-type: none; position: relative; } ol.r-list li { list-style-type: none; position: relative; } ol.r-list li:before { position: absolute; top: auto; left: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; margin-left: -1.25rem; counter-increment: ordered; content: counters(ordered, ".") " "; text-align: right; vertical-align: middle; opacity: 0.8; } ol.inverted.r-list li:before { color: rgba(255, 255, 255, 0.7); } ol.r-list li[value]:before { content: attr(value); } .ordered.r-list .r-list, ol.r-list ol { margin-left: 1em; } .ordered.r-list .r-list > .item:before { margin-left: -2em; } ol.r-list ol li:before { margin-left: -2em; } ol.horizontal.r-list { margin-left: 0; } ol.horizontal.r-list li { display: inline-block; margin-left: 1.75rem; } ol.horizontal.r-list li:first-child { margin-left: 0; } ol.horizontal.r-list li:before { position: static; margin: 0 0.5em 0 0; } .r-segment { position: relative; background: #FFF; box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); margin: 1rem 0; padding: 1em; border-radius: 0.28571429rem; border: 1px solid rgba(34, 36, 38, 0.15); } .r-segment:first-child { margin-top: 0; } .r-segment:last-child { margin-bottom: 0; } .r-segment p:first-child, .r-segment p:last-child { margin: 0; } .attached.header { margin-bottom: 0; border-radius: 0.28571429rem 0.28571429rem 0 0; padding: 0.78571429rem 1rem; margin-left: -1px; margin-right: -1px; box-shadow: none; border: 1px solid #d4d4d5; } .attached:not(.top):not(.bottom).header { margin-top: 0; margin-bottom: 0; border-top: none; border-radius: 0; } .vertical.r-segment { margin: 0; padding-left: 0; padding-right: 0; background: none; border-radius: 0; box-shadow: none; border: none; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .attached.r-segment:not(.top):not(.bottom) > [class*="top attached"].label, [class*="bottom attached"].r-segment > [class*="top attached"].label { border-top-left-radius: 0; border-top-right-radius: 0; } .attached.r-segment:not(.top):not(.bottom) > [class*="bottom attached"].label, [class*="top attached"].r-segment > [class*="bottom attached"].label { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vertical.r-segment:last-child { border-bottom: none; } .inverted.r-segment > .header { color: #FFF; } .grid > .r-segment.column, .grid > .row > .r-segment.column { padding-top: 2em; padding-bottom: 2em; } .page.grid.r-segment { padding-top: 2em; padding-bottom: 2em; } .grid.r-segment { margin: 1rem 0; border-radius: 0.28571429rem; } .basic.table.r-segment { background: #FFF; border: 1px solid rgba(34, 36, 38, 0.15); box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); } [class*="very basic"].table.r-segment { padding: 1em; } .piled.r-segment, .piled.r-segments { margin: 3em 0; box-shadow: ""; z-index: auto; } .piled.r-segment:first-child { margin-top: 0; } .piled.r-segment:last-child { margin-bottom: 0; } .piled.r-segment:after, .piled.r-segment:before { background-color: #FFF; visibility: visible; content: ""; display: block; height: 100%; left: 0; position: absolute; width: 100%; border: 1px solid rgba(34, 36, 38, 0.15); box-shadow: ""; } .piled.r-segments:after, .piled.r-segments:before { background-color: #FFF; visibility: visible; content: ""; display: block; height: 100%; left: 0; position: absolute; width: 100%; border: 1px solid rgba(34, 36, 38, 0.15); box-shadow: ""; } .piled.r-segment:before, .piled.r-segments:before { -webkit-transform: rotate(-1.2deg); transform: rotate(-1.2deg); top: 0; z-index: -2; } .piled.r-segment:after, .piled.r-segments:after { -webkit-transform: rotate(1.2deg); transform: rotate(1.2deg); top: 0; z-index: -1; } [class*="top attached"].piled.r-segment { margin-top: 3em; margin-bottom: 0; } .piled.r-segment[class*="top attached"]:first-child { margin-top: 0; } .piled.r-segment[class*="bottom attached"] { margin-top: 0; margin-bottom: 3em; } .piled.r-segment[class*="bottom attached"]:last-child { margin-bottom: 0; } .stacked.r-segment { padding-bottom: 1.4em; } .stacked.r-segment:after, .stacked.r-segment:before { content: ""; position: absolute; bottom: -3px; left: 0; border-top: 1px solid rgba(34, 36, 38, 0.15); background: rgba(0, 0, 0, 0.03); width: 100%; height: 6px; visibility: visible; } .stacked.r-segments:after, .stacked.r-segments:before { content: ""; position: absolute; bottom: -3px; left: 0; border-top: 1px solid rgba(34, 36, 38, 0.15); background: rgba(0, 0, 0, 0.03); width: 100%; height: 6px; visibility: visible; } .stacked.r-segment:before, .stacked.r-segments:before { display: none; } .tall.stacked.r-segment:before, .tall.stacked.r-segments:before { display: block; bottom: 0; } .stacked.inverted.r-segment:after, .stacked.inverted.r-segment:before { background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(34, 36, 38, 0.35); } .stacked.inverted.r-segments:after, .stacked.inverted.r-segments:before { background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(34, 36, 38, 0.35); } .padded.r-segment { padding: 1.5em; } [class*="very padded"].r-segment { padding: 3em; } .padded.r-segment.vertical.r-segment, [class*="very padded"].vertical.r-segment { padding-left: 0; padding-right: 0; } .compact.r-segment { display: table; } .compact.r-segments { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .compact.r-segments .r-segment { display: block; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .r-segments .compact.r-segment { display: block; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .circular.r-segment { display: table-cell; padding: 2em; text-align: center; vertical-align: middle; border-radius: 500em; width: 200px; height: 200px; } .raised.r-segment, .raised.r-segments { box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .r-segments { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; margin: 1rem 0; border: 1px solid rgba(34, 36, 38, 0.15); box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; } .r-segments:first-child { margin-top: 0; } .r-segments:last-child { margin-bottom: 0; } .r-segments > .r-segment { top: 0; bottom: 0; border-radius: 0; margin: 0; width: auto; box-shadow: none; border: none; border-top: 1px solid rgba(34, 36, 38, 0.15); } .r-segments:not(.horizontal) > .r-segment:first-child { border-top: none; margin-top: 0; bottom: 0; margin-bottom: 0; top: 0; border-radius: 0.28571429rem 0.28571429rem 0 0; } .r-segments:not(.horizontal) > .r-segment:last-child { top: 0; bottom: 0; margin-top: 0; margin-bottom: 0; box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; border-radius: 0 0 0.28571429rem 0.28571429rem; } .horizontal.r-segments { border-radius: 0.28571429rem; } .r-segments:not(.horizontal) > .r-segment:only-child { border-radius: 0.28571429rem; } .r-segments > .r-segments { border-top: 1px solid rgba(34, 36, 38, 0.15); margin: 1rem; } .r-segments > .r-segments:first-child { border-top: none; } .r-segments > .r-segment + .r-segments:not(.horizontal) { margin-top: 0; } .horizontal.r-segments { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 0; background-color: #FFF; box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); margin: 1rem 0; border: 1px solid rgba(34, 36, 38, 0.15); } .r-segments > .horizontal.r-segments { margin: 0; background-color: transparent; border-radius: 0; border: none; box-shadow: none; border-top: 1px solid rgba(34, 36, 38, 0.15); } .horizontal.r-segments > .r-segment { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; -ms-flex: 1 1 0px; margin: 0; min-width: 0; background-color: transparent; border-radius: 0; border: none; box-shadow: none; border-left: 1px solid rgba(34, 36, 38, 0.15); } .r-segments > .horizontal.r-segments:first-child { border-top: none; } .horizontal.r-segments > .r-segment:first-child { border-left: none; } .disabled.r-segment { opacity: 0.45; color: rgba(40, 40, 40, 0.3); } .loading.r-segment { position: relative; cursor: default; pointer-events: none; text-shadow: none !important; color: transparent !important; -webkit-transition: all 0s linear; transition: all 0s linear; } .loading.r-segment:after { position: absolute; content: ""; } .loading.r-segment:before { position: absolute; content: ""; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; border-radius: 0.28571429rem; z-index: 100; } .loading.r-segment:after { top: 50%; left: 50%; margin: -1.5em 0 0 -1.5em; width: 3em; height: 3em; -webkit-animation: segment-spin 0.6s linear; animation: segment-spin 0.6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0.2em; box-shadow: 0 0 0 1px transparent; visibility: visible; z-index: 101; } @-webkit-keyframes segment-spin { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes segment-spin { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .basic.r-segment { background: none; box-shadow: none; border: none; border-radius: 0; } .clearing.r-segment:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .red.r-segment:not(.inverted) { border-top: 2px solid #DB2828; } .inverted.red.r-segment { background-color: #DB2828 !important; color: #FFF !important; } .orange.r-segment:not(.inverted) { border-top: 2px solid #F2711C; } .inverted.orange.r-segment { background-color: #F2711C !important; color: #FFF !important; } .yellow.r-segment:not(.inverted) { border-top: 2px solid #FBBD08; } .inverted.yellow.r-segment { background-color: #FBBD08 !important; color: #FFF !important; } .olive.r-segment:not(.inverted) { border-top: 2px solid #B5CC18; } .inverted.olive.r-segment { background-color: #B5CC18 !important; color: #FFF !important; } .green.r-segment:not(.inverted) { border-top: 2px solid #21BA45; } .inverted.green.r-segment { background-color: #21BA45 !important; color: #FFF !important; } .teal.r-segment:not(.inverted) { border-top: 2px solid #00B5AD; } .inverted.teal.r-segment { background-color: #00B5AD !important; color: #FFF !important; } .blue.r-segment:not(.inverted) { border-top: 2px solid #2185D0; } .inverted.blue.r-segment { background-color: #2185D0 !important; color: #FFF !important; } .violet.r-segment:not(.inverted) { border-top: 2px solid #6435C9; } .inverted.violet.r-segment { background-color: #6435C9 !important; color: #FFF !important; } .purple.r-segment:not(.inverted) { border-top: 2px solid #A333C8; } .inverted.purple.r-segment { background-color: #A333C8 !important; color: #FFF !important; } .pink.r-segment:not(.inverted) { border-top: 2px solid #E03997; } .inverted.pink.r-segment { background-color: #E03997 !important; color: #FFF !important; } .brown.r-segment:not(.inverted) { border-top: 2px solid #A5673F; } .inverted.brown.r-segment { background-color: #A5673F !important; color: #FFF !important; } .grey.r-segment:not(.inverted) { border-top: 2px solid #767676; } .inverted.grey.r-segment { background-color: #767676 !important; color: #FFF !important; } .black.r-segment:not(.inverted) { border-top: 2px solid #1B1C1D; } .inverted.black.r-segment { background-color: #1B1C1D !important; color: #FFF !important; } [class*="left aligned"].r-segment { text-align: left; } [class*="right aligned"].r-segment { text-align: right; } [class*="center aligned"].r-segment { text-align: center; } .floated.r-segment, [class*="left floated"].r-segment { float: left; margin-right: 1em; } [class*="right floated"].r-segment { float: right; margin-left: 1em; } .inverted.r-segment { border: none; box-shadow: none; background: #1B1C1D; color: rgba(255, 255, 255, 0.9); } .primary.inverted.r-segment { background: #1B1C1D; color: rgba(255, 255, 255, 0.9); } .inverted.r-segment .r-segment { color: rgba(0, 0, 0, 0.87); } .inverted.r-segment .inverted.r-segment { color: rgba(255, 255, 255, 0.9); } .inverted.attached.r-segment { border-color: #555; } .secondary.r-segment { background: #F3F4F5; color: rgba(0, 0, 0, 0.6); } .secondary.inverted.r-segment { background: -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%) #4c4f52; background: linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%) #4c4f52; color: rgba(255, 255, 255, 0.8); } .tertiary.r-segment { background: #DCDDDE; color: rgba(0, 0, 0, 0.6); } .tertiary.inverted.r-segment { background: -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%) #717579; background: linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%) #717579; color: rgba(255, 255, 255, 0.8); } .attached.r-segment { top: 0; bottom: 0; border-radius: 0; margin: 0 -1px; width: calc(100% + 2px); max-width: calc(100% + 2px); box-shadow: none; border: 1px solid #D4D4D5; } .attached:not(.message) + .attached.r-segment:not(.top) { border-top: none; } [class*="top attached"].r-segment { bottom: 0; margin-bottom: 0; top: 0; margin-top: 1rem; border-radius: 0.28571429rem 0.28571429rem 0 0; } .r-segment[class*="top attached"]:first-child { margin-top: 0; } .r-segment[class*="bottom attached"] { bottom: 0; margin-top: 0; top: 0; margin-bottom: 1rem; box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; border-radius: 0 0 0.28571429rem 0.28571429rem; } .r-segment[class*="bottom attached"]:last-child { margin-bottom: 0; } .mini.r-segment, .mini.r-segments .r-segment { font-size: 0.78571429rem; } .tiny.r-segment, .tiny.r-segments .r-segment { font-size: 0.85714286rem; } .small.r-segment, .small.r-segments .r-segment { font-size: 0.92857143rem; } .r-segment, .r-segments .r-segment { font-size: 1rem; } .large.r-segment, .large.r-segments .r-segment { font-size: 1.14285714rem; } .big.r-segment, .big.r-segments .r-segment { font-size: 1.28571429rem; } .huge.r-segment, .huge.r-segments .r-segment { font-size: 1.42857143rem; } .massive.r-segment, .massive.r-segments .r-segment { font-size: 1.71428571rem; } @media only all and (min-width: 960px) and (max-width: 1599px) { .g-grid.r-products-listing > .g-block:not(.size-100), .g-grid.r-categories-listing > .g-block:not(.size-100) { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 33.33333%; -moz-flex: 0 33.33333%; -ms-flex: 0 33.33333%; flex: 0 33.33333%; width: 33.33333%; } } @media only all and (min-width: 599px) and (max-width: 1199px) { .g-grid.r-products-listing > .g-block:not(.size-100), .g-grid.r-categories-listing > .g-block:not(.size-100) { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 50%; -moz-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%; width: 50%; } } .g-grid.r-products-listing > .g-block.hikashop_product, .g-grid.r-categories-listing > .g-block.hikashop_product { -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .hikashop_products.display_grid .g-grid.r-products-listing, .r_default_grid .g-grid.r-products-listing { margin: 0 -10px; } .hikashop_products.display_grid .g-grid.r-products-listing > .g-block, .r_default_grid .g-grid.r-products-listing > .g-block { margin-bottom: 20px; } .hikashop_products.display_grid .hikashop_product_block, .hikashop_products.display_grid .hikashop_product_inner, .hikashop_products.display_grid .r-product-content, .r_default_grid .hikashop_product_block, .r_default_grid .hikashop_product_inner, .r_default_grid .r-product-content { height: 100%; } .hikashop_products.display_grid .r-product-content, .r_default_grid .r-product-content { position: relative; overflow: hidden; margin: 0 10px; border: 1px solid #dddddd; text-align: center; padding: 15px; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; transition: 0.15s ease; background: #ffffff; } .hikashop_products.display_grid .r-product-content .r-product-img, .r_default_grid .r-product-content .r-product-img { text-align: center; } .hikashop_products.display_grid .r-product-content .r-product-img img, .r_default_grid .r-product-content .r-product-img img { margin: 0; padding: 0; max-width: 100%; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; transition: 0.15s ease; opacity: 1; } .hikashop_products.display_grid .r-product-content .r-product-info .r-product-info-block, .r_default_grid .r-product-content .r-product-info .r-product-info-block { position: relative; padding: 10px 0 0; } .hikashop_products.display_grid .r-product-content:hover .r-product-info .r-product-name h3 a, .r_default_grid .r-product-content:hover .r-product-info .r-product-name h3 a { color: #785447; } .hikashop_products.display_grid .r-product-content:hover .r-product-img img, .r_default_grid .r-product-content:hover .r-product-img img { opacity: 0.8; } .hikashop_products.display_grid .r-product-info .r-product-name h3, .r_default_grid .r-product-info .r-product-name h3 { margin: 0 0 10px; padding: 0; font-size: 18px; line-height: 1.4; text-align: center; font-family: "PT Sans"; font-weight: 600; } .hikashop_products.display_grid .r-product-info .r-product-name h3 a, .r_default_grid .r-product-info .r-product-name h3 a { color: #000000; } .hikashop_products.display_grid .r-product-info .r-product-price .hikashop_product_price_full, .r_default_grid .r-product-info .r-product-price .hikashop_product_price_full { text-align: center; } .hikashop_products.display_grid .r-product-info .r-product-vote .hikashop_vote_stars, .r_default_grid .r-product-info .r-product-vote .hikashop_vote_stars { text-align: center; } .hikashop_products.display_grid .r-product-actions, .r_default_grid .r-product-actions { margin: 13px 0 0; text-align: center; } .hikashop_products.display_grid .r-product-actions .hikashop_product_stock_count, .r_default_grid .r-product-actions .hikashop_product_stock_count { display: block; } .hikashop_products.display_grid .r-product-actions a.hikabtn.hikacart, .r_default_grid .r-product-actions a.hikabtn.hikacart { font-size: 12px; padding: 10px 12px; max-height: 32px; } .hikashop_products.display_grid .r-product-actions a.hikabtn.hikawishlist, .hikashop_products.display_grid .r-product-actions a.hikabtn.hikabtn-compare, .r_default_grid .r-product-actions a.hikabtn.hikawishlist, .r_default_grid .r-product-actions a.hikabtn.hikabtn-compare { position: relative; width: 32px !important; height: 32px !important; line-height: 32px !important; text-align: center !important; padding: 0 !important; margin: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: transparent !important; font-size: 0; bottom: -2px; } .hikashop_products.display_grid .r-product-actions a.hikabtn.hikawishlist:before, .hikashop_products.display_grid .r-product-actions a.hikabtn.hikabtn-compare:before, .r_default_grid .r-product-actions a.hikabtn.hikawishlist:before, .r_default_grid .r-product-actions a.hikabtn.hikabtn-compare:before { font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome; font-weight: 900; font-size: 16px; color: #232323; } .hikashop_products.display_grid .r-product-actions a.hikabtn.hikawishlist:hover span, .hikashop_products.display_grid .r-product-actions a.hikabtn.hikabtn-compare:hover span, .r_default_grid .r-product-actions a.hikabtn.hikawishlist:hover span, .r_default_grid .r-product-actions a.hikabtn.hikabtn-compare:hover span { display: inline-block; } .hikashop_products.display_grid .r-product-actions a.hikabtn.hikawishlist:hover:before, .hikashop_products.display_grid .r-product-actions a.hikabtn.hikabtn-compare:hover:before, .r_default_grid .r-product-actions a.hikabtn.hikawishlist:hover:before, .r_default_grid .r-product-actions a.hikabtn.hikabtn-compare:hover:before { color: #785447; } .hikashop_products.display_grid .r-product-actions a.hikabtn.hikawishlist span, .hikashop_products.display_grid .r-product-actions a.hikabtn.hikabtn-compare span, .r_default_grid .r-product-actions a.hikabtn.hikawishlist span, .r_default_grid .r-product-actions a.hikabtn.hikabtn-compare span { position: absolute; right: 0; bottom: 100%; font-size: 12px; background: #ffffff; color: #333333; padding: 4px 8px; box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); border: 1px solid rgba(34, 36, 38, 0.15); z-index: 1; white-space: nowrap; display: none; } .hikashop_products.display_grid .r-product-actions a.hikabtn.hikawishlist:before, .r_default_grid .r-product-actions a.hikabtn.hikawishlist:before { content: ""; } .hikashop_products.display_grid .r-product-actions a.hikabtn.hikabtn-compare:before, .r_default_grid .r-product-actions a.hikabtn.hikabtn-compare:before { content: ""; } .hikashop_products.display_grid .r-product-actions input.hikashop_product_quantity_field, .r_default_grid .r-product-actions input.hikashop_product_quantity_field { width: 50px !important; height: 32px !important; padding-left: 1em !important; text-align: left !important; margin: -1px 0 0 !important; } .hikashop_products.display_list .g-grid.r-products-listing { border: 1px solid #dddddd; border-bottom: 0; } .hikashop_products.display_list .g-grid.r-products-listing > .g-block { -webkit-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; max-width: 100%; } .hikashop_products.display_list .hikashop_product_block { border-bottom: 1px solid #dddddd; } @media only all and (min-width: 1200px) { .hikashop_products.display_list .r-product-content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .hikashop_products.display_list .r-product-content > div { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; min-height: 0; } .hikashop_products.display_list .r-product-content > div.r-product-img { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 300px; -moz-flex: 0 300px; -ms-flex: 0 300px; flex: 0 300px; width: 300px; position: relative; } .hikashop_products.display_list .r-product-content > div.r-product-img:after { content: ""; width: 1px; background: #dddddd; position: absolute; top: 0; bottom: 0; right: 0; } .hikashop_products.display_list .r-product-content > div.r-product-img img { -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; transition: 0.15s ease; opacity: 1; } } .hikashop_products.display_list .r-product-content:hover .r-product-img img { opacity: 0.8; } .hikashop_products.display_list .r-product-img, .hikashop_products.display_list .r-product-info-block { padding: 25px; } .hikashop_products.display_list .r-product-info-block { height: 100%; } .hikashop_products.display_list .r-product-info .r-product-name h3 { margin: 0 0 17px; padding: 0; font-size: 1.125rem; line-height: 1.2; text-align: left; font-family: "PT Sans"; font-weight: 600; } .hikashop_products.display_list .r-product-info .r-product-name h3 a { color: #000000; } .hikashop_products.display_list .r-product-info .r-product-name h3 a:hover { color: #785447; } .hikashop_products.display_list .r-product-info .r-product-meta { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .hikashop_products.display_list .r-product-info .r-product-meta > div { margin-right: 11px; } .hikashop_products.display_list .r-product-info .r-product-price .hikashop_product_price_full { text-align: left; border: 0 !important; padding: 0 !important; margin: 0 !important; display: block !important; width: auto !important; } .hikashop_products.display_list .r-product-info .r-product-vote .hikashop_product_vote { border: 0 !important; padding: 0 !important; margin: 0 !important; display: block !important; width: auto !important; } .hikashop_products.display_list .r-product-info .r-product-vote .hikashop_vote_stars { text-align: left; padding: 0 !important; margin: 0 !important; } .hikashop_products.display_list .r-product-info .r-product-vote .hk-rating { line-height: 1; } .hikashop_products.display_list .r-product-info .r-product-short-desc { display: block !important; margin-top: 17px; } .hikashop_products.display_list .r-product-actions { margin: 24px 0 0; } .hikashop_products.display_list .r-product-actions .hikashop_product_stock_count { display: block; } .hikashop_products.display_list .r-product-actions a { font-size: 0.875rem !important; } .g-grid.r-categories-listing { margin: 0 -10px; } .g-grid.r-categories-listing > .g-block { margin-bottom: 20px; } .g-grid.r-categories-listing br { display: none; } .g-grid.r-categories-listing .hikashop_category_block { margin: 0 10px; border: 1px solid #dddddd; text-align: center; height: 100%; padding: 20px; background: transparent; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; transition: 0.15s ease; } .g-grid.r-categories-listing .hikashop_category_block:hover { border: 1px solid #785447; } .g-grid.r-categories-listing .hikashop_category_block:hover .hikashop_category_name a { color: #785447; } .g-grid.r-categories-listing .hikashop_category_image { position: relative; margin-bottom: 10px; height: auto !important; } .g-grid.r-categories-listing .hikashop_category_name a { display: block; line-height: 1.2; color: #232323; font-weight: 700; font-size: 110%; } .hikashop_products_listing #hikashop_compare_zone { position: fixed; right: 0; top: 49%; z-index: 11; } .hikashop_category .hikashop_category_image { height: auto !important; } .hikashop_category .hikashop_category_name a { color: #232323 !important; font-weight: 700 !important; } .hikashop_category .hikashop_category_name a:hover { color: #785447 !important; } .hikashop_category:hover .hikashop_category_name a { color: #785447 !important; } .hikashop_categories_listing_main > .hikashop_subcategories_listing ~ .hikashop_submodules { border-top: 1px solid #dddddd; padding-top: 1rem; padding-bottom: 1rem; margin-top: 1rem; } .hikashop_categories_listing_main .hikashop_carousel { margin: 0 !important; } .hikashop_products_listing_main .hikashop_carousel { margin: 0 12px !important; } .hikashop_categories_listing_main .hikashop_submodules { padding-top: 0; } .hikashop_products_listing_main, .hikashop_categories_listing_main { margin-top: 0; } .hikashop_products_listing_main > h1, .hikashop_categories_listing_main > h1 { font-size: 1.5rem; margin-top: 0; } .r-jo .pagination { text-align: center; font-size: 14px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: end; -moz-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .r-jo .pagination > .limit { margin-right: auto !important; padding-right: 1rem; } @media only all and (max-width: 47.99rem) { .r-jo .pagination > .limit { -webkit-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; max-width: 100%; padding-right: 0; margin-bottom: 1rem; } } .r-jo .pagination > .counter { display: none; } .r-jo .pagination > span, .r-jo .pagination > a { margin: 0 0 4px 4px !important; padding: 8px 12px !important; border-radius: 2px; border: 1px solid #dddddd !important; text-align: center; line-height: 1 !important; height: 32px !important; width: auto !important; display: inline-block; top: 0 !important; bottom: 0 !important; } .r-jo .pagination > span { cursor: not-allowed; } .r-jo .pagination > span:hover { color: #232323 !important; } .r-jo .pagination > span.pagenav_start_chevron, .r-jo .pagination > span.pagenav_text, .r-jo .pagination > span.pagenav_previous_chevron, .r-jo .pagination > span.pagenav_next_chevron, .r-jo .pagination > span.pagenav_end_chevron { display: none; } .r-jo .pagination > span.pagenav { color: #785447 !important; } .r-jo a.pagenav, .r-jo a.pagenav_start_chevron, .r-jo a.pagenav_previous_chevron, .r-jo a.pagenav_next_chevron, .r-jo a.pagenav_end_chevron { background: #785447 !important; border-color: #785447 !important; color: #ffffff !important; } .r-jo a.pagenav:hover, .r-jo a.pagenav_start_chevron:hover, .r-jo a.pagenav_previous_chevron:hover, .r-jo a.pagenav_next_chevron:hover, .r-jo a.pagenav_end_chevron:hover { background: #583e34 !important; color: #ffffff !important; } .r-jo .pagenav_start_chevron, .r-jo .pagenav_previous_chevron, .r-jo .pagenav_next_chevron, .r-jo .pagenav_end_chevron { background-image: none !important; text-indent: 0 !important; font-size: 0 !important; color: #232323 !important; } .r-jo .pagenav_start_chevron:hover, .r-jo .pagenav_previous_chevron:hover, .r-jo .pagenav_next_chevron:hover, .r-jo .pagenav_end_chevron:hover { color: #785447 !important; } .r-jo .pagenav_start_chevron:before, .r-jo .pagenav_previous_chevron:before, .r-jo .pagenav_next_chevron:before, .r-jo .pagenav_end_chevron:before { font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome; font-weight: 900; font-size: 12px; position: relative; vertical-align: middle; top: 1.2px; } .r-jo .pagenav_start_chevron:before { content: ""; } .r-jo .pagenav_previous_chevron:before { content: ""; font-size: 18px; position: relative; top: -1px; } .r-jo .pagenav_next_chevron:before { content: ""; font-size: 18px; position: relative; top: -1px; left: 1px; } .r-jo .pagenav_end_chevron:before { content: ""; } .r-ju.hikashop_products_pagination > .pagination { 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; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .r-ju.hikashop_products_pagination > .pagination > .hikashop_pagination { 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; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; min-height: 0; margin: 0; } @media only all and (min-width: 48rem) { .r-ju.hikashop_products_pagination > .pagination > .hikashop_pagination { -webkit-box-pack: end; -moz-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } } @media only all and (max-width: 47.99rem) { .r-ju.hikashop_products_pagination > .pagination > .hikashop_pagination { margin-top: 2rem; -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%; -webkit-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; width: 100%; max-width: 100%; } } .r-ju.hikashop_products_pagination > .pagination > .counter { display: none !important; } .r-ju.hikashop_products_pagination > .pagination > .limit { text-align: left; } @media only all and (max-width: 47.99rem) { .r-ju.hikashop_products_pagination > .pagination > .limit { -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%; -webkit-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; width: 100%; max-width: 100%; } } .r-ju.hikashop_products_pagination > .pagination > .limit .inputbox { margin-bottom: 0 !important; height: 32px !important; line-height: 32px !important; background: #d6d6d6; border: 0; font-size: 13px; padding-top: 0; padding-bottom: 0; } .r-ju.hikashop_products_pagination .hikashop_results_counter { display: block; margin-top: 1.25rem; text-align: left; } .r-ju ul.hikashop_pagination > li.page-item { margin: 2px; } .r-ju ul.hikashop_pagination > li.page-item > a, .r-ju ul.hikashop_pagination > li.page-item > span { font-size: 14px; margin: 0 !important; padding: 8px 12px !important; border-radius: 2px !important; text-align: center; line-height: 1 !important; height: 32px !important; width: auto !important; display: inline-block; top: 0 !important; bottom: 0 !important; background: #785447 !important; border: 1px solid #785447 !important; color: #ffffff !important; background-image: none !important; text-indent: 0 !important; } .r-ju ul.hikashop_pagination > li.page-item > a:hover, .r-ju ul.hikashop_pagination > li.page-item > span:hover { background: #583e34 !important; color: #ffffff !important; } .r-ju ul.hikashop_pagination > li.page-item.disabled { display: none; } .r-ju ul.hikashop_pagination > li.page-item.active span { background: transparent !important; color: #785447 !important; border-color: #dddddd; cursor: not-allowed; } .r-ju ul.hikashop_pagination > li.page-item.active span:hover { background: transparent !important; color: #785447 !important; } span.hikashop_product_price, .hikashop_checkout_cart_additional, .hikashop_checkout_cart_payment, .hikashop_checkout_cart_coupon { color: #785447 !important; font-size: 18px !important; font-style: normal !important; font-family: inherit !important; } .hikashop_products .hikashop_product_image { height: auto !important; width: 100% !important; } .hikashop_products .hikashop_product_image .hikashop_product_image_subdiv { height: 100% !important; width: 100% !important; } body #sbox-btn-close { background-image: none; top: 5px; right: 5px; height: 20px; width: 20px; } body #sbox-btn-close:hover { background: rgba(0, 0, 0, 0.075); } body div.hikashop_checkout_loading div.hikashop_checkout_loading_elem { opacity: 0.85; filter: alpha(opacity=85); background: #ffffff none; } body div.hikashop_checkout_loading div.hikashop_checkout_loading_spinner { background: transparent none; } body div.hikashop_checkout_loading div.hikashop_checkout_loading_spinner:before, body div.hikashop_checkout_loading div.hikashop_checkout_loading_spinner:after { width: 2.28571429rem; height: 2.28571429rem; margin: -1.14285714rem 0 0 -1.14285714rem; position: absolute; content: ""; top: 50%; left: 50%; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); } body div.hikashop_checkout_loading div.hikashop_checkout_loading_spinner:after { -webkit-animation: rloader 0.6s linear; animation: rloader 0.6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-color: #767676 transparent transparent; box-shadow: 0 0 0 1px transparent; } body div.hikashop_checkout_loading div.hikashop_checkout_loading_spinner.small_spinner { background: transparent none !important; } body div.hikashop_checkout_loading div.hikashop_checkout_loading_spinner.small_spinner:before, body div.hikashop_checkout_loading div.hikashop_checkout_loading_spinner.small_spinner:after { width: 1rem; height: 1rem; margin: 0 0 0 -0.5rem; } .hikashop_product_page .hikacart, .hikashop_product_page .hikawishlist { font-size: 0.85714286rem; padding: 0.912em 1.5em; } .hikashop_product_page .hikashop_submodules > div > div > h2 { font-size: 1.4rem; line-height: 1.2; margin: 0; color: #232323; } .hikashop_product_page .hikashop_product_quantity_field { padding: 0.67857143em 1em !important; margin: 0 !important; font-size: 0.85714286rem !important; height: 38px !important; position: relative; top: -1px; } .hikashop_product_page .hikashop_product_main_image_thumb, .hikashop_product_page .hikashop_product_main_image { height: auto !important; } .hikashop_product_page .hikashop_product_main_image_subdiv { width: 100% !important; } .hikashop_product_page .hikashop_product_main_image_subdiv img { margin: 0 auto !important; } .hikashop_product_page .hikashop_small_image_div { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 1rem -0.5% 0; } .hikashop_product_page .hikashop_small_image_div > a { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 19%; -moz-flex: 0 19%; -ms-flex: 0 19%; flex: 0 19%; width: 19%; max-width: 19%; margin: 0.5%; border: 1px solid #eeeeee !important; display: inline-block; position: relative; } .hikashop_product_page .hikashop_small_image_div > a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.04); opacity: 0; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .hikashop_product_page .hikashop_small_image_div > a.hikashop_active_thumbnail { border: 1px solid #232323 !important; } .hikashop_product_page .hikashop_small_image_div > a:hover { border: 1px solid #232323 !important; } .hikashop_product_page .hikashop_small_image_div > a:hover:after { opacity: 1; } .hikashop_product_page .hikashop_small_image_div > a img { height: auto; width: 100%; padding: 5px; margin: 0; } .hikashop_product_page .hikashop_small_image_div > a img:hover { opacity: 0.9; } .hikashop_product_page span.hikashop_previous_product, .hikashop_product_page span.hikashop_next_product { display: none; } .hikashop_product_page .hikashop_product_navs { text-align: right; margin-bottom: 7px; } .hikashop_product_page .hikashop_product_navs .product_nav { padding: 0.58571em 1em 0.58571em; line-height: 12px; } .hikashop_product_page .hikashop_product_quantity_div { vertical-align: middle; } .hikashop_product_page .hikashop_product_quantity_div input[type="number"] { max-width: 5rem; } .hikashop_product_page .hikashop_product_infoblock > div:not(:empty), .hikashop_product_page .hikashop_product_infoblock > span:not(:empty) { display: block; margin-bottom: 12px; } .hikashop_product_page .hikashop_product_infoblock > div:not(:empty):before, .hikashop_product_page .hikashop_product_infoblock > div:not(:empty):after, .hikashop_product_page .hikashop_product_infoblock > span:not(:empty):before, .hikashop_product_page .hikashop_product_infoblock > span:not(:empty):after { content: ""; display: block; clear: both; } .hikashop_product_page .hikashop_product_infoblock .hikashop_product_vote_mini { margin-top: -12px; } .hikashop_product_page .hikashop_product_infoblock .hikashop_product_price_full { font-size: 22px; } .hikashop_product_page .hikashop_product_infoblock .hikashop_product_price_full .hikashop_product_price { font-size: 22px !important; } .hikashop_product_page .hikashop_product_infoblock .hikashop_product_quantity_main { padding-top: 25px; } .hikashop_product_page h1.r-product-details-title { font-size: 1.5rem; margin: 0; line-height: 1.2; } .hikashop_product_page .hikashop_vote_stars { position: relative; } .hikashop_product_page .hikashop_vote_stars .hikashop_vote_notification_mini, .hikashop_product_page .hikashop_vote_stars ~ .hikashop_vote_notification { opacity: 0; } .hikashop_product_page .hikashop_vote_stars .hikashop_vote_notification_mini:not(:empty), .hikashop_product_page .hikashop_vote_stars ~ .hikashop_vote_notification:not(:empty) { -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; position: absolute; background: #ffffff; left: 0; right: 0; top: 3px; font-size: 14px; padding: 3px 0; opacity: 1; } .hikashop_product_page .hikashop_vote_stars ~ .hikashop_vote_notification:not(:empty) { top: 14px; } .hikashop_product_page .hikashop_vote_form .hk-rating { position: relative; top: -3px; left: 8px; } .hikashop_product_page .hikashop_vote_form input.button { margin-top: 20px; } .hikashop_product_page .hikashop_product_tags { margin-top: 1rem; } .hikashop_product_page .hikashop_product_bottom_part { margin-top: 1rem; padding: 0 !important; } .hikashop_product_page #hikashop_tabs_div .hikashop_tabs_ul { padding: 0; margin: 0; border-bottom: 1px solid #eee; z-index: 1; } .hikashop_product_page #hikashop_tabs_div .hikashop_tabs_ul li { padding: 10px 15px; margin: 0 2px -1px 0; border: 1px solid transparent; background: rgba(245, 245, 245, 0.4); color: #232323; font-weight: 700; cursor: pointer; display: inline-block; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; font-size: 105%; } .hikashop_product_page #hikashop_tabs_div .hikashop_tabs_ul li:hover { background: transparent; border-color: #eeeeee #eeeeee #dddddd; } .hikashop_product_page #hikashop_tabs_div .hikashop_tabs_ul li.hikashop_tabs_li_selected { background-color: #ffffff !important; border: 1px solid #dddddd; color: #785447 !important; border-color: #eee #eee transparent !important; } .hikashop_product_page #hikashop_tabs_div .hikashop_tabs_ul li.hikashop_tabs_li_selected:hover { background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent !important; } .hikashop_product_page #hikashop_tabs_div .hikashop_tabs_content { background: transparent none; border: 0; border-radius: 0; padding: 1rem 0; } .hikashop_product_page #hikashop_tabs_div .hikashop_tabs_content p:first-child { margin-top: 0; } .hikashop_product_page .hikashop_listing_comment > span { display: block; font-size: 1.25rem; font-weight: 500; margin: 0 0em 1rem; padding: 0; line-height: 1.28571em; } .hikashop_product_page .hikashop_listing_comment > table { background: #f9f9f9; border-spacing: 15px 10px; border-collapse: separate; font-size: 14px; margin-bottom: 15px; } .hikashop_product_page .hikashop_listing_comment > table td { padding: 0; } .hikashop_product_page .hikashop_listing_comment > table td.hika_comment_listing_stars { float: right; } .hikashop_product_page .hikashop_listing_comment > table td.hika_comment_listing_name { font-weight: 500; font-size: 18px; } .hikashop_product_page .hikashop_listing_comment > table td .hika_comment_listing_content { font-size: 18px; background: transparent !important; padding: 0 !important; } .hikashop_product_page p.hikashop_form_comment { font-size: 18px; margin-top: 0; } .hikashop_product_page table.hikashop_comment_form tr { display: block; margin-bottom: 1rem; } .hikashop_product_page table.hikashop_comment_form tr td { display: block; padding: 0; } .hikashop_product_page table.hikashop_comment_form ~ .hikashop_comment_textarea { margin-bottom: 20px; } #hikashop_social span.hikashop_social_pinterest { position: relative; top: -3px !important; margin-left: 5px !important; } .hikashop_filter_main_div .filter_values_container > select { display: inline-block !important; } .hikashop_filter_main_div .filter_values_container > .chzn-container { display: none !important; } .hikashop_cart_product_name a:hover { color: #785447 !important; } .notifyjs-metro-base { -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 6px 24px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 6px 24px rgba(0, 0, 0, 0.25) !important; padding: 5px; border-radius: 3px; } .notifyjs-metro-base .image { padding-left: 5px; } .notifyjs-metro-base.notifyjs-metro-info { background-color: #785447 !important; border-color: #785447 !important; color: #ffffff !important; } .notifyjs-metro-base.notifyjs-metro-error { background-color: #DB2828 !important; border-color: #DB2828 !important; color: #ffffff !important; } .notifyjs-metro-base.notifyjs-metro-success { background-color: #21BA45 !important; border-color: #21BA45 !important; color: #ffffff !important; } .notifyjs-metro-base.notifyjs-metro-warn, .notifyjs-metro-base.notifyjs-metro-warning, .notifyjs-metro-base.notifyjs-metro-notice { background-color: #FBBD08 !important; border-color: #FBBD08 !important; color: #000000 !important; } .hikashop_wizardbar { margin-bottom: 1rem !important; } .hikashop_wizardbar ul li.hikashop_cart_step_current { background: #e7dbd7 !important; color: #785447 !important; font-weight: 700 !important; } .hikashop_wizardbar ul li.hikashop_cart_step_current .hkbadge-current { background: #785447 !important; font-weight: 700 !important; } .hikashop_wizardbar ul li.hikashop_cart_step_current .hikashop_chevron:before { border-left: 14px solid #e7dbd7 !important; } .hikashop_wizardbar ul li { color: #333333 !important; } .hikashop_wizardbar ul li .hkbadge { background: #333333 !important; } .r-hikashop-checkout-cart .r-checkout-cart-header { font-weight: 700; margin-bottom: 16px; } @media only all and (max-width: 767px) { .r-hikashop-checkout-cart .r-checkout-cart-header { display: none; } } .r-hikashop-checkout-cart .r-checkout-cart-bodyblock { position: relative; border-top: 1px solid #eee; padding: 7px 0; } .r-hikashop-checkout-cart .r-checkout-cart-bodyblock:last-child { border-bottom: 1px solid #eee; } @media only all and (min-width: 768px) { .r-hikashop-checkout-cart .r-checkout-cart-body { 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; list-style: none; margin: 0; padding: 0; text-rendering: optimizespeed; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } } @media only all and (max-width: 767px) { .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-body-image { float: left; } .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-body-image img { padding-right: 10px; } .r-hikashop-checkout-cart .r-checkout-cart-body > div:not(.r-checkout-cart-body-image) { width: 100%; padding-left: 80px; } .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-body-total { font-weight: 700; text-align: right; } } .r-hikashop-checkout-cart .r-checkout-cart-body p { margin: 0 !important; } .r-hikashop-checkout-cart .r-checkout-cart-body p.hikashop_cart_product_name { padding-right: 12px; } .r-hikashop-checkout-cart .r-checkout-cart-body p.hikashop_cart_product_name a { font-size: 1rem; } .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-body-image img { width: 100px; } .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-body-quantity input.hikashop_product_quantity_field { padding: 7px 10px !important; border: 0 !important; width: 75px !important; max-width: 75px !important; margin: 0 !important; } .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-body-quantity input.hikashop_product_quantity_field::-webkit-inner-spin-button, .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-body-quantity input.hikashop_product_quantity_field::-webkit-outer-spin-button { opacity: 1; } @media only all and (max-width: 767px) { .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-body-quantity input.hikashop_product_quantity_field { padding-left: 0 !important; } } .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-item-refresh a { height: 33px; line-height: 33px; } .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-item-delete { position: absolute; top: 0; right: 0; } .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-body-total span, .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-body-price span { padding: 0 !important; margin: 0 !important; } .r-hikashop-checkout-cart .r-checkout-cart-price { margin-top: 20px; background: #eee; padding: 20px; float: right; } @media only all and (min-width: 768px) { .r-hikashop-checkout-cart .r-checkout-cart-price { width: 400px; } } .r-hikashop-checkout-cart .r-checkout-cart-price .r-checkout-cart-price-item { font-size: 18px; font-weight: 700; border-bottom: 1px solid #d2d2d2; padding: 7px 0; } .r-hikashop-checkout-cart .r-checkout-cart-price .r-checkout-cart-price-item:last-child { border-bottom: 0; } .r-hikashop-checkout-cart .r-checkout-cart-price .r-checkout-cart-price-item span { font-size: 18px !important; } .r-hikashop-checkout-cart .r-checkout-cart-price .r-checkout-cart-price-item span:last-child { float: right; font-style: normal !important; color: #785447 !important; font-size: 20px !important; } @media only all and (max-width: 959px) { .r-hikashop-checkout-cart .r-checkout-cart-header-price, .r-hikashop-checkout-cart .r-checkout-cart-body-price { display: none !important; } } .hikashop_checkout_coupon { margin-top: 1rem; text-align: right; } @media only all and (max-width: 767px) { .hikashop_checkout_coupon .input-append .hikashop_checkout_coupon_field { width: 60%; } } .hikashop_checkout_coupon button.hikabtn_checkout_coupon_add { margin-left: 5px; } button#hikabtn_checkout_next { font-size: 18px; } div.hikashop_messages { margin: 4px 0px !important; padding: 1rem !important; } div.hikashop_messages ul { padding: 4px 7px !important; } .r-product-filter-search span { position: relative; display: inline-block; } .hikashop_checkout_login > h1 { font-size: 1.6rem; line-height: 1.2; } .hikashop_checkout_login .hk-container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .hikashop_checkout_login .hk-container-fluid > div:first-child { padding-left: 0 !important; } .hikashop_checkout_login .hk-container-fluid > div:last-child { padding-right: 0 !important; } .hikashop_checkout_login h2 { font-size: 1.4rem; line-height: 1.2; } .hikashop_checkout_login #hikashop_checkout_registration select { display: inline-block !important; } body.com_hikashop input[type="checkbox"] { margin-top: -4px !important; } .hikashop_checkout_address .hk-container-fluid { margin: 0 -30px; } .hikashop_checkout_address ~ .hikashop_checkout_shipping { margin-top: 1.5rem; } table.hikashop_shipping_methods_table input[type="radio"], table.hikashop_payment_methods_table input[type="radio"] { margin: -4px 0 0 !important; } table.hikashop_shipping_methods_table label, table.hikashop_payment_methods_table label { display: inline-block; margin: 0 0 9px 7px; } .hikashop_checkout_loading_elem ~ div .hikashop_checkout_loading_elem, .hikashop_checkout_loading_elem ~ div .hikashop_checkout_loading_spinner { display: none; } .next_button_disabled:after { font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome; font-weight: 900; content: "" !important; font-size: 14px; -webkit-animation: rhk_checkout_animation 2s infinite linear; -moz-animation: rhk_checkout_animation 2s infinite linear; animation: rhk_checkout_animation 2s infinite linear; display: inline-block; } @-webkit-keyframes rhk_checkout_animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes rhk_checkout_animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } span.hikashop_product_price_before_discount { margin-right: 4px; } .hikashop_filter_main .noUi-target.noUi-horizontal { height: 6px !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 0 !important; width: auto !important; margin: 10px 8px 37px !important; background: #dedede !important; } .hikashop_filter_main .noUi-target.noUi-horizontal .noUi-connect { background: #785447 !important; } .hikashop_filter_main .noUi-target.noUi-horizontal .noUi-handle { border: 0 !important; background: #785447 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 50%; width: 15px !important; height: 15px !important; } .hikashop_filter_main .noUi-target.noUi-horizontal .noUi-handle:before, .hikashop_filter_main .noUi-target.noUi-horizontal .noUi-handle:after { display: none !important; } .hikashop_filter_main .noUi-target.noUi-horizontal .noUi-tooltip { font-size: 12px; -webkit-transform: none !important; transform: none !important; } .hikashop_filter_main .noUi-target.noUi-horizontal .noUi-handle-lower .noUi-tooltip { left: 0; bottom: -31px; } .hikashop_filter_main .noUi-target.noUi-horizontal .noUi-handle-upper .noUi-tooltip { left: auto; right: 0; } html:not([dir=rtl]) .noUi-horizontal .noUi-handle { right: -8px !important; top: -5px !important; } html:not([dir=ltr]) .noUi-horizontal .noUi-handle { left: -8px !important; top: -5px !important; } .hikashop_filter_main_div form { margin: 0; } .hikashop-sidebar-filter .hikashop_filter_main { min-height: auto !important; float: none !important; } .hikashop-sidebar-filter .hikashop_filter_title { display: none !important; } .hikashop_filter_main br { display: none; } .hikashop_filter_main span.hikashop_filter_checkbox { display: block; margin: 5px 0; } .hikashop_filter_main span.hikashop_filter_checkbox input, .hikashop_filter_main span.hikashop_filter_checkbox label { display: inline-block !important; } .hikashop_filter_main span.hikashop_filter_checkbox input[type="radio"] { margin: -4px 0 0 !important; } .hikashop_filter_main span.hikashop_filter_checkbox label { margin: 0 0 0 7px !important; font-size: 14px; } .r_hikashop_topright_part > h1.r_hikashop_product_name, .r_hikashop_topright_part > .hikashop_product_vote_mini, .r_hikashop_topright_part > .r_hikashop_extradata { margin: 0 !important; padding: 10px 0; border-bottom: 1px solid #dddddd; display: block; float: none !important; text-align: left !important; } .r_hikashop_topright_part .hikashop_product_price { font-size: 24px !important; } .r_hikashop_topright_part #hikashop_social { margin-top: 20px; } .r_hikashop_topright_part .hikashop_vote_stars { padding: 0; margin: 0; top: -3px; } .r_hikashop_topright_part .hikashop_product_price_full { margin-bottom: 20px !important; } #hikashop_vote_listing { margin-bottom: 30px; } .hikashop_vote_form .hikashop_comment_textarea { height: 12em !important; padding: 0.78571429em 1em !important; color: #232323 !important; border: 2px solid #dddddd !important; border-radius: 0 !important; } table.hikashop_comment_form input[type="text"] { min-width: 50%; } .com_hikashop.view-product .hikashop_category_information h2 { border: 0; margin-bottom: 15px; } #hikashop_product_description_main { padding-top: 0 !important; padding-bottom: 20px; } @media only all and (max-width: 480px) { .hikashop_checkout_buttons > div { display: block !important; margin-bottom: 10px !important; width: 100% !important; } } @media only all and (max-width: 47.99rem) { .hkform-group.control-group { display: block !important; margin: 0 0 10px !important; } .hkform-group.control-group > label, .hkform-group.control-group > div { display: block !important; width: 100% !important; margin-bottom: 10px; } .hkform-group.control-group input, .hkform-group.control-group select { width: 100% !important; } .hk-container-fluid > div { padding: 0 !important; } .hkcheckbox label[for="remember"] { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .hkcheckbox label[for="remember"] input[type="checkbox"] { max-width: 20px; margin: 0 !important; } input.hikashop_checkout_same_address_checkbox { max-width: 20px; display: inline-block !important; margin: 0 !important; } input.hikashop_checkout_same_address_checkbox ~ label { margin: 0; float: right; display: inline-block; } } .r-products-view-filter-switcher { margin-bottom: 1.5rem; } .r-products-view-filter-switcher .r-products-view-switcher { margin-right: 1rem; white-space: nowrap; } .r-products-view-switcher { text-align: right; } @media only all and (max-width: 47.99rem) { .r-products-view-switcher { display: none; } } .r-products-view-switcher > a { display: inline-block; line-height: 1.21428571em; padding: 0.67857143em 1em; font-size: 0.8125rem; background: #785447; color: #ffffff; border: 1px solid #785447; } .r-products-view-switcher > a:hover { background: #583e34; } .display_list .r-products-view-switcher > a.r_products_switcher_list { background: #e8e8e8; color: #232323; cursor: default; border: 1px solid #e8e8e8; } .display_list .r-products-view-switcher > a.r_products_switcher_list:hover { background: #e8e8e8; } .display_grid .r-products-view-switcher > a.r_products_switcher_grid { background: #e8e8e8; color: #232323; cursor: default; border: 1px solid #e8e8e8; } .display_grid .r-products-view-switcher > a.r_products_switcher_grid:hover { background: #e8e8e8; } .r-products-view-switcher > a, .r-products-view-filter select, .r-products-view-filter input { height: 2.1875rem; line-height: 2.1875rem; font-size: 0.8125rem !important; padding-top: 0; padding-bottom: 0; } .r-products-view-filter form, .r-products-view-filter select, .r-products-view-filter input { margin: 0 !important; } .r-products-view-filter-sort { margin-right: 0.875rem; } .r-products-view-filter-search-block { position: relative; overflow: hidden; } .r-products-view-filter-search-block input { padding-right: 2.5rem !important; } @media only all and (max-width: 59.99rem) { .r-products-view-filter-search-block input { width: 100% !important; } } .r-products-view-filter-search-block button { position: absolute; top: 50%; right: 0.625rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: transparent !important; border: 0 !important; outline: 0 !important; padding: 0.25rem !important; line-height: 1; color: #232323; } .r-products-view-filter-search-block button:hover { background: transparent !important; border: 0 !important; outline: 0 !important; color: #785447; } .r-products-view-filter-block { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .r-products-view-filter-block .r-products-view-filter-search { margin-left: auto; } @media only all and (max-width: 47.99rem) { .r-products-view-filter-block select { width: 90px !important; } } #sb-container { z-index: 999999999; } .r-checkout-coupon-block { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .hikashop_previous_product_btn, .hikashop_next_product_btn { margin-bottom: 1.25rem; } .hikashop_previous_product_btn a, .hikashop_next_product_btn a { padding: 0.125rem !important; } .hikashop_previous_product_btn a > .hikashop_previous_product, .hikashop_previous_product_btn a > .hikashop_next_product, .hikashop_next_product_btn a > .hikashop_previous_product, .hikashop_next_product_btn a > .hikashop_next_product { height: auto !important; } .hikashop_previous_product_btn a > p, .hikashop_next_product_btn a > p { display: none; } div[class^="hikashop_filter_PriceRange_"] { font-size: 0; } div[class^="hikashop_filter_PriceRange_"] > * { font-size: 18px; } @media only all and (min-width: 60rem) { .r-mobilemenu { display: none !important; } } #g-header .g-block.hidden { display: block !important; visibility: visible !important; } .r-header { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; list-style: none; position: relative; padding: 10px 0; } .r-header .r-logo a { display: block; margin-right: 35px; } .r-header .r-header-left { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; min-height: 0; } .r-header .r-header-right { margin-left: auto; } @media only all and (min-width: 1200px) { .r-header .r-header-right { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 145px; -moz-flex: 0 145px; -ms-flex: 0 145px; flex: 0 145px; width: 145px; min-width: 145px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .r-header .r-header-right { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 118px; -moz-flex: 0 118px; -ms-flex: 0 118px; flex: 0 118px; width: 118px; min-width: 118px; } } .r-header .r-usermenu-block, .r-header .r-cart { margin-left: 34px; } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .r-header .r-usermenu-block, .r-header .r-cart { margin-left: 24px; } } @media only all and (max-width: 47.99rem) { .r-header .r-usermenu-block, .r-header .r-cart { margin-left: 20px !important; } } .r-header .r-sd-text .r-icon, .r-header .r-cartopen .r-icon { font-size: 20px; color: #785447; } @media only all and (max-width: 47.99rem) { .r-header .r-sd-text .r-icon, .r-header .r-cartopen .r-icon { font-size: 16px; } } .r-header .r-sd-text .r-icon:before, .r-header .r-cartopen .r-icon:before { font-weight: bold; } .r-header .r-sd-text:hover .r-icon, .r-header .r-cartopen:hover .r-icon { color: #fe5621; } .r-header .r-mobilemenu { margin-right: 10px; } .r-header .r-mobilemenu .r-icon { font-size: 20px; } @media only all and (max-width: 47.99rem) { .r-header .r-mobilemenu .r-icon { font-size: 16px; } } .r-header .r-mobilemenu .r-icon:before { font-weight: bold; } .r-header .r-headersearch .r-sd-block { padding: 1em; } @media only all and (min-width: 768px) { .r-header .r-headersearch .r-sd-block { min-width: 500px; } } @media only all and (max-width: 767px) { .r-header .r-headersearch .r-sd-block { min-width: 260px; } } .r-header a.r-mobilemenutoggle { color: #785447; } .r-header .r-mobilemenutoggle[aria-expanded="true"] { color: #fe5621; } .r-get-support ul.r-get-support-address { margin: 0; padding: 0; } .r-get-support ul.r-get-support-address li { list-style: none; margin: 0; } .r-get-support ul.r-get-support-address li i { margin-right: 7px; color: #785447; min-width: 20px; } .r-get-support .r-get-support-social { margin-top: 15px; } .r-get-support .r-get-support-social a { text-align: center; display: inline-block; font-size: 32px; margin-right: 10px; color: #737272; } .r-get-support .r-get-support-social a:last-child { margin-right: 0; } .r-get-support .r-get-support-social a:hover { color: #785447; } .r-bottommenu ul { margin: 0; padding: 0; } .r-bottommenu ul li { list-style: none; margin: 0; padding: 5px 0; } @media only all and (max-width: 47.99rem) { .r-bottommenu ul li { display: inline-block; padding: 0 12px 0 0; margin-right: 0; } } .r-bottommenu ul li:first-child { padding-top: 0; } .r-bottommenu ul li:last-child { padding-bottom: 0; } .r-bottommenu ul li a { color: #737272; } .r-bottommenu ul li a:hover { color: #785447; } #g-footer .r-bottommenu ul li a { color: #737272; } #g-footer .r-bottommenu ul li a:hover { color: #785447; } .r-contact ul { margin: 15px 0 0; } .r-contact ul li { margin: 0; padding: 7px 0; list-style: none; } .r-contact ul li i { width: 35px; text-align: center; } .r-latest-blog { margin: 0 -10px; } .r-latest-blog .lb-image-block ~ .g-block .r-lb-image-txtblock { padding-left: 20px; } .r-latest-blog .r-lb-image-txtblock { text-align: center; } .r-latest-blog > .g-block > .r-lb-content { display: block; margin: 10px; color: #232323; } .r-latest-blog > .g-block > .r-lb-content .r-lb-image { margin-bottom: 0; position: relative; } .r-latest-blog > .g-block > .r-lb-content .r-lb-date { margin-bottom: 15px; font-size: 90%; position: absolute; top: 0; left: 0; display: inline-block; padding: 6px 20px; line-height: 1; background: #785447; color: #ffffff; } .r-latest-blog > .g-block > .r-lb-content h3 { font-size: 1.2rem; margin: 0 0 20px; line-height: 1.2; font-weight: 700; } .r-latest-blog > .g-block > .r-lb-content .r-lb-readmore { margin-top: 10px; font-size: 95%; } .r-latest-blog > .g-block > .r-lb-content .r-lb-readmore > span { color: #785447; padding-bottom: 2px; border-bottom: 1px solid #785447; } .r-latest-blog > .g-block > .r-lb-content:hover h3 { color: #785447; } @font-face { font-family: "rIcon"; src: url('/templates/r_beparee/fonts/r_icons/r-icons.eot'); src: url('/templates/r_beparee/fonts/r_icons/r-icons.eot#iefix') format("embedded-opentype"), url('/templates/r_beparee/fonts/r_icons/r-icons.woff2') format("woff2"), url('/templates/r_beparee/fonts/r_icons/r-icons.woff') format("woff"), url('/templates/r_beparee/fonts/r_icons/r-icons.ttf') format("truetype"), url('/templates/r_beparee/fonts/r_icons/r-icons.svg#rIcon') format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "rIcon"; src: url('/templates/r_beparee/fonts/r_icons/r-icons.svg#rIcon') format("svg"); } } .r-icon:before { display: inline-block; font-family: "rIcon"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .r-icon-search:before { content: ""; } .r-icon-search-2:before { content: ""; } .r-icon-search-3:before { content: ""; } .r-icon-search-4:before { content: ""; } .r-icon-search-5:before { content: ""; } .r-icon-list:before { content: ""; } .r-icon-menu:before { content: ""; } .r-icon-menu-2:before { content: ""; } .r-icon-user:before { content: ""; } .r-icon-user-2:before { content: ""; } .r-icon-user-3:before { content: ""; } .r-icon-user-4:before { content: ""; } .r-icon-user-5:before { content: ""; } .r-icon-user-6:before { content: ""; } .r-icon-user-7:before { content: ""; } .r-icon-user-8:before { content: ""; } .r-icon-cart:before { content: ""; } .r-icon-cart-2:before { content: ""; } .r-icon-cart-3:before { content: ""; } .r-icon-cart-4:before { content: ""; } .r-icon-cart-5:before { content: ""; } .r-icon-cart-6:before { content: ""; } .r-icon-cart-7:before { content: ""; } .r-icon-cart-8:before { content: ""; } .r-icon-cart-9:before { content: ""; } .r-icon-cart-10:before { content: ""; } .r-icon-cart-11:before { content: ""; } .r-icon-cart-12:before { content: ""; } .r-icon-cart-13:before { content: ""; } .r-icon-cart-14:before { content: ""; } .r-icon-cart-15:before { content: ""; } .r-icon-cart-16:before { content: ""; } .r-icon-cart-17:before { content: ""; } .r-icon-cart-18:before { content: ""; } .r-icon-cart-19:before { content: ""; } .r-icon-phone:before { content: ""; }