/* LESS Document */ /*@font-face { font-family: 'Northwell'; src: url('../fonts/Northwell.eot'); src: url('../fonts/Northwell.eot?#iefix') format('embedded-opentype'); url('../fonts/Northwell.woff2') format('woff2'); url('../fonts/Northwell.woff') format('woff');.width-text-51 url('../fonts/Northwell.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'Northwell'; src: url('../fonts/Northwell.eot'); src: local('☺'), url('../fonts/Northwell.woff') format('woff'), url('../fonts/Northwell.ttf') format('truetype'), url('../fonts/Northwell.svg') format('svg'); font-weight: normal; font-style: normal; } @color-yellow:#FFE422; @color-mint:#79AA9C; @color-mint-light:#A2D8C8; @color-terracot:#E58162; @color-terracot-light:#F2D8D0; @color-green:#8f8f8f; @color-green-light:#609143; @color-blue:#448EAD; @color-blue-light:#B7D1DD; @color-gold:#E9B24B; @color-gold-light:#FACF89; @color-white:#ffffff; @color-gray:#8294a5; @color-gray-light:#e1e4eb; h1, .bignum{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 100px; line-height: 136px; color: #383B41; text-align: left; @media (max-width:1280px){ font-size: 75px; line-height: 100px; } @media (max-width:979px){ font-size: 50px; line-height: 60px;} @media (max-width:767px){ font-size: 40px; line-height: 50px;} } h2{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 40px; line-height: 54px; color: #383B41; @media (max-width:767px){ font-size: 30px !important; line-height: 40px !important; } } h3{ font-family: 'Open Sans', sans-serif; font-size: 40px; line-height: 54px; color: #383B41; @media (max-width:767){ font-size: 30px; line-height: 40px; } } h4{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: 26px; text-transform: uppercase; color: #383B41; } h5{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: 26px; color: #383B41; } h6{ font-family: 'Raleway', sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #383B41; @media (max-width:767){ font-size: 14px; line-height: 24px;} } .text-norm{ font-family: 'Raleway', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #383B41; @media (max-width:767){ font-size: 14px; line-height: 24px;} } .highlight{ font-family: 'Northwell'; font-size: 100px; /*line-height: 162px; letter-spacing: -5px;*/ color: #383B41; @media (max-width:767){ font-size: 80px; line-height: 130px; letter-spacing: -4px; } } .link-1{ font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 14px; text-transform: uppercase; color: #383B41; } .link-2{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 16px; text-align: center; color: #383B41; } a{ color:#383B41; border-bottom: solid 1px #FFE422; &:hover{ text-decoration: none; border-bottom: solid 1px #383B41; } } .sub-hd{ font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 19px; font-style: italic; padding: 20px 0 45px; } .name-1{ font-family: Playfair Display; font-style: italic; font-weight: bold; font-size: 24px; line-height: 26px; text-align: center; color: #383B41; } .wrapper-3 { position: relative; width: 100%; padding: 0 0 0 80px; } #menu_desk_1 { position: fixed; width: 140px; top: 0; height: 100vh; background-color:#383B41; z-index: 300; a{ display:block; vertical-align: middle; position:relative; width: 140px; height: 12.5vh; color:@color-white; text-decoration: none; display: flex; justify-content: center; align-items: center; text-align: center; border-bottom:none; } a.menu-p1{ background-color: #383B41; background-image: url(../images/logo-yellow.png); background-repeat: no-repeat; background-position: 38px 40%; } a.menu-p1:hover, a.menu-p1.activ{ background-color: @color-yellow; background-image: url(../images/logo.png); background-repeat: no-repeat; } a.menu-p2:hover, a.menu-p2.activ{ background-color: @color-mint; } a.menu-p3:hover, a.menu-p3.activ{ background-color: @color-terracot; } a.menu-p4:hover, a.menu-p4.activ{ background-color: @color-green; } a.menu-p44:hover, a.menu-p44.activ{ background-color: #8294a5; } a.menu-p5:hover, a.menu-p5.activ{ background-color: @color-blue; } a.menu-p6:hover, a.menu-p6.activ{ background-color: @color-gold; } a.menu-p7:hover, a.menu-p7.activ{ background-color: @color-yellow; color:#000000; } } .menu-container-1{ position:relative; float:left; height: 100vh; width: 140px; @media (max-width:1024px) { display: none; } } .place-top { width:1760px; position: relative; float: left; overflow: hidden; //padding-bottom: 80px; @media (max-width:1960px){ width:~"calc(100% - 140px)"; } @media (max-width:1024px) { width: 100%; //padding-bottom: 200px; } } .text-position{ padding-left: 100px; @media (max-width:1280px) { padding-left: 50px; padding-right: 20px; } @media (max-width:1024px) { padding-left: 15px; padding-right: 20px; } } .top-bg{ background-position: top right; background-size: 50%; background-repeat: no-repeat; padding: 30px 0 130px 0; @media (max-width:1440px) { background-size: 60%; } @media (max-width:1280px) { margin-right: 0; } @media (max-width:767px) { background-image: none !important; padding:0; } } #corporate .top-bg{ background-position: top right; background-size: 50%; background-repeat: no-repeat; padding: 30px 0 100px 0; @media (max-width:1440px) { background-size: 50%; } @media (max-width:1280px) { margin-right: 0; } @media (max-width:767px) { background-image: none !important; padding:0; } } #team .top-bg{ background-size: 60%; @media (max-width:1280px) { background-size: 80%; } @media (max-width:1024px) { background-size: 70%; } @media (max-width:767px) { background-image: none !important; } } .top-img-mine{ display:none; @media (max-width:767px) { display: block; position: relative; img{ width: 100%; height: auto; } } } .top-img{ display:none; @media (max-width:767px) { display: block; overflow: hidden; position: relative; width: 100%; padding-bottom: 100%; /*img{ width: 100%; height: auto; }*/ } } .container-square{ display:none; @media (max-width:767px) { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; div{ background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; } } } #strategic-advisory .top-bg{ margin-top: 0; padding-top: 50px; @media (max-width:1440px) { background-size: 50%; } @media (max-width:767px) { background-image: none !important; padding-top:0; background-color: @color-mint; } } #strategic-advisory .top-color-box{ background: url(../images/Rectangle-mint.svg) no-repeat; //background-position: right top; background-position-x: right; padding-top: 50px; background-size: 492px 380px; width: 60%; @media (max-width:1460px) { padding-top:0; } @media (max-width:1280px) { width: 70%; background-size: 400px 460px; } @media (max-width:979px) { width: 80%; } @media (max-width:767px) { position: relative; top:0; width: 100%; background-color: @color-mint; padding-top: 10px; padding-left: 0; } @media (max-width:460px) { width: 100%; } } #corporate .top-color-box{ background: url(../images/Rectangle-blue.svg) no-repeat; background-position: right center; padding-top: 50px; background-size: 492px 420px; width: 60%; @media (max-width:1460px) { background-position: right center; padding-top:0; } @media (max-width:1280px) { background-size: 392px 320px; width: 60%; } @media (max-width:979px) { width: 80%; } @media (max-width:767px) { position: relative; width: 100%; background-image:none !important; background-color: @color-blue-light; padding-top: 15px; padding-left: 0; top:0; } @media (max-width:460px) { width: 100%; } } .top-color-box{ h1{ font-size: 75px; line-height: 100px; @media (max-width:640px) { font-size: 60px; line-height: 70px; } @media (max-width:460px) { font-size: 40px; line-height: 50px; } } } .top-color-box{ background: url(../images/yell-rectangle.svg) no-repeat; background-position: right top; padding-top: 50px; background-size: 370px 370px; width: 55%; @media (max-width:1600px) { width: 60%; } @media (max-width:979px) { background-size: 270px 270px; } @media (max-width:767px) { position: absolute; top:-70px; left:0; width: 90%; background-size: 300px 300px; padding-top: 10px; min-height: 300px; padding-left: 15px; z-index: 200; } @media (max-width:640px) { width: 100%; background-size: 250px 250px; } @media (max-width:460px) { width: 100%; background-size: 200px 200px; } } #team .width-text-1{ @media (max-width:1440px) { width: 60%; } @media (max-width:979px) { /*width: 70%;*/ } @media (max-width:767px) { padding: 20px 0 0 0; width:~"calc(100% - 15px)"; } } /*.width-text-1{ width: 40%; @media (max-width:1440px) { width: 30%; } @media (max-width:767px) { width:~"calc(100% - 15px)"!important; padding: 20px 0 0 0; } }*/ .width-text-1{ width: 70%; @media (max-width:1440px) { width: 50%; } @media (max-width:979px) { width: 60%; } @media (max-width:767px) { width:~"calc(100% - 15px)"; padding: 20px 0 0 0; } } .width-text-2{ width: 80%; @media (max-width:1440px) { width: 80%; } @media (max-width:1280px) { width: 70%; } @media (max-width:767px) { width:~"calc(100% - 15px)"; padding: 20px 15px 0 0; } } .width-text-6{ width: 70%; @media (max-width:1440px) { width: 80%; } @media (max-width:1280px) { width: 80%; } @media (max-width:979px) { width: 65%; } @media (max-width:767px) { width:~"calc(100% - 15px)"; padding: 20px 15px 0 0; } } .marg-bott{ margin-bottom: -70px; } .pos-relative{ position:relative; } .padd-r-m{ padding-bottom:100px; } .padd-l-r-sm{ padding-left:0; padding-right: 0; @media (max-width:1024px) { padding-left:15px; padding-right: 15px; padding-top:25px;} } .padd-r-sm{ padding-left:0; padding-right: 0; @media (max-width:1024px) { padding-right: 15px;} } .marg-t{ margin-top:90px; @media (max-width:1024px) { margin-top:65px; } @media (max-width:767px) { margin-top:140px; } @media (max-width:460px) { } } .marg-t-minus{ margin-top:-50px; @media (max-width:767px) { margin-bottom:-50px; } } .r-m{ display: block; position: absolute; bottom: 40px; left: 63px; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #383B41; transform: rotate(90deg); padding: 0 0 0 18px; background: url(../images/Icon_more_grau.svg) no-repeat; background-position:left; background-size: 14px; &:hover{ text-decoration: none; background: url(../images/Icon_more_yellow.svg) no-repeat; background-position: left; background-size: 14px; color: #383B41; } @media (max-width:1280px) { left: 12px; } @media (max-width:1024px) { left: -20px; } } .r-close{ display: block; position: absolute; bottom: 60px; left: 80px; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #383B41; transform: rotate(90deg); padding: 0 0 0 18px; background:url(../images/minus-black.svg) no-repeat; background-position: left; background-size: 14px; &:hover{ text-decoration: none; background:url(../images/minus-yellow.svg) no-repeat; background-position: left; background-size: 14px; color: #383B41; } @media (max-width:1280px) { left: 30px; } @media (max-width:1024px) { left: -5px; } } #carousel-example-generic-1 .r-m{ left: -38px; @media (max-width:1024px) { left: -20px; } } #carousel-example-generic-1 .r-close{ left: -20px; @media (max-width:1024px) { left: -8px; } } .full-color-block{ width: 100%; padding: 50px 0; @media (max-width:767px) { padding: 0 0 35px 0; } } .full-color-block-1{ width: 100%; padding: 150px 0; @media (max-width:1240px) { padding: 70px 0; } @media (max-width:767px) { padding:0; } } .c-yell{background-color:@color-yellow;} .c-mint{background-color:@color-mint-light;} .c-blue{background-color:@color-blue;} .c-gold-light{background-color:@color-gold-light;} .c-coral{background-color:#f3d8d1;} .c-green{background-color:#e4e4e4;} .t-yell{color:@color-yellow;} .t-white{color:@color-white;} .t-l-mint{color:@color-mint-light} .quote{ font-family: 'Open Sans', sans-serif; width: 75%; padding: 50px 0 20px; font-size:40px; line-height: 50px; color: #383B41; span, em{ font-family: 'Mrs Saint Delafield', cursive; font-size: 80px; line-height: 30px; letter-spacing: 3px; } @media (max-width:1280px) { width: 80%; font-size:30px; line-height: 38px; span{ font-size: 65px; line-height: 34px; } } @media (max-width:767px) { width:~"calc(100% - 30px)"; padding: 10px 15px 30px 0; font-size:28px; line-height: 40px; span{ font-size: 60px; line-height: 24px; } } } .quote-full-width{ font-family: 'Open Sans', sans-serif; width: 100%; padding: 10px 15px 20px; font-size:40px; line-height: 50px; color: #383B41; span{ font-family: 'Northwell'; font-size: 80px; line-height: 30px; letter-spacing: 3px; } @media (max-width:1280px) { font-size:30px; line-height: 38px; span{ font-size: 60px; line-height: 34px; } } @media (max-width:767px) { font-size:20px; line-height: 26px; span{ font-size: 45px; line-height: 24px; } } } .sing{ font-family: 'Playfair Display', serif; font-style: italic; font-weight: bold; font-size: 16px; line-height: 21px; padding: 0 0 0 75px; position: relative; display: none; &:before{ content:''; position:absolute; width: 60px; height: 1px; margin-right: 20px; top:10px; left:0; } @media (max-width:767px) { font-size: 13px; line-height: 18px; padding: 0 15px 0 45px; &:before{ width: 30px; } } } .color-box-green2 .sing{ color:#b4cba6; &:before{background-color:#b4cba6; } } .full-color-block.c-mint{ .sing{ color: #79AA9C; &:before{ background-color: #79AA9C;} } } .full-color-block.c-blue{ .sing{ color: #B7D1DD; &:before{ background-color: #B7D1DD;} } } .full-color-block.c-yell{ .sing{ color: #383B41; &:before{ background-color: #383B41;} } } .count-block h1{ text-align: center; color:@color-white; } .count-name{ font-family: 'Playfair Display', serif; font-style: italic; font-weight: bold; font-size: 24px; line-height: 26px; text-align: center; color: #FFFFFF; padding: 0 0 30px 0; @media (max-width:767px) { font-size: 20px; line-height: 22px; padding: 0 15px 20px 15px; } } .padd-bott{ padding-bottom:100px; @media (max-width:1240px) { padding-bottom:50px; } } .padd-bott-name-compliance{ padding-bottom:250px; @media (max-width:976px) { padding-bottom:100px; } @media (max-width:767px) { padding-bottom:50px; } } .padd-bott-25{ padding-bottom: 25px; } .padd-bott-50{ padding-bottom: 50px; } .padd-top-none{ padding-top:0; } .name-3{ position:relative; padding-top: 60px; &:before{ content:''; position: absolute; top:40px; left: 0; width: 90px; height: 10px; } @media (max-width:767px) { padding-top: 30px; &:before{ top:25px; } } } .name-3.line-yell{&:before{background-color: @color-yellow;}} .name-3.line-mint{ &:before{ background-color: @color-mint; } @media (max-width:767px) { &:before{ background-color: @color-mint-light; } } } .name-3.line-terr{&:before{background-color: @color-terracot;}} .name-3.line-green{&:before{background-color: @color-green;}} .name-3.line-green-light{&:before{background-color: @color-green-light;}} .name-3.line-blue{&:before{background-color: @color-blue;}} .name-3.line-gold{&:before{background-color: @color-gold;}} .name-3.line-white{&:before{background-color: @color-white;}} .name-3.line-gray{&:before{background-color: @color-gray;}} .logo-xs{ display: none; border-bottom: none; &:hover{ border-bottom: none; } @media (max-width:1024px) { display:block; float:left; padding: 3px 0 0 15px; } @media (max-width:640px) { img{ width:150px; height: auto; padding: 10px 0 0 0; } } } .logo-scroll{ display:block; position:relative; float:left; background-color: @color-yellow; height: 60px; img{ width: 36px; margin: 2px 15px 0 2px; height: auto; } } .logo-md{ display:block; border-bottom: none; &:hover{ border-bottom: none; } @media (max-width:1024px) {display: none;} } .team-top{ width:80%; @media (max-width:1640px) {width:70%;} @media (max-width:1240px) {width:65%;} @media (max-width:1024px) {width:70%;} @media (max-width:767px) {width:100%;} } .news-top{ width:65%; @media (max-width:1640px) {width:60%;} @media (max-width:1240px) {width:50%;} @media (max-width:1024px) {width:60%;} @media (max-width:767px) {width:100%;} } .news-item{ } .top-bg-1{ background: url(../images/Picture_management.jpg) no-repeat; background-size: cover; background-position:-100px center; min-height: 90vh; @media (max-width:1240px) { background-position:center center; } @media (max-width:767px) { background: none !important; height: auto; min-height:auto; } } .color-box{ position: relative; width: 50%; background-color: @color-terracot-light; padding: 0 0 25px 0; @media (max-width:1460px) { width: 60%; } @media (max-width:979px) { width: 80%; } @media (max-width:767px) { width: 100%; padding: 0 0 25px 0; } } .padd-t{ padding-top:20px; } .padd-t-2{ padding-top:40px; } .padd-t-b{ padding:20px 0; } .padd-t-b-2{ padding:60px 0; } .padd-t-b-3{ padding:60px 0 50px 0; } .width-text-3{ width:~"calc(100% - 15px)"; } .color-box-green{ position:relative; background-color: #e4e4e4; width: 60%; @media (max-width:767px) { /*width:~"calc(100% - 15px)";*/ width:100%; padding:15px 15px 0 0; }} .color-box-green2{ position:relative; background-color: @color-green; width: 400px; padding:0 25px 15px; margin-left: 90%; margin-top: -140px; .quote{ width:100%; color:@color-white; } @media (max-width:979px) { margin-top: -120px; width: 350px; } @media (max-width:767px) { width: 100%; padding: 0 0 35px 15px; margin-left: 0; margin-top: 0; } } .bg-compliance{ position: relative; background-size: 40%; background-position: top right; background-repeat: no-repeat; @media (max-width:767px) { background-image: none !important; } } .bg-trustee{ position: relative; //background-size: cover; background-position: top center; background-repeat: no-repeat; background-color:@color-gray-light; padding: 50px 0 0 0; @media (max-width:767px) { background-image: none !important; } } .width-text-4{ width:60%; @media (max-width:1960px){ width:80%; } @media (max-width:1460px) { width: 80%; } @media (max-width:979px) { width: 80%; } @media (max-width:767px) { width: 100%; } } .container-img{ img{ width:100%; } @media (max-width:767px) { max-height: 600px; overflow: hidden; } @media (max-width:460px) { max-height: 450px; overflow: hidden;} } .width-text-5{ padding-top:130px ; width:40%; @media (max-width:1600px) { width:50%; } @media (max-width:1240px) { padding-top:30px ; } @media (max-width:767px) { width:~"calc(100% - 15px)"; padding-top:0; } } .alternat-invest-block{ position: relative; width: 90%; background-image: url(../images/Picture_Capital.png); background-repeat: no-repeat; background-position:right top; background-size:44.3% ; @media (max-width:1600px) { width:100%; background-size: 50%; } @media (max-width:767px) { background-image: none; } } .contact-block{ position:absolute; left:100px; top:0; width:350px; padding: 0 25px 25px; background-color: @color-yellow; z-index: 200; @media (max-width:1280px) { left:50px; } @media (max-width:1024px) { left:15px; } @media (max-width:767px) { position:relative; width: 100%; padding: 0 15px 55px; left:0; } } .soc-block{ a{ display: block; position: relative; float: left; margin: 0 12px 0 0; img{ width: 100%; height: auto; } } } #carousel-example-generic-1 .control-block{ position: absolute; padding: 20px 0; z-index: 300; top: 90px; right: 15px; @media (max-width:767px) { position:relative; float: right; margin:0 auto -80px; top: 0; right: 0; padding:20px 0; } } #carousel-example-generic .control-block{ padding:20px 20px 40px 0; @media (max-width:767px) { padding: 50px 20px 10px 0;} } #carousel-example-generic-1 .control-block{ @media (max-width:767px) { padding-right:15px;} } .control-block{ position:relative; /*float: right;*/ padding:20px 0; @media (max-width:767px) { margin:0 auto 20px; } } .carousel-control.left{ display: block; position:relative; float:right; background: url(../images/arr-l-black.svg) no-repeat; background-size: contain; width: 73px; height: 40px; margin-right: 10px; border-bottom:0; &:hover{ background: url(../images/arr-l-yell.svg) no-repeat; border-bottom:0; } @media (max-width:767px) { margin-left: 5px; } } .carousel-control.right{ display: block; position:relative; float:right; background: url(../images/arr-r-black.svg) no-repeat; background-size: contain; width: 73px; height: 40px; margin-left: 10px; border-bottom:0; &:hover{ background: url(../images/arr-r-yell.svg) no-repeat; border-bottom:0; } @media (max-width:767px) { margin-left: 5px; } } #carousel-example-generic-1{ padding-top:90px; min-height: 100vh; @media (min-width:1400px) { min-height: 1200px; } @media (min-width:1600px) { min-height: 1100px; } @media (min-width:1800px) { min-height: 1000px; } @media (max-width:767px) { padding-top:60px; padding-bottom:50px;} } #carousel-example-generic-1 .carousel-inner, #carousel-example-generic-2 .carousel-inner { width:~"calc(94% - 100px)"; margin: 0 0 0 100px; height:auto; @media (max-width:1280px) { width:~"calc(94% - 50px)"; margin: 0 0 0 50px; } @media (max-width:1024px) { width: 100%; margin: 0; } } .carousel-inner { width: 77%; margin: 0 3% 0 20%; overflow: hidden; height:80vh; img{ width: 100%; height: auto; } @media (max-width:979px) { width: 100%; margin: 0; height: auto; } } .carousel .item{ width: 100%; } .carousel-item-name{ position:relative; float:right; padding: 0 10px; text-transform: uppercase; font-size:14px; @media (max-width:767px) { font-size:10px; padding: 0 5px; } } .partn-block{ position:relative; float: left; width: 100%; .part-item{ position:relative; float:left; width: 20%; height: 100px; } @media (max-width:1280px) { .part-item{width: 33.3%; } } @media (max-width:1024px) { .part-item{ text-align:center; }} @media (max-width:767px) { div{text-align:center; }} @media (max-width:460px) { .part-item{width: 50%; }} } footer{ /* position: absolute;*/ width: 100%; height: auto; padding: 20px 0; background-color: #383B41; bottom:0; } #footer{ position: relative; width: 100%; height: auto; padding: 20px 0; background-color: #383B41; } .footer-menu{ position:relative; float:left; font-family: 'Open Sans', sans-serif; font-size:12px; a{ display:block; position:relative; float: left; padding-right: 40px; text-transform: uppercase; color:#ffffff !important; text-decoration: none; border-bottom:none; &:hover{ color:#ffffff; text-decoration: none; } } @media (max-width:979px) { float:none; text-align: center; a{ float:none; text-align: center; padding-right: 0; padding-bottom:20px; } } } .footer-text{ position:relative; float:right; color:#939393; padding-right: 30px; font-family: 'Open Sans', sans-serif; font-size:12px; @media (max-width:979px) { float:none; text-align: center; padding-top:10px; padding-right: 0; } } .cl-b{ clear:both; } .c-gold-block{ background-image: none; background-repeat:repeat-x; @media (max-width:1240px) { background-size: 100% 45px; } @media (max-width:767px) { background-image: none; } } .navbar-toggle{ @media (max-width:1024px) { display: block; img{ width: 24px; height: auto; } .close-butt{ img{ width: 20px; height: auto; } } } } .navbar-default{ background-color: #383B41; border:none; color: #ffffff; display: none; @media (max-width:1024px) { display: block; } } .navbar{ min-height: auto; } .navbar-toggle{} .nav.navbar-nav{ } .navbar-header { float: none; } .navbar-nav > li{ @media (max-width:1024px) { float:none; } } .navbar { border-radius: 0; } .navbar-collapse.collapse{ @media (max-width:1024px) { display: none !important; height: 1px; } } .navbar-collapse.collapse.in{ @media (max-width:1024px) { display: block !important; height: auto;} } .nav.navbar-nav li a{ @media (max-width:1024px) { color:#ffffff; line-height: 16px; padding: 30px 10px; border-bottom:none; &:hover{ text-decoration: none; color:#ffffff; border-bottom:none; &:after{ content:''; position: relative; display: inline-block; width: 48px; height: 16px; background:url(../images/menu-arr.svg) no-repeat; background-size: cover; margin-left: 10px; margin-bottom: -3px; } }} } .news-block{ position: relative; /*float:left;*/ display: inline-block; vertical-align: top; width: 20vw; max-width: 270px; padding: 0 1% 0 0; @media (max-width:979px) { width: 50%; } @media (max-width:767px) { width: 100%; } } .date{ font-family: Playfair Display; font-style: italic; font-weight: bold; font-size: 12px; line-height: 16px; color:#B2B2B2; white-space: normal; padding: 20px 0 10px 0; @media (max-width:767px) { padding: 10px 0 0 0; } } .name-news{ position:relative; white-space: normal; h4{ @media (max-width:1240px) { font-size: 16px; line-height: 20px; } @media (max-width:767px) { font-size: 14px; line-height: 18px; } } } .img-news{ a{ display:block; border:none; &:hover{ border:none; } } img{ width:100%; height:auto; } } .news-block.n-2 .name-news{ position:absolute; top: 0; left: 7%; right: 7%; } .panel-body{ padding: 0; font-family: 'Raleway', sans-serif; font-size:16px; } .panel-default{ border:none; } .panel{ box-shadow: none; background-color: transparent; } .panel-group { margin-bottom:0; } a:visited, a:active, a:focus{ text-decoration: none; color:inherit; } p { margin: 0 0 25px; } #header_mob{ @media (max-width:1024px) { position: fixed; background-color: #ffffff; width: 100%; height: 65px; z-index: 2000;} } a.butt-1{ display:block; padding: 12px 30px; border: solid 1px #383B41; background-color: #ffffff; color:#383B41; font-family:'Open Sans', sans-serif; font-size: 12px; line-height: 14px; text-align: center; text-transform: uppercase; transition: all 0.18s; &:hover{ background-color:#383B41; color: #ffffff; text-decoration: none; } } a.in-link{ display: inline-block; position: relative; font-family:'Open Sans', sans-serif; font-size: 12px; line-height: 14px; text-transform: uppercase; color:#383B41; border-bottom:none; padding-bottom: 70px; &:before{ content: ''; position: absolute; top: -2px; right: -58px; background-image: url(../images/in-link.svg); background-repeat: no-repeat; background-size: 48px; width: 48px; height: 16px; } &:hover{ color:#383B41; border-bottom:none; text-decoration: none; text-decoration: none; } } #news-page{ .name-3{ padding-top: 30px; &:before{ top: 25px; } } .date{ font-size: 20px; line-height: 26px; } } .top-butt-position{ position: relative; padding-bottom: 100px; } .butt-back{ display: block; position: relative; float:right; background-color: #383B41; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 14px; text-transform: uppercase; color: #FFFFFF; padding: 15px 78px 15px 20px; border-bottom:none; background-image: url(../images/arr-white-right.svg); background-repeat: no-repeat; background-position: 80% center; background-size: 48px 16px; &:hover{ border-bottom:none; color: #FFFFFF; } } a.butt-back:visited, a:active, a:focus{ text-decoration: none; color:#ffffff; } .left-col{ position:relative; float:left; width: 55%; padding: 0 15px 0 0; @media (max-width:767px) { width: 100%; } } .right-col{ position:relative; float:right; width: 45%; padding: 0 15px 0 15px; @media (max-width:767px) { width: 100%; } } .pfoto-block{ display: table; padding-bottom: 70px; img{ display: table-cell; vertical-align: top; position: relative; float:left; padding:15px 15px 15px 15px; } } .list-block{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: 26px; background-image: url(../images/Rectangle-list.svg); background-repeat: no-repeat; background-position: left center; margin: 60px 0; padding: 50px 0; @media (max-width:979px) { } } .list-1{ padding-left: 70px; li{ list-style:disc; padding: 20px 0; } } .cmore .r-m{ display: block; } .cmore .r-close{ display: none; } .cless .r-m{ display: none; } .cless .r-close{ display: block; } div.language{ padding: 20px 0 0 0; position: relative; float: right; color:#000000; a{ display: inline-block; padding: 0 10px; color:#000000; font-size: 14px; text-transform: uppercase; text-decoration: none; border-bottom: none; &:hover{ color:#000000; text-decoration: none; } } } li.language a{ display: inline-block; } .nav.navbar-nav li.language a:hover::after{ background: none; width: auto; margin-left: 0; } #alternative-investments .full-color-block{ @media (max-width:767px) { padding-bottom: 0; } } .text-position.padd-none{ @media (max-width:1024px) { padding-left: 0; } } .bignum{ color: #fff; display: block; text-align: center; margin-top: 20px; margin-bottom: 10px; } .section{ overflow: hidden; } #management .top-bg-1{ background-size: 95%; background-position: 0 top; } .news-container{ width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .text-top-mine-sm{ display: none; @media (max-width:767px) {display:block;} } .text-top-mine-lg{ display:block; @media (max-width:767px) { display: none; } } .width-text-55{ padding-top:30px ; width:40%; @media (max-width:1600px) { width:40%; } @media (max-width:1240px) { padding-top:30px ; } @media (max-width:767px) { width:~"calc(100% - 15px)"; padding-top:0; } } .width-text-51{ padding-top:30px ; width:60%; @media (max-width:1600px) { width:60%; } @media (max-width:1240px) { padding-top:30px ; } @media (max-width:767px) { width:~"calc(100% - 15px)"; padding-top:0; } } .width-text-52{ padding-top:30px ; width:55%; @media (max-width:1600px) { width:50%; } @media (max-width:1240px) { padding-top:30px ; } @media (max-width:767px) { width:~"calc(100% - 15px)"; padding-top:0; } } .logo-content{ width: 500px; height: auto; margin-left: -60px; margin-top: -10px; margin-bottom: -35px; @media (max-width:767px) { width: 300px; margin-left: -38px; margin-top: -10px; margin-bottom: -20px; } } .back-block{ padding:20px 0 0 15px; } .global-padd{ position:relative; padding:0 0 65px 0; @media (max-width:979px) { padding:65px 0 145px 0; } } .roller-title-number-2:before, .roller-title-number-3:before { content: "∼ "; font-size: 75px; bottom: 19px; position: relative; @media (max-width:1280px){ font-size: 55px; bottom: 14px; } @media (max-width:979px){ font-size: 37px; bottom: 10px; } @media (max-width:767px){ font-size: 30px; bottom: 7px; } } .fix-de{ #carousel-example-generic-1 .r-m{ left:-50px; @media (max-width:1024px) { left: -38px; } } #carousel-example-generic-1 .r-close { left: -38px; @media (max-width:1024px) { left: -25px; } } .r-m{ left:-50px; @media (max-width:760px) { left: -53px; } } .r-close { left: -38px; @media (max-width:760px) { left: -38px; } } } .width-text-51 { padding-top: 30px; width: 60%; @media (max-width:767px) { width:~"calc(100% - 15px)"; padding-top: 0;} } .job-ico-block{ font-family: 'Open Sans', sans-serif; font-style: normal; font-size: 16px; line-height: 25px; img{ display: inline-block; width: auto; height: 18px; margin-right: 10px; margin-top: -4px; } @media (max-width:767px) { padding-bottom: 20px; } } .padd-job-b{ padding: 0 40px; @media (max-width:767px) { padding: 0 10px; } } .list-job{ ul{ margin-top: 0; margin-bottom: 10px; li{ list-style: disc; } } } .team-photo{ overflow: hidden; position: relative; width: 100%; padding-bottom: 100%; } .container-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; div{ background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; } } .team-name{ font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 26px; font-weight: bold; color: #383B41; padding: 20px 0 0 0; @media (max-width:767px) { padding: 10px 0 0 0; } } .team-pr{ font-family: Playfair Display; font-style: italic; font-weight: bold; font-size: 20px; line-height: 26px; color:#B2B2B2; padding: 5px 0 20px 0; } .text-position1{ padding-left: 85px; @media (max-width:1280px) { padding-left: 35px; } @media (max-width:1024px) { padding-left: 0; } } .team-item{ padding: 20px 15px 40px; @media (max-width:1280px) { padding: 20px 15px 30px; } @media (max-width:767px) { padding: 15px 15px 15px; } } .team-content{ /*display:flex;*/ padding-bottom:160px; @media (max-width:1280px) { padding-bottom:300px; } } .butt-pos{ position: relative; margin: -80px auto 80px auto; @media (max-width:767px) { margin:30px auto 80px auto; } } .r-m-butt{ display:inline-block; background-color:#FFE422; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; color:#383B41; padding: 12px 30px; &:hover{ text-decoration: none; border-bottom:none; color:#383B41; } } .team-text{ height:220px; overflow:hidden; @media (max-width:767px) { height:auto; } } .rmm{ display: block; position: absolute; bottom: -40px; left: -10px; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #383B41; transform: rotate(90deg); padding: 0 0 0 18px; background: url(http://bp.shack-workstation.de/themes/brightpoint/assets/images/Icon_more_grau.svg) no-repeat; background-position: left; background-size: 14px; } .news-txt{ margin-bottom: 90px; padding: 10px 48px; } .read-more{ margin-left: -25px; position: relative; } .read-more a{ border: none; } .hide-news{ @media (max-width:1110px) { display: none; } } .marg-t-b-15{ margin:15px 0; } .news-photo { overflow: hidden; position: relative; width: 100%; padding-bottom: 70%; } .news-height{ height:205px; overflow:hidden; margin-bottom:60px; &:after{ content:''; position:absolute; left:0; right:0; bottom:60px; height:50px; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(84%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); } } .r-m-news{ font-family: 'Open Sans', sans-serif; display:block; position:absolute; right: 15px; bottom:35px; text-transform:uppercase; font-size:13px; font-weight:bold; color:#000000; z-index:200; text-decoration:none; &:hover{ text-decoration:none; } } /*______________________________________________ modal ____________________________________________________*/ .btn-modal{ position:fixed; display: inline-block; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; right:10px; bottom:10px; background-color:#ffe422; border:none; color:#383b41; padding: 15px 15px; z-index: 1040; &:hover{ text-decoration: none; color:#383b41; } } .close { float: none; position: absolute; top: 10px; right: 10px; } .modal-content{ border-radius: 2px; } #exampleModal1{ .modal-content{ border:none; } .modal-dialog{ width: 400px; position: absolute; bottom:0; right:0; margin: 0; @media (max-width:460px){ width: 100%; left:0; } } .modal-header { padding: 15px; border-bottom: none; text-align: center;} } .modal-backdrop { background-color: transparent !important; } .modal.fade .modal-dialog { -webkit-transition:-webkit-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out; -webkit-transform:translate(0, 0) !important; -ms-transform:translate(0, 0) !important; -o-transform:translate(0, 0) !important; transform:translate(0, 0)!important; } .pfoto-frame{ width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin: 20px auto 10px; div{ background-position: center; background-size: contain; width: 80px; height: 80px; } } .mod-link{ display: inline-block; color: #8C8C8C !important; text-decoration: none !important; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; border-bottom:none; &:hover{ border-bottom: 0; text-decoration: none; color:#000000; } } .nav > li > a{ text-align: center; } .nav > li{ width: 50%; background-color: #888888; border: none; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ background-color: #ffe422; border: none; color: #383b41; } .nav > li > a:focus, .nav > li > a:hover { background-color: #888888; color:#ffffff; border: none; } .nav-tabs > li > a{ border-radius: 0; border: none; margin-right:0; color:#ffffff; } button.r-m-butt{ display:inline-block; background-color:#FFE422; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; color:#383B41; padding: 12px 30px; border:none; &:hover{ text-decoration: none; border-bottom:none; color:#383B41; background-color: #ffe000; } } .row-form{ width:100%; padding:30px 0 0 0; } .form-control{ border-radius:0; } .tab-content{ min-height:380px; } .c-b-gr-heigh{ min-height:750px; @media (max-width:979px) { min-height:auto; } } #tab-mod-2{ .form1{ display:none; } } #tab-mod-1{ .form2{ display:none; } } .content-team{ height: 220px; overflow: hidden; position: relative; background-color: #ffffff; width:100% } .content-team-all{ height: auto; overflow:visible; position: absolute; background-color: #ffffff; z-index: 1100; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); left: -15px; right:-15px; padding: 0 15px; min-height:220px; @media (max-width:760px) { } } .w-box{ position: absolute; bottom: 0; left: 0; right:0; height: 80px; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(72%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); z-index: 1030; } .content-team-all .w-box{ display: none; } .time-text{ position:relative; height:220px; width:100%; } .video-container{ width: 100%; height: auto; //border: solid 1px; margin: 30px 5px; padding: 10px; video{ @media (max-width:767px) { width: 100%; } @media (min-width:767px) { width: 120%; } } }