form {
display:inline
}
*{
-moz-hyphens:none;
-ms-hyphens:none;
-webkit-hyphens:none;
hyphens:none
}
body{
font-family:'Assistant',sans-serif;
font-weight:300;
font-size:16px;
color:black;
overflow-x:hidden
}
.wrap{
direction:rtl;
width:1400px;
margin:0 auto
}
.header,
.content,
.footer{
float:right;
width:100%
}
.header_bg{
position:absolute;
top:0;
right:-100%;
width:200%;
height:46px;
background:#9a002e;
z-index:-1
}
.header .header_contact{
float:right;
width:60%;
margin:0 20%;
height:46px
}
.header .wa_icon{
margin:2px 0 -10px 0;
display:inline-block;
height:26px
}
.header .wa_icon svg{
float:right;
height:100%;
fill:#fff
}
.header .header_contact .header_email{
margin-right:271px
}
.header .header_contact .header_address{
float:right;
color:#fff;
text-decoration:none;
font-size:18px;
margin-top:9px;
margin-left:0;
margin-bottom:0;
letter-spacing:0.5px;
font-weight:bold
}
.header .header_contact .header_phone{
margin-right:10px;
font-weight:bold;
color:#fff
}
.header .header_contact a{
text-decoration:none
}
.header .header_contact span{
margin-right:10px;
margin-left:10px
}
.header .logo{
float:right;
margin:21px 86px 0 0
}
.header .logo h1{
float:right;
text-indent:0;
padding:0;
margin:0;
background:none;
height:102px;
width:182px
}
.header .menu{
float:right;
margin:74px 0 0 0;
width:890px;
font-size:20px
}
.header .menu a{
float:right;
text-decoration:none;
color:black;
margin-left:46px
}
.header .menu a.active{
color:#9a002e
}
.menu .item{
float:right;
padding-left:10px;
border-left:2px solid #009DB0;
margin:0 0 0 12px;
height:16px
}
.item:last-child{
border-left:none !important
}
.menu .item > a,
.menu .item > span{
float:right;
color:#523831;
margin:-2px 0 0 0;
text-decoration:none;
font-size:14px;
font-weight:bold;
height:35px;
background:url(../../../design/default/css/menu_point.png) -20px 20px no-repeat;
transition:0.7s all
}
.menu .item .submenu{
position:absolute;
top:29px;
right:2px;
display:none;
width:662px;
height:242px;
background:url(../../../design/default/css/submenu_bg.png) top right no-repeat
}
.menu .item .submenu .links{
float:right;
margin:24px 28px 0 0;
width:215px;
height:212px;
overflow:hidden
}
.menu .item .submenu .links a{
width:100%;
float:right;
font-size:12px;
font-weight:bold;
text-decoration:none;
margin:0 0 3px 0;
color:black
}
.menu .item .submenu img{
float:left;
margin:6px 0 0 4px
}
.menu .item:hover > a,
.menu .item > a:hover{
background:url(../../../design/default/css/menu_point.png) bottom center no-repeat
}
.menu .item:hover .submenu,
.menu .item a:hover .submenu,
.menu .active .submenu{
display:block
}
.content .about{
float:right;
margin:50px 0 0 0
}
.content .about .text{
float:right;
width:596px;
margin:0 106px 0 70px
}
.content .about .text h1{
float:right;
margin:0;
padding:0;
font-size:34px;
width:100%
}
.content .about .text h2{
float:right;
margin:0;
padding:0;
font-size:34px;
width:100%
}
.content .about .text .subtitle{
float:right;
font-size:22px;
margin:10px 0 13px 0;
line-height:26px;
color:#757472
}
.content .about .text .txt_content{
float:right
}
.content .about .text > a{
float:left;
margin:92px 0 0 8px
}
.content .about .img_left{
float:right;
margin:10px 0 0 0
}
.footer{
float:right;
margin:18px 0
}
.footer .footer_about{
float:right;
margin:94px 75px 0 0;
width:298px
}
.footer .footer_about .footer_about_title{
float:right;
width:100%;
font-size:24px;
font-weight:bold;
color:#9a002e
}
.footer .footer_about .footer_about_txt{
float:right;
width:100%;
font-size:18px;
margin:10px 0 0 0;
color:#000;
line-height:22px
}
.footer .footer_links{
float:right;
margin:96px 108px 0 0;
width:514px
}
.footer .footer_links .footer_links_row{
float:right;
width:256px
}
.footer .footer_links .footer_links_row .footer_links_row_title{
float:right;
width:100%;
font-size:22px;
font-weight:bold
}
.footer .footer_links .footer_links_row a{
float:right;
width:100%;
font-size:20px;
margin:10px 0 0 0;
color:#000;
text-decoration:none
}
.footer .footer_contact{
float:right;
width:240px;
margin:96px 85px 0 0
}
.footer .footer_contact .footer_contact_title{
float:right;
width:100%;
font-size:22px;
color:#9a002e;
font-weight:bold;
margin:0 16px 0 0
}
.footer .footer_contact .footer_icons{
float:right;
width:250px;
margin:19px 0 0 0
}
.footer .footer_contact .footer_icons .footer_icon{
float:right;
width:100%;
margin-bottom:16px
}
.footer .footer_contact .footer_icons .footer_icon .footer_icons_holder{
float:right;
width:40px;
text-align:center
}
.footer .footer_contact .footer_icons .footer_icon a{
float:right;
width:200px;
text-align:right;
text-decoration:none;
font-size:20px;
color:#000
}
.footer .footer_contact .footer_icons .contact_btn{
float:right;
margin:19px 12px 0 0;
width:218px;
height:34px;
padding:0;
font-size:22px
}
.overlay{
position:fixed;
top:0;
right:0;
left:0;
bottom:0;
background:rgba(0,0,0,0.7);
width:100%;
height:100%;
z-index:10;
display:none
}
.overlay .big_img_holder{
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
width:980px;
height:625px;
margin:auto;
z-index:2;
overflow-x:hidden
}
.overlay .big_img_holder #big_img_slider{
position:absolute;
top:0;
right:0;
width:500000px;
height:625px;
transition:all 1s ease
}
.overlay .big_img_holder #big_img_slider img{
float:right
}
.overlay .big_img_arrws_holder{
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
height:625px;
margin:auto;
width:1100px
}
.overlay .big_img_arrws_holder .arrw_right{
position:absolute;
top:300px;
right:0;
cursor:pointer;
z-index:3
}
.overlay .big_img_arrws_holder .arrw_left{
position:absolute;
top:300px;
left:0;
cursor:pointer;
z-index:3
}
.nlregs{
float:right;
width:350px;
background:#523932;
margin:1px 0 0 0;
height:51px
}
.nlregs .sign_txt{
float:right;
color:white;
font-size:15px;
margin:15px 13px 0 0;
width:122px;
height:19px
}
.nlregs input[type="text"]{
float:right;
width:111px;
background:white;
color:#533932;
height:20px;
margin:15px 9px 0 0;
padding:0;
border:0;
text-align:center;
font-size:15px
}
.nlregs input[type="submit"]{
background:#009DB1;
color:white;
font-weight:bold;
font-size:15px;
height:21px;
width:71px;
margin:15px 7px 0 0;
text-align:center;
padding:0;
border:0
}
.contact_frame{
position:absolute;
top:0;
right:0;
height:1px;
width:1px;
border:0;
background:none
}
.nlregs_txt{
float:right;
width:250px;
color:#523831;
font-size:14px;
margin:11px 2px 0 0;
font-weight:bold;
line-height:18px
}
/* [Grids and schemes] */
.button{
color:black;
background:#febe00;
text-decoration:none;
font-weight:bold;
text-align:center
}
.button-md{
width:126px;
height:30px;
padding:5px 0 0 0
}
.accessibility_menu{
display:none
}
.article_video{
float:right;
margin-top:67px;
width:365px;
height:316px
}
.article_video iframe,.article_video .sys_contenteditable{
width:100% !important;
height:100% !important
}
.article_video img{
float:right;
cursor:pointer
}
.article_video iframe{
display:none;
border:0;
padding:0;
margin:0
}
.disclaimer{
float:right;
width:100%;
font-size:12px;
font-weight:bold;
color:#58595b;
margin:10px -18px 0 0;
border:1px solid #523932
}
.mobile_menu{
display:none
}
.mobile_btn{
display:none
}
.article_menu{
float:right;
width:200px;
margin:6px -18px 0 0
}
.article_menu a{
background:url(../../../design/default/css/button2.png) no-repeat;
width:171px;
color:#716d6e;
padding:2px 17px;
margin:0 0 4px 0;
text-decoration:none;
float:right;
display:block;
height:21px
}
.article_menu a:hover,.article_depart:hover{
color:#009DB1
}
.footer_credit{
float:right;
width:100%;
text-align:center;
font-size:14px
}
@media all and (max-width:480px){
*{
max-width:480px
}
.wrap{
transition:all 0.75s ease
}
.mobile_btn {
display:block;
float:none;
position:absolute;
left:0;
top:0;
margin:70px 0 0 10px
}
.wrap{
width:480px
}
.header_bg {
right:0;
width:100%;
height:43px
}
.header .header_contact{
width:100%;
margin:0
}
.header .header_contact .header_email {
margin-right:0;
width:100%;
text-align:center
}
.header .header_contact .header_address {
margin-right:5px;
width:auto;
text-align:center
}
.header .header_contact .header_phone {
margin-right:5px
}
.header .header_contact p {
margin-right:1%
}
.header .header_contact a,.header .header_contact p {
font-size:18px
}
.header .logo {
margin:21px 0 0 0;
width:100%;
text-align:center;
height:92px;
background:url(../../../design/default/css/logo.png) top center no-repeat
}
.header .logo h1{
display:none
}
.menu{
display:none
}
.mobile_menu{
position:fixed;
top:0;
left:-100%;
width:0;
height:100%;
overflow:auto;
transition:all 0.75s ease;
background:#FFFFFF;
border-right:1px solid #E3E3E3;
display:block;
direction:rtl
}
.mobile_menu .links{
float:right;
width:100%;
margin:0
}
.mobile_menu .links > a{
width:90% !important;
margin:0 5% 0 0;
border-bottom:1px solid #E3E3E3
}
.mobile_menu .links a{
float:right;
color:#523831;
background:#FFFFFF;
width:99%;
font-size:26px;
padding:4px 6px 4px 0;
text-decoration:none
}
.mobile_menu .links > a{
font-size:26px
}
.mobile_menu .links a .box{
float:right;
width:13px;
height:13px;
margin:10px 0 0 10px;
background:#F04036
}
.mobile_menu .links a span{
float:right;
width:85%
}
.mobile_menu .links .submenu{
float:right;
width:91%;
max-width:none;
margin:0 20px 0 0;
overflow:hidden;
height:0;
transition:all 0.5s ease
}
.mobile_menu .links .submenu a{
padding:4px 20px 14px 0
}
.mobile_menu .search{
float:left;
width:280px;
margin:0px 0 0 11px
}
.mobile_menu .search input[type="submit"]{
float:left;
background:none;
height:47px;
border:0;
width:49px;
padding:0;
margin:0
}
.mobile_menu .search input[type="text"]{
float:left;
padding:0;
margin:9px 0 0 0;
padding-right:10px;
border:0;
font-size:19px;
width:220px;
height:32px;
outline:0;
text-align:right
}
.content .about {
margin:25px 0 0 0
}
.content .about .text {
width:92%;
margin:0 20px 0 20px
}
.content .about .text > a {
margin:42px 0 0 8px
}
.disclaimer{
width:440px;
margin:10px 0 0 0
}
.footer .footer_about {
margin:10px 10% 0 0;
width:80%;
text-align:center
}
.footer .footer_links {
margin:16px 10% 0 0;
width:90%
}
.footer .footer_links .footer_links_row {
width:45%;
margin:0 0 0 5%
}
.footer .footer_contact {
width:100%;
margin:16px 0 0 0
}
.footer .footer_contact .footer_contact_title {
width:100%;
margin:0 0 0 0;
text-align:center
}
.footer .footer_contact .footer_icons {
width:50%;
margin:19px 25% 10px 0
}
.overlay .big_img_arrws_holder {
height:306px;
width:100%
}
.overlay .big_img_holder {
height:306px
}
.overlay .big_img_holder {
width:480px
}
.overlay .big_img_holder #big_img_slider {
max-width:none;
height:306px
}
.overlay .big_img_arrws_holder .arrw_right {
top:125px
}
.overlay .big_img_arrws_holder .arrw_left {
top:125px
}
.nlregs{
float:right;
width:100%;
height:90px
}
.nlregs .sign_txt{
width:100%;
text-align:center;
font-weight:bold;
font-size:18px;
margin:2px 0 0 0;
height:25px
}
.nlregs input[type="text"]{
float:right;
width:90%;
margin:0 5%
}
.nlregs input[type="submit"]{
width:90%;
margin:5px 5% 0
}
.nlregs_txt{
width:100%;
font-size:16px;
text-align:center
}
.article_menu{
margin:6px -8px 0 0
}
}
@media 
only screen and (-webkit-device-pixel-ratio :3){ 
/* Retina-specific stuff here */
.header .header_contact .header_address{
float:right;
font-size:11.5px;
text-align:center;
width:100%
}
.header .header_contact a,.header .header_contact p {
font-size:11px
}
}
@media 
only screen and (-webkit-device-pixel-ratio :2){ 
/* Retina-specific stuff here */
.header .header_contact .header_address{
font-size:9px;
word-break:keep-all
}
.header .header_contact a,.header .header_contact p {
font-size:9px;
word-break:keep-all
}
}
.forum{
width:645px;
float:right
}
.forum div{
float:right
}
.forum h1{
float:right;
width:530px;
font-size:25px;
color:#49BBCF
}
.forum img{
float:right;
margin:24px 0 0 10px
}
.forum .short_txt{
float:right;
width:430px;
height:132px;
overflow:hidden
}
.forum .add{
width:600px;
border-radius:5px;
padding:10px;
margin-right:#AEDFE4;
background:#FFFFFF;
position:relative;
z-index:20;
box-shadow:0 0 10px black
}
.forum .add .ttl,.forum .add .arow{
width:600px;
margin-bottom:5px
}
.forum .add .ttl{
font-size:22px;
color:#FFFFFF;
font-weight:bold;
background:#AEDFE4;
padding:5px 10px 5px 15px;
width:575px;
border-radius:4px;
margin-bottom:13px;
box-shadow:inset 0 -18px 0 #49BBCF
}
.forum .ttl .admin,.forum .message .admin{
text-decoration:underline
}
.forum .add a{
color:#CA2B8F
}
.forum .add input[type="text"],.forum .add textarea{
border:2px solid rgb(182,182,182);
background:white;
float:left;
width:480px;
padding:5px;
border-radius:5px
}
.forum .add textarea{
height:100px
}
.arow div{
width:100px;
line-height:30px
}
.arow input[type="submit"]{
background:#49BBCF;
border:0;
padding:3px 20px;
color:white;
font-size:14px;
border-radius:4px;
float:left
}
.forum .messages{
margin-top:30px;
width:750px;
min-height:300px
}
.forum .head{
border-radius:20px;
width:640px;
background:#FFFFFF;
color:black;
font-weight:bold;
font-size:18px;
line-height:35px;
margin-top:20px
}
.forum .head .msgby{
margin-right:20px;
width:420px;
float:right
}
.forum .head .date{
float:left;
margin-left:20px;
width:150px;
text-align:left
}
.preview{
width:594px;
margin:10px 10px 5px 20px;
padding-bottom:10px;
font-weight:bold;
border-bottom:1px dashed #F7773A;
/*background:url(../../../design/default/plugins/forums/css/t.png) no-repeat top right;
*/
padding-right:0;
cursor:pointer;
padding-left:25px;
position:relative
}
.mr0{ /*background:url(../../../design/default/plugins/forums/css/q.png) no-repeat top right;
*/ }
.mr1{
width:540px;
margin-right:40px;
/*background:url(../../../design/default/plugins/forums/css/a.png) no-repeat top left*/
}
.mr2{ width:625px;
margin-right:60px }
.mr3{ width:605px;
margin-right:80px }
.mr4{ width:585px;
margin-right:100px }
.mr5{ width:565px;
margin-right:120px }
.preview .by{
color:black;
font-weight:normal;
margin-right:10px
}
.aY .by{
color:#02AEEE;
margin-right:10px;
font-weight:bold
}
.preview .date{
font-size:12px;
float:left;
line-height:21px
}
.preview .ttl{
min-width:300px
}
.forum .message{
border:3px solid #49BBCF;
border-radius:15px;
margin:10px 20px;
width:585px;
margin:10px 15px;
padding:15px;
display:none;
background:#FFFFFF
}
.forum .message .ttl{
font-size:22px;
color:#000;
font-weight:bold;
width:585px
}
.forum .message .by{
font-size:12px
}
.forum .message .desc{
width:585px;
margin-top:10px
}
.forum .message .desc img{
max-width:510px
}
.forum .messages .add{
margin-bottom:20px
}
.comment{
display:none
}
.cbut{
background:#49BBCF;
border:0;
padding:3px 20px;
color:white;
font-size:14px;
border-radius:4px;
float:left;
text-decoration:none;
margin:0 55px 10px 0
}
#add_message{
display:none
}
.addbtn,.addbtn_row a{
float:left;
background:#AEDFE4;
color:white;
padding:5px;
font-size:22px;
font-weight:bold;
text-decoration:none;
width:200px;
text-align:center;
border-radius:8px;
margin-left:15px;
margin-top:10px;
margin-bottom:5px;
box-shadow:inset 0 -19px 0 #49B9CD
}
.addbtn,.addbtn_row{
position:absolute;
left:487px;
top:204px
}
.addbtn_row{
width:470px
}
.admins{
float:right;
width:100%
}
.forum .center{
position:relative;
width:930px;
margin-top:20px
}
.message_icon{
position:absolute;
top:-4px;
right:-30px;
margin:0 !important;
float:none !important
}
@media all and (max-width:480px){
.forum{
width:480px
}
.forum .center {
width:480px
}
.forum h1 {
width:460px;
margin-right:20px
}
.forum .short_txt {
margin-right:20px
}
.addbtn_row {
width:330px;
float:right
}
.addbtn,.addbtn_row {
position:relative;
left:0;
top:0
}
.forum .messages {
width:480px
}
.forum .head {
width:480px
}
.preview {
width:420px;
margin:10px 40px 5px 20px
}
.preview .ttl {
min-width:280px
}
.forum .message,.forum .message .ttl,.forum .message .desc {
width:415px
}
.forum .add {
width:420px;
margin-right:20px
}
.forum .add .ttl {
width:395px
}
.forum .add .arow {
width:420px
}
.forum .add input[type="text"],.forum .add textarea {
width:405px
}
.mr1,.mr2 {
width:390px;
margin-right:60px
}
.mr3 {
width:370px
}
}
.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
}
}
.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
}