@font-face{font-family:'Exo-Bold';src:url('../fonts/Exo-Bold.eot');src:url('../fonts/Exo-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Exo-Bold.woff') format('woff'),
url('../fonts/Exo-Bold.ttf') format('truetype'),
url('../fonts/Exo-Bold.svg#Exo-Bold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Exo-DemiBold';src:url('../fonts/Exo-DemiBold.eot');src:url('../fonts/Exo-DemiBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Exo-DemiBold.woff') format('woff'),
url('../fonts/Exo-DemiBold.ttf') format('truetype'),
url('../fonts/Exo-DemiBold.svg#Exo-DemiBold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:Exo;src:url('../fonts/Exo-Regular.eot');src:url('../fonts/Exo-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Exo-Regular.woff') format('woff'),
url('../fonts/Exo-Regular.ttf') format('truetype'),
url('../fonts/Exo-Regular.svg#Exo-Regular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Exo-Light';src:url('../fonts/Exo-Light.eot');src:url('../fonts/Exo-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Exo-Light.woff') format('woff'),
url('../fonts/Exo-Light.ttf') format('truetype'),
url('../fonts/Exo-Light.svg#Exo-Light') format('svg');font-weight:normal;font-style:normal;}
body{padding:0px;margin:0px;font-family:Exo;font-size:12px;color:#9C9796;background:#ee8022;overflow:hidden;}
#index{background:url(../images/slide1_bg.jpg)repeat center top #ee8022;position:absolute;width:100%;height:100%;}
#section2{background:url(../images/slide1_bg.jpg)repeat center top #ee8022;}
.outer_wrapper{width:100%;height:auto;float:left;margin:0px;}
.Header_wrapper{width:100%;height:auto;min-height:35px;float:left;margin:0px;background:url(../images/head_bg.jpg) repeat-x top;position:fixed;z-index:9999;top:0}
.Footer_wrapper{width:100%;height:auto;min-height:35px;float:left;margin:0px;background:url(../images/head_bg.jpg) repeat-x top;position:fixed;z-index:9999;bottom:0;}
.logo{width:22%;height:auto;float:left;margin:0px;}
.logo img{float:right;}
.menu{width:55%;height:auto;float:left;margin:9px 0px 0px 0px;text-align:center;}
.menu ul{padding:0px;margin:0px;}
.menu ul li{display:inline;list-style:none;padding:0px 7px;margin:0px 0px;font-family:Exo;font-size:13px;font-weight:bold;color:#9c9796;letter-spacing:5px;}
.menu ul li a{color:#9c9796;text-decoration:none;letter-spacing:4px;}
.menu ul li a:hover{color:#ee8022;text-decoration:none;letter-spacing:4px;}
.menu ul li a.selected{color:#ee8022;text-decoration:none;}
.dotopi{width:11%;height:auto;float:left;margin:0px;text-align:center;}
.social_wrap{width:10%;height:auto;float:right;margin:1px 2% 0px 0px;text-align:center;}
.feedback{width:auto;height:auto;text-align:center;background:url(../images/feedback_bg.png) repeat;font-weight:bold;font-size:14px;padding:5px 10px;}
.feedback a{color:#9C9796;text-decoration:none;}
.feedback a:hover{color:#222;text-decoration:none;}
.center_wrapper{width:100%;height:auto;float:left;margin:35px 0px 0px 0px;position:relative;z-index:9;padding-bottom:30px;}
.center_content_wrap{width:100%;height:auto;float:left;margin:0px;}
.center_content_top{width:600px;height:auto;margin:0px auto;}
.center_content_top_inner{width:600px;height:auto;float:left;margin:0px 0px;background:#fcecde;padding-bottom:20px;-moz-box-shadow:0px 0px 12px #444;-webkit-box-shadow:0px 0px 12px #444;box-shadow:0px 0px 12px #444;behavior:url(css/PIE.htc);position:relative;}
.page_head{width:750px;height:122px;float:left;margin:17px 0px 0px -77px;}
#motivation_head{background:url(../images/THE_DIGITAL_GURUS.png) no-repeat;}
#we_love_head{background:url(../images/WE_LOVE.png) no-repeat;}
#clients_head{background:url(../images/THE_PROUD_PEOPLE.png) no-repeat;}
.center_content_top1 #clientlogos > img{margin:0px 0px 20px 15px;max-width:200px;max-height:200px;}
#work_head{background:url(../images/AWESOME_STUFF.png) no-repeat;}
#careers_head{background:url(../images/JOIN_THE_REVOLUTION.png) no-repeat;}
#contact_head{background:url(../images/GET_IN_TOUCH.png) no-repeat;}
.we_create_txt{width:90%;padding:0px 5%;float:left;text-align:center;font-size:30px;color:#AC4C24;line-height:46px;margin-top:-25px;text-shadow:2px 2px 0px #d08c48;-moz-text-shadow:2px 2px 0px #d08c48;-webkit-text-shadow:2px 2px 0px #d08c48;margin-bottom:0px;}
.we_create_txt span{font-size:34px;}
.your_success_txt{width:90%;padding:0px 5%;float:left;text-align:center;font-size:38px;color:#424141;line-height:54px;text-shadow:2px 2px 0px #ada49c;-moz-text-shadow:2px 2px 0px #ada49c;-webkit-text-shadow:2px 2px 0px #ada49c;}
.your_success_txt span{font-size:84px;line-height:70px;}
.startingwith_txt{width:90%;padding:0px 5%;float:left;text-align:center;font-size:22px;color:#AC4C24;line-height:30px;margin-top:20px;text-shadow:2px 2px 0px #d08c48;-moz-text-shadow:2px 2px 0px #d08c48;-webkit-text-shadow:2px 2px 0px #d08c48;}
.lines_dot{width:100%;height:auto;float:left;margin-top:10px;text-align:center;}
.slide_dots{width:20px;height:137px;float:right;position:fixed;bottom:20px;right:20px;z-index:99;}
.slide_dots ul{padding:0px;margin:0px;}
.slide_dots ul li{display:block;list-style:none;padding-bottom:8px;}
.slide_dots ul li a{width:17px;height:18px;cursor:pointer;float:left;padding:5px 0px;}
.slide_dots ul li a:hover{width:17px;height:18px;cursor:pointer;}
.slide_dots ul li a#select{width:17px;height:18px;background:url(../images/slide_dots_select.png) no-repeat;cursor:pointer;}
#home_bg{background:url(../images/home_bg.jpg)repeat center top #ee8022;position:absolute;width:100%;height:100%;}
#section1{background:url(../images/home_bg.jpg)repeat center top #ee8022;}
.home_mid_logo{width:100%;height:auto;float:left;margin-top:8%;margin-top:6%\9;text-align:center;}
.start_the_journey{width:100%;height:auto;float:left;margin-top:-20px;text-align:center;font-size:14px;color:#424141;font-weight:bold;}
#services_bg{background:url(../images/services_bg.jpg)repeat center top #ee8022;position:absolute;width:100%;height:100%;}
#section3, #section4, #section5, #section6{background:url(../images/services_bg.jpg)repeat center top #ee8022;}
.center_services_top_inner{width:600px;height:auto;float:left;margin:0px 0px;background:url(../images/services_mid_bg.png) repeat;padding-bottom:0px;-moz-box-shadow:0px 0px 12px #444;-webkit-box-shadow:0px 0px 12px #444;box-shadow:0px 0px 12px #444;behavior:url(css/PIE.htc);position:relative;}
.Services_heading{width:90%;padding:0px 5%;float:left;text-align:center;font-size:78px;color:#fff;margin-top:-40px;}
.center_content_wrap1{width:100%;height:auto;float:left;margin-top:25px;}
.center_content_top1{width:1000px;height:auto;margin:0px auto;}
.center_services_top1_inner{width:1000px;height:auto;float:left;margin:0px 0px;padding:10px 0px 20px 0px;background:#fff;-moz-box-shadow:0px 0px 12px #999;-webkit-box-shadow:0px 0px 12px #999;box-shadow:0px 0px 12px #999;behavior:url(css/PIE.htc);position:relative;}
.services_cate_wrap{width:300px;height:auto;float:left;margin:0px 15px;}
.services_cate_img{width:100%;height:auto;float:left;margin:0px;text-align:center;}
.services_cate_head{width:100%;height:auto;float:left;margin-top:0px;color:#424141;font-size:20px;text-align:center;font-weight:bold;}
.services_cate_menu{width:100%;height:auto;float:left;margin-top:5px;text-align:center;}
.services_cate_menu ul{padding:0px;margin:0px;}
.services_cate_menu ul li{display:block;list-style:none;padding:0px 0px;margin:0px;color:#424141;font-size:14px;}
.services_cate_menu ul li a{color:#424141;text-decoration:none;}
.services_cate_menu ul li a:hover{color:#000;text-decoration:none;}
.center_portfolio_wrap{width:1000px;height:auto;float:left;margin:0px 0px;padding:10px 0px 0px 0px;position:relative;}
.slider_arrow_left{width:18px;height:auto;position:absolute;top:42%;left:0px;}
.slider_mid_wrap{width:699px;height:288px;margin:0 auto;}
.slider_arrow_right{width:18px;height:auto;position:absolute;top:42%;right:0px;}
.center_career_outwrap{width:600px;height:auto;margin:0px auto;}
.center_career_head{width:560px;height:auto;float:left;text-align:center;background:url(../images/form_bg.png) repeat;-moz-box-shadow:0px 0px 12px #444;-webkit-box-shadow:0px 0px 12px #444;box-shadow:0px 0px 12px #444;behavior:url(css/PIE.htc);position:relative;font-family:Verdana;font-weight:bold;margin-top:-23px;padding:20px;font-size:15px;}
.center_career_wrap{width:560px;height:auto;float:left;margin:-20px 0px 0px 0px;background:url(../images/form_bg.png) repeat;padding:5px 20px;-moz-box-shadow:0px 0px 12px #444;-webkit-box-shadow:0px 0px 12px #444;box-shadow:0px 0px 12px #444;behavior:url(css/PIE.htc);position:relative; z-index:999;}
.center_career_wrap1{width:560px;height:auto;float:left;margin:5px 0px 0px 0px;background:url(../images/form_bg.png) repeat;padding:5px 20px 20px 20px;-moz-box-shadow:0px 0px 12px #444;-webkit-box-shadow:0px 0px 12px #444;box-shadow:0px 0px 12px #444;behavior:url(css/PIE.htc);position:relative;}
.career_form_heading{width:100%;height:auto;float:left;text-align:center;color:#fff;font-weight:bold;font-size:18px;}
.career_form_heading a{color:#fff;text-decoration:none;}
.career_form_tr{width:100%;height:auto;float:left;margin-top:15px;}
.career_form_tr label{width:28%;height:auto;float:left;margin-top:4px;padding-left:5%;color:#fff;text-align:left;font-size:12px;font-weight:bold;}
.career_form_tr input{width:58%;height:auto;float:left;margin:0px;padding:5px 10px;color:#9C9796;font-size:12px;border:none;background:#fff;}

.contact_captcha input{width:28%;height:auto;float:left;margin:0px;padding:5px 10px;color:#9C9796;font-size:12px;border:none;background:#fff;}
.contact_captcha .code_box img{margin-left:10px;}

.career_form_tr input[type="submit"], .career_form_tr input[type="button"],.career_form_tr input[type="reset"], #fields input[type="submit"]{width:74px;height:23px;float:left;margin-right:10px;background:url(../images/form_btn.png) no-repeat;text-align:center;color:#fff;font-size:12px;font-weight:bold;cursor:pointer;padding-top:2px;}
.career_form_tr select{width:61%;height:auto;float:left;margin:0px;padding:5px 10px;color:#9C9796;font-size:12px;border:none;background:#fff;}
.career_form_tr textarea{width:61%;height:50px;float:left;margin:0px;padding:5px 10px;color:#9C9796;font-size:12px;border:none;background:#fff;}
#contact_bg{background:url(../images/contact_bg.jpg)repeat center top #ee8022;position:absolute;width:100%;height:100%;}
#section7{background:url(../images/contact_bg.jpg)repeat center top #ee8022;}
.section{margin:0px;min-height:1024px;height:auto;width:100%;float:left;background:url("../images/home_bg.jpg") repeat scroll center top #EE8022;}
.section2{margin:0px;min-height:1024px;height:auto;width:100%;float:left;background:url("../images/slide1_bg.jpg") repeat scroll center top #EE8022;}
.section3{margin:0px;min-height:1024px;height:auto;width:100%;float:left;background:url("../images/services_bg.jpg") repeat scroll center top #EE8022;}
.section4{margin:0px;min-height:1024px;height:auto;width:100%;float:left;background:url("../images/services_bg.jpg") repeat scroll center top #EE8022;}
.section5{margin:0px;min-height:1024px;height:auto;width:100%;float:left;background:url("../images/services_bg.jpg") repeat scroll center top #EE8022;}
.section6{margin:0px;min-height:1024px;height:auto;width:100%;float:left;background:url("../images/services_bg.jpg") repeat scroll center top #EE8022;}
.section7{margin:0px;min-height:1024px;height:auto;width:100%;float:left;background:url("../images/contact_bg.jpg") repeat scroll center top #EE8022;}
.map_wrap{
	width:100%;
	height:auto;
	top:378px;
	float:left;
	position:absolute;
	z-index:9;
}
.mapclick {
	cursor:pointer;
}
.damascus {
    float: left;
    height: 22px;
    left: 241px;
    position: absolute;
    top: 56px;
    width: 22px;
}
.damascus_add{
	display:none;
	position:absolute;
	top:-164px;
	left:10px;
}
.beirut {
    float: left;
    height: 22px;
    left: 222px;
    position: absolute;
    top: 70px;
    width: 22px;
}
.beirut_add{
	/*display:none;*/
	position:absolute;
	top:-62px;
	left:-447px;
}
.kuwait {
    float: left;
    height: 22px;
    left: 296px;
    position: absolute;
    top: 100px;
    width: 22px;
}
.kuwait_add{
	display:none;
	position:absolute;
	top:-75px;
	left:10px;
}
.dubai {
    float: left;
    height: 22px;
    left: 347px;
    position: absolute;
    top: 125px;
    width: 22px;
}
.dubai_add{
	display:none;
	position:absolute;
	top:-178px;
	left:-243px;
}
.riyadh {
    float: left;
    height: 22px;
    left: 262px;
    position: relative;
    top: 164px;
    width: 22px;
}
.riyadh_add{
	display:none;
	position:absolute;
	top:-62px;
	left:-167px;
}

#fields{padding:15px;}
.formdiv{font-size:12px;}
#container{display:block;margin:0 auto;overflow:hidden;width:1000px;}
#container ul{overflow:hidden;}
#container li{box-shadow:0 0 5px #000000;float:left;height:96px;list-style:none outside none;margin:6px;position:relative;width:125px;}
#container ul.hidden{display:none;}
#filter{background:url("../images/bar.png") repeat-x 0 -94px;display:block;height:39px;margin:55px auto;position:relative;width:600px;text-align:center;-moz-box-shadow:0 4px 4px #000;-webkit-box-shadow:0 4px 4px #000;box-shadow:0 4px 4px #000;}
.click-nav{display:none;}
.social_menu_for_small_screen{display:none;}
*{font-family:Verdana;font-size:96%;}
label{width:10em;float:left;}
label.error{float:left;color:red;padding-left:15.5em;vertical-align:top;padding-top:5px;}
p{clear:both;}
.submit{margin-left:12em;}
em{font-weight:bold;padding-right:1em;vertical-align:top;}
.fb-like span{float:left;}
.fb-like iframe{height:20px;!important}
.fb_edge_comment_widget{margin-left:-370px !important;//use any figure appropriate to you}
#galleria{height:432px;width:4000px;}
.galleria-thumbnails .galleria-image{width:170px !important;}
#makeMeScrollable{width:100%;height:400px;position:relative;}
#makeMeScrollable div.scrollableArea *{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
@media (max-width:1024px){.menu ul li{padding:5px;}
.menu ul li a{font-size:11px;letter-spacing:2px;}
.menu ul li a:hover{font-size:11px;letter-spacing:2px;}
.social_wrap{width:14%;height:auto;float:right;margin:1px 0% 0px 0px;text-align:center;position:absolute;top:0px;right:0px;}
}
@media (max-width:800px){.center_services_top_inner{width:100%;}
.center_content_top_inner{width:100%;}
.center_content_top1{width:95%;}
.center_services_top1_inner{width:100%;}
.menu{display:none;}
.click-nav{display:block;float:left;position:relative;top:-8px;width:51%;}
.social_wrap{width:16%;}
.select_menu{float:left;width:100%;height:auto;text-align:center;padding:2px;border:1px solid #9C9796;color:#9C9796;background:#424242;}
}
@media (max-width:685px){.logo{width:25%;text-align:center;}
.logo img{float:none;width:100%;}
.menu{width:100%;text-align:left;}
.click-nav{display:block;float:left;position:relative;top:-8px;width:51%;}
.dotopi{position:absolute;right:0px;width:20%;top:0px;}
.dotopi img{width:100%;}
.social_wrap{display:none;}
.center_wrapper{margin:53px 0px 0px 0px;}
#motivation_head{background:url(../images/THE_DIGITAL_GURUS.png) no-repeat;background-size:100% 50%;height:110px !important;}
.page_head{width:100%;margin:0px;height:90px;}
.we_create_txt{font-size:20px;margin-top:-70px;text-shadow:0px 2px 0px #D08C48;line-height:35px;}
.we_create_txt span{font-size:21px;}
.your_success_txt{font-size:22px;line-height:38px;}
.your_success_txt span{font-size:22px;line-height:38px;}
.startingwith_txt{font-size:14px;text-shadow:1px -1px 0px #D08C48;line-height:22px;margin-top:5px;}
#we_love_head{background:url(../images/WE_LOVE.png) no-repeat;background-size:100% 60%;}
.Services_heading{font-size:20px;margin-top:-44px;}
.services_cate_wrap{width:100%;margin:10px 0px;}
.center_content_top{width:95%;}
#clients_head{background:url(../images/THE_PROUD_PEOPLE.png) no-repeat;background-size:100% 60%;}
#work_head{background:url(../images/AWESOME_STUFF.png) no-repeat;background-size:100% 60%;}
#careers_head{background:url(../images/JOIN_THE_REVOLUTION.png) no-repeat;background-size:100% 60%;}
.center_career_outwrap{width:95%;}
.center_career_wrap{width:100%;padding:5px 0px;}
.center_career_wrap1{width:100%;padding:5px 0px 20px;}
#contact_head{background:url(../images/GET_IN_TOUCH.png) no-repeat;background-size:100% 60%;}
#section7{background:url(../images/contact_bg.jpg)repeat center top #EE8022;background-size:245% 44%;}
.Footer_wrapper{height:35px;background:url(../images/head_bg.jpg) repeat-x top #424242;}
.menu ul li{margin:0px -4px;}
.slide_dots{display:none;}
.social_menu_for_small_screen{display:block;}
.social_menu_for_small_screen ul{margin:0;padding:0;}
.social_menu_for_small_screen ul li{display:inline;font-family:Exo;font-weight:bold;letter-spacing:5px;list-style:none outside none;margin:0;}
label.error{padding-left:12.5em;width:195px;}
.career_form_tr textarea{width:58%;height:40px;}
.click-nav ul{padding-left:0%;}
}
@media (max-width:480px){.we_create_txt{font-size:20px;margin-top:-70px;text-shadow:0px 2px 0px #D08C48;line-height:35px;}
.we_create_txt span{font-size:21px;}
.your_success_txt{font-size:22px;line-height:38px;}
.your_success_txt span{font-size:22px;line-height:38px;}
.startingwith_txt{font-size:14px;text-shadow:1px -1px 0px #D08C48;line-height:22px;margin-top:5px;}
.home_mid_logo img{width:100%;}
.center_content_top1 #clientlogos > img{width:12%;}
label.error{padding-left:12.5em;width:195px;}
.click-nav ul{padding-left:8%;}
}
@media (max-width:320px){.center_content_top1 #clientlogos > img{width:10%;margin-left:10px;}
label.error{padding-left:8.5em;}
.click-nav ul{padding-left:8%;}
}
div.scrollingHotSpotLeft{min-width:75px;width:5%;height:100%;background-image:url(../images/divscroller/big_transparent.gif);background-repeat:repeat;background-position:center center;position:absolute;z-index:200;left:0;cursor:url(../images/divscroller/cursors/cursor_arrow_left.png), url(../images/divscroller/cursors/cursor_arrow_left.cur),w-resize;}
div.scrollingHotSpotLeftVisible{background-image:url(../images/divscroller/arrow_left.gif);background-color:#fff;background-repeat:no-repeat;opacity:0.35;-moz-opacity:0.35;filter:alpha(opacity = 35);zoom:1;}
div.scrollingHotSpotRight{min-width:75px !important;width:5% !important;height:100% !important;background-image:url(../images/divscroller/big_transparent.gif) !important;background-repeat:repeat !important;background-position:center center !important;position:absolute !important;z-index:9999 !important;right:0 !important;cursor:url(../images/divscroller/cursors/cursor_arrow_right.png), url(../images/divscroller/cursors/cursor_arrow_right.cur),e-resize !important;}
div.scrollingHotSpotRightVisible{background-image:url(../images/divscroller/arrow_right.gif) !important;background-color:#fff !important;background-repeat:no-repeat !important;opacity:0.35 !important;filter:alpha(opacity = 35) !important;-moz-opacity:0.35 !important;zoom:1 !important;}
div.scrollWrapper{position:relative;overflow:hidden;width:100%;height:100%;}
div.scrollableArea{position:relative;width:auto;height:100%;}
.click-nav ul{padding-left:0%;}
.click-nav ul li{position:relative;list-style:none;cursor:pointer;}
.click-nav ul li ul{position:absolute;left:0;right:0;}
.click-nav ul .clicker{background:#424242;color:#FFF;border:1px solid #fff;}
.click-nav img{position:absolute;right:3px;top:3px;border:none !important;width:24px;}
.click-nav ul li span{display:block;padding:5px 10px 5px 18px;background:#424242;color:#fff;font-size:14px;}
.click-nav .no-js ul{display:block;}




#dotvideopopup {
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 25px 5px #999999;
    color: #111111;
    display: none;
    width: 500px;
    padding: 15px;
}

#dotvideopopup .videoContent iframe{ 
	width: 500px;
   height: 350px;
}

#dotvideopopup .button {
    background-color: #F08020;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    right: -15px;
    top: -15px;
    font-size: 15px;
}


