.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.45%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.xmasdesktopvisible{
    display:block;
}
.xmasmobilevisible{
    display:none;
}

#main .box h2{
    font-size:18px;
    line-height:25px;
   /* width: 170px; */
    margin: 25px auto;
}


.ribbon {
    position: absolute;
    left: -5px; top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px; height: 75px;
    text-align: right;
}
.ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#2989d8 0%, #1e5799 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px; left: -21px;
}
.ribbon span::before {
    content: "";
    position: absolute; left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #1e5799;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #1e5799;
}
.ribbon span::after {
    content: "";
    position: absolute; right: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #1e5799;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #1e5799;
}


.mapico{
    background: url(../images/sprite.png) no-repeat -206px -128px;
    display: block;
    position: relative;
    margin-right: -20px;
}

.mapico:hover{
    background: url(../images/sprite.png) no-repeat -228px -128px;
}

.milan{
    background: url(../images/sprite.png) no-repeat -23px -116px;
}

html,body{min-width:320px;}
body {
    margin:0;
    color:#000;
    font:14px/24px Arial, Helvetica, sans-serif;
    background:#fff;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust: none;
}
img {
    border-style:none;
    vertical-align:top;
    width: 100%;
    height: auto;
}
a {
    text-decoration:none;
    color:#000;
}
a:hover {text-decoration:underline;}
a:active {background-color: transparent;}
input,
textarea,
select {
    font:100% Arial, Helvetica, sans-serif;
    vertical-align:middle;
    color:#000;
}
form, fieldset {
    margin:0;
    padding:0;
    border-style:none;
}
header, footer, article, section, hgroup, nav, figure, aside { display: block; }
figure {
    margin:0;
    padding:0;
}
input[type=text], input[type=search], input[type=email], input[type=password], input[type=file], input[type=submit], textarea{
    -webkit-appearance:none;
    -webkit-border-radius:0;
    border-radius:0;
}
.revers{
	display:none;
	width: 100%;
	height:100%;
	overflow:hidden;
}
.flip{
    position:relative;
    height:100%;
}
.project-list .flip{margin:0 0 0 32px;}
.flip .box{
    background:#3e4a4d;
    position:relative;
    display:table-cell;
    color:#fff;
    text-align:center;
    vertical-align:middle;
    height:100%;
    width:100%;
    overflow: hidden;
    display:table;
    }
.flip .box .tablecell{
    display:table-cell;
    vertical-align: middle;
    width:100%;
    height:100%;
    }
/*
.flip .box h2{
    position:absolute;
    top:30px;
    left:5px;
    right:5px;
    color:#fff !important;
    text-align:center;
}
*/
.flip .box h2 a{
    height:100%;
    display:block;
    color: #ff396f;
}
/*
.flip .box h2 a:hover{
	color: #ff396f;
	text-decoration: none;
}*/
.flip .box img{visibility:hidden;}
.flip .box a{color:#fff;}
.flip .box .btn-more{
    display: none;
    position:absolute;
    bottom:20px;
    left:20px;
    right:20px;
    font-size:24px;
    line-height:26px;
    padding:6px 34px 7px;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
}
.skip a{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.skip a:focus{
    position:static;
    width:auto;
    height:auto;
}
#wrapper{
    width:100%;
    overflow:hidden;
}
.w1{
    padding:98px 0 0;
    margin:0 auto;
}
#header{display:none;}
.carousel{
    margin:0 auto 37px;
    position: relative;
}
.carousel .drag{display:none;}
.carousel .pagination{
    display:none;
    position:relative;
    width:100%;
    float:left;
    padding:0;
    margin:-74px 0 0;
}
.carousel .pagination a{background:#a3a7a8;}
.carousel .mask{
    position: relative;
    overflow: hidden;
}
.carousel .mask .slideset{
    width: 99999px;
    float: left;
}
.carousel .mask .slide{
    width: 1280px;
    float: left;
    position:relative;
}
.carousel .mask .slide img{
    width:100%;
    height:auto;
}
.carousel .title{
    background:#fff;
    font-size:36px;
    line-height:60px;
    font-weight:100;
    position:absolute;
    left:26.9%;
    top:10.6%;
}
.carousel .title a{
    display:block;
    padding:0 0 0 13px;
}
.carousel .title a .ico{
    content:'';
    background: url(../images/sprite.png) no-repeat -96px -23px;
    display:inline-block;
    vertical-align:top;
    height:60px;
    width:60px;
    margin:0 0 0 35px;
}
.carousel .title a:hover{text-decoration:none;}
.carousel .title a:hover .ico{background-position:-157px -23px;}
.slideshow .btn-prev,
.slideshow .btn-next,
.carousel .btn-prev,
.carousel .btn-next{
    width:46px;
    height:46px;
    text-indent:-9999px;
    overflow:hidden;
    position:absolute;
    background: url(../images/sprite.png) no-repeat -46px 0;
    right:23px;
    top:50%;
    margin:-20px 0 0;
    z-index:2;
}
.slideshow .btn-prev,
.carousel .btn-prev{
    background-position:0 0;
    left:23px;
}
.slideshow .btn-prev:hover,
.carousel .btn-prev:hover{background-position:0 -47px;}
.slideshow .btn-next:hover,
.carousel .btn-next:hover{background-position:-46px -47px;}
#main{
    max-width:1216px;
    padding:0 32px 14px;
    margin:0 auto;
}
#main:after{
    content:"";
    display:block;
    clear:both;
}
.project-list{
    list-style:none;
    margin:0 0 0 -32px;
    padding:0;
    overflow:hidden;
}

.favoritesHolder {
    margin-top: 20px;
}

#content #relpro.project-list li,
.project-list li{
    float:left;
    width:25%;
    position:relative;
    padding:0 0 32px;
}
.project-list a{
    display:block;
    overflow:hidden;
}
.project-list img{
    width:100%;
    height:auto;
}
.project-list li .favorites{
    position:absolute;
    right:9px;
    top:11px;
    z-index:10;
}

/*.project-list li .favorites a{background-position:-23px -116px;}*/
.more-projects {
    background: url(../images/sprite.png) no-repeat -219px -23px;
    display: inline-block;
    vertical-align: top;
    width: 46px;
    height: 46px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 auto;
    visibility: visible;
    text-align: left;
    display:none;
}
.more-projects.loading {
    background: url(../images/ajax-loader-circle.gif) no-repeat center center;

}
.content-holder{
    /*margin:0 312px 15px 0;*/
    margin:0 312px 65px 0;
}

@media screen and (min-width: 767px){
	.content-holder.project,
    .content-holder.vacancy{
	    margin: 0;
	}
}

@media screen and (min-width: 768px){
	.employee img,
        .project-contact img
	{
		width: 92px;
		height: auto;
	}
}
@media screen and (max-width:767px){
	#main #content .content-holder.project .slideshow{
		margin-bottom: 60px
	}
    .mobilevisible{display: block;}
    .xmasdesktopvisible{
        display:none;
    }
    .xmasmobilevisible{
        display:block;
    }
    span.pageheading{display:none;}
}

