body {
	background-color:#fff;
	font-family: 'Montserrat';
	font-size:1rem;
	text-align:left;
	background-image: url(../images/loading.svg);
	background-repeat: no-repeat;
	background-position: 50% 320px;
}

h1{
	font-size:2rem;
}

h2{
	font-size:1.8rem;
	padding:5px 0;
}

h3{
	font-size:1.5rem;
	padding:5px 0;
}

strong{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;	
}

.f-light{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}

.f-bold{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.f-black{
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
} 

.f-size-12{
	font-size:12px;
}

.f-size-14{
	font-size:14px;
}

.f-size-18{
	font-size:18px;
} 

.h100{
	height: calc(100vh);
	width:100%;
}

.vertical {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.note{
	padding:30px;
	margin:20px 0;
	border-radius: 10px;
	background-color:#ebf4e0;
}

.note-2{
	padding:30px;
	margin:30px 0;
	border-radius: 10px;
	background-color:#fff;
}

.pointer-down {
	display: inline-block;
	border: 15px solid transparent; 
	border-top: 15px solid #0b67b2;
}

.pointer-up {
	position:absolute;
	margin:-60px 0 0 30px;
	border: 15px solid transparent;
	border-bottom: 18px solid #ebf4e0;
}

.pointer-up-2 {
	position:absolute;
	margin:-60px 0 0 30px;
	border: 15px solid transparent;
	border-bottom: 18px solid #fff;
}

.start-section{
	height: calc(100vh - 40px);
	max-height:650px;
	width: calc(100% - 40px);
	margin: 20px auto;
	border-radius:30px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	animation-duration: 0.5s;
	animation-delay: 0.5s;
	animation-name: slidein;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;	
	-khtml-opacity: 0;
	opacity: 0;
}

#logo{
	position:absolute;
	width:100px;
	height:54px;
	top:60px;
	left:100px;
	background-image: url(../images/logo.png);
	z-index:9999;
}

@media screen and (max-width: 900px) {
	#logo{
		display:none;
	}
}

#start-section-main{	
	background-color: #4a8ab1;
	background-image: url(../images/mesh7.png), url(../images/neirotrends.png);
	background-repeat: no-repeat;
	background-position: 0% 0%, 80% 100%;
	background-size: auto, auto;	
}

#start-section-design{
	background-color: #eb617b;
	background-image: url(../images/mesh7.png), url(../images/design.png);
	background-repeat: no-repeat;
	background-position: 100% 80%, 80% 100%;
	background-size: auto, auto;
}

#start-section-programming{
	background-color: #4a8ab1;
	background-image: url(../images/mesh7.png), url(../images/programming.png);
	background-repeat: no-repeat;
	background-position: 120% 100%, 80% 100%;
	background-size: auto, auto;
}

#start-section-marketing{
	background-color: #4ABDAC;
	background-image: url(../images/mesh7.png), url(../images/marketing.png);
	background-repeat: no-repeat;
	background-position: 0% 100%, 85% 100%;
	background-size: auto, auto;
}

#start-section-assistants{
	background-color: #f78c4a;
	background-image: url(../images/mesh7.png), url(../images/assistants.png);
	background-repeat: no-repeat;
	background-position: 150% 100%, 80% 100%;
	background-size: auto, auto;
}

#start-section-assistants-base{
	background-image: url(../images/bg002.jpg);
	background-size: cover;	
	background-position: 50% 18%;
	padding:200px 0 200px 0;
}

#start-section-assistants-rag{
	background-image: url(../images/bg003.jpg);
	background-size: cover;	
	background-position: 50% 18%;
	padding:200px 0 200px 0;
}

@media only screen and (max-width : 640px) {
	#start-section-main{	
		background-position: 0% 0%, 40% 100%;
		background-size: auto, auto;	
	}
	#start-section-programming{
		background-position: 120% 100%, 50% 100%;
	}
	#start-section-design{
		background-position: 100% 80%, 60% 100%;
	}
	#start-section-marketing{
		background-position: 0% 100%, 50% 100%;
	}
}

