body {
	background-color: white;
	margin: 0; padding: 0;
	font-family: 'Raleway', sans-serif; font-style: normal; font-size: 28px; color: #000; font-weight: 400;
}
	.font-thin {font-weight: 100;}
	.font-extra-light {font-weight: 200;}
	.font-light {font-weight: 300;}
	.font-regular {font-weight: 400;}
	.font-medium {font-weight: 500;}
	.font-semi-bold {font-weight: 600;}
	.font-bold {font-weight: 700;}
	.font-extra-bold {font-weight: 800;}
	.font-black {font-weight: 900;}

h1 {
	font-size: 84px; line-height: 95px;
	font-weight: 800; /* Bold */
}
h2 {
	font-size: 30px;
	font-weight: 800; /* Bold */
}
p {font-weight: 400; /* Regular */}
b {font-weight: 600;}

a {color: #000;}
	a:hover {}

.all {max-width: 1200px; margin: 0 auto; padding: 0 20px;}


/* HEAD */
#head {
	margin: 44px auto 256px auto;
	display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 20px 0;
	font-size: 14px;
}
	#head #logo {}
		#head #logo img {width: 98px; height: auto;}
	#head #head-right {
		display: flex; gap: 0 40px; flex-wrap: wrap; align-items: center;
	}
		#head #head-right #head-cont {}
			#head #head-right #head-cont a {
				background: url(img/telega.png) no-repeat 0 1px; background-size: 13px auto;
				padding: 0 0 0 23px;
				text-decoration: none;
			}
		#head #head-right #head-order {}
			#head #head-right #head-order a {
				display: block;
				background: #1D1D1D; border-radius: 50px;
				color: #fff; text-decoration: none;
				padding: 12px 30px;
			}

/* HERO */
#hero {margin: 0 auto 211px auto;}
	#hero .hero-row {display: flex; flex-wrap: wrap; align-items: center; gap: 0 32px;}
		#hero .herotext {}
		#hero .heroimg {width: 80px; height: 80px;}
			#hero .heroimg.heroimg1 {}
				#hero .heroimg.heroimg1 img {width: 80px; height: auto;}
			#hero .heroimg.heroimg2 {background: url(img/business.png) no-repeat 0 0; background-size: 100% auto;}
			#hero .heroimg.heroimg3 {background: url(img/neuro.png) no-repeat 0 0; background-size: 100% auto;}

/* SCROLL */
.scroll-container {
		width: 100%; max-width: 2200px;
		margin: 0 auto 188px auto;
		height: 404px;
		overflow: hidden;
	}
		.scroll-content {
			display: flex; gap: 0 24px;
			animation: scroll 150s ease-out infinite;
		}
		.scroll-content img {
			height: 404px; width: auto;
			border-radius: 10px;
		}
		@keyframes scroll {
			0% {transform: translateX(-10px);}
			50% {transform: translateX(-3500px);}
			100% {transform: translateX(-10px);}
		}

/* WHAT WE DO */
#wedo {margin: 0 auto 148px auto; text-align: center;}
	#wedo_sub {font-size: 14px; margin: 0 0 28px 0;}
	#wedo_text {line-height: 48px; margin: 0 0 48px 0;}
	#wedo_order {}
		#wedo_order a {
			display: inline-block;
			background: #1D1D1D; border-radius: 50px;
			color: #fff; text-decoration: none; font-size: 14px;
			padding: 12px 30px;
		}

/* SLIDER */
#slider {
	margin: 0 auto 164px auto;
}
	#slider #slides { border-radius: 10px; overflow: hidden; margin: 0 0 40px 0;}
		#slider #slides img {width: 100%; height: auto; display: block;}
	#slide-nav {
		display: flex; gap: 0 65px; justify-content: center;
	}
		#slide-nav .slide-nav-left {
			cursor: pointer;
			background: url(img/slide-l.png) no-repeat 0 50%; background-size: 70px auto;
			height: 28px; width: 70px;
			}
		#slide-nav .slide-nav-center {max-width: 150px; font-size: 12px; color: #767676;}
		#slide-nav .slide-nav-right {
			cursor: pointer;
			background: url(img/slide-r.png) no-repeat 100% 50%; background-size: 70px auto;
			height: 28px; width: 70px;}

