@import url('960.css');
@import url('fonts/stylesheet.css');

/* HTML5 ✰ Boilerplate*/
::-moz-selection { background: #333; color: #fff; text-shadow: none; }
::selection { background: #333; color: #fff; text-shadow: none; }

/* CSS Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
b,strong{font-weight:700}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
li{display:list-item}
table{border-collapse:collapse;border-spacing:0}
th,td,caption{font-weight:400;vertical-align:top;text-align:left}
q{quotes:none}
q:before,q:after{content:none}
sub,sup,small{font-size:75%}
sub,sup{line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
svg{overflow:hidden}

/* Primary Styles */
body{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

ul, ol{
	margin-left:0
}

ul{
	list-style:none
}

a{
	text-decoration:none;
	font-size:12px
}

a:hover{
	text-decoration:underline
}

a span{
	cursor:pointer
}

p, li, span, input, label{
	font-size: 13px;
	line-height: 1.5em;
	color: #666;
}

input:focus,textarea:focus{
	outline:none
}

.btn-orange{
	background: #ffb318;
	color: #FFF;
	display: inline-block;
	-webkit-border-radius: 5px 0 5px 0;
	-moz-border-radius: 5px 0 5px 0;
	-o-border-radius: 5px 0 5px 0;
	border-radius: 5px 0 5px 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: none;
	cursor: pointer;
}

.btn-orange span,input.btn-orange{
	display: block;
	text-align: center;
	padding: 3px 9px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
}

form input.btn-orange{
	display: inline-block;
}

.btn-orange:hover{
	background: #ff9600;
	text-decoration: none;
}

.alignleft{
	float:left;
	margin-right:15px;
	margin-bottom:9px
}

.alignright{
	float:right;
	margin-left:15px;
	margin-bottom:9px
}

.aligncenter{
	clear:both;
	float:none;
	text-align:center
}

a.ftimg{
	display:block;
	margin-bottom:5px
}

#main-wrapper{
	width: 100%;
	background: url(../img/pattern.png);
}

#site-head{
	background: url(../img/tr-grey85.png);
	margin: 25px 0;
	padding: 7px 0;
}

#main-nav{
	overflow: hidden;
}

#main-nav ul{
	display: inline-block;
	float: right;
	background: #515151;
	-webkit-border-radius: 9px 0 9px 0;
	-moz-border-radius: 9px 0 9px 0;
	-o-border-radius: 9px 0 9px 0;
	border-radius: 9px 0 9px 0;
	margin-top: 19px;
	padding: 0 9px;
}

#main-nav li{
	float: left;
	margin: 0 5px;
}

#main-nav a{
	display: inline-block;
	padding: 15px;
	color: #d9d9d8;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#main-nav a:hover,#main-nav a.current{
	color: #bbbbbb;
	background: #333;
	text-decoration: none;
}

#home-slide-wrapper,.home-slide{
	position: relative;
	width: 950px;
	height: 333px;
	overflow: hidden;
}

.home-slide li{
	position: relative;
}

.home-slide img{
	width: 950px;
	height: 333px;
	-webkit-border-radius: 15px 0 15px 0;
	-moz-border-radius: 15px 0 15px 0;
	-o-border-radius: 15px 0 15px 0;
	border-radius: 15px 0 15px 0;
}

.slide-desc{
	position: absolute;
	width: 360px;
	height: 130px;
	padding: 20px;
	top: 50%;
	right: 39px;
	margin-top: -85px;
	background: url(../img/tr-white69.png);
	z-index: 5;
	-webkit-border-radius: 9px 0 9px 0;
	-moz-border-radius: 9px 0 9px 0;
	-o-border-radius: 9px 0 9px 0;
	border-radius: 9px 0 9px 0;
}

.slide-desc h4,.current-page h2,.post-wrap h3{
	background: #ffb318;
	color: #FFF;
	font: normal 18px Raleway, Arial, Helvetica, sans-serif;
	padding: 5px 15px;
	-webkit-border-radius: 9px 0 9px 0;
	-moz-border-radius: 9px 0 9px 0;
	-o-border-radius: 9px 0 9px 0;
	border-radius: 9px 0 9px 0;
	text-shadow: 0 0 1px #FFF;
	-moz-text-shadow: 0 0 1px #FFF;
	-webkit-text-shadow: 0 0 1px #FFF;
	-o-text-shadow: 0 0 1px #FFF;
	margin-bottom: 9px;
	display: inline-block;
}

.slide-desc p{
	font-size: 14px;
}

.slide-desc p a{
	font-size: 10px;
	font-weight: bold;
	color: #444;
	text-transform: uppercase;
}

.slide-desc p a:hover{
	color: #111;
	text-decoration: none;
}

#slide-nav{
	position: absolute;
	width: 400px;
	text-align: center;
	right: 39px;
	bottom: 95px;
	z-index: 9;
}

#slide-nav p{
	display: inline-block;
	overflow: hidden;
}

#slide-nav p a{
	display: block;
	text-indent: -9999px;
	float: left;
	margin: 0 3px;
}