#start-section__title{
	font-size:2.8rem;
	width:100%;
	font-weight:bold;
	color:#fff;
}


#start-section__title--2{
	font-size:3.5rem;
	width:100%;
	font-weight:bold;
	color:#fff;
	text-shadow: 2px 2px 2px #000000;
}

#start-section__title_1{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-name: slidein-title-1;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;	
	-khtml-opacity: 0;
	opacity: 0;
}

#start-section__title_2{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	animation-duration: 1s;
	animation-delay: 1.5s;
	animation-name: slidein-title-2;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;	
	-khtml-opacity: 0;
	opacity: 0;
}

#start-section__title_3{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	animation-duration: 1s;
	animation-delay: 2s;
	animation-name: slidein-title-3;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;	
	-khtml-opacity: 0;
	opacity: 0;
}


@keyframes slidein {
  from {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
  }

  to {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
  }
}

@keyframes slidein-title-1 {
  from {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	margin:0 0 0 6%;
  }

  to {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	margin:0 0 0 5%;	
  }
}

@keyframes slidein-title-2 {
  from {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	margin:0 0 0 6%;
  }

  to {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	margin:0 0 0 5%;
  }
}

@keyframes slidein-title-3 {
  from {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	margin:0 0 0 6%;
  }

  to {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	margin:0 0 0 5%;
  }
}

.hide-mobile{
	display:block;	
}

.show-mobile{
	display:none;	
}

.card-element{
	padding:20px;
	margin:20px 0 0 0;
	border-radius:10px;	
	color:#fff;
	padding:110px 0 20px 0;
	background-repeat: no-repeat;
	background-position: 50% 22%;
	background-size: 80px;
}

.card-element:hover{
	background-size: 85px;
}

#card-1{
	background-color:#629cca;
	background-image: url(../images/icons/programming.svg);
}

#card-2{
	background-color:#eb617b;
	background-image: url(../images/icons/design.svg);
}

#card-3{
	background-color:#4ABDAC;
	background-image: url(../images/icons/marketing.svg);
}

#card-4{
	background-color:#f78c4a;
	background-image: url(../images/icons/ai.svg);
}

.mobile-center{		
}

.section-color{
	padding:50px 0 40px 0;
	background-color: #ebf4e0;
}

.section-white{
	padding:50px 0 40px 0;
	background-color: #fff;
}

#projects-title{display:block;}
#projects-title-mob{display:none;}

.section-bg{
	background-image: url(../images/bg001.jpg);
	background-size: cover;	
	background-position: 50% 18%;
	padding:220px 0 220px 0;
}

.section-bg-2{
	background-image: url(../images/bg002.jpg);
	background-size: cover;	
	background-position: 50% 18%;
	padding:220px 0 220px 0;
}

.section-bg-3{
	background-image: url(../images/bg003.jpg);
	background-size: cover;	
	background-position: 50% 18%;
	padding:220px 0 220px 0;
}

@media only screen and (max-width : 1180px) {
	#projects-title{
		display:none;		
	}
	#projects-title-mob{
		display:block;		
	}
}

.section-bg__text{
	color:#fff;
	font-size:2rem;
	padding:5px 30px;
	background-color: rgba(0, 0, 0, .75);
}

@media screen and (max-width: 800px) {
	.section-bg__text{
		font-size:1.5rem;
	}
}

@media screen and (max-width: 480px) {
	.section-bg__text{
		font-size:1.2rem;
	}
}

#section-5{
	padding:50px 0 40px 0;
	background-color: #ebf4e0;
}

#section-6{
	padding:50px 0 40px 0;
	background-color: #fff;
}

#neiro-footer{
	width:100%;
	height:389px;
	background-image: url(../images/neiro-footer.png);
	background-repeat: no-repeat;
	background-position: 70% 100%;
	background-size: auto;	
}

