@font-face {
    font-family: Ubuntu-Bold;
    src: url(fonts/ubuntu/Ubuntu-Bold.ttf);
}
@font-face {
    src: url(fonts/ubuntu/Ubuntu-BoldItalic.ttf);
}
@font-face {
    font-family: Ubuntu-Italic;    
    src: url(fonts/ubuntu/Ubuntu-Italic.ttf);
}
@font-face {
    font-family: Ubuntu-Light;
    src: url(fonts/ubuntu/Ubuntu-Light.ttf);
}
@font-face {
    font-family: Ubuntu-LightItalic;
    src: url(fonts/ubuntu/Ubuntu-LightItalic.ttf);
}
@font-face {
    font-family: Ubuntu-Medium;
    src: url(fonts/ubuntu/Ubuntu-Medium.ttf);
}
@font-face {
    font-family: Ubuntu-MediumItalic;
    src: url(fonts/ubuntu/Ubuntu-MediumItalic.ttf);
}
@font-face {
    font-family: Ubuntu-Regular;
    src: url(fonts/ubuntu/Ubuntu-Regular.ttf);
}
html, body{
	background: white;/*rgb(234,234,234);*/
	margin: 0;
	padding: 0;
	font-family: 'Ubuntu-Regular';
	font-size:16px;
}
.transparentDiv {
	opacity:0;
}


.navbar-form .form-group{
	height: 44px;
}
.form-control{
	height: 44px;	
}
.navbar-form .form-control{
	max-width:200px;
	width: 100%/*150px;*/
}

/*Language selector*/
.topMenuLanguageBtn {
	background:rgb(39,39,39);
	width:70px;
	height:50px;
	line-height:45px;
	color:rgb(221,221,221);
	font-family: Ubuntu-Bold;
	cursor: pointer;
}
.topMenuLanguageMenu{
	margin:0;
	border-radius:0;
	background:rgb(39,39,39);
	color:rgb(165,165,165) !important;
	font-family: Ubuntu-Bold;
}

.topMenuLanguageMenu li .enabled {
	color:rgb(165,165,165) !important;
}
.topMenuLanguageMenu .enabled:hover {
	background:transparent !important;
	color:white !important;
}
.topMenuLanguageMenu li:first-child{	
	color:rgb(221,221,221);
}
.topMenuLanguageMenu .chooseLanguageInfo{	
	color:#777;
}
.topMenuLanguageMenu .chooseLanguageInfo:hover{	
	background:transparent !important;
	color:#777 !important;
	cursor: default;		
}
.topMenuLanguageMenu li:first-child:hover{
	color:rgb(221,221,221);
}
.topMenuLanguageMenu li:hover{
	color:white
}
.mydivider{
	background-color:rgb(25,25,25) !important;
}

.languageDD {
    /* clear: both; */
    /* margin-left: -25px; */
    /*padding-top: 15px;*/
    width: 70px;
    float: right;
    z-index: 1;
}
.languagemDD {
    /* clear: both; */
    /* margin-left: -25px; */
    /*padding-top: 15px;
    width: 160px;*/
	display:none;
	/*margin-top:4px;*/
    float: left;
    /*margin-left:5px;*/
    /*z-index: 2100;*/
}
.languagetopDD {
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
}
.wrapper-dropdown-1 {
	vertical-align:top;
	display: inline-block;    
    /* Size and position */    
    position: relative; /* Enable absolute positioning for children and pseudo elements */
    width: 140px;
    height:44px;
    padding: 10px;	
    margin: 0 auto;
	text-align: right;
	padding-right:20px;

    /* Styles */
    background: rgb(34,34,34);
    color: #fff;
    outline: none;
    /*cursor: pointer;*/

    /* Font settings */
    font-weight: bold;
    z-index: 1;
}
.wrapper-dropdown-1:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 7px;
    top: 55%;
    margin-top: -6px;
    /*border-width: 6px 0 6px 6px;*/
	border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent #fff;    
	/*background:red;*/
    z-index: 1;
}
.wrapper-dropdown-1 .dropdown {
	/* Size & position */
    position: absolute;
   /* top: 100%;*/    
    left: 0; /* Size */
    right: 0; /* Size */

    /* Styles */
    background: #fff;
    /*background: rgb(34,34,34);*/
    font-weight: normal; /* Overwrites previous font-weight: bold; */

    /* Hiding */
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}
.dropdown {
	list-style-type: none;
	text-align: center;
	padding: 0;
	border-radius:5px;
	z-index: 1;
}
.wrapper-dropdown-1 .dropdown li /*a*/ {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 20px;
    z-index: 1;
}

/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover /*a*/ {
    /*background: #f3f8f8;*/
    background: rgb(34,34,34);
    border-radius:5px;
    z-index: 1;
}
/* Active state */
.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
}
/*
.wrapper-dropdown-1.active:after {
    border-color: #9bc7de transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
    z-index: 100;
}
*/
.wrapper-dropdown-1.active {
  background: rgb(34,34,34);
  z-index: 1;
}			

/*Mobile language selector*/
.wrapper-dropdown-mobile-1 {
	vertical-align:top;
	display: inline-block;    
    /* Size and position */    
    position: absolute; /* Enable absolute positioning for children and pseudo elements */
    /*width: 44px;*/
    /*height:44px;*/
    line-height:51px;
    padding-left: 10px;
    margin: 0 auto;

    /* Styles */
    /*background: rgb(34,34,34);*/
    color: #fff;
    outline: none;
    cursor: pointer;

    /* Font settings */
    font-weight: bold;
    z-index: 1;
	background: transparent;	
	/*background:white;*/	
}
.wrapper-dropdown-mobile-1 .dropdown-mobile {
	/* Size & position */
    position: absolute;
    top: 45px;
    left: 0; /* Size */
    right: 0; /* Size */

    /* Styles */
    background: transparent;
    /*background:white;*/
    border-radius:5px;
    font-weight: normal; /* Overwrites previous font-weight: bold; */
    
    /* Hiding */
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}
.dropdown-mobile{
	position: absolute;
	list-style-type: none;
	text-align: center;
	padding: 0;
	background:white;
	/*border-radius:5px;*/
	z-index: 1;
	/*background: transparent;*/
	transition: opacity 0.2s linear;
}
.languagetopDD .dropdown-mobile {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    background: transparent;
    border-radius:5px;
    font-weight: normal;    
    opacity: 0;
    pointer-events: none;
    z-index: 1;    
}
.wrapper-dropdown-mobile-1 .dropdown-mobile li /*a*/ {
    line-height:45px;
	background: #BE0002;
	margin-top:-1px;
	/*-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 15px;*/
}
.wrapper-dropdown-mobile-1 .dropdown-mobile li:last-of-type /*a*/ {
	border-bottom-right-radius: 15px;
}
/* Hover state */
.wrapper-dropdown-mobile-1 .dropdown-mobile li:hover /*a*/ {
    /*background: #f3f8f8;*/
    /*background: rgb(34,34,34);*/
    border-radius:5px;
    z-index: 1;
}
/* Active state */
.wrapper-dropdown-mobile-1.active .dropdown-mobile {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;    
    
}
.wrapper-dropdown-mobile-1.active:after {
    border-color: #9bc7de transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
    z-index: 1;
}
.wrapper-dropdown-mobile-1.active {  
  /*background: rgb(34,34,34);*/
  transition: height 0.2s ease-in;
  -webkit-transition: height 0.2s ease-in;
  -moz-transition: height 0.2s ease-in;
  -o-transition: height 0.2s ease-in;
  z-index: 1;
  height:180px;
  overflow: hidden;    
}			
/*Mobile language selector*/



