form {
display:inline
}
:root{
--e-global-color-primary:#DAA520;
--e-global-color-secondary:#020203;
--e-global-color-text:#7C2E45;
--e-global-color-accent:#FFFFFF
}
body{
direction:rtl;
font-family:'Assistant',sans-serif;
background-color:#fff;
background-image:url(../../../design/default/css/page_bg.webp);
background-size:100% auto;
background-position:top center
}
body *{
font-family:'Assistant',sans-serif
}
/* add smooth slide transition */
html {
scroll-behavior:smooth
}
.accessibility_menu{
top:75px !important;
left:10px !important
}
.wrap{
float:none;
margin:0 auto;
width:100%;
padding:0 5%;
box-sizing:border-box;
min-height:840px;
overflow-x:hidden
}
.header,
.content,
.footer{
float:right;
width:100%
}
.header{
position:relative;
height:150px
}
.header::before{
content:"";
position:absolute;
top:0;
right:-100%;
width:300%;
height:100%;
background-color:#000;
background-image:url(../../../design/default/css/header_bg-2.png);
background-size:contain;
background-position:top center;
background-repeat:repeat-x
}
.header .social_links{
position:absolute;
top:10px;
left:5%;
z-index:2
}
.header .social_links ul{
display:flex;
padding:0;
margin:0;
list-style-type:none;
font-size:34px;
flex-direction:row;
justify-content:space-evenly;
align-items:stretch;
column-gap:10px
}
.header .social_links ul li{
display:inline-block;
width:34px;
height:34px;
padding:0;
margin:0
}
.header .social_links ul li a{}
.header .social_links ul li a span{
height:34px;
display:inline-block
}
.header .social_links ul li a span svg{
height:34px;
width:34px;
fill:var(--e-global-color-primary)
}
.header .logo{
float:right;
width:100%;
padding:15px 0;
height:150px;
position:relative;
z-index:1;
box-sizing:border-box
}
.header .logo img{
position:absolute;
top:5%;
right:0;
left:0;
margin:0 auto;
height:90%
}
.shop{
float:right;
width:65%;
box-sizing:border-box;
padding:20px 0 0 0
}
.shop .title_wrapper{
float:right;
width:100%
}
.shop .title_wrapper .title{
float:right;
width:50%;
font-size:34px;
font-weight:bold;
color:var(--e-global-color-primary);
margin:0 0 10px 0
}
.shop .title_wrapper .title .subtitle{
font-size:18px;
font-weight:normal;
color:var(--e-global-color-secondary);
margin:0 0 10px 0
}
.shop .title_wrapper .filters_wrapper{
float:left;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
column-gap:10px;
margin:0 0 10px 0
}
.shop .title_wrapper .filters_wrapper .filter{
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
column-gap:5px
}
.shop .title_wrapper .filters_wrapper .filter select{
padding:5px 10px;
border:1px solid var(--e-global-color-primary);
border-radius:5px;
background-color:#fff;
color:var(--e-global-color-secondary);
font-size:16px
}
.shop .catalog_wrapper{
float:right;
width:100%;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
column-gap:20px;
row-gap:20px
}
.shop .catalog_wrapper .product{
float:right;
width:calc(33.333% - 13.333px);
box-sizing:border-box;
border:1px solid var(--e-global-color-primary);
border-radius:10px;
padding:10px;
display:flex;
flex-direction:column;
justify-content:space-between;
align-items:stretch;
row-gap:10px;
position:relative;
background-color:rgba(215,203,194,0.3)
}
.shop .catalog_wrapper .product .title{
font-size:20px;
font-weight:bold;
color:var(--e-global-color-secondary);
text-decoration:none;
margin:0 0 5px 0
}
.shop .catalog_wrapper .product .title a{
font-size:20px;
font-weight:bold;
color:var(--e-global-color-secondary);
text-decoration:none
}
.shop .catalog_wrapper .product .tags{
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
column-gap:5px;
flex-wrap:wrap
}
.shop .catalog_wrapper .product .tags .tag{
background-color:var(--e-global-color-primary);
color:#000;
padding:2px 8px;
border-radius:10px;
font-size:16px;
margin:0 0 10px 0;
transition:all 0.3s ease;
cursor:default
}
.shop .catalog_wrapper .product .tags .tag:hover{
opacity:0.8
}
.shop .catalog_wrapper .product .img{
width:100%;
text-align:center
}
.shop .catalog_wrapper .product .img img{
max-width:100%;
height:auto;
border-radius:5px
}
.shop .catalog_wrapper .product .info{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center
}
.shop .catalog_wrapper .product .info .short_desc{
font-size:18px;
color:var(--e-global-color-secondary)
}
.shop .catalog_wrapper .product .info .price{
font-size:18px;
font-weight:bold;
color:var(--e-global-color-primary)
}
.shop .catalog_wrapper .product .important_info_wrapper{
float:right;
width:100%
}
.shop .catalog_wrapper .product .important_info_wrapper .info{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
margin:0;
font-size:14px;
color:var(--e-global-color-secondary)
}
.shop .catalog_wrapper .product .important_info_wrapper .info .label{
}
.shop .catalog_wrapper .product .important_info_wrapper .info .value{
font-weight:bold
}
.shop .catalog_wrapper .product .btns_wrapper{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center
}
.shop .catalog_wrapper .product .btns_wrapper .btn{
padding:8px 12px;
border:none;
border-radius:5px;
font-size:16px;
cursor:pointer;
background-color:var(--e-global-color-primary);
color:#000
}
.shop .catalog_wrapper .product .btns_wrapper .add_to_basket{
float:right
}
.shop .catalog_wrapper .product .btns_wrapper .almost_sold_out{
font-size:16px;
color:#000;
text-decoration:underline
}
.shop .catalog_wrapper .product .btns_wrapper .more_info{
float:left;
position:relative
}
.basket_wrapper{
float:left;
width:35%;
box-sizing:border-box;
padding:20px 2.5% 0 0;
position:relative
}
.basket_wrapper .basket{
position:absolute;
top:20px;
background:rgba(232,230,227,0.85);
/* light surface */
border:1px solid var(--e-global-color-primary);
border-radius:14px;
padding:16px;
box-shadow:0 6px 18px rgba(2,2,3,0.08);
backdrop-filter:blur(2px)
}
/* Title */
.basket_wrapper .basket .basket_title{
float:right;
width:100%;
display:flex;
align-items:center;
justify-content:flex-start;
gap:10px;
font-size:22px;
font-weight:800;
color:var(--e-global-color-primary);
margin:0 0 14px 0
}
.basket_wrapper .basket .basket_title svg{
width:22px;
height:22px;
fill:var(--e-global-color-primary)
}
.basket_wrapper .basket .basket_title .clear_basket_btn{
margin-right:auto;
width:34px;
height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
border:1px solid rgba(218,165,32,0.55);
background:rgba(255,255,255,0.9);
color:var(--e-global-color-secondary);
cursor:pointer;
transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease
}
.basket_wrapper .basket .basket_title .clear_basket_btn:hover{
box-shadow:0 4px 10px rgba(2,2,3,0.12)
}
.basket_wrapper .basket .basket_title .clear_basket_btn:active{
transform:translateY(1px)
}
/* Items */
.basket_wrapper .basket .items_wrapper{
float:right;
width:100%;
display:grid;
gap:10px
}
.basket_wrapper .basket .items_wrapper .empty{
font-size:14px;
color:var(--e-global-color-secondary);
opacity:.7;
padding:10px 0
}
/* Single item row:name | qty | price | remove */
.basket_wrapper .basket .items_wrapper .item{
float:right;
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
column-gap:10px;
width:100%;
padding:10px;
border:1px solid rgba(218,165,32,0.35);
border-radius:10px;
background:rgba(215,203,194,0.4);
box-sizing:border-box
}
/* Title (name + type) */
.basket_wrapper .basket .items_wrapper .item .title{
width:60%;
text-align:right;
font-size:16px
}
/* Quantity control */
.basket_wrapper .basket .items_wrapper .item .quantity{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
width:20%
}
.basket_wrapper .basket .items_wrapper .item .quantity .btn{
width:32px;
height:32px;
padding:0;
line-height:32px;
text-align:center;
cursor:pointer;
border-radius:8px;
border:1px solid var(--e-global-color-primary);
background:var(--e-global-color-primary);
color:#000;
font-weight:800;
transition:transform .08s ease,opacity .2s ease
}
.basket_wrapper .basket .items_wrapper .item .quantity .btn:active{
transform:translateY(1px)
}
.basket_wrapper .basket .items_wrapper .item .quantity .dec::before{ content:"−";
display:inline-block
}
.basket_wrapper .basket .items_wrapper .item .quantity .inc::before{ content:"+";
display:inline-block
}
.basket_wrapper .basket .items_wrapper .item .quantity .value{
height:32px;
width:40px;
padding:0 8px;
border-radius:8px;
border:1px solid rgba(2,2,3,0.15);
background:#fff;
color:var(--e-global-color-secondary);
font-weight:700;
font-size:14px;
text-align:center;
display:inline-flex;
align-items:center;
justify-content:center
}
/* Price */
.basket_wrapper .basket .items_wrapper .item .price{
width:20%;
text-align:left;
/* RTL:price near remove button */
font-weight:800;
color:var(--e-global-color-secondary)
}
/* Remove button (optional .remove) */
.basket_wrapper .basket .items_wrapper .item .remove{
padding:6px 10px;
border-radius:8px;
border:1px solid rgba(2,2,3,0.12);
background:#fff;
color:var(--e-global-color-secondary);
font-size:13px;
cursor:pointer;
transition:background .2s ease,opacity .2s ease
}
.basket_wrapper .basket .items_wrapper .item .remove:hover{
background:#f6f6f6
}
/* Mid total */
.basket_wrapper .basket .mid_total{
float:right;
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
margin:14px 0 8px 0;
font-size:15px;
color:var(--e-global-color-secondary)
}
.basket_wrapper .basket .mid_total .label{
opacity:.85
}
.basket_wrapper .basket .mid_total .value{
font-weight:800
}
/* Shipment (UI demo) */
.basket_wrapper .basket .shipment_wrapper{
float:right;
position:relative;
width:100%;
margin:10px 0 6px 0;
padding:10px;
border:1px dashed rgba(218,165,32,0.55);
border-radius:10px;
background:rgba(215,203,194,0.35);
box-sizing:border-box;
display:none;
transition:all .3s ease
}
.basket_wrapper .basket .shipment_wrapper.closed{
height:35px;
cursor:pointer;
overflow:hidden
}
/* Show arrow down when closed to allow expanding */
.basket_wrapper .basket .shipment_wrapper.closed:after{
content:"▼";
position:absolute;
bottom:6px;
left:5%;
transform:translateX(-50%);
font-size:18px;
color:var(--e-global-color-primary);
opacity:.6;
animation:bounce 2s infinite
}
.basket_wrapper .basket .shipment_wrapper .title{
font-size:14px;
font-weight:800;
color:var(--e-global-color-secondary);
margin-bottom:8px;
display:flex;
align-items:center;
justify-content:space-between
}
.basket_wrapper .basket .shipment_wrapper .options{
display:flex;
flex-direction:row;
gap:8px;
flex-wrap:wrap;
margin-bottom:8px
}
.basket_wrapper .basket .shipment_wrapper .options .option{
padding:6px 10px;
border:1px solid rgba(171,151,26,0.6);
border-radius:8px;
background:#fff;
color:var(--e-global-color-secondary);
font-size:13px;
cursor:pointer;
transition:box-shadow .2s ease,background .2s ease,opacity .2s ease
}
.basket_wrapper .basket .shipment_wrapper .options .option.selected{
background:var(--e-global-color-primary);
color:#000;
box-shadow:0 2px 0 rgba(2,2,3,0.12) inset
}
.basket_wrapper .basket .coupon_wrapper{
float:right;
width:100%;
margin:10px 0 6px 0;
padding:10px;
border:1px dashed rgba(218,165,32,0.55);
border-radius:10px;
background:rgba(215,203,194,0.35);
box-sizing:border-box
}
.basket_wrapper .basket .coupon_wrapper .title{
font-size:14px;
font-weight:800;
color:var(--e-global-color-secondary);
margin-bottom:8px
}
.basket_wrapper .basket .coupon_wrapper .input_wrapper{
display:flex;
gap:8px
}
.basket_wrapper .basket .coupon_wrapper .input_wrapper input{
flex:1;
height:36px;
border-radius:8px;
border:1px solid rgba(2,2,3,0.15);
background:#fff;
color:var(--e-global-color-secondary);
padding:0 10px;
font-size:14px;
outline:none;
box-sizing:border-box;
transition:border-color .2s ease,box-shadow .2s ease
}
.basket_wrapper .basket .coupon_wrapper .input_wrapper .apply{
padding:0 12px;
height:36px;
line-height:36px;
border-radius:8px;
border:1px solid var(--e-global-color-primary);
background:var(--e-global-color-primary);
color:#000;
font-weight:800;
font-size:14px;
cursor:pointer;
box-sizing:border-box;
text-align:center;
transition:transform .05s ease,opacity .2s ease
}
/* Delivery (city -> zone) */
.basket_wrapper .basket .delivery_wrapper{
float:right;
width:100%
}
.basket_wrapper .basket .delivery_wrapper .field{
float:right;
width:100%
}
.basket_wrapper .basket .delivery_wrapper .field input{
float:right;
width:100%;
height:36px;
border-radius:8px;
border:1px solid rgba(2,2,3,0.15);
background:#fff;
color:var(--e-global-color-secondary);
padding:0 10px;
font-size:14px;
outline:none;
box-sizing:border-box;
transition:border-color .2s ease,box-shadow .2s ease
}
.basket_wrapper .basket .delivery_wrapper .field input:focus{
border-color:var(--e-global-color-primary);
box-shadow:0 0 0 3px rgba(218,165,32,0.22)
}
.basket_wrapper .basket .delivery_wrapper .field #suggestionsList{
float:right;
width:100%;
font-size:14px;
color:var(--e-global-color-secondary)
}
.basket_wrapper .basket .delivery_wrapper .field #suggestionsList .suggestions{
border:1px solid #ccc;
max-height:200px;
overflow-y:auto;
position:absolute;
background:white;
width:100%;
z-index:1000
}
.basket_wrapper .basket .delivery_wrapper .field #suggestionsList .suggestion-item{
padding:8px;
cursor:pointer
}
.basket_wrapper .basket .delivery_wrapper .field #suggestionsList .suggestion-item:hover {
background:#eee
}
.basket_wrapper .basket .shipment_cost{
float:right;
width:100%
}
.basket_wrapper .basket .shipment_cost .label{
font-size:14px;
color:var(--e-global-color-secondary);
opacity:.85
}
.basket_wrapper .basket .shipment_cost .value{
font-size:16px;
font-weight:800;
color:var(--e-global-color-secondary)
}
/* Free shipping progress */
.basket_wrapper .basket .shipment_wrapper .progress{
display:grid;
gap:6px;
margin-top:6px
}
.basket_wrapper .basket .shipment_wrapper .progress .row{
display:flex;
justify-content:space-between;
font-size:11px;
color:var(--e-global-color-secondary);
opacity:.8
}
.basket_wrapper .basket .shipment_wrapper .progress .bar{
width:100%;
height:8px;
border-radius:999px;
background:#fff;
border:1px solid rgba(2,2,3,0.15);
overflow:hidden
}
.basket_wrapper .basket .shipment_wrapper .progress .bar .fill{
height:100%;
width:0%;
/* set inline style to actual % */
background:var(--e-global-color-primary);
transition:width .25s ease
}
/* Total & CTA */
.basket_wrapper .basket .total_row{
float:right;
width:100%;
display:flex;
justify-content:space-between;
align-items:flex-start;
margin:12px 0 0 0;
padding-top:10px;
border-top:1px solid rgba(171,151,26,0.45);
font-weight:800;
color:var(--e-global-color-secondary);
flex-direction:column
}
.basket_wrapper .basket .total_row .total{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px
}
.basket_wrapper .basket .total_row .total .label{
font-size:16px;
opacity:.85
}
.basket_wrapper .basket .total_row .total .value{
font-size:20px
}
.basket_wrapper .basket .cta{
align-self:flex-end;
margin-top:10px
}
.basket_wrapper .basket .cta .btn{
float:right;
width:100%;
height:44px;
padding:0 10px;
line-height:44px;
border-radius:10px;
border:1px solid var(--e-global-color-primary);
background:var(--e-global-color-primary);
color:#000;
font-weight:800;
font-size:16px;
cursor:pointer;
box-sizing:border-box;
transition:transform .05s ease,opacity .2s ease
}
.basket_wrapper .basket .cta .btn:active{
transform:translateY(1px)
}
.basket_wrapper .purchase_form{
float:right;
width:100%;
margin-top:20px;
display:none;
/* show on CTA click */
}
.basket_wrapper .purchase_form .title{
font-size:20px;
font-weight:800;
color:var(--e-global-color-primary);
margin:0 0 14px 0
}
.basket_wrapper .purchase_form .field{
float:right;
width:100%;
margin-bottom:14px;
box-sizing:border-box
}
.basket_wrapper .purchase_form .field label{
display:block;
margin-bottom:6px;
font-size:14px;
color:var(--e-global-color-secondary);
font-weight:600
}
.basket_wrapper .purchase_form .field input{
float:right;
width:100%;
height:36px;
border-radius:8px;
border:1px solid rgba(2,2,3,0.15);
background:#fff;
color:var(--e-global-color-secondary);
padding:0 10px;
font-size:14px;
outline:none;
box-sizing:border-box;
transition:border-color .2s ease,box-shadow .2s ease
}
.basket_wrapper .purchase_form .field input[type="text"],
.basket_wrapper .purchase_form .field input[type="email"],
.basket_wrapper .purchase_form .field input[type="tel"]{
}
.basket_wrapper .purchase_form .field input[type="checkbox"]{
width:auto;
height:auto;
margin-right:6px
}
.basket_wrapper .purchase_form .field textarea{
float:right;
width:100%;
min-height:80px;
border-radius:8px;
border:1px solid rgba(2,2,3,0.15);
background:#fff;
color:var(--e-global-color-secondary);
padding:10px;
font-size:14px;
outline:none;
box-sizing:border-box;
transition:border-color .2s ease,box-shadow .2s ease
}
.basket_wrapper .purchase_form .submit{
float:right;
width:100%;
height:44px;
padding:0 10px;
line-height:44px;
border-radius:10px;
border:1px solid var(--e-global-color-primary);
background:var(--e-global-color-primary);
color:#000;
font-weight:800;
font-size:16px;
cursor:pointer;
box-sizing:border-box;
text-align:center;
transition:transform .05s ease,opacity .2s ease
}
.footer{
float:right;
width:100%;
margin:25px 0 0 0;
padding:20px 0;
text-align:center;
font-size:14px;
background-color:#000;
color:var(--e-global-color-primary);
position:relative
}
.footer .footer_content{
float:right;
width:100%
}
.footer .footer_content > p{
float:right;
width:100%;
text-align:center;
font-size:16px
}
.footer .footer_content > p a{
text-decoration:none
}
.over18{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:2000;
text-align:center;
font-size:24px;
padding-top:20%;
background-color:rgba(218,165,32,0.5);
color:#000
}
.over18 > div{
width:90%;
max-width:400px;
margin:0 auto;
padding:20px;
border-radius:10px;
background:rgba(255,255,255,0.95);
box-shadow:0 6px 18px rgba(2,2,3,0.12)
}
.over18 > div > p{
float:right;
width:100%;
text-align:center;
font-size:20px;
margin:0 0 20px 0;
color:var(--e-global-color-secondary)
}
.over18 > div > button{
display:inline-block;
margin:0 10px;
padding:10px 20px;
border-radius:8px;
border:1px solid var(--e-global-color-primary);
background:var(--e-global-color-primary);
color:#000;
font-weight:800;
font-size:16px;
cursor:pointer;
box-sizing:border-box;
transition:transform .05s ease,opacity .2s ease
}
.over18 > div > button:hover{
background:#f6f6f6
}
.over18 > div > button:active{
transform:translateY(1px)
}
/* Responsive */
@media (max-width:648px){
.header .logo img{
top:35%;
height:60%
}
.shop{
width:100%
}
.shop .catalog_wrapper .product{
width:calc(50% - 10px)
}
.shop .catalog_wrapper .product .title{
overflow-x:hidden
}
/* Increase product fonts for better readability on small screens */
.shop .title_wrapper .title{
font-size:48px
}
.shop .catalog_wrapper .product .title{
font-size:28px
}
.shop .catalog_wrapper .product .tags .tag{
font-size:20px;
padding:4px 12px
}
.shop .catalog_wrapper .product .info .short_desc{
font-size:18px
}
.shop .catalog_wrapper .product .info .price{
font-size:20px
}
.shop .catalog_wrapper .product .btns_wrapper .btn{
font-size:18px
}
.basket_wrapper{
float:right;
width:100%;
padding:10px 0 75px 0
}
.basket_wrapper .basket{
float:right;
width:100%;
position:relative;
box-sizing:border-box
}
.basket_wrapper .basket .items_wrapper .item .title{
font-size:24px
}
.basket_wrapper .basket .items_wrapper .item .quantity .btn{
width:40px;
height:40px;
line-height:40px;
font-size:22px
}
.basket_wrapper .basket .items_wrapper .item .quantity .value{
height:40px;
width:50px;
font-size:22px
}
.basket_wrapper .basket .items_wrapper .item .price,
.basket_wrapper .basket .mid_total .label,
.basket_wrapper .basket .mid_total .value,
.basket_wrapper .basket .shipment_wrapper .title{
font-size:22px
}
.basket_wrapper .basket .shipment_wrapper .options .option{
font-size:20px;
padding:8px 14px
}
.basket_wrapper .basket .delivery_wrapper .field input{
height:44px;
font-size:20px
}
.basket_wrapper .basket .delivery_wrapper .field #suggestionsList .suggestion-item{
font-size:20px;
padding:12px
}
.basket_wrapper .basket .shipment_cost .label,
.basket_wrapper .basket .shipment_cost .value{
font-size:20px
}
.basket_wrapper .basket .total_row .total .label{
font-size:20px
}
.basket_wrapper .basket .total_row .total .value{
font-size:28px;
font-weight:800;
color:var(--e-global-color-secondary)
}
.basket_wrapper .basket .cta .btn{
height:54px;
line-height:54px;
font-size:20px
}
.basket_wrapper .purchase_form .title{
font-size:28px
}
.basket_wrapper .purchase_form .field label{
font-size:24px
}
.basket_wrapper .purchase_form .field input{
height:54px;
font-size:24px;
padding:0 12px;
border:1px solid rgba(2,2,3,0.15);
border-radius:10px;
box-shadow:0 2px 4px rgba(0,0,0,0.1)
}
.basket_wrapper .purchase_form .submit{
height:54px;
line-height:54px;
font-size:24px
}
.shop .catalog_wrapper .product .modal{
left:20px !important;
max-width:90% !important
}
.shop .catalog_wrapper .product .modal::after{
left:8%
}
.shop .catalog_wrapper .product .modal .modal_body{
font-size:24px
}
}
.accessibility_menu{
position:fixed;
top:0;
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:75px;
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
}