.inner header:after {content:''; clear:both; display:table;} @media screen and (max-width:680px) { .inner header {position:relative;} } .inner header .map .button {background-color:#c2c1bc;} .inner header .map.active .button {background-color:#e3212e;} @media screen and (max-width:680px) { .inner header .map .button {background-color:#4f4547;} } .inner footer {/*height:128px;*/ border-top: 3px solid #003399; max-width:1024px; margin:0px auto; background:#ffffff;} /*.inner footer .about {width:256px; float:left; height:128px;}*/ /*.inner footer .about .copyright {float:none; width:auto; height:auto; padding:24px 0px 18px 18px;}*/ /*.inner footer .about .contacts {float:none; width:auto; padding:0px 0px 0px 18px;}*/ .inner footer .about .contacts .link {display:none;} /*.inner footer .about .contacts .phone {padding-top:0px;}*/ .inner footer .networks {width:46px; height:auto; padding:0px 0px 0px 0px; margin:21px 0px 0px 18px;} .inner footer .networks li {display:block; padding-bottom:10px;} .inner footer nav a {/*margin-top:55px;*/} .inner footer nav span {display:inline-block; margin: 55px 12px 0px 12px; color:#999999; font-family:'Beau Sans Pro'; font-size:11px; font-weight:bold; text-transform:uppercase; height:13px;} .inner .creator {/*display:block;*/ float:right; height:50px; width:108px; padding:78px 0px 0px 20px; background:url(/images/cms/data/creator.svg) 20px 25px no-repeat; color:#cccccc; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;} .inner .creator:hover {background-color:#ffffff;} /*.inner footer span.contacts, .inner footer div.contacts {display:block; width:128px; height:32px; background-position:0px 0px; text-align:center; color:#ffffff; padding-top:96px; font-family:'Beau Sans Pro'; font-size:12px; font-weight:bold; text-transform:uppercase; text-indent:0px;}*/ .inner footer span.contacts {background:#e3212e url(/images/cms/data/icon-contacts.svg) 0px 0px no-repeat; float:left;} @media screen and (max-width: 1024px) { .inner footer {height:64px; background:#ffffff;} .inner footer .about {/*width:25%;*/ height:auto;} .inner footer .about .copyright {height:46px; padding:18px 0px 0px 18px;} .inner footer .about .contacts {/*display:none;*/} .inner footer .networks {width:128px; height:43px; padding:21px 0px 0px 0px; margin:0px;} .inner footer .networks li {display:inline-block; padding-bottom:0px;} .inner footer nav a {margin-top:25px;} .inner footer nav span {margin-top:25px;} .inner footer span.contacts, .inner footer a.contacts {width:64px; height:64px; background-position:0px -128px; padding-top:0px; text-indent:-4000px;} } @media screen and (max-width:860px) { .inner footer span.contacts, .inner footer a.contacts {display:none;} } @media screen and (max-width:768px) { .inner footer .about {/*width:192px;*/} } @media screen and (max-width:680px) { .inner footer {background:#f3f3f3; /*height:192px;*/} .inner footer .about {width:auto; height:auto;} .inner footer .about .copyright {width:186px; height:auto; padding:24px 18px 18px 18px;} .inner footer .about .contacts {display:block; width:162px; /*padding:0px 0px 0px 18px;*/} .inner footer .networks {width:46px; height:auto; padding:0px 0px 0px 0px; margin:21px 0px 0px 0px;} .inner footer .networks li {display:block; padding-bottom:10px;} } @media screen and (max-width:480px) { .inner footer .about .copyright {width:190px; padding: 24px 0px 18px 9px;} .inner footer .about .contacts {width: 150px;padding: 19px 0px 0px 9px;} } .page-background {height:128px; background:#4f4547 center 0px no-repeat; background-size:cover; position:absolute; top:0px; left:0px; right:0px; border-bottom:3px solid #003399;} .page-background:after {content:' '; position:absolute; top:0px; left:0px; width:calc(50% - 512px); height:100%; background:rgba(194,193,188,0.5); z-index:101;} .page-background:before {content:' '; position:absolute; top:0px; right:0px; width:calc(50% - 512px); height:100%; background:rgba(194,193,188,0.5); z-index:101;} #bx-panel ~ .page-background {top:39px;} .inner {min-height:1px;} .inner body {min-height:1px;} .inner .wrapper {max-width:1024px; min-height:calc(100% - 131px); margin:0px auto; background:#ffffff; position:relative;} .inner .wrapper:before {content:''; position:absolute; top:0px; bottom:0px; right:0px; width:256px; background:#f3f3f3;} @media screen and (max-width:1024px) { .inner .wrapper {min-height:calc(100% - 67px);} } @media screen and (max-width:680px) { .inner .wrapper {min-height:inherit;} } .page-banners {overflow:hidden; width:768px; position:absolute; bottom:0px; left:0px; z-index:1;} .page-banners .banner {float:left;} .page-banners .banner.big {width:512px;} .page-banners .banner.small {width:256px;} @media screen and (max-width:1023px) { .page-banners .banner ~ .banner {display:none;} } @media screen and (max-width:767px) { .page-banners {display:none;} } .banner.big {font-family:'Beau Sans Pro'; position:relative; color:#ffffff;} .banner.big .image {display:block; width:100%;} .banner.big .over {position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:rgba(102,51,0,0.5);} .banner.big .text {text-transform:uppercase; padding:20px 20px 0px 30px; font-size:15px; font-weight:bold;} .banner.big .text a {font-family:'Beau Sans Pro'; font-size:9px; text-transform:uppercase; color:#ffffff; font-weight:900; text-decoration:none; border-bottom:2px solid #ffffff; display:inline-block; line-height:11px; margin:3px 0px 0px 15px; vertical-align:top;} .banner.big .text a:hover {border-bottom-color:transparent;} /*1.3.5*/ .banner.big .nums {overflow:hidden; padding:0px 0px 0px 30px;} .banner.big .nums .left {float:left; font-size:220px; font-weight:bold; line-height:0.9em;} .banner.big .nums .right {float:left; width:300px; font-weight:bold;} .banner.big .nums .right .top {font-size:120px; line-height:1.15em;} .banner.big .nums .right .top span {font-size:60px; position:absolute; left:170px; bottom:0px;} .banner.big .nums .right .bottom {font-size:14px; line-height:1.3em; position:absolute; top:160px; left:280px;} .banner.small {font-family:'Beau Sans Pro'; width:100%; position:relative; color:#ffffff;} .banner.small .image {display:block; width:100%;} .banner.small .over {position:absolute; bottom:0px; left:0px; right:0px; background:rgba(102,51,0,0.5); padding:0px 0px 18px 0px;} #banner-geo .over {background:rgba(0,0,0,0.5);} .banner.small .nums {padding:15px 20px 0px 30px; font-size:48px; font-weight:bold; line-height:76px;} .banner.small .nums em {font-size:72px; font-weight:bold; line-height:normal; font-style:normal; margin-top:-15px; display:inline-block; color:#e3212e;} /*1.3.5*/ .banner.small .nums strong {font-size:60px; font-weight:bold; line-height:normal; margin-top:-15px; display:inline-block;} .banner.small .text + .nums {font-size:32px; padding:0px 20px 10px 30px; line-height:42px;} .banner.small .text {text-transform:uppercase; padding:0px 10px 0px 30px; font-size:15px; font-weight:bold;} .banner.small .text:first-child {padding-top:20px;} .banner.small .text a {font-family:'Beau Sans Pro'; font-size:9px; text-transform:uppercase; color:#ffffff; font-weight:900; text-decoration:none; border-bottom:2px solid #ffffff; display:inline-block; line-height:11px; margin:3px 0px 0px 0px; vertical-align:top;} banner.small .text a:hover {border-bottom-color:transparent;} /*1.3.5*/ .banner.small .text span + a {margin-left:15px;} @media screen and (max-width:680px) { .banner.small .over {padding-top:6px;} .banner.small .nums {font-size:60px; line-height:99px;} .banner.small .nums em {font-size:90px; line-height:99px;} .banner.small .nums strong {font-size:90px; line-height:99px;} .banner.small .text + .nums {font-size:42px; padding:10px 20px 20px 30px;} .banner.small .text {font-size:18px; line-height:22px;} .banner.small .text a {font-size:11px; margin-top:2px; line-height:14px;} .banner.small .text span + a {margin-left:15px;} } #epcc li {position:absolute; top:0px; left:0px; width:100%;} #epcc li:first-child {z-index:1;} #epcc img {display:block; width:100%;} .page-content {position:relative; overflow:hidden;} .page-content:after {content:''; clear:both; display:table;} .page-content .content-column {width:calc(100% - 336px); float:left; padding:50px 40px 60px 40px; font-size:13px; color:#333333; position:relative; overflow:hidden;} .page-banners + .page-content .content-column {margin-bottom:256px;} .page-content .aside-column {float:right; width:256px; position:relative; padding:3px 0px 0px 0px; background:#f3f3f3; -webkit-transform:translateZ(0);} .page-content .aside-column.fixed {position:fixed; top:-3px; right:50%; margin-right:-512px;} .page-content .aside-column.soaring {position:fixed; top:-3px; right:50%; margin-right:-512px;} .page-content .aside-column.subside {position:absolute; top:auto; left:auto; right:0px; bottom:0px;} @media screen and (max-width:1024px) { .page-content .aside-column.fixed {right:0px !important; margin-right:0px;} .page-content .aside-column.soaring {right:0px !important; margin-right:0px;} } @media screen and (max-width:860px) { .page-content .content-column {padding-top:36px;} } @media screen and (max-width:768px) { .inner .wrapper:before {content:none;} .page-content .content-column {width:auto; float:none;} .page-content .aside-column {position:absolute !important; top:0px !important; right:-256px !important;} .page-content .aside-column.fixed {right:-256px !important;} .page-content .aside-column.soaring {right:-256px !important;} .wrapper.active:before {content:' ';} .wrapper.active .page-content {left:-256px; width:calc(100% + 256px); /*1.3.5*/ overflow-x:hidden; overflow:initial;} .wrapper.active .page-content .content-column {width:calc(100% - 336px); overflow:hidden;} .wrapper.active .page-content .aside-column {right:0px !important;} } @media screen and (max-width:680px) { .page-content .content-column {padding:36px 30px 36px 30px;} .page-banners + .page-content .content-column {margin-bottom:0px;} .page-content .aside-column {position:relative !important; right:0px !important; float:none; width:auto; padding-top:0px;} .page-content .aside-column.fixed {right:0px !important;} .page-content .aside-column.soaring {right:0px !important;} .wrapper.active:before {content:none;} .wrapper.active .page-content {left:auto; width:auto;} .wrapper.active .page-content .content-column {width:auto; overflow:auto;} .wrapper.active .page-content .aside-column {right:0px;} } .page-content .content-column .breadcrumbs {margin-bottom:0px; padding:0px 0px 12px 0px; font-size:11px; font-family:HandelGothicTL, sans-serif;} .page-content .content-column .breadcrumbs li {display:inline-block; text-transform:uppercase; color:#333333; padding:0px;} .page-content .content-column .breadcrumbs li:after {content:'/'; margin:0px 0px 0px 4px;} .page-content .content-column .breadcrumbs li:nth-child(3):after {content:none;} .page-content .content-column .breadcrumbs li:before {content:none;} .page-content .content-column .breadcrumbs li a {color:#333333; border-bottom:none;} .page-content .content-column .breadcrumbs li a:hover {color:#e3212e} @media screen and (max-width:680px) { .page-content .content-column .breadcrumbs {padding-bottom:18px;} .page-content .content-column .breadcrumbs li {color:#9c9c9c;} .page-content .content-column .breadcrumbs li a {color:#9c9c9c;} } .page-content .content-column a {color:#003399; text-decoration:none; border-bottom:1px solid #8cabe8;} .page-content .content-column a:hover {color:#333333; border-bottom-color:#878787;} /*1.3.4*/ /*.page-content .content-column a.pseudo {border:none; background:url(/images/cms/data/a-dotted-e3212e.svg) 0px -2px repeat; padding-bottom:1px;}*/ .page-content .content-column h1 {font-family:HandelGothicTL, sans-serif; text-transform:uppercase; font-size:27px; font-weight:bold; color:#003399; padding:0px 0px 18px 0px;} .page-content .content-column h1 + h2 {margin-top:0px;} .page-content .content-column h2 {font-family:HandelGothicTL, sans-serif; text-transform:uppercase; font-size:18px; font-weight:bold; margin:18px 0px 12px 0px; padding:9px 0px 0px 0px;} .page-content .content-column h3 {font-family:HandelGothicTL, sans-serif; font-size:15px; font-weight:bold; margin:18px 0px 12px 0px;} .page-content .content-column h4 {font-family:HandelGothicTL, sans-serif; font-size:13px; font-weight:bold; margin:18px 0px 12px 0px; padding:9px 0px 0px 0px;} .page-content .content-column h5 {} .page-content .content-column h6 {} .page-content .content-column p {padding:0px 0px 9px 0px;} /*.page-content .content-column p a:hover {color:#333333; border-bottom:1px solid #878787;}*/ /*1.3.4*/ .page-content .content-column em {/*background:#ffff00; font-style:normal;*/} .page-content .content-column mark {background:#ffff00;} .page-content .content-column ul {margin:0px 0px 9px 0px;} .page-content .content-column ul ul {margin-top:9px;} .page-content .content-column ul li {position:relative; padding:0px 0px 9px 15px;} .page-content .content-column ul li p {padding-top:9px;} .page-content .content-column ul li:before {content:' '; position:absolute; top:6px; left:0px; width:4px; height:4px; background:#333333; border-radius:50%;} .page-content .content-column blockquote {margin:18px 0px 27px 0px; padding:18px 18px 18px 18px; background:#f3f3f3; border-left:3px solid #e3212e; font-family:'Beau Sans Pro'; font-size:13px; font-weight:bold;} .page-content .content-column ol {margin:0px 0px 9px 15px;} .page-content .content-column ol li {position:relative; padding:0px 0px 9px 15px; list-style-type:decimal;} .page-content .content-column ol li p:first-child {padding-top:0px;} .page-content .content-column ol li p {padding:9px 0px 0px 0px;} @media screen and (max-width:680px) { .page-content .content-column h1 {font-size:18px;} .page-content .content-column blockquote {margin-left:-30px; margin-right:-30px;} } .page-content .content-column .content-image {overflow:hidden; margin:27px -40px 36px -40px;} .page-content .content-column .content-image:last-child, .page-content .content-column .content-image.last-child {margin-bottom:-60px;} .page-content .content-column .content-image .image {float:left; width:66.667%; max-width:512px;} .page-content .content-column .content-image .image img {display:block; width:100%;} .page-content .content-column .content-image .text {float:left; width:172px; padding:40px 0px 0px 20px; line-height:1.3em; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic;} .page-content .content-column .content-image .text p {} .page-content .content-column .content-image .text a {} @media screen and (max-width:860px) { .page-content .content-column .content-image .image {width:100%;} .page-content .content-column .content-image .text {width:432px; margin-bottom:-9px; padding:20px 40px 0px 40px;} } @media screen and (max-width:768px) { .page-content .content-column .content-image .image {float:left; width:66.667%; max-width:512px;} .page-content .content-column .content-image .text {float:left; width:172px; padding:40px 0px 0px 20px; background:none;} } @media screen and (max-width:680px) { .page-content .content-column .content-image {margin-right:-30px; margin-left:-30px;} .page-content .content-column .content-image:last-child, .page-content .content-column .content-image.last-child {margin-bottom:-36px;} .page-content .content-column .content-image .image {float:none; width:100%; max-width:none;} .page-content .content-column .content-image .image img {width:100%;} .page-content .content-column .content-image .text {float:none; background:#f3f3f3; width:auto; padding:18px 30px 18px 30px;} .page-content .content-column .content-image:last-child .text, .page-content .content-column .content-image.last-child .text {background:#ffffff;} } .page-content .content-column .content-footer {padding:21px 0px 0px 0px;} #page-scroll {width:64px; height:64px; background:#e3212e url(/images/cms/data/logo-small.svg) 0px 0px no-repeat; position:fixed; top:91px; left:50%; margin-left:-576px; display:none; text-indent:-9999px;} @media screen and (max-width:1024px) { #page-scroll {display:none !important;} } .page-content .aside-column nav {background:#e3212e; padding:30px 30px 25px 30px; font-family:'Beau Sans Pro'; position:relative;} .page-content .aside-column nav.user + nav {padding-top:31px;} .page-content .aside-column nav.user + nav:before {content:' '; position:absolute; top:0px; left:25px; width:206px; height:1px; background:#f39aa0;} .page-content .aside-column nav.nav-730 {display:none;} .page-content .aside-column nav li {padding:0px 0px 5px 0px; font-size:12px; color:#ffffff} .page-content .aside-column nav a {line-height:14px; color:#ffffff; border-bottom:1px solid #f39aa0; /*display:inline-block;*/} .page-content .aside-column nav a:hover {border-bottom-color:#ffffff;} /*1.3.5*/ @media screen and (max-width:680px) { .page-content .aside-column nav {display:none !important; padding:30px 30px 23px 30px;} .page-content .aside-column nav.nav-730 {display:block !important;} .page-content .aside-column nav li {font-size:15px; padding-bottom:7px;} .page-content .aside-column nav a {line-height:17px;} } .page-content .aside-column .news {padding:20px 30px 0px 30px;} .page-content .aside-column .news h3 {font-family:'Beau Sans Pro'; font-size:15px; text-transform:uppercase; padding:0px 0px 12px 0px;} .page-content .aside-column .news li {padding:0px 0px 24px 0px; font-size:13px;} .page-content .aside-column .news li p {font-family:Arial, Helvetica, sans-serif; font-style:italic; padding:0px 0px 12px 0px; line-height:1.3em;} .page-content .aside-column .news li p a {color:#333333; border-bottom:1px solid #878787;} .page-content .aside-column .news li p a:hover {color:#e3212e; border-bottom:1px solid #f08184;} .page-content .aside-column .news li .date {color:#a7a7a7; font-family:'Beau Sans Pro'; font-size:10px;} .page-content .aside-column .news li .date strong {text-transform:uppercase;} @media screen and (max-width:680px) { .page-content .aside-column .news {display:none !important;} } .page-content .aside-column .image {display:block; width:100%;} @media screen and (max-width:680px) { .page-content .aside-column > img.image {display:none !important;} } .page-content .aside-column .projects {position:relative;} .page-content .aside-column .projects h3 {font-family:'Beau Sans Pro'; font-size:15px; text-transform:uppercase; padding:20px 30px 12px 30px;} .page-content .aside-column .projects ul {height:85px; padding:0px 0px 24px 0px;} .page-content .aside-column .projects li {height:109px; padding:0px 30px 0px 30px; font-size:13px; background:#f3f3f3; position:absolute; /*top:179px;*/ left:0px; bottom:0px;} .page-content .aside-column .projects li:first-child {z-index:1;} .page-content .aside-column .projects li p {font-family:Arial, Helvetica, sans-serif; font-style:italic; padding:0px 0px 12px 0px; line-height:1.3em;} .page-content .aside-column .projects li p a {color:#333333; border-bottom:1px solid #878787;} .page-content .aside-column .projects li p a:hover {color:#e3212e; border-bottom:1px solid #f08184;} .page-content .aside-column .projects li .date {color:#a7a7a7; font-family:'Beau Sans Pro'; font-size:10px;} .page-content .aside-column .projects li .date strong {margin-right:5px;} .page-content .aside-column .projects .navigator {position:absolute; bottom:12px; right:12px; z-index:101;} .page-content .aside-column .projects .navigator a {display:inline-block; width:10px; height:10px; margin:0px 4px 0px 4px; background:#c2c1bc; border-radius:50%;} page-content .aside-column .projects .navigator a:hover {/*cursor:default;*/} /*1.3.5*/ .page-content .aside-column .projects .navigator a.active {cursor:default; background:#e3212e;} #side-reveal {position:absolute; top:64px; right:0px; width:44px; height:64px; background:url(/images/cms/data/icon-pad.svg) 0px 0px no-repeat; display:none; cursor:pointer; z-index:105;} #side-reveal:before {content:none;} @media screen and (max-width:768px) { #side-reveal {display:block;} .wrapper.active #side-reveal {/*1.3.5 -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); */ transform:rotate(180deg);} } @media screen and (max-width:680px) { #side-reveal {display:none;} } #chronicle {overflow:hidden; margin:45px 0px 0px 0px; position:relative; padding:24px 0px 24px 60px;} #chronicle .previous, #chronicle .next {position:absolute; top:0px; left:62px; width:60px; height:14px; cursor:pointer; background:url(/images/cms/data/slider-arrows.svg) 0px 0px no-repeat;} #chronicle .next {background-position:0px -14px; top:auto; bottom:0px;} #chronicle .disabled {cursor:default;} #chronicle .previous.disabled {background-position:-60px 0px;} #chronicle .next.disabled {background-position:-60px -14px;} #chronicle .years {float:left; width:64px; height:526px; overflow:hidden;} #chronicle .years .item {display:table; width:64px; height:64px; background:#c2c1bc; border-radius:50%; /*line-height:64px;*/ font-size:12px; font-weight:bold; color:#ffffff; text-align:center; font-family:'Beau Sans Pro'; position:relative; margin-bottom:90px; cursor:pointer;} #chronicle .years .item span {display:table-cell; vertical-align:middle;} #chronicle .years .item:before {content:' '; position:absolute; bottom:62px; left:29px; width:6px; height:92px; background:linear-gradient(transparent, #c2c1bc);} #chronicle .years .item:first-child:before {content:none;} #chronicle .years .item:after {content:' '; position:absolute; top:62px; left:29px; width:6px; height:92px; background:linear-gradient(#c2c1bc, transparent);} #chronicle .years .item:last-child:after, #chronicle .years .item:last-child.after {content:none;} #chronicle .years .item.active {background:#e3212e;} #chronicle .years .item.active:before {background:linear-gradient(transparent, #e3212e);} #chronicle .years .item.active:after {background:linear-gradient(#e3212e, transparent);} #chronicle .years .item.disabled {background:#e6e6e6; cursor:default;} #chronicle .years .item.disabled:before {background:linear-gradient(transparent, #e6e6e6);} #chronicle .years .item.disabled:after {background:linear-gradient(#e6e6e6, transparent);} @media all and (min-width:0\0) and (min-resolution:.001dpcm) { #chronicle .years .item:before {background:url(/images/cms/data/chronicle-gradients.svg) 0px 0px;} #chronicle .years .item:after {background:url(/images/cms/data/chronicle-gradients.svg) 0px -92px;} #chronicle .years .item.active:before {background:url(/images/cms/data/chronicle-gradients.svg) -6px 0px;} #chronicle .years .item.active:after {background:url(/images/cms/data/chronicle-gradients.svg) -6px -92px;} #chronicle .years .item.disabled:before {background:url(/images/cms/data/chronicle-gradients.svg) -12px 0px;} #chronicle .years .item.disabled:after {background:url(/images/cms/data/chronicle-gradients.svg) -12px -92px;} } #chronicle .texts {float:left; width:calc(100% - 184px); height:526px; overflow:hidden; padding:0px 0px 0px 100px;} #chronicle .texts .item {margin:0px 0px 27px 0px; opacity:0.3; position:relative;} #chronicle .texts .item.active {opacity:1;} #chronicle .texts .item:last-child, #chronicle .texts .item.last-child {margin-bottom:0px;} #chronicle .texts h4 {font-family:'Beau Sans Pro'; font-size:19px; font-weight:bold; margin-top:0px; padding:0px 0px 12px 0px;} /*1.3.4*/ @media screen and (max-width:680px) { #chronicle {margin:0px 0px 0px 0px; padding:27px 0px 0px 0px;} #chronicle .years {display:none;} #chronicle .previous, #chronicle .next {display:none;} #chronicle .texts {height:auto; padding:0px 0px 0px 0px; float:none; width:auto;} #chronicle .texts .item {opacity:1; position:static;} #chronicle .texts h4 {font-size:15px;} } .content-column .news-item {padding:0px 0px 21px 0px; overflow:hidden;} .content-column p + .news-item {padding-top:21px;} .content-column .news-item h2 {font-family:'Beau Sans Pro'; font-size:13px; color:#e3212e; font-weight:normal; text-transform:none; margin:0px 0px 0px 0px; padding:0px 0px 9px 0px;} .content-column .news-item h2 a:hover {color:#333333; border-bottom:1px solid #878787;} .content-column .news-item .date {font-size:10px; padding:0px 0px 15px 0px; font-family:'Beau Sans Pro';} .content-column .news-item .date strong {text-transform:uppercase;} .content-column .news-item .date:last-child, .content-column .news-item .date.last-child {padding-bottom:9px;} .content-column .news-item img {float:left; margin:0px 20px 9px 0px; width:256px;} .content-column .news-item img + p {padding-top:15px;} @media screen and (max-width:680px) { .content-column .news-item img {width:192px; float:none;} } .paginator {height:64px; position:relative; margin:30px -40px -60px -40px; text-align:center;} .paginator .to-begin {position:absolute; top:0px; left:0px; width:64px; height:64px;} .paginator span.to-begin {background:#f3f3f3 url(/images/cms/data/paginator.svg) 0px 0px no-repeat;} .paginator a.to-begin {background:#c2c1bc url(/images/cms/data/paginator.svg) -128px -64px no-repeat; border:none !important;} .paginator a.to-begin:hover {background-color:#e3212e;} .paginator .previous {position:absolute; top:0px; left:64px; width:64px; height:64px;} .paginator span.previous {background:#f3f3f3 url(/images/cms/data/paginator.svg) -64px 0px no-repeat;} .paginator span.to-begin + span.previous:before {content:' '; position:absolute; top:12px; left:-1px; width:2px; height:39px; background:#e6e6e6;} .paginator a.to-begin + a.previous:before {content:' '; position:absolute; top:12px; left:-1px; width:2px; height:39px; background:#e6e6e6;} .paginator a.to-begin:hover + a.previous:before {content:none;} .paginator a.previous {background:#c2c1bc url(/images/cms/data/paginator.svg) -192px -64px no-repeat; border:none !important;} .paginator a.previous:hover {background-color:#e3212e;} .paginator a.previous:hover:before {content:none !important;} .paginator .to-end {position:absolute; top:0px; right:0px; width:64px; height:64px;} .paginator span.to-end {background:#f3f3f3 url(/images/cms/data/paginator.svg) -192px 0px no-repeat;} .paginator a.to-end {background:#c2c1bc url(/images/cms/data/paginator.svg) -64px -64px no-repeat; border:none !important;} .paginator a.to-end:hover {background-color:#e3212e;} .paginator .next {position:absolute; top:0px; right:64px; width:64px; height:64px;} .paginator span.next {background:#f3f3f3 url(/images/cms/data/paginator.svg) -128px 0px no-repeat;} .paginator span.next + span.to-end:before {content:' '; position:absolute; top:12px; left:-1px; width:2px; height:39px; background:#e6e6e6;} .paginator a.next + a.to-end:before {content:' '; position:absolute; top:12px; left:-1px; width:2px; height:39px; background:#e6e6e6;} .paginator a.next:hover + a.to-end:before {content:none;} .paginator a.next {background:#c2c1bc url(/images/cms/data/paginator.svg) 0px -64px no-repeat; border:none !important;} .paginator a.next:hover {background-color:#e3212e;} .paginator a.to-end:hover:before {content:none !important;} .paginator .nums {border-bottom:none !important; display:inline-block; width:32px; height:32px; background:#c2c1bc; text-align:center; line-height:32px; font-size:14px; border:none !important; color:#ffffff !important; font-weight:bold; font-family:'Beau Sans Pro'; margin:16px 14px 0px 14px; border-radius:50%;} .paginator .nums:hover {background:#e3212e;} .paginator .current {display:inline-block; width:32px; height:32px; background:#f3f3f3; text-align:center; line-height:32px; font-size:14px; color:#c2c1bc; font-family:'Beau Sans Pro'; margin:16px 14px 0px 14px; border-radius:50%;} .paginator .dots {border-bottom:none !important; position:absolute; top:0px; width:64px; height:64px; background:url(/images/cms/data/paginator.svg) -256px 0px no-repeat;} .paginator .previous + .dots {left:50%; margin-left:160px;} .paginator .nums + .dots {right:50%; margin-right:160px;} @media screen and (max-width:1023px) { .paginator .dots {display:none;} } @media screen and (max-width:860px) { .paginator .nums {display:none;} } @media screen and (max-width:768px) { .paginator .nums {display:inline-block;} } @media screen and (max-width:680px) { .paginator .nums {display:none;} .paginator {margin:30px -30px -36px -30px;} } .aside-column .contacts {padding:0px 0px 30px 0px; min-height:162px; background:#f3f3f3;} .aside-column .contacts img {display:block; width:100%;} .aside-column .contacts h3 {font-family:'Beau Sans Pro'; font-size:15px; text-transform:uppercase; padding:20px 30px 12px 30px;} .aside-column .contacts h4 {font-family:'Beau Sans Pro'; font-size:13px; font-weight:bold; color:#333333; padding:0px 30px 9px 30px;} .aside-column .contacts p {font-size:11px; color:#333333; padding:0px 30px 18px 30px;} .aside-column .contacts ol {list-style:decimal; font-size:11px; margin:0px 0px -9px 0px; padding:0px 30px 0px 30px;} .aside-column .contacts ol li {padding:0px 0px 9px 0px;} .aside-column .contacts ol li a {margin:0px !important;} .aside-column .contacts a {border-bottom:1px solid #999999;} .aside-column .contacts a:hover {border-bottom:1px solid #f19096;} .aside-column .contacts .phone {font-size:15px; font-weight:bold; color:#333333; padding:0px 30px 3px 30px; font-family:'Beau Sans Pro';} .aside-column .contacts .email {font-size:11px; color:#999999; border-bottom:1px solid #cccccc; padding-bottom:1px; margin:0px 30px 0px 30px;} .aside-column .contacts .email:hover {color:#e5303c; border-color:#e3212e;} @media screen and (max-width:680px) { .aside-column .contacts {padding-top:10px; padding-left:10px; padding-right:10px; min-height:inherit;} .aside-column .contacts img {display:none;} .aside-column .contacts h3 {font-size:18px;} } #page-back {position:fixed; top:286px; left:50%; margin-left:-576px; width:64px; height:64px; background:#c2c1bc url(/images/cms/data/paginator.svg) -192px -64px no-repeat; text-indent:-4000px; border:none !important;} #page-back.scrolled {top:155px;} @media screen and (max-width:1024px) { #page-back {display:none !important;} } .content-tagline {margin:-9px 0px 30px 0px; font-family:'Beau Sans Pro'; font-size:10px;} .content-tagline .date {display:inline-block; margin:0px 15px 0px 0px;} .content-tagline .time {color:#a7a7a7; text-transform:uppercase; font-weight:bold;} .content-tagline .file {display:block; height:34px; min-width:192px; width:calc(100% - 64px); padding:0px 15px 0px 49px; margin:15px 0px 0px 0px; position:relative; color:#a7a7a7 !important; font-size:10px; text-transform:uppercase;} .content-tagline .file strong {font-family:'Beau Sans Pro'; font-weight:bold; display:block; max-height:28px; overflow:hidden; margin:0px 0px 0px 0px; padding:3px 0px 0px 0px; line-height:14px;} .content-tagline .file strong a {color:#333333 !important; border-bottom:none !important; line-height:14px;} .content-tagline .file strong a:before {content:' '; position:absolute; top:0px; left:0px; width:34px; height:34px; background:url(/images/cms/data/icon-files.svg); background-position:-170px -128px;} .content-tagline .file strong a:hover {color:#e3212e !important; border-bottom:none !important;} .content-tagline .file strong a:hover:before {background-position:-170px -162px;} .content-tagline .file strong a.pdf:before {background-position:0px -128px;} .content-tagline .file strong a.doc:before {background-position:-34px -128px;} .content-tagline .file strong a.xls:before {background-position:-68px -128px;} .content-tagline .file strong a.zip:before {background-position:102px -128px;} .content-tagline .file strong a.rar:before {background-position:-136px -128px;} .content-tagline .file strong a.pdf:hover:before {background-position:0px -162px;} .content-tagline .file strong a.doc:hover:before {background-position:-34px -162px;} .content-tagline .file strong a.xls:hover:before {background-position:-68px -162px;} .content-tagline .file strong a.zip:hover:before {background-position:102px -162px;} .content-tagline .file strong a.rar:hover:before {background-position:-136px -162px;} .content-tagline .source {display:inline-block; text-transform:uppercase;} .content-tagline .source a {border:none !important; margin:0px 0px 0px 2px; font-weight:bold;} .content-tagline .source a:after {content:url(/images/cms/data/icon-source.svg); margin:0px 0px 0px 4px;} @media screen and (max-width:680px) { .content-tagline .date {display:block; margin-bottom:6px;} } .content-menu {margin:-9px 0px 30px 0px; color:#a7a7a7; font-family:'Beau Sans Pro'; font-size:10px; text-transform:uppercase; font-weight:bold;} /*1.3.4*/ .content-menu * {margin:0px 15px 0px 0px;} .content-menu a {/*padding-bottom:1px;*/} /*1.3.4*/ @media screen and (max-width:680px) { .content-menu {margin-right:-15px; margin-bottom:24px;} .content-menu * {display:inline-block; margin-bottom:6px; line-height:11px;} .content-menu a {padding-bottom:0px;} } .content-column .contacts-item {padding:21px 0px 9px 0px;} .content-column .contacts-item h3 {font-family:'Beau Sans Pro'; font-size:15px; text-transform:uppercase; padding:0px 0px 15px 0px;} .content-column .contacts-item h3 a {border-bottom:none; /*border-bottom:dotted 1px; display:inline-block; line-height:15px;*/ color:#333333; background:url(/images/cms/data/a-dotted-333.svg) 0px 0px repeat;} /*1.3.4*/ .content-column .contacts-item h3 a:hover {color:#e3212e; background-image:url(/images/cms/data/a-dotted-e3212e.svg);} /*1.3.4*/ .content-column .contacts-item .phone {font-weight:bold; padding:9px 0px 3px 0px; font-family:'Beau Sans Pro'; font-size:15px;} .content-column .contacts-item .phone a {border:none; color:#333333;} .content-column .contacts-item .email a {font-size:11px; color:#999999; border-bottom:1px solid #cccccc; padding-bottom:1px;} .content-column .contacts-item .email a:hover {color:#e5303c; border-color:#e3212e;} .content-column .page-tabs {margin:0px -40px 0px -40px;} .content-column .page-tabs ul.tabs {height:64px; margin-bottom:0px;} .content-column .page-tabs .tabs li {float:left; color:#ffffff; cursor:pointer; height:38px; padding:26px 23px 0px 23px; font-family:'Beau Sans Pro'; font-size:11px; font-weight:bold; text-transform:uppercase; background:#c2c1bc;} .content-column .page-tabs .tabs li:first-child:before {content:none;} .content-column .page-tabs .tabs li:before {content:' '; position:absolute; top:12px; left:-1px; width:2px; height:40px; background:#e6e6e6; border-radius:0px;} @media screen and (max-width:680px) { .content-column .page-tabs {margin:0px -30px 0px -30px;} .content-column .page-tabs ul.tabs {min-width:200%;} } .content-column .page-tabs .tabs li span {display:inline-block; line-height:14px; background:url(/images/cms/data/a-dotted-fff.svg) 0px 0px repeat;} .content-column .page-tabs .tabs li.current {cursor:default; background:#4f4547;} .content-column .page-tabs .tabs li.current:before {content:none;} .content-column .page-tabs .tabs li.current + li:before {content:none;} .content-column .page-tabs .tabs li.current span {background:none;} .content-column .page-tabs .box {display:none; padding:0px 40px 45px 40px;} .content-column .page-tabs .box.visible {display:block;} @media screen and (max-width:680px) { .content-column .page-tabs .box {padding-left:30px; padding-right:30px;} } #map {margin:0px -40px -60px -40px; height:384px; background:#4f4547;} .page-content .content-column p + #map {margin-top:45px;} @media screen and (max-width:680px) { #map {margin:0px -30px -36px -30px;} } .page-diagram {position:relative; margin:45px -40px -60px -40px; min-height:444px;} .page-diagram .page-diagram-in {width:100%; height:auto; float:left;} .page-diagram:after {content:''; clear:both; display:table;} .page-diagram .page-diagram-in .close {display:block; position:absolute; right:0px; top:0px; width:64px; height:64px; background:#c2c1bc url(/images/cms/data/icon-close.svg) 0px 0px no-repeat; cursor:pointer;} .page-diagram .page-diagram-in .all {width:260px; height:260px; border-radius:100%; background:#ffffff; position:absolute; top:64px; right:64px; text-align:center; font-family:'Beau Sans Pro'; font-size:19px; font-weight:bold; z-index:3;} .page-diagram .page-diagram-in .all strong {display:block; color:#c2c1bc; font-size:72px; font-weight:900; padding:83px 0px 0px 0px;} .page-diagram .page-diagram-in > ul {overflow:hidden; margin-bottom:0px; padding:0px 0px 40px 0px;} .page-diagram .page-diagram-in > ul > li {padding:0px 40px 20px 40px !important; position:relative;} .page-diagram .page-diagram-in > ul > li:before {content:none !important;} .page-diagram .page-diagram-in li .nums {font-size:48px; font-weight:900; color:#c2c1bc; font-style:italic; font-family:'Beau Sans Pro'; line-height:1em;} .page-diagram .page-diagram-in li .nums:after {content:' '; width:580px; height:100px; background:url(../uploads/diagrams/diagram-items.svg); position:absolute; top:30px; right:148px;} /*1.3.4*/ .page-diagram .page-diagram-in li:nth-child(1) .nums:after {background-position:-130px 600px;} .page-diagram .page-diagram-in li:nth-child(2) .nums:after {background-position:-130px 500px;} .page-diagram .page-diagram-in li:nth-child(3) .nums:after {background-position:-130px 400px; top:-68px;} .page-diagram .page-diagram-in li:nth-child(4) .nums:after {background-position:-130px 300px; top:-68px;} .page-diagram .page-diagram-in li:nth-child(5) .nums:after {background-position:-130px 200px; top:-68px;} .page-diagram .page-diagram-in li:nth-child(6) .nums:after {background-position:-130px 100px; top:-68px;} .page-diagram .page-diagram-in li .nums span {position:relative; display:inline-block; background:#ffffff; margin:0px 0px 0px -40px; padding:0px 20px 0px 40px; z-index:1;} .page-diagram .page-diagram-in li .nums span:after {content:' '; width:10px; height:10px; background:url(../uploads/diagrams/diagram-dots.svg); display:inline-block; position:absolute; right:-3px; top:26px;} .page-diagram .page-diagram-in li:nth-child(1) .nums span:after {background-position:0px 60px;} .page-diagram .page-diagram-in li:nth-child(2) .nums span:after {background-position:0px 50px;} .page-diagram .page-diagram-in li:nth-child(3) .nums span:after {background-position:0px 40px;} .page-diagram .page-diagram-in li:nth-child(4) .nums span:after {background-position:0px 30px;} .page-diagram .page-diagram-in li:nth-child(5) .nums span:after {background-position:0px 20px;} .page-diagram .page-diagram-in li:nth-child(6) .nums span:after {background-position:0px 10px;} .page-diagram .page-diagram-in li.active {display:block; min-height:340px;} .page-diagram .page-diagram-in li.none {display:none;} .page-diagram .page-diagram-in li.active .nums {font-size:72px; color:#4f4547;} .page-diagram .page-diagram-in li.active .nums:after {top:30px;} .page-diagram .page-diagram-in li.active .nums {font-size:72px; color:#4f4547;} .page-diagram .page-diagram-in > ul > li > p {width:358px; padding:3px 0px 0px 0px; font-family:'Beau Sans Pro'; text-transform:uppercase; font-weight:bold; font-size:15px; position:relative; z-index:2;} /*1.3.4*/ .page-diagram .page-diagram-in > ul > li > p span {background:url(/images/cms/data/a-dotted-333.svg) 0px 0px repeat; cursor:pointer;} .page-diagram .page-diagram-in > ul > li > p span:hover {color:#e3212e; background-image:url(/images/cms/data/a-dotted-e3212e.svg);} /*1.3.4*/ .page-diagram .page-diagram-in > ul > li.active > p span {background:none; cursor:text;} .page-diagram .page-diagram-in > ul > li.active > p span:hover {color:#333333; background:none;} /*1.3.4*/ .page-diagram .page-diagram-in li .text {padding:12px 0px 0px 0px; display:none;} .page-diagram .page-diagram-in li .text:before {content:''; width:344px; height:248px; float:right; margin:6px 0px 0px 0px;} .page-diagram .page-diagram-in li.active .text {display:block;} .page-diagram .page-diagram-in li .text > a {font-family:'Beau Sans Pro'; font-size:9px; text-transform:uppercase; color:#e3212e; font-weight:900; text-decoration:none; border-bottom:2px solid #e3212e; display:inline-block; line-height:11px; margin:21px 0px 9px 0px; vertical-align:top;} .page-diagram .page-diagram-in li .list-in {background:#f3f3f3; margin:6px 344px 0px 0px; padding:12px 18px 9px 18px;} .page-diagram .page-diagram-in li .list-in:after {content:''; float:right; width:100%; height:36px;} .page-diagram .page-diagram-in li .list-in ul {background:#f3f3f3; margin-bottom:0px; padding:0px 0px 9px 0px;} .page-diagram .page-diagram-in li .list-in + *:before {content:''; clear:both; display:table;} #diagram {width:260px; height:260px; display:block; position:absolute; top:0px; left:0px;} @media screen and (max-width:900px) { .page-diagram .page-diagram-in .all {display:none;} .page-diagram .page-diagram-in li.active {min-height:inherit;} .page-diagram .page-diagram-in li .nums:after {content:none;} .page-diagram .page-diagram-in li .nums span:after {content:none;} .page-diagram .page-diagram-in li .text:before {content:none;} .page-diagram .page-diagram-in li .list-in {width:308px;} } @media screen and (max-width:768px) { .page-diagram .page-diagram-in .all {display:inherit;} .page-diagram .page-diagram-in li.active {min-height:340px;} .page-diagram .page-diagram-in li .nums:after {content:' ';} .page-diagram .page-diagram-in li .nums span:after {content:' '} .page-diagram .page-diagram-in li .text:before {content:' ';} .page-diagram .page-diagram-in li .list-in {width:auto;} } @media screen and (max-width:680px) { .page-diagram {margin:45px -40px -3px -40px;} .page-diagram .page-diagram-in .all {position:static; margin:0px auto 36px;} .page-diagram .page-diagram-in li.active {padding-bottom:0px !important; min-height:inherit;} .page-diagram .page-diagram-in li.none {display:block;} .page-diagram .page-diagram-in li .nums:after {content:none;} .page-diagram .page-diagram-in li .nums span:after {content:none;} .page-diagram .page-diagram-in li .text:before {content:none;} .page-diagram .page-diagram-in .close {right:40px; display:none;} .page-diagram .page-diagram-in > ul {padding-bottom:0px !important;} .page-diagram .page-diagram-in > ul > li {padding-bottom:0px !important; margin-bottom:27px;} .page-diagram .page-diagram-in li.active .nums {font-size:48px;} .page-diagram .page-diagram-in > ul > li > p {width:auto;} .page-diagram .page-diagram-in li .list-in {margin-right:0px; margin-bottom:27px;} .page-diagram .page-diagram-in li .text .list-in ul li br {display:none;} #diagram {left:50%; margin-left:-130px; transform:none !important;} } #equipment #diagram {background:url(../uploads/diagrams/equipment.svg); transform:rotate(-26deg);} #equipment li:nth-child(1) .nums:after {background-position:-10px 600px;} /*1.3.4*/ #equipment li:nth-child(2) .nums:after {background-position:-40px 500px;} /*1.3.4*/ #equipment li:nth-child(3) .nums:after {background-position:-40px 400px; top:30px;} /*1.3.4*/ #equipment li:nth-child(4) .nums:after {background-position:580px 300px;} /*1.3.4*/ #equipment li:nth-child(5) .nums:after {background-position:580px 200px;} /*1.3.4*/ #equipment li:nth-child(6) .nums:after {background-position:580px 100px;} /*1.3.4*/ #equipment li:nth-child(1).active .nums:after {background-position:-130px 600px !important;} #equipment li:nth-child(2).active .nums:after {background-position:-130px 500px !important;} #equipment li:nth-child(3).active .nums:after {background-position:-130px 400px !important;} #equipment li:nth-child(4).active .nums:after {background-position:-130px 300px !important;} #equipment li:nth-child(5).active .nums:after {background-position:-130px 200px !important;} #equipment li:nth-child(6).active .nums:after {background-position:-130px 100px !important;} #equipment #diagram.item-1 {/*transform:none;*/ transform:rotate(-133.5deg)} #equipment #diagram.item-2 {transform:rotate(-45deg);} #equipment #diagram.item-3 {transform:rotate(25deg);} #equipment #diagram.item-4 {transform:rotate(89.5deg);} #equipment #diagram.item-5 {transform:rotate(141deg);} #equipment #diagram.item-6 {transform:rotate(168deg);} #personnel #diagram {background:url(../uploads/diagrams/personnel.svg); transform:rotate(16.5deg);} #personnel li:nth-child(1) .nums:after {background-position:-60px 600px;} /*1.3.4*/ #personnel li:nth-child(2) .nums:after {background-position:-40px 500px;} /*1.3.4*/ #personnel li:nth-child(3) .nums:after {background-position:520px 400px;} /*1.3.4*/ #personnel li:nth-child(1).active .nums:after {background-position:-60px 600px !important;} /*1.3.4*/ #personnel li:nth-child(2).active .nums:after {background-position:-130px 500px !important;} #personnel li:nth-child(3).active .nums:after {background-position:-130px 400px !important;} #personnel #diagram.item-1 {/*transform:none;*/} #personnel #diagram.item-2 {transform:rotate(16.5deg) !important;} #personnel #diagram.item-3 {transform:rotate(-201.5deg) !important;} .jcarousel-wrapper {position:relative; margin:27px 0px -60px 0px;} @media screen and (max-width:680px) { .jcarousel-wrapper {margin:9px 0px -3px 0px;} .page-diagram .page-diagram-in li:last-child .jcarousel-wrapper, .page-diagram .page-diagram-in li.last-child .jcarousel-wrapper {margin-bottom:-30px;} } .jcarousel {position:relative; overflow:hidden; width:100%;} .jcarousel ul {width:20000em; position:relative;} .jcarousel li {width:256px; float:left; padding:0px !important;} .jcarousel li > span {display:table; width:100%;} .jcarousel li > span > span {display:table-cell; height:96px; vertical-align:middle;} .jcarousel li:before {content:none !important;} .jcarousel img {display:block; max-width:100%; margin:0px auto; height:auto !important; max-height:64px; cursor:pointer;} .jcarousel img:hover {} .jcarousel-wrapper .previous, .jcarousel-wrapper .next {position:absolute; top:0px; width:128px; height:96px; background:url(/images/cms/data/carousel-background.svg) 0px 0px no-repeat;} .jcarousel-wrapper .previous {left:-40px;} .jcarousel-wrapper .next {right:-40px; background-position:-128px 0px;} .jcarousel-wrapper .previous a, .next a {position:absolute; top:50%; margin-top:-30px; width:15px; height:60px; background:url(/images/cms/data/carousel-arrows.svg) 0px -60px no-repeat; border-bottom:none !important;} .jcarousel-wrapper .previous a:hover, .jcarousel-wrapper .next a:hover {background-position-y:-120px;} .jcarousel-wrapper .previous a {left:8px;} .jcarousel-wrapper .next a {right:8px; background-position:-15px -60px;} .jcarousel-wrapper .previous.inactive a, .jcarousel-wrapper .next.inactive a {background-position-y:0px; cursor:default;} .jcarousel-wrapper .previous.inactive a:hover, .jcarousel-wrapper .next.inactive a:hover {background-position-y:0px;} .jcontents {position:relative; overflow:hidden; width:100%;} .jcontents ul {margin:0px !important;} .jcontents li {margin:0px 0px 60px 0px; padding:0px !important;} .jcontents li:before {content:none !important;} .jcontents li h2 {margin-bottom:18px !important;;} @media screen and (max-width:760px) { .jcarousel-wrapper .previous {left:-30px;} .jcarousel-wrapper .next {right:-30px} } .content-column .project-item {padding:0px 0px 21px 0px; overflow:hidden;} .content-column p + .project-item {padding-top:21px;} .content-column .project-item h2 {font-family:'Beau Sans Pro'; font-size:13px; color:#e3212e; font-weight:normal; text-transform:none; margin:0px 0px 0px 0px; padding:0px 0px 9px 0px;} .content-column .project-item h2 a:hover {color:#333333; border-bottom:1px solid #878787;} .content-column .project-item .date {font-size:10px; padding:0px 0px 15px 0px; font-family:'Beau Sans Pro';} .content-column .project-item .date:last-child, .content-column .project-item .date.last-child {padding-bottom:9px;} .content-column .project-item .date > span {margin-left:5px;} .content-column .project-item .date > span.name {margin-left:15px; font-weight:bold; color:#a7a7a7;} .content-column .project-item .date .progress {display:inline-block; width:128px; height:7px; background:#e3212e; margin-left:5px;} .content-column .project-item .date .progress > div {background:#dbdad8; height:7px;} .content-column .project-item .details {position:relative; margin:0px 0px 9px 0px;} .content-column .project-item .details:after {content:''; clear:both; display:table;} .content-column .project-item .details > img {float:left; width:256px;} .content-column .project-item .details .content-file {max-width:250px; width:auto; margin-bottom:0px;} .content-column .project-item .details .nums {position:absolute; left:271px; top:165px; font-size:10px; text-transform:uppercase; color:#a7a7a7;} @media screen and (max-width:680px) { .content-column .project-item .details img {width:192px;} .content-column .project-item .details .nums {display:none;} .content-column .project-item .date > span.name {display:none;} } .content-column .meeting-item {margin:21px 0px 21px 0px; /*overflow:hidden;*/} .content-column .meeting-item h2 {font-family:'Beau Sans Pro'; font-size:13px; font-weight:normal; text-transform:none; margin:0px 0px 0px 0px; padding:0px 0px 9px 0px;} .content-column .meeting-item h2 a:hover {color:#333333; border-bottom:1px solid #878787;} .content-column .meeting-item h3 {font-family:'Beau Sans Pro'; font-size:13px; font-weight:normal; text-transform:none; margin:0px 0px 0px 0px; padding:0px 0px 9px 0px;} .content-column .meeting-item h3 a:hover {color:#333333; border-bottom:1px solid #878787;} .content-column .meeting-item p:last-child, .content-column .meeting-item p.last-child {margin-bottom:6px;} .content-column .meeting-item .date {color:#333333; font-size:10px; padding:0px 0px 15px 0px; font-family:'Beau Sans Pro';} .content-column .meeting-item .date:last-child, .content-column .meeting-item .date.last-child {padding-bottom:9px;} .content-column .meeting-item .date > span.status {margin-left:15px; color:#a7a7a7; font-weight:bold; text-transform:uppercase;} .content-column .meeting-item.important .date > span.status {color:#e3212e;} .content-column .meeting-item .details {position:relative; margin:-6px 0px 0px 0px;} .content-column .meeting-item .details:after {content:''; clear:both; display:table;} .content-files {overflow:hidden; margin:21px 0px -12px 0px;} .content-files.small {margin-bottom:0px;} .content-tagline + .content-files {overflow:hidden; margin:-21px 0px 21px 0px;} .content-list {position:relative; clear:both;} .content-list:after {content:""; clear:both; display:table;} .content-list h4 {color:#a7a7a7; margin:0px 0px 0px 0px !important; padding:21px 0px 9px 0px !important;} .content-list h4 span {color:#333333; background:url(/images/cms/data/a-dotted-333.svg) 0px -2px repeat; cursor:pointer;} .content-list.active h4 span {color:#a7a7a7; background-image:url(/images/cms/data/a-dotted-a7a7a7.svg);} .content-list .content-file {display:none;} .content-list.active .content-file {display:block;} .content-file {float:left; height:64px; min-width:162px; width:calc(50% - 94px); padding:0px 15px 0px 79px; margin:0px 0px 21px 0px; position:relative; color:#a7a7a7 !important; font-size:10px; text-transform:uppercase;} .content-file strong {font-family:'Beau Sans Pro'; font-weight:bold; display:block; max-height:28px; overflow:hidden; margin:0px 0px 6px 0px; padding:15px 0px 0px 0px; line-height:14px;} .content-file strong a {color:#333333 !important; border-bottom:none !important; line-height:14px;} .content-file a:before {content:' '; position:absolute; top:0px; left:0px; width:64px; height:64px;} .content-file a:hover {color:#e3212e !important; border-bottom:none !important;} .content-file.pdf a:before {background:url(/images/cms/data/icon-files.svg) 0px 0px no-repeat;} .content-file.doc a:before {background:url(/images/cms/data/icon-files.svg) -64px 0px no-repeat;} .content-file.xls a:before {background:url(/images/cms/data/icon-files.svg) -128px 0px no-repeat;} .content-file.zip a:before {background:url(/images/cms/data/icon-files.svg) 0px -64px no-repeat;} .content-file.rar a:before {background:url(/images/cms/data/icon-files.svg) -64px -64px no-repeat;} .content-file.nan a:before {background:url(/images/cms/data/icon-files.svg) -128px -64px no-repeat;} @media screen and (max-width:680px) { .content-file a {border-bottom:none !important;} .content-file a:hover {border-bottom:none !important;} } .content-file.small {height:34px; min-width:192px; width:calc(100% - 64px); padding:0px 15px 0px 49px; margin:6px 0px 9px 0px; } .content-file.small h4 {font-size:12px; text-transform:none; margin:0px; padding:10px 0px 0px 0px;} .content-file.small h4 a {color:#333333 !important; border-bottom:none !important; line-height:14px;} .content-file.small strong {margin:0px; padding:3px 0px 0px 0px;} .content-file.small a:before {width:34px; height:34px; background:url(/images/cms/data/icon-files.svg); background-position:-170px -128px;} .content-file.small a:hover:before {background-position:-170px -162px;} .content-file.small.pdf a:before {background-position:0px -128px;} .content-file.small.doc a:before {background-position:-34px -128px;} .content-file.small.xls a:before {background-position:-68px -128px;} .content-file.small.zip a:before {background-position:102px -128px;} .content-file.small.rar a:before {background-position:-136px -128px;} .content-file.small.pdf a:hover:before {background-position:0px -162px;} .content-file.small.doc a:hover:before {background-position:-34px -162px;} .content-file.small.xls a:hover:before {background-position:-68px -162px;} .content-file.small.zip a:hover:before {background-position:102px -162px;} .content-file.small.rar a:hover:before {background-position:-136px -162px;} .content-files.small .content-file {height:34px; min-width:192px; width:calc(100% - 64px); padding:0px 15px 0px 49px; margin:6px 0px 9px 0px; } .content-files.small .content-file h4 {font-size:12px; text-transform:none; margin:0px; padding:10px 0px 0px 0px;} .content-files.small .content-file h4 a {color:#333333 !important; border-bottom:none !important; line-height:14px;} .content-files.small .content-file strong {margin:0px; padding:3px 0px 0px 0px;} .content-files.small .content-file a:before {width:34px; height:34px; background:url(/images/cms/data/icon-files.svg); background-position:-170px -128px;} .content-files.small .content-file a:hover:before {background-position:-170px -162px;} .content-files.small .content-file.pdf a:before {background-position:0px -128px;} .content-files.small .content-file.doc a:before {background-position:-34px -128px;} .content-files.small .content-file.xls a:before {background-position:-68px -128px;} .content-files.small .content-file.zip a:before {background-position:102px -128px;} .content-files.small .content-file.rar a:before {background-position:-136px -128px;} .content-files.small .content-file.pdf a:hover:before {background-position:0px -162px;} .content-files.small .content-file.doc a:hover:before {background-position:-34px -162px;} .content-files.small .content-file.xls a:hover:before {background-position:-68px -162px;} .content-files.small .content-file.zip a:hover:before {background-position:102px -162px;} .content-files.small .content-file.rar a:hover:before {background-position:-136px -162px;} .project-tagline {margin:-9px 0px 30px 0px; font-family:'Beau Sans Pro'; font-size:10px;} .project-tagline strong {color:#333333;} .project-tagline .date {margin-left:5px;} .project-tagline .name {margin-left:15px; font-weight:bold; text-transform:uppercase; color:#a7a7a7;} .project-tagline .name strong {margin:0px 0px 0px 2px; text-transform:none;} .project-tagline .progress {display:inline-block; width:128px; height:7px; background:#e3212e; margin-left:5px;} .project-tagline .progress > div {background:#dbdad8; height:7px;} @media screen and (max-width:680px) { .project-tagline .name {display:block; margin-top:6px; margin-left:0px;} } .project-images {position:relative; margin:0px 0px 36px -40px;} .project-images .pusher {display:none;} .project-images .slider {width:512px; height:384px; position:relative; overflow:hidden;} .project-images .slider ul {margin:0px;} .project-images .slider li {margin:0px; padding:0px !important; background:none; position:absolute !important; top:0px; left:0px; width:512px; overflow:hidden;} .project-images .slider li:before {content:none !important;} .project-images .slider li:first-child {z-index:1;} .project-images .slider li img {display:block; height:384px; position:relative; left:calc(50%); transform:translateX(-50%);} .project-images .slider li .over {display:none; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:rgba(102,51,0,0.5); cursor:pointer;} .project-images .slider li .over span {position:absolute; width:100%; height:20px; line-height:20px; top:50%; margin-top:-10px; text-align:center; color:#ffffff; font-family:'Beau Sans Pro'; font-size:11px; font-weight:bold; text-transform:uppercase;} .project-images .slider li:hover .over {display:block;} .project-images .controls {position:absolute; top:0px; left:512px; font-size:10px; width:200px;} .project-images .controls a {border-bottom:none !important;} .project-images .controls .previous, .project-images .controls .next {border-bottom:none; width:64px; height:64px; background-image:url(/images/cms/data/paginator.svg); background-repeat:no-repeat; position:absolute; top:0px; left:0px;} .project-images .controls .previous{background-position:-192px -64px; background-color:#c2c1bc;} .project-images .controls .previous:hover {background-color:#e3212e;} .project-images .controls .previous.no {background-position:-64px 0px; cursor:default; background-color:#f3f3f3;} .project-images .controls .next {background-position:0px -64px; left:64px; background-color:#c2c1bc;} .project-images .controls .next:hover {background-color:#e3212e;} .project-images .controls .next:before {content:' '; position:absolute; top:12px; left:-1px; width:2px; height:39px; background:#e6e6e6;} .project-images .controls .no + .next:before {content:none;} .project-images .controls .next.no {background-position:-128px 0px; cursor:default; background-color:#f3f3f3;} .project-images .controls .next.no:before {content:none;} .project-images .controls .next:hover:before {content:none;} .project-images .controls .previous:hover + .next:before {content:none;} .project-images .controls a.nums {position:absolute; top:26px; left:148px; color:#333333 !important; text-transform:uppercase; border-bottom:1px solid #878787 !important; white-space:nowrap;} .project-images .controls a.nums:hover {color:#e3212e !important; border-bottom:1px solid #f08184 !important;} .project-images .pages {display:none; width:100%; height:20px; text-align:center; position:absolute; left:0px; bottom:10px; z-index:101;} .project-images .pages a {display:inline-block; width:6px; height:6px; background:#ffffff; border-radius:50%; margin:0px 4px 0px 4px; border-bottom:none !important;} .project-images .pages a:hover {background:#e3212e;} .project-images .pages a.active {cursor:default; background:#e3212e;} @media screen and (max-width:680px) { .project-images {margin-left:-30px; margin-right:-30px;} .project-images .pusher {display:block; width:100%;} .project-images .slider {width:100%; height:auto; position:static;} .project-images .slider li img {display:block; width:100%; height:auto; left:auto; transform:none;} .project-images .slider li:hover .over {display:none;} .project-images .arrows {display:none;} .project-images .pages {display:block;} .project-images .slider li {width:100%; opacity:1 !important; left:-100%; margin-right:-100%; z-index:1; /*1.3.5 -webkit-transition:left cubic-bezier(0.1,0.7,0.7,1) 0.3s; -moz-transition:left cubic-bezier(0.1,0.7,0.7,1) 0.3s; -ms-transition:left cubic-bezier(0.1,0.7,0.7,1) 0.3s; -o-transition:left cubic-bezier(0.1,0.7,0.7,1) 0.3s; */ transition:left cubic-bezier(0.1,0.7,0.7,1) 0.3s; /*1.3.5 -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); */ transform:translate3d(0,0,0);} .project-images .slider li.active {left:0%; z-index:2;} .project-images .slider li.active ~ li {left:100%;} } #page-gloom {position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000000; opacity:0.7; /*-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';*/} #page-popup {position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999; overflow:hidden; display:none;} #page-popup ul li {position:absolute; top:300px; left:0%; margin:0% 0% 0% 10%; height:0px; font-size:0px; line-height:0px;} #page-popup ul li .photo {display:table; margin:0% 0% 0% -100%; cursor:pointer;} #page-popup ul li .photo img {display:block;} #page-popup ul li.active {left:50%; margin:0%; cursor:default;} #page-popup ul li.active .photo {margin:0% 0% 0% -50%; cursor:default;} #page-popup ul li.active ~ li {left:100%; margin:0% 0% 0% -10%;} #page-popup ul li.active ~ li .photo {left:100%; margin:0%;} #page-popup ul li, #page-popup ul li .photo {/*1.3.5 -webkit-transition:left ease 0.6s, margin ease 0.6s; -moz-transition:left ease 0.6s, margin ease 0.6s; -ms-transition:left ease 0.6s, margin ease 0.6s; -o-transition:left ease 0.6s, margin ease 0.6s; */ transition:left ease 0.6s, margin ease 0.6s; /*1.3.5 -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); */ transform:translate3d(0,0,0);} #page-popup ul li.hidden {margin:0% !important; /*1.3.5 -webkit-transition-duration:0.1s; -moz-transition-duration:0.1s; -ms-transition-duration:0.1s; -o-transition-duration:0.1s; */ transition-duration:0.1s;} @media screen and (max-width:960px) { #page-popup ul li .photo img {width:512px; margin-top:35px;} } @media screen and (max-width:680px) { #page-popup {display:none !important;} } .content-galleries {position:relative; margin:45px -40px -60px -40px;} .content-galleries:after {content:''; clear:both; display:table;} .content-galleries .galleries-item {position:relative; float:left;} .content-galleries .galleries-item.width-33 {width:33.333%;} .content-galleries .galleries-item.width-66 {width:66.667%;} .content-galleries .galleries-item.width-99 {width:100%;} .content-galleries .galleries-item .pusher {display:none;} .content-galleries .galleries-item .banner {width:100%; height:100%; display:block;} .content-galleries .galleries-item .slider {display:none;} .content-galleries .galleries-item .slider ul {margin:0px;} .content-galleries .galleries-item .slider li {margin:0px; padding:0px !important; background:none; position:absolute !important; top:0px; left:0px;} .content-galleries .galleries-item .slider li:before {content:none !important;} .content-galleries .galleries-item .over {position:absolute; display:none; top:0px; left:0px; right:0px; bottom:0px; background:rgba(102,51,0,0.5); border-bottom:none !important;} .content-galleries .galleries-item:hover .over {display:block;} .content-galleries .galleries-item .over span {position:absolute; width:100%; height:20px; line-height:20px; top:50%; margin-top:-10px; text-align:center; color:#ffffff; font-family:'Beau Sans Pro'; font-size:11px; font-weight:bold; text-transform:uppercase;} .content-galleries .galleries-item .pages {display:none; width:100%; height:20px; text-align:center; position:absolute; left:0px; bottom:10px; z-index:101;} .content-galleries .galleries-item .pages a {display:inline-block; width:6px; height:6px; background:#ffffff; border-radius:50%; margin:0px 4px 0px 4px; border-bottom:none !important;} .content-galleries .galleries-item .pages a:hover {background:#e3212e;} .content-galleries .galleries-item .pages a.active {cursor:default; background:#e3212e;} @media screen and (max-width:680px) { .content-galleries {width:auto; height:auto; margin:45px -30px -36px -30px;} .content-galleries .galleries-item {width:100% !important;} .content-galleries .galleries-item .pusher {display:block; width:100%;} .content-galleries .galleries-item .slider {display:block;} .content-galleries .galleries-item .slider img {display:block; width:100%; height:auto;} .content-galleries .galleries-item .banner {display:none;} .content-galleries .galleries-item .over {display:block; z-index:101;} .content-galleries .galleries-item.active .over {display:none;} .content-galleries .galleries-item.active .pages {display:block;} .content-galleries .galleries-item .slider li {width:100%; opacity:1 !important; left:-100%; margin-right:-100%; z-index:1; /*1.3.5 -webkit-transition:left cubic-bezier(0.1,0.7,0.7,1) 0.3s; -moz-transition:left cubic-bezier(0.1,0.7,0.7,1) 0.3s; -ms-transition:left cubic-bezier(0.1,0.7,0.7,1) 0.3s; -o-transition:left cubic-bezier(0.1,0.7,0.7,1) 0.3s; */ transition:left cubic-bezier(0.1,0.7,0.7,1) 0.3s; /*1.3.5 -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); */ transform:translate3d(0,0,0);} .content-galleries .galleries-item .slider li.active {left:0%; z-index:2;} .content-galleries .galleries-item .slider li.active ~ li {left:100%;} } .results-item {padding:0px 0px 21px 0px;} .results-item h3 {font-family:'Beau Sans Pro'; font-size:13px !important; color:#e3212e; font-weight:normal !important; text-transform:none; padding:0px 0px 9px 0px; margin:0px !important;} .results-item h3 a:hover {color:#333333; border-bottom:1px solid #878787;} .results-item .source {font-family:'Beau Sans Pro'; font-size:10px; font-weight:bold; text-transform:uppercase; padding:0px 0px 15px 0px;} .results-item .source:last-child, .results-item .source.last-child {padding-bottom:9px;} .results-item .source a {border-bottom:none !important; color:#444444;} .results-item .source a.section {color:#a7a7a7; margin-right:15px;} .map-730 {display:none; background:#f3f3f3; margin:45px -30px -36px -30px; padding-bottom:18px;} .map-730 .image {display:block; background:#94b9c1; width:100%; margin-bottom:18px;} .map-730 p {padding:0px 30px 18px 30px !important;} .map-730 .regions {text-transform:uppercase; color:#383838; font-family:'Beau Sans Pro'; font-size:11px; font-weight:bold; position:relative; padding:0px 0px 0px 30px; margin:0px 30px 0px 30px;} .map-730 .regions:before {content:' '; position:absolute; top:-5px; left:-3px; width:22px; height:22px; background:#fdfdfd; border-radius:50%;} .map-730 .regions:after {content:' '; position:absolute; top:1px; left:3px; width:10px; height:10px; background:#c2c1bc; border-radius:50%;} @media screen and (max-width:680px) { .map-730 {display:block;} } .page-feedback .input, .page-feedback .textarea {border:1px solid #c2c1bc; border-radius:2px; margin:17px 0px 0px 0px;} .page-feedback .input input, .page-feedback .textarea textarea {width:100%; padding:5px 8px 5px 8px; border:1px solid #e6e6e6; outline:none; color:#333333; font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:16px;} .page-feedback .textarea {min-height:64px;} .page-feedback .textarea textarea {margin:0px 0px -3px 0px; height:64px;} .page-feedback .error {border-color:#e3212e;} .page-feedback .error input, .page-feedback .error textarea {border-color:rgba(240, 129, 132, 0.5); color:#e3212e;} .page-feedback .button {color:#ffffff; background:#4f4547; font-family:'Beau Sans Pro'; font-size:13px; font-weight:bold; text-transform:uppercase; border-radius:2px; padding:8px 10px 6px 10px; cursor:pointer; outline:none; margin-top:17px;} .page-feedback .button:focus {background:#e3212e;} .page-feedback .footnote {font-size:11px; margin:30px 0px 0px 0px;} @media screen and (max-width:680px) { .page-feedback .input, .page-feedback .textarea {margin:17px 0px 0px 0px;} .page-feedback .input input, .page-feedback .textarea textarea {font-size:14px; line-height:23px;} .page-feedback .textarea textarea {width:calc(100% - 12px); padding:5px 5px 5px 5px;} .page-feedback .button {padding:11px 10px 9px 10px !important; line-height:17px;} } #map-tabs {height:64px; margin-bottom:0px;} #map-tabs li {float:left; color:#ffffff; cursor:pointer; height:38px; padding:26px 23px 0px 23px; font-family:'Beau Sans Pro'; font-size:11px; font-weight:bold; text-transform:uppercase; background:#c2c1bc;} #map-tabs li:first-child:before {content:none;} #map-tabs li:before {content:' '; position:absolute; top:12px; left:-1px; width:2px; height:40px; background:#e6e6e6; border-radius:0px;} #map-tabs li span {display:inline-block; line-height:14px; background:url(/images/cms/data/a-dotted-fff.svg) 0px 0px repeat;} #map-tabs li.current {cursor:default; background:#4f4547;} #map-tabs li.current:before {content:none;} #map-tabs li.current + li:before {content:none;} #map-tabs li.current span {background:none;} #map-tabs li.world {width:64px; height:64px; padding:0px; background-image:url(/images/cms/data/icon-world.svg);} #map-tabs li.world span {display:none;} #interactive-map {margin:60px -40px -60px -40px;} @media screen and (max-width:680px) { #interactive-map {display:none;} } #interactive-map .map-sections {width:768px; height:512px; position:relative; overflow:hidden;} #interactive-map .map-sections section {width:768px; height:448px; position:absolute; top:0px; left:0px; background:#94b9c1;} #interactive-map .map-sections section:first-child {z-index:1;} #interactive-map .map-sections section .scales li {position:absolute; bottom:-64px; width:64px; height:64px; background:#c2c1bc url(/images/cms/data/icon-scales.svg) 0px 0px no-repeat; padding:0px; cursor:pointer; z-index:102;} #interactive-map .map-sections section .scales li:before {content:none; position:absolute; top:12px; left:-1px; width:2px; height:40px; background:#e6e6e6; border-radius:0px;} #interactive-map .map-sections section .scales li.in {left:64px; background-position:-64px 0px;} #interactive-map .map-sections section .scales li.out {left:0px;} #interactive-map .map-sections section .scales li.blocked {background-color:#f3f3f3; cursor:default;} #interactive-map .map-sections section .scales li.blocked + li.blocked:before {content:' ';} #interactive-map .map-sections section .scales li:not(.blocked) + li:not(.blocked):before {content:' ';} #interactive-map .map-sections section .scales li:not(.blocked):hover {background-color:#e3212e;} #interactive-map .map-sections section .scales li:not(.blocked):hover:before {content:none !important;} #interactive-map .map-sections section .scales li:not(.blocked):hover + li:before {content:none !important;} #interactive-map .map-sections .dots li {position:absolute; background:url(/images/cms/data/blank-fff-25.png); min-width:22px; height:22px; border-radius:11px; color:#333333; font-family:'Beau Sans Pro'; font-size:11px; font-weight:bold; text-transform:uppercase; white-space:nowrap; line-height:24px; margin:-11px 0px 0px -11px; padding:0px; cursor:pointer; z-index:3;} #interactive-map .map-sections .dots li:hover {z-index:4;} #interactive-map .map-sections .dots li span {padding:0px 12px 0px 24px; display:none;} #interactive-map .map-sections .dots li:hover span {display:inline;} #interactive-map .map-sections .dots li:before {content:' '; position:absolute; top:6px; left:6px; width:10px; height:10px; border-radius:50%;} #interactive-map .map-sections .dots li.affiliate {background:none;} #interactive-map .map-sections .dots li.affiliate:before {content:' '; position:absolute; top:-48px; left:-14px; width:50px; height:70px; background:url(/images/cms/data/icon-office.svg) 0px 0px no-repeat; border-radius:0;} #interactive-map .map-sections .dots li.affiliate:hover:before {background-position:-50px 0px;} #interactive-map .map-sections .dots li.affiliate span {background:url(/images/cms/data/blank-fff-25.png); margin:0px 0px 0px 24px; padding:5px 12px 3px 0px; border-radius:0px 11px 11px 0px;} #interactive-map .map-sections .dots li.office{background:none;} #interactive-map .map-sections .dots li.office:before {content:' '; position:absolute; top:-48px; left:-14px; width:50px; height:70px; background:url(/images/cms/data/icon-office.svg) 0px 0px no-repeat; border-radius:0;} #interactive-map .map-sections .dots li.office:hover:before {background-position:-50px 0px;} #interactive-map .map-sections .dots li.office span {background:url(/images/cms/data/blank-fff-25.png); margin:0px 0px 0px 24px; padding:5px 12px 3px 0px; border-radius:0px 11px 11px 0px;} #interactive-map .map-sections .dots li.project:before {background:#e3212e;} #interactive-map .map-sections .dots li.production:before {background:#367db2;} #interactive-map .map-legend {background:#4f4547; width:calc(100% - 128px); height:64px; position:absolute; right:0px; bottom:0px; z-index:101;} #interactive-map .map-legend-in {float:right; padding:26px 40px 0px 0px; color:#ffffff; font-family:'Beau Sans Pro'; font-size:11px; font-weight:bold; text-transform:uppercase;} #interactive-map .map-legend-in .map-item {float:left; margin:0px 0px 0px 62px; position:relative;} #interactive-map .map-legend-in .map-item:before {content:' '; position:absolute; top:-5px; left:-37px; width:22px; height:22px; background:url(/images/cms/data/blank-fff-25.png); border-radius:50%;} #interactive-map .map-legend-in .map-item.affiliate:before {content:' '; position:absolute; top:-53px; left:-51px; width:50px; height:70px; background:url(/images/cms/data/icon-office.svg) 0px 0px no-repeat; border-radius:0;} #interactive-map .map-legend-in .map-item.office:before {content:' '; position:absolute; top:-53px; left:-51px; width:50px; height:70px; background:url(/images/cms/data/icon-office.svg) 0px 0px no-repeat; border-radius:0;} #interactive-map .map-legend-in .map-item:after {content:' '; position:absolute; top:1px; left:-31px; width:10px; height:10px; border-radius:50%;} #interactive-map .map-legend-in .map-item.region:after {background:#c2c1bc;} #interactive-map .map-legend-in .map-item.project:after {background:#e3212e;} #interactive-map .map-legend-in .map-item.production:after {background:#367db2;} #interactive-map .map-legend-in .map-item a {color:#ffffff !important; border-bottom:1px solid #a7a7a7 !important; display:inline-block; line-height:11px; padding:2px 0px 0px 0px;} #interactive-map .map-popup {position:absolute; top:0px; left:0px; width:100%; height:100%; display:none; z-index:4;} #interactive-map .map-gloom {position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000000 url(/images/cms/data/icon-close.svg) 100% 0% no-repeat; opacity:0.7; /*-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';*/ cursor:pointer;} #interactive-map .dots li .map-description {display:none;} #interactive-map .map-popup .map-description {position:absolute; left:182px; top:50%; transform:translateY(-50%); width:384px; padding:12px 18px 9px 18px; background:#ffffff;} #interactive-map .map-popup .map-description h3 {font-family:'Beau Sans Pro'; text-transform:uppercase; font-size:15px; font-weight:bold; margin:0px 0px 12px 0px; padding:9px 0px 0px 0px;} .page-services {} .page-services a {font-family:'Beau Sans Pro'; font-size:9px; text-transform:uppercase; color:#e3212e; font-weight:900; text-decoration:none; border-bottom:2px solid #e3212e; display:inline-block; line-height:11px; margin:21px 0px 9px 0px; vertical-align:top;} .page-services h2 {margin-bottom:21px;} .page-services h2 span {color:#ffffff; font-size:25px; height:30px; line-height:33px; background:#e3212e url(/images/cms/data/icons-EPCC.svg) 0px 0px no-repeat; text-indent:-4000px; padding:4px; margin:-14px 12px -5px 0px; border-radius:50%; width:30px; display:inline-block; text-align:center; position:relative; top:3px;} .page-services h2 ~ h2 span {background-position:0px -38px;} .page-services h2 ~ h2 ~ h2 span {background-position:0px -76px;} .page-services h2 ~ h2 ~ h2 ~ h2 span {background-position:0px -114px;} @media screen and (max-width:680px) { /*form*/ .select .usual-select {margin:17px 0px 17px 0px;} /*form*/ .mobile-select {border:1px solid #c2c1bc; border-radius:2px; margin:17px 0px 0px 0px;} /*form*/ select {width:100%; padding:5px 8px 5px 8px; border:1px solid #e6e6e6; outline:none; color:#333333; font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:16px;} /*form*/ .mobile-select select {height:35px; font-size:14px; line-height:23px; background:none; background:#ffffff url(/images/cms/data/forms-mobile-selects.svg) right top no-repeat; border-radius:0px;} /*form*/ .mobile-select select:after {height:35px; font-size:14px; line-height:23px; background:none; background:url(/images/cms/data/forms-mobile-selects.svg) right top no-repeat; border-radius:0px;} } /*form*/ .usual-select {height:30px; position:relative; width:100% !important; margin:17px 0px 0px 0px; outline:none; font-family:Tahoma, Geneva, sans-serif;} /*form*/ .usual-select .defined, /*form*/ .usual-select .pointer {background:#f3f3f3 url(/images/cms/data/forms-selects.svg) no-repeat; background-position:0px 0px;} /*form*/ .usual-select .defined {cursor:pointer; position:relative; z-index:1; overflow:hidden; padding:7px 42px 7px 12px; color:#444444; font-size:13px; line-height:16px;} /*form*/ .usual-select .pointer {width:30px; height:30px; background-position:100% 0px; cursor:pointer; position:absolute; right:0px; top:0px; z-index:2;} /*form*/ .usual-select.focused .pointer {background-position:100% -0px;} /*form*/ .usual-select.disabled {background-position:0px -0px;} /*form*/ .usual-select.disabled .pointer {background-position:100% -0px;} /*form*/ .usual-select.disabled .defined {color:#f6f6f6;} /*form*/ .error .usual-select .defined {background-position:0px 100%;} /*form*/ .error .usual-select .pointer {background-position:100% 100%;} form #input-jurisdiction {display:none;} #usual-select {background:#f3f3f3; padding:4px 0px 0px 0px; z-index:9998;} #usual-select .usual-container {position:relative; overflow:hidden; border:1px solid #ff0000; border-radius:2px; background:#f3f3f3; box-sizing:border-box; z-index:102;} #usual-select ul {width:100%; padding-bottom:2px;} #usual-select ul li {cursor:pointer; font-size:12px; line-height:14px; color:#444444; white-space:nowrap; margin:9px 22px 9px 12px; padding:0px;} #usual-select ul li[value=""] {display:none;} #usual-select ul li:after {content:none;} #usual-select ul li.selected {cursor:default; color:#a7a7a7;} #usual-select ul li:hover, #usual-select ul li.pre-selected, #usual-select ul li.selected {color:#c6c5c0;} #usual-select .scroll {width:28px; position:absolute; right:0px;} #usual-select .scroll .slider {width:6px; position:absolute; right:11px; background:#c2c1bc; cursor:pointer; z-index:102;} #usual-select .scroll .slider .tip {width:100%; height:5px; position:absolute; background:#ffffff;} #usual-select .scroll .slider .top.tip {top:0px;} #usual-select .scroll .slider .bottom.tip {bottom:0px;} #usual-select .arrow {display:none;} /*form*/ .usual-select.ongoing {padding:7px; margin:17px -7px -14px; top:-7px; background:#f3f3f3;} /*form*/ .usual-select.ongoing .pointer {right:7px; top:7px;} #usual-select {margin:-7px 0px 0px; padding:4px 7px 7px 7px;} #usual-select.bottom-up {margin:7px 0px 0px; padding:7px 7px 4px 7px;} /*1.3.4*/ #usual-select .usual-container {border:1px solid #c2c1bc; background:#ffffff;} #vacancies {padding-bottom:6px;} .content-column .vacancies {margin:18px 0px -9px 0px;} .content-column .vacancies h4 {color:#a7a7a7; margin:9px 0px 3px 0px; padding:9px 0px 9px 0px;} .content-column .vacancies h4 span {color:#333333; background:url(/images/cms/data/a-dotted-333.svg) 0px -2px repeat; cursor:pointer;} .content-column .vacancies h4 span:hover {color:#e3212e; background-image:url(/images/cms/data/a-dotted-e3212e.svg);} /*1.3.4*/ .content-column .vacancies.active h4 span {color:#a7a7a7; background-image:url(/images/cms/data/a-dotted-a7a7a7.svg);} .content-column .vacancies.active h4 span:hover {color:#e3212e; background-image:url(/images/cms/data/a-dotted-e3212e.svg);} /*1.3.4*/ .content-column .vacancies.hidden h4 span {color:#a7a7a7 !important; background-image:url(/images/cms/data/a-dotted-a7a7a7.svg) !important;} /*1.3.4*/ .content-column .vacancies .vacancy-item {padding:6px 0px 0px 0px; margin:0px 0px 3px 0px; display:none !important;} .content-column .vacancies .vacancy-item strong {font-weight:normal;} .content-column .vacancies .vacancy-item strong span {margin-left:15px; font-size:11px;} .content-column .vacancies .vacancy-item .status {font-size:10px; padding:9px 0px 3px 0px; font-family:'Beau Sans Pro';} .content-column .vacancies .vacancy-item .status span {margin:0px 15px 0px 0px; padding:0px 0px 6px 0px; display:inline-block;} .content-column .vacancies .vacancy-item .status span:last-child, .content-column .vacancies-section .vacancy-item .status span.last-child {margin-right:0px;} .content-column .vacancies .vacancy-item .status .office {font-weight:bold; text-transform:uppercase; color:#a7a7a7;} .content-column .vacancies .vacancy-item .status .office span {margin:0px 0px 0px 5px; padding:0px; color:#333333;} .content-column .vacancies .vacancy-item .status .salary {font-size:11px; font-family:Tahoma, Geneva, sans-serif; line-height:11px; white-space:nowrap;} .content-column .vacancies.active .vacancy-item {display:block !important;} .content-column .vacancies .vacancy-item.hidden {display:none !important;} .vacancy-tagline {margin:-9px 0px 24px 0px; font-family:'Beau Sans Pro'; font-size:10px;} .vacancy-tagline span {margin:0px 15px 0px 0px; padding:0px 0px 6px 0px; display:inline-block;} .vacancy-tagline span:last-child, .vacancy-tagline span.last-child {margin-right:0px;} .vacancy-tagline .office {font-weight:bold; text-transform:uppercase; color:#a7a7a7;} .vacancy-tagline .office span {margin:0px 0px 0px 5px; padding:0px; color:#333333;} .vacancy-tagline .salary {font-size:11px; font-family:Tahoma, Geneva, sans-serif; line-height:11px; font-weight:bold; white-space:nowrap;} /*FORMS 3.0*/ .page-content .content-column h1 + form {margin-top:0px;} .page-content .content-column form {padding:15px; margin:36px -17px 30px; background:#f3f3f3; border:2px solid #e6e6e6; border-radius:3px;} .page-content .content-column form:last-child {margin-bottom:-37px;} .page-content .content-column form + .paginator {margin-top:-7px;} .page-content .content-column form h2 {padding:0px; margin:6px 0px 12px;} .page-content .content-column form p + .input, .page-content .content-column form p + .textarea, .page-content .content-column form p + .select:first-child > * {margin-top:21px;} .page-content .content-column form .input:first-child, .page-content .content-column form .textarea:first-child, .page-content .content-column form .select:first-child > * {margin-top:0px;} .page-content .content-column form .meeting-item {margin:30px 0px -9px 0px;} .page-content .content-column form .footnote > * {padding:0px;} @media screen and (max-width:680px) { .page-content .content-column form:last-child {margin-bottom:-23px !important;} .page-content .content-column form + .paginator {margin-top:-17px;} } .sorting-menu {margin:0px 0px 30px 0px; color:#000000; font-family:'Beau Sans Pro'; font-size:10px; text-transform:uppercase;} .sorting-menu * {margin:0px 15px 0px 0px;} .sorting-menu a {padding-bottom:1px;} @media screen and (max-width:680px) { .sorting-menu {margin-right:-15px; margin-bottom:24px;} .sorting-menu * {display:inline-block; margin-bottom:6px; line-height:11px;} .sorting-menu a {padding-bottom:0px;} } table {/*display:block;*/ width:calc(100% + 34px); /*padding:9px;*/ padding:0px 9px 0px 9px; margin:0px -17px 30px; /*background:#f3f3f3;*/ border:2px solid #e6e6e6; border-radius:3px; border-collapse:inherit;} table tr:first-child td {border:none;} table td:first-child {padding-right:0px;} table td {padding:15px 6px 15px 6px; border-top:1px solid #e6e6e6;} table td p:first-child {padding:0px !important;} table td p {padding:9px 0px 0px 0px !important; margin:0px 18px 0px 0px;} table#questions tr .details {display:none; margin:0px 0px 9px 0px;} table#questions tr.active .details {display:block;} table#questions tr:last-child .details {margin-bottom:6px;} table#questions a.show {display:inline;} table#questions a.hide {display:none; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:normal; margin-left:15px;} table#questions tr.active a.show {display:none;} table#questions tr.active a.hide {display:inline;} .input-vacancies {display:none;}