#neiro-footer-design{
	width:100%;
	height:389px;
	background-image: url(../images/neiro-footer-design.png);
	background-repeat: no-repeat;
	background-position: 7% 100%;
	background-size: auto;	
}

#neiro-footer-marketing{
	width:100%;
	height:389px;
	background-image: url(../images/neiro-footer-marketing.png);
	background-repeat: no-repeat;
	background-position: 80% 100%;
	background-size: auto;	
}

#neiro-footer-assistants{
	width:100%;
	height:389px;
	background-image: url(../images/neiro-footer-assistants.png);
	background-repeat: no-repeat;
	background-position: 5% 100%;
	background-size: auto;	
}

#neiro-footer-programming{
	width:100%;
	height:389px;
	background-image: url(../images/neiro-footer-programming.png);
	background-repeat: no-repeat;
	background-position: 90% 100%;
	background-size: auto;	
}

.image{
	width:100%;
	height:auto;
	border:1px solid #e5e5e5;
	border-radius:10px;
}

.element-item {
    padding: 2px;
}

.persent-size {
    width: 25%;
}

.number{
  display: flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  width:60px;
  height:60px;
  border-radius:50%;
  font-size:1.5rem;
  font-weight:700;
  background-color:#ebf4e0;
  margin: 0 auto;
}

.v-line-number{
  width:3px;
  height:50px;
  background-color: #ebf4e0;
  margin: 0 auto;
}

.color-block{
	padding:30px;
	background-color: #ebf4e0;
	border-radius:10px;
}

@media screen and (max-width: 1200px) {
	.persent-size {
	 width: 33.333333%;
	}
}
@media screen and (max-width: 860px) {
	.persent-size {
	 width: 50%;
	}
}
@media screen and (max-width: 460px) {
	.persent-size {
	 width: 100%;
	}
}

footer{
	padding:75px 0 75px 0;
	background-color:#ebf4e0;
	font-size:0.80rem;
}

@media only screen and (max-width : 760px) {
	.hide-mobile{
		display:none;
	}
	.show-mobile{
		display:block;
	}
}

a:link    {text-decoration:none; border:none}
a:active  {text-decoration:none; border:none}
a:visited {text-decoration:none; border:none}
a:hover   {text-decoration:none; border:none}

a.default-link:link    {color:#0b67b2; text-decoration:none; border-bottom:1px solid #b6d0e4}
a.default-link:active  {color:#0b67b2; text-decoration:none; border-bottom:1px solid #b6d0e4}
a.default-link:visited {color:#0b67b2; text-decoration:none; border-bottom:1px solid #b6d0e4}
a.default-link:hover   {color:#0b67b2; text-decoration:none; border-bottom:1px solid #0b67b2}

a.default-link-nobrg:link    {color:#0b67b2; text-decoration:none; border-bottom:none}
a.default-link-nobrg:active  {color:#0b67b2; text-decoration:none; border-bottom:none}
a.default-link-nobrg:visited {color:#0b67b2; text-decoration:none; border-bottom:none}
a.default-link-nobrg:hover   {color:#0b67b2; text-decoration:none; border-bottom:none}

a.menu-link:link    {color:#000; text-decoration:none; border-bottom:none}
a.menu-link:active  {color:#000; text-decoration:none; border-bottom:none}
a.menu-link:visited {color:#000; text-decoration:none; border-bottom:none}
a.menu-link:hover   {color:#000; text-decoration:none; border-bottom:none}

.menu-item{
	float: left;
	padding:10px 15px; 
	margin:0 20px 15px 0;
	border-radius:10px;
	background-color:#ebf4e0;
}

.menu-item--active{
	float: left;
	padding:10px 15px; 
	margin:0 20px 15px 0;
	border-radius:10px; 
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 0px 3px rgb(235, 244, 224) inset;
	-moz-box-shadow: 0px 0px 0px 3px rgb(235, 244, 224) inset;
	box-shadow: 0px 0px 0px 3px rgb(235, 244, 224) inset;
}