html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { margin:0; padding:0; width:100%; min-width:800px;}
html { 
  background: #0a0a0c;
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin:0; 
  padding:0;
}
@font-face {
    font-family: "times";
    src: url(images/times.ttf) format("truetype");
}
#main
{
width:99.8%;
max-width:1400px;
}
.header
{
background:white;
background:url(images/EBS.jpg) no-repeat center right;
background-size:100% 100%;
width:100%;
height:170px;

}
.logo
{
position:absolute;
width:200px;
float:left;
margin:0 0 0 20px;
height:170px;
}
.logo img
{
width:190px;
float:left;
margin:10px 0 0 10px;
height:150px;
}
.Cup
{
width:500px;
height:500px; 
position:Absolute;
top:10%;
left:33%;

}
.Cup img
{
width:500px;
height:500px; 
}

.Close img
{
color:#000;
cursor:pointer;
float:right;
width:70px;
height:70px;
margin-right:-28px;
margin-top:-526px;"
}
.eb
{
position:relative;
width:1000px;
margin:0 0 0 -50px;
height:170px;
}
.eb img
{
width:px;
float:;
margin:10px 0 0 -10px;
height:150px;
}
#menu
{
width:100%;
background:white;
border-top: solid 1px #161616;
border-bottom: solid 1px #161616;
height:50px;
}
.menu
{
float:right;
margin:0 2% 0 0%;

}
ul.tabs li
{
display:inline-block;
font:normal 1.5em times;

padding:10px 20px 0 20px;
cursor:pointer;
text-decoration:none;
}
ul.tabs li a
{
color:#0a0a0a;
text-decoration:none;
}
ul.tabs li:hover
{
display:inline-block;
font:normal 1.5em times;
padding:0px 20px 0 20px;
text-decoration:none;
border-bottom:solid 0.2px #210700;
}
.banner
{
position:relative;
width:100%;
background:#000;
margin-top:1px;
}
.mary
{
position:relative;
width:100%;
background:#ffffff;
border-top:solid 1px #262626;
}
.marky
{
position:relative;
width:100%;
background:#ffffff;
padding:50px 0 50px 0;
margin-top:1px;
color:#000101;
font:normal 2.2em times;
}
.zarky
{
position:relative;
background:url(images/city4.jpg) no-repeat center center fixed;
background-size:100% 100%;
padding:50px 0 50px 0;
}

.middle
{
position:relative;
width:100%;

margin-top:1px;
padding:0px;

}
.middle-one
{
padding:30px 0 30px 0;
background:rgba(122,102,092, 0.5);
opacity:1;
font:normal 2em times;
}

.middle-two
{
padding:30px 0 30px 0;
background:rgba(122,101,092, 0.5);
font:normal 2em times;
}
.middle-one, .middle-two
{
width:48%;

display:inline-block;
}
.middle-one img, .middle-two img
{
opacity:1;
width:50%;
padding:10px 0 0 0;
cursor:pointer;
transition: all 0.8s ease-in-out;
}

.middle-one img:hover
{
opacity:1;
padding:10px 100px 0 10px;
transition: all 1s ease-in-out;
}
.middle-two img:hover
{
opacity:1;
padding:10px 10px 0 100px;
transition: all 1s ease-in-out;
}
.link
{
float:right;
cursor:pointer;
opacity:0.5;
font:normal 0.8em times;
margin:0 20px 0 0;
}
.link:hover
{
float:right;
border-bottom:solid 1px #262626;
opacity:0.9;
font:normal 0.8em times;
}
.last
{
position:relative;
width:100%;
background:#ffffff;
margin-top:1px;
padding:0 0 30px 0;

}
.last-one, .last-two
{
width:40%;
color:#0a0a0a;
text-decoration:none;
vertical-align: text-top;
padding:0 0px 0 10px;
display:inline-block;
font:normal 2em times;
}
.last-one a, .last-two a
{
text-align:left;
}
.about
{
Background:white;
}
.about img
{
width:20%;
}
.about p
{
font:normal 2em times;
width:80%;
text-align:justify;
padding:20px 0 20px 0;
}
.about-head
{
position:relative;
width:100%;
background:#e1e1e1;
margin-top:20px;
padding:10px 0 10px 0;
border-top:solid 1px #565656;
border-bottom:solid 1px #565656;
font:normal 2em times;
text-shadow:0 5px 20px #787878;
}
.gallery-head
{
position:relative;
width:100%;
background:#e5e5e5;
padding:30px 0 30px 0;
border-top:solid 1px #565656;
border-bottom:solid 1px #565656;
font:normal 2em times;
text-shadow:0 5px 20px #161616;
}
.contact-head
{
position:relative;
width:100%;
background:transparent;
padding:30px 0 30px 0;
border-top:solid 1px #565656;
border-bottom:solid 1px #565656;
font:normal 3em times;
text-shadow:0 5px 20px #161616;
}
.contact-head a
{

border-bottom:solid 1px #000;

}
.Service-head
{
position:relative;
width:100%;
background:#e5e5e5;
padding:20px 0 20px 0;
border-top:solid 1px #565656;
border-bottom:solid 1px #565656;
font:normal 2em times;
text-shadow:0 5px 20px #161616;
}
.main_container1, .main_container2
{
width:49%;
display:inline-block;
vertical-align:text-top;
text-align:center;
}
.main_container1 a
{

font:normal 2em times;
}
#Contact
{
background:white;
 background-size:100% 100%;
}
.Gallery-tab
{
background:#ffffff;
width:100%;
}
.Gallery-tab-img1, .Gallery-tab-img2, .Gallery-tab-img3
{
width:90%;
border-top:solid 2px #262626;
border-bottom:solid 2px #262626;
background:white;
}


