/*

Theme Name: Tobi

Theme URI: http://www.tobe.com

Description: a theme for tobe

Version: 1.0

Author: Nihad Awidat

*/





/* reset */

* {

  margin: 0;

  padding: 0;

}

 



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, 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 ,a{

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit; 

/*	vertical-align: baseline; */

	vertical-align:top;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1.3;

	background-color:#FFF;

	width:100%;

	

}

ol, ul {

	/* list-style: none; */

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

	margin: 0;

	padding: 0;

	font-size: 100%;

	font: inherit; 

	vertical-align:top;

	

	

}





/* end reset */ 



/*@font-face {

	font-family: FbCinema;

	src: url('fonts/FbCinema-Regular.otf');

}



@font-face {

	font-family: FbCinema;

	font-weight: bold;

	src: url('fonts/FbCinema-Bold.otf');

}*/



@font-face {

	font-family: FbCinema;

	src: url('fonts/cinemaregularwebfont.eot'); /* IE9 Compat Modes */

	src: url('fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

	     url('fonts/cinemaregularwebfont.woff') format('woff'), /* Modern Browsers */

	     url('fonts/cinemaregularwebfont.ttf')  format('truetype'), /* Safari, Android, iOS */

	     url('fonts/cinemaregularwebfont.svg#cinemaregularwebfont') format('svg'); /* Legacy iOS */

	}



.clear { 

    clear:both; 

}



h1{

	font-size: 38px;

	font-weight: bold;

}



h2{

	font-size: 26px;

}

h3{

	font-size: 20px;

}

h4{

	font-size: 18px;

}

h5{

	font-size: 16px;

}



@media only screen and (max-width: 480px) {





	#topContainer{

		float: none !important;

		height: auto;



	}

	



	#topMenu{

		position: static;

		position: relative !important;

		display: block !important;

		float: none !important;

		width: 100% !important;

		margin: 0 auto !important;

		border-radius: 0 !important ; 

		filter: alpha(opacity=100) !important;

		opacity: 1.0 !important;

		

		

	}

	

	#menuBtn{

	box-shadow: 0 12px 14px #404040

	}



	#FooterMenu{

		border-left:0 !important;

		display: none;

	}

	

	#mainSlider{

		min-height:180px !important; 



	}

	.footerWidgets{

		border-bottom: 1px #aaa solid;

		width: 90% !important ;

		margin: 20px 10px !important;

		padding: 10px !important;

		float: none !important;

	}

	#FooterWidget3{

		width: 250px !important;

		margin: 10px auto !important;

	}

	#maps{

		margin-left: 5px !important;

	}

	.mapcontainer{

		width: 80% !important;
                min-height: 210px;


	}

	.mapcontainer iframe{

		width: 100% !important;

	}



	.mapContainerContentText{

		float: none !important;

		padding: 10px;

		padding-top: 20px;

	}

	.mapContainerContentImage{

		text-align: center !important;

		float: none !important; 

	}



	.waze{

		display: none;

	}



	.mapContentHeader img{

		display: none;

	}



	.mapContentHeader h2{

		margin: 0 !important;

	}



	.catalougeWidgetLi li{

		display: block !important;

		max-width: 97% !important;

		overflow: hidden !important;	

		

	}



	.singleCatalougeWidgets ul li{

		display: block !important;

		max-width: 97% !important;

		overflow: hidden !important;

		margin: 4px;

	}

	.singleCatalougeWidgets ul li img{

		width: 100% !important;

	}



	#singleCatalougeContent{

		margin-top: 154px;
		

	}



	.catalougeInfoSlider{

		position: relative !important;

		background-color: #2a2a2a !important;

	}



	.slidingToogle{

		display: none;

	}



	.callbacks_nav {

	  opacity: 0.3 !important;

	  top: 28% !important;

	 

	  }



	.contentWithBackground{

		padding-top: 70px !important;

	}

	.catalougeWidgets{

		padding-top: 170px !important;

	}



	#mainSlider{

		padding-top: 170px !important;

	}



	.singleContent{

		padding: 10px !important;

	}



	.articleContent img{

		width: 95% !important;

	}



	

	.kdaiWidgets ul li {

		display: block !important;

		max-width: 98% !important;

	}



	.beforeSingle{

		padding-top: 170px !important;

	}

	.beforeSingle img{

		width: 100% !important;

		height: auto !important; 

		

	}



	.tahleekh{

		

		padding: 220px 10px 25px 10px !important;

		

	}



}



}/* 480px media screen */