.activeProject{
	max-width: 100%;/*1400px;*/
	width:100%;
	margin:auto;
}
/*
.langStaticImageEN
{	
	display: inline-block;    
	vertical-align:top;
    width: 44px;
    height: 44px;
	background: url('../img/language.png') no-repeat scroll 0px -44px;
}
.langStaticImageBG
{
	display: inline-block;    
	vertical-align:top;
    width: 44px;
    height: 44px;
	background: url('../img/language.png') no-repeat scroll -44px -44px;
}
.langStaticImageDE
{
	display: inline-block;    
	vertical-align:top;
    width: 44px;
    height: 44px;
	background: url('../img/language.png') no-repeat scroll -88px -44px;
}
.langImageEN
{	
	display: inline-block;    
	vertical-align:top;
    width: 44px;
    height: 44px;
	background: url('../img/language.png') no-repeat scroll 0px -44px;
}
.langImageBG
{
	display: inline-block;    
	vertical-align:top;
    width: 44px;
    height: 44px;
	background: url('../img/language.png') no-repeat scroll -44px -44px;
}
.langImageDE
{
	display: inline-block;    
	vertical-align:top;
    width: 44px;
    height: 44px;
	background: url('../img/language.png') no-repeat scroll -88px -44px;
}
.langImageEN:HOVER
{		
	background: url('../img/language.png') no-repeat scroll 0px 0px;
}
.langImageBG:HOVER
{	
	background: url('../img/language.png') no-repeat scroll -44px 0px;
}
.langImageDE:HOVER
{
	background: url('../img/language.png') no-repeat scroll -88px 0px;
}*/
/*Language selector*/
.searchForm{
	
}

.searchButton{
	height: 67px;
	width: 44px;
	display: inline-block;
	color:red;
	float: right;
	background: url('../img/search_btn.png') center no-repeat;  
	text-indent: -10000px;
	border: none;
	position: absolute;
	top: 44px;
	right: 0;
	z-index: 2;
	cursor: pointer;  	
	display:none;
	cursor: pointer;
	/*
	margin-left:-5px;
	border:none;
	display: inline-block;
    width: 44px;
    height:44px;
    vertical-align: middle;
    background: url('../img/search_btn.png');
	*/
}
.wrapLogo{	
	background: #BE0002;	
	max-width : 100%;
	min-width : 300px;	
	/*min-height: 310px;*/
	width     : 100%;
	/*display: inline-block;*/
}
.socialWrap {	
    /*display: inline-block;*/
    height: 50px;    
    margin: auto;
    max-width:1170px;/*1200px;*/
    width:100%;
    /*vertical-align: middle;*/
    /*background: rgb(34,34,34); */
    border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    
}
#navbarCollapse{
	max-width:1220px;
	margin:auto;
	font-family: 'Ubuntu-Medium';
	/*height:66px !important;*/
}

.logo{
	/*background-image: url("../img/specs/dd_logo.jpg");*/
	background-image: url("../img/specs/dd_logo_header.png");	
    background-repeat: no-repeat;
    position:relative;
    /*width: 100%;*/
    max-width: 410px;/*379px;/*max-width: 306px;*/
    max-height: 236px;/*max-height: 231px;*/
    height:260px;
    width:100%;
    margin: auto;
    vertical-align : bottom;
    /*top:-50px;*/
}
div#status{
	top:200px;
	position  : fixed;
	font-size : 1.5em/*24px;*/
	z-index   : 10;
}
#mainMenu.stick {
   position       	  : fixed;
   background-position: center;  
   top         	      : 0px;
   z-index            : 2; 
   width			  : 100%;*/
   /*margin			  : 0 0 0 -50%;   
   
   /*left               : 50%;*/
   /*width			  : 60%;
   margin			  : 0 0 0 -30%;
   left               : 50%;*/      
}

div#mainWrapper {
	/*background: rgb(234,234,234);*/	
	width     : 100%;	
	margin    : auto;
	/*text-align: center;*/
}

div#pageWrapper{
	/*margin    : auto;*/
	width     : 100%;/*calc(100% - 10px);/*100%;*/		
	/*max-width : 1440px;*/
}

div#wrap {
	/*background: #80ff00;/*rgb(234,234,234);*/
	width     : 100%;
	/*max-width : 1400px;*/
	max-width : 1170px;
	min-height: 810px;
	margin    : 10px auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;	
}
.sectionTitle {	
	/*position  : relative;*/
	margin    : auto;
	background:  transparent;/* rgb(234,234,234);*/
	min-width : 300px;
	max-width : 1170px;/*1300px;*/
	width     : 100%;	
	/*border    : 5px solid black;*/
	/*height    : 300px;*/
	text-align: center;	
	padding-bottom:5px;
}
.sectionTitle p {
	/*padding-left:15px;*/
	text-transform: uppercase;
	font-size: 1.25em;/*20px;*/
	/*font-family: 'Ubuntu-Light';*/
	/*color: #6f6e6e;*/
	margin-bottom:0;	
	font-family: 'Ubuntu-Regular';
	color: rgb(111,109,110);
}
.sectionTitle div {
	/*margin-left:16px;*/
	display:none;
	margin:auto;
	width: 300px;
	height: 2px;
	background-color: rgb(217,217,217);
}
.sectionProjectTitle {	
	/*position  : relative;*/
	margin    : auto;
	background:  transparent;/* rgb(234,234,234);*/
	min-width : 300px;
	max-width : 1170px;/*1300px;*/
	width     : 100%;	
	/*border    : 5px solid black;*/
	/*height    : 300px;*/
	text-align: center;	
	padding-bottom:5px;
	visibility: hidden;
}
* {
	box-sizing: border-box;  
}

.parent {
	/*display   : flex;*/
	/*display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;*/
  	display   : flex;				
	flex-wrap : wrap;
	height    : 100%;
	/*background: blue;*/
}	       
.childVisible {	
	opacity   : 1;
	position  : relative;
	text-decoration: none !important;
	/*flex      : 1;*/
	min-width : 30%;		
	margin    : 15px 15px;	
	height    : 400px;
	overflow  : hidden;
	text-align: center;	
	border: 1px solid #dbdbdb;	
}

.child {	
	opacity   :0;
	position  : relative;
	text-decoration: none !important;
	/*width     : 0;*/
	min-width : 30%;	
	margin    : 15px 15px;	
	height	  : 400px;/*350px;*/
	overflow  : hidden;
	text-align: center;	
	border    : 1px solid #dbdbdb;
	flex      : calc(32% - 30px);
	font-size : .9em;
		
}

.childDisplay{
	opacity:1;
}

.child30P {	
	/*opacity   : 0.05;*/
	position  : relative;	
	flex      : 1;
	text-decoration: none !important;
	min-width : 30%;		
	margin    : 15px 15px;	
	height	  : 400px;/*350px;*/
	overflow  : hidden;
	text-align: center;	
	/*box-shadow: 0 2px 2px -2px gray;*/
	/*border-bottom: 1px solid #dbdbdb;*/	
	border-bottom: 1px solid #dbdbdb;
}

