form {
display:inline
}
.demo{
position:absolute;
top:0;
left:0;
width:100%;
height:1670px;
z-index:1;
background-image:url(../../../design/default/css/demo.jpg);
background-repeat:no-repeat;
background-position:top center;
background-size:contain;
display:none
}
.real{
position:relative;
z-index:2;
opacity:1
}
html{
position:absolute;
top:0;
right:0;
left:0;
margin:0 auto;
direction:ltr;
width:100%;
overflow-x:hidden
}
body{
font-family:'Darker Grotesque',sans-serif;
font-size:14px;
line-height:1.6;
color:#2E2E2E;
background:#FFFFFF;
padding:0;
top:0;
right:0;
left:0;
margin:0 auto
}
/* Example for using specific font weights */
h1 {
font-weight:900;
/* Black */
}
h2 {
font-weight:800;
/* Extra Bold */
}
h3 {
font-weight:700;
/* Bold */
}
p.light-text {
font-weight:300;
/* Light */
}
p.medium-text {
font-weight:500;
/* Medium */
}
p.regular-text {
font-weight:400;
/* Regular */
}
p.semi-bold-text {
font-weight:600;
/* Semi Bold */
}
/* Apply Darker Grotesque to the whole site */
body,.mce-content-body {
font-family:'Darker Grotesque',sans-serif
}
/* Styling specific elements for TinyMCE content */
.mce-content-body h1 {
font-weight:900;
/* Black */
}
.mce-content-body h2 {
font-weight:800;
/* Extra Bold */
}
.mce-content-body h3 {
font-weight:700;
/* Bold */
}
.mce-content-body p.light-text {
font-weight:300;
/* Light */
}
.mce-content-body p.medium-text {
font-weight:500;
/* Medium */
}
.mce-content-body p.regular-text {
font-weight:400;
/* Regular */
}
.mce-content-body p.semi-bold-text {
font-weight:600;
/* Semi Bold */
}
.wrap{
float:none;
width:100%;
max-width:100%;
margin:0 auto;
min-height:10px
}
.wrap .header,
.wrap .content,
.wrap .footer{
float:left;
width:100%
}
.wrap .header{
margin:23px 0 0 0
}
.mobile_header{
display:none
}
.wrap .header .menu{
float:left;
width:auto
}
.wrap .header .menu .menu_links{
float:left;
width:auto;
margin:0 0 0 89px;
position:relative;
z-index:1
}
.wrap .header .menu .menu_links .link{
float:left;
text-decoration:none;
font-size:20px;
color:#2E2E2E;
padding:0;
font-weight:600;
margin:0 18px 0 0;
text-transform:uppercase;
letter-spacing:-1px
}
.wrap .header .search_icon{
float:left;
width:26px;
margin:2px 0 0 -7px;
position:relative;
z-index:2
}
.wrap .header .search_icon img{
float:left;
max-width:100%
}
.wrap .header .search_wrapper{
position:absolute;
top:0;
left:-2%;
width:104%;
height:60px;
background:#FFFFFF;
box-shadow:2px 8px 23px 3px rgba(0,0,0,0.06);
margin:0;
padding:0;
z-index:2;
display:none;
box-sizing:border-box
}
.wrap .header .search_wrapper .closer{
position:absolute;
top:0;
right:10%;
width:60px;
height:60px;
z-index:1;
cursor:pointer;
text-align:center;
line-height:60px;
font-size:60px;
color:#000
}
.wrap .header .search_wrapper .form_wrapper{
float:left;
width:100%;
height:50px;
background:#FFFFFF;
margin:20px 0 0 0;
padding:0 5%;
position:relative;
box-sizing:border-box
}
.wrap .header .search_wrapper .form_wrapper input[type="text"]{
float:left;
width:100%;
height:40px;
padding:0 0 0 40px;
border:0;
font-size:14px;
color:#2E2E2E;
background:#FFFFFF;
font-weight:400;
margin:0;
text-transform:uppercase;
letter-spacing:-0.5px;
outline:none;
box-sizing:border-box
}
.wrap .header .search_wrapper .form_wrapper button{
position:absolute;
top:0;
right:15%;
width:40px;
height:40px;
background:transparent;
z-index:2;
cursor:pointer;
border:0
}
.wrap .header .search_wrapper .form_wrapper button img{
float:right;
max-width:100%
}
.wrap .header .wishlist_icon{
float:left;
width:60px;
margin:5px 0 0 3px;
text-align:left;
text-decoration:none;
font-size:30px;
line-height:18px;
display:none
}
.wrap .header .wishlist_icon a{
float:left;
width:100%
}
.wrap .header .wishlist_icon img{
width:20px;
display:inline-block
}
.wrap .header .wishlist_icon span{
display:inline-block;
font-size:26px;
color:#2E2E2E;
margin:0 0 0 10px;
font-weight:600;
text-transform:uppercase;
letter-spacing:0;
line-height:0
}
.wrap .header .logo{
float:right;
width:137px;
margin:-8px 80px 0 0
}
.wrap .header .logo img{
float:right;
max-width:100%
}
.wrap .footer{
float:left;
width:100%;
margin:123px 0 0 70px
}
.wrap .footer .links{
float:left
}
.wrap .footer .links a{
float:left;
text-decoration:none;
font-size:14px;
color:#2E2E2E;
padding:0;
font-weight:600;
margin:0 8px 0 0;
text-transform:uppercase;
letter-spacing:-0.5px
}
.wrap .footer .social{
float:left;
margin:2px 0 0 12px
}
.wrap .footer .social a{
float:left
}
.wrap .footer .social a svg{
float:left;
width:10px;
max-height:100%;
color:#2E2E2E;
margin:0 18px 0 0;
fill:#2E2E2E
}
.wrap .footer .copy,
.wrap .footer .powered{
float:left;
width:100%;
text-align:center
}
.wishlist_success{
position:fixed;
bottom:0;
left:0;
width:100%;
/* height:47px;
*/
height:0;
background-color:#000;
text-align:center;
transition:all 0.5s
}
.wishlist_success a{
float:left;
width:100%;
text-align:center;
font-size:17px;
color:white;
text-transform:uppercase;
font-weight:700;
text-decoration:none;
line-height:47px
}
.wrap .footer .social a:nth-child(2) svg{
width:20px
}
/* Mobile media query,everything under 1024px */
@media only screen and (max-width:1024px) {
.wrap{
position:relative;
overflow-x:hidden
}
.header{
display:none
}
.mobile_header{
float:left;
display:block;
width:100%;
position:relative
}
.mobile_header .mobile_menu_btn{
position:absolute;
top:50px;
left:20px;
width:77px;
height:40px;
background:#FFFFFF;
z-index:2;
cursor:pointer;
text-align:center
}
.mobile_header .mobile_menu_btn svg{
float:left;
width:100%;
height:40px
}
.mobile_header .menu{
position:fixed;
top:0;
left:0;
width:0;
transition:opacity 0.25s linear;
height:100vh;
z-index:10;
background-color:#fff;
opacity:0;
visibility:hidden
}
.mobile_header .menu.open{
visibility:visible;
width:100%;
opacity:1
}
.mobile_header .menu .menu_logo{
float:left;
width:100%;
margin:0;
padding:0;
text-align:left
}
.mobile_header .menu .menu_logo img{
float:left;
width:40%;
margin:64px 0 0 38px
}
.mobile_header .menu .closer{
position:absolute;
top:0;
right:0;
width:60px;
height:60px;
z-index:1;
cursor:pointer;
text-align:center;
line-height:60px;
font-size:60px;
color:#000;
border:0;
text-decoration:none
}
.mobile_header .menu .menu_links{
float:left;
width:100%;
margin:65px 0 0 0;
padding:0;
position:relative;
z-index:1
}
.mobile_header .menu .menu_links .link{
float:left;
width:95%;
text-decoration:none;
font-size:36px;
color:#2E2E2E;
border-bottom:1px solid #eaeaea;
padding:0 0 20px 35px;
font-weight:600;
margin:0 0 20px 10px;
text-transform:uppercase;
letter-spacing:1px;
box-sizing:border-box
}
.mobile_header .logo{
float:left;
width:40%;
margin:3.5% 0 0 33.5%;
padding:0;
text-align:center
}
.mobile_header .logo a{
float:left;
width:100%;
text-align:center
}
.mobile_header .logo a img{
float:left;
max-width:100%
}
.mobile_header .search_icon{
position:absolute;
top:40px;
right:30px;
width:60px;
margin:0;
z-index:2
}
.mobile_header .search_icon a{
float:left;
width:100%
}
.mobile_header .search_icon a img{
float:left;
max-width:100%
}
.mobile_header .search_wrapper_mobile{
position:absolute;
top:0;
left:-2%;
width:104%;
height:100px;
background:#FFFFFF;
box-shadow:2px 8px 23px 3px rgba(0,0,0,0.06);
margin:0;
padding:0;
z-index:2;
display:none;
box-sizing:border-box
}
.mobile_header .search_wrapper_mobile .form_wrapper{
float:left;
width:100%;
height:50px;
background:#FFFFFF;
margin:30px 0 0 0;
padding:0 5%;
position:relative;
box-sizing:border-box
}
.mobile_header .search_wrapper_mobile .form_wrapper input[type="text"]{
float:left;
width:100%;
height:50px;
padding:0 0 0 40px;
border:0;
font-size:20px;
color:#2E2E2E;
background:#FFFFFF;
font-weight:400;
margin:0;
text-transform:uppercase;
letter-spacing:0.5px;
outline:none;
box-sizing:border-box
}
.mobile_header .search_wrapper_mobile .form_wrapper button{
position:absolute;
top:-7px;
right:15%;
width:60px;
height:60px;
background:transparent;
z-index:2;
cursor:pointer;
border:0
}
.mobile_header .search_wrapper_mobile .form_wrapper button img{
float:right;
max-width:100%
}
.mobile_header .search_wrapper_mobile .closer{
position:absolute;
top:30px;
right:9%;
width:30px;
height:30px;
z-index:1;
cursor:pointer;
text-align:center;
line-height:0;
font-size:140px;
color:#000
}
.wrap .footer{
text-align:center;
width:45%;
margin:50px 27.5% 0;
padding:0
}
.wrap .footer .links{
float:left;
margin:0
}
.wrap .footer .links a{
font-size:18px
}
.wrap .footer .social{
float:right;
margin:0 0 0 0
}
.wrap .footer .social a svg{
width:20px
}
.wrap .footer .social a:nth-child(2) svg{
width:30px
}
}
.accessibility_menu{
position:fixed;
bottom:10%;
left:0;
width:68px;
background:none;
height:102px;
overflow:hidden;
color:white;
font-size:18px;
font-weight:bold;
z-index:1000;
text-align:center;
padding:0;
cursor:pointer;
display:block
}
.accessibility_menu .arrw{
position:absolute;
top:128px;
right:25px;
width:21px;
height:11px;
z-index:2
}
.accessibility_menu .accessibility_menu_btn{
position:absolute;
left:0;
z-index:1;
width:68px;
height:69px
}
.accessibility_menu_title{
float:right;
width:90%;
text-align:right;
font-size:28px;
color:white;
margin:0 0 0 0
}
.active .accessibility_menu_title{
margin:30px 10px 0 0;
height:28px
}
.outer_holder{
position:absolute;
right:0;
background:#292929;
padding:5px 5px 15px 5px;
width:288px;
display:none
}
.active.outer_holder{
border-radius:0;
display:block
}
.accessibility_menu .items_holder{
display:none;
float:left;
width:267px;
padding:5px 10px 0;
background:#f8f8f8;
margin:8px 0 0 0
}
.accessibility_menu .items_holder .item{
float:right;
width:100%;
font-size:16px !important;
border-bottom:1px solid #292929;
margin:5px 0;
padding:0 0 3px 0
}
.accessibility_menu .items_holder .item img{
float:right;
width:50px;
border-left:1px solid #292929;
padding-left:10px
}
.accessibility_menu .items_holder .item span{
float:right;
margin:12px 10px 0;
font-size:20px !important;
color:black !important;
background:#f8f8f8 !important
}
.credit{
float:right;
width:100%;
text-align:center;
font-size:16px;
color:white
}
@media (max-width:767px){
.accessibility_menu {
width:58px;
height:59px;
bottom:40px;
top:auto
}
.accessibility_menu .accessibility_menu_btn {
width:58px;
height:59px
}
.accessibility_menu .items_holder {
margin:31px 0 0 0
}
}
/*
* span {
display:inline-block
}
*/
/*
#lbuttons,
#lbuttons div,
#lbuttons a,
#lbuttons img,
.fxc #subtoolbar,
.fxc #admin_panel {
-webkit-transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
transform:2DValue(val) 3DValueSetToNull(0);
transform:2DValue(val);
-webkit-transform :translateZ(0);
-o-transform :translateZ(0);
-webkit-transform :translateZ(0);
transform :translateZ(0);
-webkit-transition:all 0.5s linear
}
.fxc #admin_pusher,
.fxc #sys_website {
-webkit-transition:all 0.5s linear
}
*/
body {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
min-width:100%;
min-height:100%;
padding:0;
margin:0
}
p {
padding:0;
margin:0
}
div.bs {
float:right
}
.seoform span {
float:left;
width:100px
}
.seoform div input {
width:500px
}
.seoform div {
float:left;
width:100%;
margin-bottom:15px
}
/* css fixes */
ol {
position:relative;
right:20px
}
a{
outline:0
}
input[type="image"],
input[type="submit"],
input[type="button"],
button {
cursor:pointer
}
.ie a img {
border:0
}
.hidden {
position:absolute;
left:0;
top:-100000px
}