.block-banner { margin-bottom: 30px; }
@media (max-width: 768px) { .block-banner { margin-top: 30px; } }
.block-banner .text h2 { font-family: "latothin"; font-size: 65px; color: #000000; letter-spacing: 0; }
@media (max-width: 1000px) { .block-banner .text h2 { font-size: 34px; } }
@media (max-width: 768px) { .block-banner .text h2 { font-size: 24px; } }
.block-banner .text b, .block-banner .text strong { font-family: "latobold"; }
.block-banner .image { position: relative; z-index: 1; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.block-banner .image .mask { display: inline-block; width: auto; right: -80px; /*
&--main { position: relative; z-index: 4; left: -10px; 
}
*/ }
@media (max-width: 1380px) { .block-banner .image .mask { right: 0; } }
@media (max-width: 992px) { .block-banner .image .mask { position: relative; } }
.block-banner .image .mask--image { opacity: 0; position: absolute; z-index: -1; }
.block-banner .image .mask--background { opacity: 0; }
.block-banner .image .mask--ball { position: absolute; }
.block-banner .image .mask--ball__one { right: -40px; top: 20px; }
@media (max-width: 768px) { .block-banner .image .mask--ball__one { right: -5px; top: -35px; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } }
.block-banner .image .mask--ball__one img { max-width: inherit; width: 100%; }
.block-banner .image .mask--ball__two { bottom: 15%; left: -50px; z-index: 5; }
@media (max-width: 768px) { .block-banner .image .mask--ball__two img { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } }

.block-project-list { padding: 70px 0; background: #E8EDFA; }
.block-project-list .block-item { margin-bottom: 50px; }
.block-project-list .block-item .image img { width: 100%; height: 242px; object-fit: cover; object-position: center; border-top-left-radius: 13px; border-top-right-radius: 13px; }
.block-project-list .block-item .text { background: #fff; padding: 30px; height: 270px; flex-direction: column; box-shadow: 9px 9px 20px -12px #C7CEDF; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.block-project-list .block-item .text.onhover { box-shadow: 9px 47px 51px 0 #B2BAD1; }
.block-project-list .block-item .text h3 { font-family: "latoblack"; font-size: 14px; color: #000000; letter-spacing: 0; }
.block-project-list .block-item .text .desc { font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 14px; color: #878A9D; letter-spacing: 0; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.block-project-list .block-item .text .link-hover { margin-top: 50px; }
.block-project-list .block-item .text .link-hover:hover a { color: #fff; }
.block-project-list .block-item .text .link-hover a { color: #4A90E2; }

.block-testimonies { position: relative; }
.block-testimonies:before { content: ''; width: 145px; height: 109px; background: url("../images/graphic_dot_purple.svg"); position: absolute; top: -48px; margin-left: -20px; z-index: 1; }
@media (max-width: 1080px) { .block-testimonies:before { display: none; } }
.block-testimonies .block-left { width: 50%; float: left; }
@media (max-width: 760px) { .block-testimonies .block-left { width: 100%; padding-top: 160px; padding-bottom: 45px; } }
.block-testimonies .block-left h2 { font-family: "robotomedium", Helvetica, Arial, sans-serif; font-size: 48px; color: #47406C; letter-spacing: 0; position: relative; width: 310px; }
@media (max-width: 1200px) { .block-testimonies .block-left h2 { padding-right: 10%; } }
@media (max-width: 760px) { .block-testimonies .block-left h2 { width: 100%; max-width: 380px; padding-right: 30px; padding-left: 30px; text-align: center; font-size: 36px; } }
.block-testimonies .block-left h2:before { content: ''; width: 268px; height: 230px; background: url("../images/double_quote.png"); background-repeat: no-repeat; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
@media (max-width: 1200px) { .block-testimonies .block-left h2:before { background-size: 125px auto; background-position: bottom; } }
@media (max-width: 760px) { .block-testimonies .block-left h2:before { background-size: 95px auto; } }
.block-testimonies .block-right { width: 50%; float: left; position: relative; }
@media (max-width: 760px) { .block-testimonies .block-right { width: 100%; } }
.block-testimonies .block-right::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-image: linear-gradient(134deg, #7465C5 0%, #B0A2F6 100%); }
@media (max-width: 760px) { .block-testimonies .block-right::before { width: 70%; } }
.block-testimonies .block-right .slick-wrapper { width: auto; margin-left: -20%; }
@media (max-width: 760px) { .block-testimonies .block-right .slick-wrapper { margin-left: 0; padding-left: 30px; } }
.block-testimonies .block-right .slick-testimonies { padding: calc(15vw - 45px) 0; overflow: hidden; }
@media (max-width: 760px) { .block-testimonies .block-right .slick-testimonies { padding: calc(150px - 45px) 0; } }
@media (max-width: 560px) { .block-testimonies .block-right .slick-testimonies { padding: calc(100px - 45px) 0 calc(150px - 45px); } }
.block-testimonies .block-right .slick-testimonies .slick-track { display: flex; display: -webkit-flex; }
.block-testimonies .block-right .slick-testimonies .slick-list { margin: 0 -15px; overflow: inherit; padding: 45px 0; }
@media (max-width: 992px) { .block-testimonies .block-right .slick-testimonies .slick-list { margin: 0 -10px; } }
.block-testimonies .block-right .slick-testimonies .slick-slide { background: #fff; padding: 30px; margin: 0 15px; height: auto; border: 4px solid rgba(255, 255, 255, 0); box-shadow: 0 21px 45px -36px #47406C; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
@media (max-width: 992px) { .block-testimonies .block-right .slick-testimonies .slick-slide { padding: 20px; margin: 0 10px; } }
.block-testimonies .block-right .slick-testimonies .slick-slide.slick-current { border: 4px solid #7D6ECD; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.block-testimonies .block-right .slick-testimonies .slick-slide .title { font-family: "robotomedium", Helvetica, Arial, sans-serif; font-size: 16px; color: #47406C; letter-spacing: 0; margin-bottom: 20px; }
.block-testimonies .block-right .slick-testimonies .slick-slide .title img { margin-right: 20px; width: 69px; height: 69px; border-radius: 50%; }
@media (max-width: 992px) { .block-testimonies .block-right .slick-testimonies .slick-slide .title img { width: 50px; height: 50px; } }
.block-testimonies .block-right .slick-testimonies .slick-slide .text p { font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 14px; color: #47406C; letter-spacing: 0; margin-bottom: 0; }
.block-testimonies .block-right .slick-testimonies .slick-prev, .block-testimonies .block-right .slick-testimonies .slick-next { position: absolute; bottom: 0; font-size: 0; width: 55px; height: 55px; border-radius: 50%; bottom: 5vw; right: calc((100vw - (1270px - 100px))/ 2); }
@media (max-width: 1200px) { .block-testimonies .block-right .slick-testimonies .slick-prev, .block-testimonies .block-right .slick-testimonies .slick-next { width: 45px; height: 45px; right: calc((100vw - (960px - 100px))/ 2); } }
@media (max-width: 992px) { .block-testimonies .block-right .slick-testimonies .slick-prev, .block-testimonies .block-right .slick-testimonies .slick-next { right: calc((100vw - (720px - 100px))/ 2); } }
@media (max-width: 760px) { .block-testimonies .block-right .slick-testimonies .slick-prev, .block-testimonies .block-right .slick-testimonies .slick-next { bottom: 45px; } }
@media (max-width: 660px) { .block-testimonies .block-right .slick-testimonies .slick-prev, .block-testimonies .block-right .slick-testimonies .slick-next { right: 30px; } }
.block-testimonies .block-right .slick-testimonies .slick-prev { background: rgba(255, 255, 255, 0.37); -webkit-transform: translateX(calc(-55px - 25px)); -moz-transform: translateX(calc(-55px - 25px)); -o-transform: translateX(calc(-55px - 25px)); -ms-transform: translateX(calc(-55px - 25px)); transform: translateX(calc(-55px - 25px)); }
@media (max-width: 1200px) { .block-testimonies .block-right .slick-testimonies .slick-prev { -webkit-transform: translateX(calc(-45px - 15px)); -moz-transform: translateX(calc(-45px - 15px)); -o-transform: translateX(calc(-45px - 15px)); -ms-transform: translateX(calc(-45px - 15px)); transform: translateX(calc(-45px - 15px)); } }
.block-testimonies .block-right .slick-testimonies .slick-prev:before { content: ''; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.block-testimonies .block-right .slick-testimonies .slick-next { background: white; }
.block-testimonies .block-right .slick-testimonies .slick-next:before { content: ''; border: solid #9D8FE6; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.block-project-detail { padding: 50px 0; }
.block-project-detail p, .block-project-detail li { font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 18px; color: #878A9D; letter-spacing: 0; line-height: 29px; }
@media (max-width: 1080px) { .block-project-detail p, .block-project-detail li { font-size: 16px; } }
@media (max-width: 768px) { .block-project-detail p, .block-project-detail li { font-size: 14px; } }
.block-project-detail strong, .block-project-detail b { font-family: "latoblack"; font-size: 18px; color: #000000; letter-spacing: 0; text-transform: uppercase; }
.block-project-detail .content-title h2 { font-family: "latobold"; font-size: 48px; color: #4A90E2; letter-spacing: 0; text-align: center; text-transform: uppercase; max-width: 800px; margin: 0 auto; }
@media (max-width: 1080px) { .block-project-detail .content-title h2 { font-size: 30px; } }
@media (max-width: 768px) { .block-project-detail .content-title h2 { font-size: 24px; } }
.block-project-detail .content-cover { margin-top: 50px; }
.block-project-detail .content-cover img { width: 100%; }
.block-project-detail .content { padding: 50px 0; }
.block-project-detail .content .wrapper h2 { font-family: "latoblack"; font-size: 24px; color: #000000; letter-spacing: 0; margin-bottom: 20px; }
@media (max-width: 1080px) { .block-project-detail .content .wrapper h2 { font-size: 20px; } }
@media (max-width: 768px) { .block-project-detail .content .wrapper h2 { font-size: 18px; } }
.block-project-detail .content .wrapper p { font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 18px; color: #878A9D; letter-spacing: 0; line-height: 29px; }
@media (max-width: 1080px) { .block-project-detail .content .wrapper p { font-size: 16px; } }
@media (max-width: 768px) { .block-project-detail .content .wrapper p { font-size: 14px; } }
.block-project-detail .content-block { padding-top: 50px; }
.block-project-detail .content-block .title h3 { font-family: "noirmedium"; font-size: 32px; color: #000000; letter-spacing: 0; text-transform: uppercase; margin-bottom: 0; }
@media (max-width: 1080px) { .block-project-detail .content-block .title h3 { font-size: 20px; } }
@media (max-width: 768px) { .block-project-detail .content-block .title h3 { font-size: 18px; } }
.block-project-detail .content-block .block-list { padding: 50px 0; width: 100%; }
@media (max-width: 1080px) { .block-project-detail .content-block .block-list .block-item { flex-wrap: wrap; } }
@media (min-width: 992px) { .block-project-detail .content-block .block-list .block-item:nth-child(even) .block-image { order: 2; } }
.block-project-detail .content-block .block-list .block-item .block-image, .block-project-detail .content-block .block-list .block-item .block-text { width: 50%; }
.block-project-detail .content-block .block-list .block-item .block-image img { width: 585px; height: 575px; object-fit: cover; object-position: center; }
@media (max-width: 1080px) { .block-project-detail .content-block .block-list .block-item .block-image img { width: 100%; height: 400px; } }
@media (max-width: 768px) { .block-project-detail .content-block .block-list .block-item .block-image img { height: 250px; } }
@media (max-width: 1080px) { .block-project-detail .content-block .block-list .block-item .block-image { width: 40%; flex: 0 0 40%; } }
@media (max-width: 992px) { .block-project-detail .content-block .block-list .block-item .block-image { width: 100%; flex: 0 0 100%; margin-bottom: 30px; } }
.block-project-detail .content-block .block-list .block-item .block-text { padding: 0 50px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-direction: column; }
@media (max-width: 1080px) { .block-project-detail .content-block .block-list .block-item .block-text { width: 60%; flex: 0 0 60%; } }
@media (max-width: 992px) { .block-project-detail .content-block .block-list .block-item .block-text { width: 100%; flex: 0 0 100%; padding: 0; } }
.block-project-detail .content-block .block-list .block-item .block-text h4 { font-family: "latoblack"; font-size: 18px; color: #000000; letter-spacing: 0; text-transform: uppercase; }
@media (max-width: 1080px) { .block-project-detail .content-block .block-list .block-item .block-text h4 { font-size: 16px; } }
.block-project-detail .content-block .block-list .block-item .block-text p { font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 18px; color: #878A9D; letter-spacing: 0; line-height: 29px; }
@media (max-width: 1080px) { .block-project-detail .content-block .block-list .block-item .block-text p { font-size: 14px; } }
.block-project-detail .content-block .block-list .block-item .block-text b, .block-project-detail .content-block .block-list .block-item .block-text strong { font-family: "robotobold", Helvetica, Arial, sans-serif; color: #000; }
.block-project-detail .content-action { padding: 25px 0; border-top: 1px solid rgba(135, 138, 157, 0.27); }
@media (max-width: 768px) { .block-project-detail .content-action { flex-direction: column; } }
.block-project-detail .content-action > div { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
@media (max-width: 992px) { .block-project-detail .content-action > div:last-child { margin-top: 30px; } }
.block-project-detail .content-action .link-hover { margin-top: 0; }
.block-project-detail .content-action .link-hover a:hover:before { border: solid #fff; border-width: 0 1px 1px 0; padding: 4px; }
.block-project-detail .content-action .link-hover a:before { content: ''; border: solid #4A90E2; border-width: 0 1px 1px 0; display: inline-block; padding: 4px; height: 8px; margin-right: 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.block-project-detail .content-action p { font-family: "latoregular"; font-size: 18px; color: #878A9D; letter-spacing: 0; margin-bottom: 0; margin-right: 30px; }
.block-project-detail .content-action ul { list-style-type: none; display: flex; display: -webkit-flex; padding-left: 0; margin-bottom: 0; }
.block-project-detail .content-action ul li { margin-right: 20px; }
.block-project-detail .content-action ul li:last-child { margin: 0; }
.block-project-detail .content-action ul li .twitter, .block-project-detail .content-action ul li .facebook, .block-project-detail .content-action ul li .instagram { width: 46px; height: 46px; border-radius: 50%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
.block-project-detail .content-action ul li .twitter { background: #DFF1FF; border: 1px solid #DFF1FF; }
.block-project-detail .content-action ul li .twitter:hover { background: transparent; }
.block-project-detail .content-action ul li .facebook { background: #E3E6F1; border: 1px solid #E3E6F1; }
.block-project-detail .content-action ul li .facebook:hover { background: transparent; }
.block-project-detail .content-action ul li .instagram { background: #F2F2F2; border: 1px solid #F2F2F2; }
.block-project-detail .content-action ul li .instagram:hover { background: transparent; }

.block-quote { position: relative; } 
.block-quote .image img { width: 100%; height: 600px; object-fit: cover; object-position: center; }
@media (max-width: 992px) { .block-quote .image img { height: 400px; } }
@media (max-width: 768px) { .block-quote .image img { height: 300px; } }
.block-quote .content { width: 100%; height: 100%; position: absolute; top: 0; }
.block-quote .content h2 { font-family: "latothin"; font-size: 72px; color: #FFFFFF; letter-spacing: 0; text-align: center; }
@media (max-width: 1080px) { .block-quote .content h2 { font-size: 50px; } }
@media (max-width: 992px) { .block-quote .content h2 { font-size: 38px; } }
@media (max-width: 768px) { .block-quote .content h2 { font-size: 28px; } }
.block-quote .content p { font-family: "latoregular"; font-size: 21px; color: #FFFFFF; letter-spacing: 0; text-align: center; max-width: 850px; }
@media (max-width: 992px) { .block-quote .content p { font-size: 18px; } }
@media (max-width: 768px) { .block-quote .content p { font-size: 16px; } }

.block-related { padding: 100px 0; background: #E8EDFA; }
@media (max-width: 1080px) { .block-related { padding: 50px 0; } }
.block-related h2 { font-family: "noirmedium"; font-size: 100px; color: #E8EDFA; letter-spacing: 0; text-shadow: -1px 0 #320E82, 0 1px #320E82, 1px 0 #320E82, 0 -1px #320E82; }
@media (max-width: 1080px) { .block-related h2 { font-size: 60px; } }
.block-related .block-project-related { padding: 0; background: transparent; }
@media (max-width: 1080px) { .block-related .block-project-related { padding: 0; } }
.block-related .block-project-related .block-item { margin-bottom: 50px; }
.block-related .block-project-related .block-item .image img { width: 100%; height: 242px; object-fit: cover; object-position: center; border-top-left-radius: 13px; border-top-right-radius: 13px; }
.block-related .block-project-related .block-item .text { background: #fff; padding: 30px; height: 270px; flex-direction: column; box-shadow: 9px 9px 20px -12px #C7CEDF; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.block-related .block-project-related .block-item .text.onhover { box-shadow: 9px 47px 51px 0 #B2BAD1; }
.block-related .block-project-related .block-item .text h3 { font-family: "latoblack"; font-size: 14px; color: #000000; letter-spacing: 0; }
.block-related .block-project-related .block-item .text .desc { font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 14px; color: #878A9D; letter-spacing: 0; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.block-related .block-project-related .block-item .text .link-hover { margin-top: 50px; }
.block-related .block-project-related .block-item .text .link-hover:hover a { color: #fff; }
.block-related .block-project-related .block-item .text .link-hover a { color: #4A90E2; }

/*# sourceMappingURL=project.css.map */