.child:HOVER .demo{
	/*top: -35%;*/
	top: 40%;
}
.child:HOVER .miniComment{
	transition: opacity 0.6s linear;   
	opacity:1;
}
.child:HOVER .socialDDmini ul{
	-webkit-transition: opacity 0.9s linear;
    -o-transition: opacity 0.9s linear;
    -moz-transition: opacity 0.9s linear;
    transition:  opacity 0.9s linear;
	opacity:1;	
}
.child:HOVER .socialDDmini{
	  opacity:1;	  
	  -webkit-transition: height 0.3s linear;
      -o-transition:  height 0.3s linear;
      -moz-transition:  height 0.3s linear;
      transition:  height 0.3s linear;
	  height: 125px;	  
	  /*background: blue;*/
	  /*height: auto;*/
}
.child:HOVER .demo:after{
	background-image: url('../img/arrow_down.png');
}
.child:HOVER .pictureFrame{	
	-webkit-filter    : grayscale(70%);
  	-webkit-transition: .3s ease-in-out;
  	/*filter: url("grayscale.svg");*/
  	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/ 
  	-o-filter         : grayscale(70%); 
  	-o-transition     : .3s ease-in-out;
  	filter: grayscale(70%);
	/*overflow          : hidden;*//*	
  -webkit-filter: grayscale(70%);
  -moz-filter: grayscale(70%);
  -ms-filter: grayscale(70%);
  -o-filter: grayscale(70%);
  /*filter: grayscale(70%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  /*filter: gray; /* IE 6-9 */	
}
.pictureFrame {	
	/*max-width:360px;
	width    : 100%;	
	height   : auto;*/	
	position: absolute;
	
    left: 50%;
    top: 45%;/*50%;*/
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform:translateY(-50%) translateX(-50%);
    -ms-backface-visibility: hidden;
    transform:translateY(-50%) translateX(-50%);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
/*
#miniLogo{
	width:50px;
	height:50px;	
	display:none;
	margin-left:55px;	
}*/
ul.topnav {
  list-style-type: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  background-color: #fff;  
}

ul.topnav li {
	float: left;
}

ul.topnav li a {
  display: inline-block;
  color: gray;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 1.05em;/*17px;*/
}

ul.topnav li a:hover {background-color: #111;}

ul.topnav li.icon {display: none;}

.nav > li{
	position: inherit !important;
}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}
/*Design Depot custom styles blog comments*/
.dd-content {
	max-width: 1170px;
	width: :100%;
	margin: auto;	
	font-family: Ubuntu-Regular;
	display: flex;
	flex-wrap : wrap;	
}
.dd-content-area{
	padding:15px;
	max-width: 70%;
	padding-right: 15px;
}
.dd-sidebar{
	max-width: 30%;
	width: 100%;
}
.dd-title {
	font-size: 1.5em;/*30px;*/
	font-family: Ubuntu-Bold;
	color: #444444;
	margin:0;	
}
.dd-authorDate {
	color: #a8a8a8;
	font-size: 1em;/*16px;*/	
	line-height: 30px;	
}
.dd-authorDate img{
	max-width: 16px;
	height: auto;
	vertical-align: text-top;
}
.dd-postContent{
	font-size: 1.125em;/*18px;*/
	font-family:Ubuntu-Regular;
}
.dd-postContent img{
	display: block;
  	max-width: 100%;
  	width:inherit !important;
  	height: auto !important;
  	margin:auto;	
}
.comment-reply-title {
	font-size: 1.2em;/*20px;*/
}
.comment-form-comment label {
	display:block;	
}
.comment-form-comment textarea {
	width: 99%;	
}
.comment-notes {	
	font-size: 1em;
}
#author{	
	width: 99%;
}
#email{
	width: 99%;
}


/*Design Depot custom styles blog comments*/

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: center;
  }
}

@media (max-width: 1230px) { /*1140px*/
    .child {	
		flex:calc(32% - 30px); 
	}
	.navbar-form .form-control{
		width:150px;
		display:inline-block;
	}
	.searchButton{
	  /*height:47px;*/
	  background-repeat:no-repeat;
	}
	
	.nav > li > a{
		padding-left:0px;
		padding-right:10px;		
		/*font-size: 12px;*/
		/*height: 30px;*/		
	}
			
	.myTestTestNav ul.sub-menu li{
		display: inline-block !important;
	}
}
@media (max-width: 1024px) {
    .child {
		min-width: (50% - 30px);
		flex	 : calc(50% - 30px);
	}
	.nav > li > a{
		/*padding-right:2px;*/
				
		font-size: 1em;/*12pt;*/
		/*height: 30px;*/		
	}
	#searchedText {
		width: 125px;	
	}	
	.bottomFashaMemberLogo{
		float:none !important;
		margin-right: 0 !important;		
		/*margin-bottom: 10px;*/
	}
	.myTestTestNav ul.sub-menu {
		background: rgb(34, 34, 34);
	}
	.myTestTestNav ul.sub-menu li{
		display: inline-block !important;
		font-size:0.8em !important; /*10pt;*/
	}
}
@media (min-width: 768px){
	#navbarCollapse{
		height:66px !important;
	}
}
@media (max-width: 767px) {
    .child {
		flex:calc(50% - 30px);
	}
	.navbar-form .form-control{
		width:150px;
		display:inline-block;
	}
	.navbar-form{
		padding:0;
	}
	.form-control {
		/*height: 35px;*/
	}
	#searchedText {
		width: 170px;
	}
	.searchButton{		
	    /*height:47px;*/
		background-repeat:no-repeat;
	}
	.languageDD {
		display:none;
	}
	.languagemDD {
		display:block;
	}
	#navbarCollapse{
		position:absolute;
		/*height:200px;/*auto;*/
		overflow:hidden;
		width: 100%;
		border:0;
		padding-left:0;
		padding-right:0;
	}

	.navbar .navbar-nav{
		display:block;
		position:relative;
		z-index:2;
		border: 1px solid lightgray;
	}	
	.navbar-nav{
		margin: 0 0;
	}
	#mainMenu {
		background: #BE0002;		
		border-top-left-radius:0 !important;
		border-top-right-radius:0 !important;
	}
	.nav {
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		background-color: white;
		width: 100%;
		border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;
		text-align:center;
	}
	.nav > li > a {
		display: inline-block;
	}
	.logo {
		height: 0;
	}
	#miniLogo{	
		position:relative;
		top : 2px;		
		/*width:100px;
		height:48px;*/		
		width:39px;
		height:46px;	
		display: inline-block;
		/*background-image:url("../img/specs/dd_logo_mini.png");*/
		background-image:url("../img/specs/dd_mobile.png");
		/*background-size: cover;*/
		background-repeat: no-repeat;
		/*border-radius:10px;*/
		margin-left: 55px;
	}	
	#dd{
		display: none;
	}
	
	.socialWrap{
		display:none;
	}
	
	.myTestTestNav ul.sub-menu{
		/*position: relative !important;*/
		height: 0;
		line-height: 35px !important;
		border-radius:5px;
	}
	.myTestTestNav ul.sub-menu li{
		font-size: 0.70em !important;/*8pt*/
	}
	
	.triangle-upMain {    
    	border-left: 10px solid transparent !important;
    	border-right: 10px solid transparent  !important;
    	border-top: 10px solid #2e6da4  !important;
    	border-bottom: 0 !important;
    	margin: auto;    
    	display: inline-table;
    	opacity:1 !important;    
	}	
	
	.bottomFashaMemberLogo{
		float:none !important;
		margin-right: 0 !important;		
		margin-bottom: 10px;
	}
	
	#fixedRequestButton img{
		display:none;
	}
	#fixedRequestButton {				
    	position: fixed;
		max-width:100% !important;
		width:100%;
		height:auto !important;
		background:#BE0002 !important;
    	bottom: 0px;
    	right: 0px; 
    	z-index: 2;
    	color:white;
    	font-size: 0.8em !important;/*10pt*/
    	border-top-left-radius:5px;
    	border-top-right-radius:5px;    
	}
	.navbar-default .navbar-toggle .icon-bar{
		background: white;
	}
	.navbar-default .navbar-toggle{
		border-color: white;
	}
	.miniRights{
		line-height: inherit !important;
		height: 120px;
	}
	.sectionTitle p {
		font-size: 1.25em;/*20px;*/
	}
	/*
	.verticalSeparator:first-of-type{
		visibility: hidden;
	}
	*/	
}

