.first-block{
	height: 50em;
	background-image: url(../images/background.png);
	background-size: 100% 100%;
	display: flex;
	align-items: flex-start;
	padding-left: 5%;
	justify-content: flex-start;
}
.red{
	height: 200px;
	width: 200px;
	background-color: red;
}
.green{
	height: 200px;
	width: 200px;
	background-color: green;
}
.blue{
	height: 200px;
	width: 200px;
	background-color: blue;
}
.first-text{
	width: 35%;
	padding-top: 5%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom: 5%;
	height: 100%;
}
.first-block-logo{
	width: 20em;
}
.border-title{
	color: #e5bc89;
	font-family: 'HelveticaLight', sans-serif;
	font-size: 1.5em;
	border-top:  1px solid #e5bc89;
	border-bottom:  1px solid #e5bc89;
	padding: .6em 0;
	margin: 0;
}
.company-title{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 3em;
	margin-left: 2em;
}
.first-subtitle{
	font-family: 'HelveticaLight', sans-serif;
	font-size: 2.2em;
	color: white;
	line-height: 120%;
	margin: .5em 0;
	text-transform: uppercase;
}
.our-math{
	font-family: 'HelveticaBold', sans-serif;
	color: #e5bc8930;
	font-size: 4em;    
	margin-left: 0.8em;
	text-transform: uppercase;
	white-space: nowrap;
}
.second-text{
	padding-top: 2%;
	height: 100%;
	width: calc(65% - 20px);
}
.height-st{
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 1em;
}
.gr-t{
	height: 100%;
	margin: 1em 0;
	background: linear-gradient(to bottom, #68a3ce, transparent);
	background: -webkit-linear-gradient(to bottom, #68a3ce, transparent);
	width: 1px;
}
.gr-b{
	height: 100%;
	margin-bottom: 1em;
	background: linear-gradient(to top, #68a3ce, transparent);
	background: -webkit-linear-gradient(to top, #68a3ce, transparent);
	width: 1px;
}
.circles{
	width: 30px;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.photo-circle{
	min-width: 0.8em;
	height: 0.8em;
	margin: 5px 0;
	border-radius: 50%;
	border: 1px solid #e5bc89;
	cursor: pointer;
	box-shadow: 0 0 3px 1px #e5bc89;
}
.gallery{
	width: calc(100% - 20px);
	height: 70%;
}
.flipbox, .clear {
	float: left;
	perspective: 1000px;
	width: calc(20% - .4em);
	padding: .2em;
	background-repeat: no-repeat;
	height: calc(50% - .4em);
}
.square-photo{
	width: 100%;
	height: 100%;
	transition: 0.2s ease;
}
.currentPhoto{
	transition: .3s ease;
	background-color: #e5bc89;
}
.our-math-about{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 0 4em;
	height: 30%;
}
.big-math{
	color: #e5bc89;
	font-family: 'HelveticaRoman', sans-serif;
	font-size: 3.2em;
	border-bottom: 1px solid #78b3d8;
	width: 50%;
	white-space: nowrap;
	margin-bottom: .4em;
	filter: drop-shadow(0px 0px 5px #e5bc89);
}
.math-text{
	font-family: 'HelveticaRoman', sans-serif;
	font-size: 1.15em;
	width: 90%;
	color: white;
}




.second-block{
	padding: 5em 5em 7em;
	display: flex;
	position: relative;
}
.text-2-half{
	width: 45%;
}
.title-2{
	font-family: 'HelveticaRoman', sans-serif;
	font-size: 2.8em;
	color: #000;	
	text-transform: uppercase;
}
.subtitle-2{
	font-family: 'HelveticaRoman', sans-serif;
	font-size: 1.8em;	
	color: #000;
	margin-bottom: 1em;	
}
.text-2{
	font-family: 'HelveticaRoman', sans-serif;
	font-size: 1.1em;
	margin-bottom: 1em;
	width: 90%;
}
.list-2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 1em;
}
.list-2 li{
	font-family: 'HelveticaRoman', sans-serif;
	font-size: 1em;
	width: 50%;
	margin: .5em 0;
	padding:  0 .5em;
}
.image-2-half{
	width: 55%;
	margin-top: 3.5em;
	padding-right: 5em;
}
.image-2-title{
	font-family: 'HelveticaRoman', sans-serif;
	font-size: 1.4em;
	color: #e5bc89;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
}
.animated-block{
	display: flex;
	width: 100%;
	align-items: flex-start;
	padding: 5em 0;
	justify-content: space-between;
}
.block-item{
	width: 25%;
	display: flex;
	align-items: center;
	padding: 3em 0;
	position: relative;
	justify-content: space-between;
	flex-direction: column;
}
.block-item:nth-child(odd){
	margin-top: 2em;
}
.background-block{
	width: 70%;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	align-items: center;
	justify-content: flex-end;
	height: 20em;
	padding: 1em 0;
	clip-path: polygon(0% 0%, 100% 0, 100% 85%, 50% 100%, 0 85%);
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 85%, 50% 100%, 0 85%);
}
.background-block-reverse{
	width: 70%;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	align-items: center;
	justify-content: flex-end;
	height: 20em;
	padding: 1em 0;
	-webkit-clip-path: polygon(100% 15%, 100% 100%, 0 100%, 0 15%, 50% 0);
	clip-path: polygon(100% 15%, 100% 100%, 0 100%, 0 15%, 50% 0);
}
.box-shadow-block{
	width: 100%;
	filter: drop-shadow(0 0 8px rgba(0,0,0,.2));
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}
.box-shadow-block-reverse{
	width: 100%;
	filter: drop-shadow(0 0 8px rgba(0,0,0,.2));
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	position: relative;
	top: -6em;
}
.white-layer{
	background-color: #fff;
	width: 70%;
	height: 5em;
	z-index: 1;
	position: absolute;
	top: 0;
	filter: none;
}
.background-block-reverse .build-in-background, .background-block-reverse .black-in-background{
	top: 6em;
	bottom: unset;
}
.white-layer-reverse{
	background-color: #fff;
	width: 70%;
	height: 5em;
	z-index: 1;
	position: absolute;
	bottom: 8em;
	filter: none;
}
.build-in-background{
	max-height: 4em;
	max-width: 4em;
	position: absolute;
	bottom: 1.5em;
	animation: imageOpacity 16s ease infinite;
	z-index: 3;
	filter: drop-shadow(0 0 5px rgba(0,0,0,.3));
}
.black-in-background{
	position: absolute;
	bottom: 1.5em;
	z-index: 2;
	max-height: 4em;
	max-width: 4em;
	animation: imageBlack 16s ease infinite;
}
.box-shadow-block-reverse .item-title{
	margin: 0;
}
.item-title{
	font-size: 1.1em;
	text-transform: uppercase;
	margin-top: 1em;
	color: #605240;
	text-align: center;
	font-family: HelveticaBold , sans-serif;
	font-weight: bold;
}
.item-subtitle{
	font-family: HelveticaRoman, sans-serif;
	margin-bottom: 1em;
	font-size: 1.1em;
	text-align: center;
}
.gradient-arrow{
	position: absolute;
	z-index: 2;
	height: 20em;
	display: flex;
	flex-direction: column;
	align-items: center;
	top: -4em;
	justify-content: flex-end;
	width: 60%;
	clip-path: polygon(0 80%, 15% 80%, 15% 0, 85% 0, 85% 80%, 100% 80%, 50% 100%);
	-webkit-clip-path: polygon(0 80%, 15% 80%, 15% 0, 85% 0, 85% 80%, 100% 80%, 50% 100%);
	background: linear-gradient(to top, rgba(238,195,141,1), rgba(238,195,141,0));
	background: -webkit-linear-gradient(to top, rgba(238,195,141,1), rgba(238,195,141,0));
}
.gradient-arrow-reverse{
	position: absolute;
	z-index: 2;
	height: 20em;
	display: flex;
	flex-direction: column;
	align-items: center;
	top: 8em;
	justify-content: flex-start;
	width: 60%;
	-webkit-clip-path: polygon(100% 20%, 80% 20%, 80% 100%, 20% 100%, 20% 20%, 0 20%, 50% 0);
	clip-path: polygon(100% 20%, 80% 20%, 80% 100%, 20% 100%, 20% 20%, 0 20%, 50% 0);
	background: linear-gradient(to top, rgba(238,195,141,0), rgba(238,195,141,1));
	background: -webkit-linear-gradient(to top, rgba(238,195,141,0), rgba(238,195,141,1));
}
.borderless{
	clip-path: polygon(.75em 82%, 1.5em 82%, 1.5em 0, calc(100% - 1.5em) 0, calc(100% - 1.5em) 82%, calc(100% - .75em) 82%, 50% calc(100% - .3em));
	-webkit-clip-path: polygon(.75em 82%, 1.5em 82%, 1.5em 0, calc(100% - 1.5em) 0, calc(100% - 1.5em) 82%, calc(100% - .75em) 82%, 50% calc(100% - .3em));
	width: 100%;
	height: 20em;
	position: absolute;
	background-color: #fff;
}
.borderless-reverse{
	clip-path:polygon(calc(100% - .75em) calc(20% - .3em), calc(80% - .3em) calc(20% - .3em), calc(80% - .3em) 100%, calc(20% + .3em) 100%, calc(20% + .3em) calc(20% - .3em), .75em calc(20% - .3em), 50% .3em);
	-webkit-clip-path:polygon(calc(100% - .75em) calc(20% - .3em), calc(80% - .3em) calc(20% - .3em), calc(80% - .3em) 100%, calc(20% + .3em) 100%, calc(20% + .3em) calc(20% - .3em), .75em calc(20% - .3em), 50% .3em);
	width: 100%;
	height: 20em;
	position: absolute;
	background-color: #fff;
}
.animated-gradient{
	height: 20em;
	background: linear-gradient(to top, rgba(238,195,141,1), rgba(238,195,141,0));
	background: -webkit-linear-gradient(to top, rgba(238,195,141,1), rgba(238,195,141,0));
}
.animated-gradient-reverse{
	height: 20em;
	background: linear-gradient(to top, rgba(238,195,141,0), rgba(238,195,141,1));
	background: -webkit-linear-gradient(to top, rgba(238,195,141,0), rgba(238,195,141,1));
	position: absolute;
    bottom: 0;
    width: 100%;
}
.static-height{
	animation: animate 16s ease infinite;
	overflow: hidden;
}
.static-height-reverse{
	animation: animate 16s ease infinite;
	overflow: hidden;
	position: absolute;
    bottom: 0;
    width: 100%;
}
.gradient-text{
	font-size: 1.5em;
    font-family: HelveticaLight, sans-serif;
    transform: rotate(180deg);
    text-transform: uppercase;
    white-space: nowrap;
    top: 0;
    color: #c3c0bd;
    padding: 2em 0;
    position: relative;
    writing-mode: vertical-rl;
    animation: text 16s ease infinite;
}
@keyframes text{
	0%{color: #c3c0bd;}
	10%{color: white;}
	20%{color: white;}
	30%{color: #c3c0bd;}
	100%{color: #c3c0bd;}
}
@keyframes animate{
	0%{height: 0;}
	10%{height: 100%;}
	20%{height: 100%;}
	30%{height: 0;}
	100%{height: 0;}
}
@keyframes imageOpacity{
	0%{opacity: 1;}
	10%{opacity: 0;}
	20%{opacity: 0;}
	30%{opacity: 1;}
	100%{opacity: 1;}
}
@keyframes imageBlack{
	0%{opacity: 0;}
	10%{opacity: 1;}
	20%{opacity: 1;}
	30%{opacity: 0;}
	100%{opacity: 0;}
}

.download-block{
	width: 100%;
	position: absolute;
	bottom: -38em;
	height: 40em;
	left: 0;
}
.city-background{
	width: 90%;
	position: absolute;
	top: -10em;
	z-index: -1;
	left: 5%;
}
.parallelogram{
	position: absolute;
	z-index: 10;
	height: 20em;
	top: 0;
	left: 8em;
}
.book-block{
	width: 75%;
	background-color: #fff;
	height: 22em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 12;
	position: relative;
	margin: 1em auto;
}
.book-download{
	width: 50%;
	margin: 15% -5% 0 5%;
}
.download-text{
	width: 45%;
	display: flex;
	padding: 2% 0;
	height: 18em;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	justify-content: flex-start;
}
.download-title{
	text-transform: uppercase;
	font-size: 2.6em;
	color: #eec48f;
	font-family: 'helveticaMedium', sans-serif;
}
.logo-download-block{
	height: 7em;
}
.download-about{
	width: 50%;
	font-family: 'helveticaMedium', sans-serif;
	font-size: 1.4em;	
	margin: 0 0 0 1em;
}
.logo-and-text{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
.download-button{
	background: linear-gradient(to bottom, #75b0d7, #104e9f);
	background: -webkit-linear-gradient(to bottom, #75b0d7, #104e9f);
	width: 15em;
	border: 1px solid white;
	box-shadow: 0 0 15px -5px black;
	color: white;
	text-decoration: none;
	font-size: 1.2em;
	margin: 3% 0 0 32%;
	height: 3em;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.animated-stick{
	min-width: 115%;
    position: absolute;
    cursor: pointer;
    left: -115%;
    height: 3px;
    background: linear-gradient(to right, #78b3d8, transparent);
    background: -webkit-linear-gradient(to right, #78b3d8, transparent);
    animation: downloadBook 3s ease infinite;
    animation-delay: 2s;
}
@keyframes downloadBook{
	0%{width: 0%;}
	25%{width: 75%;}
	100%{width: 75%;}
}
.button-text{
	font-family: 'HelveticaLight', sans-serif;
	font-size: .8em;
	text-transform: uppercase;
	padding: 10px;
	display: block;
	white-space: nowrap;
}
.document-icon{
	height: 100%;
	width: 24%;
	padding: 0.05em .5em 0.05em 1em;
	-webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
	clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
	background-color: #c1c4c7;
}


.third-block{
	margin-top: 10em;
	background-image: url(../images/background-2.png);
	background-size: cover;
	width: 100%;
	padding: 18em 0 8em;
}
.title-3{
	text-transform: uppercase;
	font-family: 'HelveticaLight', sans-serif;
	font-size: 2em;
	color: #e5bc89;
	text-align: center;
}
.subtitle-3{
	color: white;
	font-family: 'HelveticaLight', sans-serif;
	font-size: 1.4em;
	text-align: center;
}
.certificate-block{
	width: 90%;
	margin: 5em auto 0;
	position: relative;
	height: 40em;
}
.all-certificates{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.certificate-row{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s ease;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.certificate-item{
	width: 20%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
}
.certificate-name{
	top: 0.8em;
	width: 100%;
	position: absolute;
	text-align: center;
	font-family: 'HelveticaRoman', sans-serif;
	z-index: 3;	
}
.certificate-image{
	z-index: 1;
	width: 100%;	
	transition: .3s ease;
	position: relative;
	top: 0;
	height: 100%;
}
@keyframes diplom{
	0%{transform: none;}
	33%{transform: translateY(5em); z-index: 10;}
	67%{transform: translateY(0); z-index: 10;}
	100%{transform: translateY(0) scale(1.2); z-index: 10;}
}
.certificate-glass{
	z-index: 2;
	width: 100%;
	position: absolute;
	transition: .3s ease;
	left: 0;
	top: 0;
	height: 100%;
}
.certificate-head{
	z-index: 3;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.bottom-block-certificate{
	bottom: -.5em;
	left: 10%;
	height: .5em;
	width: 80%;
	background-color: #e5bc89;
	position: absolute;
}
.shadow-top{
	top: -1em;
	left: 0;
	width: 100%;
	position: absolute;
}
.shadow-bottom{
	bottom: -1em;
	left: 0;
	width: 100%;
	position: absolute;
}
.certificate-circles{
	position: absolute;
	width: 4em;
	height: 100%;
	top: 0;
	right: -5em;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.diplom-button{
	min-width: 2.5em;
	cursor: pointer;
	min-height: 2.5em;
	background-image: url(../images/diplom-button.png);
	background-size: 100% 100%;
	margin: 2em 0;
}
.diplom-button:hover{
	background-image: url(../images/diplom-active-btn.png);
}
.up-button{
	transform: rotate(180deg);
}
.diplom-circles{
	box-shadow: 0 0 3px 1px #e5bc89;
	min-width: 0.8em;
	height: 0.8em;
	margin: .5em 0;
	border-radius: 50%;
	border: 1px solid #e5bc89;
	cursor: pointer;
}
.active-circle{
	background-color: #e5bc89;
}



.forth-block{
	padding: 5em 8em;
	box-sizing: border-box;
}
.title-4{
	font-size: 2em;
	text-transform: uppercase;
	font-family: 'HelveticaRoman', sans-serif;
}
.subtitle-4{
	font-size: 1.3em;
	font-family: 'HelveticaRoman', sans-serif;
}
.ground-block{
	width: 100%;
	padding-top: 14em;
	position: relative;
	margin: 12em auto;	
}
.ground-block:before{
	content: '';
    display: block;
    position: absolute;
    width: 90%;
    background-size: cover;
    top: -12em;
    left: 5%;
    height: 140%;
    background-image: url(../images/cityreverse.png);
}
.city-block{
	position: absolute;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}
.city-image{
	height: 2.4em;
	transition: all .5s ease;
	position: absolute;
	bottom: 1.5em;
}
.stick-ground{
	height: 0;
	background: linear-gradient(to top, #2fa0e9, #2fa0e910);
	background: -webkit-linear-gradient(to top, #2fa0e9, #2fa0e910);
	width: 2px;
}
[data-aos="stick-ground"].aos-animate{
	height: 9em;
}
[data-aos="sticks"].aos-animate{
	height: 18em;
}
.city-name{
	text-transform: uppercase;
	color: white;
	font-family: 'HelveticaRoman', sans-serif;
	font-size: 0.9em;
	margin-top: .3em;
}
[data-aos="sticks"].stick-ground .title-all, [data-aos="sticks"].stick-ground .circle-ground{
	opacity: 1;
}
.title-all{
	white-space: nowrap;
    color: #fc9;
    font-family: HelveticaRoman, sans-serif;
    font-size: 1.5em;
	transition: opacity .5s ease; 
    margin-bottom: 1em;
    padding-left: 1em;
    opacity: 0;
}
.circle-ground{
	white-space: nowrap;
	margin-bottom: 1.2em;
	transition: opacity .5s ease; 
	font-family: 'HelveticaRoman', sans-serif;
    opacity: 0;
	position: relative;
	padding-left: 1.5em;
}
.circle-ground:before{
	position: absolute;
	content: '';
	left: -.6em;
	box-shadow: 0 0 5px 1px #333;
	border-radius: 50%;
	background: linear-gradient(to top, #417eba 60%,#fff);
	background: -webkit-linear-gradient(to top, #417eba 60%,#fff);
	border: 1px solid white;
	height: 1.2em;
	width: 1.2em;
}


.fifth-block{
	background-image: url(../images/carousel-background.png);
	background-size: 100% 100%;
	position: relative;
	padding: 5em 8em 14em;
	margin-bottom: 19em;
}
.triangle-5{
	background: white;
    top: -2px;
    left: 14%;
    height: 4em;
    width: 8em;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    z-index: 5;
}
.title-5{
	text-transform: uppercase;
	margin-bottom: .6em;
	font-size: 2em;
	color: #dcb585;
	font-family: "HelveticaLight", sans-serif;
	width: 80%;
	margin-left: 12%;
}
.subtitle-5{
	font-size: 1.2em;
	font-family: "helveticaLight", sans-serif;
	color: white;
	width: 80%;
	margin-left: 12%;
}
.gallery-carousel{
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: -4em;
	align-items: center;
}
.circle-carousel{
	height: 47em;
	min-width: 47em;
	border-right: 0.3em solid #dcb585;
	border-top: 0.3em solid transparent;
	border-bottom: 0.3em solid transparent;
	border-radius: 50%;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
}
.circle-carousel:before{
	content: '';
    width: 3em;
    position: absolute;
    left: 82.5%;
    top: 14%;
    background: #dcb585;
    height: .3em;
    transform: rotate(-45deg);
}
.circle-carousel:after{
	content: '';
    width: 3em;
    position: absolute;
    left: 82.5%;
    top: 85.5%;
    background: #dcb585;
    height: .3em;
    transform: rotate(45deg);
}
.stick-to-the-circle{
	width: 12em;
    height: 1px;
    background: linear-gradient(to right, #568bac, transparent);
    background: -webkit-linear-gradient(to right, #568bac, transparent);
    position: absolute;
    left: 12em;
    top: calc(50% - 7px);
}
.dotted-circle{
	border-radius: 50%;
	border: 10px dotted #568bac30;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40em;
	box-sizing: content-box;
	min-width: 40em;
}
.yearsAndYears{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	height: 36em;
	position: absolute;
	left: 4em;
}
.years{
	height: 25em;
	position: relative;
	overflow: hidden;
	width: 12em;
}
.year-item{
	font-family: 'HelveticaLight', sans-serif;
	color: #dcb585;
	cursor: pointer;
	height: 20%;
	position: absolute;
	transform: scale(.7);
	display: block;
	transition: .3s ease;
	text-align: center;
	width: 100%;
	display: none;
	font-size: 3.4em;
	text-shadow: 0 0 6px #dcb585; 
}
.year-item:nth-child(2), .year-item:nth-child(6) {
	opacity: 0.3; 
	display: block;
	transform: scale(.6);
	font-weight: 400;
	text-shadow: 0 0 0px #dcb585; 
}
.year-item:nth-child(4){
	opacity: 1; 
	font-weight: 1000;
	transform: scale(1);
	display: block;
}
.year-item:nth-child(3), .year-item:nth-child(5) {
	display: block;
	text-shadow: 0 0 3px #dcb585; 
	font-weight: 600;
	opacity: 0.6; 
	transform: scale(.8);
}
.year-item:nth-child(1){
	display: block;
	top: -20%;
}
.year-item:nth-child(2){
	display: block;
	top: 0;
}
.year-item:nth-child(3){
	display: block;
	top: 20%;
}
.year-item:nth-child(4){
	display: block;
	top: 40%;
}
.year-item:nth-child(5){
	display: block;
	top: 60%;
}
.year-item:nth-child(6){
	display: block;
	top: 80%;
}
.year-item:nth-child(7){
	top: 100%;
	display: block;
}
.greatest-8{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 32em;
	height: 32em;
	border: 1px solid #78b3d8;
	box-shadow: 0 0 0px 10px #78b3d830;
	transition: .3s ease;	
}
.rotated-circle{
	position: absolute;
	border-radius: 50%;
	background-color: #78b3d8;
	height: 2em;
	transition: .3s ease;
	width: 2em;
}
.rotated-circle:nth-child(1){
	left: calc(0% - 1em);
	top: calc(50% - 1em);
}
.rotated-circle:nth-child(2){
	left: calc(15% - 1em);
	top: calc(85% - 1em);
}
.rotated-circle:nth-child(3){
	left: calc(50% - 1em);
	top: calc(100% - 1em);
}
.rotated-circle:nth-child(4){
	left: calc(85% - 1em);
	top: calc(85% - 1em);
}
.rotated-circle:nth-child(5){
	left: calc(100% - 1em);
	top: calc(50% - 1em);
}
.rotated-circle:nth-child(6){
	left: calc(85% - 1em);
	top: calc(15% - 1em);
}
.rotated-circle:nth-child(7){
	left: calc(50% - 1em);
	top: calc(0% - 1em);
}
.rotated-circle:nth-child(8){
	left: calc(15% - 1em);
	top: calc(15% - 1em);
}
.active-carousel{
	background-color: #dcb585;
	transform: scale(1.5);
	box-shadow: 0 0 5px 1px #dcb585;
	border: 1px solid white; 
}
.central-image-carousel{
	width: 85%;
	height: 85%;
	cursor: pointer;
	box-shadow: 0 0 12px 1px #dcb585;
	transition: .3s ease;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #dcb585;
}
.project-1, .project-2, .project-3{
	position: absolute;
	height: 6em;
}
.flex-box{
	display: flex;
	justify-content: flex-start;
	width: 30em;
	align-items: center;
}
.project-name:before{
	position: absolute;
    bottom: .5em;
    left: 1em;
    width: 100%;
    height: 1px;
    background: linear-gradient(to left, #568bac, transparent);
    background: -webkit-linear-gradient(to left, #568bac, transparent);
    content: '';
}
.project-name{
	color: #dcb585;
	padding: 1em;
	cursor: pointer;
	font-family: 'HelveticaLight', sans-serif;
	position: relative;
}
.project-1{
	left: calc(95% - 2.5em);
	top: calc(30% - 3em);
}
.project-2{
	left: calc(100% - 2.5em);
	top: calc(50% - 3em);
}
.project-3{
	left: calc(95% - 2.5em);
	top: calc(70% - 3em);
}
.project-2 .project-image{
	transform: scale(1.2);
}
.project-2 .project-name{
	padding-left: 1.5em;
}
.project-image{
	box-shadow: 0 0 12px 1px #dcb585;
	border-radius: 50%;
	height: 6em;
	cursor: pointer;
	border: 4px solid #dcb585;
	width: 6em;
	object-fit: cover;
}
.notepad-block{
	height: 20em;
	position: absolute;
	width: 80%;
	left: 10%;
	box-shadow: 0 0 30px -12px black;
	bottom: -10em;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background-color: white;
	z-index: 3;
}
.notepad-background{
	width: 98%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.notepad-image{
	width: 53%;
    z-index: 4;
    position: absolute;
    top: -3em;
    left: 5em;
}
.notepad-text{
	height: 100%;
	width: calc(100% - 30em);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	padding: 3em 8em 3em 1em;
}
.notepad-title{
	font-size: 1.9em;
	position: relative;
	z-index: 5;
	text-align: right;
	line-height: 130%;
	font-family: 'HelveticaMedium', sans-serif;
	color: #dcb585;
	text-transform: uppercase;
}
.notepad-subtitle{
	font-size: 1.2em;
	text-align: right;
	position: relative;
	z-index: 5;
	margin-top: -3em;
	font-family: 'HelveticaRoman', sans-serif;
}
.notepad-button-text{
	text-transform: uppercase;
	padding-right: 1em;
	font-size: .8em;
}
.notepad-button{
	background: linear-gradient(to bottom, #75b0d7, #104e9f);
	background: -webkit-linear-gradient(to bottom, #75b0d7, #104e9f);
	border: 1px solid white;
	box-shadow: 0 0 15px -5px black;
	color: white;
	font-family: 'HelveticaLight', sans-serif;
	font-size: 1em;
	position: relative;
	z-index: 4;
	padding-left: 1em;
	height: 3em;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.call-icon{
	-webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
	clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
	background-color: #c1c4c7;
	height: 100%;
	padding: .5em .3em .5em .6em;
	width: 3em;
}
.animated-c{
	position: absolute;
	left: 0;
	background: #78b3d8;
	top: -0.2em;
	height: 0.6em;
	border-radius: 50%;
	width: 0.6em;
}

.six-block{
	position: relative;
}
.title-6{
	font-family: 'HelveticaRoman', sans-serif;
	text-transform: uppercase;
	font-size: 2em;
	text-align: center;
}
.slider-logo{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2em 0 5em;
}
.logo-block{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 70%;
	position: relative;
	overflow: hidden;
	height: 30em;
	margin: 0 3em;
}
.logo-row{
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
	top: 0;
	transition: 1s ease;
	position: absolute;
}
.logo-image{
	max-width: 80%;
	max-height: 80%;
}
.logo-item{
	width: 28%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid transparent;
	margin: 2em 0;
	height: 10em;
}
.logo-item:hover{
	border-bottom-right-radius: 5em;
	box-shadow: 0 0 10px 1px rgba(0,0,0,.3);
	transition: .3s ease;
	border: 1px solid #f3d5af;
}
.left-button{
	transform: rotate(90deg);
}
.right-button{
	transform: rotate(-90deg);
}
.ground-land{
    width: 80vw;
    margin: 0 auto;
    top: 0;	
    position: absolute;
}
.box{
    position: relative;
}
.box img{
    width: 100%;
}
.map{
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 2;
}
.map-shadow{
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}
[data-aos="ground"].aos-animate{
	height: auto;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);	
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);	
}
[data-aos="ground-map"].aos-animate{
	top: 0;
}
.download-title-mob, .ground-info, .animated-block-mob, .mobile-buttons, .about-text-2, .mobile-buttons{
	display: none;
}

@media screen and (max-width: 1440px) {
	.notepad-block .animated-stick{
		width: 60%;
	}
}

@media screen and (max-width: 992px) {
	.gallery, .circles, .parallelogram, .download-title, .shadow-top, .shadow-bottom, .ground-land, .stick-ground, .dotted-circle, 
	.notepad-subtitle, .notepad-block .animated-stick, .animated-block, .circle-carousel:after, .circle-carousel:before, .project-name:before, 
	.stick-to-the-circle, .triangle-5{
		display: none;
	}	
	.first-block{
		flex-direction: column;
		padding: 0 0 2em;
		height: auto;
		background-size: cover;
	}
	.first-text{
		width: 100%;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    height: auto;
	}
	.first-block-logo{
		margin: 0 auto 2em;
	}
	.border-title{
		max-width: 95%;
	    font-size: 1.7em;
	    margin: 0 auto;
	    padding: 0.3em 1em;
	}
	.first-subtitle{
		text-align: center;
		max-width: 90%;
		margin: 1em auto;		
	}
	.our-math{
		width: 90%;
	    font-size: 2.5em;
	    margin-top: 1em;
	    font-family: HelveticaLight, sans-serif;
	}
	.second-text{
		width: 100%;
		height: auto;
		padding: 0;
	}
	.our-math-about{
		width: 100%;
	    height: auto;
	    display: flex;
	    padding: 0;
	    flex-direction: column;
	}
	.company-title{
		margin-left: 0;
	}
	.math-item{
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 1em;
	}
	.big-math{
		text-align: right;
	}
	.another-bg{
	    background: linear-gradient(to left, #3d525c, #3d525c00);
	    background: -webkit-linear-gradient(to left, #3d525c, #3d525c00);
	}
	.math-text{
		padding: 2em;
	    font-size: 1.1em;
	}
	.another-math{
		width: 30%;
	    text-align: left;
	    margin-left: 1em;
	}
	.second-block{
		flex-direction: column;
		padding: 1em 1em 15em;
	}
	.text-2-half, .image-2-half{
		width: 100%;
	}
	.text-2{
		width: 100%;	
	}
	#text-2{
		overflow: hidden;
		transition: .5s ease;
	}
	.title-2{
		font-size: 2.5em;
	}
	.image-2-half{
		padding: 0;
	}
	.subtitle-2{
		white-space: pre-wrap;
	}
	.book-block{
		width: 95%;
		height: 15em;
	}
	.download-title-mob{
		text-transform: uppercase;
		font-size: 1.5em;
		color: #e5bc89;
		font-family: 'HelveticaLight', sans-serif;
		position: absolute;
		top: .5em;
		display: block;
		left: .5em;
	}
	.animated-block-mob{
		display: flex;
	    flex-direction: column;
	    width: calc(100% + 2em);
	    margin: 0 -1em 0;
	}
	.block-item{
		width: 100%;
		flex-direction: row-reverse;
		padding: 1em 0;
	}
	.block-item-reverse{
		width: 100%;
		flex-direction: row;
		display: flex;
		position: relative;
		padding: 1em 0;
	}
	.box-shadow-block{
		width: 60%;
	}
	.item-subtitle{
		text-align: center;
	}
	.block-item-reverse .background-block{
		clip-path: polygon(0% 0%, 85% 0, 100% 50%, 85% 100%, 0% 100%);
		-webkit-clip-path: polygon(0% 0%, 85% 0, 100% 50%, 85% 100%, 0% 100%);
	}
	.block-item-reverse .gradient-arrow{
		clip-path: polygon(0% 20%, 80% 20%, 80% 0, 100% 50%, 80% 100%, 80% 80%, 0% 80%);
		-webkit-clip-path: polygon(0% 20%, 80% 20%, 80% 0, 100% 50%, 80% 100%, 80% 80%, 0% 80%);
		background: linear-gradient(to left, rgba(238,195,141,1), rgba(238,195,141,0));
		background: -webkit-linear-gradient(to left, rgba(238,195,141,1), rgba(238,195,141,0));
	}
	.block-item-reverse .borderless{
		clip-path: polygon(0 calc(20% + 0.5em), calc(80% + 0.5em) calc(20% + 0.5em), calc(80% + 0.5em) 1em, calc(100% - 1em) 50%, calc(80% + 0.5em) calc(100% - 1em), calc(80% + 0.5em) calc(80% - 0.5em), 0% calc(80% - 0.5em));
		-webkit-clip-path: polygon(0 calc(20% + 0.5em), calc(80% + 0.5em) calc(20% + 0.5em), calc(80% + 0.5em) 1em, calc(100% - 1em) 50%, calc(80% + 0.5em) calc(100% - 1em), calc(80% + 0.5em) calc(80% - 0.5em), 0% calc(80% - 0.5em));
	}
	.block-item-reverse .animated-gradient{
		background: linear-gradient(to left, rgba(238,195,141,1), rgba(238,195,141,0));
		background: -webkit-linear-gradient(to left, rgba(238,195,141,1), rgba(238,195,141,0));
	}
	.block-item-reverse .static-height{
		left: 0;
		right: unset;
	}
	.block-item-reverse .white-layer{
	    width: 5em;
	    height: 7em;
	    top: unset; 
	    right: -4em;
	}
	.gradient-arrow{
		clip-path: polygon(20% 0, 20% 20%, 100% 20%, 100% 80%, 20% 80%, 20% 100%, 0% 50%);
		-webkit-clip-path: polygon(20% 0, 20% 20%, 100% 20%, 100% 80%, 20% 80%, 20% 100%, 0% 50%);
		height: 90%;
		background: linear-gradient(to right, rgba(238,195,141,1), rgba(238,195,141,0));
		background: -webkit-linear-gradient(to right, rgba(238,195,141,1), rgba(238,195,141,0));
		top: unset;
		height: 85%;
		width: 85%;
	}
	.static-height{
		top: 0;
		right: 0;
		height: 100%;
		width: 0;
		position: absolute;
		animation: animateWidth 16s ease infinite;
	}
	.animated-gradient{
		height: 100%;
		width: 100%;
		background: linear-gradient(to right, rgba(238,195,141,1), rgba(238,195,141,0));
		background: -webkit-linear-gradient(to right, rgba(238,195,141,1), rgba(238,195,141,0));
	}
	.text-block-mob{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-top: 5em;
		width: 40%;
	}
	.item-title{
		white-space: pre-wrap;
		text-align: center;
	}
	.white-layer{
	    width: 5em;
	    height: 7em;
	    top: unset; 
	    right: -4em;
	}
	.build-in-background, .black-in-background{
		bottom: unset;
		top: 0;
		max-width: 6em;
		max-height: 6em;
	}
	.background-block{
		clip-path: polygon(15% 0, 100% 1%, 100% 100%, 15% 100%, 0% 50%);
		-webkit-clip-path: polygon(15% 0, 100% 1%, 100% 100%, 15% 100%, 0% 50%);
		height: 8em;
		width: 100%;
		position: relative;
		justify-content: center;
	}
	.borderless{
		height: 100%;
		clip-path: polygon(calc(20% - 0.5em) 1em, calc(20% - 0.5em) calc(20% + 0.5em), calc(100% - .5em) calc(20% + 0.5em), calc(100% - .5em) calc(80% - 0.5em), calc(20% - 0.5em) calc(80% - 0.5em), calc(20% - 0.5em) calc(100% - 1em), 0.5em 50%);
		-webkit-clip-path: polygon(calc(20% - 0.5em) 1em, calc(20% - 0.5em) calc(20% + 0.5em), calc(100% - .5em) calc(20% + 0.5em), calc(100% - .5em) calc(80% - 0.5em), calc(20% - 0.5em) calc(80% - 0.5em), calc(20% - 0.5em) calc(100% - 1em), 0.5em 50%);
	}
	.gradient-text{
		writing-mode: horizontal-tb;
		display: flex;
		align-items: center;
		height: 100%;
		transform: none;
	}
	@keyframes animateWidth{
		0%{width: 0;}
		10%{width: 100%;}
		20%{width: 100%;}
		30%{width: 0;}
		100%{width: 0;}
	}

	.logo-and-text{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.book-download{
		width: 60%;
    	margin: 4em 0 0 -2em;
	}
	.download-block{
		height: 15em;
		bottom: -2em;
	}
	.download-about{
		width: auto;
	    font-family: 'helveticaMedium', sans-serif;
	    margin: 1em 0 0;
	    font-size: 1.1em;
	}
	.download-button{
		margin: 1em 0 0;
		font-size: 1em;
	}
	.download-text{
		height: auto;
	}
	.third-block{
		padding: 10em 0 2em;
	}
	.certificate-item{
		width: 40%;
		height: auto;
	}
	.certificate-block{
		margin: 3em 0 0;
		width: 100%;
		height: 32em;
	}
	.certificate-row{
		align-items: center;
    	padding-bottom: 4em;
	}
	.certificate-circles{
		position: absolute;
	    width: 100%;
	    height: 4em;
	    top: unset;
	    right: unset; 
	    left: 0;
	    bottom: 0;
	    flex-direction: row;
	}
	.dircles{
	    display: flex;
	    flex-direction: row;
	    margin: 0 0.3em;
	}
	.diplom-circles{
		margin: 0.3em;
	}
	.up-button{
		transform: rotate(90deg);
	}
	.down-button{
		transform: rotate(-90deg);
	}
	.mobile-buttons{
		display: flex;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    justify-content: space-between;
	    align-items: center;
	    height: 3em;
	}
	.right-button{
		position: absolute;
	    bottom: 1em;
	    right: 8em;
	    height: 3em;
	    width: 3em;
	}
	.left-button{
		position: absolute;
	    bottom: 1em;
	    left: 8em;
	    height: 3em;
	    width: 3em;
	}
	.logo-block{
		width: 100%;
		margin: 0;
	}
	.logo-item{
		width: 50%;
	}
	.logo-image{
		max-width: 85%;
		max-height: 85%;
	}
	.logo-item:hover{
		border-radius: 0;
		box-shadow: none;
		border: none; 
	}
	.certificate-image {
	    z-index: 3;
	    width: 100%;
	    top: 0;
	    height: 100%;
	}
	.forth-block{
		padding: 3em 1em 1em;
	}
	.subtitle-4{
		margin: 1em 0;
	}
	.ground-block{
		margin: 0;
		padding: 0;
		height: auto;
	}
	.city-block{
		position: static;
		display: none;
		width: 25%;
		margin-bottom: 1em;
	}
	.city-block:nth-of-type(1), .city-block:nth-of-type(2), .city-block:nth-of-type(3){display: flex;}
	.city-image{
		width: 60%;
		height: auto;
		position: static;
	}
	.ground-block:before{
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-size: 200%;
	}
	.cities{
		display: flex;
    	flex-wrap: wrap;
    	justify-content: space-around;
	}
	.city-name{
		font-size: 1.2em;
		color: black;
		text-align: center;
	}
	.ground-info{
		display: flex;
		width: 95%;
		margin: 0 auto;
		height: 15em;
		background-color: #fff;
		box-shadow: 0 0 20px -10px #000;
	}
	.image-half-info{
		width: 40%;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    padding: 1em;
	    justify-content: center;
	}
	.image-city-info{
		width: 70%;
    	margin-bottom: 1em;
	}
	.city-name-info{
		font-size: 1.4em;
		text-align: center;
	    text-transform: uppercase;
	    font-family: HelveticaLight, sans-serif;
	}
	.statictic{
		width: 60%;
		padding: 2em 0;
	}
	.city-all-progress{
		font-family: HelveticaLight, sans-serif;
		font-size: 2em;
		color: #fc9;
		margin-top: .5em;
	}
	.ground-another-stats{
	    font-size: 1.2em;
	    font-family: HelveticaMedium, sans-serif;
	    margin-top: 1em;
	    padding-left: 2em;
	    position: relative;
	    display: flex;
	    align-items: center;
	}
	.ground-another-stats:before{
		content: '';
		position: absolute;
		left: 0;
		top: -1px;
		height: 1.2em;
		width: 1.2em;
		background: linear-gradient(to bottom, #72add5, #1250a0);
		background: -webkit-linear-gradient(to bottom, #72add5, #1250a0);
		border-radius: 50%;
		border: 1px solid white;
		box-shadow: 0 0 20px -15px #000;
	}
	.fifth-block{
		padding: 3em 1em;
		background-size: cover;
	}
	.yearsAndYears{
		flex-direction: row;
		height: 5em;
		width: 90%;
		position: static;
		margin-top: 1em;
	}
	.years{
		flex-direction: row;
		height: 5em;
		width: calc(100% - 5em);
	}
	.gallery-carousel{
		margin: 0 0 3em;
		flex-direction: column;
	}
	.year-item{
		height: 100%;
		display: none;
		width: auto;
		align-items: center;
		top: 0;
		opacity: 0;
	}
	.project-2 .project-image{
		transform: none;
	}
	.project-2 .project-name {
	    padding-left: 1em;
	}
	.year-item:nth-child(7), .year-item:nth-child(1) {
		display: none;
	}
	.year-item:nth-child(6) {
	    opacity: .5;
	    transform: scale(.8);
	    right: -100%;
	    display: flex;
	    top: 0;
	}
	.year-item:nth-child(5) {
	    opacity: 0.5;
	    transform: scale(0.7) translateX(-100%);
	    left: 92%;
	    top: 0;
	    display: flex;
	}
	.year-item:nth-child(4) {
	    opacity: 1;
	    transform: scale(1) translateX(-50%);
	    display: flex;
	    left: 50%;
	    top: 0;
	}
	.year-item:nth-child(3) {
	    opacity: 0.5;
	    transform: scale(0.7);
	    display: flex;
	    left: 0;
	    top: 0;
	}
	.year-item:nth-child(2) {
	    opacity: .5;
	    transform: scale(.8);
	    left: -100%;
	    display: flex;
	    top: 0;
	}
	.circle-carousel{
		width: calc(100% + 2em);
	    min-width: auto;
	    overflow: hidden;
	    border: none;
	    height: auto;
	    align-items: flex-start;
		margin-top: 3em;
	    border-radius: 0;
	}
	.project-name{
		width: 90%;
		text-align: center;
		font-size: 1.4em;
	}
	.project-image{
		width: 90%;
		box-shadow: 0 0 5px 1px #dcb585;
		height: 25em;
		border-radius: 0;
		border: none;
	}
	.flex-box{
		position: absolute;
		top: 0;
		width: 100%;
		transition: .3s ease;
		height: 100%;
		height: auto;
		flex-direction: column-reverse;
	}
	.projects-in-border{
		width: 100%;
		height: 37em;
		overflow: hidden;
	}
	.mobile-buttons{
		position: absolute;
	    bottom: 0;
	    display: flex;
	    height: 5em;
	    width: 90%;
	    justify-content: space-between;
	    z-index: 5;
	    align-items: center;
	}
	.title-5, .subtitle-5{
		width: 90%;
    	margin: .5em auto;
	}
	.notepad-block{
		width: 90%;
	    left: 5%;
	    height: 12em;
	    bottom: -8em;
	}
	.projects-in-border:before{
		content: '';
		width: 100%;
	    height: 1px;
	    left: 0;
	    top: 0;
	    position: absolute;
	    background: linear-gradient(to right, #fc9, #fc90);
	}
	.projects-in-border:after{
		content: '';
		width: 100%;
	    height: 1px;
	    left: 0;
	    bottom: 0;
	    position: absolute;
	    background: linear-gradient(to right, #fc90, #fc9);
	}
	.notepad-image{
		width: 70%;
		left: -3em;
		top: 0;
	}
	.notepad-text{
		width: auto;
		padding: 1em;
	}
	.notepad-title{
		font-size: 1.2em;
		text-align: left;
		width: 70%;
	}
	.notepad-button{
		margin-top: 2em;
	}
	.notepad-background{
		bottom: 2em;
	}
	.certificate-name{
		font-size: .8em;
	}
	.six-block{
		overflow: hidden;
		padding: 16em 0 2em;
	}
	.logo-item{
		width: 40%;
	}
	.title-6{
		width: 90%;
		margin: 0 auto;
	}
	.about-text-2{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-left: -1em;
		margin-bottom: 2em;
	}
	.about-stick{
		background: #c1c4c7;
		height: 1px;
		width: 100%;
	}
	.height-info{
		padding: 1em 1em 1em 3em;
		position: relative;
		color: white;
		text-transform: uppercase;
		background: linear-gradient(to bottom, #2c69ae80, #2c69ae);
		font-family: HelveticaLight, sans-serif;
		border: none;
		outline: none;
		white-space: nowrap;
	}
	.height-info:before{
		content: '';
		-webkit-clip-path: polygon(0% 0%, 50% 0, 100% 50%, 50% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 50% 0, 100% 50%, 50% 100%, 0% 100%);
		background: #c1c4c7;
		height: 100%;
		width: 2.5em;
		position: absolute;
		top: 0;
		left: 0;
	}
}
@media screen and (max-width: 1600px) and (min-width: 992px) {
	.stick-to-the-circle{
		width: 5em;
	}
	.flex-box{
		width: 25em;
	}
}