.nav-drop ul,
.social-block .social-networks {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}



body {
		font: 15px/1.467 "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: top;
}

.gm-style img {
	max-width: none;
}



@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon.eot?f3dg27");
	src: url("../fonts/icomoon.eot?f3dg27#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?f3dg27") format("truetype"), url("../fonts/icomoon.woff?f3dg27") format("woff"), url("../fonts/icomoon.svg?f3dg27#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-link:before {
	content: "\e900";
}

.icon-twitter:before {
	content: "\e912";
}

.icon-angle-left:before {
	content: "\e901";
}

.icon-facebook:before {
	content: "\e902";
}

.icon-whatsapp:before {
	content: "\ea93";
}


#wrapper {
	overflow: hidden;
}

a,
button,
input[type="submit"] {
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, border .3s ease-in-out, color .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out, border .3s ease-in-out, color .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out;
}

.container {
	padding: 0 24px;
	margin: 0 auto;
	max-width: 1168px;
}




.timeline-section {
	padding: 1px 0 13px;
	margin-bottom: 40px;
	position: relative;
}

.timeline-section .container {
	max-width: 1168px;
}

.timeline-section:before {
	content: "";
	top: 79px;
	bottom: 0;
	left: 29px;
	background: #1A4FFD;
	width: 1px;
	position: absolute;
}

.timeline-hold {
	margin: 0 -20px;
}

.timeline {

	padding-top: 38px;
	z-index: 999;
	
	margin:0 auto;
}
.timeline{
	margin-top:-8px;
    position: relative;
    top: 0px;
    z-index: 9999999999;
    background: #F4F7FA;
	height:100px;
}

.timeline:before {
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	/*position: absolute;
	left: -9999px;
	right: -9999px;
	top: 0;
	bottom: 0;
	background: #F4F7FA;
	    height: 100px;*/
	content: "";
}



.timeline svg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.timeline .scroller {
	position: relative;
	white-space: nowrap;
	width: 100%;
	letter-spacing: -5px;
	text-align:center
}

.timeline .slide {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
}

.timeline .slide:nth-child(2):before {
	left: 50%;
}

.timeline .slide:last-child:before {
	right: 50%;
}

.timeline .slide {
	text-align: center;
	position: relative;
}

.timeline .slide:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	height: 2px;
}

.timeline time {
	display: block;
	font-size: 11px;
	line-height: 16px;
	font-weight: 700;
	color: #8c7851;
	padding-bottom: 8px;
	position: relative;
	width: 81px;
}

.timeline time a {
	color: #8c7851;
	text-decoration: none;
	display: block;
	font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;letter-spacing: 0.5px;
}

.timeline time a:hover {
	color: #4b412c;
}

.timeline time a:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	top: -3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	-webkit-transition: background .3s ease-in-out, border .3s ease-in-out, width .3s ease-in-out, height .3s ease-in-out, bottom .3s ease-in-out;
	transition: background .3s ease-in-out, border .3s ease-in-out, width .3s ease-in-out, height .3s ease-in-out, bottom .3s ease-in-out;
}

.timeline time a.active:before {
	width: 14px;
	height: 14px;
	top: -5px;
}

.timeline time a.active:after {
	opacity: 1;
}

.timeline .marker {
	position: absolute;
	bottom: -8px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 20px;
	height: 20px;
	-webkit-transition: left .3s ease-in-out;
	transition: left .3s ease-in-out;
	background-color: rgba(1, 5, 24, .17);
	border: 1px solid #fff;
	border-radius: 50%;
}

#blurryscroll {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	top: 0;
	overflow: hidden;
	padding-top: 84px;
	filter: blur(8px);
	z-index: 2;
}

.timeline-holder {
	position: relative;
}

.timeline-wrap {
	padding-top: 49px;
}

.timeline-block {
	position: relative;
	padding-left: 46px;
	padding-right: 18px;
	font-size: 16px;
	line-height: 1.5;
	padding-top: 33px;
	padding-bottom: 33px;
}

.timeline-block .col {
	margin: 0 0 40px;
}