@media only screen and (max-width: 1024px) {



	#topMenu{

		position: relative !important;

	}

	

}









body{

	direction:rtl;

	font-family: FbCinema,sans-serif,tahoma;

		background: #2a2a2a;



	

}



a{

	text-decoration: none;

	color: #c1272d;

}



a:hover{

	color: #c1272d;

}





#container{

	margin: 0 auto;

	max-width: 1425px;

	/*min-width: 960px;*/



}



#footerContainer{

	padding-top: 50px;

	background: #2a2a2a;

	width: 100%;

	



}



#footer{

	max-width: 1224px;

	margin: 0 auto;

}



#footer h3{

	font-weight: bold;

	font-size: 18px;

	margin-bottom: 15px;
	color: #c1272d;
}



#FooterMenu{

	width: 200px;

	padding: 10px;

	padding-right: 20px;

	margin-left: 50px;

	line-height: 1.9;

	border-left: solid #fff 1px;





}



#FooterMenu a{

	color:#fff;

	font-weight: bold;

}





#FooterMenu .current-menu-item a{

 	color: #c1272d;



}



.footerWidgets{

	float: right; 

	padding: 5px;

	/*max-width: 25%;*/

	color: #ddd;





}



.footerWidgetLi{

	list-style: none;

}



.footerWidgets li{

	list-style: none;

}



#afterFooter{

	height: 31px;

	direction: rtl;

	background-image: url("images/footerBg.png");

	color: #fff;

	font-size: 11px;

	text-align: left;

	padding: 5px 0px 0px 5px;

}



#FooterWidget1{



	margin-left: 60px;

	width: 300px;

}



#FooterWidget2{

	width: 200px;

	margin-left: 60px;



}



#FooterWidget2 a {

	color: #fff;



}



#FooterWidget2 li{

	margin-bottom: 15px;

}



#FooterWidget2 p{

	display: inline-block;

	padding-right: 15px;

}



#FooterWidget2 .iconImage{

	float: right;

}



#FooterWidget3{

	max-width: 260px;

}

#FooterWidget3 input[type] {

 

  outline: none;

  padding: 3px 3px 3px 3px;

  margin: 0px;

  border: 1px solid #DDDDDD;

  width:250px;

}



#FooterWidget3 textarea{

	width:255px;

	height: 75px;

	border: 1px solid #DDDDDD;

	margin-bottom:10px;



}



#FooterWidget3 .wpcf7-submit{

	width:257px !important;
	/* test test */


}



.redLink {

	color: #c1272d;

	font-weight: bold;

}



.soliloquy-control-nav{

	margin-right: 48% !important;

}



#mainSlider{

	min-height: 500px;
	max-height: 813px;
	max-width: 1425px;
	overflow: hidden;


}



#topMenu{



	position: fixed;

	z-index: 999;

	float: right;

	width: 190px;

	height: 130px;

	background: #fff;

	margin-right: 100px;

	text-align: center;

	padding-top: 25px;

	cursor: pointer;

	

	border-radius: 0px 0px 10px 10px ; /* future proofing */

	/*

	border: #ecebeb 3px solid;

	box-shadow: 0px 3px 12px #A2A2A2;

	*/

	filter: alpha(opacity=90);

	opacity: 0.9;

}



#menuBtn{

	background-color: #c1272d;

	border-radius: 0px 0px 40px 40px ; /* future proofing */

	font-size: 18px;

	font-weight: bold;

	width: 80px;

	height: 40px;

	margin: 0 auto;

	color: #fff;

	margin-top: 33px;

	cursor: pointer;

	



}



#menuList{

	height: auto;

	margin-top: 33px;

	background-color: #fff;

	-moz-border-radius: 0px 0px 10px 10px ;

	-webkit-border-radius: 0px 0px 10px 10px ;

	border-radius: 0px 0px 10px 10px ; /* future proofing */

	-khtml-border-radius: 0px 0px 10px 10px ; /* for old Konqueror browsers */



	

	filter: alpha(opacity=90);

	/*opacity: 0.9;*/

	display: none;



	



}



