886 lines
21 KiB
CSS
886 lines
21 KiB
CSS
body{background-color:#000;color:#aaa}#order-confirm .panel-default>.panel-heading,#shopping-cart .panel-default>.panel-heading,#shopping-cart-summary .form-horizontal .form-group:nth-child(3) *,.caption .name,.card .nav>li>a,.h1,.h2,.h3,.h4,.h5,.h6,.panel-default>.panel-heading,.product .price,.tinymce_html b,.tinymce_html h1,.tinymce_html h2,.tinymce_html h3,.tinymce_html h4,.tinymce_html h5,.tinymce_html h6,.tinymce_html strong,h1,h2,h3,h4,h5,h6{color:#fff}#blog-show,#order-confirm,#order-summary,#payment,#send_form>.bg-white,#shopping-cart,#shopping-cart .table,#webpage-show,.list-group-item,.order-control .table{background-color:#000}.card .nav>li>a{background:0 0!important}#confirm-send-password,#create-account,#create-first-user-data,#create-password,#discount-info,#edit-account,#edit-profile,#login-user,#logout-user,#newsletter-add-to-list,#newsletter-confirm,#newsletter-remove,#newsletter-unsubscribe,#newsletter-unsubscribe-confirm,#order-list,#order-show,#remind-password,#user-newsletter,#user-panel,#user-panel-newsletter,#wait-confirm,#wait-confirm-remind,.bg-white,.panel{background-color:#000}#homepage-baner,#table_confirm_terms{background-color:#242424;border:none}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:#242424;border-color:#242424;color:#fff}#main_categories .thumbnail,.category .thumbnail,.panel-default,.product-list .thumbnail{background-color:#000}#confirm-send-password,#create-account,#create-first-user-data,#create-password,#discount-info,#edit-account,#edit-profile,#login-user,#logout-user,#main_categories .thumbnail,#newsletter-add-to-list,#newsletter-confirm,#newsletter-remove,#newsletter-unsubscribe,#newsletter-unsubscribe-confirm,#order-list,#order-show,#remind-password,#shopping-cart .table td:nth-child(2),#shopping-cart .table tr,#user-newsletter,#user-panel,#user-panel-newsletter,#wait-confirm,#wait-confirm-remind,.btn-default,.btn-shopping-cart,.card .add-quantity .btn:not(:hover),.category .thumbnail,.form-control,.order-control .table tr,.product-list .thumbnail,.table>tbody>tr>td,.table>thead>tr>th{border-color:#242424}.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th{background-color: #dae0e124}.dropdown-menu,.form-control,.modal-content,header .navbar-dropdown .navbar-collapse{background-color:#1e1e1e}.form-control:active,.form-control:focus{background-color:#292828;box-shadow:none;border-color:#4b4b4b}select.form-control{background-image:url(/images/frontend/theme/bianco/select-arrow-white.svg)}.preloader{background:url(/images/frontend/theme/bianco/preloader-dark.gif) no-repeat center center rgba(0,0,0,.8)}.basket-show-summary,.btn-light,.modal .btn-default,.modal select.form-control,.modal-footer,.modal-header,.search .form-control{border-color:#443e3e}.dropdown-menu>li>a,.form-control{color:#8f8f8f}#lg-close,.btn-light:active,.btn-light:focus,.btn-light:hover,.close-icon,.modal-header .close,.nav>li>a:focus,.nav>li>a:hover,.product-options-group .dropdown-menu>.active>a:focus,.product-options-group .dropdown-menu>.active>a:hover,.product-options-group .dropdown-menu>li>a:active,.product-options-group .dropdown-menu>li>a:focus,.product-options-group .dropdown-menu>li>a:hover{background-color:#444242;border-color:#443e3e;color:#fff}#lg-close:hover,.close-icon:hover,.modal-header .close:hover{background-color:#625e5e}#lg-close::after,#lg-close::before,#nav-button-menu.collapsed .icon-bar,.close-icon::after,.close-icon::before,.modal-header .close::after,.modal-header .close::before,.more .dropdown-toggle .icon-bar{background-color:#fff}#nav-menu>.navbar-nav>li>a:active,#nav-menu>.navbar-nav>li>a:focus,#nav-menu>.navbar-nav>li>a:hover,.btn-navbar,.btn-navbar.collapsed:hover,.btn-navbar:active,.btn-navbar:focus,.btn-navbar:hover{background-color:#625e5e;color:#fff}.highlighted-payment .payment-logo{background-color: rgb(255 255 255 / 4%)}.highlighted-payment .payment-logo img{background-color: transparent}
|
|
|
|
@keyframes shake {
|
|
0% {
|
|
top: 0;
|
|
}
|
|
25%{
|
|
top: 4px;
|
|
}
|
|
50% {
|
|
top: 0;
|
|
}
|
|
70% {
|
|
top: 7px;
|
|
}
|
|
|
|
100% {
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes shakeOnload {
|
|
0% {
|
|
top: 0;
|
|
}
|
|
6.25%{
|
|
top: 4px;
|
|
}
|
|
12.5%{
|
|
top: 0;
|
|
}
|
|
18.75%{
|
|
top: 7px;
|
|
}
|
|
25%{
|
|
top: 0;
|
|
}
|
|
100% {
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes shakeRight {
|
|
0% {
|
|
right: 0;
|
|
}
|
|
25%{
|
|
right: -4px;
|
|
}
|
|
50% {
|
|
right: 0;
|
|
}
|
|
70% {
|
|
right: -7px;
|
|
}
|
|
|
|
100% {
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes shakeLeft {
|
|
0% {
|
|
right: 0;
|
|
}
|
|
25%{
|
|
right: 4px;
|
|
}
|
|
50% {
|
|
right: 0;
|
|
}
|
|
70% {
|
|
right: 7px;
|
|
}
|
|
|
|
100% {
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
:root
|
|
{
|
|
--border: #344C63;
|
|
--border_dark: #282C2F;
|
|
--primary: #F3E0D5;
|
|
--text-muted: #A6B2BB;
|
|
--dark: #08161F;
|
|
--fontComfortaa: 'Comfortaa', sans-serif;
|
|
--fontTurret: 'Turret Road', sans-serif;
|
|
}
|
|
|
|
body
|
|
{
|
|
font-family: var(--fontComfortaa);
|
|
font-weight: 400;
|
|
}
|
|
|
|
body,
|
|
#top,
|
|
.homepage-carousel .swiper-dark .swiper-slide-mobile:before,
|
|
.homepage-carousel .swiper-dark .video-banner-bg:after,
|
|
#homepage-carousel .swiper-slide-desktop,
|
|
.modal-content,
|
|
.preloader,
|
|
#homepage-baner
|
|
{
|
|
background-color: var(--dark);
|
|
}
|
|
|
|
#homepage-carousel
|
|
{
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.dropdown-menu, .form-control, header .navbar-dropdown .navbar-collapse
|
|
{
|
|
background-color: #050e13;
|
|
}
|
|
|
|
.basket-show-summary, .btn-light, .modal .btn-default, .modal select.form-control, .modal-footer, .modal-header, .search .form-control, .gallery .product-border .gallery-image
|
|
{
|
|
border-color: var(--border_dark);
|
|
}
|
|
|
|
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#blog-show, #order-confirm, #order-summary, #payment, #send_form > .bg-white, #shopping-cart, #shopping-cart .table, #webpage-show, .list-group-item, .order-control .table, .thumbnail
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.btn, .thumbnail, .panel, .product-list .thumbnail, .dropdown-menu, #table_confirm_terms, .category-line .product .thumbnail .caption h2 a, select.form-control, .pagination > li > a, .pagination > li > span, .pagination > li:last-child > a, .pagination > li:first-child > a
|
|
{
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.btn-default, .btn-shopping-cart,
|
|
.tinymce_html h1, .tinymce_html h2, .tinymce_html h3, .tinymce_html h4, .tinymce_html h5, .tinymce_html h6, #vertical-categories h3, .product_group .panel-title, .box-info .panel-title, .product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title,
|
|
.card .prices .price,
|
|
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
|
|
{
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-shopping-cart:hover, .btn-shopping-cart:focus, .btn-shopping-cart:active, .btn-shopping-cart.active, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active, .btn-light:hover, .btn-light:focus, .btn-light:active,
|
|
.category-line .product .thumbnail .caption h2 a:hover, .category-line .product .thumbnail .caption h2 a:focus, .category-line .product .thumbnail .caption h2 a:active,
|
|
.product-options-group .dropdown-menu > .active > a:focus, .product-options-group .dropdown-menu > .active > a:hover, .product-options-group .dropdown-menu > li > a:active, .product-options-group .dropdown-menu > li > a:focus, .product-options-group .dropdown-menu > li > a:hover
|
|
{
|
|
color: #fff;
|
|
background-color: var(--border);
|
|
border-color: var(--border);
|
|
}
|
|
|
|
.btn-primary, .information .btn-shopping-cart
|
|
{
|
|
/* background-color: var(--primary);
|
|
border-color: var(--primary); */
|
|
background-color: #E4F4F7;
|
|
border-color: #E4F4F7;
|
|
color: var(--dark);
|
|
}
|
|
|
|
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .information .btn-shopping-cart:hover, .information .btn-shopping-cart:focus, .information .btn-shopping-cart:active
|
|
{
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: var(--dark);
|
|
}
|
|
|
|
#header-navbar
|
|
{
|
|
background-color: #B3D2D8;
|
|
}
|
|
|
|
#header-navbar .popover
|
|
{
|
|
background-color: #060d13;
|
|
border: none;
|
|
}
|
|
|
|
#header-navbar .popover.bottom
|
|
{
|
|
margin-top: 20px;
|
|
}
|
|
|
|
#header-navbar .popover.bottom>.arrow:after
|
|
{
|
|
border-bottom-color: #060d13;
|
|
}
|
|
|
|
#header-navbar .popover-content>ul>li[data-url]:hover
|
|
{
|
|
background-color: #182128;
|
|
}
|
|
|
|
#nav-button-shopping-cart .quantity
|
|
{
|
|
background-color: #12100e;
|
|
}
|
|
|
|
#header .social a
|
|
{
|
|
border: 1px solid #546467;
|
|
}
|
|
|
|
#header .social a:hover, #header .social a:focus, #header .social a:active
|
|
{
|
|
opacity: 1;
|
|
border-color: #fff;
|
|
}
|
|
|
|
#homepage-baner .container
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
#confirm-send-password, #create-account, #create-first-user-data, #create-password, #discount-info, #edit-account, #edit-profile, #login-user, #logout-user, #main_categories .thumbnail, #newsletter-add-to-list, #newsletter-confirm, #newsletter-remove, #newsletter-unsubscribe, #newsletter-unsubscribe-confirm, #order-list, #order-show, #remind-password, #shopping-cart .table td:nth-child(2), #shopping-cart .table tr, #user-newsletter, #user-panel, #user-panel-newsletter, #wait-confirm, #wait-confirm-remind, .btn-default, .btn-shopping-cart, .card .add-quantity .btn:not(:hover), .category .thumbnail, .order-control .table tr, .product-list .thumbnail, .table > tbody > tr > td, .table > thead > tr > th,
|
|
#blog .thumbnail.border, #blog-list .thumbnail.border
|
|
{
|
|
border-color: var(--border);
|
|
}
|
|
|
|
.category-list2, .category-line .category-list, #pa_attributes .table-striped
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.form-control
|
|
{
|
|
border-color: var(--border);
|
|
background-color: var(--dark)
|
|
}
|
|
|
|
.form-control:active, .form-control:focus
|
|
{
|
|
background-color: var(--dark);
|
|
border-color: #ccdae6;
|
|
}
|
|
|
|
#table_confirm_terms
|
|
{
|
|
background-color: #1C3344;
|
|
}
|
|
|
|
#lg-close, .close-icon, .modal-header .close
|
|
{
|
|
background-color: #1C3344;
|
|
}
|
|
|
|
#lg-close:hover, .close-icon:hover, .modal-header .close:hover
|
|
{
|
|
background-color: #234055;
|
|
}
|
|
|
|
.tinymce_html,
|
|
footer .navbar-default,
|
|
.text-muted, .breadcrumb, footer .copyright > a,
|
|
.dropdown-menu > li > a, .form-control, .card .nav-tabs > li > a,
|
|
body,
|
|
.form-control::placeholder,
|
|
.pagination > li > a, .pagination > li > span
|
|
{
|
|
color: #A6B2BB;
|
|
}
|
|
|
|
#main_categories .thumbnail, .category .thumbnail, .product-list .thumbnail, #blog .thumbnail.border, #blog-list .thumbnail.border
|
|
{
|
|
background: rgb(12,33,47);
|
|
background: linear-gradient(180deg, rgba(12,33,47,0) 0%, rgba(12,33,47,1) 100%)
|
|
}
|
|
|
|
.panel-default
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.btn-navbar
|
|
{
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.btn-navbar svg
|
|
{
|
|
stroke: currentColor;
|
|
color: inherit;
|
|
}
|
|
|
|
.btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover,
|
|
#nav-menu > .navbar-nav > li > a:active, #nav-menu > .navbar-nav > li > a:focus, #nav-menu > .navbar-nav > li > a:hover, #nav-menu .navbar-nav > li.active > a,
|
|
#nav-menu .navbar-nav > li.dropdown:hover > a, #nav-menu .navbar-nav > li.open > a
|
|
{
|
|
background-color: #9ab6bb;
|
|
/* color: #112E37; */
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-navbar
|
|
{
|
|
border-radius: 0;
|
|
}
|
|
|
|
.btn-navbar.collapsed:not(:hover):focus, .btn-navbar.collapsed
|
|
{
|
|
color: #112E37;
|
|
}
|
|
|
|
.caption .name
|
|
{
|
|
font-size: 1.067rem;
|
|
}
|
|
|
|
.breadcrumb > li > a:hover, .breadcrumb > li > a:focus, .breadcrumb > li > a:active, a:hover, a:focus, #vertical-categories li.active > a, .product-filter-container label:hover
|
|
{
|
|
color: #b3d2d8;
|
|
}
|
|
|
|
#under-menu-links:empty
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
#seo h2,
|
|
footer .list-group h5, footer .list-group .h5,
|
|
#product-navbar h1, .title h1, .title h2, #vertical-categories h3, .product_group .panel-title, .box-info .panel-title, .product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title,
|
|
.card h1, .tinymce_html h1, .tinymce_html h2,
|
|
.card .nav-tabs > li > a,
|
|
.title-blog h3,
|
|
.title-group-hp,
|
|
.title-line span
|
|
{
|
|
font-family: var(--fontTurret);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.title-group-hp h3,
|
|
.title-blog h3
|
|
{
|
|
font-size: 2rem;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.title-group-hp h3 a
|
|
{
|
|
text-decoration: none;
|
|
}
|
|
|
|
#nav-button-shopping-cart .quantity
|
|
{
|
|
background-color: #7a9095;
|
|
}
|
|
|
|
#nav-button-menu.collapsed .icon-bar, .more .dropdown-toggle .icon-bar
|
|
{
|
|
background-color: #112E37;
|
|
}
|
|
|
|
.more.open .dropdown-toggle .icon-bar, #nav-button-menu.collapsed:hover .icon-bar, #nav-button-menu .icon-bar
|
|
{
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
#nav-button-menu.collapsed:hover, #nav-button-menu
|
|
{
|
|
background-color: #050e13;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-family: var(--fontTurret);
|
|
font-weight: 400;
|
|
margin-bottom: 9px;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption.light p
|
|
{
|
|
color: #fff;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption p
|
|
{
|
|
line-height: 125%;
|
|
}
|
|
|
|
.homepage-carousel .pagination-fraction
|
|
{
|
|
color: #8C9FAB;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.homepage-carousel .pagination-fraction .active-fraction
|
|
{
|
|
font-size: 30px;
|
|
color: #fff;
|
|
}
|
|
|
|
.swiper-pagination-switch
|
|
{
|
|
height: 1px;
|
|
background-color: #fff;
|
|
width: 8px;
|
|
opacity: .5;
|
|
margin: 5px 0;
|
|
border-radius: 0;
|
|
border: none;
|
|
float: right;
|
|
clear: both;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.swiper-pagination-switch.swiper-active-switch
|
|
{
|
|
width: 37px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.homepage-carousel .arrow-left::before, .homepage-carousel .arrow-right::before, .homepage-carousel .arrow-left::after, .homepage-carousel .arrow-right::after
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left, .homepage-carousel .arrow-left, #homepage-carousel .arrow-right, .homepage-carousel .arrow-right
|
|
{
|
|
width: 55px;
|
|
height: 40px;
|
|
top: auto;
|
|
bottom: 7%;
|
|
}
|
|
|
|
.homepage-carousel .arrow-right,
|
|
.homepage-carousel .arrow-left
|
|
{
|
|
opacity: .5;
|
|
}
|
|
|
|
.homepage-carousel .arrow-right:hover,
|
|
.homepage-carousel .arrow-left:hover
|
|
{
|
|
opacity: 1;
|
|
}
|
|
|
|
.homepage-carousel .arrow-right svg,
|
|
.homepage-carousel .arrow-left svg
|
|
{
|
|
position: relative;
|
|
fill: currentColor;
|
|
color: inherit;
|
|
}
|
|
|
|
.homepage-carousel .arrow-right:hover svg
|
|
{
|
|
animation: shakeRight 700ms ease-in-out forwards;
|
|
}
|
|
|
|
.homepage-carousel .arrow-left:hover svg
|
|
{
|
|
animation: shakeLeft 700ms ease-in-out forwards;
|
|
}
|
|
|
|
.product .image
|
|
{
|
|
border-radius: 4px 4px 0 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
footer .navbar-default
|
|
{
|
|
background-color: transparent;
|
|
border-top: 1px solid #344C63;
|
|
}
|
|
|
|
footer .copyright,
|
|
footer .container
|
|
{
|
|
border-top-color: inherit;
|
|
}
|
|
|
|
.bg-white, .card
|
|
{
|
|
background: transparent;
|
|
}
|
|
|
|
.card .add-quantity .btn[data-qty="plus"]
|
|
{
|
|
border-radius: 0 5px 5px 0;
|
|
}
|
|
|
|
.card .add-quantity .btn[data-qty="minus"]
|
|
{
|
|
border-radius: 5px 0 0 5px;
|
|
}
|
|
|
|
.card .nav-tabs > li > a
|
|
{
|
|
border: none !important;
|
|
position: relative;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.card .nav-tabs > li > a:after
|
|
{
|
|
content: '';
|
|
background-color: #B3D2D8;
|
|
display: block;
|
|
height: 1px;
|
|
position: absolute;
|
|
bottom: 4px;
|
|
left: 0;
|
|
width: 0;
|
|
mask-image: linear-gradient(-90deg, transparent, rgba(0, 0, 0, 1.0));
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.card .nav-tabs > li.active > a,
|
|
.card .nav-tabs > li > a:hover,
|
|
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
|
|
{
|
|
color: #fff;
|
|
}
|
|
|
|
.card .nav-tabs > li.active > a:after,
|
|
.card .nav-tabs > li > a:hover:after
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
|
|
{
|
|
border-color: currentColor;
|
|
}
|
|
|
|
#card-info-box .tinymce_html
|
|
{
|
|
border-radius: 0 0 5px 5px;
|
|
}
|
|
|
|
#card-info-box .btn:not(.collapsed)
|
|
{
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
|
|
#card-info-box .btn,
|
|
#card-info-box .tinymce_html
|
|
{
|
|
background-color: #1e2e38;
|
|
}
|
|
|
|
|
|
#sidebar
|
|
{
|
|
background-color:#08161f;
|
|
}
|
|
|
|
.sidebar-header
|
|
{
|
|
background-color:#b3d2d8;
|
|
}
|
|
|
|
.sidebar-header, #product-recently-viewed-sidebar .row, #product-observe-sidebar .row
|
|
{
|
|
border-color: #b3d2d8;
|
|
}
|
|
|
|
.sidebar-header-icon svg
|
|
{
|
|
stroke: #112E37;
|
|
}
|
|
|
|
.sidebar-header
|
|
{
|
|
color: #112E37;
|
|
}
|
|
|
|
.product-observe.observe-no svg, .product-observe.observe-yes svg
|
|
{
|
|
stroke:#A6B2BB;
|
|
}
|
|
|
|
.product-observe.observe-yes svg
|
|
{
|
|
fill: #A6B2BB;
|
|
}
|
|
|
|
.observe-full svg
|
|
{
|
|
stroke:#A6B2BB;
|
|
fill: #A6B2BB;
|
|
}
|
|
|
|
.full-list .product-observe, .home-list .product-observe
|
|
{
|
|
background: #112E37;
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
body
|
|
{
|
|
background-image: url(/images/frontend/theme/futura/bg-bottom.jpg);
|
|
background-repeat: no-repeat;
|
|
background-position: center bottom;
|
|
}
|
|
|
|
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .card .product-label
|
|
{
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.row, .panel .form-horizontal .form-group
|
|
{
|
|
margin-left: -10px;
|
|
margin-right: -10px;
|
|
}
|
|
|
|
.product-list .thumbnail, #main_categories .thumbnail, .category .thumbnail
|
|
{
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#category_info
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
#header
|
|
{
|
|
padding-bottom: 16px;
|
|
}
|
|
|
|
#header h1 small, #header h4 small, #header .h4 small
|
|
{
|
|
display: block;
|
|
color: #9DA7AA;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
#header .slogan
|
|
{
|
|
min-width: 45%;
|
|
}
|
|
|
|
#top-social
|
|
{
|
|
width: 25%;
|
|
text-align: right;
|
|
}
|
|
|
|
#nav-menu > .navbar-nav > li > a
|
|
{
|
|
color: #112E37;
|
|
font-family: var(--fontTurret);
|
|
font-weight: 700;
|
|
font-size: 19px;
|
|
}
|
|
|
|
#header h1, #header h4, #header .h4
|
|
{
|
|
color: #fff;
|
|
}
|
|
|
|
#under-menu-links
|
|
{
|
|
background-color: var(--dark);
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
|
|
#homepage-baner,
|
|
#homepage-baner:not(.wide)
|
|
{
|
|
padding: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide-mobile
|
|
{
|
|
justify-content: center;
|
|
/* align-items: flex-end; */
|
|
align-items: center;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption
|
|
{
|
|
max-width: 750px;
|
|
padding-bottom: 5%;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-size: 76px;
|
|
}
|
|
|
|
.homepage-carousel .btn
|
|
{
|
|
padding-left: 38px;
|
|
padding-right: 38px;
|
|
}
|
|
|
|
.wide .homepage-carousel .swiper-slide .caption
|
|
{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.wide .homepage-carousel .swiper-pagination-bullets
|
|
{
|
|
bottom: 20px;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left, .homepage-carousel .arrow-left
|
|
{
|
|
left: 44px;
|
|
}
|
|
|
|
#homepage-carousel .arrow-right, .homepage-carousel .arrow-right
|
|
{
|
|
right: 44px;
|
|
}
|
|
|
|
#under-menu-links .nav
|
|
{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
#under-menu-links .nav > li
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
#under-menu-links .nav > li > a
|
|
{
|
|
padding: 10px 25px;
|
|
}
|
|
|
|
#under-menu-links .nav > li > a:hover,
|
|
#under-menu-links .nav > li > a:focus,
|
|
#under-menu-links .nav > li > a:active
|
|
{
|
|
background-color: transparent;
|
|
color: #fff;
|
|
}
|
|
|
|
.horizontal-categories .info-link
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
#show-banner-btn
|
|
{
|
|
height: 40px;
|
|
width: 40px;
|
|
display: block;
|
|
position: fixed;
|
|
bottom: 40px;
|
|
left: 50%;
|
|
z-index: 3;
|
|
margin-left: -20px;
|
|
cursor: pointer;
|
|
padding: 9px;
|
|
}
|
|
|
|
#show-banner-btn svg
|
|
{
|
|
stroke: currentColor;
|
|
color: #fff;
|
|
position: relative;
|
|
top: 0;
|
|
}
|
|
|
|
#show-banner-btn:hover svg
|
|
{
|
|
animation: shake 700ms ease-in-out forwards;
|
|
}
|
|
|
|
#show-banner-btn.onload svg
|
|
{
|
|
animation: shakeOnload 2800ms ease-in-out forwards;
|
|
animation-iteration-count:infinite;
|
|
}
|
|
|
|
.homepage-carousel .swiper-pagination
|
|
{
|
|
bottom: auto;
|
|
left: auto;
|
|
right: 44px;
|
|
width: auto;
|
|
top: 50%;
|
|
}
|
|
|
|
.swiper-pagination-switch
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
#seo h2
|
|
{
|
|
font-size: 35px;
|
|
}
|
|
|
|
footer .list-group h5, footer .list-group .h5, .card .nav > li > a
|
|
{
|
|
font-size: 27px;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left, #homepage-carousel .arrow-right
|
|
{
|
|
position: fixed;
|
|
bottom: 70px;
|
|
}
|
|
.homepage-carousel .swiper-pagination
|
|
{
|
|
margin-top: -30px;
|
|
transition: height 0.2s ease;
|
|
}
|
|
|
|
#nav-menu .dropdown-menu
|
|
{
|
|
background-color: #9ab6bb;
|
|
}
|
|
|
|
#nav-menu .dropdown-menu > li > a
|
|
{
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction
|
|
{
|
|
top: auto !important;
|
|
}
|
|
|
|
footer .list-group
|
|
{
|
|
border-bottom: 1px solid #344C63;
|
|
}
|
|
|
|
.more.open .dropdown-toggle .icon-bar, #nav-button-menu.collapsed:hover .icon-bar, #nav-button-menu .icon-bar
|
|
{
|
|
background-color: #B3D2D8;
|
|
}
|
|
|
|
#nav-menu
|
|
{
|
|
background-color: #050e13;
|
|
}
|
|
|
|
#nav-menu .navbar-nav > li > a,
|
|
#shopping-cart .table td .btn-xs
|
|
{
|
|
color: #A6B2BB;
|
|
}
|
|
|
|
.card .description
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.order-control .panel .panel-body, .order-control .product-action, .order-control .product-action-new
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.order-control .table .product-image,
|
|
.order-control .table .product-name,
|
|
.order-control .table .product-name > a,
|
|
.order-control .table .price,
|
|
.order-control .table td,
|
|
.order-control .table td.product-quantity,
|
|
.order-control .table tbody tr:before
|
|
{
|
|
background: #0c1d28;
|
|
}
|
|
|
|
.card .description-short
|
|
{
|
|
border-top-color: #344C63;
|
|
}
|
|
} |