#content{
    width:100%;
    float:left;
}
#main header,
#content header{
    padding:17px 0 7px;
    position: relative;
    z-index: 100;
}
#main header:after,
#content header:after{
    content:"";
    display:block;
    clear:both;
}
#main header .block .view,
#content header .block .view-all{float:right;}
#main header .block,
#content header .block{
    padding:13px 0 0;
    float:right;
}
.tools{
    float:right;
    position:relative;
    z-index:3;
    margin:0 0 0 7px;
}
.tools .open{
    display:block;
    background: url(../images/sprite.png) no-repeat -96px 0;
    width:24px;
    height:21px;
    text-indent:-9999px;
    overflow:hidden;
}
.tools .open:hover{background-position:-146px 0;}
.tools .open:active{background-position:-121px 0;}
.tools .popup{
    background:rgb(0, 0, 0);
    background:rgba(0, 0, 0, 0.9);
    position:absolute;
    top:35px;
    /*left:50%;*/
    display:none;
    color:#fff;
    width:567px;
    padding:56px 0 52px;
    /*margin:0 0 0 -286px;*/
    margin:0 0 0 -534px;
    text-align:center;
    z-index: 1000;
}
.tools .popup .btn,
.tools .popup .thanks{display:none;}
.tools .popup:before{
    content:'';
    border-style:solid;
    border-color:transparent transparent rgba(0, 0, 0, 0.9);
    border-width:0 11px 11px ;
    position:absolute;
    top:-11px;
    /*left:50%;*/
    left:96%;
    margin:0 0 0 -11px;
}
.tools .popup ul{
    display:inline-block;
    vertical-align:top;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0 0 0 7px;
}
.tools .popup li{
    float:left;
    line-height:18px;
    margin:0 19px;
    max-width:70px;
    height:100px;
}
.tools .popup ul a{
    display:block;
    color:#97cdde;
}
.tools .popup ul a:hover{
    text-decoration:none;
    color:#ff396f;
}
.tools .popup ul a:active{color:#fff;}
.tools .popup ul a:before{
    content:'';
    display:block;
    background: url(../images/sprite.png) no-repeat -153px -197px;
    width:40px;
    height:46px;
    margin:0 auto 2px;
}
.tools .popup ul a:hover:before{background-position:-153px -150px;}
.tools .popup ul a:active:before{background-position:-153px -244px;}
.tools .popup ul a.pdf:before{
    width:33px;
    background-position:-119px -197px;
}
.tools .popup ul a.pdf:hover:before{background-position:-119px -150px;}
.tools .popup ul a.pdf:active:before{background-position:-119px -244px;}
.tools .popup ul a.email:before{
    width:45px;
    background-position:0 -197px;
}
.tools .popup ul a.email:hover:before{background-position:0 -150px;}
.tools .popup ul a.email:active:before{background-position:0 -244px;}
.tools .popup ul a.twitter:before{
    width:45px;
    background-position:-194px -197px;
}
.tools .popup ul a.twitter:hover:before{background-position:-194px -150px;}
.tools .popup ul a.twitter:active:before{background-position:-194px -244px;}
.tools .popup ul a.facebook:before{
    width:40px;
    background-position:-240px -197px;
}
.tools .popup ul a.facebook:hover:before{background-position:-240px -150px;}
.tools .popup ul a.facebook:active:before{background-position:-240px -244px;}
.tools .popup ul a.sms{display:none;}
/*.tools .popup ul a.sms:before{
    width:45px;
    background-position:-46px -197px;
}*/
/*.tools .popup ul a.sms:hover:before{background-position:-46px -150px;}
.tools .popup ul a.sms:active:before{background-position:-46px -244px;}*/

.project_sharing_wrapper {
    /*text-align: center;*/
    position: relative;
    left:34%;
    top:15px;
}

.project_sharing {
    margin: 20px auto 0;
    width: auto;
    display: inline-block;
}

.project_sharing a span {
    display: block;
    float: left;
}

.project_sharing a:before {
    background: url(../images/sprite.png) no-repeat;
}

.project_sharing .mapicon a.maptoggle {
    background: none;
    width: auto;
    text-indent: 0;
    overflow: visible;
}

.project_sharing .mapicon a.maptoggle:before {
    content: '';
    background-position: -205px -128px;
    display: block;
    width: 24px;
    height: 21px;
    overflow: hidden;
    float: left;
}

.project_sharing .mapicon a.maptoggle:hover:before {
    background-position: -227px -128px;
}

.project_sharing .favorites a.heart {
    background: none;
    width: auto;
    text-indent: 0;
    overflow: visible;
}

.project_sharing .favorites a.heart:before {
    content: '';
    background-position: 0px -307px;;
    display: block;
    width: 22px;
    height: 18px;
    overflow: hidden;
    float: left;
    margin: 0 3px 0 6px;
}

.project_sharing .favorites a.heart.liked:before {
    background-position: -23px -116px;
}

.project_sharing .favorites a.heart:hover:before {
    background-position: 0px -116px;
}

.project_sharing .tools {
    float: left;
}

.project_sharing .tools a.open {
    background: none;
    width: auto;
    text-indent: 0;
    overflow: visible;
}

.project_sharing .tools a.open:before {
    content: '';
    background-position: -96px 0;
    display: block;
    width: 24px;
    height: 21px;
    overflow: hidden;
    float: left;
    margin: 0 3px 0 6px;
}

.project_sharing .tools a.open:hover:before {
    background-position: -146px 0;
}

.project_sharing .tools .popup {
    top: auto;
    bottom: 34px;
    margin: 0 0 0 -514px;
}

.project_sharing .tools .popup:before {
    border-color: rgba(0, 0, 0, 0.9) transparent transparent;
    border-width: 11px 11px 0;
    content: '';
    top: auto;
    bottom: -11px;
    /*left:50%;*/
    left: 96%;
    margin: 0 0 0 -11px;
}

.favorites_share ul {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.favorites_share li {
    line-height: 18px;
    margin: 0;
    height: 90px;
}

.favorites_share ul a {
    display: block;
    color: #3e4a4d;
}

.favorites_share ul a:hover {
    text-decoration: none;
    color: #ff396f;
}

.favorites_share ul a:active {
    color: #ff396f;
}

.favorites_share ul a:before {
    content: '';
    display: block;
    float: left;
    background: url(../images/sprite.png) no-repeat;
    width: 40px;
    height: 46px;
    margin: 0 0 2px;
}

.favorites_share ul a span {
    display: block;
}

.favorites_share ul a.pdf:before {
    width: 33px;
    margin: 0 37px 0 0;
    background-position: -119px -328px;
}

.favorites_share ul a.pdf:hover:before {
    background-position: -119px -150px;
}

.favorites_share ul a.pdf span {
    padding-top: 15px;
}

.favorites_share ul a.email:before {
    width: 45px;
    margin: 0 25px 0 0;
    background-position: 0 -328px;
}

.favorites_share ul a.email:hover:before {
    background-position: 0 -150px;
}

.favorites_share ul a.email span {
    padding-top: 13px;
}

.favorites_share ul a.twitter:before {
    width: 45px;
    margin: 0 25px 0 0;
    background-position: -194px -328px;
}

.favorites_share ul a.twitter:hover:before {
    background-position: -194px -150px;
}

.favorites_share ul a.twitter span {
    padding-top: 15px;
}

.favorites_share ul a.facebook:before {
    width: 40px;
    margin: 0 30px 0 0;
    background-position: -240px -328px;
}

.favorites_share ul a.facebook:hover:before {
    background-position: -240px -150px;
}

.favorites_share ul a.facebook span {
    padding-top: 15px;
}

.favorites_share ul a.empty-favorites:before {
    width: 40px;
    margin: 0 30px 0 0;
    background-position: -50px -372px;
}

.favorites_share ul a.empty-favorites:hover:before {
    background-position: -4px -372px;
}

.favorites_share ul a.empty-favorites span {
    padding-top: 15px;
}

.favorites_share ul a.sms {
    display: none;
}

.brochures a {
    color: #7c7f80;
}

#content .project-list li{width:33.3%;}
#main header span.pageheading,
#main header h1,
#content h1{
    font-size:36px;
    line-height:41px;
    font-weight:300;
    color:#3e4a4d;
    width:80%;
    margin:0 0 10px;
}
@media screen and (min-width: 1024px) {
    #content h1.headjust {
        width: 65.6%;
        float: right;
    }

    .post .holder {
        clear: both;
    }


    .project-list li:nth-child(3n+1){
        clear:left;
    }
    /* skip above rule for homepage.*/
    .home.project-list li:nth-child(3n+1){
        clear: inherit;
    }
    /* skip above rule for project page related projects .*/
    #relpro li:nth-child(3n+1){
        clear: inherit;
    }
}


@media screen and (max-width: 1024px) {
    .project-list li:nth-child(2n+1){
        clear:left;
    }
    /* skip above rule for favourites page*/
    .project-list.favourites li:nth-child(2n+1) {
        clear:inherit;
    }
    /* skip above rule for homepage.*/
    .home.project-list li:nth-child(2n+1){
        clear:inherit;
    }
    /* skip above rule for project page related projects .*/
    #relpro li:nth-child(3n+1){
        clear: inherit;
    }
    .nav-wrapper #nav li {
        margin: 0 10px 0 0;
    }
}


.mobilevisible{
    display:none;
}

#main header h1,
#content header h1{float:left;}
.view-all{
    display:inline-block;
    vertical-align:top;
    color:#7c7f80;
    font-size:14px;
    line-height:20px;
    width:40px;
    background:#e8e9e9;
    text-align:center;
    border-radius:9px;
    margin:1px 4px 0 0;
}
.view-all:hover{
    color:#000;
    text-decoration:none;
    background:#97cdde;
}
.slideshow{
    position: relative;
    margin:0 0 62px;
}
.slideshow .slideset{
    position:relative;
    z-index:1;
}
.slideshow > span{
    float:right;
    font-size:12px;
    line-height:19px;
    font-weight:200;
    color:#3e4a4d;
}
.slideshow .slide {
    position: absolute;
    width:100%;
    left:0;
    top:0;
    z-index: 1;
}
.slideshow .caption {
    /*position:absolute;
    right:0;
    bottom:-25px;*/
    text-align: right;
}
.slideshow .slide.active {z-index: 2;}
.slideshow .slide img{
    width:100%;
    height:auto;
}
.slideshow .slide .video-in-slide{
    width:100%;
    height:auto;
}
.pagination{
    position:absolute;
    bottom:16.0%;
    left:0;
    width:100%;
    z-index:3;
    text-align:center;
    padding:0 0 0 25px;
}
.pagination ul{
    display:inline-block;
    vertical-align:top;
    list-style:none;
    margin:0;
    padding:0;
}
.pagination li{
    margin:0;
    float:left;
    padding:0 6px;
}
.pagination a{
    display:block;
    width:15px;
    height:15px;
    background:#fff;
    text-indent:-9999px;
    overflow:hidden;
    border-radius:8px;
}
.pagination .active a{background:#97cdde;}

.project-map-view
{
	width:100%;height:800px;
	margin-bottom: 40px;
}
#map
{
	width:100%;height:800px;
}

.project:after{
    content:"";
    display:block;
    clear:both;
}
.contact-list{display:none;}
.project-contact{
    float:left;
    width:32.3%;
}
.project-contact .block{
    overflow:hidden;
    padding:8px 0 0 0;
}
.project-contact .block-holder{
    overflow:hidden;
    min-width:145px;
    padding:0 0 0;
    word-wrap:break-word;
}
.post .holder{overflow:hidden;}
.project-contact img{
    float:left;
    margin:0 11px 0 0;
}
.project-contact strong{
    display:block;
    font-weight:700;
}
.project-contact.thead strong{
    display:inline;
    font-weight:700;
}
.project-contact strong a{color:#3e4a4d;}
.project-contact dl{
    margin:0;
    overflow:hidden;
}
.project-contact dt{
    float:left;
    margin:0 2px 0 0;
}
.project-contact dd{
    display:block;
    overflow:hidden;
    margin:0;
}
.project-contact .info-holder{
    overflow:hidden;
    padding:37px 0 40px;
}
#content .project-contact .address,
#content .project-contact .customer,
#content .project-contact .year,
#content .project-contact .budget_size,
#content .project-contact .address,
#content .project-contact .status,
#content .project-contact .environment,
#content .project-contact .procurement,
#content .project-contact .measures,
#content .project-contact .partner,
#content .project-contact .area_of_expertise,
#content .project-contact .area,
#content .project-contact .architecture_award,
#content .project-contact .landscape_area
{
	width: 26px;
	float: left;
 	margin: 0 19px 0 0;
	clear: left;
	padding: 7px 0;
}
.project-contact .infolabel{
    float:left;
    width: 83%;
    padding: 7px 0;
    line-height: 1.6;
}

sup{ line-height: 1}

.project-contact .area{
    float:left;
    margin:0 5px 14px 0;
}

.project-contact .customer{
    display:block;
    margin:0 0 14px;
}

.project-contact .customer:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -154px -105px;
    display:inline-block;
    vertical-align:top;
    width:22px;
    height:20px;
    margin:1px 4px 0 2px;
}

.project-contact .year:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -154px -84px;
    display:inline-block;
    vertical-align:top;
    width:24px;
    height:20px;
    margin:2px 5px 0 1px;
}

.project-contact .partner:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -156px -298px;
    display:inline-block;
    vertical-align:top;
    width:24px;
    height:20px;
    margin:2px 5px 0 1px;
}

.project-contact .address:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -251px -298px;
    display:inline-block;
    vertical-align:top;
    width:24px;
    height:20px;
    margin:2px 5px 0 1px;
}

.project-contact .status:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -153px -84px;
    display:inline-block;
    vertical-align:top;
    width:24px;
    height:20px;
    margin:2px 5px 0 1px;
}

.project-contact .area_of_expertise:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -123px -298px;
    display:inline-block;
    vertical-align:top;
    width:24px;
    height:20px;
    margin:2px 5px 0 1px;
}

