// zdroj http://lesscss.org/features/ /* variables */ //@import "aos.css"; @import "bootstrap.css"; @blue-color: #000; @green-color2: #2DB200;; @max-size: 100%; @sections-margin: 0; @header-margin-bottom: 30px; @orange-color: #dc5c00; @green-color: #2DB200; @green-color3: #07732C; @blue-background: #C8DBDC; html { scroll-behavior: smooth; } .hide { display: none; } .container-fluid { padding: 0; } .row { padding: 0; margin: 0; } .text-right { text-align: right; } .btn-success { padding: 5px 25px 5px 5px; } section, header, footer { width: 100%; } body { margin: 0; padding: 0; font-size: 0.8em; font-family: Arial, Tahoma, Verdana; } .alignright { float: right; } .position-relative { position:relative; } .dashed-line-top { border: 2px dashed #fff; width:100%; position: absolute; top: 20px; z-index: 10; opacity: 0.4; left:0 ; } .dashed-line-bottom { border: 2px dashed #fff; width:100%; position: absolute; bottom: 20px; z-index: 10; opacity: 0.4; left: 0; } .hidden-skip-links { display: none; } .index-10 { z-index: 10; position: relative; } .box-content { padding: 20px; } .padding-zero { padding: 0 !important; } .margin-zero { margin: 0 !important; } .blue-background { background-color: @blue-background; } .background-main-content { background: #FFF8DC; } #subsite-main-image { height: 200px; background-size: cover; #cover-image { background-color: black; width: 100%; height: 100%; opacity: 0.6; } .max-height { height: 100%; } .entry-title { color: #fff; font-weight: 800; position: absolute; top: 29%; font-size: 4vh; padding: 20px; } #top-navi { color: #fff; font-weight: 800; position: absolute; top: 15px; padding: 20px; } } .home #main-content { padding: 0; } #main-content { padding: 20px 0; min-height: 400px; font-size: 1.5em; /* newsletter - edit client page*/ .mailpoet-manage-subscription { width: 60%; } p { word-break: break-word; } a { color: #28a745; } /* newsletter */ #mailpoet_form_1 .mailpoet_paragraph { margin: 5px 0 !important; } #mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea { width: 100% !important; } .mailpoet_submit { font-size: 1.25rem } #mailpoet_form_1 form.mailpoet_form { padding: 0 !important; h4 { margin-bottom: 10px; } label { font-weight: normal; font-size: 0.8em; margin: 0; } } /* navigace vyhledavani */ .navigation.pagination h2 { display: none; } .content-content { order: 2; } @media screen and (max-width: 768px) { .content-content { order: 1; margin-bottom: 20px; } } .submenu { order: 1; opacity: 0.9; padding: 20px 20px; background: #BFD4DD; border-radius: 15px; ul#parsley-id-7 { list-style-type: none; margin: 10px 0; } h4, label, h3, h2 { font-size: 1em; font-weight: bold; margin: 10px 0; width: 100%; color: #000; } #recent-posts-2 { ul { margin-left: 20px; font-size: 1em; line-height: 1.3em; } } ul { padding: 0; margin: 0px; list-style-type: square; li { a { display: block; padding: 0px; margin: 1px 0; color: @green-color3; text-decoration: none; } a:hover { opacity: 0.5; } } } } @media screen and (max-width: 768px) { .submenu { order: 2; } } h2, h3 { color: @green-color; margin-bottom: 20px; } h2{ font-weight:900; } h3 { font-size: 1.9rem; } ul { list-style-type: square; } a { text-decoration: underline; } .post-image img { border: 1px solid #ccc; padding: 10px; } .news-archive-post { margin: 10px 0; } .form-group { text-align: center; } .screen-reader-response { margin: 0 auto; margin-bottom: 20px; color: red; ul { display: none; } } form { margin: 0 auto; label { text-align: left; font-weight: bold; } input, textarea { display: block; width: 100%; padding: 5px; font-size: 1.2em; line-height: 0.8; border-radius: .3rem; line-height: 1.2em; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } input[type=submit] { color: #fff; background-color: #28a745; border-color: #28a745; width: auto; display: inline-block; padding: 5px; font-size: 0.8em; &:hover { opacity: 0.4; } } } } /* carousel */ #carousel-example-multiB, #carousel-example-multiC { .btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: 3em; line-height: 1.5; border-radius: .2rem; } a.btn-sm { color: #666666; } } /* intro-news */ section#intro-news { margin: @sections-margin; text-align: center; padding: 20px; background: #FFF8DC; .carousel-multi-item { margin-bottom: 0; } a { text-decoration: none; color: #fff; } h4 { color: #DD5900; } .card-body { min-height: 150px; background:#FFF8DC; } .card { background-color:#FFF8DC; } .max { min-height: 370px; display: flex; justify-content: center; align-items: center; } .max img { max-height: 272px; width: auto; } @media screen and (max-width: 768px) { .max { min-height: 150px; } } h1 { font-weight: 800; color: #DD5900; background: url('images/header-line.png') no-repeat center bottom; padding-bottom: 20px; display: block; margin: 0 auto; text-align: center; margin-bottom: @header-margin-bottom; } } /* logos */ section#logos { margin: @sections-margin; text-align: center; padding: 20px; background: #FFF8DC; .carousel-multi-item { margin-bottom: 0; } a { text-decoration: none; color: #fff; } h4 { color: #DD5900; } .card-body { min-height: 150px; background:#FFF8DC; } .card { background-color:#fff; } .max img { max-height: 272px; width: auto; } .max { min-height: 370px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 768px) { .max { min-height: 150px; } } h1 { font-weight: 800; color: #DD5900; background: url('images/header-line.png') no-repeat center bottom; padding-bottom: 20px; display: block; margin: 0 auto; text-align: center; margin-bottom: @header-margin-bottom; } } footer#footer { background: url('images/footer-background.jpg') no-repeat bottom center #000; color: #fff; padding: 20px 10px 120px 10px; img { height: 70px; width: auto; } .more-list-next-each { li { width: 50%; float: left; } } ul { margin: 0 15px; padding: 0; list-style-image: url('images/list-arrow.png'); li { } } a { text-decoration: underline; color:#fff; } hr { background: #333; text-align: center; } .copyright { color: #fff; text-align: center; width: 100%; } a>.fa-facebook { color: #fff; font-size: 4em; } h2 { font-size: 1.5em; position: relative; margin: 20px 0; &:after { content: ""; position: absolute; bottom: -8px; left: 0%; width: 20%; height: 3px; transition: left 0.1s ease 0s, right 0.1s ease 0s; background-color: @green-color3; } } } section#info-block { background-color: #BFD4DD; background-image: url('images/info-block-background.png?v=d'); background-repeat: no-repeat; background-position: left top; min-height: 420px; margin: 0; padding: 30px; line-height: 1.3; font-size: 1.3em; @media screen and (max-width: 768px) { min-height: auto; } h2 { font-family: 'Parisienne', cursive; font-size: 6.5vh; } @media screen and (max-width: 768px) { background-image: none; } } section#info-block2 { background: #FFEFDE; min-height: 420px; margin: 0; padding: 30px; line-height: 1.3; font-size: 1.3em; @media screen and (max-width: 768px) { min-height: auto; } h2 { font-family: 'Parisienne', cursive; font-size: 6.5vh; } @media screen and (max-width: 768px) { img { width: 100%; height: 100%; } } } section#contacts { background: #AADDDF url('images/contact-background2.jpg') no-repeat bottom left; min-height: 300px; font-size: 1.5em; padding: 20px 0; color: #fff; a { text-decoration: underline; color: #fff; } .black-cover { background: #000; height: 100%; width: 100%; top: 0; left: 0; position: absolute; opacity: 0.5; border: 5px solid #fff; z-index: 0; } h1 { font-weight: 800; color: #52718C; background: url('images/header-line.png?v=1') no-repeat center bottom; padding-bottom: 20px; display: block; margin: 0 auto; text-align: center; margin-bottom: @header-margin-bottom; } } /* header */ #header { .fa { color: #2DB200; } ul li a:hover { cursor: default; } ul li ul li a:hover { cursor: pointer; } .rd-navbar-wrap { height: 115px !important; text-transform: uppercase; } .rd-navbar-nav a:hover, .rd-navbar-nav .current-menu-item a { color: @blue-color !important; cursor: pointer; } .sub-menu { .rd-navbar-nav .current-menu-item a { } } @media screen and (max-width: 768px) { .rd-navbar-wrap { height: 55px !important; background: #e6e7e8; } } /** @section Reset Styles*/ a:focus, button:focus { outline: none !important; } button::-moz-focus-inner { border: 0; } *:focus { outline: none; } blockquote { padding: 0; margin: 0; } .bg-gray-light { background: #252525; color: #fff; } .text-gray { color: #999999; } .link-dark-blue { color: #6B6B6A; } ul, ol { list-style: none; padding: 0; margin: 0; } ul li, ol li { display: block; } dl { margin: 0; } dt, dd { line-height: inherit; } dt { font-weight: inherit; } dd { margin-bottom: 0; } /** @section Links */ a { transition: all 0.3s ease-in-out; } a, a:focus, a:active, a:hover { text-decoration: none; } a, a:focus, a:active { color: #000000; } a:hover, .current_page_item a { border-bottom: 2px solid @green-color; } a[href*='tel'], a[href*='mailto'] { white-space: nowrap; } .link-hover { color: @blue-color; } .link-press { color: @green-color; } * + .privacy-link { margin-top: 25px; } .link-dark-blue, .link-dark-blue:focus, .link-dark-blue:active { color: #0C1325; } .link-dark-blue:hover { color: #B0332C; } /** @section Blocks */ .block-center, .block-sm { margin-left: auto; margin-right: auto; } .block-sm { max-width: 560px; } @media (min-width: 992px) { .block-lg { max-width: 706px; margin: 0 0 0 auto; } } .block-center { padding: 10px; } .block-center:hover .block-center-header { background-color: #B0332C; } .block-center-title { background-color: #ffffff; } @media (max-width: 1599.98px) { .block-center { padding: 20px; } .block-center:hover .block-center-header { background-color: #ffffff; } .block-center-header { background-color: #B0332C; } } /** @section Boxes */ .box-minimal { text-align: center; } .box-minimal .box-minimal-icon { font-size: 50px; line-height: 50px; color: #B0332C; } .box-minimal-divider { width: 36px; height: 4px; margin-left: auto; margin-right: auto; background: #B0332C; } .box-minimal-text { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; } * + .box-minimal { margin-top: 30px; } * + .box-minimal-title { margin-top: 10px; } * + .box-minimal-divider { margin-top: 20px; } * + .box-minimal-text { margin-top: 15px; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideOutDown { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes cssload-spin { 100% { transform: rotate(360deg); } } /** @section RD Navbar */ @keyframes rd-navbar-slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes rd-navbar-slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu { transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .rd-navbar--no-transition, .rd-navbar--no-transition * { transition: none !important; } .rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone, .rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar { display: none; background: #ffffff; } .rd-navbar-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #cccccc; background-color: transparent; border: none; display: none; } .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before { content: ""; position: absolute; left: 0; top: -8px; transition: .3s all ease; } .rd-navbar-toggle span:after { top: 8px; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span { width: 24px; height: 4px; background-color: #cccccc; backface-visibility: hidden; border-radius: 4px; } .rd-navbar-toggle span { transform: rotate(180deg); } .rd-navbar-toggle span:before, .rd-navbar-toggle span:after { transform-origin: 1.71429px center; } .rd-navbar-toggle.active span { transform: rotate(360deg); } .rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after { top: 0; width: 15px; } .rd-navbar-toggle.active span:before { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); } .rd-navbar-toggle.active span:after { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); } .rd-navbar-collapse-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #0C1325; display: none; } .rd-navbar-collapse-toggle span { top: 50%; margin-top: -3px; } .rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { position: absolute; width: 6px; height: 6px; line-height: 6px; text-align: center; background: #0C1325; left: 50%; margin-left: -3px; border-radius: 50%; transition: .3s all ease; } .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { content: ''; } .rd-navbar-collapse-toggle span:before { bottom: 100%; margin-bottom: 3px; } .rd-navbar-collapse-toggle span:after { top: 100%; margin-top: 3px; } .rd-navbar-collapse-toggle.active span { transform: scale(0.7); } .rd-navbar-collapse-toggle.active span:before { transform: translateY(18px); } .rd-navbar-collapse-toggle.active span:after { transform: translateY(-18px); } .rd-navbar-brand { margin-top: 13px; } @media screen and (max-width: 768px) { .rd-navbar-brand { margin-top: -25px; } } .rd-navbar-brand a { display: block; } .rd-navbar-search { position: relative; display: inline-flex; } .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; margin: 0; border: none; cursor: pointer; background-color: transparent; color: #cccccc; transition: .33s; } .rd-navbar-search .rd-search-form-submit:hover { color: #B0332C; } .rd-navbar-search-toggle { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; } .rd-navbar-search-toggle::-moz-focus-inner { border: none; padding: 0; } .sub-menu, .rd-navbar-dropdown { display: none; } /* * @subsection RD Navbar Static */ .rd-navbar-static { display: block; } .rd-navbar-static .rd-nav-item { display: inline-block; } .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-static .rd-nav-item.opened .rd-nav-link { color: #B0332C; background: transparent; } .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle { color: #B0332C; } .rd-navbar-static .rd-nav-item.active .rd-nav-link { color: #B0332C; background: transparent; } .rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle { color: #B0332C; display: none; } .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item .rd-nav-link:hover + .rd-navbar-submenu-toggle::before { transform: rotate(180deg); } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle { margin-left: 4px; font-family: "Material Design Icons"; font-size: 16px; cursor: pointer; display: none; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before { position: relative; display: inline-block; transition: .22s; content: '\f236'; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle:hover { color: @blue-color; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu { margin-top: 20px; } @media screen and (min-width: 768px) { } .rd-nav-item + .rd-nav-item { margin-left: 10px; padding-left: 10px; } @media screen and (max-width: 768px) { .rd-nav-item + .rd-nav-item { margin-left: 0px; padding-left: 0px; border-left: 0px; } } .sub-menu { .rd-nav-item, .rd-nav-item + .rd-nav-item { margin-left: 0px; border-left: 0px solid #939598; padding-left: 0; display: block; color: #fff; padding: 5px 0; background: @green-color2; a { border-bottom: 1px solid #fff; margin: 0 20px; color: #fff !important; } } li:last-child a { } } @media screen and (max-width: 768px) { .sub-menu { .rd-nav-item, .rd-nav-item + .rd-nav-item { color: @green-color2; margin: 0; padding: 0; background: #fff; a { color: @green-color2 !important; margin: 0; padding: 0 !important; background: #fff; } } } } .rd-navbar-static .rd-nav-link { position: relative; display: inline-block; color: #0C1325; font-size: 14px; line-height: 1.2; transition: .25s; letter-spacing: .02em; text-transform: uppercase; } .rd-navbar-static .rd-nav-link:hover { color: @blue-color; } .rd-navbar-static .rd-menu { z-index: 15; position: absolute; display: block; margin-top: 22px; visibility: hidden; opacity: 0; text-align: left; transform: translate3d(0, 30px, 0); } //CESKY OBLAST KOLEM MENU .rd-navbar-static .rd-navbar-dropdown { position: absolute; left: -43px; width: 240px; padding: 12px 10px 10px 10px; background: url('images/menu-arrow.png') no-repeat 70px 1px; z-index: 5; top: 0; } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown { top: -1px; left: 100%; z-index: 2; margin-top: -15px; margin-left: 15px; transform: translate3d(30px, 0, 0); } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left { left: auto; right: 100%; margin-left: 0; margin-right: 15px; transform: translate3d(-30px, 0, 0); } .rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link, .rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link { color: #B0332C; } .rd-navbar-static .rd-dropdown-link { color: #fff; } .rd-navbar-static .rd-dropdown-link:hover { color: @blue-color; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-megamenu-list li > a { position: relative; left: -3px; display: flex; padding: 1px 14px 1px 0; text-align: left; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a:focus, .rd-navbar-static .rd-navbar-dropdown li > a:active, .rd-navbar-static .rd-megamenu-list li > a, .rd-navbar-static .rd-megamenu-list li > a:focus, .rd-navbar-static .rd-megamenu-list li > a:active { color: #fff; } .rd-navbar-static .rd-navbar-dropdown li > a:hover, .rd-navbar-static .rd-megamenu-list li > a:hover { color: @blue-color; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a::before, .rd-navbar-static .rd-megamenu-list li > a, .rd-navbar-static .rd-megamenu-list li > a::before { transition: .15s ease-in-out; } .rd-navbar-static .rd-navbar-dropdown li > a::before, .rd-navbar-static .rd-megamenu-list li > a::before { position: relative; top: -1px; left: -6px; display: inline-block; content: '\f105'; font-family: 'FontAwesome'; font-size: inherit; line-height: inherit; color: #B0332C; opacity: 0; visibility: hidden; DISPLAY: NONE; } .rd-navbar-static .rd-navbar-dropdown li.focus > a, .rd-navbar-static .rd-navbar-dropdown li.opened > a, .rd-navbar-static .rd-navbar-dropdown li > a:hover, .rd-navbar-static .rd-megamenu-list li.focus > a, .rd-navbar-static .rd-megamenu-list li.opened > a, .rd-navbar-static .rd-megamenu-list li > a:hover { left: 0; padding-left: 14px; padding-right: 0; } .rd-navbar-static .rd-navbar-dropdown li.focus > a::before, .rd-navbar-static .rd-navbar-dropdown li.opened > a::before, .rd-navbar-static .rd-navbar-dropdown li > a:hover::before, .rd-navbar-static .rd-megamenu-list li.focus > a::before, .rd-navbar-static .rd-megamenu-list li.opened > a::before, .rd-navbar-static .rd-megamenu-list li > a:hover::before { left: -7px; opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-megamenu { display: flex; left: 0; width: 100%; max-width: 1200px; padding: 30px 40px; background: #ffffff; } .rd-navbar-static .rd-megamenu-item { flex-basis: 50%; flex-grow: 1; } .rd-navbar-static .rd-megamenu-item + .rd-megamenu-item { padding-left: 20px; } .rd-navbar-static .rd-megamenu-title { padding-bottom: 10px; border-bottom: 1px solid #d7d7d7; } .rd-navbar-static .rd-megamenu-title a, .rd-navbar-static .rd-megamenu-title a:focus, .rd-navbar-static .rd-megamenu-title a:active { color: #fff; } .rd-navbar-static .rd-megamenu-title a:hover { color: #fff; } .rd-navbar-static * + .rd-megamenu-title { margin-top: 30px; } .rd-navbar-static .rd-megamenu-list-item + .rd-megamenu-list-item { margin-top: 5px; } .rd-navbar-static .rd-megamenu-list-link { color: #000000; background: transparent; } .rd-navbar-static .rd-megamenu-list-link:hover { color: @blue-color; background: transparent; } .rd-navbar-static * + .rd-megamenu-list { margin-top: 10px; } .rd-navbar-static .rd-navbar-submenu.focus > .rd-menu, .rd-navbar-static .rd-navbar-submenu.opened > .rd-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .rd-navbar-static .rd-navbar-search { z-index: 20; } .rd-navbar-static .rd-navbar-search.active .rd-search { visibility: visible; opacity: 1; z-index: 20; } .rd-navbar-static .rd-search { position: absolute; top: 100%; right: 0; width: 270px; opacity: 0; visibility: hidden; transition: .3s; margin-top: 20px; z-index: 2; } .rd-navbar-static * + .rd-navbar-search { margin-left: 32px; } .rd-navbar-static .rd-navbar-search-toggle { display: inline-flex; color: #0C1325; } .rd-navbar-static .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 32px; height: 32px; font-size: 14px; line-height: 32px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-static .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after { transition: .3s all ease-in-out; } .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-static .rd-navbar-search-toggle span::before { content: '\f002'; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: 'FontAwesome'; } .rd-navbar-static .rd-navbar-search-toggle span::after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search-toggle.active span::before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-static .rd-navbar-search-toggle.active span::after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-search-toggle:hover { color: @blue-color; } .rd-navbar-static.rd-navbar--is-clone { display: block; transform: translate3d(0, -100%, 0); } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translate3d(0, 0, 0); } .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone { position: fixed; left: 0; top: 0; right: 0; z-index: 1080; background: #ffffff; } .rd-navbar-static .rd-navbar--has-dropdown { position: relative; } /* * * RD Navbar Fixed */ .rd-navbar-fixed { display: block; } .rd-navbar-nav a:hover { } .rd-navbar-fixed .rd-navbar-toggle { display: inline-block; } .rd-navbar-fixed .rd-navbar-brand { position: relative; margin-left: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; font-size: 22px; line-height: 46px; } .rd-navbar-fixed .rd-navbar-brand img { max-width: 138px; max-height: 58px; height: auto; margin-top: 22px } .rd-navbar-fixed .rd-navbar-panel { position: fixed; left: 0; top: 0; right: 0; z-index: 1080; display: flex; align-items: center; height: 56px; padding: 4px; box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19); } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; left: 0; top: -56px; bottom: -56px; z-index: 1079; width: 270px; padding: 112px 0 81px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; font-size: 14px; line-height: 34px; transform: translateX(-110%); } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar { width: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb { background: #ccc; border: none; border-radius: 0; opacity: .2; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track { background: #B0332C; border: none; border-radius: 0; } .rd-navbar-fixed .rd-navbar-nav-wrap.active { transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav { display: block; margin: 15px ; height: auto; text-align: left; } .rd-navbar-fixed .rd-nav-item { text-align: left; } .rd-navbar-fixed .rd-nav-item + .rd-nav-item { margin-top: 4px; } .rd-navbar-fixed .rd-nav-link { display: block; padding: 9px 56px 9px 18px; } .rd-navbar-fixed li.opened > .rd-navbar-dropdown { padding: 4px 0 0; } .rd-navbar-fixed li.opened > .rd-navbar-megamenu { padding-top: 15px; padding-bottom: 15px; } .rd-navbar-fixed li.opened > .rd-menu { opacity: 1; height: auto; } .rd-navbar-fixed li.opened > .rd-navbar-submenu-toggle::after { transform: rotate(180deg); } .rd-navbar-fixed .rd-menu { display: none; transition: opacity 0.3s, height 0.4s ease; opacity: 0; height: 0; overflow: hidden; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after { height: 34px; line-height: 34px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a { padding-left: 46px; } .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a { display: block; padding: 9px 56px 9px 16px; font-size: 12px; line-height: 1.5; } .rd-navbar-fixed .rd-megamenu-list > li + li, .rd-navbar-fixed .rd-navbar-dropdown > li + li { margin-top: 3px; } .rd-navbar-fixed .rd-megamenu-list > li > a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { position: relative; display: block; padding: 0 18px 7px; font-size: 16px; line-height: 1.5; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after { content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; border-bottom: 1px solid; } .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-list { margin-top: 11px; } .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-title { margin-top: 20px; } .rd-navbar-fixed .rd-navbar-megamenu > li + li { margin-top: 20px; } .rd-navbar-fixed .rd-navbar-submenu-toggle { cursor: pointer; } .rd-navbar-fixed .rd-navbar-submenu-toggle::after { content: '\f107'; position: absolute; top: 0; color: green; right: 0; width: 56px; height: 52px; font: 400 14px "FontAwesome"; line-height: 52px; text-align: center; transition: 0.4s all ease; z-index: 2; cursor: pointer; } .rd-navbar-fixed .rd-navbar-collapse-toggle { display: block; top: 4px; z-index: 1081; } .rd-navbar-fixed .rd-navbar-collapse { position: fixed; right: 0; top: 56px; z-index: 1079; transform: translate3d(0, -10px, 0); padding: 15px; width: auto; text-align: left; font-size: 14px; opacity: 0; visibility: hidden; transition: .3s; } .rd-navbar-fixed .rd-navbar-collapse.active { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-collapse .list-inline > li { display: block; } .rd-navbar-fixed .rd-navbar-collapse .list-inline > li + li { margin-top: 10px; } .rd-navbar-fixed .rd-navbar-main-element { position: absolute; float: left; } .rd-navbar-fixed .rd-navbar-search .rd-search { position: fixed; right: 0; left: 0; top: 56px; z-index: 1079; width: 100%; opacity: 0; visibility: hidden; transition: .3s; transform: translate3d(0, -10px, 0); } .rd-navbar-fixed .rd-navbar-search .rd-search-results-live { display: none; } .rd-navbar-fixed .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 15px; width: 50px; padding: 0; margin: 0; border: none; background-color: transparent; } .rd-navbar-fixed .rd-navbar-search.active .rd-search { opacity: 1; visibility: visible; transform: none; } .rd-navbar-fixed .rd-navbar-search-toggle { display: inline-flex; } .rd-navbar-fixed .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 14px; line-height: 48px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after { transition: .3s all ease-in-out; } .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span::before { content: '\f002'; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: 'FontAwesome'; } .rd-navbar-fixed .rd-navbar-search-toggle span::after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle.active span::before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-fixed .rd-navbar-search-toggle.active span::after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed [class*='rd-navbar-fixed-element'] { position: fixed; top: 4px; z-index: 1082; } .rd-navbar-fixed .rd-navbar-fixed-element-1 { right: 0; } .rd-navbar-fixed .rd-navbar-fixed-element-2 { right: 46px; } .rd-navbar-fixed.rd-navbar--is-clone { display: none; } .rd-navbar-fixed .rd-navbar-fixed--visible { display: block; } .rd-navbar-fixed .rd-navbar-fixed--hidden { display: none; } .rd-navbar-fixed .rd-navbar-panel { color: #4C4F57; background: #ffffff; } .rd-navbar-fixed .rd-navbar-nav-wrap { color: #ffffff; background: #ffffff; border: 1px solid #d7d7d7; box-shadow: none; } .rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link { color: #ffffff; background: @blue-color; } .rd-navbar-fixed .rd-nav-item:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.opened > .rd-navbar-submenu-toggle { color: #ffffff; } .rd-navbar-fixed .rd-nav-link { color: #4C4F57; } .rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a { color: #fff; } .rd-navbar-fixed .rd-megamenu-list > li:hover > a, .rd-navbar-fixed .rd-megamenu-list > li.focus > a, .rd-navbar-fixed .rd-megamenu-list > li.active > a, .rd-navbar-fixed .rd-megamenu-list > li.opened > a, .rd-navbar-fixed .rd-navbar-dropdown > li:hover > a, .rd-navbar-fixed .rd-navbar-dropdown > li.focus > a, .rd-navbar-fixed .rd-navbar-dropdown > li.active > a, .rd-navbar-fixed .rd-navbar-dropdown > li.opened > a { color: #ffffff; background: transparent; } .rd-navbar-fixed .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { color: #cccccc; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover { color: @blue-color; } .rd-navbar-fixed .rd-navbar-search-toggle { color: #0C1325; } .rd-navbar-fixed .rd-navbar-search-toggle:hover { color: @blue-color; } .rd-navbar-fixed .rd-navbar-collapse { background-color: #ffffff; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-collapse a { color: #4C4F57; } html.rd-navbar-fixed-linked .page { padding-top: 56px; } /* * * RD Navbar Sidebar */ .rd-navbar-sidebar { display: block; background: #ffffff; } .rd-navbar-sidebar .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-sidebar .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 22px 60px 22px 0; max-width: 1200px; margin-left: auto; margin-right: auto; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .rd-navbar-sidebar .rd-navbar-main-element { display: flex; align-items: center; } .rd-navbar-sidebar .rd-navbar-main-element > * + * { margin-left: 20px; } .rd-navbar-sidebar .rd-navbar-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; z-index: 1102; } .rd-navbar-sidebar .rd-navbar-panel { min-width: 200px; text-align: center; } .rd-navbar-sidebar .rd-navbar-nav-wrap { position: fixed; top: 0; bottom: 0; right: 0; z-index: 1101; width: 450px; padding: 94px 0 0 0; background: #ffffff; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: translateX(100%); box-shadow: 0 0 13px 0 rgba(204, 204, 204, 0.16); } .rd-navbar-sidebar .rd-navbar-nav-wrap.active { transition-delay: .1s; transform: translateX(0); } .rd-navbar-sidebar .rd-navbar-nav { height: calc(100vh - 100px); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid #d7d7d7; } .rd-navbar-sidebar .rd-nav-item { position: relative; display: block; padding: 19px 30px 19px 40px; } .rd-navbar-sidebar .rd-nav-item.active .rd-nav-link { color: #B0332C; } .rd-navbar-sidebar .rd-nav-item .rd-nav-link, .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle { font-size: 18px; } .rd-navbar-sidebar .rd-nav-item + .rd-nav-item { border-top: 1px solid #d7d7d7; } .rd-navbar-sidebar .rd-nav-item:last-child { border-bottom: 0px solid #d7d7d7; margin-bottom: 30px; } .rd-navbar-sidebar .rd-nav-link { max-width: calc(100% - 30px); word-break: break-all; font-size: 18px; line-height: 1.4; text-transform: none; color: #cccccc; } .rd-navbar-sidebar .rd-nav-link:hover { color: @blue-color; } .rd-navbar-sidebar .rd-navbar-submenu .opened > .rd-navbar-submenu-toggle::after { transform: rotate(180deg); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-megamenu { display: none; opacity: 0; visibility: hidden; will-change: opacity, visibility; transition: opacity .2s; } .rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; opacity: 1; visibility: visible; } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-megamenu { transform: translateY(30px); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-megamenu { transform: translateY(0); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu > .rd-navbar-dropdown { transform: translateX(-20px); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu.opened > .rd-navbar-dropdown { transform: translateX(0); } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle { position: absolute; top: 0; right: 0; padding-top: inherit; padding-right: inherit; padding-left: 10px; margin-bottom: inherit; display: inline-block; width: 30px; margin-left: 5px; text-align: center; cursor: pointer; color: #0C1325; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle:hover, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle:hover { color: @blue-color; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle::after, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle::after { content: '\f107'; position: relative; display: inline-block; font-family: "FontAwesome"; font-size: inherit; line-height: inherit; text-align: center; vertical-align: middle; transition: 0.4s all ease; z-index: 2; will-change: transform; } .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle { font-size: 14px; color: #cccccc; margin-left: 7px; } .rd-navbar-sidebar .rd-menu { margin-top: 31px; } .rd-navbar-sidebar .rd-navbar-dropdown, .rd-navbar-sidebar .rd-megamenu-list { font-size: 14px; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-megamenu-list li > a { position: relative; left: -3px; display: flex; padding: 1px 14px 1px 0; text-align: left; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a:focus, .rd-navbar-sidebar .rd-navbar-dropdown li > a:active, .rd-navbar-sidebar .rd-megamenu-list li > a, .rd-navbar-sidebar .rd-megamenu-list li > a:focus, .rd-navbar-sidebar .rd-megamenu-list li > a:active { color: #fff; } .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover, .rd-navbar-sidebar .rd-megamenu-list li > a:hover { color: @blue-color; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a::before, .rd-navbar-sidebar .rd-megamenu-list li > a, .rd-navbar-sidebar .rd-megamenu-list li > a::before { transition: .15s ease-in-out; } .rd-navbar-sidebar .rd-navbar-dropdown li > a::before, .rd-navbar-sidebar .rd-megamenu-list li > a::before { position: relative; top: -1px; left: -6px; display: inline-block; content: '\f105'; font-family: 'FontAwesome'; font-size: inherit; line-height: inherit; color: #B0332C; opacity: 0; visibility: hidden; } .rd-navbar-sidebar .rd-navbar-dropdown li.focus > a, .rd-navbar-sidebar .rd-navbar-dropdown li.opened > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover, .rd-navbar-sidebar .rd-megamenu-list li.focus > a, .rd-navbar-sidebar .rd-megamenu-list li.opened > a, .rd-navbar-sidebar .rd-megamenu-list li > a:hover { left: 0; padding-left: 14px; padding-right: 0; } .rd-navbar-sidebar .rd-navbar-dropdown li.focus > a::before, .rd-navbar-sidebar .rd-navbar-dropdown li.opened > a::before, .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover::before, .rd-navbar-sidebar .rd-megamenu-list li.focus > a::before, .rd-navbar-sidebar .rd-megamenu-list li.opened > a::before, .rd-navbar-sidebar .rd-megamenu-list li > a:hover::before { left: -7px; opacity: 1; visibility: visible; } .rd-navbar-sidebar .rd-navbar-megamenu { max-width: 450px; margin-bottom: -30px; } .rd-navbar-sidebar .rd-navbar-megamenu > * { margin-bottom: 30px; } .rd-navbar-sidebar .rd-navbar-megamenu > li { display: inline-block; vertical-align: top; width: 45%; } .rd-navbar-sidebar .rd-megamenu-title { display: none; } .rd-navbar-sidebar .rd-megamenu-list { margin-top: 0; } .rd-navbar-sidebar .rd-megamenu-list > li + li { margin-top: 10px; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a { padding-right: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a::before { display: none; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a:hover { padding-left: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.focus > a { padding-left: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle { color: #B0332C; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle::after { top: 1px; } .rd-navbar-sidebar .rd-navbar-dropdown > li + li { margin-top: 10px; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown { margin-top: 25px; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown { margin-top: 10px; padding-left: 15px; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown > li > a { font-size: 12px; } @media (min-width: 1200px) { .rd-navbar-sidebar .rd-navbar-megamenu { margin-bottom: -30px; } .rd-navbar-sidebar .rd-navbar-megamenu > * { margin-bottom: 30px; } .rd-navbar-sidebar .rd-navbar-dropdown > li + li, .rd-navbar-sidebar .rd-megamenu-list > li + li { margin-top: 18px; } } @media (min-width: 1200px) { .rd-navbar-sidebar .rd-navbar-nav-wrap { width: auto; left: calc(50% + 600px - 80px); } } .rd-navbar-sidebar.rd-navbar--is-clone { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transform: translateY(-101%); } .rd-navbar-sidebar.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translateY(0); } .rd-navbar-sidebar.rd-navbar--is-stuck { position: fixed; left: 0; right: 0; top: 0; z-index: 1000; box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1); } .rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main { padding-top: 11px; padding-bottom: 11px; } /** * * RD Navbar Classic * ===================================================== */ .rd-navbar-classic.rd-navbar-static { border-bottom: 1px solid transparent; z-index: 1071; } .rd-navbar-classic.rd-navbar-static .rd-navbar-aside-outer, .rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-classic.rd-navbar-static .rd-navbar-aside, .rd-navbar-classic.rd-navbar-static .rd-navbar-main { max-width: @max-size; margin-left: auto; margin-right: auto; } .rd-navbar-classic.rd-navbar-static .rd-navbar-aside { padding: 10px 0; display: flex; justify-content: space-between; } .rd-navbar-classic.rd-navbar-static .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0; } .rd-navbar-classic.rd-navbar-static .rd-navbar-main-element { display: flex; align-items: center; margin-top: 30px; } .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone { border-bottom-color: #d7d7d7; } .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer { display: none; } .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { padding: 17px 0; } .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item > .rd-navbar-submenu, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item > .rd-navbar-submenu { margin-top: 17px; } .rd-navbar-classic.rd-navbar-fixed .list-inline { text-align: center; } .rd-navbar-classic.rd-navbar-fixed .social-list { margin-top: 15px; justify-content: center; } .rd-navbar-classic.rd-navbar-fixed .rd-search { padding: 0 15px; } /* * * RD Navbar Fullwidth */ .rd-navbar-fullwidth { display: block; } .rd-navbar-fullwidth .rd-navbar-nav > li + li { margin-left: 20px; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-main { padding: 10px 0; } } .ui-to-top { position: fixed; right: 15px; bottom: 15px; z-index: 100; width: 44px; height: 44px; font-size: 20px; line-height: 40px; color: #ffffff; background: #2DB200;; overflow: hidden; text-align: center; text-decoration: none; transition: .45s all ease-in-out; transform: translate3d(0, 100px, 0); } .ui-to-top:hover { color: #ffffff; background: #111111; text-decoration: none; } .ui-to-top:focus { color: #ffffff; } .ui-to-top.active { transform: translate3d(0, 0, 0); } html.mobile .ui-to-top, html.tablet .ui-to-top { display: none !important; } @media (min-width: 576px) { .ui-to-top { right: 40px; bottom: 40px; } }