form {
display:inline
}
/*.demo{
position:absolute;
top:0;
right:0;
left:0;
margin:0 auto;
z-index:1;
width:1224px;
height:1890px;
background:url(../../../design/default/css/images/demo.jpg) top center no-repeat
}
.real{
opacity:0.7;
z-index:2;
position:relative
}*/
html{
height:auto
}
body{
direction:rtl;
font-family:"almoni-neue",sans-serif;
margin:0;
padding:0;
height:100%;
max-width:100%;
overflow-x:hidden;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:none
}
a,span,p,div,input,textarea{
font-family:"almoni-neue",sans-serif
}
/* Mobile devices and everything upto 1224px  ----------- */
/* Styles */
.mobile_only{
display:block
}
.desktop_only{
display:none
}
.wrap{
width:640px;
float:right;
margin:0
}
.wrap *{
max-width:100%
}
.wrap .header,
.wrap .content,
.wrap .footer{
float:right;
width:100%;
position:relative
}
.wrap .header{
background:black
}
.wrap .header .logo{
float:right;
margin:0 258px 0 0
}
.wrap .header .logo > img{
float:right
}
.menu_btn{
position:fixed;
top:17px;
left:13px;
width:64px;
height:64px;
z-index:3
}
.wrap .header .menu_holder{
position:fixed;
top:0;
left:0;
width:0;
height:100%;
background:black;
z-index:10;
transition:all 0.75s ease;
overflow:hidden
}
.wrap .header .menu_holder.open{
width:552px
}
.wrap .header .menu_holder .close_menu_btn{
float:right;
margin:24px 20px 0 0
}
.wrap .header .menu_holder .menu{
float:right;
width:316px;
margin:10px 236px 0 0
}
.wrap .header .menu_holder .menu a{
float:right;
width:318px;
text-align:right;
text-decoration:none;
color:white;
font-weight:normal;
font-size:34px;
margin:0 0 34px 0
}
.wrap .header .menu_holder .menu a.active{
color:#ff0033;
font-weight:bold
}
.wrap .header .menu_holder .bottom_border{
float:right;
width:66px;
height:4px;
background:white;
margin:41px -4px 0 0
}
.wrap .footer{
background:black;
padding:0 0 50px 0
}
.wrap .footer .mailto{
float:right;
color:white;
font-size:35px;
text-decoration:none;
width:620px;
text-align:center;
margin:80px 0 0 0;
font-weight:lighter
}
.wrap .footer .footer_logo{
float:right;
margin:48px 225px 0 0
}
.wrap .footer .social{
float:right;
width:383px;
text-align:center;
margin:38px 150px 0 0
}
.wrap .footer .social a{
display:inline-block;
text-decoration:none;
margin:0 0 0 35px
}
.wrap .footer .social a img{
display:inline-block
}
.txt_sm{
font-size:32px
}
.txt_xl{
font-size:40px
}
.credit {
float:right;
width:100%;
text-align:center;
color:#fff
}
.credit a{
color:#fff;
text-decoration:none
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width :1224px) {
/* Styles */
.mobile_only{
display:none
}
.desktop_only{
display:block
}
.wrap *{
max-width:100%
}
.wrap{
width:1224px;
float:none;
margin:0 auto
}
.wrap .header{
background:none;
position:relative
}
.wrap .header .logo{
margin:0 43px 0 0;
position:relative;
z-index:4
}
.wrap .header .logo img{
float:right;
width:78px
}
.wrap .menu{
position:fixed;
top:0;
right:0;
left:0;
height:35px;
width:1224px;
margin:0 auto;
z-index:4;
background:rgba(255,255,255,0.9)
}
#sys_website .wrap .menu{
top:122px
}
.wrap .menu .menu_links{
float:right;
text-decoration:none;
padding:8px 212px 0 0
}
.wrap .menu .menu_links a{
float:right;
color:black;
font-size:16px;
text-decoration:none;
margin:0 0 0 35px
}
.wrap .menu .menu_links a.active{
color:#ff0033;
font-weight:bold
}
.wrap .menu .menu_links a:hover{
color:#ff0033
}
.wrap .menu .social_contact{
float:left;
width:200px;
margin:11px 0 0 12px
}
.wrap .menu .social_contact .social{
float:left;
border-right:2px solid black;
padding:0 6px 0 0
}
.wrap .menu .social_contact .social a{
float:left;
text-decoration:none;
margin:0 8px 0 0
}
.wrap .menu .social_contact .social a img{
float:left
}
.wrap .menu .social_contact .contact{
float:left
}
.wrap .menu .social_contact .contact a{
float:left;
text-decoration:none;
color:black;
font-size:16px;
line-height:16px;
margin:0 0 0 14px
}
.wrap .menu .social_contact .contact a:hover{
color:#ff0033
}
.wrap .footer{
margin:57px 0 0 0
}
.wrap .footer .footer_menu{
float:right;
margin:38px 126px 0 126px;
width:972px
}
.wrap .footer .footer_menu .column{
float:right;
width:256px;
margin:0 0 0 100px
}
.wrap .footer .footer_menu .column:last-child{
margin:0 0 0 0
}
.wrap .footer .footer_menu .column a,
.wrap .footer .footer_menu .column span{
float:right;
font-size:16px;
text-decoration:none;
color:white;
margin:0 0 17px 0;
width:100%
}
.wrap .footer .footer_menu .column a:hover{
color:#ff0033
}
.wrap .footer .footer_menu .column .active{
font-weight:bold
}
.wrap .footer .footer_menu .column a.active{
color:#ff0033
}
.wrap .footer .footer_top{
float:right;
width:100%
}
.wrap .footer .footer_policy{
float:right;
color:white;
width:220px;
margin:35px 0 0 0
}
.wrap .footer .footer_policy .footer_policy_title{
float:right;
font-size:16px;
font-weight:bold;
width:100%
}
.wrap .footer .footer_policy .footer_policy_txt{
float:right;
font-size:14px;
width:100%;
margin:11px 0 0 0
}
.wrap .footer .footer_policy .read_more{
float:right;
color:white;
text-decoration:none;
width:100%;
font-weight:bold;
margin:0 30px 0 0
}
.wrap .footer .footer_logo{
margin:18px 0 0 0;
width:100%;
text-align:center
}
.wrap .footer .footer_logo img{
display:inline-block;
width:120px
}
.wrap .footer .social{
width:100%;
text-align:center;
margin:0
}
.wrap .footer .social a{
display:inline-block;
text-decoration:none;
margin:24px 10px 0
}
.wrap .footer .social a img{
display:inline-block;
width:30px
}
.footer_bg {
position:absolute;
height:100%;
bottom:0;
right:-50%;
width:200%;
background:#000;
z-index:-1;
display:block;
max-width:200%
}
.txt_sm{
font-size:20px
}
.txt_xl{
font-size:22px
}
}
/* Large screens ----------- */
@media only screen  and (min-width :1824px) {
.wrap{
width:1824px
}
.wrap .menu{
width:1824px;
height:50px
}
.wrap .footer .footer_menu{
width:1572px
}
.wrap .footer .footer_menu .column{
width:426px;
margin:0 0 0 140px
}
.wrap .menu .menu_links a {
font-size:22px
}
.wrap .menu .social_contact {
width:260px
}
.wrap .menu .social_contact .social {
height:26px;
height:26px
}
.wrap .menu .social_contact .social a {
margin:5px 8px 0 0
}
.wrap .menu .social_contact .contact a {
font-size:22px;
line-height:28px
}
.wrap .footer .footer_menu .column a,
.wrap .footer .footer_menu .column span{
font-size:18px
}
.wrap .footer .footer_policy{
width:360px
}
.wrap .footer .footer_policy .footer_policy_title{
font-size:18px
}
.wrap .footer .footer_policy .footer_policy_txt{
font-size:16px
}
.txt_xl{
font-size:24px
}
}
.accessibility_menu{
position:fixed;
top:150px;
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
}
}
.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
}
/*
* 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
}