.project-contact .environment:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -204px -298px;
    display:inline-block;
    vertical-align:top;
    width:24px;
    height:20px;
    margin:2px 5px 0 1px;
}
.project-contact .budget_size:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -100px -298px;
    display:inline-block;
    vertical-align:top;
    width:24px;
    height:20px;
    margin:2px 5px 0 1px;
}

.project-contact .procurement:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -180px -298px;
    display:inline-block;
    vertical-align:top;
    width:24px;
    height:20px;
    margin:2px 5px 0 1px;
}
.project-contact .measures:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -228px -298px;
    display:inline-block;
    vertical-align:top;
    width:24px;
    height:20px;
    margin:2px 5px 0 1px;
}

.project-contact .area:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -152px -127px;
    display:inline-block;
    vertical-align:top;
    width:22px;
    height:20px;
    margin:0 4px 0 0
}
.project-contact .architecture_award:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -89px -298px;
    display:inline-block;
    vertical-align:top;
    width:22px;
    height:20px;
    margin:0 4px 0 0
}
.project-contact .landscape_area:before{
    content:'';
    background: url(../images/sprite.png) no-repeat -58px -299px;
    display:inline-block;
    vertical-align:top;
    width:22px;
    height:20px;
    margin:0 4px 0 0
}

.post .description{
   /* width:52.6%;
     margin:0 13% 0 2%; */

    overflow:hidden;
    float:right;
    width:65.6%;
    margin:0 0  0 2%;
}
.post .fullwidth  .description
{
	width: 100%;
}
.post .description.large{
   /* width:52.6%;
     margin:0 13% 0 2%; */

    overflow:hidden;
    float:right;
    width:100%;
    margin:0 0  0 2%;
}
#content .post .description h1{color:#3e4a4d;}
.post .description .view-more{display:none;}
.post .description .entry{
    display:block;
    font-size:14px;
    line-height:1.6;
    /*border-bottom:1px solid #505050;
    padding:0 0 13px;*/
    margin: 0 0 19px;
    font-weight: 600;
}
#content .entry p
{

margin-bottom: 15px;
}
.post .description .slide{
position:static !important;
min-height: 170px;
}
.post .description p + ul
{
	margin-top: -20px;
}
.tags{
    list-style:none;
    margin:0;
    padding:0 0 0 3px;
    overflow:hidden;
    line-height:30px;
    font-weight:600;
}
.tags li{
    float:left;
    margin:0 4px 0 0;
}
.tags a{color:#ff396f;}
#content p{
    margin:0 0 24px;
    margin: 0 24px 24px 0;
}
.countryitems #content p{
    margin: 0 24px 24px 0;
}
#main h2{
    font-size:28px;
    line-height:33px;
    color:#3e4a4d;
    font-weight:100;
    width:auto;
    margin:0 0 8px;
}
.search-results{margin:-7px 0 0;}
.search-results h2{
    font-size:28px;
    line-height:33px;
    font-weight:100;
    color:#3e4a4d;
    margin:0 0 17px;
}
.map-holder{position:relative;}
.map-holder img{
    width:100%;
    height:auto;
}
.project-contact blockquote{
    overflow:hidden;
    display:block;
    margin:0;
    padding:50px 5px 0 0;
}
.project-contact blockquote q{
    font-size:18px;
    font-style:italic;
    color:#91acb3;
}
.project-contact blockquote cite{
    font-size:14px;
    color:#000;
    white-space:nowrap;
    font-style:normal;
}

.project-contact.desktop
   {
       display:block;
   }
   .project-contact.mobile
       {
           display:none;
       }

.employees{margin:0 0 44px;}
.employees-list{
    list-style:none;
    padding:0;
    overflow:hidden;
    margin:0 0 0 0;
}
.employees .employees-list > li{
    float:left;
    width:25%;
}
.employees-list > li{
    float:left;
    width:33.3%;
}
.employees-list .employee{
    margin:0 0 0 0;
    padding:16px 0 8px;
    border-top: 1px solid #e8e9e9;
}
.employees .employees-list .employee{padding:16px 0 13px;}
.employees-list .employee .block{overflow:hidden;}
.employees-list img{
    float:left;
    margin:0 11px 0 0;
}
.employees-list .block-holder{
    overflow:hidden;
    min-width:135px;
    padding:0 0 0;
    min-height: 168px;
}
.employees-list span,
.employees-list strong{display:block;}
.employees-list dl,
.keypeople dl{
    overflow:hidden;
    margin:0;
}
.employee .block-holder span,
.employee .block-holder dl dt,
.employee .block-holder dl,
.employee .block-holder dl dd,
.employee .block-holder a,
.employees-list .block-holder span,
.employees-list .block-holder dl dt,
.employees-list .block-holder dl,
.employees-list .block-holder dl dd,
.employees-list .block-holder a
{
	font-size: 12px;
	line-height: 20px;
}
.employee  div.block-holder > a,
.employees-list  div.block-holder > a
{
	float:left;
}
.employee .block-holder strong a,
.employees-list .block-holder strong a{
	font-size: 14px;
	line-height: 24px;
}

.employee .email-colored {
    color: #ff396f;
}


.employees-list dl dt{
    float:left;
    padding:0 2px 0 0;
}
.employees-list dd{
    overflow:hidden;
    display:block;
    margin:0;
}
#content .keypeople .contact-list li,
#content .employees-list .contact-list li{width:auto;}
.projects{
    margin:0 0 17px;
}
.vacancies{
    margin:0 0 40px;
}
.vacancies-list{
    list-style:none;
    margin:0 0 0 -34px;
    padding:0;
    line-height:16px;
    overflow:hidden;
}
.vacancies-list li{
    float:left;
    width:25%;
    padding:0 0 15px;
}
.vacancies .vacancies-list li{width:25%;}
.vacancies-list li > div{
    border-style:solid;
    border-color:#e9eaea;
    border-width:1px 0 0 0;
    margin:0 0 0 34px;
    padding:27px 0 0 0;
}
.vacancies-list li a.title{
    display:block;
    padding:10px 40px 0 0;
    position:relative;
}
.vacancies-list li a.title:after{
    background: url(../images/sprite.png) no-repeat -230px -70px;
    content:'';
    width:24px;
    height:24px;
    position:absolute;
    right:0;
    top:50%;
    margin:-12px 0 0;
}
.vacancies-list li span{
    font-size:12px;
    color:#7c7f80;
}
.vacancies-list li strong{
    display:block;
    color:#3e4a4d;
    font-weight:700;
}
.vacancies-list li img{
    display:block;
    width:100%;
    height:auto;
}
.news{padding:0 0 19px;}
.news-list{
    list-style:none;
    margin:0 0 0 -34px;
    padding:0;
    line-height:16px;
    overflow:hidden;
    clear:both;
}
.news-list img{
    width:100%;
    height:auto;
    margin:0 0 9px;
}
.news-list li{
    float:left;
    width:33.3%;
    padding:0 0 34px;
}
.news-list.add li{
    float:none;
    display:inline-block;
    vertical-align:top;
    width:33.3%;
    margin:0 -4px 0 0;
}
.news .news-list li{
    width:25%;
    padding:4px 0 30px;
    min-height:230px;
}
@media screen and (max-width: 1170px){
    .news .news-list li{
        min-height:209px;
    }
    .logowrapper {
        position: absolute;
        top: 0;
    }


}

@media screen and (max-width: 769px) {
    .news .news-list li {
        min-height: 255px;
    }

    .news .news-list li .title {
        padding: 10px 40px 0 0;
    }

    .xmasdesktopvisible{
        display:none;
    }
    .xmasmobilevisible{
        display:block;
    }
    .project_sharing {
        margin: -10px auto 0;
    }

}
.news .news-list img{margin:0;}
.news-list li > div{
    overflow:hidden;
    margin:0 0 0 34px;
}
.news-list li .visual{
    display:block;
    margin:0 0 7px;
}
.news-list li .title, .newsdesk_item .title{
    display:block;
    padding:0 40px 0 0;
    position:relative;
}
.newsdesk_item {
    height: 260px;
}
.news-list li .title:after, .newsdesk_item .title:after{
    background: url(../images/sprite.png) no-repeat -230px -70px;
    content:'';
    width:24px;
    height:24px;
    position:absolute;
    right:0;
    top:50%;
    margin:-12px 0 0;
}
.news-list li span{
    font-size:12px;
    color:#7c7f80;
}
.news-list li strong{
    display:block;
    color:#3e4a4d;
    font-size:14px;
    font-weight:700;
}
.newsdesk_image_item a{
    text-align: center;
}
.newsdesk_image_item a img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:146px;
}
.newsdesk_image_item {
    border: solid black 0px;
    height:146px;
    background:rgba(100,100,100,0.05);
    margin-bottom: 20px;
}
.newsdesk_image_item>a>img{
    display:block;
}
@media screen and (max-width: 500px){
    .newsdesk_image_item a img{
        width:100%;
        height:auto;
        max-width:100%;
        max-height:none;
    }

}
#content article.post div.description p.date,
.news-list span.date
{
	display:block;
	margin: 0;
}
article.post .max ul,
article.post .max p{
    max-width:570px;
}
#content article p a{
    text-decoration: underline;
    font-weight:bold;
}
.related h2{
    color: #3e4a4d;
    font-size: 28px;
    font-weight: 100;
    line-height: 33px;
    margin: 0 0 11px;
}
.related{padding:47px 0 0;}
.contacts{
    overflow:hidden;
    padding:5px 0 0;
    margin:0 0 150px -34px;
}
.countryimage img
{
    width: 100%;
    height: auto;
}
.countryitems
{
    padding-left: 0;
    overflow: hidden;

}
.countryitems .contacts .rubrics ul:after
{
    background: none;

}
.countryitems>li
{
    width: 33%;
    display: inline-block;
    list-style: none;
    vertical-align: top;
}
.countryitems .keypeople li
{
 width: 100%;
}

/* see /Kontakt for .employee-list__other-information, they have a table there. */
.employee-list__other-information {
    margin-bottom: 24px;
}

.employee-list__other-information table {
    border-spacing: 2px;
}

@media screen and (max-width: 767px) {
    .employee-list__other-information {
        padding: 0 18px;
    }
}

@media screen and (max-width: 900px) {
    .employee-list__other-information {
        overflow-x: scroll;
    }
}


.countryinfo .contacts
{
    width: 90%;
    margin: 0 0 10px 0px;
}
.countryinfo .contacts div.rubrics li
{
    width: 100%;
}

