@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

@font-face {
  font-family: geo-light;
  src: url(../fonts/geomanist-light-webfont.woff);
}
@font-face {
  font-family: geo-regular;
  src: url(../fonts/geomanist-regular-webfont.woff);
}
@font-face {
  font-family: geo-medium;
  src: url(../fonts/geomanist-medium-webfont.woff);
}
@font-face {
  font-family: geo-bold;
  src: url(../fonts/geomanist-bold-webfont.woff);
}
@font-face {
  font-family: geo-black;
  src: url(../fonts/geomanist-black-webfont.woff);
}

:root {
	/* colors */
	--darkgrey: #2B3A4E;
	--grey: #788EAC;
	--grey1: #CFDCF1;
	--lightgrey: #E4ECF8;

	--primary: #F77E0B;
	--primary-darker: #d06908;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #757575;
  opacity: 1; /* Firefox */
  font-family: geo-regular;
}

body{
	font-family: geo-regular;
	font-weight: 500;
	color: var(--darkgrey);
}

h1{
	font-size: 60px;
	font-family: geo-regular;
	color: var(--darkgrey);
	margin:0;
}
h1 b{
	font-family: geo-medium;
}
h2{
	font-size: 60px;
	font-family: geo-light;
	color: var(--grey);
	letter-spacing: -1px;
}
h3{
	font-size: 35px;
	color: var(--grey);
	letter-spacing: -1px;
}
h3 b{
	color: var(--darkgrey);
}

p{
	font-family: geo-regular;
	font-size: 20px;
}

b, strong {
    font-weight: 500;
    font-family: geo-medium;
}

.mt-20{
	margin-top: 20px;
}
.pt-0{
	padding-top: 0px;
}

a:hover{
	text-decoration:none;
	color: var(--darkgrey);
}

.p{
	font-family: geo-regular;
	font-size: 20px;
	margin:0;
}
.p-big{
	font-family: geo-regular;
	font-size: 20px;
}

.main-block{
	width: 100%;
	padding:0 50px;
	max-width: 1500px;
	margin:0 auto;
}
.sm-block{
	width: 60%;
	margin:0 auto;
}
.md-block{
	width: 80%;
	margin:0 auto;
}
.inner-block{
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
}

.mb-15{margin-bottom: 15px;}
.mb-30{margin-bottom: 30px;}
.mb-50{margin-bottom: 50px;}

/* buttons */
.btn-main{
	border:0;
	outline: 0;
	border-radius: 5px;
	height:70px;
	line-height: 70px;
	min-height: 70px;
	font-family: geo-bold;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #fff;
	text-transform: uppercase;
	display: inline-block;
	color: var(--darkgrey);
	min-width: 300px;
	box-shadow: 0px 10px 27px -5px rgba(0,105,197,0.2);
	position: relative;
	transition: box-shadow 0.3s;
}
.btn-main:active{
	color: var(--darkgrey);
}
.btn-main:hover{
	box-shadow: 0px 10px 27px -5px rgba(0,105,197,0.5);
}
.btn-main:hover::after{
	width: 100%;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.btn-main::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 40px;
	background-color: var(--primary);
	height: 4px;
	margin: auto;
	transition: all .3s ease;
}

.btn-centered{
	display: table!important;
    margin: 0 auto;
    text-align: center;
}



/* intro */
.intro{
	background-color: #F3F8FF;
	height: 100vh;
	position: relative;
	z-index: 1;
	overflow:hidden;
}

.intro .main-block{
	height: 100vh;
	position: relative;
}
.intro-text{
	position: absolute;
	top:0;left:50px;bottom:0;
	width:50%;
	display: flex;
	align-items: center;
}
.intro-text h1{
	margin-bottom: 50px;
	font-family: geo-light;
}
.intro-text .intro-text-content{

}
.h-mini{
	font-family: geo-regular;
	color: var(--primary);
	letter-spacing: 5px;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 16px;
}
.intro-text-desc{
	position: relative;
	padding-left: 150px;
	width: 100%;
}
.intro-text-desc::before{
	content:"";
	position: absolute;
	left:0;
	width:130px;
	height:2px;
	background-color: var(--primary);
	top:10px;
}


.intro-media{
	position: absolute;
	top:0;right:50px;bottom:0;
	width:50%;
}
.video-bg{
	position: absolute;
	z-index:0;
	top:0;left:0;right: 0;bottom: 0;
	
	/*filter: blur(10px);*/
	overflow: hidden;
	/*background-color: #000;*/
}
.video-bg video {
	min-width: 109%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	opacity: 1;
}

.home .video-bg{
	opacity:.6;
}

/* footer */
body{
	margin-bottom: 620px;
}
footer{
	position: fixed;
	width: 100%;
	height: auto;
	bottom:0px;
	background-color: #fff;
	z-index: -1;
}
.footer-main{
	padding-top: 100px;
	display: flex;
}
.footer-main-col{
	width: 50%;
}
.footer-menu{
	display: flex;
}
.footer-menu-col{
	width: 50%;
}
.footer-menu{
	padding-left: 100px;
}
.footer-menu-col ul{
	list-style-type: none;
    padding: 0;
    margin: 0;
}
.footer-menu-col li{
	margin-bottom: 8px;
}
.footer-menu-col li a{
	font-size: 20px;
	color: #00225A;
	transition: all 0.3s;
}
.footer-menu-col li a:hover{
	color: var(--primary);
}
.footer-second{
	padding:75px 0 100px 0;
}
.footer-second p{
	font-size: 13px;
	color: #00225A;
	text-align: center;
}
.footer-second p a{
	color: #00225A;
	text-decoration: underline;
}
.footer-left .footer-citation{
	font-family: geo-regular;
	width: 85%;
	font-size: 16px;
}
.footer-left p:last-child{
	width: 80%;
	font-size: 20px;
}
.footer-left a img{
	margin-bottom: 50px;
}



