.ico-arrow-down { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -266px -38px; width: 20px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-immediately { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: 0 -152px; width: 60px; height: 45px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-managment { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -216px 0; width: 46px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-mode-complex { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -104px -77px; width: 56px; height: 56px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-mode-low { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -56px -201px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-mode-medium { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -216px -142px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-parts-arg { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -146px -201px; width: 40px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-parts-few { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -190px -201px; width: 40px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-parts-many { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -216px -98px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-platform { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -164px -77px; width: 46px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-price-relaxed { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -266px 0; width: 22px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-price-rush { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -64px -152px; width: 62px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-price-speed-normal { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -100px -201px; width: 42px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-prices { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -216px -51px; width: 42px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-quality { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -130px -152px; width: 58px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-seo { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: 0 0; width: 104px; height: 73px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-talent { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: 0 -201px; width: 52px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-ux { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: 0 -77px; width: 100px; height: 71px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-web { background-image: url(https://motion-software.com/assets/images/sprite.png); background-position: -108px 0; width: 104px; height: 72px; display: inline-block; vertical-align: middle; font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-arrow-down { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -259px -118.5px; background-size: 299px 266.5px; width: 20px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-immediately { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: 0 -148px; background-size: 299px 266.5px; width: 61px; height: 46px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-managment { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -210px -51px; background-size: 299px 266.5px; width: 47px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-mode-complex { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -103px -74px; background-size: 299px 266.5px; width: 57px; height: 57px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-mode-low { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -259px 0; background-size: 299px 266.5px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-mode-medium { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -162px -74px; background-size: 299px 266.5px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-parts-arg { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -259px -42px; background-size: 299px 266.5px; width: 40px; height: 22.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-parts-few { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -259px -103px; background-size: 299px 266.5px; width: 40px; height: 13.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-parts-many { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -210px -146px; background-size: 299px 266.5px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-platform { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -210px 0; background-size: 299px 266.5px; width: 47px; height: 49px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-price-relaxed { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -259px -66.5px; background-size: 299px 266.5px; width: 22.5px; height: 34.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-price-rush { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -118px -148px; background-size: 299px 266.5px; width: 61.5px; height: 34.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-price-speed-normal { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: 0 -232px; background-size: 299px 266.5px; width: 42px; height: 34.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-prices { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -210px -101px; background-size: 299px 266.5px; width: 42px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-quality { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: 0 -196px; background-size: 299px 266.5px; width: 58px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-seo { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -106px 0; background-size: 299px 266.5px; width: 102px; height: 72px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-talent { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: -63px -148px; background-size: 299px 266.5px; width: 53px; height: 41px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-ux { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: 0 -74px; background-size: 299px 266.5px; width: 101px; height: 72px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-web { background-image: url(https://motion-software.com/assets/images/sprite.@2x.png); background-position: 0 0; background-size: 299px 266.5px; width: 104px; height: 72px; display: inline-block; vertical-align: middle; font-size: 0; }
}

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }
html,
body { height: 100%; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img, iframe, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family:'Gotham', sans-serif; font-size: 15px; line-height: 1.3; color: #000; }
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

h1 { font-size: 40px; }
h2 { font-size: 40px; }
h3 { font-size: 30px; }
h4 { font-size: 25px; }
h5 { font-size: 15px; }
h6 { font-size: 15px; }

@media(max-width: 767px){
	h1 { font-size: 30px; }
	h2 { font-size: 30px; }
	h3 { font-size: 25px; }
	h4 { font-size: 20px; }
	h5 { font-size: 15px; }
	h6 { font-size: 15px; }
}

.text-center { text-align: center; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.3em; }

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
	font-family:'Titillium';
	src: url('https://motion-software.com/assets/fonts/TitilliumWeb-Black.ttf'), 
			 url('https://motion-software.com/assets/fonts/TitilliumWeb-Regular.ttf'),
			 url('https://motion-software.com/assets/fonts/TitilliumWeb-Italic.ttf'),
			 url('https://motion-software.com/assets/fonts/TitilliumWeb-SemiBold.ttf'),
			 url('https://motion-software.com/assets/fonts/TitilliumWeb-SemiBoldItalic.ttf');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}

@font-face {
	font-family:'Titillium';
	src: url('https://motion-software.com/assets/fonts/TitilliumWeb-Bold.ttf'),
	 		 url('https://motion-software.com/assets/fonts/TitilliumWeb-Bold.ttf'),
	 		 url('https://motion-software.com/assets/fonts/TitilliumWeb-SemiBoldItalic.ttf');
	font-weight: 800;
	font-style: normal;
	font-stretch: normal; 
}

@font-face {
	font-family:'Titillium';
	src: url('https://motion-software.com/assets/fonts/TitilliumWeb-Light.ttf'),
		   url('https://motion-software.com/assets/fonts/TitilliumWeb-Light.ttf'),
		   url('https://motion-software.com/assets/fonts/TitilliumWeb-LightItalic.ttf');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal; 
}

@font-face {
	font-family:'Titillium';
	src:  url('https://motion-software.com/assets/fonts/TitilliumWeb-ExtraLight.ttf'),
				url('https://motion-software.com/assets/fonts/TitilliumWeb-ExtraLight.ttf'),
				url('https://motion-software.com/assets/fonts/TitilliumWeb-ExtraLightItalic.ttf');
	font-weight: 200;
	font-style: normal; 
}

@font-face {
	font-family:'Gotham';
	src:  url('https://motion-software.com/assets/fonts/Gotham-Medium.eot');
	src:  url('https://motion-software.com/assets/fonts/Gotham-Medium.eot#iefix') format('embedded-opentype'),
				url('fonts/Gotham-Medium.woff') format('woff2'),
				url('fonts/Gotham-Medium.woff') format('woff'),
				url('https://motion-software.com/assets/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
	font-weight: 700;
	font-style: normal; 
}
@font-face {
	font-family:'Gotham';
	src: url('https://motion-software.com/assets/fonts/Gotham-Bold.eot');
	src: url('https://motion-software.com/assets/fonts/Gotham-Bold.eot#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Bold.woff') format('woff2'),
		url('fonts/Gotham-Bold.woff') format('woff'),
		url('https://motion-software.com/assets/fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
	font-weight: 800;
	font-style: normal; 
}

@font-face {
	font-family:'Gotham';
	src: url('https://motion-software.com/assets/fonts/k.eot');
	src: url('https://motion-software.com/assets/fonts/k.eot#iefix') format('embedded-opentype'),
		url('fonts/k.woff') format('woff2'),
		url('fonts/k.woff') format('woff'),
		url('https://motion-software.com/assets/fonts/k.svg#k') format('svg');
	font-weight: 400;
	font-style: normal; 
}

/* ------------------------------------------------------------ *\
 Helpers
\* ------------------------------------------------------------ */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }

.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }

[hidden],
.hidden { display: none !important; }

.alignleft { float: left; }

.alignright { float: right; }

[disabled],
.disabled { cursor: default; }

.no-scroll { overflow: hidden; -webkit-overflow-scrolling: auto; }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1240px; margin: auto; padding: 0 20px; }

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; min-height: 100%; overflow: hidden; background: #000; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.btn { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.btn { text-decoration: none; padding: 15px 20px; font-weight: 700; border: 1px solid #fff; text-transform: uppercase; }
.btn:hover { background: #0050f8; border: 1px solid #0050f8; }

.btn-primary { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.btn-primary { text-decoration: none; padding: 15px 20px; font-weight: 700; border: 1px solid #0050f8;
	color: #fff; text-transform: uppercase; background: #0050f8; }
.btn-primary  { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;  }
.btn-primary:hover { border: 1px solid #000;  background: #000;  }

.btn-black { text-decoration: none; padding: 15px 20px; font-weight: 700; border: 1px solid #000; text-transform: uppercase; }
.btn-black:hover { color: #fff; }

.btn-block { display: block; padding-left: 0; padding-right: 0; }

.btn-burger {
	display: block; width: 30px; height: 24px; position: relative; -ms-transform: rotate(0deg); transform: rotate(0deg);
	transition: .5s ease-in-out; cursor: pointer; z-index: 110; display: none;
}

.btn-burger span {display: block; position: absolute; height: 2px; width: 100%; background: #fff;
	border-radius: 0px; opacity: 1; left: 0; -ms-transform: rotate(0deg); transform: rotate(0deg); transition: .25s ease-in-out;
}

.btn-burger span:nth-child(1) {top: 0px; }
.btn-burger span:nth-child(2),
.btn-burger span:nth-child(3) {top: 10px; }
.btn-burger span:nth-child(4) {top: 20px; }
.btn-burger.open span:nth-child(1) {top: 18px; width: 0%; left: 50%; }
.btn-burger.open span:nth-child(2) { -ms-transform: rotate(45deg); transform: rotate(45deg); }
.btn-burger.open span:nth-child(3) { -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.btn-burger.open span:nth-child(4) {top: 18px; width: 0%; left: 50%; }

@media(max-width: 1024px){
	.btn-burger { display: block; }
}

/* ------------------------------------------------------------ *\
 Cols
\* ------------------------------------------------------------ */

.cols { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.col-1of2 { width: 50%; }
.col-1of3 { width: 33.33%; }
.col-1of4 { width: 25%; }
.col-1of5 { width: 20%; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }


.form-row { margin-bottom: 50px; }
.form-row:last-child { margin-bottom: 0; }

.field { width: 100%; border-radius: 0; border: 1px solid #000; height: 50px; padding: 0 10px; }
.field:focus { border: 1px solid #0050f8; }
.field::-webkit-input-placeholder { text-transform: uppercase; }
.field::-moz-placeholder { text-transform: uppercase; }
.field:-ms-input-placeholder { text-transform: uppercase; }
.field:-moz-placeholder { text-transform: uppercase; }

input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }

.ngx-datepicker-input   { width: 100% !important; border-radius: 0; border: 1px solid #000 !important; height: 50px; padding: 0 20px; }
.ngx-datepicker-calendar-container { z-index: 100; }
.day-unit { border-radius: 0 !important; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

.textarea { width: 100%; border-radius: 0; border: 1px solid #000; padding: 20px; min-height: 150px; }
.textarea::-webkit-input-placeholder { text-transform: uppercase; }
.textarea::-moz-placeholder { text-transform: uppercase; }
.textarea:-ms-input-placeholder { text-transform: uppercase; }
.textarea:-moz-placeholder { text-transform: uppercase; }

.select { width: 100%; border-radius: 0; border: 1px solid #000; height: 50px; padding: 0 20px; }

.ng-select .ng-control { border: 1px solid #000 !important; border-radius: 0px !important; min-height: 50px !important; }
.ng-select .ng-arrow-zone .ng-arrow { border-color: #000 transparent transparent !important; }
.ng-select.opened > .ng-control .ng-arrow { border-color: transparent transparent #000 !important; }
.ng-select-dropdown-outer.bottom { border-top-color: #000 !important; }
.ng-select .ng-control .ng-value-container .ng-input > input { color: #000 !important; }
.ng-select.ng-invalid.ng-dirty .ng-control { border: 1px solid red !important; }

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }
.list-project-desctription { list-style: none; }
.list-project-desctription li { display: block; }
.list-project-desctription.inline li { display: inline-block; }

/* ------------------------------------------------------------ *\
	list-contacts
\* ------------------------------------------------------------ */

.list-contacts li { margin-bottom: 35px; }
.list-contacts li:last-child { margin-bottom: 0; }
.list-contacts strong { display: block; margin-bottom: 10px; }
.list-contacts a { display: inline-block; line-height: 1.5; text-decoration: none; position: relative; }
.list-contacts a:hover:before { display: none; }
.list-contacts a:before { content: ''; position: absolute; top: 100%; left: 0; 	width: 100%; height: 1px; background: #fff; margin-top: -1px; opacity: .7; }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; text-decoration: none; }
.logo img.svg { width: 64px; height: 57px;}

.section-job .section-step-content ul { list-style: none; }
.section-job .section-step-content ul li { position: relative; padding-left: 20px; margin-bottom: 7px; }
.section-job .section-step-content ul li:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #000; position: absolute; top: 7px; left: 0; }