.contacts .col{
    float:left;
    width:50%;
}
.contacts .col > div{
    overflow:hidden;
    margin:0 0 0 34px;
}
/*.contacts .col .employees-list{margin:-2px 0 0 -32px;}*/
.contacts .col .employees-list .employee{padding:16px 0 14px;}
.contacts .col .employees-list > li{width:50%;}
.contacts .rubrics{padding:4px 0 0;}
.keypeople h3,
.contactaddress
{
    padding-top: 9px;
}

.keypeople.one-key .employee{
    margin-top: 24px;
}
.keypeople .employee .block {
    overflow: hidden;
}
.countryitems .employee .employee__image-container, .employees-list.ajax-holder .employee .employee__image-container{
    float: left;
    margin: 0 11px 11px 0;
    width: 92px;
}
.countryitems .employee .employee__image-container img, .employees-list.ajax-holder .employee .employee__image-container img{
    max-width: 100%;
    max-height: 138px;
}

.keypeople .block-holder {
overflow: hidden;
min-width: 135px;
padding: 0 0 0;
min-height: 168px;
    min-height:130px;
}
.keypeople span,
.keypeople strong {
    display: block;
}
.keypeople .block-holder span,
.keypeople .block-holder dl dt,
.keypeople .block-holder dl,
.keypeople .block-holder dl dd,
.keypeople .block-holder a, .keypeople .block-holder span, .keypeople .block-holder dl dt, .keypeople .block-holder dl, .keypeople .block-holder dl dd, .keypeople .block-holder a
{
    font-size: 12px;
    line-height: 20px;
}
.keypeople .block-holder span.normal{
    display:inline;
    font-size: 14px;
}
.keypeople .block-holder span.normal.big{
    display:inline;
    font-size: 16px;
}
.keypeople div.block-holder > a, .keypeople div.block-holder > a {
float: left;
}
.keypeople dd {
    overflow: hidden;
    display: block;
    margin: 0;
}
.keypeople dl dt {
    float: left;
    padding: 0 2px 0 0;
}
.country .countryitems .keypeople h3,
.country .countryitems .contactaddress h3,
#content .countryitems .contactaddress h3,
#content .countryitems .keypeople h3,
.contacts .rubrics span{
    font-size:17px;
    font-style:italic;
    font-weight: normal;
    color:#677b80;
    display:block;
    margin:0 0 10px;
}

.country .countryitems .keypeople h3,
.country .countryitems .contactaddress h3
#content .countryitems .keypeople h3,
#content .countryitems .contactaddress h3,
#content .countryitems .keypeople.one-key h3
{
    border-bottom: 1px solid #e8e9e9;
    padding-bottom: 10px;
    margin-right: 20px;
}

.country .countryitems .contactaddress a[href^="mailto:"] {
    text-decoration: none;
    color: #ff396f;
    font-size: 12px;

}

.contacts .rubrics ul{
    list-style:none;
    padding:1px 0 0;
    margin:0 0 0 -34px;
    position:relative;
    overflow:hidden;
}