/* scroll slider */
.scroll-slider-wrapper{
    background-color: #fff;
}
.scroll-slider-wrapper .btn-main{
	margin-top: 50px;
}
.scroll-slider-inside{
    display: flex;
    position: relative;
}
.scroll-slider-fixed-left{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100vh;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    padding-right: 20px;
}
.scroll-slider-fixed-left video{
	width: 100%;
	height: auto;
    position: absolute;
    right: 0;
}
.scroll-slider{
    width:50%;
}
.scroll-slider .scroll-slider-item{
    display: flex;
    align-items: center;
    height: 100vh;
    padding-left: 100px;
}
.scroll-slider .scroll-slider-item h1{
	color: #788EAC;
	margin-bottom: 50px;
}
.scroll-slider-navbar{
	position: absolute;
	top:0;
	height:100vh;
	width: 50px;
	right:0;
	position: sticky;
    position: -webkit-sticky;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.scroll-slider-nav{

}
.scroll-slider-nav ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
.scroll-slider-nav ul li{
	width: 15px;
	height: 15px;
	border-radius: 15px;
	border:2px solid #90A8D1;
	margin:10px 0;
}
.scroll-slider-nav ul li.active{
	background-color: var(--primary);
	border:0;
	transform: scale(1.3);
}
.scroll-slider-nav ul li.margin{
	width: 1px;
	margin: 0 auto;
	border-radius: 0;
	border:0;
	background-color: #BDD7F5;
}






/* scroll slider services */
.services-scroll-slider{position: relative;overflow: hidden;}
.services-scroll-slider .scroll-slider-item{
	align-items: unset;
	height: auto;
	min-height: 100vh;
}
.services-scroll-slider .scroll-slider-fixed-left{
	width: 45%;
	align-items: unset;
	justify-content: unset;
	flex-direction: column;
	padding-right: 100px;
	padding-top: 100px;
}
.bubble-services{
	position: absolute;top:-30%;right: -40%;
	z-index:-1;

}
.services-scroll-slider .scroll-slider{
	width: 55%;

}
.roller{
	padding:80px 0 80px 80px;
	position: relative;
	background-color: #fff;
	width: 100%;
}
.right-side-white-bg-solo {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
}
.left-side-darkgrey-bg-solo{
	position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    right: 0;
    height: 900px;
    background: rgb(228,236,248);
    background: linear-gradient(90deg, rgba(228,236,248,1) 0%, rgba(228,236,248,1) 50%, rgba(228,236,248,0) 50%, rgba(228,236,248,0) 100%);
}
.roller-item{
	
}
.roller-item-btn:first-child{
	padding-top: 0;
}
.roller-item-btn{
	font-size: 30px;
	padding: 20px 0;
	border-bottom: 1px solid #CFDCF1;
	width: 100%;
	cursor:pointer;
	margin-bottom: 20px;
	color: #788EAC;
	position: relative;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: geo-regular;
}
.roller-item-btn::after{
	content: "";
	position: absolute;
	/*height: 2px;*/
	border-top: 2px solid var(--primary);
	left:0;
	bottom:-1px;
	width: 0;
	background-color: var(--primary);
	transition: all 0.3s;
}
.roller-item-btn.active::after{
	width: 100%;
}
.roller-item-btn:hover:after{
	width: 100%;
}
.scroll-slider-item .roller-item-btn::before{
	content: '\f078';
	font-family: FontAwesome;
    color: var(--primary);
    font-weight: 400;
    font-size: 18px;
    position: absolute;
    right: 0;
    top:10px;
    margin:auto 0;
    transform: rotate(0deg);
    transition: .3s all ease;

}
.scroll-slider-item .roller-item-btn.active:before {
    content: "\f078";
    transform: rotate(180deg);
}



.roller-item-content{
	font-size: 20px;
	line-height: 1.5;
	display: none;
	padding:0px 0 15px 0;
}
.roller-item-content ul{
	list-style-type: none;
    padding: 0;
    margin: 20px 0 0 0;
}
.roller-item-content ul li{
	color: #788EAC;
	font-size: 20px;
	border-bottom: 1px solid #CFDCF1;
	padding:15px 0;
	font-family: geo-regular;
}
.roller-item-content ul li:last-child{
	border-bottom: 0;
}














/* references */
.references{
	background-color: #fff;
	padding: 130px 0;
}
.references .btn-main{
	margin-top:50px;
}
.refs-row{
	display: flex;
	flex-wrap: wrap;
}
.refs-col-text{
	width: 100%;
	padding-right: 0px;
}
.refs-col-imgs{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.refs-col-imgs-item{
	width: 20%;
	padding: 40px 40px;
	border-right: 1px solid #DDE2E8;
	border-bottom: 1px solid #DDE2E8;
	display: flex;align-items: center;
	min-height: 220px;
	overflow:visible;
}
.refs-col-imgs-item img{
	width: 80%;
	height: auto;
	margin:auto;
	overflow: visible;
}
.refs-col-imgs-item:nth-child(5n+5){
	border-right: 0;
}
.refs-col-imgs-item:nth-last-child(-n+5){
	border-bottom: 0;
}
.references p{
	max-width: 400px;
}

.services{
	background: rgb(19,54,100);
	/*background: radial-gradient(circle, rgba(19,54,100,1) 32%, rgba(17,65,130,1) 100%);*/
	position: relative;
}
.services .bubble{
	width: 1000px;
	height: 1000px;
	position: absolute;
	right:5%;
}




/* bigeron */
.vid-bg-and-text{
	position: relative;
	background-color: #fff;
	padding: 0px 0;
}
.vid-bg-and-text .main-block{
	position: relative;
	display: flex;
	padding-right: 0;
}
.vid-bg-and-text .left-side{
	width: 50%;
	display: flex;
	align-items: center;
}
.vid-bg-and-text .right-side{
	width: 50%;
	overflow: hidden;
}
.vid-bg-and-text h1{
	margin-bottom: 50px;
}
.vid-bg-and-text .btn-main{
	margin-top: 50px;
}






/* contact-position */
.contact-positions{
	background-color: #F3F8FF;
	padding:100px 0;
}
.contact-positions .main-block{
	display: flex;
}
.col-con-pos{
	width: 50%;
	text-align: center;
}
.col-con-pos img{
	width: 50px;
	margin-top: 15px;
}
.md-grey-upper{
	font-family: geo-regular;
	color: #7F90AC;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 18px;
}
.contact-positions .md-grey-upper{
	margin-bottom: 20px;
}
.contact-positions a.orange{
	color: var(--primary);
	font-family: geo-regular;
}
.contact-positions a.orange:hover{
	color: var(--primary);
}
.col-con-pos i{
	margin-top: 20px;
	font-size: 50px;
	color: var(--primary);
}






.bg-text{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	display: none;
}
.bg-text .text{
	overflow: hidden;
	text-align: center;
	font-size: 28vw;
	color: #EAF1FB;
	font-family: geo-medium;
	opacity: .7;
    cursor: default;
}


/* the slides */
.slick-slide {
	margin: 0 20px;
	position: relative;
}
/* the parent */
.slick-list {
	margin: 0 20px;
}
.ref-slider-item{
	background-size: cover;
	height: 400px!important;
	position: relative;
}
.ref-slider-item-desc{
	position: absolute;
	bottom: 40px;
	left:40px;
	right: 40px;
}
.ref-slider-item-name{
	font-size: 40px;
	color: #fff;
	line-height: 1;
}
.ref-slider-item-type{
	font-size: 16px;
	color: #fff;
}
.ref-sliders{
	background-color: #F3F8FF;
	padding:50px 0;
	width: 100%;
	overflow-x: hidden;
}
.ref-slider-right{
	margin-top:35px;
}
.ref-slider-overlay{
	position: absolute;
	top:0;
	left:0;right:0;bottom:0;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(4,9,62,0.4) 50%, rgba(0,0,0,0) 100%);
}


/* questions */
.questions{
	background-color: #2B3A4E;
	padding:100px 0;
}
.h4{
	color: #fff;
	font-size:22px;
	font-family: geo-regular;
}
.h4 span{
	color: #788EAC;
	font-family: geo-medium;
}
.questions .roller{
	background-color: unset;
	padding:0;
	margin-top: 50px;
}
.questions .roller-item-btn{
	color: #CFDCF1;
	font-size: 20px;
	border-bottom: 1px solid #5b6b84;
	position: relative;
}
.questions .roller-item-btn::after{
	/*background-color: #fff;*/
	border-top:2px solid #5b6b84;
	/*height: 2px;*/
}
.questions .roller-item-content{
	color: #fff;
	font-size: 16px;
}


.questions .roller-item-btn::before{
	content: '+';
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    position: absolute;
    right: 1.5px;
    top:0px;
    transform: rotate(90deg);
    transition: .3s all ease;
}
.questions .roller-item-btn.active:before {
    content: "\2212";
    transform: rotate(0deg);
}
/*
.work{
	background-color:#F3F8FF;
}*/
/*
.work-item{
	margin-bottom: 30px;
	overflow: hidden;
	height: 800px;
}
.work-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 1s ease-in-out;
}
.work-item:hover{

}
.work-item:hover img{
	transform:scale(1.05);
}
*/


.contact-us{
	background-color: #F3F8FF;
	padding: 50px 0;
}
.for-contact-block{
	background-color: #fff;
	padding:50px 30px;
	text-align: center;
	color: #676767;
	font-size: 30px;
	box-shadow: 0px 10px 27px -5px rgba(0,105,197,0.3);
	font-family: geo-regular;
}
.for-contact-block i{
	color: var(--primary);
}

.horizontal-scroll-wrapper {
  width: 100px;
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.horizontal-scroll-wrapper > div {
  width: 100px;
  height: 100px;
}


.ref-content{
	background-color: #F3F8FF;
	padding: 50px 0;
}
.ref-content.white{
	background-color: #fff;
	padding: 50px 0;
}
.reference.dark .ref-content{
	background-color: #2B3A4E;
}
.reference .intro{
	height: 800px;
	background-size: cover;
}



.text-block{
	padding:50px 0;
}
.text-block .content{
	width: 60%;
}
.text-block.center-content .content{
	margin: 0 auto;
	text-align: center;
}
.text-block .content h1{
	margin-bottom: 50px;
}
.text-block .content .text-block-p{
	color: #556c8c;
	margin-bottom: 0;
	line-height: 1.6;
}
.reference.dark h1{
	color: #fff;
}

.text-block .content h3{
	color: #1C2C46;
	font-size: 35px;
}
.reference.dark h3{
	color: #fff;
}
.reference.dark h3 b{
	color: #788EAC;
}

.image-12{
	padding:100px 0;
}

.quo-row{
	display: flex;
	align-items: center;
	margin-top: 50px;
}
.quo-row .line{
	height:3px;
	width: 100%;
	margin-right: 20px;
	background-color: var(--primary);
}
.quo-row .profile{
	display: flex;
	align-items: center;
	margin-left: auto;
}
.quo-row .profile .profile-img{
	width: 80px;
	min-width: 80px;
	height: 80px;
	border-radius: 80px;
	background-size: cover;
	margin-right: 20px;
}
.quo-row .profile .profile-name{
	color: var(--darkgrey);
	font-size: 20px;
	width: auto;
	white-space: nowrap;
	font-family: geo-medium;
}
.reference.dark .quo-row .profile .profile-name{
	color: #fff;
}
.quo-row .profile .profile-func{
	color: #788EAC;
	text-transform: uppercase;
	font-size: 16px;
	white-space: nowrap;
}
.reference.dark .quo-row .profile .profile-name{
	color: #fff;
}


.ref-share{
	padding:50px 0;
}
.ref-share .line{
	border-top:3px solid #E4ECF8;
}
.ref-share .md-block{
	padding-top:20px;
}
.ref-share .md-block p{
	font-size: 16px;
	letter-spacing: 5px;
	color: #788EAC;
	text-transform: uppercase;
}
.reference.dark .ref-share .md-block p{
	color: #fff;
}
.ref-share .share-btns a{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background-color: #e7ecf3;
	color: #000;
	line-height: 40px;
	text-align: center;
	margin-right: 10px;
	transition: all 0.3s;
}
.ref-share .share-btns a:hover{
	color:#fff;
	background-color: var(--primary);
}

















/* header */
.nav{
	position: fixed;
	top:0;
	left:0;
	z-index:10010;
}
.header a{
	margin-right: 10px;
}
.nav .menu{
	position: fixed;
	right:50px;
	top:50px;
	z-index:10012;
}



.menu.altmenu .menu-text{
	color: #fff;
}
.menu.altmenu.open .menu-text{
	color: #2F3742;
}
.menu.altmenu .toggle input + div div span:before, .menu.altmenu .toggle input + div div span:after {
	background: #fff;
}
.menu.altmenu .toggle input + div svg {
	stroke: #fff;
}
.menu.altmenu .toggle input.m-i-active + div div span:before, .menu.altmenu .toggle input.m-i-active + div div span:after {
	background: #fff;
}
.menu.altmenu .toggle input.m-i-active + div svg {
	stroke:#fff;
}

.menu.altmenu.open .toggle input + div div span:before, .menu.altmenu.open .toggle input + div div span:after {
	background: #2F3742;
}
.menu.altmenu.open .toggle input + div svg {
	stroke: #2F3742;
}
.menu.altmenu.open .toggle input.m-i-active + div div span:before, .menu.altmenu.open .toggle input.m-i-active + div div span:after {
	background: #2F3742;
}
.menu.altmenu.open .toggle input.m-i-active + div svg {
	stroke: #2F3742;
}





.nav .menu .menu-text{
	position: absolute;
	right:22px;
	top:-3px;
	font-size: 15px;
	letter-spacing: 1px;
	transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 15px;
}
.nav-bg{
	background-color: #fff;
	width:0px;
    height:0px;
    border-radius: 100%;
    position: fixed;
    top: 57px;
    right: 61px;
    z-index: 10009;
    transition: all .65s ease-in;
    transform: translate(50%,-50%);

}
.nav-bg.active-menu {
    width:calc(120vw + 120vw);
    height:calc(120vw + 120vw);
}

.toggle {
  display: block;
  cursor: pointer;
}
.toggle input {
  display: none;
}
.toggle input + div {
  width: 20px;
  height: 14px;
  position: relative;
}
.toggle input + div div {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.5s ease;
}
.toggle input + div div span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}
.toggle input + div div span:first-child {
  top: 0;
}
.toggle input + div div span:first-child:before, .toggle input + div div span:first-child:after {
  top: 0;
}
.toggle input + div div span:last-child {
  bottom: 0;
}
.toggle input + div div span:last-child:before, .toggle input + div div span:last-child:after {
  bottom: 0;
}
.toggle input + div div span:before, .toggle input + div div span:after {
  content: "";
  display: block;
  width: 47%;
  height: 2px;
  border-radius: 1px;
  background: #2F3742;
  position: absolute;
  -webkit-backface-visibility: hidden;
  transition: transform 0.5s ease, border-radius 0.3s ease, background 0.4s ease;
}
.toggle input + div div span:before {
  left: 0;
  transform-origin: 0 50%;
  transform: translate(1px, 0) scaleX(1.1);
}
.toggle input + div div span:after {
  right: 0;
  transform-origin: 100% 50%;
  transform: translate(-1px, 0) scaleX(1.1);
}
.toggle input + div svg {
  display: block;
  fill: none;
  stroke: #2F3742;
  stroke-width: 2px;
  width: 44px;
  height: 44px;
  stroke-linecap: round;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -22px 0 0 -22px;
  stroke-dasharray: 0 82.801 8 82.801;
  stroke-dashoffset: 82.801;
  transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
  transform: scale(1);
  transition: stroke-dashoffset 0.5s ease, stroke-dasharray 0.6s ease, transform 0.5s ease, stroke 0.4s ease;
}
.toggle input + div svg:nth-child(3) {
  transform: rotate(180deg) scale(1);
}
.toggle input.m-i-active + div div {
  transform: rotate(90deg);
}
.toggle input.m-i-active + div div span:before, .toggle input.m-i-active + div div span:after {
  background: #2F3742;
}
.toggle input.m-i-active + div div span:first-child:before {
  transform: rotate(45deg) translate(2.2px, -3px) scaleX(1.05);
}
.toggle input.m-i-active + div div span:first-child:after {
  transform: rotate(-45deg) translate(-2.2px, -3px) scaleX(1.05);
}
.toggle input.m-i-active + div div span:last-child:before {
  transform: rotate(-45deg) translate(2.2px, 3px) scaleX(1.05);
}
.toggle input.m-i-active + div div span:last-child:after {
  transform: rotate(45deg) translate(-2.2px, 3px) scaleX(1.05);
}
.toggle input.m-i-active + div svg {
  stroke-dashoffset: 62;
  stroke-dasharray: 0 82.801 62 82.801;
  transform: rotate(90deg);
  stroke:#2F3742;
}
.toggle input.m-i-active + div svg:nth-child(3) {
  transform: rotate(270deg);
}


.menu-ul{
	position: fixed;
	top:0;
	bottom:0;
	left:65%;
	width: 300px;
	/*display: none;*/
	align-items: center;
	visibility: hidden;
	display: flex;
}
.menu-ul.ul-active{
	
	visibility: unset;
}
.menu-ul ul{
	list-style-type: none;
    padding: 0;
    margin: 0;
}
.menu-ul li{
	font-size:22px;
	padding:0px 0;
	font-family: geo-regular;
	line-height: 1;
}
.menu-ul li img{
	margin-right: 15px;
	margin-bottom: 3px;
}
.menu-ul li a:hover {
	color: var(--primary);
	padding-left: 8px;
}
.menu-ul a{
	padding: 12px 0;
	display: block;
	color: var(--darkgrey);
	transition: all 0.3s;
	line-height: 1.5;
}
.menu-ul a:before {
    /*content: "";*/
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 22px;
    left: 2px;
    background-color: #f57221;
    border-radius: 100%;
}

.menu-left{
	display: none;
	position: fixed;
	left:0;
	top:0;
	width: 50%;
	bottom: 0;
	background-color: #F3F8FF;
}
.menu-left-citation{
	font-family: geo-regular;
    font-size: 20px;
}
.menu-left-citation-under{
    font-size: 20px;
}
.menu-left-block{
	display: flex;
	height: 100%;
	align-items: center;
	width: 50%;
	margin:0 auto;
	padding:0 30px;
}
.menu-left-btn{
	width: 100%;
	background-color: #fff;
	padding:20px 10px;
	text-transform: uppercase;
	color: #3B5999;
	font-family: geo-regular;
	font-size: 16px;
	text-align: center;
	display: block;
	letter-spacing: 4px;
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	transition: all 0.3s;
}
.menu-left-btn.blue{
	color: #3B5999;
}
.menu-left-btn.red{
	color: #FF1B00;
}
.menu-left-btn:hover{
	box-shadow: 0px 10px 27px -5px rgb(0 105 197 / 50%)!important;
}

.menu-left-btn i{
	margin-right: 15px;
	font-size: 25px;
}
.menu-left-btn .fa-facebook{
	color: #3B5999;
}
.menu-left-btn .fa-youtube{
	color: #FF1B00;
}
.menu-left-block .row{
	margin-top: 100px;
}

.row-socials{
	display: flex;
}
.col-social{
	width: 50%;
}
.col-social:first-child{
	padding-right: 5px;
}
.col-social:last-child{
	padding-left: 5px;
}

.textify li {
  opacity: 0;
  transform: translate3d(-30px, 0, 0);
  transition-property: transform, opacity;
  display: block;
}

.textify.reveal li {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}




/* sticky horizontal scroll */
.space-holder {
	position: relative;
	width: 100%;
}
.sticky {
	position: sticky;
	top: 0;
	height: 100vh;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	background: linear-gradient(180deg, rgba(19,54,100,1) 32%, rgba(17,65,130,1) 100%);
}
.horizontal {
	position: absolute;
	height: 100%;
	will-change: transform;
}
.cards {
	position: relative;
	height: 100%;
	padding: 0 0 0 0px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}
.sample-card {
	position: relative;
	height: 100%;
	width: 500px;
	margin-right: 0px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	/*padding-top:130px;
	min-height: 400px;*/
	transition: background-color 0.3s;
}
.sample-card:hover{
	background-color: rgba(0,0,0,0.03);
}
.sample-card p{
	color: #fff;
	position: absolute;
	top:45px;
	font-family: geo-medium;
	font-size: 28px;
	line-height: 1.3;
}
.sample-card p.text{
	color: #fff;
	position: static;
	font-family: geo-regular;
}
.h-absolute{
	top:150px;
	left:150px;
}
.sample-card img{
	width: 30px;
	position: absolute;
	top:0;
}
.sample-card ul{
	list-style-type: none;
    padding: 0;
    margin: 20px 0 0 0;
}
.sample-card ul li{
	color: #CFDCF1;
	font-size: 20px;
	border-bottom: 1px solid #5b6b84;
	padding:15px 0;
}
.sample-card ul li:last-child{
	border-bottom: 0;
}





/* contact form block */
.contact-form{
	position: relative;
	background-color: #fff;
}
.contact-form-block{
	display: flex;
	position: relative;
}
.contact-form-block .left{
	width: 50%;
	background-color:#E4ECF8;
	position: relative;
	padding: 100px 100px 100px 0;
}
.contact-form .left-bg-contact{
	position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    right: 0;
    bottom:0;
    background: rgb(228,236,248);
    background: linear-gradient(90deg, rgba(228,236,248,1) 0%, rgba(228,236,248,1) 50%, rgba(228,236,248,0) 50%, rgba(228,236,248,0) 100%);
}
.contact-form .quo-row{
	display: block;
	margin-bottom: 40px;
}

.contact-form .a-text a{
	color: var(--darkgrey);
	font-size: 48px;
	font-family: geo-light;
}
.contact-form .a-text a.mail{
	text-decoration: underline;
}
.contact-form-block .right label{
	color: #757575;
	font-family: geo-regular;
}




.contact-form-block .right{
	width: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 100px 0 100px 100px;
}
.contact-form-block .right p{
	margin-bottom: 40px;
	font-size: 30px;
	font-family: geo-regular;
}
.input-default{
	width: 100%;
	outline: 0;
	border:0;
	margin:0 0 40px 0;
	padding: 10px 0;
	border-bottom: 2px solid #D5EBFF;
}
.contact-form-block .right .row .btn-main{
	width: 100%;
	min-width: unset;
}




.cbx svg{
	width:12px;
	margin:0;
}
.cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.cbx span:first-child {
	top:2px;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #9098A9;
  transition: all 0.2s ease;
}
.cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--primary);
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}
.cbx span:last-child {
	padding-left: 30px;
}
.cbx span:last-child a{
	color: var(--primary);

}
.cbx:hover span:first-child {
  border-color: var(--primary);
}

.inp-cbx:checked + .cbx span:first-child {
  background: var(--primary);
  border-color: var(--primary);
  animation: wave 0.4s ease;
}
.inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}