.timeline-block .text {
	max-width: 429px;
}

.timeline-block .img {
	max-width: 380px;
}

.timeline-block time {
	font-size: 56px;
	font-weight: 300;
	line-height: 28px;
	letter-spacing: 0.25px;
	color: #000000;
	display: block;
	margin: 0 0 21px;
	position: relative;
	font-family: 'Barlow';
}

.timeline-block h2 {
	position: relative;
	padding-bottom: 26px;
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 600;
	font-size: 56px;
	line-height: 64px;
	letter-spacing: 0.25px;
	color: #07153C;
}



.timeline-block .year-title {
	font-size: 100px;
	display: block;
	line-height: 1;
	font-family: "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.timeline-block .year-title.white {
	color: #fff;
}




section {
	z-index: 5;
	position: relative;
}


.dot {
	position: absolute;
	left: -40px;
	top: 50%;
	-webkit-transform: translateY(-50%) scale(.7);
	-ms-transform: translateY(-50%) scale(.7);
	transform: translateY(-50%) scale(.7);
	background: #1A4FFD;
	border:5px solid white;
	border-radius: 50%;
	z-index: 5;
	width: 28px;
	height: 28px;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}





.in-viewport .dot {
	opacity: 1;
}


.fade-left {
	opacity: 0;
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px);
	-webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.in-viewport .fade-left {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.fade-right {
	opacity: 0;
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
	-webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.in-viewport .fade-right {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

a:hover,
a:focus {
	color: #b8b8b8;
	-webkit-transition: color .3s;
	transition: color .3s;
}

.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}

#main {
	min-height: 100vh;
}

.page-view {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
}

.page-view .project {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background: #010518;
}

.page-view .project:nth-child(1) {
	z-index: 30;
}

.page-view .project:nth-child(2) {
	z-index: 30;
	background: #f2eadf;
}

.page-holder {
	overflow: hidden;
	position: relative;
	background: url(../images/nature-sprite.png) no-repeat -9999px -9999px;
}

.page-holder .page-view .project.hide {
	-webkit-mask: url(../images/nature-sprite.png);
	mask: url(../images/nature-sprite.png);
	-webkit-mask-size: 2300% 100%;
	mask-size: 2300% 100%;
	-webkit-animation: mask-play 1.4s steps(22) forwards;
	animation: mask-play 1.4s steps(22) forwards;
}

/* Fallback */

.no-cssmask .page-view .project.hide,
.ie11 .page-view .project.hide {
	opacity: 0;
	-webkit-transition: opacity 1.4s ease;
	transition: opacity 1.4s ease;
	-webkit-mask: none !important;
	mask: none !important;
}



.fade-in {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.fade-in .in-viewport,
.in-viewport .fade-in {
	opacity: 1;
	visibility: visible;
}

span.fade-in {
	display: inline-block;
	vertical-align: middle;
}

.delay-1 {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.delay-2 {
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}

.delay-3 {
	-webkit-transition-delay: 3s;
	transition-delay: 3s;
}

.delay-4 {
	-webkit-transition-delay: 4s;
	transition-delay: 4s;
}

.delay-5 {
	-webkit-transition-delay: 5s;
	transition-delay: 5s;
}

.delay-6 {
	-webkit-transition-delay: 6s;
	transition-delay: 6s;
}

.delay-7 {
	-webkit-transition-delay: 7s;
	transition-delay: 7s;
}

.delay-8 {
	-webkit-transition-delay: 8s;
	transition-delay: 8s;
}

.delay-9 {
	-webkit-transition-delay: 9s;
	transition-delay: 9s;
}

.delay1 {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}

.delay2 {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.delay3 {
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.delay4 {
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}

.delay5 {
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s;
}

.delay6 {
	-webkit-transition-delay: 3s;
	transition-delay: 3s;
}

.delay7 {
	-webkit-transition-delay: 3.5s;
	transition-delay: 3.5s;
}

.delay8 {
	-webkit-transition-delay: 4s;
	transition-delay: 4s;
}

.delay9 {
	-webkit-transition-delay: 4.5s;
	transition-delay: 4.5s;
}

#light {
	-webkit-animation: light .5s linear infinite;
	animation: light .5s linear infinite;
}

#light1 {
	-webkit-animation: light .5s linear infinite;
	animation: light .5s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
}

.visible-xs {
	display: block;
}

@media (min-width: 330px) {
	.timeline-block .year-title {
		font-size: 114px;
	}

	.main-block.main-block-timeline .text {
		padding: 0 22px;
	}
}

@media (min-width: 414px) {
	h1 {
		font-size: 43px;
		line-height: 58px;
		margin: 0 0 17px;
	}

	h1 span {
		font-size: 67px;
	}

	.scroll-txt {
		padding-bottom: 13px;
		margin: 0 0 81px;
	}

	.scroll-txt:before {
		height: 49px;
	}

	
	.timeline-section {
		padding: 5px 0 46px;
	}

	.timeline-section:before {
		top: 100px;
		left: 9px;
	}

	.timeline time {
		font-size: 14px;
		width: 101px;
		padding-top: 23px;
	}

	.timeline .marker {
		width: 24px;
		height: 24px;
		bottom: -10px;
	}

	#blurryscroll {
		padding-top: 95px;
	}

	.timeline-wrap {
		padding-top: 26px;
	}

	.timeline-block {
		padding-left: 91px;
		padding-right: 30px;
		margin: 0 0 124px;
		padding-top: 62px;
		padding-bottom: 62px;
	}

	.timeline-block .col {
		margin: 0 0 26px;
	}

	.timeline-block h2 {
		padding-bottom: 62px;
	}

	.timeline-block .year-title {
		font-size: 120px;
	}

	

	.dot {
		left: -67px;
		-webkit-transform: translateY(-50%) scale(.8);
		-ms-transform: translateY(-50%) scale(.8);
		transform: translateY(-50%) scale(.8);
	}

	.logo {
		width: 146px;
		-ms-flex-preferred-size: 146px;
		flex-basis: 146px;
	}

	.header-text {
		margin-right: 8px;
		line-height: 10px;
	}

	.header-area {
		padding-right: 53px;
	}

	.about-txt {
		right: 18px;
		top: 64px;
	}

	.logo1 {
		width: 85px;
		margin-right: -7px;
	}

	.hamburger {
		right: 13px;
	}

	.main-block .holder {
		padding-top: 171px;
	}

	.main-block.main-block-timeline .holder {
		padding-top: 211px;
	}

	.main-block.main-block-timeline h1 {
		font-size: 31px;
		line-height: 39px;
		margin: 0 0 36px;
	}

	.main-block.main-block-timeline h1 span {
		font-size: 57px;
	}

	.main-block.main-block-timeline .text-wrap {
		margin-bottom: 41px;
		max-width: 530px;
		padding: 0;
	}

	.main-block .text-wrap {
		padding: 0 60px;
		max-width: 403px;
	}

	.title {
		margin: 0 0 20px;
	}

	.cloud1 {
		width: 139px;
		top: 44px;
	}

	.cloud2 {
		top: 98px;
		width: 61px;
	}

	.cloud3 {
		width: 66px;
		top: 85px;
	}

	.cloud8 {
		width: 59px;
		left: 12.2%;
		top: 83px;
	}

	.cloud7 {
		left: 30.7%;
		width: 138px;
		top: 28px;
	}

	.cloud12 {
		left: 74.4%;
		top: 70px;
		width: 56px;
	}

	.cloud13 {
		top: 80px;
		left: 20%;
		width: 104px;
	}

	.cloud14 {
		top: 120px;
		left: 6%;
		width: 48px;
	}

	.cloud18 {
		top: 111px;
		left: 52.1%;
		width: 46px;
	}

	.plane {
		width: 99px;
	}

	.social-block {
		width: 370px;
		height: 79px;
		padding: 10px 17px 10px 31px;
	}

	.social-block .social-title {
		font-size: 18px;
		width: 175px;
		-ms-flex-preferred-size: 175px;
		flex-basis: 175px;
		padding-left: 25px;
	}

	.social-block .social-networks {
		height: 32px;
		margin: 0 -7px;
	}

	.social-block .social-networks li {
		padding: 0 7px;
	}

	.social-block a {
		width: 32px;
		height: 32px;
		line-height: 36px;
	}

	.main-block.main-block-timeline.paid-block {
		font-size: 15px;
		line-height: 25px;
	}

	.main-block.main-block-timeline.paid-block .holder {
		padding-top: 183px;
	}

	.main-block.main-block-timeline.paid-block .logo1 {
		margin-bottom: 44px;
	}

	.back-to-top {
		height: 84px;
		line-height: 84px;
	}
}

@media (min-width: 768px) {


	.container {
		padding: 0 24px;
	}

	h1 {
		font-size: 68px;
		line-height: 85px;
		letter-spacing: 5.45px;
	}

	h1 span {
		font-size: 107px;
	}

	.btn.btn-icon {
		font-size: 16px;
		min-width: 281px;
		padding: 18px 72px 18px 40px;
	}

	.btn.btn-icon .icon-link {
		right: 48px;
		font-size: 18px;
	}

	.scroll-txt {
		font-size: 18px;
		line-height: 26px;
		padding-bottom: 13px;
		margin: 0 0 157px;
	}

	.scroll-txt:before {
		height: 38px;
	}

	.train {
		margin: 0 -22px  59px;
	}

	.train .train-holder {
		margin: 0 0 11px;
	}

	.train-block {
		width: 1179px;
	}

	.timeline-section {
		padding: 1px 0 29px;
	}

	.timeline-section:before {
		left: 6px;
	}

	.timeline time {
		font-size: 14px;
		line-height: 1.857;
		padding-bottom: 20px;
		width: 96px;
	}

	.timeline time a:before {
		width: 10px;
		height: 10px;
		top: -4px;
	}

	.timeline time a.active:before {
		width: 16px;
		height: 16px;
		border: 1px solid #fff;
		top: -7px;
	}

	.timeline .marker {
		top: -11px;
	}

	#blurryscroll {
		padding-top: 97px;
	}

	.timeline-wrap {
		padding-top: 13px;
	}

	.timeline-block {
		max-width: 563px;
		padding-right: 0;
		padding-left: 132px;
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 2px;
		padding-top: 56px;
		padding-bottom: 56px;
	}

	.timeline-block .paragraph {
		max-width: 380px;
	}

	.timeline-block .col {
		margin: 0 0 17px;
	}

	.timeline-block .img {
		max-width: 355px;
	}

	.timeline-block time {
		margin: 0 0 18px;
	}

	.timeline-block h2 {
		padding: 0 0 14px;
		margin: 0 0 18px;
		font-size: 45px;
		line-height: 45px;
	}

	.timeline-block .year-title {
		line-height: 133px;
		font-size: 173px;
	}

	.light-block {
		padding-top: 33px;
		min-height: 310px;
		margin-left: -22px;
		margin-right: -22px;
	}

	.light-block .light {
		width: 250px;
		margin-left: 20px;
	}

	.light-block .train1 {
		left: 0;
	}

	

	.dot {
		left: -173px;
	}

	.logo {
		width: 231px;
		-ms-flex-preferred-size: 231px;
		flex-basis: 231px;
	}

	.header-text {
		font-size: 10px;
		width: 80px;
		padding-top: 4px;
	}

	.header-area {
		padding-right: 30px;
	}

	.about-txt {
		display: block;
		font-size: 12px;
		font-family: "Helvetica", "Roboto", "Arial", "Helvetica Neue", sans-serif;
		padding-right: 7px;
		padding-top: 5px;
		position: static;
	}

	.about-txt a {
		font-size: 12px;
		line-height: 1.5;
	}

	.logo1 {
		margin-right: 18px;
		width: 88px;
	}

	.nav-drop .nav-hold {
		padding: 76px 0;
	}

	.nav-drop .nav-title {
		margin: 0 0 38px;
	}

	.nav-drop ul li {
		margin: 0 0 38px;
	}

	.hamburger {
		right: 8px;
	}

	.main-block .holder {
		padding: 258px 22px 0;
	}

	.main-block.main-block-timeline .holder {
		padding-top: 241px;
	}

	.main-block.main-block-timeline h1 {
		font-size: 40px;
		letter-spacing: 3.2px;
		line-height: 58px;
	}

	.main-block.main-block-timeline h1 span {
		font-size: 73px;
	}

	.main-block.main-block-timeline .text-wrap {
		margin-bottom: 25px;
	}

	.main-block .text-wrap {
		margin: 0 auto 31px;
		padding: 0;
	}

	.main-block .img {
		margin: -70px -192px 0;
	}

	.title {
		margin: 0 0 16px;
	}

	.cloud1 {
		width: 162px;
		left: 5%;
		top: 61px;
	}

	.cloud2 {
		width: 77px;
		left: 8.5%;
		top: 193px;
	}

	.cloud3 {
		width: 101px;
		top: 76px;
		left: 48.6%;
	}

	.cloud4 {
		display: block;
		top: 111px;
		left: 77.5%;
		width: 136px;
	}

	.cloud8 {
		width: 76px;
		left: 23.5%;
		top: 156px;
	}

	.cloud7 {
		left: 53.1%;
		width: 164px;
		top: 58px;
	}

	.cloud12 {
		left: 40.6%;
		top: 123px;
		width: 76px;
	}

	.cloud9 {
		display: block;
		top: 107px;
		left: -4.3%;
		width: 158px;
	}

	.cloud10 {
		top: 105px;
		left: 81%;
		width: 75px;
		display: block;
	}

	.plane1 {
		position: absolute;
		left: 76.5%;
		top: 174px;
	}

	.cloud13 {
		top: 58px;
		left: 16.2%;
		width: 124px;
	}

	.cloud14 {
		top: 108px;
		left: 6.7%;
		width: 58px;
	}

	.cloud15 {
		display: block;
		top: 64px;
		left: 68.1%;
		width: 124px;
	}

	.cloud16 {
		display: block;
		top: 101px;
		left: 89.6%;
		width: 60px;
	}

	.cloud18 {
		top: 113px;
		left: 58.8%;
		width: 56px;
	}

	.plane {
		width: 109px;
	}

	.social-block {
		width: 329px;
	}

	.main-block.main-block-timeline.paid-block {
		font-size: 14px;
		line-height: 25px;
	}

	.main-block.main-block-timeline.paid-block .holder {
		padding-top: 180px;
	}

	.main-block.main-block-timeline.paid-block .logo1 {
		margin-bottom: 60px;
	}

	hr {
		margin-top: -9px;
		margin-bottom: 20px;
	}

	.back-to-top {
		height: 91px;
		line-height: 91px;
	}

	.visible-xs {
		display: none !important;
	}
}

@media (min-width: 1024px) {
	h1 {
		margin: 0 0 27px;
	}

	.scroll-txt {
		margin: 0 0 96px;
	}

	.train {
		margin: 0 -22px  17px;
	}

	.train .train-holder {
		margin: 0 0 11px;
	}

	.train-block {
		width: 1179px;
	}

	.timeline-section {
		padding: 0 0 110px;
	}

	.timeline-section:before {
		top: 0;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.timeline-hold {
		margin: 0 -34px;
	}

	.timeline {
		padding-top: 28px;
	}

	.timeline time {
		width: 96px;
	}

	.timeline-wrap {
		padding-top: 28px;
	}

	.timeline-block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -50px;
		max-width: none;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0px 0px;
	}

	.timeline-block:nth-child(2n) .col:nth-child(2) {
		text-align: right;
	}

	.timeline-block:nth-child(2n) .col:nth-child(2) .text {
		margin: 0 0 0 auto;
		text-align: left;
		max-width: 414px;
	}

	.timeline-block:nth-child(2n) .col:nth-child(2) .year-title {
		text-align: right;
	}

	.timeline-block:nth-child(2n) .dot {
		left: 0;
	}

	.timeline-block:nth-child(2n+1) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.timeline-block:nth-child(2n+1) .dot {
		left: 100%;
	}

	.timeline-block:nth-child(2n+1) .col:nth-child(1) {
		text-align: right;
	}

	.timeline-block:nth-child(2n+1) .col:nth-child(1) .text {
		margin: 0 0 0 auto;
		text-align: left;
		max-width: 414px;
	}

	.timeline-block:nth-child(2n+1) .col:nth-child(1) .year-title {
		text-align: right;
	}

	.timeline-block:nth-child(2n+1) .col:nth-child(1) .img {
		padding-right: 64px;
		margin: 0 0 0 auto;
		max-width: 414px;
	}

	.timeline-block .col {
		width: 50%;
		padding: 0 50px;
		margin-bottom: 0;
	}

	.timeline-block .img {
		max-width: 380px;
	}

	.timeline-block time {
		position: static;
	}

	.timeline-block .year-title {
		padding-left: 23px;
		margin-bottom: 0;
	}

	h2 {
		font-size: 45px;
		line-height: 1;
		font-weight: 700;
	}

	.light-block {
		margin-bottom: 17px;
	}

	.light-block .light {
		margin-left: 30px;
	}

	.dot {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.fade-left-desktop {
		opacity: 0;
		-webkit-transform: translateX(50px);
		-ms-transform: translateX(50px);
		transform: translateX(50px);
		-webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: opacity .3s ease-in-out, transform .3s ease-in-out;
		transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
	}

	.in-viewport .fade-left-desktop {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	.fade-right-desktop {
		opacity: 0;
		-webkit-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		transform: translateX(-50px);
		-webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: opacity .3s ease-in-out, transform .3s ease-in-out;
		transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
	}

	.in-viewport .fade-right-desktop {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	.header-area {
		padding-right: 0;
		-webkit-box-flex: inherit;
		-ms-flex: inherit;
		flex: inherit;
		width: 282px;
		-ms-flex-preferred-size: 282px;
		flex-basis: 282px;
	}

	#nav {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding-right: 33px;
	}

	.nav-drop {
		position: static;
		overflow: visible;
		height: auto;
		max-height: none;
	}

	.nav-drop .nav-wrap {
		background: none;
		height: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.nav-drop .nav-hold {
		height: auto;
		overflow: visible;
		padding: 0;
	}

	.nav-drop .nav-title {
		display: none;
	}

	.nav-drop ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		font-size: 14px;
		margin: 0 -15px;
	}

	.nav-drop ul li {
		padding: 0 15px;
		margin: 0;
	}

	.hamburger {
		display: none;
	}

	.main-block .holder {
		padding: 68px 22px 0;
	}

	.main-block.main-block-timeline .holder {
		padding-top: 130px;
	}

	.main-block .text-wrap {
		max-width: 393px;
	}

	.main-block .img {
		margin: -157px 4px 0;
	}

	.cloud1 {
		width: 180px;
		left: 5.4%;
		top: 43px;
	}

	.cloud2 {
		left: 8.1%;
		top: 188px;
		width: 82px;
	}

	.cloud3 {
		width: 114px;
		top: 327px;
		left: 4.6%;
	}

	.cloud4 {
		top: 53px;
		left: 81.3%;
		width: 150px;
	}

	.cloud5 {
		display: block;
		left: 81.8%;
		top: 211px;
		width: 173px;
	}

	.cloud6 {
		top: 325px;
		left: 79%;
		width: 90px;
		display: block;
	}

	.cloud8 {
		left: 1.9%;
		top: 111px;
	}

	.cloud7 {
		left: 73.1%;
		top: 46px;
	}

	.cloud11 {
		display: block;
		top: 93px;
		left: 91%;
		width: 74px;
	}

	.cloud12 {
		left: 65.2%;
		top: 112px;
		width: 76px;
	}

	.cloud9 {
		top: 46px;
		left: 10%;
	}

	.cloud10 {
		top: 93px;
		left: 27.6%;
	}

	.plane1 {
		left: 80.1%;
		top: 280px;
	}

	.cloud13 {
		top: 51px;
		left: 10.3%;
	}

	.cloud14 {
		top: 100px;
		left: 4.2%;
	}

	.cloud15 {
		top: 50px;
		left: 75.5%;
	}

	.cloud16 {
		top: 89px;
		left: 89.3%;
	}

	.cloud17 {
		display: block;
		top: 89px;
		left: 24.1%;
	}

	.cloud18 {
		top: 100px;
		left: 69.7%;
	}

	.plane {
		width: 130px;
	}

	.main-block.main-block-timeline.paid-block .text-wrap {
		max-width: 602px;
	}

	.main-block.main-block-timeline.paid-block .holder {
		padding-top: 84px;
	}

	.main-block.main-block-timeline.paid-block .logo1 {
		margin-bottom: 26px;
	}
}

@media (min-width: 1200px) {
	.timeline-block:nth-child(2n) .col:nth-child(2) .img {
		padding-right: 30px;
		margin: 0 0 0 auto;
	}
}

@media (max-width: 767px) {
	.timeline-block h2 {
		word-break: break-word;
	}

	.fixed-position .about-txt {
		opacity: 0;
		visibility: hidden;
	}
}

@-webkit-keyframes train {
	0% {
		left: 100%;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		left: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes train {
	0% {
		left: 100%;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		left: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@-webkit-keyframes pusle {
	0% {
		width: 24px;
		height: 24px;
		opacity: 1;
	}

	100% {
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

@keyframes pusle {
	0% {
		width: 24px;
		height: 24px;
		opacity: 1;
	}

	100% {
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

@-webkit-keyframes cloud {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-300px);
		transform: translateX(-300px);
	}
}

@keyframes cloud {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-300px);
		transform: translateX(-300px);
	}
}

@-webkit-keyframes plane {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(-800px);
		transform: translateX(-800px);
	}
}

@keyframes plane {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(-800px);
		transform: translateX(-800px);
	}
}

@-webkit-keyframes plane-2 {
	0% {
		top: 49%;
		left: 101%;
	}

	100% {
		left: -6.2%;
		top: 1%;
	}
}

@keyframes plane-2 {
	0% {
		top: 49%;
		left: 101%;
	}

	100% {
		left: -6.2%;
		top: 1%;
	}
}

@-webkit-keyframes mask-play {
	from {
		-webkit-mask-position: 0 0;
		mask-position: 0 0;
	}

	to {
		-webkit-mask-position: 100% 0;
		mask-position: 100% 0;
	}
}

@keyframes mask-play {
	from {
		-webkit-mask-position: 0 0;
		mask-position: 0 0;
	}

	to {
		-webkit-mask-position: 100% 0;
		mask-position: 100% 0;
	}
}

@-webkit-keyframes light {
	0% {
		fill: none;
	}

	100% {
		fill: #fff;
	}
}

@keyframes light {
	0% {
		fill: none;
	}

	100% {
		fill: #fff;
	}
}

.marginetimeline{margin-bottom:142px;}
.marginetimelinetop{margin-top:132px}
p.testotimeline {font-family: 'Barlow';font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;letter-spacing: 0.25px;color: #07153C;}
@media (max-width:600px){

.timeline-section:before{left:9px}
.dot{left: -84px;}
.timeline-block time {font-weight: 300;font-size: 24px;line-height: 32px;letter-spacing: 0.25px;margin: 0 0 16px;}
.timeline-block h2 {font-size: 24px;line-height: 32px;letter-spacing: 0.25px;padding-bottom: 16px; }
p.testotimeline {font-size: 18px;line-height: 28px;letter-spacing: 0.25px;	}
.marginetimeline{margin-bottom:16px}
.marginetimelinetop{margin-top:16px}.timeline time{padding-top: 23px;}
.timeline{overflow:hidden}
}
@media (max-width:868px){
.timeline{overflow:hidden}
}