/********************************************* * Author: Klemen Olaj * Description: * Date modified: 09.10.2018 * Version: 1.0 **********************************************/ /* Page styles */ *, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;} .row {width: 100%; margin: 0 auto; max-width: 1180px; padding:0 20px;} .row-lg {max-width:1840px;} .row:after {content: ""; display: table; clear: both;} .footerCopyright { position: absolute; right:0px} /* Page loader */ .pageLoader {position: fixed; left:0; top:0; width:100%; height:100%; background: rgba(255,255,255,.5); -webkit-transition: 350ms opacity ease; -o-transition: 350ms opacity ease; transition: 350ms opacity ease; } .pageLoader--bounce { width: 60px; height: 60px; position: absolute; left:50%; top:50%; margin:-30px 0 0 -30px; -webkit-transition:margin 1250ms ease; -o-transition:margin 1250ms ease; transition:margin 1250ms ease } .pageLoader--bounce-1, .pageLoader--bounce-2 { width: 100%; height: 100%; border-radius: 50%; background-color: #00C382; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .pageLoader--bounce-2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* Webkit scrollbar & text select */ ::-webkit-scrollbar {background: #fff; width: 5px; height: 5px;} ::-webkit-scrollbar-thumb {background: #424242;} ::-moz-selection {background:#00C382; color:#fff!important;} ::selection {background:#00C382; color:#fff!important;} /* Defaults & Misc. */ body {font-family: 'TTCommons-Regular', 'sans-serif'; font-size:21px; color:#9b9b9c; line-height:1.35; min-width:320px; overflow-x:hidden;} body.loaded .pageLoader {opacity:0;} body.loaded .pageLoader .pageLoader--bounce {margin-top:-200px;} body.loaded .pageContainer {top:0; opacity:1;} /* Page container */ .pageContainer {position: relative; top:-50px; opacity:0; left:0; min-width:320px; max-width:2000px; margin:0 auto; -webkit-transition: left 300ms ease, top 300ms ease, opacity 300ms ease; -o-transition: left 300ms ease, top 300ms ease, opacity 300ms ease; transition: left 300ms ease, top 300ms ease, opacity 300ms ease;} a {color:#9b9b9c; text-decoration: none;} a.read-more {font-size:21px; color: #000000; opacity: 0.7; text-decoration: underline; display:inline-block;} a.read-more:hover {text-decoration: none;} a:hover {text-decoration: underline;} a.link {font-size:21px; color:#000; text-decoration: underline; display:inline-block;} a.link:hover {text-decoration: none;} a.link-mt {margin-top:50px;} p + a.read-more {margin-top:25px;} p {margin:25px 0; line-height:1.33;} p:first-child {margin-top:0;} p:last-child {margin-bottom:0;} #lottie { position: absolute; top: 0px; right: 0px; background-color: #00c382; height: 100%; width: 50%; } .lottie-background:before { content:none!important } @media (max-width:680px){ p + a.read-more {margin-top:10px;} a.link-mt {margin-top: 20px;} } .hiddenEl {height: 0px; visibility: hidden; overflow: hidden; opacity:0;} ul {margin:15px 0; padding:0 0 0 30px;} ul:first-child {margin-top:0;} ul:last-child {margin-bottom:0;} ul li + li {margin-top:5px;} ul li[data-list-symbol] {position: relative; padding-left:25px;} ul li[data-list-symbol]:before {content: attr(data-list-symbol); position: absolute; left:0; top:0;} ul.check-list {list-style:none; padding:0; margin:0; max-width:480px;} ul.check-list li {position: relative; padding-left:75px; min-height:50px;} ul.check-list li + li {margin-top:50px;} ul.check-list li:before {content: "\e905"; font-family: 'icomoon' !important; position: absolute; left:0; top:-5px; font-size:50px; color:#00C382;} /* Titles */ h1,h2,h3,h4, h5 {font-family: 'TTCommons-Regular', 'sans-serif'; font-weight:normal;} h1 {font-size:64px; line-height:1.25; color:#000; margin:40px 0;} h2 {font-size:42px; line-height:1.14; color:#000000; margin:30px 0;} h3 {font-size:36px; line-height:1.22; color:#000000;} h4 {font-size:28px; line-height:1.29; color:#919191;} h5 {font-size:24px; line-height:1.29; color:#919191; margin:35px 0;} h1:first-child,h2:first-child,h3:first-child,h4:first-child {margin-top:0;} h1:last-child,h2:last-child,h3:last-child,h4:last-child {margin-bottom:0;} p + h5, ul + h5 {margin-top:85px;} @media (max-width:960px){ body {font-size:20px;} h1 {font-size:50px; line-height:1.2; margin:40px 0;} h2 {font-size:34px;} h3 {font-size:30px;} h4 {font-size:23px;} h2 br, h3 br, h4 br {display: none;} p + h5, ul + h5 {margin-top:40px;} .footerCopyright { position: unset; right:unset} } @media (max-width:580px){ h1 {font-size:45px; margin:30px 0;} h2 {font-size:32px;} h3 {font-size:28px;} h4 {font-size:21px;} } /* Inputs */ input, select, textarea {} a.button {display:inline-block; vertical-align: top; text-align: center; background: #00C382; font-size:16px; color:#fff; padding:15px 30px; -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;} a.button:hover {background: #00AA69; text-decoration: none;} .button-2 {display:inline-block; height: 50px; min-width: 195px; border: solid 2px #00C382; background: transparent; border-radius: 25px; font-size: 16px; color:#00C382; font-weight: 500; line-height: 18px; -webkit-transition:color 250ms ease, background 250ms ease; -o-transition:color 250ms ease, background 250ms ease; transition:color 250ms ease, background 250ms ease} .button-2:hover {color:#fff; background: #00C382; text-decoration: none;} /* Block Grids */ .blockGrid {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -ms-flex-wrap:Wrap; flex-wrap:Wrap; width:calc(100% + 40px); margin-left:-20px;} .blockGrid [class^="blockGrid--"] {padding:0 20px;} .blockGrid--100 {width:100%;} .blockGrid--66 {width:66.667%;} .blockGrid--50 {width:50%;} .blockGrid--33 {width:33.333%;} .blockGrid--25 {width:25%;} .blockGrid--20 {width:20%;} .blockGrid--16 {width:16.667%;} /* Aligns */ .textAlign-center {text-align: center;} .textAlign-left {text-align: left;} .textAlign-right {text-align: right;} /* Align self */ .alignSelf-start {-ms-flex-item-align:start;align-self:flex-start;} .alignSelf-end {-ms-flex-item-align:end;align-self:flex-end;} .alignSelf-center {-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;} .alignSelf-stretch {-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;} /* Justify content */ .justifyContent-start {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;} .justifyContent-end {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;} .justifyContent-center {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .justifyContent-between {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;} /* Misc. elements */ .introText {font-size:36px; color:#b9b9ba; padding:65px 0;} .introText p {line-height:1.22;} @media (max-width:1180px){ .introText {font-size:32px; padding:40px 0;} } @media (max-width:960px){ .introText {font-size:30px; padding:0;} } @media (max-width:580px){ .introText {font-size:26px;} .introText p { line-height: 1.25; } } [data-mobile] {display: none;} @media (max-width:960px){ [data-mobile] {display: block;} } /* Header */ .header {position: relative;} .header [class^="logo"] {display:inline-block; vertical-align: middle;} .header [class^="logo"] a {display: block;} .header [class^="logo"] + [class^="logo"] {margin-left:45px;} .header [class^="logo"] img {width:160px;} .header .blockGrid {-ms-flex-wrap:nowrap;flex-wrap:nowrap;} nav.mainNav {margin:12px -25px 0 0;} nav.mainNav ul {list-style:none; margin:0; padding:0; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } nav.mainNav ul li {margin:0; position: relative;} nav.mainNav > ul > li {padding-bottom:10px;} nav.mainNav a {margin:5px 25px; position: relative; -webkit-transition:color 250ms ease, margin 250ms ease; -o-transition:color 250ms ease, margin 250ms ease; transition:color 250ms ease, margin 250ms ease;} nav.mainNav a:after {content:""; position: absolute; left:50%; bottom:-1px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:0; height:2px; background: #9b9b9c; -webkit-transition:width 300ms ease; -o-transition:width 300ms ease; transition:width 300ms ease;} nav.mainNav a:hover {text-decoration: none;} nav.mainNav ul li.current_page_item > a:after, nav.mainNav ul li.current-menu-ancestor > a:after, nav.mainNav li:hover > a:after {width:100%;} nav.mainNav .sub-menu li a {display: block; margin:0;} nav.mainNav .sub-menu li a:after {display: none;} nav.mainNav .sub-menu li a:hover, nav.mainNav .sub-menu li.current_page_item a {color:#000;} nav.mainNav .sub-menu li + li {margin-top:10px;} .navToggle {display: none;} .sub-menu-toggle {display: none;} .header--top {padding:10px 0; background: #f2f2f2;} .header--bottom {padding:25px 0; background:#F9F9F9} .langSelect {text-transform: uppercase;} /*.langSelect li.lang-item-de, .langSelect li.lang-item-hr {display: none;}*/ .student_upload_form .form { padding-left:40px; padding-right:40px; padding-top:0px; padding-bottom:70px; } .student_upload_form .form--row { margin-top: 43px; } .student_upload_form .form--row:last-child { margin-top: 43px; } .add-file-icon { float:left } .add-file-label { font-size: 24px; margin-left: 73px; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .upload-file-error { border-color: red; border-width: 1px; border-style: solid; } .upload-files-forma { margin-top: 70px; background-color: #FFFF; cursor: pointer; padding: 37px; border-radius: 54px; } .student_upload_form { background-color: rgba(255,255,255,0.5); padding-bottom: 15px; padding: 0 30px!important; } .student_upload_form .form--row input { background-color: #f9f9f9 } .student_upload_form div.wpcf7-response-output { position: relative; bottom: 72px; left: 40px; } .wpcf7-mail-sent-ok { color: green!important; } #student-cv .blockGrid--50:first-child { width:60%!important; } #student-cv .blockGrid--50:last-child { width:40%!important; } .wpcf7-form-control-wrap.file-student { display:none; } .file-upload-icon { cursor: pointer; } .student-upload-text p { margin-right:25%; } @media (max-width:1340px){ .header [class^="logo"] + [class^="logo"] {display: none;} } @media (max-width:1180px){ nav.mainNav {margin-right:-15px} nav.mainNav a {margin:5px 15px} } @media (min-width:961px){ nav.mainNav .sub-menu {position: absolute; z-index: 90; left:0; top:100%; width:150px; padding:20px 25px; display: block; margin-top:10px; opacity:0; visibility:hidden; background: #f2f2f2; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.3); box-shadow: 0px 2px 5px rgba(0,0,0,.3); -webkit-transition:margin 250ms ease, opacity 250ms ease, visibility 250ms ease; -o-transition:margin 250ms ease, opacity 250ms ease, visibility 250ms ease; transition:margin 250ms ease, opacity 250ms ease, visibility 250ms ease;} nav.mainNav li:hover > .sub-menu {opacity:1; visibility: visible; margin-top:0;} .langSelect {position: relative; } .langSelect ul {list-style:none; margin:0; padding:0;} .langSelect--selected {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; cursor: pointer;} .langSelect--selected i {font-size:15px; margin-left:10px; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:-webkit-transform 250ms ease; transition:-webkit-transform 250ms ease; -o-transition:transform 250ms ease; transition:transform 250ms ease; transition:transform 250ms ease, -webkit-transform 250ms ease} .langSelect--options {opacity:0; visibility:hidden; position: absolute; z-index:12; right:0; top:100%; margin-top:-10px; background: #f2f2f2; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.3); box-shadow: 0px 2px 2px rgba(0,0,0,.3); min-width: 70px; -webkit-transition:margin 250ms ease, opacity 250ms ease, visibility 250ms ease; -o-transition:margin 250ms ease, opacity 250ms ease, visibility 250ms ease; transition:margin 250ms ease, opacity 250ms ease, visibility 250ms ease;} .langSelect--options ul li a {display: block; padding:5px 10px; font-size:18px;} .langSelect--options ul li a:hover {background: #F9F9F9; text-decoration: none;} .langSelect.active .langSelect--options {opacity:1; margin-top:0; visibility: visible;} .langSelect.active .langSelect--selected i {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);} } @media (max-width:960px){ #student-cv .blockGrid--50:first-child { width:unset!important; } #student-cv .blockGrid--50:last-child { width:100%!important; } .student_upload_form { padding: 0 10px!important; } body {padding-top:69px;} body:before {content: ""; position: fixed; z-index: 890; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 195, 130, 0.8); will-change: opacity, visibility; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: visibility 250ms ease-in-out, opacity 250ms ease-in-out; -o-transition: visibility 250ms ease-in-out, opacity 250ms ease-in-out; transition: visibility 250ms ease-in-out, opacity 250ms ease-in-out; } body.loaded .header {top:0; opacity:1;} body.show-nav:before { opacity: 1; visibility: visible; } body.show-nav .header {left:-280px;} body.show-nav .mobileSidebar {right:0; visibility: visible;} body.show-nav .navToggle span {background:none;} body.show-nav .navToggle span:before {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); top:10px;} body.show-nav .navToggle span:after {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); bottom:10px;} .sub-menu-toggle {display: block; position: absolute; z-index:5; right:-10px; top:7px; line-height:0; border:none; color:#00c382; background:none; padding:5px; outline:none!important;} .header {height:70px; position: fixed; left:0; top:-50px; opacity:0; width:100%; z-index:900; will-change: left, top, opacity; -webkit-transition:left 250ms ease-in-out, top 300ms ease, opacity 300ms ease; -o-transition:left 250ms ease-in-out, top 300ms ease, opacity 300ms ease; transition:left 250ms ease-in-out, top 300ms ease, opacity 300ms ease;} .header--top {display: none;} .header--bottom {padding:16px 0;} .header [class^="logo"] img {width:120px;} .navToggle {display: block; position: absolute; right:20px; top:50%; margin-top:-12px; width:30px; height:24px; padding:0; background: none; border:none;} .navToggle span {display: block; width:100%; height:2px; background: #9b9b9c; will-change:background; -webkit-transform:background 250ms ease-in-out; -ms-transform:background 250ms ease-in-out; transform:background 250ms ease-in-out;} .navToggle span:before, .navToggle span:after {content:""; position: absolute; left:0; top:0; width:100%; height:2px; background: #9b9b9c; will-change:transform, top, bottom; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:top 250ms ease-in-out, bottom 300ms ease-in-out, -webkit-transform 300ms ease-in-out; transition:top 250ms ease-in-out, bottom 300ms ease-in-out, -webkit-transform 300ms ease-in-out; -o-transition:top 250ms ease-in-out, bottom 300ms ease-in-out, transform 300ms ease-in-out; transition:top 250ms ease-in-out, bottom 300ms ease-in-out, transform 300ms ease-in-out; transition:top 250ms ease-in-out, bottom 300ms ease-in-out, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;} .navToggle span:after {top:auto; bottom:0;} .mobileSidebar {position: fixed; z-index:900; right:-300px; visibility: hidden; top:0; height:100%; width:280px; overflow:auto; will-change: right, visibility; background: #F9F9F9; border-left: solid 1px rgba(155, 155, 156, 0.6); -webkit-box-shadow:0px 0px 5px rgba(155, 155, 156, 0.6); box-shadow:0px 0px 5px rgba(155, 155, 156, 0.6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding:30px!important; -webkit-transition:right 250ms ease-in-out, visibility 250ms ease-in-out; -o-transition:right 250ms ease-in-out, visibility 250ms ease-in-out; transition:right 250ms ease-in-out, visibility 250ms ease-in-out;} .mobileSidebar img {margin:20px 0 30px; display: block; max-width:150px;} .mobileSidebar .langSelect {display: block; margin:20px 0 0; font-size:18px;} .mobileSidebar .langSelect ul {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; list-style:none; margin:-5px; padding:0;} .mobileSidebar .langSelect ul li {margin:5px;} .mobileSidebar .langSelect ul li.current-lang a {text-decoration: underline;} nav.mainNav {margin:-14px 0 20px;} nav.mainNav ul {display: block;} nav.mainNav ul li + li {margin-top:5px;} nav.mainNav > ul > li {padding:0;} nav.mainNav a {margin:0; padding:8px 0; display: block;} nav.mainNav a + a {margin-top:5px;} nav.mainNav a:after {display: none;} nav.mainNav ul li.current_page_item > a, nav.mainNav ul li.current-menu-ancestor > a {color:#000;} nav.mainNav ul li.menu-item-has-children > a {padding-right: 35px;} nav.mainNav ul li.show-sub-menu > ul.sub-menu {display: block;} nav.mainNav ul li.show-sub-menu > .sub-menu-toggle i:before {content: "\e90c";} nav.mainNav .sub-menu {display: none; background: #f2f2f2; width: calc(100% + 60px); margin-left: -30px; padding:15px 30px;} nav.mainNav .sub-menu li + li {margin:5px 0 0;} } @media (max-width:360px){ body.show-nav .header { left: -257px; } .mobileSidebar {width:260px; right:-280px;} } /* Sections */ section {padding:150px 0; overflow:hidden;} section + section {border-top: solid 1px #e3e3e3;} section.section-intro-text {padding:55px 0;} section.section-has-corner {position: relative;} section.section-has-corner:after {content:""; position: absolute; right:0; top:0; z-index:-1; width:100%; height:100%; pointer-events: none; background: url(../images/corner.svg) no-repeat right bottom; background-size:350px} section.section-bg-gray, section.section-bg-custom {background-color: #f2f2f2; border-top: none;} section.section-bg-custom {background-color: rgba(242, 242, 242, 0.6);} section.section-bg-gray + section, section.section-bg-custom + section {border-top:none;} section.section-title {background: #f2f2f2; padding:100px 0;} section.section-title h1:last-child {margin-bottom:0;} section.section-title + section {border-top:none;} section.section-news-single:not(.no-bg-ribbon) {position: relative; border-top:solid 1px #e3e3e3!important; padding-bottom:110px;} section.section-news-single:not(.no-bg-ribbon):before {content:""; position: absolute; z-index:-1; left:0; top:0; width:100%; height:280px; background: #f2f2f2; pointer-events: none;} section.section-padding-md {padding:120px 0;} section.section-padding-sm {padding:100px 0;} h3.section-tag {color:#808080; font-size:24px; margin:-85px 0 80px;} h3.section-tag span {position: relative; padding-right:50px;} h3.section-tag span:after {content:""; position: absolute; right:0; top:15px; width:30px; height:2px; background: #9B9B9C;} section .row + .row-lg h3.section-tag {margin-top:75px;} section.section-row-100 > .row {max-width:none;} .textBlock.textBlock-404 {text-align: center;} .textBlock.textBlock-404 h1 {color:#00c382; font-size:140px; line-height:1;} .textBlock.textBlock-404 h1 + h2 {margin-top:-25px;} .textBlock.textBlock-404 h2 {font-size:48px;} .textBlock.textBlock-404 p {font-size:28px;} .textBlock.textBlock-404 a.link {margin-top:30px;} @media (max-width:960px){ section, section.section-padding-md, section.section-padding-sm {padding:80px 0;} section.section-title {padding:50px 0;} section.section-news-single {border-top:none!important; padding-bottom:80px;} section.section-news-single:before {display: none;} h3.section-tag {font-size:22px; margin: -40px 0 30px;} .textBlock.textBlock-404 h1 {font-size:100px;} .textBlock.textBlock-404 h1 + h2 {margin-top:-25px;} .textBlock.textBlock-404 h2 {font-size:36px;} .textBlock.textBlock-404 h2 + p {margin-top:-5px;} .textBlock.textBlock-404 p {font-size:24px;} .textBlock.textBlock-404 a.link {margin-top:20px;} } @media (max-width:680px){ section, section.section-padding-md, section.section-padding-sm {padding:40px 0;} section.section-news-single {padding-bottom:40px!important;} h3.section-tag {margin: -10px 0 20px;} } @media (max-width:580px){ section.section-title {padding:40px 0;} } /* Banners */ .banner {position: relative; min-height:650px; padding:210px 0; background-position:top center; background-size:cover; background-repeat: no-repeat; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;} .banner:before {content:""; position: absolute; z-index:5; left:0; top:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.4); border: solid 1px #979797; pointer-events:none;} .banner--content {position: relative; z-index:10;} .banner--content h1 {color:#fff;} .banner--content a.read-more {color:#fcf8f8; position: relative; opacity:1; text-decoration: underline;} .banner--content a.read-more:hover {text-decoration: none;} .banner--actions {position: absolute; z-index:10; bottom:0; right:0; width:100%;} .banner--actions > div {max-width:1180px; margin:0 auto; padding:0 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .bannerVideo--mobile {position: absolute; left: 50%; top: 50%; margin:-85px 0 0 -85px; z-index: 10; line-height: 0; width:170px; height:170px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;} .bannerVideo--desktop {position: absolute; z-index:4; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .bannerVideoPlay {position: absolute; left:50%; top:50%; margin:-75px 0 0 -75px; width:150px; height:150px; background:url(../images/icon-play.svg) no-repeat center; z-index:10; cursor: pointer;} .bannerVideoPlay.playing {background-image:url(../images/icon-pause.svg); opacity:0.3; -webkit-transition:opacity 250ms ease; -o-transition:opacity 250ms ease; transition:opacity 250ms ease;} .bannerVideoPlay.playing:hover {opacity:1;} @media (min-width:961px){ .bannerVideo--mobile {display: none;} } @media (max-width:960px){ /*.bannerVideo--desktop, .bannerVideoContainer {display: none;}*/ .banner {padding:150px 0; min-height:350px;} .bannerVideo {width:120px; height:120px; margin:-60px 0 0 -60px;} .bannerVideo--play {width:60px; height:60px; font-size: 24px;} } @media (max-width:580px){ .banner {padding:80px 0; min-height:250px;} .banner.banner-w-actions {padding:40px 0 80px;} .banner--actions {position: relative; z-index:20;} .banner--actions > div {padding:0; margin:40px 0 -60px} /* .banner--actions a.button {width:100%;} */ .banner--actions a.button { display:none; } #lottie { width: 100%; } #lottie1 { min-height: 359px!important } } /* Content block */ .devider {width:100%; height:1px;} .devider-content {margin:40px 0;} .devider-content-lg {margin:100px 0;} .blockGrid.contentBG {-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;} .blockGrid.contentBG.contentBG-fw {width:100vw; max-width: 1590px;} .blockGrid.contentBG .blockGrid--left {width:310px;} .flex-bottom {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .flex-between {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .flex-between > .textBlock:first-child {height:100%; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .blockGrid.contentBG .blockGrid--right {width:calc(100% - 310px); padding-left:170px;} .blockGrid.contentBG + .blockGrid.contentBG {margin-top:80px;} /* .blockGrid.contentBG[data-type="2"] + .blockGrid.contentBG[data-type="2"] {margin-top:200px;} .blockGrid.contentBG[data-type="2"] .textBlock {max-width:410px;} .blockGrid.contentBG[data-type="2"] .blockGrid--50:last-child .textBlock {margin-left:40px;} */ .blockGrid.contentBG-1 {width:calc(100% + 120px); margin-left:-60px;} .blockGrid.contentBG-1 .blockGrid--50 {padding:0 60px;} .blockGrid.contentBG-2 .blockGrid--50:first-child .textBlock {padding-right:40px;} .blockGrid.contentBG-2 .blockGrid--50:last-child .textBlock {padding-left:40px;} .blockGrid.contentBG-2 .textBlock {/*max-width:410px;*/} .contentBG--inner {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -ms-flex-wrap:Wrap; flex-wrap:Wrap;} .contentBG--inner > div {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;} .contentBG--inner + .contentBG--inner {margin-top:200px;} .blockGrid .blockGrid--content-left {width:310px;} .blockGrid .blockGrid--content-right {width:calc(100% - 310px); padding-left:170px;} .yearBlock {color: #00c382; margin-top: -15px;} .yearBlock big {display: block; font-family: 'TTCommons-Light'; font-size: 90px; margin-bottom: -10px;} @media (max-width:1180px){ .blockGrid.contentBG .blockGrid--right {padding-left:20px} .blockGrid.contentBG-1 {width:calc(100% + 60px); margin-left:-30px;} .blockGrid.contentBG-1 .blockGrid--50 {padding:0 30px;} .blockGrid.contentBG-2 .blockGrid--50:first-child .textBlock {padding-right:0;} .blockGrid.contentBG-2 .blockGrid--50:last-child .textBlock {padding-left:0;} } @media (max-width:960px){ .blockGrid.contentBG .blockGrid--left, .blockGrid .blockGrid--content-left {width:100%;} .blockGrid.contentBG .blockGrid--right, .blockGrid .blockGrid--content-right {width:100%; padding:0 20px; margin-top:30px;} .blockGrid.contentBG + .blockGrid.contentBG {margin-top:40px;} .blockGrid.contentBG-1, .blockGrid.contentBG-2 {width:calc(100% + 40px); margin-left:-20px;} .blockGrid.contentBG-1 .blockGrid--50, .blockGrid.contentBG-2 .blockGrid--50 {width:100%; padding:0 20px;} .blockGrid.contentBG-1 .blockGrid--50 + .blockGrid--50, .blockGrid.contentBG-2 .blockGrid--50 + .blockGrid--50 {margin-top:40px;} .imageContainer img {width:100%;} .contentBG--inner + .contentBG--inner {margin-top:60px;} .contentBG--inner > div[data-mobile-position="-1"] {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1; margin:0 0 40px!important} } /* Service list */ .serviceBG {width:calc(100% + 100px); margin:50px 0 -15px -50px;} .serviceBG .blockGrid--item {width:33.333%; padding:10px 50px;} .serviceBG a.blockGrid--item:hover {text-decoration: none;} .serviceBG a.blockGrid--item:hover p {color: #00C382;} .serviceBG .blockGrid--item > div {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .serviceBG .blockGrid--item:nth-child(3n+2) {text-align: center;} .serviceBG .blockGrid--item:nth-child(3n+3) {text-align: right;} .serviceBG .blockGrid--item:nth-child(3n+3) p {min-width:150px;} .serviceBG .blockGrid--item span {font-size:90px; width:95px; color:#00C382} .serviceBG .blockGrid--item p {margin:0; padding:0 0 0 35px; width:calc(100% - 95px); font-size:28px; line-height:1.29; color:#919191; text-align:left; min-width:180px; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} @media (max-width:1180px){ .serviceBG .blockGrid--item span {font-size:80px; width:85px;} .serviceBG .blockGrid--item p {font-size:24px; width:calc(100% - 85px); padding-left:20px} } @media (max-width:960px){ .serviceBG {margin:20px 0 -15px -50px;} .serviceBG .blockGrid--item {min-width:310px;} .serviceBG .blockGrid--item span {font-size:70px; width:75px;} .serviceBG .blockGrid--item p {font-size:24px; width:calc(100% - 75px);} } @media (max-width:680px){ .serviceBG {width:calc(100% + 40px); margin:20px 0 -10px -20px;} .serviceBG .blockGrid--item {text-align:left!important; padding:10px 20px; min-width:0;} .serviceBG .blockGrid--item > div {display: block;} .serviceBG .blockGrid--item span {font-size:60px;} .serviceBG .blockGrid--item p {padding:0; margin:-5px 0 0; min-width:0; width:100%; font-size:20px;} } @media (max-width:480px){ .serviceBG .blockGrid--item {width:50%;} } /* Blocks */ .excerptBlockContainer {padding:0 15px;} .excerptBlock {height:360px; display: block; padding:40px 45px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background-position: center; background-size:cover; background-repeat: no-repeat; position: relative; outline: none!important;} .excerptBlock > div {position: relative; z-index:5; opacity:0; -webkit-transition:opacity 250ms ease; -o-transition:opacity 250ms ease; transition:opacity 250ms ease} .excerptBlock:before, .excerptBlock:after {content:""; position: absolute; left:0; top:0; width:100%; height:100%; pointer-events: none; -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;} .excerptBlock:before {z-index:2; background: transparent;} .excerptBlock:after {z-index:1; background-color: rgba(0, 0, 0, 0.3);} .excerptBlock--title {font-size:24px; line-height:1.2; color:rgba(255, 255, 255, 0.8); -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .excerptBlock--actions {color:#f8f3f3; font-size:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .excerptBlock--actions i.icon-plus {color:#fff; font-size:25px; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .excerptBlock-no-bg {background-color: #00C382;} .excerptBlock-no-bg .excerptBlock--title {color: #fff;} .excerptBlock-no-bg .excerptBlock--actions {color: #fff;} .excerptBlock-no-bg .excerptBlock--actions i.icon-plus {color:#fff;} .excerptBlock-no-bg:after {display: none;} .excerptBlock-no-bg:hover .excerptBlock--title, .excerptBlock-no-bg:hover .excerptBlock--actions, .excerptBlock-no-bg:hover .excerptBlock--actions i.icon-plus {color: #fff;} .excerptBlock:hover {text-decoration: none;} .excerptBlock:hover:before {background: #00AA69;} .excerptBlock:hover .excerptBlock--title, .excerptBlock:hover .excerptBlock--actions, .excerptBlock:hover .excerptBlock--actions i.icon-plus {color: #fff;} .excerptBlock:hover > div {opacity:1;} .infoBG {font-size:24px; line-height:1.33; margin-top:20px; margin-bottom:-30px;} .infoBG .blockGrid--33 {padding:30px 20px; } .infoBG i.icon-checkmark {font-size:50px; color:#00C382;} .infoBG p, .infoBG i.icon-checkmark + div {margin-top:23px;} @media (max-width:960px){ .infoBG {margin-bottom:-50px;} .infoBG p {margin-top: 20px;} .infoBG .blockGrid--33 {width:50%; padding: 0px 20px 50px;} } @media (max-width:680px){ .sliderContainer[data-slider-type="3"] {width: calc(100% + 20px); margin-left: -5px;} .excerptBlockContainer {padding:0 10px;} .excerptBlock {padding:30px 35px;} .infoBG {font-size:22px;} .infoBG .blockGrid--33 {width:100%;} } @media (max-width:480px){ .excerptBlock {padding:20px 25px; height:320px;} } /* Sliders */ /* Content slider */ .sliderContainer {width:100%;} .sliderContainer .slick-slide {outline:none!important;} .sliderContainer[data-slider-type="1"] {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;} .sliderContainer[data-slider-type="1"] h2 {margin-top:10px;} .sliderContainer[data-slider-type="1"] .sliderContainer--left {width:calc(100% - 650px); padding-right:70px;} .sliderContainer[data-slider-type="1"] .sliderContainer--right {width:650px;} .sliderContainer[data-slider-type="1"] .sliderNavigation a {display: block; font-size:24px; line-height: 1.33; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .sliderContainer[data-slider-type="1"] .sliderNavigation a:hover {color: #00C382; text-decoration: none;} .sliderContainer[data-slider-type="1"] .sliderNavigation a.active {color: #00C382; text-decoration: underline;} .sliderContainer[data-slider-type="1"] .sliderNavigation a + a {margin-top:20px;} .sliderContainer[data-slider-type="1"] .sliderC .slick-slide {position: relative; padding:70px 0;} .sliderContainer[data-slider-type="1"] .sliderC--image {background-position: center; background-size:cover; background-repeat: no-repeat; position: absolute; left:70px; top:0; width:calc(100% - 70px); height:100%; min-height:430px;} .sliderContainer[data-slider-type="1"] .sliderC--text {background-color: #f2f2f2; padding:50px; max-width:460px; position: relative; z-index:10; display: block; outline:none!important; -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;} .sliderContainer[data-slider-type="1"] .sliderC--text h3 {color:#00c382; font-size:36px; margin:0 0 20px; line-height: 1.17;} .sliderContainer[data-slider-type="1"] .sliderC--text p {margin:20px 0;} .sliderContainer[data-slider-type="1"] .sliderC--text-rm {display: block; color:#00C382; font-size:28px; margin-top:30px;} .sliderContainer[data-slider-type="1"] .sliderC--text:hover {text-decoration: none; background: #EDEDED;} @media (max-width:1180px){ .sliderContainer[data-slider-type="1"] .sliderContainer--left {width:calc(100% - 550px);} .sliderContainer[data-slider-type="1"] .sliderContainer--right {width:550px;} } @media (max-width:960px){ .sliderContainer[data-slider-type="1"] {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .sliderContainer[data-slider-type="1"] .sliderContainer--left, .sliderContainer[data-slider-type="1"] .sliderContainer--right {width:100%;} .sliderContainer[data-slider-type="1"] .sliderContainer--right {margin-top:40px;} .sliderContainer[data-slider-type="1"] .sliderContainer--left {padding-right: 0;} .sliderContainer[data-slider-type="1"] .sliderNavigation a {font-size:22px;} .sliderContainer[data-slider-type="1"] .sliderC .slick-slide {padding:50px;} .sliderContainer[data-slider-type="1"] .sliderC--image {left:0; width:100%;} .sliderContainer[data-slider-type="1"] .sliderC--text {max-width:none;} } @media (max-width:580px){ .sliderContainer[data-slider-type="1"] .sliderC .slick-slide {padding:30px;} .sliderContainer[data-slider-type="1"] .sliderC--text {padding:40px;} .sliderContainer[data-slider-type="1"] .sliderC--text-rm {margin-top:5px;} } @media (max-width:420px){ .sliderContainer[data-slider-type="1"] .sliderC .slick-slide {padding:20px;} .sliderContainer[data-slider-type="1"] .sliderC--text {padding:30px;} } .sliderContainer[data-slider-type="2"] {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top: -40px;} .sliderContainer[data-slider-type="2"] .sliderContainer--top {margin-bottom: 90px; width:100%;} .sliderContainer[data-slider-type="2"] .sliderContainer--left {width:270px;} .sliderContainer[data-slider-type="2"] .sliderContainer--right {width:calc(100% - 270px); padding-left:20px; font-size:28px; line-height:1.29; color:#919191;} .sliderContainer[data-slider-type="2"] .sliderNavigation {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-left:-10px;} .sliderContainer[data-slider-type="2"] .sliderNavigation > span {height:2px; opacity: 0.5; background: #979797; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 59px 20px; z-index: 1; -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;} /*.sliderContainer[data-slider-type="2"] .sliderNavigation > span:after {content:""; position: absolute; left:0; top:0; height:100%; width:calc(100% + 23px); background: #979797; -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;}*/ .sliderContainer[data-slider-type="2"] .sliderNavigation a {display: block; text-align: center; color:#9b9b9c; position: relative; z-index: 5; padding:0 0 50px; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .sliderContainer[data-slider-type="2"] .sliderNavigation a:first-child small {width:100%; text-align:left; padding-left:13px;} .sliderContainer[data-slider-type="2"] .sliderNavigation a span {display: block; font-size:88px; color:#919191; width:95px; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .sliderContainer[data-slider-type="2"] .sliderNavigation a small {display: block; font-size:24px; position: absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); bottom:0; width:150px;} .sliderContainer[data-slider-type="2"] .sliderNavigation a.active, .sliderContainer[data-slider-type="2"] .sliderNavigation a.active span {color:#00C382;} .sliderContainer[data-slider-type="2"] .sliderNavigation a.active:not(.active-last) + span, .sliderContainer[data-slider-type="2"] .sliderNavigation a.active:not(.active-last) + span:after {background:#00C382;} .sliderContainer[data-slider-type="2"] .sliderNavigation a:hover {text-decoration: none;} .sliderContainer[data-slider-type="2"] .sliderNavigation--selected {font-size:34px; margin-bottom: 22px; color:#919191;} .sliderContainer[data-slider-type="2"] .sliderCSync {display: none;} .sliderContainer[data-slider-type="2"] .sliderCSync--slide {text-align: center; color: #00C382;} .sliderContainer[data-slider-type="2"] .sliderCSync--slide span {font-size: 80px; } .sliderContainer[data-slider-type="2"] .sliderCSync--slide small {display: block; font-size:34px; width: 100%;} .sliderContainer[data-slider-type="3"] {width: calc(100% + 30px); margin-left: -15px;} .sliderContainer[data-slider-type="4"] {position: relative; margin:110px 0 0;} .sliderContainer[data-slider-type="4"] .sliderContainer--top {margin: 0 0 40px;} .sliderContainer[data-slider-type="4"] .sliderArrowsContainer {position: absolute; right:0; top:-155px;} .sliderContainer[data-slider-type="4"] .sliderC h3 {color:#9b9b9c; margin:0 0 25px;} .sliderContainer[data-slider-type="4"] .sliderNavigation {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; font-size:24px; line-height: 1.33; color: #9b9b9c;} .sliderContainer[data-slider-type="4"] .sliderNavigation a {-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto; padding:5px 5px 22px; text-align: center; border-bottom: solid 2px #979797; text-decoration: none!important; -webkit-transition:color 250ms ease, border 250ms ease; -o-transition:color 250ms ease, border 250ms ease; transition:color 250ms ease, border 250ms ease;} .sliderContainer[data-slider-type="4"] .sliderNavigation a.active {color:#00C382; border-color:#00C382;} .sliderContainer[data-slider-type="4"] .sliderCSync {display: none;} .sliderContainer[data-slider-type="4"] .sliderCSync--slide {padding: 5px 5px 22px; text-align: center; border-bottom: solid 2px #00C382; color: #00C382; font-size: 30px;} .sliderContainer[data-slider-type="4"] .excerptBlockContainer {padding:0;} .sliderArrowsContainer {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .sliderArrowsContainer button {padding:0; border:none; background:none; line-height:1; opacity:1; -webkit-transition:color 250ms ease, opacity 250ms ease; -o-transition:color 250ms ease, opacity 250ms ease; transition:color 250ms ease, opacity 250ms ease;} .sliderArrowsContainer button i {font-size:42px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;} .sliderArrowsContainer button i.icon-arrow-circle-right {font-size:55px;} .sliderArrowsContainer button i.icon-arrow-circle-right:before {content:"\e90f";} .sliderArrowsContainer button i.icon-arrow-circle-left:before {content:"\e90f"; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg)} .sliderArrowsContainer button + button {margin-left:25px;} .sliderArrowsContainer button:hover {color:#00C382;} .sliderArrowsContainer button.disabled {opacity:0.5; pointer-events:none;} @media (max-width:1180px){ .sliderContainer[data-slider-type="2"] .sliderNavigation > span {-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto; left:0; margin:48px 20px 0 20px;} .sliderContainer[data-slider-type="2"] .sliderNavigation > span:after {display: none;} .sliderContainer[data-slider-type="2"] .sliderNavigation a {padding:0 0 25px;} .sliderContainer[data-slider-type="2"] .sliderNavigation a span {font-size:70px; width:80px;} .sliderContainer[data-slider-type="2"] .sliderNavigation a small {font-size:22px;} } @media (max-width:960px){ .sliderContainer[data-slider-type="2"] {margin-top:0;} .sliderContainer[data-slider-type="2"] .sliderContainer--top {margin:0 0 40px;} .sliderContainer[data-slider-type="2"] .sliderNavigation > span {} .sliderContainer[data-slider-type="2"] .sliderNavigation--selected {font-size:28px;} .sliderContainer[data-slider-type="2"] .sliderContainer--left {width:100%;} .sliderContainer[data-slider-type="2"] .sliderContainer--right {font-size:22px; width:100%; padding:0; margin-top:20px;} .sliderContainer[data-slider-type="3"] {width:calc(100% + 30px)!important;} .sliderContainer[data-slider-type="4"] {margin:0;} .sliderContainer[data-slider-type="4"] .sliderArrowsContainer {position: static; margin: -10px 0 25px;} .sliderContainer[data-slider-type="4"] .sliderNavigation {display: none;} .sliderContainer[data-slider-type="4"] .sliderCSync {display: block;} .sliderContainer[data-slider-type="4"] .sliderCSync--slide {text-align:left; padding-left:0; padding-right:0;} } @media (max-width:780px){ .sliderContainer[data-slider-type="2"] .sliderNavigation > span {margin: 35px 10px 0 10px;} .sliderContainer[data-slider-type="2"] .sliderNavigation a span {font-size:50px; width:60px;} .sliderContainer[data-slider-type="2"] .sliderNavigation a small {font-size:18px;} } @media (max-width:580px){ .sliderContainer[data-slider-type="2"] .sliderContainer--top {margin:0 0 25px;} .sliderContainer[data-slider-type="2"] .sliderContainer--right {margin-top:25px;} .sliderContainer[data-slider-type="2"] .sliderCSync {display: block;} .sliderContainer[data-slider-type="2"] .sliderNavigation {display: none;} .sliderContainer[data-slider-type="2"] .sliderNavigation--selected {display: none;} .sliderContainer[data-slider-type="2"] .sliderArrowsContainer {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} } .cellRowLg {width:100vw; max-width:1840px; margin:0 auto;} @media (max-width:1880px){ .cellRowLg--inner {padding:0 20px} } /* Notifications */ .notificationWrapper {margin:150px auto -80px auto;} .notificationContainer {width:100vw; max-width:1840px; margin:0 auto;} .notificationContainer--inner {padding:0 20px} .notification {background: #00C382; color:#fff; padding:80px 60px; position: relative; display: block; -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;} .notification--tag {position: absolute; left:60px; top:110px;} .notification--tag span {font-size:24px; color: #fff; position: relative; padding-right:50px;} .notification--tag span:after {content:""; position: absolute; right:0; top:15px; width:30px; height:2px; background: #fff;} .notification--title {font-size: 36px; min-height:85px; line-height: 1.22; max-width: 1180px; margin:0 auto; padding:0 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .notification--content {max-width: 1180px; margin: 0 auto; padding: 60px 20px 0; display: none;} .notification--link {position: absolute; right:60px; top:110px; font-size:25px;} .notification.active, .notification:hover {background: #00AA69; text-decoration: none;} .notification.active .notification--link i:before {content: "\e90c";} .notification.active .notification--trigger {display: none;} .notification--trigger {position: absolute; z-index:5; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer;} [data-notification-trigger] {cursor: pointer;} .blockGrid.ciBG h1, .blockGrid.ciBG h2, .blockGrid.ciBG h3, .blockGrid.ciBG h4, .blockGrid.ciBG h5, .blockGrid.ciBG a {color:#fff;} .blockGrid.ciBG h5 {font-weight:bold; margin:15px 0;} .blockGrid.ciBG p {margin-top:15px;} .blockGrid.ciBG:first-child {margin-top:20px;} .blockGrid.ciBG:first-child > .blockGrid--33 > div {border-top:solid 2px #fff; padding-top: 35px;} .blockGrid.ciBG + .blockGrid.ciBG {margin-top:15px;} @media (max-width:1560px){ .notificationContainer--inner {} .notification--tag {position: static; -webkit-transform:none; -ms-transform:none; transform:none; margin: -20px 0 20px;} .notification--link {top:62px; -webkit-transform:none; -ms-transform:none; transform:none;} .notification--title {padding:0;} .notification--content {padding:0;} } @media (max-width:960px){ .notificationWrapper {margin:80px 0 -60px;} .notification--title {font-size:32px; min-height: 0;} .blockGrid.ciBG:first-child {margin-top:0;} .blockGrid.ciBG h5 {margin-top:0;} .blockGrid.ciBG + .blockGrid.ciBG {margin-top:30px;} .blockGrid.ciBG .blockGrid--33 {width:100%;} .blockGrid.ciBG > .blockGrid--33 > div {padding:0!important; border:none!important} .blockGrid.ciBG > .blockGrid--33 + .blockGrid--33 {margin-top:30px;} } @media (max-width:680px){ .notificationWrapper {margin:60px 0 -20px;} .notification {padding: 50px 40px 40px;} .notification--link:not([data-notification-trigger="1"]) {display: none;} .notification--link {top:33px; right: 40px;} .notification--title {font-size:28px;} } @media (max-width:480px){ .notification {padding: 45px 30px 30px;} .notification--tag {margin: -20px 0 15px;} .notification--title {font-size:24px;} } /* Timeline */ .timelineContainer {padding-left:20px; margin-top:80px; position: relative; } .timelineNavigation {position: absolute; right:0; top:-180px;} .timeline {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position: relative; height:290px;} .timeline:after {content:""; position: absolute; left:0; bottom:0; width:100vw; height:2px; background: #00c382; opacity:0.8;} .timeline--item {text-align: center; position: relative; height:70px; -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; pointer-events:none; -webkit-transition:height 350ms ease; -o-transition:height 350ms ease; transition:height 350ms ease;} .timeline--item-circle {cursor: pointer; pointer-events:all; -webkit-transition:background 350ms ease; -o-transition:background 350ms ease; transition:background 350ms ease;} .timeline--item-circle, .timeline--item-line-circle:before {position: absolute; left:0; bottom:0; z-index: 10; margin:0 0 -17.5px -17.5px; background:rgba(28, 194, 120, 0.5); width:35px; height:35px; border-radius:50%;} .timeline--item-circle:after, .timeline--item-line-circle:after {content:""; position: absolute; left:50%; top:50%; background: #00c382; width:17px; height:17px; margin:-8.5px 0 0 -8.5px; border-radius:50%;} .timeline--item-line-circle {position: absolute; left:0; bottom:0; margin-left:-1px; height:0; width:2px; background: #00c382; opacity:0; -webkit-transition:height 350ms ease; -o-transition:height 350ms ease; transition:height 350ms ease;} .timeline--item-line-circle:before {content:""; top:0; bottom:auto; width:50px; height:50px; margin:-25px 0 0 -25px;} .timeline--item-line-circle:after {top:0; left:0; bottom:auto; width:24px; height:24px; margin:-12px 0 0 -12px;} .timeline--item-year, .timeline--item-text {font-size:24px; line-height: 1; color:#919191; position: absolute; left:0; top:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:top 350ms ease, font-size 350ms ease, color 350ms ease; -o-transition:top 350ms ease, font-size 350ms ease, color 350ms ease; transition:top 350ms ease, font-size 350ms ease, color 350ms ease} .timeline--item-text {top:48px; opacity:0; -webkit-transition:top 350ms ease, opacity 350ms ease; -o-transition:top 350ms ease, opacity 350ms ease; transition:top 350ms ease, opacity 350ms ease;} .timeline--item:first-child {height:185px;} .timeline--item:first-child .timeline--item-year {font-size:48px; line-height:0.66; color:#00C382; padding:0; font-family: 'TTCommons-Light';} .timeline--item:first-child .timeline--item-text {opacity:1;} .timeline--item:first-child .timeline--item-circle {bottom:65px;} .timeline--item:first-child .timeline--item-line-circle {height:65px; opacity:1;} .timeline--item:first-child .timeline--item-line-circle:before, .timeline--item:first-child .timeline--item-line-circle:after {display: none;} .timeline--item.active {height:285px;} .timeline--item.active .timeline--item-year {font-size:64px; line-height:0.66; color:#00C382; font-family: 'TTCommons-Light';} .timeline--item.active .timeline--item-text {opacity:1; top:60px; min-width: 115px;} .timeline--item.active .timeline--item-line-circle {height:140px; opacity:1;} @media (max-width:1180px){ .timeline {width:calc(100% + 15px); margin:0 0 0 20px;} } @media (max-width:960px){ .timelineContainer {margin:0;} .timelineNavigation {position: static; margin:0 0 30px -20px;} .timeline--item {height:65px;} .timeline--item:first-child {height: 175px;} .timeline--item-year, .timeline--item-text {font-size:22px;} .timeline--item-text {font-size:18px;} } @media (max-width:680px){ .timelineContainer {margin-bottom: -40px;} .timelineNavigation {margin:10px 0 70px -20px;} .timeline {width:100%; margin:0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: auto; } .timeline--item {height:100px!important; width:100%;} .timeline--item-circle, .timeline--item-line-circle:before {left:0; top:-15px; bottom:auto;} .timeline--item-year, .timeline--item-text {left:110px; width:150px; text-align:left; top:-9px; -webkit-transition:top 350ms ease, left 350ms ease; -o-transition:top 350ms ease, left 350ms ease; transition:top 350ms ease, left 350ms ease} .timeline--item-text {font-size:20px; opacity:0; -webkit-transition:top 350ms ease, left 350ms ease, opacity 350ms ease; -o-transition:top 350ms ease, left 350ms ease, opacity 350ms ease; transition:top 350ms ease, left 350ms ease, opacity 350ms ease} .timeline--item-line-circle {height:2px; width:0; -webkit-transition:width 250ms ease; -o-transition:width 250ms ease; transition:width 250ms ease} .timeline--item .timeline--item-line-circle {bottom:auto; top:0; width:0; height:2px; -webkit-transition:width 350ms ease; -o-transition:width 350ms ease; transition:width 350ms ease;} .timeline--item.active .timeline--item-line-circle {width: calc(50% - 60px); height:2px;} .timeline--item.active .timeline--item-year {top:-35px; font-size:55px; left:60%;} .timeline--item.active .timeline--item-text {top:15px; left:60%; opacity:1;} .timeline--item-line-circle:before, .timeline--item-line-circle:after {right:0; left:auto;} .timeline--item-line-circle:before {top:0; right:-13px;} .timeline--item:first-child .timeline--item-year {left:40%; top:-30px} .timeline--item:first-child .timeline--item-text {left:40%; top:15px;} .timeline--item:first-child .timeline--item-circle {left:calc(30% - 60px);} .timeline--item:first-child .timeline--item-line-circle {width: calc(30% - 60px); height:2px; left:2px;} .timeline:after {height:100%; width:2px; left:0;} } @media (max-width:460px){ .timeline--item.active .timeline--item-year {left:70%;} .timeline--item.active .timeline--item-text {left:70%;} .timeline--item.active .timeline--item-line-circle {width: calc(45% - 30px);} .timeline--item:first-child .timeline--item-year {left:50%;} .timeline--item:first-child .timeline--item-text {left:50%;} .timeline--item:first-child .timeline--item-line-circle {width: calc(25% - 60px);} } /* Accordion */ .accordion--trigger:hover {cursor: pointer;} .accordion--trigger i.accordion--trigger-i {color:#00c382; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .accordion--trigger:hover i.accordion--trigger-i {color:#00AA69;} .accordion--content {display: none;} .accordion.active .accordion--trigger i.accordion--trigger-i:before {content: "\e90c";} .accordionContainer-fos {position: relative;} .accordionContainer-fos:first-child {margin-top:-150px;} .accordionContainer-fos:last-child {margin-bottom:-150px;} .accordionContainer-fos > .accordion-fos {padding:150px 0;} .accordionContainer-fos + .accordionContainer-fos:before {content:""; position: absolute; left:-100vw; top:0; width:200vw; height:1px; background: #e3e3e3;} .accordionContainer-fos .blockGrid--content-left {width:240px;} .accordionContainer-fos .blockGrid--content-right {width:calc(100% - 240px);} .accordionContainer-fos .sliderContainer[data-slider-type="3"] .slick-track {margin-left:0;} /* @media (max-width:960px){ section, section.section-padding-md, section.section-padding-sm {padding:80px 0;} section.section-title {padding:50px 0;} section.section-news-single {border-top:none!important; padding-bottom:80px;} section.section-news-single:before {display: none;} h3.section-tag {font-size:22px; margin: -40px 0 30px;} .textBlock.textBlock-404 h1 {font-size:100px;} .textBlock.textBlock-404 h1 + h2 {margin-top:-25px;} .textBlock.textBlock-404 h2 {font-size:36px;} .textBlock.textBlock-404 h2 + p {margin-top:-5px;} .textBlock.textBlock-404 p {font-size:24px;} .textBlock.textBlock-404 a.link {margin-top:20px;} } @media (max-width:680px){ section, section.section-padding-md, section.section-padding-sm {padding:40px 0;} */ /* Fields of service */ .head-of-project {text-decoration: underline; opacity:1; visibility: visible; -webkit-transition:opacity 350ms ease, visibility 350ms ease; -o-transition:opacity 350ms ease, visibility 350ms ease; transition:opacity 350ms ease, visibility 350ms ease;} .head-of-project a {-webkit-transition:color 250ms ease;-o-transition:color 250ms ease;transition:color 250ms ease;} .head-of-project a:hover {color:#000;} .accordion-fos .accordion--trigger {margin:15px 0 0; padding:0; outline:none!important; background:none; border:none; opacity:1; visibility: visible; line-height:0; color:#00C382; font-size:27px; -webkit-transition:color 250ms ease, opacity 350ms ease, visibility 350ms ease; -o-transition:color 250ms ease, opacity 350ms ease, visibility 350ms ease; transition:color 250ms ease, opacity 350ms ease, visibility 350ms ease;} .accordion-fos .accordion--trigger:hover {color:#00AA69;} .accordion-fos.active .accordion--trigger i:before {content: "\e90c";} .accordion-fos.active .accordion--trigger, .accordion-fos.active .head-of-project {-webkit-transition-duration: 50ms;-o-transition-duration: 50ms;transition-duration: 50ms} .accordion-fos .bg-mid {margin-top: 10px; margin-bottom: 35px;} .accordion-fos .bg-mid + .bg-mid {margin-top:130px;} .accordion-fos .bg-bot .accordion--trigger {opacity:0; visibility: hidden;} .accordion-fos.active .bg-top .accordion--trigger {opacity:0; visibility: hidden} .accordion-fos.active .bg-bot .accordion--trigger {opacity:1; visibility: visible;} @media (min-width:961px){ /*.accordion-fos.active .bg-top .head-of-project {opacity:0; visibility: hidden}*/ } @media (max-width:960px){ .accordionContainer-fos .blockGrid--content-left, .accordionContainer-fos .blockGrid--content-right {width: 100%; padding: 0 20px; margin-top: 0;} .accordionContainer-fos:first-child {margin-top:-80px;} .accordionContainer-fos:last-child {margin-bottom:-80px;} .accordionContainer-fos > .accordion-fos {padding:80px 0;} .accordion-fos .bg-mid .head-of-project {display: none;} .accordion-fos.active .bg-top .accordion--trigger {display: none;} .accordion-fos .bg-mid + .bg-mid {margin-top:0;} .accordion-fos .blockGrid--content-left h4 {margin:0 0 20px;} .accordion-fos .head-of-project {margin-bottom:20px;} .accordion-fos .bg-mid .sliderArrowsContainer:last-child {margin-bottom:20px} } @media (max-width:680px){ .accordionContainer-fos:first-child {margin-top:-40px;} .accordionContainer-fos:last-child {margin-bottom:-40px;} .accordionContainer-fos > .accordion-fos {padding:40px 0;} } /* Employment */ .accordionContainer-employment {margin:-100px 0;} .accordion-employment {position: relative;} .accordion-employment .accordion--trigger {padding: 80px 0;} .accordion-employment + .accordion-employment:before {content:""; position: absolute; left:-100vw; top:0; width:200vw; height:1px; background: #e3e3e3;} .accordion-employment .accordion--content {padding:10px 0 100px} .accordion-employment .accordion--content ul {margin:35px 0} .accordion-employment .accordion--content ul + p {margin-top:45px} .accordion-employment .accordion--content .employment-due-info {text-decoration: underline;} .blockGrid.empBG {position: relative; padding-right: 60px;} .blockGrid.empBG > .blockGrid--item:first-child {font-size:28px; width:370px;} .blockGrid.empBG > .blockGrid--item:nth-child(2) {font-size:20px; width:calc(100% - 370px); color:#000; margin-top:6px;} .blockGrid.empBG > .blockGrid--item:nth-child(3) {font-size:27px; color: #00c382; position: absolute; right:0; top:0;} @media (max-width:960px){ .accordionContainer-employment {margin:-80px 0;} .accordion-employment .accordion--trigger {padding: 60px 0;} .accordion-employment .accordion--content {padding:10px 0 80px;} .blockGrid.empBG > .blockGrid--item:first-child {font-size:24px; width:370px;} .blockGrid.empBG > .blockGrid--item:nth-child(2) {width:calc(100% - 370px); margin-top:2px;} } @media (max-width:680px){ .accordionContainer-employment {margin:-40px 0;} .accordion-employment .accordion--trigger {padding: 40px 0;} .accordion-employment .accordion--content {padding:10px 0 50px} .blockGrid.empBG > .blockGrid--item:first-child, .blockGrid.empBG > .blockGrid--item:nth-child(2) {width:100%;} .blockGrid.empBG > .blockGrid--item:nth-child(3) {top: 15px;} } /* Employes */ .blockGrid.employeBG {width:calc(100% + 60px); margin-left:-30px; margin-bottom:-60px;} .blockGrid.employeBG .blockGrid--33 {padding:60px 30px;} .employe {position: relative; font-size:20px; line-height:1.3; color:#919191; overflow:hidden;} .employe p {line-height:1.3;} .employe h3 {font-size:28px; line-height:1.29; color:#919191; margin:0 0 25px;} .employe--image {height:370px; background-position: center; background-size:cover; background-repeat: no-repeat;} .employe--info {border-top: solid 1px #b6b5b5; padding:18px 0 0; margin:0 0 20px;} .employe--info p {min-height:55px;} .employe--more-info {position: absolute; z-index:5; left:0; top:-50px; width:100%; height:100%; background: #00C382; color:#fff; padding:35px; opacity:0; -webkit-transition:opacity 250ms ease, top 250ms ease; -o-transition:opacity 250ms ease, top 250ms ease; transition:opacity 250ms ease, top 250ms ease;} .employe--more-info h3 {color:#fff;} .employe--more-info ul {list-style:none; margin:32px 0; padding:0;} .employe--more-info a {color:#fff;} .employe--more-info nav {position: absolute; left:0; bottom:0; width:100%; padding:35px; line-height:0; font-size:25px;} .employe:hover .employe--more-info {opacity:1; top:0;} @media (max-width:1180px){ .blockGrid.employeBG {width:calc(100% + 20px); margin-left:-10px; margin-bottom:-60px;} .blockGrid.employeBG .blockGrid--33 {padding:60px 10px} } @media (max-width:960px){ .blockGrid.employeBG {margin-bottom:-40px;} .blockGrid.employeBG .blockGrid--33 {padding:40px 10px; width:50%;} } @media (max-width:680px){ .blockGrid.employeBG {margin-bottom:-30px;} .blockGrid.employeBG .blockGrid--33 {padding:30px 10px; width:100%;} } /* News */ .blockGrid.newsBG[data-type="1"] {width:calc(100% + 60px); margin-left:-30px; margin-top:30px; margin-bottom:-20px; position: relative;} .blockGrid.newsBG[data-type="1"] .blockGrid--item {width:33.333%; margin: 20px 0; padding:0 30px;} .blockGrid.newsBG[data-type="1"] .newsExcerpt {display: block; border-top:solid 1px #b6b5b5; padding-top:35px;} .blockGrid.newsBG[data-type="1"] .newsExcerpt--title {font-size: 28px; color: #919191; line-height: 1.29; min-height:120px; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .blockGrid.newsBG[data-type="1"] .newsExcerpt--actions {margin:10px 0 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .blockGrid.newsBG[data-type="1"] .newsExcerpt--actions date {color:#000; font-size:20px;} .blockGrid.newsBG[data-type="1"] .newsExcerpt--actions i.icon-plus {color:#00C382; font-size:25px;} .blockGrid.newsBG[data-type="1"] .newsExcerpt:hover {text-decoration: none;} .blockGrid.newsBG[data-type="1"] .newsExcerpt:hover .newsExcerpt--title {color:#00C382;} .blockGrid.newsBG[data-type="1"][data-sub-type="2"] .newsExcerpt {border:none; padding-top:0;} .blockGrid.newsBG[data-type="1"][data-sub-type="2"] .newsExcerpt--image {margin:0 0 45px;} .blockGrid.newsBG[data-type="1"][data-sub-type="2"] .newsExcerpt--image img {width:100%;} .blockGrid.newsBG[data-type="1"][data-sub-type="2"] .newsExcerpt--title {font-size:24px; line-height:1.33; min-height:65px; margin: 0 0 25px;} .blockGrid.newsBG[data-type="2"] {width:calc(100% + 25px); margin-left:-12.5px;} .blockGrid.newsBG[data-type="2"] > .blockGrid--50 {padding:12.5px; width:25%;} .blockGrid.newsBG[data-type="2"] .blockGrid {width:calc(100% + 25px); margin:-12.5px 0 -12.5px -12.5px;} .blockGrid.newsBG[data-type="2"] .blockGrid .blockGrid--50 {padding:12.5px;} .blockGrid.newsBG[data-type="2"] .newsExcerpt {background: #f2f2f2; position: relative; display: block; -webkit-transition:background 250ms ease-in-out; -o-transition:background 250ms ease-in-out; transition:background 250ms ease-in-out;} .blockGrid.newsBG[data-type="2"] .newsExcerpt-sm {height:265px;} .blockGrid.newsBG[data-type="2"] .newsExcerpt-lg {height:555px;} .blockGrid.newsBG[data-type="2"] .newsExcerpt .newsExcerpt--image img {width:100%;} .blockGrid.newsBG[data-type="2"] .newsExcerpt .newsExcerpt--title {color:#919191; font-size:24px; line-height:1.33; padding:30px;} .blockGrid.newsBG[data-type="2"] .newsExcerpt .newsExcerpt--actions {position: absolute; left:0; bottom:0; padding:0 30px 30px; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;} .blockGrid.newsBG[data-type="2"] .newsExcerpt .newsExcerpt--actions date {color:#000; font-size:20px;} .blockGrid.newsBG[data-type="2"] .newsExcerpt .newsExcerpt--actions i.icon-plus {color:#00C382; font-size:25px;} .blockGrid.newsBG[data-type="2"] .newsExcerpt-lg .newsExcerpt--title {font-size:28px; line-height: 1.29;} .blockGrid.newsBG[data-type="2"] .newsExcerpt .newsExcerpt--title, .blockGrid.newsBG[data-type="2"] .newsExcerpt .newsExcerpt--actions date, .blockGrid.newsBG[data-type="2"] .newsExcerpt .newsExcerpt--actions i.icon-plus {-webkit-transition:color 250ms ease-in-out;-o-transition:color 250ms ease-in-out;transition:color 250ms ease-in-out;} .blockGrid.newsBG[data-type="2"] .newsExcerpt:hover {background: #00C382; text-decoration: none;} .blockGrid.newsBG[data-type="2"] .newsExcerpt:hover .newsExcerpt--title, .blockGrid.newsBG[data-type="2"] .newsExcerpt:hover .newsExcerpt--actions date, .blockGrid.newsBG[data-type="2"] .newsExcerpt:hover .newsExcerpt--actions i.icon-plus {color:#fff;} .blockGrid.newsBG[data-type="2"] + .blockGrid.newsBG[data-type="2"] {margin-top:100px;} .blockGrid.newsBG[data-type="2"] .blockGrid--50.fw {width:100%; padding:0;} .newsExcerptContainer {width:calc(100% + 25px); margin:-12.5px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;} .newsExcerptContainer + .newsExcerptContainer {margin-top:80px;} .newsExcerptContainer .newsExcerptColumn {width:50%;} .newsExcerptContainer .newsExcerptColumn.lg .newsExcerpt--25 {width:100%;} .newsExcerpt--25 {float:left; width:50%; padding:12.5px;} .newsExcerpt--25 .newsExcerpt {background: #f2f2f2; position: relative; display: block; -webkit-transition:background 250ms ease-in-out; -o-transition:background 250ms ease-in-out; transition:background 250ms ease-in-out;} .newsExcerpt--25 .newsExcerpt-sm {height:265px;} .newsExcerpt--25.lg {width:50%;} .newsExcerpt--25.lg .newsExcerpt-sm {height:555px;} .newsExcerpt--25.lg .newsExcerpt .newsExcerpt--image {display: block;} .newsExcerpt--25 .newsExcerpt .newsExcerpt--image {display: none;} .newsExcerpt--25 .newsExcerpt .newsExcerpt--image img {width:100%;} .newsExcerpt--25 .newsExcerpt .newsExcerpt--title {color:#919191; font-size:24px; line-height:1.33; padding:30px;} .newsExcerpt--25 .newsExcerpt .newsExcerpt--actions {position: absolute; left:0; bottom:0; padding:0 30px 30px; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;} .newsExcerpt--25 .newsExcerpt .newsExcerpt--actions date {color:#000; font-size:20px;} .newsExcerpt--25 .newsExcerpt .newsExcerpt--actions i.icon-plus {color:#00C382; font-size:25px;} .newsExcerpt--25.lg .newsExcerpt--title {font-size:28px; line-height: 1.29;} .newsExcerpt--25 .newsExcerpt .newsExcerpt--title, .newsExcerpt--25 .newsExcerpt .newsExcerpt--actions date, .newsExcerpt--25 .newsExcerpt .newsExcerpt--actions i.icon-plus {-webkit-transition:color 250ms ease-in-out;-o-transition:color 250ms ease-in-out;transition:color 250ms ease-in-out;} .newsExcerpt--25 .newsExcerpt:hover {background: #00C382; text-decoration: none;} .newsExcerpt--25 .newsExcerpt:hover .newsExcerpt--title, .newsExcerpt--25 .newsExcerpt:hover .newsExcerpt--actions date, .newsExcerpt--25 .newsExcerpt:hover .newsExcerpt--actions i.icon-plus {color:#fff;} /* .newsGridContainer .blockGrid.newsBG[data-type="2"] > .blockGrid--50 {} .newsGridContainer .blockGrid.newsBG[data-type="2"]:nth-child(3n+3) > .blockGrid--50:last-child {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;} *//* .newsGridContainer .blockGrid.newsBG[data-type="2"]:nth-child(odd) > .blockGrid--50 {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;} .newsGridContainer .blockGrid.newsBG[data-type="2"]:nth-child(odd) > .blockGrid--50:last-child {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;} */ .newsPagination {border-top:solid 1px #e3e3e3; width:100%; position: relative; padding:40px 0; margin:100px 0 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .newsPagination:before {content:""; position: absolute; left:-25vw; top:-1px; width:200vw; height:1px; background: #e3e3e3;} .newsPagination nav {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;} .newsPagination a {color:#000; font-size:21px;} .newsPagination .news-prev a, .newsPagination .news-next a {text-decoration: underline;} .newsPagination .news-prev a:hover, .newsPagination .news-next a:hover {text-decoration: none;} .newsPagination a.news-prev i, .newsPagination a.news-next i {display: none;} .newsPagination--100 {width:100%;} .newsPagination--100 nav {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .newsPagination--100 nav a.next.page-numbers {margin-left:auto; text-decoration: underline;} .newsPagination--100 nav a.prev.page-numbers {margin-right:auto; text-decoration: underline;} .newsPagination--100 nav a.next.page-numbers:hover, .newsPagination--100 nav a.prev.page-numbers:hover {text-decoration: none;} .newsPagination--100 nav .page-numbers:not(.next):not(.prev) {position: relative; padding:0 4px;} .newsPagination--100 nav .page-numbers:not(.next):not(.prev) + .page-numbers:not(.next):not(.prev):before {content:","; position: absolute; left:-4px; top:0;} .newsPagination--100 nav .page-numbers.current {color:#000; text-decoration: underline;} .newsPagination--center {margin-top: 5px;} .newsPagination--center a {color:#919191; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .newsPagination--center a:hover {color:#000; text-decoration: none;} .more-news {position: absolute; right:30px; top:-110px; color:#000; opacity: 0.7; line-height:1.33; text-decoration: underline;} .more-news.sm {top: -65px;} .more-news:hover {text-decoration: none;} .news {margin-bottom:200px;} .news p {margin:60px 0;} .news p:first-child {margin-top:0;} .news p:last-child {margin-bottom:0;} .news--featuredImage img {width:100%;} .news--featuredImage {margin:0 0 80px;} .news--content h1, .news--content h2, .news--content h3, .news--content h4 {color:#9b9b9c;} .news--content h3 + date {margin:-5px 0 -20px;} .news--content date {display: block; color:#000; font-size:20px;} @media (max-width:1180px) and (min-width:781px){ /* .blockGrid.newsBG[data-type="2"] .newsExcerpt-lg {height:auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;} .blockGrid.newsBG[data-type="2"] .newsExcerpt-lg .newsExcerpt--image {width:50%} .blockGrid.newsBG[data-type="2"] .newsExcerpt-lg .newsExcerpt--title {width:50%;} .blockGrid.newsBG[data-type="2"] .newsExcerpt-lg .newsExcerpt--actions {width:50%; left:auto; right:0;} */ .newsExcerpt--25.lg .newsExcerpt-sm {height:auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;} .newsExcerpt--25.newsExcerpt--25.lg .newsExcerpt-sm .newsExcerpt--image {width:50%} .newsExcerpt--25.newsExcerpt--25.lg .newsExcerpt-sm .newsExcerpt--title {width:50%;} .newsExcerpt--25.newsExcerpt--25.lg .newsExcerpt-sm .newsExcerpt--actions {width:50%; left:auto; right:0;} } @media (max-width:1180px){ .newsExcerptContainer .newsExcerptColumn {width:100%;} .newsExcerptContainer + .newsExcerptContainer {margin-top:40px;} /* .blockGrid.newsBG[data-type="2"] > .blockGrid--50 {width:100%;} .blockGrid.newsBG[data-type="2"] > .blockGrid--50 + .blockGrid--50 {margin-top:25px;} .blockGrid.newsBG[data-type="2"] + .blockGrid.newsBG[data-type="2"] {margin-top:25px;} */ .blockGrid.newsBG[data-type="2"] .newsExcerpt-lg, .blockGrid.newsBG[data-type="2"] .newsExcerpt-sm {height:auto;} .blockGrid.newsBG[data-type="2"] .newsExcerpt:not(.newsExcerpt-lg) .newsExcerpt--actions {position: static; padding:0 20px 20px;} .blockGrid.newsBG[data-type="2"] .newsExcerpt .newsExcerpt--actions i.icon-plus {font-size: 20px;} .blockGrid.newsBG[data-type="2"] .newsExcerpt .newsExcerpt--actions {padding:0 20px 20px} .blockGrid.newsBG[data-type="2"] .newsExcerpt .newsExcerpt--title {min-height:155px; padding:20px;} .newsExcerpt--25 .newsExcerpt-sm, .newsExcerpt--25.lg .newsExcerpt-sm {height:auto;} .newsExcerpt--25:not(.lg) .newsExcerpt--actions {position: static; padding:0 20px 20px;} .newsExcerpt--25 .newsExcerpt .newsExcerpt--actions {padding:0 20px 20px} .newsExcerpt--25 .newsExcerpt .newsExcerpt--actions i.icon-plus {font-size: 20px;} .newsExcerpt--25 .newsExcerpt .newsExcerpt--title {min-height:155px; padding:20px;} } @media (max-width:960px){ .blockGrid.newsBG[data-type="1"] {padding:0; width: calc(100% + 40px); margin-left: -20px;} .blockGrid.newsBG[data-type="1"] .blockGrid--item {padding:0 20px;} .blockGrid.newsBG[data-type="1"] .newsExcerpt--title {font-size:26px;} .blockGrid.newsBG[data-type="1"][data-sub-type="2"] {margin-top:20px;} .more-news {position: static; margin:40px 0 0 20px;} .news {margin:0;} .news p {margin:30px 0;} .news--featuredImage {margin: 0 0 40px;} .news--content h3 + date { margin: -15px 0 -10px;} .newsPagination {margin-top:40px; padding:40px 0 0;} } @media (max-width:860px){ .blockGrid.newsBG[data-type="1"] .blockGrid--item {width:100%;} .blockGrid.newsBG[data-type="1"] .newsExcerpt--title {min-height:0;} .blockGrid.newsBG[data-type="1"] .newsExcerpt--actions {margin-top:20px;} .blockGrid.newsBG[data-type="1"] .blockGrid--item + .blockGrid--item {margin-top:40px;} .blockGrid.newsBG[data-type="1"][data-sub-type="2"] {margin-top:0;} .blockGrid.newsBG[data-type="1"][data-sub-type="2"] .newsExcerpt--title {min-height:0; margin:0 0 20px;} .blockGrid.newsBG[data-type="1"][data-sub-type="2"] .newsExcerpt--image {margin:0 0 25px;} .blockGrid.newsBG[data-type="2"] .newsExcerpt-lg .newsExcerpt--title, .newsExcerpt--25.lg .newsExcerpt--title {font-size:24px; line-height:1.33;} } @media (max-width:780px){ .blockGrid.newsBG[data-type="2"] .newsExcerpt-lg .newsExcerpt--actions, .newsExcerpt--25.lg .newsExcerpt--actions {position: static;} } @media (max-width:680px){ /*.blockGrid.newsBG[data-type="2"] .blockGrid .blockGrid--50 {width:100%;}*/ .newsExcerpt--25 {width:100%;} .newsExcerptContainer + .newsExcerptContainer {margin-top:12.5px;} .newsExcerptContainer:not(:first-child) .newsExcerpt--image {display: none!important;} } @media (max-width:400px){ .newsPagination a.news-prev span, .newsPagination a.news-next span {display: none;} .newsPagination a.news-prev i, .newsPagination a.news-next i {display: block;} .newsPagination a.news-prev, .newsPagination a.news-next {text-decoration: none!important; font-size:28px;} .newsPagination-news {-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .newsPagination.newsPagination-news {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .newsPagination.newsPagination-news .newsPagination--center { margin-top: 10px; } } /* Projects */ .blockGrid.projectsBG {width:calc(100% + 120px); margin-left:-60px; margin-bottom:-185px} .blockGrid.projectsBG .blockGrid--50 {padding:0 60px;} .blockGrid.projectsBG h3 {border-bottom:solid 1px #b6b5b5; padding:0 0 25px;} .fieldList {font-size:28px; line-height:1.2; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -ms-flex-wrap:wrap; flex-wrap:wrap;} .fieldList a {position: relative; padding-right: 10px; margin-bottom:10px;} /*.fieldList a:after {content:","; position: absolute; right:9px; bottom:0;}*/ .fieldList a sup {font-size:12px; top:-1em; left:2px;} .fieldList a:last-child:after {display: none;} .fieldList a:hover {text-decoration: none;} .fieldList a span:hover {text-decoration: underline;} .fieldList a.active {color:#00C382;} .fieldList a.active span {text-decoration: underline;} .textBlock + .fieldList, .textBlock + .projectsSliderContainer {margin-top:35px;} .fieldList {margin:35px 0;} /* Project slider */ .projectsSliderContainer {position: relative;} .projectsSliderNavigation {position: absolute; left:-80px; top:200px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .projectsSliderNavigation button {font-size:90px; line-height:0; background:none; border:none; outline:none!important; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .projectsSliderNavigation button + button {margin-top:45px; margin-left:-3px;} .projectsSliderNavigation button:hover {color:#00C382;} .projectsSliderNavigation button.slick-disabled {opacity:0.5; pointer-events:none;} .projectsSlider .slick-slide {outline:none!important;} .projectExcerpt {display: block; text-decoration: none!important; outline:none!important; margin:0 0 100px;} .projectExcerpt--image {margin:0 0 35px;} .projectExcerpt--image img {width:100%;} .projectExcerpt--description date {font-size:24px;} .projectExcerpt--description h4 {color:#000; font-size:28px; line-height:1.29; margin:30px 0 35px;} .projectExcerpt--description i.icon-plus {color:#00C382; font-size:25px; display:inline-block; margin-top: 10px;} @media (min-width:961px){ /*.projectsSlider .projectExcerpt {height:820px}*/ } /* Projects numbers slider */ .projectNumberSliderContainer .row {position: relative;} .projectNumbersNavigation {position: absolute; right:0; top:-100px;} .projectNumbersSlider {margin-top: 65px;} .projectNumbersSlider .slick-slide {outline:none!important;} .projectNumbersSlider .slick-slide.slick-center {} .projectNumbersSlider .slick-slide.slick-center .projectNumbers--number {font-size:120px; color:#00C382; opacity:1;} .projectNumbersSlider .slick-slide.slick-center .projectNumbers--title {opacity:1; color:#919191;} .projectNumbersSlider .slick-slide.slick-center .projectNumbers--number:before, .projectNumbersSlider .slick-slide.slick-center .projectNumbers--number:after {opacity:1; margin-top:-1px;} .projectNumbers {text-align: center;} .projectNumbers--number {font-family: 'TTCommons-Light'; opacity: 0.5; font-size:64px; line-height:1.25; color:#9b9b9c; height:150px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; position: relative; -webkit-transition:opacity 250ms ease, font-size 250ms ease, color 250ms ease; -o-transition:opacity 250ms ease, font-size 250ms ease, color 250ms ease; transition:opacity 250ms ease, font-size 250ms ease, color 250ms ease;} .projectNumbers--number small {font-size: 30%;} .projectNumbers--number:before, .projectNumbers--number:after {content:""; position: absolute; width:50px; top:50%; margin-top:20px; height:2px; opacity:0; background: #00C382; -webkit-transition:opacity 250ms ease, margin 250ms ease; -o-transition:opacity 250ms ease, margin 250ms ease; transition:opacity 250ms ease, margin 250ms ease} .projectNumbers--number:before {right:calc(100% - 25px);} .projectNumbers--number:after {left:calc(100% - 25px);} .projectNumbers--title {font-size:24px; line-height:1.33; color:#9b9b9c; opacity:0.5; -webkit-transition:opacity 250ms ease, color 250ms ease; -o-transition:opacity 250ms ease, color 250ms ease; transition:opacity 250ms ease, color 250ms ease;} .ajax-loader {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ajax-loader.gif) no-repeat center rgba(255,255,255,.8);} /* Project - single */ .project {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -ms-flex-wrap:wrap; flex-wrap:wrap;} .project h1, .project h2, .project h3, .project h4 {color:#9b9b9c;} .project--image {margin:0 0 80px;} .project--image img {width:100%;} .project--sidebar {width:360px; padding-top: 15px;} .project--sidebar > div {border-top:solid 1px #979797; padding:13px 0 15px} .project--sidebar > div h5 {font-size:18px; font-weight:normal; margin:0;} .project--sidebar > div p {margin:8px 0 0;} .project--sidebar > div:last-child {border-bottom:solid 1px #979797;} .project--content {width:calc(100% - 360px); padding-right:120px;} .project--content.fw {width:100%; padding-right:0;} .project--content p {margin:60px 0;} .project--content p:first-child {margin-top:0;} .project--content p:last-child {margin-bottom:0;} @media (max-width:1540px){ .projectNumbers--number:before {right:100%;} .projectNumbers--number:after {left:100%;} } @media (max-width:1280px){ .projectNumbers--title {font-size:22px;} .projectNumbers--number {font-size:50px; height:115px;} .projectNumbersSlider .slick-slide.slick-center .projectNumbers--number {font-size:90px;} .projectNumbers--number:before, .projectNumbers--number:after {width:10%;} .project--content {padding-right:60px;} } @media (max-width:960px){ .projectNumbersSlider {margin-top:0;} .projectNumbersNavigation {position: static; margin-left:-20px;} .blockGrid.projectsBG {width:calc(100% + 40px); margin-left:-20px; margin-bottom:0;} .blockGrid.projectsBG .blockGrid--50 {width:100%; padding:0 20px;} .blockGrid.projectsBG .blockGrid--50 + .blockGrid--50 {margin-top:60px;} .fieldList {font-size:24px; margin-bottom:0;} .projectsSliderNavigation {position: static; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:0 0 20px;} .projectsSliderNavigation button {font-size:42px; padding:0; margin:0; border:none; background:none; line-height:1; opacity:1; -webkit-transition:color 250ms ease, opacity 250ms ease; -o-transition:color 250ms ease, opacity 250ms ease; transition:color 250ms ease, opacity 250ms ease;} .projectsSliderNavigation button i {font-size:42px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;} .projectsSliderNavigation button + button {margin:0 0 0 25px;} .projectsSliderNavigation button:hover {color:#00C382;} .projectsSliderNavigation button.disabled {opacity:0.5; pointer-events:none;} .projectsSliderNavigation button i.icon-arrow-circle-right {font-size: 55px;} .projectsSliderNavigation button i.icon-arrow-circle-right:before {content:"\e90f";} .projectsSliderNavigation button i.icon-arrow-circle-left {font-size: 42px;} .projectsSliderNavigation button i.icon-arrow-circle-left:before {content:"\e90f"; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg)} .projectsSlider {width:calc(100% + 20px); margin-left:-10px;} .projectExcerpt {padding:0 10px; margin:0;} .project--image {margin:0 0 40px;} .project--content, .project--sidebar {width:100%; padding:0;} .project--sidebar {margin-top:50px;} .project--content p {margin:30px 0;} } @media (max-width:680px){ .fieldList {font-size:21px;} } @media (max-width:580px){ .blockGrid.projectsBG h3 { padding: 0 0 20px; } .projectNumbers--number:before, .projectNumbers--number:after {display: none;} } /* Popup */ .popupContainer {position: fixed; left:0; top:0; width:100%; height:100%; padding:40px; overflow:auto; background-color: rgba(0, 0, 0, 0.4); z-index:999; opacity:0; visibility: hidden; will-change:opacity, visibility; -webkit-transition:opacity 350ms ease, visibility 350ms ease; -o-transition:opacity 350ms ease, visibility 350ms ease; transition:opacity 350ms ease, visibility 350ms ease;} .popup {background: #fff; width:100%; max-width:1140px; margin:0 auto; padding:75px 100px; -webkit-transform:translate3d(0,0,0) scale(0.1); transform:translate3d(0,0,0) scale(0.1); opacity:0; will-change:opacity, transform; -webkit-transition:opacity 450ms ease, -webkit-transform 450ms ease; transition:opacity 450ms ease, -webkit-transform 450ms ease; -o-transition:opacity 450ms ease, transform 450ms ease; transition:opacity 450ms ease, transform 450ms ease; transition:opacity 450ms ease, transform 450ms ease, -webkit-transform 450ms ease;} .popup--header {position: relative; padding-right:70px;} .popup--header h1 {color:#00C382; margin:0; font-family: 'TTCommons-Light'; line-height:1.2;} .popup--body {margin:75px 0 0;} .popup--close {position: absolute; right:0; top:0; color:#00C382; font-size:50px; line-height:0; background:none; border:none; outline:none!important; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;} .popup--close:hover {color:#00AA69;} .popup .blockGrid--left {width:240px; font-size:24px; line-height:1.33;} .popup .blockGrid--left p + ul {margin-top:50px;} .popup .blockGrid--right {width:calc(100% - 240px); padding-left:120px;} .popup ul {list-style:none; padding:0;} .popup ul li[data-list-symbol]:before {color:#00C382;} .popup .popupBG + .popupBG {margin-top:80px;} .popupContainer.visible {opacity:1; visibility: visible;} .popupContainer.visible .popup {opacity:1; -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1);} /* Form */ .form {position: relative;} .form--row {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; width:calc(100% + 24px); margin-left:-12px;} .form--row label {display: block; width:100%; font-size:18px; font-weight:normal;} .form--row input, .form--row textarea {height:45px; width:100%; padding:10px 0; border:none; border-bottom:solid 1px #e3e3e3; background: #fff; vertical-align: top; -webkit-transition:border 250ms ease; -o-transition:border 250ms ease; transition:border 250ms ease} .form--row textarea {height:50px; resize:none;} .form--row input.wpcf7-not-valid, .form--row textarea.wpcf7-not-valid {border-bottom-color:#f00!important;} .form--row button {border:none; background:none; padding:0; color:#000; font-size:21px; text-decoration: underline;} .form--row > div {padding:0 12px;} .form--row + .form--row {margin-top:60px;} .form--row:last-child {margin-top:25px;} .form--row-100 {width:100%;} .form--row-50 {width:50%;} .wpcf7-not-valid-tip{display: none!important;} div.wpcf7-response-output {border:none; margin:15px 0 0; padding:0; color:#f00;} div.wpcf7 .form .ajax-loader { position: absolute; left: -20px; top: -20px; width: calc(100% + 40px); height: calc(100% + 40px); z-index: 50; background:url(../images/ajax-loader.gif) no-repeat center rgba(255,255,255,.8);opacity:0; -webkit-transition:opacity 250ms ease, visibility 250ms ease; -o-transition:opacity 250ms ease, visibility 250ms ease; transition:opacity 250ms ease, visibility 250ms ease;} div.wpcf7 .form .ajax-loader.is-active {opacity:1;} @media (max-width:960px){ .popupContainer {padding:0; overflow:hidden;} .popupContainer .popup {height:100%; overflow:auto; padding:50px;} .popup .blockGrid--right {padding-left:60px;} } @media (max-width:800px){ .popup .blockGrid--left, .popup .blockGrid--right {width:100%;} .popup .blockGrid--right {padding-left:20px; margin-top:60px;} .popup .blockGrid--left p + ul {margin-top:20px;} .popup--body { margin: 40px 0 0; } } @media (max-width:580px){ .popupContainer .popup {padding:30px;} .popup--close {font-size:40px;} .blockGrid.popupBG .blockGrid--33 {width:100%;} .blockGrid.popupBG .blockGrid--33 + .blockGrid--33 {margin-top:40px} .form--row {-ms-flex-wrap:wrap;flex-wrap:wrap;} .form--row-50 {width:100%;} .form--row + .form--row, .form--row-50 + .form--row-50 {margin-top:40px;} } /* BIM */ .bimContainer {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;} .bimContainer-lg {margin-top:100px;} .bimCircle {width:100%; max-width:450px; position: relative;} .bimCircle--wheel svg {-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg); will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition:-webkit-transform 1000ms ease-in-out; transition:-webkit-transform 1000ms ease-in-out; -o-transition:transform 1000ms ease-in-out; transition:transform 1000ms ease-in-out; transition:transform 1000ms ease-in-out, -webkit-transform 1000ms ease-in-out;} .bimCircle--wheel[data-rotate="1"] svg {-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg);} .bimCircle--wheel[data-rotate="2"] svg {-webkit-transform:translate3d(0,0,0) rotate(-120deg);transform:translate3d(0,0,0) rotate(-120deg);} .bimCircle--wheel[data-rotate="3"] svg {-webkit-transform:translate3d(0,0,0) rotate(-240deg);transform:translate3d(0,0,0) rotate(-240deg);} .bimCircle g.g-segment.active .g-segment--word rect, .bimCircle g.g-segment.active .g-segment--word path {fill:#00C382;} .bimCircle g circle, .bimCircle g path, .bimCircle g rect {fill:#B2B2B2; -webkit-transition:fill 250ms ease; -o-transition:fill 250ms ease; transition:fill 250ms ease;} .bimCircle g path.active, .bimCircle g circle.active, .bimCircle g rect.active {fill:#00C382;} .bimCircle g [data-bim-dot] {width:50px; height:50px} .bimCircle g [data-bim-dot]:hover {cursor: pointer; fill:#00C382} .bimCircle--data {position: absolute; left:0; top:0; width:100%; height:100%; pointer-events:none;} .bimCircle--data-segment-line {position: absolute; right: -100px;top:0; width: 150px; opacity:0; visibility:hidden; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0.1) translate3d(0,0,0); transform: scale(0.1) translate3d(0,0,0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transition: opacity 350ms ease, visibility 350ms ease, -webkit-transform 350ms ease; transition: opacity 350ms ease, visibility 350ms ease, -webkit-transform 350ms ease; -o-transition: transform 350ms ease, opacity 350ms ease, visibility 350ms ease; transition: transform 350ms ease, opacity 350ms ease, visibility 350ms ease; transition: transform 350ms ease, opacity 350ms ease, visibility 350ms ease, -webkit-transform 350ms ease;} .bimCircle--data-segment-line span {display: block; font-size:20px; line-height:1; color:#9b9b9c; position: relative; margin-top:-35px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} .bimCircle--data-segment-line span:before {content: ""; width: 10px; height: 10px; background:#00C382; border-radius: 50%; position: absolute; right: -10px; top: 53px;} .bimCircle--data-segment-line:before, .bimCircle--data-segment-line:after {content:""; position: absolute; top:22px; width:60px; height:2px; background: #00C382;} .bimCircle--data-segment-line:before {left:-60px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center;} .bimCircle--data-segment-line:after {left:0; width:150px;} .bimCircle--data-segment-line[data-bim-segment-dot="1"] {} .bimCircle--data-segment-line[data-bim-segment-dot="2"] {top:58px; right: -157px;} .bimCircle--data-segment-line[data-bim-segment-dot="2"]:before {-webkit-transform: rotate(-38deg);-ms-transform: rotate(-38deg);transform: rotate(-38deg);} .bimCircle--data-segment-line[data-bim-segment-dot="3"] {top:115px; right: -182px;} .bimCircle--data-segment-line.visible {visibility:visible; opacity:1; -webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0);} .bimCircle-sm {max-width:360px;} .bimCircle-sm .bimCircle--data-segment-line {right: -116px; top: -10px;} .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="2"] { top: 40px; right: -160px; } .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="3"] { top: 89px; right: -175px; } /* BIM - slider */ .bimSliderContainer {width:calc(100% - 450px); padding-left:235px;} .bimSliderContainer h3 {color:#919191;} .bimSliderContainer .slick-slide {outline:none!important;} .bimSliderNavigation {margin-top: 45px;} .bimCircle--title {position: absolute; left:0; top:50%; margin-top:-55px; width:100%; text-align: center; line-height:1; color:#00C382; font-size:95px; pointer-events: none;} @media (min-width:621px){ html[lang="en-GB"] .bimCircle--data-segment-line[data-bim-segment-dot="3"] {top:120px;} html[lang="en-GB"] .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="3"] {top:92px; right: -180px;} } @media (max-width:1100px) and (min-width:961px){ .bimCircle-sm {max-width:320px;} .bimCircle-sm .bimCircle--title {font-size:80px; margin-top:-45px;} .bimCircle-sm .bimCircle--data-segment-line:before {width:45px; left:-44px;} .bimCircle-sm .bimCircle--data-segment-line span:before {top:13px;} .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="2"] {top: 33px; right: -155px;} .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="3"] {top: 85px; right: -170px;} .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="3"]:before {top: 26px; left: -44px;} .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="3"] span:before {top: 13px; left: 0px;} html[lang="en-GB"] .bimCircle--data-segment-line[data-bim-segment-dot="3"] {top:125px;} } @media (max-width:1180px) and (min-width:961px), (max-width:680px){ .bimSliderContainer {padding-left:160px;} .bimContainer-lg {-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .bimCircle--data-segment-line:after {width:0;} .bimCircle--data-segment-line span {padding-left:20px; margin-top:7px; font-size:18px; line-height: 1.2; width:200px; height:auto; display: block;} .bimCircle--data-segment-line span:before {left:-5px; top:11px;} .bimCircle--data-segment-line[data-bim-segment-dot="2"] span {width:160px; max-width: 110px;} .bimCircle--data-segment-line[data-bim-segment-dot="3"] span {width:145px; max-width: 110px;} .bimCircle--data-segment-line[data-bim-segment-dot="3"]:before {-webkit-transform: rotate(-34deg);-ms-transform: rotate(-34deg);transform: rotate(-34deg); top: 31px; left: -55px;} .bimCircle--data-segment-line[data-bim-segment-dot="3"] span:before {top: 20px; left: 0;} } @media (max-width:960px){ .blockGrid.blockGridBIM {margin-top:20px;} .blockGrid.blockGridBIM > [class^="blockGrid--"]{width:100%;} .blockGrid.blockGridBIM > [class^="blockGrid--"] + [class^="blockGrid--"] {margin-top:40px;} .bimCircle-sm .bimCircle--title {font-size:80px; margin-top:-45px;} .bimContainer-lg {-ms-flex-wrap:Wrap;flex-wrap:Wrap; margin-top:40px;} .bimContainer-lg > div {width:100%!important;} .bimContainer-lg > div + div {margin-top:40px;} .bimSliderContainer {padding-left:0;} } @media (max-width:620px){ .bimContainer-lg {margin-top:20px;} .bimCircle {max-width:260px!important;} .bimCircle .bimCircle--title {font-size:70px; margin-top:-40px;} .bimCircle .bimCircle--data-segment-line:before {width:30px; left:-25px;} .bimCircle .bimCircle--data-segment-line span:before {top:12px; left:-1px} .bimCircle-lg .bimCircle--data-segment-line {right: -116px; top: -10px;} .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="2"], .bimCircle-lg .bimCircle--data-segment-line[data-bim-segment-dot="2"] {top: 27px; right: -145px;} .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="3"], .bimCircle-lg .bimCircle--data-segment-line[data-bim-segment-dot="3"]{ top: 73px; right: -160px; } .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="3"]:before, .bimCircle-lg .bimCircle--data-segment-line[data-bim-segment-dot="3"]:before {top: 19px; left: -25px;} .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="3"] span:before, .bimCircle-lg .bimCircle--data-segment-line[data-bim-segment-dot="3"] span:before{top: 10px;} } @media (max-width:480px){ .bimCircle--data-segment-line span {font-size: 16px;} } @media (max-width:390px){ .bimCircle-sm, .bimCircle-lg {max-width:220px!important;} .bimCircle-sm .bimCircle--title, .bimCircle-lg .bimCircle--title {font-size:60px; margin-top:-35px;} .bimCircle-sm .bimCircle--data-segment-line, .bimCircle-lg .bimCircle--data-segment-line {right: -95px; top: 0px;} .bimCircle-sm .bimCircle--data-segment-line:before, .bimCircle-lg .bimCircle--data-segment-line:before {display: none;} .bimCircle-sm .bimCircle--data-segment-line span, .bimCircle-lg .bimCircle--data-segment-line span {margin:0;} .bimCircle-sm .bimCircle--data-segment-line span:before, .bimCircle-lg .bimCircle--data-segment-line span:before {display: none;} .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="2"], .bimCircle-lg .bimCircle--data-segment-line[data-bim-segment-dot="2"] { top: 33px; right: -120px; } .bimCircle-sm .bimCircle--data-segment-line[data-bim-segment-dot="3"], .bimCircle-lg .bimCircle--data-segment-line[data-bim-segment-dot="3"] { top: 71px; right: -135px; } } /* Footer */ .footer {background: #f1f0f0;} .footer .blockGrid {-ms-flex-wrap:nowrap;flex-wrap:nowrap;} .footer ul {list-style:none; margin:0; padding:0;} .footer ul li + li {margin-top:15px;} .footer .ci-text {font-size:24px; line-height:33px; max-width:205px;} .footer .ci-text img {width:140px; margin:0 0 35px;} .footer .ci-text p {margin:0;} .footer .ci-logos {margin:0 0 20px;} .footer .ci-logos img {margin:10px 40px 10px 0;} .footer .ci-logos img:last-child {margin-right:0;} .footer--top {font-size:18px; padding:110px 0 70px;} .footer--top .row {position: relative;} .footer--top .blockGrid {margin-left: -45px; width: calc(100% + 90px);} .footer--top .blockGrid [class^="blockGrid--"]{padding:0 45px;} .footer--bottom {border-top:solid 1px #e3e3e3; padding:15px 0; font-size:16px;} .footer--bottom nav {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .footer--bottom nav span {margin-right:10px;} .footer--bottom nav a {color:#a7a9ac; margin-left:10px; opacity: 0.8; -webkit-transition:opacity 250ms ease; -o-transition:opacity 250ms ease; transition:opacity 250ms ease;} .footer--bottom nav a:hover {opacity:1; text-decoration: none;} .footer--bottom nav a + a {margin-left:25px;} .scrollToTop {position: absolute; z-index:100; right:0; top:-145px; width:70px; height:70px; border-radius:50%; font-size: 20px; line-height: 1; background: rgba(0,195,130,0.7); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:#fff; -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;} .scrollToTop i {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);} .scrollToTop:hover {background: rgba(0,195,130,1); text-decoration: none;} .cookieContainer {background: #F8F6F6; padding:30px 0; position: fixed; left:0; bottom:-150px; opacity:0; width:100%; z-index:999; -webkit-transition:bottom 350ms ease, opacity 350ms ease; -o-transition:bottom 350ms ease, opacity 350ms ease; transition:bottom 350ms ease, opacity 350ms ease} .cookieContainer p {font-size: 14px; line-height: 20px; color:#9B9B9C; opacity:0.7;} .cookieContainer p a {text-decoration: underline;} .cookieContainer p a:hover {text-decoration: none;} .cookieContainer .blockGrid--left {width:calc(100% - 235px); padding-right:35px} .cookieContainer .blockGrid--right {width:235px;} .cookieContainer.visible {opacity:1; bottom:0;} @media (max-width:1180px){ .footer--top .blockGrid {margin-left: -20px; width: calc(100% + 40px);} .footer--top .blockGrid [class^="blockGrid--"]{padding:0 20px;} } @media (max-width:960px){ .footer {margin-top:30px;} .footer .blockGrid {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .footer .blockGrid [class^="blockGrid--"] {width:100%; text-align: center;} .footer .blockGrid [class^="blockGrid--"] + [class^="blockGrid--"] {margin-top:40px;} .footer ul li[data-list-symbol] {padding:0;} .footer ul li[data-list-symbol]:before {display: none;} .footer ul li + li {margin-top:10px;} .footer .ci-text {margin:0 auto; font-size: 20px; line-height: 1.4;} .footer .ci-text img {width:100px; margin:0 0 20px;} .footer--top {padding: 50px 0 30px;} .footer--bottom .blockGrid [class^="blockGrid--"] + [class^="blockGrid--"] {margin-top:10px;} .footer--bottom nav {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .footer--bottom nav span {margin-right:15px;} .footer--bottom nav a + a {margin-left:15px;} .scrollToTop {width:50px; height:50px; top: -80px; right:10px; font-size:18px;} .cookieContainer .blockGrid {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; text-align: center;} .cookieContainer .blockGrid--left {width:100%; padding-right:20px; margin-bottom:20px;} }