/* next-project */
body.reference{
	margin-bottom: 600px;
}
.next-project{
	position: fixed;
	width: 100%;
	height: 600px;
	bottom:0px;
	background-size: cover;
	z-index: -1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.next-project-text-block{
	text-align: center;
	z-index: 5;
}
.next-project-text-block p{
	color: #fff;
	text-transform:uppercase;
	font-size: 16px;
	margin-bottom: 0;
	letter-spacing: 5px;

}
.next-project-text-block p.desc{
	color: #fff;
	text-transform: none;
	font-size: 16px;
	margin-bottom: 0;
	letter-spacing: 0px;
	max-width: 650px;
	margin: 15px auto 15px;
}
.next-project-text-block h1{
	text-align: center;
	color: #fff;
}
.next-project-overlay{
	background-color: #000;
	opacity: 0.3;
	position: absolute;
	top:0;left: 0;right: 0;bottom: 0;
	transition: opacity 0.3s;
}
.white-circle{
	width: 120px;
	height: 120px;
	border-radius: 120px;
	border: 15px solid #fff;
	position: relative;
	margin:0 auto;
	transition: all 0.2s;
	margin-top: 20px;
}
.white-circle img{
	position: absolute;
	top:0;bottom:0;left:0;right:0;
	margin: auto auto;
}
.white-circle:hover{
	transform: scale(1.1)!important;
}
.next-project:hover .white-circle{
	animation: circlepop 0.3s;
	animation-timing-function: ease-out;
}
.next-project:hover .next-project-overlay{
	opacity: 0;
}

@keyframes circlepop {
	0%{transform: scale(1);}
	50%{transform: scale(1.1);}
	100%{transform: scale(1);}
}




/* service detail */
.intro.service{
	background-size:cover;
	color:var(--darkgrey);
	height: 800px;
	background-position-x: center;
}
.intro.service h1{
	color:#fff;
}
.intro.service .main-block{
	height: 800px;
}
.intro.service .intro-text-desc{
	padding-left: 0;
	font-size:60px;
	line-height: 1.1;
	font-family: geo-medium;
}
.intro.service .intro-text-desc::before{
	display: none;
}
.intro.service .intro-text-desc p{
	
}

.intro.service h1{
	color: var(--primary);
	font-size: 21px;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-bottom: 20px;
}


.back-to{
	font-family: geo-regular;
	margin: 0px 0 30px 0;
	color: var(--darkgrey);
	display: inline-block;
}
.back-to-left{
	background-color: #fff;
	color: var(--darkgrey);
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 40px;
	transition: all 0.3s;
}
.back-to:hover .back-to-left{
	transform: scale(1.1);
}
.back-to .back-to-left i{
	transition: all 0.3s;
	margin-left: 0;
}
.back-to:hover .back-to-left i{
	margin-left: -5px;
}

/* hader logo */
.header-logo{
	position:fixed;
	top:40px;
	left: 50px;
	z-index:10013;
}
.header-logo.whitelogo{
	opacity:0;
	visibility: hidden;
	transition: opacity 0.3s;
}
.header-logo.whitelogo.active{
	visibility: visible;
	opacity:1;
}
.header-logo.onlymenu{
	display: none;
	z-index:10014;
}



.header-logo img{
	height: 40px;
}
.header-main{
	position:fixed;
	top:0;left:0;right:0;
	height: 120px;
	background-color: rgba(255,255,255,0);
	z-index:9998;
	transition: all 0.3s;
}










.ref-no-pad-block{
	padding:0!important;
}
.reference-custom{
	background-color: #fff;
}
.reference-custom .ref-content{
	background-color: #fff;
}
.reference-custom .intro{
	height: 100vh;
	max-height: 100vh;
	display: flex;
	align-items: center;
}
.reference-custom .fw-block-img {padding-bottom:0!important;} 
.custom-text-img{
	position: relative;
}
.reference-custom .start-text{
	font-size: 25px;
	font-family: geo-regular;
	text-align: center;
	width: 60%;
	margin:0 auto;
	margin-top: 50px;
}


.ref-text-block-intro{
	width: 100%;
	max-width: 1600px;
	margin:0 auto;
}
.ref-text-block-intro .main-h{
	color: #fff;
	font-size: 65px;
	font-family: geo-bold;
	text-align: center;
	margin-bottom: 0;
	line-height: 1;
}
.ref-text-block-intro .sub-h{
	color: #fff;
	font-size: 45px;
	font-family: geo-light;
	text-align: center;
}
.ref-text-block-intro .sub-h b{
	font-family: geo-bold;
}
.ref-text-block-intro .orange-sub{
	color: var(--primary);
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 5px;
	font-family: geo-light;
	text-align: center;
	margin-bottom: 0;
}
.ref-text-block-intro .orange-sub span{
	padding:0 20px;
}
.reference-custom .content .text-block-p{
	font-size: 22px;
	color: var(--darkgrey);
}
.reference-custom h1{font-size: 50px;margin-bottom: 40px;}




/* hilson */
.hilson{
	background-color: #F2F7F9;
}
.hilson-intro-img img{
	height: 100%;
	width: auto;
}
.hilson-intro-img{
	position: absolute;
	top: 0;
	right: 50px;
	bottom:0;
}



.hilson .custom-text-img{
	height: 600px;
}
.hilson .custom-text-img .content{
	width: 34%;
}

.white-bg{
	background-color: #fff;
}
.white-bg .main-block{
	padding:0;
}
.hilson-text-on-img img{
	width: 100%;
	margin-top: 90px;
}
.hilson-text-on-img .main-block{
	position: relative;
}
.hilson-text-on-img .md-block{
	position: absolute;
	top: 0;
}

.ref-share-block{
	padding:100px 0;
	background-color: #f2f7f9;
}
.share-btns a{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background-color: #e7ecf3;
	color: #000;
	line-height: 40px;
	text-align: center;
	margin-right: 10px;
	transition: all 0.3s;
}
.ref-share-block .share-btns a:hover{
	color:#fff;
	background-color: var(--primary);
}
.ref-share-block span{
	margin-right: 40px;
	font-family: geo-bold;
	font-size: 25px;
}
.ref-share-block .main-block{
	display: flex;
	align-items: center;
}
.hilson-text-on-img{
	padding:0;
	padding-top: 100px;
}
.hilson .white-bg .content{
	padding-left: 50px;
}

/* kanon */
.kanon{
	background-color: #fdfbfc;
}
.kanon .ref-content{
	background-color: #fdfbfc;
}
.kanontxt1{
	width: 55%;
	position: relative;
	top:130px;
}
.kanon .ref-content{
	padding: 0;
}
.kanon .ref-content .image-12{
	padding: 0;
}
.kanon-bg{
	background-color: #fdfbfc;
}
.kanon-bg .ref-no-pad-block{
	background-color: #FBF2EB;
	padding-top: 100px;
}
.kanon-bg-img img{
	width: 100%;
}
.kanon-bg .main-block .md-block{
	padding-top: 100px;
	padding-bottom: 50px;
}
.fix-second-col-ref-1{
	padding-top: 20px;
}



/* stankotech */
.stankotech{
	background-color: #FFFFFF;
}
.stankotech .ref-content{
	background-color: #FFFFFF;
}
.stankotech-img-mob{
	width: 700px;
	position: absolute;
	right:-15%;
	top:-120px;
}
.stankotech-img-mob img{
	width: 100%;
}
.stankotech-introtext .md-block{
	position: relative;
}
.ref-no-pad-block .md-block img{width: 100%;}
.stankotxt1{
	width: 50%;
}
.stankotech .ref-content{
	padding-bottom: 0;
}
.fw-block-bg-grad-stanko{
	background-color: #fff;
}
.fw-block-bg-grad-stanko .ref-no-pad-block{
	height:1400px;
	background: rgb(1,19,122);
	background: linear-gradient(225deg, rgba(1,19,122,1) 0%, rgba(2,13,83,1) 100%);
	padding-top: 100px;
}
.fw-block-bg-grad-stanko .main-block .md-block{
	padding-top: 100px;
	padding-bottom: 50px;
}
.fw-block-bg-grad-stanko .leaflet{
	width: calc(100% + 300px);
	position: relative;
	top:-50px;
	left:-150px;
}
.fw-block-bg-grad-stanko h2, .fw-block-bg-grad-stanko .text-block-p{
	color: #fff;
}
.fw-block-bg-grad-stanko .col-md-6:last-child{
	display: flex;
	align-items: center;
	justify-content: center;
}
.fw-block-bg-grad-stanko img.logo-right{
	width: 250px;
}
.stankotech{overflow-x: hidden;}
.img-fix-top-marg{
	margin-top:30px;
}



/* services cards perspective */
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.tilter {
	display: block;
	position: relative;
	width: 300px;
	height: 415px;
	margin: 1.5em 2.5em;
	color: #fff;
	flex: none;
	perspective: 1000px;
}

.tilter * {
	pointer-events: none;
}

.tilter:hover,
.tilter:focus {
	color: #fff;
	outline: none;
}

/*
.tilter__figure,
.tilter__deco,
.tilter__caption {
	will-change: transform;
}*/

.tilter__figure,
.tilter__image {
	margin: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.tilter__figure > * {
	transform: translateZ(0px); /* Force correct stacking order */
}

.smooth .tilter__figure,
.smooth .tilter__deco--overlay,
.smooth .tilter__deco--lines,
.smooth .tilter__deco--shine div,
.smooth .tilter__caption {
	transition: transform 0.2s ease-out;
}

.tilter__figure {
	position: relative;
}

.tilter__figure::before {
	/*content: '';
	position: absolute;
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;*/
	/*box-shadow: 0 30px 20px rgba(35,32,39,0.5);*/
}

.tilter__deco {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tilter__deco--overlay {
	background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4));
}

.tilter__deco--shine div {
	position: absolute;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
	/*background-image: url("../img/brand.png");*/
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.3s;
}
.tilter__deco--shine div img {
	position: absolute;
	top:0;left:0;right:0;bottom:0;
	margin: auto auto;
	width: 270px;
	transition: transform 0.3s;
}
.tilter--1:hover .tilter__deco--shine div img {
	transform: scale(1.2);
}

.tilter__deco--lines {
	fill: none;
}

.tilter__caption {
	position: absolute;
	top: 0;
	width: 100%;
	bottom:0;
	margin: auto 0;
	display: flex;
}
.tilter__caption div{
	
}

.tilter__caption p{
	display: block;
	position: static;
}

.tilter__title {
	margin: 0;
	font-size: 25px;
	line-height: 1;
	color: #fff;
}
.tilter__caption .orange-desc{
	color: var(--primary);
	font-size: 16px;
	text-transform: uppercase;
	font-family: geo-light;
	letter-spacing: 2px;
	margin-top:10px;
	margin-bottom: 5px;
}
.tilter__caption .service-desc{
	font-size: 40px;
	font-family: geo-regular;
	margin-bottom: 0;
}
.tilter__caption .desc-desc{
	font-size: 20px;
	font-family: geo-regular;
}

.tilter__description {
	margin: 1em 0 0 0;
	font-size: 0.85em;
	letter-spacing: 0.15em;
}

#sticky-center-btn{
	position: absolute;
	bottom:20vh;
	z-index:120;
	left:calc( 50% - 150px );
}



.service-cols{margin-top: 50px;margin-bottom: 50px;}

h2{
	color: var(--darkgrey);
	margin-bottom: 15px;
	line-height: 1.1;
}
.service .text-block p{
	color: #556c8c;
	line-height: 1.6;
	font-size: 18px;
}
.service .text-head p{
	color: #556c8c;
	line-height: 1.6;
	font-size: 18px;
}
.service-cols .row .col-sm-12 div p{
	color: #556c8c;
	line-height: 1.6;
	font-size: 18px;
}
.service-advantages p{
	color: #556c8c;
	line-height: 1.6;
	font-size: 18px;
}


.service .text-block .content-row .content h3{
	color: var(--darkgrey);
	margin-bottom: 15px;
	line-height: 1.1;
}

.service-cols .text-head h2{
	text-align: center;
	color: var(--darkgrey);
}
.service-cols .text-head p{
	max-width: 600px;
	margin: auto;
	font-weight: normal;
}
.text-head.btm-0{
	margin-top: 50px;
	margin-bottom: 0;
}
.service-cols .text-head.btm-0 p{
	max-width: 800px;
}
.service-cols .text-head.btm-0 p b{
	font-family: geo-medium;
}
.btm-0{margin-bottom: 0;}
.service-cols .text-head{
	margin-bottom: 50px;
	text-align: center;
}
.service-cols .row{
	margin-left: -20px;
	margin-right: -20px;
}
.service-cols .row div{
	/*padding-left: 20px;
	padding-right: 20px;*/
}
.service-cols .row .col-6 .btm-line{
	position: absolute;
	bottom: 0;
	left: 0px;
	height: 1px;
	width: 80%;
	background-color: #d3e2f5;
}
.service-cols .row .col-6::before{
	content: "";
	position: absolute;
	left:0;
	top:30px;
	bottom:0;
	width: 1px;
	background-color: #d3e2f5;
	display: none;
}
.service-cols .row .col-6::after{
	content: "";
	position: absolute;
	left:20px;
	top:8px;
	width: 17px;
	height: 17px;
	background-image: url("../img/check-solid.svg");
	background-size: cover;
}
.service-cols .row .col-6 div{
	margin-top: 0px;
	padding-left: 35px;
}
.service-cols .row .col-6 div p{
	margin-bottom: 0;
	line-height: 1.7;
}
.service-cols h4{
	color: var(--darkgrey);
    font-family: geo-medium;
    font-size: 24px;
}
.service-cols p{
    font-family: geo-regular;
    font-size: 16px;
}
.service-cols p b{
    color: var(--darkgrey);
    font-family: geo-medium;
}
.service-cols img{
	width: 100%;
	margin-bottom: 20px;
}
.service-cols.darker-bg .col-sm-12::after{
	display: none;
}

.darker-bg{
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #f5f8ff;
	margin-top: 0;
	margin-bottom: 0;
}
.move-bottom-up-50{
	margin-bottom: -50px;
}

.text-block .content-row{
	display: flex;
}






.text-block .content-row .content{
	width: 60%;
	padding-right: 100px;
}



.text-block .content-row .content h3{
	font-family: geo-regular;
	color: #788EAC;
	margin-bottom: 15px;
}
.text-block .content-row .content h3 b{
	font-family: geo-medium;
	color: #1C2C46;
}
.text-block .content-row .content-list{
	width: 40%;
}
.text-block .content-row .content-list ul{
	padding:0;
	margin:0;
	list-style-type: none;
}
.text-block .content-row .content-list ul li{
	padding:10px 15px 10px 45px;
	background-color: #fff;
	margin-bottom: 10px;
	border-bottom: 1px solid #CFDCF1;
	border-radius: 30px;
	font-size: 20px;
	font-family: geo-regular;
	color: #2B3A4E;
	box-shadow: 0 5px 10px -3px rgba(0,0,0,0.1);
	position: relative;
}
.text-block .content-row .content-list ul li::before{
	content: "";
	position: absolute;
	top: 0;left: 15px;
	background-image: url('../img/check-circle-regular.svg');
	background-size: 100%;
	width: 20px;
	height: 20px;
	bottom: 0;
	margin: auto 0;

}
.text-block .content-row .content-list ul li:last-child{
	border-bottom: 0;
}

.text-block .col-md-6 .img-left{
	max-width: 400px;

}
.text-block .col-md-6 .img-right{
	max-width: 400px;
	margin-left: auto;
	display: block;
}



body.service{
	margin-bottom: 600px;
}


.work{
	width: 100%;
	background-color: #F3F8FF;
	padding: 100px 0;
}
.work-items{
	margin-left: -15px;
	margin-right: -15px;
	display: inline-block;
	width: 100%;
}
.work-items a{
	display: contents;
}
.work-item-block{
	width:50%;
	height: 700px;
	padding: 0 15px;
	margin-bottom: 50px;


}
.work-item-block.fw{
	width: 100%;
}



.grid-sizer,
.grid-item {
  width: 50%;
}
.work-item{
	height: 100%;
	padding: 50px;
	transition: all 0.3s;
}

.work-item-block{
	transition: all 0.3s;
}
.work-item-block:hover{
	transform: scale(1.02) translateY(-10px)!important;
}

.work-item .h-mini{
	font-size: 13px;
}
.work-item h3{
	color: var(--darkgrey);
	font-family: geo-bold;
}




.work-item-block.patria{
	margin-bottom: 130px;
}
.work-item-block.patria .work-item{
	background-image: url('../img/patria-bg.jpg');
	background-size: cover;
	border: 1px solid #efefef;
}
.work-item-block.patria img{
	display: block;
	margin: 0 auto;
	height: 680px;
	width: auto;
	max-width: 100%;
	position: relative;
	top: -20px;
}

.work-item-block.hilson{
	margin-top:0px;
	background-color: transparent;
}
.work-item-block.hilson .work-item{
	background-color: #006760;
}
.work-item-block.hilson .h-mini{
	color: #fff;
}
.work-item-block.hilson img.main{
	height: 98%;
	display: block;
	margin: 0 auto;
}
.work-item-block.hilson img.img-badge{
	width: 250px;
	position: absolute;
	top: 0;right: 0;
}

.work-item-block.birdu{
	margin-top: 0px;
}
.work-item-block.birdu .work-item{
	background-color: #DBF6F9;
}
.work-item-block.birdu img.bg{
	position: absolute;
    right: 15px;
    bottom: 0;
    width: calc(100% - 100px);
}
.work-item-block.birdu img.logo{
    height: 40px;
    margin-bottom: 15px;
}
.work-item-block.birdu .h-mini{
	color: #2B3A4E;
}

/*quadro*/
.work-item-block.quadro{
	margin-top: 50px;
}
.work-item-block.quadro .work-item{
	background-color: #3F217A;
}
.work-item-block.quadro .work-item img.bg{
	width: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

}
.work-item-block.quadro h3{
	color: #fff;
}
.work-item-block.quadro .h-mini{
	color: #fff;
}


/*gjk*/
.work-item-block.gjk{
	margin-top:0px;
}
.work-item-block.gjk .work-item{
	background-color: #2B3A4E;
}
.work-item-block.gjk .work-item img.bg{
	width: 80%;
	margin: 50px auto 0 auto;
	display: block;
}
.work-item-block.gjk h3{
	color: #fff;
}
.work-item-block.gjk .h-mini{
	color: #fff;
}

/*forax*/
.work-item-block.forax .work-item{
	background-color: #FF5400;
	overflow: hidden;
}
.work-item-block.forax .wrapper{
	height: 100%;
    overflow: hidden;
    position: relative;
}
.work-item-block.forax .work-item img.bg{
	position: absolute;
	bottom: 20%;
	left: -5%;
	width: 148%;
}
.work-item-block.forax .work-item img.front{
	width: 110%;
	position: absolute;
	left: -5%;
	bottom: 0;
	display: block;
}
.work-item-block.forax h3{
	color: #fff;
}
.work-item-block.forax .h-mini{
	color: #fff;
}


/* idea */
.work-item-block.kvetyidea .work-item{
	background-image: url('../img/idea_bg.png');
	background-size: cover;
	background-position: left center;
}
.work-item-block.kvetyidea h3{
	color: #2B3A4E;
}
.work-item-block.kvetyidea .h-mini{
	color: #2B3A4E;
}
.work-item-block.kvetyidea .work-item::after{
	z-index: 2;
	content: "";
	position: absolute;left: 0;top: 0;right: 0;height: 200px;
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
}
.work-item-block.kvetyidea div{z-index: 3;position: relative;}

/* makove */
.work-item-block.makove .work-item{
	background-image: url('../img/makove_bg.png');
	background-size: cover;
	background-position: left center;
}
.work-item-block.makove h3{
	color: #fff;
}
.work-item-block.makove .h-mini{
	color: #fff;
}

/* chateau */
.work-item-block.chateau{
	margin-top: 50px;
}
.work-item-block.chateau .work-item{
	background-image: url('../img/chateau-top.jpg');
	background-size: cover;
	background-position: left center;

}
.work-item-block.chateau h3{
	color: #fff;
}
.work-item-block.chateau .h-mini{
	color: #fff;
}

