#header-wrapper header #search .search-box input {
    color: white;
}

#contact a , #offices a{
	text-decoration:none;
	color:#FFF;
	line-height: 158%;
}

.madeby img{
	vertical-align:middle;
}

.tabs li{
	cursor:pointer;
}.partners-list li{	line-height:20px;}.partners{	padding-right:0px;}.about-table  a{	cursor:default;}
div.blue {	padding:25% 0px;	color:#00548f;	display:block;}
div.blue:hover {	color:#fff;	background:#00548f;transition: all 500ms linear;	height:100%;}
div.green {	padding:35% 0px;	color:#00548f;	display:block;	color:#2c973e;}
div.green:hover {	color:#fff;	background:#2c973e;transition: all 500ms linear;	height:100%;}
.audio-content li, .tv-content li, .communication-content li{	line-height:20px;}

.hp-bg{
	position:relative; z-index:-1
}

.home-texts{
	position:absolute;top:65%; left:34%;
}

.home-text{
	display:none; color:#FFF; font-size:18px; line-height:30px; font-weight:bold; margin-bottom:10px;
}

.home-text img{
	vertical-align: middle; margin-right:10px;
}

/*-------1550-------*/
@media screen and (max-width: 1550px) {
	.home-texts{
		top:62%;
	}
}

/*-------1280-------*/
@media screen and (max-width: 1280px) {
	.home-texts{
		top:64%;
	}
}
/*-------1024-------*/
@media screen and (max-width: 1024px) {
	.home-text{
		color:#FFF; font-size:14px; line-height:20px; font-weight:bold; margin-bottom:6px;
	}

	.home-text img{
		width:20px; height:20px;  margin-right:5px;
	}
	.home-texts{
		top:64%;
	}
}

.fixed-header{
	position:fixed;
	top:0px;
	height:126px;
	z-index:100;
	border-top: 3px solid #2c973e;
  -webkit-box-shadow: 0 0 0 4px white, 0 6px 20px rgba(0,0,0,0.75);
  -moz-box-shadow: 0 0 0 4px white, 0 6px 20px rgba(0,0,0,0.75);
  box-shadow: 0 0 0 4px white, 0 6px 20px rgba(0,0,0,0.75);
}

.search-box input{
	width:450px!important;
	height: 32px;
}

.search-box input::-webkit-input-placeholder {
color: white !important;
}

.search-box input:-moz-placeholder { /* Firefox 18- */
color: white !important;
}

.search-box input::-moz-placeholder {  /* Firefox 19+ */
color: white !important;
}

.search-box input:-ms-input-placeholder {
color: white !important;
}

#footer-wrapper a:hover{
		color:#00548f;
		text-decoration:none;
}

.newsletter-box{
	padding:22px 0px;
}

#hp-about-wrapper {
  padding: 36px 0px 18px 0px;
}

.telmaco-about {
  font-size: 154%;
}

.contact-address{
		font-size:14px;
}

#contact:hover{
		background-color:#00548f;
}

#offices:hover{
		background-color:#00548f;
}

.activities div.audio-content, .activities div.tv-content, .activities div.communication-content {
  height: 220px;
}
.about-banner{	position:absolute; z-index: 1; top:195px; text-align: center;width: 100%;}
.about-banner h1{font-weight:700; color:#00548f;}
.about-banner div{	width:100%; text-align:center;}
.about-banner p{	width:25%; margin:0px auto; text-align:center;font-size:15px; color:#767676; }
/*-------1520-------*/
@media screen and (max-width: 1520px) {.about-banner p{	width:30%;}}
/*-------1140-------*/@media screen and (max-width: 1140px) {.about-banner p{	font-size:13px;}.about-banner h1{font-size:32px;}}
/*-------980-------*/@media screen and (max-width: 980px) {.about-banner{	top:175px;}.about-banner p{	font-size:12px;}.about-banner h1{font-size:28px;}}
/*-------860-------*/@media screen and (max-width: 860px) {.about-banner{	top:155px;}.about-banner p{	font-size:10px;}.about-banner h1{font-size:22px;}}
/*-------768-------*/@media screen and (max-width: 768px) {.about-banner{	display:none;} .card{ margin-top: 12px;}}



/*-------flip------*/
.green {

    color: #2c973e;
}

.blue {
    color: #00548f;
}

.card {
  position: relative;
  float: left;
  padding-bottom: 20%;
  width: 20%;
  text-align: center;
}

/* card fronts and backs */
.card__front,
.card__back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card__front,
.card__back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.card__front {
}

.card__back {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.backgreen{
	background-color:#2c973e;
	color:#FFF;
}

.backblue{
	background-color:#00548f;
	color:#FFF;
}

/* card text */
.card__text {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 20px;
  line-height: 20px;
}

/* hover effect */
.card.effect__hover:hover .card__front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__hover:hover .card__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

/* click effect */
.card.effect__click.flipped .card__front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__click.flipped .card__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

/* random effect */
.card.effect__random.flipped .card__front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__random.flipped .card__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}


@media screen and (max-width: 768px) {.card{ margin-top: 12px;    padding-bottom: 50%; width:50%;}}

/*PROJECTS*/
.projects-project{
	padding-left:40px;
	border-left:1px solid #767676;
}
.project-project{
	padding-left:40px;
}
.projects-project .see-more{
	float:right;
	width:auto;
	min-width:120px;
}
.projects-title{
	color:#00548f;
	padding-bottom:36px;
	font-weight:bold;
}
.project-title{
	color:#2c973e;
	font-size:24px;
	padding-bottom:36px;
}
.nomargin{
	margin:0px;
}
.projects-img{
	padding-right:40px;
}
.projects-img img,.project-img img{width:100%;}
.project-img{
	padding-right:40px;
	border-right:1px solid #767676;
}
.project-inside ul{
	padding:12px 0px 12px 20px;
}
.project-inside ul li{
	padding:4px 0px;
	list-style: initial;
	list-style-type: initial;
}
.project-inside p{
	padding:12px 0px;
}
.project-inside img{
	width:100%;
}
.projects-text {
	padding-bottom: 28px;
}

.projects-text li {
	list-style-position: inside;
	line-height: 24px;
	margin-bottom:0.5em;
	
}
@media (max-width: 767px){
	#banner-area-wrapper {
			display: block;
	}
	.projects-img,.project-img{
		padding-right:0px;
		border-right:none;
	}
	.projects-img img,.project-img img{
		width:auto;
		padding-bottom:24px;
	}
	.projects-project,.project-project{
		padding-left:0px;
		border-left:none;
	}
	.projects-title{
		padding-bottom:20px;
	}
}