.visible{
	opacity:1 !important;
	visibility: visible !important; 
	height: auto !important;
}
/*@media (min-width:525px)and(max-width: 990px) {*/
/*
@media screen and (max-width: 990px) and (min-width: 517px){
	.hiddenCookie > p {
		margin-top:11px !important;
	}
}
@media screen and (max-width:517px){
	.hiddenCookie > p {
		margin-top:6px !important;
	}
}
*/
@media (max-width: 500px) {
    .child {	
		flex:calc(100% - 30px);
	}
	
}
@media (max-width: 569px) {
    .miniFooterMember {
		box-shadow: 0 4px 2px -3px gray;
	}
	.languageDD {
		width: auto;
	}
	/*
	.langImageBG{
		float: right;
	}*/
	#dd{
		display: none;
	}
	.dd-content-area {
		padding:15px;
		min-width: 300px;
		max-width:100%;
		width:100%;
		padding-right: 15px;
	}
	.dd-sidebar {
		min-width: 300px;
		max-width:100%;
		width: 100%;
	}
	.bottomFashaMember{
		float:none !important;
	}	
	.blogThumb{
		width:100% !important;
	}
	.blogThumbContent, .blogThumbTitle{
		font-size:1.1em !important;
	}
}
.slidePanel {
	background-color:blue;
	width:100%;
	height:100px;
	transition: height 0.3s ease-in;
}
.slidePanel:hover {		
	height:200px;
}
.demo {
	background-color: white;/*#333;*/
	top:75%;
	/*top:0;*/
	height: 100%;/*25%;*/
	width:100%;		
	/*position: relative;		*/
	position:absolute;
	transition: top/*height*/ 0.3s ease-in;
	-webkit-transition: top/*height*/ 0.3s ease-in;
	z-index:1;
	padding: 5px;
	/*overflow: hidden;*/
	border: 1px solid #dbdbdb;
}
.demoVisible {
	background-color: white;/*#333;*/
	top:45%;
	/*top:0;*/
	height: 100px;/*100%;/*25%;*/
	width:100%;		
	/*position: relative;		*/
	position:absolute;
	transition: top/*height*/ 0.3s ease-in;
	-webkit-transition: top/*height*/ 0.3s ease-in;
	z-index:1;
	padding: 5px;
	/*overflow: hidden;*/
}
.demo:after {
	content: ' ';
	height: 20px;
	position: absolute;
	width: 30px;
	/*border: 20px solid transparent;
	border-left-color: red;*/
	/*border-top-color: blue;
	border-bottom-color: blue;*/
	/*top: 100%;*/
	top : -15px;
	/*margin:auto;*/
	left: calc(50% - 10px);
	border-radius:30px 30px 0 0;
	background:white;
	background-image: url('../img/arrow_up.png');
	background-repeat: no-repeat;	
	background-position: center bottom; 
}
.demo:hover:after{
	background-image: url('../img/arrow_down.png');
}
.demoInnerText {	
	background-color: white;
	height          : 75px;/*70%;*/	
	width           : 100%;	
	z-index         : 1;
	overflow        : hidden;
	color           : rgb(110,110,110);
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;	
	position:absolute;
	bottom:0;
	/*background:red;*/
	/*font-family: 'Ubuntu-Regular';*/ 
	/*padding: 5px;*/
	/*overflow: hidden;*/
}
.demoInnerText strong {	
	background-color: white;/*#333;*/
	height          : 70%;	
	width           : 100%;	
	z-index         : 1;
	overflow        : hidden;
	color           : rgb(110,110,110);
	font-weight		: normal;
	font-size 		: 1.2em;/*14pt;*/
	font-family     : 'Ubuntu-Regular';
}
.responsiveImage {
	/*
	position : relative;	
	max-width: 100%;
	height   : auto;
	*/
	display: block;
  	max-width: 100%;
  	height: auto;
  	margin:auto;
}
.responsiveImage100PWidth{
	display: block;
  	width: 100%;
  	height: auto;
  	margin:auto;
}

#contactsMap{
	margin:auto;
	max-width : 1200px;
	min-width : 300px;
	max-height: 450px;
	min-height: 225px;	
	width     : 100%;
	height    : 100%;
}

#contactsMapFrame{
	max-width : 600px;
	min-width : 300px;
    max-height: 450px;
    min-height: 225px;
	width     : 100%;
	height    : 100%;
	border: 0;
}
.menuSelected{
	color: red;
}
/*THE OFFER BEGIN*/
.theOfferContainer{
	display: block;
	text-align: center;
	width     : 100%;
	max-width : 1170px;/*100%;/*1400px;*/
	margin: auto;
	background: white;	
}
.offerMember{
	display: inline-block;
	min-height: 250px;
	min-width: 30%;/*250px;*/	
/*	background: green;*/
	margin:15px;
	height: auto;
	font-size:1em;/*0.875em;*/
	vertical-align: top;
}
.offerMemberPicture1{
	display: block;
	background-image: url('../img/specs/1_icon_creative.jpg');
	width: 118px;
	height: 118px;
	margin: auto;	
}
.offerMemberPicture2{
	display: block;
	background-image: url('../img/specs/2_icon_quick.jpg');
	width: 118px;
	height: 118px;
	margin: auto;	
}
.offerMemberPicture3{
	display: block;
	background-image: url('../img/specs/3_icon_love.jpg');
	width: 118px;
	height: 118px;
	margin: auto;	
}
.offerMemberName{
	display:block;
	width:100%;
	height:30px;
	max-width:300px;
	margin: auto;
	margin-top:25px;
	color:rgb(83,83,83);
	font-family: 'Ubuntu-Bold';
}
.offerMemberRole{
	display:block;
	width:100%;
	height:100%;
	max-width:300px;
	margin: auto;
	margin-top:20px;
	font-family: 'Ubuntu-Medium';
	color:rgb(106,106,106);
	font-size:0.875em;	
}

/*THE OFFER END*/


/*THE TEAM BEGIN*/
.theTeamContainer{
	display   : block;
	text-align: center;
	/*max-width : 1400px;*/
	width     : 100%;
	max-width : 1170px;/*100%;/*1400px;*/
	margin    : auto;
	margin-top: 20px;
}
.teamMember{
	display: inline-block;
	min-height: 250px;
	min-width: 20%;/*30%;/*250px;*/	
/*	background: green;*/
	margin:15px;
	text-align: center;
	font-size: 1em;/*0.875em;*/
}
.teamMember img {
	transition: all .2s ease-in-out;
}
.teamMember img:hover {
	transform: scale(1.03);	
}
.teamMemberHidden{
	display: none;
	position:absolute;
	min-height: 250px;
	min-width: 30%;/*250px;*/	
/*	background: green;*/
	margin:15px;
	text-align: center;
}
.teamMemberPicture1{
	display: block;
	background-image: url('../img/specs/1_team_dimo.jpg');
	width: 188px;
	height: 188px;
	margin: auto;	
}
.teamMemberPicture2{
	display: block;
	background-image: url('../img/specs/2_team_vera.jpg');
	width: 188px;
	height: 188px;
	margin: auto;	
}
.teamMemberPicture3{
	display: block;
	background-image: url('../img/specs/3_team_stan.jpg');
	width: 188px;
	height: 188px;
	margin: auto;	
}
.teamMemberName{
	display:block;
	width:100%;
	height:30px;
	max-width:300px;
	margin: auto;
	margin-top:20px;
	color:rgb(83,83,83);
	font-family: 'Ubuntu-Bold';
}
.teamMemberRole{
	display:block;
	width:100%;
	height:30px;
	max-width:300px;
	margin: auto;
	font-family: 'Ubuntu-Medium';
	color:rgb(106,106,106);
	font-size: 0.875em;
}
/*THE TEAM END*/

