/* -----------------------------------------------------------------------------
This file should be used to add your own CSS definitions or override
the existing ones.
----------------------------------------------------------------------------- */
:lang(ar) {
font-size:101%
}

#header.m-large .header-menu>ul>li>a:lang(ar) {
font-weight:700
}

#header.m-standard .header-menu>ul>li>a:lang(ar) {
font-weight:700
}

#header-fixed .header-menu>ul>li>a:lang(ar) {
font-weight:700
}

.hcntube {
position:relative;
width:100%;
height:0;
padding-bottom:56.25%
}

.hcnvid {
position:absolute;
top:0;
right:0;
width:100%;
height:100%
}

.hcnbrand {
position:relative;
display:inline-block;
margin-right:5px;
margin-bottom:24px
}

.hcnbrand a {
text-decoration:none;
border:0
}

.hcnbrand .hcnbrandtext {
visibility:hidden;
width:220px;
bottom:80%;
right:25%;
margin-right:-60px;
background-color:#333;
color:#fff;
text-align:center;
padding:5px;
border-radius:6px;
opacity:0;
transition:opacity 1s;
position:absolute;
z-index:1
}

.hcnbrand:hover .hcnbrandtext {
visibility:visible;
opacity:1
}

.hcnbrand .hcnbrandtext::after {
content:" ";
position:absolute;
top:100%;
right:50%;
margin-right:-5px;
border-width:5px;
border-style:solid;
border-color:#333 transparent transparent
}

.sj_shf,.sj_shf a {
font-size:90%;
margin:5px;
vertical-align:top;
background:#4c69ba;
background:-webkit-gradient(linear,center top,center bottom,from(#4c69ba),to(#3b55a0));
background:-webkit-linear-gradient(#4c69ba,#3b55a0);
border:none;
-webkit-border-radius:2px;
color:#fff;
cursor:pointer;
font-weight:700;
height:20px;
line-height:20px;
padding:0;
text-shadow:0 -1px 0 #354c8c;
white-space:nowrap
}

.sj_shf a:hover {
color:#FFF
}

.sj_shf a:before {
content:"\f082";
font-family:FontAwesome;
vertical-align:top;
height:20px;
line-height:20px;
padding:0
}

.sj_shg a:before {
color:#dd4b39;
content:"\f0d4";
font-family:FontAwesome;
font-size:120%;
margin:5px;
vertical-align:top;
height:20px;
line-height:20px;
padding:0;
white-space:nowrap
}

.sj_sht a:before {
color:#55acee;
content:"\f081";
font-family:FontAwesome;
font-size:120%;
margin:5px;
vertical-align:top;
height:20px;
line-height:20px;
padding:0;
white-space:nowrap
}

.sj_shw a:before {
color:#34af23;
content:"\f098";
font-family:FontAwesome;
font-size:120%;
margin:5px;
vertical-align:top;
height:20px;
line-height:20px;
padding:0;
white-space:nowrap
}