.hilson-ref-content-block{height: 100%;position: relative;}

.work-item-block.stankotech{
	background-color: transparent;
	margin-top: 0px;
	position: relative;
	overflow: hidden;
}
.work-item-block.stankotech .work-item{
	background-image: url('../img/stankotech-bg.jpg');
	background-size: cover;
}
.work-item-block.stankotech h3{
	color: #fff;
}
.work-item-block.stankotech img{
	position: absolute;
	left: 15px;
	right: 0;
	bottom: 0;
	width: calc(100% - 30px);
}

.work-item-block.kanon{
	background-color:transparent;
	margin-bottom: 100px;
}
.work-item-block.kanon .work-item{
	background-color: #E4A153;
	position: relative;
}
.work-item-block.kanon img.bg{
	position: absolute;
	width: 100%;
	top: 0px;
	left:0;
}
.work-item-block.kanon img.mockup{
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom: -110px;
}
.work-item-block.kanon h3{
	color: #fff;
}

.work-item .work-item-btm{
	position: absolute;
	left: 50px;
	right: 50px;
	bottom: 50px;
	height: 70%;
}
.kanon .h-mini{
	margin-bottom: 0;
	color: #fff;
}


.work-item-block.voltia{
	margin-top: 80px;
	margin-bottom: 80px;
}
.work-item-block.voltia .work-item{
	background-image: url('../img/work_voltia_bg.jpg');
	background-size: cover;
	position: relative;
}
.work-item-block.voltia .wbd{
	position: absolute;
	right: 100px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	display: block;
	width: 240px;
	box-shadow: 0px 6px 20px #00000029;
}
.work-item-block.voltia .h-mini{
	color: var(--darkgrey);
}



.work-item-block.tuzv{
	
}
.work-item-block.tuzv .work-item{
	background-image: url('../img/work-tuzv-bg.jpg');
	background-size: cover;
	position: relative;
}
.work-item-block.tuzv h3{
	color: #fff;
}
.work-item-block.tuzv .h-mini{
	color: #fff;
}


.work-item-block.sklene .work-item{
	background-image: url('../img/sklene-top.jpg');
    background-size: cover;
    background-position: left center;
    position: relative;
}
.work-item-block.sklene .work-item::after{
	content: "";
	position: absolute;
	left: 0;right: 0;top: 0;bottom: 0;
	background: linear-gradient(0deg, rgba(243,237,237,0) 0%, rgba(243,237,237,0) 50%, rgba(0,0,0,.4) 100%);
}
.work-item-block.sklene h3{
	color: #fff;
	position: relative;
	z-index: 10;
}
.work-item-block.sklene .h-mini{
	position: relative;
	color: #fff;
	z-index: 10;
}


.work-item-block.wlc .work-item{
	background-image: url('../img/wlc_main.jpg');
	background-size: cover;
	position: relative;
}
.work-item-block.wlc h3{
	color: #fff;
}
.work-item-block.wlc .h-mini{
	color: #fff;
}


.work-item-block.zerrenpach .work-item{
	background-image: url('../img/zerrenpach_main.jpg');
	background-size: cover;
	position: relative;
}
.work-item-block.zerrenpach h3{
	color: #fff;
}
.work-item-block.zerrenpach .h-mini{
	color: #fff;
}
























.services-grid {
	background-color: #F3F8FF;
	padding: 100px 0;
	overflow: hidden;
}
.services-grid h2{
	color: var(--darkgrey);
}
.services-grid .services-grid-row{
	margin-top: 50px;
}
.services-grid-row{
	display: flex;
	flex-wrap: wrap;
}
.services-grid-col{
	width: 25%;
	border:  1px solid #CFDCF1;
	border-left: 0;
	padding: 80px 40px;
	position: relative;
	z-index: 1;
	transition: all .3s;
}

.services-grid-col h3{
	font-family: geo-medium;
	color: var(--darkgrey);
}
.services-grid-col:nth-child(4n+1){
	border-left: 1px solid #CFDCF1;
}
.services-grid-col:nth-child(n+5){
	border-top:0;
}
.h-mini-sub{
	font-size: 16px;
	color:  #788EAC;
}
.services-grid-col .h-mini{
	font-size: 14px;
}

.services-grid-col span.bg{
	
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;

	transition: transform .3s ease, background-color .01s ease;
}
.services-grid-col:hover span.bg{
	transform: scale(1.1);
	background-color: #fff;
	box-shadow: 0px 8px 15px -8px #0000001a;
}
.services-grid-col:hover{
	box-shadow: 0px 3px 15px -5px #13366430;
}
.services-grid .btn-main{
	margin-top: 30px;
}

.services-grid-col:hover{
	z-index: 10;
}

.services-grid-col .content{
	position: relative;
	transition: all .3s;
	top: 0;
}
.services-grid-col:hover .content{
	top: -10px;
}
.services-grid .btn-main{
	margin-top: 50px;
}






.sticky-products{
	background-color: #133664;
}
.sticky-cols-row{
	display: flex;
}
.sticky-cols-row .sticky-left{
	width: 55%;
	height: 100vh;
    position: sticky;
    top: 0;
    padding: 15vh 5em 15vh 14vw;
    background-image: url('../img/products_bg.jpg');
    background-size: cover;
}
.sticky-cols-row .sticky-left p{
	max-width: 600px;
}
.sticky-cols-row .scrollable-right{
	width: 45%;
	position: relative;
}
.scrollable-right .product-item{
	width: 100%;
	height: 50vh;
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
}
.scrollable-right .product-item img.bg{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	z-index: -1;
	transition: all .3s;
	transform: scale(1.01);
}
.scrollable-right .product-item .product-item-desc{
	padding: 40px 120px 40px 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	color: #fff;
}
.scrollable-right .product-item .product-item-desc p{
	max-width: 800px;
}
.scrollable-right .product-item .product-item-desc img.logo{
	z-index: 1;
	display: block;
	height: 40px;
	object-fit: unset;
	position: static;
	width: auto;
	margin-bottom: 20px;
	transition: all .3s ease;
}
.product-item p{
	transition: all .3s ease .1s;
}

.btn-text{
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 14px;
	font-family: geo-medium;
}
.product-item .btn-text{
	transition:  all .3s ease .2s;
	margin-top: 15px;
	transform: translateY(10px);
	opacity: 0;
}
.product-item:hover .btn-text{
	transform: translateY(0px);
	opacity: 1;
}
.product-item:hover .logo{
	transform: translateY(-10px);
}
.product-item:hover p{
	transform: translateY(-10px);
}
.product-item:hover img.bg{
	transform: scale(1.05);
}

.product-item.intuit .product-item-desc img.logo{
	height: 35px;
}
.product-item.cms .product-item-desc img.logo{
	height: 35px;
}
.product-item.superpozicovna .product-item-desc img.logo{
	height: 80px;
}
.product-item.supermapy .product-item-desc img.logo{
	height: 80px;
}
.product-item.komentor .product-item-desc img.logo{
	height: 36px;
}

.product-item.podujatia .product-item-desc img.logo{
	height: 66px;
}





.scrollable-right .product-item::after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top:0;
	background: rgb(0,0,0);
    background: linear-gradient(0deg, #133664 0%, rgba(0,0,0,0) 100%);
    transition: all 0.3s;
    z-index: -1;
}

.sticky-products p {
	color: #fff;

}
.sticky-products h2 {
	color: #fff;
}









.home .work{
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #fff;
}
.home .work h2{
	color: var(--darkgrey);
	margin-bottom: 40px;
}
.aboout .work h2{
	color: var(--darkgrey);
	margin-bottom: 40px;
}
.home .work .btn-main{
	margin-top: 30px;
}


.btn-circle-arrow{
	position: absolute;
	right: 40px;
	bottom: 40px;
	width: 70px;
	height: 50px;
}
.btn-circle-arrow .circle{
	position: absolute;
	right: 0;
	height: 50px;
	margin-left: 30px;
}
.btn-circle-arrow .arrow{
	width: 40px;
	position: absolute;
	top: 16px;
	right: 25px;
	transition: right .3s;
}

.product-item:hover .btn-circle-arrow .arrow{
	right: 15px;
}


.services-list{
	background-color: #F3F8FF;
	padding: 100px 0;
}
.service-list-item{
	display: flex;
	margin-bottom: 50px;
	transition: all 0.3s;
}
.service-list-item:hover{
	box-shadow: 0 0px 40px -5px #cdd2d9b8;
    z-index: 100;
	position: relative;
}
.service-list-item:hover img.serv-main-arrow{
	transform: scale(1.1) translateX(10px);
}
.service-list-item.main-right:hover img.serv-main-arrow{
	transform: scale(1.1) translateX(-10px);
}

.service-list-item:hover .service-list-item-main::after{

}
.service-list-item .text-right{
	color: var(--darkgrey);
}


.service-list-item-main{
	width: 50%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.service-list-item-main .serv-main-img{
	width: 250px;
	min-width: 200px;
	display: block;
	height: 100%;
	object-fit: cover;
}
.service-list-item-main .simpleParallax{
	width: 200px;
	min-width: 200px;
}
.service-list-item-main .serv-main-arrow{
	position: absolute;
	top: 0;
	bottom: 0;
	right: -5%;
	margin: auto 0;
	height: 120px;
	transition: all 0.3s;
}
.serv-main-desc{
	width: 100%;
	padding: 100px 80px 100px 50px;
}
.serv-main-desc h2{
	font-family: 'geo-medium';
	color: #2B3A4E;
	font-size: 50px;
	margin-bottom: 20px;
	line-height: 1;
}
.serv-main-desc h2 i{
	font-size: 15px;
	margin-left: 5px;
	display: none;
}


.service-list-item-right{
	width: 50%;
	background-color: #F8FBFF;
	padding: 70px 50px 70px 130px;
	display: flex;
	align-items: center;
	position: relative;
	transition: all 0.3s;
	overflow: hidden;
}
.service-list-item-right::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100px; 
	background-image: url('../img/arrow-wh-right.svg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	z-index: 0;
	transition: all 0.3s;
}
.service-list-item-right::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0px; 
	background-color: #fff;
	z-index: 1;
	transition: all 0.3s;
}
.service-list-item-right .content-aligned{
	position: relative;
	z-index: 2;
}
.service-list-item:hover .service-list-item-right::after{
	left: 100%;
}
.service-list-item:hover .service-list-item-right::before{
	width: 100%;
}




.service-ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.service-ul li{
	padding-left: 25px;
	position: relative;
	margin-bottom: 10px;
	font-size: 18px;
	color: var(--darkgrey);
	font-family: geo-regular;
}
.service-ul li::before{
	content: "";
	position: absolute;
	top: 3px;
	left: 0px;
	width: 10px;
	height: 10px;
	bottom: 0;
	margin: auto 0;

	background-image: url('../img/li_bubble.svg');
	background-size: 100%;
	background-repeat: no-repeat;
}

.main-right .service-list-item-main{
	order: 2;
}
.main-right .service-list-item-right{
	order: 1;
}
.main-right .serv-main-desc {
    padding: 100px 50px 100px 80px;
}
.main-right .serv-main-img{
}
.main-right .service-list-item-right::after{
	right: 0;
	left: unset;
	transform: rotate(180deg);
}
.main-right .service-list-item-main .serv-main-arrow{
	right: unset;
	left: -5%;
}
.service-list-item.main-right .service-list-item-right::before{
	right: 0;
	left: unset;
}
.service-list-item.main-right:hover .service-list-item-right::after{
	right: 100%;
}
.service-list-item.main-right:hover .service-list-item-right::before{
	width: 100%;
}

.main-right .service-list-item-right{
	padding: 70px 130px 70px 100px;
}
.serv-main-desc p{margin-bottom: 0;font-size: 18px;color: var(--darkgrey);line-height: 1.6;}


.ref-quadro-content-1 .content{
	width: 100%;
	max-width: 1300px;
	display: flex;
	margin: 0 auto;
	justify-content: center;
}
.ref-quadro-content-1 .content h1{
	width: 30%;
}
.ref-quadro-content-1 .content .text-block-p{
	width: 50%;
	padding-left: 50px;
}
.ref-quadro-content-1.ref-content{
	padding: 0;
}
.ref-quadro-content-1 .text-block{
	padding: 0;
}

/* gjk refka */
.gjk-custom-content-1-block{
	position: relative;
}
.gjk-custom-content-1-block .content{
	width: 40%;
	position: absolute;
	bottom: 50px;
	left: 50px;
}
.gjk-custom-content-2-block{
	position: relative;
	overflow: hidden;
}
.gjk-custom-content-2-block .content{
	width: 35%;
	position: absolute;
	top: 50px;
	left: 50px;
}
.gjk-custom-content-2-block img{
	position: relative;
	right: -200px;
}

.gjk-custom-content-3-block{
	position: relative;
	padding: 0;
	top:0px;
}
.gjk-custom-content-3-block .image-12{
	padding: 0;
}
.gjk-custom-content-3-block .content{
	width: 40%;
	position: absolute;
	bottom: 200px;
	left: 55%;
	color: #fff;
}
.gjk-custom-content-3-block .content h2{
	color: #fff;
}
.gjk-custom-content-3-block .content p{
	color: #fff!important;
}
.gjk-custom-content-4-block{
	padding-bottom: 0;
}
.gjk-custom-content-4-block .image-12{
	padding-bottom: 0;
}


.gjk-custom-text-01{
	height: 0;
	padding: 0;
}
.gjk-custom-text-01 .content{
	width: 40%;
    position: relative;
    top: -500px;
    left: 50px;
}

/* sklene */
.ref-sklene-block-01{
	padding-bottom: 0!important;
}
.ref-sklene-block-01 .image-12{
	padding-bottom: 0!important;
}
.ref-sklene-block-01 .front{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 90%;
	right: 0;
	margin: 0 auto;
	z-index: 3;
}
.ref-sklene-block-01 .bg{
	z-index: 2;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	right: 0;
}
.ref-sklene-block-01 .bg-mid{
	z-index: 1;
	position: relative;
}
.ref-sklene-block-01 .ref-no-pad-block{
	position: relative;
}