/*THE NEWS BEGIN*/
.newsMainContainer{
	position : relative;
	display  : block;	
	/*max-width : 1400px;*/
	width     : 100%;
	/*max-width : 1170px;/*100%;/*1400px;*/
	margin    : auto;
	/*margin-top: 20px;*/
	/*max-height: 360px;*/
	/*padding: 5px;*/	
	background: rgb(239,237,238);
}
.newsContent{
  	position : relative;
   	margin   : 0px auto;
   	/*padding  : 10px;*/
   	max-width : 1170px;
   	/*min-height	 : 363px;*/
   	overflow : hidden;
   	/*background: rgb(239,237,238);*/
	text-align:center;
}
#newsContainer {
  	position : relative;
   	margin   : 0px auto;
   	/*padding  : 10px;*/
   	max-width : 1170px;
   	/*min-height	 : 363px;*/
   	overflow : hidden;
   	background: rgb(239,237,238);      	      	      	
} 
#newsContainer .novinicontent {
 	width            : 625px;
   	height           : 360px;
   	padding-left	 : 10px;
}
.newsMember{
	position:relative;
	top:0px;
	left:0px;		
	width: 100%;
	max-width : 1300px;	
	height: auto;/*70px;*/
	overflow:hidden;		
	-webkit-transition-property: all;/*width, height; /* Safari */
    -webkit-transition-duration: 0.5s; /* Safari */
    transition-property: all;/*width, height;*/
    transition-duration: 0.5s;
    margin-bottom: 2px;    
    margin    : auto;
    /*white-space: nowrap;
    text-overflow: ellipsis;*/
}
/*
.newsMember_open {
	max-width : 1300px;
	margin    : auto;	
	-webkit-transition-property:  all;
   	-webkit-transition-duration: 0.5s;
   	transition-property:  all;
   	transition-duration: 0.5s;		
	height: 100%;
	overflow:hidden;			
	white-space: normal;
    text-overflow: inherit;
}*/
.newsMemberDate{
	margin-top:10px;
	padding-left:15px;
	text-transform: uppercase;	
	margin-bottom:5px;
	font-family: 'Ubuntu-Regular';
}
/*
.newsMemberText	{
	display:block;
	width:100%;
	text-align:left;
	height: -webkit-calc(100% - 50px);
  	height: -moz-calc(100% - 50px);
   	height: calc(100% - 50px);
	font-family: 'Ubuntu-Bold';
	padding-left: 15px;
	overflow: hidden;
	white-space: inherit;
    text-overflow: inherit;
    cursor: pointer; 
}
*/
.newsMemberText	{
	display:block;
	width:100%;
	text-align:left;
	max-height:20px;
	font-family: 'Ubuntu-Bold';
	padding-left: 15px;
	overflow: hidden;
	/*white-space: inherit;
    text-overflow: inherit;*/
    cursor: pointer; 
    -webkit-transition-property:  all;
   	-webkit-transition-duration: 0.5s;
   	transition-property:  all;
   	transition-duration: 0.5s;
   	/*white-space: nowrap;
    text-overflow: ellipsis;*/
}
.newsMemberText_open {
	max-width : 1300px;
	padding-left:15px;
	margin    : auto;	
	-webkit-transition-property:  all;
   	-webkit-transition-duration: 0.5s;
   	transition-property:  all;
   	transition-duration: 0.5s;		
	max-height: 100px;
	overflow:hidden;			
	/*white-space: normal;
    text-overflow: inherit;*/
}

.clientsMainContainer{
	position : relative;
	display  : block;	
	width     : 100%;
	margin    : auto;
}

/*NEWS END*/


/*FOOTER BEGIN*/
.footer{
	/*top:20px;*/
	margin-left:auto;
	margin-right:auto;
	position: relative;
	/*max-width:1300px;*/
	width: 100%;
	min-height: 350px;
	/*height:100%;*/
	background: rgb(20,20,20);	 
}
.miniContent{
	/*
	text-align: center;	
	width:100%;		
	min-height:290px;	
	height:100%;
	*/
	position:relative;
	/*display: block;*/
    text-align: center;
    /*max-width: 1400px;*/
    width:100%;
    margin: auto;
    /*top:10px;*/
    background:rgb(36,36,36);    
}
.miniFooterMember{	
	/*
	display: inline-block;
	width:100%;
	max-width:250px;
	min-height: 300px;
	height:100%;
	background: blue;
	margin-top:10px;
	*/
	/*border-right: 1px solid gray;*/
	display: inline-block;
    height: 290px;    
    max-width: 280px;
    min-width:210px;
    /*background: green;*/ 
    /*margin: 15px;*/
    text-align: left;
    vertical-align:top;
    padding-top: 30px;
    color: gray;
    padding-left:5px;
    padding-right:5px;
    font-size:0.875em;
}
.miniFooterMemberRights{
	display: inline-block;    
    max-width: 450px;    
    text-align: center;    
    color: gray;
    padding-left:5px;
    padding-right:5px;
}
.miniFooterMemberRights a{
	color:gray;
	text-decoration:none;
}
.miniFooterMemberRights a:hover{
	color:white;
}
.miniRights{	
	position: relative;
	background: rgb(20,20,20);
	width: 100%;
	height: auto;
	min-height:100px;
	bottom: 0;
	text-align: center;
	line-height: 100px;		
}

.miniRights span{	
	vertical-align:middle;
	color: gray;
}

.footMemberHeader{
	color: white;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.footMemberLogo{
	margin-top: 20px;
	/*margin-bottom: 20px;*/
	color: white;
	text-transform: uppercase;	
}

.footMenu{
	margin-top:15px;
	padding:0;
	list-style-type: none;	
}
ul.footMenu li a{
	font-family: Ubuntu-Regular;	
	text-decoration: none;
	color: gray;	
}
ul.footMenu li a:hover{
	color:white;
}
.footMenuCategories{
	margin-top:15px;
	padding:0;
	list-style-type: none;	
}
.footMenuCategories li{
	text-align: left;	
}
.footMenuCategories li a{
	text-decoration: none;
	color: gray;	
	font-family: Ubuntu-Regular;
}
.footMenuCategories li span{
	color: gray !important;	
	font-family: Ubuntu-Regular;
	text-transform: capitalize;
}
.footMenuCategories li span:hover{
	color:white !important;
}
.footMenuCategories li a:hover{
	color:white !important;
}


.footRecentProject{
	border: 1px solid #191919;
	border-right:none;
	border-left:none;
	width: 100%;
	height:95px;
	/*background-color: red;*/ 
	text-align: center;
	position: relative;
	padding: 5px;
	padding-top:12px;
	margin-top:-1px;
}

.recentPrjContainerImg{	
	float:left;	
	max-width: 35%;
	max-height:80px;
	overflow: hidden;
}

.recentPrjContainerImgSrc{
	position : relative;		
	top      : 0%;
	width    : 100%;	
	height   : auto;
	/*max-height: 75%;*/
	overflow: hidden;
		
}
.recentPrjContainerP{	
	float:left;
	width: 65%;	
	text-align:left;	
}
.recentPrjContainerP P{
	text-indent: 15px;
	color:gray;	
}
/*FOOTER END*/


/*PROJECT BEGIN*/
/* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*border: 1px solid #ccc;*/
    /*background-color: #f1f1f1;*/
    text-align:center;
}

/* Float the list items side by side */