.contacts .rubrics ul:after,
.contacts .rubrics ul:before{
    width:100%;
    background:#e8e9e9;
    height:1px;
    position:absolute;
    left:0;
    top:0;
    content:'';
}
.contacts .rubrics ul:after{
    background:#fff;
    width:34px;
    margin:0 0 0 0;
    left:50%;
}
.contacts .rubrics li{
    float:left;
    width:50%;
}
.contacts .rubrics li > div{
    border-bottom:1px solid #e8e9e9;
    margin:0 0 0 34px;
    padding:26px 0 27px;
}
.contacts .rubrics ul strong{
    font-weight:700;
    color:#3e4a4d;
    display:block;
    overflow:hidden;
    padding:5px 5px 5px 0;
}
.contacts .rubrics .call,
.contacts .rubrics .send{
    background: url(../images/sprite.png) no-repeat 0 -129px;
    content:'';
    display:block;
    background-size:238px auto;
    width:38px;
    height:33px;
    margin:0 0 0 10px;
    text-indent:-9999px;
    overflow:hidden;
    float:right;
}
.contacts .rubrics .call{
    display:none;
    background-size:201px auto;
    background-position: -66px -108px;
    width: 19px;
}
#sidebar{
    float:right;
    width:280px;
    padding:68px 0 0;
    margin:0 0 0 -100%;
    display:inline;
}
#sidebar h2{
    font-size:28px;
    line-height:35px;
    font-weight:300;
    color:#3e4a4d;
    margin:0 0 16px;
}
.filter-form{
    font-size:16px;
    line-height:20px;
}
.filter-form legend{display:none;}
.filter-form .choose{
    padding:7px 0 5px;
}
.filter-form .choose:after{
    content:"";
    display:block;
    clear:both;
}
.filter-form .choose .btn-search-holder{margin:-7px 0 0;}
.filter-form .choose span{
    float:left;
    font-size:16px;
    line-height:30px;
    text-transform:uppercase;
    margin:0 10px 6px 0;
}
.filter-form .radio-block{
    float:left;
    width:80px;
    height:24px;
    background:#e8e9eb;
    border-radius:15px;
    padding:3px;
    position:relative;
}
.filter-form .radio-block.switch-on{background:#97cdde;}
.filter-form .radio-block.active{background:#97cdde;}
.filter-form .radio-block .rad-area{
    width:37px;
    height:24px;
    background:#a3a7a8;
    border-radius:15px;
    border:none;
    margin:0;
    position:absolute;
    display:none;
    top:3px;
}
.filter-form .radio-block .jcf-class-first{left:3px;}
.filter-form .radio-block .jcf-class-second{right:3px;}
.filter-form .radio-block .rad-checked{
    display:block;
    padding:0;
}
.filter-form .radio-block label{
    font-size:12px;
    text-transform:uppercase;
    color:#191815;
    line-height:24px;
    padding:0 11px;
}
.filter-form .radio-block label.first{
    padding:0 9px 0 11px;
    float:left;
}
.filter-form .radio-block label.second{
    padding:0 10px 0 9px;
    float:right;
}
.filter-form .filters,
.filter-form .slide,
.filter-form .heading,
.filter-form .block,
.filter-form .row{
    float:left;
    width:100%;
}
.filter-form .counter{
    float:right;
    color:#7c7f80;
    font-size:14px;
    line-height:20px;
    width:40px;
    background:#e8e9e9;
    text-align:center;
    border-radius:8px;
    margin:0;
display:none;
}
.filter-form .active .heading .counter,
.filter-form .chk-label-active .counter{
    text-decoration:none;
    color:#000;
    background:#97cdde;
}
.filter-form .heading .counter{margin:6px 0 0;}
.filter-form .heading{
    padding:6px 0 7px;
    border-top:1px solid #545e61;
}
.filter-form .active .heading{border-bottom:1px solid #545e61;}
.filter-form .heading strong{
    float:left;
    font-weight:400;
    max-width:57%;
    text-transform:uppercase;
    font-size:16px;
    line-height:20px;
    color:#3e4a4d;
    padding:5px 0 0;
}
.employee-filter label,
.employee-filter .heading strong
{
  cursor:pointer;
}
.filter-form .heading .opener{
    float:right;
    text-indent:-9999px;
    overflow:hidden;
    background:#e8e9eb;
    width:29px;
    height:29px;
    position:relative;
    z-index:1;
    margin:0 5px 0 11%;
}
.filter-form .heading .opener:after{
    content:'';
    position:absolute;
    top:8px;
    left:5px;
    width:20px;
    height:13px;
    background: url(../images/sprite.png) no-repeat -75px -104px;
}
.filter-form .active .heading .opener{background:#3e4a4d;}
.filter-form .active .heading .opener:after{background-position:-75px -118px;}
.filter-form .row{
    padding:13px 0 11px;
    border-top:1px solid #ebecec;
}
.filter-form .row:first-child{border:none;}
.filter-form input[type="submit"]{
    display:block;
    font-size:16px;
    line-height:43px;
    color:#7c7f80;
    background:#e8e9e9;
    border:none;
    width:100%;
    height:43px;
    padding:0;
    cursor:pointer;
}
.filter-form label{
    display:block;
    overflow:hidden;
    color:#a3a7a8;
    font-size:16px;
}
.filter-form label.chk-label-active{color:#3e4a4d;}
.filter-form .sub-title{
    display:block;
    color:#a3a7a8;
    padding:5px 0 5px;
}
.filter-form .col-holder{
    overflow:hidden;
    padding:0 0 15px;
}
.filter-form .col{
    max-width:50%;
    float:right;
}
.filter-form .col:first-child{float:left;}
.filter-form .col select{width:105px;}
.filter-form .col label{
    float:left;
    width:32px;
    margin:0 1px 0 0;
}
.filter-form .size{
    list-style:none;
    margin:0;
    padding:0 0 1px;
    overflow:hidden;
    border-bottom:1px solid #e8e9e9;
    font-size:18px;
    line-height:40px;
    color:#a3a7a8;
    text-transform:uppercase;
    text-align:center;
}
.filter-form .size li{
    float:left;
    width:25%;
    overflow:hidden;
    position:relative;
}
.filter-form .size label{
    border-left:1px solid #e8e9e9;
    width:100%;
    position:relative;
    z-index:2;
    height:40px;
    margin:8px 0;
}
.filter-form .size label.chk-label-active{
    background:#97cdde;
    color:#000;
    border-color:#fff;
}
.filter-form .size li:first-child label{border:none;}
.filter-form .size .chk-area{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 0 0 1px;
}
.filter-form .size li:first-child .chk-area{margin:0;}
.filter-form .size .chk-checked{background:#97cdde;}
.filter-form .size .chk-checked span{display:none;}
.filter-form .btn-block{
    width:100%;
    float:left;
}
.filter-form .btn-block input[type="submit"]{
    float:left;
    width:50%;
}
.filter-form .btn-search:active{background:#ff396f;}
.filter-form .btn-search-holder{
    float:right;
    width:50%;
    position:relative;
}
.filter-form .btn-search{
    float:right;
    font-size:16px;
    line-height:43px;
    font-weight:700;
    color:#fff;
    background:#a3a7a8;
    border:none;
    height:43px;
    cursor:pointer;
    margin:0;
    padding:0;
    width:100%;
}
.navigation{margin:6px 0 4px;}
.navigation ul{
    list-style:none;
    margin:0;
    padding:0;
    font-size:16px;
}
.navigation li{
    padding:0;
    margin:0;
    border-top:1px solid #fff;
}
.navigation a{
    background:#e8e9e9;
    display:block;
    color:#7c7f80;
    padding:10px 10px;
}
.navigation a:hover{
    text-decoration:none;
    background:#bddee9;
    color:#000;
}
.navigation a.subitemopener{
    position:relative;
}
.navigation a.opener{
    position:relative;
    background:#a3a7a8;
    font-size:18px;
    color:#fff;
}
.navigation a.subitemopener:before,
.navigation a.opener:before {
    background: url(../images/sprite.png) no-repeat -185px -126px;
    content:'';
    height: 13px;
    position: absolute;
    right: 11px;
    top: 17px;
    width: 20px;
}
.navigation .active > a{
    color:#fff;
    background:#3e4a4d;
}
.navigation a.subitemopener.activesub:before,
.navigation .active a.opener:before{background-position:-185px -112px;}
.navigation a.opener .has-drop > a:before{background-position:-185px -98px;}
.landscape-projects{padding:28px 0 0;}
.landscape-projects ul{
    list-style:none;
    margin:-7px 0 0;
    padding:0;
}
.landscape-projects ul li{
    padding:0 0 17px;
    position: relative;
}
.landscape-projects ul img{
    width:100%;
    height:auto;
}
.landscape-projects ul .favorites{
    position: absolute;
    top:5px;
    right:5px;
    z-index: 100;
}
/*
.landscape-projects li a,
.landscape-projects li a:hover
{
	background: none;
}
*/
/*.landscape-projects li a span{
    position: absolute;
    margin: auto;
    display: table;
    text-align: center;
    top: 0;
    bottom: 0;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0.8;
    color: #000;
}*/
#sidebar .news h2{margin:0 0 9px;}
#sidebar .news{padding:67px 0 0;}
#sidebar .news-list{margin:0;}
#sidebar .news-list li{
    padding:4px 0 33px;
    width:100%;
}
#sidebar .news-list li > div{
    overflow:hidden;
    margin:0;
}
#footer{
    width:100%;
    background:#fff;
    position:fixed;
    top:0;
    /* bottom:0; */
    left:0;
    z-index:9999;
}
#footer .footer-holder {
    max-width:1216px;
    margin:14px auto;
    padding: 0 30px;
}
@media screen and (max-width: 767px){
    #footer .footer-holder{
        margin: 0 auto;
    }
}
#footer .footer-holder:after{
    content:"";
    display:block;
    clear:both;
}
#footer.active {
    position: absolute;
    top: 45px;
}
.footer-wrapper {
    position: relative;
}
.nav-wrapper {
    display: flex;
    width: 100%;
    padding-top: 50px;
    align-items: center;
}
.to-top,
.footer-title{display:none;}
.logowrapper
{
  width: 20%;
  order: 1;
}
.logo{
    float:left;
    width:185px;
/*	width:32.3%;*/
    height:15px;
    background:url(../images/logo.png) no-repeat;
    /* background-size: 185px 15px; */
    background-size: contain;
    text-indent:-9999px;
    overflow:hidden;
    margin: 16px 0 8px 0;
    /* margin:16px 125px 8px 0; */
}
.logo a{
    display:block;
    height:100%;
}
#nav{
    float:left;
    font-size:18px;
    font-weight:300;
    padding-left: 0;
    order: 2;
    width: calc(100% - 280px);
}
#nav  ul{
    list-style:none;
    margin:0;
    padding:11px 0 0;
    overflow:hidden;
}
#nav li{
    float:left;
    margin:0 20px 0 0;
}
#nav a{color:#7c7f80;}
.mobile-nav{display:none;}
.footer-block{
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
}
.search-form {
    order: 3;
    width: 280px;
}
#main .search-form{display:none;}
.search-form legend{display:none;}
.search-form label{
    float:left;
    font-size:18px;
    line-height:22px;
    font-weight:300;
    margin:4px 0 0;
}
.search-form input[type="text"],
.search-form input[type="search"]{
    float:left;
    width:100%;
    font:18px/22px Arial, Helvetica, sans-serif;
    height:23px;
    border-style:solid;
    border-color:#848788;
    border-width:0 0 1px;
    margin:0 0 0 5px;
    padding:1px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.search-form .text{
    overflow:hidden;
}
.search-form.focus input[type="text"],
.search-form.focus input[type="search"]{border-color:#ff6b93;}
.search-form input[type="submit"]{
    background: url(../images/sprite.png) no-repeat -21px -94px;
    float:right;
    width:20px;
    height:21px;
    border:none;
    text-indent:-9999px;
    overflow:hidden;
    padding:0;
    margin:2px 0 0 21px;
    cursor:pointer;
}
.search-form.focus input[type="submit"]{background-position:0 -94px;}
.add-nav{
    float:left;
    padding:0 11px 0 0;
}
.add-nav ul{
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
.add-nav li{
    float:left;
    margin:0 10px 0 0;
}
.add-nav a{color:#a3a7a8;}
.panel{
    float:right;
    padding:3px 0 0;
}



.liked {
    background: url(../images/sprite.png) no-repeat -23px -115px;
}

.unliked {
    background: url(../images/sprite.png) no-repeat -46px -115px;
}

.mapicon,
.favorites{
    float:left;
    position:relative;
}


.mapicon .maptoggle
{
    background: url(../images/sprite.png) no-repeat -205px -128px;
	display: block;
	width: 24px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;

}

.favorites .heart {
    background: url(../images/sprite.png) no-repeat -23px -116px;
}
header .favorites .heart {
    background: url(../images/sprite.png) no-repeat 1px -307px;
}
header .favorites .heart.liked {
    background: url(../images/sprite.png) no-repeat -23px -116px;
}

.favorites .heart:hover {
    background: url(../images/sprite.png) no-repeat 1px -116px;
}

header .favorites{
    padding:2px 0 0;
    float:right;
}
.favorites span.title{display:none;}
.favorites .ico,
.favorites>a{
    float:left;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    /*background: url(../images/sprite.png) no-repeat 0 -116px;*/
    width:22px;
    height:19px;
    margin:0 3px 0 6px;
}
header .favorites .ico,
header .favorites>a{
    height:18px;

}
/*.favorites .ico:hover,*/
/*.favorites>a:hover,*/
/*.favorites:hover>a{background-position:-23px -116px;}*/
.panel .amount,
.mobile-nav .amount{
    float:left;
    background:#e8e9e9;
    color:#3e4a4d;
    font-size:14px;
    width:40px;
    line-height:20px;
    text-align:center;
    border-radius:6px;
}
.panel .amount:hover{background:#bddee9;}
.ico-map-holder{
    float:right;
    position:relative;
    display:none;
    width:21px;
    height:20px;
    margin:0 10px;
}
.ico-map{
    background: url(../images/sprite.png) no-repeat -207px -128px;
    float:right;
    text-indent:-9999px;
    overflow:hidden;
    width:21px;
    height:20px;
}
.ico-map:hover{background-position: -229px -128px;}
.language{
    position:relative;
    width:38px;
    height:28px;
    float:right;
    margin:-2px -10px 0 3px;
}
.language > span{display:none;}
.language ul{
    position:absolute;
    top:0;
    left:0;
    width:36px;
    list-style:none;
    margin:0;
    padding:34px 0 0;
    background:#fff;
}
.language ul:hover{
    margin:0 -1px -1px;
    border:1px solid #e8e9e9;
}
.language li{
    display:none;
    padding:5px 0;
    margin:0;
    height:13px;
}
.language ul:hover li{display:block;}
.language li:hover{background:#bddee9;}
.language li.active{
    display:block;
    position:absolute;
    left:0;
    padding: 10px 8px;
    top:0;
    margin:0;
}
.language a{
    background: url(../images/sprite.png) no-repeat 0 -135px;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    width:20px;
    height:13px;
    margin:0 auto;
}
.language .united-kingdom{background-position:-21px -135px;}
.language .england{background-position:-42px -135px;}
.language .sweden{background-position:-63px -135px;}
.hover-tooltip{
    position:absolute;
    width:216px;
    font-style:italic;
    line-height:18px;
    z-index:100;
    bottom:100%;
    right:0;
    margin:0 -21px -1px 0;
    padding:0 0 44px;
    text-align:left;
    display:none;
}
.hover-tooltip.top{
    top:100%;
    padding:17px 0 0;
}
.ico-map-holder .hover-tooltip.top{margin-right:-25px;}
.btn-holder{
    margin:0 auto 12px;
    position:relative;
    text-align:center;
}
.favorites:hover .hover-tooltip,
.btn-holder:hover .hover-tooltip,
.ico-map-holder:hover .hover-tooltip,
.btn-search-holder:hover .hover-tooltip{
    display:block;
}
.tooltip-frame{
    position:relative;
    background: rgb(207, 246, 255);
    background: rgba(207, 246, 255, 0.9);
    border-radius:5px;
    color:#3e4a4d;
    padding:6px 9px 6px 14px;
    float:left;
}
.hover-tooltip .tooltip-frame:after{
    content:'';
    position:absolute;
    bottom:-42px;
    right:28px;
    border-style:solid;
    border-color:rgb(207, 246, 255) transparent transparent;
    border-color:rgba(207, 246, 255, 0.9) transparent transparent;
    border-width:42px 7px 0;
}
.btn-holder .hover-tooltip{
    margin:0 0 0 -74px;
    padding:0 0 5px;
    left:50%;
}
.btn-search-holder .hover-tooltip{
    margin:0 0 0 -40px;
}
.btn-holder .hover-tooltip .tooltip-frame:after{display:none;}
.hover-tooltip.top .tooltip-frame:after{
    top:-13px;
    bottom:auto;
    border-color:transparent transparent rgb(207, 246, 255);
    border-color:transparent transparent rgba(207, 246, 255, 0.9);
    border-width:0 7px 13px;
}
.btn-search{
    display: none;
}
#menu-line{
    display: none;
}
.tooltip-text{margin:0 0 5px;}
.hover-tooltip a{
    float:right;
    background:#eafbff;
    font-size:12px;
    line-height:27px;
    font-weight:600;
    color:#97cdde;
    font-style:normal;
    border-radius:5px;
    padding:0 20px;
}
/* hide original element */
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important; /* change to right: -9999px on RTL sites */
}
/* custom checkbox styles */
.chk-area{
    border: 1px solid #ccc;
    margin: 0 15px 0 0;
    float: left;
    width: 18px;
    height: 18px;
}
.employee-filter .chk-area
{
	display:none;
}
.chk-checked{
    border:none;
    background:#bddee9;
    padding:1px;
}
.chk-checked span{
    display:block;
    background: url(../images/sprite.png) no-repeat -46px -94px;
    width:16px;
    height:14px;
    margin:1px 0 0 2px;
}
.jcf-label-disabled{
    color:#ccc;
}
/* custom select styles */
.select-area {
    border: 1px solid #e8e9e9;
    position: relative;
    overflow: hidden;
    cursor: default;
    height: 21px;
    font-size:16px;
    float: left;
    color:#7c7f80;
    border-radius:9px;
}
.select-focus {
    color:#000;
    background:#bddee9;
}
.select-area .center {
    white-space: nowrap;
    float:left;
    line-height:21px;
    padding: 0 10px;
}
.select-disabled {background: #eee;}
.select-area .select-opener{
    background:  #e8e9e9;
    position: absolute;
    height: 21px;
    width: 51px;
    right: 0;
    top: 0;
    border-radius:0 8px 8px 0;
}
.select-area .select-opener:before{
    content:'';
    display:block;
    background: url(../images/sprite.png) no-repeat -64px -94px;
    width:14px;
    height:9px;
    margin:7px auto;
}
.select-options {
    position: absolute;
    overflow: hidden;
    background: #fff;
    z-index: 10000;
}
.select-options .drop-holder {
    border: 1px solid #777;
    overflow: hidden;
    height: 1%;
}
.select-options ul {
    line-height:20px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.select-options ul li {
    width: 100%;
    float: left;
}
.select-options ul a {
    text-decoration: none;
    padding: 0 10px;
    display: block;
    cursor: default;
    color: #7C7F80;
    height: 1%;
}
.select-options .item-selected a {
    text-decoration: none;
    background: #bddee9;
    color: #000;
}
/* select options optgroup example styles */
.select-options .optgroup {
    clear: both;
}
.select-options .optgroup strong {
    display: block;
    padding: 5px;
}
.select-options .optgroup ul a {
    padding-left: 30px;
}
/* custom radio styles */
.rad-area{
    border: 1px solid #777;
    border-radius: 10px;
    margin: 0 10px 0 0;
    float: left;
    width: 18px;
    height: 18px;
}
.rad-checked {
    border:none;
    padding:1px;
    background: #97cdde;
}
 #project-list{clear:both;overflow: hidden;}
 /*#content .project-list{display:inline;}*/
 .imgwrapper{
    height:155px;
    min-width:280px;
    background:#eee;
    margin-bottom:8px;
    overflow: hidden;
}
.footerlogo{
    display:none;
}
/*
@media screen and (min-width: 1528px){
    #main{
        max-width:1528px;
        padding:0 0 14px;
    }
    #main.narrow header,
    .narrow #content header{
        margin: 0 156px;
    }
    #main.narrow article header,
    .narrow #content article header{
        margin: 0;
    }
    .countryitems>li {
        width: 24%;
    }
    .countryitems .keypeople{
        position: relative;
        left:17px;
    }
    #footer .footer-holder{
    max-width:1528px; padding:0 0 14px;
    }

    .narrow .post{margin:0 156px;}
    .narrow #sidebar{margin:0 156px 0 -100%;}
    .news .news-list li,
    .employees .employees-list > li,
    .vacancies .vacancies-list li,
    .news-list li,
    .project-list li{width:20%;}

    #content .project-list li,
    .employees-list > li{width:25%;min-height: 151px;}
    .news-list.add li{
        width:25%;
        margin:0 -4px 0 0;
    }

}*/
@media screen and (max-width: 1760px){
    #main > header .tools .popup:before,
    #main > header .tools .popup{
        left:auto;
        right:0;
    }
}
@media screen and (max-width: 1140px){
    .contacts .rubrics ul:after,
    .contacts .rubrics ul:before{display:none;}
    .contacts .rubrics ul{
        border-top:1px solid #e8e9e9;
        margin:0;}
    .contacts .rubrics li{width:100%;}
    .contacts .rubrics li > div{margin:0;}

}
@media screen and (max-width: 1023px){
    .project_sharing_wrapper {
        left:0;
    }
    .newsdesk_item {
        height: 255px;
    }
    .vacancies-list li,
    .employees .employees-list > li,
    .news .news-list li,
    .vacancies .vacancies-list li,
    .project-list li{width:33.3%;}
    .employees-list > li,
    .vacancies-list li,
    .news-list li,
    #content #relpro.project-list li,
    #content .project-list li,
    .news-list.add li{
        padding:0 0 16px;
        width:50%;
    }
    .countryitems>li {
          width: 50%;
      }
    #main .news-list.add .flip h2,
    #main .project-list.add .flip h2{
        font-size:20px;
        line-height:24px;
        top:5px;
    }
    .news-list.add .flip .btn-more,
    .project-list.add .flip .btn-more{
        font-size:18px;
        line-height:22px;

    }
    .footer-block{clear:none;}
    .logo{margin:5px 125px 18px 0;}
    .post .holder{
        margin:0 0 60px;
        display:block;
    }
    .post .holder .description{
        margin:0;
        width:100%;
    }
    .post .holder .thead{
        float:none;
        width:100%;
        display:table-header-group;
    }
    .project-contact {
        width:100%;
    }
    #nav {
        width: calc(100% - 280px);
    }
}
@media screen and (max-width: 870px){
    .w1 {
        padding: 173px 0 0 ;
        margin: 0 auto;
    }
    .footer-title{
        position:relative;
        z-index:1;
        display:block;
        background:#ff396f;
        text-transform:uppercase;
        color:#fff;
        font-size:18px;
        line-height:27px;
        font-weight:700;
        padding:9px 20px;
        text-align:left;
        margin:0 0 11px;
    }

    .footer-title:before{
        content:'';
        background: url(../images/sprite.png) no-repeat -96px -112px;
        width:27px;
        height:27px;
        display:inline-block;
        vertical-align:top;
        margin:0 15px 0 0;
    }
    #nav{
        height:0;
        overflow:hidden;
        display: none;
    }
    .skip-to-nav{
        float:right;
        text-indent:-9999px;
        overflow:hidden;
        width:45px;
        height:45px;
        background:#3e4a4d;
        position:relative;
    }
    .skip-to-nav:before{
        content:'';
        background: url(../images/sprite.png) no-repeat -96px -84px;
        width:27px;
        height:27px;
        position:absolute;
        left:9px;
        top:9px;
    }
    .skip-to-nav:hover{background:#ff396f;}

}
@media screen and (max-width: 769px){
    .news .news-list li,
    .vacancies .vacancies-list li,
    .employees .employees-list > li,
    #content #relpro.project-list li,
    .project-list li{width:50%;}
}

@media screen and (max-width: 767px){
    .newsdesk_item {
        height: auto;
    }
    .imgwrapper{
        height:auto;
        min-height: 140px;
        min-width:100%;

    }
    .project-full-view .slideshow{
        margin-top:40px;
    }
    .project-full-view .project_sharing_wrapper{
        position: absolute;
        top:-55px;
        left:10px;
    }
    .slideshow .btn-prev,
    .slideshow .btn-next,
    .carousel .btn-prev,
    .carousel .btn-next{
        background: url(../images/sprite-arrows-link.png) no-repeat -41px 10px;
        opacity: 0.8;
    }
    .slideshow .btn-prev,
    .carousel .btn-prev{
        background-position:10px 10px;
    }
    .slideshow .btn-prev:hover,
    .carousel .btn-prev:hover{background-position:10px -36px;}
    .slideshow .btn-next:hover,
    .carousel .btn-next:hover{background-position:-41px -36px;}

    .btn-search{
        display: block;
    }
    #content .project-list{display:block;}
    .project-list.favourites{
        margin:0 0 0 -32px;
    }
    .slideshow .caption{
        margin-right: 2px;
        text-align: left;
        padding-left:18px;
    }

    ul.countryitems
    {
        padding:0 18px;

    }
    .countryitems .contacts .rubrics li>div
    {
        padding-left: 0;
    }
    .countryitems .contacts .rubrics span
    {
        padding: 0 0 0 0;
    }

    #menu-line{
    display: block;
    z-index: 1000;
    position: fixed;
    top:45px;
    left:0;
    width: 100%;
}
    #header{
        background-color: white;
        position: fixed;
        width: 100%;
        height: 45px;
        top: 0;
        left: 0;
        z-index: 1001;
    }

    #asd{
        position: relative;
        padding-top: 70px;
        z-index: 5000;
    }

    .open{
        position: absolute;
        top: 83px;
        z-index: 5000;
        right: 15px;
    }
    .tools .open{
	    position: static;
    }
    .prolist .tools .open{
	    position: static;
	    margin-top:50px;
    }
    #main header.prolist  h1{
	    padding-top:50px;
    }



    #main  h2{padding:0 18px;}
    #content h2{padding:0;}
    .w1{padding:0;}
    #map
    {
            width:100%;height:400px;
    }

    #header{
        overflow:hidden;
        display:block;
    }
    .search-results{
        margin-top: 20px;
    }
	.project-map-view{
	height: 400px;
	}
	#main h2{
        margin:11px 0 8px;
    }
    .entry{
        margin: 0 18px;
        display: block;
    }
    .post .holder .thead{
        display:table-footer-group;
    }
    #header .logo{margin:15px 0 0 20px;}
    .tools{position:static;}
    .tools .popup,
    .project_sharing .tools .popup {
        top:0;
        left:0;
        margin:0;
        padding:52px 18px 74px;
        width:100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        z-index:3;
    }

    .project_sharing .tools .popup {
        bottom:auto;
    }

    .project_sharing .tools .popup:before {
        display: none;
    }
    .tools .popup:before{
        left:50%;
    }
    .tools .popup .thanks{
        display:block;
        color:#e8e9e9;
        font-size:20px;
        font-style:italic;
        margin:0 0 24px;
    }
    .tools .popup .btn{
        display:block;
        background:#333;
        line-height:45px;
        font-size:18px;
        color:#7c7f80;
        font-weight:700;
        margin:34px 0 0;
    }
    .tools .popup ul{width:300px;}
    .tools .popup li{margin:0 19px 30px;}
    /*.tools .popup ul a.sms{display:block;}*/
    .carousel .pagination{
    	display:block;
    	/*margin-top: -189px;*/
    	margin-top:0;
    }
    .carousel .title{
        display:block;
        text-align:center;
        position:static;
        font-size:30px;
        padding:20px 0;
        line-height: 1.4;
        /*min-height: 150px;*/
        /*max-height: 180px;*/
    }
    .carousel .title a{display:inline;}
    .carousel .title a .ico{display:none;}
    .related{padding:30px 0 0;}
    #content{width:100%;}
    .content-holder{margin:0;}
    #sidebar{
        margin:0;
        width:100%;
    }
    .countryitems>li {
          width: 100%;
      }
    #main header,
    #content header{padding:3px 18px 20px; }
    #content h1{display:none;}
    #content h1.vacancy-header {display:block;}
    #main header h1{display:block;}
    #main header h1,
    #content h1{
        width:auto;
        margin:0 10px 10px 0;
        font-size:28px;
    }
    #content header .block{
        /*width:100%;*/
        padding: 15px 0 10px 0;
    }

    /*.slideshow{margin:0 0 30px 0;}*/
    .slideshow > span,
    .slideshow .pagination{display:none;}
    .slideshow > span.newscaption{display:inline-block;padding:0 10px;}
    .project-list img{
	margin: 0;
	 /*margin:0 0 0 -34px; andreas: removed in order to maintain aspect ratio of thumbs on project view */
	}
    .carousel .btn-prev,
    .carousel .btn-next{display:none;}
    .carousel .drag{
        width:142px;
        padding:0 14px;
        display:block;
        background: rgba(255, 255, 255, 0.5);
        border-radius:42px;
        overflow:hidden;
        position:absolute;
        left:50%;
        top:24%;
        margin:0 0 0 -85px;
        color:#fff;
        font-size:24px;
        line-height:49px;
        text-align:center;
    }
    .carousel .drag:before,
    .carousel .drag:after{
        content:'';
        background: url(../images/sprite.png) no-repeat -207px -112px;
        width:19px;
        height:14px;
        display:inline-block;
        vertical-align:top;
        margin:18px 30px 0 0;
    }
    .carousel .drag:after{
        margin:18px 0 0 30px;
        background-position: -227px -112px;
    }
    .slideshow .slide img{/*ole margin:0 0 -15px;*/ margin:0;}
    .post .holder{padding:0 18px;}
    .project-contact .info-holder{
        padding:16px 0 4px;
        border-bottom:2px solid #9fa5a6;
    }
    .tags{
        padding:5px 0 5px 3px;
        border-bottom:2px solid #9fa5a6;
    }
    /*.post .description .entry{border:none;}*/
    .project-contact img{
        width:30%;
        height:auto;
        margin:0 17px 0 0;
    }
    .project-contact .customer{margin:0 0 9px;}
    .post .description{
        border-bottom:1px solid #eff0f0;
        padding:0 0 25px;
        margin:0 0 16px;
    }
    .post .description .entry{
        margin: 0 0 11px;
        padding:0;

    }
    .project-contact .block-holder{
        margin:-5px -37px 0 0;
        float:left;
        padding:0 0 20px 0;
        width:60%;
    }
    #content .content-holder .project-contact.desktop
    {
        display:none;
    }
    #content .content-holder .project-contact.mobile
        {
            display:block;
        }

    .post .description .btn-block{
        padding:12px 0 0;
        text-align:center;
    }
    .post .description .view-more{
        vertical-align:top;
        display:inline-block;
        font-size:12px;
        line-height:18px;
        color:#7c7f80;
    }
    .post .description .view-more:after{
        display:block;
        height:0;
        width:0;
        content:'';
        border-style:solid;
        border-color:#bddee9 transparent transparent;
        border-width:15px 15px 0;
        margin:0 auto;
    }
    .post .description .slide{
        height:45px;
        overflow:hidden;

    }
    .project-contact blockquote{padding:50px 0 18px;}
    .contact-list{
        display:block;
        list-style:none;
        margin:0 0 21px;
        padding:15px 0 19px;
        font-size:12px;
        line-height:18px;
        overflow:hidden;
        border-bottom:1px solid #eff0f0;
    }
    .contact-list li{
        float:left;
        padding:0 0 0 50px;
    }
    .contact-list li:first-child{padding-left:13px;}
    .contact-list a{
        display:block;
        color:#3e4a4d;
        text-align:center;
    }
    .contact-list a:before{
        content:'';
        display:block;
        background: url(../images/sprite.png) no-repeat 0 -150px;
        width:45px;
        height:46px;
        margin:0 auto 2px;
    }
    .contact-list a.ring:before{
        width:26px;
        background-position:-92px -150px;
    }
    .contact-list a.sms:before{background-position:-46px -150px;}
    #main .search-results h2,
    .search-results h2{margin:0 16px 17px;}
    .employees-list .employee{border:none;}
    .employees-list .block-holder{padding:0;}
    .employees-list{padding:0 20px;}
    .news-list li,
    .news .news-list li,
    .vacancies .vacancies-list li,
    .contacts .col .employees-list > li,
    .employees-list > li,
    .vacancies-list li,
    .employees .employees-list > li{width:100%;}
    .employees-list .employee{padding:5px 0 0;}
    .employees-list img{
        width:132px;
        height:auto;
    }

    .countryitems .employee .employee__image-container, .employees-list.ajax-holder .employee .employee__image-container {
        float: left;
        margin: 0 11px 11px 0;
        width: 132px;
    }
    .countryitems .employee .employee__image-container img, .employees-list.ajax-holder .employee .employee__image-container img{
        max-width: 100%;
        max-height: inherit;
    }

    #main .box h2{
        margin: 25px auto;
    }
    .vacancies-list li > div{
        border-bottom:0;
        padding:6px 18px 5px;
    }
    .vacancies-list li a:after{right:-7px;}
    .vacancies-list li{padding:0;}
    .employees-list span, .employees-list strong{margin:-4px 0 2px;}
    .keypeople .contact-list,
    .employees-list .contact-list{margin:0 0 9px;}
    .contacts .col{width:100%;}
    .contacts .col > div{margin:0;}
    .contacts{
        width:100%;
        margin:0;
        padding:0;
    }
    .contacts .rubrics{padding:0 0 27px;}
    .contacts .rubrics li > div{padding:3px 20px 6px;}
    .contacts .description{ padding: 0 20px;}
    .contacts .rubrics span{
        color:#91acb3;
        padding:0 20px;
    }
    .contacts .rubrics .call{
        display:block;
        margin:0 0 0 33px;
    }
    .contacts .col h2{padding:0 18px;}
    #sidebar{
        width:100%;
        margin:0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding:0 18px;
    }
    #sidebar.mobile-no{display:none;}
    .post .description.active .slide{height:auto;}
    #main{
	padding:45px 0 0 0;

    }
    .project-list.home{display:none;}
    #content .project-list li,
    #content #relpro.project-list li,
    .project-list li,
    .news-list.add li{width:100%;}
    .project-list a{margin:0;}
    .more-projects{
        background: url(../images/sprite.png) no-repeat -219px -23px;
        display:none;
        vertical-align:top;
        width:46px;
        height:46px;
        text-indent:-9999px;
        overflow:hidden;
        margin:0 auto;
        visibility:visible;
        text-align:left;
    }
    .navigation{display:none;}
    #footer .container{padding:0;}
    .to-top{
        overflow:hidden;
        display:block;
        padding:0 15px 9px;
    }
    .to-top a{float:right;}
    .to-top a:after{
        content:'';
        background: url(../images/sprite.png) no-repeat -96px -140px;
        display:inline-block;
        vertical-align:top;
        width:14px;
        height:8px;
        margin:8px 0 0 7px;
    }
    .carousel{margin:45px 0 0 0;}
    .footer-title{
        position:relative;
        z-index:1;
        display:block;
        background:#ff396f;
        text-transform:uppercase;
        color:#fff;
        font-size:18px;
        line-height:27px;
        font-weight:700;
        padding:9px 20px;
        text-align:left;
        margin:0 0 11px;
    }
    .footer-title:before{
        content:'';
        background: url(../images/sprite.png) no-repeat -96px -112px;
        width:27px;
        height:27px;
        display:inline-block;
        vertical-align:top;
        margin:0 15px 0 0;
    }
    #main .search-form{display:block;}
    .search-form{
        box-sizing: border-box;
        width:50%;
        padding:0 16px 5px 20px;
    }
    .nav-wrapper {
        padding-top: 0;
        justify-content: center;
    }
    .search-form input[type="submit"]{margin:2px 0 0 9px;}
    .news-list{margin:0;}
    .news-list li{padding:0 0 37px;}
    .news-list li > div{margin:0;}
    .news-list li .visual{margin:0;}
    .news-list li a{margin:0 20px;}
    #footer{
        text-align:center;
        position:relative;
    }
    #footer .footer-holder{padding:0;}
    #footer .logo{display:none;}
    .footer-block{display:none;}
    .ico-map-holder{display:block;}
    .mobile-nav{
        display:block;
        float:left;
        width:100%;
    }
    .mobile-nav ul{
        list-style:none;
        margin:0;
        padding:0;
        font-size:18px;
    }
    .mobile-nav ul ul{background:#e8e9e9;}
    .mobile-nav li{border-top:1px solid #e8e9e9;}
    .mobile-nav ul ul li{border-top:1px solid #fcfcfc;}
    .mobile-nav a{
        display:block;
        padding:10px 50px;
        color:#7c7f80;
        position:relative;
    }
    .mobile-nav a:hover{
        text-decoration:none;
        background:#bddee9;
    }
    .mobile-nav .has-drop > a:before{
        content:'';
        background: url(../images/sprite.png) no-repeat -185px -84px;
        width:20px;
        height:13px;
        position:absolute;
        right:19px;
        top:14px;
    }
    .mobile-nav .has-drop .has-drop.active > a{background:#a3a7a8;}
    .mobile-nav .has-drop.active > a{
        color:#fff;
        background:#3e4a4d;
    }
    .mobile-nav .has-drop .has-drop.active a:before{background-position:-185px -112px;}
    .mobile-nav .has-drop.active a:before{background-position:-185px -112px;}
    .mobile-nav .has-drop .has-drop > a:before{background-position:-185px -98px;}
    .mobile-nav .favorites{
        display:inline-block;
        vertical-align:top;
        overflow:hidden;
        float:none;
        margin:3px -75px 0 16px;
    }
    .mobile-nav .favorites .ico{background-position:-23px -116px;}
    .mobile-nav .favorites .amount{background:#97cdde;}
    .mobile-language a{
        text-align:right;
        padding-right:97px ;
    }
    .mobile-language a:after{
        content:'';
        display:inline-block;
        vertical-align:top;
        background: url(../images/sprite.png) no-repeat 0 -135px;
        text-indent:-9999px;
        overflow:hidden;
        width:20px;
        height:13px;
        margin:7px 0 0 20px;
    }
    .mobile-language a.united-kingdom:after{  background: url(../images/sprite.png) no-repeat -21px -135px!important;}
    .mobile-language a.england:after{  background: url(../images/sprite.png) no-repeat -42px -135px!important;}
    .mobile-language a.sweden:after{  background: url(../images/sprite.png) no-repeat -63px -135px!important;}
    #main .news-list.add .flip h2{
        font-size:28px;
        line-height:33px;
        top:30px;
    }
    .news-list.add .flip .btn-more{
        font-size:24px;
        line-height:26px;

    }
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px), (min-resolution: 144dpi) {
    .slideshow .btn-prev:hover,
    .carousel .btn-prev:hover{background-position:0px -47px;}
    .slideshow .btn-next:hover,
    .carousel .btn-next:hover{background-position:-46px -46px;}
}

@media screen and (max-width: 480px){

	table.list td
	{
		font-size: 12px;
		line-height: 16px;
		padding: 0px;
	}

    .videowrapper.desktop {
        display:none;
    }

    .search-form{
        width:80%;
    }

}
@media screen and (max-width: 400px){

	.project-contact .employee .block-holder
	{
		width: 56%;
	}

    .videowrapper.desktop {
        display:none;
    }
    .videowrapper.mobile {
        display:block;
    }
}

@media
( max-width : 767px ) and ( -webkit-min-device-pixel-ratio : 1.5 ),( min-resolution : 144dpi ){
    .carousel .title a:after,
    .carousel .btn-prev,
    .carousel .btn-next,
    .slideshow .btn-prev,
    .slideshow .btn-next,
    .tools .open,
    .project_sharing .tools .open:before,
    .project_sharing .favorites .heart:before,
    .project_sharing .maptoggle:before,
    .favorites_share ul a:before,
    .tools .popup ul a:before,
    .project-contact .measures:before,
    .project-contact .procurement:before,
    .project-contact .address:before,
    .project-contact .customer:before,
    .project-contact .year:before,
    .project-contact .area:before,
    .project-contact .landscape_area:before,
    .project-contact .status:before,
    .project-contact .partner:before,
    .project-contact .area_of_expertise:before,
    .project-contact .architecture_award:before,
    .filter-form .heading .opener:after,
    .search-form input[type="submit"],
    .language a,
    .chk-checked span,
    .select-area .select-opener:before,
    .skip-to-nav:before,
    .contact-list a:before,
    .more-projects,
    .to-top a:after,
    .footer-title:before,
    .ico-map,
    .contacts .rubrics .call,
    .contacts .rubrics .send,
    .navigation a.opener:before,
    .vacancies-list li a:after,
    .mobile-nav .has-drop a:after{
        background: url(../images/sprite2x.png) no-repeat;
        background-size:280px auto;
    }
    .vacancies-list li a:after{background-position:-230px -70px;}
    .navigation a.opener:before {background-position:-185px -126px;}
    .carousel .title a:after{background-position:-96px -23px;}
    .slideshow .btn-next,
    .carousel .btn-next{background-position:-46px 0;}
    .tools .open{background-position:-96px 0;}
    .tools .popup ul a:before{background-position:-153px -197px;}
    .project-contact .measures:before{background-position:-228px -299px;}
    .project-contact .procurement:before{background-position:-183px -299px;}
    .project-contact .address:before{background-position:-250px -299px;}
    .project-contact .customer:before{background-position:-154px -105px;}
    .project-contact .year:before{background-position: -154px -84px;}
    .project-contact .area:before{background-position:-154px -127px;}
    .project-contact .landscape_area:before{background-position:-66px -299px;}
    .project-contact .status:before{background-position:-155px -84px;}
    .project-contact .partner:before{background-position:-157px -299px;}
    .project-contact .area_of_expertise:before{background-position:-123px -299px;}
    .project-contact .architecture_award:before{background-position:-92px -299px;}
    .filter-form .heading .opener:after{background-position:-75px -104px;}
    .search-form input[type="submit"]{background-position:-21px -94px;}
    .language a{background-position:0 -135px;}
    .chk-checked span{background-position: -46px -94px;}
    .select-area .select-opener:before{background-position:-64px -94px;}
    .skip-to-nav:before{background-position:-96px -84px;}
    .contact-list a:before{background-position:0 -150px;}
    .more-projects{background-position: -219px -23px;}
    .to-top a:after{background-position:-96px -140px;}
    .footer-title:before{background-position:-96px -112px;}
    .mobile-nav .has-drop a:after{background-position:0 -135px;}
    .ico-map{background-position:-185px -128px;}
    .contacts .rubrics .send{
        background-position:0 -129px;
        background-size:238px auto;
    }
    .logo{
        /* background: url(../images/logo2x.png) no-repeat; */
        background: url(../images/logo.png) no-repeat;
        background-size: contain;
    }
}
#loader {
    width:100%;
    height:128px;
    background:url(../images/loading.gif) no-repeat center center;
}
.labels {
    color: #000;
    background: none;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    text-align: center;
    width: 30px;
    white-space: nowrap;
}
.infowindow {
    position:relative;
}
.infowindow .favorites {
    position:absolute;
    right:10px;
    bottom:10px;
}
#reset-form {
    display: block;
    font-size: 16px;
    line-height: 43px;
    color: #7c7f80;
    background: #e8e9e9;
    border: none;
    width: 100%;
    height: 43px;
    padding: 0;
    cursor: pointer;
    -webkit-box-align: center;
    text-align: center;
    text-decoration:none;
    clear:both;
}
#reset-form:hover {
    text-decoration:none;
}
.project-map-view {
    display:none;
}
#search-projects {
    text-align:center;
}
#live-search,
.live-search{
        /*display:none; */
        padding-bottom:15px;
    }
