mirror of
https://gitlab.com/ansol/web-ansol.org.git
synced 2024-11-30 01:28:49 +00:00
75 lines
204 KiB
CSS
75 lines
204 KiB
CSS
|
@charset "UTF-8";
/**
|
||
|
* [Table of contents]
|
||
|
* 1 Base
|
||
|
* 1.1 Reset Styles
|
||
|
* 1.2 Context Styles
|
||
|
* 1.3 Page layout
|
||
|
* 1.4 Offsets
|
||
|
* 2 Utilities
|
||
|
* 2.1 Text styling
|
||
|
* 2.2 Row spacing
|
||
|
* 2.3 Sections
|
||
|
* 2.4 Grid modules
|
||
|
* 2.5 Backgrounds
|
||
|
* 2.6 Utilities custom
|
||
|
* 3 Components
|
||
|
* 3.1 Typography
|
||
|
* 3.2 Brand
|
||
|
* 3.3 Links
|
||
|
* 3.4 Blocks
|
||
|
* 3.5 Boxes
|
||
|
* 3.6 Groups
|
||
|
* 3.7 Responsive units
|
||
|
* 3.8 Lists
|
||
|
* 3.9 Images
|
||
|
* 3.10 Icons
|
||
|
* 3.11 Tables custom
|
||
|
* 3.12 Dividers
|
||
|
* 3.13 Buttons
|
||
|
* 3.14 Forms
|
||
|
* 3.15 Posts
|
||
|
* 3.16 Quotes
|
||
|
* 3.17 Thumbnails
|
||
|
* 3.18 Breadcrumbs
|
||
|
* 3.19 Pagination custom
|
||
|
* 3.20 Snackbars
|
||
|
* 3.21 Footers
|
||
|
* 3.22 Blurbs
|
||
|
* 4 Plugins
|
||
|
* 4.1 Animate
|
||
|
* 4.2 Preloader
|
||
|
* 4.3 ToTop
|
||
|
* 4.4 RD Navbar
|
||
|
* 4.5 Swiper
|
||
|
* 4.6 Google Map
|
||
|
* 4.7 Search Results
|
||
|
* 4.8 Isotope
|
||
|
* 4.9 Nav custom
|
||
|
* 4.10 Panel custom
|
||
|
* 4.11 Tooltop Custom
|
||
|
* 4.12 Counter
|
||
|
* 4.13 Progress Bars
|
||
|
* 4.14 Progress Circle
|
||
|
* 4.15 Countdown
|
||
|
* 4.16 Owl Carousel
|
||
|
* 4.17 Lightgallery
|
||
|
* 4.18 Material Parallax
|
||
|
* 4.19 Bootstrap Modal
|
||
|
* 4.20 Particles js
|
||
|
*/
/** @group Base */
/** @section Reset Styles*/
a:focus,
button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0;
}
*:focus {
outline: none;
}
blockquote {
padding: 0;
margin: 0;
}
input,
button,
select,
textarea {
outline: none;
}
button {
padding: 0;
}
label {
margin-bottom: 0;
}
p {
margin: 0;
}
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;
}
cite {
font-style: normal;
}
form {
margin-bottom: 0;
}
blockquote {
padding-left: 0;
border-left: 0;
}
address {
margin-top: 0;
margin-bottom: 0;
}
figure {
margin-bottom: 0;
}
html p a:hover {
text-decoration: none;
}
/** @section Context Styles */
.context-dark, .bg-gray-700, .bg-primary,
.context-dark h1,
.bg-gray-700 h1,
.bg-primary h1, .context-dark h2, .bg-gray-700 h2, .bg-primary h2, .context-dark h3, .bg-gray-700 h3, .bg-primary h3, .context-dark h4, .bg-gray-700 h4, .bg-primary h4, .context-dark h5, .bg-gray-700 h5, .bg-primary h5, .context-dark h6, .bg-gray-700 h6, .bg-primary h6, .context-dark .h1, .bg-gray-700 .h1, .bg-primary .h1, .context-dark .h2, .bg-gray-700 .h2, .bg-primary .h2, .context-dark .h3, .bg-gray-700 .h3, .bg-primary .h3, .context-dark .h4, .bg-gray-700 .h4, .bg-primary .h4, .context-dark .h5, .bg-gray-700 .h5, .bg-primary .h5, .context-dark .h6, .bg-gray-700 .h6, .bg-primary .h6 {
color: #ffffff;
}
/** @section Page layout */
.page {
position: relative;
overflow: hidden;
min-height: 100vh;
opacity: 0;
}
.page.fadeIn {
animation-timing-function: ease-out;
}
.page.fadeOut {
animation-timing-function: ease-in;
}
[data-x-mode] .page {
opacity: 1;
}
/** @section Offsets */
h2 + h5 {
margin-top: 7px;
}
@media (min-width: 1600px) {
h2 + h5 {
margin-top: 7px;
}
}
/** @group Utilities */
/** @section Text styling */
.text-italic {
font-style: italic;
}
.text-normal {
font-style: normal;
}
.text-underline {
text-decoration: underline;
}
.text-strike {
text-decoration: line-through;
}
.fw-thin {
font-weight: 100;
}
.fw-extra-light {
font-weight: 200;
}
.fw-light {
font-weight: 300;
}
.fw-regular {
font-weight: 400;
}
.fw-medium {
font-weight: 500;
}
.fw-semi-bold {
font-weight: 600;
}
.fw-bold {
font-weight: 700;
}
.fw-extra-bold {
font-weight: 800;
}
.fw-black {
font-weight: 900;
}
.text-spacing-0 {
letter-spacing: 0;
}
.text-primary {
color: #cd3E40 !important;
}
/** @section Row spacing */
.row-0 {
margin-bottom: 0px;
}
.row-0:empty {
margin-bottom: 0;
}
.row-0 > * {
margin-bottom: 0px;
}
.row-15 {
margin-bottom: -15px;
}
.row-15:empty {
margin-bottom: 0;
}
.row-15 > * {
margin-bottom: 15px;
}
.row-20 {
margin-bottom: -20px;
}
.row-20:empty {
margin-bottom: 0;
}
.row-20 > * {
margin-bottom: 20px;
}
.row-30 {
margin-bottom: -30px;
}
.row-30:empty {
margin-bottom: 0;
}
.row-30 > * {
margin-bottom: 30px;
}
.row-40 {
margin-bottom: -40px;
}
.row-40:empty {
margin-bottom: 0;
}
.row-40 > * {
margin-bottom: 40px;
}
.row-50 {
margin-bottom: -50px;
}
.row-50:empty {
margin-bottom: 0;
}
.row-50 > * {
margin-bottom: 50px;
}
h3 + .row {
margin-top: 35px;
}
h5 + .row {
margin-top: 40px;
}
@media (min-width: 992px) {
.row-lg-60 {
margin-bottom: -60px;
}
.row-lg-60:empty {
margin-bottom: 0;
}
.row-lg-60 > * {
margin-bottom: 60px;
}
h3 + .row {
margin-top: 49px;
}
h5 + .row {
margin-top: 56px;
}
}
@media (min-width: 1600px) {
h3 + .row {
margin-top: 70px;
}
h5 + .row {
margin-top: 80px;
}
}
/** @section Sections */
.section-xs {
padding: 25px 0;
}
.section-sm,
.section-md,
.section-lg,
.section-xl {
padding: 50px 0;
}
.section-lg-top {
padding: 45px 0 0;
}
.section-custom-1,
.section-custom-2,
.section-custom-4,
.section-custom-5,
.section-custom-6 {
padding: 45px 0;
}
@media (min-width: 768px) {
.section-sm {
padding: 60px 0;
}
.section-md {
padding: 70px 0;
}
.section-lg {
padding: 85px 0;
}
.section-lg-top {
padding: 65
|
||
|
* @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: #cd3E40;
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: #cd3E40;
}
.rd-navbar-static .rd-nav-item.active .rd-nav-link {
color: #cd3E40;
background: transparent;
}
.rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle {
color: #cd3E40;
}
.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;
}
.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: #cd3E40;
}
.rd-navbar-static .rd-nav-item > .rd-navbar-submenu {
margin-top: 20px;
}
.rd-navbar-static .rd-nav-item + .rd-nav-item {
margin-left: 38px;
}
.rd-navbar-static .rd-nav-link {
position: relative;
display: inline-block;
color: #25394b;
font-size: 16px;
line-height: 1.2;
transition: .25s;
}
.rd-navbar-static .rd-nav-link:hover {
color: #cd3E40;
}
.rd-navbar-static .rd-menu {
z-index: 15;
position: absolute;
display: block;
margin-top: 22px;
visibility: hidden;
opacity: 0;
text-align: left;
border: 1px solid #d7d7d7;
transform: translate3d(0, 30px, 0);
}
.rd-navbar-static .rd-navbar-dropdown {
position: absolute;
left: 0;
width: 270px;
padding: 15px;
background: #ffffff;
z-index: 5;
}
.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: #cd3E40;
}
.rd-navbar-static .rd-dropdown-link {
color: #9b9b9b;
}
.rd-navbar-static .rd-dropdown-link:hover {
color: #cd3E40;
}
.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: #9b9b9b;
}
.rd-navbar-static .rd-navbar-dropdown li > a:hover,
.rd-navbar-static .rd-megamenu-list li > a:hover {
color: #cd3E40;
}
.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: #cd3E40;
opacity: 0;
visibility: hidden;
}
.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 >
|
||
|
*
|
||
|
* RD Navbar Fixed
|
||
|
*/
.rd-navbar-fixed {
display: block;
}
.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: 160px;
max-height: 58px;
width: auto;
height: auto;
}
.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;
}
.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: #e28f90;
border: none;
border-radius: 0;
opacity: .2;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track {
background: #cd3E40;
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 0;
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;
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;
|
||
|
*
|
||
|
* 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-brand img {
width: auto;
height: auto;
max-width: 200px;
max-height: 200px;
}
.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(239, 239, 239, 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: #cd3E40;
}
.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: 1px 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: #efefef;
}
.rd-navbar-sidebar .rd-nav-link:hover {
color: #cd3E40;
}
.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: #25394b;
}
.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: #cd3E40;
}
.rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle
|
||
|
*
|
||
|
* RD Navbar Classic
|
||
|
* =====================================================
|
||
|
*/
.rd-navbar-classic.rd-navbar-static {
background-color: transparent;
}
.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: 1170px;
margin-left: auto;
margin-right: auto;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-aside {
padding: 10px 0;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-main {
position: relative;
padding: 20px 0;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-panel {
display: flex;
justify-content: space-between;
align-items: center;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-brand img {
width: auto;
height: auto;
max-width: 250px;
max-height: 250px;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-toggle {
position: relative;
z-index: 1;
display: block;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-nav-wrap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-nav-wrap::before {
position: absolute;
top: 0;
left: 50%;
height: 100%;
width: 100vw;
content: '';
background-color: #ffffff;
transform: translateX(-50%);
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-nav-wrap.active {
opacity: 1;
visibility: visible;
}
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone {
background-color: #ffffff;
box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
}
.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: 5px 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 .rd-navbar-panel {
justify-content: space-between;
}
.context-dark .rd-navbar-classic .rd-navbar-toggle, .bg-gray-700 .rd-navbar-classic .rd-navbar-toggle, .bg-primary .rd-navbar-classic .rd-navbar-toggle {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
line-height: 48px;
cursor: pointer;
color: #ffffff;
}
.context-dark .rd-navbar-classic .rd-navbar-toggle span, .bg-gray-700 .rd-navbar-classic .rd-navbar-toggle span, .bg-primary .rd-navbar-classic .rd-navbar-toggle span {
position: relative;
display: block;
margin: auto;
transition: .3s all ease;
}
.context-dark .rd-navbar-classic .rd-navbar-toggle span:after, .bg-gray-700 .rd-navbar-classic .rd-navbar-toggle span:after, .bg-primary .rd-navbar-classic .rd-navbar-toggle span:after, .context-dark .rd-navbar-classic .rd-navbar-toggle span:before, .bg-gray-700 .rd-navbar-classic .rd-navbar-toggle span:before, .bg-primary .rd-navbar-classic .rd-navbar-toggle span:before {
content: "";
position: absolute;
left: 0;
top: -8px;
transition: .3s all ease;
}
.context-dark .rd-navbar-classic .rd-navbar-toggle span:after, .bg-gray-700 .rd-navbar-classic .rd-navbar-toggle span:after, .bg-primary .rd-navbar-classic .rd-navbar-toggle span:after {
top: 8px;
}
.context-dark .rd-navbar-classic .rd-navbar-toggle span:after, .bg-gray-700 .rd-navbar-classic .rd-navbar-toggle span:after, .bg-primary .rd-navbar-classic .rd-navbar-toggle span:after, .context-dark .rd-navbar-classic .rd-navbar-toggle span:before, .bg-gray-700 .rd-navbar-classic .rd-navbar-toggle span:before, .bg-primary .rd-navbar-classic .rd-navbar-toggle span:before, .context-dark .rd-navbar-classic .rd-navbar-toggle span, .bg-gray-700 .rd-navbar-classic .rd-navbar-toggle span, .bg-primary .rd-navbar-clas
|
||
|
*
|
||
|
* RD Navbar Simple
|
||
|
* =====================================================
|
||
|
*/
.rd-navbar-simple.rd-navbar-static {
background-color: transparent;
}
.rd-navbar-simple.rd-navbar-static .rd-navbar-main-outer {
padding-left: 15px;
padding-right: 15px;
}
.rd-navbar-simple.rd-navbar-static .rd-navbar-main {
max-width: 1740px;
margin-left: auto;
margin-right: auto;
}
.rd-navbar-simple.rd-navbar-static .rd-navbar-main {
position: relative;
padding: 34px 0;
}
.rd-navbar-simple.rd-navbar-static .rd-navbar-panel {
display: flex;
justify-content: space-between;
align-items: center;
}
.rd-navbar-simple.rd-navbar-static .rd-navbar-brand img {
width: auto;
height: auto;
max-width: 250px;
max-height: 250px;
transition: all 0.3s ease-in-out;
}
.rd-navbar-simple.rd-navbar-static .rd-navbar-btn {
margin-top: 0;
}
.rd-navbar-simple.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-simple.rd-navbar-static.rd-navbar--is-clone {
background-color: #ffffff;
box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
}
.rd-navbar-simple.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-simple.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main {
padding: 10px 0;
}
.rd-navbar-simple.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand img, .rd-navbar-simple.rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand img {
max-width: 180px;
}
.rd-navbar-simple.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-btn, .rd-navbar-simple.rd-navbar-static.rd-navbar--is-clone .rd-navbar-btn {
padding-top: 15px;
padding-bottom: 15px;
}
.rd-navbar-simple.rd-navbar-fixed .rd-navbar-panel {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 10px;
}
.rd-navbar-simple.rd-navbar-fixed .rd-navbar-btn {
font-size: 14px;
padding: 10px 20px;
}
/** @section Swiper */
@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
font-weight: 400;
font-style: normal;
}
.swiper-cont
|