#menuList li{

	list-style: none;

	font-weight: bold;

	font-size: 17px;

	padding: 10px 0 10px 0;

	



}





#menuList img{

	margin-top: 10px;

}





#menuList .current-menu-item{

	background-color: #c1272d;

	box-shadow: 0 2px 2px #4A4A4A;

	

	

}



#menuList li:hover{

	background-color: #c1272d;

	box-shadow: 0 2px 2px #4A4A4A;

	

}



#menuList li:hover a{

	color: #fff;

}



#menuList .current-menu-item a{

	color: #fff;

}



/* jquery slider

#slider {

    position:absolute;

    top: 0px;

    left: 0;

    height: 32px;

    width: 160px;

    padding: 5px 15px;

    margin-left: 0px;

    background-color: #c1272d;

	box-shadow: 0 2px 2px #4A4A4A;

    z-index:-1;

}

*/



#topContainer{

	float: right;

	height: 1px;



}



.contentWithBackground{

	background: repeat-y center;

	background-attachment: fixed !important;

	min-height: 820px;





}



.ColMapContainer{

	float: right;



}



#maps{

	

	

	float: left;

    margin-left: 50px;

    padding-top: 157px;

}



.mapcontainer{

	background-color: #fff;

	padding: 10px;

	margin: 0 auto;

	margin: 20px;

	-moz-border-radius:  10px ;

	-webkit-border-radius: 10px ;

	border-radius: 10px ; /* future proofing */

	-khtml-border-radius: 10px ; /* for old Konqueror browsers */

	float: right;

	width: 450px;

	filter: alpha(opacity=90);

	opacity: 0.9;

	min-height:210px;

}



.mapContentHeader{

	border-bottom: 1px #ccc solid;

	padding-top: 10px; 

	padding-bottom: 20px;

	margin-bottom: 10px;

	height: 20px;



}



.mapContentHeader h2{

	display: inline-block;

	color: #c1272d;

	font-weight: bold;

	font-size: 18px;

	margin: 0 20px 0 70px;

	

}



.mapContentHeader img{

	margin-top: -15px;

}

.mapContentHeader .waze{

	color: #11a3d3	;

	font-weight: bold;

	font-size: 18px;



} 



.mapContainerContentImage{

	width: 35%;

	float: right;



}

.mapContainerContentText{

	float: left;

	width: 65%;

	font-weight: bold;

	font-size: 16px;

}



.mapContainerContentText li{

	list-style: none;

	width: 100%;

}

.mapContentHeaderText{

	float: left;

}





.catalougeWidgets{

	text-align: center;

	padding-top: 25px;

	width: 100%;



}



.catalougeWidgets li{

	list-style: none;

}



.catalougeWidgetLi ul{

	list-style:  none;

}



.catalougeWidgetLi li{

	display: inline-block;

	max-width: 32%;

	overflow: hidden;

	margin-bottom: 5px;

	opacity:1;

}



.catalougeWidgetLi li:hover{

	opacity:0.7;

	transition: opacity .5s ease-out;

	-moz-transition: opacity .5s ease-out;

	-webkit-transition: opacity .5s ease-out;

	-o-transition: opacity .5s ease-out;

	background-color: #fff;



}



.catalougeWidgetLi .post-title{

	background-color: #c1272d;

	padding: 5px;



}



.catalougeWidgetLi .post-title a{

	color: #fff;

	font-size: 21px;	

} 



#singleCatalougeContent{

	float: left;
	width:100%;


}



.catalougeSlider{

	max-height: 813px;

	overflow: hidden;

}







.singleCatalougeWidgets{

	list-style: none;

	text-align: center;

	/* margin-bottom: 100px; */

	/* margin-top: 50px; */

}



.singleCatalougeWidgets ul li{

	display: inline-block;

	max-width: 16%;

	overflow: hidden;

	margin-top: 5px;

	opacity:1;

}



.singleCatalougeWidgets ul li:hover{

	opacity:0.7;

	transition: opacity .5s ease-out;

	-moz-transition: opacity .5s ease-out;

	-webkit-transition: opacity .5s ease-out;

	-o-transition: opacity .5s ease-out;

	background-color: #fff;



}



.singleCatalougeWidgets .post-title{

	background-color: #c1272d;

	text-align: center;

}



