/* Import */
@import url("/3rdparty/global/css/global-v1.css");

/* 
	font-family:'DIN Next W01 Light';
	font-family:'DIN Next W01 Regular';
	font-family:'DIN Next W01 Bold';
	font-family:'DIN Next W01 Heavy';

	font-family:'PT Serif W01 Regular';
*/

* { font-weight: 400; -webkit-font-smoothing: antialiased;}

html, 
body 				{ font-family:'PT Serif W01 Regular'; font-size: 20px; line-height: 35px; color: #444;}
h1					{ font-family:'DIN Next W01 Light'; font-size: 60px; line-height: 75px; color: #FFF;}
h1 strong 			{ font-family:'DIN Next W01 Bold'; font-weight: normal;}
h2,
h3					{ font-family:'DIN Next W01 Bold'; font-weight: normal; font-size: 40px; line-height: 40px; color: #000; text-transform: uppercase; margin-bottom: 10px;}
h3					{ font-size: 30px; line-height: 30px; margin-bottom: 25px;}		
h4 					{font-family:'DIN Next W01 Bold'; color: #000; text-transform: uppercase;}	
#intro 				{ font-family:'DIN Next W01 Light'; font-size: 25px; line-height: 35px;}
.backgroundcolor	{ background-color: #F1F1F1;}
.ratio-65:before	{ padding-top: 65%;}
p					{ max-width: 850px;}

[class*='ratio-150']:before {
	padding-top: 150%;
}

.slick-dots {
	bottom: -75px;
}

/* - - - H E A D E R - - - */


#header {
	width: 100%; height: 65vh; min-height: 650px; background-image: url(/img/headerimage2.jpg);background-position: center center;	background-repeat: no-repeat; background-size: cover; position: relative;
	overflow: hidden;
}

#header .container {
	position: relative; height: 100%;
}

#header .container h1 {
	position: absolute;
	left: 0px;
	bottom: 100px;
	padding-right: 25px;
}

#menublock {
	float: right;
	position: relative;
	height: 100%;
	background-color: rgba(4, 43, 35, 0.65);
	width: 300px;	
	z-index: 1000;	
	-webkit-transition: -webkit-transform 0.3s; /* Safari */
    transition: -ms-transform 0.3s, -webkit-transform 0.3s, transform 0.3s; 
    -ms-transform: translate(150px); /* IE 9 */
    -webkit-transform: translate(150px); /* Chrome, Safari, Opera */
    transform: translate(150px);
}

#menublock #menu ul {
	padding-left: 51px;
	/*opacity: 0;*/
}

#menublock span {
	font-family:'DIN Next W01 Light';
	padding-left: 20px;
	width: 90px;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	margin-top: 40px;
	margin-left: 30px;
	cursor: pointer;
}

#menublock span:hover {
	background-color: #fff;
	color: rgb(4,43,35);
}

#menublock img {
	position: absolute;
	bottom: 40px;
	left: 30px;
	/*opacity: 0;*/
}

#header.header_static #menublock img {
	display: none;
}

#menu li {
	list-style: none;
}

#menu li a {
	color: #fff;
	text-decoration: none;
	font-family:'DIN Next W01 Light'
}


#menublock #menu ul, #menublock img {
	-webkit-transition: opacity 0.3s; /* Safari */
    transition: opacity 0.3s;	
}


#menublock.open {
	-ms-transform: translate(0%); /* IE 9 */
    -webkit-transform: translate(0%); /* Chrome, Safari, Opera */
    transform: translate(0%);
}

#menublock li a, #menublock img {
	-webkit-transition: -webkit-transform 0s 0.3s, opacity 0.3s;
	transition: transform 0s 0.3s, opacity 0.3s;
	opacity: 0;
}

#menublock.open li a, #menublock.open img {
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

#menublock.fade li a, #menublock.fade img {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}


#menublock a, #menublock img {
	display: block;
	-webkit-transform: translate3d(0,800px,0);
	transform: translate3d(0,800px,0);
	
}

#menublock li:nth-child(2) a {
	-webkit-transform: translate3d(0,1300px,0);
	transform: translate3d(0,1300px,0);
}

#menublock li:nth-child(3) a {
	-webkit-transform: translate3d(0,1700px,0);
	transform: translate3d(0,1700px,0);
}

#menublock li:nth-child(4) a {
	-webkit-transform: translate3d(0,2300px,0);
	transform: translate3d(0,2300px,0);
}

