@import "colors";
@keyframes fadein {
  from {
    opacity: 0;
    transform: scale(0.5) translateY(-10px);
  }

  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

header.header {
    height: 138px;
    background: white;
	    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
		    z-index: 99999999999;
}
.header .fast-navigation {
    margin-top: 1.6rem;
    background: rgb(213 226 239);
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem;
    padding: 1.2rem;
    padding-right: 400px;
    display: inline-block;
    padding-top: 1.5rem;
    height: 84px;
}
.header .icons {
    top: 2rem;
}
a.lang-btn {
    border: 1px solid #ddd;
}
@media (max-width: 1591px){
	.header .icons {
		top: 140px;
	}
}
@media (max-width: 1199px){
	.header .fast-navigation {
		padding-right: 1.2rem;
		border-radius: 4rem;
	}
}
@media (max-width: 991px){
header.header {
    height: 76px;
}
.header .fast-navigation {
    margin-top: 0.2rem;
    padding: 1rem;
	    height: 70px;
}
}

.cover {
	position: relative;
}

@media (min-width: 1200px) {
	.cover {
		height: 92vh;
	}
}

@media (max-width: 1199px) {
	.cover {
		    min-height: 92vh;
	}
}

.cover-slick {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.cover-slick div {
	height: 100%;
	background-size: cover;
	background-position: center;
}

.cover-content {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index: 99;
	text-align: center;
	max-width: 600px;
	margin-top: -60px;
}

.cover-content h1 {
	margin-bottom: 1rem;
}

.cover-content h1 > span {
	background: rgba(3,25,48,.9);
	color: #fff;
}

.cover-content h1 > span > span {
	color: #fffc00;
}

.cover-content p {
	margin: 0;
}

.cover-content .text {
	background: rgba(204,211,223,.8);
	padding: 1rem;
	color: #333;
	display: inline-block;
}


.triple {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2,minmax(495px,1fr));
    grid-template-rows: auto;
	min-height: 92vh;

}
@media (max-width: 994px){
	.triple{
		grid-template-columns: 1fr;
	}
}


.triple a{
	
	position: relative;
	background-size: cover;
	 width: 100%;
    height: 100%;
    display: grid;
  /*  grid-template-columns: repeat(2,minmax(10px,1fr));*/
    grid-template-rows: auto;
	    z-index: 999999;
}
.triple:after{
content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-image: url(images/biz.jpg);
	background-size: cover;
	background-position: 50% 60px;
}

.triple .left h2 {
    position: absolute;
    top: 53%;
    right: 32%;
    z-index: 999;
    color: white;
    font-size: 4rem;
    font-weight: bold;
	    animation: fadein 3s forwards;
}
a.right h2 {
    position: absolute;
    top: 53%;
    right: 32%;
    z-index: 999;
    color: white;
    font-size: 4rem;
    font-weight: bold;
	    animation: fadein 3s forwards;
}
@media (max-width: 1438px){
	a.right h2, .triple .left h2{
		 right: 17%;
	}
}
.triple img {
    width: 114px;
    margin: 16px;
    margin-top: 0;
}
.breadcrumbs {
    top: 170px;
    right: 1%;
    position: absolute;
    color: #fff;
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    z-index: 999999999;
}
.breadcrumbs a {
    color: white;
}

@media (max-width: 700px){
	.triple:after {
		background-image: url(images/mobile.PNG);
		background-position: 50% 30PX;
	}
	
	.triple .left h2 {
    position: absolute;
    top: 35%;
    right: 0%;
    z-index: 999;
    color: white;
    font-size: 3rem;
    font-weight: bold;
    animation: fadein 3s forwards;
}
a.right h2 {
    position: absolute;
    top: 51%;
    right: 7%;
    z-index: 999;
    color: white;
    font-size: 3rem;
    font-weight: bold;
    animation: fadein 3s forwards;
}
.breadcrumbs {
    top: 85px;
    right: 1%;
    position: absolute;
    color: #fff;
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    z-index: 999999999;
}
}