@import url('https://fonts.googleapis.com/css?family=Karla:400,700');
@font-face {
	font-family: 'Courgette';
	src: url('fonts/Courgette-Regular.eot');
	src: url('fonts/Courgette-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Courgette-Regular.woff') format('woff'),
		url('fonts/Courgette-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cookie';
	src: url('fonts/Cookie-Regular.eot');
	src: url('fonts/Cookie-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Cookie-Regular.woff') format('woff'),
		url('fonts/Cookie-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/********************************************************************Common css***********************************************/
/************************************* Reset Styles ********************************/
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;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,div{
	vertical-align:top;
}
*{
	outline:none;
}
li,ol{
	list-style-type:none;
	list-style-image:none;
	list-style:none;
}
img{
	border:0px;
}
textarea {
    resize: none;
}
input:focus,select:focus,textarea:focus,button:focus {
    outline: none;
}
a{
	text-decoration:none;
	}
input, textarea, select, body{
	font-size:14px;
	font-family: 'Karla', sans-serif;
	}
/************************************* Reset End Styles ********************************/
/************************************* Common Styles ********************************/
.rightAlign{
	text-align:right;
	}
.centerAligned{
	text-align:center;
	}
.centeredBlock{
	margin-left:auto;
	margin-right:auto;
	float:none;
	}
.fullWidth{
	width:100%;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.posRelative{
	position:relative;
}
.absolutePos{
	position:absolute;
}
.textDecorationNone{
	text-decoration:none;
}
.textDecorationUnderline{
	text-decoration:underline;
}
.fontWeightBold{
	font-weight:bold;
}
.clearBoth{
	clear:both;
}
.clearRight{
	clear:right;
	}
input, textarea, select, body, .smallTop a, .mainMenu a{
	color:#868686;
}

/************************************* Common End Styles ********************************/
/************************************* Website Styles ********************************/
.safeArea{max-width:1190px; margin:0 auto;}
.header{background-color:#000000;}
.logoHolder{padding:20px; float:left; width:120px;}
.logoHolder img{width:100%; display:block;}
.menuHolder{float:right; padding-top:45px;}
.menuHolder li{display:inline-block;}
.menuHolder li a{color:#636363; font-size:17px; text-transform:uppercase; padding:10px 13px; display:block;}
.menuHolder li:hover a, .menuHolder li.current a{color:#ff7e26;}

.mainSlider .slides li{height:600px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.mainSlider .slides li:after{content:""; position:absolute; width:100%; bottom:0; left:0; height:200px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,000000+100&0+30,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 30%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 30%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.mainSlider .flex-direction-nav{display:none;} 
.mainSlider .flex-control-paging{bottom:35px;}

.innerSliderContent{height:280px; width:580px; position:absolute; top:50%; left:100px; opacity:0; background-position:center center; background-repeat:no-repeat; background-size:cover; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.flex-active-slide .innerSliderContent{left:0; opacity:1;}

.slides .posRelative{height:100%;}
.innerSliderContent .innerText{width:50%; top:0; right:0; height:100%; background-color:rgba(255,126,38,0.9); padding:20px; box-sizing:border-box; color:#fff; font-size:18px; text-transform:uppercase; position:absolute;}
.innerSliderContent .innerText h2{font-size:23px; margin-bottom:10px; color:#fff;}
.innerSliderContent .innerImg{position:relative; height:100%; width:100%;}

.hpBlockInner{padding:45px 0;}
.hpBlockInner h2{text-align:center; margin-bottom:40px; color:#ff7200; text-transform:uppercase;}
.hpBlockText{text-align:center; font-size:18px; color:#afafaf; margin-bottom:40px;}
.borderBtn{text-align:center;}
.borderBtn input[type=submit], .borderBtn a{display:inline-block; padding:10px 45px; background-color:#ff7e26; border-radius:30px; color:#fff; font-size:15px; text-transform:uppercase;}
.btnOrangeBg.borderBtn{text-align:left;}
.greyBg .borderBtn input[type=submit], .greyBg .borderBtn a{background-color:transparent; color:#000000; border:1px solid #000000}
.btnOrangeBg.borderBtn a{background-color:transparent; color:#ffffff; border:1px solid #ffffff}
.borderBtn input[type=submit]:hover, .borderBtn a:hover{background-color:#4f4f4f; cursor: pointer;}
.greyBg .borderBtn input[type=submit]:hover, .greyBg .borderBtn a:hover{color:#fff;}
.historyCarousel{margin-bottom:40px;}

.carousel-3d-controls a span{display:none;}
.carousel-3d-controls a{background-image:url(/img/arrow-left.png); background-position:center center; background-repeat:no-repeat;}
.carousel-3d-controls a.next{background-image:url(/img/arrow-right.png);}
.withBorderBot{border-bottom:1px solid #e3e3e3;}

.greyBg{background-color:#fcfcfc;}
.itemsList ul{width:100%; text-align:center;}
.itemsList ul li{display:inline-block; width:220px; margin:0 25px 35px 25px; position:relative;}
.itemsList ul li img{display:block; width:100%; border-radius:50%; position:relative; z-index:3;}
.itemsList ul li .itemImg{margin-bottom:15px; height:220px; position:relative;}
.itemsList ul li .itemImg:after{content:""; background-color:#ff7e26; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; border-radius:50%;}
.itemName a{color:#4f4f4f; font-size:18px; text-transform:uppercase;}
.itemsList ul li:hover .itemName a{color:#ff7e26;}
.itemsList ul li:hover .itemImg:after{transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
.orangeBg{background-color:#ffe7d6}	
	
.visionImg{width:220px; height:220px; overflow:hidden; border-radius:50%; display:inline-block; margin-bottom:10px;}
.visionImg img{display:block; height:100% !important; object-fit: cover;}
.visionSlider .flex-direction-nav{display:none;}
.visionSlider .slides li{text-align:center;}
.visionSlider .flex-control-nav{bottom:-20px;}
.visionImgTitle{font-size:20px; color:#3b3b3b; margin-bottom:10px;}	
.visionText{color:#868686; font-size:16px; margin-bottom:10px;}	
.visionSlogan{font-family: 'Cookie'; font-size:23px; color:#ff7200; margin-bottom:15px;}
.footer{background-color:#272727; text-align:center; padding:30px 0;}
.footer ul li{display:inline-block; padding:0 10px;}
.footer ul li a{color:#868686; text-transform:uppercase; font-size:17px; display:block;}	
.footer ul li a:hover{color:#ff7e26;}	
.footerLine1{margin-bottom:10px;}
.footerLine2{font-size:14px;}	
.footerLine2 a{color:#ffffff; text-transform:uppercase;}
.footerLine2 a:hover{color:#ff7e26;}	

.subpageBanner{background-size:cover; background-position:center center; background-repeat:no-repeat; height:450px; position:relative;}
.subpageBanner:after{content:""; position:absolute; width:100%; bottom:0; left:0; height:400px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,000000+100&0+30,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 30%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 30%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}

.subpageContainer{padding:45px 0;}
.tabsHolder ul{display:inline-block; width:100%; border-bottom:1px solid #e3e3e3;}
.tabsHolder ul li {width:11.11%; text-align:center; float:left;}
.tabsHolder ul li a{color:#4f4f4f; font-size:18px; padding:20px 10px; box-sizing:border-box; display:block; position:relative;}
.tabsHolder ul li a:after{content:""; width:0%; bottom:0; left:0; height:3px; background-color:#ff8e33; position:absolute;}
.tabsHolder ul li:hover a:after, .tabsHolder ul li.current a:after{width:100%}
.tabsHolder ul li:hover a, .tabsHolder ul li.current a{color:#ff8e33;}
.tabsHolder{margin-bottom:45px;}
.subpageHighlitedText{font-size:18px; color:#afafaf; text-align:center; margin-bottom:70px;}

.subpageItemsList ul{display:inline-block; width:100%;}
.subpageItemsList ul li{width:32%; margin-right:2%; margin-bottom:20px; float:left;}
.subpageItemsList ul li:nth-child(3n){margin-right:0;}
.subpageItemsList ul li .itemImgHolder{background-color:#ebebeb;}
.itemName{color:#4f4f4f; font-size:18px; margin-bottom:10px}
.mapHolder, .addressHolder{width:50%; float:left;}
.mapHolder img{display:block; width:100%;}
.mapandAddress{background-color:#ff8e33;}
.addressHolder{padding:20px; color:#fff; box-sizing:border-box;}
.addressTitle{font-size:17px; margin-bottom:10px; text-transform:uppercase;}
.lebanonAdress{font-size:15px; margin-bottom:10px;}
.otherAdresses li{font-size:14px; color:#ffd1b1; margin-bottom:5px;}
.otherAdresses{margin-bottom:15px;}
.contactInfo{text-align:center; color:#b0b0b0; font-size:20px; margin-bottom:15px; background-position:center top; background-size:25px auto; background-repeat:no-repeat; padding-top:50px;}
.contactInfo.phoneContact{background-image:url(/img/mobile-icon.png);}
.contactInfo.emailContact{background-image:url(/img/mail-icon.png); padding-top:30px;}
.contactFormHolder{background-color:#fcfcfc; padding:45px 0; text-align:center;}
.contactForm{width:30%; margin:0 auto;}
.contactForm .formRow{margin-bottom:15px;}
.contactForm .formRow input[type=text],.contactForm .formRow input[type=email], .contactForm .formRow input[type=tel], .contactForm .formRow textarea{padding:10px; border:1px solid #eaeaea; border-radius:3px; width:100%; box-sizing:border-box;}

.ddSub{display:none;}



h1{color:#ff7200; font-size:20px; text-align:center; margin-bottom:25px; text-transform:uppercase;}
h2{font-size:21px; color:#4f4f4f; margin-bottom:10px;}
h4{font-size:18px; color:#b0b0b0; margin-bottom:20px;}
.innerSliderContent{
	transition:all linear 200ms 400ms;
	-moz-transition:all linear 200ms 400ms;
	-webkit-transition:all linear 200ms 400ms;
	-ms-transition:all linear 200ms 400ms;
}
.itemImg:after, .itemName a, .tabsHolder ul li a:after, .tabsHolder ul li a{
	transition:all linear 200ms;
	-moz-transition:all linear 200ms ;
	-webkit-transition:all linear 200ms;
	-ms-transition:all linear 200ms;
}