.ref-sklene-block-02{
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.ref-sklene-block-02 .image-12{
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.ref-sklene-content-01 .main-block{
	position: relative;
}
.ref-sklene-content-01 .main-block::before{
	background-color: #F4F2EF;
	content: "";
	position: absolute;
	z-index: 0;
	left:0;top: 0;right: 0;bottom: 0;
}
.ref-sklene-content-01 .main-block .content{
	position: relative;
	z-index: 2;
}

.ref-sklene-content-02{
	position: relative;
	overflow: hidden;
}
.ref-sklene-content-02 .content{
	width: 35%;
    position: absolute;
    left: 50px;
    top: 0;
}
.ref-sklene-content-02 img{
	position: relative;
    right: 0px;
    width: 100%;
}

.ref-sklene-content-03 p{
	margin-bottom: 0!important;
	color: #fff!important;
}
.ref-sklene-content-03 h2{
	color: #fff!important;
}
.ref-sklene-content-03{
	position: relative;
	height: 100px;
}
.ref-sklene-content-03::before{
	background-color: #6693A0;
	content: "";
	position: absolute;
	z-index: 0;
	left:0;top: 0;right: 0;bottom: 0;
}
.ref-sklene-content-03 .content{
	position: relative;
	z-index: 2;
	width: 35%;
	top: -150px;
	left: 150px;
}
.sklene-custom-block-01{
	/*height: 0;*/
	padding: 0;
}
.sklene-custom-block-01 .content{
	position: relative;
	top: 0px;
	width: 50%;
}
.img-slide{
	position: relative;
}
.img-slide img{
	width: 100%;
}
.img-slide::after {
    content: "";
    position: absolute;
    top: 45px;
    left: 45px;
    right: 45px;
    bottom: 45px;
    border: 10px solid #ffffff70;
    z-index: 10;
}
.dots-slider .img-slide::after{
	display: none;
}
.dots-slider .slick-dots li button:before{
	font-size: 14px;
}
.dots-slider .slick-dots{
	bottom: -40px;
}
.dots-slider .slick-dotted.slick-slider{
	margin-bottom: 45px;
}
.dots-slider .slick-prev:before, .dots-slider .slick-next:before {
    font-family: 'Font Awesome 5 free';
    color: #000;
    font-weight: 600;
}
.dots-slider .slick-next:before{
	content: '\f061';
}
.dots-slider .slick-prev:before{
	content: '\f060';
}
.slider-desc{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	display: none;
	text-align: center;
	padding: 0 15px;
}
.slider-desc:first-child{
	display: block;
}
.slider-desc h3{
	color: #1C2C46;
    font-size: 35px;
}
.slider-desc{
	margin-bottom: 20px;
}
.slider-desc p{
    font-size: 20px!important;
}
.small-block{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
    

/* birdu  */
.birdu-blue-bg-01{
	padding: 0!important;
}
.birdu-blue-bg-01 .main-block{
	position: relative;
	padding-top: 70px;
	padding-bottom: 50px;
}
.birdu-blue-bg-01 .main-block::before{
	content: "";
	position: absolute;
	z-index: 1;
	background-color: #DBF6F9;
	top: 0;left: 0;right: 0;bottom: 0;
}
.birdu-blue-bg-01 .main-block .md-block{
	position: relative;
	z-index: 2;
}
.birdu-blue-bg-01 .start-text{
	margin-top: 0;
}
.birdu-blue-bg-02{
	padding: 0!important;
}
.birdu-blue-bg-02 .image-12{
	padding: 0!important;
}
.birdu-blue-bg-02 .main-block{
	background-color: #DBF6F9;
}
.birdu-blue-bg-03 .main-block::before{
	background-color: #DBF6F9;
}
.text-logo-block .ref-no-pad-block .logo-right{
	width: 250px;
}
.text-logo-block .col-md-6:last-child{
	display: flex;
	align-items: center;
	justify-content: center;
}



/* forax */
.forax-img-block-01{
	padding: 0!important;
}
.forax-img-block-01 .image-12{
	padding: 0!important;
}

.forax-img-block-01 .main-block{
	position: relative;
	overflow: hidden;
}
.forax-img-block-01 .front{
	width: 100%;
	position: relative;
	z-index: 2;
}
.forax-img-block-01 .bg-symbol{
	position: absolute;
	right: 0px;
	bottom: 50px;
	z-index: 1;
	width: 50%;
}
.forax-content-block-01{
	padding-top: 0;
	padding-bottom: 0;
}
.forax-content-block-01 .main-block{
	background-color: #236CD5;
}
.forax-content-block-01 .md-block{
	left: 100px;
	top: 100px;
}
.forax-content-block-01 .main-block{
	padding-top: 200px!important;
}
.forax-content-block-01 .text-block{
	padding: 0;
}
.forax-content-block-01 .main-block p{
	color: #fff!important;
}
.forax-content-block-02 img{
    right: 0px;
}
.forax-content-block-02{
	padding-top: 0;
}
.forax-content-block-02 .content{
	width: 50%;
}


/* makove */
.makove-textimage-01 .main-block{
	position: relative;
	overflow: hidden;
}
.makove-textimage-01 .content{
	position: absolute;
	top: 0;
	left: 50px;
	width: 40%;
}
.makove-textimage-01 .front{
	position: relative;
	right: -265px;
	z-index: 2;
	width: 100%;
}
.makove-textimage-01 .front_bg{
	position: absolute;
	height: 225px;
	margin: auto;
	top: 0;right: 500px;bottom: 0;
	z-index: 1;
}


/* kvety */
.kvety-custom-01 .content{
	width: 45%;
	top: -750px;
	left: 100px;
}

/* patria */
.img-dropshadow{
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	border-radius: 6px;
}
.reference-custom.patria{
	background-color: #FFF9F6;
}
.reference-custom.patria .ref-content{
	background-color: #FFF9F6;
}
.patria-custom-01 .left{
	width: 40%;
}
.patria-custom-01 .text-block-p{
	width: 50%;
}
.patria-custom-01 .content .text-block-p{
	width: 60%;
}
.patria-custom-02 .content {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
.patria-custom-02 .content .text-block-p{
	font-size: 20px!important;
}
.patria-custom-02 h3{
	margin-bottom: 0;
	padding-bottom: 10px;
}
.patria-custom-02 h3 b{
	font-family: geo-bold;
}
.patria-custom-02 .icons img{
	display: inline-block;
	height: 45px;
}
.patria-custom-02{
	padding-bottom: 0!important;
}
.patria-custom-02 .text-block{
	padding-bottom: 0!important;
}
.patria-custom-03{
	padding-top: 0!important;
}
.patria-custom-03 .image-12{
	padding-top: 50px!important;
	padding-bottom: 0;
}

.patria-custom-parallax-image-01{
	position: relative;
}
.patria-custom-parallax-image-01 img{
	position: absolute;
	width: 50%;
	top: 200px;
}
.patria-custom-brand-1{
	padding-bottom: 0;
}
.patria-custom-brand-1 .image-12{
	padding-bottom: 0;
}
.patria-custom-brand-2{
	padding-top: 0;
}
.patria-custom-brand-2 .image-12{
	padding-top: 0;
}
.patria-custom-brand-2 img{
	width: 130%;
	margin-left: -15%;
}
.patria-custom-brand-2 .main-block{
	overflow: hidden;
}

.patria-custom-slogan img{
	width: 100%;
	max-width: 500px;
	margin:0 auto;
	display:block;
	padding:0 15px;
}

.patria-custom-slogan-bg{
	position: relative;
	padding-bottom: 0;
}
.patria-custom-slogan-bg img.bg{
	position: absolute;
	bottom: 19%;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1;
	max-width: 1600px;
	margin: 0 auto;
}
.patria-custom-slogan-bg .front-content{
	position: relative;
	z-index: 2;
	margin-bottom: 50px;
}
.patria-custom-brand-4{
	z-index: 2;
	position: relative;
}
.patria-custom-brand-4 .image-12{
	padding: 0;
	padding-bottom: 100px;
}

.patria-custom-slogan-bg .front-content .patria-custom-slogan{
	margin: 50px 0;
}
.text-left-pad .text-block-p{
	padding-left: 100px;
	width: 100%;
	max-width: 1000px;
}
.patria-custom-wlns-1{
	padding-top: 0;
}
.patria-custom-wlns-1 .image-12{
	padding-top: 0;
}
.patria-custom-wlns-0{
	padding-bottom: 0;
}


.patria-custom-gift-01 .custom-text-img{
	display: flex;
	width: 100%;
	align-items: center;
	flex-direction: column;
}
.patria-custom-gift-01 .custom-text-img .gift-card{
	width: 100%;
	max-width: 80%;
	margin-left: auto;
}
.patria-custom-gift-01 .custom-text-img .timeline{
	position: absolute;
	top: 0;
	left: 50px;
}

.patria-custom-04 .main-block{
	position: relative;
}
.patria-custom-04 .top-right{
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
}
.patria-custom-04 .bottom-right{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30%;
}
.patria-custom-04 .bottom-left{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30%;
}
.patria-custom-04 .image-12{
	padding-top: 0;
	padding-bottom: 50px;
}

.ref-adv-list{
	position: absolute;
	left: 0;
	top: 110px;
}
.ref-adv-list ul{
	list-style-type: none;
}
.ref-adv-list ul li{
	padding: 10px 15px 10px 45px;
    background-color: #fff;
    margin-bottom: 10px;
    border-bottom: 1px solid #CFDCF1;
    border-radius: 30px;
    font-size: 20px;
    font-family: geo-regular;
    color: #2B3A4E;
    box-shadow: 0 5px 10px -3px rgb(0 0 0 / 10%);
    position: relative;
    min-width: 200px;
}
.ref-adv-list ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    background-image: url(../img/check-circle-regular.svg);
    background-size: 100%;
    width: 20px;
    height: 20px;
    bottom: 0;
    margin: auto 0;
}
.patria-custom-04 .ref-adv-list{
	top: 0;
}














/* contact */
.contact .contact-intro{
	background-image: url("../img/kontakt.jpg");
	background-size: cover;
}
.contact-intro .main-block{
	min-height: 100vh;
	height: auto;
}
.contact-intro{
	min-height: 100vh;
	height: auto;
}
.contact-intro .main-block{
	display: flex;
}
.contact-intro-text{
	display: flex;
	align-items: center;
	width: 50%;
}
.contact-intro-text h1{
	margin-bottom: 50px;
    font-family: geo-light;
}
.contact-intro-right{
	width: 50%;
	display: flex;
	align-items: center;
}
.contact-con-item{
	background-color: #002252;
	padding: 30px 30px 30px 120px;
	position: relative;
}
.contact-con-item:first-child{
	margin-bottom: 15px;
}

.contact-con-icon{
	position: absolute;
	left: 40px;
	top: 0;
	bottom: 0;
	height: 60px;
	width: 60px;
	margin: auto 0;
}
.contact-con-icon i{
	color: #5c78a0;
	font-size: 46px;
	line-height: 60px;
	vertical-align: middle;
}

.contact-address p{
	font-family: geo-bold;
}
.contact-map{
	color: var(--primary);
	font-family: geo-medium;
}
.contact-bank{
	margin-top: 50px;
}
.contact-details{
	margin-top: 50px;
}
.contact-intro .bg-text{
	display: flex;
}
.contact-con-desc h2{
	color: var(--primary);
	font-family: geo-light;
	margin-bottom: 5px;
	font-size: 52px;
}
.contact-con-desc .desc{
	color: #fff;
}
.contact-con-desc .h-mini{
	color: #5c78a0;
	margin-bottom: 0px;
}
.contact-intro-right-inside{
	width: 100%;
}
.contact-con-item{
	width: 100%;
	display: flex;align-items:center;
	min-height: 185px;
}

body.contact{
	margin-bottom: 0;
}

.contact-intro-right-inside .row{
	width: 80%;
	margin: 0 auto;
	margin-bottom: 100px;
}
.contact-intro-right-inside .menu-left-btn{
	box-shadow: 0px 10px 27px -5px rgb(0 105 197 / 20%);
}


/* jobs */
.jobs{
	background-color: #F3F8FF;
	padding: 100px 0;
}
.box-fw{
	width: 100%;
    border: 1px solid #CFDCF1;
    border-bottom: 0px;
    display: flex;
    transition: all 0.2s;
    padding: 0;
    min-height: 0!important;
    justify-content: left;
    flex-direction: row;
    position: relative;
    z-index: 1;
}
.box-fw .fill_bg{
	/*background-color: #fff;*/
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	transition: all .3s ease;
}
.box-fw:hover{
	z-index: 30;
}
.box-fw:hover .fill_bg{
	background-color: #fff;
    box-shadow: 0px 8px 15px -8px #0000001a;
}
    
.jobs .box-link{
	color: var(--darkgrey);
}
.jobs .box-link:last-child .box-fw{
	border-bottom: 1px solid #CFDCF1;
}

.box-fw-left{
	padding: 40px 55px;
    padding-right: 0px;
    height: auto;
    display: flex;
    align-items: center;
    width: 30%;
    z-index: 1;
}
.box-title{
	font-family: 'geo-bold';
	margin-bottom: 0;
}
.box-fw-right{
	width: 70%;
    height: 100%;
    padding: 40px 55px;
    padding-right: 100px;
    z-index: 1;
}
.box-fw-right p{
	margin-bottom: 0;
}

.jobs-advantages-row{
	display: flex;
	direction: row;
}
.jobs-advantages-item{
	width: 33.33%;
	padding: 50px;
	background-color: #fff;
	border: 1px solid #CFDCF1;
	border-right: 0;
}
.jobs-advantages-item:nth-child(n+3){
	border-right: 1px solid #CFDCF1;
}

.jobs-advantages{
	background-color: #F3F8FF;
}


.splitl{
	opacity: 0;
}

.vertical-timeline-block .col-sm-12:first-child{
	display: flex;
	align-items: center;
}
.vt-item{
	position: relative;
	padding-left: 40px;
	padding-bottom: 40px;
}
.vt-item:last-child{
	padding-bottom: 0;
}
.vt-item::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
    height: 20px;
    background-image: url(../img/minicircle.svg);
    background-size: cover;
    z-index: 2;
}
.vt-item::after{
	content: "";
	position: absolute;
	top: 20px;
	left: 10px;
	bottom: 0;
	width: 1px;
    background-color: #d3e2f5;
    z-index: 1;
}
.vt-item h4{
	color: var(--darkgrey);
	font-family: geo-medium;
	font-size: 20px;
}
.vt-item p{
	font-size: 18px;
	margin-bottom: 0;
	color: #556c8c;
}


.services-list-bar{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.services-list-bar a{
	padding: 10px 10px 10px 20px;
	font-family: geo-bold;
	font-size: 26px;
	text-transform: uppercase;
	color: var(--darkgrey);
	position: relative;
}
.services-list-bar a::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 20px;
	height: 2px;
	right: 10px;
	background-color: var(--primary);
	transition: all 0.3s;
	transform: scaleX(0);
}
.services-list-bar a::before{
	content: "";
	position: absolute;
	right: -9px;
	top: 0;
	bottom: 0;
	height: 8px;
	width: 8px;
	border-radius: 8px;
	background-color: var(--primary);
	margin: auto 0;
}
.services-list-bar a:hover::after{
	transform: scaleX(1);
}
.services-list-bar a:last-child::before{
	display: none;
}


.service-advantages{

}
.service-advantages .check-item{
	padding-left: 35px;
	position: relative;
	margin-bottom: 15px;
}
.service-advantages .check-item::before{
	content: "";
    position: absolute;
    left: 0px;
    top: 3px;
    width: 20px;
    height: 20px;
    background-image: url(../img/check-circle-regular.svg);
    background-size: cover;
}
.service-advantages h4{
	color: var(--darkgrey);
    font-family: geo-medium;
    font-size: 30px;
}
.service-advantages .check-item p{
	margin-bottom: 0;
    line-height: 1.7;
    font-family: geo-regular;
    font-size: 18px;
}
.service-advantages .col-md-8 div{
	padding-right: 50px;
}


.only-h-adv .col-sm-12{
	margin-bottom: 20px;
}
.only-h-adv h4{font-family: geo-regular;}


.pad-top-0{
	padding-top: 0;
}
.pad-btm-50{
	padding-bottom: 50px;
}
.pad-top-0 h4{
	font-family: geo-medium;
}


.show-on-hover{
	transition: all .3s ease .2s;
	transform: translateY(10px);
    opacity: 0;
    margin-top: 10px;
    color: var(--primary);
    position: relative;
    top: 40px;
}
.service-list-item:hover .show-on-hover{
	transform: translateY(0px);
    opacity: 1;
}


.only-text-h2-centered h2{
	line-height: 1.3;
	font-size: 45px;
}

.split-before{
	opacity: 0;
}



.text-image .text-image-row{
	display: flex;
}
.text-image .text-image-row .content{
	width: 45%;
	display: flex;
	align-items: center;
}
.text-image .text-image-row .content-img{
	width: 55%;
	position: relative;
}
.text-image .text-image-row .content-img img{
	width: 100%;
	height: auto;
}
.text-image .text-image-row .content-img img.parallax-front{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0;
	width: 60%;
	z-index: 1;
}
.text-image .text-image-row .content-img img.parallax-front.size-70{
	width: 70%;
}
.text-image .text-image-row .content-img img.parallax-front.size-40{
	width: 40%;
}
.text-image .text-image-row .content-img img.parallax-front.size-50{
	width: 50%;
}
.text-image .text-image-row .content-img img.parallax-front.size-25{
	width: 25%;
}
.text-image .text-image-row .content-img img.parallax-front.size-35{
	width: 35%;
}
.text-image .text-image-row .content-img img.parallax-front.bg-shadow{
	box-shadow: 5px 5px 30px -5px rgba(0,0,0,0.15);
}

.inner-block.lg{
	max-width: 1400px;
}

.parallax-bg-smaller{
	padding-left: 15%;
}

.text-image .text-image-row .content-img img.parallax-front.center-left{
	top: 0;
	left: -15%;
	right: auto;
	bottom: 0;
}
.text-image .text-image-row .content-img img.parallax-front.bottom-right{
	top: auto;
	right: 0;
	left: auto;
	bottom: 10%;
}
.text-image .text-image-row .content-img img.parallax-front.bottom-0-right{
	top: auto;
	right: 0;
	left: auto;
	bottom: 0%;
}
.text-image .text-image-row .content-img img.parallax-front.top-right{
	top: 10%;
	right: 0;
	left: auto;
	bottom: auto;
}
.text-image .text-image-row .content-img img.parallax-front.top-0-right{
	top: 0%;
	right: 0;
	left: auto;
	bottom: auto;
}
.round-border{
	border-radius: 5px;
}

.text-on-right .parallax-bg-smaller{
	padding-left: 0%;
	padding-right: 15%;
}

.text-image .content ul{
	color: #556c8c;
	font-size: 18px;
	line-height: 1.6;
	font-family: geo-regular;
	margin-top: 15px;
}
.text-image.text-on-left .text-image-row .content{
	padding-right: 50px;
}
.text-image.text-on-right .text-image-row .content{
	padding-left: 50px;
}
.text-image .content h3{
	font-size: 45px;
	font-family: geo-medium;
	margin-bottom: 15px;
}

.check-item.only-p{
	padding-left: 30px;
    position: relative;
    margin-bottom: 5px;
}
.check-item.only-p p{
    margin-bottom: 0px;
}
.check-item.only-p::before{
	content: "";
    position: absolute;
    left: 0px;
    top: 6px;
    width: 17px;
    height: 17px;
    background-image: url(../img/check-solid.svg);
    background-size: cover;
}
.check-items-label{
	margin: 20px 0 15px 0;
	display: block;
}


.banner {
	text-align: center;
	margin: 50px auto;
}
.banner.content h3{
	font-size: 45px;
    font-family: geo-medium;
}
.banner .btn-main{
	margin-top: 30px;
}





/**/

.clients-carousel .owl-carousel .item img{
	width: auto;
	margin: auto;
	max-width: 70%;
	max-height: 100px;
	height: auto;
}


.job-offer-block{
	padding-top: 150px;
	padding-bottom: 150px;
	background-color: #fff;
}
.job-offer-block .sm-block{
	padding: 0 50px;
}
.job-offer-block h1{
	font-weight: 600;
}
.job-offer-block .p{
	margin: 30px 0;
}

.job-offer-block ul{
	font-size: 20px;
}
.job-offer-block ul li{
	margin-bottom:5px;
}
.job-offer-block .ul-label{
	margin-bottom: 10px;
	font-weight: 600;
}
.job-offer-block .back-to{
	color: var(--darkgrey);
	margin-bottom: 70px;
}
.job-offer-block .back-to-left{
	background-color: #fafafa;
}


.onlymob{display: none;}
/* responsive */


.mrg-top-30{
	margin-top: 30px;
}
.about-block{
	width: 100%;
    background-color: #fff;
    padding: 50px 0;
}
.about-block.darker-bg{
    background-color: #F3F8FF;
    padding: 80px 0;
}
.about .intro-about .sm-block{
	/*margin: 0;*/
	text-align: center;
}
.about-team{
	padding: 80px 0 40px 0;
}

.about .bg-text {
	display: flex;
	height: 100%;
}
.about .references{
	padding: 80px 0;
}
.about h2{
	margin-bottom: 40px;
}
.about .intro-about{
	padding: 100px 0 100px 0;
}
.sm-col-block-text{
	margin: 0 0 40px 0;
}

.sm-col-block-text h4{
	font-family: geo-medium;
	margin-bottom: 20px;
}
.sm-col-block-text .p{
	font-size: 18px;
}
.sm-col-block-text img{
	width: 100%;
	margin-bottom: 20px;
}
.sm-col-block-text .h-mini{
	font-size: 12px;
}

.about .jobs{
	background-color:#fff;
	padding-top: 0;
}
.references .p{
	max-width: 600px;
}


.about .left-bg-contact{
	background: linear-gradient(90deg, rgba(228,236,248,1) 0%, rgba(228,236,248,1) 50%, rgb(228 236 248) 50%, rgb(228 236 248) 100%);
}
.about .contact-form-block .right{
	background-color: transparent;
	padding-left: 50px;
}
.about .input-default{
	border-bottom: 2px solid #b8c7dc;
	background-color:transparent;
}

.about .dark-bg{
	background-color: #133664;
	padding: 100px 0;
}
.about .dark-bg .sm-block{
	margin: 0;
	color: #fff;
}
.about .dark-bg .sm-block h3{
	color: #fff;
	font-size: 40px;
	margin-bottom: 30px;
}
.about .dark-bg .sm-block h3 b{
	color: #fff;
}
.about .dark-bg .row{
	margin-top: 50px;
}

.services-short-box{
	background-color: #183e70;
	padding: 40px;
	color: #fff;
}
.services-short-box h3{
	color: #fff;
	margin-bottom: 20px;
}
.services-short-box span{
	background-color: #1c4780;
    padding: 8px 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    display: inline-block;
}
.services-short-box .p{
    font-size: 16px;
    margin-bottom: 20px;
}

.about .services-items{
	margin-top: 0!important;
}
.services-items span{
    padding-bottom: 10px;
    font-size: 18px;
    display: block;
    color: #fff;
}
.services-label{
	font-size: 45px;
	color: #fff;
	margin-bottom: 20px;
}



.succesform{
	border-radius: 2px;
	background-color: var(--primary);
	color: #fff;
	padding: 10px 20px;
	margin-top: 20px;
	display: none;
}
.errorform{
	border-radius: 2px;
	background-color: #ff3223;
	color: #fff;
	padding: 10px 20px;
	margin-top: 20px;
	display: none;
}

.home .intro .bg-text{
	display: flex;
}
.home .intro .bg-text .text{
	font-size: 17vw;
    
}

.job .intro .bg-text{
	display: flex;
}
.job .intro .bg-text .text{
	font-size: 30vw;
}




.video-gallery .item .caption{

}
.video-gallery .item a:hover .img img{
	transform: scale(1.1);
}
.video-gallery .item a{
	overflow: hidden;
	display: block;
	position: relative;
	height: 100%;
}

.video-gallery .item .img{
	position: relative;
	z-index: 4;
	height: 100%;
}
.video-gallery .item .img::after{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #191a1c;
    opacity: 0;
    transition: opacity .6s;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .6s;
}
.video-gallery .item .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}

.video-gallery .item .caption{
	position: absolute;
	top: 50%;
	left: 20px;right: 20px;
	height: auto;
	margin: auto;
	opacity: 0;
	z-index: 5;
	-webkit-transition: opacity .5s ease,transform .3s ease;
    -moz-transition: opacity .5s ease,transform .3s ease;
    transition: opacity .5s ease,transform .3s ease;
}
.video-gallery .item a:hover .caption{ 
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s;
    opacity: 1;
}
.video-gallery .item a:hover .img::after{
	opacity: .8;
}
.video-gallery .item .caption .title{
	font-weight: 700;
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.video-gallery .item .caption .sub{
	font-weight: 500;
	font-size: 20px;
	color: var(--primary);
	text-align: center;
}

.video-gallery .row-gallery{
	display: inline-block;
    margin-left: -10px;
    margin-right: -10px;
    width: 100%;
}
.video-gallery .row-gallery .item{
	float: left;
    padding: 10px;
    height: 300px;
    width: 33.33%;
}
.video-gallery .row-gallery .item.big{
    height: 600px;
    width: 66.33%;
}
.video-gallery .row-gallery .item.big.to-right{
    float: right;
}


.video-gallery .item .img::before {
    content: "\f04b";
    font-family: 'Font Awesome 5 free';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    opacity: .7;
    z-index: 5;
    transition: all 0.3s;
}
.video-gallery .item a:hover .img::before{
	opacity: 0;
}


/* lettering/lining plugin */
.lettering{
	opacity: 0;
	transition: .1s;
}
.lettering.ready{
	opacity: 1;
}

.lettering[data-effect="fadein"] span{
	opacity: 0;
}
.lettering[data-effect="fadein-random"] span{
	opacity: 0;
}
.lettering[data-effect="fadein-toleft"] span{
	opacity: 0;
	right: -10px;
	position: relative;
}
.lettering[data-effect="fadein-totop"] span{
	opacity: 0;
	top: 10px;
	position: relative;
}


.lining{
	opacity: 0;
	transition: .1s;
}
.lining.ready{
	opacity: 1;
}
.lining-single{
	opacity: 0;
	transition: .1s;
}
.lining-single.ready{
	opacity: 1;
}
.lining-list{
	opacity: 0;
	transition: .1s;
}
.lining-list.ready{
	opacity: 1;
}


[data-effect="fadein"] .lines span{
	opacity: 0;
}
.effect-done[data-effect="fadein"] .lines span{
	opacity: 1;
}

[data-effect="fadein"].lines span{
	opacity: 0;
}
.effect-done[data-effect="fadein"].lines span{
	opacity: 1;
}

.lining-list[data-effect="fadein"] li{
	opacity: 0;
}
.lining-list.effect-done[data-effect="fadein"] li{
	opacity: 1;
}

/* END */


.video-on-screen{
	width: 100%;
	height: auto;
}

.video-12 .main-block{
	position: relative;
	overflow: hidden;
}
.video-12 .overlay-img{
	position: absolute;
	top: 0;
	left: 50px;
	right: 50px;
	bottom: 0;
	width: 100%;
    height: 100%;
    object-fit: cover;
    width: calc(100% - 100px);
    opacity: 0;
}
.video-12 .loading{
	position: absolute;
	z-index: 2;
	width: 60px;
	height: 60px;
	display: block;
	margin: auto;
	left: 0;top: 0;right: 0;bottom: 0;
}


.img-parallax-wrapper{
	width: 100%;
	height: 600px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.big-img-parallax {
	height: auto;
	position: relative;
	transform: translateY(var(--pos_parallax));
	will-change: transform;
}

/* products */
body.product{
	margin-bottom: 600px;
}
.intro.product{
	background-size: cover;
	height: auto;
	min-height: 800px;
    background-position-x: center;
}
.intro.product .main-block{
	height: auto;
	min-height: 800px;
	display: flex;
	align-items: center;
}
.intro.product .text{
	width: 100%;
	max-width: 40%;
	padding: 50px 0;
}

.intro.product h1{
	margin-bottom: 20px;
	color: #fff;
}
.intro.product .desc{
	color: #fff;
}
.intro.product .back-to{
	color: #fff;
}

.centered{
	text-align: center;
	margin: 0 auto;
}

p a {
	color: var(--primary);
}
p a:hover {
	color: var(--primary-darker);
}

.circle-single-sm img.circle{
	width: 30px;
	margin-bottom: 15px;
}


.video-thumb{
	width: 100%;
	height: 600px;
	background-size: cover;
	position: relative;
}
.video-thumb::after{
	content: "\f04b";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 80px;
    margin: auto auto;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #000;
    opacity: 0.5;
    background-color: #fff;
    border-radius: 150px;
    transition: all 0.3s;
    font-weight: 600;
}
.video-thumb:hover::after{
	opacity: 1;
}

.voltia-vid{position: relative!important;}
.voltia-vid iframe{
	position: absolute;
    outline: 10px solid #fff;
    left: calc(12.5% + 24px);
    height: calc(90% - 0px);
    width: calc(72.5% - 26px);
    top: calc(5% - 5px);
}


.chateau-symbol-bg{
	background-image: url('../img/chateau-symbol.jpg');
	background-size: auto 85%;
	background-position: center;
	background-repeat: no-repeat;
}

.f-sm{
	font-size: 100%;
}

.page-page-wrapper{
	padding-top: 150px;
	padding-bottom: 100px;
	background-color: #fff;
}
.page .page-sec{
	
}



/* zerrenpach ref */
.zerrenpach-bg .main-block{
	background-color: #b4a9a3;
}
.zerrenpach-custom-01{
	padding: 0!important;
}
.zerrenpach-custom-01 p{
	margin-top: 0!important;
}
.zerrenpach-custom-02{
	padding: 0 0 0 0!important;
}
.zerrenpach-custom-02 .main-block{
	padding-top: 100px;
	padding-bottom: 100px;
}
.zerrenpach-custom-02 p{
	margin-top: 0!important;
}

.zerrenpach-custom-03{
	position: relative;
}
.zerrenpach-custom-03 .content-text{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 40%;
	display: flex;
	align-items: center;
	padding-bottom: 100px;
}
.zerrenpach-custom-03 .start-text{
	margin: 0;
	width: 90%;
}

.zerrenpach-symbol{
	display: block;
	margin: 0 auto 30px auto;
	width: 80px;
}
/* end */





.only-xs{display: none;}



@media (min-width: 1800px){
	.scroll-slider-fixed-left video{width: 100%;}
}
@media (max-width: 1950px){
	.fw-block-bg-grad-stanko .leaflet{width: 100%;left:0;}
}
@media (max-width: 1800px){
	.menu-left-block{width: 60%;}
	.contact-intro .main-block{padding-top: 150px;padding-bottom: 100px;}
}
@media (max-width: 1600px){
	.menu-left-block{width: 70%;}

	.ref-sklene-content-03{height: 200px;}
	.ref-sklene-content-03 .content{width: 50%;left: 50px;}

	.text-image .text-image-row .content-img img.parallax-front.center-left{display: none;}

	.contact-intro-text h1{font-size: 36px;margin-bottom: 20px;}
	.contact-con-desc h2{font-size: 44px;}
	
}
@media (max-width: 1400px){
	.menu-left-block{width: 80%;}

	.hilson .custom-text-img{height: 500px;}
	.hilson-intro-img img{height: 80%;}
	.hilson-text-on-img img{margin-top: 150px;}
	.hilson .white-bg .content{width: 77%;}
	.work-item-block.hilson img.main{height: max-content;width: 100%;}
	.work-item-block.hilson .work-item{display: flex;flex-wrap: wrap;align-items: center;}
	.hilson-ref-content-block{height: auto;}

	.work-item-block.patria img{width: 100%;height: auto;}

	.serv-main-desc{padding: 80px 60px 80px 30px;}
	.main-right .serv-main-desc{padding: 80px 30px 80px 60px;}
	.serv-main-desc h2{font-size: 40px;}
	.work-item-block.patria{height: auto;margin-bottom: 50px;}

	.ref-quadro-content-1 .content h1{width: 40%;}
	.ref-quadro-content-1 .content .text-block-p{width: 60%;}

	.gjk-custom-content-2-block img{right: -350px;}

	.ref-sklene-content-02 .content{position: static;width: 70%;padding: 0 50px;}

	.ref-sklene-content-03{height: 300px;}
	.ref-sklene-content-03 .content{top: -50px;}

	.forax-content-block-02 img{right: 0;}

	.kvety-custom-01 .content{top: -650px;}

	.only-text-h2-centered h2{font-size: 40px;}

	.img-parallax-wrapper{height: 560px;}
}
@media (max-width: 1199.98px){
	.menu-left-block{width: 100%;}
	.scroll-slider .scroll-slider-item{padding-left:30px;}

	.hilson-text-on-img img{margin-top: 190px;}
	.stankotxt1{width: 40%;}
	.stankotech-img-mob{width: 600px;top:-80px;}
	.fw-block-bg-grad-stanko .ref-no-pad-block{height:1100px;}

	.service-list-item-main .serv-main-arrow{right: -10%;}
	.serv-main-desc{padding: 60px 50px 60px 30px;}
	.main-right .serv-main-desc{padding: 60px 30px 60px 50px;}
	.serv-main-desc h2{font-size: 30px;}
	.serv-main-desc p{font-size: 18px;}
	.service-list-item-main .serv-main-img{width: 150px;min-width: 150px;}
	.service-list-item-main .simpleParallax {width: 150px;min-width: 150px;}
	.main-right .service-list-item-right{padding: 70px 110px 70px 50px;}
	.service-list-item-right{padding: 70px 50px 70px 110px;}

	.work-item-block.birdu img.bg{width: calc(100% - 50px);}
	.work-item-block.gjk .work-item img.bg{width: 100%;}
	.work-item-block.quadro{height: 500px;}
	.work-item-block.forax{height: 470px;}
	.work-item-block.gjk{height:600px;}
	.work-item-block.kanon{height:550px;}
	.work-item-block.stankotech{height: 500px;}
	.work-item-block.birdu{height: 700px;}

	.gjk-custom-content-3-block .content{bottom: 100px;}

	.forax-content-block-02 img{top: 150px;}

	.kvety-custom-01 .content{top: -600px;}

	.contact-intro .main-block{flex-wrap: wrap;padding-top: 200px;padding-bottom:50px;}
	.contact-intro-text{width: 100%;}
	.contact-intro-right{width: 100%;}

	.only-text-h2-centered h2{font-size: 36px;}

	.img-parallax-wrapper{height: 480px;}

	.patria-custom-gift-01 .custom-text-img .gift-card{padding-top: 100px;}
}
@media (max-width: 1000px){
	.stankotxt1{width: 40%;}
	.stankotech-img-mob{width: 600px;top:-80px;}

	.img-parallax-wrapper{height: 400px;}
}
@media (max-width: 991.98px){
	.md-block{width: 90%;}
	.nav-bg.active-menu{height: calc(240vh);width: calc(240vh);}
	.intro-media{display: none;}
	.intro-text{width: unset;right:30px;left:30px;}
	.main-block{padding:0 30px;}
	.scroll-slider-inside{display: block;}
	.scroll-slider-fixed-left{
		display: block;
		position: static;
		width: unset;height:unset;padding:0;
		padding-top:30px;
	}
	.scroll-slider-fixed-left video{position: static;}
	.scroll-slider{width: 100%;}
	.scroll-slider .scroll-slider-item{width: 100%;height:auto;padding:50px 0 50px 0;}
	.refs-row{flex-wrap: wrap;}
	.refs-col-text{width: 100%;margin-bottom: 30px;}
	.refs-col-imgs{width: 100%;}
	.vid-bg-and-text .right-side{display: none;}
	.vid-bg-and-text .left-side{width: 100%;}

	.services-page .scroll-slider-fixed-left{display: block;position: static;height:auto;width: 100%;}
	.right-side-white-bg-solo{display: none;}
	.left-side-darkgrey-bg-solo{display: none;}
	.services-page .scroll-slider-inside{flex-wrap: wrap;}
	.services-page .scroll-slider{width: 100%;}
	.services-page .scroll-slider-item .roller{padding:50px;}
	.services-scroll-slider .scroll-slider-item{min-height: unset;}

	.for-contact-block{font-size: 25px;}

	.reference .intro{height: 600px;}
	.text-block .content{width: 80%;}

	.contact-form-block .left{padding:80px 60px 80px 0;}
	.contact-form-block .right{padding:80px 0px 80px 60px;}

	.scroll-slider-navbar{display: none;}
	.cards{padding-left: 75px;}
	.sample-card{width:400px;margin-right: 50px;}

	.hilson .custom-text-img{height: auto;}
	.hilson .custom-text-img .content{width: 100%;}
	.hilson-intro-img{position: static;display: block;}
	.hilson-intro-img img{width:100%;height: auto;}

	.hilson .white-bg .content{width: 100%;padding:0 30px;}
	.hilson-text-on-img img{margin-top: 280px;}

	.kanontxt1{top:90px;width:70%;margin-bottom: 70px;}

	.stankotxt1{width: 100%;}
	.stankotech-img-mob{position: static;direction: block;width: 100%;}
	.fw-block-bg-grad-stanko .ref-no-pad-block{height:1000px;}

	.text-block .content-row{flex-wrap: wrap;}
	.text-block .content-row .content{width: 100%;}
	.text-block .content-row .content-list{width: 100%;margin-top:50px;}
	

	.service-list-item-main .serv-main-arrow{display: none;}
	.service-list-item-main::after{display: none;}
	.service-list-item{flex-wrap: wrap;}
	.service-list-item-main{width: 100%;}
	.service-list-item-right{width: 100%;}
	.main-right .service-list-item-main{order: 1;}
	.main-right .service-list-item-right{order: 2;}

	.service-list-item-main .simpleParallax{order: 1;}
	.serv-main-desc{order: 2;}
	.main-right .serv-main-desc{padding: 60px 50px 60px 30px;}
	.service-list-item-right{padding: 70px 50px 70px 70px;}
	.main-right .service-list-item-right{padding: 70px 50px 70px 70px;}

	.services-grid-col{width: 33.33%;}
	.services-grid-col:nth-child(4n+1){border-left: 0px solid #CFDCF1;}
	.services-grid-col:nth-child(3n+1){border-left: 1px solid #CFDCF1;}
	.services-grid-col:nth-child(n+4) {border-top: 0;}

	.ref-quadro-content-1 .content{width: 100%;}
	.ref-quadro-content-1 .content .text-block-p{padding-left: 20px;}

	.gjk-custom-text-01{height: auto;padding: 0px 0;}
	.gjk-custom-text-01 .content{width: 100%;top: 0;position: static;padding: 0 30px;}
	.gjk-custom-text-01 .image-12{padding: 0 0px;}
	.gjk-custom-text-01 .content p{margin-bottom: 0;}
	.gjk-custom-block-01{padding-bottom: 0;}
	.gjk-custom-block-01 .image-12{padding-bottom: 0;}
	.gjk-custom-content-2-block img{right: -300px;}
	.gjk-custom-content-3-block .content{position: static;width: 100%;background-color: #1D1D1D;padding: 50px;}

	.ref-sklene-content-02 .content{width: 80%;padding: 0 30px;}

	.ref-sklene-content-03{height: auto;}
	.ref-sklene-content-03 .content{top: 0px;position: static;width: 100%;padding-top: 30px;padding-bottom: 30px;}
	.sklene-custom-block-01 .content{top: -300px;}

	.forax-content-block-01 .md-block{left: 50px;}
	.forax-content-block-01 img{margin-top: 100px;}
	.forax-content-block-02 img{right: 0;}
	.forax-content-block-02 .content{position: static;width: 100%;padding: 0 30px;}
	.forax-content-block-02 img{top: 0;}

	.makove-textimage-01 .front_bg{display: none;}
	.makove-textimage-01 .front{margin-top: 100px;}

	.slick-arrow{display: none!important;}

	.service-list-item-right::after{display: none;}
	.service-list-item-right::before{display: none;}

	.service-cols .row .col-sm-12{margin-bottom: 30px;}
	.service-cols .row .col-sm-12::before{left: 10px;}
	.service-cols .row .col-sm-12::after{left: 0;}
	.service-cols .row .col-sm-12 .btm-line{left: 10px;}

	.only-text-h2-centered h2{font-size: 32px;}

	.img-parallax-wrapper{height: 380px;}

	.intro.service .intro-text-desc{font-size: 48px;}

	.patria-custom-gift-01 .custom-text-img .gift-card{padding-top: 0;}
	.patria-custom-gift-01 .custom-text-img .timeline{display: none;}

	.job-offer-block .sm-block{padding: 0 30px;}

	.intro.product .text{max-width: 50%;}
	.ref-adv-list{top: 0;}

	.video-12 .loading{width: 40px;height: 40px;}
	.video-12 .overlay-img{left: 30px;right: 30px;width: calc(100% - 60px);}

	.contact-form .a-text a{font-size: 36px;}

	.zerrenpach-custom-03 .content-text{position: static;background-color: #fff;width: 100%;padding-top: 100px;}
	.zerrenpach-custom-03 .start-text{width: 100%;}



}
@media (max-width: 767.98px){
	.menu-ul{left:0px;padding-left: 20px;right: 20px;bottom: unset;top:90px;width: unset;flex-wrap: wrap;}
	.menu-left-block.onlymob{width: 100%;padding:30px 0 0 0;transition: all .8s;opacity:0;}

	.intro-text h1{font-size: 45px;}
	.contact-intro-text h1{font-size: 45px;}
	h1{font-size: 45px;}
	h2{font-size: 40px;}
	.h-mini{font-size: 15px;}
	.scroll-slider .scroll-slider-item h1{margin-bottom: 30px;}
	.scroll-slider-wrapper .btn-main{margin-top: 30px;}
	.references{padding:80px 0;}
	.refs-col-imgs-item{padding:20px;}
	.contact-positions{padding: 80px 0;}

	/* footer */
	footer{position: static;}
	body{margin-bottom: 0px;}
	.footer-main{flex-wrap: wrap;padding-top: 60px;}
	.footer-main-col{width: 100%;}
	.footer-left .footer-citation{font-size: 25px;}
	.footer-menu{padding-left: 0;padding-top: 50px;}

	.services-page .scroll-slider-fixed-left{padding-top: 80px;}
	.ref-slider-item-desc{bottom: 30px;left: 30px;right: 30px;}
	.ref-slider-item-name{font-size: 30px;}
	.slick-slide {margin: 0 15px;}
	.slick-list {margin: 0 15px;}
	.ref-slider-right{margin-top:20px;}

	.questions{padding: 80px 0;}
	.questions .sm-block{width: 80%;}

	.for-contact-block{font-size: 20px;}

	.reference .intro{height: 400px;}
	.ref-content{padding:25px 0;}
	.text-block{padding: 25px 0;}
	.image-12{padding: 25px 0;}
	.text-block .content{width: 100%;}

	.contact-form .main-block{padding:0;}
	.contact-form .left-bg-contact{background: unset;background: rgb(228,236,248);}
	.contact-form-block{flex-wrap: wrap;}
	.contact-form-block .left{width:100%;padding:80px 60px 80px 30px;}
	.contact-form-block .right{width:100%;padding:80px;}
	.about .contact-form-block .right{padding: 80px;}

	.header-logo{top:20px;left: 20px;}
	.header-logo.altlogo{left:20px;}
	.header-logo img{height:30px;}
	.nav .menu{right: 25px;top:30px;}
	.menu-left{top:300px;right: 0;}
	.onlydesktop{display: none!important;}
	.onlymob{display: block;}

	.menu-left-citation{font-size: 18px;margin-bottom: 5px;}
	.menu-left-citation-under{font-size: 14px;}
	.menu-left-block .row{margin-top: 30px;}
	.menu-ul li{font-size: 18px;padding: 8px 0;}
	.ul-active .menu-left-block.onlymob{opacity:1;}
	.menu-left-btn.blue{background-color: #E4ECF8;}
	.menu-left-btn.red{background-color: #ffe9e9;}
	.menu-left-btn{font-size: 14px;letter-spacing: 3px;padding: 15px 10px;}
	.menu-left-btn i{font-size: 20px;margin-right: 7px;}

	.questions .roller-item-btn{font-size: 18px;}

	.cards{padding-left: 50px;}
	.sample-card{width: 350px;margin-right: 40px;padding-top: 100px;}
	.sample-card p{font-size:22px;margin:0;}

	.refs-col-imgs-item{min-height: 180px;}

	.contact-positions .md-grey-upper{font-size: 14px;letter-spacing: 3px;}
	.col-con-pos{padding:0 10px;}
	.col-con-pos img{width: 45px;}

	.ref-text-block-intro .main-h{font-size: 35px;}
	.ref-text-block-intro .sub-h{font-size: 25px;}
	.ref-text-block-intro .orange-sub{font-size: 14px;}

	.hilson-text-on-img img{margin-top: 300px;}
	.hilson-text-on-img{padding-top:50px;padding-bottom: 0;}
	.hilson .content .text-block-p{font-size: 20px;}
	.text-block .content h1{margin-bottom: 20px;}

	.ref-text-block-intro{padding:0 15px;}

	.kanontxt1{top:70px;width:100%;margin-bottom: 90px;}

	.reference-custom .ref-no-pad-block .md-block{padding:0 30px;}
	.reference-custom .content .text-block-p{font-size:20px;}
	.reference-custom .kanon-bg .main-block .md-block{padding-top:60px;padding-bottom: 40px;}
	.fix-second-col-ref-1{padding-top: 0px;}

	.reference-custom .fw-block-bg-grad-stanko .main-block .md-block {padding-top: 60px;padding-bottom: 40px;}
	.reference-custom .start-text{width: 100%;font-size: 20px;}

	.work-item-block{width: 100%;}
	.work-item-block.voltia{margin-top: 0;margin-bottom: 15px;}
	.work-item-block.voltia .wbd{display: none;}
	.work-item-block.kanon{margin-bottom: 15px;}
	.work-item-block.kanon img.bg{display: none;}
	.work-item-block.kanon img.mockup{width: 100%;left: 0%;margin-bottom: 0px;bottom: 0;}
	.work-items{margin: 0;}
	.work-item-block{padding: 0;}

	.work-item-block.forax {height: 570px;}
	.work-item-block.birdu img.bg{position: relative;right: -50px;bottom: -50px;width: 100%;}
	.work-item-block.birdu{margin-top: 0;}
	.work-item-block.stankotech img{left: 0;width: 100%;}
	.work-item-block.quadro .work-item img.bg{width: 100%;display: block;margin: 0 auto;position: static;}
	.work-item-block.gjk{margin-top: 0;}
	.work-item-block.gjk .work-item img.bg{margin-top: 50px;width: 90%;}
	.work-item-block{margin-bottom: 15px;}
	.work-item-block.stankotech{margin-top: 0;}

	.work-item-block{position: relative!important;top: unset!important;left: unset!important;height: auto!important;}
	.work-item-block.patria{margin-bottom: 15px;}
	.masonry-items{height: auto!important;}
	.work-item{min-height: 300px;}
	.work-item-block.forax .work-item img.front{position: relative;bottom: -50px;}

	.work-item-block.stankotech img{position: relative;right: -50px;bottom: -50px;width: calc(100% + 100px);left: -50px;}
	.work-item-block.kanon .work-item-btm{position: relative;left: 0;right: 0;bottom: 0;}
	.work-item-block.kanon img.mockup{position: relative;}
	.work-item-block.hilson{overflow: hidden;}
	.work-item-block.hilson img.main{height: auto;}
	.work-item-block.hilson img.img-badge{width: 150px;}

	.bg-text{display: flex;}
	.video-bg video{height: 100%;transform: translateX(-30%) translateY(0);top: 0;left: 0;}

	.services-grid-col{width: 50%;}
	.services-grid-col:nth-child(3n+1){border-left: 0px solid #CFDCF1;}
	.services-grid-col:nth-child(2n+1){border-left: 1px solid #CFDCF1;}
	.services-grid-col:nth-child(n+3) {border-top: 0;}

	.sticky-cols-row{flex-wrap: wrap;}
	.sticky-cols-row .sticky-left{width: 100%;position: relative;padding: 50px 30px;height: auto;}
	.sticky-cols-row .scrollable-right{width: 100%;}

	.ref-quadro-content-1 .content{flex-wrap: wrap;}
	.ref-quadro-content-1 .content h2{width: 100%;}
	.ref-quadro-content-1 .content .text-block-p{width: 100%;padding-left: 0;padding-top: 0px;}

	.gjk-custom-content-2-block img{right: 0px;position: static;}
	.gjk-custom-content-2-block .content{width: 100%;position: static;padding: 0 30px;}

	.sklene-custom-block-01{height: auto;}
	.sklene-custom-block-01 .content{position: static;}

	.forax-content-block-01{padding: 0;}
	.forax-content-block-01 img{margin-top: 100px;}
	.forax-content-block-01 .md-block{width: 100%;left: 0px;}

	.makove-textimage-01 .content{position: static;width: 100%;padding: 0 30px;}
	.makove-textimage-01 .front{position: static;display: block;margin-top: 30px;}

	.patria-custom-01 .left{width: 100%;}

	.contact-con-desc h2{font-size: 36px;}


	.box-fw{flex-direction: column;}
	.box-fw-left{width: 100%;padding: 25px 25px 0 25px;}
	.box-fw-right{width: 100%;padding: 10px 25px 25px 25px;}

	.jobs-advantages-row{flex-direction: column;}
	.jobs-advantages-item{padding: 25px;width: 100%;border-right: 1px solid #CFDCF1;border-bottom: 0;}
	.jobs-advantages-item:last-child{border-bottom: 1px solid #CFDCF1;}

	.vertical-timeline-block .col-sm-12:first-child{margin-bottom: 20px;}



	.text-on-right .content{order: 2;}
	.text-on-right .content-img{order: 1;}
	.text-on-left .content{order: 2;}
	.text-on-left .content-img{order: 1;}
	.text-image .text-image-row{flex-wrap: wrap;}
	.text-image .text-image-row .content{width: 100%;}
	.text-image .text-image-row .content-img{width: 100%;}

	.text-image.text-on-right .text-image-row .content{padding-left: 0;padding-top: 30px;}
	.text-image.text-on-left .text-image-row .content{padding-right: 0;padding-top: 30px;}

	.only-text-h2-centered h2{font-size: 26px;}

	.sm-block{width: 80%;}

	.img-slide::after{top: 35px;left: 35px;right: 35px;bottom: 35px;}

	.video-gallery .row-gallery .item{width: 50%;height: 200px;}
	.video-gallery .row-gallery .item.big{width: 50%;height: 200px;}

	.md-hidden{display: none!important;}
	.md-pr-0{padding-right: 0!important;}
	.md-pl-0{padding-left: 0!important;}

	.text-block .col-md-6 .img-right{margin-left: 0;}

	.img-parallax-wrapper{height: 360px;}

	.intro.service .intro-text-desc{font-size: 36px;}

	.patria-custom-04 .bottom-left{display: none;}

	.intro.product .text{max-width: 65%;}

	.page-page-wrapper{padding-top: 100px;padding-bottom:50px;}

	.zerrenpach-custom-02 .main-block{padding-top: 50px;padding-bottom: 50px;}
	.zerrenpach-custom-03 .content-text{padding-top: 50px;padding-bottom: 50px;}
}
@media (max-width: 575.98px){
	.p-big{font-size: 15px;}

	.main-block{padding:0 15px;}
	.menu-ul{overflow: auto;}
	.menu-ul #text1 a{padding: 0;}
	.intro-text{width: unset;right:15px;left:15px;}
	.intro-text h1{font-size: 35px;}
	.contact-intro-text h1{font-size: 35px;}
	h1{font-size: 32px;}
	h2{font-size: 30px;}
	.h-mini{font-size: 14px;letter-spacing: 3px;}
	.intro-text-desc{padding-left: 80px;font-size: 15px;}
	.intro-text-desc::before{width: 60px;}
	p{font-size: 15px;}
	.scroll-slider .scroll-slider-item h1{margin-bottom: 20px;}
	.scroll-slider-wrapper .btn-main{margin-top: 20px;}
	.refs-col-text{padding-right: 0;}
	.references{padding:50px 0;}
	.refs-col-imgs-item{width: 50%;min-height: 130px;padding:20px;}
	.refs-col-imgs-item:nth-child(3n+3){border-right: 1px solid #DDE2E8;}
	
	.refs-col-imgs-item:nth-last-child(-n+3){border-bottom: 1px solid #DDE2E8;}
	.refs-col-imgs-item:nth-last-child(-n+3){border-bottom: 0;}
	.refs-col-imgs-item:nth-child(5n+5){border-right: 1px solid #DDE2E8;}
	.refs-col-imgs-item:nth-last-child(-n+5){border-bottom: 1px solid #DDE2E8;}
	.refs-col-imgs-item:nth-child(2n+2){border-right: 0;}
	.refs-col-imgs-item:nth-last-child(-n+2){border-bottom: 0;}

	.contact-positions{padding: 40px 0;}
	.contact-positions .main-block{flex-wrap: wrap;}
	
	

	/* footer */
	.footer-left .footer-citation{font-size: 15px;width: 100%;}
	.md-grey-upper{font-size: 12px;}
	.footer-menu{padding-top: 25px;}
	.footer-menu-col li a{font-size: 16px;}
	.footer-main{padding-top: 50px;}
	.footer-left a img{width: 100px;margin-bottom: 25px;}

	.roller-item-content{font-size: 16px;}
	.services-page .scroll-slider-item .roller{padding:20px;}
	.roller-item-btn{font-size: 22px;padding:15px 0;margin-bottom: 15px;}
	.services-page .scroll-slider-fixed-left{padding-top: 50px;padding-right: 0;}
	.services-page .scroll-slider-item{padding-top: 20px;}
	.slick-slide {margin: 0 10px;}
	.slick-list {margin: 0 10px;}
	.ref-slider-right{margin-top:15px;}
	.roller-item-content ul li{font-size: 18px;padding:10px 0;}
	.scroll-slider-item .roller-item-btn::before{font-size: 16px;top:4px;}

	.questions .sm-block{width: 100%;}
	.questions{padding: 50px 0;}

	.md-block{width: 100%;}
	.text-block .content h1{margin-bottom: 20px;}

	.contact-form-block .right{width:100%;padding:50px 15px;}
	.contact-form-block .right .row .btn-main{margin-top: 20px;}
	.contact-form-block .left{padding:60px 15px 60px 15px;}

	.next-project{height: 400px;}
	body.reference{margin-bottom: 400px;}

	.header-logo{left: 15px;}
	.footer-second{padding: 30px 0 25px 0;}

	.questions .roller-item-btn{font-size: 16px; }
	.questions .roller-item-content{font-size: 15px;}

	.sample-card{padding-top:80px;}
	.sample-card p{font-size:20px;}
	.sample-card ul li{font-size: 16px;padding: 13px 0;}

	.ref-slider-item{height:250px!important;}
	.ref-slider-item-name{font-size: 20px;margin-bottom: 10px;}

	.col-con-pos img{width: 40px;}
	.contact-positions .main-block {padding:0 0;}

	.hilson-text-on-img img{margin-top: 300px;}
	.hilson .white-bg .content{padding:0 15px;}
	.hilson-intro-img{margin-top: 20px;}

	.ref-share-block{padding:50px 0;}
	.ref-share-block .main-block{flex-wrap: wrap;}
	.ref-share-block span{display: block;width: 100%;margin-bottom: 15px;}
	.ref-text-block-intro .orange-sub span{display:inline-block;word-break: keep-all;hyphens: none;}

	.reference-custom .ref-no-pad-block .md-block{padding:0 15px;}
	.reference-custom .content .text-block-p{font-size:15px;}
	.reference-custom h1{font-size: 30px;margin-bottom: 20px;}
	.kanontxt1{top:50px;}

	.img-fix-top-marg{margin-top:15px;}
	.img-fix-top-marg-mob{margin-top:15px;}

	.reference-custom .fw-block-bg-grad-stanko .main-block .md-block {padding-top: 30px;}
	.reference-custom .kanon-bg .main-block .md-block{padding-top: 30px;}
	.fw-block-bg-grad-stanko .leaflet{top:0;}
	.fw-block-bg-grad-stanko .ref-no-pad-block{height:630px;}
	.fw-block-bg-grad-stanko img.logo-right{width: 150px;}
	.fw-block-bg-grad-stanko .col-md-6:last-child{justify-content:unset;}

	.reference-custom .start-text{width: 100%;font-size: 15px;margin-top: 30px;}
	.fw-block-img .md-block{padding:0!important;}

	#sticky-center-btn{bottom:10vh;}
	.sample-card:hover{background-color: unset;}

	.service-cols .row .col-sm-12::before{display: none;}
	/*.service-cols .row .col-sm-12::after{display: none;}*/
	.service-cols .row{margin-left: -15px;margin-right: -15px;}
	.service-cols .row div{padding-left: 15px;padding-right: 15px;}
	.service-cols .row .col-sm-12 div{padding:0;margin-top: 0px;padding-left: 0px;}
	.service-cols{margin-top:30px;margin-bottom: 30px;}
	.service-cols .row .col-sm-12::after{left: 15px;}
	.service-cols .row div{margin-bottom: 0;}
	.service-cols .row .col-sm-12{margin-bottom: 5px;}

	.work-item-block{height: 350px;}
	.work-item{padding: 25px;}

	.work-item-block.quadro{height: auto!important;}

	.services-list-bar{display: none;}
	.services-list{padding: 50px 0;}
	.service-list-item-main{flex-wrap: wrap;flex-direction: column;}
	.service-list-item-main .simpleParallax{width: 100%;max-height: 150px;}
	.service-list-item-main .serv-main-img{width: 100%;max-height: 150px;}
	.serv-main-desc{padding: 20px;}
	.main-right .serv-main-desc{padding: 20px;}
	.serv-main-desc h2{font-size: 20px;margin-bottom: 10px;}
	.service-list-item-right{padding: 0px 20px 20px 20px;background: #fff;}
	.main-right .service-list-item-right{padding: 0px 20px 20px 20px;background: #fff;}
	.service-list-item{margin-bottom: 20px;}
	.service-list-item-right .h-mini{margin-bottom: 10px;}

	.work{padding: 50px 0;}
	.work-item-block.forax{height: 400px;}
	.work-item-block.birdu img.bg{right: -25px;bottom: -25px;}
	.work-item-block.forax .work-item img.front{bottom: -25px;}

	.services-grid-col{width: 100%;padding: 40px 40px;}
	.services-grid-col:nth-child(n){border-left: 1px solid #CFDCF1;}
	.services-grid-col:nth-child(n+2){border-top: 0;}
	.services-grid-col:hover span.bg{transform: scale(1);}

	.scrollable-right .product-item{height: 350px;}
	.sticky-cols-row .sticky-left{padding: 50px 15px;}
	.scrollable-right .product-item .product-item-desc{padding: 40px 100px 25px 25px;}
	.btn-circle-arrow{right: 25px;bottom: 25px;}

	.gjk-custom-text-01 .content{padding: 0 15px;}
	.gjk-custom-content-2-block .content{padding: 0 15px;}
	.gjk-custom-content-3-block .content{padding: 50px 15px;}

	.ref-sklene-content-02 .content{width: 100%;padding: 0 15px;}

	.birdu-blue-bg-01 .main-block{padding-top: 50px;}

	.forax-content-block-01 img{margin-top: 50px;}
	.forax-content-block-01 .main-block{padding-top: 50px!important;}
	.reference-custom .ref-no-pad-block .md-block{position: static;}

	.text-block .content h3{font-size: 25px;}
	.patria-custom-02 .content .text-block-p{font-size: 18px!important;}

	.slider-desc h3{font-size: 25px;}
	.slider-desc p{font-size: 18px!important;}
	.work-item-block:hover{transform: scale(1);}

	.menu-left-citation{font-size: 15px;}

	.contact-con-desc h2{font-size: 24px;}

	.text-block .content-row .content{padding-right: 0;}

	.services-list-bar div{font-size: 20px;line-height: 1.3;padding: 0 0 0 0;}

	.intro.service .intro-text-desc p{font-size: 20px;}
	.services-list-bar a{font-size: 16px;padding: 2px 10px 2px 20px;}
	.services-list-bar a::before{height: 3px;}
	.show-on-hover{display: none;}

	.only-text-h2-centered h2{font-size: 22px;}

	.move-bottom-up-50{margin-bottom:-50px;}
	body.service{margin-bottom: 400px;}
	body.product{margin-bottom: 400px;}
	.darker-bg{padding-top: 50px;padding-bottom: 50px;}
	.service-cols p{margin-bottom: 0;}
	.service-cols .row .col-sm-12:last-child{margin-bottom: 0;}
	.service-cols h4{font-size: 15px;}
	.intro.service .main-block{height: auto;min-height: 400px;}
	.intro.service .intro-text .intro-text-content{width: 100%;}
	.service-advantages h4{font-size: 22px;}

	.sm-block{width: 100%;}

	.about .contact-form-block .right{padding:0 15px 60px 15px;}

	.img-slide::after{top: 10px;left: 10px;right: 10px;bottom: 10px;border: 5px solid #ffffff70;}

	.about .intro-about{padding: 50px 0;}
	.about-block.darker-bg{padding: 50px 0;}
	.about-block.darker-bg.text-on-right .parallax-bg-smaller{padding-right: 0;}
	.about-team{padding: 50px 0 10px 0;}
	.about .references{padding: 50px 0;}
	.about h2{margin-bottom: 20px;}

	.video-gallery .row-gallery .item{width: 100%;height: 200px;}
	.video-gallery .row-gallery .item.big{width: 100%;height: 200px;}
	.video-gallery .item .caption{opacity: 1;bottom: 20px;top: auto;}
	.video-gallery .item .img::after {
    background: linear-gradient(rgba(0,0,0,0) 0%,#191a1c 100%);
    opacity: 1;}
    .video-gallery .item .caption .title{font-size: 16px;}
    .video-gallery .item .caption .sub{font-size: 14px;}
    .video-gallery .row-gallery{margin-left: 0;margin-right: 0;}
    .video-gallery .item a:hover .caption{transform: translateY(0);}
    .video-gallery .item a:hover .img img{transform: scale(1);}
    .video-gallery .item a:hover .img::after{opacity: 1;}
    .video-gallery .item .img::before {display: none;}

    .img-parallax-wrapper{height: 180px;}

    .intro.service .intro-text-desc{font-size: 26px;}
    .service .text-block p{font-size: 15px;}
    .text-block .content-row .content-list ul li{font-size: 15px;}
    .vt-item::before{top: 3px;}
    .service .text-head p{font-size: 15px;}
    .service-cols .row .col-sm-6 div p{font-size: 15px;}
    .service-advantages .col-md-8 div{padding-right: 0;}
    .service-advantages p{font-size: 15px;}
    .service-advantages .check-item p{font-size: 15px;}
    .service-cols .row .col-sm-12 div p{font-size: 15px;}
    .video-gallery .row-gallery .item{padding: 10px 0;}
    .text-image .content ul{font-size: 15px;}
    .next-project-text-block p{font-size: 15px;}
    .next-project-text-block p.desc{font-size: 15px;padding: 0 15px;}
    .intro.service h1{font-size: 26px;margin-bottom: 10px;}
    .intro.service .intro-text-desc{}
    .intro.service{min-height: 400px;height: 400px;}

    .patria-custom-slogan-bg img.bg{display: none;}
    .patria-custom-brand-4 .image-12{padding-bottom: 20px;}

    .text-left-pad .text-block-p{padding-left: 0;}
    .ref-adv-list{position: static;padding: 0 15px;}
    .ref-adv-list ul{padding-left: 0;}
    .patria-custom-04 .top-right{display: none;}

    .text-logo-block .col-md-6:last-child{padding-top: 20px;}

    .job-offer-block .sm-block{padding: 0 15px;}

    .scroll-slider-fixed-left{overflow: hidden;position: relative;left: -15px;width: calc(100% + 30px);}
    .scroll-slider-fixed-left video{width: 120%;position: relative;left: -12%;}

    .image-12 .row .col-sm-6:first-child{margin-bottom: 15px;}

    .vt-item{padding-bottom: 20px;}

    body.product{margin-bottom: 400px;}
    .intro.product{min-height: 400px;}
    .intro.product .main-block{min-height: 400px;}
    .intro.product .text{max-width: 100%;}
    .intro.product h1{margin-bottom: 15px;}

    .white-circle{width: 100px;height: 100px;border-radius: 100px;}

    .text-block .col-md-6 .img-left{margin-bottom: 15px;}
    .ref-slider-item-type{line-height: 1.2;font-size: 15px;}
    .ref-slider-item-desc{left: 20px;right: 20px;bottom: 20px;}

    .service-list-item-right .content-aligned{width: 100%;}
    .service-ul li{font-size: 15px;margin-bottom: 5px;}
    .serv-main-desc p{font-size: 15px;}

    .services-grid .h-mini-sub{margin-bottom: 0;font-size: 15px;}
    .product-item .btn-text{display: none;}

    .references .p{font-size: 15px;}

    .back-to{font-size: 15px;}

    .serv-main-desc h2 i{display: inline-block;}

    .video-12 .overlay-img{left: 15px;right: 15px;width: calc(100% - 30px);}

    .service-cols .only-h-adv .col-6::after{top: 2px;}

    .only-xs{display: block;}

    .circle-single-sm img.circle{margin-bottom: 10px;}
    .mb-xs-15{margin-bottom: 15px;}

    .video-thumb{height: 200px;}

    .voltia-vid iframe{left: calc(12.5% + 18px);height: calc(87% - 0px);width: calc(72.5% - 24px);top: calc(5% - -4px); }

    .chateau-symbol-bg{background: unset;}

    .contact-form .a-text a{font-size: 28px;}

    .contact-intro .main-block{padding-top: 100px;}
    .contact-intro-right-inside .row{width: 100%;}

    .zerrenpach-custom-02 .main-block{padding-top: 30px;padding-bottom: 30px;}
    .zerrenpach-custom-03 .content-text{padding-top: 30px;padding-bottom: 30px;}
    .zerrenpach-symbol{width: 60px;margin: 0 auto 20px auto;}
}
@media (max-width: 450px){
	.refs-col-imgs-item{padding:15px;}

	.menu-left-btn{font-size: 13px;letter-spacing: 2px;}
	.menu-left-btn i{font-size: 16px;margin-right: 5px;}
}