@import url('https://fonts.googleapis.com/css?family=Monda:400,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,300');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans+SC');

html {
overflow-x: hidden;
}

body {
background: #000;
margin: 0;
padding-top: 10px;
font-family: 'Oswald', Arial;
font-size: 11pt;
font-weight: 300;
color: #fff;
line-height: 1;

}

/* unvisited link */
a:link {
    color: #ffa916;
	text-decoration: none;
}

/* visited link */
a:visited {
    color: #ffa916;
	text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #c48416;
	text-decoration: none;
}

/* selected link */
a:active {
    color: #ffa916;
	text-decoration: none;
}

.johnny-lang{
position: absolute;
top: 0;
right: 40px;
}

#language {font-family: Arial;background: url(../img/lang.png) right top no-repeat;height:25px;width:141px;float:right;font-size:10px;list-style:none;line-height: 19px;position:relative;top:0}
#language li {display:block;position:relative;z-index:99999; text-align:center;}
#language li a {display:block;padding:0px;height:19px;text-decoration:none;color:#fff}
#language li a:hover {color:#e29610;}
#language ul li a:hover {color:#fff!important;background-color: #2d1a04;}
#language a.selected {color:#fff;background-color: #2d1a04}
#language ul {position:absolute;left:0;margin:0;padding:0 0 3px 0;list-style:none;background: #000;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
#language ul li {width:141px;float:right;}
#language ul a {display:block;padding:2px 0 2px 18px;}
#language img {margin-right:5px}/*booking*/.rsvn {position:absolute;right:0;top:0px;text-transform: none;background-position: right 10px;}

.header-slider {
position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1600px; height: 600px; overflow: hidden; visibility: hidden; border-bottom: 1px solid #333;
}

.resever {
position: absolute;
z-index: 10000;
text-align: right;
top: 120px;
right: 100px;
width: 100%;


}

.resever-facebook {
position: absolute;
z-index: 10000;
text-align: left;
top: 260px;
left: 100px;
width: 100%;


}


.div-header-center {
top: 0;
margin: 0;
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 60px;
text-align: left;
box-shadow: 0px 1px 1px #FFF;
position: absolute;
z-index: 999;
}

img.khanh-img {
position: absolute;
width: 200px;
max-width: 200px;
height: auto;
z-index: 999999999;
box-shadow: 0px 1px 1px #FFF;
left: 50px;
}

.cb-khanh {
     background: transparent url(../img/pattern.png) repeat top left;
	
}



.footer {
overflow: hidden;
font-family: 'Arial', Tahoma;
font-size: 9pt;
color: #ffffff;
font-weight: 300;
line-height: 150%;
text-align: left;
width: 96%;
}

.johnny-footer-padding {
padding-left: 20px;
padding-right: 10px;
}

hr.style1{
	border-top: 1px solid #8c8b8b;
}


hr.style2 {
	border-top: 1px solid #333;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.style16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.style17 {
	border-top: 1px solid #d89c33;
	text-align: center;
	width: 98%;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}

span.form-rese {
padding: 5px;
line-height: 300%;
}

span.form-rese-text {

}

span.form-rese1 {
padding: 3px;
}

p.p-sup-note {
font-size: 9pt;
font-weight: 300;
color: #908a8a;
}

p.johnny-copyright {
font-size: 7.5pt;
padding-right: 10px;
padding-left: 20px;
}

.johnny-copyright-follow {
font-size: 8pt;
color: #bbbbbb;
}


img.johnny-social
{

max-width: 25px;
height: auto;
padding: 2px;
opacity: 0.7;
filter: alpha(opacity=60); /* For IE8 and earlier */
}

img.johnny-social:hover
{

opacity: 1;
filter: alpha(opacity=40); /* For IE8 and earlier */
-moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;
}

#back-top {
position: fixed;
bottom: 20px;
right: 20px;
text-align: right;
}

.small-fancy-box {
width: 150px;
max-width: 150px;
border: 6px solid #f1f1f1;
height: auto;
padding: 5px;
margin: 10px;
}

.small-fancy-box-services {
width: 150px;
max-width: 150px;
border: 6px solid #f1f1f1;
height: auto;
padding: 5px;
margin: 10px;
}

.small-room-slice-show {
width: 100px;
border: 3px solid #f1f1f1;
height: auto;
padding: 3px;
margin: 3px;
}

.johnny-iframe {
width: 99%;
height: 300px;
border: 0;
text-align: center;
overflow: hidden;
}

.table-trans{
width: 100%;
border: 0;
background: #000;
font-size: 10pt;
text-align: left;
}

.table-trans-first-tr{
background: #a95d03;
line-height: 200%;
border-bottom: 1px solid #636261;


}

.table-trans-first{
padding-left: 6px;
}

.table-trans-second{
width: 15%;
padding-left: 6px;
}

.table-trans-con{
font-size: 10pt;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-top: 7px;
font-family: 'Arial', Tahoma;
line-height: 160%;
border-bottom: 1px dotted #8c8b8b;
color: #bbbbbb;
}

.johnny-img-tour{
float: left;
margin: 5px 15px 7px 0px;
width: 300px;
height: auto;
border: 6px solid #fbfbfb;
padding: 5px;

}

.johnny-div-tour {
width: 100%;
position: relative;
min-height:270px;
}


.black-gallery {
background: #000;
margin-top: 10px;
padding: 20px 0px 20px 0px;
text-align: center;
}


.center-contact {
width: 60%;
position: relative;
z-index: 99;
height: 100%;
background: rgba(0, 0, 0, 0.8);
top: 90px;
min-height: 400px;
float: none;
border: 6px solid rgba(255, 255, 255, 0.3);
text-align: left;
padding: 20px;
}

span.center-contact-p {
line-height: 160%;
letter-spacing: 1px;
}


.footer-fixed-contact {
background: #000;
position: absolute;
width: 100%;
height: auto;
bottom: 0px;
z-index: 999;
margin: 0 0 0 0;
border-top: 1px solid #333;
}

.mobile-before-2: {
 
  width: 100%;
  height: 0px;

}

.telephone-hidden {
visibility: hidden;
display:none;
}