@import url(http://fonts.googleapis.com/css?family=PT+Sans|PT+Sans+Narrow|PT+Sans+Caption);
@font-face {
    font-family: 'PopularRegular';
    src: url('fonts/popular-regular.eot');
    src: url('fonts/popular-regular.eot') format('embedded-opentype'),
         url('fonts/popular-regular.woff') format('woff'),
         url('fonts/popular-regular.ttf') format('truetype'),
         url('fonts/popular-regular.svg#PopularRegular') format('svg');
}
*, ul { margin:0px; padding:0px;}
.center{ margin:0 auto;}

.remove {display:none;}
a{ text-decoration:none; color:#aaa;}
a img {border:none; /*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif;}
.lfloat, .alignleft{ float:left;}
.rfloat, .alignright{ float:right;}
h4{ font:300 16px; /*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif;line-height:160%; letter-spacing:0.15em; color:#666;  }
h5{ color:#666;/*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif;}
p{ font:300 12px; /*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif; color:#666; }
h3{color:#666666;/*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif;}

.clear{
	margin:0;
	padding:0;
	clear:both;
}
div.body
{
	margin: 0px auto;
	padding:0px;
	width:100%;
	min-height:400px;
	background-color:#666;
	border:0px solid #F00;
}
div.container
{
	margin:0px auto;
	padding:0px;
	border:0px solid #000;
}
div.header
{
	margin-bottom:50px;
	padding:0px;
	width:100%;
	border:0px solid #000;
}
.head{margin-bottom:50px;}
div.logo
{
	margin:30px 0px 0px 6px;
	padding:0px;
	float:left;
	width:160px;;
	border:0px solid #000;
}

.hide {
    display: none;
}

a.menuAng
{
	margin:0px 8px 0px 0px;
	color:#6F6C6C;
	font-size: 13px;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:0.4px;
}
a.menuAng:hover
{
	margin:0px 8px 0px 0px;
	color:#000;
	font-size: 13px;
	font-family:Tahoma, Geneva, sans-serif;
}
#menu_div{
clear: both;
position: relative;
top: 0;
left: 0;
} 

#navigation {
position: fixed;
}

#navigation, #menu_div {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}

#menu_div, #navigation, #menu, #nav{
height: 45px; 
}

#menu_div:hover,
#navigation:hover,
#nav li a:hover, #nav li ul a 
{
opacity: 0.95;
} 

#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
opacity: 0.8;
}


.menu {
margin:70px 0px 0px 0px;
padding:0px;
float:right !important;
position: relative;
}

#nav{
	clear:both;
margin:0;
padding:0;
position: relative;
/*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif;
}

#nav li a,#nav li {
float:left;
}

#nav li {
list-style:none;
position:relative;
}

#nav li a {
padding:0 6px;
text-decoration:none;
margin:0;
font-size:13px;
color:#6F6C6C;
line-height:35px;
}
#nav li ul li a { color:#6F6C6C; }

/*css by bedh */

/*.search{margin:0px;float:right !important;position:relative;}
.search .search-form .screen-reader-text{display:none;}
.search .search-form input{width:100%;}
.search .search-form .search-field{margin:0;background-image:url(images/search-icon.png);background-repeat:no-repeat;height:24px;width:24px;}
.search .search-form .search-submit{display:none;}
.search #s{margin:0px;}*/
h1.page-title{font-family: 'Alegreya Sans',sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0;
	color:red;}
.iframe-embed {
  height: 0;
  margin-bottom: 15px;
  padding-bottom: 53.15%;
  padding-top: 15%;
  position: relative;
}
.iframe-embed iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.search_cnt{
	margin-bottom:30px;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:normal;
	text-align:justify;
}
.search_cnt p{
	color:#666;
	font-size:14px;
	line-height:22px;
	/*padding-bottom:20px;*/
	padding-bottom:0px;
}
.search_cnt h3{
	/*color:#666;
	font-size:20px;
	line-height:20px;
	margin-bottom:18px;
	margin-top:9px;*/
	color: #666666;
	font-family: 'Alegreya Sans',sans-serif;
	font-size: 14px;   
	line-height: 19px;
	margin-bottom:9px;
	margin-top:9px;
}

.search_cnt h3 a{
	color:#666; font-weight: bold;}
.search_cnt .flot_left	p{
	color: #666666;
    font-family: 'Alegreya Sans',sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 0;
   }
.flot_left img {
	float: left;
	margin: 5px 30px 0px 0;
	border: 1px solid #E7E7E7;
}

.navigation{padding-bottom:20px;padding-top:20px;font-family: 'Alegreya Sans', sans-serif;}
h3.search-tit{color:#F1592A;}
.detailsContent2text h3.entry-title a{color:#666666;}
.screen-reader-text{display:none;}
.search{margin:0px;float:right !important;position:relative;width:25%;font-family: 'Alegreya Sans', sans-serif;}
.search-form .screen-reader-text{display:none;font-family: 'Alegreya Sans', sans-serif;}
input.search-field {
  padding: 0 5px 0 4px;
}
input.search-field {
  -moz-box-sizing: border-box;
 /* background: url("images/search-icon.png") no-repeat scroll right center #FFFFFF;*/
  border: 1px solid #D1D2D4;
  box-shadow: none;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  height: 26px;
  width: 77%;
  border-radius:0;
  float:left;
  font-family: 'Alegreya Sans', sans-serif;
}

.search-form .search-submit{ background: url("images/Search-box.png") no-repeat scroll right center #FFFFFF;float:left;width:12%;padding:0px 0px 10px 0px; border: none;
  overflow: hidden;
  text-indent: -99em;margin-left:5px;}
  .page-content .search-form{display:none;}

.contact_wrapper .contactbody{padding-top:5px;}
#nav li.current-menu-parent a{color:#F1592A;}
#nav li.current_page_item a{color:#F1592A;}
#nav li.current-menu-item a{color:#F1592A;}
#nav li.current-menu-parent ul li a{ color:#fff; }
#nav li.current-menu-parent ul li.current-menu-item a{color:#F1592A;}
#nav li.current-menu-parent ul li.current-menu-item a:hover{color:#fff;}


.detailsContent3 .detailsContent3text h3 a{color:#F1592A;}
.detailsContent2text .titl_lft{float:left;width:100%;}
.detailsContent2text span.dot{font-size:20px;color:#F1592A;line-height:40px;}
.detailsContent2text div.brdcum{
	margin:0;float:right;
	/*font-family: 'PT Sans',sans-serif;*/
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 0;	
	color: #666666;
	line-height:40px;	
	width:100%;
	}

.detailsContent2text div.brdcum ul.brdcum_ul{margin:0;padding:0;} 
.detailsContent2text div.brdcum ul.brdcum_ul li{color:#000;list-style:none;line-height: 40px;float:left;} 
.detailsContent2text div.brdcum ul.brdcum_ul li a{color:#000;} 
.detailsContent2text div.brdcum ul.brdcum_ul li span.slash{color:#F1592A;font-weight:bold;font-size:8px;vertical-align:bottom;}
	

/*
	Submenu 
*/
#nav li ul {
display:none;
position:absolute;
left:0;
top:100%;
padding:0;
margin:0;
z-index:9999;
} /* hide submenu */

#nav li:hover > ul {
display:block;
} /* show submenu on hover */

#nav li ul li,#nav li ul li a {
float:none;
/*height: 35px;  submenu item height */
height:100%;
min-width: 110px; /* submenu item minimal width */
line-height: 35px;
border-right: 0;
text-shadow: none;
display:block;
font-size:13px;
font-weight:400;
text-transform:inherit;

} /* Submenu item */

#nav li ul li {
_display:inline; /* for IE */
}

/* 12. Sub-Sub Menu */
#nav li ul li ul {
display:none;
}

#nav li ul li:hover ul {
left:100%;
top:0;
}
/* Menu bar background color */
#navigation, 
#nav li ul li, 
#nav li ul li a{
background:#6F6C6C;
color:#fff;
}

/* Menu Item text color */
 
#nav li ul li,
#nav li ul li a,
#nav li ul li a:hover  {
 
opacity: 0.95;
}

/* Menu Item background color on hover */
#nav li a:hover{
color: #fff;
background: #6F6C6C;
}
#nav li ul li a:hover  {
background: #ec6719; 
color:#fff;
}

/* Text Shadow */
#nav li a, 
#nav li a:hover, 
#nav li ul li a:hover  {

/*text-shadow: 0 1px 1px #333;*/
 
}

  div.bodyContainer{
	margin:0px auto;
	padding:0px;
	width:99%;
	border:0px solid #000;
}
.details{ padding:10px !important;}
.details h4{ font:300 15px;/*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif; line-height:160%; letter-spacing:0.02em; color:#fff; text-shadow:1px 1px 0 rgb(0,0,0);margin:0px; padding:0px; }
.details p{ font:300 11px;/*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif; color:#aaa; text-shadow:1px 1px 0 rgb(0,0,0);} 
.sponsertext{width:99%; padding-top:50px;}

.sponsertext h2{
	font-size:19px;
	color: #6F6C6C;
    /*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif;
	font-weight:normal;
    margin: 0;
	padding:0;
}
.sponser{
	width:100%;	
	height:auto;
	padding-bottom:20px;
} 

.quote_area{
	float:right;
	margin:0;
	padding:0;
	font-family:'PopularRegular';
	padding-top: 20px;
	
}
.quote_middle{
	float:left;
	/*max-width:655px;*/
	padding: 0 10px;
}
.quote_middle h5{
	font-size:16px;
	font-family:'PopularRegular' !important;
	text-align:right;
	white-space:pre-wrap;
	color:#000;
	font-weight:normal;
}
.quote_middle h5 em{
	/*-moz-transform:    skewX(-10deg);
    -o-transform:      skewX(-10deg);*/
    -webkit-transform: skewX(-10deg);
   /* transform:         skewX(-10deg);*/

    display: inline-block;

    /* IE8+: must be on one line. */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.1763269807084645, M21=0, M22=1, SizingMethod='auto expand')";
    
    /* IE6 and 7 */ 
    filter: progid:DXImageTransform.Microsoft.Matrix(
             M11=1,
             M12=-0.1763269807084645,
             M21=0,
             M22=1,
             SizingMethod='auto expand');
}
.quote_middle h5 span{
	color:#e74f1e;
	clear:both;
}