/* Style the links inside the list items */
ul.tab li  {	
    display: inline-block;
    /*float:left;*/
    color: black;
    text-align: center;
    padding: 11px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 1em;/*16px;*/
    text-transform: uppercase;
    font-family: 'Ubuntu';    
    /*background: #c1272c;*/
    color:white;
    width:140px;
    height:44;
}
#project{
	position:relative;
	background: #c1272c;
}
#history {
	position:relative;
    display: inline-block;
    color: black;
    text-align: center;
    padding: 11px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 1em;/*16px;*/
    text-transform: uppercase;
    font-family: 'Ubuntu';
    background: #b1b1b1;    
    color:white;
    margin-left:-4px;
    width:140px;
    height:44;
}
/* Change background color of links on hover */
ul.tab li hover {background-color: #ddd;}

/* Create an active/current tablink class */
/*ul.tab li focus, .active {background-color: #ccc;}*/

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
	border-left: none;
	border-right: none;
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
/*PROJECT END*/

.hidden{
	display: none;
}	    	
.hidden1{
	display: inline-block;
	width: 0% !important;
	height: 0% !important; 
}	

.roundedInput {	
	width: 100%;
	min-height:40px;
	border-radius:5px;
	/*border-bottom-left-radius:5px;*/
	margin-bottom: 3px;
	/*background-color: black;
	border-color: black;*/
}

.roundedSubmit{
	width: 100px;
	min-height:30px;
	border-radius:5px;
	float:right;
	/*border-bottom-left-radius:5px;*/
	border:none;
	margin-bottom: 3px;
	background-color: red;
	color:white;
}




.projectVisible{
	padding: 10px;
	background-color: green;	
	border: 3px solid black;
	border-bottom:15px solid black;
}

.projectHidden{
	padding: 10px;
	background-color: red;
	border: 3px solid black;
}

.myCategoryNavigator {
	display:none;/*not needed now*/
	position:fixed;	
	top:50%;
	left:-40px;	
	width:50px;
	background:#c0c0c0;
	text-align:center;
	z-index: 2;	
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-transition: left .5s;
	transition: left .5s;
	-moz-transition: left .5s;
	-o-transition: left .5s;
}

.myCategoryNavigator:hover {
	transition: left .5s;
	-webkit-transition: left .5s;	
	-moz-transition: left .5s;
	-o-transition: left .5s;	
	left:0px;
}

.myCategoryNavigator a {
	position:relative;
	display:block;
	height:48px;
	width:48px;
}

.myCategoryNavigator a:hover {
	-webkit-filter    : grayscale(80%);
  	-webkit-transition: .3s ease-in-out;  	
  	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  	-o-filter         : grayscale(70%); 
  	-o-transition     : .3s ease-in-out;
	/*overflow          : hidden;*//*	
  -webkit-filter: grayscale(70%);
  -moz-filter: grayscale(70%);
  -ms-filter: grayscale(70%);
  -o-filter: grayscale(70%);
  /*filter: grayscale(70%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  /*filter: gray; /* IE 6-9 */
}
.buttonGiveMeMoreInvis {
	opacity:0;
}
	
.buttonGiveMeMore {
	opacity:1;
	width:100%;
	padding: 1em;
	/*height:50px;*/
	text-align: center;
    background: rgba(212, 212, 212, 0.9);
    /*background: rgba(129, 204, 207, 0.9);*/
    color: #a1a1a1;
    cursor: pointer;
    z-index:1;
}

.visible { display:block; }

.hiddenCookie { 
	background:rgb(42,42,42);
	position:fixed;
	/*top:100%;*/	
	min-height:85px;		
	width:100%;
	color:white;
	bottom:0;
	display:none;	
	text-align:center;	
	z-index:10;	
	border-top-left-radius:5px;		
	border-top-right-radius:5px;
	transition: top 1s linear;
	-webkit-transition: top 1s linear;
	-moz-transition: top 1s linear;
	-o-transition: top 1s linear;
}
.hiddenCookie > p {
	/*margin-top:24px;*/
	display:table-cell;
	vertical-align:middle;
}
/*
.showCookies {
	top: calc(100% - 35px);
	z-index:2000;
}*/
#moreOfCookies {
	cursor: pointer;
	color:rgb(255,165,0);
}
#removecookie{
	/*cursor: pointer;*/
	color:rgb(42,42,42);
	background-color:rgb(255,192,0);
	border:1px solid black;
	border-radius:10px;	
	height:37px;
	width:140px;
}
.center {
	margin:auto;
}
.tablinks {
	cursor: pointer;
	background: blue;
}
#tablinksArrowLeft{
	padding: 0;  
    margin-left: -12px;
}
#tablinksArrowRight{
	padding: 0;  
    margin-left: -4px;
}
#portfolio:hover .sub-menu {
	display:block;
}

/*----------------------------------*/
 
/*
.myTestTestNav nav{
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 50%;
  right: 0;
}*/
/*
.myTestTestNav ul.myTestMenu {
  max-width:1140px; 
  height: auto;
  line-height: 40px;  
  text-align: center;
  margin: auto;
  padding: auto;
  background-color: white;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  list-style:none;
  z-index:1000;  
  -webkit-padding-start: 0px;
  font-size: 14pt;
}
*/
/*
.myTestTestNav ul.myTestMenu li {  
  display:table-cell;
  width: auto;  
}
*/
/*
.myTestTestNav ul.myTestMenu li a {
  display: block;
  width: auto;
  text-decoration: none;
}
*/
.myTestMenu{
	
}

.myTestMenu li{
	
}


