form {
display:inline
}
body{
font-family:'Assistant',sans-serif;
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:56px;
background:#e5eff0;
z-index:-1
}
.header .header_contact{
float:right;
width:100%;
margin-top:5px
}
.header .header_contact a,
.header .header_contact p{
float:right;
color:black;
text-decoration:none;
font-size:20px;
margin-top:9px;
margin-left:0;
margin-bottom:0;
letter-spacing:0.5px
}
.header .header_contact .header_email{
margin-right:271px
}
.header .header_contact .header_address{
margin-right:43px
}
.header .header_contact .header_phone{
margin-right:10px;
font-weight:bold;
color:#1391aa
}
.header .header_contact p{
margin-right:38px
}
.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 .logo h1 img {
width:190px
}
.header .menu{
float:right;
margin:57px 242px 0 0;
width:890px
}
.header .menu a{
float:right;
text-decoration:none;
color:black;
margin-left:46px
}
.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 175px 0 0;
width:188px
}
.footer .footer_about .footer_about_title{
float:right;
width:100%;
font-size:24px;
font-weight:bold
}
.footer .footer_about .footer_about_txt{
float:right;
width:100%;
font-size:18px;
margin:10px 0 0 0;
color:#1391aa;
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:#1391aa;
text-decoration:none
}
.footer .footer_contact{
float:right;
width:240px;
margin:96px 0 0 0
}
.footer .footer_contact .footer_contact_title{
float:right;
width:100%;
font-size:22px;
color:black;
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:#1391aa
}
.footer .footer_contact .footer_icons .contact_btn{
float:right;
margin:19px 12px 0 0;
width:218px;
height:34px;
padding:0;
font-size:22px
}
.footer .footer_policy_links{
float:right;
width:100%;
text-align:center;
margin-top:10px
}
.footer .footer_policy_links a{
float:right;
width:100%;
color:#FFFFFF;
text-decoration:underline;
font-size:18px;
margin:0 10px
}
.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:20px 0 0 10px
}
.wrap{
width:480px
}
.header_bg {
right:0;
width:100%;
height:116px
}
.header .header_contact .header_email {
margin-right:0;
width:100%;
text-align:center
}
.header .header_contact .header_address {
margin-right:0;
width:100%;
text-align:center
}
.header .header_contact p {
margin-right:13%
}
.header .logo {
margin:21px 0 0 0;
width:100%;
text-align:center;
height:102px;
background:url(../../../design/default/css/logo.jpg) 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%
}
.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
}
}
.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{
display:none
}
}
.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
}