#slide-prev,#slide-next{
	border: none;
	background: url(../img/tr-black35.png);
	position: absolute;
	width: 39px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	z-index: 5;
	cursor: pointer;
	display: none;
}

#slide-prev{
	left: 0;
}

#slide-next{
	right: 0;
}

#home-slide-wrapper:hover #slide-next,#home-slide-wrapper:hover #slide-prev{
	display: block;
}

#slide-prev span,#slide-next span{
	display: block;
	text-indent: -9999px;
	margin-left: 12px;
}

#subcontents{
	margin: 25px 0;
	overflow: hidden;
}

.subcontent-item{
	padding: 25px;
	background-color: #FFF;
	-webkit-border-radius: 9px 0 9px 0;
	-moz-border-radius: 9px 0 9px 0;
	-o-border-radius: 9px 0 9px 0;
	border-radius: 9px 0 9px 0;
	height: 180px;
	position: relative;
}

.subcontent-item h3{
	font: normal 18px Raleway, Arial, Helvetica, sans-serif;
	color: #999;
	padding-left: 15px;
	margin-bottom: 9px;
	border-left: 5px solid #ffb218;
	text-shadow: 0 0 1px #999;
}

.subcontent-item li{
	margin-bottom: 15px;
}

.subcontent-item .sc-list-narrow li{
	margin-bottom: 5px;
	margin-left: 15px;
	list-style: square;
}

.subcontent-item li:last-child{
	margin-bottom: 0;
}

.subcontent-item .more{
	position: absolute;
	right: 20px;
	bottom: 20px;
}

#site-side,#main-content{
	padding: 22px;
	background: url(../img/tr-white95.png);
	-webkit-border-radius: 15px 0 15px 0;
	-moz-border-radius: 15px 0 15px 0;
	-o-border-radius: 15px 0 15px 0;
	border-radius: 15px 0 15px 0;
	margin-bottom: 25px;
}

#main-content{
	min-height: 625px;
}

.current-page{
	position: relative;
	width: 265px;
	overflow: hidden;
}

.current-page img{
	-webkit-border-radius: 15px 0 0 0;
	-moz-border-radius: 15px 0 0 0;
	-o-border-radius: 15px 0 0 0;
	border-radius: 15px 0 0 0;
}

div.current-page h2{
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/tr-orange95.png);
	color: #FFF;
	border-left: 5px solid #ffd173;
	padding: 5px 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	display: block;
	width: 230px;
	margin-bottom: 0;
}

#side-menus{
	margin: 15px 0;
}

#side-menus a{
	display: block;
	font: normal 16px Raleway, Arial, Helvetica, sans-serif;
	color: #666;
	text-shadow: 0 0 1px #999;
	padding-left: 15px;
	border-left: 5px solid #ffd173;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#side-menus a:hover,#side-menus a.current{
	color: #444;
	border-left: 5px solid #ffab00;
	text-decoration: none;
}

#side-menus li{
	padding: 7px 0;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}

#side-menus li.back a,#side-menus li.back a:hover{
	border-left: none;
	padding-left: 20px;
	position: relative;
}

#side-menus li.back a:before{
	content: '‹';
	color: #ffd173;
	font: bold 18px Arial, Helvetica, sans-serif;
	position: absolute;
	left: 0;
	top: -3px;
	text-shadow: none;
}

#side-menus li.back a:hover:before{
	color: #ffab00;
}

#side-menus li:last-child{
	border-bottom: none;
}

div.post-wrap h3{
	display: block;
}

.post{
	padding: 10px 25px 10px 0;
}

.post h4{
	color: #b1b1b1;
	font-size: 14px;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.post .inline-head{
	overflow: hidden;
	margin-bottom: 9px;
	padding-top: 5px;
}

.post .inline-head h4,.post .inline-head .btn-orange{
	display: inline-block;
	float: left;
	margin-right: 15px;
}

.post .inline-head .btn-orange{
	margin-top: -4px;
}

.post .inline-head .btn-orange span{
	font-weight: normal;
}

.post p,.post li{
	margin-bottom: 9px;
	line-height: 1.7em;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
}

.post li{
	padding-left: 15px;
	background: url(../img/bullet.png) no-repeat left 8px;
}

.post li ul{
	margin-bottom: 25px;
}

.post li ul li{
	padding-left: 25px;
	line-height: 1.3em;
	background: url(../img/bullet.png) no-repeat 9px 5px;
}

div.gallery-post{
	padding-right: 0;
}

.gallery-list{
	overflow: hidden;
	margin-bottom: 25px;
}

.gallery-list li{
	padding-left: 0;
	background: none;
	float: left;
	width: 137px;
	height: 97px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.gallery-list li.last-of-type{
	margin-right: 0;
}

.gallery-list .ftimg,.gallery-list .ftimg img{
	width: 125px;
	height: 85px;
	text-align: center;
}

.gallery-list .ftimg{
	padding: 5px;
	background: #FFF;
	border: 1px solid #FFD173;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin-bottom: 0;
}

.gallery-list .ftimg:hover{
	border: 1px solid #ffab00;
}

#breadcrumb{
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 9px;
	margin-bottom: 15px;
}

#breadcrumb ul{
	overflow: hidden;
}