.Gallery-tab-img3 img, .Gallery-tab-img2 img, .Gallery-tab-img1 img
{
width:40%;
padding:8px 0 8px 0;
margin-left:0px;
vertical-align: middle;
border-top:solid 2px #262626;
border-bottom:solid 2px #262626;
transition: all 0.8s ease-in-out;
}
.gallery
{
position:relative;
width:100%;
background:white;
padding:20px 0 00px 0;
}
.space
{
position:relative;
background:white;
height:20px;
}
.space-c
{
position:relative;
background:transparent;
height:20px;
}
.gallery-img
{
background:#ffffff;
background-size:100% 100%;
}
.gallery-adds
{
position:relative;
width:100%;
background:#ffffff;
padding:10px 0 10px 0;
border-top:solid 1px #565656;
border-bottom:solid 1px #565656;
}
.gallery-one, .gallery-two
{
position:relative;
width:49%;
background:url(images/Gallery-adds.jpg) no-repeat center center;
opacity:1;
display:inline-block;
border-radius:80px;
}
.gallery-one img, .gallery-two img
{
position:relative;
padding:30px 50px 30px 50px;
width:58%;
border-radius:50px;
border-top:solid 5px transparent;
border-bottom:solid 5px transparent;
}
.gallery-one img:hover, .gallery-two img:hover
{
border-top:solid 5px #121212;
border-bottom:solid 5px #121212;
}
.image-caption
{
position:relative;
top: 1px; 
left: 0px; 
width: 100%; 
height: 50px;
background:rgba(050,050,050, 0.2);
color:white;
line-height: 50px;
text-align: center; 
border-radius:0px 0 15px 15px;
}
.name
{
font: normal 2em times; 
}
.place
{
font: normal 1em times; 
}
.main
{
font:normal 1.5em times;

border-bottom:solid 2px #262626;
}
.barky
{
position:relative;
background:url(images/city1.jpg) no-repeat center center fixed;
background-size:100% 100%;
padding:20px 0 20px 0;
}
.barky-img
{
padding:20px 0 20px 0;
}
.barky-one, .barky-two
{
background:rgba(020,020,020,0.5);
width:100%;
padding:10px 0 10px 0;
}
.serv
{

font:normal 3em times;
color:white;
text-decoration:none;
text-shadow:0 5px 15px #262626;
}

.home-services
{
display:inline-block;
padding:5px;
}
.Services
{
background:white;
}
.barky-two a
{
color:#a9a9a9;
border:solid 2px #616161;
padding:0px 30px 0px 30px;
border-radius:10px;
cursor:pointer;
}
.barky-two a:hover
{
color:white;
border:solid 2px #b1b1b1;
padding:0px 30px 0px 30px;
border-radius:10px;
}
.map
{
font:normal 1em times;
text-align:justified;
cursor:pointer;
text-decoration:none;
padding:0 10% 0 10%;
color:#262626;
border-top:solid 2px #888888;
border-bottom:solid 2px #888888;
border-radius:5px;
}

.map:hover
{
font:normal 1em times;
border-top:solid 2px #444444;
border-bottom:solid 2px #444444;
border-radius:5px;
}
#main_container1
{
position: relative;  
width: 99%;
overflow:hidden; 
background:transparent;
background-size:100% 100%;
}
.footer
{
position:relative;
width:100%;
background:#fff;
height:50px;
margin-top:1px;
border-top:solid 1px #262626;
}
.copy
{
float:left;
padding:12px 0 0 15px;
font:normal 1.2em times;
}
.web
{
float:right;
cursor:pointer;
padding:12px 15px 0 0px;
font:normal 1.2em times;
}
.rights
{
float:left;
padding:12px 0 0 5px;
font:normal 1.2em times;
}

