@import '/media/plg_system_jtaldef/index/css/6b26d37cb0332e87e32a1a1aedfd8c3c.css?690fdb1ecdb90b9ccbbfc9dee2c00ffc';
 @charset "UTF-8";  #g-navigation .g-main-nav .g-standard .g-dropdown { width: 350px; } .g-content { margin: 0.625rem; padding: 0.938rem; } .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: #666666; background-color: #f5f5f5; font-family: "Open Sans"; font-weight: 400; font-size: 1rem; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #g-main .g-content > div, #g-sidebar .g-content > div, #g-aside .g-content > div { padding: 20px; 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 .g-content, #g-main #r_page_content.r-mainblock-empty .platform-content { margin: 0; padding: 0; height: 0 !important; } #g-main .g-content > div, #g-sidebar .g-content > div, #g-aside .g-content > div { background: #ffffff; } @media only all and (max-width: 47.99rem) { #g-main .g-content, #g-sidebar .g-content, #g-aside .g-content { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } } #g-page-surround { box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); } a { color: #f04f26; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; cursor: pointer; } a:hover { color: #666666; } strong { color: #333333; } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans"; font-weight: 700; margin: calc(2rem - 0.14285714em) 0em 1rem; padding: 0; line-height: 1.28571429em; color: #333333; } 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; } .g-flushed .g-title { margin: 2.7505rem 0 2.7505rem !important; text-align: center; } .r-logo { margin: 0; display: inline-block; } .r-logo > .g-content { margin-top: 0; margin-bottom: 0; } @media only all and (max-width: 47.99rem) { .r-logo { display: block; text-align: center; padding: 1rem 0; max-width: 200px; } } .r-logo img { width: auto; } .logo-large { display: inline-block; } .platform-content > .row { margin: 0 !important; } .platform-content > .row > .col { padding-left: 0 !important; padding-right: 0 !important; } @media only all and (max-width: 47.99rem) { .g-content { margin: 0 !important; } } @media print { #g-page-surround { background: #fff !important; color: #000 !important; } } blockquote { border-left: 10px solid #F0F2F4; } blockquote p { font-size: 1.1rem; color: #999; } blockquote cite { display: block; text-align: right; color: #666666; font-size: 1.2rem; } code { background: #f9f2f4; color: #9c1d3d; } pre { padding: 1rem; margin: 2rem 0; background: #f6f6f6; border: 1px solid #ebebeb; border-radius: 0.1875rem; line-height: 1.15; font-size: 0.9rem; } pre code { color: #237794; background: inherit; font-size: 0.9rem; } hr { border-bottom: 4px solid #F0F2F4; } @media only all and (max-width: 59.99rem) { nav.g-main-nav { display: none !important; } } #g-navigation .g-main-nav h1, #g-navigation .g-main-nav h2, #g-navigation .g-main-nav h3, #g-navigation .g-main-nav h4, #g-navigation .g-main-nav h5, #g-navigation .g-main-nav h6, #g-navigation .g-main-nav strong { color: false; } #g-navigation .g-main-nav .g-toplevel { font-size: 1rem; } #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #ffffff; } #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator { display: none; } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container { color: #f04f26; } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container { color: #f04f26; } #g-navigation .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: #f04f26; } #g-navigation .g-main-nav .g-dropdown { background: #333333; font-size: 0.8rem; } #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container { color: #ffffff; } #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container, #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container { color: #cfc9c7; } #g-navigation .g-main-nav .g-toplevel { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; } #g-navigation .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { color: false; } #g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid #424242; background: #292929; border-radius: 0.1875rem; padding: 0.1rem; margin-top: -0.1rem; margin-right: -0.1rem; } #g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: #1f1f1f; } #g-navigation .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; } #g-navigation .search input { color: #ffffff; } #g-navigation .g-main-nav .g-toplevel { font-weight: 600; } #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { text-decoration: none; padding: 1rem 0; font-weight: 700; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; transition: all 0.2s ease-out !important; } #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { line-height: normal; border-right: 1px solid #f04f26; padding-right: 1.5rem; margin-right: 1.5rem; } #g-navigation .g-main-nav .g-toplevel > li:last-child > .g-menu-item-container > .g-menu-item-content { border-right: none; padding-right: 0; margin-right: 0; } #g-navigation .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator { position: relative; width: 1.5rem; } #g-navigation .g-main-nav .g-toplevel i { opacity: 0.6; } #g-navigation .g-main-nav .g-fullwidth .g-dropdown { left: 25px; right: 25px; } #g-navigation .g-main-nav .g-dropdown { text-align: left; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); border-radius: 0px; } .dir-rtl #g-navigation .g-main-nav .g-dropdown { text-align: right; } #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container { padding: 0.7815rem 1rem; } #g-navigation .g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #g-navigation .g-main-nav .g-fullwidth .g-dropdown.g-dropdown-right { left: 0; right: 0; } #g-navigation .align-left .g-toplevel { justify-content: flex-start; -webkit-justify-content: flex-start; } #g-navigation .align-right .g-toplevel { justify-content: flex-end; -webkit-justify-content: flex-end; } #g-navigation .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: #f04f26; } .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: #f04f26; } #g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong { color: #81829a; } #g-page-surround > .g-offcanvas-toggle { display: none !important; } .r-offcanvas-toggle .g-offcanvas-toggle { position: relative; left: auto; top: auto; } #g-offcanvas #g-mobilemenu-container ul { background: #ffffff; } #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container { color: #81829a; border-bottom: 1px solid #f0f0f0; } #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: #f04f26; } #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: #f04f26; border: 1px solid #f04f26; color: #ffffff; } #g-offcanvas #g-mobilemenu-container ul .g-dropdown-column { width: 17rem; } #g-mobilemenu-container { margin: -1.563rem; } @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: #f6f6f6; } #g-copyright { background-color: #333333; color: #ffffff; } #g-copyright h1, #g-copyright h2, #g-copyright h3, #g-copyright h4, #g-copyright h5, #g-copyright h6, #g-copyright strong { color: #ffffff; } #g-feature { background-color: #ffffff; color: #333333; } #g-navigation { background-color: #333333; } #g-showcase { background-color: #ffffff; } #g-showcase-2 { background-color: #f5f5f5; } #g-subheader { background-color: #f5f5f5; } #g-top { background-color: rgba(255, 255, 255, 0); color: #333333; } #g-top h1, #g-top h2, #g-top h3, #g-top h4, #g-top h5, #g-top h6, #g-top strong { color: #333333; } #g-utility { background-color: #ffffff; } #g-about, #g-about2, #g-copyright, #g-breadcrumbs, #g-drawer, #g-feature, #g-feature2, #g-footer, #g-info, #g-info2, #g-intro, #g-intro2, #g-showcase, #g-showcase2, #g-utility, #g-utility2 { padding: 1.5rem 0; } #g-bottom { padding: 2rem 0; } #g-fullwidth-1 > .g-container, #g-fullwidth-2 > .g-container { width: 100%; } #g-fullwidth-1 .g-content, #g-fullwidth-1 .moduletable, #g-fullwidth-1 .widget, #g-fullwidth-2 .g-content, #g-fullwidth-2 .moduletable, #g-fullwidth-2 .widget { padding: 0; margin: 0; } .g-flushed .moduletable, .g-flushed .widget { padding: 0; margin: 0; } #g-navigation { z-index: 12; position: relative; -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.07); box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.07); } #g-navigation .g-container { position: relative; } #g-navigation .g-main-nav { text-transform: uppercase; } #g-navigation .g-content { margin-top: 0; margin-bottom: 0; } #g-copyright { text-align: center; } #g-copyright .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-header { border-bottom: 1px solid #dddddd; } #g-header .g-content { padding-top: 0.625rem; padding-bottom: 0.625rem; margin-top: 0; margin-bottom: 0; } #g-top { border-bottom: 1px solid #ebebeb; font-size: 14px; } #g-top .g-content { margin-top: 0; margin-bottom: 0; } #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: 2rem; } #g-breadcrumbs { padding: 0 !important; } #g-breadcrumbs .g-content { padding-top: 0; padding-bottom: 0; } #g-breadcrumbs .g-content ul.breadcrumb { margin: 0 !important; } @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; } .g-content .moduletable:first-child, .g-content .widget:first-child { margin: 0; padding: 0; } .moduletable, .widget { margin: 0.625rem 0; padding: 0.938rem 0; } #g-sidebar .moduletable, #g-sidebar .widget, #g-aside .moduletable, #g-aside .widget { margin: 0; padding: 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 .widget input[type="text"], #g-sidebar .widget input[type="email"], #g-sidebar .widget input[type="password"], #g-sidebar .widget input[type="search"], #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 .widget input[type="text"], #g-aside .widget input[type="email"], #g-aside .widget input[type="password"], #g-aside .widget input[type="search"] { width: 100%; } body .platform-content .controls > .radio:first-child, body .platform-content .controls > .checkbox:first-child { padding-top: 0; } body .platform-content .search .searchintro strong { background: #e8e8e8; padding: 8px 10px; } body .platform-content .search .searchintro strong .badge-info { background: transparent; color: inherit; padding: 0; margin: 0; font-size: inherit; } body .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; } body .platform-content .search .only label { margin: 0 10px 0 0; } body .platform-content .search .phrases-box label { margin: 0 10px 0 0; } body .platform-content .search .phrases-box label i { margin-right: 5px; } body .platform-content .search .phrases-box { float: left; } body .platform-content .search .phrases-box label { margin: 0 10px 0 0; float: left; } body .platform-content .search .ordering-box { float: right; } body .platform-content .search .phrases { margin: 30px 0; } body .platform-content .search .form-limit { text-align: right; margin-top: 20px; } body .platform-content .search .search-results { background: #f9f9f9; padding: 30px 15px; border: 0; } body .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; } body .platform-content .search .search-results .result-title:first-child { border: 0; margin: 0; padding: 0; } body .platform-content .search .search-results .result-created, body .platform-content .search .search-results .result-url { text-align: right; font-style: italic; font-size: 12px; } body .platform-content .search .search-results dd { margin-left: 10px; margin-right: 10px; } body .platform-content .login .chzn-container, body .platform-content .registration .chzn-container, body .platform-content .reset .chzn-container, body .platform-content .remind .chzn-container, body .platform-content .profile-edit .chzn-container { width: 100% !important; } body .platform-content .login #helpsite-refresh, body .platform-content .registration #helpsite-refresh, body .platform-content .reset #helpsite-refresh, body .platform-content .remind #helpsite-refresh, body .platform-content .profile-edit #helpsite-refresh { display: none; } body .platform-content .logout { text-align: center; margin-top: 100px; } body .platform-content .profile { max-width: 500px; margin: 0 auto; } body .platform-content .login, body .platform-content .registration, body .platform-content .reset, body .platform-content .remind, body .platform-content .profile-edit { max-width: 450px; margin: 0 auto; } body .platform-content .login .page-header h1, body .platform-content .registration .page-header h1, body .platform-content .reset .page-header h1, body .platform-content .remind .page-header h1, body .platform-content .profile-edit .page-header h1 { text-align: center; } body .platform-content .login input[type="text"], body .platform-content .login input[type="password"], body .platform-content .login input[type="email"], body .platform-content .registration input[type="text"], body .platform-content .registration input[type="password"], body .platform-content .registration input[type="email"], body .platform-content .reset input[type="text"], body .platform-content .reset input[type="password"], body .platform-content .reset input[type="email"], body .platform-content .remind input[type="text"], body .platform-content .remind input[type="password"], body .platform-content .remind input[type="email"], body .platform-content .profile-edit input[type="text"], body .platform-content .profile-edit input[type="password"], body .platform-content .profile-edit input[type="email"] { width: 100%; } body .platform-content .login ul.reg-list, body .platform-content .registration ul.reg-list, body .platform-content .reset ul.reg-list, body .platform-content .remind ul.reg-list, body .platform-content .profile-edit ul.reg-list { margin-top: 0; list-style-position: inside; list-style-type: square; } body .platform-content .registration fieldset ~ .control-group, body .platform-content .profile-edit fieldset ~ .control-group { margin: 30px 0; } body .platform-content .reset fieldset ~ .control-group, body .platform-content .remind fieldset ~ .control-group { margin: 10px 0; } body .platform-content .login .control-group { margin: 20px 0; } body .blog .pull-left.item-image { margin: 0; float: none; } body .blog .item-cat, body .blog .page-header h2 { display: block; text-align: center; } body .blog .item-cat a, body .blog .page-header h2 a { color: #333333; } body .blog .item-cat a:hover, body .blog .page-header h2 a:hover { color: #f04f26; } body .blog .item-cat { font-size: 14px; margin: 20px 0 10px; text-transform: uppercase; } body .blog .page-header h2 { margin: 0; font-size: 22px; } body .blog .item-date { text-align: center; font-size: 14px; opacity: 0.7; } body .blog .readmore { text-align: center; padding-bottom: 30px; } body .blog .readmore .icon-chevron-right { display: none; } body .video-post .plyr__progress--played, body .video-post .plyr__volume--display { color: #f04f26; } body .video-post .plyr input[type=range]::-ms-fill-lower, body .video-post .plyr input[type=range]:active::-webkit-slider-thumb, body .video-post .plyr input[type=range]:active::-moz-range-thumb, body .video-post .plyr input[type=range]:active::-ms-thumb { background: #f04f26; } body .video-post .plyr input[type=range]::-ms-fill-lower, body .video-post .plyr input[type=range]:active::-webkit-slider-thumb, body .video-post .plyr input[type=range]:active::-moz-range-thumb, body .video-post .plyr input[type=range]:active::-ms-thumb { background: #f04f26; } body .video-post .plyr--video .plyr__controls button.tab-focus:focus, body .video-post .plyr--video .plyr__controls button:hover, body .video-post .plyr--audio .plyr__controls button.tab-focus:focus, body .video-post .plyr--audio .plyr__controls button:hover, body .video-post .plyr__play-large { background: #f04f26; } body .pagination { text-align: right; margin-top: 50px; } body .pagination .counter { display: none; } body .pagination .pagination-start, body .pagination .pagination-end { display: none; } body .pagination .pagination-prev span.pagenav, body .pagination .pagination-next span.pagenav { display: none; } body .pagination .pagination-prev a, body .pagination .pagination-next a { display: inline-block; position: relative; padding: 4px 16px; right: 9999px; } body .pagination .pagination-prev a:before, body .pagination .pagination-next a:before { font-family: FontAwesome; content: ""; position: absolute; top: -7px; right: -9999px; line-height: 14px; } body .pagination .pagination-prev a .hasTooltip, body .pagination .pagination-next a .hasTooltip { display: none !important; } body .pagination .pagination-next a:before { content: ""; } body .pagination ul { -webkit-box-shadow: none; box-shadow: none; } body .pagination ul li a, body .pagination ul li span.pagenav, body .pagination ul li a:before { float: none; font-size: 14px; display: inline-block; min-height: 1em; outline: 0; border: none; vertical-align: baseline; background: #e0e1e2 none; color: rgba(0, 0, 0, 0.6); margin: 0 0.25em 0 0; padding: 0.8125rem 1.5em 0.8125rem; 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: 1.5625rem; -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; transition: 0.2s ease-in; will-change: ""; -webkit-tap-highlight-color: transparent; box-sizing: border-box !important; } body .pagination ul li a:hover, body .pagination ul li a:focus, body .pagination ul li span.pagenav:hover, body .pagination ul li span.pagenav:focus, body .pagination ul li a:before:hover, body .pagination ul li a:before:focus { background-color: #cacbcd; background-image: none; -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; color: rgba(0, 0, 0, 0.8); } body .pagination ul li a:focus, body .pagination ul li span.pagenav:focus, body .pagination ul li a:before:focus { outline: 0; } body .pagination ul li a { background: #e0e1e2 none; color: rgba(0, 0, 0, 0.6); } body .pagination ul li a:before { background: #e0e1e2 none; color: rgba(0, 0, 0, 0.6); } body .pagination ul li a:hover, body .pagination ul li a:focus { color: #ffffff; background: #f04f26; } body .pagination ul li a:hover:before, body .pagination ul li a:focus:before { color: #ffffff; background: #f04f26; } body .pagination ul li span.pagenav { color: #ffffff; background: #f04f26; } body .item-page h1[itemprop="headline"], body .item-page h2[itemprop="headline"] { text-align: center; } body .item-page .pull-left.item-image { float: none; margin: 0; } body .item-page .r-post-item { margin: -20px -20px 0; margin: -20px -20px 0; } body .item-page .r-post-item figure { margin: 0; } body .item-page .r-post-item .r-carousel.owl-theme .owl-nav .owl-prev { left: 10px; } body .item-page .r-post-item .r-carousel.owl-theme .owl-nav .owl-next { right: 10px; } body .item-page .article-info.text-muted, body .item-page .article-info.muted { color: #333333; opacity: 0.9; margin: 0 0 3rem; text-align: center; font-size: 14px; } body .item-page .article-info.text-muted span, body .item-page .article-info.text-muted a, body .item-page .article-info.muted span, body .item-page .article-info.muted a { opacity: 0.8; } body .item-page .article-info.text-muted .article-info-term, body .item-page .article-info.muted .article-info-term { display: none; } body .item-page .article-info.text-muted dd, body .item-page .article-info.muted dd { margin-left: 0; display: inline-block; } body .item-page .article-info.text-muted dd [class^="icon-"], body .item-page .article-info.text-muted dd [class*=" icon-"], body .item-page .article-info.muted dd [class^="icon-"], body .item-page .article-info.muted dd [class*=" icon-"] { display: none; } body .item-page .article-info.text-muted dd:after, body .item-page .article-info.muted dd:after { content: "/"; padding-left: 5px; margin-right: 5px; } body .item-page .article-info.text-muted dd:last-child:after, body .item-page .article-info.muted dd:last-child:after { display: none; } body .item-page .article-info.text-muted dd a, body .item-page .article-info.muted dd a { color: #333333; } body .item-page .article-info.text-muted dd a:hover, body .item-page .article-info.muted dd a:hover { color: #f04f26; } body .item-page .article-info-bottom { clear: both; padding: 1.5rem 0 0; } body .tag-category ul li h3 { margin: 0; font-size: 1.2rem; } body ul.tags { margin: 0; padding: 0; } body ul.tags li { padding: 5px 0; display: inline-block; list-style: none; margin: 0; } body ul.tags li a { font-size: 12px !important; opacity: 0.85; display: inline-block; min-height: 1em; outline: 0; border: none; vertical-align: baseline; background: #e0e1e2 none; color: rgba(0, 0, 0, 0.6); margin: 0 0.25em 0 0; padding: 0.8125rem 1.5em 0.8125rem; 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: 1.5625rem; -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; transition: 0.2s ease-in; will-change: ""; -webkit-tap-highlight-color: transparent; box-sizing: border-box !important; } body ul.tags li a:hover, body ul.tags li a:focus { background-color: #cacbcd; background-image: none; -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; color: rgba(0, 0, 0, 0.8); } body ul.tags li a:focus { outline: 0; } body ul.tags li a .material-icons { font-size: 14px; vertical-align: -3px; margin: 0 4px 0 0; } body ul.tags li a.label-info[href], body ul.tags li a .badge-info[href] { background-color: #e0e1e2; } body ul.tags li a.label-info[href]:hover, body ul.tags li a.label-info[href]:focus, body ul.tags li a .badge-info[href]:hover, body ul.tags li a .badge-info[href]:focus { background-color: #cacbcd; color: rgba(0, 0, 0, 0.8); } body .r-carousel.owl-theme .owl-nav, body .r-product-carousel.owl-theme .owl-nav { margin: 0; } body .r-carousel.owl-theme .owl-nav [class*="owl-"], body .r-product-carousel.owl-theme .owl-nav [class*="owl-"] { position: absolute; margin: 0; top: 50%; font-size: 0; line-height: 0; padding: 8px 7px; background: none; border: 1px solid #f04f26; border-radius: 50%; opacity: 0.6; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease, fill 0.2s ease; -moz-transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease, fill 0.2s ease; transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease, fill 0.2s ease; } body .r-carousel.owl-theme .owl-nav [class*="owl-"] .rcarrow, body .r-product-carousel.owl-theme .owl-nav [class*="owl-"] .rcarrow { fill: #f04f26; } body .r-carousel.owl-theme .owl-nav [class*="owl-"]:hover:not(.disabled), body .r-product-carousel.owl-theme .owl-nav [class*="owl-"]:hover:not(.disabled) { background: #f04f26; opacity: 1; } body .r-carousel.owl-theme .owl-nav [class*="owl-"]:hover:not(.disabled) .rcarrow, body .r-product-carousel.owl-theme .owl-nav [class*="owl-"]:hover:not(.disabled) .rcarrow { fill: #ffffff; } body .r-carousel.owl-theme .owl-nav .owl-prev, body .r-product-carousel.owl-theme .owl-nav .owl-prev { left: -11px; } body .r-carousel.owl-theme .owl-nav .owl-next, body .r-product-carousel.owl-theme .owl-nav .owl-next { right: -11px; } body .r-carousel.owl-theme .owl-nav .disabled, body .r-product-carousel.owl-theme .owl-nav .disabled { border: 1px solid #e0e1e2; } body .r-carousel.owl-theme .owl-nav .disabled .rcarrow, body .r-product-carousel.owl-theme .owl-nav .disabled .rcarrow { fill: #cccccc; } body .icon-chevron-right:before, body .icon-rightarrow:before, body .icon-arrow-right:before, body .icon-chevron-left:before, body .icon-leftarrow:before, body .icon-arrow-left:before { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; } body .icon-chevron-right:before, body .icon-rightarrow:before, body .icon-arrow-right:before { content: ""; } body .icon-chevron-left:before, body .icon-leftarrow:before, body .icon-arrow-left:before { content: ""; } body .pager { margin: 50px 0 20px; } body .g-system-messages .g-content { margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; } body .g-system-messages #system-message-container { padding: 0; background: transparent; } #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: #666666; } .category-module .item a:hover { color: #f04f26; } .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; } .r-from-blog { margin: 0 -12px; } @media only all and (min-width: 48rem) { .r-from-blog { padding-bottom: 16px; } } .r-from-blog .item { padding: 12px; } .r-from-blog .item .content .title { display: block; font-size: 18px; font-weight: 600; color: #333333; padding: 7px 0; } .r-from-blog .item .content .title:hover { color: #f04f26; } .r-from-blog .item .content .date { font-size: 14px; margin: -5px 0 7px; display: block; opacity: 0.7; } @media only all and (min-width: 48rem) { .r-post-slider .image { margin-right: 20px; } } .r-post-slider a.mod-articles-category-title { font-size: 18px; font-weight: 500; display: block; } @media only all and (max-width: 47.99rem) { .r-post-slider a.mod-articles-category-title { margin-top: 15px; } } .r-post-slider span.mod-articles-category-date { font-size: 12px; opacity: 0.8; } .r-post-slider .mod-articles-category-introtext { margin-top: 10px; } .dl-menuwrapper { margin: 0 -20px -20px; } .dl-menuwrapper ul.dl-menu li a { color: #666666; } .dl-menuwrapper ul.dl-menu li a:hover { background: rgba(0, 0, 0, 0.07); } .r-social-share a i { margin: 0 0.25em 0 0; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; -webkit-box-shadow: 0 0 0 1px transparent inset; box-shadow: 0 0 0 1px transparent inset; -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease; -moz-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease; transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease; color: #ffffff; } .r-social-share a.r-ss-fb i { background: #3b5998; } .r-social-share a.r-ss-fb:hover i { background: #304d8a; } .r-social-share a.r-ss-twitter i { background: #55acee; } .r-social-share a.r-ss-twitter:hover i { background: #35a2f4; } .r-social-share a.r-ss-gp i { background: #dd4b39; } .r-social-share a.r-ss-gp:hover i { background: #e0321c; } .r-social-share a.r-ss-in i { background: #1f88be; } .r-social-share a.r-ss-in:hover i { background: #147baf; } .contentpane.modal { background: transparent !important; } #sbox-content iframe { max-height: 100%; } #g-sidebar .search form, #g-aside .search form { position: relative; } #g-sidebar .search form button.search_icon, #g-aside .search form button.search_icon { position: absolute; background: transparent none; border: none; outline: 0; padding: 0; margin: 0; width: 40px; text-align: center; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.5; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } #g-sidebar .search form button.search_icon:hover, #g-aside .search form button.search_icon:hover { opacity: 1; } #g-sidebar .search form button.search_icon ~ input.search-query, #g-aside .search form button.search_icon ~ input.search-query { padding-right: 40px; } .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 legend { display: none; } .contact input[type="email"], .contact input[type="text"], .contact textarea { width: 100%; } .contact label#jform_contact_email_copy-lbl { margin-left: 26px; } .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; } .moduletable .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; border-radius: 1.5625rem !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; } .mod-login__remember > div { display: flex; align-items: center; } .mod-login__remember > div label { margin: 0 !important; } .p-login ul.mod-login__options li { margin-bottom: 0.5rem; } .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; } .com-content-article .pagenavigation a.btn { display: flex; align-items: center; } .border-solid { border: 1px solid #ebebeb; } .border-dashed { border: 1px dashed #ebebeb; } .border-double { border: 2px double #ebebeb; } .border-solid-bottom { border-bottom: 1px solid #ebebeb; } .border-dashed-bottom { border-bottom: 1px dashed #ebebeb; } .border-double-bottom { border-bottom: 2px double #ebebeb; } .border-solid-top { border-top: 1px solid #ebebeb; } .border-dashed-top { border-top: 1px dashed #ebebeb; } .border-double-top { border-top: 2px double #ebebeb; } .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; letter-spacing: 1px; 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; text-transform: uppercase; letter-spacing: 1px; margin: 0.75rem 0 1.5rem 0; } .title-center .g-title { text-align: center; padding-bottom: 1rem; } .heading-center { text-align: center; padding-bottom: 1rem; } .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 #f04f26; margin-right: 0.625rem; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; } .title1:hover .g-title:before { background: #f04f26; } .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: #f04f26; padding: 0 20px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .box-white { color: #666666; } .box-white .platform-content { background: #ffffff !important; } .box-white .g-title { color: #f04f26; 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: #333333; } .box-white a { color: #f04f26; } .box-white a:hover { color: #666666; } .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: #666666; } .box-nobg .platform-content { background: transparent !important; } .box-nobg .g-title { color: #f04f26; 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: #333333; } .box-nobg a { color: #f04f26; } .box-nobg a:hover { color: #666666; } .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; } } ::-webkit-scrollbar { width: 10px; height: 10px; background-color: transparent; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } ::-webkit-scrollbar:hover { background-color: rgba(0, 0, 0, 0.05); } ::-webkit-scrollbar-thumb:vertical { background: rgba(0, 0, 0, 0.2); border-radius: 100px; background-clip: padding-box; border: 2px solid transparent; min-height: 10px; } ::-webkit-scrollbar-thumb:vertical:active { background: rgba(0, 0, 0, 0.3); -webkit-border-radius: 100px; } ::-webkit-scrollbar-thumb:horizontal { background: rgba(0, 0, 0, 0.2); border-radius: 100px; background-clip: padding-box; border: 2px solid transparent; min-width: 10px; } ::-webkit-scrollbar-thumb:horizontal:active { background: rgba(0, 0, 0, 0.3); -webkit-border-radius: 100px; } .r-text-left { text-align: left !important; } .r-text-center { text-align: center !important; } .r-text-right { text-align: right !important; } .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.938rem; margin: 0.625rem; } .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: #f04f26; } .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: #fcd6cd; } .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: black; background: #d4370f; } .box3.moduletable .button:hover, .box3.widget .button:hover, .box3 > .g-content .button:hover { background: #bc310d; } .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-content-array { margin-left: -0.938rem; margin-right: -0.938rem; } .g-content-array .g-grid { margin-bottom: 2.3445rem; } .g-content-array .g-grid:last-child { margin-bottom: 0; } @media only all and (max-width: 47.99rem) { .g-content-array .g-grid:last-child .g-block:last-child .g-array-item { margin-bottom: 0; } } @media only all and (max-width: 47.99rem) { .g-content-array .g-grid { margin-bottom: 0; } } .g-content-array .g-content { margin: 0; padding-top: 0; padding-bottom: 0; } @media only all and (max-width: 47.99rem) { .g-content-array .g-array-item { margin-bottom: 2.3445rem; } } .g-content-array .g-array-item-image { margin: 0 0 15px 0; } .g-content-array .g-item-title { margin: 0; } .g-content-array .g-array-item-details, .g-content-array .g-array-item-text, .g-content-array .g-array-item-read-more { margin: 15px 0 0; } .g-content-array .g-array-item-details { font-size: 90%; } .g-content-array .g-array-item-details > span { margin-right: 10px; } .g-content-array .g-array-item-details i { margin-right: 5px; } .g-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-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; } @-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; } } .g-offline #g-navigation { background: none; position: absolute; width: 100%; z-index: 1; display: block !important; visibility: visible !important; } @media only all and (max-width: 47.99rem) { .g-offline #g-navigation { padding: 20px 0; } } .g-offline #g-navigation .g-grid { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .g-offline #g-navigation .g-block .r-logo { margin: 0 auto; max-width: inherit; } @media only all and (max-width: 47.99rem) { .g-offline #g-navigation .g-block { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } } @media only all and (max-width: 47.99rem) { .g-offline #g-navigation .g-block .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } } .g-offline #g-navigation .offline-heading { text-align: center; font-size: 34px; font-weight: 500; } .g-offline #g-navigation .g-social { text-align: right; } @media only all and (max-width: 47.99rem) { .g-offline #g-navigation .g-social { text-align: center; } } .g-offline #g-navigation .g-social a { padding: 0; color: #ffffff; background: rgba(37, 45, 53, 0.28); width: 35px; height: 35px; line-height: 35px; border-radius: 50%; display: inline-block; text-align: center; font-size: 14px; margin-left: 2px; } .g-offline #g-navigation .g-social a:hover { background: rgba(37, 45, 53, 0.8); } .g-offline #g-navigation a.r-logo { padding: 1rem 0; width: 60%; } .g-offline #g-offline-content { background-color: transparent; background-image: url('/templates/r_ivee/images/offline.png'); background-repeat: repeat; padding: 200px 0 100px; min-height: 100vh; } .g-offline #g-offline-content .g-block { z-index: 1; } .g-offline #g-offline-content #frame { width: 400px; max-width: 100%; margin: 0 auto; } .g-offline #g-offline-content #frame > h1 { display: none; } .g-offline #g-offline-content #frame #form-login fieldset { margin: 0; padding: 0; } .g-offline #g-offline-content #frame #form-login input { width: 100% !important; } .g-offline #g-offline-content #frame #form-login input[type="submit"] { font-size: 1.25rem; } .g-offline #g-offline-content #frame #form-login input:not([type="submit"]) { color: #ffffff; } .g-offline #g-offline-content #frame.outline { border: 0; background: none; padding: 0; } .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: "Open 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); } .r-popup { display: none; position: absolute; top: 0; right: 0; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; z-index: 1900; border: 1px solid #D4D4D5; line-height: 1.4285em; max-width: 250px; 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); } .r-popup > .header { padding: 0; font-size: 1.14285714em; line-height: 1.2; font-weight: 700; } .r-popup > .header + .content { padding-top: 0.5em; } .r-popup:before { position: absolute; content: ""; 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] { 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-popup { margin: 0; } .top.r-popup { margin: 0 0 0.71428571em; } .top.left.r-popup { -webkit-transform-origin: left bottom; transform-origin: left bottom; } .top.center.r-popup { -webkit-transform-origin: center bottom; transform-origin: center bottom; } .top.right.r-popup { -webkit-transform-origin: right bottom; transform-origin: right bottom; } .left.center.r-popup { margin: 0 0.71428571em 0 0; -webkit-transform-origin: right 50%; transform-origin: right 50%; } .right.center.r-popup { margin: 0 0 0 0.71428571em; -webkit-transform-origin: left 50%; transform-origin: left 50%; } .bottom.r-popup { margin: 0.71428571em 0 0; } .bottom.left.r-popup { -webkit-transform-origin: left top; transform-origin: left top; } .bottom.center.r-popup { -webkit-transform-origin: center top; transform-origin: center top; } .bottom.right.r-popup { -webkit-transform-origin: right top; transform-origin: right top; } .bottom.center.r-popup:before { margin-left: -0.30714286em; top: -0.30714286em; left: 50%; right: auto; bottom: auto; box-shadow: -1px -1px 0 0 #bababc; } .bottom.left.r-popup { margin-left: 0; } .bottom.left.r-popup:before { top: -0.30714286em; left: 1em; right: auto; bottom: auto; margin-left: 0; box-shadow: -1px -1px 0 0 #bababc; } .bottom.right.r-popup { margin-right: 0; } .bottom.right.r-popup:before { top: -0.30714286em; right: 1em; bottom: auto; left: auto; margin-left: 0; box-shadow: -1px -1px 0 0 #bababc; } .top.center.r-popup:before { top: auto; right: auto; bottom: -0.30714286em; left: 50%; margin-left: -0.30714286em; } .top.left.r-popup { margin-left: 0; } .top.left.r-popup:before { bottom: -0.30714286em; left: 1em; top: auto; right: auto; margin-left: 0; } .top.right.r-popup { margin-right: 0; } .top.right.r-popup:before { bottom: -0.30714286em; right: 1em; top: auto; left: auto; margin-left: 0; } .left.center.r-popup:before { top: 50%; right: -0.30714286em; bottom: auto; left: auto; margin-top: -0.30714286em; box-shadow: 1px -1px 0 0 #bababc; } .right.center.r-popup:before { top: 50%; left: -0.30714286em; bottom: auto; right: auto; margin-top: -0.30714286em; box-shadow: -1px 1px 0 0 #bababc; } .bottom.r-popup:before, .right.center.r-popup:before, .left.center.r-popup:before, .top.r-popup:before { background: #FFF; } .inverted.bottom.r-popup:before, .inverted.right.center.r-popup:before, .inverted.left.center.r-popup:before, .inverted.top.r-popup:before { background: #1B1C1D; } .r-popup > .grid:not(.padded) { width: calc(100% + 1.75rem); margin: -0.7rem -0.875rem; } .loading.r-popup { display: block; visibility: hidden; z-index: -1; } .animating.r-popup { display: block; } .visible.r-popup { display: block; -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .basic.r-popup:before { display: none; } .wide.r-popup { max-width: 350px; } [class*="very wide"].r-popup { max-width: 550px; } @media only screen and (max-width: 767px) { .wide.r-popup, [class*="very wide"].r-popup { max-width: 250px; } } .fluid.r-popup { width: 100%; max-width: none; } .inverted.r-popup { background: #1B1C1D; color: #FFF; border: none; box-shadow: none; } .inverted.r-popup .header { background-color: none; color: #FFF; } .inverted.r-popup:before { background-color: #1B1C1D; box-shadow: none !important; } .flowing.r-popup { max-width: none; } .mini.r-popup { font-size: 0.78571429rem; } .tiny.r-popup { font-size: 0.85714286rem; } .small.r-popup { font-size: 0.92857143rem; } .r-popup { font-size: 1rem; } .large.r-popup { font-size: 1.14285714rem; } .huge.r-popup { font-size: 1.42857143rem; } .r-dropdown { cursor: pointer; position: relative; display: inline-block; outline: none; text-align: left; -webkit-transition: box-shadow 0.1s ease, width 0.1s ease; transition: box-shadow 0.1s ease, width 0.1s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .r-dropdown .menu { cursor: auto; position: absolute; display: none; outline: none; top: 100%; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; margin: 0; padding: 0; background: #FFF; font-size: 1em; text-shadow: none; text-align: left; box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; z-index: 11; will-change: transform, opacity; } .r-dropdown .menu > * { white-space: nowrap; } .r-dropdown .menu > .item .dropdown.icon { width: auto; float: right; margin: 0 0 0 1em; } .r-dropdown .menu > .item .dropdown.icon + .text { margin-right: 1em; } .r-dropdown .menu > .item { position: relative; cursor: pointer; display: block; border: none; height: auto; text-align: left; border-top: none; line-height: 1em; color: rgba(0, 0, 0, 0.87); padding: 0.78571rem 1.14286rem !important; font-size: 1rem; text-transform: none; font-weight: 400; box-shadow: none; -webkit-touch-callout: none; } .r-dropdown .menu > .item:first-child { border-top-width: 0; } .r-dropdown .menu .item > [class*="right floated"] { float: right !important; margin-right: 0 !important; margin-left: 1em !important; } .r-dropdown .menu .item > [class*="left floated"] { float: left !important; margin-left: 0 !important; margin-right: 1em !important; } .r-dropdown .menu .item > .icon.floated, .r-dropdown .menu .item > .flag.floated, .r-dropdown .menu .item > .image.floated, .r-dropdown .menu .item > img.floated { margin-top: 0; } .r-dropdown .menu > .header { margin: 1rem 0 0.75rem; padding: 0 1.14285714rem; color: rgba(0, 0, 0, 0.85); font-size: 0.78571429em; font-weight: 700; text-transform: uppercase; } .r-dropdown .menu > .divider { border-top: 1px solid rgba(34, 36, 38, 0.1); height: 0; margin: 0.5em 0; } .r-dropdown .menu > .input { width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 1.14285714rem 0.78571429rem; min-width: 10rem; } .r-dropdown .menu > .header + .input { margin-top: 0; } .r-dropdown .menu > .input:not(.transparent) input { padding: 0.5em 1em; } .r-dropdown .menu > .input:not(.transparent) .button, .r-dropdown .menu > .input:not(.transparent) .icon, .r-dropdown .menu > .input:not(.transparent) .label { padding-top: 0.5em; padding-bottom: 0.5em; } .r-dropdown .menu > .item > .description { float: right; margin: 0 0 0 1em; color: rgba(0, 0, 0, 0.4); } .r-dropdown .menu > .r-message { padding: 0.78571429rem 1.14285714rem; font-weight: 400; } .r-dropdown .menu > .r-message:not(.r-dropdown) { color: rgba(0, 0, 0, 0.4); } .r-dropdown .menu .menu { top: 0 !important; left: 100% !important; right: auto !important; margin: 0 0 0 -0.5em !important; border-radius: 0.28571rem !important; z-index: 21 !important; } .r-dropdown .menu .menu:after { display: none; } .r-dropdown .menu > .item > .icon, .r-dropdown .menu > .item > .label, .r-dropdown .menu > .item > .flag, .r-dropdown .menu > .item > .image, .r-dropdown .menu > .item > img { margin-top: 0; } .r-dropdown .menu > .item > .icon, .r-dropdown .menu > .item > .label, .r-dropdown .menu > .item > .flag, .r-dropdown .menu > .item > .image, .r-dropdown .menu > .item > img { margin-left: 0; float: none; margin-right: 0.78571429rem; } .r-dropdown .menu > .item > .image, .r-dropdown .menu > .item > img { display: inline-block; vertical-align: middle; width: auto; max-height: 2em; } .r-dropdown .menu > .item:before { display: none; } .r-dropdown > input:not(.search):first-child, .r-dropdown > select { display: none !important; } .r-dropdown > .dropdown.icon { position: relative; width: auto; font-size: 0.85714286em; margin: 0 0 0 1em; } .r-dropdown > .text { display: inline-block; -webkit-transition: none; transition: none; } .r-dropdown > .text > [class*="right floated"] { float: right !important; margin-right: 0 !important; margin-left: 1em !important; } .r-dropdown > .text > [class*="left floated"] { float: left !important; margin-left: 0 !important; margin-right: 1em !important; } .r-dropdown > .text > .description { float: right; margin: 0 0 0 1em; color: rgba(0, 0, 0, 0.4); } .r-dropdown > .text > .icon, .r-dropdown > .text > .label, .r-dropdown > .text > .flag, .r-dropdown > .text > img, .r-dropdown > .text > .image { margin-top: 0; } .r-dropdown > .text > .icon, .r-dropdown > .text > .label, .r-dropdown > .text > .flag, .r-dropdown > .text > img, .r-dropdown > .text > .image { margin-left: 0; float: none; margin-right: 0.78571429rem; } .r-dropdown > .text > img, .r-dropdown > .text > .image { display: inline-block; vertical-align: middle; width: auto; max-height: 2em; } .menu .r-dropdown .menu > .item:before { display: none; } .menu .r-dropdown .menu .active.item { border-left: none; } .menu .right.menu .dropdown:last-child .menu, .menu .right.r-dropdown.item .menu { left: auto; right: 0; } .buttons > .r-dropdown:last-child .menu { left: auto; right: 0; } .label.r-dropdown .menu { min-width: 100%; } .r-dropdown.icon.button > .dropdown.icon { margin: 0; } .button.r-dropdown .menu { min-width: 100%; } .selection.r-dropdown { cursor: pointer; word-wrap: break-word; line-height: 1em; white-space: normal; outline: 0; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); min-width: 14em; min-height: 2.71428571em; background: #FFF; display: inline-block; padding: 0.78571429em 2.1em 0.78571429em 1em; color: rgba(0, 0, 0, 0.87); box-shadow: none; border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 1.5625rem; -webkit-transition: box-shadow 0.1s ease, width 0.1s ease; transition: box-shadow 0.1s ease, width 0.1s ease; } .selection.r-dropdown.visible, .selection.r-dropdown.active { z-index: 10; } select.r-dropdown { height: 38px; padding: 0.5em; border: 1px solid rgba(34, 36, 38, 0.15); visibility: visible; } .selection.r-dropdown > .search.icon, .selection.r-dropdown > .delete.icon, .selection.r-dropdown > .dropdown.icon { cursor: pointer; position: absolute; width: auto; height: auto; line-height: 1.21428571em; top: 0.78571429em; right: 1em; z-index: 3; margin: -0.78571429em; padding: 0.78571429em; opacity: 0.8; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .compact.selection.r-dropdown { min-width: 0; } .selection.r-dropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; border-top-width: 0 !important; width: auto; outline: none; margin: 0 -1px; min-width: calc(100% + 2px); width: calc(100% + 2px); border-radius: 0 0 0.28571429rem 0.28571429rem; box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .selection.r-dropdown .menu:after, .selection.r-dropdown .menu:before { display: none; } .selection.r-dropdown .menu > .r-message { padding: 0.78571429rem 1.14285714rem; } .selection.r-dropdown .menu > .item { border-top: 1px solid #FAFAFA; padding: 0.78571rem 1.14286rem !important; white-space: normal; word-wrap: normal; } .selection.r-dropdown .menu > .hidden.addition.item { display: none; } .selection.r-dropdown:hover { border-color: rgba(34, 36, 38, 0.35); box-shadow: none; } .selection.active.r-dropdown { border-color: #f04f26; box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } .selection.active.r-dropdown .menu { border-color: #f04f26; box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } .selection.r-dropdown:focus { border-color: #f04f26; box-shadow: none; } .selection.r-dropdown:focus .menu { border-color: #f04f26; box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } .selection.visible.r-dropdown > .text:not(.default) { font-weight: 400; color: rgba(0, 0, 0, 0.8); } .selection.active.r-dropdown:hover { border-color: #f04f26; box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } .selection.active.r-dropdown:hover .menu { border-color: #f04f26; box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } @media only screen and (max-width: 767px) { .selection.r-dropdown .menu { max-height: 8.01428571rem; } } @media only screen and (min-width: 768px) { .selection.r-dropdown .menu { max-height: 10.68571429rem; } } @media only screen and (min-width: 992px) { .selection.r-dropdown .menu { max-height: 16.02857143rem; } } @media only screen and (min-width: 1920px) { .selection.r-dropdown .menu { max-height: 21.37142857rem; } } .active.selection.r-dropdown > .dropdown.icon, .visible.selection.r-dropdown > .dropdown.icon { opacity: 1; z-index: 3; } .active.selection.r-dropdown { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .active.empty.selection.r-dropdown { border-radius: 0.28571rem !important; box-shadow: none !important; } .active.empty.selection.r-dropdown .menu { border: none !important; box-shadow: none !important; } .search.r-dropdown > input.search { background: none transparent !important; border: none !important; box-shadow: none !important; cursor: text; top: 0; left: 1px; width: 100%; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); padding: inherit; position: absolute; z-index: 2; } .search.r-dropdown > .text { cursor: text; position: relative; left: 1px; z-index: 3; } .search.selection.r-dropdown > input.search { line-height: 1.21428571em; padding: 0.67857143em 2.1em 0.67857143em 1em; } .search.selection.r-dropdown > span.sizer { line-height: 1.21428571em; padding: 0.67857143em 2.1em 0.67857143em 1em; display: none; white-space: pre; } .search.r-dropdown.active > input.search, .search.r-dropdown.visible > input.search { cursor: auto; } .search.r-dropdown.active > .text, .search.r-dropdown.visible > .text { pointer-events: none; } .active.search.r-dropdown input.search:focus + .text { color: rgba(115, 115, 115, 0.87) !important; } .active.search.r-dropdown input.search:focus + .text .icon, .active.search.r-dropdown input.search:focus + .text .flag { opacity: 0.45; } .search.r-dropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; } @media only screen and (max-width: 767px) { .search.r-dropdown .menu { max-height: 8.01428571rem; } } @media only screen and (min-width: 768px) { .search.r-dropdown .menu { max-height: 10.68571429rem; } } @media only screen and (min-width: 992px) { .search.r-dropdown .menu { max-height: 16.02857143rem; } } @media only screen and (min-width: 1920px) { .search.r-dropdown .menu { max-height: 21.37142857rem; } } .multiple.r-dropdown { padding: 0.22619048em 2.1em 0.22619048em 0.35714286em; } .multiple.r-dropdown .menu { cursor: auto; } .multiple.search.r-dropdown { cursor: text; } .multiple.search.r-dropdown > input.search { cursor: text; } .multiple.r-dropdown > .label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: top; white-space: normal; font-size: 1em; padding: 0.35714286em 0.78571429em; margin: 0.14285714rem 0.28571429rem 0.14285714rem 0; box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; } .multiple.r-dropdown .dropdown.icon { margin: 0; padding: 0; } .multiple.r-dropdown > .text { position: static; padding: 0; max-width: 100%; margin: 0.45238095em 0 0.45238095em 0.64285714em; line-height: 1.21428571em; } .multiple.r-dropdown > .label ~ input.search { margin-left: 0.14286em !important; } .multiple.r-dropdown > .label ~ .text { display: none; } .multiple.search.r-dropdown > .text { display: inline-block; position: absolute; top: 0; left: 0; padding: inherit; margin: 0.45238095em 0 0.45238095em 0.64285714em; line-height: 1.21428571em; } .multiple.search.r-dropdown > .label ~ .text { display: none; } .multiple.search.r-dropdown > input.search { position: static; padding: 0; max-width: 100%; margin: 0.45238095em 0 0.45238095em 0.64285714em; width: 2.2em; line-height: 1.21428571em; } .inline.r-dropdown { cursor: pointer; display: inline-block; color: inherit; } .inline.r-dropdown .dropdown.icon { margin: 0 0.5em 0 0.21428571em; vertical-align: baseline; } .inline.r-dropdown > .text { font-weight: 700; } .inline.r-dropdown .menu { cursor: auto; margin-top: 0.21428571em; border-radius: 0.28571429rem; } .r-dropdown .menu .active.item { background: transparent; font-weight: 700; color: rgba(0, 0, 0, 0.95); box-shadow: none; z-index: 12; } .r-dropdown .menu > .item:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); z-index: 13; } .loading.r-dropdown > i.icon { height: 1em !important; padding: 1.14286em 1.07143em !important; } .loading.r-dropdown > i.icon:before { position: absolute; content: ""; top: 50%; left: 50%; margin: -0.64285714em 0 0 -0.64285714em; width: 1.28571429em; height: 1.28571429em; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); } .loading.r-dropdown > i.icon:after { position: absolute; content: ""; top: 50%; left: 50%; box-shadow: 0 0 0 1px transparent; margin: -0.64285714em 0 0 -0.64285714em; width: 1.28571429em; height: 1.28571429em; -webkit-animation: dropdown-spin 0.6s linear; animation: dropdown-spin 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; } .loading.r-dropdown.button > i.icon:before, .loading.r-dropdown.button > i.icon:after { display: none; } @-webkit-keyframes dropdown-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes dropdown-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .r-dropdown:not(.button) > .default.text, .default.r-dropdown:not(.button) > .text { color: #757575; } .r-dropdown:not(.button) > input:focus + .default.text, .default.r-dropdown:not(.button) > input:focus + .text { color: rgba(115, 115, 115, 0.87); } .loading.r-dropdown > .text { -webkit-transition: none; transition: none; } .r-dropdown .loading.menu { display: block; visibility: hidden; z-index: -1; } .r-dropdown.selected, .r-dropdown .menu .selected.item { background: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.95); } .r-dropdown > .filtered.text { visibility: hidden; } .r-dropdown .filtered.item { display: none !important; } .r-dropdown.error { color: #9F3A38; } .r-dropdown.error > .text, .r-dropdown.error > .default.text { color: #9F3A38; } .selection.r-dropdown.error { background: #FFF6F6; border-color: #E0B4B4; } .selection.r-dropdown.error:hover { border-color: #E0B4B4; } .r-dropdown.error > .menu { border-color: #E0B4B4; } .r-dropdown.error > .menu .menu { border-color: #E0B4B4; } .r-dropdown.error > .menu > .item { color: #9F3A38; } .multiple.selection.error.r-dropdown > .label { border-color: #E0B4B4; } .r-dropdown.error > .menu > .item:hover { background-color: #FFF2F2; } .r-dropdown.error > .menu .active.item { background-color: #FDCFCF; } .disabled.r-dropdown { cursor: default; pointer-events: none; opacity: 0.45; } .r-dropdown .menu { left: 0; } .r-dropdown .menu > .disabled.item { cursor: default; pointer-events: none; opacity: 0.45; } .r-dropdown .right.menu > .menu { left: 100% !important; right: auto !important; border-radius: 0.28571rem !important; } .r-dropdown .menu .right.menu { left: 100% !important; right: auto !important; border-radius: 0.28571rem !important; } .r-dropdown .menu .left.menu { left: auto !important; right: 100% !important; border-radius: 0.28571rem !important; } .r-dropdown > .left.menu .menu { left: auto !important; right: 100% !important; border-radius: 0.28571rem !important; } .r-dropdown .item .left.dropdown.icon, .r-dropdown .left.menu .item .dropdown.icon { width: auto; float: left; margin: 0 0.78571429rem 0 0; width: auto; float: left; margin: 0 0.78571429rem 0 0; } .r-dropdown .item .left.dropdown.icon + .text, .r-dropdown .left.menu .item .dropdown.icon + .text { margin-left: 1em; } .upward.r-dropdown > .menu { top: auto; bottom: 100%; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); border-radius: 0.28571429rem 0.28571429rem 0 0; } .r-dropdown .upward.menu { top: auto !important; bottom: 0 !important; } .simple.upward.active.r-dropdown, .simple.upward.r-dropdown:hover { border-radius: 0.28571rem 0.28571rem 0 0 !important; } .upward.r-dropdown.button:not(.pointing):not(.floating).active { border-radius: 0.28571429rem 0.28571429rem 0 0; } .upward.selection.r-dropdown .menu { border-top-width: 1px !important; border-bottom-width: 0 !important; box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); } .upward.selection.r-dropdown:hover { box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05); } .active.upward.selection.r-dropdown { border-radius: 0 0 0.28571rem 0.28571rem !important; } .upward.selection.r-dropdown.visible { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); border-radius: 0 0 0.28571rem 0.28571rem !important; } .upward.active.selection.r-dropdown:hover { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05); } .upward.active.selection.r-dropdown:hover .menu { box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); } .scrolling.r-dropdown .menu, .r-dropdown .scrolling.menu { overflow-x: hidden; overflow-y: auto; } .scrolling.r-dropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; min-width: 100% !important; width: auto !important; } .r-dropdown .scrolling.menu { position: static; overflow-y: auto; border: none; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; min-width: 100% !important; width: auto !important; border-top: 1px solid rgba(34, 36, 38, 0.15); } .scrolling.r-dropdown .menu .item.item.item, .r-dropdown .scrolling.menu > .item.item.item, .scrolling.r-dropdown .menu .item:first-child { border-top: none; } .r-dropdown .scrolling.menu .item:first-child { border-top: none; } .r-dropdown > .animating.menu .scrolling.menu, .r-dropdown > .visible.menu .scrolling.menu { display: block; } @media (-ms-high-contrast: none) { .scrolling.r-dropdown .menu, .r-dropdown .scrolling.menu { min-width: calc(100% - 17px); } } @media only screen and (max-width: 767px) { .scrolling.r-dropdown .menu, .r-dropdown .scrolling.menu { max-height: 10.28571429rem; } } @media only screen and (min-width: 768px) { .scrolling.r-dropdown .menu, .r-dropdown .scrolling.menu { max-height: 15.42857143rem; } } @media only screen and (min-width: 992px) { .scrolling.r-dropdown .menu, .r-dropdown .scrolling.menu { max-height: 20.57142857rem; } } @media only screen and (min-width: 1920px) { .scrolling.r-dropdown .menu, .r-dropdown .scrolling.menu { max-height: 20.57142857rem; } } .simple.r-dropdown .menu { position: absolute; display: block; overflow: hidden; top: -9999px !important; opacity: 0; width: 0; height: 0; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .simple.r-dropdown .menu:before, .simple.r-dropdown .menu:after { display: none; } .simple.active.r-dropdown, .simple.r-dropdown:hover { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .simple.active.r-dropdown > .menu { overflow: visible; width: auto; height: auto; top: 100% !important; opacity: 1; } .simple.r-dropdown:hover > .menu { overflow: visible; width: auto; height: auto; top: 100% !important; opacity: 1; } .simple.r-dropdown:hover > .menu > .item:hover > .menu { overflow: visible; width: auto; height: auto; top: 0 !important; left: 100% !important; opacity: 1; } .simple.r-dropdown > .menu > .item:active > .menu { overflow: visible; width: auto; height: auto; top: 0 !important; left: 100% !important; opacity: 1; } .simple.disabled.r-dropdown:hover .menu { display: none; height: 0; width: 0; overflow: hidden; } .simple.visible.r-dropdown > .menu { display: block; } .fluid.dropdown { display: block; width: 100%; min-width: 0; } .fluid.r-dropdown > .dropdown.icon { float: right; } .floating.r-dropdown .menu { left: 0; right: auto; box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important; border-radius: 0.28571rem !important; } .floating.r-dropdown > .menu { margin-top: 0.5em !important; border-radius: 0.28571rem !important; } .pointing.r-dropdown > .menu { top: 100%; margin-top: 0.78571429rem; border-radius: 0.28571429rem; } .pointing.r-dropdown > .menu:after { display: block; position: absolute; pointer-events: none; content: ""; visibility: visible; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 0.5em; height: 0.5em; box-shadow: -1px -1px 0 1px rgba(34, 36, 38, 0.15); background: #FFF; z-index: 2; top: -0.25em; left: 50%; margin: 0 0 0 -0.25em; } .top.left.pointing.r-dropdown > .menu { top: 100%; bottom: auto; left: 0; right: auto; margin: 1em 0 0; top: 100%; bottom: auto; left: 0; right: auto; margin: 1em 0 0; } .top.left.pointing.r-dropdown > .menu:after { top: -0.25em; left: 1em; right: auto; margin: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .top.right.pointing.r-dropdown > .menu { top: 100%; bottom: auto; right: 0; left: auto; margin: 1em 0 0; } .top.right.pointing.r-dropdown > .menu:after { top: -0.25em; left: auto; right: 1em; margin: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .left.pointing.r-dropdown > .menu { top: 0; left: 100%; right: auto; margin: 0 0 0 1em; } .left.pointing.r-dropdown > .menu:after { top: 1em; left: -0.25em; margin: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .right.pointing.r-dropdown > .menu { top: 0; left: auto; right: 100%; margin: 0 1em 0 0; } .right.pointing.r-dropdown > .menu:after { top: 1em; left: auto; right: -0.25em; margin: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .bottom.pointing.r-dropdown > .menu { top: auto; bottom: 100%; left: 0; right: auto; margin: 0 0 1em; } .bottom.pointing.r-dropdown > .menu:after { top: auto; bottom: -0.25em; right: auto; margin: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .bottom.pointing.r-dropdown > .menu .menu { top: auto !important; bottom: 0 !important; } .bottom.left.pointing.r-dropdown > .menu { left: 0; right: auto; } .bottom.left.pointing.r-dropdown > .menu:after { left: 1em; right: auto; } .bottom.right.pointing.r-dropdown > .menu { right: 0; left: auto; } .bottom.right.pointing.r-dropdown > .menu:after { left: auto; right: 1em; } .upward.pointing.r-dropdown > .menu, .upward.top.pointing.r-dropdown > .menu { top: auto; bottom: 100%; margin: 0 0 0.78571429rem; border-radius: 0.28571429rem; } .upward.pointing.r-dropdown > .menu:after, .upward.top.pointing.r-dropdown > .menu:after { top: 100%; bottom: auto; box-shadow: 1px 1px 0 1px rgba(34, 36, 38, 0.15); margin: -0.25em 0 0; } .upward.right.pointing.r-dropdown:not(.top):not(.bottom) > .menu { top: auto; bottom: 0; margin: 0 1em 0 0; } .upward.right.pointing.r-dropdown:not(.top):not(.bottom) > .menu:after { top: auto; bottom: 0; margin: 0 0 1em; box-shadow: -1px -1px 0 1px rgba(34, 36, 38, 0.15); } .upward.left.pointing.r-dropdown:not(.top):not(.bottom) > .menu { top: auto; bottom: 0; margin: 0 0 0 1em; } .upward.left.pointing.r-dropdown:not(.top):not(.bottom) > .menu:after { top: auto; bottom: 0; margin: 0 0 1em; box-shadow: -1px -1px 0 1px rgba(34, 36, 38, 0.15); } .r-dropdown > .dropdown.icon { font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome; font-weight: 900; line-height: 1; display: inline-block; height: 1em; text-align: center; width: auto; } .r-dropdown > .dropdown.icon:before { content: ""; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome; font-weight: 900; } .r-dropdown .menu .item .dropdown.icon:before { content: ""; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome; font-weight: 900; } .r-dropdown .item .left.dropdown.icon:before, .r-dropdown .left.menu .item .dropdown.icon:before { content: ""; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome; font-weight: 900; } .vertical.menu .r-dropdown.item > .dropdown.icon:before { content: ""; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome; font-weight: 900; } .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-accordion { max-width: 100%; } .r-accordion .r-accordion { max-width: 100%; margin: 1em 0 0; padding: 0; } .r-accordion .r-accordion .title { cursor: pointer; } .r-accordion .title { cursor: pointer; } .r-accordion .title:not(.r-accordion) { padding: 0.5em 0; font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 1em; color: rgba(0, 0, 0, 0.87); } .r-accordion .r-accordion .title ~ .content, .r-accordion .title ~ .content { display: none; } .r-accordion:not(.styled) .r-accordion .title ~ .content:not(.r-accordion) { margin: ""; padding: 0.5em 0 1em; } .r-accordion:not(.styled) .title ~ .content:not(.r-accordion) { margin: ""; padding: 0.5em 0 1em; } .r-accordion:not(.styled) .title ~ .content:not(.r-accordion):last-child { padding-bottom: 0; } .r-accordion .r-accordion .title .dropdown.fa, .r-accordion .title .dropdown.fa { display: inline-block; float: none; opacity: 1; width: 1.25em; height: 1em; margin: 0 0.25rem 0 0; padding: 0; font-size: 1em; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .r-accordion.menu .item .title { display: block; padding: 0; } .r-accordion.menu .item .title > .dropdown.fa { float: right; margin: 0.21425em 0 0 1em; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .r-accordion .header .dropdown.fa { font-size: 1em; margin: 0 0.25rem 0 0; } .r-accordion .active.title .dropdown.fa, .r-accordion .r-accordion .active.title .dropdown.fa, .r-accordion.menu .item .active.title > .dropdown.fa { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .styled.r-accordion { width: 600px; border-radius: 0.28571429rem; background: #FFF; box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15); } .styled.r-accordion .r-accordion { border-radius: 0.28571429rem; background: #FFF; box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15); } .styled.r-accordion .r-accordion .title { margin: 0; padding: 0.75em 1em; color: rgba(0, 0, 0, 0.4); font-weight: 700; border-top: 1px solid rgba(34, 36, 38, 0.15); -webkit-transition: background 0.1s ease, color 0.1s ease; transition: background 0.1s ease, color 0.1s ease; } .styled.r-accordion .title { margin: 0; padding: 0.75em 1em; color: rgba(0, 0, 0, 0.4); font-weight: 700; border-top: 1px solid rgba(34, 36, 38, 0.15); -webkit-transition: background 0.1s ease, color 0.1s ease; transition: background 0.1s ease, color 0.1s ease; } .styled.r-accordion .r-accordion .title:first-child, .styled.r-accordion > .title:first-child { border-top: none; } .styled.r-accordion .content { margin: 0; padding: 0.5em 1em 1.5em; } .styled.r-accordion .r-accordion .content { margin: 0; padding: 0.5em 1em 1.5em; padding: 0.5em 1em 1.5em; } .styled.r-accordion .active.title { background: 0 0; color: rgba(0, 0, 0, 0.87); } .styled.r-accordion .r-accordion .active.title, .styled.r-accordion .r-accordion .title:hover { background: 0 0; color: rgba(0, 0, 0, 0.87); } .styled.r-accordion .title:hover { background: 0 0; color: rgba(0, 0, 0, 0.87); } .styled.r-accordion .active.title, .styled.r-accordion .r-accordion .active.title { background: 0 0; color: rgba(0, 0, 0, 0.95); } .inverted.r-accordion { color: rgba(255, 255, 255, 0.9); } .inverted.r-accordion .title:not(.r-accordion) { color: rgba(255, 255, 255, 0.9); } .r-accordion .active.content, .r-accordion .r-accordion .active.content { display: block; } .fluid.r-accordion { width: 100%; } .fluid.r-accordion .r-accordion { width: 100%; } .r-accordion.inverted { background: #1B1C1D; padding: 20px 30px; border-radius: 4px; } .r-accordion.inverted .title.active { color: #fff; } .r-accordion .title .fa { -webkit-transition: 0.1s ease; transition: 0.1s ease; margin-right: 12px; } .r-accordion.default .title .faicon { background: #1b1c1d; color: #fff; font-size: 14px; width: 27px; height: 27px; line-height: 27px; text-align: center; margin-top: -2px; display: inline-block; margin-right: 12px; opacity: 0.85; } .r-accordion.default .title .faicon .fa { margin-right: 0; } .r-accordion .title.active i.r-rotate90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .r-accordion .title.active i.r-rotate180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .r-accordion .title.active i.r-rotate-90 { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .r-accordion .title.active i.r-rotate-180 { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .r-accordion .title.active i.r-rotate45 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .r-accordion .title.active i.r-rotate-45 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .r-accordion.default.bold .title { font-weight: 700; font-size: 105%; opacity: 0.95; } .r-accordion.default.paded .title { font-weight: 700; font-size: 105%; opacity: 0.95; } .r-accordion.default.paded .content { padding-left: 42px !important; } .r-accordion.default .r-a-border { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 16px 0; } #r-totop { z-index: 99; position: fixed; bottom: -60px; right: 30px; display: block; text-align: center; width: 50px; height: 50px; background-color: transparent; border: 1px solid #f04f26; color: #f04f26; cursor: pointer; border-radius: 50%; -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: 28px; line-height: 50px; } #r-totop:hover { background-color: #f04f26; 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); } .alert { --alert-border-width: 1px; --alert-primary-text-emphasis: #000022; --alert-secondary-text-emphasis: #2c2f32; --alert-success-text-emphasis: #1b341b; --alert-info-text-emphasis: #132838; --alert-warning-text-emphasis: #452700; --alert-danger-text-emphasis: #420c0a; --alert-light-text-emphasis: hsl(210, 9%, 31%); --alert-dark-text-emphasis: hsl(210, 9%, 31%); --alert-primary-bg-subtle: #ccccdd; --alert-secondary-bg-subtle: #e2e3e5; --alert-success-bg-subtle: #dae6da; --alert-info-bg-subtle: #d6e0e8; --alert-warning-bg-subtle: #efe0cc; --alert-danger-bg-subtle: #edd2d1; --alert-light-bg-subtle: #fcfdfd; --alert-dark-bg-subtle: hsl(210, 14%, 83%); --alert-primary-border-subtle: #9999bb; --alert-secondary-border-subtle: #c5c8cb; --alert-success-border-subtle: #b4cdb4; --alert-info-border-subtle: #acc1d1; --alert-warning-border-subtle: #dec099; --alert-danger-border-subtle: #dba5a3; --alert-light-border-subtle: hsl(210, 16%, 93%); --alert-dark-border-subtle: hsl(210, 11%, 71%); --alert-bg: transparent; --alert-padding-x: 1rem; --alert-padding-y: 1rem; --alert-margin-bottom: 1rem; --alert-color: inherit; --alert-border-color: transparent; --alert-border-radius-base: 0.25rem; --alert-border: var(--alert-border-width) solid var(--alert-border-color); --alert-border-radius: var(--alert-border-radius-base); --alert-link-color: inherit; position: relative; padding: var(--alert-padding-y) var(--alert-padding-x); margin-bottom: var(--alert-margin-bottom); color: var(--alert-color); background-color: var(--alert-bg); border: var(--alert-border); border-radius: var(--alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --alert-color: var(--alert-primary-text-emphasis); --alert-bg: var(--alert-primary-bg-subtle); --alert-border-color: var(--alert-primary-border-subtle); --alert-link-color: var(--alert-primary-text-emphasis); } .alert-secondary { --alert-color: var(--alert-secondary-text-emphasis); --alert-bg: var(--alert-secondary-bg-subtle); --alert-border-color: var(--alert-secondary-border-subtle); --alert-link-color: var(--alert-secondary-text-emphasis); } .alert-success { --alert-color: var(--alert-success-text-emphasis); --alert-bg: var(--alert-success-bg-subtle); --alert-border-color: var(--alert-success-border-subtle); --alert-link-color: var(--alert-success-text-emphasis); } .alert-info { --alert-color: var(--alert-info-text-emphasis); --alert-bg: var(--alert-info-bg-subtle); --alert-border-color: var(--alert-info-border-subtle); --alert-link-color: var(--alert-info-text-emphasis); } .alert-warning { --alert-color: var(--alert-warning-text-emphasis); --alert-bg: var(--alert-warning-bg-subtle); --alert-border-color: var(--alert-warning-border-subtle); --alert-link-color: var(--alert-warning-text-emphasis); } .alert-danger { --alert-color: var(--alert-danger-text-emphasis); --alert-bg: var(--alert-danger-bg-subtle); --alert-border-color: var(--alert-danger-border-subtle); --alert-link-color: var(--alert-danger-text-emphasis); } .alert-light { --alert-color: var(--alert-light-text-emphasis); --alert-bg: var(--alert-light-bg-subtle); --alert-border-color: var(--alert-light-border-subtle); --alert-link-color: var(--alert-light-text-emphasis); } .alert-dark { --alert-color: var(--alert-dark-text-emphasis); --alert-bg: var(--alert-dark-bg-subtle); --alert-border-color: var(--alert-dark-border-subtle); --alert-link-color: var(--alert-dark-text-emphasis); } .j-main-container .alert { margin: 0.75rem; } .alert-heading { font-size: 1.5rem; } joomla-alert { --jui-alert-min-width: 250px; --jui-alert-padding: .5rem 1.25rem; --jui-alert-margin: 0 0 1rem 0; --jui-alert-border: 1px solid transparent; --jui-alert-border-radius: .25rem; --jui-alert-animation-duration: .5s; --jui-alert-animation-timing-function: ease-in-out; --jui-alert-button-color-dark: #000; --jui-alert-button-color-light: #fff; --jui-alert-success-color: #234423; --jui-alert-success-background-color: #d9e6d9; --jui-alert-success-border-color: #cadcca; --jui-alert-success-link-color: #122212; --jui-alert-info-color: #0c5460; --jui-alert-info-background-color: #d1ecf1; --jui-alert-info-border-color: #bee5eb; --jui-alert-info-link-color: #062c33; --jui-alert-warning-color: #7d5a29; --jui-alert-warning-background-color: #fcefdc; --jui-alert-warning-border-color: #fbe8cd; --jui-alert-warning-link-color: #573e1c; --jui-alert-danger-color: #712b29; --jui-alert-danger-background-color: #f7dddc; --jui-alert-danger-border-color: #f4cfce; --jui-alert-danger-link-color: #4c1d1b; display: block; min-width: var(--jui-alert-min-width, 250px); padding: var(--jui-alert-padding, 0.5rem 1.25rem); margin: var(--jui-alert-margin, 0 0 1rem 0); border: var(--jui-alert-border, 1px solid transparent); border-radius: var(--jui-alert-border-radius, 0.25rem); -webkit-animation-duration: var(--jui-alert-animation-duration, 0.5s); animation-duration: var(--jui-alert-animation-duration, 0.5s); -webkit-animation-timing-function: var(--jui-alert-animation-timing-function, ease-in-out); animation-timing-function: var(--jui-alert-animation-timing-function, ease-in-out); } joomla-alert .joomla-alert--close { position: relative; top: -0.5rem; right: -1.25rem; float: right; padding: 0.2rem 1rem; font-size: 1.5rem; font-weight: 700; line-height: 1; color: var(--jui-alert-button-color-dark, #000); text-shadow: 0 1px 0 var(--jui-alert-button-color-light, #fff); background: transparent; border: 0; opacity: 0.5; } joomla-alert .joomla-alert--close:hover, joomla-alert .joomla-alert--close:focus { color: var(--jui-alert-button-color-dark, #000); text-decoration: none; cursor: pointer; opacity: 0.75; } joomla-alert[type=success] { color: var(--jui-alert-success-color, #234423); background-color: var(--jui-alert-success-background-color, #d9e6d9); border-color: var(--jui-alert-success-border-color, #cadcca); } joomla-alert[type=success] hr { border-top-color: var(--jui-alert-success-border-color, #cadcca); } joomla-alert[type=success] .alert-link { color: var(--jui-alert-success-link-color, #122212); } joomla-alert[type=info] { color: var(--jui-alert-info-color, #0c5460); background-color: var(--jui-alert-info-background-color, #d1ecf1); border-color: var(--jui-alert-info-border-color, #bee5eb); } joomla-alert[type=info] hr { border-top-color: var(--jui-alert-info-border-color, #bee5eb); } joomla-alert[type=info] .alert-link { color: var(--jui-alert-info-link-color, #062c33); } joomla-alert[type=warning] { color: var(--jui-alert-warning-color, #7d5a29); background-color: var(--jui-alert-warning-background-color, #fcefdc); border-color: var(--jui-alert-warning-border-color, #fbe8cd); } joomla-alert[type=warning] hr { border-top-color: var(--jui-alert-warning-border-color, #fbe8cd); } joomla-alert[type=warning] .alert-link { color: var(--jui-alert-warning-link-color, #573e1c); } joomla-alert[type=danger] { color: var(--jui-alert-danger-color, #712b29); background-color: var(--jui-alert-danger-background-color, #f7dddc); border-color: var(--jui-alert-danger-border-color, #f4cfce); } joomla-alert[type=danger] hr { border-top-color: var(--jui-alert-danger-border-color, #f4cfce); } joomla-alert[type=danger] .alert-link { color: var(--jui-alert-danger-link-color, #4c1d1b); } html[dir=rtl] joomla-alert .joomla-alert--close, html[dir=rtl] joomla-alert .joomla-alert-button--close { right: auto; left: -1.25rem; float: left; } @-webkit-keyframes joomla-alert-fade-in { 0% { opacity: 0; } } @keyframes joomla-alert-fade-in { 0% { opacity: 0; } } @-webkit-keyframes joomla-alert-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes joomla-alert-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @media (prefers-reduced-motion: reduce) { joomla-alert { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; } } #system-message-container:empty { display: none; margin-top: 0; } #system-message-container joomla-alert { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-width: 16rem; padding: 0; margin-bottom: 0; color: var(--gray-dark); background-color: white; border: 1px solid var(--alert-accent-color, transparent); border-radius: 0.25rem; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } #system-message-container joomla-alert + * { margin-top: 1rem; } #system-message-container joomla-alert .alert-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; padding: 0.8rem; color: var(--alert-heading-text); background: var(--alert-accent-color, transparent); } #system-message-container joomla-alert .alert-heading .message::before, #system-message-container joomla-alert .alert-heading .success::before { display: inline-block; width: 1em; height: 1em; content: ""; background-image: url('data:image/svg+xml;utf8,<svg%20width="1792"%20height="1792"%20viewBox="0%200%201792%201792"%20xmlns="http://www.w3.org/2000/svg"><path%20fill="rgba(255,%20255,%20255,%20.95)"%20d="M1299%20813l-422%20422q-19%2019-45%2019t-45-19l-294-294q-19-19-19-45t19-45l102-102q19-19%2045-19t45%2019l147%20147%20275-275q19-19%2045-19t45%2019l102%20102q19%2019%2019%2045t-19%2045zm141%2083q0-148-73-273t-198-198-273-73-273%2073-198%20198-73%20273%2073%20273%20198%20198%20273%2073%20273-73%20198-198%2073-273zm224%200q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z"/></svg>'); background-size: 100%; } #system-message-container joomla-alert .alert-heading .notice::before, #system-message-container joomla-alert .alert-heading .info::before { display: inline-block; width: 1em; height: 1em; content: ""; background-image: url('data:image/svg+xml;utf8,<svg%20width="1792"%20height="1792"%20viewBox="0%200%20512%20512"%20xmlns="http://www.w3.org/2000/svg"><path%20fill="rgba(255,%20255,%20255,%20.95)"%20d="M256%208C119.043%208%208%20119.083%208%20256c0%20136.997%20111.043%20248%20248%20248s248-111.003%20248-248C504%20119.083%20392.957%208%20256%208zm0%20110c23.196%200%2042%2018.804%2042%2042s-18.804%2042-42%2042-42-18.804-42-42%2018.804-42%2042-42zm56%20254c0%206.627-5.373%2012-12%2012h-88c-6.627%200-12-5.373-12-12v-24c0-6.627%205.373-12%2012-12h12v-64h-12c-6.627%200-12-5.373-12-12v-24c0-6.627%205.373-12%2012-12h64c6.627%200%2012%205.373%2012%2012v100h12c6.627%200%2012%205.373%2012%2012v24z"/></svg>'); background-size: 100%; } #system-message-container joomla-alert .alert-heading .warning::before { display: inline-block; width: 1em; height: 1em; content: ""; background-image: url('data:image/svg+xml;utf8,<svg%20width="1792"%20height="1792"%20viewBox="0%200%201792%201792"%20xmlns="http://www.w3.org/2000/svg"><path%20fill="rgba(255,%20255,%20255,%20.95)"%20d="M1024%201375v-190q0-14-9.5-23.5t-22.5-9.5h-192q-13%200-22.5%209.5t-9.5%2023.5v190q0%2014%209.5%2023.5t22.5%209.5h192q13%200%2022.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19-13-11-24-11h-220q-11%200-24%2011-10%207-10%2021l17%20457q0%2010%2010%2016.5t24%206.5h185q14%200%2023.5-6.5t10.5-16.5zm-14-934l768%201408q35%2063-2%20126-17%2029-46.5%2046t-63.5%2017h-1536q-34%200-63.5-17t-46.5-46q-37-63-2-126l768-1408q17-31%2047-49t65-18%2065%2018%2047%2049z"/></svg>'); background-size: 100%; } #system-message-container joomla-alert .alert-heading .error::before, #system-message-container joomla-alert .alert-heading .danger::before { display: inline-block; width: 1em; height: 1em; content: ""; background-image: url('data:image/svg+xml;utf8,<svg%20width="1792"%20height="1792"%20viewBox="0%200%20512%20512"%20xmlns="http://www.w3.org/2000/svg"><path%20fill="rgba(255,%20255,%20255,%20.95)"%20d="M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208zm0%20448c-110.5%200-200-89.5-200-200S145.5%2056%20256%2056s200%2089.5%20200%20200-89.5%20200-200%20200zm101.8-262.2L295.6%20256l62.2%2062.2c4.7%204.7%204.7%2012.3%200%2017l-22.6%2022.6c-4.7%204.7-12.3%204.7-17%200L256%20295.6l-62.2%2062.2c-4.7%204.7-12.3%204.7-17%200l-22.6-22.6c-4.7-4.7-4.7-12.3%200-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3%200-17l22.6-22.6c4.7-4.7%2012.3-4.7%2017%200l62.2%2062.2%2062.2-62.2c4.7-4.7%2012.3-4.7%2017%200l22.6%2022.6c4.7%204.7%204.7%2012.3%200%2017z"/></svg>'); background-size: 100%; } #system-message-container joomla-alert .alert-wrapper { width: 100%; } #system-message-container joomla-alert .alert-link { color: var(--success, inherit); } #system-message-container joomla-alert[type=success], #system-message-container joomla-alert[type=message] { --alert-accent-color: var(--success); --alert-heading-text: hsla(0, 0%, 100%, .95); --alert-close-button: var(--success); background-color: white; } #system-message-container joomla-alert[type=info], #system-message-container joomla-alert[type=notice] { --alert-accent-color: var(--info); --alert-heading-text: hsla(0, 0%, 100%, .95); --alert-close-button: var(--info); background-color: white; } #system-message-container joomla-alert[type=warning] { --alert-accent-color: var(--warning); --alert-heading-text: hsla(0, 0%, 100%, .95); --alert-close-button: var(--warning); background-color: white; } #system-message-container joomla-alert[type=error], #system-message-container joomla-alert[type=danger] { --alert-accent-color: var(--danger); --alert-heading-text: hsla(0, 0%, 100%, .95); --alert-close-button: var(--danger); background-color: white; } #system-message-container joomla-alert .joomla-alert--close, #system-message-container joomla-alert .joomla-alert-button--close { position: absolute; top: 0; right: 0; padding: 0.2rem 0.8rem; font-size: 2rem; color: var(--alert-close-button); background: none; border: 0; opacity: 1; } #system-message-container joomla-alert .joomla-alert--close:hover, #system-message-container joomla-alert .joomla-alert--close:focus, #system-message-container joomla-alert .joomla-alert-button--close:hover, #system-message-container joomla-alert .joomla-alert-button--close:focus { text-decoration: none; cursor: pointer; opacity: 0.75; } [dir=rtl] #system-message-container joomla-alert .joomla-alert--close, [dir=rtl] #system-message-container joomla-alert .joomla-alert-button--close { right: auto; left: 0; padding: 0.2rem 0.6rem; } #system-message-container joomla-alert div { font-size: 1rem; } #system-message-container joomla-alert div .alert-message { padding: 0.3rem 2rem 0.3rem 0.3rem; margin: 0.5rem; } [dir=rtl] #system-message-container joomla-alert div .alert-message { padding: 0.3rem 0.3rem 0.3rem 2rem; } #system-message-container joomla-alert div .alert-message:not(:first-of-type) { border-top: 1px solid var(--alert-accent-color); } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('../../../../owl.video.play.png') no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*="owl-"] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*="owl-"]:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .dl-menuwrapper { position: relative; overflow: hidden; transition: 0.25s ease; } .dl-menuwrapper ul { padding: 0; margin: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 500; color: #666; border-bottom: 1px solid #f5f5f5; outline: 0; } .dl-menuwrapper li a .material-icons { float: right; position: relative; top: -2px; } .dl-menuwrapper li.dl-back > a .material-icons { float: left; } .dl-menuwrapper li.dl-back > a span { opacity: 0; } .dl-menuwrapper .dl-menu { position: relative; width: 100%; -webkit-transform: translateY(0); transform: translateY(0); } .dl-menu.dl-subview li { display: none; } .dl-menu.dl-subview li.dl-subview > a, .dl-menu.dl-subview li.dl-subviewopen > a { display: none; } .dl-menuwrapper li .dl-submenu { display: none; } .dl-menu.dl-subview li.dl-subview { display: block; } .dl-menu.dl-subview li.dl-subview .dl-submenu { display: block; } .dl-menu.dl-subview li.dl-subviewopen { display: block; } .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu { display: block; } .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 0; left: 0; margin: 0; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s; animation: MenuAnimOut2 0.3s; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s; animation: MenuAnimIn2 0.3s; } @-webkit-keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s; animation: SubMenuAnimIn2 0.3s; } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s; animation: SubMenuAnimOut2 0.3s; } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(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); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(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); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 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); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 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); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 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); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 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); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 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); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 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); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 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); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 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); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 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); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 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); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 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); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 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); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 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); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 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); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 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); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 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); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); } 0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); } 50%, 80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); } 0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); } 50%, 80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 0%, to { -webkit-transform-origin: center; } to { transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 0%, to { -webkit-transform-origin: center; } to { transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { transform-origin: center; opacity: 1; } 0%, to { -webkit-transform-origin: center; } to { transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center; opacity: 1; } 0%, to { -webkit-transform-origin: center; } to { transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { transform-origin: top left; } 0%, 20%, 60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); transform-origin: top left; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { transform-origin: top left; } 0%, 20%, 60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); transform-origin: top left; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50%, to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50%, to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } body .hikashop_product_block .hikabtn { font-size: 0.85714286rem; background: #f04f26; color: #ffffff; -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; text-shadow: none; background-image: none; border-radius: 1.5625rem; text-transform: uppercase; padding: 0.8125rem 1.5em 0.8125rem; line-height: 0.875rem; } body .hikashop_product_block .hikabtn:hover { background: #e33a10; } body .hikashop_product_block .hikabtn span { color: #ffffff !important; } body .hikashop_badge_topleft_div { top: 0 !important; margin-top: 0 !important; } body .next_button_disabled { opacity: 0.8; position: relative; padding-right: 2.5rem; -webkit-transition: padding 0.25s ease; -moz-transition: padding 0.25s ease; transition: padding 0.25s ease; } body .next_button_disabled:before, body .next_button_disabled:after { width: 1rem; height: 1rem; margin: -0.5rem 0 0 -0.5rem; position: absolute; content: ""; top: 50%; right: 0; margin-right: 14px; border-radius: 500rem; border: 0.15em solid rgba(255, 255, 255, 0.32); z-index: 11; } body .next_button_disabled:after { -webkit-animation: rloader 0.6s linear; animation: rloader 0.6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-color: #ffffff transparent transparent; box-shadow: 0 0 0 1px transparent; } body .hikashop_products .g-grid { margin: 0 -12px; } body .hikashop_product { animation-duration: 0.5s !important; -webkit-animation-duration: 0.5s !important; } body .hikashop_product a { cursor: pointer; } body .hikashop_product .hikashop_listing_img_title:before, body .hikashop_product .hikashop_listing_img_title:after { content: ""; display: block; clear: both; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { body .hikashop_product { -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%; } } body .hikashop_product .button { font-size: 14px; display: block; margin: 0 auto; } body .hikashop_product .hikashop_product_block { margin: 12px; background: #ffffff; } body .hikashop_product .hikashop_product_block .hikashop_badge_topright_div { z-index: 1 !important; } body .hikashop_product .hikashop_product_block .hikashop_product_inner { position: relative; overflow: hidden; text-align: center; } body .hikashop_product .hikashop_product_block .hikashop_product_inner input.hikashop_product_quantity_field { max-width: 60px; margin: 0; padding: 7px 8px; vertical-align: middle; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_name { text-align: center; font-weight: 600; padding: 10px 0 5px; display: block; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_name a { color: #333333; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_name a:hover { color: #f04f26; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_price_full { font-weight: 500; display: block; padding: 0 0 10px; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_price_full .hikashop_product_price { font-size: 110%; font-weight: 600; color: #f04f26; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_price_full .hikashop_product_price_per_unit { font-weight: normal; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_price_full .hikashop_product_discount { margin-right: 4px; font-size: 90%; opacity: 0.9; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_code_list { font-size: 14px; opacity: 0.8; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_vote { display: block; padding-bottom: 8px; position: relative; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_vote .hikashop_vote_notification_mini { opacity: 0; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_vote .hikashop_vote_notification_mini:not(:empty) { position: absolute; top: 5px; bottom: 0; left: 0; right: 0; background: #ffffff; font-size: 14px; opacity: 1; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_image { height: 100% !important; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_image img { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_image_subdiv { width: 100% !important; } body .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_action a { display: inline-block; } body .r-jo .pagination.pagination-toolbar { text-align: right; } @media only all and (min-width: 48rem) { body .r-jo .pagination.pagination-toolbar .limit { display: inline-block; float: left; } } body .r-jo .pagination.pagination-toolbar > span { display: none; } body .r-jo .pagination.pagination-toolbar > span.pagenav:not(.pagenav_text) { display: inline-block; color: #ffffff; background: #f04f26; cursor: default; } body .r-jo .pagination.pagination-toolbar > a, body .r-jo .pagination.pagination-toolbar .pagenav:not(.pagenav_text) { font-size: 14px; cursor: pointer; display: inline-block; min-height: 1em; outline: 0; border: none; vertical-align: baseline; background: #e0e1e2 none; color: rgba(0, 0, 0, 0.6); margin: 0 0.25em 0 0; padding: 0.8125rem 1.5em 0.8125rem; 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: 1.5625rem; -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; transition: 0.2s ease-in; will-change: ""; -webkit-tap-highlight-color: transparent; box-sizing: border-box !important; } body .r-jo .pagination.pagination-toolbar > a:hover, body .r-jo .pagination.pagination-toolbar > a:focus, body .r-jo .pagination.pagination-toolbar .pagenav:not(.pagenav_text):hover, body .r-jo .pagination.pagination-toolbar .pagenav:not(.pagenav_text):focus { background-color: #cacbcd; background-image: none; -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; color: rgba(0, 0, 0, 0.8); } body .r-jo .pagination.pagination-toolbar > a:focus, body .r-jo .pagination.pagination-toolbar .pagenav:not(.pagenav_text):focus { outline: 0; } body .r-jo .pagination.pagination-toolbar > a .material-icons, body .r-jo .pagination.pagination-toolbar .pagenav:not(.pagenav_text) .material-icons { font-size: 20px; line-height: 14px; vertical-align: middle; } body .r-jo .pagination.pagination-toolbar > a:hover, body .r-jo .pagination.pagination-toolbar .pagenav:not(.pagenav_text):hover { color: #ffffff; background: #f04f26; } body .r-jo .pagination.pagination-toolbar > a.hikashop_start_link, body .r-jo .pagination.pagination-toolbar > a.pagenav_start_chevron, body .r-jo .pagination.pagination-toolbar > a.hikashop_previous_link, body .r-jo .pagination.pagination-toolbar > a.hikashop_end_link, body .r-jo .pagination.pagination-toolbar > a.pagenav_end_chevron, body .r-jo .pagination.pagination-toolbar > a.hikashop_next_link, body .r-jo .pagination.pagination-toolbar .pagenav:not(.pagenav_text).hikashop_start_link, body .r-jo .pagination.pagination-toolbar .pagenav:not(.pagenav_text).pagenav_start_chevron, body .r-jo .pagination.pagination-toolbar .pagenav:not(.pagenav_text).hikashop_previous_link, body .r-jo .pagination.pagination-toolbar .pagenav:not(.pagenav_text).hikashop_end_link, body .r-jo .pagination.pagination-toolbar .pagenav:not(.pagenav_text).pagenav_end_chevron, body .r-jo .pagination.pagination-toolbar .pagenav:not(.pagenav_text).hikashop_next_link { display: none; } body .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; } body .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) { body .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) { body .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%; } } body .r-ju.hikashop_products_pagination > .pagination > .counter { display: none !important; } body .r-ju.hikashop_products_pagination > .pagination > .limit { display: flex; align-items: center; gap: 1rem; } @media only all and (max-width: 47.99rem) { body .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%; } } body .r-ju.hikashop_products_pagination .hikashop_results_counter { display: block; margin-top: 1.25rem; } body .r-ju ul.hikashop_pagination > li.page-item { margin: 2px; } body .r-ju ul.hikashop_pagination > li.page-item > a, body .r-ju ul.hikashop_pagination > li.page-item > span { font-size: 13px; cursor: pointer; display: inline-block; min-height: 1em; outline: 0; border: none; vertical-align: baseline; background: #e0e1e2 none; color: rgba(0, 0, 0, 0.6); margin: 0 0.25em 0 0; padding: 0.8125rem 1.5em 0.8125rem; 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: 1.5625rem; -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; transition: 0.2s ease-in; will-change: ""; -webkit-tap-highlight-color: transparent; box-sizing: border-box !important; padding: 0.625rem 1.25rem; } body .r-ju ul.hikashop_pagination > li.page-item > a:hover, body .r-ju ul.hikashop_pagination > li.page-item > a:focus, body .r-ju ul.hikashop_pagination > li.page-item > span:hover, body .r-ju ul.hikashop_pagination > li.page-item > span:focus { background-color: #cacbcd; background-image: none; -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; color: rgba(0, 0, 0, 0.8); } body .r-ju ul.hikashop_pagination > li.page-item > a:focus, body .r-ju ul.hikashop_pagination > li.page-item > span:focus { outline: 0; } body .r-ju ul.hikashop_pagination > li.page-item > a .material-icons, body .r-ju ul.hikashop_pagination > li.page-item > span .material-icons { font-size: 20px; line-height: 14px; vertical-align: middle; } body .r-ju ul.hikashop_pagination > li.page-item > a:hover, body .r-ju ul.hikashop_pagination > li.page-item > span:hover { color: #ffffff; background: #f04f26; } body .r-ju ul.hikashop_pagination > li.page-item.disabled { display: none; } body .r-ju ul.hikashop_pagination > li.page-item.active span { color: #ffffff; background: #f04f26; cursor: default; } body .r-product-filter { margin-bottom: 25px; background: #f5f5f5; padding: 15px; border-radius: 0.28571rem; } body .r-product-filter > div { display: inline-block; margin-right: 10px; } body .r-product-filter > div:last-child { margin-right: 0; } body .r-product-filter .r-product-filter-sort { z-index: 11; } body .r-product-filter .r-product-filter-sort .chzn-container, body .r-product-filter .r-product-filter-sort select { display: none !important; visibility: hidden !important; } @media only all and (max-width: 59.99rem) { body .r-product-filter .r-product-filter-switcher { display: none; } } body .r-product-filter .r-product-filter-switcher a.btn { padding: 0.612em 1em; line-height: 0; } body .r-product-filter .r-product-filter-search { position: relative; } body .r-product-filter .r-product-filter-search .r_product_filter_search_submit { position: absolute; text-align: center; top: 0; right: 1px; margin: 0; height: 100%; width: 37px; outline: 0 !important; } body .r-product-filter .r-product-filter-search .material-icons { line-height: 41px; font-size: 22px; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } body .r-product-filter .r-product-filter-search input:focus ~ .material-icons { opacity: 1; } body #r_viewswitcher_loader.show_loader.viewswitcher_loader { position: relative; } body #r_viewswitcher_loader.show_loader.viewswitcher_loader:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: white; z-index: 11; } body #r_viewswitcher_loader.show_loader.viewswitcher_loader .viewswitcher_loader_icon:before, body #r_viewswitcher_loader.show_loader.viewswitcher_loader .viewswitcher_loader_icon:after { width: 2.28571429rem; height: 2.28571429rem; margin: -1.14285714rem 0 0 -1.14285714rem; position: absolute; content: ""; top: 180px; left: 50%; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); z-index: 11; } body #r_viewswitcher_loader.show_loader.viewswitcher_loader .viewswitcher_loader_icon: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 .hikashop_product_page .hikacart { background: #f04f26; color: #ffffff; -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; text-shadow: none; background-image: none; } body .hikashop_product_page .hikacart:hover { background: #e33a10; } body .hikashop_product_page .hikacart span { color: #ffffff !important; } body .hikashop_product_page .hikashop_product_main_image_thumb, body .hikashop_product_page .hikashop_product_main_image { height: auto !important; } body .hikashop_product_page .hikashop_product_main_image_subdiv { width: 100% !important; } body .hikashop_product_page .hikashop_product_main_image_subdiv img { margin: 0 auto !important; } body .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; } body .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; display: inline-block; position: relative; } body .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; } body .hikashop_product_page .hikashop_small_image_div > a.hikashop_active_thumbnail { border: 1px solid #666666; } body .hikashop_product_page .hikashop_small_image_div > a:hover { border: 1px solid #666666; } body .hikashop_product_page .hikashop_small_image_div > a:hover:after { opacity: 1; } body .hikashop_product_page .hikashop_small_image_div > a img { height: auto; width: 100%; padding: 5px; margin: 0; } body .hikashop_product_page .hikashop_small_image_div > a img:hover { opacity: 0.9; } body .hikashop_product_page span.hikashop_previous_product, body .hikashop_product_page span.hikashop_next_product { display: none; } body .hikashop_product_page .hikashop_product_navs { text-align: right; } body .hikashop_product_page .hikashop_product_navs .product_nav { padding: 0.58571em 1em 0.58571em; line-height: 12px; opacity: 0.7; } body .hikashop_product_page .hikashop_product_navs .product_nav:hover { opacity: 1; } body .hikashop_product_page .hikashop_product_navs .product_nav .material-icons { font-size: 20px; line-height: 14px; vertical-align: middle; } body .hikashop_product_page .hikashop_product_quantity_div { vertical-align: middle; } body .hikashop_product_page .hikashop_product_quantity_div input[type="number"] { max-width: 5rem; padding: 0.67857143em 1em; } body .hikashop_product_page .hikashop_product_infoblock > div:not(:empty), body .hikashop_product_page .hikashop_product_infoblock > span:not(:empty) { margin-bottom: 12px; } body .hikashop_product_page .hikashop_product_infoblock > div:not(:empty):before, body .hikashop_product_page .hikashop_product_infoblock > div:not(:empty):after, body .hikashop_product_page .hikashop_product_infoblock > span:not(:empty):before, body .hikashop_product_page .hikashop_product_infoblock > span:not(:empty):after { content: ""; display: block; clear: both; } body .hikashop_product_page .hikashop_product_infoblock .hikashop_product_price_full { font-size: 22px; } body .hikashop_product_page .hikashop_product_infoblock .hikashop_product_quantity_main { padding-top: 25px; } body .hikashop_product_page .hikashop_vote_stars { position: relative; } body .hikashop_product_page .hikashop_vote_stars .hikashop_vote_notification_mini, body .hikashop_product_page .hikashop_vote_stars ~ .hikashop_vote_notification { opacity: 0; } body .hikashop_product_page .hikashop_vote_stars .hikashop_vote_notification_mini:not(:empty), body .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; } body .hikashop_product_page .hikashop_vote_stars ~ .hikashop_vote_notification:not(:empty) { top: 14px; } body .hikashop_product_page .hikashop_vote_form .hk-rating { position: relative; top: -5px; left: 8px; } body .hikashop_product_page .hikashop_vote_form input.button { margin-top: 20px; } body .hikashop_product_page .hikashop_product_tags { margin-top: 3rem; } body .hikashop_product_page .hikashop_product_bottom_part { margin-top: 3rem; } body .hikashop_product_page #hikashop_tabs_div .hikashop_tabs_ul { padding: 0; margin: 0; border-bottom: 1px solid #eee; z-index: 1; } body .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: #f04f26; font-weight: 500; cursor: pointer; display: inline-block; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; } body .hikashop_product_page #hikashop_tabs_div .hikashop_tabs_ul li:hover { background: transparent; border-color: #eeeeee #eeeeee #dddddd; } body .hikashop_product_page #hikashop_tabs_div .hikashop_tabs_ul li.hikashop_tabs_li_selected { background-color: #ffffff; border: 1px solid #dddddd; color: #666666; border-color: #eee #eee transparent !important; } body .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; } body .hikashop_product_page #hikashop_tabs_div .hikashop_tabs_content { background: transparent none; border: 0; border-radius: 0; padding: 1rem 0; } body .hikashop_product_page #hikashop_tabs_div .hikashop_tabs_content p:first-child { margin-top: 0; } body .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; } body .hikashop_product_page .hikashop_listing_comment > table { background: #f9f9f9; border-spacing: 15px 10px; border-collapse: separate; font-size: 14px; margin-bottom: 15px; } body .hikashop_product_page .hikashop_listing_comment > table td { padding: 0; } body .hikashop_product_page .hikashop_listing_comment > table td.hika_comment_listing_stars { float: right; } body .hikashop_product_page .hikashop_listing_comment > table td.hika_comment_listing_name { font-weight: 500; font-size: 1rem; } body .hikashop_product_page .hikashop_listing_comment > table td .hika_comment_listing_content { font-size: 1rem; } body .hikashop_product_page p.hikashop_form_comment { font-size: 18px; margin-top: 0; } body .hikashop_product_page table.hikashop_comment_form tr { display: block; margin-bottom: 1rem; } body .hikashop_product_page table.hikashop_comment_form tr td { display: block; padding: 0; } body .hikashop_product_page table.hikashop_comment_form ~ .hikashop_comment_textarea { margin-bottom: 20px; } 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 .hikashop_checkout_page .hikashop_wizardbar { background: transparent none; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 40px; } @media only all and (max-width: 47.99rem) { body .hikashop_checkout_page .hikashop_wizardbar { margin-bottom: 20px; } } body .hikashop_checkout_page .hikashop_wizardbar ul { counter-reset: ordered; margin-bottom: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em 0; box-shadow: none; line-height: 1.14285714em; border-radius: 0.28571429rem; border: 1px solid rgba(34, 36, 38, 0.15); } body .hikashop_checkout_page .hikashop_wizardbar ul li { font-size: 1.14285714em; font-weight: 700; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0; padding: 1.14285714em 2em; background: #fff; color: rgba(0, 0, 0, 0.7); box-shadow: none; border-radius: 0; border: none; border-right: 1px solid rgba(34, 36, 38, 0.15); -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; float: none; height: inherit; line-height: 26px; } @media only all and (max-width: 47.99rem) { body .hikashop_checkout_page .hikashop_wizardbar ul li { padding: 0.5em; font-size: 13px; line-height: 20px; } } body .hikashop_checkout_page .hikashop_wizardbar ul li:first-child { padding-left: 2em; border-radius: 0.28571429rem 0 0 0.28571429rem; } @media only all and (max-width: 47.99rem) { body .hikashop_checkout_page .hikashop_wizardbar ul li:first-child { padding-left: 0.5em; } } body .hikashop_checkout_page .hikashop_wizardbar ul li:last-child { border-right: 0; margin-right: 0; border-radius: 0 0.28571429rem 0.28571429rem 0; } body .hikashop_checkout_page .hikashop_wizardbar ul li:before { display: block; position: static; text-align: center; content: counters(ordered, "."); -ms-flex-item-align: middle; -ms-grid-row-align: middle; align-self: middle; margin-right: 1rem; font-size: 2.5em; counter-increment: ordered; font-family: inherit; font-weight: 700; } @media only all and (max-width: 47.99rem) { body .hikashop_checkout_page .hikashop_wizardbar ul li:before { margin-right: 0.5rem; font-size: 1em; } } body .hikashop_checkout_page .hikashop_wizardbar ul li.hikashop_cart_step_current:after { display: block; position: absolute; z-index: 2; content: ""; top: 100%; right: 50%; border: medium none; background-color: #ffffff; width: 1.14285714em; height: 1.14285714em; border-style: solid; border-color: rgba(34, 36, 38, 0.15); border-width: 0px 0px 1px 1px; transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; transform: translateY(-50%) translateX(50%) rotate(-45deg); border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); } body .hikashop_checkout_page .hikashop_wizardbar ul li.hikashop_cart_step_finished { background: #f3f4f5; } body .hikashop_checkout_page .hikashop_wizardbar ul li.hikashop_cart_step_finished a { color: #f04f26; } body .hikashop_checkout_page .hikashop_wizardbar ul li.hikashop_cart_step_finished a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } body .hikashop_checkout_page .hikashop_wizardbar ul li.hikashop_cart_step_finished:before { content: ""; font-family: FontAwesome; color: #f04f26; } body .hikashop_checkout_page .hikashop_wizardbar ul li.hikashop_cart_step_finished:hover { background: #dcddde; color: rgba(0, 0, 0, 0.87); } body .hikashop_checkout_page .hikashop_wizardbar ul li .hkbadge, body .hikashop_checkout_page .hikashop_wizardbar ul li .hikashop_chevron { display: none; } body .hikashop_checkout_page .r-accordion { margin-top: 2.2rem; } body .hikashop_checkout_page .r-accordion .title { padding: 0; margin-bottom: 1px; } body .hikashop_checkout_page .r-accordion .title .material-icons { vertical-align: middle; } body .hikashop_checkout_page .r-accordion .title i.inactive { display: inline; } body .hikashop_checkout_page .r-accordion .title i.active { display: none; } body .hikashop_checkout_page .r-accordion .title.active .r-accordion-title { background: #ececec; } body .hikashop_checkout_page .r-accordion .title.active i.inactive { display: none; } body .hikashop_checkout_page .r-accordion .title.active i.active { display: inline; } body .hikashop_checkout_page .r-accordion .r-accordion-title { display: block; background: #f5f5f5; padding: 10px 20px; font-size: 20px; font-weight: 500; text-align: center; max-width: 500px; margin: 0 auto; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; transition: 0.25s ease; } body .hikashop_checkout_page .r-accordion .r-accordion-title:hover { background: #ececec; } body .hikashop_checkout_page .r-accordion .content #hikashop_checkout_registration { margin-top: 1.5rem; } body .hikashop_checkout_page .r-accordion .content fieldset { max-width: 450px; margin: 0 auto; } body .hikashop_checkout_page .r-accordion .content fieldset input[type="text"], body .hikashop_checkout_page .r-accordion .content fieldset input[type="password"], body .hikashop_checkout_page .r-accordion .content fieldset input[type="url"], body .hikashop_checkout_page .r-accordion .content fieldset input[type="search"], body .hikashop_checkout_page .r-accordion .content fieldset input[type="tel"], body .hikashop_checkout_page .r-accordion .content fieldset select, body .hikashop_checkout_page .r-accordion .content fieldset textarea { width: 100%; display: block; } body .hikashop_checkout_page .r-accordion .content fieldset [class*="hkc-sm-"] { width: 100% !important; display: block; float: none !important; } body .hikashop_checkout_page .r-accordion .content fieldset #hikashop_checkout_registration { margin-top: 1.3rem; } body .hikashop_checkout_page .hikashop_checkout_cart_print_link { text-align: right; } body .hikashop_checkout_page .hikashop_checkout_cart table .hikashop_cart_product_image_thumb { max-width: 100px; } body .hikashop_checkout_page .hikashop_checkout_cart table .hikashop_product_quantity_field { width: 55px; display: inline; float: left; } body .hikashop_checkout_page .hikashop_checkout_cart table tr td { border: 0; vertical-align: middle; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } body .hikashop_checkout_page .hikashop_checkout_cart table tr td .hikashop_checkout_cart_final_total { font-size: 18px; font-weight: 500; } body .hikashop_checkout_page .hikashop_checkout_cart table tr td .hikashop_checkout_cart_subtotal, body .hikashop_checkout_page .hikashop_checkout_cart table tr td .hikashop_checkout_cart_coupon, body .hikashop_checkout_page .hikashop_checkout_cart table tr td .hikashop_checkout_cart_shipping { font-style: italic; } body .hikashop_checkout_page .hikashop_checkout_address > div { margin: 30px 0; } body .hikashop_checkout_page .hikashop_checkout_address label[for="same_address"] { padding-bottom: 15px; } body .hikashop_checkout_page .hikashop_checkout_address .hika_edit { margin-bottom: 1rem; } body .hikashop_checkout_page .hikashop_checkout_address button { margin: 1rem 0; } body .hikashop_checkout_page .hikashop_checkout_payment table, body .hikashop_checkout_page .hikashop_checkout_shipping table { border: 0; border-radius: 0; } body .hikashop_checkout_page .hikashop_checkout_payment table tr td, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td { border: 0; background: #f9f9f9 !important; position: relative; padding: 0 0 0 4.5rem; outline: 0; border-bottom: 7px solid #ffffff; } body .hikashop_checkout_page .hikashop_checkout_payment table tr td .hikashop_checkout_payment_name, body .hikashop_checkout_page .hikashop_checkout_payment table tr td .hikashop_checkout_shipping_name, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td .hikashop_checkout_payment_name, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td .hikashop_checkout_shipping_name { font-size: 105%; font-weight: 500; } body .hikashop_checkout_page .hikashop_checkout_payment table tr td .hikashop_checkout_payment_images, body .hikashop_checkout_page .hikashop_checkout_payment table tr td .hikashop_checkout_shipping_images, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td .hikashop_checkout_payment_images, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td .hikashop_checkout_shipping_images { display: block; padding-top: 7px; } body .hikashop_checkout_page .hikashop_checkout_payment table tr td .hikashop_checkout_payment_description p, body .hikashop_checkout_page .hikashop_checkout_payment table tr td .hikashop_checkout_shipping_description p, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td .hikashop_checkout_payment_description p, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td .hikashop_checkout_shipping_description p { margin: 1rem 0; } body .hikashop_checkout_page .hikashop_checkout_payment table tr td input[type="text"], body .hikashop_checkout_page .hikashop_checkout_shipping table tr td input[type="text"] { margin-bottom: 16px; } body .hikashop_checkout_page .hikashop_checkout_payment table tr td button, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td button { margin-bottom: 20px; } body .hikashop_checkout_page .hikashop_checkout_payment table tr td input[type="radio"]:empty, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td input[type="radio"]:empty { margin-left: -99999px; } body .hikashop_checkout_page .hikashop_checkout_payment table tr td input[type="radio"]:empty ~ label:before, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td input[type="radio"]:empty ~ label:before { background-color: #dddddd; color: #cccccc; } body .hikashop_checkout_page .hikashop_checkout_payment table tr td input[type="radio"]:checked ~ label:before, body .hikashop_checkout_page .hikashop_checkout_payment table tr td input[type="radio"]:empty ~ label:before, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td input[type="radio"]:checked ~ label:before, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td input[type="radio"]:empty ~ label:before { content: ""; font-family: FontAwesome; font-size: 18px; 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-justify-content: center; -ms-justify-content: center; justify-content: center; } body .hikashop_checkout_page .hikashop_checkout_payment table tr td input[type="radio"]:checked ~ label:before, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td input[type="radio"]:checked ~ label:before { background-color: #f04f26; color: #ffffff; } body .hikashop_checkout_page .hikashop_checkout_payment table tr td input[type="radio"] ~ label:before, body .hikashop_checkout_page .hikashop_checkout_shipping table tr td input[type="radio"] ~ label:before { content: ""; position: absolute; display: block; top: 0; bottom: 0; left: 0; content: ""; width: 3.5rem; background: #dddddd; border-radius: 3px 0 0 3px; } body .hikashop_checkout_page .buttons_right button { font-size: 1.14285714rem; background: #f04f26; color: #ffffff; -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; text-shadow: none; background-image: none; margin: 0; } body .hikashop_checkout_page .buttons_right button:hover { background: #ec3d10; } body #com-form-login-remember { display: block; } body #com-form-login-remember label { margin-left: 4px; } body #com-form-login-remember input[type="checkbox"] { top: 0; z-index: 11; } body #com-form-login-remember.r-check > i { top: -29px; } body .hikashop_checkout_address table.table tr { display: block; margin-bottom: 20px; } body .hikashop_checkout_address table.table td { border: 0; display: block; width: 100%; } body .hikashop_checkout_address table.table td .selection.r-dropdown { width: 100%; } body .hikashop_checkout_address fieldset { max-width: 450px; } body .hikashop_checkout_address fieldset ~ div { float: none !important; display: inline-block; } body div.icon-wrapper div.icon a { padding-top: 6px; } body #hikashop_address_edition table.table { border: 0; max-width: 450px; margin: 0 auto; } body #hikashop_address_edition table.table td { border: 0; display: block; } body #hikashop_address_edition table.table td input[type="text"], body #hikashop_address_edition table.table td input[type="password"], body #hikashop_address_edition table.table td input[type="url"], body #hikashop_address_edition table.table td input[type="search"], body #hikashop_address_edition table.table td input[type="tel"], body #hikashop_address_edition table.table td select, body #hikashop_address_edition table.table td textarea { width: 100%; display: block; } 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; } body #hikashop_checkout > div:before, body #hikashop_checkout > div:after { content: ""; display: block; clear: both; } body .hikashop_subcategories .g-grid { margin: 0 -12px; } body .hikashop_subcategories .g-grid .hikashop_cagories_block { margin: 12px; } body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner { position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner .hikashop_category_image a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: rgba(0, 0, 0, 0.1); -webkit-transition: background 0.25s; -moz-transition: background 0.25s; transition: background 0.25s; } body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner .hikashop_category_image img { display: block; } body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner .hikashop_category_name { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 2em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner .hikashop_category_name:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #ffffff; content: ""; -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); -o-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); -webkit-transition: -webkit-transform 0.35s; -moz-transition: -moz-transform 0.35s; transition: transform 0.35s; z-index: 11; } body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner .hikashop_category_name:before, body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner .hikashop_category_name:after { pointer-events: none; } body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner .hikashop_category_name a { position: absolute; bottom: 0; left: 0; color: #fff; padding: 1em 1.5em; width: 100%; text-align: left; -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); -webkit-transition: -webkit-transform 0.35s; -moz-transition: -moz-transform 0.35s; transition: transform 0.35s; font-size: 1.25em; font-weight: 500; z-index: 11; } body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner .hikashop_category_name a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner br { display: none; } body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner:hover .hikashop_category_name:before, body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner:hover a { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } body .hikashop_subcategories .g-grid .hikashop_cagories_block .hikashop_cagories_inner:hover .hikashop_category_image a:after { background: rgba(0, 0, 0, 0.3); } body .r-hikashop-cart-block a.r-hikashop-cart { display: block; } body .r-hikashop-cart-block a.r-hikashop-cart.hikashop_cart_trigger { cursor: pointer; } body .r-hikashop-cart-block a.r-hikashop-cart .r-hikashop-cart-icon { position: relative; } body .r-hikashop-cart-block a.r-hikashop-cart .r-hikashop-cart-icon .hikashop_small_cart_total_title { background: #ffffff; border: 1px solid #f04f26; width: 20px; height: 20px; position: absolute; top: -3px; right: -6px; line-height: 18px; text-align: center; border-radius: 50%; font-size: 11px; color: #333333; } body .r-nav-cart .hikashop_cart.hikashop_checkout_loading .r-hikashop-cart-block a.r-hikashop-cart { opacity: 0.2; } body .r-nav-cart .hikashop_cart.hikashop_checkout_loading .hikashop_checkout_loading_elem { background: transparent !important; } body .r-nav-cart .hikashop_cart.hikashop_checkout_loading .hikashop_checkout_loading_spinner:before, body .r-nav-cart .hikashop_cart.hikashop_checkout_loading .hikashop_checkout_loading_spinner:after { margin-top: -0.5rem; } body .moduletable.hikashop-listing-mini .hikashop_products .g-grid { margin: 0 -20px -20px; } body .moduletable.hikashop-listing-mini .hikashop_products .hikashop_product_block { margin: 0; padding: 5px 20px; border-bottom: 1px solid #f5f5f5; } body .moduletable.hikashop-listing-mini .hikashop_products .hikashop_product_block .hikashop_product_inner .hikashop_product_vote { display: none; } @media only all and (min-width: 75rem) { body .moduletable.hikashop-listing-mini .hikashop_products .hikashop_product_block .hikashop_product_inner .hikashop_product_image { width: 100px; margin-right: 15px; float: left; } } @media only all and (max-width: 47.99rem) { body .moduletable.hikashop-listing-mini .hikashop_products .hikashop_product_block .hikashop_product_inner .hikashop_product_image { width: 100px; margin-right: 15px; float: left; } } body .moduletable.hikashop-listing-mini .hikashop_products .hikashop_product_block .hikashop_product_inner .hikashop_product_action { display: none; visibility: hidden; } body .moduletable.hikashop-listing-mini .hikashop_products .hikashop_product_block .hikashop_product_inner .hikashop_product_name, body .moduletable.hikashop-listing-mini .hikashop_products .hikashop_product_block .hikashop_product_inner .hikashop_product_price_full { text-align: left; padding: 0; } @media only all and (min-width: 75rem) { body .moduletable.hikashop-listing-mini .hikashop_products .hikashop_product_block .hikashop_product_inner .hikashop_product_name, body .moduletable.hikashop-listing-mini .hikashop_products .hikashop_product_block .hikashop_product_inner .hikashop_product_price_full { padding-left: 110px; } } @media only all and (max-width: 47.99rem) { body .moduletable.hikashop-listing-mini .hikashop_products .hikashop_product_block .hikashop_product_inner .hikashop_product_name, body .moduletable.hikashop-listing-mini .hikashop_products .hikashop_product_block .hikashop_product_inner .hikashop_product_price_full { padding-left: 110px; } } body .hkform-horizontal .hkcontrol-label { text-align: inherit !important; } body dl.hika_options > dt label { margin-top: 10px; } body .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; } body .notifyjs-metro-base .image { padding-left: 5px; } body .notifyjs-metro-base.notifyjs-metro-info { background-color: #f04f26 !important; border-color: #f04f26 !important; color: #ffffff !important; } body .notifyjs-metro-base.notifyjs-metro-error { background-color: #DB2828 !important; border-color: #DB2828 !important; color: #ffffff !important; } body .notifyjs-metro-base.notifyjs-metro-success { background-color: #21BA45 !important; border-color: #21BA45 !important; color: #ffffff !important; } body .notifyjs-metro-base.notifyjs-metro-warn, body .notifyjs-metro-base.notifyjs-metro-warning, body .notifyjs-metro-base.notifyjs-metro-notice { background-color: #FBBD08 !important; border-color: #FBBD08 !important; color: #000000 !important; } .r-list-view-des { display: none; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner { border: 1px solid #f3f3f3; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_image .hikashop_product_image_subdiv, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_image .hikashop_product_image_subdiv, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_image .hikashop_product_image_subdiv { border-bottom: 1px solid #f3f3f3; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_image .hikashop_product_image_subdiv:before, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_image .hikashop_product_image_subdiv:before, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_image .hikashop_product_image_subdiv:before { content: ""; background: rgba(255, 255, 255, 0.75); position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; opacity: 0; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_listing_content, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_listing_content, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_listing_content { position: relative; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_listing_content:before, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_listing_content:before, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_listing_content:before { content: ""; background: #ffffff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; opacity: 0; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_listing_content .hikashop_product_action, [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_listing_content .r-grid-view-readmore, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_listing_content .hikashop_product_action, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_listing_content .r-grid-view-readmore, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_listing_content .hikashop_product_action, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner .hikashop_product_listing_content .r-grid-view-readmore { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; width: 100%; opacity: 0; left: -30px; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .r-grid-view-readmore, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .r-grid-view-readmore, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner .r-grid-view-readmore { display: block !important; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; transition: 0s ease-in-out; width: 100%; opacity: 0; left: -30px; z-index: 10; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .r-grid-view-readmore > a.button, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner .r-grid-view-readmore > a.button, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner .r-grid-view-readmore > a.button { display: inline-block; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner:hover .hikashop_product_listing_content:before, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner:hover .hikashop_product_listing_content:before, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner:hover .hikashop_product_listing_content:before { opacity: 1; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner:hover .hikashop_product_listing_content .hikashop_product_action, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner:hover .hikashop_product_listing_content .hikashop_product_action, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner:hover .hikashop_product_listing_content .hikashop_product_action { opacity: 1; left: 0; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner:hover .r-grid-view-readmore, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner:hover .r-grid-view-readmore, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner:hover .r-grid-view-readmore { opacity: 1; left: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid .hikashop_product .hikashop_product_block .hikashop_product_inner:hover .hikashop_product_image_subdiv:before, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid .hikashop_product .hikashop_product_block .hikashop_product_inner:hover .hikashop_product_image_subdiv:before, .moduletable:not(.hikashop-listing-mini) .hikashop_module .hikashop_product .hikashop_product_block .hikashop_product_inner:hover .hikashop_product_image_subdiv:before { opacity: 1; } [id^="hikashop_category_information_menu_"] .hikashop_products.r_default_grid, [id^="hikashop_category_information_menu_"] .hikashop_products.r_display_grid { border-bottom: 1px solid #f5f5f5; padding-bottom: 20px; } .hikashop_module.product-carousel .hikashop_products, .hikashop_module.product-carousel2 .hikashop_products { margin: 0 -12px; } .product-carousel2 .owl-theme .owl-dots .owl-dot { border: 2px solid transparent; border-radius: 50%; margin: 0 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .product-carousel2 .owl-theme .owl-dots .owl-dot span { width: 9px; height: 9px; margin: 5px; } .product-carousel2 .owl-theme .owl-dots .owl-dot.active, .product-carousel2 .owl-theme .owl-dots .owl-dot:hover { border-color: #666; } .product-carousel2 .owl-theme .owl-dots .owl-dot.active span, .product-carousel2 .owl-theme .owl-dots .owl-dot:hover span { background: #666; } @media only all and (min-width: 60rem) { .hikashop_products.r_display_list .r-list-view-des { display: block; font-size: 15px; } .hikashop_products.r_display_list .hikashop_subcontainer { overflow: hidden; } .hikashop_products.r_display_list .hikashop_product { -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%; border-bottom: 1px solid #f5f5f5; padding: 20px 0; } .hikashop_products.r_display_list .hikashop_product_image, .hikashop_products.r_display_list .r-list-view-center, .hikashop_products.r_display_list .r-list-view-right { float: left; display: inline-block; } .hikashop_products.r_display_list .hikashop_product_image { width: 30%; } .hikashop_products.r_display_list .r-list-view-center { width: 40%; text-align: left; padding: 0 10px; } .hikashop_products.r_display_list .r-list-view-center span.hikashop_product_name { text-align: left !important; font-size: 18px; margin: 0 0 10px; } .hikashop_products.r_display_list .r-list-view-right { width: 30%; padding: 0 10px; } } .hikashop_category_image { height: auto !important; } .brand-carousel .hikashop_subcategories { margin: 0 -12px; } .brand-carousel .hikashop_subcategories .hikashop_cagories_block { margin: 12px; } .brand-carousel .hikashop_subcategories a img { -webkit-transition: opacity 0.35s; -moz-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .brand-carousel .hikashop_subcategories a:hover img { opacity: 1; } .brand-carousel .hikashop_subcategories:hover img { opacity: 0.5; } @media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) { body .hikashop_checkout_cart td.hikashop_cart_product_name_value { width: 100%; } } @media only screen and (min-width: 460px) and (max-width: 1199px) { body .r-product-filter .chzn-container, body .r-product-filter select { min-width: 9em; max-width: 9em; } body .r-product-filter .selection.r-dropdown { max-width: 9em; } body .r-product-filter .r-product-filter-search input { max-width: 11em; } } @media only screen and (max-width: 459px) { body .r-product-filter { display: block !important; } body .r-product-filter > div { display: block; margin: 7px 0; } body .r-product-filter > div input { width: 100%; } } @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-bottom: 1px solid #ccc; } .r-hikashop-checkout-cart .r-checkout-cart-bodyblock:last-child { border-bottom: none; } .r-hikashop-checkout-cart .r-checkout-cart-body { display: flex; align-items: center; } .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-quantity input.hikashop_product_quantity_field { padding: 0 !important; border: 0 !important; width: 42px !important; min-width: 42px !important; max-width: 42px !important; margin: 0 !important; font-size: 17px !important; font-weight: 600 !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-body-total span, .r-hikashop-checkout-cart .r-checkout-cart-body .r-checkout-cart-body-price span { padding: 0 !important; margin: 0 !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; } } .r-checkout-cart-price { margin-top: 20px; padding: 20px; border: 1px solid #ccc; border-radius: 0.75rem; } .r-checkout-cart-price h3 { text-transform: none !important; } .r-checkout-cart-price .r-checkout-cart-price-item { font-size: 1rem; padding: 10px 0; border-bottom: 1px solid #ccc; } .r-checkout-cart-price .r-checkout-cart-price-item.r-checkout-cart-price-item-final-total { padding-top: 14px; border-bottom: 0; font-size: 1.25rem; font-weight: 700; } .r-checkout-cart-price .r-checkout-cart-price-item.r-checkout-cart-price-item-final-total span { font-size: 1.25rem !important; font-weight: 700 !important; } .r-checkout-cart-price .r-checkout-cart-price-item.r-checkout-cart-price-item-final-total span:last-child { font-size: 1.25rem !important; } .r-checkout-cart-price .r-checkout-cart-price-item:last-child { border-bottom: 0; } .r-checkout-cart-price .r-checkout-cart-price-item span { font-size: 1rem !important; font-family: inherit !important; font-weight: normal !important; color: #666666 !important; } .r-checkout-cart-price .r-checkout-cart-price-item span:last-child { float: right; font-style: normal !important; color: #666666 !important; font-size: 1rem !important; letter-spacing: 0.3px; } .hikashop_checkout_coupon { display: flex; flex-direction: column; margin: 1rem 0 2rem auto; } .hikashop_checkout_coupon .input-append .hikashop_checkout_coupon_field { width: 100%; max-width: 100%; padding-top: 1rem !important; padding-bottom: 1rem !important; border-radius: 0.5rem !important; } .hikashop_checkout_coupon button.hikabtn_checkout_coupon_add { background: gainsboro !important; color: #666666 !important; border: 0 !important; position: absolute; top: 2px; bottom: 2px; left: auto; right: 2px; height: auto !important; margin: 0 !important; border-radius: 0.5rem !important; } .hikashop_checkout_coupon button.hikabtn_checkout_coupon_add:hover { background: #cfcfcf !important; color: #666666 !important; } div.hikashop_messages { border: 1px solid !important; font-weight: normal !important; margin: 4px 0px !important; background: transparent !important; font-size: 14px !important; } div.hikashop_messages ul { padding: 4px 7px !important; } .r-product-filter-search span { position: relative; display: inline-block; } .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 { color: #666666; } div.hikashop_cart_dropdown_content { z-index: 999999 !important; top: 100% !important; bottom: auto !important; right: -1px !important; left: auto !important; margin: 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: #666666; line-height: 1.3; cursor: auto; } @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: 767px) { 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: 767px) { .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: 15px 20px 15px 0; border-bottom: 1px solid #ebebeb; } .r-hikashop-cart-item:last-child { border-bottom: 0; } .r-hikashop-cart-item .r-hikashop-cart-delete { position: absolute; top: 50%; margin-top: -15px; 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: #666666 !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_display_grid a.r_products_switcher_grid { background: #f04f26 !important; color: #ffffff !important; } .r_display_list a.r_products_switcher_list { background: #f04f26 !important; color: #ffffff !important; } #r_product_filter_search_form { margin: 0; } button.r_product_filter_search_submit { padding: 0 !important; background: transparent !important; } button.r_product_filter_search_submit:hover .material-icons { color: #f04f26; } .hikashop_categories_listing_main > h1, .hikashop_products_listing_main > h1 { margin-top: 0; font-size: 1.5rem !important; line-height: 1.2; } #hikashop_social { margin-top: 20px; } #hikashop_social span.hikashop_social_pinterest { position: relative; top: -3px !important; margin-left: 5px !important; } body .hikashop_categories_listing_main .hikashop_carousel { margin: 0 !important; } body .hikashop_products_listing_main .hikashop_carousel { margin: 0 12px !important; } .r-checkout-coupon-block { position: relative; } #sb-container { z-index: 999999999 !important; } .hikashop_previous_product_btn, .hikashop_next_product_btn { display: none; } h1.hikashop_product_name_main_title { font-size: 1.75rem; } @media only all and (min-width: 48rem) { h1.hikashop_product_name_main_title { margin-top: 0; } } .hikashop_quantity_form { display: inline-block; } .hikashop_products_pagination .list-footer .limit select, .hikashop_subcategories_pagination .list-footer .limit select { width: 75px !important; } #r-hikashop-svg-icons { position: absolute; width: 0; height: 0; overflow: hidden; } .r-checkout-cart-body-delete a svg { width: 24px; height: 24px; fill: #ef4444; } .r-checkout-cart-body-delete a:hover svg { fill: #bd1010; } .r-checkout-cart-body-quantity { display: flex; align-items: center; gap: 5px; } body div#data_register_registration_method label { color: #666666; } .r-checkout-cart-body-quantity .hikashop_cart_product_quantity_refresh { display: none; } .hikashop_product_quantity_change_div_leftright { display: flex; align-items: center; border: 1px solid #ebebeb; border-radius: 1.5625rem; text-align: center; overflow: hidden; width: 108px; min-width: 108px; } .hikashop_product_quantity_change_div_leftright input.hikashop_product_quantity_field { border-radius: 0px; padding: 0 !important; border: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; font-size: 17px !important; font-weight: 600 !important; } .hikashop_product_quantity_change_div_leftright input.hikashop_product_quantity_field::-webkit-inner-spin-button, .hikashop_product_quantity_change_div_leftright input.hikashop_product_quantity_field::-webkit-outer-spin-button { opacity: 1; } .hikashop_product_quantity_change_div_leftright > span.add-on { background: none !important; position: inherit; display: block; line-height: 1; margin: 0; padding: 0; width: auto !important; min-width: auto !important; } .hikashop_product_quantity_change_div_leftright > span.add-on:hover { background: none !important; box-shadow: none !important; border: 0 !important; } .hikashop_product_quantity_change_div_leftright a { margin: 0 !important; padding: 0.5rem !important; width: 32px !important; height: 42.5px !important; border: 0 !important; background: none !important; font-size: 0 !important; display: flex; align-items: center; justify-content: center; position: relative; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; line-height: 1; min-height: 1px !important; border-radius: 0 !important; } .hikashop_product_quantity_change_div_leftright a:hover { background: #f0f0f0 !important; box-shadow: none !important; border: 0 !important; } .hikashop_product_quantity_change_div_leftright a:hover::before, .hikashop_product_quantity_change_div_leftright a:hover::after { background: #666666 !important; } .hikashop_product_quantity_change_div_leftright a.hikashop_product_quantity_field_change_minus:before { content: ""; position: absolute; width: 10px; height: 1.5px; background: #a6a6a6; left: 50%; top: 50%; transform: translate(-50%, -50%); } .hikashop_product_quantity_change_div_leftright a.hikashop_product_quantity_field_change_plus:before, .hikashop_product_quantity_change_div_leftright a.hikashop_product_quantity_field_change_plus:after { content: ""; position: absolute; background: #a6a6a6; left: 50%; top: 50%; transform: translate(-50%, -50%); } .hikashop_product_quantity_change_div_leftright a.hikashop_product_quantity_field_change_plus:before { width: 10px; height: 1.5px; } .hikashop_product_quantity_change_div_leftright a.hikashop_product_quantity_field_change_plus:after { width: 1.5px; height: 10px; } .r-hikashop-checkout-cart { border: 1px solid #ccc; border-radius: 0.75rem; overflow: hidden; position: relative; } .r-hikashop-checkout-cart .r-checkout-cart-header { font-size: 0.75rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.05em; text-transform: uppercase; color: #8c8c8c; background: #ebebeb; } @media only all and (min-width: 48rem) { .r-hikashop-checkout-cart .r-checkout-cart-header-image, .r-hikashop-checkout-cart .r-checkout-cart-body-image, .r-hikashop-checkout-cart .r-checkout-cart-header-items > div, .r-hikashop-checkout-cart .r-checkout-cart-body-items > div { padding: 1rem 1.5rem; } } @media only all and (max-width: 47.99rem) { .r-hikashop-checkout-cart .r-checkout-cart-header-image, .r-hikashop-checkout-cart .r-checkout-cart-body-image, .r-hikashop-checkout-cart .r-checkout-cart-header-items > div, .r-hikashop-checkout-cart .r-checkout-cart-body-items > div { padding: 1rem 0.875rem; } } .r-hikashop-checkout-cart .r-checkout-cart-header-image, .r-hikashop-checkout-cart .r-checkout-cart-body-image { flex: 0 112px; width: 112px; } @media only all and (max-width: 47.99rem) { .r-hikashop-checkout-cart .r-checkout-cart-header-image, .r-hikashop-checkout-cart .r-checkout-cart-body-image { flex: 0 80px; width: 80px; } } .r-hikashop-checkout-cart .r-checkout-cart-header-delete, .r-hikashop-checkout-cart .r-checkout-cart-body-delete { flex: 0 48px; width: 48px; text-align: center; } .r-hikashop-checkout-cart .r-checkout-cart-header-title, .r-hikashop-checkout-cart .r-checkout-cart-body-title { flex: 1 1 auto; } .r-hikashop-checkout-cart .r-checkout-cart-body-total span.hikashop_product_price { font-weight: 600 !important; } .r-hikashop-checkout-cart .r-checkout-cart-body, .r-hikashop-checkout-cart .r-checkout-cart-body-items { align-items: center; } .r_hikashop_wizardbar { margin-bottom: 3rem !important; } .r_hikashop_wizardbar ul { display: flex; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; padding: 0; gap: 1rem; } .r_hikashop_wizardbar ul li { padding: 0 !important; margin: 0 !important; color: gray; font-weight: 700; } .r_hikashop_wizardbar ul li.r_hikashop_cart_step_text { display: flex; align-items: center; gap: 0.75rem; } .r_hikashop_wizardbar ul li.r_hikashop_cart_step_line { background: #d6d6d6; flex: 1 1 0%; height: 0.125rem; } .r_hikashop_wizardbar ul li.r_hikashop_cart_step_line:last-child { display: none; } .r_hikashop_wizardbar ul li .r-hikashop-cart-step-hkbadge { background: none; color: #666666; width: 40px; height: 40px; border-radius: 25rem; border: 2px solid #ccc; display: inline-flex; align-items: center; justify-content: center; font-size: 1.125rem; } .r_hikashop_wizardbar ul li.r_hikashop_cart_step_current { color: #f04f26 !important; } .r_hikashop_wizardbar ul li.r_hikashop_cart_step_current .r-hikashop-cart-step-hkbadge { background: #f04f26; color: #ffffff; border-color: #f04f26 !important; } a#hikashop_checkout_shopping_button { background: transparent !important; color: #666666 !important; border: 0 !important; padding: 0; box-shadow: none !important; text-align: left; font-size: 1rem; padding-top: 10px; } a#hikashop_checkout_shopping_button:hover { color: #f04f26 !important; text-decoration: underline; } @media only all and (max-width: 767px) { .r-checkout-cart-body-title { flex: 1 100% !important; padding-bottom: 0 !important; } .r-checkout-cart-body-quantity, .r-checkout-cart-body-total { flex: 0 100% !important; } .r-checkout-cart-body-quantity { order: 9; padding-top: 0 !important; } .r-checkout-cart-body-total { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; text-align: left !important; } } .r-hikashop-cart-module-item { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid #f3f4f6; } .r-hikashop-cart-module-item:last-child { border-bottom: none; } .r-hikashop-cart-module-image { flex: 0 64px; width: 64px; border-radius: 8px; flex-shrink: 0; } .r-hikashop-cart-module-details { flex-grow: 1; min-width: 0; } .r-hikashop-cart-module-name-wrapper a { color: #666666; } .r-hikashop-cart-module-name-wrapper a:hover { color: #666666; text-decoration: underline !important; } .r-hikashop-cart-module-name { display: block; font-weight: 500; color: #666666; margin: 0 0 4px 0; font-size: 16px; line-height: 1.25; } .r-hikashop-cart-module-code { display: block; font-size: 14px; color: #a6a6a6; margin-bottom: 8px; } ul.r-hikashop-cart-module-custom-fields { margin: 0 0 8px 0; padding: 0; list-style: none; font-size: 14px; color: #a6a6a6; display: flex; flex-flow: row wrap; gap: 5px 12px; } ul.r-hikashop-cart-module-custom-fields li { margin: 0; padding: 0; } ul.r-hikashop-cart-module-custom-fields li:after { content: ","; } ul.r-hikashop-cart-module-custom-fields li:last-child:after { content: ""; } ul.r-hikashop-cart-module-options { margin: 12px 0 8px 0; padding: 0; list-style: none; font-size: 14px; color: #a6a6a6; display: flex; flex-direction: column; gap: 5px; } ul.r-hikashop-cart-module-options li { margin: 0; padding: 0; } ul.r-hikashop-cart-module-options li:before { content: "●"; display: inline-block; margin-right: 4px; } .r-hikashop-cart-module-price { margin: 0 0 8px 0; } .r-hikashop-cart-module-price span { color: #999 !important; font-size: 1rem !important; text-align: left !important; } .r-hikashop-cart-module-quantity .hikashop_cart_product_quantity_refresh { display: none; } .r-hikashop-cart-module-delete { display: flex; align-items: center; flex: 0 20px; min-width: 20px; } .r-hikashop-cart-module-delete a { text-decoration: none; } .r-hikashop-cart-module-delete a svg { width: 20px; height: 20px; fill: #ef4444; } .r-hikashop-cart-module-delete a:hover svg { fill: #bd1010; } .r-hikashop-cart-module-summary { padding: 16px 0 24px; border-top: 1px solid #e5e7eb; } .r-hikashop-cart-module-summary > div { display: flex; align-items: center; justify-content: space-between; padding: 5px 0; } .r-hikashop-cart-module-total { padding-bottom: 0; } .r-hikashop-cart-module-total-title { font-size: 1rem; } .r-hikashop-cart-module-total-value span.hikashop_product_price { font-size: 1.125rem !important; font-weight: 600 !important; } .r-hikashop-cart-module-shipping-note { font-size: 12px; color: #a6a6a6; text-align: center; margin: 0 0 16px; } a.r-hikashop-cart-module-proceed { min-height: 44px; display: flex; align-items: center; justify-content: center; } .hikashop_drawer__title { font-size: 1.25rem; font-weight: 700; margin: 0; } .r_hikashop_drawer_container div.hikashop_cart_dropdown_content { padding: 0 !important; border: 0 !important; box-shadow: none !important; } .r_hikashop_drawer_container div.hikashop_cart_dropdown_content:before, .r_hikashop_drawer_container div.hikashop_cart_dropdown_content:after { display: none !important; } .r-nav-cart.r-drawer-opened .r_hikashop_drawer_container .hikashop_drawer__wrapper { transform: none !important; transition: none !important; } .r-nav-cart.r-drawer-opened .r_hikashop_drawer_container .hikashop_drawer__overlay { opacity: 0.5 !important; transition: none !important; } .hikashop_products.display_list div.hikashop_listing_img_title { padding: 0 !important; } .r_hikashop_topright_part .hikashop_product_quantity_main, .hikashop_product_infoblock .hikashop_product_quantity_main { flex-flow: row wrap; align-items: center; gap: 10px; margin: 0; padding: 0; } .r_hikashop_topright_part .hikashop_product_quantity_main:not(.hikashop_quantity_hide), .hikashop_product_infoblock .hikashop_product_quantity_main:not(.hikashop_quantity_hide) { display: flex; } .r_hikashop_topright_part .hikashop_product_stock_count, .hikashop_product_infoblock .hikashop_product_stock_count { flex: 0 100%; } .r_hikashop_topright_part .hikashop_quantity_form, .hikashop_product_infoblock .hikashop_quantity_form { margin: 0 !important; display: block; } .r_hikashop_topright_part .hikashop_quantity_form .control-group, .r_hikashop_topright_part .hikashop_quantity_form .controls, .hikashop_product_infoblock .hikashop_quantity_form .control-group, .hikashop_product_infoblock .hikashop_quantity_form .controls { margin: 0 !important; padding: 0 !important; line-height: 1; } .r_hikashop_topright_part .hikashop_product_quantity_main a.hikabtn, .r_hikashop_topright_part .hikashop_quantity_form, .r_hikashop_topright_part .hikashop_product_quantity_change_div_leftright a, .hikashop_product_infoblock .hikashop_product_quantity_main a.hikabtn, .hikashop_product_infoblock .hikashop_quantity_form, .hikashop_product_infoblock .hikashop_product_quantity_change_div_leftright a { height: 38px !important; } .r_hikashop_topright_part .hikashop_product_quantity_main a.hikabtn, .hikashop_product_infoblock .hikashop_product_quantity_main a.hikabtn { display: flex; align-items: center; } @media only all and (max-width: 767px) { .hikashop_checkout_buttons { display: flex; flex-direction: column; gap: 1rem; } .hikashop_checkout_buttons > div { float: none !important; width: 100% !important; } .hikashop_checkout_buttons .hikabtn { display: block !important; width: 100% !important; } .hikashop_checkout_buttons .hikabtn.hikabtn_checkout_continue { padding-bottom: 1rem !important; } } .r-hikashop-cart-module-default .r-hikashop-cart-module-items { max-height: 20.75rem; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; } .r-hikashop-cart-module-default .r-hikashop-cart-module-items::-webkit-scrollbar { background-color: transparent; width: 7px; height: 7px; position: absolute; } .r-hikashop-cart-module-default .r-hikashop-cart-module-items:hover::-webkit-scrollbar { background-color: transparent; width: 7px; height: 7px; position: absolute; } .r-hikashop-cart-module-default .r-hikashop-cart-module-items::-webkit-scrollbar-thumb { background-color: rgba(124, 123, 123, 0.62); border-radius: 5px; } .r-hikashop-cart-module-default .r-hikashop-cart-module-items:hover::-webkit-scrollbar-thumb { background-color: rgba(124, 123, 123, 0.62); border-radius: 5px; } body.com_hikashop.view-checkout .hikashop_cart_module .hikashop_cart_dropdown_container { display: none !important; } body.com_hikashop.view-checkout .hikashop_small_cart_checkout_link { pointer-events: none; } span.hikashop_product_discount_amount { padding-right: 5px; } .hkform-group .password-group input[type="password"], .hkform-group .password-group input[type="text"] { width: auto !important; } .hkform-group .password-group meter { margin-right: 1rem; } .hkform-group .password-group div#password-0 { display: inline-block; font-size: 90%; } .hikashop_login_forgot_password_line, .hikashop_login_forgot_username_line { margin: 0 !important; } .r-header-toolbar { font-size: 14px; } .r-header-toolbar .r-header-toolbar-left { display: inline-block; } .r-header-toolbar .r-header-toolbar-left ul.r-emailphone { margin: 0; padding: 0; } .r-header-toolbar .r-header-toolbar-left ul.r-emailphone li { list-style: none; display: inline-block; margin: 0; margin-right: 1rem; } .r-header-toolbar .r-header-toolbar-left ul.r-emailphone li:last-child { margin-right: 0; } .r-header-toolbar .r-header-toolbar-left ul.r-emailphone li a { color: #000000; } .r-header-toolbar .r-header-toolbar-left ul.r-emailphone li a:hover { color: #f04f26; } @media only all and (max-width: 47.99rem) { .r-header-toolbar .r-header-toolbar-left ul.r-emailphone li a span { display: none; } } .r-header-toolbar .r-header-toolbar-left ul.r-emailphone [data-tooltip]:after, .r-header-toolbar .r-header-toolbar-left ul.r-emailphone [data-tooltip]:before { z-index: 99; } @media only all and (min-width: 48rem) { .r-header-toolbar .r-header-toolbar-left ul.r-emailphone [data-tooltip]:after, .r-header-toolbar .r-header-toolbar-left ul.r-emailphone [data-tooltip]:before { display: none; } } .r-header-toolbar i { margin-right: 7px; color: #f04f26; } .r-header-toolbar .r-header-toolbar-right { display: inline-block; float: right; } .r-header-toolbar .r-header-toolbar-right > div { display: inline-block; margin-right: 10px; } .r-header-toolbar .r-header-toolbar-right > div:last-child { margin-right: 0; padding-left: 15px; border-left: 1px solid #b9bbbc; } .r-header-toolbar a.r-hikashop-cart, .r-header-toolbar a.header-login { color: #000000; } .r-header-toolbar a.r-hikashop-cart:hover, .r-header-toolbar a.header-login:hover { color: #f04f26; } .r-header-toolbar a.header-login ~ .r-popup { text-align: left; } .r-header-toolbar a.header-login ~ .r-popup .control-group:not(.checkbox) label { display: none; } .r-header-toolbar a.header-login ~ .r-popup h3 { margin-top: 0; font-size: 1.5rem; } .r-header-toolbar a.header-login ~ .r-popup form { margin-bottom: 0; } .r-header-toolbar a.header-login ~ .r-popup form ul.unstyled { font-size: 14px; } .r-header-toolbar .logout-button { margin-top: 15px; } .r-header-toolbar .r-header-currency .hikashop_currency_module form { margin: 0; } .r-header-toolbar .r-header-currency .hikashop_currency_module .chzn-container, .r-header-toolbar .r-header-currency .hikashop_currency_module select, .r-header-toolbar .r-header-currency .hikashop_currency_module .selection { display: none !important; } .r-header-toolbar .r-header-currency .hikashop_currency_module .dropdown.icon { float: right; position: relative; top: 5px; } .r-header-toolbar .r-header-currency .hikashop_currency_module .hikashopcurrency { width: inherit; } #g-top .r-dropdown .menu, #g-header .r-dropdown .menu { z-index: 99999; } .r-nav-toolbar > div { display: inline-block; margin-right: 30px; } @media only all and (max-width: 30rem) { .r-nav-toolbar > div { margin-right: 10px; } } .r-nav-toolbar > div.r-nav-logo { min-width: 21%; } @media only all and (max-width: 30rem) { .r-nav-toolbar > div.r-nav-logo { max-width: 33%; } } .r-nav-toolbar > div.r-nav-right { margin-right: 0 !important; margin-left: auto; } .r-nav-toolbar > div.r-nav-right > div { display: inline-block; margin-right: 9px; } @media only all and (max-width: 30rem) { .r-nav-toolbar > div.r-nav-right > div { margin-right: 3px; } } .r-nav-toolbar > div.r-nav-right > div.r-nav-search { margin-right: 0; } .r-nav-toolbar > div.r-nav-right > div:last-child { margin-left: 1rem; margin-right: 0; } @media only all and (max-width: 30rem) { .r-nav-toolbar > div.r-nav-right > div:last-child { margin-left: 0; } } .r-nav-toolbar > div.r-nav-right .g-offcanvas-toggle { display: block; width: 46px; height: 46px; line-height: 43px; background: #f04f26; color: #ffffff; border-radius: 50%; text-align: center; } .r-nav-toolbar > div.r-nav-right .g-offcanvas-toggle:hover { background: #e33a10; } .r-nav-toolbar > div.r-nav-right .g-offcanvas-toggle .material-icons { vertical-align: middle; text-align: center; line-height: 24px; } .r-nav-toolbar .r-hikashop-cart-block a.r-hikashop-cart .r-hikashop-cart-icon, .r-nav-toolbar .r-nav-search .r-ns-trigger { display: block; width: 46px; height: 46px; line-height: 43px; border: 1px solid #f04f26; border-radius: 50%; text-align: center; } .r-nav-toolbar .r-hikashop-cart-block a.r-hikashop-cart { color: #ffffff; } .r-nav-toolbar .r-hikashop-cart-block a.r-hikashop-cart .r-hikashop-cart-icon { background: #f04f26; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; } .r-nav-toolbar .r-hikashop-cart-block a.r-hikashop-cart .r-hikashop-cart-icon:hover { background: #e33a10; } .r-nav-toolbar .r-nav-search .r-ns-search { position: absolute; z-index: 2; top: 0; bottom: 0; left: 25px; right: 25px; background: #fff; opacity: 0; visibility: hidden; background: #333333; } .r-nav-toolbar .r-nav-search .r-ns-search input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #333333 inset !important; -webkit-text-fill-color: false !important; } .r-nav-toolbar .r-nav-search .r-ns-search .jmoddiv.jmodinside { position: inherit !important; } .r-nav-toolbar .r-nav-search .r-ns-search.is-visible { opacity: 1; visibility: visible; } .r-nav-toolbar .r-nav-search .r-ns-search form { position: absolute; height: 100%; margin: 0 !important; top: 0; right: 0; bottom: 0; left: 0; } .r-nav-toolbar .r-nav-search .r-ns-search label[for^="mod-search-searchword"] { display: none; } .r-nav-toolbar .r-nav-search .r-ns-search .awesomplete { width: 100%; height: 100%; } .r-nav-toolbar .r-nav-search .r-ns-search .awesomplete > ul { text-align: left; } .r-nav-toolbar .r-nav-search .r-ns-search .awesomplete > ul li { padding: 0.2em 0.5em; display: block; color: #666666; margin-left: 0; } .r-nav-toolbar .r-nav-search .r-ns-search input[type="text"], .r-nav-toolbar .r-nav-search .r-ns-search input[type="search"] { font-size: 18px; width: 100% !important; height: 100%; margin: 0 !important; background-color: transparent !important; border: 0 !important; border-radius: 0 !important; padding-left: 40px; padding-right: 170px; } .r-nav-toolbar .r-nav-search .r-ns-search .r-close.r-ns-close { right: 40px; top: 50%; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .r-nav-toolbar .r-nav-search .r-ns-search .r-close.r-ns-close:hover { -webkit-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1); } .r-shopinfo { margin: 0 -40px; } .r-shopinfo .r-shopinfo-items { padding: 0 40px; } @media only all and (min-width: 48rem) { .r-shopinfo .r-shopinfo-items { border-right: 1px solid #ccc; } } @media only all and (max-width: 47.99rem) { .r-shopinfo .r-shopinfo-items { margin-bottom: 24px; } } .r-shopinfo .r-shopinfo-items i { font-size: 70px; color: #f04f26; padding-right: 25px; float: left; } .r-shopinfo .r-shopinfo-items span.title { display: block; font-weight: 700; color: #333333; margin-left: 95px; margin-bottom: 6px; } .r-shopinfo .r-shopinfo-items span.desc { display: block; font-size: 14px; } @media only all and (min-width: 60rem) { .r-shopinfo .r-shopinfo-items span.desc { margin-left: 95px; } } .r-shopinfo .g-block:last-child .r-shopinfo-items { border-right: 0; } #g-feature .r-mailchimp-block { text-align: center; } #g-feature .r-mailchimp-block .r-mailchimp-description { margin-bottom: 40px; } #g-feature .r-mailchimp-block .r-mailchimp input { display: inline-block; } @media only all and (min-width: 48rem) { #g-about .product-carousel, #g-feature .r-mailchimp-block, .r-shopinfo { padding: 1rem 0; } } .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: #666666; } .r-bottommenu ul li a:hover { color: #f04f26; } #g-bottom .g-title { margin-bottom: 1.5rem; margin-top: 0; padding-bottom: 0; color: false; } #g-bottom .r-aboutus ul.r-aboutus-address { margin: 0; padding: 0; } #g-bottom .r-aboutus ul.r-aboutus-address li { list-style: none; margin: 0; } #g-bottom .r-aboutus ul.r-aboutus-address li i { margin-right: 7px; color: #f04f26; min-width: 20px; } #g-bottom .r-aboutus .r-aboutus-social { margin-top: 15px; } #g-bottom .r-aboutus .r-aboutus-social a { text-align: center; display: inline-block; margin-right: 10px; color: #666666; } #g-bottom .r-aboutus .r-aboutus-social a:last-child { margin-right: 0; } #g-bottom .r-aboutus .r-aboutus-social a:hover { color: #f04f26; } #g-footer .r-bottommenu ul li a { color: false; } #g-footer .r-bottommenu ul li a:hover { color: #f04f26; } .product-carousel .product-grid:not(.owl-loaded) .hikashop_product, .product-carousel .product-grid:not(.owl-loaded) .hikashop_category, .product-carousel2 .product-grid:not(.owl-loaded) .hikashop_product, .product-carousel2 .product-grid:not(.owl-loaded) .hikashop_category, .brand-carousel .product-grid:not(.owl-loaded) .hikashop_product, .brand-carousel .product-grid:not(.owl-loaded) .hikashop_category { display: none !important; } body .particle-carousel.owl-carousel.owl-theme .owl-nav { margin: 0; } body .particle-carousel.owl-carousel.owl-theme .owl-nav [class*="owl-"] { position: absolute; margin: 0; top: 50%; font-size: 0; line-height: 0; padding: 8px 7px; background: none; border: 1px solid #f04f26; border-radius: 50%; opacity: 0.6; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease, fill 0.2s ease; -moz-transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease, fill 0.2s ease; transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease, fill 0.2s ease; } body .particle-carousel.owl-carousel.owl-theme .owl-nav [class*="owl-"] .rcarrow { fill: #f04f26; } body .particle-carousel.owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover:not(.disabled) { background: #f04f26; opacity: 1; } body .particle-carousel.owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover:not(.disabled) .rcarrow { fill: #ffffff; } body .particle-carousel.owl-carousel.owl-theme .owl-nav .owl-prev { left: -12px; } body .particle-carousel.owl-carousel.owl-theme .owl-nav .owl-next { right: -12px; } body .particle-carousel.owl-carousel.owl-theme .owl-nav .disabled { background: #e0e1e2 !important; border: 1px solid #e0e1e2; opacity: 0.4; } body .particle-carousel.owl-carousel.owl-theme .owl-nav .disabled .rcarrow { fill: #666666; } body .particle-carousel.owl-carousel.owl-theme .owl-nav .disabled:hover { opacity: 0.5; } .r-contact-details ul { margin: 15px 0 0; } .r-contact-details ul li { margin: 0; padding: 7px 0; list-style: none; } .r-contact-details ul li i { width: 35px; text-align: center; } .r-feedburner-block input[type="text"] { margin-bottom: 15px; } #g-sidebar .r-feedburner-block input[type="text"], #g-aside .r-feedburner-block input[type="text"] { width: 100%; } body #g-navigation .g-block.hidden { display: block; visibility: visible; } @media only all and (max-width: 59.99rem) { body .r-nav-toolbar .r-offcanvas-toggle { display: inline-block !important; } body .r-nav-toolbar .r-nav-menu { display: none; visibility: hidden; } } .r-chart canvas { max-width: 100%; } .scroll-to-fixed-fixed { -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.15) !important; } .r-popup .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .r-popup .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) { border-radius: 1.5625rem; } body .r-items > .item > .content > a.header:hover { color: #f04f26; } body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close:before { display: none; } body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close span { 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; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close span:before, body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close span:after { content: ""; position: absolute; height: 20px; width: 3px; background: #fff; left: 50%; top: 50%; text-indent: 0; } body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close span: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); } body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close span: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); } body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close span: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; } body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-prev, body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-next { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-prev:before, body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-next:before { font-family: Material Icons; } body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-prev:hover, body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-next:hover { text-shadow: none; -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; } body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-prev:before { content: ""; } body #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-next:before { content: ""; } body.g-blockvariations #g-main .g-content .platform-content { padding: 20px; } @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url('/templates/r_ivee/fonts/material_icons/MaterialIcons-Regular.eot?6a22d083'); src: local("Material Icons"), local("MaterialIcons-Regular"), url('/templates/r_ivee/fonts/material_icons/MaterialIcons-Regular.woff2?6a22d083') format("woff2"), url('/templates/r_ivee/fonts/material_icons/MaterialIcons-Regular.woff?6a22d083') format("woff"), url('/templates/r_ivee/fonts/material_icons/MaterialIcons-Regular.ttf?6a22d083') format("truetype"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; }