html {
scroll-behavior: smooth;
}
.scroll-indicator {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 10px;
box-shadow: 0 0 4px rgb(0 0 0 / 27%);
display: none;
background-color: #156efe;
z-index: 100;
}
.scroll-indicator .bar {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
background: linear-gradient(90deg,#156efe 0,#45b649 100%);
}
/* styles min */
* {
outline: none;
}
@font-face{
font-family: 'Futura-Medium';
src: url("../fonts/Futura-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Futura-Medium.ttf") format("truetype"),url("../fonts/Futura-Medium.svg#Futura-Medium") format("svg");
font-weight: normal;
font-style: normal;
}
body>section,
body>footer {
margin: 0 auto;
}
@media screen and (min-width: 1400px){
.brand .container {
max-width: 1380px;
}
}
.w100 {
width: 100%;
min-height: 1px;
}
.bg-cblack {
background: #000;
}
.bg-white {
background: #fff;
}
.cblack {
color: #000;
}
.bg-clight {
background: #156efe;
}
.bg-cdark {
background: #0500e0;
}
.bg-clighter {
background: #0D71F6;
}
.bg-cturq {
background: #4ac0fe;
}
.btn {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-transform: uppercase;
padding: 10px;
text-decoration: none;
position: relative;
}
.btn:after {
position: absolute;
bottom: -16px;
left: 0;
}
#cookie_action_close_header {
position: absolute;
top: 0;
right: 10px;
}
#cookie-law-info-bar {
font-size: 12px !important;
line-height: 14px !important;
}
.btn-big {
font-size: 40px;
line-height: 40px;
padding: 20px 30px 20px;
font-weight: bold;
}
.btn-big:after {
width: 49px;
height: 17px;
}
@media screen and (max-width: 768px){
.btn-big {
padding: 15px 25px 15px;
font-size: 30px;
line-height: 30px;
}
}
@media screen and (max-width: 480px){
.btn-big {
font-size: 26px;
line-height: 26px;
}
}
@media screen and (max-width: 400px){
.btn-big {
font-size: 24px;
line-height: 24px;
}
}
.btn--blue {
background: #0D71F6;
color: #fff!important;
}
.btn--blue:after {
width: 41px;
height: 16px;
bottom: -15px;
left: 2px;
background-repeat: no-repeat;
content: '';
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNC4yNDdweCIgaGVpZ2h0PSI1LjUzN3B4IiB2aWV3Qm94PSIwIDAgMTQuMjQ3IDUuNTM3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNC4yNDcgNS41MzciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMwRDcxRjYiIGQ9Ik0xMS4yMTQsMGwzLjAzMyw1LjUzN2gtMi43NzhMMC4wMDEsMEMtMC42NDMsMCwxMS4yMTQsMCwxMS4yMTQsMHoiLz48L3N2Zz4=);
background-size: contain;
}
.btn--blue:hover,
.btn--blue:focus {
color: #fff;
}
.btn--red {
background: #FE5D3F;
color: #fff;
}
.btn--red:after {
width: 40px;
height: 17px;
left: 1px;
background-repeat: no-repeat;
content: '';
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNC4yNDdweCIgaGVpZ2h0PSI1LjUzN3B4IiB2aWV3Qm94PSIwIDAgMTQuMjQ3IDUuNTM3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNC4yNDcgNS41MzciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRTVEM0YiIGQ9Ik0xMS4yMTQsMGwzLjAzMyw1LjUzN2gtMi43NzhMMC4wMDEsMEMtMC42NDMsMCwxMS4yMTQsMCwxMS4yMTQsMHoiLz48L3N2Zz4=);
background-size: contain;
}
.btn--red:hover,
.btn--red:focus {
color: #fff;
}
.btn--white {
background: #fff;
color: #000;
}
.btn--white:after {
width: 47px;
height: 17px;
background-repeat: no-repeat;
content: '';
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3Ny40NTVweCIgaGVpZ2h0PSIyOS44NDhweCIgdmlld0JveD0iMCAwIDc3LjQ1NSAyOS44NDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDc3LjQ1NSAyOS44NDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNNjAuOTY1LDAuNTUzbDE2LjQ5LDI5LjI5NUg2Mi4zNTFMMCwwQzkuMTA5LDAsNjAuOTY1LDAuNTUzLDYwLjk2NSwwLjU1M3oiLz48L3N2Zz4=);
background-size: contain;
}
.btn--white:hover,
.btn--white:focus {
color: #000;
}
.btn-big {
font-size: 40px;
line-height: 40px;
padding: 20px 30px 20px;
font-weight: bold;
}
.btn-big:after {
width: 41px;
height: 16px;
}
@media screen and (max-width: 768px){
.btn-big {
padding: 15px 25px 15px;
font-size: 30px;
line-height: 30px;
}
}
@media screen and (max-width: 480px){
.btn-big {
font-size: 26px;
line-height: 26px;
}
}
@media screen and (max-width: 400px){
.btn-big {
font-size: 24px;
line-height: 24px;
}
}
html {
min-height: 100%;
position: relative;
}
body {
background: #fff;
font-family: "Lato",serif;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-shadow: rgba(0,0,0,0.01) 0 0 1px;
overflow: auto;
height: 100%;
}
figure {
margin: 0;
}
@media screen and (min-width: 1400px){
.container {
max-width: 1260px;
}
}
.container-mid {
max-width: 1310px;
margin: 0 auto 1rem;
width: 100%;
padding: 0 30px;
}
.noscroll {
overflow: hidden;
}
.fixed {
position: fixed !important;
}
.img-fluid {
max-width: 100%;
}
.img-max {
width: 100%;
}
header {
width: 100%;
padding: 1rem;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
z-index: 100;
background-color: #156efe;
}
header .logo {
display: inline-block;
max-width: 244px;
margin-top: 2rem;
margin-left: 40px;
/* margin-bottom: 2rem */
}
@media screen and (max-width: 768px){
header .logo {
margin-left: 20px;
margin-top: 25px;
}
}
@media screen and (max-width: 575px){
header .logo {
margin-left: 0px;
margin-top: 10px;
}
}
header .nav {
position: fixed;
width: 90px;
height: 60px;
background: transparent;
top: 0;
right: 0;
padding: 10px;
right: 40px;
top: 40px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px){
header .nav {
right: 20px;
top: 25px;
}
}
@media screen and (max-width: 575px){
header .nav {
right: 10px;
top: 5px;
width: 60px;
height: 50px;
}
}
header .nav .menu-wrapper {
max-width: 100%;
position: relative;
}
header .nav .menu-wrapper .hamburger {
background: transparent;
border: none;
padding: 0;
margin: 0;
outline-color: #fff;
outline-width: 0px;
}
header .nav--up {
top: -4rem;
}
header .nav--bg {
background: #156efe;
}
.intro {
background: #156efe;
width: 100%;
background-size: cover !important;
background-position: center center;
}
.intro .hero {
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
flex-direction: column;
-ms-flex-direction: column;
height: 100vh;
max-width: 1300px;
padding: 0 50px;
margin: 0 auto;
max-height: 800px;
}
.intro .hero.slider {
padding: 0;
max-width: 100%;
min-height: auto;
height: auto;
}
@media screen and (min-width: 1601px){
.intro .hero.slider {
min-height: 800px;
}
}
@media screen and (min-width: 1900px){
.intro .hero.slider {
min-height: 960px;
}
}
@media screen and (max-width: 1600px){
.intro .hero.slider {
min-height: 700px;
}
}
@media screen and (max-width: 1400px){
.intro .hero.slider {
min-height: 600px;
}
}
@media screen and (max-width: 1200px){
.intro .hero.slider {
min-height: 500px;
}
}
@media screen and (max-width: 992px){
.intro .hero.slider {
min-height: 370px;
}
}
@media screen and (max-width: 768px){
.intro .hero.slider {
min-height: 290px;
}
}
@media screen and (max-width: 575px){
.intro .hero.slider {
min-height: 240px;
}
}
@media screen and (max-width: 480px){
.intro .hero.slider {
min-height: 220px;
}
}
@media screen and (max-width: 400px){
.intro .hero.slider {
min-height: 100px;
}
}
.intro .hero.slider .owl-item>div {
display: flex;
display: -ms-flexbox;
flex-direction: column;
-ms-flex-direction: column;
justify-content: center;
}
.intro .hero.slider .owl-item>div p {
position: absolute;
max-width: 1300px;
padding: 0 50px;
margin: 0 auto;
}
.intro .hero .big-idea {
display: inline-block;
background: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #156efe;
font-size: 30px;
padding: 7px 20px;
vertical-align: top;
font-weight: bold;
margin-right: 30px;
position: relative;
max-width: 157px;
}
@media screen and (max-width: 992px){
.intro .hero .big-idea {
font-size: 20px;
}
}
@media screen and (max-width: 768px){
.intro .hero .big-idea {
display: none;
}
}
@media screen and (min-width: 576px){
.work-project--small.even .col-sm-6 .row {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexboxbox;
display: flex;
flex-direction: row-reverse;
}
}
@media screen and (max-width: 575px){
.work-project--small.even .col-sm-6:first-of-type .row,
.work-project--small.odd .col-sm-6:first-of-type .row {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexboxbox;
display: flex;
flex-direction: row-reverse;
}
}
.intro .hero .big-idea:after {
width: 25px;
left: 3px;
bottom: -7px;
height: 9px;
position: absolute;
content: '';
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3Ny40NTVweCIgaGVpZ2h0PSIyOS44NDhweCIgdmlld0JveD0iMCAwIDc3LjQ1NSAyOS44NDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDc3LjQ1NSAyOS44NDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNNjAuOTY1LDAuNTUzbDE2LjQ5LDI5LjI5NUg2Mi4zNTFMMCwwQzkuMTA5LDAsNjAuOTY1LDAuNTUzLDYwLjk2NSwwLjU1M3oiLz48L3N2Zz4=);
background-size: contain;
}
.intro .hero .big-idea:hover,
.intro .hero .big-idea:focus {
color: #000;
}
.intro .hero .text-small {
font-family: "Domine",serif;
font-style: italic;
font-size: 28px;
line-height: 33px;
color: #fff;
display: inline-block;
max-width: 750px;
vertical-align: top;
}
@media screen and (max-width: 1400px){
.intro .hero .text-small {
font-size: 24px;
line-height: 30px;
max-width: 650px;
}
}
@media screen and (max-width: 992px){
.intro .hero .text-small {
font-size: 20px;
line-height: 25px;
max-width: 500px;
}
}
@media screen and (max-width: 850px){
.intro .hero .text-small {
max-width: 400px;
}
}
@media screen and (max-width: 768px){
.intro .hero .text-small {
display: none;
}
}
@media screen and (max-width: 1400px){
.intro .hero {
max-height: 700px;
}
}
@media screen and (max-width: 992px){
.intro .hero {
max-height: 600px;
}
}
@media screen and (max-width: 575px){
.intro .hero {
max-height: 500px;
padding: 0 25px;
}
}
@media screen and (max-width: 480px){
.intro .hero {
max-height: 500px;
}
}
.intro-whatWeDo .project-title,
.intro-project .project-title {
font-size: 86px;
line-height: 89px;
font-weight: bold;
color: #fff;
}
@media screen and (max-width: 1400px){
.intro-whatWeDo .project-title,
.intro-project .project-title {
font-size: 66px;
line-height: 72px;
}
}
@media screen and (max-width: 992px){
.intro-whatWeDo .project-title,
.intro-project .project-title {
font-size: 55px;
line-height: 62px;
}
}
@media screen and (max-width: 575px){
.intro-whatWeDo .project-title,
.intro-project .project-title {
font-size: 50px;
line-height: 54px;
padding: 60px 0;
}
}
@media screen and (max-width: 480px){
.intro-whatWeDo .project-title,
.intro-project .project-title {
font-size: 46px;
line-height: 49px;
}
}
@media screen and (max-width: 400px){
.intro-whatWeDo .project-title,
.intro-project .project-title {
font-size: 40px;
line-height: 46px;
}
}
.intro-whatWeDo .project-title span,
.intro-project .project-title span {
font-family: "Domine",serif;
font-weight: normal;
}
.title {
font-size: 60px;
color: #000;
font-weight: bold;
text-align: center;
margin: 120px 0;
background: #fff;
}
@media screen and (max-width: 575px){
.title {
font-size: 40px;
margin: 90px 0;
}
}
@media screen and (max-width: 480px){
.title {
font-size: 40px;
margin: 60px 0;
}
}
@media screen and (max-width: 400px){
.title {
font-size: 35px;
line-height: 42px;
margin: 60px 0;
word-wrap: break-word;
}
}
.ajax-loading {
display: none;
opacity: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ajax-loading.isloading {
opacity: 0.5;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background: rgba(255,255,255,0.5);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 10;
display: block;
}
.show-all {
background: #fff;
text-align: center;
padding: 90px 0;
}
.work {
overflow: hidden;
background-size: cover !important;
}
.work__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 38vw;
background-size: cover !important;
}
.work__content h3 {
margin: 0;
font-size: 190px;
line-height: 170px;
font-weight: bold;
padding: 0 40px;
position: absolute;
}
@media screen and (max-width: 1400px){
.work__content h3 {
font-size: 120px;
line-height: 110px;
}
}
@media screen and (max-width: 992px){
.work__content h3 {
font-size: 100px;
line-height: 90px;
}
}
@media screen and (max-width: 768px){
.work__content h3 {
font-size: 70px;
line-height: 65px;
}
}
@media screen and (max-width: 575px){
.work__content h3 {
font-size: 60px;
line-height: 60px;
}
}
@media screen and (max-width: 480px){
.work__content h3 {
font-size: 50px;
line-height: 50px;
}
}
@media screen and (max-width: 400px){
.work__content h3 {
font-size: 32px;
line-height: 32px;
}
}
.work__content--left {
text-align: left;
}
.work__content--left h2 {
padding-left: 145px;
}
@media screen and (max-width: 1200px){
.work__content--left h2 {
padding-left: 110px;
}
}
@media screen and (max-width: 992px){
.work__content--left h2 {
padding-left: 90px;
}
}
@media screen and (max-width: 768px){
.work__content--left h2 {
padding-left: 60px;
}
}
@media screen and (max-width: 480px){
.work__content--left h2 {
padding-left: 30px;
}
}
.work__content--right {
text-align: right;
}
.work__content--right h2 {
padding-right: 145px;
right: 0;
}
@media screen and (max-width: 1200px){
.work__content--right h2 {
padding-right: 110px;
}
}
@media screen and (max-width: 992px){
.work__content--right h2 {
padding-right: 90px;
}
}
@media screen and (max-width: 768px){
.work__content--right h2 {
padding-right: 60px;
}
}
@media screen and (max-width: 480px){
.work__content--right h2 {
padding-right: 30px;
}
}
.work-project__content {
display: flex;
display: -ms-flexbox;
flex-direction: column;
-ms-flex-direction: column;
justify-content: center;
}
.work-project__content__box {
position: absolute;
color: #fff;
}
.work-project__content__box h2,
.work-project__content__box .project-title {
text-align: center;
font-size: 55px;
font-weight: bold;
line-height: 58px;
position: relative;
}
@media screen and (max-width: 992px){
.work-project__content__box h2,
.work-project__content__box .project-title {
font-size: 45px;
line-height: 48px;
}
}
@media screen and (max-width: 768px){
.work-project__content__box h2,
.work-project__content__box .project-title {
font-size: 35px;
line-height: 38px;
}
}
@media screen and (max-width: 480px){
.work-project__content__box h2,
.work-project__content__box .project-title {
font-size: 30px;
line-height: 35px;
}
}
@media screen and (max-width: 400px){
.work-project__content__box h2,
.work-project__content__box .project-title {
font-size: 27px;
line-height: 31px;
}
}
.work-project__content__box h2 a,
.work-project__content__box .project-title a {
color: #fff;
}
.work-project__content__box h2 a:hover,
.work-project__content__box .project-title a:hover {
text-decoration: none;
}
.work-project__content__box .tags {
text-transform: uppercase;
max-width: 380px;
text-align: center;
padding: 0 50px;
}
.work-project__content__box .tags span {
font-size: 15px;
line-height: 18px;
}
@media screen and (max-width: 768px){
.work-project__content__box .tags span {
font-size: 13px;
line-height: 16px;
}
}
@media screen and (max-width: 575px){
.work-project__content__box .tags span {
display: none;
}
}
.work-project__content--left {
text-align: left;
}
.work-project__content--left .tags span {
padding-right: 10px;
}
@media screen and (max-width: 768px){
.work-project__content--left .tags span {
padding-right: 7px;
}
}
.work-project__content--right>div {
text-align: center;
padding-right: 0;
padding-left: 0;
right: 0;
}
@media screen and (max-width: 992px){
.work-project__content--right>div {
padding-right: 90px;
}
}
@media screen and (max-width: 768px){
.work-project__content--right>div {
padding-right: 60px;
}
}
@media screen and (max-width: 575px){
.work-project__content--right>div {
text-align: left;
}
}
.work-project__content--right>div .tags span {
padding-left: 20px;
padding-right: 0;
}
@media screen and (max-width: 768px){
.work-project__content--right>div .tags span {
padding-left: 10px;
}
}
.work-project--fluid .work-project__content__box {
padding-left: 145px;
}
@media screen and (max-width: 992px){
.work-project--fluid .work-project__content__box {
padding-left: 90px;
padding-right: 20px;
}
}
@media screen and (max-width: 768px){
.work-project--fluid .work-project__content__box {
padding-left: 60px;
padding-right: 10px;
}
}
@media screen and (max-width: 768px){
.work-project--fluid .work-project__content__box .tags {
display: none;
}
}
.work-project--part .work-project__content {
height: 100%;
}
@media screen and (max-width: 768px){
.work-project--part .work-project__content {
align-items: center;
}
}
@media screen and (max-width: 575px){
.work-project--part .work-project__content {
padding: 40px 0;
}
}
.work-project--part .work-project__content__box {
position: relative;
}
@media screen and (min-width: 575px){
.work-project--part .work-project__content__box h1 span {
display: block;
}
}
@media screen and (min-width: 1400px){
.work-project--part .work-project__content__box .project-title {
font-size: 80px;
line-height: 85px;
}
}
.work-project--part .work-project__content .tags {
max-width: 100%;
}
@media screen and (max-width: 768px){
.work-project--part .work-project__content .tags {
display: none;
}
}
.work-project--part .work-project__content--left {
padding-left: 0px;
}
@media screen and (max-width: 768px){
.work-project--part .work-project__content--left {
padding-left: 0;
}
}
.work-project--part .work-project__content--right>div {
padding-right: 0px;
}
@media screen and (max-width: 768px){
.work-project--part .work-project__content--right>div {
padding-left: 0;
padding-right: 0;
}
}
.work-project--small .work-project__content {
height: 100%;
}
@media screen and (max-width: 480px){
.work-project--small .work-project__content {
padding: 0;
}
}
.work-project--small .work-project__content__box {
position: relative;
}
@media screen and (min-width: 1400px){
.work-project--small .work-project__content__box .project-title {
font-size: 40px;
line-height: 45px;
}
}
@media screen and (max-width: 1600px){
.work-project--small .work-project__content__box .project-title {
font-size: 26px;
line-height: 32px;
}
}
@media screen and (max-width: 992px){
.work-project--small .work-project__content__box .project-title {
font-size: 30px;
line-height: 35px;
}
}
@media screen and (max-width: 768px){
.work-project--small .work-project__content__box .project-title {
font-size: 25px;
line-height: 30px;
}
}
@media screen and (max-width: 992px){
.work-project--small .work-project__content__box .tags {
display: none;
}
}
.work-project--small .work-project__content--left {
padding-left: 0px;
}
@media screen and (max-width: 1600px){
.work-project--small .work-project__content--left {
padding-left: 0px;
}
}
@media screen and (max-width: 1400px){
.work-project--small .work-project__content--left {
padding-left: 0px;
}
}
@media screen and (max-width: 768px){
.work-project--small .work-project__content--left {
padding-left: 0px;
}
}
.area-box {
background-size: cover !important;
}
.area-box__title {
padding: 220px 70px;
font-size: 100px;
margin: 0;
font-weight: bold;
line-height: 110px;
color: #fff;
text-align: left;
}
@media screen and (max-width: 1600px){
.area-box__title {
font-size: 80px;
line-height: 90px;
padding: 180px 60px;
}
}
@media screen and (max-width: 1500px){
.area-box__title {
font-size: 70px;
line-height: 80px;
padding: 170px 60px;
}
}
@media screen and (max-width: 1200px){
.area-box__title {
font-size: 60px;
line-height: 70px;
padding: 160px 60px;
}
}
@media screen and (max-width: 992px){
.area-box__title {
font-size: 40px;
line-height: 50px;
padding: 140px 60px;
}
}
@media screen and (max-width: 768px){
.area-box__title {
padding: 110px 30px;
}
}
@media screen and (max-width: 660px){
.area-box__title {
font-size: 35px;
line-height: 45px;
padding: 110px 30px;
}
}
@media screen and (max-width: 575px){
.area-box__title {
font-size: 50px;
line-height: 55px;
}
}
@media screen and (max-width: 400px){
.area-box__title {
font-size: 40px;
line-height: 45px;
padding: 110px 0 110px 20px;
}
}
@media screen and (max-width: 768px){
.area-box {
width: 100%;
}
}
.area a:hover {
color: #fff;
text-decoration: none;
}
.about__content {
padding: 120px 30px;
margin: 0 auto;
}
@media screen and (max-width: 400px){
.about__content {
padding: 100px 15px;
}
}
.about__content__title {
text-align: left;
margin-bottom: 40px;
margin-top: 0;
}
.about__content p {
font-family: 'Lato', sans-serif;
margin-top: 0;
color: #000;
font-size: 22px;
line-height: 36px;
}
@media screen and (max-width: 992px){
.about__content p {
font-size: 18px;
line-height: 28px;
}
}
@media screen and (max-width: 480px){
.about__content p {
font-size: 16px;
line-height: 25px;
}
}
.about__content p strong {
font-family: "Lato",serif;
}
.footer,
.intro-contact {
padding: 130px 0 90px;
background: #156efe;
color: #fff;
font-size: 56px;
font-weight: bold;
}
@media screen and (max-width: 1200px){
.footer,
.intro-contact {
font-size: 50px;
}
}
@media screen and (max-width: 992px){
.footer,
.intro-contact {
font-size: 40px;
}
}
@media screen and (max-width: 768px){
.footer,
.intro-contact {
font-size: 30px;
}
}
@media screen and (max-width: 575px){
.footer,
.intro-contact {
text-align: center;
}
}
@media screen and (max-width: 575px){
.footer__image,
.intro-contact__image {
text-align: center;
margin-bottom: 30px;
}
}
.footer .logo,
.intro-contact .logo {
margin-top: 90px;
display: block;
}
@media screen and (max-width: 768px){
.footer .logo,
.intro-contact .logo {
text-align: center;
}
.footer .logo img,
.intro-contact .logo img {
display: inline-block;
}
}
.footer .logo img,
.intro-contact .logo img {
width: 380px;
}
.footer .content p,
.intro-contact .content p {
margin-top: 10px;
}
.footer .content p span,
.intro-contact .content p span {
font-family: "Domine",serif;
font-weight: normal;
}
.footer .social,
.intro-contact .social {
margin-top: 80px;
text-align: right;
}
@media screen and (max-width: 992px){
.footer .social,
.intro-contact .social {
margin-top: 100px;
}
}
@media screen and (max-width: 768px){
.footer .social,
.intro-contact .social {
text-align: center;
margin-top: 100px;
}
}
.footer .social__list,
.intro-contact .social__list {
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.footer .social__item,
.intro-contact .social__item {
padding: 0 17px;
display: inline-block;
}
@media screen and (max-width: 1200px){
.footer .social__item,
.intro-contact .social__item {
padding: 0 10px;
}
}
@media screen and (max-width: 1060px){
.footer .social__item,
.intro-contact .social__item {
padding: 0 7px;
}
}
@media screen and (max-width: 768px){
.footer .social__item,
.intro-contact .social__item {
padding: 0 5px;
}
}
.footer .social__item:first-child,
.intro-contact .social__item:first-child {
padding-left: 0;
}
.footer .social__item:last-child,
.intro-contact .social__item:last-child {
padding-right: 0;
}
.footer .social__link,
.intro-contact .social__link {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: block;
}
@media screen and (max-width: 1060px){
.footer .social__link img,
.intro-contact .social__link img {
max-width: 60px;
}
}
@media screen and (max-width: 992px){
.footer .social__link img,
.intro-contact .social__link img {
max-width: 50px;
}
}
@media screen and (max-width: 768px){
.footer .social__link img,
.intro-contact .social__link img {
max-width: 35px;
}
}
.footer .social__link:hover,
.intro-contact .social__link:hover {
opacity: 0.7;
}
.footer-social {
padding: 50px 0 90px;
}
.footer-social .logo,
.footer-social .social {
margin-top: 0;
}
.intro-contact {
min-height: 800px;
display: flex;
display: -ms-flexbox;
flex-direction: column;
-ms-flex-direction: column;
flex-wrap: wrap;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
align-content: center;
}
@media screen and (max-width: 575px){
.intro-contact {
min-height: 600px;
}
}
.intro-contact .content p {
margin-top: 0;
}
@media screen and (max-width: 575px){
.intro-contact img {
max-width: 300px;
width: 100%;
}
}
.person__info {
height: 100%;
padding: 30px;
}
@media screen and (min-width: 575px){
.person__info {
display: flex;
display: -ms-flexbox;
flex-flow: column wrap;
align-items: center;
justify-content: center;
}
}
.person__info h3 {
font-size: 43px;
margin-top: 0;
font-weight: bold;
color: #fff;
margin-bottom: 20px;
}
@media screen and (max-width: 1200px){
.person__info h3 {
font-size: 35px;
}
}
@media screen and (max-width: 992px){
.person__info h3 {
font-size: 30px;
}
}
.person__title {
display: inline-block;
background: #156efe;
padding: 7px 10px;
color: #fff;
font-weight: bold;
font-size: 25px;
margin-bottom: 47px;
position: relative;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
@media screen and (max-width: 1200px){
.person__title {
font-size: 20px;
margin-bottom: 37px;
}
}
@media screen and (max-width: 992px){
.person__title {
font-size: 18px;
margin-bottom: 27px;
}
}
.person__title--clight {
background: #156efe;
}
.person__title--clight:after {
width: 30px;
height: 20px;
bottom: -19px;
left: 0px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
content: '';
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNC4yNDdweCIgaGVpZ2h0PSI1LjUzN3B4IiB2aWV3Qm94PSIwIDAgMTQuMjQ3IDUuNTM3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNC4yNDcgNS41MzciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMTU2RUZFIiBkPSJNMTEuMjE0LDBsMy4wMzMsNS41MzdoLTIuNzc4TDAsMC4wNDVDMS43NSwwLjA0NSwxMS4yMTQsMCwxMS4yMTQsMHoiLz48L3N2Zz4=);
}
.person__title--cdark {
background: #0500e0;
}
.person__title--cdark:after {
width: 30px;
height: 20px;
bottom: -19px;
left: 0px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
content: '';
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNC4yNDdweCIgaGVpZ2h0PSI1LjUzN3B4IiB2aWV3Qm94PSIwIDAgMTQuMjQ3IDUuNTM3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNC4yNDcgNS41MzciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDUwMEUwIiBkPSJNMTEuMjE0LDBsMy4wMzMsNS41MzdoLTIuNzc4TDAsMC4wNDVDMS43NSwwLjA0NSwxMS4yMTQsMCwxMS4yMTQsMHoiLz48L3N2Zz4=);
}
.person__contact {
list-style: none;
margin: 0;
padding: 0;
}
.person__contact li,
.person__details p {
color: #fff;
font-weight: bold;
font-size: 21px;
margin-bottom: 5px;
}
@media screen and (max-width: 1200px){
.person__contact li,
.person__details p {
font-size: 18px;
}
}
@media screen and (max-width: 992px){
.person__contact li,
.person__details p {
font-size: 16px;
line-height: 24px;
}
}
.person__contact li,
.person__details p a {
color: #fff;
}
.person__image {
width: 100%;
height: 100%;
}
.person.person-first {
background: #0500e0;
}
.footer-contact {
padding: 0;
}
.footer-contact .footer-box {
display: flex;
display: -ms-flexbox;
flex-flow: column wrap;
align-items: center;
justify-content: center;
-ms-flex-pack: center;
height: 100%;
}
.footer-contact .footer-box .logo {
margin-top: 0;
}
.footer-contact .footer-box__details {
padding: 120px 30px;
}
@media screen and (max-width: 768px){
.footer-contact .footer-box__details {
padding: 90px 30px;
}
}
.footer-contact .footer-box__details ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-contact .footer-box__details ul li {
font-size: 24px;
margin-bottom: 32px;
font-weight: bold;
line-height: 28px;
}
@media screen and (max-width: 1200px){
.footer-contact .footer-box__details ul li {
font-size: 18px;
margin-bottom: 26px;
}
}
@media screen and (max-width: 992px){
.footer-contact .footer-box__details ul li {
font-size: 16px;
margin-bottom: 22px;
line-height: 24px;
}
}
@media screen and (max-width: 992px) and (max-width: 800px){
.footer-contact .footer-box__details ul li {
font-size: 20px;
line-height: 24px;
}
}
.footer-contact .footer-box__details ul li a {
color: #fff;
text-decoration: none;
}
.footer-contact .social {
margin-top: 0;
padding: 60px 0 0;
}
.footer-contact .social ul {
margin-top: 0;
text-align: center;
}
.future {
padding: 200px 0;
}
.future .container {
max-width: 1050px;
}
.future__wrapper {
display: flex;
display: -ms-flexbox;
align-items: center;
justify-content: space-around;
}
@media screen and (max-width: 800px){
.future__wrapper {
flex-direction: column;
}
}
.future .letter {
text-align: center;
}
@media screen and (max-width: 800px){
.future .letter {
text-align: left;
min-width: 300px;
}
}
.future .letter figure {
margin-bottom: 10px;
}
@media screen and (max-width: 800px){
.future .letter figure {
display: inline-block;
min-width: 150px;
text-align: left;
margin-bottom: 60px;
}
}
@media screen and (max-width: 480px){
.future .letter figure {
min-width: 100px;
padding-left: 20px;
}
.future .letter figure img {
max-height: 90px;
}
}
.future .letter figure.dot {
position: relative;
}
.future .letter figure.dot:after {
background-image: url("../img/future-dot.png");
background-size: contain;
width: 40px;
height: 40px;
position: absolute;
right: -40px;
bottom: 0;
content: '';
}
@media screen and (max-width: 992px){
.future .letter figure.dot:after {
width: 30px;
height: 30px;
}
}
@media screen and (max-width: 800px){
.future .letter figure.dot:after {
display: none;
}
}
.future .letter p {
color: #42fe23;
font-size: 25px;
line-height: 30px;
font-family: "Futura-Medium";
}
@media screen and (max-width: 992px){
.future .letter p {
font-size: 20px;
line-height: 25px;
}
}
@media screen and (max-width: 800px){
.future .letter p {
display: inline-block;
margin-bottom: 0;
}
}
.future .letter p span {
display: block;
color: #fff;
}
@media screen and (max-width: 890px){
.future .letter--f figure.dot:after {
right: -25px;
}
}
.future .letter--f p {
margin-left: -30px;
}
@media screen and (max-width: 800px){
.future .letter--f p {
margin-left: 0;
}
}
.future .letter--t figure.dot:after {
right: -35px;
}
@media screen and (max-width: 890px){
.future .letter--t figure.dot:after {
right: -25px;
}
}
.future .letter--u figure.dot:after {
right: -45px;
}
@media screen and (max-width: 890px){
.future .letter--u figure.dot:after {
right: -30px;
}
}
@media screen and (max-width: 890px){
.future .letter--uu figure.dot:after {
right: -20px;
}
}
.future .letter--e figure {
text-align: left;
}
.future .letter--e figure img {
margin-left: 20px;
}
@media screen and (max-width: 800px){
.future .letter--e figure img {
margin-left: 0;
}
}
.concept {
color: #fff;
background: #3500d6;
}
@media screen and (max-width: 575px){
.concept {
padding: 30px 0;
}
}
.concept-content {
padding: 120px 0;
}
@media screen and (max-width: 575px){
.concept-content {
padding: 30px 0;
}
}
.concept .heading {
font-size: 58px;
font-weight: bold;
display: block;
color: #fff;
line-height: 59px;
}
.concept .heading--up {
text-transform: uppercase;
margin-bottom: 25px;
display: block;
}
.concept p {
font-family: "Domine",serif;
font-size: 19px;
line-height: 26px;
max-width: 370px;
color: #b6d6fd;
}
@media screen and (max-width: 575px){
.concept p {
max-width: 100%;
}
}
.brand {
padding: 75px 0 0;
}
.brand-box {
max-width: 400px;
margin-bottom: 30px;
background: #fff;
padding: 30px;
}
@media screen and (max-width: 992px){
.brand-box {
padding: 15px;
}
}
@media screen and (max-width: 575px){
.brand-box {
max-width: 100%;
}
}
.brand-box__title {
font-size: 58px;
line-height: 59px;
font-weight: bold;
margin-bottom: 45px;
}
@media screen and (max-width: 1200px){
.brand-box__title {
font-size: 48px;
line-height: 49px;
}
}
@media screen and (max-width: 992px){
.brand-box__title {
font-size: 38px;
line-height: 39px;
margin-bottom: 30px;
}
}
.brand-box__title__decor {
display: inline-block;
background: #156efe;
padding: 6px 20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 22px;
line-height: 22px;
color: #fff;
vertical-align: middle;
position: relative;
}
.brand-box__title__decor:after {
width: 17px;
height: 7px;
bottom: -6px;
position: absolute;
display: block;
left: 2px;
content: '';
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNy45OTNweCIgaGVpZ2h0PSI2LjkzMnB4IiB2aWV3Qm94PSIwIDAgMTcuOTkzIDYuOTMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNy45OTMgNi45MzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tNjQuMzU4LDI4LjY3NWw4LjkyNywxNS44NThoLTguMTc3bC0zMy43NTQtMTYuMTU4Qy05Mi40MzEsMjguMzc1LTY0LjM1OCwyOC42NzUtNjQuMzU4LDI4LjY3NXoiLz48cG9seWdvbiBmaWxsPSIjMzE2REY0IiBwb2ludHM9IjE0LjE2MywwIDE3Ljk5Myw2LjkzMiAxNC40ODQsNi45MzIgMCwwICIvPjwvc3ZnPg==);
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 992px){
.brand-box__title__decor:after {
width: 15px;
height: 6px;
bottom: -6px;
}
}
@media screen and (max-width: 1200px){
.brand-box__title__decor {
font-size: 19px;
line-height: 19px;
}
}
@media screen and (max-width: 992px){
.brand-box__title__decor {
font-size: 15px;
line-height: 15px;
padding: 4px 10px;
}
}
.brand-box__text {
font-size: 19px;
font-family: "Domine",serif;
color: #808080;
}
@media screen and (max-width: 1200px){
.brand-box__text {
font-size: 15px;
line-height: 23px;
}
}
.business-area {
color: #fff;
height: 100%;
background-size: cover !important;
display: flex;
display: -ms-flexbox;
flex-direction: column;
-ms-flex-direction: column;
justify-content: center;
}
.business-area__details {
padding: 0 80px;
}
@media screen and (max-width: 1400px){
.business-area__details {
padding: 0 60px;
}
}
@media screen and (max-width: 1200px){
.business-area__details {
padding: 0 40px;
}
}
@media screen and (max-width: 992px){
.business-area__details {
padding: 0 30px;
}
}
@media screen and (max-width: 768px){
.business-area__details {
padding: 60px 30px;
}
}
.business-area__title {
font-size: 80px;
line-height: 81px;
font-weight: bold;
}
@media screen and (min-width: 768px){
.business-area__title span {
display: block;
}
}
@media screen and (max-width: 1600px){
.business-area__title {
font-size: 70px;
line-height: 71px;
}
}
@media screen and (max-width: 1400px){
.business-area__title {
font-size: 56px;
line-height: 57px;
}
}
@media screen and (max-width: 992px){
.business-area__title {
font-size: 40px;
line-height: 41px;
}
}
@media screen and (max-width: 768px){
.business-area__title {
font-size: 36px;
line-height: 37px;
}
}
.business-area__text {
font-size: 27px;
line-height: 32px;
font-family: "Domine",serif;
}
@media screen and (max-width: 1600px){
.business-area__text {
font-size: 24px;
line-height: 30px;
}
}
@media screen and (max-width: 1400px){
.business-area__text {
font-size: 20px;
line-height: 27px;
}
}
@media screen and (max-width: 1200px){
.business-area__text {
font-size: 18px;
line-height: 25px;
}
}
@media screen and (max-width: 992px){
.business-area__text {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 768px){
.business-area__text {
font-size: 18px;
line-height: 25px;
}
}
.business-area__image {
width: 100%;
}
.business .btn {
padding: 9px 30px;
font-size: 29px;
text-transform: none;
line-height: 32px;
color: #3500D6;
font-weight: bold;
}
@media screen and (max-width: 1200px){
.business .btn {
font-size: 24px;
line-height: 29px;
padding: 7px 25px;
}
}
@media screen and (max-width: 992px){
.business .btn {
font-size: 20px;
line-height: 26px;
padding: 5px 20px;
}
}
.business .btn:after {
left: 2px;
bottom: -17px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4yMTVweCIgaGVpZ2h0PSIxMS4yNDdweCIgdmlld0JveD0iMCAwIDI5LjIxNSAxMS4yNDciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjIxNSAxMS4yNDciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMy4xNzksMTYuOTExbDguOTI3LDE1Ljg1OEgzLjkyOWwtMzMuNzU0LTE2LjE1OEMtMjQuODk0LDE2LjYxMSwzLjE3OSwxNi45MTEsMy4xNzksMTYuOTExeiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMjMuMDAxLDAuMjA5bDYuMjE0LDExLjAzOGgtNS42OTFMMC4wMywwQy0wLjk2NiwwLDIzLjAwMSwwLjIwOSwyMy4wMDEsMC4yMDl6Ii8+PC9zdmc+);
}
@media screen and (max-width: 992px){
.business .btn:after {
width: 30px;
height: 10px;
bottom: -10px;
}
}
.business .btn-white {
background: #fff;
}
.business .bg-clighter .btn {
color: #0D71F6;
}
.business .bg-clighter .btn:hover {
color: #0D71F6;
}
.business .bg-clight .btn {
color: #156efe;
}
.business .bg-clight .btn:hover {
color: #156efe;
}
.business .business-overlay {
position: relative;
}
.business .business-overlay .overlay-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
display: block;
background: #156efe;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 575px){
.business .business-overlay .overlay-content {
position: relative;
height: auto;
}
}
.business .business-overlay .overlay-content .content {
display: flex;
display: -ms-flexbox;
align-items: center;
padding: 60px;
font-family: "Domine",serif;
font-size: 24px;
line-height: 30px;
color: #fff;
height: 100%;
}
@media screen and (max-width: 1400px){
.business .business-overlay .overlay-content .content {
font-size: 20px;
line-height: 28px;
padding: 30px;
}
}
@media screen and (max-width: 1200px){
.business .business-overlay .overlay-content .content {
font-size: 18px;
line-height: 26px;
padding: 30px;
}
}
@media screen and (max-width: 992px){
.business .business-overlay .overlay-content .content {
font-size: 16px;
line-height: 24px;
padding: 30px;
}
}
@media screen and (max-width: 575px){
.business .business-overlay .overlay-content .content {
padding: 50px 30px 50px 20px;
}
}
.business .business-overlay .overlay-content .content p {
vertical-align: middle;
}
.business .business-overlay .overlay-content .overlay-close {
cursor: pointer;
font-size: 34px;
color: #fff;
text-shadow: none;
position: absolute;
top: 10px;
right: 15px;
opacity: 1;
}
.business .business-overlay .overlay-content.hide {
display: none;
opacity: 0;
}
.close-list {
font-size: 60px;
float: left;
color: #fff;
cursor: pointer;
position: absolute;
top: 70px;
left: 60px;
}
@media screen and (max-width: 575px){
.close-list {
font-size: 45px;
left: 20px;
}
}
.competences {
padding-bottom: 170px;
}
.competences .competence-box {
max-width: 1600px;
margin: 0 auto;
position: relative;
padding-left: 225px;
}
@media screen and (max-width: 768px){
.competences .competence-box {
padding-left: 180px;
}
}
@media screen and (max-width: 575px){
.competences .competence-box {
padding-left: 0;
text-align: center;
}
}
.competences .competence-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.competences .competence-box ul li {
margin-bottom: 30px;
}
@media screen and (max-width: 992px){
.competences .competence-box ul li {
margin-bottom: 20px;
}
}
@media screen and (max-width: 768px){
.competences .competence-box ul li {
margin-bottom: 25px;
}
}
@media screen and (max-width: 480px){
.competences .competence-box ul li {
margin-bottom: 18px;
}
}
.competences .competence-box:before {
content: '';
background: url("../img/chat.svg") no-repeat;
background-size: contain;
width: 190px;
height: 218px;
position: absolute;
top: 17px;
left: 0;
}
@media screen and (max-width: 992px){
.competences .competence-box:before {
top: 12px;
}
}
@media screen and (max-width: 768px){
.competences .competence-box:before {
top: 10px;
width: 150px;
height: 218px;
}
}
@media screen and (max-width: 575px){
.competences .competence-box:before {
display: none;
}
}
.competences .competence {
font-size: 54px;
font-weight: bold;
display: block;
line-height: 65px;
}
@media screen and (max-width: 1500px){
.competences .competence {
font-size: 44px;
line-height: 55px;
}
}
@media screen and (max-width: 992px){
.competences .competence {
font-size: 34px;
line-height: 45px;
}
}
@media screen and (max-width: 768px){
.competences .competence {
font-size: 28px;
line-height: 37px;
}
}
@media screen and (max-width: 480px){
.competences .competence {
font-size: 24px;
line-height: 32px;
}
}
.cloud {
padding: 190px 0;
}
.cloud-btn {
color: #000;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.cloud-btn:hover {
color: #156efe;
}
@media screen and (max-width: 768px){
.cloud {
padding: 140px 0;
}
}
.cloud__box {
background: #fff;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 33px 20px;
text-align: center;
position: relative;
}
.cloud__box:after {
width: 77px;
height: 30px;
bottom: -28px;
left: 12px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
content: '';
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3Ny40NTVweCIgaGVpZ2h0PSIyOS44NDhweCIgdmlld0JveD0iMCAwIDc3LjQ1NSAyOS44NDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDc3LjQ1NSAyOS44NDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNNjAuOTY1LDAuNTUzbDE2LjQ5LDI5LjI5NUg2Mi4zNTFMMCwwQzkuMTA5LDAsNjAuOTY1LDAuNTUzLDYwLjk2NSwwLjU1M3oiLz48L3N2Zz4=);
}
@media screen and (max-width: 1200px){
.cloud__box:after {
width: 60px;
height: 25px;
bottom: -23px;
}
}
@media screen and (max-width: 768px){
.cloud__box:after {
width: 50px;
height: 20px;
bottom: -18px;
}
}
@media screen and (max-width: 575px){
.cloud__box {
margin-bottom: 60px;
}
}
.cloud__box__text h2 {
font-size: 60px;
line-height: 61px;
font-weight: bold;
display: inline-block;
text-align: left;
margin: 0 auto;
}
@media screen and (max-width: 992px){
.cloud__box__text h2 {
font-size: 30px;
line-height: 31px;
}
}
.whatWeDo {
background: #3ea9f9;
padding: 150px 0;
position: relative;
}
.whatWeDo ul {
list-style: none;
padding: 0;
}
.whatWeDo ul li {
text-align: center;
font-size: 60px;
font-weight: bold;
line-height: 61px;
margin-bottom: 20px;
text-transform: uppercase;
}
@media screen and (max-width: 1600px){
.whatWeDo ul li {
font-size: 55px;
line-height: 56px;
}
}
@media screen and (max-width: 1400px){
.whatWeDo ul li {
font-size: 45px;
line-height: 46px;
}
}
@media screen and (max-width: 1200px){
.whatWeDo ul li {
font-size: 40px;
line-height: 41px;
}
}
@media screen and (max-width: 1200px){
.whatWeDo ul li {
font-size: 35px;
line-height: 36px;
}
}
@media screen and (max-width: 575px){
.whatWeDo ul li {
font-size: 25px;
line-height: 26px;
}
}
.whatWeDo ul li a {
cursor: pointer;
position: relative;
}
@media screen and (min-width: 992px){
.whatWeDo ul li a:before {
content: '';
height: 4px;
background: #fff;
width: 0;
left: 0;
position: absolute;
bottom: -4px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.whatWeDo ul li a:hover:before {
width: 100%;
}
}
.whatWeDo ul li span {
display: inline-block;
}
.whatWeDo ul li:nth-child(even) {
color: #fff;
}
.whatWeDo__lists li:nth-child(1) {
margin-right: 200px;
}
@media screen and (max-width: 1200px){
.whatWeDo__lists li:nth-child(1) {
margin-right: 150px;
}
}
.whatWeDo__lists li:nth-child(2) {
margin-left: 160px;
}
@media screen and (max-width: 1200px){
.whatWeDo__lists li:nth-child(2) {
margin-left: 100px;
}
}
@media screen and (max-width: 768px){
.whatWeDo__lists li:nth-child(2) {
margin-right: 0;
}
}
.whatWeDo__lists li:nth-child(3) {
margin-right: 190px;
}
@media screen and (max-width: 1200px){
.whatWeDo__lists li:nth-child(3) {
margin-right: 150px;
}
}
.whatWeDo__lists li:nth-child(4) {
margin-right: 250px;
}
@media screen and (max-width: 1200px){
.whatWeDo__lists li:nth-child(4) {
margin-right: 150px;
}
}
@media screen and (max-width: 992px){
.whatWeDo__lists li:nth-child(4) {
margin-right: 50px;
}
}
@media screen and (max-width: 768px){
.whatWeDo__lists li:nth-child(4) {
margin-right: 0px;
}
}
.whatWeDo__lists li:nth-child(5) {
margin-left: 100px;
}
@media screen and (max-width: 1200px){
.whatWeDo__lists li:nth-child(5) {
margin-left: 50px;
}
}
.whatWeDo__lists li:nth-child(7) {
margin-right: 250px;
}
@media screen and (max-width: 1200px){
.whatWeDo__lists li:nth-child(7) {
margin-right: 200px;
}
}
@media screen and (max-width: 992px){
.whatWeDo__lists li:nth-child(7) {
margin-right: 100px;
}
}
@media screen and (max-width: 992px){
.whatWeDo__lists li:nth-child(7) {
margin-right: 100px;
}
}
@media screen and (max-width: 768px){
.whatWeDo__lists li:nth-child(7) {
margin-right: 0;
}
}
.whatWeDo__lists li:nth-child(8) {
margin-left: 80px;
}
@media screen and (max-width: 1200px){
.whatWeDo__lists li:nth-child(8) {
margin-left: 30px;
}
}
.whatWeDo__lists li:nth-child(9) {
margin-left: 100px;
}
@media screen and (max-width: 1200px){
.whatWeDo__lists li:nth-child(9) {
margin-left: 50px;
}
}
.whatWeDo__lists li:nth-child(10) {
margin-right: 400px;
}
@media screen and (max-width: 1200px){
.whatWeDo__lists li:nth-child(10) {
margin-right: 200px;
}
}
@media screen and (max-width: 768px){
.whatWeDo__lists li:nth-child(10) {
margin-right: 0;
}
}
.whatWeDo__lists li:nth-child(11) {
margin-left: 40px;
}
@media screen and (max-width: 480px){
.whatWeDo__lists li:nth-child(1),
.whatWeDo__lists li:nth-child(2),
.whatWeDo__lists li:nth-child(3),
.whatWeDo__lists li:nth-child(4),
.whatWeDo__lists li:nth-child(5),
.whatWeDo__lists li:nth-child(6),
.whatWeDo__lists li:nth-child(7),
.whatWeDo__lists li:nth-child(8),
.whatWeDo__lists li:nth-child(9),
.whatWeDo__lists li:nth-child(10),
.whatWeDo__lists li:nth-child(11) {
margin-left: 0;
margin-right: 0;
}
}
.whatWeDo-industries {
background: #0c71f5;
}
.whatWeDo-industries__lists li:nth-child(1) {
margin-right: 200px;
}
@media screen and (max-width: 1200px){
.whatWeDo-industries__lists li:nth-child(1) {
margin-right: 150px;
}
}
.whatWeDo-industries__lists li:nth-child(2) {
margin-left: 160px;
}
@media screen and (max-width: 1200px){
.whatWeDo-industries__lists li:nth-child(2) {
margin-left: 100px;
}
}
.whatWeDo-industries__lists li:nth-child(3) {
margin-right: 550px;
}
@media screen and (max-width: 1400px){
.whatWeDo-industries__lists li:nth-child(3) {
margin-right: 400px;
}
}
@media screen and (max-width: 1200px){
.whatWeDo-industries__lists li:nth-child(3) {
margin-right: 300px;
}
}
@media screen and (max-width: 768px){
.whatWeDo-industries__lists li:nth-child(3) {
margin-right: 100px;
}
}
.whatWeDo-industries__lists li:nth-child(4) {
margin-right: 200px;
}
@media screen and (max-width: 768px){
.whatWeDo-industries__lists li:nth-child(4) {
margin-right: 100px;
}
}
.whatWeDo-industries__lists li:nth-child(5) {
margin-left: 200px;
}
.whatWeDo-industries__lists li:nth-child(6) {
margin-right: 700px;
}
@media screen and (max-width: 1400px){
.whatWeDo-industries__lists li:nth-child(6) {
margin-right: 500px;
}
}
@media screen and (max-width: 1400px){
.whatWeDo-industries__lists li:nth-child(6) {
margin-right: 400px;
}
}
@media screen and (max-width: 992px){
.whatWeDo-industries__lists li:nth-child(6) {
margin-right: 200px;
}
}
@media screen and (max-width: 768px){
.whatWeDo-industries__lists li:nth-child(6) {
margin-right: 100px;
}
}
.whatWeDo-industries__lists li:nth-child(7) {
margin-right: 150px;
}
.whatWeDo-industries__lists li:nth-child(8) {
margin-left: 450px;
}
@media screen and (max-width: 1400px){
.whatWeDo-industries__lists li:nth-child(8) {
margin-left: 200px;
}
}
@media screen and (max-width: 768px){
.whatWeDo-industries__lists li:nth-child(8) {
margin-left: 0;
}
}
.whatWeDo-industries__lists li:nth-child(9) {
margin-right: 400px;
}
@media screen and (max-width: 1400px){
.whatWeDo-industries__lists li:nth-child(9) {
margin-right: 200px;
}
}
@media screen and (max-width: 768px){
.whatWeDo-industries__lists li:nth-child(9) {
margin-right: 100px;
}
}
.whatWeDo-industries__lists li:nth-child(10) {
margin-right: 50px;
}
.whatWeDo-industries__lists li:nth-child(11) {
margin-left: 150px;
}
.whatWeDo-industries__lists li:nth-child(12) {
margin-right: 400px;
}
@media screen and (max-width: 1400px){
.whatWeDo-industries__lists li:nth-child(12) {
margin-right: 200px;
}
}
@media screen and (max-width: 768px){
.whatWeDo-industries__lists li:nth-child(12) {
margin-right: 0;
}
}
.whatWeDo-industries__lists li:nth-child(13) {
margin-left: 400px;
}
@media screen and (max-width: 1400px){
.whatWeDo-industries__lists li:nth-child(13) {
margin-left: 100px;
}
}
.whatWeDo-industries__lists li:nth-child(14) {
margin-left: 250px;
}
@media screen and (max-width: 768px){
.whatWeDo-industries__lists li:nth-child(14) {
margin-left: 0;
}
}
@media screen and (max-width: 480px){
.whatWeDo-industries__lists li:nth-child(1),
.whatWeDo-industries__lists li:nth-child(2),
.whatWeDo-industries__lists li:nth-child(3),
.whatWeDo-industries__lists li:nth-child(4),
.whatWeDo-industries__lists li:nth-child(5),
.whatWeDo-industries__lists li:nth-child(6),
.whatWeDo-industries__lists li:nth-child(7),
.whatWeDo-industries__lists li:nth-child(8),
.whatWeDo-industries__lists li:nth-child(9),
.whatWeDo-industries__lists li:nth-child(10),
.whatWeDo-industries__lists li:nth-child(11) {
margin-left: 0;
margin-right: 0;
}
}
.whatWeDo-services__lists li:nth-child(1) {
margin-right: 300px;
}
@media screen and (max-width: 1400px){
.whatWeDo-services__lists li:nth-child(1) {
margin-right: 150px;
}
}
.whatWeDo-services__lists li:nth-child(2) {
margin-left: 160px;
}
@media screen and (max-width: 1200px){
.whatWeDo-services__lists li:nth-child(2) {
margin-left: 100px;
}
}
.whatWeDo-services__lists li:nth-child(3) {
margin-left: 300px;
}
@media screen and (max-width: 1400px){
.whatWeDo-services__lists li:nth-child(3) {
margin-left: 200px;
}
}
@media screen and (max-width: 992px){
.whatWeDo-services__lists li:nth-child(3) {
margin-left: 0;
}
}
.whatWeDo-services__lists li:nth-child(4) {
margin-right: 50px;
}
.whatWeDo-services__lists li:nth-child(5) {
margin-right: 600px;
}
@media screen and (max-width: 1400px){
.whatWeDo-services__lists li:nth-child(5) {
margin-right: 300px;
}
}
@media screen and (max-width: 768px){
.whatWeDo-services__lists li:nth-child(5) {
margin-right: 100px;
}
}
.whatWeDo-services__lists li:nth-child(6) {
margin-left: 300px;
}
@media screen and (max-width: 768px){
.whatWeDo-services__lists li:nth-child(6) {
margin-left: 100px;
}
}
.whatWeDo-services__lists li:nth-child(7) {
margin-right: 300px;
}
@media screen and (max-width: 768px){
.whatWeDo-services__lists li:nth-child(7) {
margin-right: 200px;
}
}
.whatWeDo-services__lists li:nth-child(8) {
margin-left: 200px;
}
@media screen and (max-width: 768px){
.whatWeDo-services__lists li:nth-child(8) {
margin-left: 0;
}
}
.whatWeDo-services__lists li:nth-child(9) {
margin-left: 300px;
}
@media screen and (max-width: 768px){
.whatWeDo-services__lists li:nth-child(9) {
margin-left: 100px;
}
}
.whatWeDo-services__lists li:nth-child(10) {
margin-right: 50px;
}
@media screen and (max-width: 480px){
.whatWeDo-services__lists li:nth-child(1),
.whatWeDo-services__lists li:nth-child(2),
.whatWeDo-services__lists li:nth-child(3),
.whatWeDo-services__lists li:nth-child(4),
.whatWeDo-services__lists li:nth-child(5),
.whatWeDo-services__lists li:nth-child(6),
.whatWeDo-services__lists li:nth-child(7),
.whatWeDo-services__lists li:nth-child(8),
.whatWeDo-services__lists li:nth-child(9),
.whatWeDo-services__lists li:nth-child(10),
.whatWeDo-services__lists li:nth-child(11) {
margin-left: 0;
margin-right: 0;
}
}
.whatWeDo.hide {
display: none;
height: 0;
}
.no-js .hide {
display: block;
height: auto;
}
.about-area {
height: 100%;
display: flex;
display: -ms-flexbox;
flex-direction: column;
-ms-flex-direction: column;
justify-content: center;
-ms-flex-pack: center;
color: #fff;
}
.about-area__details {
padding: 0 80px;
}
@media screen and (max-width: 1200px){
.about-area__details {
padding: 0 40px;
}
}
@media screen and (max-width: 768px){
.about-area__details {
padding: 80px;
}
}
@media screen and (max-width: 575px){
.about-area__details {
padding: 60px 40px;
}
}
@media screen and (max-width: 1600px){
.about-area--img1 {
padding: 0 20px;
}
}
.about-area--img1 img {
max-width: 658px;
}
.about-area__title {
font-size: 100px;
line-height: 101px;
font-weight: bold;
}
@media screen and (max-width: 1600px){
.about-area__title {
font-size: 80px;
line-height: 81px;
}
}
@media screen and (max-width: 1400px){
.about-area__title {
font-size: 60px;
line-height: 61px;
}
}
@media screen and (max-width: 1200px){
.about-area__title {
font-size: 50px;
line-height: 51px;
}
}
@media screen and (max-width: 992px){
.about-area__title {
font-size: 30px;
line-height: 31px;
}
}
.about-area__title span span {
display: block;
}
@media screen and (max-width: 992px){
.about-area__title span span {
display: inline-block;
}
}
.about-area__text {
font-family: "Domine",serif;
font-size: 24px;
line-height: 28px;
}
@media screen and (max-width: 1600px){
.about-area__text {
font-size: 20px;
line-height: 24px;
}
}
@media screen and (max-width: 1400px){
.about-area__text {
font-size: 18px;
line-height: 24px;
}
}
@media screen and (min-width: 768px) and (max-width: 992px){
.about-area__text {
font-size: 14px;
line-height: 20px;
}
}
.about-area__brand-bg {
background: url("../img/bg2-01.png") top center no-repeat;
background-size: cover !important;
}
.idea__details {
padding: 0 70px;
}
@media screen and (max-width: 1200px){
.idea__details {
padding: 0 40px;
}
}
@media screen and (max-width: 768px){
.idea__details {
padding: 80px;
}
}
@media screen and (max-width: 575px){
.idea__details {
padding: 60px 40px;
}
}
.idea--bg {
background: url("../img/idea.svg");
background-size: contain !important;
background-position: top center !important;
background-repeat: no-repeat !important;
}
.idea__title {
text-align: left;
margin-bottom: 10px;
}
@media screen and (max-width: 992px){
.idea__title {
font-size: 40px;
}
}
@media screen and (max-width: 768px){
.idea__title {
font-size: 30px;
text-align: left;
margin-bottom: .5rem;
}
}
.design__wrapper {
position: relative;
}
.design__text {
position: absolute;
top: 0;
left: 50%;
margin-left: -233px;
width: 426px;
font-family: "Domine",serif;
color: #fff;
font-size: 24px;
line-height: 28px;
margin-top: 20px;
}
@media screen and (min-width: 1400px) and (max-width: 1600px){
.design__text {
font-size: 22px;
line-height: 26px;
}
}
@media screen and (max-width: 1400px){
.design__text {
margin-left: -193px;
font-size: 18px;
line-height: 23px;
width: 350px;
}
}
@media screen and (max-width: 1300){
.design__text {
margin-left: -193px;
font-size: 18px;
line-height: 23px;
width: 350px;
}
}
@media screen and (max-width: 1200px){
.design__text {
margin-left: -183px;
font-size: 16px;
line-height: 22px;
margin-top: 15px;
width: 330px;
}
}
@media screen and (max-width: 1100px){
.design__text {
margin-left: -163px;
font-size: 14px;
line-height: 20px;
margin-top: 10px;
width: 330px;
}
}
@media screen and (min-width: 1600px){
.design__text {
margin-left: -253px;
}
}
@media screen and (min-width: 1800px){
.design__text {
margin-left: -283px;
margin-top: 20px;
}
}
@media screen and (max-width: 992px){
.design__text {
position: relative;
width: 100%;
font-size: 20px;
padding: 40px;
left: 0;
margin: 0;
line-height: 26px;
}
}
.quote {
padding: 30px;
}
@media screen and (max-width: 992px){
.quote {
padding: 30px 0;
}
}
@media screen and (max-width: 575px){
.quote {
padding: 60px 0;
text-align: center;
}
}
@media screen and (max-width: 1400px){
.quote img {
max-height: 500px;
}
}
@media screen and (max-width: 1200px){
.quote img {
max-height: 450px;
}
}
@media screen and (max-width: 992px){
.quote img {
max-height: 350px;
}
}
@media screen and (max-width: 768px){
.quote img {
max-height: 200px;
}
}
@media screen and (max-width: 575px){
.quote img {
display: none;
}
}
.quote span {
font-size: 100px;
line-height: 101px;
font-weight: bold;
color: #fff;
display: inline-block;
max-width: 1130px;
vertical-align: middle;
padding-left: 30px;
}
@media screen and (max-width: 1600px){
.quote span {
font-size: 80px;
line-height: 81px;
max-width: 930px;
}
}
@media screen and (max-width: 1400px){
.quote span {
font-size: 70px;
line-height: 71px;
max-width: 800px;
}
}
@media screen and (max-width: 1200px){
.quote span {
font-size: 50px;
line-height: 51px;
max-width: 600px;
}
}
@media screen and (max-width: 992px){
.quote span {
font-size: 40px;
line-height: 41px;
max-width: 500px;
}
}
@media screen and (max-width: 768px){
.quote span {
font-size: 30px;
line-height: 31px;
max-width: 400px;
}
}
@media screen and (max-width: 575px){
.quote span {
padding-left: 0;
}
}
.quote span .small {
font-family: "Domine",serif;
font-weight: 400;
padding-left: 0;
}
.jobs-sneak__wrapper {
padding: 210px 0;
}
@media screen and (max-width: 768px){
.jobs-sneak__wrapper {
padding: 100px 0;
}
}
.jobs-sneak__hero__title {
font-size: 111px;
line-height: 100px;
text-align: left;
font-weight: bold;
margin-top: 10px;
}
@media screen and (max-width: 1400px){
.jobs-sneak__hero__title {
font-size: 90px;
line-height: 80px;
}
}
@media screen and (max-width: 1200px){
.jobs-sneak__hero__title {
font-size: 70px;
line-height: 60px;
}
}
.jobs-sneak__hero__text {
font-size: 36px;
line-height: 42px;
font-family: "Domine",serif;
color: #fff;
max-width: 600px;
}
@media screen and (max-width: 1400px){
.jobs-sneak__hero__text {
font-size: 30px;
line-height: 36px;
}
}
@media screen and (max-width: 1200px){
.jobs-sneak__hero__text {
font-size: 26px;
line-height: 32px;
max-width: 450px;
}
}
.jobs {
padding-bottom: 120px;
}
.jobs .job__title {
font-size: 60px;
font-weight: bold;
color: #000;
background: transparent;
border: 0 transparent;
padding: 0;
text-transform: none;
white-space: normal;
text-align: left;
margin-bottom: 30px;
}
@media screen and (max-width: 1200px){
.jobs .job__title {
font-size: 50px;
}
}
@media screen and (max-width: 768px){
.jobs .job__title {
font-size: 40px;
line-height: 45px;
}
}
@media screen and (max-width: 480px){
.jobs .job__title {
font-size: 30px;
line-height: 35px;
}
}
.jobs .job__description {
font-size: 24px;
line-height: 28px;
font-family: "Domine",serif;
margin-bottom: 40px;
clear: both;
color: #000000;
}
.jobs .job__description p {
margin-bottom: 24px;
}
@media screen and (max-width: 1200px){
.jobs .job__description {
font-size: 22px;
line-height: 32px;
}
}
@media screen and (max-width: 768px){
.jobs .job__description {
font-size: 20px;
line-height: 26px;
}
}
@media screen and (max-width: 480px){
.jobs .job__description {
font-size: 18px;
line-height: 24px;
}
}
.jobs .job__description span {
text-transform: uppercase;
display: block;
}
.jobs .job .btn.focus,
.jobs .job .btn:focus,
.jobs .job .btn:active,
.jobs .job .btn:hover {
box-shadow: none;
}
.jobs .job .btn--blue {
color: #fff;
background: #0D71F6;
padding: 20px 120px;
font-size: 36px;
line-height: 36px;
font-family: "Lato",serif;
font-weight: bold;
}
@media screen and (max-width: 1200px){
.jobs .job .btn--blue {
font-size: 30px;
line-height: 30px;
}
}
@media screen and (max-width: 768px){
.jobs .job .btn--blue {
font-size: 24px;
line-height: 24px;
padding: 17px 90px;
}
}
.send_cv {
background: #fe0000;
color: #000;
font-size: 56px;
line-height: 60px;
font-weight: bold;
padding: 130px 0 90px;
}
@media screen and (max-width: 768px){
.send_cv {
text-align: center;
}
}
@media screen and (max-width: 992px){
.send_cv {
font-size: 46px;
line-height: 50px;
}
}
.send_cv__image {
text-align: right;
}
@media screen and (max-width: 768px){
.send_cv__image {
text-align: center;
margin-bottom: 30px;
}
}
@media screen and (max-width: 575px){
.send_cv__image img {
max-height: 190px;
}
}
.send_cv__content p {
margin-bottom: 50px;
}
.send_cv__content p span {
font-family: "Domine",serif;
font-weight: normal;
}
.send_cv__content .btn {
padding: 20px 30px;
font-size: 36px;
line-height: 36px;
font-family: "Lato",serif;
font-weight: bold;
white-space: normal;
}
@media screen and (max-width: 768px){
.send_cv__content .btn {
font-size: 24px;
line-height: 27px;
}
}
.send_cv__content .btn--white {
background: #fff;
color: #000;
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
background: #0D71F6;
}
.overlay .menu-wrapper {
height: 100%;
max-width: 1300px;
padding: 30px;
margin: 0 auto;
}
.overlay nav {
text-align: left;
height: 100%;
font-size: 86px;
line-height: 90px;
}
@media screen and (max-height: 800px), screen and (max-width: 800px){
.overlay nav {
font-size: 76px;
line-height: 80px;
}
}
@media screen and (max-height: 690px), screen and (max-width: 700px){
.overlay nav {
font-size: 66px;
line-height: 70px;
}
}
@media screen and (max-height: 650px){
.overlay nav {
font-size: 56px;
line-height: 60px;
}
}
@media screen and (max-height: 550px), screen and (max-width: 480px){
.overlay nav {
font-size: 46px;
line-height: 50px;
}
}
@media screen and (max-width: 550px){
.overlay nav {
font-size: 40px;
line-height: 44px;
}
}
@media screen and (max-width: 480px){
.overlay nav {
font-size: 36px;
line-height: 40px;
}
}
.overlay ul {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
height: 100%;
position: relative;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
flex-direction: column;
}
.overlay ul li {
display: block;
min-height: 70px;
}
@media screen and (max-height: 650px){
.overlay ul li {
min-height: auto;
}
}
.overlay ul li a {
font-weight: bold;
display: block;
color: #fff;
padding-left: 0;
text-transform: uppercase;
-webkit-transition: padding-left 0.2s;
transition: padding-left 0.2s;
}
.overlay ul li a:hover,
.overlay ul li a:focus {
text-decoration: none;
}
@media screen and (min-width: 768px){
.overlay ul li a:hover,
.overlay ul li a:focus {
padding-left: 15px;
}
}
.overlay-menu {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
transition: opacity 0.3s, visibility 0s 0.3s;
}
.overlay-menu.open {
z-index: 99;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.overlay-menu nav {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger-box {
width: 70px;
height: 40px;
display: inline-block;
position: relative;
}
@media screen and (max-width: 575px){
.hamburger-box {
width: 40px;
height: 30px;
}
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 70px;
height: 6px;
background-color: #fff;
border-radius: 0;
position: absolute;
}
@media screen and (max-width: 575px){
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 40px;
height: 4px;
}
}
.hamburger-black .hamburger-inner,
.hamburger-black .hamburger-inner::before,
.hamburger-black .hamburger-inner::after {
background-color: #000;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease-in-out;
}
.hamburger-inner::before {
top: -15px;
}
@media screen and (max-width: 575px){
.hamburger-inner::before {
top: -8px;
}
}
.hamburger-inner::after {
bottom: -15px;
}
@media screen and (max-width: 575px){
.hamburger-inner::after {
bottom: -8px;
}
}
.menu-wrapper .hamburger-box {
perspective: 80px;
}
.menu-wrapper .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.menu-wrapper .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.menu-wrapper.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(0) rotateY(0);
}
.menu-wrapper.is-active .hamburger-inner::before {
transform: translate3d(0, 15px, 0) rotate(45deg);
}
@media screen and (max-width: 575px){
.menu-wrapper.is-active .hamburger-inner::before {
transform: translate3d(0, 8px, 0) rotate(45deg);
}
}
.menu-wrapper.is-active .hamburger-inner::after {
transform: translate3d(0, -15px, 0) rotate(-45deg);
}
@media screen and (max-width: 575px){
.menu-wrapper.is-active .hamburger-inner::after {
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
}
.portfolio-text {
background-size: cover !important;
background-position: bottom !important;
font-size: 20px;
color: #000;
line-height: 28px;
font-weight: 300;
padding: 90px 0;
}
@media screen and (max-width: 1200px){
.portfolio-text {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (max-width: 768px){
.portfolio-text {
font-size: 18px;
line-height: 27px;
}
}
.portfolio-text ul {
margin: 0;
padding: 0;
}
@media screen and (max-width: 768px){
.portfolio-text ul {
margin-bottom: 30px;
}
}
.portfolio-text ul li {
list-style: none;
}
.portfolio-text__title {
text-align: right;
padding-right: 0px;
}
@media screen and (max-width: 1200px){
.portfolio-text__title {
padding-right: 30px;
}
}
@media screen and (max-width: 768px){
.portfolio-text__title {
text-align: left;
}
}
@media screen and (max-width: 768px){
.portfolio-text__title {
padding: 0;
}
}
.portfolio-text__title h1 {
font-size: 65px;
font-weight: bold;
}
.portfolio-text__tags {
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 0.5px;
}
.portfolio-text__tags a {
color: #000;
}
@media screen and (max-width: 1200px){
.portfolio-text__tags {
font-size: 16px;
line-height: 24px;
}
}
.portfolio-text__right {
padding-left: 0px;
}
@media screen and (max-width: 1200px){
.portfolio-text__right {
padding-left: 30px;
}
}
@media screen and (max-width: 768px){
.portfolio-text__right {
padding: 0;
}
}
.back {
padding: 90px 0;
}
.back a {
font-weight: bold;
text-align: left;
font-size: 30px;
line-height: 30px;
text-transform: none;
}
.page-content {
background: #fff;
color: #000;
padding-bottom: 120px;
}
.page-content .bg-blue {
background: #156efe;
}
.page-content .title {
background: transparent;
color: #fff;
}
.page-content .content {
padding-top: 80px;
font-size: 20px;
line-height: 30px;
}
@media screen and (max-width: 992px){
.page-content .content {
font-size: 16px;
line-height: 24px;
}
}
#map {
width: 100%;
background-color: blue;
height: 726px;
}
@media screen and (max-width: 1720px){
#map {
height: 662px;
}
}
@media screen and (max-width: 1620px){
#map {
height: 620px;
}
}
@media screen and (max-width: 1520px){
#map {
height: 585px;
}
}
@media screen and (max-width: 1420px){
#map {
height: 545px;
}
}
@media screen and (max-width: 1370px){
#map {
height: 527px;
}
}
@media screen and (max-width: 1200px){
#map {
height: 460px;
}
}
@media screen and (max-width: 992px){
#map {
height: 397px;
}
}
@media screen and (max-width: 768px){
#map {
height: 271px;
}
}
@media screen and (max-width: 575px){
#map {
height: 271px;
}
}
.bottom-nav ul {
display: flex;
display: -ms-flexbox;
justify-content: flex-end;
list-style: none;
margin: 0;
padding: 0;
}
.bottom-nav ul li a {
color: #fff;
font-size: 12px;
}
.bottom-nav ul li {
margin-left: 10px;
display: inline-block;
}
header .nav--bg.hamburger-transparent {
background: none !important;
}
.hero .hero-copy-1,
.hero .hero-copy-2 {
font-family: 'Futura-Medium';
z-index: 1;
position: absolute;
color: #fff;
font-size: 56px;
text-transform: uppercase;
}
.person__details p br {
line-height: 50px;
}
.hero {
position: relative;
}
.hero .hero-copy-1 h3,
.hero .hero-copy-2 h3 {
font-size: 42px;
}
.hero .hero-copy-1 {
top: 25%;
left: 15%;
}
.hero .hero-copy-2 {
top: 60%;
left: 15%;
}
.person__contact a {
color: #fff;
}
.person-title-reference {
font-size: 24px;
font-family: "Domine",serif;
display: block;
padding: 20px 0 0 65px;
margin-left: 50%;
}
.person-name-reference {
padding: 9px 50px;
font-size: 36px;
text-transform: none;
line-height: 36px;
color: #000;
font-weight: bold;
background: #fff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
position: relative;
margin-left: 50%;
white-space: nowrap;
}
.reference p {
margin-bottom: 50px;
}
.wpcf7-form label {
color: #fff;
font-size: 21px;
font-weight: bold;
width: 100%;
}
.wpcf7-form label textarea {
height: 100px;
}
.wpcf7-form input,
.wpcf7-form textarea {
border: none;
padding: 3px 5px;
font-size: 18px;
width: 100%;
border-radius: 5px;
}
.wpcf7-form input[type=submit] {
background: #FE5D3F;
color: #fff;
border: none;
font-size: 21px;
padding: 9px 30px;
border-radius: 10px;
cursor: pointer;
width: auto;
float: right;
}
.wpcf7-response-output {
color: #fff;
}
.overflow {
overflow: hidden;
}
.contact-form {
padding: 30px;
display: flex;
display: -ms-flexbox;
flex-flow: column wrap;
align-items: center;
justify-content: center;
}
.work .desc {
margin: 0;
font-size: 26px;
line-height: 30px;
padding: 40px 40px 0;
}
.work-project--small .desc {
display: none;
}
#breadcrumbs {
font-size: 12px;
line-height: 1;
color: grey;
margin-bottom: 20px;
}
#breadcrumbs a {
color: grey;
}
.page-template-page-projects .work .desc {
padding: 10px 20px;
text-align: center !important;
}
.newsletter-row input[type=email] {
max-width: 598px;
background: #F0F0F0;
font-size: 32px;
padding: 9px 10px;
text-align: center;
}
.newsletter-row p {
display: flex;
display: -ms-flexbox;
justify-content: center;
}
.newsletter-row input[type=submit] {
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
margin-left: 10px;
}
.newsletter-row h3 {
margin-bottom: 20px;
margin-top: 90px;
}
@media (max-width:1400px) {
.work .desc {
font-size: 22px;
line-height: 26px;
padding: 40px 40px 0;
}
}
@media (max-width:992px) {
.work .desc {
font-size: 16px;
line-height: 18px;
padding: 20px 40px 0;
}
}
@media (max-width:768px) {
.work .desc {
font-size: 16px;
line-height: 18px;
padding: 20px 40px 0;
}
}
@media (max-width:575px) {
.work-project__content .desc {
font-size: 12px;
line-height: 14px;
padding: 10px 40px 0;
}
.home .work__content .desc {
display: none;
}
}
.page-template-page-future .about__content {
margin-bottom: 120px;
}
.page-template-page-future .about__content h1 {
text-align: center;
}
.wpcf7-list-item input {
width: auto;
}
.wpcf7-response-output {
color: #000;
}
#wpcf7-f2537-o1 {
margin-bottom: 90px;
text-align: center;
}
.wpcf7 small.info {
color: #fff;
max-width: 400px;
float: left;
margin: 10px 0;
}
.wpcf7 small.info a {
color: #fff;
}
.wpcf7-list-item-label {
color: #000;
font-size: 12px;
}
.lang-item {
margin-bottom: 30px;
}
.languages {
margin: 0;
list-style: none;
padding: 0;
position: absolute;
right: 100px;
top: 20px;
}
.lang-pl .lang-item-pl,
.lang-en .lang-item-en {
display: none;
}
.work__content--right h3 {
right: 0;
}
.work__content--left h3 {
left: 0;
}
b,
strong {
font-weight: bold !important;
}
.graph-box {
line-height: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: normal !important;
}
.work .row > div {
line-height: 1;
}
.work .col-md-6 {
max-height: calc(100vw / 4);
}
@media (max-width:767px) {
.work .col-md-6 {
max-height: calc(100vw / 2);
}
}
@media (min-width:992px) {
.work .col-lg-4 {
max-height: calc(100vw / 6);
}
}
@media (max-width:575px) {
.work__content h3 {
display: none;
}
.languages {
right: 65px;
top: 15px;
}
}
.languages a {
color: #fff;
}
.locale-en-gb .lang-item-en,
.locale-pl-pl .lang-item-pl {
display: none;
}
.person-name-reference:after {
width: 47px;
height: 17px;
background-repeat: no-repeat;
content: '';
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3Ny40NTVweCIgaGVpZ2h0PSIyOS44NDhweCIgdmlld0JveD0iMCAwIDc3LjQ1NSAyOS44NDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDc3LjQ1NSAyOS44NDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNNjAuOTY1LDAuNTUzbDE2LjQ5LDI5LjI5NUg2Mi4zNTFMMCwwQzkuMTA5LDAsNjAuOTY1LDAuNTUzLDYwLjk2NSwwLjU1M3oiLz48L3N2Zz4=);
background-size: contain;
position: absolute;
bottom: -14px;
left: 0;
}
@media screen and (max-width: 992px) {
.person-name-reference,
.person-title-reference {
margin-left: 0;
}
}
#lottie svg {
position: absolute;
top: 0;
left: 0;
}
.work a:hover {
text-decoration: none !important;
}
@media screen and (max-width:575px) {
.portfolio-text__title h1 {
font-size: 46px;
}
.person-name-reference {
font-size: 28px;
padding: 9px 5px;
}
}
# sourceMappingURL=style.min.css.map
/*end styles min*/
.container-mid.heder-section {
flex-basis: 50%;
margin-left: 0;
}
.filters-wrapper {
display: flex;
justify-content: space-around;
position: relative;
}
.filters-link {
font-family: 'Domine', serif;
list-style-type: none;
margin-left: 5px;
margin-right: 5px;
}
.about__content.filters-box::before {
content: url('/img/arrow-right-up.svg');
position: absolute!important;
width: 150px;
height: auto;
bottom: 30%;
left: -6%;
}
.article-box {
display: grid;
/* grid-template-columns: 1fr 1fr */
grid-gap: 2rem;
/* grid-auto-rows: 1fr */
}
.article-single {
padding: 2rem;
border: 1px ridge #dcdcdc;
transition: all .3s ease;
}
.article-single:hover {
border: 1px ridge #156efe;
box-shadow: 5px 5px 10px #cccccc,
-5px -5px 10px #f4f4f4;
}
.article-list-title {
font-family: 'Lato', sans-serif;
font-size: 1.65rem;
font-weight: 700;
}
.article-list-meta {
font-family: 'Lato', sans-serif;
font-size: 0.8rem;
color: #979797;
}
.article-list-meta-tags {
/* padding: 0.4rem 1rem; */
margin-left: 5px;
margin-right: 5px;
/* border: 1px solid #c7c7c7; */
border-radius: 25px;
font-size: 0.8rem;
line-height: 2.8;
}
.arrow-post {
position: relative;
display: block;
height: 50px;
transition: all .2s ease;
}
.arrow-post:hover {
margin-right: -1em;
}
.arrow-post::before {
content: url('/img/arrow-post.svg');
position: absolute!important;
width: 50px;
height: auto;
top: 0;
right: 0;
}
@media screen and (max-width:991px) {
.container-mid.heder-section {
flex-basis: 100%;
}
}
.filter-title {
font-family: 'Lato', sans-serif;
font-size: 2rem;
text-align: left;
margin-top: 0;
margin-bottom: 2rem;
display: inline-block;
background-color: transparent !important;
}
@media screen and (max-width:699px) {
.filters-wrapper {
flex-direction: column;
align-items: flex-end;
grid-gap: 1rem;
padding: 0;
}
.about__content.filters-box::before {
content: url('/img/arrow-right-up.svg');
width: 150px;
height: auto;
bottom: unset;
top: 0;
left: 0;
}
}
@media screen and (max-width:799px) {
.article-box {
grid-template-columns: 1fr;
grid-gap: 1rem 0;
margin-left: 0;
margin-right: 0;
padding-right: 0;
padding-left: 0;
width: 100%;
}
}
@media screen and (max-width:479px) {
.container-mid.article-box-first {
padding: 0 1rem;
}
}
.sigle-article-similar-list-wrapper {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width:991px) {
.article-box.sigle-article-similar-list-wrapper {
grid-template-columns: 1fr;
}
}
.toc-box {
padding-top: 2rem;
position: sticky;
top: 0;
display: block;
height: max-content;
}
@media (max-width:991px) {
.toc-box {
position: fixed;
right: -245px;
background-color: rgb(0, 0, 0);
color: white;
padding-left: 3rem;
padding-top: 1rem;
top: 30%;
z-index: 100;
}
.toc-box div {
position: relative;
}
.toc-box p {
transform: rotate(-90deg);
position: absolute;
left: -6.5rem;
top: .7rem;
border-bottom: black;
background-color: black;
padding: 0 1rem 2rem;
}
}
.post-subhead-1 {
font-family: 'Lato', sans-serif;
font-size: 1.8rem;
text-align: left;
margin-top: 0;
margin-bottom: 1rem;
display: inline-block;
position: relative;
padding-left: 1rem;
background-color: transparent;
}
.post-subhead-1::before {
content: url('/img/arrow-post.svg');
position: absolute!important;
width: 50px;
height: auto;
top: -5px;
left: -60px;
}
.list-item-article {
position: relative;
padding: .3rem 0;
line-height: 1.8;
}
.list-item-article::before {
content: url('/img/arrow-li.svg');
position: absolute!important;
width: 15px;
height: auto;
top: calc(.3rem + 2px);
left: -25px;
}
a.link-section {
display: block;
text-decoration: none;
position: relative;
color: black;
}
a.link-section:hover {
color: #156efe;
}
a.link-section::after {
content: "";
background: #156efe;
width: calc(100% + 20px);
height: 0;
position: absolute;
bottom: -4px;
left: -10px;
transition: all .1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
z-index: -1;
}
.link-section:hover::after {
height: 2px;
}
#packaging,
#projektowanie,
#trendy,
#identyfikacja,
#subheader {
scroll-margin-top: 200px;
}
.social-author-icon {
display: inline-block;
vertical-align: middle;
margin-left: 1rem;
width: 20px;
}
.about__content p.lead-article {
font-family: 'Lato', sans-serif;
font-size: 1.5rem;
line-height: 1.5;
}
.about__content p.body-article-txt {
font-family: 'Lato', sans-serif;
font-weight: 400;
text-align: left;
font-size: 1.2rem;
line-height: 1.8;
}
.inner-subhead-box {
background-color: #f1f1f1;
padding: 3rem;
margin-bottom: 2rem;
}
@media (max-width:649px) {
.inner-subhead-box {
padding: 2rem;
}
.inner-subhead-box p {
font-size: 1.2rem!important;
}
.about__content p.lead-article {
font-family: 'Domine', serif;
font-size: 1.2rem;
line-height: 1.5;
}
}
@media (max-width:479px) {
.social-author-icon {
width: 55px;
}
.about__content p.body-article-txt,
.list-item-article {
font-size: 1rem;
}
}
/* gallery */
.gallery {
padding: 0 0 4rem 0;
}
.img-container {
width: 100%;
height: 500px;
cursor: pointer;
overflow: hidden;
display: flex;
flex-direction: column;
}
.img-container:hover .img-content-hover {
display: block;
}
.gallery-img {
width: 100%;
height: 500px;
object-fit: cover;
transform: scale(1);
transition: all 0.3s ease-in-out;
}
img.gallery-img:hover {
transform: scale(1.05);
opacity: .5;
filter: grayscale(100%);
}
.img-content-hover {
z-index: 1;
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
display: none;
padding: 1rem;
background: #156efe;
font-weight: 400;
margin-top: 1.25rem;
margin-left: -2rem;
}
.gallery-title {
color: #156efe;
font-weight: 700;
}
.category {
font-size: 1rem;
color: white;
}
.img-content {
display: none;
}
.gallery .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem;
}
@media screen and (max-width: 1024px) {
img:hover {
transform: none;
}
.img-container {
height: 100%;
}
.img-container:hover .img-content-hover {
display: none;
}
.img-content {
display: block;
padding: 1rem 0;
}
}
.image-article {
margin-bottom: 1rem;
object-fit: cover;
width: 100%;
}
.article-content-holder {
flex-direction: column-reverse;
display: flex;
}
.article-content-box {
margin-right: 0;
}
@media (min-width: 699px){
.article-content-holder {
flex-direction: row;
}
.image-article {
margin-bottom: 1rem;
object-fit: cover;
width: 30%;
min-height: 300px;
min-width: 300px;
}
.article-content-box {
margin-right: 3rem;
}
}
.gallery-first-line-txt-box {
grid-column: 1 / span 3;
grid-row: 1;
}
.gallery-first-line-img {
grid-row: 2;
grid-column: 1 / span 3;
}
.pgia-gallery-grid.second-row-gallery {
grid-template-columns: 1fr;
}
.gallery-first-line-txt-box-even {
grid-column: 1 / span 4;
grid-row: 1;
align-self: center;
justify-self: center;
padding: 2rem;
}
.gallery-first-line-img-even {
grid-column: 1 / span 4;
}
@media (min-width: 880px){
.gallery-first-line-txt-box {
grid-column: 2 / span 2;
padding: 2rem;
max-width: 780px;
align-self: center;
justify-self: center;
}
.gallery-first-line-img {
grid-row: 1;
grid-column: 1 / span 1;
}
.pgia-gallery-grid.second-row-gallery {
grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
grid-auto-rows: minmax(500px, 500px);
}
.gallery-first-line-txt-box-even {
grid-column: 1 / span 2;
grid-row: 1;
align-self: center;
justify-self: center;
padding: 2rem;
max-width: 780px;
}
.gallery-first-line-img-even {
grid-area: auto / 3 / auto / 4;
}
.footer-bottom {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1rem;
}
}
@media (max-width: 768px){
.pgia-gallery-lightbox-slide.lightbox-size {
top: 10%;
left: 10%;
bottom: 10%;
right: 10%;
width: 80%;
}
}