/* Advantages */
#advs {
	margin: 0 auto 168px auto;
}
	#advs .adv {
		display: flex; flex-wrap: wrap; justify-content: space-between;
		gap: 8px 0px;
		font-size: 16px;
		border-bottom: 1px solid #B3B3B3; text-transform: uppercase; letter-spacing: 0.2px; font-weight: 600;
		padding: 39px 20px 36px 20px;
	}
		#advs .adv:first-child {border-top: 1px solid #B3B3B3;}
		#advs .adv .adv-num {color: #949494; font-size: 15px; width: 82px;}
		#advs .adv .adv-arr {color: #949494; font-size: 14px;}
		#advs .adv .adv-text {min-width: 854px; margin-left: auto;}

/* PRICE */
#price {
	max-width: 918px; margin: 0 auto 277px auto; padding: 0 20px;
	display: flex; flex-wrap: wrap; gap: 30px 0; align-items: end; justify-content: space-between;
}
	#price #price-price {
		background: #1D1D1D; border-radius: 10px;
		padding: 114px 25px 13px 25px;
		width: 38%;
		box-sizing: border-box;
		font-weight: 800; font-size: 46px; color: #fff; text-align: right;}
		#price #price-price span {font-weight: 400; font-size: 26px;}
	#price #price-text {font-size: 14px; line-height: 23px; color: #3C3C3C; width: 55%; margin: 0 0 11px 0;}


/* SITES */
#sites {
	margin: 0 auto 44px auto;
	font-size: 48px; line-height: 62px; font-weight: 800;
}
	#sites .sites-row {display: flex; flex-wrap: wrap; align-items: center; gap: 0 15px;}
		#sites .sitestext {}
			#sites .sitestext a {color: #1444EE;}
		#sites .sitesimg {width: 60px; height: 60px; background: url(img/webdev.png) no-repeat 0 0; background-size: 100% auto;}
			
/* FINGERS */
#fingers {margin: 0 auto 172px auto; color: #B7B7B7; font-size: 12px;}

/* ORDER */
#order {
	background: #1D1D1D; color: #fff;
	padding: 143px 0 74px 0;
}
	#order h2 {font-size: 77px; line-height: 95px; font-weight: 800; margin: 0 0 108px 0;}
	/* FORM */
	#order form {margin: 0 0 174px 0;}
		/* inputs */
		#order form .input-row {
			display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px 110px;
			margin: 0 0 86px 0;
		}
			#order form input[type="text"],
			#order form input[type="tel"],
			#order form input[type="email"] {
				flex: 1;
				padding: 14px 0;
				background-color: transparent; border: none; border-bottom: 1px solid #fff;
				color: #fff; font-size: 20px;
			}
		/* submit */
		#order form .submit-row {
			display: flex; flex-wrap: wrap; gap: 30px 56px;
			align-items: center;
		}
			#order form input[type="submit"] {
				padding: 13px 30px;
				background: #fff; color: #000; font-size: 14px;
				border: none; border-radius: 50px; cursor: pointer;
			}
			#order form .checkbox-container {
				display: flex; align-items: center; max-width: 355px;
				font-size: 12px; line-height: 16px; color: #B7B7B7;
			}
				#order form input[type="checkbox"] {margin-right: 10px;}
	/* STACK */
	#stack {
		border-top: 1px solid #4B4B4B;
		padding: 31px 0 0 0;
		display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;
	}
		#stack-title {color: #AFAFAF; font-size: 13px; font-weight: 800; text-transform: uppercase;}
		#stack-list {display: flex; flex-wrap: wrap; gap: 10px 44px;
			color: #AFAFAF; font-size: 12px;
		}