#menublock li:nth-child(5) a {
	-webkit-transform: translate3d(0,2700px,0);
	transform: translate3d(0,2700px,0);
}

#menublock li:nth-child(6) a {
	-webkit-transform: translate3d(0,3300px,0);
	transform: translate3d(0,3300px,0);
}

#menublock li:nth-child(7) a {
	-webkit-transform: translate3d(0,4300px,0);
	transform: translate3d(0,4300px,0);
}

#menublock img {
	-webkit-transform: translate3d(0,5300px,0);
	transform: translate3d(0,5300px,0);
}


#menublock.open li a, #menublock.open img {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}





#logo {
	margin: 0px auto;
	text-align: center;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	padding-top: 40px;
}

#logo img {
	max-width: 150px;
}

/* - - - H O M E P A G E - - - */

.itemblock { padding: 75px 0px; text-align: center;}

#intro {
	padding-bottom: 50px;
}

#intro .column-5-6 {
	padding-top: 25px;
	padding-left: 75px;
}

#intro .column-5-6 p {
	padding: 25px 65px;
	margin: 0px auto;
	margin-bottom: -25px;
	padding-bottom: 0px;
}

#intro .column-5-6 span {
	display: table-cell;
	height: 15px;
	float: left;
}

#intro .column-5-6 span:last-child {
	float: right;
}

#services p {
	max-width: 850px;
	margin: 0px auto;
}

#services .column-1-1 {
	text-align: center;
	margin-bottom: 75px;
}

#services .row .column-1-3 {
	float: none;
	display: inline-block;
}

#services .row .column-1-3 h3 {
	text-align: left;
	padding-left: 15px;
	border-left: 3px solid #005E49;
}

#service .row .column-1-3 .ratioimage {
	margin: 0px auto;
	position: relative;
}


#services .row .column-1-3 .ratioimage span {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	background-color: rgba(0, 95, 74, 0.85);
	display: block;
	background-image: url(/img/administration-icon.png);
	background-size: 60% auto;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	top: 50%;
	margin-top: -50px;
}

#services .row .column-1-3:last-child .ratioimage span {
	background-image: url(/img/recruitment-icon.png);
	background-size: auto 55%;

}	

#imageblock {
	width: 100%;
	height: 400px;
	background-image: url(/img/rome2.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

#team,
#servicedetailblock {
	text-align: left;
}

#servicedetailblock {
	padding-bottom: 150px;
}

#servicedetailblock p {
	text-align: justify;
}

#team h2,
#servicedetailblock h3 {
	margin-left: -25px;
}

#servicedetailblock h4 {
	color: #005E49;
	margin: 15px 0px;
}

#team hr,
#servicedetailblock hr {
	margin-left: 0px;
}

#servicedetailblock.vacancyblock ul {
	list-style-position: outside;
	padding-left: 20px;
}

#servicedetailblock.vacancyblock p {
	padding-bottom: 15px;
}

.teammembers {
	padding-top: 75px;
	/*margin-left: -550px !important;*/
	position: relative;
	/*left: 50%;
	overflow: hidden;*/
    box-sizing: border-box;   
}

.teammembers {
	margin: 0 auto;
}

#teamslider {
	width: 33.33333%;
	overflow: visible;
}

#teamslider .slick-list {
	overflow: visible;
}

#teamslider .slick-dots {
	width: 300%;
}

.mobile-teamrow {
	display: none;
}


#teamslider .slick-dots li:last-child {
	display: none;
}

#teamslider .column-1-1:last-child .membercontent {
	background-color: rgba(2, 40, 30, 0.65);
}

#teamslider .column-1-1:last-child .membercontent h3,
#teamslider .column-1-1:last-child .membercontent a {
	color: #fff;
}


.slick-slider :focus {
	outline: none;
}

.slick-dots li {
	margin: 0 8px; 	
}

.slick-dots li button:before
{
    font-size: 24px;
}

.slick-dots li button:hover:before {
    opacity: 1;
    color: #aaa;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #005E49;
}

.membercontent {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.55);
	padding: 20px;
	padding-bottom: 10px;
	position: absolute;
	bottom: 0px;
	line-height: 30px;
}

.membercontent h3 {
	text-transform: none;
	font-family:'DIN Next W01 Light';
	font-weight: normal;
	margin-bottom: 15px;
}


