%PDF-
%PDF-
Mini Shell
Mini Shell
/*!--------------------------------------------------------------
* 4.0 Layout
==============================================================*/
a
transition: all 0.2s linear;
.uppercase
text-transform uppercase
/* Layout */
#page
width: 100%;
height: auto;
overflow hidden
//overflow-y visible
.col-table
display: table
width 100%
.col-td
display: table-cell
vertical-align middle
/* Header */
.zlogo
display: inline-block;
cursor: pointer;
// position: fixed;
// z-index: 31;
// left: 60px;
// top: 60px;
#header
> .container
&:after,
&:before
display: none
.main-logo .logo-holder
position: relative
//width: 150px;
height: 60px;
line-height 100%;
white-space:nowrap;
.main-logo
transition none
img
transition: opacity 0.2s ease-in-out;
position: absolute;
top: 0;
left: 0;
max-height: 100%;
height: 100%;
max-width: none !important;
#header-menu
.main-logo
img
position: relative
.light-version
display: none
&.white,
&.mark-logo-light
.main-logo
.light-version
display: block !important
.dark-version
display: none !important
#header-menu
&.static-layout
position: absolute
&.show_bottomline
&.mark-light
border-bottom-color: #ffffff;
&.mark-dark
border-bottom-color: #000000;
&:not(.with-columns)
#main-menu ul > li .title
margin-bottom 0 !important
margin-top 15px
#main-menu .rdy-mega-parent > .title
margin-top 0
#main-menu ul > li a
&.mbt
margin-top: 15px
margin-bottom: 15px
&.menu-inline
.rdy-menu
width 730px
max-width 730px
li
display: inline-block !important
margin-right 10px
#header-menu.style1 #main-menu ul.rdy-menu > li:first-child > .sub-menu
left: -20px
.rdy-menu ul li a,
.rdy-menu ul li .title
transition color 0.2s linear;
@media only screen and (min-width: 992px)
#header-menu
&.fixed-layout,
&.static-layout
&.mark-light,
&[data-color="light"]
ul.rdy-menu > li > a
color rgba(255,255,255,0.8) !important
&:hover
color #fff !important
&.menu-items-underline ul.sf-menu > li
&.sfHover > a span,
> a:hover span
border-bottom-color: #fff !important;
.menu-social-inline
.social_media
color rgba(255,255,255,0.8) !important
&:hover
color #fff !important
a.cta-button
&.outline
color: #fff !important;
background-color transparent !important
&:after
border-color: #fff;
&.mark-dark,
&[data-color="dark"]
ul.rdy-menu > li > a
color rgba(0,0,0,0.8) !important
&:hover
color #000 !important
&.menu-items-underline ul.sf-menu > li
&.sfHover > a span,
> a:hover span
border-bottom-color: #000 !important;
.menu-social-inline
.social_media
color rgba(0,0,0,0.8) !important
&:hover
color #000 !important
a.cta-button
&.outline
color: #000 !important;
background-color transparent !important
&:after
border-color: #000;
#header
&.static-layout
&.with-columns
#logo .logo-holder
top 60px
.menu-right-side
top 40px !important
#logo
.light-version
opacity 0
.dark-version
opacity 1
&.white
#logo
.light-version
opacity 1
.dark-version
opacity 0
&[data-color="dark"]
.logo-holder
color #000
#logo
.light-version
opacity 0
.dark-version
opacity 1
.menu-right-side .social_media
color rgba(0,0,0,0.8) !important
&:hover
color #000 !important
&[data-color="light"]
.logo-holder
color #fff
#logo
.light-version
opacity 1
.dark-version
opacity 0
.menu-right-side .social_media
color rgba(255,255,255,0.8) !important
&:hover
color #fff !important
&:not(.menu-opened),
&.fixed-layout
&.mark-logo-light,
&[data-color="light"]
.logo-holder
color #fff !important
#logo
.light-version
opacity 1 !important
.dark-version
opacity 0 !important
&.mark-light,
&[data-color="light"]
&:not(.side_icons-bg)
#menu-toggle li
background-color #fff
.search-icon
svg path
fill: #fff;
&:hover
svg path
fill: rgba(255,255,255,0.8) !important;
.cart-icon
.cart-count
color #fff
svg path,
svg circle
fill: #fff;
.hamburger-icon
svg path
fill: #fff;
.menu-right-side .social_media
color rgba(255,255,255,0.8) !important
&:hover
color #fff !important
&.mark-logo-dark,
&[data-color="dark"]
.logo-holder
color #000 !important
#logo
.light-version
opacity 0 !important
.dark-version
opacity 1 !important
&.mark-dark,
&[data-color="dark"]
&:not(.side_icons-bg)
#menu-toggle li
background-color #000
.search-icon
svg path
fill: #000
&:hover
svg path
fill: rgba(0,0,0,0.8) !important;
.cart-icon
.cart-count
color #000
svg path,
svg circle
fill: #000
.hamburger-icon
svg path
fill: #000;
.menu-right-side .social_media
color rgba(0,0,0,0.8) !important
&:hover
color #000 !important
&.menu-opened
&.bg-white
.logo-holder
color #000
#logo
.light-version
opacity 0
.dark-version
opacity 1
&:not(.bg-white)
.logo-holder
color #fff
#logo
.light-version
opacity 1
.dark-version
opacity 0
#header
position: relative
backface-visibility: hidden;
&.hide-logo
#logo
position: absolute !important
svg path,
svg circle,
.cart-count
transition fill .5s, color .5s
.cart-icon
backface-visibility: hidden;
perspective: 1000;
.logo-holder
transition color .2s ease-in-out;
.no-touch .site
transition: transform .3s cubic-bezier(.19,1,.22,1);
transform: translateY(0px)
html.no-touch.popup_menu_opened,
html.no-touch.popup_search_opened
.down_content_on_open
.site
transition: transform .6s cubic-bezier(.19,1,.22,1);
transform: translateY(50px) !important
.menu-right-side
position: fixed;
z-index: 33;
top: 40px;
right: 40px;
.side-icon
float: right
position: relative
margin-left: 1px;
&.search-icon
.icon
padding 4px
&.cart-icon
.icon
padding 4px
&.hamburger-icon
.icon
padding 0
.side-icon-holder
cursor: pointer;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
.icon
width 30px
height 30px
position: relative
z-index: 2
@media only screen and (min-width: 992px)
.hamburger-icon
user-select: none;
&.with-text
.side-icon-holder
width 101px
#menu-toggle
height: 18px
#menu-toggle
.icon
margin-bottom 0
margin-right 10px
float: left
position: relative;
bottom: 1px;
width 36px
ul
width: 20px;
float right
position: relative
z-index 2
#menu-toggle li:first-child
margin-top: 0;
#menu-toggle li
height: 3px;
border-radius: 3px;
opacity: 1;
margin-top: 4px;
margin-left 0;
transform: rotate(0) translateX(0) translateY(0);
transition: background-color 0.5s, transform 0.5s, opacity 0.5s;
#header.menu-opened #menu-toggle li:first-child
transform: rotate(45deg) translateX(5px) translateY(5px);
#header.menu-opened #menu-toggle li:nth-child(2)
opacity: 0;
#header.menu-opened #menu-toggle li:nth-child(3)
transform: rotate(-45deg) translateX(5px) translateY(-5px);
.search-main-icon
opacity 1
transition: opacity 0.5s;
#header-search
.search-close-icon
cursor: pointer;
width: 60px;
height: 60px;
padding-top: 21px;
padding-left: 15px;
position: absolute;
right: 41px;
top: 50%;
transform: translateY(-50%);
transition: opacity 0.5s;
opacity 1
ul
width: 30px;
height: 30px;
position: relative;
li:first-child
margin-top: 0;
li
background-color: #000;
height: 3px;
border-radius: 3px;
opacity: 1;
margin-top: 4px;
margin-left 0;
transform: rotate(0) translateX(0) translateY(0);
transition: background-color 0.5s, transform 0.5s, opacity 0.5s;
li:first-child
transform: rotate(45deg) translateX(5px) translateY(5px);
li:nth-child(2)
opacity: 0;
li:nth-child(3)
transform: rotate(-45deg) translateX(5px) translateY(-5px);
#header-menu
&.with-shadow
box-shadow: 0 1px 5px rgba(0,0,0,0.17);
@media only screen and (max-width: 1200px)
#header-menu:not(.slidedown-full-layout) #main-menu ul.rdy-menu > li > a,
#header-menu:not(.slidedown-full-layout) #main-menu ul.rdy-menu > li > .title
padding: 0 6px;
@media only screen and (min-width: 992px)
#header
&.btn-white
#menu-toggle li
background-color #fff
.search-icon .icon
svg path
fill: #fff;
.cart-icon
.cart-count
color #fff
.icon
svg path,
svg circle
fill: #fff;
.hamburger-icon .icon
svg path
fill: #fff;
&:not(.btn-white)
#menu-toggle li
background-color #000
.search-icon .icon
svg path
fill: #000;
.cart-icon
.cart-count
color #000
.icon
svg path,
svg circle
fill: #000;
.hamburger-icon .icon
svg path
fill: #000;
#header
.cart-count
position: absolute
top 10px
right 0
font-weight bold
font-size 12px
width: 44%;
text-align: left
z-index 2
&.search-opened
#logo,
.cart-icon,
.hamburger-icon
visibility hidden
.side-icon
background-color transparent !important
/*.search-main-icon
opacity 0
.search-close-icon
opacity 1*/
&.menu-opened:not(.fixed-layout)
.side-icon
background-color transparent !important
&.menu-opened:not(.static-layout)
.hamburger-icon
width 60px
.side-icon-holder
width 60px
.icon
display: none !important
&.bg-white
#menu-toggle li
background-color #000
&:not(.bg-white)
#menu-toggle li
background-color #fff
@media only screen and (min-width: 992px)
#header
.mobile-cart-icon
display none
&.menu-opened:not(.static-layout)
.cart-icon,
.search-icon
display: none !important
@media only screen and (max-width: 992px)
#header
.mobile-cart-icon
display block !important
.cart-icon
display: none !important
//&.menu-opened.mobile-fadein
// .cart-icon
// display: none !important
#header-menu
&.fixed-layout,
&.static-layout,
&.slidedown-layout
&.align-center
#main-menu
//margin-right 200px
padding: 0
ul
text-align center !important
&.without-rightside
#main-menu
margin-right 15px
&.align-left
ul
text-align left !important
&.align-right
ul
text-align right !important
&.slidedown-layout
#main-menu
margin-right 100px
.menu-columns
ul
text-align left !important
&.fixed-layout
&.static-layout
#main-menu
display: flex;
align-items: center;
top 0
bottom 0
&.static-layout
&.with-columns
#main-menu
display: block !important;
padding-top: 60px
&.slidedown-full-layout
#main-menu
margin-left: 0
padding-left 0 !important
ul
margin: 0 auto;
&.sub-menu
display none
position relative
box-shadow none
overflow hidden
li
border none !important
&.menu-closed
transform: translateY(-100%);
#main-menu
opacity 0
&.menu-opened
transform: translateY(0);
.widget-area
height 100%
.top-bar-social
margin-bottom 20px
&.align-left
.rdy-menu
li
text-align left
&.align-center
.rdy-menu
li
text-align center
&.align-right
.rdy-menu
li
text-align right
#header-menu
width: 100%;
font-weight: 400;
display: table;
//position: fixed;
top: 0;
left: 0;
z-index: 30;
backface-visibility: hidden;
perspective: 1000;
transition: transform 0.75s cubic-bezier(.19, 1, .22, 1), background-color 0.6s cubic-bezier(.19, 1, .22, 1);
&.slidedown-layout
position: fixed;
.rdy-menu
> li > a
padding-bottom: 11px !important
&:not(.fixed-layout)
&.slidedown-layout
clip: rect(0,0,0,0);
#main-menu
transition: transform 0.4s cubic-bezier(.19, 1, .22, 1), opacity 2.75s cubic-bezier(.19, 1, .22, 1)
&.menu-items-underline
ul
> li
a,
.title
span
padding-top 6px
padding-bottom 6px
border-bottom-width 1px
border-bottom-style solid
border-bottom-color transparent
&.menu-drop-items-underline ul.sf-menu .sub-menu a span
border-bottom-width 1px
border-bottom-style solid
border-bottom-color transparent
&:not(.slidedown-full-layout)
.rdy-menu
> li:first-child
> a
padding-left: 0 !important
> li:last-child
> a:not(.cta-button)
padding-right: 0 !important
> li:last-child
padding-right: 0 !important
#main-menu
position: absolute;
margin-left: 15px;
left: 0;
top: 60px;
bottom: 60px
right: 0
.logo-container
width 1px
padding-right: 40px
opacity 0
.main-menu-container
padding-left 0
padding-right 0
.top-bar-social
display: block
.menu-columns
float: left
padding-right 30px
ul
> li
display: block !important
ul.rdy-menu
> li
display: inline-block
margin-left 0
a
padding: 0 10px
span
transition: border 0.3s ease-out;
&.is_fullwidth
#main-menu
margin-left: 60px;
&.without-rightside
#main-menu
margin-right 60px
&.show_divider
.widget-area
border-left: 1px solid #ccc;
&.show_bottomline
border-bottom: 1px solid #ccc;
&.style1
#main-menu
padding-left 0
.col-table
width: 100%
.col-td
text-align center
.widget-area
padding-left 30px
.widget-area-wrapper
max-width 300px
&.slidedown-full-layout
position: fixed
height: 100%;
//transform: translateZ(0);
.fa-sub-indicator
.fa-sub-indicator i
width auto
//#main-menu
// overflow-y: auto;
.main-area-scroll
overflow-y auto
height 100%
.main-area.col-table,
.widget-area.col-table
height: 100%
//display: flex;
//align-items: center;
.main-area.widget-right.col-td,
.widget-area.widget-right.col-td
height 100%
display: flex;
align-items: center;
.widget-area.widget-right.col-td
text-align left
.col-td
text-align: center;
.rdy-menu
display: inline-block;
#header-menu #main-menu ul.sub-menu > li a,
#header-menu #main-menu ul.sub-menu > li .title
ul
text-align center
> li
display: list-item !important
font-size 40px
.widget-area
//height: 100%
justify-content: center;
.widget-area
.widget
margin-bottom 20px
p
margin-bottom 0 !important
&.title
margin-bottom 8px !important
&:not(.with-socials)
.widget:last-child
margin-bottom 0
&.align-bottom
position: absolute
bottom: 0
left: 50%
transform: translateX(-50%);
height auto
text-align center
border: 0
padding-left: 0
.social_media
margin-right 12px
margin-left 12px
.menu-social-inline
.social_media
display: inline !important;
padding: 0 !important;
&:last-child
margin-right 0
.menu-cta-button
.menu-social-inline
padding-left 20px
height: auto;
.social_media
margin-right 24px
font-size 18px
#header-search
height: 150px
background-color #fff
position: fixed
top 0
left 0
width 100%
z-index 35
overflow: hidden;
backface-visibility: hidden;
perspective: 1000;
transform: translateY(-140%);
display: none
input
background transparent
&:not(.dark)
background-color #fff
border-bottom: 1px solid #ccc;
.search-close-icon li
background-color #000
.search-field
color #000
&.dark
background-color #000
border-bottom: 1px solid rgba(204, 204, 204, 0.51);
.search-close-icon li
background-color #fff
.search-field
color #fff
.widget_search,
.widget_product_search
margin-top 0
margin-bottom 0
position: relative
top: 50%;
transform: translateY(-50%);
input.search-field
width 88%
margin-left 40px
font-size 60px
font-weight bold
outline: none !important;
border 0 !important
appearance: textfield;
&::-webkit-input-placeholder
opacity: 1; transition: opacity 0.3s ease;
&::-moz-placeholder
opacity: 1; transition: opacity 0.3s ease;
&:-moz-placeholder
opacity: 1; transition: opacity 0.3s ease;
&:-ms-input-placeholder
opacity: 1; transition: opacity 0.3s ease;
&::-webkit-search-decoration,
&::-webkit-search-cancel-button,
&::-webkit-search-results-button,
&::-webkit-search-results-decoration
display: none;
.body-overlay
position: fixed
top 0
left 0
width 100%
height 100%
background-color rgba(0,0,0,0.7)
z-index 10
display: none
opacity: 0
.corner-basket
position: fixed;
z-index: 31;
top: 33px;
right: 10.09111328125%;
@media only screen and (max-width: 992px)
#header-menu,
#header-search,
#search-icon,
#header_spacer
display: none !important
#hamburger-icon
display: block !important
#header
z-index: 31
background-color #fff
position: relative !important
overflow hidden
border-bottom 1px solid #E1E1E1
.cart-icon
.cart-count
color #000
.icon svg path,
.icon svg circle
fill #000
.menu-right-side
.social-icons
display none
body.post-type-archive-rdy_project
#header
border-bottom none !important
#header,
#header #logo,
#header .menu-right-side
height: 60px !important
#header.fixed-layout .hamburger-icon
display: block !important
#logo .logo-holder
top 50%
transform: translateY(-50%)
#logo
position: absolute
top 0 !important
left 30px
.side-icon
background-color transparent !important
#header .hamburger-icon
width auto !important
#menu-toggle .icon
display: none !important
.menu-right-side
top 0 !important
right 10px !important
position absolute
#header #logo .logo-holder,
#header .menu-right-side .side-icon
top: 50% !important
transform: translateY(-50%) !important
#header
.logo-holder
color #000 !important
#logo
.light-version
opacity 0 !important
.dark-version
opacity 1 !important
#menu-toggle li
background-color: #000 !important;
&.mobile-logo-center-br,
&.mobile-logo-center-bl
.main-logo
left: 50%
transform: translateX(-50%)
#cart-icon
display: none
&.mobile-logo-center-bl
.menu-right-side
right: auto;
left: 0;
.side-icon
float: left
.post-type-archive-rdy_project.post-type-archive
#header
&.mark-light
.logo-holder
color #fff !important
#logo
.light-version
opacity 1 !important
.dark-version
opacity 0 !important
#menu-toggle li
background-color: #fff !important;
.cart-icon
.cart-count
color #fff
.icon svg path,
.icon svg circle
fill #fff
&.mark-dark
.logo-holder
color #000 !important
#logo
.light-version
opacity 0 !important
.dark-version
opacity 1 !important
.cart-icon
.cart-count
color #000
.icon svg path,
.icon svg circle
fill #000
.popup_menu_opened
.post-type-archive-rdy_project.post-type-archive
#header
.logo-holder
color #000 !important
#logo
.light-version
opacity 0 !important
.dark-version
opacity 1 !important
#menu-toggle li
background-color: #000 !important;
.cart-icon
.cart-count
color #000
.icon svg path,
.icon svg circle
fill #000
@media screen and (max-width: 992px)
body:not(.admin-bar)
#header.stiky-mobile,
#mobile-menu.stiky-mobile
position: fixed !important;
body.admin-bar #header.stiky-mobile
position: fixed !important;
top 32px
#header.stiky-mobile.m-fixed
position: fixed !important;
@media screen and (max-width: 782px)
body.admin-bar #header.stiky-mobile
top 46px
position: fixed !important;
@media screen and (max-width: 600px)
body.admin-bar #header.stiky-mobile
top 46px
position: absolute !important;
body #header.stiky-mobile.m-fixed
position: fixed !important;
@media screen and (min-width: 600px) and (max-width: 992px)
body.admin-bar #mobile-menu.stiky-mobile
position: fixed !important;
#mobile-menu.stiky-mobile.m-fixed {
position: fixed !important;
}
@media only screen and (max-width: 992px)
.post-type-archive-rdy_project.post-type-archive
#header
background transparent
&.admin-bar
#header
top 32px
@media screen and (max-width: 782px)
.post-type-archive-rdy_project.post-type-archive
&.admin-bar
#header
top 46px
#mobile-menu
background-color #fff
width 100%
padding: 80px 0 20px 0;
z-index: 30;
display: none
visibility hidden
position: absolute;
top: 0;
transform: translateY(-110%);
box-shadow: 0px 2px 9px rgba(0,0,0,0.25);
overflow-y: auto;
.close_arrow
position: absolute;
width: 25px;
height: 45px;
top: 10px;
text-align: center;
z-index 1
cursor pointer
svg
width: 100%;
height: 100%;
.container
max-width 100%
height: 100%;
padding-top 70px
padding-left 30px
padding-right 30px
.wrapper
overflow-x hidden
&[data-menu-animation="fadein"]
&[data-menu-animation="slideleft"]
&[data-menu-animation="slideright"]
top 0 !important
&[data-menu-animation="fadein"]
z-index 60
height 100%
top 0
transform none
&[data-menu-animation="slideleft"]
&[data-menu-animation="slideright"]
z-index: 60;
height: 100%
.container
padding-top 70px;
&.fixed-width
max-width: 320px;
&[data-menu-animation="slideleft"]
transform: translateX(-110%);
.close_arrow
left: 25px;
transform: rotate(180deg);
&[data-menu-animation="slideright"]
transform: translateX(110%);
right 0
.close_arrow
right: 25px;
//&[data-menu-items-animation="slideleft"]
// .menu-mobile > li
// transform: translateX(-110%);
&[data-menu-items-animation="slideleft"]
&[data-menu-items-animation="slideright"]
&[data-menu-items-animation="slideup"]
&[data-menu-items-animation="slidedown"]
&[data-menu-items-animation="fadein"]
.menu-mobile > li
.mobile_socials
#mobile-search
.cta-button
opacity 0
.mobile_socials
margin-left -30px
margin-right -30px
margin-top 40px
border-top 1px solid rgba(179, 179, 179, 0.4)
padding-top 20px
padding-left 30px
padding-right 30px
a
display: block
padding 5px 0
color #222
font-size 12px
&.with-icons
a
display: inline-block
font-size 20px
padding 0 12px
.menu-mobile
margin-top 10px
&:first-child
margin-top 0
li
font-weight bold
font-size 15px
border-bottom 1px solid rgba(179, 179, 179, 0.4)
.fa-sub-indicator
//top -4px
//left 40px
width 30px
text-align: center;
font-size 14px
top: 50%;
right 0
transform: translateY(-50%);
position: absolute;
left auto
opacity .7
//.fa
// position: relative;
// top: -3px;
&:last-child
border 0 !important
a,
.title
color #222
padding 10px 0
display: block
//margin-right 40px
position relative
.title
color #919191
margin-bottom 0
font-weight bold
.sub-menu
li
#mobile-search
margin-top 25px
input
width 100%
padding 10px 4px
@media screen and (max-width: 992px)
html.popup_menu_opened
#header.mobile-fadein
background-color transparent !important
border none !important
z-index 61
#logo
display none
.body-overlay.upper
z-index: 55
@media screen and (max-width: 992px)
#mobile-menu
display: block
body.admin-bar #mobile-menu
top: 32px
@media screen and (max-width: 782px)
body.admin-bar #mobile-menu
top: 46px
#mobile-menu
padding 0 !important
ul li ul
display: none;
margin-left: 5px;
li
font-size 14px !important
font-weight normal !important
&.no-divider .menu-mobile li
border-bottom none !important
> .container > .row
> .container > .row > .col-sm-12
height 100%
.wrapper
height 100%
display flex
flex-wrap: wrap;
//flex-direction column
//align-content: flex-start
> *
width 100%
.mobile_menu_side
margin-bottom 20px
&:not(.valign-middle):not(.valign-el-bottom)
.wrapper
align-content: flex-start;
// flex-direction: column;
&:not(.valign-middle).valign-el-bottom
.wrapper
//align-content: space-between;
.mobile_menu_side
align-self: flex-end
&.valign-middle:not(.valign-el-bottom)
.wrapper
align-content: center;
align-items: center;
&.valign-middle.valign-el-bottom
.menu-mobile
align-self: center
.mobile_menu_side
align-self: flex-end
/*&.valign-middle.valign-el-bottom
.wrapper
position relative
.mobile_menu_side
position: absolute
left 0
right 0
bottom 0*/
html.no-scroll
overflow-y: hidden
-webkit-overflow-scrolling: touch;
/*html.no-scroll {
overflow-y: hidden
}
html.no-scroll .body {
overflow-y: scroll
}
@media (max-width: 922px) {
html.no-scroll body {
position: fixed;
height: 100%;
width: 100%;
overflow: hidden
}
}
@media (device-width: 922px) {
html.no-scroll body {
height: 100%;
overflow: hidden
}
}
@media (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
html.no-scroll body {
height: 1024px
}
}
@media (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
html.no-scroll body {
height: 768px
}
}*/
#mobile-menu
.fa-sub-indicator
font-size: 16px;
font-weight: normal
height: 20px;
width: 20px;
&.align-right
.menu-mobile li
text-align: right;
position: relative;
.mobile_socials
text-align: right;
.fa-sub-indicator
right: auto !important;
left: 0 !important;
#mobile-search input
text-align: right;
&.align-center
.menu-mobile li
text-align: center;
position: relative;
#mobile-search input
text-align: center;
.menu-mobile li a,
.menu-mobile li .title
margin-right: auto !important;
.mobile_socials
text-align: center;
&.with-icons
a:first-child
padding-left 0
a:last-child
padding-right 0
ul li ul
margin-left auto
//.menu-mobile li .fa-sub-indicator
// position: absolute !important;
// top: 6px !important;
// right: 0px !important;
// left: auto !important;
a.cta-button
padding: 10px 10px
text-align center
margin-top 10px
&:first-child
margin-top 0 !important
.menu-mobile .fa-sub-indicator
float: right;
#header.menu-opened #zlogo .logo-holder
color: #000 !important;
@media only screen and (min-width: 992px)
#header
&.fixed-layout
.hamburger-icon
display: none !important
.search-icon,
.cart-icon
display: block !important
#header
&.static-layout
width 100%
position: absolute
top auto
#logo,
.menu-right-side
position: absolute
.hamburger-icon
display: none;
.search-icon,
.cart-icon
display: block
/* mini cart */
.rdy_dynamic_shopping_bag
position relative
.rdy_little_shopping_bag,
.rdy_little_shopping_bag_wrapper_mobiles
display none
.rdy_little_shopping_bag_wrapper.shopping_bag_mobile_style
width: 61px;
background-color: #fff;
.rdy_little_shopping_bag_wrapper
position: absolute;
top: 0;
right: 0;
width: 140px;
z-index: 100;
.shopping_bag_mobile_style .rdy_minicart_wrapper
top: 60px;
.rdy_minicart_wrapper {
width: 270px;
position: absolute;
right: 0;
z-index: 10000;
display: none;
padding-top: 0;
text-align left
}
.rdy_minicart
width: 270px;
padding: 0;
background: #000;
position: relative;
color #fff
.empty
padding 10px 0
.cart_list
li.cart_list_product
padding 10px
margin 0
overflow hidden
border-top 1px solid #3c3c3c
line-height 120%
a
color #fff
font-size 13px
font-weight bold
text-decoration none
div
font-size 12px
.cart_list_product_quantity
color #949494
.cart_list_product_price
float: right
font-weight bold
.cart_list_product_img
float: left;
width: 59px;
height: 59px;
background: #ffffff;
margin-bottom 15px
.cart_list_product_title
width: 185px;
float left
padding: 5px 0 0 10px;
.minicart_total_checkout
padding 25px 10px 25px 80px
font-size 13px
font-weight bold
border-top 1px solid #3c3c3c
border-bottom 1px solid #3c3c3c
.amount
float: right
.minicart_cart_button
padding 10px
.rdy_minicart_cart_but
float: left
.rdy_minicart_checkout_but
float: right
a
width: 120px
background-color #fff
color #000000
padding-top 20px
padding-bottom 20px
display: inline-block
text-align center
font-weight bold
&:hover
background-color: #eeeeee !important;
.empty
font-size 13px
text-align center
.b_button
color #333
/* Footer */
.site-footer .footer-wrapper a
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 1px;
@media screen and (min-width: 782px)
.site-footer
.f-column
padding-left: 30px;
padding-right: 30px;
.f-row
margin-left: -30px;
margin-right: -30px;
//.f-row
// margin-left: -15px;
// margin-right: -15px;
@media screen and (max-width: 768px)
#header > .container
width 100% !important
padding-left $mobile-layout-padding
padding-right $mobile-layout-padding
//#logo
// left: 30px
//.menu-right-side
// right: 10px !important
.site-footer
.container-line
.site-footer-area
.site-footer-bar-area
&.container
width 100% !important
padding-left $mobile-layout-padding
padding-right $mobile-layout-padding
//.site-footer
// .footer-wrapper
// .container
// width 100% !important
//
// #bottom-bar
// .bottom-bar-area.container
// width 100% !important
.site-footer
position: relative
overflow hidden
.container-line.container-fluid
padding 0
.f-column
.widget
&:last-child
margin-bottom 0 !important
//.container-fluid
// .f-row
// margin-left: 15px;
// margin-right: 15px;
.footer-wrapper
padding-top 60px
padding-bottom 60px
.footer-wrapper.ft-center .col
text-align center
.footer-wrapper.ft-right .col
text-align right
.widget
.widgettitle
font-size 14px
font-weight bold
margin-bottom 20px
.pre-footer
.vc_row
margin-bottom 0 !important
.pre-footer-sidebar
overflow: hidden
.site-footer .footer-wrapper.list-divider .col ul li:first-child {
padding-top: 0px!important;
}
.site-footer
.footer-wrapper
&.equal-height
.f-row
.f-row > .col:not(.f-column)
display: flex;
flex-wrap: wrap;
//.f-row .col
// display: flex;
// align-items: flex-start;
&.list-divider
.col ul li
padding: 10px 0px !important;
list-style: none;
margin-bottom: 0px;
border-bottom: 1px solid rgba(0,0,0,0.25);
&.list-divider-light
.col ul li
border-bottom: 1px solid rgba(255,255,255,0.35);
&.columns-divider
.f-column
border-left: 1px solid rgba(0,0,0,0.25);
&:first-child
border none !important
&.list-divider-light
.f-column
border-left: 1px solid rgba(255,255,255,0.35);
.scroll-top
display: block
width 80px
height: 85px
position: relative
margin 0 auto
margin-top 120px
margin-bottom 100px
z-index 5
.icon
display: block
width 80px
height: 70px
position: relative
opacity 1
&:hover
opacity .7
&.align-right
margin-left auto
margin-right 60px
&.icon1
.icon
background url(../images/up_to_top_01.svg) top center no-repeat
&.icon2
.icon
background url(../images/up_to_top_02.svg) top center no-repeat
&.icon3
.icon
background url(../images/up_to_top_03.svg) top center no-repeat
span.text
text-align center
text-transform uppercase
font-size 11px
color #818181
display: block;
padding-left: 3px;
.scroll-top-main
position: fixed;
z-index 29
right: 40px;
bottom: 40px;
width: 52px;
height: 52px;
display: none;
opacity: .7;
transition opacity .3s
&:hover
opacity 1
&.icon1
background url(../images/up_to_top_01.svg) top center no-repeat
&.icon2
background url(../images/up_to_top_02.svg) top center no-repeat
&.icon3
background url(../images/up_to_top_03.svg) top center no-repeat
@media screen and (min-width: 992px)
.scroll-top-main-mobile
display: none !important
@media screen and (max-width: 992px)
.scroll-top-main-mobile
position: fixed;
z-index 29
right: 17px;
bottom: 17px;
width: 40px;
height: 40px;
background #000
border-radius 3px
text-align center
backface-visibility hidden
transform translateY(60px)
.fa
font-size 36px
line-height 38px
color: #fff
&.icon-dark
.fa
color: #000
&.shadow
box-shadow 0px 1px 6px rgba(0,0,0,0.5);
&.circle
border-radius 50%;
#bottom-bar
.copyright
&.three-columns
.col1
.col3
width 50%
.col2
white-space nowrap
.col-td
//width: 33.3%;
&.left
text-align left
&.center
text-align center
&.right
text-align right
.elem
display: inline-block;
margin-left: 10px;
margin-right: 10px;
&:first-child
margin-left: 0px !important;
&:last-child
margin-right: 0px !important;
.elem,
.menu li,
.bottom-bar-social
line-height 180%
font-size 12px
.menu li
&:first-child
margin-left 0
&:last-child
margin-right 0
.container-fluid
.col-td-social
text-align: right
.content-left
.copyright
text-align left
.content-center
.copyright
text-align center
.content-right
.copyright
text-align right
.social-inline
.bottom-bar-social-top
display: none
.bottom-bar-social-top .bottom-bar-social
margin-top 60px
margin-bottom 45px
text-align center
a
border 0 !important
margin: 0 20px
.copyright
.bottom-bar-social
display: inline-block
margin 0
padding-top: 5px
a:first-child
margin-left 0 !important
a:last-child
margin-right 0 !important
.footer-logo-a
border 0
display: inline-block
vertical-align: middle;
border-bottom none !important
.copyright
a
border-bottom-width 1px
border-bottom-style solid
border-bottom-color transparent
p
display: inline-block
font-size 12px
vertical-align: middle;
line-height:140%
@media screen and (max-width: 992px)
#bottom-bar
.bottom-bar-social-top
display: block !important
.bottom-bar-social
padding-left 28px
padding-right 28px
a
margin-left: 14px !important;
margin-right: 14px !important;
margin-bottom: 14px !important;
.social_media
display: inline-block;
font-size 20px
footer-copyright-mobile()
.bottom-bar-social-top
.bottom-bar-social
padding-left 0
padding-right 0
margin-top 20px;
margin-bottom 0;
a
margin-bottom: 0 !important
&:first-child
margin-left 0 !important
.copyright
//padding-left: 15px;
//padding-right: 15px;
.bottom-bar-social
margin-top 0 !important
margin-bottom 0 !important
.col-td
width 100%
display block
.elem
display: block
margin-top 10px
margin-left: 0px !important;
margin-right: 0px !important;
&:first-child
.elem:first-child
margin-top 0 !important
&[data-mobile-align="left"]
.site-footer-bar-area .bottom-bar-social-top .bottom-bar-social
.copyright .col-td
text-align left !important
&[data-mobile-align="center"]
.site-footer-bar-area .bottom-bar-social-top .bottom-bar-social
.copyright .col-td
text-align center !important
&[data-mobile-align="right"]
.site-footer-bar-area .bottom-bar-social-top .bottom-bar-social
.copyright .col-td
text-align right !important
@media screen and (max-width: 991px)
#bottom-bar[data-mobile="sm"]
footer-copyright-mobile()
@media screen and (max-width: 767px)
#bottom-bar[data-mobile="xs"]
footer-copyright-mobile()
.site-content
position: relative;
/* Project */
#page.project {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.site-content {
position: relative;
width: 100%;
height: 100%;
}
.columns-project .column {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
/**** Isotope Filtering ****/
.iso-item {
z-index: 2;
}
.isotope-hidden.iso-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.iso-container,
.iso-container .iso-item {
transition-duration: 0.8s;
}
.iso-container {
transition-property: height, width;
}
.iso-container .iso-item {
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.iso-container.no-transition,
.iso-container.no-transition .iso-item,
.iso-container .iso-item.no-transition {
transition-duration: 0s;
}
#post-area .rdy-masonry
overflow: hidden
/* Row/Column RESET */
//.site-content
// overflow hidden
.row_section
.vc_row
margin-left 0
margin-right 0
.row-container
padding-left: 0;
padding-right: 0;
.vc_column_container:not(.vc_col-has-fill)>.vc_column-inner
padding-left: 0;
padding-right: 0;
&.container-fluid
padding-left: 0;
padding-right: 0;
/*
.wpb_row
margin-left: -30px;
margin-right: -30px;
.wpb_row > .inner
padding: 30px !important;*/
.row_section.container-fluid
max-width: 100%;
> .wpb_row
margin-left 0
margin-right 0
> .row-container.container
padding-left 15px
padding-right 15px
> .row-container.container-fluid
padding-left 60px
padding-right 60px
.row_section
.wpb_row.no-spaces
.row-container
padding-left 0 !important
padding-right 0 !important
padding-top 0 !important
padding-bottom 0 !important
//.row_section .row-container.limit-width.boxed-row {
// box-sizing: border-box;
// background-clip: content-box;
// padding-left: 36px;
// padding-right: 36px;
.row_section
.wpb_row .row-inner::after,
.wpb_row .row-inner::before
content: " ";
display: table;
clear: both;
.row_section
&.container > .wpb_row.vc_row-has-fill
margin-left 0 !important
margin-right 0 !important
//.vc_row.rdy_vc_row-o-full-height > .row-container > .row-inner
// min-height: 100vh;
.vc_row.rdy_vc_row-o-full-height
display: flex;
min-height: 100vh;
.vc_row.rdy_vc_row-o-full-height > .row-container
display: flex;
flex-direction: column;
flex: 1 1 auto;
.vc_row.rdy_vc_row-o-full-height > .row-container > .row-inner
flex-grow: 1;
.vc_row.rdy_vc_row-o-dyn-height > .row-container,
.vc_row.rdy_vc_row-o-dyn-height > .row-container > .row-inner
height: 100%;
@media screen and (min-width: 768px)
.row_section.vc_row_cp_lr_0 > .wpb_row > .row-container
padding-left 0 !important
padding-right 0 !important
.row_section.vc_row_cp_lr_15 > .wpb_row > .row-container
padding-left 15px !important
padding-right 15px !important
.row_section.vc_row_cp_lr_30 > .wpb_row > .row-container
padding-left 30px !important
padding-right 30px !important
.row_section.vc_row_cp_lr_45 > .wpb_row > .row-container
padding-left 45px !important
padding-right 45px !important
.row_section.vc_row_cp_lr_60 > .wpb_row > .row-container
padding-left 60px !important
padding-right 60px !important
.row_section.vc_row_cp_lr_80 > .wpb_row > .row-container
padding-left 80px !important
padding-right 80px !important
.row_section.vc_row_cp_lr_100 > .wpb_row > .row-container
padding-left 100px !important
padding-right 100px !important
.row_section.vc_row_cp_t_0 > .wpb_row > .row-container
padding-top 0px !important
.row_section.vc_row_cp_t_15 > .wpb_row > .row-container
padding-top 15px !important
.row_section.vc_row_cp_t_30 > .wpb_row > .row-container
padding-top 30px !important
.row_section.vc_row_cp_t_45 > .wpb_row > .row-container
padding-top 45px !important
.row_section.vc_row_cp_t_60 > .wpb_row > .row-container
padding-top 60px !important
.row_section.vc_row_cp_t_80 > .wpb_row > .row-container
padding-top 80px !important
.row_section.vc_row_cp_t_100 > .wpb_row > .row-container
padding-top 100px !important
.row_section.vc_row_cp_b_0 > .wpb_row > .row-container
padding-bottom 0px !important
.row_section.vc_row_cp_b_15 > .wpb_row > .row-container
padding-bottom 15px !important
.row_section.vc_row_cp_b_30 > .wpb_row > .row-container
padding-bottom 30px !important
.row_section.vc_row_cp_b_45 > .wpb_row > .row-container
padding-bottom 45px !important
.row_section.vc_row_cp_b_60 > .wpb_row > .row-container
padding-bottom 60px !important
.row_section.vc_row_cp_b_80 > .wpb_row > .row-container
padding-bottom 80px !important
.row_section.vc_row_cp_b_100 > .wpb_row > .row-container
padding-bottom 100px !important
@media screen and (max-width: 992px) {
/*.wpb_row .row-inner > div.col-sm-12:first-child {
padding-top: 0px !important;
}
.wpb_row .row-inner > div.col-sm-12 {
padding-top: 30px !important;
}*/
.row_section {
padding-left: 15px
padding-right: 15px
}
.row_section > .wpb_row {
margin-left 0 !important
margin-right 0 !important
}
}
@media screen and (max-width: 767px) {
.row_section {
padding-left: 0
padding-right: 0
}
//#bottom-bar > .bottom-bar-area {
// padding-left: 30px;
// padding-right: 30px;
//}
.wpb_row .row-inner > div:first-child:not([class*=col-xs]),
.wpb_row.vc_inner > div:first-child:not([class*=col-xs]) {
padding-top: 0px !important;
}
.wpb_row .row-inner > div:not([class*=col-xs]),
.wpb_row.vc_inner > div:not([class*=col-xs]) {
padding-top: 30px !important;
}
}
@media screen and (min-width: 768px)
.wpb_row.vc_inner
margin-left: -15px !important;
margin-right: -15px!important;
@media screen and (max-width: 767px)
.row_section > .wpb_row > .row-container
padding 30px !important
//padding-bottom 0 !important
body.vc_row-padding-fix-xs .row_section > .wpb_row:not(.vc_row-has-fill) > .row-container
padding-bottom 0 !important
/* Row */
.vc_row.vc_row-o-content-middle
> .container-fluid
width 100%
.row_section.container
max-width: 100%;
> .row
margin-left 0
margin-right 0
.vc_row[data-csd-animation] > .row-container > .row-inner > .wpb_column,
.wpb_column[data-csd-animation] > .vc_column-inner > .wpb_wrapper > *
opacity 0
/*
.row_section
.vc_row
&.no-spaces
.inner
padding-left: 0 !important;
padding-right: 0 !important;
& > .container,
& > .container-fluid
padding-left: 0;
padding-right: 0;
.inner.container-fluid
> .row
margin-left: 0;
margin-right: 0;
> .wpb_column > .vc_column-inner
padding-left: 0;
padding-right: 0;
*/
/*.row_section
padding-left 0
padding-right 0
> .vc_row
margin-left 0
margin-right 0
.inner
&.container,
&.container-fluid
padding-left 0
padding-right 0
.wpb_row
.wpb_row:last-child
margin-bottom 0 !important
*/
@media screen and (max-width: 768px)
.vc_column_container > .vc_column-inner
padding-left: 30px;
padding-right: 30px;
.wpb_row > .inner
padding-bottom: 30px;
.page-title.title-center .title-container,
.page-title.content-left .title-container,
.page-title.content-right .title-container
padding-right 30px !important
padding-left 30px !important
.vc_column_container .vc_column_link
position: absolute;
z-index: 1000;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
.wpb_row .wpb_column > .vc_column-inner,
.wpb_row.vc_inner > .wpb_column
position relative
@media screen and (max-width: 767px)
.vc_row.vc_column-gap-1
.vc_row.vc_column-gap-2,
.vc_row.vc_column-gap-3,
.vc_row.vc_column-gap-4,
.vc_row.vc_column-gap-5,
.vc_row.vc_column-gap-10,
.vc_row.vc_column-gap-15,
.vc_row.vc_column-gap-20,
.vc_row.vc_column-gap-25,
.vc_row.vc_column-gap-30,
.vc_row.vc_column-gap-35
margin-left: 0
margin-right: 0
.vc_row.vc_column-gap-1 > .vc_column_container
.vc_row.vc_column-gap-2 > .vc_column_container
.vc_row.vc_column-gap-3 > .vc_column_container
.vc_row.vc_column-gap-4 > .vc_column_container
.vc_row.vc_column-gap-5 > .vc_column_container
.vc_row.vc_column-gap-10 > .vc_column_container
.vc_row.vc_column-gap-15 > .vc_column_container
.vc_row.vc_column-gap-20 > .vc_column_container
.vc_row.vc_column-gap-25 > .vc_column_container
.vc_row.vc_column-gap-30 > .vc_column_container
.vc_row.vc_column-gap-35 > .vc_column_container
.vc_row.vc_column-gap-1 > .vc_column_container
.vc_row.vc_column-gap-1 > .vc_column_container
.vc_row.vc_column-gap-1 > .vc_column_container
.vc_row.vc_column-gap-1 > .vc_column_container
padding: 0
@media screen and (min-width: 768px)
.wpb_row:not(.vc_row-fluid)
&.vc_row.vc_column-gap-1,
&.vc_row.vc_column-gap-2,
&.vc_row.vc_column-gap-3,
&.vc_row.vc_column-gap-4,
&.vc_row.vc_column-gap-5,
&.vc_row.vc_column-gap-10,
&.vc_row.vc_column-gap-15,
&.vc_row.vc_column-gap-20,
&.vc_row.vc_column-gap-25,
&.vc_row.vc_column-gap-30,
&.vc_row.vc_column-gap-35
margin-left: 0
margin-right: 0
.vc_row.vc_column-gap-1 > .vc_column_container,
.vc_row.vc_column-gap-1 .row-inner > .vc_column_container
padding: 0 .5px
.vc_row.vc_column-gap-2 > .vc_column_container,
.vc_row.vc_column-gap-2 .row-inner > .vc_column_container
padding: 0 1px
.vc_row.vc_column-gap-3 > .vc_column_container,
.vc_row.vc_column-gap-3 .row-inner > .vc_column_container
padding: 0 1.5px
.vc_row.vc_column-gap-4 > .vc_column_container,
.vc_row.vc_column-gap-4 .row-inner > .vc_column_container
padding: 0 2px
.vc_row.vc_column-gap-5 > .vc_column_container,
.vc_row.vc_column-gap-5 .row-inner > .vc_column_container
padding: 0 2.5px
.vc_row.vc_column-gap-10 > .vc_column_container,
.vc_row.vc_column-gap-10 .row-inner > .vc_column_container
padding: 0 5px
.vc_row.vc_column-gap-15 > .vc_column_container,
.vc_row.vc_column-gap-15 .row-inner > .vc_column_container
padding: 0 7.5px
.vc_row.vc_column-gap-20 > .vc_column_container,
.vc_row.vc_column-gap-20 .row-inner > .vc_column_container
padding: 0 10px
.vc_row.vc_column-gap-25 > .vc_column_container,
.vc_row.vc_column-gap-25 .row-inner > .vc_column_container
padding: 0 12.5px
.vc_row.vc_column-gap-30 > .vc_column_container,
.vc_row.vc_column-gap-30 .row-inner > .vc_column_container
padding: 0 15px
.vc_row.vc_column-gap-35 > .vc_column_container,
.vc_row.vc_column-gap-35 .row-inner > .vc_column_container
padding: 17.5px
.vc_row.vc_column-gap-40 > .vc_column_container,
.vc_row.vc_column-gap-40 .row-inner > .vc_column_container
padding: 0 20px;
.vc_row.vc_column-gap-45 > .vc_column_container,
.vc_row.vc_column-gap-45 .row-inner > .vc_column_container
padding: 0 22.5px;
.vc_row.vc_column-gap-50 > .vc_column_container,
.vc_row.vc_column-gap-50 .row-inner > .vc_column_container
padding: 0 25px;
.vc_row.vc_column-gap-55 > .vc_column_container,
.vc_row.vc_column-gap-55 .row-inner > .vc_column_container
padding: 0 27.5px;
.vc_row.vc_column-gap-60 > .vc_column_container,
.vc_row.vc_column-gap-60 .row-inner > .vc_column_container
padding: 0 30px;
.vc_row.vc_column-gap-1 .row-inner
.vc_inner.vc_column-gap-1
margin-left: -0.5px
margin-right: -0.5px
.vc_row.vc_column-gap-2 .row-inner
.vc_inner.vc_column-gap-2
margin-left: -1px
margin-right: -1px
.vc_row.vc_column-gap-3 .row-inner
.vc_inner.vc_column-gap-3
margin-left: -1.5px
margin-right: -1.5px
.vc_row.vc_column-gap-4 .row-inner
.vc_inner.vc_column-gap-4
margin-left: -2px
margin-right: -2px
.vc_row.vc_column-gap-5 .row-inner
.vc_inner.vc_column-gap-5
margin-left: -2.5px
margin-right: -2.5px
.vc_row.vc_column-gap-10 .row-inner
.vc_inner.vc_column-gap-10
margin-left: -5px
margin-right: -5px
.vc_row.vc_column-gap-15 .row-inner
.vc_inner.vc_column-gap-15
margin-left: -7.5px
margin-right: -7.5px
.vc_row.vc_column-gap-20 .row-inner
.vc_inner.vc_column-gap-20
margin-left: -10px
margin-right: -10px
.vc_row.vc_column-gap-25 .row-inner
.vc_inner.vc_column-gap-25
margin-left: -12.5px
margin-right: -12.5px
.vc_row.vc_column-gap-30 .row-inner
.vc_inner.vc_column-gap-30
margin-left: -15px
margin-right: -15px
.vc_row.vc_column-gap-35 .row-inner
.vc_inner.vc_column-gap-35
margin-left: -17.5px
margin-right: -17.5px
.vc_row.vc_column-gap-40 .row-inner
.vc_inner.vc_column-gap-40
margin-left: -20px
margin-right: -20px
.vc_row.vc_column-gap-45 .row-inner
.vc_inner.vc_column-gap-45
margin-left: -22.5px
margin-right: -22.5px
.vc_row.vc_column-gap-50 .row-inner
.vc_inner.vc_column-gap-50
margin-left: -25px
margin-right: -25px
.vc_row.vc_column-gap-55 .row-inner
.vc_inner.vc_column-gap-55
margin-left: -27.5px
margin-right: -27.5px
.vc_row.vc_column-gap-60 .row-inner
.vc_inner.vc_column-gap-60
margin-left: -30px
margin-right: -30px
.vc_row .vc_column_gutter_15 > .vc_column-inner > .wpb_wrapper > * {
margin-top: 15px;
}
.vc_row .vc_column_gutter_30 > .vc_column-inner > .wpb_wrapper > * {
margin-top: 30px;
}
.vc_row .vc_column_gutter_45 > .vc_column-inner > .wpb_wrapper > * {
margin-top: 45px;
}
.vc_row .vc_column_gutter_60 > .vc_column-inner > .wpb_wrapper > * {
margin-top: 60px;
}
.vc_row .wpb_column.vc_column_gutter > .vc_column-inner > .wpb_wrapper > *:first-child {
margin-top: 0px !important;
}
/* VC reset */
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li
margin-bottom: 0;
.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner
padding 30px
//@media screen and (max-width: 992px)
// .row_section > .wpb_row.no-spaces > .row-container.container-fluid > .row-inner > .wpb_column > .vc_column-inner
// padding-right: 30px !important;
// padding-left: 30px !important;
.vc_row.rdy_vc_row-flex > .row-container > .row-inner,
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > .vc_column_container,
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > a > .vc_column_container,
.vc_row .vc_row.rdy_vc_row-flex > .vc_column_container {
display: flex
}
//.vc_row .vc_row.rdy_vc_row-flex {
// flex-wrap: wrap
//}
.vc_row.rdy_vc_row-flex > .row-container > .row-inner {
box-sizing: border-box;
flex-wrap: wrap
}
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > .vc_column_container > .vc_column-inner,
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > a > .vc_column_container > .vc_column-inner,
.vc_row .vc_row.rdy_vc_row-flex > .vc_column_container > .vc_column-inner {
flex-grow: 1;
display: flex;
flex-direction: column
}
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > .vc_vc_column,
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > .vc_vc_column_inner,
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > a > .vc_vc_column_inner {
display: flex
}
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > .vc_vc_column > .vc_column_container,
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > .vc_vc_column_inner > .vc_column_container,
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > a > .vc_vc_column_inner > .vc_column_container {
display: flex;
width: 100%
}
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
.vc_row.rdy_vc_row-flex > .row-container > .row-inner > a > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
display: flex;
flex-direction: column
}
.vc_row.vc_inner.vc_row-o-equal-height {
display: flex
}
.vc_row.rdy_vc_row-o-equal-height > .row-container > .row-inner > .vc_column_container,
.vc_row.rdy_vc_row-o-equal-height > .row-container > .row-inner > a > .vc_column_container {
align-items: stretch
}
.vc_row.rdy_vc_row-o-columns-stretch > .row-container > .row-inner {
align-content: stretch
}
.vc_row.rdy_vc_row-o-columns-top > .row-container > .row-inner {
align-content: flex-start
}
.vc_row.rdy_vc_row-o-columns-bottom > .row-container > .row-inner {
align-content: flex-end
}
//.vc_row.rdy_vc_row-o-columns-middle
// display: flex;
// flex-direction: column;
//
// .row-container
// width 100%
.vc_row.rdy_vc_row-o-columns-middle > .row-container > .row-inner {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.vc_row.rdy_vc_row-flex > .row-container > .row-inner::after,
.vc_row.rdy_vc_row-flex > .row-container > .row-inner::before {
display: none
}
.vc_row.rdy_vc_row-o-columns-bottom > .row-container > .row-inner::after,
.vc_row.rdy_vc_row-o-columns-middle > .row-container > .row-inner::after,
.vc_row.rdy_vc_row-o-columns-top > .row-container > .row-inner::after {
content: '';
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
display: block
}
.rdy_vc_ie-flexbox-fixer
display: flex;
flex-direction: column;
> .row-container > .row-inner
width 100% !important
flex: 1 1 auto;
.vc_row.rdy_vc_row-o-full-height.rdy_vc_ie-flexbox-fixer
> .row-container > .row-inner
height:100vh
.rdy_align_left
margin-left 0 !important
margin-right auto !important
.rdy_align_center
margin-left auto !important
margin-right auto !important
.rdy_align_right
margin-left auto !important
margin-right 0 !important
.vc_sep_pos_align_justify
margin-left auto !important
margin-right auto !important
.vc_row-section .vc_row.fix-row > .container > .row
margin-left: -30px;
margin-right: -30px;
.vc_parallax>*,
.rdy_row_overlay>* {
position: relative;
z-index: 1;
}
@media only screen and (min-width: 992px)
.page-title > .container-fluid
.breadcrumbs-container.container-fluid
.content-area .container-fluid.container-main
.site-content .container-fluid.container-main
padding-left: 60px;
padding-right: 60px;
.row_section .container-fluid.container-main
padding-left: 45px;
padding-right: 45px;
body.page:not(.with-sidebar) .site-main > .container-fluid.container-main
body.single:not(.with-sidebar) .site-main > .container-fluid.container-main
body.single .site-main > .container-main
padding-left: 30px;
padding-right: 30px;
// .row_section.container-fluid > .wpb_row > .row-container.container
body.page.with-sidebar .row_section > .wpb_row > .row-container.container
padding-left: 0px;
padding-right: 0px;
//.row_section > .wpb_row > .row-container
// height 100%
// min-height 100%
.video_section .mobile-video-image
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
.wpb_row
position: relative
> .row-container > .row-inner
position: relative;
.video_section .video-overlay,
.wpb_row .row-overlay
left: 0;
opacity: 1;
position: absolute;
top: 0;
bottom: 0;
right: 0;
canvas
position: absolute;
top 0
left 0
width: 100%;
height: 100%;
.vc_row.video_section video
top: 0;
left: 0;
position: absolute;
opacity 0
//min-width: 100%;
//min-height: 100%;
.vc_row.video_section
position: relative
overflow hidden
.no-touch
.navigation-bar
position: fixed
width 100%
height: 60px
background-color #fff
left 0
bottom -70px
z-index 9
transition opacity .3s, bottom .5s ease-in-out
display block
&.sticky
bottom 0
&.type2
transition none !important
.navigation-bar,
.rdy-post-nav
.dots
a
display: block
position: absolute;
top: 18px;
width: 25px;
height: 25px;
color: #000;
backface-visibility: hidden;
left: 50%;
transform: translateX(-50%);
> i:nth-child(1)
top: 3px;
left: 10px;
> i:nth-child(2)
top: 10px;
left: 10px;
> i:nth-child(3)
top: 17px;
left: 10px;
> i
position: absolute;
display: block;
width: 5px;
height: 5px;
background: #000;
transition: transform .3s,background .3s;
&:before,
&:after
content: '';
position: absolute;
top: 0;
width: 5px;
height: 5px;
background: inherit;
transition: transform .3s;
&:before
left: -7px;
&:after
right: -7px;
&:hover
> i:before
transform: translateX(-4px)
> i:after
transform: translateX(4px)
> i:nth-child(1)
transform: translateY(-4px)
> i:nth-child(2)
transform: translateY(0px)
> i:nth-child(3)
transform: translateY(4px)
.mod-touchdevice .navigation-bar .dots
> span:after
content: '';
position: absolute;
top: 2rem;
left: 2rem;
width: 1.8rem;
height: 1.8rem;
background-image: unquote("url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZD0iTTQgMS41aC0xYy0uODI4IDAtMS41LjY3Mi0xLjUgMS41djFjMCAuODI4LjY3MiAxLjUgMS41IDEuNWgxYy44MjkgMCAxLjUtLjY3MiAxLjUtMS41di0xYzAtLjgyOC0uNjcxLTEuNS0xLjUtMS41em0tLjcwOCA5LjAwOWguNDE3Yy45NzkgMCAxLjc3My0uODE4IDEuNzczLTEuODI5di0uMzM2YzAtMS4wMS0uNzk0LTEuODI5LTEuNzczLTEuODI5aC0uNDE3Yy0uOTc5IDAtMS43NzMuODE5LTEuNzczIDEuODI5di4zMzZjMCAxLjAxLjc5NCAxLjgyOSAxLjc3MyAxLjgyOXptLjczMy45OTFoLTEuMDVjLS44MTQgMC0xLjQ3NS42Ni0xLjQ3NSAxLjQ3NXYxLjA1MWMwIC44MTQuNjYxIDEuNDc1IDEuNDc1IDEuNDc1aDEuMDVjLjgxNCAwIDEuNDc1LS42NiAxLjQ3NS0xLjQ3NXYtMS4wNTFjMC0uODE1LS42NjEtMS40NzUtMS40NzUtMS40NzV6bTQuOTc1LTEwaC0xYy0uODI5IDAtMS41LjY3Mi0xLjUgMS41djFjMCAuODI4LjY3MSAxLjUgMS41IDEuNWgxYy44MjggMCAxLjUtLjY3MiAxLjUtMS41di0xYzAtLjgyOC0uNjcyLTEuNS0xLjUtMS41em0tLjcwOCA5LjAwOWguNDE3Yy45NzkgMCAxLjc3My0uODE4IDEuNzczLTEuODI5di0uMzM2YzAtMS4wMS0uNzk0LTEuODI5LTEuNzczLTEuODI5aC0uNDE3Yy0uOTc5IDAtMS43NzMuODE5LTEuNzczIDEuODI5di4zMzZjMCAxLjAxLjc5NCAxLjgyOSAxLjc3MyAxLjgyOXptLjczMy45OTFoLTEuMDVjLS44MTUgMC0xLjQ3NS42Ni0xLjQ3NSAxLjQ3NXYxLjA1MWMwIC44MTQuNjYgMS40NzUgMS40NzUgMS40NzVoMS4wNWMuODE0IDAgMS40NzUtLjY2IDEuNDc1LTEuNDc1di0xLjA1MWMwLS44MTUtLjY2LTEuNDc1LTEuNDc1LTEuNDc1em00Ljk3NS0xMGgtMWMtLjgyOCAwLTEuNS42NzItMS41IDEuNXYxYzAgLjgyOC42NzIgMS41IDEuNSAxLjVoMWMuODI4IDAgMS41LS42NzIgMS41LTEuNXYtMWMwLS44MjgtLjY3Mi0xLjUtMS41LTEuNXptLS43MDggOS4wMDloLjQxN2MuOTc5IDAgMS43NzItLjgxOCAxLjc3Mi0xLjgyOXYtLjMzNmMwLTEuMDEtLjc5NC0xLjgyOS0xLjc3Mi0xLjgyOWgtLjQxN2MtLjk3OSAwLTEuNzczLjgxOS0xLjc3MyAxLjgyOXYuMzM2YzAgMS4wMS43OTQgMS44MjkgMS43NzMgMS44Mjl6bS43MzMuOTkxaC0xLjA1MWMtLjgxNCAwLTEuNDc1LjY2LTEuNDc1IDEuNDc1djEuMDUxYzAgLjgxNC42NiAxLjQ3NSAxLjQ3NSAxLjQ3NWgxLjA1MWMuODE0IDAgMS40NzUtLjY2IDEuNDc1LTEuNDc1di0xLjA1MWMwLS44MTUtLjY2LTEuNDc1LTEuNDc1LTEuNDc1eiIvPjwvc3ZnPg==)");
background-repeat: no-repeat
> span
color: #000
> span > i
background: #000
@media handheld, only screen and (max-width: 767px)
.navigation-bar
display: none !important
.navigation-bar.type2
.project_nav.leftSide
left: 0;
.project_nav.rightSide
right: 0;
.project_nav
padding: 10px 0;
position: fixed;
top: 0;
width: 30px;
height: 100%;
user-select: none;
.project_nav a.previous,
.project_nav a.next
color: #000;
padding: 0 20px;
height: 100%;
span
padding:10px
display: block
position relative
transition: transform 0.2s;
&.with-icons
.project_nav a.previous,
.project_nav a.next
span
background: url("../images/accordion_arrow.svg") no-repeat center;
top: 50%;
transform: translateY(-50%)
.project_nav a.next
&:hover
span
transform: translateX(8px) translateY(-50%) !important
.project_nav a.previous
transform: rotate(-180deg)
&:hover
span
transform: translateX(8px) translateY(-50%) !important
&.with-text
a
width: 25px
overflow hidden
.project_nav a.previous,
.project_nav a.next
span
font-family: 'Open Sans', sans-serif;
font-style: 12px
font-weight: bold
text-transform: uppercase
top: 50%;
padding: 0
display: block
position relative
transition: transform 0.2s;
&:after
width: 200px;
position: absolute;
top: 46px;
left: 50%;
.project_nav a.previous
left: 20px
span
transform: translateY(4px) rotate(-90deg)
&:after
content: "Prev";
&:hover
span
transform: translateX(-48px) translateY(4px) rotate(-90deg) !important;
.project_nav a.next
right 20px
span
top: 50%;
transform: translateY(-30px) rotate(90deg)
&:after
content: "Next";
&:hover
span
transform: translateX(48px) translateY(-30px) rotate(90deg) !important;
.project_nav a
display: inline-block;
margin: 0 5px;
height: 14px;
cursor: pointer;
text-decoration: none;
.project_nav a.previous
position: absolute;
top: 0;
bottom: 0;
left: 10px;
margin: auto;
.project_nav a.next
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto;
.post-type-archive-rdy_project .body-wrapper
position: absolute !important
top: 0;
left: 0;
width: 100%;
height: 100%;
#header-menu.style1 #main-menu ul.rdy-menu > li:first-child > a
padding-left: 0 !important
#header-menu.style1 #main-menu ul.rdy-menu > li:last-child > a
padding-right: 0 !important
.animsition-loading:after
display: none
#header
&.slidedown-layout,
&.slidedown-full-layout
.menu-right-side .side-icon.social-icons
display: none
&.menu-opened .menu-right-side .side-icon.social-icons
display: block
.menu-right-side
.side-icon.social-icons
height: 60px
.top-bar-social
position: relative;
top: 50%;
transform: translateY(-50%);
&.animate
.side-icon-holder
&:after
content ''
position: absolute
display: block
background-color #000
top 60px
width 100%
bottom 0
left 0
transition: top 0.15s;
@media screen and (min-width: 992px)
.menu-right-side
&.animate
.cart-icon.with-dropdown.hover
.cart-count
color #fff !important
svg path,
svg circle
fill: #fff !important
.side-icon-holder:after
top 0 !important
.page-notfound
display: flex
align-items: center
justify-content: center
text-align: center
@media only screen and (min-width: 992px)
#header:not(.slidedown-layout.menu-opened)
&.mark-logo-light
.logo-holder
color #fff !important
#logo
.light-version
opacity 1 !important
.dark-version
opacity 0 !important
&.mark-logo-dark
.logo-holder
color #000 !important
#logo
.light-version
opacity 0 !important
.dark-version
opacity 1 !important
.error404
.page-title-margin-bottom
display: none
/* Clean */
#bottom-bar .copyright p,
.woocommerce .lost_reset_password p
margin-bottom 0 !important
.woocommerce .lost_reset_password p
line-height 100% !important
.rdy_vc_ie-flexbox-fixer-h
min-height: 1px;
/* Markup */
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .site-content table {
margin: 0 0 20px;
padding: 0;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
background-color: #fff;
border-top: 1px solid #ececec;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .site-content table tr:nth-child(2n+1) {
background-color: #fcfcfc;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account)
.site-content tr th:first-child,
.site-content tr td:first-child
border-left-style: solid;
border-left-width: 1px;
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account)
.site-content tr th:first-child,
.site-content tr td:first-child
border-left-style: solid;
border-left-width: 1px;
border-color: #ececec;
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .site-content th {
border-left: medium none;
border-style: none solid solid none;
border-top: medium none;
border-width: medium 1px 1px medium;
font-weight: bold;
padding: 10px;
text-align: left;
border-color: #ececec;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .site-content td {
border-color: #ececec;
border-left: none;
border-style: none solid solid none;
border-top: medium none;
border-width: medium 1px 1px medium;
font-size: 13px;
padding: 10px;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .site-content table tr:nth-child(2n+1) {
background-color: #fcfcfc;
}
dl {
margin: 18px 18px 0px 18px;
}
dl dt:first-child {
margin-top: 0px;
}
dl dt {
font-weight: 600;
}
dd {
margin-top: 0;
margin-bottom: 18px;
}
abbr[title] {
border-bottom: 1px dotted;
}
big {
font-size: larger;
}
code, kbd, pre {
background-color: #f7f7f7;
}
code, kbd {
border-radius: 2px;
font-size: 13px;
line-height: 1.75;
margin: 18px 0 0;
}
code {
padding: 4px 8px;
}
pre {
display: block;
padding: 18px 18px 18px 18px;
border: 1px solid;
border-color: #eaeaea;
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
}
em {
font-style: italic;
}
sup {
font-size: 10px;
vertical-align: super;
}
sub {
font-size: 10px;
vertical-align: sub;
}
.vc_column_link
cursor pointer
.scrollbar-measure
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
.vc_parallax .vc_parallax-inner
background-position center center
height: 130%;
height: calc(100% + 30vh);
color:#ce0d07
@media screen and (max-width: 768px)
body.blog .container-fluid.container-main #post-area
.blog-single-footer .container.inner
padding-left $mobile-layout-padding
padding-right $mobile-layout-padding
.breadcrumbs li:first-child {
padding-left: 0;
margin-left: 0;
background: none !important;
}
.breadcrumbs li {
position: relative;
display: inline-block;
padding-left: 12px;
margin-left: 8px;
}
.fancy-header .breadcrumbs li:before,
.breadcrumbs li:before {
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 13px;
content: "/";
opacity: 0.5;
text-align: left;
z-index: 3;
}
.fancy-header .breadcrumbs li:first-child:before,
.breadcrumbs li:first-child:before {
content: "";
display none
}
.breadcrumbs li:before
opacity: 1;
.breadcrumbs-container .breadcrumbs li:before
color: rgba(162,165,166,0.5);
.breadcrumbs-container .breadcrumbs,
.breadcrumbs-container .breadcrumbs a
color: #a2a5a6;
.breadcrumbs-container .breadcrumbs a
text-decoration: none;
.page-title + .breadcrumbs-container
margin-top 15px
margin-bottom 15px
.breadcrumbs-container
&.breadcrumbs-light
li
a
color #eeeeee
li:before
color: #eeeeee;
.entry-title + .breadcrumbs
margin-top 15px
//max-width: 1000px;
//margin-left auto
//margin-right auto
&.breadcrumbs-side
.col-table
display table !important
.col-td
display table-cell !important
.col-td:first-child
text-align left
.col-td + .col-td.col-breadcrumbs
.col-td.col-breadcrumbs + .col-td
text-align right !important
body.search-no-results
.footer_spacer
height 100px
#header-menu
.side-cta-button
text-align right
.cta-button
display inline-block
text-align center
padding: 14px 22px !important
transition all .3s
line-height: 100%!important;
&.small
padding: 10px 14px !important
&.big
padding: 23px 18px !important
&.outline
position relative
border none !important
&::after
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-style solid
.col-table
> .side-cta-button
> .side-icon.social-icons
padding-left 30px
.side-cta-button
.side-icon.social-icons
width 1px
white-space: nowrap;
display: table-cell;
vertical-align: middle;
.social_media:last-child
margin-right 0 !important
.cta-button + .cta-button
margin-left 20px
Zerion Mini Shell 1.0