:root {
--linker_continer_size: 1270px;
--linker_tablet_size: 950px;
--linker_mobile_size: 600px;
--pagebackgroundcolor: #ffffff;
--main_text_color: #131313;
--main_text_hover_select_color: #ffffff;
--main_text_bg_hover_select_color: #131313;
--linker_action_button_background: #131313;
--linker_action_button_text: #ffffff;
--linker_info_button_background: #131313;
--linker_info_button_text: #ffffff;
--linker_cancel_button_background: #c4c4c4;
--linker_cancel_button_text: #ffffff;
--header_hover_select_color: #ffffff;
--header_hover_select_background_color: #0a0a0a;
--header_mobile_background_color: #ffffff;
--header_mobile_menu_toggle_background_color: #0a0a0a;
--header_mobile_menu_toggle_color: #ffffff;
--header_mobile_close_menu_toggle_background_color: #0a0a0a;
--header_mobile_close_menu_toggle_color: #ffffff;
--header_mobile_search_toggle_background_color: #0a0a0a;
--header_mobile_search_toggle_color: #ffffff;
--header_mobile_cart_toggle_background_color: #0a0a0a;
--header_mobile_cart_toggle_color: #ffffff;
--header_mobile_sub_menu_toggle_background_color: #0a0a0a;
--header_mobile_sub_menu_toggle_color: #ffffff;
}
.lf-action-button,.lf-action-button:hover,.lf-action-button:focus,.lf-action-button:active {
background-color: #131313;
}
.lf-action-button {
color: #ffffff;
}
.lf-info-button,.lf-info-button:hover,.lf-info-button:focus,.lf-info-button:active {
background-color: #131313;
}
.lf-info-button {
color: #ffffff;
}
.lf-cancel-button,.lf-cancel-button:hover,.lf-cancel-button:focus,.lf-cancel-button:active {
background-color: #c4c4c4;
}
.lf-cancel-button {
color: #ffffff;
}
.top-header-container {
background-color: #ffffff;
}
.lf-woo-search-toggle {
background-color: #ffffff;
}.an-product-layout_1 .an-product-title {
float: left;
width: 100%;
margin: 0 0 5px 0;
}
.an-product-layout_1 .an-product-title a {
font-size: 30px;
line-height: 30px;
}
.an-product-layout_1 .an-product-image {
float: left;
}
.an-product-layout_1 .an-product-info-container {
float: left;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
margin: 5px 0 0 0;
}
.an-product-layout_1 .an-product-price-container {
float: left;
width: 50%;
height: 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
.rtl .an-product-layout_1 .an-product-price-container {
float: right;
}
.an-product-layout_1 .an-product-price-regular {
line-height: 18px;
font-size: 16px;
text-decoration: line-through;
}
.an-product-layout_1 .an-product-price {
line-height: 22px;
font-size: 20px;
}
.an-product-layout_1 .an-product-action {
float: left;
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.rtl .an-product-layout_1 .an-product-action {
float: right;
}
.an-product-layout_1 .an-product-action a {
text-align: center;
}
.an-product-layout_2 { }
.an-product-layout_2 .an-product-image {
float: left;
width: 70px;
margin: 0 5px 0 0;
}
.rtl .an-product-layout_2 .an-product-image {
float: right;
margin: 0 0 0 5px;
}
.an-product-layout_2 .an-product-image img {
border-radius: 5px;
}
.an-product-layout_2 .an-product-info-container {
float: left;
width: 45%;
height: 70px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
.an-product-layout_2 .an-product-info-container.an-product-no-thumbnail {
width: calc(100% - 90px);
}
.rtl .an-product-layout_2 .an-product-info-container {
float: right;
}
.an-product-layout_2 .an-product-title {
font-size: 16px;
line-height: 20px;
height: 40px;
display: flex;
align-items: flex-end;
overflow: hidden;
}
.an-product-layout_2 .an-product-price-container {
display: flex;
flex-direction: row;
align-items: center;
height: 30px;
}
.an-product-layout_2 .an-product-price-regular {
line-height: 20px;
font-size: 14px;
text-decoration: line-through;
margin: 0 5px 0 0;
}
.rtl .an-product-layout_2 .an-product-price-regular {
margin: 0 0 0 5px;
}
.an-product-layout_2 .an-product-price {
line-height: 20px;
font-size: 16px;
}
.an-product-layout_2 .an-product-action {
float: left;
width: calc(55% - 75px);
height: 70px;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
}
.an-product-layout_2 .an-product-action.an-product-no-thumbnail {
width: 90px;
}
.rtl .an-product-layout_2 .an-product-action {
float: right;
}
.an-product-layout_2 a.button.wp-element-button.product_type_simple.add_to_cart_button {
float: left;
width: 100%;
padding: 5px;
font-size: 16px;
font-weight: normal;
} .an-pro-location-sidebar .an-container {
position: absolute;
}
.an-pro-location-sidebar .an-container:first-child {
z-index: 9;
}
.an-pro-sidebar-location-left .an-container {
left: 0;
}
.an-pro-sidebar-location-right .an-container {
right: 0;
}
.location-an_pro_sidebar_top,
.location-an_pro_sidebar_bottom {
justify-content: flex-end;
}
.location-an_pro_sidebar_top .an-container,
.location-an_pro_sidebar_bottom .an-container {
min-height: 40px;
max-height: 100vh;
}
.an-pro-sidebar-height {
height: 100%;
min-height: 100vh;
}
.an-pro-sidebar-height .an-container {
width: 280px;
height: 100%;
}
.an-pro-sidebar-height .an-container .an-content {
height: calc(100% - 80px); }
.an-design-an_pro_sidebar_default {
box-shadow: 0px 0px 4px 2px #00000040;
}
.an-design-an_pro_sidebar_default .an-header {
min-height: 40px;
}
.an-design-an_pro_sidebar_default .an-content {
float: left;
width: 100%;
}
.an-design-an_pro_sidebar_default .an-footer {
min-height: 40px;
}
.an-pro-sidebar-close-right {
float: right;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.an-pro-sidebar-close-left {
float: left;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.an-pro-sidebar-close-right.top,
.an-pro-sidebar-close-left.top {
top: auto;
bottom: 0;
}
[class*="an-pro-sidebar-close"] {
color: #a8a8a8;
}
.an-pro-menu-container ul {
margin: 0;
}
.an-pro-menu-container ul li {
display: flex;
min-height: 40px;
margin: 0;
line-height: 1;
list-style: none;
align-items: flex-start;
padding: 5px 18px;
flex-direction: column;
justify-content: center;
}
.an-pro-menu-container ul li + li {
border-top: 1px solid #eeeeee;
}
.an-pro-menu-container ul li,
.an-pro-menu-container ul li span,
.an-pro-menu-container ul li a {
width: 100%;
font-size: 20px;
text-decoration: none;
}
.an-pro-menu-container ul.sub-menu {
display: none;
}
.an-pro-menu-container ul li:hover > ul.sub-menu {
display: block;
position: absolute;
top: 0;
left: 100%;
width: 100%;
background: #ffffffff;
box-shadow: 0px 0px 2px 1px #00000040;
}
.an-pro-sidebar-location-right .an-pro-menu-container ul li:hover ul.sub-menu {
left: auto;
right: 100%;
}
.an-pro-menu-container .menu-item-has-children {
position: relative;
}
.an-pro-menu-container .menu-item-has-children::after {
content: "";
position: absolute;
right: 10px;
top: 15px;
width: 10px;
height: 10px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
transform: rotate(315deg);
}
.an-pro-sidebar-location-right .an-pro-menu-container .menu-item-has-children::after {
right: auto;
left: 10px;
transform: rotate(135deg);
} .an-design-an_netflix_notice {  }
.an-design-an_netflix_notice .an-content{
filter: drop-shadow(0px 0px 4px rgb(2 0 36 / 20%));
}
.an-pro-netflix-start-line {
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background-color: #db0000;
} .an-design-an_facebook_notice .an-close-button {
width: 30px;
height: 30px;
margin: 4px;
padding: 4px;
border-radius: 20px;
} .an-pro-netflix-notice-in {
animation-name: anProNetflixIn;
animation-fill-mode: both;
transform-origin: 0% 100%;
}
@keyframes anProNetflixIn{
0%{transform:rotateX(90deg)}
to{transform:none}
}
.an-pro-netflix-notice-in .an-header,
.an-pro-netflix-notice-in .an-content,
.an-pro-netflix-notice-in .an-footer {
overflow: hidden;
}
.an-pro-netflix-notice-in > div * {
animation-delay: 0.6s;
animation-duration: 1.2s;
animation-name: anFedeInNetflixUp;
animation-fill-mode: both;
}
@keyframes anFedeInNetflixUp{
from{opacity:0;transform:translate3d(0,40%,0)}
to{opacity:1;transform:none}
} .an-pro-netflix-notice-out {
animation-delay: 0.6s;
animation-name: anProNetflixOut;
animation-fill-mode: both;
transform-origin: 100% 0%;
}
@keyframes anProNetflixOut{
0%{transform:none}
to{transform:rotateX(90deg)}
}
.an-pro-netflix-notice-out .an-header,
.an-pro-netflix-notice-out .an-content,
.an-pro-netflix-notice-out .an-footer {
overflow: hidden;
}
.an-pro-netflix-notice-out > div * {
animation-duration: 0.6s;
animation-name: anFedeInNetflixDown;
animation-fill-mode: both;
}
@keyframes anFedeInNetflixDown{
from{opacity:1;transform:none}
to{opacity:0;transform:translate3d(0,-40%,0)}
}header {
position: fixed;
width: 100%;
height: 54px;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
z-index: 999;
}
header.md-card {
padding: 0;
z-index: 999;
border-radius: 0;
}
.main-content-open header {
padding-right: 64px;
-webkit-transition: padding-right .5s!important;
transition: padding-right .5s!important;
}
.top-header {
float: left;
width: 100%;
height: 40px; }
.top-menu {
float: left;
width: 100%;
text-align: left;
height: 40px;
line-height: 20px;
font-size: 18px;
padding: 10px 0;
}
.top-menu li {
float: right;
}
.top-menu a {
color: #ffffff;
text-decoration: none;
float: right;
margin-left: 10px;
}
.top-menu li + li {
border-right: 2px solid #ffffff;
padding-right: 10px;
}
.top-menu li.menu-item {
float: right;
}
.top-menu li.menu-item + li {
padding-right: 10px;
}
.top-menu i {
float: right;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-decoration: none;
outline: 0;
}
.left-top-header {
position: relative;
float: left;
}
.top-logo {
float: left;
height: 50px;
color: white;
text-decoration: none;
}
.top-logo-html {
font-size: 32px;
line-height: 46px;
}
.top-logo i {
float: left;
font-size: 34px;
line-height: 46px;
}
.top-logo i.md-icons {
padding: 0;
}
.top-logo i.md-icons svg {
width: 40px;
height: 46px;
fill: #ffffff;
}
.top-logo-slogan {
float: left;
width: 100%;
font-size: 20px;
line-height: 30px;
text-align: center;
border-top: 1px solid white;
display: none;
}
.top-logo img {
float: right;
height: 50px;
max-width: 200px;
}
.top-logo img.top-slogan {
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.left-top-header .top-header-link {
float: left;
height: 36px;
line-height: 36px; font-size: 20px;
}
.left-top-header img {
height: 120px;
max-width: unset;
}
.top-header-link +.top-header-link {
border-left: 1px solid #f9f9f9;
}
.top-header-link i {
float: left;
line-height: 36px;
margin: 0 5px;
color: white;
}
.top-header-container {
float: left;
width: 100%;
height: 54px;
padding: 2px 0;
border-bottom: 1px solid #eeeeee;
}
.main-menu-container {
position: absolute;
left: 0;
bottom: -60px;
width: 100%;
height: 60px;
background-color: white;
transition: all 0.3s;
box-shadow: 0 2px 2px 0px rgb(0 0 0 / 20%);
}
.main-menu-container.main-menu-up {
bottom: 0px;
}
.header-main-menu {
position: relative;
float: right;
width: 100%;
height: 50px;
margin: 5px 0;
}
#main-content {
margin-top: 114px;
}
#side-menu {
display: none;
}
#logo {
float: left;
width: 200px;
height: 60px;
text-align: center;
background-color: #3279a0;
color: #ffffff;
text-decoration: none;
}
#logo img {
height: 54px;
}
.site-name {
float: left;
width: 100%;
font-size: 35px;
line-height: 35px;
}
.slogan {
float: left;
width: 100%;
font-size: 14px;
line-height: 25px;
}
img.logo-img-mobile {
display: none;
}
h1 {
font-size: 26px;
margin: 0px;
font-weight: normal;
}
#title h1 {
line-height: 64px;
}
#title {
float: right;
display: inline-block;
height: 64px;
width: 50%;
line-height: 64px;
color: white;
margin-right: 60px;
}
.menu-toggle {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background-color: var(--header_mobile_menu_toggle_background_color);
border-right: 1px solid #f9f9f9;
cursor: pointer;
z-index: 99999;
}
.menu-toggle i svg {
fill: var(--header_mobile_menu_toggle_color);
}
#close-side-menu {
display: block;
position: absolute;
top: 0;
right: -40px;
width: 40px;
height: 40px;
background-color: var(--header_mobile_close_menu_toggle_background_color);
cursor: pointer;
border-left: 1px solid #f9f9f9;
}
#close-side-menu i svg {
fill: var(--header_mobile_close_menu_toggle_color);
}
.mobile-header-search-container {
position: absolute;
top: 0;
right: 0px;
width: 40px;
height: 40px;
background-color: var(--header_mobile_search_toggle_background_color);
color: #ffffff;
text-align: center;
transition: all 1s; z-index: 99999;
display: none;
}
.mobile-header-search-container i svg {
fill: var(--header_mobile_search_toggle_color);
}
.mobile-header-search-button {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
background-color: var(--header_mobile_search_toggle_background_color);
color: var(--header_mobile_search_toggle_color);
outline: 0;
z-index: 999999;
}
.mobile-header-close-search-button {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
background-color: var(--header_mobile_search_toggle_background_color);
color: var(--header_mobile_search_toggle_color);
border-left: 1px solid #f9f9f9;
outline: 0;
z-index: 999999;
}
.mobile-header-search-area {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 40px;
padding: 4px;
color: var(--main_text_color);
z-index: 99999;
}
.mobile-header-close-search-button {
display: none;
}
.mobile-search-open {
width: calc(100% - 40px);
} .lf-search-container {
width: 100%;
max-width: none;
height: 36px;
margin: 7px 0;
border: 2px solid #ffffff;
border-radius: 10px;
background-color: white;
}
.lf-search-container:hover {
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}
.lf-search-input {
float: right;
width: calc(100% - 36px);
height: 32px;
border: 0;
padding: 5px;
font-size: 16px;
outline: 0;
}
.lf-search-toggle {
float: left;
width: 32px;
height: 32px;
line-height: 32px;
padding: 0;
border: 0;
border-radius: 10px;
text-align: center;
cursor: pointer;
outline: 0;
}
.logo-area {
float: right;
width: 190px;
}
.header-search-area {
float: right;
width: auto;
}
.header-social-area {
float: right;
width: auto;
height: 50px;
}
.header-social-area .lf-social-links-container {
height: 50px;
}
.header-social-area + .header-search-area {
padding: 0 10px 0 0;
border-right: 1px solid #eeeeee;
margin: 0 10px 0 0;
}
.lf-search-container {
position: relative;
float: right;
width: 100%;
max-width: 300px;
height: 50px;
padding: 5px 0;
margin: 0;
border: 0;
transition: 0.5s all;
}
.lf-search-container:hover {
box-shadow: none;
transition: 0.5s all;
}
.lf-search-toggle {
float: left;
width: 40px;
height: 40px;
padding: 0;
border: 0;
background-color: #ffffff;
}
.lf-search-toggle i {
width: 40px;
height: 40px;
}
.lf-search-input {
float: right;
width: calc(100% - 50px);
height: 30px;
border: 0;
border-bottom: 1px solid #eeeeee;
padding: 0;
margin: 5px;
font-size: 20px;
outline: 0;
}
.top-tel {
float: left;
}
.top-tel span {
float: left;
font-size: 32px;
line-height: 60px;
text-decoration: none;
color: white;
}
.top-tel i {
float: left;
font-size: 32px;
line-height: 60px;
color: white;
}
.cart-container {
position: relative;
float: right;
width: 210px;
height: 50px;
padding: 7px 0;
}
.cart-container a {
float: left;
width: 100%;
height: 36px;
color: #ffffff;
}
.cart-list {
padding: 0;
}
.cart-container .cart-list .product-info-cart-row {
float: left;
width: 100%;
height: 60px;
padding: 0;
color: #000000;
}
.cart-container i {
float: left;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 36px;
text-align: center;
text-align: center;
padding: 0;
}
.cart-container i svg {
float: right;
width: 36px;
height: 36px;
fill: #ffffff;
}
.cart-items-info {
float: left;
height: 36px;
width: calc(100% - 36px);
}
.cart-items-count {
float: left;
width: 100%;
height: 18px;
line-height: 18px;
font-size: 14px;
padding: 0 5px;
}
.cart-items-total {
float: left;
width: 100%;
height: 18px;
line-height: 18px;
font-size: 14px;
padding: 0 5px;
}
.product-image-cart-list {
width: 60px;
height: 60px;
}
.product-info-cart-list {
width: calc(100% - 90px);
padding: 0 5px;
}
.product-title-cart-list {
height: 40px;
}
.product-title-cart-list span {
width: 100%;
font-weight: normal;
line-height: 20px;
font-size: 14px;
text-align: left;
}
.product-price-cart-list {
height: 20px;
}
.product-price-cart-list span {
float: left;
width: 100%;
text-align: left;
height: 20px;
}
.remove-product-from-cart {
height: 60px;
}
.cart-actions {
height: 40px;
}
.cart-actions a {
float: right;
width: calc(50% - 4px);
margin: 0 2px;
height: 30px!important;
line-height: 30px!important;
text-align: center!important;
text-decoration: none!important;
color: #ffffff!important;
padding: 0!important;
} header nav {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
header nav a, #side-menu nav a, header nav span, #side-menu nav span {
float: left;
font-size: 18px;
min-height: 50px;
line-height: 50px;
padding: 0 10px;
color: var(--main_text_color);
text-decoration: none;
outline: 0;
}
header nav li {
float: left;
line-height: 50px;
}
header nav li span:hover,
header nav li span:hover i,
header nav li a:hover,
header nav li a:hover i,
header nav li i:hover,
header nav li span:hover i.md-icons svg,
header nav li a:hover i.md-icons svg {
background-color: var(--header_hover_select_background_color);
color: var(--header_hover_select_color);
fill: var(--header_hover_select_color);
}
header nav ul:not(.sub-menu) > li + li {
border-left: 1px solid #e9e9e9;
}
header li.menu-item, #side-menu li.menu-item {
margin: 0;
padding: 0;
position: relative;
}
header nav li i.md-icons {
width: 30px;
height: 50px;
padding: 5px 2px;
}
header nav li i.md-icons {
width: 30px;
height: 50px;
padding: 5px 2px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.header-main-menu ul:not(.sub-menu) > li[class*="current"] {
border-bottom: 5px solid;
border-bottom-color: var(--header_hover_select_background_color);
}
.header-main-menu ul.menu > li[class*="current"] > span,
.header-main-menu ul.menu > li[class*="current"] > span i,
.header-main-menu ul.menu > li[class*="current"] > a,
.header-main-menu ul.menu > li[class*="current"] > a i {
margin-bottom: -5px;
}
.header-main-menu li[class*="current"] .sub-menu li[class*="current"] > a,
.header-main-menu li[class*="current"] .sub-menu li[class*="current"] > i {
background-color: var(--header_hover_select_background_color);
color: var(--header_hover_select_color);
}
header .menu > li > .sub-menu {
display: none;
position: absolute;
top: 36px;
width: 250px;
border-top: 4px solid transparent;
}
header li > .sub-menu .sub-menu {
display: none;
position: absolute;
left: 100%;
top: 0;
width: 250px;
border-top: 0;
}
header .sub-menu li {
float: right;
width: 100%;
background-color: white;
}
header .sub-menu li a,
header .sub-menu li span {
float: right;
width: 100%;
font-size: 18px;
line-height: 30px;
display: flex;
flex-direction: row;
align-items: center;
}
header .sub-menu li i {
float: right;
font-size: 22px;
line-height: 30px;
}
.sub-menu li + li {
border-top: 1px solid #f9f9f9;
}
.open-sub-menu, .close-sub-menu {
display: none;
} @media screen and (min-width: 950px) {
.lf-mega-menu-container {
top: 36px!important;
}
}
@media screen and (max-width: 950px) {
header {
background-color: var(--header_mobile_background_color)!important;
height: 40px;
z-index: 99999!important;
}
.logo-area {
width: calc(100% - 140px); margin: 0 70px;
}
.header-right {
width: 30%;
height: 50px;
overflow: hidden;
}
.top-tel span {
display: none;
}
.top-tel i {
width: 50px;
line-height: 50px;
color: #ffffff;
text-align: center;
}
.top-logo {
float: right;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
width: 100%;
}
.image-logo {
max-height: 40px;
}
#main-content {
margin-top: 40px;
}
#logo {
position: absolute;
top: 0;
left: calc(50% - 90px);
width: 180px;
height: 50px;
}
.site-name {
font-size: 25px;
line-height: 30px;
}
.slogan {
font-size: 16px;
line-height: 20px;
}
#side-menu {
display: block;
position: fixed;
top: 0;
left: -50px;
width: 280px;
height: 100%;
background-color: #dfdfdf;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
z-index: 999999;
-ms-transform: translateX(-280px);
-webkit-transform: translateX(-280px);
transform: translateX(-280px);
-webkit-transition: transform 0.5s ease-in;
transition: transform 0.5s ease-in;
}
.side-menu-open {
-webkit-transition: transform 0.5s!important;
transition: transform 0.5s!important;
-ms-transform: translateX(0px)!important;
-webkit-transform: translateX(0px)!important;
transform: translateX(0px)!important;
}
.open-sub-menu {
display: block;
position: absolute;
top: 0;
right: 0px;
width: 40px;
height: 40px;
background-color: var(--header_mobile_sub_menu_toggle_background_color);
cursor: pointer;
}
.close-sub-menu {
display: none;
position: absolute;
top: 0;
right: 0px;
width: 40px;
height: 40px;
background-color: var(--header_mobile_sub_menu_toggle_background_color);
cursor: pointer;
}
.open-sub-menu i svg,
.close-sub-menu i svg {
fill: var(--header_mobile_sub_menu_toggle_color);
}
#side-menu ul.sub-menu {
float: right;
width: 100%;
}
#side-menu .sub-menu li a {
padding: 0 10px;
}
#side-menu nav {
height: 100vh;
overflow: auto;
padding: 0 0 0 40px;
}
#side-menu nav a, #side-menu nav span {
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
min-height: 40px;
font-size: 18px;
line-height: 1;
padding: 0 40px 0 10px;
}
#side-menu nav li {
float: left;
width: 100%;
}
#side-menu i {
line-height: unset;
}
#side-menu .sub-menu {
background-color: white;
}
#side-menu .sub-menu a {
font-size: 16px;
}
.top-logo img.top-slogan {
margin: 0 -15px;
}
.mobile-header-search-container {
display: block;
}
.lf-search-container {
float: left;
height: 32px;
width: 100%;
max-width: 100%;
border: 0;
margin: 0;
padding: 2px;
transition: all 0.5s;
}
.lf-search-container form {
float: left;
width: 100%;
height: 28px; }
.mobile-search-open .lf-search-container {
width: calc(100% - 40px);
margin: 0 40px 0 0;
}
.lf-search-input {
width: calc(100% - 32px);
height: 28px;
padding: 5px;
border-radius: 10px;
border: 0;
margin: 0;
font-size: 14px;
}
.lf-search-toggle {
position: absolute;
right: 2px;
top: 2px;
width: 28px;
height: 28px;
line-height: 28px;
background-color:  var(--header_mobile_search_toggle_background_color)!important;
color:  var(--header_mobile_search_toggle_color)!important;
}
.lf-search-toggle i.md-icons {
width: 28px;
height: 28px;
padding: 3px;
}
.lf-search-toggle i.md-icons svg {
width: 22px;
height: 22px;
fill: #ffffff;
}
.top-logo {
height: 40px;
}
.top-logo-html {
font-size: 30px;
line-height: 36px;
}
.top-logo i {
font-size: 32px;
line-height: 36px;
}
}.logo-area {
float: right;
}
.top-logo {
float: right;
}
.top-logo i {
float: right;
}
.header-search-area {
float: left;
}
.header-social-area {
float: left;
width: auto;
}
.header-social-area + .header-search-area {
padding: 0 0 0 10px;
border-right: 0;
border-left: 1px solid #eeeeee;
margin: 0 0 0 10px;
}
header #logo {
float: right;
}
header nav {
left: inherit;
right: 0;
}
#side-menu {
right: -50px;
left: auto;
-ms-transform: translateX(280px);
-webkit-transform: translateX(280px);
transform: translateX(280px);
}
#side-menu nav a, #side-menu nav span {
padding: 0 10px 0 40px;
}
#close-side-menu {
left: -40px;
right: auto;
border-right: 1px solid #f9f9f9;
border-left: none;
}
header nav a, #side-menu nav a {
float: right;
}
header nav li {
float: right;
}
header .sub-menu .sub-menu {
right: 100%;
left: auto;
}
header nav ul:not(.sub-menu) > li + li {
border-left: 0;
border-right: 1px solid #e9e9e9;
}
.menu-toggle {
left: auto;
right: 0;
border-left: 1px solid #f9f9f9;
border-right: 0;
}
.mobile-header-search-container {
right: auto;
left: 0px;
}
.mobile-header-search-button {
left: 0;
right: auto;
}
.mobile-header-close-search-button {
left: 0;
right: auto;
border-right: 1px solid #f9f9f9;
border-left: 0;
}
#side-menu nav li {
float: right;
} @media screen and (max-width: 950px) {
#side-menu nav {
padding: 0 50px 0 0;
}
.open-sub-menu,
.close-sub-menu {
right: auto;
left: 0px;
}
.mobile-search-open .lf-search-container {
margin: 0 0 0 40px;
}
.lf-search-toggle {
left: 2px;
right: auto;
}
}footer {
float: left;
width: 100%;
}
.footer-top {
float: left;
width: 100%;
background-color: #ffffff;
border-top: 1px solid #144788;
padding: 20px 0;
}
.lf-footer-middle {
float: left;
width: 100%;
padding: 30px 0;
}
.lf-footer-bottom {
float: left;
width: 100%;
background-color: #ffffff;
}
.lf-footer-col-1 {
float: left;
width: 100%;
}
.lf-footer-col-2 {
float: left;
width: 50%;
min-height: 1px;
}
.lf-footer-col-3 {
float: left;
width: 33.333%;
min-height: 1px;
}
.lf-footer-col-4 {
float: left;
width: 25%;
min-height: 1px;
}
.lf-footer-col-5 {
float: left;
width: 20%;
}
.lf-footer-col-6 {
float: left;
width: 16.666%;
min-height: 1px;
}
.footer-icons {
text-align: center;
}
.footer-icons a {
display: inline-block;
margin: 0 14px;
}
.lf-footer-middle h2,
.lf-footer-middle h3,
.lf-footer-middle h4 {
font-size: 19px;
font-weight: bold;
color: #144788;
margin: 0 0 5px 0;
}
.lf-footer-middle a {
font-size: 15px;
line-height: 30px;
color: #737373;
text-decoration: none;
}
.lf-widget-menu {
padding: 0 10px;
}
.lf-footer-middle h2 a,
.lf-footer-middle h3 a,
.lf-footer-middle h4 a {
font-size: 19px;
line-height: 30px;
font-weight: bold;
color: #ffffff;
margin: 0 0 5px 0;
border-bottom: 1px solid #7d7d7d;
} .credit-footer {
float: left;
width: 100%;
background-color: #131313;
}
.credit-footer a {
color: #ffffff;
}
.footer-text {
float: left;
width: 100%;
color: #ffffff;
line-height: 50px;
}
.credit {
float: right;
width: 150px;
height: 50px;
text-align: left;
}
.credit i {
float: left;
height: 50px;
width: 30px;
padding: 0;
}
.credit i svg {
width: 30px;
height: 50px;
fill: #ffffff;
}
.credit div {
float: left;
padding-left: 5px;
}
.credit a {
float: left;
line-height: 50px;
width: calc(100%);
color: white;
text-align: center;
text-decoration: none;
}
.credit .first-letter::first-letter {
color: #f29400!important;
font-weight: bold;
} @media screen and (max-width: 950px) {
[class^="lf-footer-col"] {
width: 100%;
}
.credit-footer [class^="md-col"] {
width: 100%;
}
.footer-text {
text-align: center;
}
.credit {
width: 100%;
height: 30px;
}
.credit a {
float: none;
display: block;
margin: auto;
width: 150px;
line-height: 30px;
}
.credit i {
height: 30px;
line-height: 30px;
}
.credit i svg {
height: 30px;
}
}
@media screen and (max-width: 600px) {
}.lf-footer-col-1,
.lf-footer-col-2,
.lf-footer-col-3,
.lf-footer-col-4,
.lf-footer-col-5,
.lf-footer-col-6 {
float: right;
}
.credit {
float: left;
} @media screen and (max-width: 950px) {
}@media screen and (max-width: 950px) {
}.seolm-main-content {
position: relative;
padding: 10px;
}
.full-wide-card {
display: inline-block;
width: 100%;
margin-bottom: 10px;
min-height: 100px;
}
.bar {
display: inline-block;
color: #607d8b;
border-bottom: 1px solid #eeeeee;
}
.seolm-page-title {
display: inline-block;
// width: calc(100% - 30px);
line-height: 36px;
font-size: 28px;
}
.seolm-page-title i {
font-size: 28px;
line-height: 36px;
float: right;
margin: 0 5px;
}
.seolm-dialog-button {
float: right;
line-height: 28px;
height: 28px;
margin: 0 5px;
}
.seolm-dialog-button i {
font-size: 20px;
width: 20px;
text-align: center;
line-height: 28px;
float: right;
}
.seolm-check-domain {
float: left;width: 100%;
height: 20px;
line-height: 20px;
color: #F44336;
visibility: hidden;
} .seolm-more-info {
position: fixed;
bottom: 20px;
left: 20px;
width: 50px;
height: 50px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 100px;
cursor: pointer;
}
.seolm-more-info-icon {
float: left;
width: 100%;
height: 100%;
text-align: center;
line-height: 50px;
font-size: 30px;
color: white;
}
.seolm-more-info-icon.seolm-close {
display: none;
}
.seolm-more-info nav {
display: none;
position: absolute;
bottom: 60px;
left: 0;
width: 200px;
background-color: rgba(0, 0, 0, 0.5);
color: white;
border-radius: 3px;
padding: 5px;
}
span.seolm-links-title {
float: left;
width: 100%;
text-align: center;
font-size: 20px;
padding: 2px 0;
}
.seolm-more-info .seolm-link {
float: left;
width: 100%;
padding: 2px 0;
border-top: 1px solid rgba(255, 255, 255, 0.39);
font-size: 16px;
line-height: 20px;
color: white;
text-align: center;
text-decoration: underline;
}
.seolm-footer-more-info, .seolm-footer-nav {
float: left;
width: 100%;
text-align: center;
}
a.seolm-footer-link {
font-size: 16px;
line-height: 20px;
} .seolm-loading {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 99999999;
}
.seolm-loader {
color: #ffffff;
font-size: 80px;
text-indent: -9999em;
overflow: hidden;
width: 1em;
height: 1em;
border-radius: 50%;
margin: -40px auto;
top: 50%;
position: relative;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
0% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
5%,
95% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
10%,
59% {
box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}
100% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}
@keyframes load6 {
0% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
5%,
95% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
10%,
59% {
box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}
100% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}
@-webkit-keyframes round {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes round {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} @media screen and (max-width: 600px) {
.seolm-hidden-mobile {
display: none;
}
}.seolm-dialog-button {
float: left;
}
.seolm-dialog-button i {
float: left;
}