.myTestTestNav ul.myTestMenu li:hover {
	
  /*background-color: black;*/
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  transition-duration: 0.33s;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.myTestTestNav ul.myTestMenu li:hover .sub-menu-visible/*ul*/ {
  /*max-width: 950px;*/
  /*background: black;*/
  visibility: visible !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1 !important;
  /*margin-top:30px;*/
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  transition-duration: 0.33s;
  /*
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;*/
  list-style:none;
  height:auto;
  z-index:10;
}

.myTestTestNav ul.sub-menu {
  padding-left:0;
  /*background: rgb(34, 34, 34);*/
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  display: block;
  position: absolute;
  left: 0;
  /*height: 40px;*/
  line-height: 75px;  
  -webkit-padding-start: 0px;
  width: 100%;
  /*display:table;*/
  table-layout:auto;
  z-index:1;
  margin-top:-2px;
}
.myTestTestNav ul.sub-menu li{
	background: rgb(34, 34, 34);
	display:inline-block;
	border-radius:0 !important;
	/*margin-right:15px;*/
	font-size:0.73em;/*11pt;*/
	position:relative;
	text-align: center;	
	/*display:table-cell;*/
}
.myTestTestNav ul.sub-menu li span {
	color: gray !important;
}
.myTestTestNav ul.sub-menu li:hover span{
	color: white !important;
}
.myTestTestNav ul.sub-menu li a {
	line-height: inherit;
	text-decoration: none;
}
.myTestTestNav ul.sub-menu li:last-of-type{
	margin-right:0px;
	/*display:table-cell;*/
}
.myTestTestNav ul.sub-menu li span{
	padding-left: 10px;
	padding-right: 10px;		
}
.myTestTestNav ul.sub-menu li:hover p.liBackground,
.myTestTestNav ul.sub-menu li:hover .triangle-up
{ 
	opacity:1;
}
.myTestTestNav ul.myTestMenu > li:hover > .triangle-upMain
{ 
	opacity:1;	
	-moz-transition-duration: 0.33s;
  	-o-transition-duration: 0.33s;
  	-webkit-transition-duration: 0.33s;
  	transition-duration: 0.33s;
}
.centeredMenuDiv {
	width:100%;
	position:relative;
	display:inline-block;
}
.liBackground{
/*	background:green;*/
	height:5px;
	/*opacity:0;*/
	position: absolute;
    margin-top: -5px;
    width: 100%;
}

.triangle-up {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;	
	margin:auto;
	opacity:0;
	margin-left: calc(50% - 5px);
    margin-top: -10px;
    position: absolute;
}
.triangle-upMain {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid rgb(34, 34, 34);	
	margin:auto;
	opacity:0;
	/*margin-bottom: -1px;*/
	/*margin-left: calc(50% - 5px);
    margin-top: -10px;
    position: absolute;*/
}

.blogThumb{
	position:relative;
	max-width: 550px;
    /*margin: auto;*/
    background: rgb(239,237,238);
    /*max-height:200px;*/
    height:100%;
    border-radius:5px;
    padding: 5px;    
    /*width: 100%;*/
	width:50%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
 /*   display:inline-block;*/ 	
}
.blogThumbImage {	
	max-width:143px;
	max-height:173px;
	display:inline-block;
	overflow: hidden;
	width:100%;
	height:173px;
}
.blogThumbImage img{
	width: 100%;
	height: auto;
}

.blogThumbContainer {
	/*position:absolute;*/
	display:inline-block;
	width:auto;	
	/*background: green;*/
	height: 100%;
	padding: 5px;
	padding-left:15px;
	max-width: 340px;
	vertical-align: top;
}
.blogThumbTitle{	
	width: 100%;
	text-align: left;
	height:40px;
	/*max-height:40px;*/
	height:100%;
	/*background: red;*/	
	color:rgb(106,106,106);
	font-family:'Ubuntu-Bold';
	margin-bottom:10px;
}
.blogThumbContent{	
	width: 100%;
	text-align: justify;
	vertical-align:center;
	/*padding-top:30px;*/	
	/*background: blue;*/
	/*max-height:80px;*/
	min-height:85px;
	height:auto;
	/*line-height: 70px;*/	
	color:rgb(107,107,107);
	font-family:'Ubuntu-Regular';
	font-size: 0.9em;
}
.blogThumbContentCentered{
	display: inline-block;
  	vertical-align: middle;
  	line-height: normal;   
}
.blogThumbDate{
	/*position:absolute;*/
	bottom: 5px;	
	text-align: left;
	/*background: red;*/
	color:rgb(152,152,152);
	/*padding-bottom: 20px;*/
}

/*Services begin*/
.servicesMainContainer{
	position : relative;
	/*display  : block;*/
	width     : 100%;	
	max-width : 1170px;/*100%;/*1400px;*/
	margin    : auto;
	display: flex;
    flex-wrap: wrap;
}
#servicesContainer {
  	position : relative;
   	/*margin   : 0px auto;*/   	   	
   	max-width : 800px;/*1170px;*/   	
   	overflow : hidden;   	      	      	      	
}
#servicesAsideContainer{
	margin-left:10px;
	max-width: 350px;
	width:100%;
	/*background: red;*/	
	/*height: 500px;*/
	
}
.servicesParent{
	
} 
.servicesThumb{
	position:relative;
	/*max-width: 550px;*/
    /*margin: auto;*/
    /*background: rgb(239,237,238);*/
    min-height:130px;
    height:100%;
    border-radius:5px;
    padding: 5px;    
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
 /*   display:inline-block;*/ 	
}
.servicesThumbImage {	
	max-width:150px;
	/*max-height:150px;*/
	display:inline-block;
	/*float:left;*/
	overflow: hidden;
	/*width:100%;*/
	/*min-height:150px;*/
}
.servicesThumbImage img{
	width: 100%;
	height: auto;
}

.servicesThumbContainer {
	width:100%;	
	/*background: green;*/
	height: 100%;
	padding: 5px;
	vertical-align: top;
	display: inline-block;
	max-width: 650px;/*1000px;*/	
}
.servicesThumbTitle{	
	width: 100%;
	text-align: left;
	height:40px;
	/*max-height:40px;*/
	height:100%;
	/*background: red;*/	
	color:rgb(106,106,106);
	font-family:'Ubuntu-Bold';
	margin-bottom:10px;
	text-transform: uppercase;
}
.servicesThumbContent{	
	width: 100%;
	text-align: justify;
	vertical-align:center;
	/*padding-top:30px;*/	
	/*background: blue;*/
	/*max-height:80px;*/
	min-height:85px;
	height:auto;
	/*line-height: 70px;*/	
	color:rgb(107,107,107);
	font-family:'Ubuntu-Regular';
	font-size: 0.9em;
}
.servicesThumbContentCentered{
	display: inline-block;
  	vertical-align: middle;
  	line-height: normal;   
}

#servicesAsideContainer .moreProjects{
	/*border-bottom: 1px solid rgb(217,217,217);*/
	margin-top: 20px;
	padding-bottom: 5px;
	text-transform: uppercase;
}
#servicesAsideContainer .footMemberHeader{
	color:gray;
}
#servicesAsideContainer .miniFooterMember{
	padding-left:0;
	border-top: 1px solid rgb(217,217,217);
	border-bottom: 1px solid rgb(217,217,217);
	max-width: 350px;
}
#servicesAsideContainer .footRecentProject{
	border:0;	
	padding-left: 20px;
	padding-right: 20px;
}

.asideBlog{
	list-style: none;
	border-bottom: 1px solid rgb(217,217,217);
	padding-left: 0;
}

.asideBlog .dd-authorDate{
	font-size: .875em;
}

.asideBlog a{
	color:rgb(106,106,106);
	font-family:Ubuntu-Bold;	
}

.asideMoreBlog{
	list-style: none;
	border-top: 1px solid rgb(217,217,217);
	padding-top: 10px;
	border-bottom: 1px solid rgb(217,217,217);
	padding-left: 0;
}



#fixedRequestButton {
	border-radius:0px 0px 0 0;
    position: fixed;
	/*max-width:280px;*/
	min-width:260px;
	height:80px;
	background:#BE0002 !important;
    bottom: 0px;
    right: 0px; 
    z-index: 10;
    color:white;
    font-size:1.5em;/*18pt;*/
    padding-left: 20px;
    padding-right: 20px;
}

#fixedRequestButton:focus {
  outline: none;
}
.centerRButtonContent{
	margin:auto;
	padding-top:16px;
	padding-bottom:16px;
	max-width:280px;
    text-align: center;
	font-family:Ubuntu;
	font-size:1.3em;/*15pt;*/	
	color:white;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  background: lightgray;
}
.modal-content{
	background: lightgray;
}

.bottomFasha {	
	width:100%;
    text-align: center;        
    margin: auto;    
    background:rgb(36,36,36);
	min-height:145px;
}
.fashaCenter {	
	max-width:1200px;
	width:100%;
    text-align: center;        
    margin: auto;    
    /*background:rgb(36,36,36);*/
	min-height:145px;
}
.bottomFashaMember {		
	position:relative;
	float:left;
	display: inline-block;
    min-height: 145px;    
    max-width: 280px;
    min-width:200px;    
    text-align: left;
    vertical-align:top;
    /*padding-top: 20px;*/
    color: gray;
    padding-left:5px;
    padding-right:5px;
}
.bottomFashaMemberContainer {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 145px;
	
}
.bottomFashaMemberContainer p{
	margin:0;
}
.bottomFashaMemberContainer a{
	color: white;
	text-decoration: none;
}
.bottomFashaMemberLogo {	
	display: inline-block;
	float:right;
	/*margin-right:15%;*/
    min-height: 145px;    
    max-width: 280px;
    min-width:200px;    
    text-align: left;
    vertical-align:top;    
    /*background-color: rgb(255,192,0);*/
    padding-left:5px;
    padding-right:5px;
}
.bottomFashaIconLink{
	display: block;
    height: 48px;
    width: 190px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	/*background-size:48px 48px !important;*/
	
}
.bottomFashaIconLinkP {		
	text-align:center;
}
.projectCategoryMenu {
  /*position: absolute;
  right:0;*/
  float:right;
  padding-left:0;
  background: white; /*rgb(34, 34, 34);*/
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  display: block;
  /*position: absolute;*/
  /*left: 0;*/
  /*height: 40px;*/
  line-height: 30px;  
  -webkit-padding-start: 0px;    
  z-index:10;
  display:inline-block;
}
.projectCategoryMenu li{
	display:inline-block;
	/*margin-right:15px;*/
	font-size:1em;/*12pt;*/
	position:relative;
	text-align: center;	
	/*display:table-cell;*/
	padding-right:0.75em;/*10px;*/
}
ul.projectCategoryMenu li span {
	font-size: 0.9em;
	color: rgb(111,109,110) !important;
}
ul.projectCategoryMenu li:hover span{
	color:black !important;
}
ul.projectCategoryMenu li a {
	line-height: inherit;
	text-decoration: none;
}

