/*
Theme Name: 3Angle.pro
Author: 3Angle
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: triangle
*/

@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600");

/* --- WP --- */

.alignnone {margin: 5px 20px 3px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto;}
.alignright {float: right; margin: 5px 0 3px 20px;}
.alignleft {float: left; margin: 0 23px 10px 0;}
a img.alignright {float: right; margin: 5px 0 3px 20px; height: auto;}
a img.alignnone {margin: 5px 20px 3px 0; height: auto;}
a img.alignleft {float: left; margin: 5px 20px 3px 0; height: auto;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; height: auto;}
@media (max-width: 500px) {
	.alignright, .alignleft, a img.alignright, a img.alignleft {margin: 5px 0; width: 100%; height: auto; float: none; clear: both;}
}
.gallery {margin: 0 -8px; clear: both; padding: 20px 0;}
.gallery:after {content: ''; display: table; clear: both;}
.gallery .gallery-item {float: left; margin: 0; text-align: center; width: 100%; max-width: 100%; padding: 8px;}
.gallery-columns-2 .gallery-item {width: 50%;}
.gallery-columns-3 .gallery-item {width: 33.33%;}
.gallery-columns-4 .gallery-item {width: 25%;}
.gallery-columns-5 .gallery-item {width: 20%;}
.gallery-columns-6 .gallery-item {width: 16.66%;}
.gallery-columns-7 .gallery-item {width: 14.28%;}
.gallery-columns-8 .gallery-item {width: 12.5%;}
.gallery-columns-9 .gallery-item {width: 11.11%;}
.gallery-caption {display: block;}
.gallery .gallery-icon {display: block; padding-bottom: 100%; position: relative; overflow: hidden; background: #fff; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3); -webkit-transition: all 0.2s; transition: all 0.2s; margin: 0;}
.gallery .gallery-icon:hover {opacity: 0.8;}
.gallery-columns-2 .attachment-medium {max-width: 100%; height: auto;}
.gallery-columns-4 .attachment-thumbnail {max-width: 100%; height: auto;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
.gallery dl, .gallery dt {margin: 0;}
.gallery br + br {display: none;}
.gallery-icon img {position: absolute; left: 0; top: 0; border: none !important; box-shadow: none !important; margin: 0 !important; border-radius: 0 !important;}
.gallery-icon.landscape img {width: auto; height: 100%; max-width: 200%;}
.gallery-icon.portrait img {height: auto; width: 100%; max-height: 200%;}
.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}
#wp-admin-bar-vc_inline-admin-bar-link,
#wp-admin-bar-customize,
#wp-admin-bar-comments,
#wp-admin-bar-all-in-one-seo-pack,
#wp-admin-bar-search,
#wp-admin-bar-aioseo-main {display: none !important;}
#wpadminbar {z-index: 9999;}
@media print {#wpadminbar {display:none;}}
@media (max-width: 900px) {
	#wp-admin-bar-root-default #wp-admin-bar-autoptimize {display: none;}
	#wp-admin-bar-root-default #wp-admin-bar-all-in-one-seo-pack {display: none;}
}
@media screen and (max-width: 600px) {
	#wpadminbar {position: fixed !important;}
}
@media (max-width: 767px) {
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {width: 50%;}
}
@media (max-width: 600px) {
	#wpadminbar {top: 0; position: fixed;}
}
@media (max-width: 500px) {
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {width: 100%;}
	.gallery .gallery-icon {padding-bottom: 0;}
	.gallery-icon img, .gallery-icon.landscape img {position: relative; display: block; max-width: 100%; height: auto; width: 100%;}
}


/* --- Theme --- */

.title-xl{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:fit-content;font-weight:300;font-size:80px;line-height:92px}
.title-xl b{font-weight:300}
.title-xl b:nth-child(2){position:relative;right:-60px;font-weight:300}
.title-x{display:flex;flex-direction:column;align-items:flex-start;width:fit-content;font-weight:400;font-size:52px;line-height:60px}
.title-x b{font-weight:400}
.title-x b:nth-child(2){position:relative;right:-40px;font-weight:400}
.title-lg{font-weight:400;font-size:24px;line-height:36px}
.content :last-child{margin-bottom:0}
.content p{font-weight:400;font-size:16px;line-height:24px;margin-bottom:30px}
.content blockquote{position:relative;font-weight:400;font-size:16px;line-height:24px;font-style:italic;margin:0;margin-bottom:30px;padding-left:20px;border-left:2px solid #57ADFD}
.content a{color:#57ADFD;text-decoration:underline}
.content img{margin-bottom:30px}
.content ul{margin-bottom:30px}
.content ul li{position:relative;font-weight:400;font-size:16px;line-height:24px;padding-left:30px;margin-bottom:15px}
.content ul li:last-child{margin-bottom:0}
.content ul li:before{content:"";position:absolute;left:11px;top:8px;width:8px;height:8px;border-radius:50%;background:#57ADFD}
.content ol{list-style:none;counter-reset:num;margin-bottom:30px}
.content ol li{position:relative;font-weight:400;font-size:16px;line-height:24px;padding-left:30px;margin-bottom:15px}
.content ol li:last-child{margin-bottom:0}
.content ol li:before{content:counter(num) ". ";counter-increment:num;position:absolute;left:11px;top:0;font-weight:600;font-size:16px;line-height:24px;color:#57ADFD}
.content.two p{font-size:24px;line-height:36px}
.content.two blockquote{font-size:24px;line-height:36px}
.content.two ul li{font-size:24px;line-height:36px}
.content.two ol li{font-size:24px;line-height:36px}
.not-found {padding: 150px 0 100px;}
.not-found h1 {font-weight: 400; font-size: 52px; line-height: 1.3; margin: 0 0 20px;}
.not-found .home {display: inline-block; font-weight: 400; font-size: 18px; line-height: 1.4; color: #fff; background: #070707; padding: 10px 20px; margin-top: 10px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.not-found .home:hover {background: #333;}
.not-found .home:active {background: #000; -webkit-transition: all 0s; transition: all 0s;}
.text-center {text-align: center;}
@media (max-width: 1200px) {
	.title-xl{font-size:70px;line-height:80px}
}
@media (max-width: 800px) {
	.title-xl{font-size:40px;line-height:50px}
	.title-x{font-size:35px;line-height:45px}
	.content.two p{font-size:18px;line-height:28px}
	.content.two blockquote{font-size:18px;line-height:28px}
	.content.two ul li{font-size:18px;line-height:28px}
	.content.two ol li{font-size:18px;line-height:28px}
	.not-found {padding: 20px 0 0;}
	.not-found h1 {font-size: 32px;}
	.not-found .home {font-size: 14px;}
}
@keyframes anim-1 {
	from{transform:translateY(-5px)}
	to{transform:translateY(5px)}
}


*,::after,::before{box-sizing:border-box}
body{font-family:"Archivo",sans-serif;font-weight:400;color:#070707;line-height:normal;letter-spacing:.05em;background:#FFF;margin:0;padding:0}
body::-webkit-scrollbar{width:8px}
body::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#3ED3E7 0%,#0087FF 100%);border-radius:5px}
body::-webkit-scrollbar-track{background:#FFF}
p{width:100%;margin:0}
h1,h2,h3,h4,h5{width:100%;margin:0}
img{max-width:100%}
ul,ol{padding:0;margin:0}
li{list-style-type:none}
a{outline:none;text-decoration:none}
a:hover{text-decoration:none;outline:none}
html,body{height:100%}
.container{height:100%;width:100%;max-width:1350px;padding:0 15px;margin:0 auto}
.wrapper{display:flex;flex-direction:column;min-height:100%;}
.admin-bar .wrapper{padding-top: 32px;}
main{flex:1 0 auto}
footer{flex:0 0 auto}
.section{margin-bottom:120px}
.section-wrap{display:flex;align-items:flex-start}
.section-title{position:sticky;top:100px;min-width:330px}
.section-title.two{min-width:440px}
.section-descr{font-weight:400;font-size:16px;line-height:24px;margin-bottom:36px}
.section-box{width:100%}
@media (max-width: 1440px) {
	.container{max-width:1170px}
	.section-title.two{min-width:330px}
}
@media (max-width: 1200px) {
	body:not(.single-post) .wrapper{overflow:hidden}
	.container{max-width:800px}
	.section-wrap{flex-direction:column;align-items:flex-start;justify-content:flex-start}
	.section-title{position:relative;top:auto;min-width:100%;margin-bottom:50px}
}
@media (max-width: 800px) {
	.container{max-width:570px}
	.section{margin-bottom:70px}
	.section-title{margin-bottom:40px}
}
@media screen and (max-width: 782px) {
	.admin-bar .wrapper {padding-top: 46px;}
}


.header{position:fixed;z-index:10;left:0;top:0;width:100%;height:80px}
.admin-bar .header {top: 32px;}
.page-scrolled .header{background:#FFF;box-shadow:0 5px 5px 0 rgba(0,0,0,0.05)}
.header-wrap{display:flex;align-items:center;justify-content:space-between;height:100%}
.header-logo{display:flex;align-items:center;justify-content:flex-start; margin-right: 30px;}
.header-menu{display:flex;align-items:center}
.header-menu > li{position:relative;display:flex;align-items:center;height:50px;margin-right:64px}
.header-menu > li:last-child{margin-right:0}
.header-menu > li > a{display:block;font-weight:300;font-size:16px;line-height:24px;color:#070707;transition:.1s}
.header-menu > li > a:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:8px;height:8px;background:url(icons/elements/menu-1.svg) center no-repeat;background-size:contain;opacity:0}
.header-menu > li.current-menu-item > a{text-shadow:0 0 1px #070707}
.header-menu > li.current-menu-item > a:before{opacity:1}
.header-menu-mobile{display:none;align-items:center}
.header-menu-mobile ul {display:flex;align-items:center}
.header-menu-mobile ul ul {display: none}
.header-menu-mobile ul > li{position:relative;display:flex;align-items:center;margin-right:35px}
.header-menu-mobile ul > li:last-child{margin-right:0}
.header-menu-mobile ul > li > a{display:block;font-weight:300;font-size:16px;line-height:24px;color:#070707;transition:.1s}
.header-menu-mobile ul > li.current-menu-item > a{text-shadow:0 0 1px #070707}
.header-menu_sublist{position:absolute;right:0;top:100%;display:none;padding:24px;background:#FFF;box-shadow:0 4px 25px rgba(0,0,0,0.12);border-radius:8px;}
.header-menu_sublist li{margin-bottom:24px}
.header-menu_sublist li:last-child{margin-bottom:0}
.header-menu_sublist a{display:flex;align-items:center;font-weight:300;font-size:16px;line-height:24px;color:#070707;white-space:nowrap;transition:.1s}
.header-menu_sublist a:before{content:"";display:block;width:24px;min-width:24px;height:24px;margin-right:16px}
.header-menu_sublist li.li-gmail a:before{background:url(icons/socials/socials-1.svg) center no-repeat;background-size:contain}
.header-menu_sublist li.li-dribble a:before{background:url(icons/socials/socials-2.svg) center no-repeat;background-size:contain}
.header-menu_sublist li.li-telegram a:before{background:url(icons/socials/socials-3.svg) center no-repeat;background-size:contain}
.header-menu_sublist li.li-whatsapp a:before{background:url(icons/socials/socials-4.svg) center no-repeat;background-size:contain}
.header-menu_languages{position:absolute;right:0;top:100%;display:none;padding:24px;background:#FFF;box-shadow:0 4px 25px rgba(0,0,0,0.12);border-radius:8px;min-width: 112px;}
.header-menu_languages li{margin-bottom:16px}
.header-menu_languages li img {width: 20px; height: auto; margin-right:16px}
.header-menu_languages li:last-child{margin-bottom:0}
.header-menu_languages a{display:flex;align-items:center;font-weight:300;font-size:16px;line-height:24px;color:#070707;white-space:nowrap;transition:.1s}
li.header-menu_point > a{position:relative;display:flex;align-items:center;cursor:default}
li.header-menu_point > a::after{content:"";display:block;width:16px;height:16px;background:url(icons/elements/arrow-1.svg) center no-repeat;background-size:contain;margin-left:8px}
.header-menu_point.active > a:after {transform:rotate(180deg);}
.header .languages-point-title-slug {display: none;}
@media (max-width: 1200px) {
	.header .languages-point-title-slug {display: block;}
	.header .languages-point-title-text {display: none;}
	.header-menu > li {margin-right: 55px;}
}
@media (max-width: 800px) {
	.header{background: #fff; height: 70px; top: 0;}
	.admin-bar .header {top: 46px;}
	.header-wrap{position:relative; align-items: center;justify-content:space-between;padding:15px 0}
	.header-logo img{height:34px;}
	.header-nav{width:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;}
	.header-nav::-webkit-scrollbar{display:none}
	.header-menu > li{position:static;height:auto;margin-right:35px}
	.header-menu > li > a{white-space:nowrap}
	.header-menu > li > a:before{display:none}
	.header-menu > li:not(.header-menu_point) {display:none}
	.header-menu_sublist {margin-top: 0;}
	.header-menu_languages {margin-top: 0;}
	.header-menu-mobile{display:flex; padding-top: 75px;}
}
@media (min-width: 1200px) {
	.header-menu > li:hover > a{color:#57ADFD;text-shadow:0 0 1px #57ADFD}
	.header-menu_sublist a:hover{color:#57ADFD}
	.header-menu_languages a:hover{color:#57ADFD}
	li.header-menu_point:hover > a:after{transform:rotate(180deg); background:url(icons/elements/arrow-2.svg) center no-repeat;background-size:contain}
}


.footer{padding:120px 0 45px;background:#FAFAFA}
.footer-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom: 70px;}
.footer-line{position:absolute;z-index:-1;left:260px;top:50px;width:840px}
.footer-line .svg-elem-1{stroke-dashoffset:1823.1260986328px;stroke-dasharray:1823.1260986328px;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0}
.footer-line.active .svg-elem-1{stroke-dashoffset:0}
.footer-line .svg-elem-2{stroke-dashoffset:1554.6988525391px;stroke-dasharray:1554.6988525391px;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) .12s}
.footer-line.active .svg-elem-2{stroke-dashoffset:0}
.footer-line .svg-elem-3{stroke-dashoffset:56.1513214111px;stroke-dasharray:56.1513214111px;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) .24s}
.footer-line.active .svg-elem-3{stroke-dashoffset:0}
.footer-link{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;text-align:center;width:150px;height:150px;font-weight:600;font-size:24px;line-height:36px;color:#FFF;transition:.1s}
[lang="de-DE"] .footer-link{font-size: 19px;}
.footer-link::before{content:"";position:absolute;z-index:-1;left:50%;top:47%;transform:translate(-50%,-50%);width:100%;height:100%;background:url(icons/elements/btn-1.svg) center no-repeat;background-size:contain;transition:.3s}
.footer-mid{display:flex;align-items:center;justify-content:space-between; border-top: 1px solid #D4D4D4; padding-top: 45px;}
.footer-bottom{display:flex;align-items:center;justify-content:space-between; padding-top: 35px;}
.footer-descr{display:flex;justify-content:center;align-items:center;font-weight:600;font-size:16px;color:#4A4A4A}
.footer-descr a{display:flex;align-items:center;justify-content:flex-start;margin-left:7px}
.footer-terms-nav {margin: 0; padding: 0;}
.footer-terms-nav li {display: inline-block; margin-right: 20px;}
.footer-terms-nav li:last-child {margin-right: 0;}
.footer-terms-nav li a {display: block; font-weight: 600; font-size: 16px; color: #4A4A4A;}
.footer-terms-nav li a:hover{color: #57ADFD;}
.footer-soc {margin: 0; padding: 0;}
.footer-soc li {display: inline-block; margin-right: 20px;}
@media (max-width: 1440px) {
	.footer-line{width:700px}
}
@media (max-width: 1200px) {
	.footer-line{width:350px}
}
@media (max-width: 800px) {
	.footer{padding:70px 0 35px}
	.footer-top{margin-bottom: 150px;}
	.footer-mid{display:block;}
	.footer-terms-nav {padding-top: 20px;}
	.footer-line{left:0;top:130px;width:calc(100% - 110px);transform:rotate(-5deg)}
	.footer-link{position:absolute;right:0;top:95px;width:100px;height:100px;font-size:16px;line-height:24px}
	[lang="de-DE"] .footer-link{font-size: 13px;}
	.footer-bottom{flex-direction:column;align-items:flex-start;justify-content:flex-start; padding-top: 25px;}
	.footer-descr{font-size:14px;margin-top:15px}
	.footer-terms-nav li a {font-size:14px;}
}
@media (min-width: 1200px) {
	.footer-link:hover{color:#57ADFD}
	.footer-link:hover:before{transform:translate(-50%,-50%) rotate(-15deg)}
}


.start{height: 100vh; min-height: 520px;}
.start-wrap{position:relative;display:flex;align-items:center;height:100%;width:100%}
.start-wrap {min-height: 520px;}
.start-title{line-height:120px;padding-left:110px;align-items:flex-end}
.start-title b{right:-40px}
.start-list li{position:absolute}
.start-list span{display:flex;justify-content:center;align-items:center;width:80px;height:80px;border-radius:50%;animation:anim-1 3s infinite linear alternate}
.start-list span:after{content:"";width:40px;height:40px}
.start-list li:nth-child(even) span{animation:anim-1 3s infinite linear alternate-reverse}
.start-list li:nth-child(1){left:4%;bottom:19%}
.start-list li:nth-child(1) span{background:linear-gradient(25.14deg,#7B41F2 23.67%,#75BDFD 92.04%)}
.start-list li:nth-child(1) span:after{background:url(icons/start/start-1.svg) center no-repeat;background-size:contain}
.start-list li:nth-child(2){left:30%;bottom:6%}
.start-list li:nth-child(2) span{background:linear-gradient(154.29deg,#FC8542 10.29%,#FD5774 84.14%)}
.start-list li:nth-child(2) span:after{background:url(icons/start/start-2.svg) center no-repeat;background-size:contain}
.start-list li:nth-child(3){right:40%;bottom:14%}
.start-list li:nth-child(3) span{background:linear-gradient(176.08deg,#FFB66A 3.55%,#E46635 94.69%)}
.start-list li:nth-child(3) span:after{background:url(icons/start/start-3.svg) center no-repeat;background-size:contain}
.start-list li:nth-child(4){right:5%;bottom:2%}
.start-list li:nth-child(4) span{background:linear-gradient(90deg,#3ED3E7 0%,#0087FF 100%)}
.start-list li:nth-child(4) span:after{background:url(icons/start/start-4.svg) center no-repeat;background-size:contain}
.start-list li:nth-child(5){right:2%;bottom:35%}
.start-list li:nth-child(5) span{background:linear-gradient(154.29deg,#4770FF 10.29%,#FD5774 84.14%)}
.start-list li:nth-child(5) span:after{background:url(icons/start/start-5.svg) center no-repeat;background-size:contain}
.start-list li:nth-child(6){right:20%;top:20%}
.start-list li:nth-child(6) span{background:linear-gradient(154.29deg,#FC8542 10.29%,#FD5774 84.14%)}
.start-list li:nth-child(6) span:after{background:url(icons/start/start-6.svg) center no-repeat;background-size:contain}
.start-list li:nth-child(7){right:50%;top:15%}
.start-list li:nth-child(7) span{background:linear-gradient(154.29deg,#FC8542 10.29%,#FD5774 84.14%)}
.start-list li:nth-child(7) span:after{background:url(icons/start/start-7.svg) center no-repeat;background-size:contain}
.start-list li:nth-child(8){left: 20%; top: 12%}
.start-list li:nth-child(8) span{background: linear-gradient(90deg, #3ED3E7 0%, #0087FF 100%);}
.start-list li:nth-child(8) span:after{background:url(icons/start/start-8.svg) center no-repeat; background-size:contain}
.start-list li:nth-child(9){left: 0; top: 25%;}
.start-list li:nth-child(9) span{background: linear-gradient(176deg, #FFB66A 3.55%, #E46635 94.69%);}
.start-list li:nth-child(9) span:after{background:url(icons/start/start-9.svg) center no-repeat; background-size:contain}
.gsap-start{opacity:0}
@media (max-height: 600px) and (min-width: 1200px) {
	.start-list span{width:60px;height:60px}
	.start-list span:after{width:30px;height:30px}
}
@media (max-width: 1200px) {
	.start-title{padding-left:0}
	.start-list li:nth-child(5){right:0;bottom:50%}
}
@media (max-width: 800px) {
	.start {height: auto; min-height: 10px;}
	.start-wrap {min-height: 500px;}
	.start-title{font-size:50px;line-height:80px}
	.start-list span{width:45px;height:45px}
	.start-list span:after{width:25px;height:25px}
	.start-list li:nth-child(9){top: 20%;}
}
@media (max-width: 570px) {
	.start-title{font-size:8.772vw;line-height:14.035vw}
	.start-list li:nth-child(1){left:0;bottom:27%}
	.start-list li:nth-child(2){left:17%;bottom:10%}
	.start-list li:nth-child(3){bottom:20%}
	.start-list li:nth-child(4){right:0;bottom:17%}
	.start-list li:nth-child(5){bottom:61%}
	.start-list li:nth-child(6){top:7%}
	.start-list li:nth-child(7){right: 44%; top: 20%;}
}


.projects{padding:120px 0 20px;background:#FAFAFA}
.projects-all{background: none;}
.projects-title{margin-bottom:90px}
.projects-list{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.projects-list li{position:relative;width:600px; margin-bottom: 140px;}
.projects-list li a{display:block;}
.projects-list li:nth-child(even){top:-100px}
.projects-img{display:flex;justify-content:center;align-items:center;width:100%;height:auto;margin-bottom:20px}
.projects-img img{width:100%;height: auto;object-fit:cover}
.projects-text{position:relative;display:block;width:100%}
.projects-name{display:block;font-weight:600;font-size:28px;line-height:36px;color:#070707;margin-bottom:8px}
.projects-descr-title{display:block;font-weight: 700;font-size: 16px; line-height: 24px; color: #C4C4C4; margin-bottom: 16px}
.projects-descr{display:block;font-weight:400;font-size:18px;line-height:1.3;color:#070707}
.projects-link{position:absolute;right:0;top:-4px;transform:rotate(45deg);transition:.3s}
.projects-link path:nth-child(1){fill:transparent;transition:.3s}
.projects-link path:nth-child(2){stroke:#070707;transition:.3s}
.projects-link path:nth-child(3){stroke:#070707;transition:.3s}
@media (max-width: 1440px) {
	.projects-list li{width:520px}
}
@media (max-width: 1200px) {
	.projects-title{margin-bottom:50px}
	.projects-list{display:block}
	.projects-list li{margin-bottom:100px}
	.projects-list li:nth-child(even){top:0;margin-left:auto}
}
@media (max-width: 800px) {
	.projects{padding:70px 0 1px;}
	.projects-all{padding-top: 30px;}
	.projects-title{margin-bottom:40px}
	.projects-list li{margin-bottom: 70px}
	.projects-link{top:-8px}
	.projects-all .projects-title {display: block;}
	.projects-all .projects-title b:nth-child(2) {right: auto;}
}
@media (max-width: 570px) {
	.projects-list li{width:100%}
	.projects-name{font-size:24px;line-height:30px}
}
@media (min-width: 1200px) {
	.projects-list a{cursor:url(icons/elements/btn-2.svg) 50 47, auto;}
	.projects-list li:hover .projects-link{transform:rotate(0)}
	.projects-list li:hover .projects-link path:nth-child(1){fill:#57ADFD}
	.projects-list li:hover .projects-link path:nth-child(2){stroke:#FFF}
	.projects-list li:hover .projects-link path:nth-child(3){stroke:#FFF}
}


.tools-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:55px;grid-row-gap:25px}
.tools-list li{font-weight:600;font-size:16px;line-height:24px}
@media (max-width: 800px) {
	.tools-list{grid-column-gap:30px}
}
@media (max-width: 570px) {
	.tools-list{grid-template-columns:1fr 1fr;grid-column-gap:25px}
}


.more-list{width:100%;border-top:1px solid #070707}
.more-list li{position:relative;width:100%}
.more-list a{display: block; border-bottom: 1px solid #070707; padding: 34px 0;}
.more-title{font-weight:600;font-size:24px;line-height:36px;color:#070707}
.more-description{display: block; color: #070707; font-weight: 400; font-size: 14px; line-height: 1.4; margin-top: 10px;}
.more-img{position:absolute;right:100px;top:50%;transform:translateY(-50%) translateX(-15px);display:flex;justify-content:center;align-items:center;width:235px;height:150px;box-shadow:0 4px 20px rgba(0,0,0,0.15);opacity:0;transition:.5s}
.more-img img{width:100%;height:100%;object-fit:cover}
.more-link{transform:rotate(45deg);transition:.3s; position: absolute; top: 50%; right: 0; margin-top: -25px;}
.more-link path:nth-child(1){fill:transparent;transition:.3s}
.more-link path:nth-child(2){stroke:#070707;transition:.3s}
.more-link path:nth-child(3){stroke:#070707;transition:.3s}
@media (min-width: 1200px) {
	.more-list li:hover .more-img{opacity:1;transform:translateY(-50%) translateX(0px)}
	.more-list li:hover .more-link{transform:rotate(0)}
	.more-list li:hover .more-link path:nth-child(1){fill:#57ADFD}
	.more-list li:hover .more-link path:nth-child(2){stroke:#FFF}
	.more-list li:hover .more-link path:nth-child(3){stroke:#FFF}
}
@media (max-width: 570px) {
	.more-list a{padding-right: 150px;}
	.more-title{font-size:18px;line-height:28px}
	.more-img{opacity:1;height:80px;width:128px;right:auto;right:0;transform:translateY(-50%)}
	.more-link{display:none}
}


.project{padding-top:120px}
.project .container{padding-bottom:120px;margin-bottom: 80px;border-bottom:1px solid #EAEAEA}
.project-descr{display:block;font-weight:400;font-size:18px;line-height:36px;margin-bottom:20px}
.project-wrap{position:relative;display:flex;align-items:center;justify-content:flex-end}
.project-text{position:absolute;z-index:2;left:0;top:50%;transform:translateY(-50%); max-width: 430px;}
.project-text .title-xl {margin-bottom: 30px;}
.project-img{display:flex;align-items:center;justify-content:center;width:870px;}
.project-img img{width:100%;height:auto;object-fit:cover}
.project-content{margin-top:110px}
.project-list{display: flex; align-items: flex-start; margin-top: 50px; flex-wrap: wrap;}
.project-list li{margin-right: 115px; margin-bottom: 40px;}
.project-list li:last-child{margin-right:0}
.project-list span{display:block;font-weight:700;font-size:16px;line-height:24px;color:#C4C4C4;margin-bottom:16px}
.project-list a{display:block;font-weight:400;font-size:18px;line-height:24px;text-decoration:underline;color:#070707}
.project-list p{font-weight:400;font-size:18px;line-height:24px}
.project-bottom{position: sticky; z-index: 1; bottom: 50px; height: 0;}
.project-bottom-link {position: absolute; bottom: 0; left: 300px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.project-bottom-link:hover {-webkit-transform: rotate(5deg); transform: rotate(5deg);}
.project-bottom-link a{display:block; position: relative; width:150px;height:150px;}
.project-bottom-link a span{display:block; position: relative; display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;font-weight:400;font-size:24px;line-height:36px;color:#FFF;transition:.1s;}
.project-bottom-link a:hover span {color: #57ADFD;}
.project-bottom-link a span::before{content:"";position:absolute;z-index:-1;left:50%;top:47%;transform:translate(-50%,-50%);width:100%;height:100%;background:url(icons/elements/btn-1.svg) center no-repeat;background-size:contain;transition:.3s}
.single-post .info .info-box:last-child {margin-bottom: 0;}
[lang="de-DE"] .project-bottom-link a span {font-size: 20px;}
@media (max-width: 1440px) {
	.project-img{width:770px;}
	.project-bottom-link {left: 190px;}
	.project-text{max-width: 350px;}
}
@media (max-width: 1200px) {
	.project-descr{font-size:16px;line-height:24px}
	.project-img{width: auto; height: auto;}
	.project-wrap{display:block}
	.project-text{position:static;transform:translate(0);margin-bottom: 90px;max-width: 100%;}
	.project-text .title-xl {display: block;}
	.project-text .title-xl b:not(:last-child):after {content: ' ';}
	.project-text .title-xl b:nth-child(2) {right: auto;}
	.project-bottom {height: 230px;}
	.project-bottom-link {left: 15px;}
}
@media (max-width: 800px) {
	.project{padding-top: 30px}
	.project .container{padding-bottom:70px;margin-bottom:70px}
	.project-descr{font-size:14px;line-height:21px}
	.project-content{margin-top:50px}
	.project-list{display: block; flex-direction:column;align-items:flex-start;justify-content:flex-start}
	.project-list li{display: block; margin-right: 0; width: auto; margin-bottom:30px;padding-right: 0;}
	.project-list li:nth-of-type(n) {padding-right: 0;}
	.project-list li:last-child{margin-bottom:0}
	.project-text {margin-bottom: 50px;}
	.project-bottom {height: 170px; bottom: 30px;}
	.project-bottom-link {left: auto; right: 15px;}
	.project-bottom-link a{width:120px;height:120px;}
	.project-bottom-link a span{font-size:16px; line-height: 26px;}
	[lang="de-DE"] .project-bottom-link a span {font-size: 15px; line-height: 26px;}
}
@media (max-width: 570px) {
	.project-list{flex-direction:column;align-items:flex-start;justify-content:flex-start}
}
@media (min-width: 1200px) {
	.project-list a:hover{color:#57ADFD}
}


.info{padding-bottom:120px;margin-bottom:120px;border-bottom:1px solid #EAEAEA}
.info-box{margin-bottom:120px}
.info-box:last-child{margin-bottom:0}
.info-img{display:flex;justify-content:center;align-items:center;margin-bottom:120px}
.info-img img{width:100%}
.info-img:last-child{margin-bottom:0}
@media (max-width: 800px) {
	.info{padding-bottom:70px;margin-bottom:70px;border-bottom:none}
	.info-box{margin-bottom:70px}
	.info-img{margin-bottom:70px}
}


.team-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-row-gap:80px}
.team-list img{width:200px;height:200px;margin-bottom:24px}
.team-list h3{font-weight:600;font-size:24px;line-height:36px;margin-bottom:8px}
.team-list p{font-weight:400;font-size:16px;line-height:24px;color:#4A4A4A}
@media (max-width: 800px) {
	.team-list{grid-template-columns:1fr 1fr;grid-column-gap:20px;grid-row-gap:70px}
	.team-list img{width:120px;height:120px}
	.team-list h3{font-size:16px;line-height:24px}
	.team-list p{font-size:14px;height:21px}
}


.case-list li{margin-bottom:48px; position: relative;}
.case-list li:last-child{margin-bottom:0}
.case-list .img{position:absolute;right:100px;top:50%;transform:translateY(-50%) translateX(-15px);display:flex;justify-content:center;align-items:center;width:235px;height:150px;box-shadow:0 4px 20px rgba(0,0,0,0.15);opacity:0;transition:.5s; margin-top: -23px;}
.case-list .img img{width:100%;height:100%;object-fit:cover}
.case-list a{position:relative;display:block;border-bottom:1px solid #EAEAEA;padding-bottom:48px}
.case-list h3{color:#070707;font-weight:400;font-size:28px;line-height:36px;margin-bottom:16px}
.case-list p{color:#070707;font-weight:400;font-size:14px;line-height:16px}
.case-list svg{position:absolute;right:0;top:-4px;transform:rotate(45deg);transition:.3s}
.case-list path:nth-child(1){fill:transparent;transition:.3s}
.case-list path:nth-child(2){stroke:#070707;transition:.3s}
.case-list path:nth-child(3){stroke:#070707;transition:.3s}
@media (min-width: 1200px) {
	.case-list a:hover svg{transform:rotate(0)}
	.case-list a:hover path:nth-child(1){fill:#57ADFD}
	.case-list a:hover path:nth-child(2){stroke:#FFF}
	.case-list a:hover path:nth-child(3){stroke:#FFF}
	.case-list li:hover .img {opacity:1;transform:translateY(-50%) translateX(0px)}
}
@media (max-width: 800px) {
	.case{border-top:1px solid #EAEAEA; padding-top: 70px;}
	.info + .case{margin-top: -200px;}
}
@media (max-width: 570px) {
	.case-list li {margin-bottom: 30px;}
	.case-list a{padding-right: 150px; padding-bottom: 30px;}
	.case-list h3 {font-size:18px;line-height:28px; font-weight: 600;}
	.case-list p {line-height: 1.4;}
	.case-list .img {opacity:1;height:80px;width:128px;right:auto;right:0;transform:translateY(-50%)}
	.case-list svg {display:none}
}


.about{padding-top:160px}
.about .section-title {display: none;}
.about-text{width:870px;margin-left:auto;margin-top:80px}
.about-text .content.two{margin-bottom:40px}
.about-list{position:relative;height:540px;margin-top:100px}
.about-list li{position:absolute}
.about-list li:nth-child(2){left:3%;top:0}
.about-list li:nth-child(3){top:15%;right:15%}
.about-list li:nth-child(4){left:15%;bottom:15%}
.about-list li:nth-child(5){right:25%;bottom:0}
.about-list li.ptitle{left:40%;top:12%;display:flex;justify-content:center;align-items:center;text-align:center;width:150px;height:150px;font-weight:600;font-size:24px;line-height:36px;color:#FFF;transition:.1s}
.about-list li.ptitle::before{content:"";position:absolute;z-index:-1;left:50%;top:47%;transform:translate(-50%,-50%);width:100%;height:100%;background:url(icons/elements/btn-1.svg) center no-repeat;background-size:contain;transition:.3s}
.about-list a{display:flex;justify-content:center;align-items:center;animation:anim-1 3s infinite linear alternate}
.about-list a img{width: 276px; height: auto; max-width: 100%;}
.about-list li:nth-child(even) a{animation:anim-1 3s infinite linear alternate-reverse}
@media (max-width: 1200px) {
	.about{padding-top:150px}
	.about-text{width:100%;margin-top:40px}
	.about-list{height:520px}
	.about-list li:nth-child(2){width:270px}
	.about-list li:nth-child(3){right:0;width:200px}
	.about-list li:nth-child(5){right:5%}
	.about-list li.ptitle{left:46%;}
}
@media (max-width: 800px) {
	.about{padding-top:30px}
	.about .section-title {display: block;}
	.about-text{margin-bottom: 70px}
	.about-list{height: auto;margin-top:0}
	.about-list li:nth-child(n){width: 48%; display: inline-block; position: relative; left: auto; right: auto; bottom: auto; top: auto;}
	.about-list li.ptitle{width:100px;height:100px;font-size:16px;line-height:24px; display: block; position: relative; left: auto; right: auto; bottom: auto; top: auto; padding-top: 26px; margin: 0 auto 30px; display: none;}
}
@media (max-width: 570px) {
	
}


.default-text {padding-top:160px}
.default-text h1 {font-weight:300;font-size:80px;line-height:1.3; margin-bottom: 0.8em;}
.default-text h2 {font-weight:600;font-size:32px;line-height:1.3; margin-bottom: 0.8em;}
.default-text h3 {font-weight:500;font-size:24px;line-height:1.3; margin-bottom: 1em;}
.default-text h4 {font-weight:500;font-size:22px;line-height:1.3; margin-bottom: 1em;}
.default-text h5 {font-weight:500;font-size:20px;line-height:1.3; margin-bottom: 1em;}
.default-text h6 {font-weight:500;font-size:18px;line-height:1.3; margin-bottom: 1em;}
@media (max-width: 1200px) {
	.default-text {padding-top: 150px;}
	.default-text h1 {font-size: 70px;}
}
@media (max-width: 800px) {
	.default-text {padding-top: 30px;}
	.default-text h1 {font-size: 40px; font-weight: 400;}
	.default-text h2 {font-size: 22px;}
	.default-text h3 {font-size: 20px;}
	.default-text h4 {font-size: 18px;}
	.default-text h5 {font-size: 16px;}
	.default-text h6 {font-size: 16px;}
}

.blog-list-item {padding: 12px;}
.blog-list-item .inner {line-height: 1.5;}
.blog-list-item .img a {display: block; position: relative; padding-bottom: 63.5%; overflow: hidden;}
.blog-list-item .img img {display: block; object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s;}
.blog-list-item .text {font-size: 16px; font-weight: 400; letter-spacing: 0.02em; color: #4E4E4E; padding-top: 18px;}
.blog-list-item .span {width: calc(100% + 35px); overflow: hidden;}
.blog-list-item .span span {display: inline-block; margin-right: 35px; position: relative;}
.blog-list-item .span span:before {content: ''; display: block; width: 4px; height: 4px; background: #4E4E4E; position: absolute; top: 10px; left: -15px; border-radius: 50%;}
.blog-list-item .title {font-size: 24px; letter-spacing: 0.02em; padding-top: 10px;}
.blog-list-item .title a {display: block; color: #070707; -webkit-transition: all 0.3s; transition: all 0.3s;}
.blog-list-item .title a:hover {color: #57ADFD;}
@media (min-width: 1201px) {
	.blog-list-item .inner:hover .img img {-webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.9;}
}


.blogpage {padding-top: 160px;}
.blogpage .title-xl {max-width: 1000px;}
.blogpage-items {display: flex; flex-wrap: wrap; padding-top: 80px; margin: -12px;}
.blogpage-items .blog-list-item {width: 33.33%; flex-basis: 33.33%;}
@media (max-width: 1200px) {
	.blogpage {padding-top: 150px;}
	.blogpage-items .blog-list-item {width: 50%; flex-basis: 50%;}
}
@media (max-width: 800px) {
	.blogpage {padding-top: 30px;}
	.blogpage-items {padding-top: 40px;}
	.blogpage-items .blog-list-item {width: 100%; flex-basis: 100%;}
}


.pagination {padding: 40px 0 0; margin: 0; line-height: 50px; text-align: right;}
.pagination ul {margin: 0; padding: 0; color: #757575;}
.pagination ul li {list-style: none; display: inline-block; vertical-align: top;}
.pagination ul li .page-numbers:not(.dots) {height: 50px; min-width: 50px; display: inline-block; text-align: center; text-decoration: none; margin-right: 8px; background: #FAFAFA; font-size: 14px; color: #070707; -webkit-transition: all 0.3s; transition: all 0.3s;}
.pagination ul li a.page-numbers:not(.dots):hover {background: #eee;}
.pagination ul li a.page-numbers:not(.dots):active {background: #aaa;}
.pagination ul li .page-numbers.current {background: #57ADFD; color: #fff; font-weight: 900;}
.pagination ul li a.prev,
.pagination ul li a.next {background: none !important;}
.pagination ul li .page-numbers svg {width: 28px; height: 20px; top: 6px; display: inline-block; position: relative; fill: #C4C4C4; -webkit-transition: all 0.3s; transition: all 0.3s;}
.pagination ul li .page-numbers:hover svg {fill: #57ADFD;}
.pagination ul li .prev svg {left: 1px;}
.pagination ul li .next svg {right: -3px;}
.pagination ul li .dots {padding: 0 20px 0 10px;}
@media (max-width: 800px) {
	.pagination {line-height: 40px; text-align: center;}
	.pagination ul li .page-numbers:not(.dots) {height: 40px; min-width: 40px; font-size: 14px; margin-right: 5px;}
	.pagination ul li .dots {padding: 0 10px 0 6px;}
}


.breadcrumbs {margin: 0; color: #4e4e4e;}
.breadcrumbs li {list-style: none; display: inline-block;}
.breadcrumbs li:not(:last-child):after {content: '/'; display: inline-block; padding: 0 1px 0 5px;}
.breadcrumbs li a {display: inline-block; color: inherit;}
.breadcrumbs li:not(:last-child) a:hover {text-decoration: underline;}
.breadcrumbs li:last-child a {pointer-events: none;}
@media (max-width: 800px) {
	.breadcrumbs {display: none;}
}



.article {padding-top:120px}
.article .breadcrumbs {padding-bottom: 35px}
.article .title-x {max-width: 800px;}
.article .title-x b:nth-child(2){right: auto;}
.article .span {font-size: 18px; margin-top: 30px; overflow: hidden; line-height: 1.5;}
.article .span span {display: inline-block; margin-right: 35px; position: relative;}
.article .span span.tags {font-weight: 600;}
.article .span span.readtime {color: #4E4E4E;}
.article .span span:before {content: ''; display: block; width: 4px; height: 4px; background: #4E4E4E; position: absolute; top: 12px; left: -15px; border-radius: 50%;}
.article-wrap {position:relative; color: #353535; font-size: 16px; line-height: 1.5; letter-spacing: 0.8px; display: flex; padding: 40px 0 80px;}
.article-wrap .left {flex-basis: 35%; width: 35%; padding-right: 40px;}
.article-wrap .left .table-content {position: sticky; top: 100px;}
.article-wrap .left .table-title {font-size: 24px; line-height: 1.5; letter-spacing: 1.2px; padding-bottom: 10px;}
.article-wrap .left ul {margin: 0; padding: 0 0 0 22px; max-width: 320px;}
.article-wrap .left ul li {display: block; padding-top: 15px;}
.article-wrap .left ul li a {display: inline-block; color: #070707; position:relative;}
.article-wrap .left ul li a:before {content: ''; display: block; width: 4px; height: 4px; background: #4E4E4E; position: absolute; top: 9px; left: -17px; border-radius: 50%;}
.article-wrap .left ul li a:hover {color: #717171;}
.article-wrap .left ul li a:active {color: #57ADFD;}
.article-wrap .right {flex-basis: 65%; width: 65%;}
.article-wrap .right img {display: block; width: 100%; height: auto; margin: 2em 0;}
.article-wrap .container {height: auto; width: auto; padding: 0;}
@media (max-width: 1200px) {
	.article-wrap{display:block}
	.article-wrap .left .table-content {position: relative; top: 0;}
	.article-wrap .left {flex-basis: 100%; width: 100%; padding-right: 0; background: #FAFAFA; padding: 20px;}
	.article-wrap .left ul {max-width: 100%;}
	.article-wrap .right {flex-basis: 100%; width: 100%; padding-top: 40px;}
}
@media (max-width: 800px) {
	.article{padding-top: 30px}
	.article .span {font-size: 16px;}
	.article .span span:before {top: 10px;}
	.article-wrap .left .table-title {font-size: 20px;}
}

.article-text + .article-text {padding-top: 20px;}
.article-text h2 {font-weight:400;font-size:32px;line-height:1.38; margin-bottom: 0.4em; letter-spacing: 0.05em;}
.article-text h3 {font-weight:500;font-size:24px;line-height:1.38; margin-bottom: 0.4em; letter-spacing: 0.05em;}
.article-text h4 {font-weight:500;font-size:22px;line-height:1.38; margin-bottom: 0.4em;}
.article-text h5 {font-weight:500;font-size:20px;line-height:1.38; margin-bottom: 0.4em;}
.article-text h6 {font-weight:500;font-size:18px;line-height:1.38; margin-bottom: 0.4em;}
.article-text p {margin: 1em 0;}
@media (max-width: 800px) {
	.article-text h2 {font-size: 22px;}
	.article-text h3 {font-size: 20px;}
	.article-text h4 {font-size: 18px;}
	.article-text h5 {font-size: 16px;}
	.article-text h6 {font-size: 16px;}
}