.yamm a,
.yamm li {
font-weight: 700;
} #nav > .container {
position: relative;
}
.full-width:hover {
position: static !important;
}
.submenu-width .dropdown-menu {
width: 100%;
}
.full-width .dropdown-menu {
left: 0 !important;
width: auto;
max-width: 100%;
}
.full-width .dropdown-menu ul li {
display: inline-block !important;
float: none !important;
text-transform: initial;
border-bottom: 0;
font-weight: 400;
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
}
.full-width .dropdown-menu ul li a {
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
color: #333 !important;
font-weight: normal;
}
.full-width .dropdown-menu ul li:hover {
margin-left: 2px;
}
.full-width .dropdown-menu ul li:hover a {
color: #2796de !important;
}
.dropdown-col-3,
.dropdown-col-2 {
position: relative !important;
}
.dropdown-col-3 .dropdown-menu,
.dropdown-col-2 .dropdown-menu {
min-width: 300px;
}
.dropdown-col-2.full-width .dropdown-menu li {
width: 46% !important;
margin: 0 1.5% 1.5% 1.5% !important;
border-bottom: 1px dotted #ccc;
padding-bottom: 1.5%;
}
.dropdown-col-2.full-width .dropdown-menu {
min-width: 400px !important;
padding: 3% 2% 3% 3% !important;
}
.dropdown-col-3.full-width .dropdown-menu li {
max-width: 29% !important;
margin: 0 1.5% 1.5% 1.5% !important;
border-bottom: 1px dotted #ccc;
padding-bottom: 1.5%;
}
.dropdown-col-3.full-width .dropdown-menu {
min-width: 500px;
padding: 3% 2% !Important;
}
.full-width .dropdown-menu li a {
font-size: 12px;
padding: 0;
}
.full-width .dropdown-menu {
padding: 0;
display: flex;
}
.full-width .dropdown-menu .widgettitle {
font-size: 14px;
margin-bottom: 10px;
padding: 10px 0 !important;
margin-top: 0;
color: #333;
border-bottom: 1px dotted #ccc;
font-weight: 500;
}
.full-width .dropdown-menu .menu-item > .vc_row {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 20px !important;
} .navbar-fixed-top {
position: fixed !important;
}
.header .navbar-brand {
float: left;
height: auto;
padding: 0;
font-size: 18px;
line-height: 20px;
margin-top: -2px;
padding-right: 25px;
}
.navbar-fixed-top {
position: fixed !important;
}
div[data-header="sticky"] .navbar-fixed-top {
position: absolute !important
}
.navbar-fixed-top {
position: fixed !important;
}
.header {
position: relative;
z-index: 992;
} .navbar-fixed-top.navbar-sticky-top {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
z-index: 77;
} .header.header-logo-white .normal-logo {
display: block !important;
}
.header.header-logo-white .scroll-logo {
display: none !important;
} .header.header-logo-black .normal-logo {
display: none !important;
}
.header.header-logo-black .scroll-logo {
display: block !important;
} .header.header-background-black,
.header-boxed-width.header.header-background-black #nav {
background: #484848;
}
.header.header-background-black .dropdown-menu {
background: #484848;
color: #fff;
}
.header.header-background-black .dropdown-menu a {
color: #fff;
} .header.header-background-white,
.header-boxed-width.header.header-background-white #nav {
background: #fff;
}
.header.header-background-white .top-bar {
border-bottom: 1px solid rgba(000, 000, 000, 0.15);
}
.header.header-background-white.header-menu-middle .header-navibox-2 {
display: inline-block;
width: 100%;
float: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.header.header-background-white.header-menu-middle .header-navibox-4 {
border-right: 1px solid rgba(0, 0, 0, 0.15);
border-left: 1px solid rgba(0, 0, 0, 0.15);
} .header.header-background-trans-white-rgba09,
.header-boxed-width.header.header-background-trans-white-rgba09 #nav {
background-color: rgba(255, 255, 255, 0.9);
}
.header. header-background-trans-white-rgba08,
.header-boxed-width.header.header-background-trans-white-rgba08 #nav {
background-color: rgba(255, 255, 255, 0.8);
}
.header.header-background-trans-white-rgba07,
.header-boxed-width.header.header-background-trans-white-rgba07 #nav {
background-color: rgba(255, 255, 255, 0.7);
}
.header.header-background-trans-white-rgba06,
,
.header-boxed-width.header.header-background-trans-white-rgba06 #nav {
background-color: rgba(255, 255, 255, 0.6)
}
.header.header-background-trans-white-rgba05,
.header-boxed-width.header.header-background-trans-white-rgba05 #nav {
background-color: rgba(255, 255, 255, 0.5);
}
.header.header-background-trans-white-rgba04,
.header-boxed-width.header.header-background-trans-white-rgba04 #nav {
background-color: rgba(255, 255, 255, 0.4);
}
.header.header-background-trans-white-rgba03,
.header-boxed-width.header.header-background-trans-white-rgba03 #nav {
background-color: rgba(255, 255, 255, 0.3);
}
.header.header-background-trans-white-rgba02,
.header-boxed-width.header-background-trans-white-rgba02 #nav {
background-color: rgba(255, 255, 255, 0.2);
}
.header.header-background-trans-white-rgba01,
.header-boxed-width.header.header-background-trans-white-rgba01 #nav {
background-color: rgba(255, 255, 255, 0.1);
}
.header.header-background-trans-white-rgba00,
.header-boxed-width.header.header-background-trans-white-rgba00 #nav {
background-color: transparent;
} html .header.header-background-trans-white-rgba09 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba08 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba07 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba06 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9)
}
html .header.header-background-trans-white-rgba05 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba04 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba03 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba02 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba01 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba00 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
} .header.header-background-trans-black-rgba09,
.header-boxed-width.header.header-background-trans-black-rgba09 #nav {
background-color: rgba(0, 0, 0, 0.9);
}
.header. header-background-trans-black-rgba08,
.header-boxed-width.header.header-background-trans-black-rgba08 #nav {
background-color: rgba(0, 0, 0, 0.8);
}
.header.header-background-trans-black-rgba07,
.header-boxed-width.header.header-background-trans-black-rgba07 #nav {
background-color: rgba(0, 0, 0, 0.7);
}
.header.header-background-trans-black-rgba06,
.header-boxed-width.header.header-background-trans-black-rgba06 #nav {
background-color: rgba(0, 0, 0, 0.6);
}
.header.header-background-trans-black-rgba05,
.header-boxed-width.header.header-background-trans-black-rgba05 #nav {
background-color: rgba(0, 0, 0, 0.5);
}
.header.header-background-trans-black-rgba04,
.header-boxed-width.header.header-background-trans-black-rgba04 #nav {
background-color: rgba(0, 0, 0, 0.4);
}
.header.header-background-trans-black-rgba03,
.header-boxed-width.header.header-background-trans-black-rgba03 #nav {
background-color: rgba(0, 0, 0, 0.3);
}
.header.header-background-trans-black-rgba02,
.header-boxed-width.header.header-background-trans-black-rgba02 #nav {
background-color: rgba(0, 0, 0, 0.2);
}
.header.header-background-trans-black-rgba01,
.header-boxed-width.header.header-background-trans-black-rgba01 #nav {
background-color: rgba(0, 0, 0, 0.1);
}
.header.header-background-trans-black-rgba00,
.header-boxed-width.header.header-background-trans-black-rgba00 #nav {
background-color: transparent;
} html .header.header-background-trans-black-rgba09 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.9);
}
html .header.header-background-trans-black-rgba8 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.8);
}
html .header.header-background-trans-black-rgba07 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.7);
}
html .header.header-background-trans-black-rgba06 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.6);
}
html .header.header-background-trans-black-rgba05 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba04 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba03 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba02 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba01 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba00 .dropdown-menu {
background-color: rgba(255, 255, 255, 1);
}
.header.header-background-trans-black-rgba01 .dropdown-menu li a,
.header.header-background-trans-black-rgba02 .dropdown-menu li a,
.header.header-background-trans-black-rgba03 .dropdown-menu li a,
.header.header-background-trans-black-rgba04 .dropdown-menu li a,
.header.header-background-trans-black-rgba05 .dropdown-menu li a,
.header.header-background-trans-black-rgba06 .dropdown-menu li a,
.header.header-background-trans-black-rgba07 .dropdown-menu li a,
.header.header-background-trans-black-rgba08 .dropdown-menu li a,
.header.header-background-trans-black-rgba09 .dropdown-menu li a,
.header.header-background-trans-black-rgba00 .dropdown-menu li a {
color: #fff;
}
.header.header-background-trans-black-rgba00 .dropdown-menu li a {
color: #333;
} .header-color-white *,
.header.header-color-white .navbar .navbar-nav > li > a {
color: #fff;
}
.header.header-color-white .toggle-menu-button .toggle-menu-button-icon span {
background: #fff;
}
.header.header-color-white .navbar .navbar-nav > li > a:hover {
color: #fff;
}
.header.header-color-white .toggle-menu-button.is-open .toggle-menu-button-icon span {
background: #fff;
}
.header.header-color-white .header-cart-count {
background: #000;
color: #fff;
} .header-color-black *,
.header.header-color-black .navbar .navbar-nav > li > a {
color: #333;
}
.header.header-color-black .toggle-menu-button .toggle-menu-button-icon span {
background: #333;
}
.header.header-color-black .header-cart-count {
background: #333;
color: #fff;
} .navbar-scrolling * {
color: #333;
}
.header.navbar-scrolling .navbar .navbar-nav > li > a {
color: #333;
}
.header.navbar-scrolling .navbar .navbar-nav > li:hover > a,
.header.navbar-scrolling .navbar .navbar-nav > li a:hover {
color: #333 !important;
}
.header.navbar-scrolling .navbar .toggle-menu-button .toggle-menu-button-icon span {
background: #333;
}
.header.navbar-scrolling .header-cart-count {
background: #333;
color: #fff;
}
.header.navbar-scrolling {
background-color: rgba(255, 255, 255, 0.9);
}
.header.header.navbar-scrolling .normal-logo {
display: none !important;
}
.header.header.navbar-scrolling .scroll-logo {
display: block !important;
}
.header.header.navbar-scrolling .navbar {
border-bottom: 1px solid rgba(000, 000, 000, 0.15);
}
.header-menu-middle.header.header.navbar-scrolling .header-navibox-2 {
border-bottom: 1px solid rgba(000, 000, 000, 0.15);
}
.header-topbarbox-border.navbar-scrolling .header-topbarbox-1,
.header-topbarbox-border .header-topbarbox-2 {
border-right: 1px solid rgba(000, 000, 000, 0.15);
border-left: 1px solid rgba(000, 000, 000, 0.15);
}
.navbar-scrolling .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span {
background: #333 !important;
}
.navbar-scrolling .top-bar {
border-bottom: 1px solid rgba(000, 000, 000, 0.15);
}
.navbar-scrolling .header-navibox-4 {
border-right: 1px solid rgba(000, 000, 000, 0.15);
border-left: 1px solid rgba(000, 000, 000, 0.15);
} .header-normal-width .yamm > li > a {}
.header-normal-width .container-boxed-width {
width: 100%;
padding: 0;
} .header-full-width .container {
width: 100% !important;
padding: 0;
text-align: center;
}
.header-full-width .header-navibox-1 {
padding-left: 40px !important;
}
.header-full-width.header-navibox-2-left #nav .header-navibox-1,
.header-full-width.header-navibox-2-left #nav .header-navibox-2,
.header-full-width.header-navibox-2-left #nav .header-navibox-3,
.header-full-width.header-navibox-2-left #nav .header-navibox-4 {
float: none !important;
display: inline-table;
}
.header-full-width #nav .header-navibox-2 .navbar-nav > li {
margin: 0 4px;
}
.header-full-width.header-navibox-2-left .header-navibox-1 {
position: absolute;
left: 35px;
}
.header-full-width.header-navibox-2-left .header-navibox-3 {
position: absolute;
right: 35px;
}
.header-full-width.header-navibox-2-left .header-navibox-4 {
position: absolute;
right: 0;
}
.header-full-width .header-topbarbox-1,
.header-full-width .header-topbarbox-2 {
margin: 0 35px;
} .header.header-boxed-width {
background: none !important;
position: absolute !important;
width: 100%;
padding-top: 20px;
}
.header .navbar-scrolling.header-boxed-width .header-navibox-4 {
border-right: 0;
border-left: 1px solid rgba(000, 000, 000, 0.15);
}
.header-boxed-width #nav {
border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.header-boxed-width .container-boxed-width .container {
width: auto !important;
}
.header-boxed-width .header-navibox-4 {
border-right: 0;
border-left: 1px solid rgba(255, 255, 255, 0.15);
padding-right: 0px !important;
margin-left: 15px !important;
padding-left: 7px !important;
}
.header-boxed-width .header-navibox-1 {
margin-left: 15px;
}
.header-boxed-width .navbar-scrolling {
background: none !important;
}
.header-boxed-width .navbar-scrolling #nav {
background: #fff;
margin-top: 15px;
}
.header-boxed-width .navbar-scrolling .top-bar {
display: none;
}
.header-boxed-width .navbar-scrolling #nav {
border: 1px solid rgba(000, 000, 000, 0.15) !important;
} .header-navibox-1-left .header-navibox-1,
.header-navibox-2-left .header-navibox-2,
.header-navibox-3-left .header-navibox-3,
.header-navibox-4-left .header-navibox-4 {
float: left !important;
}
.header-navibox-1-right .header-navibox-1,
.header-navibox-2-right .header-navibox-2,
.header-navibox-3-right .header-navibox-3,
.header-navibox-4-right .header-navibox-4 {
float: right !important;
}
.header-navibox-1-middle .header-navibox-1,
.header-navibox-2-middle .header-navibox-2,
.header-navibox-3-middle .header-navibox-3,
.header-navibox-4-middle .header-navibox-4 {
margin: 0 auto !important;
}
.header-navibox-4 #nav {
border-right: 1px solid rgba(255, 255, 255, 0.15);
border-left: 1px solid rgba(255, 255, 255, 0.15);
padding-right: 15px !important;
margin-left: 15px !important;
}
.header-navibox-4 {
border-right: 1px solid rgba(255, 255, 255, 0.15);
border-left: 1px solid rgba(255, 255, 255, 0.15);
padding-right: 15px !important;
margin-left: 15px !important;
} .header-topbar-hidden .top-bar {
display: none !important;
}
.top-bar {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.top-bar ul {
margin: 0;
padding: 0;
font-weight: 500;
}
.top-bar li {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
margin-left: 5px;
}
.header-topbarbox-1-left .header-topbarbox-1,
header-topbarbox-2-left .header-topbarbox-2 {
float: left !important;
}
.header-topbarbox-1-right .header-topbarbox-1,
.header-topbarbox-2-right .header-topbarbox-2 {
float: right !important;
}
.header-topbarbox-1,
.header-topbarbox-2 {
padding: 15px 0;
}
.header-topbarbox-border .header-topbarbox-1,
.header-topbarbox-border .header-topbarbox-2 {
border-right: 1px solid rgba(255, 255, 255, 0.15);
border-left: 1px solid rgba(255, 255, 255, 0.15);
padding-left: 25px;
padding-right: 25px;
} .header-menu-middle .header-navibox-2 .main-menu > li > a {
padding: 15px 25px 28px 0px !important;
}
.header-menu-middle .header-navibox-2 > .container {
padding-right: 0;
padding-left: 0
}
.header-menu-middle .header-navibox-2 {
display: inline-block;
width: 100%;
float: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding: 17px 0 !Important;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.header-menu-middle .header-navibox-2 li a {
text-transform: uppercase;
}
.header-menu-middle.header. .center-logo a {
display: inline !important;
}
.header-menu-middle.header.header-logo-white .normal-logo,
.header-menu-middle.header .center-logo {
display: inline-block;
}
.header-menu-middle .nav .header-cart {
margin: 6px;
}
.header-menu-middle .header-cart {
margin: 21px 15px 27px 21px;
font-size: 20px;
position: relative;
float: right;
}
.header-menu-middle .navbar-collapse {
text-align: center;
}
.header-menu-middle .wrap-inside-nav {
top: 49px;
}
.header-menu-middle .header-navibox-2 .container {
position: relative;
}
.header-menu-middle .phone-menu {
position: absolute;
right: 25px;
top: 14px;
font-weight: 500;
font-size: 15px;
text-transform: uppercase;
} .header-navibox-1,
.header-navibox-2,
.header-navibox-3,
.header-navibox-4 {
padding: 30px 0 !important;
max-height: 80px;
}
.header-navibox-2 {
padding: 0 !important;
}
.header-navibox-2 .main-menu > li > a {
padding: 30px 0 !important;
}
.navbar -brand {
padding: 21px 0 6px 15px;
height: auto;
}
html .navbar>.container .navbar-brand,
html .navbar>.container-fluid .navbar-brand {
margin-left: 0;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing {
background: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid #E4E4E4;
padding-top: 5px;
padding-bottom: 4px;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .navbar-nav li a,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .navbar-nav li a {
color: #333;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .normal-logo,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .normal-logo {
display: none;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .scroll-logo,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .scroll-logo {
display: inline-block;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .toggle-menu-button .toggle-menu-button-icon span,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .toggle-menu-button .toggle-menu-button-icon span {
background: #333 !important;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing {
background: #fff;
}
.header {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.navbar {
background: none;
border: none;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
background: none;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.navbar .toggle-button {
line-height: 40px;
cursor: pointer;
color: #333;
float: right;
padding: 0 5px;
}
.navbar .toggle-button.collapsed {
color: #999;
}
.navbar .toggle-button.collapsed:hover {
color: #333;
}
.navbar .scroll-logo {
display: none;
}
.navbar .navbar-nav.social-nav li a {
padding: 0 5px;
}
.navbar .navbar-nav > li {
padding-top: 0;
padding-bottom: 0;
text-transform: uppercase;
}
.navbar .navbar-nav > li.no-hover a {
border: none !important;
cursor: default;
}
.navbar .navbar-nav > li.active,
.navbar .navbar-nav > li:hover {
background: none;
border: none;
}
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li:hover > a {
background: none !important;
border: 0;
}
.navbar .navbar-nav > li > a {
font-size: 13px;
text-transform: uppercase;
color: #fff;
line-height: 1.62;
border-radius: 0;
border: 0;
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
padding: 0 10px;
}
.navbar .header-navibox-2 .navbar-nav > li > a {
margin: 0 12px;
}
.header-navibox-3 a {}
.header-phone {
margin-left: 10px;
}
.navbar .navbar-nav > li > a .fa-bars {
margin-right: 10px;
}
.navbar .main-menu > li {
right: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.navbar .main-menu > li.hidden-menu-item {
right: -1500px;
right: -100vw;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(1),
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(2),
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(1) {
left: 2px;
top: 4px;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(2) {
left: calc(50% - 2px);
top: 4px;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(3) {
left: -50%;
opacity: 0;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(4) {
left: 100%;
opacity: 0;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(5) {
left: 2px;
top: 11px;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(6) {
left: calc(50% - 2px);
top: 11px;
}
.toggle-menu-button .toggle-menu-button-icon {
width: 22px;
height: 17px;
display: inline-block;
vertical-align: middle;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
position: relative;
top: -2px;
}
.toggle-menu-button .toggle-menu-button-icon span {
display: block;
position: absolute;
height: 2px;
width: 50%;
background: #eee;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(even) {
left: 50%;
border-radius: 0 9px 9px 0;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(odd) {
left: 0px;
border-radius: 9px 0 0 9px;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(1),
.toggle-menu-button .toggle-menu-button-icon span:nth-child(2) {
top: 0px;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(3),
.toggle-menu-button .toggle-menu-button-icon span:nth-child(4) {
top: 6px;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(5),
.toggle-menu-button .toggle-menu-button-icon span:nth-child(6) {
top: 12px;
}
.navbar-with-inside > li:hover .wrap-inside-nav {
display: block;
} .wrap-inside-nav {
position: absolute;
left: 0;
top: 60px;
display: none;
min-width: 220px;
text-align: left;
border-top: 2px solid #088cdc;
background: #1a1a1a;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.wrap-inside-nav .inside-col {
padding: 15px 0;
}
.wrap-inside-nav .inside-col .inside-nav:after,
.wrap-inside-nav .inside-col .inside-nav:before {
display: table;
clear: both;
height: 0;
content: '';
}
.wrap-inside-nav .inside-col .inside-nav li {
line-height: 45px;
min-height: 45px;
}
.wrap-inside-nav .inside-col .inside-nav li a {
display: block;
padding-left: 20px;
color: #7e848e !important;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}
.wrap-inside-nav .inside-col .inside-nav li a:active,
.wrap-inside-nav .inside-col .inside-nav li a:focus {
display: block;
padding-left: 20px;
color: #088cdc !important;
}
.wrap-inside-nav .inside-col .inside-nav li a:hover,
.wrap-inside-nav .inside-col .inside-nav li a:active:hover,
.wrap-inside-nav .inside-col .inside-nav li a:visited:hover,
.wrap-inside-nav .inside-col .inside-nav li a:focus:hover {
color: #088cdc !important;
background-color: #26282d;
}
.header-top-menu-support.wrap-fixed-menu {
top: 141px;
}
.wrap-fixed-menu {
display: none;
position: fixed;
background: rgba(34, 34, 34, 0.95);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
overflow: auto;
font-size: 0;
z-index: 99999;
}
.wrap-fixed-menu .top-items {
width: 100%;
height: 50%;
display: table;
}
.wrap-fixed-menu .top-items .menu-item {
border-bottom: 1px solid #484848;
}
.header-cart {
margin: 10px 10px 35px 20px;
font-size: 20px;
position: relative;
text-align: center;
display: inline-block;
width: 25px;
box-sizing: border-box;
max-height: 23px;
}
.header-cart-count {
position: absolute;
top: -5px;
right: -14px;
padding: 4px;
border-radius: 100px;
background: #2796de !important;
font-size: 10px;
width: 16px;
height: 16px;
line-height: 7px;
display: inline-block;
text-align: center;
color: #fff;
font-weight: 500;
}
.toggle-menu-button {
border: none;
background: none;
margin-top: 0px;
margin-right: 12px;
}
.header-section {
padding: 180px 0 100px;
text-align: center;
border-bottom: 6px solid #088cdc;
}
.header-section h2 {
color: #fff;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}
.header-section p {
color: #fff;
}
.header-section.elements-header {
background: url(//diamondwrapp.com/wp-content/themes/rentax/img/section-1-demo.jpg) top center no-repeat;
background-size: cover;
}
.header-section.portfolio-single-header {
background: url(//diamondwrapp.com/wp-content/themes/rentax/img/section-1-demo.jpg) top center no-repeat;
background-size: cover;
} .header-search-icon {
position: relative;
top: -3px;
}
.header-search {
position: fixed;
top: 0;
left: 0;
display: block;
visibility: hidden;
width: 100%;
height: 100vh;
background-color: rgba(34, 34, 34, 0.95);
opacity: 0;
z-index: 9999;
transition: all 0.3s ease 0s;
}
.header-search.open {
visibility: visible;
opacity: 1;
}
.header-search .close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 18px;
border: none;
background-color: #fff !important;
opacity: 1 !important;
z-index: 999;
}
.header-search .close * {
color: #000 !important;
}
.header-search .search-open {
float: right;
height: 40px;
padding-top: 6px;
padding-left: 22px;
font-size: 14px;
color: #666;
background-color: #fff;
}
.header-search.open {
visibility: visible;
opacity: 1;
}
.header-search .search-global {
position: absolute;
top: 50vh;
margin-top: -120px;
}
.header-search .search-global__input {
width: 100%;
color: #fff;
border: none;
border-bottom: 1px solid #919191 !important;
background-color: transparent;
opacity: 1;
height: auto !important;
padding: 0 !important;
padding-bottom: 23px !important;
padding-right: 40px !important;
font-size: 70px;
font-weight: bold;
font-family: arial;
line-height: 74px;
}
.header-search .search-global__input::-moz-placeholder {
color: #fff;
}
.header-search .search-global__input:-ms-input-placeholder {
color: #fff;
}
.header-search .search-global__input::-webkit-input-placeholder {
color: #fff;
}
.header-search .search-global__input:focus {
outline-style: none;
}
.header-search .search-global__btn {
position: absolute;
top: 17px;
right: 16px;
font-size: 42px;
color: #fff;
border: none;
background-color: transparent;
transition: all 0.3s;
}
.header-search .search-global__note {
margin-top: 20px;
font-family: sans-serif;
font-size: 14pxm;
color: #555;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
transform: translate(0px, 0px);
}
[data-canvas=container],
[data-off-canvas] {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[data-off-canvas*=reveal] {
z-index: 0;
padding: 25px 0;
} [data-canvas] {
z-index: 1;
}
[data-canvas=container] {
width: 100%;
height: 100%;
background-color: white; -webkit-overflow-scrolling: touch; }
[data-canvas=container]:before,
[data-canvas=container]:after {
clear: both;
content: '';
display: table;
} [data-off-canvas] {
display: none;
position: fixed;
overflow: hidden;
background-color: #141517; color: white; -webkit-overflow-scrolling: touch; }
[data-off-canvas*=top] {
width: 100%;
height: auto;
top: 0;
padding: 30px;
text-align: center;
}
[data-off-canvas*=top] ul {
margin: 0 !important;
float: none !important;
}
[data-off-canvas*=top] li {
float: none !important;
display: inline-block;
width: auto !important;
}
[data-off-canvas*=right] {
width: 255px;
height: 100%;
top: 0;
right: 0;
}
[data-off-canvas*=bottom] {
width: 100%;
bottom: 0;
}
html [data-off-canvas*=bottom] {
padding: 25px;
}
html [data-off-canvas*=bottom] li {
float: none !important;
width: auto;
margin: 0;
text-transform: uppercase;
text-align: left;
}
html [data-off-canvas*=bottom] ul {
margin: 0 auto !important;
text-align: center;
width: 100%;
}
[data-off-canvas*=left] {
width: 256px;
height: 100%;
top: 0;
left: 0;
}
[data-off-canvas*=left],
[data-off-canvas*=right] {
padding-top: 60px;
overflow: inherit !important;
}
[data-off-canvas*=slidebar-panel-left] {
width: 320px;
height: 100%;
top: 0;
left: 0;
padding-left: 70px;
}
html [data-off-canvas*=open] {
margin-left: -256px;
display: block;
transition-duration: 300ms;
transform: translate(256px, 0px);
}
[data-ff-canvas*=reveal] {
z-index: 0;
}
[data-off-canvas*=push] {
z-index: 1;
}
[data-off-canvas*=overlay] {
z-index: 9999;
}
[data-off-canvas*=shift] {
z-index: 0;
} [data-canvas],
[data-off-canvas] {
-webkit-transition: -webkit-transform 300ms;
transition: transform 300ms;
-webkit-backface-visibility: hidden; }
[data-off-canvas*=shift][data-off-canvas*=top] {
-webkit-transform: translate( 0px, 50%);
transform: translate( 0px, 50%);
}
[data-off-canvas*=shift][data-off-canvas*=right] {
-webkit-transform: translate( -50%, 0px);
transform: translate( -50%, 0px);
}
[data-off-canvas*=shift][data-off-canvas*=bottom] {
-webkit-transform: translate( 0px, -50%);
transform: translate( 0px, -50%);
}
[data-off-canvas*=shift][data-off-canvas*=left] {
-webkit-transform: translate( 50%, 0px);
transform: translate( 50%, 0px);
}
.menu-mobile-button {
position: absolute;
right: 0;
top: 20px;
z-index: 777;
}
html .header-menu-middle .submenu-controll {
right: 12px;
top: 20px;
}
[data-off-canvas] ul {
margin: 0 !important;
}
[data-off-canvas] li {
float: none !important;
display: inline-block;
width: 100%;
margin: 0;
text-transform: uppercase;
text-align: left;
background: transparent !important;
}
[data-off-canvas] li.full-width:hover {
position: relative !important;
}
html .submenu-controll {
position: absolute;
right: 0px;
top: 36px;
display: block;
width: 12px;
text-align: center;
z-index: 99;
cursor: pointer;
height: 12px;
}
html ul li ul .submenu-controll {
display: none !important;
}
[data-off-canvas*=top] .submenu-controll-inner,
[data-off-canvas*=bottom] .submenu-controll-inner {
display: none !important;
}
[data-off-canvas*=right] .submenu-controll-inner {
position: absolute;
right: auto;
top: 12px;
display: block;
width: 21px;
text-align: center;
z-index: 999;
left: 10px;
height: 20px;
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
[data-off-canvas*=left] .submenu-controll-inner {
position: absolute;
right: 10px;
top: 4px;
display: block;
width: 21px;
text-align: center;
z-index: 999;
height: 20px;
}
.submenu-controll-inner {
position: absolute;
right: 10px;
top: 26%;
display: block;
width: 21px;
text-align: center;
z-index: 999;
height: 20px;
}
[data-off-canvas*=right] li ul .submenu-controll-inner {
position: absolute;
right: auto;
top: 8px;
}
[data-off-canvas*=left] li ul .submenu-controll-inner {
position: absolute;
right: 10px;
top: 8px;
}
.submenu-controll-inner * {
color: #ccc !important;
}
.submenu-controll {
position: absolute;
right: 18px;
top: 7px;
display: block;
width: 21px;
text-align: center;
z-index: 99;
cursor: pointer;
height: 20px;
}
.slidebar-menu .submenu-controll {
display: none !important;
}
.slidebar-menu .full-width .dropdown-menu,
.slidebar-nav-middle .full-width .dropdown-menu {
display: none !important;
}
html .cl-effect-13 .submenu-controll {
right: -3px;
}
html .cl-effect-7 .submenu-controll:before {
left: -3px !important;
}
html .menu-marker-arrow .submenu-controll:before {
font-family: 'FontAwesome';
content: "\f107";
display: block;
position: absolute;
right: 0;
font-size: 11px;
}
html .menu-marker-dot .submenu-controll:before {
content: ".";
top: -10px;
right: inherit;
left: 0px;
font-size: 16px;
position: relative;
}
#main-menu.cl-effect-1 > li {
margin: 0 3px;
}
html .cl-effect-1 li:hover .submenu-controll:before {
display: none
}
[data-off-canvas*=right] li.menu-item-has-children:after:hover,
[data-off-canvas*=left] li.menu-item-has-children:after:hover {
background-color: #fff !important;
color: #000 !important;
}
[data-off-canvas] li a {
font-size: 13px;
float: none !important;
display: inline-block;
width: 100%;
margin: 0;
color: #fff;
padding: 7px 30px;
text-transform: uppercase;
background: transparent !important;
}
[data-off-canvas] li a:hover {
color: #088cdc;
}
[data-off-canvas*=left] .navbar-nav > li .dropdown-menu {
border-top-right-radius: 0;
border-top-left-radius: 0;
margin-left: 0px !important;
margin: 0px !important;
padding: 10px 0;
width: 100%;
}
[data-off-canvas*=left] .navbar-nav li:hover > .dropdown-menu,
[data-off-canvas*=right] .navbar-nav li:hover > .dropdown-menu {
visibility: visible;
background-color: #141517;
} .btn_header_search {
position: relative;
top: 1px;
}
.search-form-modal {
background-color: #000;
height: 0;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.search-form-modal.open {
height: 100%
}
.search-form_close {
color: #fff;
cursor: pointer;
font-size: 20px;
position: absolute;
right: 15px;
top: -20px;
}
.header_search_form {
bottom: 0;
display: block;
height: 80px;
left: 0;
margin: auto;
max-width: 550px;
padding: 15px;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.header_search_form .form-group {
float: left;
height: 100%;
width: 68%;
}
.header_search_form .form-group .form-control {
border-color: #fff;
border-style: solid none solid solid;
border-width: 2px 0 2px 2px;
font-size: 16px;
height: 100%;
float: left;
width: 100%;
padding: 10px 15px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.header_search_form .btn_search {
border: 2px solid #337ab7;
background: #337ab7;
color: #fff;
float: right;
font-size: 16px;
height: 100%;
text-transform: uppercase;
width: 32%;
text-shadow: none;
-moz-text-shadow: none;
-webkit-text-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
} @media (min-width:768px) and (max-width:1100px) {
.header-phone .no-tablet-phone {
display: none !important;
}
.no-tablet-search .btn_header_search {
display: none !important;
}
.no-tablet-minicart .header-navibox-4 {
display: none !important;
}
.no-tablet-socials .header-social-link {
display: none !important;
}
.no-tablet-phone .header-phone {
display: none !important;
}
}
@media (min-width:768px) and (max-width:1000px) {
html body .main-menu {
position: relative!important;
}
.top-bar {
display: none !important;
}
.center-logo {
padding-top: 20px;
}
.top-bar .header-topbarbox-1,
.top-bar .header-topbarbox-2,
.top-bar .header-topbarbox-3,
.top-bar .header-topbarbox-4 {
float: none !important;
text-align: center;
}
html .menu-mobile-button {
top: 26px;
}
.header-navibox-4,
.header-navibox-3,
.header-navibox-2 {
display: none !important;
}
.header .navbar {
min-height: 87px;
}
html .header-full-width .header-navibox-1 {
left: auto;
position: inherit;
}
html .menu-mobile-button {
display: block !important;
top: 26px;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
left: 0;
position: relative;
right: 0;
}
} @media (max-width:768px) {
html body .main-menu {
position: relative!important;
}
html #main-menu li .dropdown-menu {
background: #333 none repeat scroll 0 0;
float: none;
left: 0;
right: auto;
width: 95%;
}
html #main-menu li .dropdown-menu .dropdown-menu {
padding-left: 10px;
}
.mobile-slidebar-menu li .dropdown-menu .dropdown-menu html .header .navbar {
min-height: 75px;
}
.top-bar {
display: none !important;
}
html .header .navbar-brand {
margin-top: 10px;
padding: 0 25px 0 20px;
}
html .header-full-width.header-navibox-2-left .header-navibox-1 {
left: auto;
position: absolute;
width: 100%;
}
html .mobile-no-sticky.navbar-fixed-top {
position: absolute !important;
}
.no-mobile-topbar .top-bar {
display: none !important;
}
.mobile-slidebar-menu {
padding-top: 0px;
}
html .mobile-slidebar-menu .menu-mobile-button {
right: 0;
top: 20px;
}
html .header-topbarbox-1,
.header-topbarbox-2 {
padding: 0;
}
html body .header-navibox-1-left .header-navibox-1,
html body .header-navibox-2-left .header-navibox-2,
html body .header-navibox-3-left .header-navibox-3,
html body .header-navibox-4-left .header-navibox-4 {
float: none !important;
}
html .navbar-brand {
display: block;
left: 10px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 9px;
width: auto;
}
.center-logo {
padding-top: 20px;
}
.top-bar .header-topbarbox-1,
.top-bar .header-topbarbox-2,
.top-bar .header-topbarbox-3,
.top-bar .header-topbarbox-4 {
float: none !important;
text-align: center;
}
html .menu-mobile-button {
top: 50%;
}
.header-navibox-4,
.header-navibox-3,
.header-navibox-2 {
display: none !important;
}
.header .navbar {
min-height: 87px;
}
html .header-full-width .header-navibox-1 {
left: auto;
position: inherit;
}
html .header-search .search-global__input {
font-size: 18px;
height: auto !important;
line-height: 48px;
padding: 0 14px 1px 0 !important;
}
html .header-search .search-global__btn {
font-size: 17px;
position: absolute;
right: 0;
top: 7px;
}
} html yamm li a:hover {
cursor: pointer;
}
.dropdown-menu li a::before,
.dropdown-menu li a::after {
display: none !important;
}
html body nav li > a:hover {
color: #da1c36 !important;
cursor: pointer;
background: transparent !Important;
}
.menu-all-pages-container {
padding-top: 35px;
}
.wrap-left-open .home-section > .container,
.wrap-left-open .wrap-gallery-item .container,
.wrap-left-open .gallery-single-header .container {
width: 100% !important;
}
.wrap-left-open .breadcrumb * {
color: #2796de !important;
}
.wrap-left-open .gallery-single-2 {
padding-bottom: 20px;
padding-top: 0px;
}
.wrap-left-open .gallery-single-header {
padding: 50px 0 30px 30px;
position: relative;
background: transparent !important;
}
.wrap-left-open .gallery-single-2 {
padding-bottom: 20px;
padding-left: 30px;
}
.wrap-left-open {
margin-left: 240px;
}
.wrap-left-open .home-section > .container,
.wrap-left-open .home-section > .container > .vc_row,
.wrap-left-open .home-section > .container > .vc_row > .wpb_column {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.side-logo {
display: inline-block;
width: 100%;
padding: 10px;
}
.side-cart {
display: inline-block;
width: 215px;
border: 1px solid rgba(255, 255, 255, 0.15);
margin-bottom: 10px;
margin-left: 20px;
}
.side-cart a {
color: #fff;
}
.side-search {
display: inline-block;
width: 100%;
margin-bottom: 10px;
padding: 20px;
}
.side-form-search {
position: relative;
background: #fff;
}
.side-form-search input[type=search] {
border: none;
background: none;
padding: 10px;
color: #000;
width: 174px;
}
.side-form-search .button {
border: none;
background: none;
}
.side-form-search .button .fa {
color: #000;
}
html [data-off-canvas].header-background-black {
background-color: #141517;
}
html [data-off-canvas].header-background-white {
background-color: #fff;
}
[data-off-canvas].header-color-black li a,
[data-off-canvas].header-color-black li * {
color: #000 !important;
}
[data-off-canvas].header-color-black .side-form-search {
position: relative;
background: #fff;
border: 1px solid #ddd;
}
html .menu-sidebar-fixed .dropdown-menu {
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
}
html .layout-header2 .dropdown-menu,
.header-topbar-view .dropdown-menu {
top: 130%;
}
.open > .dropdown-menu {
top: 100%;
visibility: visible;
-webkit-transition: all 150ms ease 0s;
-moz-transition: all 150ms ease 0s;
-o-transition: all 150ms ease 0s;
transition: all 150ms ease 0s;
}
.open .dropdown-menu li:hover > .dropdown-menu {
visibility: visible;
}
html .dropdown-menu {
position: absolute;
top: 150%;
left: 0;
z-index: 1000;
display: block;
visibility: hidden;
float: left;
min-width: 160px;
padding: 10px 0;
margin: 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: rgba(255, 255, 255, 1);
border: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
z-index: 899;
background-clip: padding-box;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.header-full-width .header-navibox-2 {
position: relative;
}
.header-full-width .header-navibox-2 .yamm .full-width .dropdown-menu {
margin-left: -15%;
min-width: 1000px;
}
[data-off-canvas*=left] ul ul {
-webkit-transition: left 100ms ease 0s;
-moz-transition: left 100ms ease 0s;
-o-transition: left 100ms ease 0s;
transition: left 100ms ease 0s;
top: -10px !important;
left: 130%;
z-index: 1000;
padding: 0;
margin: 0;
list-style: none;
font-size: 12px;
text-align: left;
background-color: transparent;
border: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background-clip: padding-box;
margin-left: 0px !important;
border: 0 !important;
}
.mobile-slidebar-menu ul ul {
left: 0 !important;
padding-left: 20px !important;
position: relative !important;
}
.mobile-slidebar-menu .main-menu {
top: 30px;
position: relative;
}
.mobile-slidebar-menu li .dropdown-menu,
.mobile-slidebar-menu li .dropdown-menu .dropdown-menu {
display: none;
margin-top: 0 !important;
position: relative !important;
top: 0 !important;
}
.mobile-slidebar-menu li:hover > .dropdown-menu {
display: block;
}
.mobile-slidebar-menu .full-width .dropdown-menu {
display: none !important;
}
[data-off-canvas*=left] ul ul ul {
top: -10px;
}
[data-off-canvas*=right] ul ul {
position: absolute !important;
-webkit-transition: right 100ms ease 0s;
-moz-transition: right 100ms ease 0s;
-o-transition: right 100ms ease 0s;
transition: right 100ms ease 0s;
top: -6px;
right: 130%;
left: auto !important;
z-index: 1000;
padding: 5px 0 !important;
margin: 0;
list-style: none;
font-size: 12px;
text-align: left;
background-color: transparent;
border: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background-clip: padding-box;
margin-left: 0px !important;
border: 0 !important;
}
[data-off-canvas*=right] ul ul ul {
top: -10px;
}
[data-off-canvas*=right] li {
text-align: right !important;
}
[data-off-canvas*=left] ul li:hover > ul {
left: 100%;
}
[data-off-canvas*=right] ul li:hover > ul {
right: 100%;
}
[data-off-canvas] ul ul a {
float: none !important;
display: inline-block;
width: 100%;
margin: 0;
color: #fff;
padding: 5px 20px;
}
.fullmenu-close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 18px;
border: none;
background-color: #fff !important;
opacity: 1 !important;
z-index: 999;
}
.fullmenu-close * {
color: #000;
}
.slidebar-nav-panel {
background-color: #141517;
padding: 20px;
position: fixed;
left: 0;
top: 0;
height: 100%;
z-index: 99999;
width: 75px;
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.slidebar-panel.slidebar-nav-middle .toggle-menu-button {
transform: rotate(90deg);
position: absolute;
top: 40%;
left: -119px;
outline: none;
width: 300px;
display: inline-block;
padding: 21px;
}
.slidebar-panel.slidebar-nav-middle .toggle-menu-button .toggle-menu-button-icon {
width: 60px;
}
.slidebar-panel.slidebar-nav-middle .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(6) {
left: calc(50% - 21px);
}
.slidebar-panel.slidebar-nav-middle .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(2) {
left: calc(50% - 21px);
top: 4px;
}
.wrap-left-open {
margin-left: 256px;
} .page-id-3524 .yp-demo-link {
display: none !important;
}
#wpcf7-f5-o1 {
max-width: 500px;
margin: 0 auto;
}
#wpcf7-f5-o1 input,
#wpcf7-f5-o1 button,
#wpcf7-f5-o1 select,
#wpcf7-f5-o1 textarea {
width: 100%;
padding: 10px;
text-align: center;
font-weight: 500;
text-transform: uppercase;
border: 0;
}
#wpcf7-f5-o1 input[type=text],
#wpcf7-f5-o1 select,
#wpcf7-f5-o1 textarea {
color: #000 !important;
} html .dropdown-menu > li > a {
padding: 7px 30px 7px 20px;
font-size: 14px;
text-transform: initial;
-webkit-transition: color 300ms ease 0s;
-moz-transition: color 300ms ease 0s;
-o-transition: color 300ms ease 0s;
transition: color 300ms ease 0s;
} .cl-effect-1 a::before,
.cl-effect-1 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.cl-effect-1 a::before {
margin-right: 10px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.cl-effect-1 a::after {
margin-left: 10px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
} .cl-effect-2 a {
line-height: 44px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.cl-effect-2 a span {
position: relative;
display: inline-block;
padding: 0 14px;
background: #2195de;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.csstransforms3d .cl-effect-2 a span::before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #0965a0;
content: attr(data-hover);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
background: #28a2ee;
} .cl-effect-3 a {
padding: 8px 0;
}
.cl-effect-3 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: rgba(0, 0, 0, 0.1);
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .cl-effect-4 a {
padding: 0 0 10px;
}
.cl-effect-4 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
height: 5px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .cl-effect-5 a {
overflow: hidden;
padding: 0 4px;
height: 1em;
}
.cl-effect-5 a span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-5 a span::before {
position: absolute;
top: 100%;
content: attr(data-hover);
font-weight: 500;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
} .cl-effect-6 a {
margin: 0 10px;
padding: 10px 20px;
}
.cl-effect-6 a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
}
.cl-effect-6 a::after {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 2px;
background: #fff;
content: '';
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
.cl-effect-6 a:hover::before {
top: 100%;
opacity: 1;
}
.cl-effect-6 a:hover::after {
height: 100%;
} .cl-effect-7 a {
padding: 12px 10px 10px;
text-shadow: none;
font-weight: normal;
}
.cl-effect-7 a::before,
.cl-effect-7 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background: rgba(255, 255, 255, 0.15);
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
transform: scale(0.85);
}
.cl-effect-7 a::after {
opacity: 0;
-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: top 0.3s, opacity 0.3s, transform 0.3s;
}
.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
top: 0%;
opacity: 1;
} .cl-effect-8 a {
padding: 10px 20px;
}
.cl-effect-8 a::before,
.cl-effect-8 a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid rgba(255, 255, 255, 0.15);
content: '';
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-8 a::after {
border-color: #fff;
opacity: 0;
-webkit-transform: translateY(-7px) translateX(6px);
-moz-transform: translateY(-7px) translateX(6px);
transform: translateY(-7px) translateX(6px);
}
.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
opacity: 0;
-webkit-transform: translateY(5px) translateX(-5px);
-moz-transform: translateY(5px) translateX(-5px);
transform: translateY(5px) translateX(-5px);
}
.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px) translateX(0px);
-moz-transform: translateY(0px) translateX(0px);
transform: translateY(0px) translateX(0px);
} .cl-effect-9 a {
margin: 0 20px;
padding: 18px 20px;
}
.cl-effect-9 a::before,
.cl-effect-9 a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0.2;
-webkit-transition: opacity 0.3s, height 0.3s;
-moz-transition: opacity 0.3s, height 0.3s;
transition: opacity 0.3s, height 0.3s;
}
.cl-effect-9 a::after {
top: 100%;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-9 a span:first-child {
z-index: 2;
display: block;
font-weight: 300;
}
.cl-effect-9 a span:last-child {
z-index: 1;
display: block;
padding: 8px 0 0 0;
color: rgba(0, 0, 0, 0.4);
text-shadow: none;
text-transform: none;
font-style: italic;
font-size: 0.75em;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
.cl-effect-9 a:hover::before,
.cl-effect-9 a:focus::before {
height: 1px;
}
.cl-effect-9 a:hover::before,
.cl-effect-9 a:hover::after,
.cl-effect-9 a:focus::before,
.cl-effect-9 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-9 a:hover span:last-child,
.cl-effect-9 a:focus span:last-child {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
} .cl-effect-10 {
position: relative;
z-index: 1;
}
.cl-effect-10 a {
overflow: hidden;
margin: 0 15px;
}
.cl-effect-10 a span {
display: block;
padding: 10px 20px;
background: #0f7c67;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-10 a::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
padding: 10px 20px;
width: 100%;
height: 100%;
background: #fff;
color: #0f7c67;
content: attr(data-hover);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(-25%);
}
.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
}
.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
} .cl-effect-11 a::before,
.cl-effect-11 a::after {
position: absolute;
top: 50%;
left: 50%;
width: 91%;
height: 39px;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 0%;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
#main-menu.cl-effect-11 > li > a {
padding-left: 15px !important;
padding-right: 15px !important;
}
.cl-effect-11 a::after {
width: 100%;
height: 45px;
border-width: 2px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
.cl-effect-11 a:hover::before,
.cl-effect-11 a:hover::after,
.cl-effect-11 a:focus::before,
.cl-effect-11 a:focus::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
} .cl-effect-12 a::before,
.cl-effect-12 a::after {
position: absolute;
top: 50%;
left: 50%;
width: 70px;
height: 70px;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
.cl-effect-12 a::after {
width: 80px;
height: 80px;
border-width: 6px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
} .cl-effect-13 a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-13 a::before {
position: absolute;
top: 50%;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
color: #fff;
text-shadow: 10px 0 #fff, -10px 0 #fff;
}
.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
color: #ba7500;
}
.cl-effect-18.main-menu > li {
margin: 0 10px !important;
} .cl-effect-14 a {
padding: 0 20px;
height: 45px;
line-height: 45px;
}
.cl-effect-14 a::before,
.cl-effect-14 a::after {
position: absolute;
width: 45px;
height: 2px;
background: #fff;
content: '';
opacity: 0.2;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.cl-effect-14 a::before {
top: 0;
left: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}
.cl-effect-14 a::after {
right: 0;
bottom: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
opacity: 1;
}
.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
left: 50%;
-webkit-transform: rotate(0deg) translateX(-50%);
-moz-transform: rotate(0deg) translateX(-50%);
transform: rotate(0deg) translateX(-50%);
}
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
right: 50%;
-webkit-transform: rotate(0deg) translateX(50%);
-moz-transform: rotate(0deg) translateX(50%);
transform: rotate(0deg) translateX(50%);
} .cl-effect-15 a {
color: rgba(0, 0, 0, 0.2);
font-weight: 500;
text-shadow: none;
}
.cl-effect-15 a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
} .cl-effect-16 a {
color: #6f8686;
text-shadow: 0 0 1px rgba(111, 134, 134, 0.3);
}
.cl-effect-16 a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
opacity: 0;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
opacity: 1;
} .cl-effect-17 a {
color: #10649b;
text-shadow: none;
padding: 10px 0;
}
.cl-effect-17 a::before {
color: #fff;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #fff;
opacity: 0;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
opacity: 0;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
transform: translateY(-2px);
}
.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .cl-effect-18 {
position: relative;
z-index: 1;
}
.cl-effect-18 a {
padding: 0 5px;
color: #b4770d;
font-weight: 500;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-18 a::before,
.cl-effect-18 a::after {
position: absolute;
width: 100%;
left: 0;
top: 50%;
height: 2px;
margin-top: -1px;
background: rgba(255, 255, 255, 0.15);
content: '';
z-index: -1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-18 a::before {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
.cl-effect-18 a::after {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
transform: translateY(20px);
}
.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
color: #fff;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
opacity: 0.7;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
} .cl-effect-19 a {
line-height: 2em;
margin: 15px;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
width: 200px;
}
.cl-effect-19 a span {
position: relative;
display: inline-block;
width: 100%;
padding: 0 14px;
background: #e35041;
-webkit-transition: -webkit-transform 0.4s, background 0.4s;
-moz-transition: -moz-transform 0.4s, background 0.4s;
transition: transform 0.4s, background 0.4s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -100px;
-moz-transform-origin: 50% 50% -100px;
transform-origin: 50% 50% -100px;
}
.csstransforms3d .cl-effect-19 a span::before {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background: #b53a2d;
content: attr(data-hover);
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
transform-origin: 0 50%;
pointer-events: none;
}
.cl-effect-19 a:hover span,
.cl-effect-19 a:focus span {
background: #b53a2d;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.csstransforms3d .cl-effect-19 a:hover span::before,
.csstransforms3d .cl-effect-19 a:focus span::before {
background: #ef5e50;
} .cl-effect-20 a {
line-height: 2em;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
}
.cl-effect-20 a span {
position: relative;
display: inline-block;
padding: 3px 15px 0;
background: #587285;
box-shadow: inset 0 3px #2f4351;
-webkit-transition: background 0.6s;
-moz-transition: background 0.6s;
transition: background 0.6s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.cl-effect-20 a span::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
color: #2f4351;
content: attr(data-hover);
-webkit-transform: rotateX(270deg);
-moz-transform: rotateX(270deg);
transform: rotateX(270deg);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
pointer-events: none;
}
.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
background: #2f4351;
}
.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
-webkit-transform: rotateX(10deg);
-moz-transform: rotateX(10deg);
transform: rotateX(10deg);
} .cl-effect-21 a {
padding: 10px;
color: #237546;
font-weight: 500;
text-shadow: none;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-21 a::before,
.cl-effect-21 a::after {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a::before {
top: 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a::after {
bottom: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
color: #fff;
}
.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}  .header-subscribe {
position: fixed;
top: 0;
left: 0;
display: block;
visibility: hidden;
width: 100%;
height: 100vh;
background-color: rgba(34, 34, 34, 0.95);
opacity: 0;
z-index: 9999;
transition: all 0.3s ease 0s;
}
.header-subscribe.open {
visibility: visible;
opacity: 1;
}
.header-subscribe .close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 18px;
border: none;
background-color: #fff !important;
opacity: 1 !important;
z-index: 999;
}
.admin-bar .header-subscribe .close {
top: 35px;
}
.header-subscribe .close * {
color: #000 !important;
}
.header-subscribe .search-open {
float: right;
height: 40px;
padding-top: 6px;
padding-left: 22px;
font-size: 14px;
color: #666;
background-color: #fff;
}
.header-subscribe.open {
visibility: visible;
opacity: 1;
}
.header-subscribe .search-global {
position: absolute;
top: 50vh;
margin-top: -120px;
}
.header-subscribe .search-global__input {
width: 100%;
color: #fff;
border: none;
border-bottom: 1px solid #919191 !important;
background-color: transparent;
opacity: 1;
height: auto !important;
padding: 0 !important;
padding-bottom: 23px !important;
padding-right: 40px !important;
font-size: 70px;
font-weight: bold;
font-family: arial;
line-height: 74px;
}
.header-subscribe .search-global__input::-moz-placeholder {
color: #fff;
}
.header-subscribe .search-global__input:-ms-input-placeholder {
color: #fff;
}
.header-subscribe .search-global__input::-webkit-input-placeholder {
color: #fff;
}
.header-subscribe .search-global__input:focus {
outline-style: none;
}
.header-subscribe .search-global__btn {
position: absolute;
top: 17px;
right: 16px;
font-size: 42px;
color: #fff;
border: none;
background-color: transparent;
transition: all 0.3s;
}
.header-subscribe .search-global__note {
margin-top: 20px;
font-family: sans-serif;
font-size: 14pxm;
color: #555;
}
.btn_header_subscribe {
border: 1px solid #fff;
padding: 5px 20px;
cursor: pointer;
color: #fff;
font-weight: 500;
text-transform: uppercase;
margin-top: 20px;
display: inline-block;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.btn_header_subscribe:hover {
color: #2796de;
border-color: #2796de;
}
.countdown-vc h3 {
font-size: 30px;
color: #fff;
line-height: 1.7;
padding: 0 !important;
margin: 0 !important;
}
#note {
text-align: center;
font-size: 20px;
color: #fff;
line-height: 1.7;
}
.countdown-wrap {
display: inline-block;
text-align: center;
width: 100%;
}
.countdown-vc {
padding: 50px;
background: rgba( 0, 0, 0, 0.7);
display: inline-block;
margin: 0 auto;
max-width: 1000px;
}
html #main-menu li .dropdown-menu {
border-top: 0;
}  .fullscreen-center-menu {
display: inline-block;
width: 100%;
height: 100%;
padding-top: 15%;
text-align: center;
}
.fullscreen-center-menu nav,
.fullscreen-center-menu ul {
padding: 0;
display: inline-block;
margin: 0 auto;
float: none;
width: 100%;
}
.menu-top-container {
display: inline-block;
margin: 0 auto;
}
.fullscreen-center-menu li {
display: inline-block;
width: 100%;
text-align: center;
font-size: 30px;
text-transform: uppercase;
position: relative;
}
.fullscreen-center-menu li a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: #fff;
position: relative;
z-index: 88;
margin-bottom: 20px;
display: inline-block;
}
.fullscreen-center-menu li a:hover {
opacity: 0.7;
}
.fw-close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 18px;
border: none;
background-color: #fff !important;
opacity: 1 !important;
z-index: 999;
transition: all 0.3s;
}
.fw-close:hover,
.fw-close:active,
.fw-close:focus {
color: inherit;
}
.fullscreen-center-menu .submenu-controll-inner,
.fullscreen-center-menu .submenu-controll {
display: none !important;
}
.fullscreen-center-menu .sub-menu {
visibility: hidden;
position: absolute;
top: 200px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
display: none !important;
}
.fullscreen-center-menu .menu-item-has-children:hover .sub-menu {
position: relative;
top: 0;
visibility: visible;
display: block;
}
.fullscreen-center-menu .sub-menu a {
font-size: 18px;
}
.fullscreen-center-menu .sub-menu .sub-menu a {
font-size: 14px;
}
.submenu-controll-fullscreen {
display: inline-block;
width: 100%;
position: absolute;
top: 32px;
left: 0;
color: #fff;
}
ul ul .submenu-controll-fullscreen {
top: 22px;
} .nav>li>a:focus,
.nav>li>a:hover {
text-decoration: none !important;
background: none !important;
} .header-social-link {
position: relative;
top: -2px;
} .promo-set{
position: fixed;
bottom: 20px;
right: 20px;
padding: 0;
z-index: 99999;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
opacity: 0;
}
.promo-set-view.promo-set{
opacity: 1;
}
.promo-set a{
color: #fff !important;
transition: all 0.9s ease-out;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}
.promo-set a:hover {
box-shadow: 0px 0px 3px #000;
text-decoration: none;
}
.envato-promo-link{
background: #6f9a37;
border-radius: 100px;
padding: 10px;
width: 70px;
height: 70px;
text-align: center;
display: inline-block;
line-height: 45px;
color: #fff;
font-weight: bold;
font-size: 23px;
opacity: 0.9;
}
.currency-promo{
position: relative;
font-size: 14px;
top: -10px;
left: -3px;
margin-left: -4px;
}
.envato-logo-small{
background:#6f9a37 url(//diamondwrapp.com/wp-content/themes/rentax/assets/header/images/envato-small.png) center center no-repeat;
width: 50px;
height: 50px;
border-radius: 100px;
padding: 10px;
display: inline-block;
position: relative;
top: 30px;
right: -20px;
}
.promo-set-icon{
background: #393939;
width: 50px;
height: 50px;
border-radius: 100px;
padding: 13px;
display: inline-block;
text-align: center;
font-size: 12px;
top: 13px;
position: relative;
left: 10px;
}.yamm *::selection {
background: none !important;
}
.yamm .navbar-inner,
.yamm .container {
position: relative;
}
html .yamm .dropdown-menu {
left: auto;
}
html .yamm .dropdown-menu .dropdown-menu {
left: 100%;
top: -10px;
}
.yamm .dropdown-menu > li {
display: block;
}
.yamm .dropdown-submenu .dropdown-menu {
left: 100%;
}
.yamm .nav.pull-right .dropdown-menu {
right: 0;
}
.yamm .yamm-content {
padding: 20px 30px;
*zoom: 1;
}
.yamm .yamm-content:before,
.yamm .yamm-content:after {
display: table;
content: "";
line-height: 0;
}
.yamm .yamm-content:after {
clear: both;
}
.yamm.navbar .nav > li > .dropdown-menu:after,
.yamm.navbar .nav > li > .dropdown-menu:before {
display: none;
}
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
width: 100%;
left: 0;
right: 0;
}
@media (max-width: 969px) {
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
width: auto;
}
.yamm .yamm-content {
padding-left: 0;
padding-right: 0;
}
.yamm .dropdown-menu > li > ul {
display: block;
}
}
.yamm{
position: relative;
}
.yamm .yamm-content *{
color: #000;
}
.yamm  li{
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
.yamm > li:before{
content: '';
display: block;
width: 100%;
height: 30px;
position: absolute;
bottom: -25px;
}
.yamm  li a{
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.yamm.nav>li>a:hover {
text-decoration: none;
}
.yamm.nav .open>a, .yamm.nav .open>a:focus, .yamm.nav .open>a:hover , yamm.nav li.open a , yamm.nav li:hover a{
background-color: transparent;
border-color: transparent;
}
.yamm .dropdown-menu li {
display: inline-block;
float: none;
width: 100%;
margin-bottom: 0;
padding-right: 0;
position: relative; 
}.cd-product-viewer-wrapper {
text-align: center;
padding:  0;
}
.cd-product-viewer-wrapper > div {
display: inline-block;
width: 100%;
}
.cd-product-viewer-wrapper .product-viewer {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
width: 100%;
min-height: 560px;
}
.cd-product-viewer-wrapper img { display: block;
position: relative;
z-index: 1;
}
.cd-product-viewer-wrapper .product-sprite {
position: absolute;
z-index: 2;
top: 0;
left: 0;
height: 100%; width: 1600%;
background: url(//diamondwrapp.com/wp-content/themes/rentax/assets/degrees360/img/img-sprite.png) no-repeat center center;
background-size: 100%;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cd-product-viewer-wrapper.loaded .product-sprite { opacity: 1;
cursor: ew-resize;
}
.cd-product-viewer-handle {
position: relative;
z-index: 2;
width: 60%;
max-width: 300px;
border-radius: 50em;
margin: 1em auto 3em;
height: 4px;
background: #4d4d4d;
}
.cd-product-viewer-handle .fill { position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: inherit;
background: #b54240;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: transform 0.5s;
}
.no-csstransitions .cd-product-viewer-handle .fill {
display: none;
}
.loaded .cd-product-viewer-handle .fill { opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s 0.3s;
transition: transform 0.3s, opacity 0.2s 0.3s;
}
.cd-product-viewer-handle .handle {
position: absolute;
z-index: 2;
display: inline-block;
height: 44px;
width: 44px;
left: 0;
top: -20px;
background: #b54240 url(//diamondwrapp.com/wp-content/themes/rentax/assets/degrees360/img/cd-arrows.svg) no-repeat center center;
border-radius: 50%;
box-shadow: 0 0 0 6px rgba(181, 66, 64, 0.3), 0 0 20px rgba(0, 0, 0, 0.2); text-indent: 100%;
white-space: nowrap;
overflow: hidden;
color: transparent;
-webkit-transform: translateX(-50%) scale(0);
-moz-transform: translateX(-50%) scale(0);
-ms-transform: translateX(-50%) scale(0);
-o-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0);
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
.cd-product-viewer-handle .handle:active {
box-shadow: 0 0 0 0 rgba(181, 66, 64, 0), 0 0 20px rgba(0, 0, 0, 0.2);
}
.loaded .cd-product-viewer-handle .handle { -webkit-transform: translateX(-50%) scale(1);
-moz-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
-o-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
-webkit-animation: cd-bounce 0.3s 0.3s;
-moz-animation: cd-bounce 0.3s 0.3s;
animation: cd-bounce 0.3s 0.3s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
cursor: ew-resize;
}
@-webkit-keyframes cd-bounce {
0% {
-webkit-transform: translateX(-50%) scale(0);
}
60% {
-webkit-transform: translateX(-50%) scale(1.1);
}
100% {
-webkit-transform: translateX(-50%) scale(1);
}
}
@-moz-keyframes cd-bounce {
0% {
-moz-transform: translateX(-50%) scale(0);
}
60% {
-moz-transform: translateX(-50%) scale(1.1);
}
100% {
-moz-transform: translateX(-50%) scale(1);
}
}
@keyframes cd-bounce {
0% {
-webkit-transform: translateX(-50%) scale(0);
-moz-transform: translateX(-50%) scale(0);
-ms-transform: translateX(-50%) scale(0);
-o-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0);
}
60% {
-webkit-transform: translateX(-50%) scale(1.1);
-moz-transform: translateX(-50%) scale(1.1);
-ms-transform: translateX(-50%) scale(1.1);
-o-transform: translateX(-50%) scale(1.1);
transform: translateX(-50%) scale(1.1);
}
100% {
-webkit-transform: translateX(-50%) scale(1);
-moz-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
-o-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
}html .section_mod-h:after {
background-image: url();
}