.sectionProjectCatMenuContainer{	
	position  : relative;
	margin    : auto;
	background:  transparent;/* rgb(234,234,234);*/
	min-width : 300px;
	max-width : 1170px;/*1300px;*/
	width     : 100%;
}
.sectionProjectCatMenu {	
	position  : relative;
	margin    : auto;
	background:  transparent;/* rgb(234,234,234);*/
	min-width : 300px;
	max-width : 1170px;/*1300px;*/
	width     : 100%;	
	/*border    : 5px solid black;*/
	/*height    : 300px;*/
	/*text-align: center;*/
	padding-bottom:5px;
	padding-top:60px;
	border-bottom: 1px solid lightgray;
	display: inline-block;
}
@media screen and (max-width:767px) {
	.sectionProjectCatMenu{
		padding-left: 15px;
		/*padding-right: 15px;*/
	}
	.projectCategoryMenu li{
		padding-right:0.3em;/*10px;*/
	}
	.projectCategoryMenu li:after {
		content: "|";
	}
	.projectCategoryMenu li:last-of-type:after {
		content: "";
	}
	.sectionProjectCatMenu p {
		text-decoration: underline;
	}
	ul.projectCategoryMenu li span {		
		color: inherit;
	}
}
.sectionProjectCatMenu p {
	padding-right:15px;
	text-transform: uppercase;
	font-size: 1.2em;
	margin-bottom:0;
	font-family: 'Ubuntu-Regular';
	color: rgb(111,109,110);
	float:left;
	display:inline-block;	
}
.sectionProjectCatMenu div {		
	margin:auto;
}

@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(https://raw.github.com/FortAwesome/Font-Awesome/master/docs/assets/css/font-awesome.min.css);
/*
body {
	background: #DDD;
	font-size: 15px;
}*/
#wrapSearch {
/*  margin: 50px 100px;*/
  min-width:50px;
  display: inline-block;
  position: relative;
  height: 60px;
  float: right;
  padding: 0;
  position: relative;
  /*background:lightblue;*/  
}

.wrapSearch-invisible{
	display: none !important;
}
/*input[type="text"]*/
#searchedText {
  height: 66px;
  font-size: 0.8em;/*10pt;*/
  display: inline-block;
  font-family: "Lato";
  font-weight: 100;
  border: none;
  outline: none;
  color: black;
  text-decoration:none;
  padding-right: 5px;
  /*padding-right: 30px;*/
  width: 44px;
  position: absolute;
  top: 0px;
  right: 0;
  background: none;
  z-index: 2;
  opacity:0;
  /*transition: opacity .4s ease;*/
  transition: width .4s ease;/* cubic-bezier(0.000, 0.795, 0.000, 1.000);*/
  cursor: pointer;	
}

/*input[type="text"]*/
#searchedText:focus:hover {
  border-bottom: 1px solid #BBB;
}
#searchedText:focus {
  width: 250px;
  top:12px;  
  height: 44px;
  z-index: 1;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #BBB;
  border-right: 1px solid #BBB;
  border-left: 1px solid #BBB;
  cursor: text;
  background:white;
  /*border: 1px solid gray;*/	
  border-radius:25px;
  opacity:1;
  padding-left: 25px;
}

#searchedText:focus + #search_submit {
	display:block;	
}
#search_show{
  height: 66px;
  width: 44px;
  display: inline-block;
  color:red;
  float: right;
  background: url('../img/specs/search_btn.png') center no-repeat;  
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;  
  outline:0;
  /*opacity: 0.4;*/
  cursor: pointer;
  /*transition: opacity .4s ease;*/
}

#wrapSearchMobile {
	margin-right: 5px;
    min-width: 50px; 
    position: relative;    
    float: right;
    display:none;
}
.wrapSearchMobile-visible {	
	margin-right: 5px;
    min-width: 50px;    
    position: relative;    
    float: right;
    display: inline-block !important;
}
#searchedTextMobile {
  height: 66px;
  font-size: 0.8em;/*10pt;*/
  display: inline-block;
  font-family: "Lato";
  font-weight: 100;
  border: none;
  outline: none;
  color: black;
  text-decoration:none;
  padding-right: 5px;
  padding-left: 25px;
  width: 44px;
  position: absolute;
  top: 0px;
  right: 0;
  background: none;
  z-index: 2;
  opacity:0;
  /*transition: opacity .4s ease;*/
  transition: width .4s ease;/* cubic-bezier(0.000, 0.795, 0.000, 1.000);*/
  cursor: pointer;
  border-radius:5px;
}

#searchedTextMobile:focus {
  width: 220px;
  top:3px;
  /*top:51px;*/
  height: 44px;
  z-index: 1;
  border-bottom: 1px solid #BBB;
  border-right: 1px solid #BBB;
  cursor: text;
  background:white;  
  opacity:1;
  border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  border-right:0;
  color: black;
}

#search_showMobile{
 	height: 50px;
    width: 44px;
    display: inline-block;
    color: red;
    float: right;
    background-color: #BE0002;
    background-image: url('../img/specs/search_icon.png');
    background-repeat: no-repeat;
    background-position:center;
    text-indent: -10000px;
    border: 1px solid #BE0002;
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    outline: 0;       
}
#refreshCode {
	cursor: pointer;
}


.triangle-left {
	position:absolute;
	top:37%;
	right:0px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 10px solid #b1b1b1;
	border-bottom: 6px solid transparent;	
}
.triangle-right {
	position:absolute;
	top:37%;
	left:-1px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	/*border-left: 10px solid #c1272c;*/
	border-left: 10px solid #b1b1b1;
	border-bottom: 6px solid transparent;			
}

#ajax-loader{
 	position: fixed;
 	background: /*rgba(0,0,0,.5) */url('../ajax-loader.gif') no-repeat;
	background-position:center;
	display:none;
	top:0;
	width: 100%;/*24px;*/
	height: 100%;/*24px;*/	    
    z-index:200;
}
.clientBox{
	width:262px;
	height:262px;
	border: 1px solid rgb(219,219,219);
	background:rgb(240,240,240);
	white-space: nowrap;    
        text-align: center;
	margin:14px;
	display: inline-block;
	vertical-align: middle;
}
.clientBox:before{    
    content: ' ';
    display: inline-block;
    vertical-align: middle; 
    height: 100%;
}
.clientBoxImage{
	vertical-align: middle;
        max-width:264px;
  	max-height: 264px;
}
.orangeMail{
   color:orange;
}
/*
.backgroundClass {
	 background: url('/img/03_corporate/07_hamelekon/elements_widefinal2.jpg');
}
*/
.backgroundClass {	 
	 background: url('../img/02_grimbergen_visual.jpg'); 
	 top: 0;
	 background-attachment: fixed;
	 height: 500px;
	 width: 100%;
	 background-repeat: no-repeat;
	 background-position: center;	 
}