.membercontent span {
	color: #000;
	font-family:'DIN Next W01 Light';
	line-height: 28px;
	font-size: 19px;
}

.teammembers h3.branchtitle {	
	padding-left: 25px;
	border-left: 3px solid #005E49;
	padding-bottom: 0px;
	width: 200%;
	font-size: 28px;
	line-height: 28px;
}

.teammembers .firstmember h3.branchtitle {
	opacity: 1;
}

.membercontent h3 strong, .membercontent h4 strong {
	font-family:'DIN Next W01 Bold';
	font-weight: normal;
}

.membercontent a {
	color: #000;
	text-decoration: none;
}

/*.membercontent > a {
	border: 1px solid #000;
	border-radius: 3px;
	text-align: center;
	font-family:'DIN Next W01 Light';
	color: #000;
	width: 100%;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	display: inline-block;	
}
*/
#testimonials p {
	margin: 0px auto;
}

.testimonialitem {
	text-align: left;
	
}

.testimonialitem h3 {
	margin-left: -35px;
	margin-bottom: 5px;
}

.testimonialitem hr {
	margin-left: 0px;
	margin-bottom: 15px;
}

.testimonialitem p {
	max-width: none;
	text-align: left;
	-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
    -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;
}

#teamtabs,
#testimonialtabs {
	margin: 0px auto;
	margin-top: 75px;
	text-align: center;
}

#teamtabs .tabitem,
#testimonialtabs .tabitem {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: #CCC;
	display: inline-block;
	cursor: pointer;
	margin: 0px 5px;
}

#teamtabs .tabitem:hover,
#testimonialtabs .tabitem:hover {
	background-color: #aaa;
}

#teamtabs .tabitem.active,
#testimonialtabs .tabitem.active {
	background-color: #005E49;
}

#teamtabs .tabitem.active:hover,
#testimonialtabs .tabitem.active:hover {
	background-color: #005E49;
}

hr { padding: 0px; margin: 0px auto; display: block; border: 0px; width: 130px; height: 3px; background-color: #005E49; margin-bottom: 35px; }


#googlemapsblock,
#googlemapsblock .container {
	position: relative;
}

#googlemaps {
	width: 100%; 
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: -1;
}

#googlemaps,
#googlemapsblock {
	height: 65vh;
	max-height: 850px;
}

#contact {
	max-width: 450px;
	width: 100%;
	color: #fff;
	position: absolute;
	right: 0px;
	padding: 35px 65px;
	margin-top: 50px;
	text-align: left;
	background-color: rgba(0, 20, 10, 0.85);
}

#contact h2 {
	margin-left: -25px;
	color: #fff;
}

#contact h4 {
	color: #fff;
}

#contact hr {
	margin-left: 0px;
}

#contact table {
	margin-top: 25px;
}

#contact table tr td img {
	height: auto;
	width: 25px;
	display: block;
}

#contact table tr td:first-child {
	width: 50px;
}

#contact table tr td {
	vertical-align: middle;
	padding-bottom: 5px;
}

#contact table tr:last-child td {
	padding-bottom: 0px;
}

#contact table tr td a {
	color: #fff;
	text-decoration: none;
}

#contact table tr td a:hover {
	text-decoration: underline;
}

#footer {
	line-height: 74px;
	height: 76px;
	background-color: #005E49;
	color: rgba(255,255,255,0.5);
}

#footer span {
	font-family:'DIN Next W01 Bold';
	color: #fff;
	text-transform: uppercase;
}

#footer #footerlinks {
	float: right;
}

#footer #footerlinks a {
	color: rgba(255,255,255,0.5);
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #fff;
	text-decoration: none;
}

#footer #footerlinks a:last-child {
	margin-right: 0px;
	padding-right: 0px;
	border: 0px;
}

/* - - - S E R V I C E S - - - */

#header.header_static {
	height: 400px;
	min-height: 400px !important;
}

.googlemaps_static,
.googlemaps_static #googlemaps {
	height: 300px !important;
}

#vacancies {
	background-color: #f1f1f1;
	color: #005E49;
	font-family: 'DIN Next W01 Light';
}
	
#vacancies table {
	width: 100%;
	text-align: left;
	text-transform: uppercase;
	line-height: 60px;
}

#vacancies table tr td {
	width: 20%;
}

#vacancies table tr td:first-child {
	width: 50%;
}

#vacancies table tr td:nth-child(2) {
	width: 30%;
}

