/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{font-family: arial,sans-serif;
color: #86858e;
background-image: url(../images/page.jpg);

background-repeat: repeat;
}
.logo{
text-align: center;
padding-top: 35px;
}
.menustatic{position: fixed;
width: 100%;
background: #fff;
bottom: 0;
z-index: 1000;}
.leftsplitter {
position: fixed;
z-index: 14;
bottom: 52px;
background: #C0282D;
height: 157px;
width: 300px;
left: 50%;

border-top-left-radius: 150px;
border-top-right-radius: 150px;

border-bottom: 0;
margin-left: -140px;

}
ul{list-style-type: none;}
.splitter {
clear: both;
}
.splitter li{
line-height: 1.9;
font-size: 14px;
}
.menu2 {
position: absolute;
text-align: center;
top: 0;
left: 0;
right: 0;
bottom: 0;

}
.splitter ul li {
position: relative;
}
.splitter ul li a, .splitter ul li span{
color: #fff;

}
.two_third{
width: 65.4%;
float: left;
}
.one_third_last {
width: 30.8%;
float: right;
}

img{max-width: 100%; vertical-align: middle;}
*{margin:0; padding:0;}
 .v_space {
padding: 0px 0px 40px 0px !important;
overflow: hidden;
}
.clear {
clear: both;
display: block;
height: 0;
visibility: hidden;
width: 100%;
}
.one_half {
width: 48.1%;
float: left;
margin-right: 3.8%;
margin-bottom: 20px;
}
.one_half2 h5, .one_half2_last h5 {
line-height: 1.4em;
margin: 0;
color: #545454;
padding: 5px;
font-size: 2em;
}
.listen {
font-size: 9pt;
font-weight: bold;
float: left;
}
.listar {
text-align: right;
font-size: 9pt;
font-weight: bold;
font-family: tahoma;
}
.thumb_img {
float: left;
margin: 0px 20px 0px 0px;
}
.description {
display: block;
overflow: hidden;
}

#contact-form p input#submit {
float: left;
background-color: #303030;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#111111');
background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#111111));
background: -moz-linear-gradient(top, #303030, #111111);
background: -o-linear-gradient(top, #303030, #111111);
border: 1px solid #000;
padding: 7px 15px 7px 15px;
border-radius: 5px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
float: left;
margin-top: 10px;
-moz-transition: all 0.2s ease 0s;
width: 100px;
} 
#contact-form textarea {
height: 185px;
width: 98%;
}
#response {
color: #006633;
}
.one_third {
width: 30.8%;
float: left;
margin-right: 3.8%;
}
#contact-form label {
float: left;
padding-top: 5px;
font-size: 13px;

}
#contact-form input, #contact-form textarea {
padding: 5px;
margin: 10px 0px 10px 0px;
border: 1px solid #6f6f6e;
background-color: #343434;
color: #fff;
}
.one_third_last {
width: 30.8%;
float: right;
}
#contact-form input {
width: 95%;
}
#contact-form input, #contact-form textarea {
padding: 5px;

margin: 10px 0px 10px 0px;
border: 1px solid #6f6f6e;
background-color: #343434;
color: #fff;
}
.device {
  width: 100%;
 max-height: 690px;
overflow: hidden;
  position: relative;
  
}
.device .arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.swiper-container {
  height: 300px;
  width: 100%;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
 
  text-align: center;
  bottom:5px;
  width: 100%;
  }
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #111;
}
.title-wrapper{
background-image: url(../images/title_hr.jpg);
background-position: 0 20px;
background-repeat: repeat-x;
overflow: hidden;
text-align: center;
margin-bottom: 20px
}
  .title-wrapper h2 {
background-color: #C0282D;
color: #fff;
display: inline-block;
font-family: 'Oswald',sans-serif;
font-size: 15px;
font-weight: normal;
padding: 10px;
text-transform: uppercase;
}
.page{margin-top: 10px;}
.page li {float: left;
line-height: 17px;
list-style: none;
overflow: hidden;
margin-bottom: 10px;
margin-right: 5px}
.desc{padding: 10px;}
h1 {
font-size: 30px;
}
p {
color: #86858e;
padding-bottom: 10px;
}
h1, h2, h3, h4, h5 {
color: #000;
font-weight: 300;
margin-bottom: 20px;
}
.pagebord {
border-bottom: 2px solid #000;
margin-left: 5px;
}
.one_half2 {
width: 48%;
float: left;
margin-bottom: 20px;
}
.one_half2_last {
width: 48%;
float: right;
margin-bottom: 20px;

}
ul.list {
margin-top: 5px;
list-style-type: none;
}
ul.list li {
width: 100%;
margin-bottom: 10px;
padding-top: 20px;
padding-bottom: 10px;
font-weight: normal;
font-size: 13px;
border-bottom: 1px solid #D2D2D2;
}
.alignleft {
float: left;
margin: 0px 20px 0px 0px;
width: auto;
}
.img_bor {
background: none repeat scroll 0 0 #d3d3d3;
padding: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }




@media screen and (max-width: 25em) { 
	.codrops-icon span {
		display: none;
	}
	.container > header {
		font-size: 75%;
	}
}

@media screen and (max-width: 1000px) { 
.fullwidth{background: transparent; }

nav ul li {float: none;}
nav ul li  a {margin-top: 0;}
nav ul li:hover a, nav ul li a.active{background: #C0282D;
color: #fff;}
nav ul li a{color: #000;}


}
@media screen and (max-width: 767px) {
.one_half {
width: 100%;
 float: none;
 margin-right:0;
}
#map_main {
width: 100%;
max-width: 100%!important;
}
.one_half2 {
width: 100%;
 float: none;
margin-bottom: 0px;
}
#map_ashrafieh_map ,#map_ashrafieh , #map_antelias_map ,#map_antelias, #map_habtoor_map,#map_habtoor ,#map_jbeil,#map_jbeil_map,#map_egypt,#map_egypt_map{
width:100% !important;
}
.one_third_last {
width: 100%;
float: none;
margin-top: 20px;
}
.two_third {
width: 100%;
float: none;
}
.post-image{
text-align:center;
}
.one_half2_last {
width: 100%;
float: none;
margin-bottom: 0;
}
}
@media screen and (max-width: 550px) {

.one_third{
width: 100%;
margin-right: 0;
float: none;
}
#contact-form input
{
width: 100%;
}
.one_third_last {
width: 100%;
 float: none; 
}

}