@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,greek-ext,greek);



html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,em,font,img,small,strong,center,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;vertical-align:top;}
body{line-height:10px; font-family:Verdana, Geneva, sans-serif;}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;}
button,a,input[type="submit"],input.iesubmit{cursor:pointer}

html {overflow: auto;}
a img {border:0;}
a {text-decoration:none; color:#000;}
strong {font-weight:bold;}
.clear {clear:both;}
.no_margin{margin:0!important;}
/* Sticky Footer */
* {margin: 0;}
html, body {height: 100%;}
.wrapper {min-height: 100%;height: auto !important;;margin: 0 auto -142px;}
.footer, .push {height: 142px;}

/* Start */
#main_page {float:left;width:100%;height:auto;min-height:150px;}

#top_main {float:left;width:100%;height:80px;padding-top:4px;background:url("../images/bg/top_menu_bg.gif") repeat-x left top;}
#main_index_photo {float:left;width:100%;height:230px;background:url("../images/bg/main_top_img.jpg") no-repeat #373F56 center bottom;}
#main_page_photo {float:left;width:100%;height:165px;background:url("../images/bg/page_top_img.jpg") no-repeat #373F56 center top;}
#main_index_slogan {float:left;width:100%;height:auto;background:url("../images/bg/main_index_slogan.gif") repeat-x left bottom;line-height:18px;}
#main_page_slogan {float:left;width:100%;height:auto;background:url("../images/bg/main_page_slogan.gif") repeat-x left bottom;line-height:18px;}
#main_content {float:left;width:100%;height:auto;min-height:150px;/* background:url("../images/bg/content_bg.gif") repeat center center; */}
.page {width:1000px;margin:0 auto;height:auto;padding:0px!important;}
.footer {float:left;background:#F3F3F3; font:12px/18px Verdana, Geneva, sans-serif; width:100%; height:auto;}
#foot_col_1 {width:300px;min-height:100px;float:left;}
#foot_col_1 .emgn {margin:5px 0; border-bottom:solid 1px #929395;}
#foot_col_2 {width:150px; float:left; margin:25px 0 0 90px;}
#foot_col_3 {width:402px;float:right;text-align:left; margin:25px 0 0 0;font-size:16px;}
#foot_col_3 .emergon_locs {font-size:12px;margin-top:9px;padding-bottom:4px;border-bottom:solid 1px #ccc}
.foot_left {float:left;font-weight:bold;} /* width:60px; */
.webart {margin-top:20px;}
.webart img {width:72px; height:14px;}
/***********************************************************/
#logo {width:270px;height:70px;float:left;}
#logo a{float:left;max-width:100%;max-height:100%;}
#logo a img {float:left;max-width:100%;max-height:100%;}
/* *** MENU *** */
#top_menu {float:right;width:725px;height:80px;font:20px/25px "Roboto Condensed", Verdana, Geneva, sans-serif;}
#top_menu ul {float:right;}
#top_menu ul li {float:left;width:auto;height:80px;}
#top_menu ul li .arrow-down {display:none;}
#top_menu ul li.active {background-color:#f7941e;position: relative;}
/*#7F4606*/
#top_menu ul li.active a{color:#000;}
#top_menu ul li a{float:left;padding:28px 17px 27px 17px;color:#000;}
/* *** END MENU *** */
.main_slogan_title {padding:10px 0px 15px 0px;float:left;font-size:20px;line-height:25px;width:920px;}
.main_slogan_title span {font-size:18px;}
#langs {margin:28px 0 0 10px;float:right;width:auto;height:auto;}
#langs a {float:left;width:30px;height: 30px;}
#langs a img {float:left;width:30px;height:30px;}

#top_menu ul li.active .arrow-down {display:block;width:100%;height:0;border-left: 40px solid transparent;border-right:40px solid transparent;border-top: 25px solid #f7941e;box-sizing:border-box;position:absolute;bottom:-25px;}

#top_menu ul li.pgIndex_el.active  .arrow-down {border-left-width:48px;border-right-width:48px;}
#top_menu ul li.pgCompany_el.active  .arrow-down {border-left-width:53px;border-right-width:53px;}
#top_menu ul li.pgServices_el.active  .arrow-down {border-left-width:62px;border-right-width:62px;}
#top_menu ul li.pgProjects_el.active  .arrow-down {border-left-width:38px;border-right-width:35px;border-top-width:18px;bottom:-18px;}
#top_menu ul li.pgNews_el.active  .arrow-down {border-left-width:34px;border-right-width:34px;border-top-width:18px;bottom:-18px;}
#top_menu ul li.pgContact_el.active  .arrow-down {border-left-width:70px;border-right-width:70px;}


#top_menu ul li.pgIndex_en.active .arrow-down {border-top-width:18px;bottom:-18px;}
#top_menu ul li.pgCompany_en.active  .arrow-down {border-left-width:57px;border-right-width:57px;}
#top_menu ul li.pgServices_en.active  .arrow-down {border-left-width:57px;border-right-width:57px;}
#top_menu ul li.pgProjects_en.active  .arrow-down {border-left-width:58px;border-right-width:58px;}
#top_menu ul li.pgNews_en.active  .arrow-down {border-left-width:41px;border-right-width:41px;border-top-width:18px;bottom:-18px;}
#top_menu ul li.pgContact_en.active  .arrow-down {border-left-width:54px;border-right-width:54px;}





#top_banners {width:100%;height:auto;padding:10px 0 20px 0;}
#top_banners .banner_horz {width:238px; height:auto; float:left;min-height:150px; margin:0 15px 0 0;}
.banner_horz .title_banner {background:url("../images/bg/banner_bg.gif") repeat-x left top;width:100%;height:30px;color:#454545;padding:19px 0 0 0;text-align:left;line-height:14px;}
.banner_horz .content_banner {width:100%;height:auto;min-height:200px;background-color:#F1F1F1;padding:0 0 10px 0;}
.content_banner .cont_banner_center {width:220px; height:auto;margin:0 auto; padding:9px 0;}
.content_banner img {width:220px; height:115px;}
.cont_banner_center .cont_banner_text {font:13px/16px Verdana, Geneva, sans-serif; padding-top:20px;}
.content_banner .read_more {width:100%; height:53px; margin-top:10px;}
.content_banner .read_more .more {width:150px; height:33px;float:left; margin:0 0 0 10px; padding:20px 0 0 20px;}
.plus {float:left;width:50px; height:53px;}

.orange_more {background:url("../images/btns/orange.gif") repeat-x left top;}
.red_more {background:url("../images/btns/red.gif") repeat-x left top;}
.blue_more {background:url("../images/btns/blue.gif") repeat-x left top;}
.green_more {background:url("../images/btns/green.gif") repeat-x left top;}
.orange_plus {background:url("../images/btns/orange_plus.gif") no-repeat left top;}
.red_plus {background:url("../images/btns/red_plus.gif") no-repeat left top;}
.blue_plus {background:url("../images/btns/blue_plus.gif") no-repeat left top;}
.green_plus {background:url("../images/btns/green_plus.gif") no-repeat left top;}


#list_area {width:100%;min-height:200px;height:auto;float:left;}
#list_area .title {/*background-color:#7F4606;*/padding:5px 15px;width:140px;color:#000;font:16px/25px Verdana, Geneva, sans-serif;margin-bottom:3px;}
.bottom_divider {border-bottom:dotted 1px #ccc;}


.rel_proj_view {float:left;width:100%;height:auto;padding:10px 0;margin-bottom:20px;}
.rel_proj_title {font-weight:bold;font-size:14px;padding:0 0 10px 0;width:100%;float:left;margin-bottom:5px;}
.rel_proj_view .fancybox img{float:right;padding:5px;background-color:#E0E0E0;margin:0 0 10px 10px;}
.rel_proj_view a {color:#7F4606;}


.new_list {margin:20px 0;}
.new_list li {margin:10px 0;width:50%;float:left;font:12px/20px Verdana, Geneva, sans-serif;box-sizing: border-box;padding:0 10px;}
.new_list li img {width:100px;padding:7px;margin-right:10px;float:left;background-color:#ddd;}
.new_list li .new_title {width:350px;float:left;font-weight:bold;border-bottom:1px dotted #CCCCCC;}
.new_list li .new_text {padding-top:5px;line-height:15px;width:350px;float:left;color:#555;}
.posted_date,
.new_text span a{color:#7F4606;}

#list_news_area {width:400px;height:auto;float:right;}
#list_news_area .title {/*background-color:#93D0E2;*/padding:5px 15px;width:125px;color:#000;font:16px/25px  Verdana, Geneva, sans-serif;margin-bottom:3px;}

.new_list_area {margin:20px 0;}
.new_list_area li {margin:10px 0 ;font:12px/20px Verdana, Geneva, sans-serif;}
.new_list_area li .new_title {width:100%;float:left;font-weight:bold;border-bottom:1px dotted #CCCCCC;}
.new_list_area li .new_text {padding-top:5px;line-height:15px;width:100%;float:left;color:#555;}
.new_list_area li .new_text span {color:#7F4606;}

.posted_date span{font:12px/18px Verdana, Geneva, sans-serif; color:#545454; margin:1px 4px 0 0;float:left;}
.button_bg {height:calc(100% - 10px);padding-top:20px !important;padding-bottom:20px !important;}
.main_slogan_text {width:760px; float:left;}
.main_slogan_text p {margin-bottom:10px;}
.main_slogan_more_aboutus { float:right;width:220px;height:auto;font-weight:bold;margin:15px 5px 0 0;padding:5px 5px 5px 10px;border-top:dotted 1px #000;border-bottom:dotted 1px #000;}
.main_slogan_more_aboutus .emailus {float:left;font-size: 12px;margin-top:10px;padding-top:5px;width:100%;}

#career{width:390px;height:78px;background:url("../images/btns/career.jpg") no-repeat left top;position:relative;margin-top: 30px;}
#career div{width:auto;height:23px;padding:3px 10px;position:absolute;bottom:9px;right:0px;background-color:#7F4606;}
#career div a{float:left;color:#fff;margin-top:5px;font-weight:bold;}

#main_photo_container {width:100%;height:230px;position:relative;}
#main_page_container {width:100%;height:165px;position:relative;}
.contact_us {color:#fff;font:18px/25px "Roboto Condensed", Verdana, Geneva, sans-serif;padding:50px 45px 0px;background:url("../images/bg/main_top_btn_bg.png") no-repeat left top;width:250px;height:60px;position:absolute; right:58px;bottom:0px;text-align:center;}
.contact_us a{color:#fff;}
.contact_us a span {width:100%;display:block;font-size:23px;}

#foot_col_2 strong{font-size:16px;margin-bottom:20px;float:left;}
.margintop {margin-top:25px; margin-bottom:25px;}
.rel_proj {font:16px/50px Verdana,Geneva,sans-serif;margin:20px 0;}

.no-margin {margin:0!important;}
.pdf_file {padding-left:35px;height:22px;float:left;padding-top:10px;background:url("../images/icons/pdf.png") no-repeat left top;}
.color_link a{color:#7F4606;}
/*********************************************************/
/******************** MENU LEFT **************************/
/*********************************************************/
.left_panel {width:220px;float:left;margin-right:25px;}
.menu_col_navi {float:left;width:220px;height:auto;min-height:60px;padding:0 5px 5px 5px;box-sizing: border-box;background:url("../images/bg/menu_left_title_bg.gif") repeat-x left top #F1F1F1;}
.page_content {float:left;width:745px;height:auto;min-height:100px;font: 13px/16px Verdana,Geneva,sans-serif;color:#000;}
.menu_left_title {float:left;width:100%;height:49px;font: 25px/50px "Roboto Condensed", Verdana, Geneva, sans-serif;color:#454545;padding-bottom:10px;}
.left_menu {width:100%;height:auto;float:left;font: 13px/16px Verdana,Geneva,sans-serif;}
.left_menu li{width:210px;height:auto;}
.left_menu li div{width:100%;box-sizing: border-box;float:left;height:auto;background:#E0E0E0;min-height: 10px;margin-top:2px;padding:5px;}
.left_menu li a{width:180px;float:left;height:auto;font-weight: bold;}
.left_menu li .addbtn {float:right;width:20px;height:16px;background:url("../images/btns/add.gif") no-repeat right center #E0E0E0;padding:0!important;}
.left_menu li .divbtn {float:right;width:20px;height:16px;background:url("../images/btns/div.gif") no-repeat right center #E0E0E0;padding:0!important;}
.left_menu li ul li {width:200px;float:left;padding:3px 0 3px 20px;}
.left_menu li ul li a {font-weight:normal;}
.active_sub_category a,
.active_sub_category {color:#7F4606;}
.page_content a:hover {color:#7F4606;}
.clear_menu {margin:0!important;padding:0!important;height:0px!important;min-height:0px!important;}
.page_title_main {color:#000;float:left;font:16px/50px Verdana,Geneva,sans-serif;height:49px;padding-bottom:10px;width:100%;}
.left_contact{width:580px;min-height:200px;height:auto;float:left;font:13px/16px Verdana,Geneva,sans-serif;color:#000;}
.right_contact {width:400px;min-height:200px;height:auto;float:right;font:16px/20px Verdana,Geneva,sans-serif;color:#000;}
/*********************************************************/
/******************** CONTACT ****************************/
/*********************************************************/
.gmap_menu {width:auto;height:auto;}
.gmap_menu li {width:111px;height:auto;padding:5px 10px;background:#E0E0E0;float:left;margin-left:3px;}
.gmap_menu li a{width:100%;float:left;}
#gmap {border:solid 1px #E0E0E0; width:100%;height:400px;margin-top:5px;}
.active_location {background:#7F4606!important;}
.gmnoprint {font:12px/15px Verdana, Geneva, sans-serif;}
#myform {margin-top:15px;}
#myform .label {width:170px;height:25px;float:left;margin:5px 0;}
#myform .input {width:400px;height:auto;float:left;}
#myform .input input {border:solid 1px #827E7B;width:344px;height:18px;padding:3px;}
#myform .input .cv {border:solid 1px #827E7B!important;width:344px;height:28px;}

#myform .input select {border:solid 1px #827E7B;width:352px;height:25px;padding:3px;}
#myform .input textarea {border:solid 1px #827E7B;width:344px;height:150px;padding:3px;}
.security_code {border:solid 1px #827E7B;width:170px;height:18px;padding:3px;margin:8px 0 0 20px;text-align:center;}
.send_it {float:right;margin-right:78px;}
.display,
.active_submenu {display:block;}
.display_none,
.inactive_submenu {display:none;}

.proj_text {float:left;width:545px;}



.images_pos {width:100%;margin-top:20px;}
.images_pos img {padding:5px;background-color:#E0E0E0;float:left;margin:10px;width:155px;height:155px;}


.homepageLang {float:right;}
.homepageLang #langs {margin-top:0px;float:right;}
.homepageLang .main_slogan_more_aboutus {margin-top:5px;}

#menuBars {display:none;}

.myclients {box-sizing:border-box;text-align:center;font:20px/36px "Roboto Condensed";color:#454545;width:100%;float:left;background:#F1F1F1;border:solid 4px #E3E3E3;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}

/****************** RESPONSIVE ******************/


@media screen and (max-width: 1000px) {
    .page {width:700px;}
	#logo {width: 140px;height:100%;}
	
	#langs {position:absolute;top:-22px;right: 40px;}
	
	#main_index_slogan {height:auto;}
	.main_slogan_text {width:450px;}
	/* .button_bg {background:url("../images/bg/cyrcle_bg_button.png") no-repeat scroll 412px -1px;} */
	.homepageLang .main_slogan_more_aboutus {margin-top:10px;}
	.arrow-down {display:none!important;}
	#top_main .page {position:relative;}
	#top_main {height:auto;}
	
	#menuBars {display:block;width:30px;height:30px;position:absolute;right:0px;top:5px;cursor:pointer;}
	#top_menu {width:100%;display:none;height:auto;}
	#top_menu.active {display:block;}
	#top_menu ul {width:400px;}
	#top_menu ul li {width:100%;height:auto;}
	#top_menu ul li a {width:100%;padding:5px 10px 5px 10px!important;box-sizing:border-box;}
	#logo a{margin-top:0px;}
	
	#top_banners .banner_horz {width: 335px;}
	.banner_horz .content_banner {margin-bottom:20px;}
	.content_banner .read_more .more {padding-right:95px;}
	#list_area {width:700px}
	#list_news_area {width:700px;}
	.new_list li .new_title {width:100%;}
	.new_list li .new_text {width:100%;}
	.footer {height:auto;}
	#foot_col_1 {width: 500px;}
	#foot_col_2 {float:right;margin-left:0px;}
	#foot_col_3 {float:left;width:100%;}
	.page_content {width: 455px;}
	.left_contact {width:370px;}
	.right_contact {width:325px;}
	.gmap_menu li {width:86px;}
	#myform .label {width:100%;}
	.send_it {margin:20px 18px 0 0;}
	#gmap {height:567px;}
	.main_slogan_title {width:660px;float:left;}
}
@media screen and (max-width: 700px) {
	#top_main .page {position:relative;}
	#menuBars {display:block;width:30px;height:30px;position:absolute;right:0px;top:5px;cursor:pointer;}
	
    .page {width:320px;}
	#logo {width: 140px;height:100%;}
	
	#main_index_slogan {height:auto;}
	.main_slogan_text {width:320px;}
	/* .button_bg {background:url("../images/bg/cyrcle_bg_button.png") no-repeat scroll 30px bottom;} */
	.homepageLang .main_slogan_more_aboutus {margin-top:10px;margin-bottom: 10px;}
	
	.arrow-down {display:none!important;}
	#top_menu {width:100%;display:none;height:auto;}
	#top_menu.active {display:block;}
	#top_menu ul {width:100%;}
	#top_menu ul li {width:100%;height:auto;}
	#top_menu ul li a {width:100%;padding:5px 10px 5px 10px!important;box-sizing:border-box;}
	
	#logo a{margin-top:0px;}
	#top_main {height:auto;}
	#top_menu ul li a {padding-left:9px;padding-right:9px;}
	#top_banners .banner_horz {width: 320px;}
	.banner_horz .content_banner {margin-bottom:20px;}
	.content_banner .read_more .more {padding-right:80px;}
	#list_area {width:320px}
	#list_news_area {width:320px;}
	
	.footer {height:auto;}
	
	.left_panel {width:100%;}
	.left_menu li {width:100%;}
	
	#foot_col_1 {width: 100%;}
	#foot_col_2 {float:left;margin-left:0px;}
	#foot_col_3 {float:left;width:100%;}
	.page_content {width: 100%;}
	.left_contact {width:100%;}
	.right_contact {width:100%;margin-top:50px;}
	#myform .input input,
	#myform .input select,
	#myform .input textarea,
	#myform .input {width:320px;box-sizing:border-box;}
	#myform .input input {height:25px;}
	#myform .input input.cv {height:30px;width:320px;margin-bottom:10px;}
	#myform .input textarea {max-width:100%;min-width:100%;min-height:40px;max-height:150px;}
	
	.gmap_menu li {width:84px;}
	#myform .label {width:100%;}
	.send_it {margin:20px 18px 0 0;}
	#gmap {height:300px;}
	
	#main_page_photo {display:none;}
	.menu_col_navi {width:100%;}
	.page_title_main {height:auto;}
	
	.proj_text  {width:100%;overflow-x:scroll;}
	.proj_text table {width:auto;}
	.photo_paths_view {float:right;margin-top:10px;}
	#top_banners .banner_horz {width: 320px;}

	#career {width:320px;background:url("../images/btns/career.jpg") no-repeat right top; }
	.contact_us {right:-12px;}
	.main_slogan_title {width:280px;float:left;}
	.new_list li {width:100%;}
}



.videoEmbed {width:100%;display:block;margin:30px 0 50px 0;}
.videoEmbed h4 {width:100%;display:block;padding-bottom:10px;}