.quote_left{
	background:url(images/quat-two.png);
	width:54px;
	height:33px;
	float:left;
}
.quote_right{
	background:url(images/quat-one.png);
	width:54px;
	height:33px;
	float:right;
}

.contactbody{ position:absolute; top:270px; float:left; padding:0px 0px 0px 0px; }
.contactbody h3{color: #666666;/*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif; padding:0; margin:0px; }
.contact{width:100%; float:left;}
.contactbody p{ font:300 12px; /*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif; color:#666; line-height:20px; margin-bottom: 3px; }
.contactbody p a{ color:#666 !important; }
.contactbody p a:hover{ color:#E7501E !important; }
.contact_background{  width:70%; height:auto; padding-top:100px;float:left; /*border-top:1px solid #000;*/}
.contact_background img {width:100%; height:auto;}
.contact_wrapper .contact_form{width:28%;float:left;margin:12px 0 0 10px;font-family: 'Alegreya Sans', sans-serif;}
.contact_wrapper .contact_form textarea, input[type="text"],input[type="number"], input[type="email"], input[type="tel"]{width:90%;height:10%;}
.contact_wrapper .contact_form select{width:94%;height:10%;}
.contact_wrapper .contact_form .wpcf7-not-valid-tip{display:none;}
.contact_wrapper .contact_form input.wpcf7-not-valid,textarea.wpcf7-not-valid{border:1px solid #F00;}
.contact_wrapper .contact_form p{margin:0 0 1px;color:#535659;}
.contact_wrapper .contact_form .wpcf7-submit{border:4px solid #535659;background-color:#535659;width:15%;color:#fff;font-family: 'Alegreya Sans', sans-serif;}


.homemargin{margin-top:1%;}

.images_top{
	margin-left:0px !important;
	padding-top:7px;
}

.aboutbody{float:left; clear:both; padding:0px 0px 35px 0px; border-top:0px solid; width:100%;}
.aboutbody h3{color: #666666;/*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif; padding:10px 0 10px 0;margin:0px; font-size:24px; }
.aboutbodyText h3{color: #666666;/*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif; padding:10px 0 0 0;margin:0px; font-size:20px; }
.contact{width:100%; float:left;}
.aboutbodyText p{font-size:14px; /*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif; color:#666; padding:0px; margin:0px; }
.team li img{ border:none !important; }



div.details2
{
	margin:0px auto;
	padding:0px;
	width:100%;
	border:0px solid #000;
}
div.detailsContent1
{
	 margin:0;
	 padding:0px;
	 width:100%;
	 float:left;
	 border:0px solid #F00;
	
}
.projestlistgroup{
	width:97%;
}
.projecttitel{
	width:100%;
	margin-bottom:20px;
	
	
}
.projecttitel h3{
	font-size:14px;
	/*font-family:'PT Sans', sans-serif;*/
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:normal;
	color:#666;
	margin:0px; padding:0px;
	border-bottom:1px solid;
}
div.detailsContent2
{
	
	 padding:0px;
	 width:100%;
	 float:left;
	 border:0px solid #F00;
}
.detailsContent2text{width:100%; height:100%; padding-bottom:20px;}
.detailsContent2text h3{ font-size:20px; /*font-family:'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif;font-weight:normal; padding:0px; margin:0px;}

.porjectImg{ padding:0 0 20px 0;}
.porjectImg iframe{width:100%; height:auto; overflow:hidden;}

.otherprj{ width:100%; height:100%;}
.projecttitel ul{display:block;}
.projecttitel ul li{ 
	list-style:none;
	}
.projecttitel ul li a{ 
	font-size:14px;
	padding:10px 0 0 0;
	/*font-family:'PT Sans', sans-serif;*/
	font-family: 'Alegreya Sans', sans-serif;
	color:#666 !important;
	}

.porjectImg img{
height:auto;
border:1px solid;
color:#666;
}

div.detailsContent3
{
	padding:0px;
	width:100%;
	float:left; 
	border:0px solid #F00;
}
.content{
	width:100%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

 /* Large desktop */
@media (min-width: 1024px) {
.contactbody {
	position: absolute;
	top: 273px;
	float: left;
	padding: 0px 0px 0px 0px;
 }
.contactbody p{
	line-height:17px;
}
.contact_wrapper .contact_form{margin:12px 0 0 10px;}
.mnav{display:none;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
#nav{
	display:block;
}
.mosaic-block{
	margin-left:0px;
}
.contact_wrapper{
	/*border-top:1px solid #000;*/
}
.contactbody {
	position: relative;
	top: 0px;
	float: left;
 }
.contact_background{
	position:absolute;
	top:404px;
	float:left;
	border:none;
	width:94%;
}
.contact_background img{
	width:100%;
}
.quote_middle{	
	max-width:83%;	
}
.quote_middle h5{	
	white-space:normal;	
}
.search{
	width:30%;
}
.aboutbodyText p{
	font-size:14px;
}
.contact_wrapper .contact_form{position: absolute;
top: 880px;
left: 111px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
#nav{
	display:block;
}
.contact_wrapper .contact_form{position: absolute;
top: 810px;
left: 16px;
}

 }
@media (max-width: 600px) {
.mosaic-block{
	margin-left:15%;
}
.contact_wrapper .contact_form{top: 870px; width:100%;}
#nav{
	display:block;
}
.contact_wrapper{
	/*border-top:1px solid #000;*/
}
.contactbody {
	position: relative;
	top: 0px;
	float: left;
 }
.contact_background{
	position:absolute;
	top:533px;
	float:left;
	border:none;
	width:93%;
}

.aboutbodyText p{
	font-size:14px;
}
.quote_middle{	
	max-width:76%;	
}
.quote_middle h5{	
	white-space:normal;	
}
.menu{margin-top:0px;}
.search{width:32%;}
} 
/* Landscape phones and down */
@media (max-width: 480px) { 
body{
	padding-right: 10px;
	padding-left: 10px;
}
#nav{
	display:block;
}
.mosaic-block{
	margin-left:7%;
}
#nav li a{
	padding: 0 3px;
	text-decoration: none;
	margin: 0;
	font-size: 12px;
	color: #6F6C6C;
	line-height: 25px;
	}
#nav li ul li, #nav li ul li a {
	float: none;
	height: 20px;
	min-width: 100px;
	line-height: 20px;
	border-right: 0;
	text-shadow: none;
	display: block;
	font-size: 12px;
	font-weight: 400;
	text-transform: inherit;
 }
.contact_wrapper{
	/*border-top:1px solid #000;*/
}
.contactbody {
	position: relative;
	top: 0px;
	float: left;
 }
.contact_background{
	position:absolute;
	top:550px;
	float:left;
	border:none;
	width:96%;
}
.contact_background img{
	width:100%;
}
.quote_middle{	
	max-width:66%;	
}
.quote_middle h5{	
	white-space:normal;	
}
.search {
width: 41%;
}
.contact_wrapper .contact_form{left: 5px; width:100%;}
}
 @media (max-width: 320px) { 
body {
	padding-right: 5px;
	padding-left: 5px;
}
.menu{
	margin-top:20px;
}
#nav{
	display:block;
	height:20px;
}
#nav li a{
	padding: 0 1px;
	text-decoration: none;
	margin: 0;
	font-size: 8px;
	color: #6F6C6C;
	line-height: 15px;
	}
#nav li ul li, #nav li ul li a {
	float: none;
	height: 10px;
	min-width: 60px;
	line-height: 10px;
	border-right: 0;
	text-shadow: none;
	display: block;
	font-size: 7px;
	font-weight: 400;
	text-transform: inherit;
 }
.mosaic-block{
	margin-left:0%;
	width:100%;
}
.contact_wrapper{
	/*border-top:1px solid #000;*/
}
.contactbody {
	position: relative;
	top: 0px;
	float: left;
 }
.contact_background{
	position:absolute;
	top:685px;
	float:left;
	border:none;
}
.contact_background img{
	width:89%;
}
.quote_middle{	
	max-width:76%;	
}
.quote_middle h5{	
	white-space:normal;	
}
.search {
width: 66%;
}
.contact_wrapper .contact_form {
top: 891px;
width: 96%;
left: 0px;
}
 }