.top_header {
display:block;
position:relative;
width:100%;
height:50px;
background:rgba(7,57,80,0.7);
z-index:9;
}

.top_header_continer {
display:block;
width:1000px;
height:50px;
margin:0px auto 0px auto;
}

.top_header_social {
display:block;
width:27px;
height:27px;
font:normal 12px 'sfctc' !important;
color:rgba(255,255,255,1);
text-align:center;
padding:7px 0px 0px 0px;
margin:12px 0px 0px 10px;
border:solid 1px rgba(255,255,255,1);
float:right;
cursor:pointer;

-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}

.top_header_social:before {
content: attr(data-icon);
}

.top_header_social:hover {
color:rgba(255,194,0,1);
border:solid 1px rgba(255,194,0,1);

-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}

.top_header_contact {
display:block;
font:normal 14px 'NeoSansArabic' !important;
color:rgba(255,255,255,1);
margin:15px 0px 0px 0px;
float:left;
}

.top_header_contact i {
display:inline-block;
position:relative;
font:normal 13px 'sfctc' !important;
color:rgba(255,255,255,0.5);
text-align:left;
padding:0px 7px 0px 0px;
top:2px;
}

.top_header_contact i:before {
content: attr(data-icon);
}

.top_header_sp {
display:block;
position:relative;
width:1px;
height:20px;
margin:14px 15px 0px 15px;
float:left;
background:rgba(255,255,255,0.2);
}

header {
display:block;
position:relative;
width:100%;
height:120px;
background:rgba(255,255,255,0.7);
z-index:9;
box-shadow:0px 1px 1px 2px rgba(0,0,0,0.05);

-webkit-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}

.header_continer {
display:block;
width:1000px;
height:120px;
z-index:9;
margin:0px auto 0px auto;
}

.header_logo {
display:block;
position:relative;
width:80px;
height:95px;
margin:13px 0px 0px 0px;
float:left;

-webkit-animation: zoomIn 0.5s ease-in-out;
animation: zoomIn 0.5s ease-in-out;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.header_logo img  {
position:absolute;
width:100%;
height:100%;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

/*media query*/
@media only screen and (max-width: 768px) {

.top_header_continer {
width: 94%;
height: 50px;
}

.header_continer {
width: 94%;
height: 120px;
}

.top_header_continer div:nth-child(7) {
display: none;
visibility: hidden;
}

}

/*animations*/
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}

50% {
opacity: 1;
}
}

@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}

50% {
opacity: 1;
}
}