#breadcrumb li{
	float: left;
}

#breadcrumb li:before{
	content: '›';
	float: left;
	display: inline-block;
	margin: 0 11px;
}

#breadcrumb li:first-child:before{
	content: '';
	display: none;
}

#breadcrumb span,#breadcrumb a{
	font-size: 10px;
	text-transform: uppercase;
}

#breadcrumb span,#breadcrumb li{
	color: #969696;
}

#breadcrumb a{
	color: #515151;
}

div#fancybox-content{
	border: none !important;
}

.cmap-wrap{
	width: 584px;
	height: 200px;
	border: 1px solid #d4d4d4;
	margin: 15px 0 35px;
	overflow: hidden;
}

.contact-map{
	width: 584px;
	height: 230px;
}

.contact-content{
	overflow: hidden;
}

.contact-form{
	width: 350px;
	float: left;
	margin-right: 20px;
	margin-bottom: 45px;
}

.contact-info{
	width: 165px;
	padding-left: 25px;
	padding-bottom: 65px;
	background: url(../img/sp-contact.png) no-repeat left center;
	float: left;
}

.input-wrap{
	margin-bottom: 9px;
}

.input-wrap label{
	display: block;
	font-size: 13px;
	color: #888;
}

.input-wrap input[type=text],.input-wrap textarea{
	border: 1px solid #d4d4d4;
	background: #FFF;
	font: normal 13px Helvetica, Tahoma, Arial, sans-serif;
	padding: 7px 9px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #888;
	width: 275px;
}

form .input-wrap textarea{
	width: 320px;
	height: 70px;
}

.post .contact-info h4{
	color: #878787;
	font: bold 18px Helvetica, Tahoma, Arial, sans-serif;
	text-transform: none;
	margin-top: 12px;
}

.post .contact-info p{
	margin-bottom: 0;
	line-height: 1.5em;
}

.post .tel{
	color: #8d8b8b;
}

#form-response{
	display: none;
	font-size: 13px;
	color: #515151;
}

.success p{
	color: #359600;
	font-weight: bold;
}

p.error,.input-wrap label.error{
	color: #e0380b;
	font-weight: bold;
	line-height: 1.5em;
}

.input-wrap label.error{
	font-size: 11px;
	line-height: 1.5em;
}

#site-foot{
	background: #000 url(../img/bg-footer.png);
	padding: 15px 0;
}

.copyright p,#lang-nav{
	display: inline-block;
	margin-right: 15px;
	overflow: hidden;
	vertical-align: middle;
}

.copyright p,.copyright a{
	font-size: 11px;
	color: #b4b4b4;
}

#lang-nav li{
	float: left;
	margin-right: 15px;
}

#lang-nav a{
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 21px;
}

.en{
	background-image: url(../img/en.png);
}

.ar{
	background-image: url(../img/ar.png);
}

/*#social-accounts{
	overflow: hidden;
}

#social-accounts ul{
	display: inline-block;
	float: right;
}*/



/*#social-accounts a{
	display: block;
	text-indent: -9999px;
	opacity: .7;
	-moz-opacity: .7;
	-webkit-opacity: .7;
	-o-opacity: .7;
	filter:alpha(opacity=77);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

/*#social-accounts a:hover{
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-o-opacity: 1;
	filter:alpha(opacity=100);
}
*/




/* Clear Floated Elements */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}



/* Sprite Images *//*
.facebook{ background-position: 0 0; width: 22px; height: 22px; } 
.linkedin{ background-position: 0 -23px; width: 22px; height: 22px; } 
.snav-active,#slide-nav a.activeSlide{ background-position: 0 -46px; width: 13px; height: 13px; } 
.snav,#slide-nav a{ background-position: 0 -60px; width: 13px; height: 13px; } 
.snext{ background-position: 0 -74px; width: 15px; height: 23px; } 
.sprev{ background-position: 0 -98px; width: 15px; height: 23px; } 
.twitter{ background-position: 0 -122px; width: 26px; height: 22px; } 
.facebook,.linkedin,.snav-active,.snav,.snext,.sprev,.twitter,#slide-nav a{
	display:inline-block;
	vertical-align: middle;
    background-image: url('../img/csg-4fc2b82fe9636.png');
    background-repeat: no-repeat;
}*/

/* Start Social Media Icons */

#social-accounts ul{float:right}
#social-accounts ul li
{
	margin-right:10px;
	transition: all .5s ease;
	float: left;
	margin: 0 5px;
}

#social-accounts ul li:hover{transform: scale(1.4,1.4)}
.fa-facebook{color:#fff}
.fa-twitter{color:#6FAEDC}
.fa-instagram{color:#F56040}

/* End Social Media Icons */


/* ==|== media queries ====================================================== */

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


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}