#vacancies table tr td a,
a.linkbtn {
	width: 100%;
	border: 1px solid #005E49;
	border-radius: 3px;
	color: #005E49;
	text-align: center;
	height: 38px;
	line-height: 38px;
	text-transform: none;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

a.linkbtn {
	width: auto;
	padding: 0px 50px;
}

#vacancies table tr td a:hover,
a.linkbtn:hover {	
	background-color: #005E49;
	color: #fff;
}

a.linkbtn.green {
	background-color: #005E49;
	color: #fff;
}

a.linkbtn.green:hover {
	background-color: #fff;
	color: #005E49;
}

#vacancies strong {
	font-family: 'DIN Next W01 Bold';
	font-weight: normal;
}


/* - - - T E A M M E M B E R - D E T A I L P A G E - - - */

#header.header_member {
	height: 85vh;
	background-image: url(/img/cristina_test.jpg);
}
#googlemapsblock.googlemapsblock_member,
#googlemapsblock.googlemapsblock_member #googlemaps {
	max-height: 400px;
}

#header.header_member .container h1 {
	position: static;
	line-height: 55px;
	margin-left: -25px;
}

#header.header_member hr {
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 25px;
}

.header_member .shadow {
	width: 100%;
	height: 100%;
	background-color: red;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1MWMwYyIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzA1MWMwYyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(5,28,12,0.35) 0%, rgba(5,28,12,0) 55%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(5,28,12,0.35)), color-stop(55%,rgba(5,28,12,0)));
	background: -webkit-linear-gradient(left,  rgba(5,28,12,0.35) 0%,rgba(5,28,12,0) 55%);
	background: -o-linear-gradient(left,  rgba(5,28,12,0.35) 0%,rgba(5,28,12,0) 55%);
	background: -ms-linear-gradient(left,  rgba(5,28,12,0.35) 0%,rgba(5,28,12,0) 55%);
	background: linear-gradient(to right,  rgba(5,28,12,0.35) 0%,rgba(5,28,12,0) 55%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59051c0c', endColorstr='#00051c0c',GradientType=1 );
}

.header_member .memberheader {
	position: relative;
	height: 250px;
	
}

.header_member .container {	
	z-index: 3;
}

.memberheader img {
	height: 25px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}

.memberheader {
	font-size: 30px;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -250px;
	line-height: 40px;
	font-family:'DIN Next W01 Light';
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}

.teammember_detail a {
	font-family: 'DIN Next W01 Light';
	padding: 0px 20px;
	border: 1px solid #005E49;
	border-radius: 3px;
	color: #005E49;
	display: inline-block;
	margin-top: 40px;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.teammember_detail a:hover {
	background-color: #005E49;
	color: #fff;
}


.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}


/* - - - S I T E M A P  - - - */

.sitemap-list {
	font-family:'DIN Next W01 Bold'; font-weight: normal; font-size: 30px; line-height: 35px; color: #000; text-transform: uppercase; list-style: none !important; margin: 0px;
	padding: 0px;
}

.sitemap-list li a {	
	color: #000;
	display: inline-block;
	margin-bottom: 15px;
	text-decoration: none;
}

.sitemap-list li ul li {	
	list-style: none
}

.sitemap-list li ul li a {	
	font-size: 30px;
	line-height: 30px;
}

.sitemap-list ul li hr {	
	margin-left: 20px !important;
	margin-top: -10px;
	width: 100px;
}



/* - - - P O P _ U P - - - */

.fancybox-skin {
	padding: 0px;
	border-radius: 0px;
}

#teamdetail h2 {
	font-family:'DIN Next W01 Light'; font-size: 40px; line-height: 40px; color: #000; text-transform: uppercase; margin-bottom: 10px; margin-top: 15px;
}

#teamdetail h2 strong {
	font-family:'DIN Next W01 Bold';
	font-weight: normal;
}

#teamdetail p {
	font-family:'PT Serif W01 Regular'; font-size: 18px; line-height: 35px; color: #444; margin-left: 25px; padding-right: 50px;
}

#teamdetail hr {
	padding: 0px; display: block; border: 0px; width: 130px; height: 3px; background-color: #005E49; margin-bottom: 35px; margin-left: 25px;
}

#teamdetail span,
#teamdetail a {
	font-family:'DIN Next W01 Light'; font-size: 20px; color: #005E49; margin-bottom: 10px; margin-left: 25px;
}