.singleCatalougeWidgets .post-title a{

	color: #fff;

}



#slider1-pager li{

	display: inline-block;

	padding: 2px 5px;

}



.singleCatalougeWidgets .current-post-item .post-title{

	background-color: #2A2A2A;

	font-weight: bold;

}



#catalougeSliderContainer{

	position: relative;

	overflow: hidden;



}



.catalougeInfoSlider{

	margin-bottom: 50px;

	padding: 5px;

	color: #FFf;

	/* position: absolute; */

	bottom:0;

	/* background-color: #000; */

	width: 100%;

	filter: alpha(opacity=70);

	opacity: 0.7;

	z-index: 900;



}



.slidingToogle{

	background: none repeat scroll 0 0 #000000;

	cursor: pointer;

	   left: 48%;

	   position: absolute;

	   text-align: center;

	   top: -28px;

	   width: 30px;

	   padding: 14px;

	   padding-bottom: 0px;

	   -moz-border-radius: 30px 30px  0px 0px ;

	  -webkit-border-radius: 30px 30px  0px 0px ;

		border-radius:30px 30px  0px 0px ; /* future proofing */

		-khtml-border-radius:30px 30px  0px 0px ; /* for old Konqueror browsers */

}



#slider1-pager{

	text-align: center;

	padding: 3px;

	

}



#slider1-pager li{

	opacity: 1;

	

}



#slider1-pager li:hover{

	opacity:0.6;

	transition: opacity .3s ease-out;

	-moz-transition: opacity .3s ease-out;

	-webkit-transition: opacity .3s ease-out;

	-o-transition: opacity .3s ease-out;

	background-color: #fff;



}





.catalougeInfoSlider hr{

	margin-left:  15px ;

	

	margin-top: 5px;

	margin-bottom: 5px;



}



.catalougeInfoSlider h2{
	
	color: #C1272D;

	display: inline-block;

	font-weight: bold;

	padding: 4px;

}



#picInfo{

	padding: 5px;

	vertical-align: baseline;

	font-size: 26px;

	display: inline-block;

}



#titleHolder{

	

	font-size: 24px;



}



#descHolder{

	padding: 5px;

	font-size: 18px;



}



.catalougeInfoSlider .imgTitle{

	display: none;

}



.catalougeInfoSlider .imgDesc{

	display: none;

}



.catalougeInfoSlider #titleHolder{

	display: inline-block;

}

.catalougeInfoSlider #descHolder{

	display: inline-block;

}



.callbacks_nav {

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  top: 48%;

  left: 0;

  opacity: 0.7;

  z-index: 3;

  text-indent: -9999px;

  overflow: hidden;

  text-decoration: none;

  height: 61px;

  width: 38px;

  background: transparent url("images/themes.gif") no-repeat left top;

  margin-top: -45px;

  }



.callbacks_nav:active {

  opacity: 1.0;

  }



.callbacks_nav.next {

  left: auto;

  background-position: right top;

  right: 0;

  }





.marginedContent{

	margin: 0 auto;

 	

 	max-width: 1090px;

 	padding: 5px;

 	padding-top: 200px;

 }



 .marginedContent h1{

 	color: #c1272d;
 	font-weight: bold;

 }



 .marginedContent p{

 	color: #fff;

 	font-size: 20px;

 }



.contractorsList{

	list-style: none;

	text-align: center;

	height: auto;	

	display: block;

	margin: 50px 10px;

}



.contractorsList li{

	display: inline-block;

	background-color: #fff;

	width: 210px;

	padding: 10px;

	border-radius: 5px; 

	box-shadow: 2px 2px 2px #222;

	min-height: 350px;

	margin: 10px;

}

.Contractors li{
	min-height: 460px !important;

}

.Contractors .jobType{
	padding: 5px;
		
	text-align: center;
	font-size: 16px;
}

.contractorsList .attachment-220x200{

	border-radius: 5px; 

	width: 98%;

	height: auto;

}



.contractorLogo{

	width: 60px;

	height: auto;

	float: right;

	margin: 5px;

	margin-top: 10px;



}



.contractorsList h3{

	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;



}



.contractorsList p{

	display: block;

	text-align: right;

	font-size: 12px;	

}



.reccomendText{

	margin: 5px 0;

	padding: 5px;

	

}