#live-search .text-input,
.live-search .text-input{
        display:block;
        border:1px solid #ddd;
        width:100%;
        padding:5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
@media screen and (max-width: 767px){
    #live-search,
    .live-search{
        display: block;
    }
}

@media print{
    #wrapper{
        overflow:visible;
        height:auto;
        display:block;
        margin-bottom:0;
        padding-bottom:0;
    }
    .w1{
        margin-bottom:0;
        padding-bottom:0;

    }
    #main{
        padding:0;
        /*overflow:hidden;*/
        page-break-after: avoid;
        margin:0;
    }
    .sf-toolbar{display:none !important;}
    #content{
        float:none;
        width:93%;
        margin:0 5% 0 2%;
    }
    .content-holder{margin:0;}
    #sidebar,
    #header,
    #footer{display:none !important;}
    /*.post .holder .description{
        margin:0 0 70px;
        width:100%;
        float:none;
    }*/
   .footerlogo{
        display: block;
        width:200px;
        position: absolute;
        bottom:10px;
        z-index: 1000;
    }
    .footerlogo img{
        display:block;
        width:100%;

    }
    #main{padding:0;}
    /*.project-contact{
        width:100%;
        float:none;
    }*/
    #content #relpro.project-list li,
    #content  .project-list li{
        padding:0;
        margin:0;
        width:23%;
    }
    .slideshow{
        max-height:400px;
        overflow: hidden;
        margin:0;
        padding:0;
        width:100%;
    }
    .slideshow .slide{
        max-height:400px;
        max-width:100%;
    }
    .pagination{display:none;}
    .employees-list > li{width:50%;}
    .employees .employees-list > li{
        display:inline-block;
        vertical-align:top;
        float:none;
        width:24%;
    }
    .holder{
        page-break-after: auto;
        overflow: hidden;
    }
    .post .description {
        overflow: hidden;
        float: right;
        width: 65.6%;
        margin: 0 0 0 2%;
        min-height: 500px;
        font-size:8pt;
        position: relative;
        z-index: 1000;
    }
    .post .description p,
    .post .description .entry {
        margin: 0 0 10px 0!important;
        line-height: 1.6;
        font-size:8pt;
    }
    .post .description .entry {
        font-size:7pt;
    }
    .project-contact {
        overflow: hidden;
        float: left;
        width: 32.2%;
        line-height: 1.6;
        font-size:8pt;

    }
    .project-contact img {
        float: left;
        margin: 0 4% 0 0;
        width: 20%;
        height: auto;
    }
    .project-contact .block .block-holder{
        width: 74%;
        margin:0;
        padding:0;
    }
    .project-contact strong {
        display: block;
        font-weight: 700;
        font-size: 8pt;
    }
    .project-contact .info-holder span{
        display:none;
        line-height: 1.4;
    }
    .project-contact .info-holder span.infolabel{
        display:block;
    }
    .project-contact .info-holder span,
    .project-contact .info-holder span:before,
    .project-contact .info-holder span:after{
        margin:5px 0;
        padding:0;content:"";
    }
    .contacts .rubrics li{
        float:none;
        width:auto;
    }
    .contacts .col .employees-list{overflow:hidden;}
    .contacts .col .employees-list > li{
        float:none;
        display:inline-block;
        vertical-align:top;
        width:49%;
    }
    .slideshow .caption {
       font-size:6pt;
    }
    .project-contact .info-holder{
        padding-top:0;
    }
    .project-list li .favorites,
    .slideshow .btn-prev,
    .slideshow .btn-next,
    .carousel .btn-prev,
    .carousel .btn-next,
    #main header .block,
    #content header .block,
    .project-full-view .description h1,
    .search-results.ajax-container,
    .noprint{
        display:none;
    }
}
@media screen and (min-width: 767px){
    .screen-hide{display:none}


}
.sharing a{
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 3px;
    position: relative;
    top: 1px;
}
.sharing a.fb{
    background: url("../images/Symbol_Facebook_transparent.png") center center/contain no-repeat;
}
.sharing a.tw{
    background: url("../images/Symbol_Twitter_transparent.png") center center/contain no-repeat;
}
.sharing a.li{
    background: url("../images/Symbol_Linkedin_transparent.png") center center/contain no-repeat;
}

.sharing a.in{
    background: url("../images/Symbol_Instagram_transparent.png") center center/contain no-repeat;
}


.sharing.mobsharing a{
    width:30px;
    height:30px;
    top: 0px;
    margin:0 5px;
}
.sharing.mobsharing a.fb{
    background: url("../images/linkshare.png") no-repeat 8px 6px;
}
.sharing.mobsharing a.tw{
    background: url("../images/linkshare.png") no-repeat -23px 6px;
}
.sharing.mobsharing a.li{
    background: url("../images/linkshare.png") no-repeat -55px 6px;
}
.persondetail li
{
    width: 100%;
}
.persondetail .employee img
{
    width: auto;
}

#heart-animation {
    background: url(../images/sprite.png) no-repeat 0 -116px;
    position:absolute;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    width: 22px;
    height: 19px;
    z-index: 99999;
    display:none;
}
.newsletterlink,
.newsletterlink:active{
    display: block;
    clear: both;
    float: left;
    padding: 5px 10px;
    color: #fff;
    background: #3e4a4d;
}
.newsletterlink:hover{
    background: #344043;
}
@media screen and (max-width:767px){
    .newsletterlink{
        margin: 0 -18px;
        float: none;
    }
}