.reccomendText p{

	

	font-size: 17px !important;

}



.linkedPost img{

	width: 80px;

	height: auto;

	border-radius: 5px;

	margin: 5px;

}



.lb-number{

	display: none !important;

}



.kdaiWidgets{

	margin: 50px 5px;

	width: 100%;

	text-align: center;



}



.kdaiWidgets ul {

	list-style: none;

}



.kdaiWidgets ul li {

	display: inline-block;

	max-width: 28%;

	overflow: hidden;

	background-color: #fff;

	text-align: right;

	margin: 2px 0px 2px;

	opacity: 1.0;

}



.kdaiWidgets ul li:hover {

	opacity:0.7;

	transition: opacity .5s ease-out;

	-moz-transition: opacity .5s ease-out;

	-webkit-transition: opacity .5s ease-out;

	-o-transition: opacity .5s ease-out;

}







.kdaiWidgets .upw-content{



	padding: 8px;

}

.kdaiWidgets .post-title a{

	/*color: #000;*/	

	font-weight: bold;

	font-size: 18px;

}

.kdaiWidgets img{
	width: 100%;
}

.kdaiWidgets .more-link {

    float: left;

    font-weight: bold;

    padding: 10px;

 }



.beforeSingle{

	width: 100%;

	max-height: 500px;

	text-align: center;

}

.beforeSingle img{
	width: 100%;
}

.singleContent{

	margin: 50px auto;

	position: relative;	

	background-color: #dbdbdb;

	padding: 25px 100px;

	



	

	overflow:auto;

}



.articleNav{

	float: right;

	font-weight: bold;

}



.articleContent{

	max-width: 900px;

	float: left;

}



.articleContent p{

	padding: 5px;

}



.aligncenter{

	margin: 0 auto;

	display: block;

	padding: 10px;

}

.alignright{

	float: right;

	display: block;

	padding: 10px;

}



.alignleft{

	float: left;

	display: block;

	padding: 10px;

}



strong {

	font-weight: bold;

}



.articleContent ul{

	list-style: inside;

	padding: 10px;

}



ol{

	margin: 30px;

}



.jobStamp{

	float: left;

	margin-top: -20px;

	position: relative;

	width: 70px;

}



.nameDesc{

	padding: 5px;

	font-weight: bold;

	font-size: 13px !important;

}



.tahleekh{



	/*margin: 50px auto; */

	position: relative;	

	padding: 220px 100px 25px 100px;

	overflow:auto;



}



.tahleekh h1{

	 color: #c1272d;
	 font-weight: bold;

}



.kdaiWidgetLi {

		list-style: none;

	}



#FooterWidget3 .wpcf7-submit{

	/* background:none!important;*/

     border:none !important; 

     padding:0!important;

    /*border is optional*/

     border-bottom:1px solid #444;

    /* color: #c1272d;*/

    /* text-decoration:  underline !important;*/

   /*  text-align: left !important;*/

   /*  cursor: pointer;*/
		/* test test */
background-color: #c1272d;
  border-radius: 0px 0px 40px 40px;
  font-size: 18px;
  font-weight: bold;
  width: 80px;
  height: 40px;
  margin: 0 auto;
  color: #fff;
  margin-top: 33px;
  cursor: pointer;

}



#landingContainer{

	background-color: #fff;

	margin: 0 auto;

	padding: 5px;

	max-width: 1024px;

}



#FooterWidget1 .post-title a{

	 font-size: 18px;

    font-weight: bold;

    margin-bottom: 15px;

    

}

.abouUs p{
	color: #fff !important;
	font-weight: bold;
}

.reccomended p{
	color: #000;
}

html body div#container div#singleCatalougeContent div.catalougeInfoSlider a{
    color: #C1272D;
    text-decoration: none;
    font-weight: bold;

}

html body div#container div#singleCatalougeContent div#catalougeSliderContainer div.catalougeInfoSlider li{
margin-top:20px;

}

.wazeadress{
color: #000000;
    float: left;
    font-size: 18px;
   
}

.soliloquy-theme-classic .soliloquy-pager{
text-align:center !important;
}

.soliloquy-caption{
display: none !important;
}

.landingContent{
	background-color:#2a2a2a !important;
	margin:0 auto !important;
	padding: 0 100px;
}