@font-face {
	font-family: aa;
	src: url('/font/230343_0_0.eot');
	src: local('☺'), url('/font/230343_0_0.woff') format('woff'), url('/font/230343_0_0.ttf') format('truetype');
	font-weight: 100; font-style: normal; font-variant: normal;
}

@font-face {
	font-family: aa;
	src: url('/font/230343_1_0.eot');
	src: local('☺'), url('/font/230343_1_0.woff') format('woff'), url('/font/230343_1_0.ttf') format('truetype');
	font-weight: 400; font-style: normal; font-variant: normal;
}

@font-face {
	font-family: aa;
	src: url('/font/230343_2_0.eot');
	src: local('☺'), url('/font/230343_2_0.woff') format('woff'), url('/font/230343_2_0.ttf') format('truetype');
	font-weight: 700; font-style: normal; font-variant: normal;
}

@font-face {
	font-family: Lato;
	src: url('/font/lato-light.eot');
	src: local('☺'), url('/font/lato-light.woff') format('woff'), url('/font/lato-light.ttf') format('truetype');
	font-weight: 100; font-style: normal; font-variant: normal;
}

@font-face {
	font-family: Lato;
	src: url('/font/lato-regular.eot');
	src: local('☺'), url('/font/lato-regular.woff') format('woff'), url('/font/lato-regular.ttf') format('truetype');
	font-weight: 400; font-style: normal; font-variant: normal;
}

@font-face {
	font-family: Lato;
	src: url('/font/lato-bold.eot');
	src: local('☺'), url('/font/lato-bold.woff') format('woff'), url('/font/lato-bold.ttf') format('truetype');
	font-weight: 500; font-style: normal; font-variant: normal;
}

/* todo@timi zrobic porzadki z fonami - milion tego jest */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { background: #fff; color: #2C4269; font-family: Lato, Arial, sans-serif; font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { overflow-x: hidden; margin: 0; position: relative; }

p { margin: 0; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

ul { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; font-family: aa, arial, sans-serif; }

img { max-width: 100%; height: auto; border: 0; display: block; }
a { 
	text-decoration: none; 
	color: inherit; 
	/* todo@timi transition nie moze byc globalnie dla wszystkich linkow */
	transition: .3s; 
}

fieldset { border: none; margin: 0; padding: 0; }

input, button, select, textarea { border-radius: 0; background: #fff; color: #2c4269; font-family: inherit; }
input::-moz-placeholder { opacity: 1; font-weight: 100; }
input::-webkit-input-placeholder { opacity: 1; font-weight: 100; }
input:-ms-input-placeholder { opacity: 1; font-weight: 100; }

strong, b { font-weight: 500; }

/* helpers */
.g--link { color: #009ce2; border-bottom: 1px solid rgba(0,156,226,0.2); padding-bottom: 1px; transition: .3s; }
.g--link:hover { border-bottom-color: rgba(0,156,226,1); }

.g--nowrap { white-space: nowrap; }
.g--hidden { overflow: hidden; clear: both; }
.g--title { font-size: 36px; font-family: aa; color: #00aeef; margin: 48px 0 24px; clear: both; }
.g--description { line-height: 1.5; max-width: 900px; margin: 0 0 54px; font-weight: 400; color: #142b68; font-size: 17px; }
.g--label { color: #142b68; font-weight: 400; }
.g--checked { display: inline-block; margin: 0 18px 0 0; }
.index__case__txt .g--checked--blue svg{fill:#00b2ff;width: 15px;height: 12px; }
.new_solution__section .g--checked--blue svg{fill:#00b2ff;width: 15px;height: 12px; }
.new_solution__full .g--checked--blue svg{fill:#00b2ff;width: 15px;height: 12px; }
.g--checked--list { margin: 0 18px 0 -34px; } 
.g--list li { margin: 4px 0; }

.g--tag { display: inline; font-size: 14px; font-weight: 300; margin: 0 8px 0 0; }
.g--tag::before { content: "#"; color: #00aeef; }

/* todo@timi g--shadow wystepuje tylko na index advantages i w kontakt, gdzie robi tylko padding? */
.g--shadow { padding: 40px 0; border-bottom: 1px solid #e5e5e5; width: 100%; margin: 0 auto; -webkit-box-shadow: 0px 0px 40px 0px rgba(20,43,104,0.3); -moz-box-shadow: 0px 0px 40px 0px rgba(20,43,104,0.3); box-shadow: 0px 0px 40px 0px rgba(20,43,104,0.3); border: none; } 

.g--shadow-out { padding: 12px 0 44px; border-top: 1px solid #e5e5e5; width: 100%; margin: 0 auto; }
.g--shadow, 
.g--shadow-out { position: relative; background: #fff; }
.g--noshadow { padding: 32px 0; }

.g--frame { display: block; height: 0; margin: 0 auto 16px; overflow: hidden; padding-bottom: 61.85%; position: relative; }
.g--frame.g--frame--yt { padding-bottom: 56.2%; }
.g--frame iframe { height: 100%; width: 100%; top: -5px; left: 0; position: absolute; }

.g--select { background: #fff; border: 1px solid #d2d2d2; border-radius: 0; overflow: hidden; display: inline-block; position: relative; margin: 0 0 -6px; }
.g--select::after { border-bottom: 2px solid #009ce2; border-right: 2px solid #009ce2; content: ""; display: block; height: 8px; position: absolute; right: 18px; top: 14px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); width: 8px; }
.g--select select { font-size: inherit; -moz-appearance: none; appearance: none; -webkit-appearance: none; cursor: pointer; width: 238px; padding: 3px 40px 4px 15px; border: none; height: 40px; position: relative; z-index: 1; background: transparent; }
.g--select option { padding: 8px 15px; }

.g--error { background: #F3DBE1; padding: 0 16px 16px; }
	.contact__form .g--error { padding: 16px 0; }

	.calc-form__half_field .g--select { border-color: #d2d2d2; height: 59px; padding: 0; width: 100%; }
	.calc-form__half_field .g--select::after { top: 23px; }
	.calc-form__half_field select { height: 59px; padding: 9px 40px 13px 18px; width: 100%; font-weight: 100; }
	.calc-form__half_field select option { font-weight: 100; }

.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

@media (min-width: 768px) {
	.g--select select { width: 298px; }
	.calc-form__half_field select { width: 100%; }
}
@media (min-width: 1024px) {
	.g--shadow-out, 
	.g--noshadow { padding: 44px 0; }
}
@media (min-width: 1800px) {
	.g--donut-right { background: url(/img/layout/donut-right.png) no-repeat 100% 0; overflow: hidden;}
	.g--donut-left { background: url(/img/layout/donut-left.png) no-repeat 0 0; }
}
/* eof helpers */

/*	@g--checkbox @g--radio */
label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
input[type=checkbox].g--checkbox { height: 1px; width: 1px; padding: 0; border: 0; opacity: 0; position: absolute; left: -999999px; }
input[type=checkbox].g--checkbox + label.g--label { padding-left: 44px; padding-top: 6px; margin: 16px 0 44px 0; height: 24px; display: inline-block; line-height: 14px; background-image: url(/img/layout/checkbox.png); background-repeat: no-repeat; background-position: 0 0; background-size: 26px; font-size: 12px; vertical-align: middle; }
input[type=checkbox].g--checkbox:checked + label.g--label { background-position: 0 -24px; }

input[type=checkbox].g--checkbox--small { height: 1px; width: 1px; padding: 0; border: 0; opacity: 0; position: absolute; left: -999999px; }
input[type=checkbox].g--checkbox--small + label.g--label { padding-left: 28px; padding-top: 5px; margin: 16px 0 8px; height: 13px; display: inline-block; line-height: 0; background-image: url(/img/layout/checkbox-small.png); background-repeat: no-repeat; background-position: 0 0; background-size: 14px; font-size: 16px; vertical-align: top; }
input[type=checkbox].g--checkbox--small + label.g--label span { display: inline-block; line-height: 16px; position: relative; top: -8px; }
input[type=checkbox].g--checkbox--small:checked + label.g--label { background-position: 0 -13px; }
/* eof g--checkbox, g--radio */ 

/* @g--slider */
.g--slider { overflow: hidden; margin: 0; position: relative; -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }
.g--slider > ul { list-style: none; margin: 0; padding: 0; overflow: hidden; -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }
.g--slider > ul > li { float: left; margin: 0; position: relative; /* <- for g--loader */ -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }
.g--slider > ul.cases { margin: 16px auto 0; }

.js--transition { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; }
.js--transition--autoplay { -webkit-transition: .8s; -moz-transition: .8s; -o-transition: .8s; transition: .8s; }
/* eof g--slider */

/* @g--loader */
.g--loader { margin: 30px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 4px solid rgba(0, 0, 0, 0.2); border-right: 4px solid rgba(0, 0, 0, 0.2); border-bottom: 4px solid rgba(0, 0, 0, 0.2); border-left: 4px solid #333;
  -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; }
.g--loader,
.g--loader:after { border-radius: 50%; width: 3em; height: 3em; }
.g--loader--blog-posts { position: absolute; left: 50%; top: 50%; margin-top: -1.5em; margin-left: -1.5em; }

@-webkit-keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/* eof g--loader */

/* @cointainer */
.container { 
	width: 96%; 
	margin: 0 auto; max-width: 1248px; padding: 0 10px; position: relative; 
}
.container--center { text-align: center; max-width: 1110px; }
.container--middle { max-width: 1500px; }
.container--big { max-width: 1656px; }
.container--left { max-width: 1216px; }
.container--relative { position: relative; }

/* mamy .clearfix - to ponizej do usuniecia  */
.container--hidden { overflow: hidden; }

.container--cta { font-size: 18px; }
.containter--grey { background: #fafafa; }
.containter--grey h3 { font-size: 30px; text-align: center; margin: 0 0 16px 0; clear: both; line-height: 1.2; padding: 0 10px; }
.container--nopadding { padding: 0; }

.container__main_title { font-size: 36px; margin: 32px auto 24px; }
.container__subheading { font-family: inherit; font-size: 18px; font-weight: 400; line-height: 1.6; margin: 0 0 32px; }

@media (min-width: 768px) {
	/* .container { padding: 0; } */
	.container__main_title { color: #00aeef; font-size: 48px; margin: 96px auto 24px; }
}
@media (min-width: 1024px) {
	.container__main_title { margin: 64px auto 48px; }
	.containter--grey { font-size: 36px; }
}
/* eof container */

/*
 * @list
 */
.list { margin-bottom: 32px; border-bottom: 1px solid #eaeaea; }
.list__item { padding: 16px 0 16px 56px; line-height: 1.5625; border-top: 1px solid #eaeaea; color: rgba(80, 80, 80, 0.8); position: relative; }

.list__events_link { cursor: pointer; }
.list__events_link strong:hover { color: rgba(80, 80, 80); }
.list__events_container { display: none; margin: 20px auto 0; }
.list__events_container .list { border-bottom: medium none; margin-bottom: -8px; }
/* end of list */

/* @btn */
.btn { color: #fff; font-size: 14px; text-transform: uppercase; padding-left: 80px; display: inline-block; letter-spacing: .5px; border: none; cursor: pointer; border-radius: 0; margin: 0; text-align: left; line-height: 24px; background: #00aeef; background-size: 11px 9px; }
.btn:hover { background-color: #00BAFF; }
.btn--background { border-left: 1px solid rgba(255, 255, 255, 0.3); padding: 16px 40px 16px 32px; }
.btn--details { display: block; text-transform: none; color: #b3e7fa; letter-spacing: 0; }

.btn--single-line { padding-left: 88px; }
.btn--single-line .btn--background { padding: 24px 40px; }

.btn--space { margin: 24px 0 12px 0; }

.btn--forward { background: initial; background-color: #00aeef; }
.btn--navy { background: #142b68; }
.btn--navy:hover { background: #223a78; }

.btn--white { background: #fff url(/img/layout/svg/arrow_r.svg) no-repeat 11% 50%; color: #00aeef; background-size: 11px 9px; }
.btn--white .btn--background { border-left: 1px solid rgb(0, 174, 239, 0.3); }
.btn--white:hover { background-color: #fff; outline: 0; -moz-box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; box-shadow: 0 0 10px #51cbee; transition: none; }

.btn--dark { background: #142b68; background-size: 11px 9px; position: relative; }
.btn--dark .btn--background { border-left: 1px solid rgba(255, 255, 255, 0.1); }
.btn--dark .btn--details { color: #8094b8; }
.btn--dark:hover { background-color: #17337A; }

.btn--transparent { background: #fff url(/img/layout/svg/arrow_r.svg) no-repeat 100% 50%; background-size: 11px; color: rgba(20, 43, 104, 0.8); padding: 8px 24px 8px 0; font-weight: 700; position: relative; white-space: nowrap; font-size: 14px; }
.btn--transparent::after { position: absolute; content: ""; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); display: block; height: 2px; width: 0; background: #2C4269; transition: ease-out 0; bottom: 0; }
.btn--transparent:hover { background: #fff url(/img/layout/svg/arrow_r.svg) no-repeat 100% 50%; background-size: 11px; }

.btn--full { width: 100%; text-align: center; padding: 20px 10px; }
.btn--center { display: table; margin: 0 auto; }
.btn--case { display: table; margin: 32px auto; }
.btn--mobile { width: 100%; margin-bottom: 3%; position: relative;}
.btn--mobile > span{position: absolute;top:50%;transform: translateY(-50%);left:36px;}
.btn--mobile > span svg {width:12px;}
.btn--contact { width: 96%; text-align: center; }
.btn--blue { background: initial; background-color: #00aeef; padding: 3% 8%; }
.btn--error { background-color: #D72737; }
.btn--error:hover { background-color: #D72737; }
.btn--rd { text-transform: initial; }
.btn--link a { margin-top: 4%; text-align: center; padding: 4.5% 5%; }
.btn--margin { margin: 0 12px 12px 0; }
.btn--border { border: 1px solid rgba(255, 255, 255, 0.4); }
.btn--border:hover { background: #00aeef; border-color: #fff; }

.btn--txt { font-size: 30px; font-family: aa; display: block; font-weight: 500; position: relative; padding: 0 0 50px; margin: 44px 0; }
.btn--txt span { display: block; font-family: inherit; font-size: 18px; font-weight: 300; margin: 6px 0 16px; }
.btn--txt::before, 
.btn--txt::after { content: ""; position: absolute; left: 0; bottom: 0; border: 1px solid #2C4269; width: 50px; height: 50px; display: block; border-radius: 50%; }
.btn--txt::before { left: 16px; bottom: 18px; border: none; border-top: 1px solid #2C4269; border-right: 1px solid #2C4269; width: 12px; height: 12px; border-radius: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transition: .3s; }
.btn--txt:hover::before { left: 20px; }

@media (min-width: 580px) {
	.btn--mobile { width: auto; }
	.btn--contact { width: 300px; }
	.btn--link a { width: 60%; }
	.btn { margin-right: 3%; }
	.btn--center { display: table; margin: 0 auto; }
}
@media (min-width: 768px) {
	.btn--transparent br { display: none; }
	.btn--link a { width: 40%; }
	.btn--txt { float: left; margin: 44px 10% 44px 0; width: 40%; }
}
@media (min-width: 1024px) {
	.btn--transparent { padding: 8px 24px 8px 0; }
	.btn--transparent:hover::after { width: 100%; background: #2C4269; transition: ease-out .3s; }
	.btn--mobile { margin-bottom: 0%; }
	.btn--center { margin: 0 auto; }
	.btn--case { margin: 32px auto; }
	.btn--full { padding: 20px; }
	.btn--link a { width: 60%; margin-top: 0; }
	.btn--case_studies a { width: 80%; }
}
/* eof btn */

/* @header */
.header { 
	/* background: #142b68 url(/img/layout/bg.jpg) no-repeat 50% 0;  */
	color: #fff; 
	background: #142b68; 
	padding: 0 0 34px;
}
.header--home {
	position: absolute; 
	z-index: 999999;
	/* top: 0;  */
	width: 100%;	
	padding: 0;
	background: transparent;
}

/* .body--noindex .header { background: #142b68; padding: 0 0 34px; } */

.header__logo { float: left; margin: 36px 0 22px; }

.header__nav_container { float: right; margin: 40px 0 0; }
.header__nav { display: none; line-height: 1.75; 
	/* font-weight: 300;  */
}
.header__nav > li { display: block; float: left; margin: 0 20px 0 0; }
.header__nav .nav__item { position: relative; }
.header__nav .nav__item::after { position: absolute; content: ""; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); display: block; height: 2px; width: 0; background: #fff; transition: ease-out 0; }
.header__nav .nav__item:hover::after { width: 100%; background: #fff; transition: ease-out .3s; }

.header__nav_btn { cursor: pointer; display: inline-block; height: 22px; width: 30px; margin: 0; position: relative; }
.header__nav_btn__bar { display: block; height: 1px; width: 24px; background: #fff; margin: 0 0 6px 0; transition: .3s; }
.header__nav_btn__bar--long { width: 30px; }
.header__nav_btn.on .header__nav_btn__bar { height: 2px; }
.header__nav_btn.on .header__nav_btn__bar:nth-child(1), 
.header__nav_btn.on .header__nav_btn__bar:nth-child(3) { display: none; }
.header__nav_btn.on .header__nav_btn__bar:nth-child(2) { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: absolute; top: 8px; }
.header__nav_btn.on .header__nav_btn__bar:nth-child(4) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: absolute; top: 8px; }

.header__line_container { clear: both; display: table; width: 100%; }

.header__line_container--home { 
	padding: 0;
}
@media (min-width: 1160px) {
	/* at the same bp as we show desktop nav  */
	.header__line_container--home { 
		padding: 17px 0 0px; 
	}
}

/* @sub */
.sub {
	display: none;
	position: absolute;
	width: 377px;
	margin: 42px 0 0 -100px;
	opacity: 0;
	z-index: 3;
}
.sub--on { 
	display: block; 
	animation: fadeInSub .4s forwards;
}

@keyframes fadeInSub {
	0% {
		opacity: 0;
	}	
	100% {
		opacity: 1;
	}
}

.sub ul {}
.sub li {
	width: 100%;
	border-top: 1px solid #e7e9f0;
}
.sub li:first-child {
	border-top: 0;
}
.sub a { 
	display: block; 
	color: #142b68;
	line-height: 1;
	padding: 28px;
	background-color: #f3f3f3;
	transition: background-color .3s ease-out;
	font-size: 14px;
}
.sub a:hover {
	background: #fff;
}
.sub b {
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
	font-family: aa;
	font-size: 18px;
	font-weight: bold;
}
/* end of sub */

.header__line__title { font-weight: 100; font-size: 14px; display: table-cell; width: 330px; padding: 0 16px 0 0; font-family: aa; }
.header__line { display: table-cell; vertical-align: middle; }
.header__line span { display: none; width: 100%; background: rgba(104, 122, 159, 0.3); height: 1px; }

.header__helper_nav, 
.header__lang_switcher_nav { position: absolute; right: 0; background: #142b68; font-family: aa; display: none; z-index: 1; }
.header__lang_switcher_nav { right: 40px; }
.header__helper_nav.on, 
.header__lang_switcher_nav.on { display: block; }
.header__helper_nav a, 
.header__lang_switcher_nav span { display: block; padding: 26px 100px 24px 24px; border-bottom: 1px solid rgba(104, 122, 159, 0.3); font-size: 24px; font-weight: 100; position: relative; cursor: pointer; }
.header__lang_switcher_nav span { font-size: 18px; padding: 16px 66px 14px 24px; }
.header__lang.header__lang--active span { color: #758ebc; cursor: default; }
.header__helper_nav ul li:last-child a, 
.header__lang_switcher_nav ul li:last-child a span { border: none; }
.header__helper_nav a:hover, 
.header__lang_switcher_nav span:hover { background: #223a78; }
.header__helper_nav a::before, 
.header__helper_nav a::after { content: ""; position: absolute; right: 20px; border: 1px solid #707ea3; width: 40px; height: 40px; display: block; border-radius: 50%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.header__helper_nav a::before { right: 37px; border: none; border-top: 1px solid #707ea3; border-right: 1px solid #707ea3; width: 12px; height: 12px; border-radius: 0; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); }
.header__helper_nav span { display: block; font-size: 16px; color: #758EBC; }

/* todo@timi refacor all classes for g--arrow with modifiers g--arrow--modifier */
.header__helper_nav__arrow, 
.subnavigation__arrow, 
.header__lang_switcher_nav__arrow,
.g--arrow { position: absolute; display: block; width: 10px; height: 10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: none; border-bottom: 10px solid #142b68; top: -10px; right: 8px; }

.g--arrow--sub { border-bottom-color: #f3f3f3; right: auto; left: 50%; transform: translateX(-50%); }

.subnavigation__arrow { border-bottom: 10px solid #fff; right: 20px; }

.subnavigation { 
	display: none; 
	background: #fff; 
	width: 100%; 
	position: absolute;
	z-index: 11000;
	top: 110px;
	box-shadow: 0px 0px 40px 0px rgba(20, 43, 104, .3);
}

/* todo@timi usunalem noindex - sprawdzic co zepsulem */
.body--noindex .subnavigation { top: -66px; margin: 0 0 -66px; }
	.nav-mobile { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; font-weight: 500; padding: 12px 2%; }
	.nav-mobile--lang { background: #ffffff; }

.subnav { background: #f2f2f2; display: none; }
.subnav--lang { background: #eaeaea; }
	.subnav a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; font-weight: 500; padding: 12px 8%; font-size: 14px; }

.header__lang_switcher { display: none; cursor: pointer; margin: 5px 20px 0 0; vertical-align: top; line-height: 1.2; }
.header__lang_switcher span { display: inline-block; height: 5px; margin: 0 0 2px 6px; position: relative; width: 9px; }
.header__lang_switcher span::before,
.header__lang_switcher span::after { transition: .3s; background: #fff; content: ""; display: block; height: 2px; position: absolute; top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); width: 7px; }
.header__lang_switcher span::after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); left: 4px; }
.header__lang_switcher.on span::before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.header__lang_switcher.on span::after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }

@media (min-width: 660px) {
	.header__line span { display: block; }
}

@media (min-width: 1160px) {
	.header__nav { display: inline-block; }
	.header__lang_switcher { display: inline-block; }
	.header__lang_switcher { margin: 5px 32px 0 0; }
	.header__lang_switcher_nav { right: 52px; }
}

@media (min-width: 1400px) {
	.header__logo { margin: 36px 0 22px; }
	.header__nav_btn { margin: -2px 0 0; }
	.header__nav li { margin: 0 30px 0 0; }	
}
@media (min-width: 1920px) {
	.header { background-size: cover; }
}
/* eof header */

/* @breadcrumb */
.breadcrumb { font-size: 13px; margin: 32px auto; }
.breadcrumb li { display: inline-block; }
.breadcrumb a { text-decoration: underline; }
.breadcrumb a:hover { text-decoration: none; }
.breadcrumb img { margin: 0 10px; }
/* eof breadcrumb */

/* @swiper-pagination */
.swiper-pagination-bullet-subpages { border-bottom: 2px solid #fff; margin: 0 32px; color: #142b68; font-size: 16px; font-weight: 400; margin: 0 8px; padding-bottom: 30px; cursor: pointer; }
.swiper-pagination-bullet-active-subpages,
.swiper-pagination-bullet-active-solutions { border-bottom: 2px solid #142b68; }

@media (min-width: 380px) {
	.swiper-pagination-bullet-subpages,
	.swiper-pagination-bullet-active-solutions { margin: 0 16px;  }
}

@media (min-width: 768px) {
	.swiper-pagination-bullet-subpages,
	.swiper-pagination-bullet-active-solutions { font-size: 18px; margin: 0 32px;  }
}
/* eof swiper-pagination */

/* @quot */
.quot { font-size: 16px; font-style: italic; margin: 15px auto 22px auto; display: block; text-align: center; color: #00aeef; width: 98%; font-weight: 500;}

@media (min-width: 1024px) {
.quot { font-size: 16px; font-style: italic; margin: 50px auto;  display: block; text-align: center; color: #00aeef; width: 81%;}
}
/* eof quot */

/* @footer */
.footer-is { background: #142b68; color: #fff; padding: 32px 0 0; font-size: 13px; position: relative; }
.footer-is a { color: #758EBC; padding: 0 0 2px; position: relative; }
.footer-is a:not(.footer__social_link)::after { position: absolute; content: ""; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); display: block; height: 1px; width: 0; background: #2C4269; transition: ease-out 0; bottom: 0; }

.footer-is h3 { font-size: 18px; margin: 0 0 16px; }
.footer__donut { display: none; position: absolute; bottom: 0; right: 0; }
.footer__list li { padding: 8px 0; font-weight: 100; }
.footer__list b { font-weight: 500; }
.footer__item { width: 100%; margin: 0 2% 24px 0; }
.footer__phone { font-size: 20px; font-weight: 400; margin: 0 0 16px; }
.footer__item--phone span { display: block; padding: 8px 0; color: #c6d0e3; }
.footer__line { height: 1px; background: rgba(255,255,255,.1); }

.footer__bottom { clear: both; margin: 0; padding: 32px 0 16px; color: #516697; overflow: hidden; }
.footer__bottom .impressum { margin: 24px 0 0; display: block; }
.footer__bottom__list { overflow: hidden; }
.footer__bottom__list li { display: block; float: left; margin: 0 9px 0 0; }
.footer-is a.footer__social_link { display: table-cell; width: 32px; height: 32px; border: 1px solid rgba(128, 148, 184, .5); border-radius: 50%; vertical-align: middle; }
.footer__social_link img { opacity: .5; display: block; margin: 0 auto; transition: .3s; }
.footer__social_link svg { fill: #fff; opacity: .5; display: block; margin: 0 auto; transition: .3s; }



.footer-is a.footer__social_link:hover img { opacity: .75; }
.footer-is a.footer__social_link:hover svg { opacity: .75; }

.footer__newsletter { border-top: 1px solid #e5e5e5; background: #fff; padding: 12px 0 44px; }
.footer__newsletter__firma { border-top: none; }
.footer__newsletter__form {position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; }

.footer__newsletter__form input[type=text] { -webkit-appearance: none; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid #d5d5d5; margin: 0; color: #2e4872; font-size: 16px; text-indent: 16px; padding-left: 14%;}
.footer__newsletter__form input[type=text]::-webkit-input-placeholder { font-weight: 400; }
.footer__newsletter__form input[type=text]::-moz-placeholder { font-weight: 400; }
.footer__newsletter__form input[type=text]::-ms-input-placeholder { font-weight: 400; }
.footer__newsletter__form input[type=submit] { -webkit-flex: none; -ms-flex: none; flex: none; transition: .3s; padding: 20px 12px; }
.footer__newsletter__form span{position: absolute; top:54%; left:3%; transform: translateY(-50%);} 
.footer__newsletter__form span svg{fill:#00A0E4;}

.popup__newsletter__content__messages { background: #F3DBE1; border: 1px solid #D72737; color: #333; font-size: 15px; background-image: url(/img/icon-notification-info.svg); background-repeat: no-repeat; background-position: 20px center; padding: 10px 10px 10px 92px; margin: 30px 40px 0; list-style: initial; }
.footer__newsletter__messages { margin: 10px 0px; font-size: 14px; background-image: none; padding: 10px 10px 10px 30px; display: none; }

@media (min-width: 768px) {
	.footer__item { width: 48%; float: left; }

	.footer__bottom .impressum { margin: 9px 0 9px 20px; float: left; clear: none; }
	.footer__bottom__list { overflow: visible; }

	.footer__newsletter__form input[type=text] {  text-indent: 96px; padding:0;}
	.footer__newsletter__form input[type=submit] { padding: 28px 60px; }
	.footer__bottom__list li { margin: 0 9px 0 0; }
}
@media (min-width: 1024px) {
	.footer-is { padding: 80px 0 0; }
	.footer-is a:hover::after { width: 100%; background: #7589af; transition: ease-out .3s; }
	.footer__bottom { padding: 40px 0 32px; }
	.footer__item { width: 18%; margin: 0 2% 44px 0; }
	.footer__phone { margin: 0 0 34px; }
	.footer__newsletter { padding: 44px 0 80px; }
}
@media (min-width: 1300px) {
	.footer__phone { font-size: 24px; }
}
@media (min-width: 1920px) {
	.footer__donut { display: block; }
}
/* eof footer */

/* @cookies */
.cookies { background: #091a4b; color: #fff; font-size: 12px; }
.cookies p { float: left; padding: 16px 40px 16px 0; }

.cookies__close { background: #fff; border-radius: 50%; cursor: pointer; height: 32px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 32px; }
.cookies__close::before, 
.cookies__close::after, 
.popup__newsletter__close::before, 
.popup__newsletter__close::after { background: #091a4b; content: ""; display: block; height: 2px; left: 50%; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%) rotate(45deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg); -moz-transform: translateY(-50%) translateX(-50%) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg); width: 14px; }
.cookies__close::before, 
.popup__newsletter__close::before { transform: translateY(-50%) translateX(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg); -moz-transform: translateY(-50%) translateX(-50%) rotate(-45deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg); }

@media (min-width: 768px) {
	.cookies__close { right: 0; }
}
/* eof cookies */

/* @popup */
.popup { display: none; position: fixed; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); }

.popup__newsletter { position: relative; width: 726px; margin: 120px auto; background: rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 0px 40px 6px rgba(0,0,0,0.52); -moz-box-shadow: 0px 0px 40px 6px rgba(0,0,0,0.52); box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.52); padding-bottom: 20px; }
.popup__newsletter__close { position: absolute; top: 10px; right: 10px; width: 23px; height: 23px; cursor: pointer; }

.popup__newsletter__content__branding { background: rgba(241, 241, 241, 1); padding: 20px 20px 20px 40px; color: #505050; overflow: hidden; }
.popup__newsletter__content__branding div { float: left; max-width: 380px; padding-right: 10px; }
.popup__newsletter__content__branding img { float: left; }
.headline--popup { font-size: 34px; line-height: 30px; font-weight: 500; margin: 65px 0 10px; }
.paragraphe--popup { font-size: 17px; line-height: 21px; font-weight: 500; font-family: aa; }

.popup__newsletter__content__messages { background: #F3DBE1; border: 1px solid #D72737; color: #333; font-size: 15px; background-image: url(/img/icon-notification-info.svg); background-repeat: no-repeat; background-position: 20px center; padding: 10px 10px 10px 92px; margin: 30px 40px 0; list-style: initial; }
.footer__newsletter__messages { margin: 10px 0px; font-size: 14px; background-image: none; float: right; max-width: 300px; margin-right: 3%; border: none; background: none; color: #D72737; list-style: none; font-weight: 400; text-align: right; padding: 0; }

.popup__newsletter__content__form { padding: 30px 40px 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; }
.popup__newsletter__terms { padding: 0 40px 12px; }
.input--popup { -webkit-appearance: none; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; font-weight: 100; color: #2e4872; margin-right: 8px; border: 1px solid #d5d5d5; text-indent: 16px; }
.input--popup:focus { outline: none; }
.btn--popup { -webkit-flex: none; -ms-flex: none; flex: none; padding: 28px 60px; }

.popUpTerms { background-color: #fff; display: none; margin: 20px 40px 0; padding: 10px; color: #333; max-height: 120px; overflow-y: scroll; -webkit-box-shadow: inset 0px 0px 20px -4px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 20px -4px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 20px -4px rgba(0,0,0,0.75);
 }
.js--messages { display: none; }
/* eof popup */

/* @cases */
.cases__list { display: block; margin: 48px auto; max-width: 400px; overflow: hidden; width: 100%; }
.cases__list li { position: relative; display: block; margin: 0 0 2%; width: 100%; }
.cases__list img { width: 100%; }

.cases__list__txt { background: #142b68; bottom: 0; color: #fff; font-size: 14px; left: 0; padding: 28px 16px 28px 40px; position: absolute; width: 100%; z-index: 1; height: 162px; }
.cases__list__txt h3 { font-size: 13px; }
.cases__list__txt p { font-size: 16px; padding: 8px 0 16px; color: rgba(255, 255, 255, 0.8); }
.cases__list__underline { display: block; width: 20%; border-bottom: 1px solid rgba(255, 255, 255, 0.8); height: 1px; }
.cases__list__read_more { color: rgba(255, 255, 255, 0); font-size: 0px; }
.cases__list__arrow { height: 0; width: 0; background: url(/img/layout/svg/arrow_r_white.svg) no-repeat 50% 50%;}
.cases__list__mask { display: none; background: url(/img/cases_bg/background.png) no-repeat 50% 50%; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0; opacity: 0.8; -moz-opacity: 0.8; }

@media (min-width: 768px) {
	.cases__list { margin: 48px 0 48px -2%; width: 102%; max-width: none; }
	.cases__list li { float: left; margin: 0 0 2% 2%; width: 48%; }
	.cases__list li:nth-child(2n+1) { clear: both; }
}
@media (min-width: 1024px) {
	.cases__list li { width: 31.333%; }
	.cases__list li:nth-child(2n+1) { clear: none; }
	.cases__list li:nth-child(3n+1) { clear: both; }

	.cases__list li:hover .cases__list__mask { display: block; }
	.cases__list li:hover .cases__list__txt { height: 242px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
	.cases__list li:hover .cases__list__underline { bottom: 47px; position: absolute; height: auto; width: 42%; transition: all 0.3s linear; }
	.cases__list li:hover .cases__list__read_more { transition-delay: 0.3s; -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; color: rgba(255, 255, 255, 1); font-size: inherit; }
	.cases__list li:hover .cases__list__arrow { transition-delay: 0.3s; -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; width: 12px; height: 9px; background-size: auto auto; left: 60%; z-index: 100; position: absolute; bottom: 51px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
}

@media (min-width: 1140px) {
	.cases__list li:hover .cases__list__underline { width: 36%; }
	.cases__list li:hover .cases__list__arrow { left: 60%; }
}

@media (min-width: 1270px) {
	.cases__list li:hover .cases__list__underline { width: 33%; }
	.cases__list li:hover .cases__list__arrow { left: 50%; }
}
/* eof cases */

/* @b2b page */
.b2b__steps { margin: 0 0 60px; overflow: hidden; }
.b2b__steps__element, 
.b2b__cases__element { display: block; float: left; padding: 0 72px 0 0; position: relative; }
.b2b__steps__element::after, 
.b2b__cases__element::after { background: #8995b3; content: ""; display: block; height: 1px; position: absolute; right: 28px; top: 12px; width: 15px; }
.b2b__steps__element:last-child::after, 
.b2b__cases__element:last-child::after { display: none; }
.b2b__steps__element a, 
.b2b__cases__element a { color: #abb1bd; font-size: 18px; font-weight: 500; position: relative; display: inline-block; padding: 0 0 12px; }
.b2b__steps__element a i { font-style: normal; }
.b2b__steps__element a.current, 
.b2b__cases__element a.current { color: #2C4269; }
.b2b__steps__element a::after, 
.b2b__cases__element a::after { position: absolute; content: ""; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); display: block; height: 2px; width: 0; background: #abb1bd; transition: ease-out 0; bottom: 0; }
.b2b__steps__element a:hover::after,
.b2b__steps__element a.current::after, 
.b2b__cases__element a:hover::after, 
.b2b__cases__element a.current::after { width: 100%; background: #abb1bd; transition: ease-out .3s; }
.b2b__steps__element a.current::after, 
.b2b__cases__element a.current::after, 
.b2b__steps__element a.current:hover::after,
.b2b__cases__element a.current:hover::after { background: #2C4269; }

.b2b__steps__content, 
.b2b__cases__content { display: none; line-height: 1.4; }
.b2b__steps__content.current, 
.b2b__cases__content.current { display: block; }
.b2b__steps__content p, 
.b2b__steps__content ul { margin: 0 0 32px; }

.b2b__contact_box { box-shadow: 0 0 28px -16px #223a78; font-size: 14px; }
.b2b__contact_box strong { font-size: 18px; font-family: aa; display: block; margin: 0 0 8px; }
.b2b__contact_box a { display: block; padding: 40px; }

.b2b__areas { font-size: 18px; line-height: 1.5; }
.b2b__areas > li { display: block; margin: 32px 0 0; }
.b2b__areas h4 { font-size: 30px; line-height: 1; margin: 0 0 8px; }
.b2b__areas ul { margin: 32px 0 32px 34px; }

.b2b__benefits ul { font-size: 18px; columns: 2; -moz-columns: 2; -webkit-columns: 2; -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; }
.b2b__benefits li { overflow: hidden; break-inside: avoid-column; -webkit-column-break-inside: avoid; margin: 0 0 16px; min-height: 54px; }
.b2b__benefits em { display: block; font-style: normal; margin: 10px 0 0; float: left; width: 80%; }
.b2b__benefits svg { fill: #00aeef; max-height: 40px; max-width: 50px; }
.b2b__benefits span { float: left; display: block; margin: 0 18px 0 0; text-align: center; width: 50px; }

.b2b__cases { overflow: hidden; }
.b2b__cases__content { clear: both; margin: 32px 0; overflow: hidden; position: relative; }
.b2b__cases__txt { background: #142b68 url(/img/layout/case-bg2.jpg) no-repeat 50% 50%; background-size: cover; }

@media (min-width: 768px) {
	.b2b__steps__container { float: left; margin: 0 5% 32px 0; width: 55%; }
	.b2b__contact_box { float: right; width: 40%; }

	.b2b__areas > li { float: left; width: 45%; margin: 32px 5% 0 0; }
	.b2b__areas > li:nth-child(2n+1) { clear: both; }
}
/* eof b2b */

/*
 * @contact
 */
.contact__form { background: #fafafa; border: 1px solid #e7e7e7; }
.container--contact .contact__form { padding: 16px 16px 32px; margin-top: 16px; width: 100%; float: none; }

.contact-data { line-height: 1.5625; padding: 0 10px; }
.section--title--contact { margin-bottom: 24px; }
.contact--subheading { font-size: 26px; color: #009ce2; padding-top: 36px; line-height: 1.25; }
.contact--subheading--form { color: #fff; }
.contact-data__phone { font-size: 28px; display: block; margin-bottom: 2px; }
.contact-form__intro { margin-bottom: 32px; }
.contact-data__timetable { display: block; color: #9a9a9a; margin-top: 8px; }
.contact-data__krs { display: block; color: #9a9a9a; }

.address { margin: 16px 0; }

fieldset { margin: 0; padding: 0; border: 0; /*overflow: hidden;*/ }
fieldset.info p { margin: 0 0 1em; line-height: 1.5625; }
fieldset.fields p { margin: 0 0 1em; line-height: 1.5625; }
fieldset.fields p.g--select-p { margin: 0 0 0.6em; }

.contact__form label { display: block; line-height: 20px; padding: 8px 10px 8px 0; font-weight: 400; font-size: 16px; }
.contact__form label em { padding-left: 5px; color: #E21625; font-style: normal; font-size: 20px; }

.contact__form input[type="number"],
.contact__form input[type="text"] { border: 1px solid #e7e7e7; border-radius: 0; font-family: inherit; background: #fff; width: 240px;  padding: 8px; font-size: inherit; }
.contact__form input[type="number"]:focus,
.contact__form input[type="text"]:focus { outline: none; }

.contact__form .textarea { padding: 8px; font-family: inherit; border: 1px solid #e7e7e7; border-radius: 0;  width: 96%; font-size: inherit; }
.contact__form .textarea:focus { outline: none; }

.contact__txt { margin: 0 0 32px; }
.contact__txt p { font-size: 18px; }
.contact__txt strong { display: block; font-size: 22px; margin: 0 0 8px; }

@media (min-width: 768px) {
	.contact__form { float: left; width: 58%; }
	.contact-data { float: right; width: 45%; padding: 0; }
	.contact--subheading { line-height: 1.5625; }
	.contact__form input[type="number"],
	.contact__form input[type="text"] { width: 300px; }
	.contact__form .textarea { width: 300px; }

	.container--contact .contact__form { float: left; width: 50%; padding: 48px 32px 32px; }
	.container--contact .contact__input_container { width: 100%; }
}
@media (min-width: 1024px) {
	.contact__form label { float: left; width: 195px; text-align: right; }
}
/* end of contact */

/* @summary */
.summary__form_container .contact__form { width: 100%; float: none; padding: 16px 16px 40px; margin: 48px 0 64px; }
.summary__form_container .contact__txt { font-weight: 400; margin: 0 0 32px; }
.summary__form_break { overflow: hidden; clear: both; }

@media (min-width: 768px) {
	.summary__form_container .contact__form { padding: 16px 40px 40px; }
}
/* eof summary */

/* @response */
.response { margin: 0 0 1em; padding: 1em 1em 1em 60px; line-height: 1.5625; color: #272a2c; background-image: url(../../img/icon-notification-success.svg); background-position: 16px 50%; background-repeat: no-repeat; }
.response--success { background-color: #EAF3DB; border: 1px solid #BCDA8E; display: none; margin-bottom: 24px; }
.response--error { background-color: #F3DBE1; border: 1px solid #D2423A; display: none; margin-bottom: 24px; background-image: url(/img/icon-notification-info.svg); }
.response--exists { background-color: #F3DBE1; border: 1px solid #D2423A; display: none; margin-bottom: 24px; background-image: url(/img/icon-notification-info.svg); }
.response--disagree { background-color: #F3DBE1; border: 1px solid #D2423A; display: none; margin-bottom: 24px; background-image: url(/img/icon-notification-info.svg); }

.response--error span { display: block; font-size: 16px; }
.response--error span em { margin-left: 5px; color: #E21625; font-weight: bold; font-style: normal; }
/* eof response */

.tags__cloud { margin: 0 0 64px; }

/* error 404 */
.container__main_title.container__main_title--error { color: #00aeef; }
.error__subtitle { font-size: 24px; margin: 16px 0 40px; }
.error__txt { font-size: 20px; font-weight: 400; margin: 0 0 24px; }
.error__contact { margin: 0 0 56px; line-height: 1.45; }

@media (min-width: 768px) {
	.error__subtitle { font-size: 26px; margin: 16px 0 64px; }
	.error__contact { margin: 0 0 80px; }
}
/* end of error 404 */

/* ============================================================
   OLDIES
   ============================================================
 */

.buttons { margin: 16px 0 32px; }

.section--branding { background: #009ce2; position: relative; min-height: 70px; }
.section--main { overflow: hidden; padding: 32px 0 0; }

@media (min-width: 768px) {
	.section--navigate { background: #009ce2; border-top: 1px solid rgba(255,255,255,0.2); }
	.section--navigate--border-bottom { border-bottom: 1px solid rgba(255,255,255,0.2); }

	.section--main { padding: 64px 0 0; }
}

 /* @stores */
.stores { font-size: 20px; }
.calc__intro { font-size: 17px; }
.stores > p { margin: 0 0 48px; }
.stores h3 { font-size: 30px; text-align: center; margin: 0 0 28px 0; clear: both; line-height: 1.2; padding: 0 10px; }
.stores__intro { padding: 32px 10px 48px; margin: 0 auto; max-width: 1248px; width: 96%; }
.stores__intro__heading,
.calc__intro__heading { font-size: 36px; line-height: 1.25; font-weight: 500; font-family: aa; margin: 0 0 24px; }
.stores__intro__desc,
.calc__intro__desc { font-size: 18px; line-height: 1.6; font-weight: normal; }
.stores__customers { margin-bottom: 60px; }
.stores__customers__desc { line-height: 1.6; background: #009ce2; color: #fff; padding: 32px 24px; font-size: 18px; }
.stores__customers__list { overflow: hidden; width: 96%; overflow: hidden; margin: 48px auto 0; }
.stores__customers__list li { float: left; width: 23%; margin: 0 1%; }
.stores__points { margin-bottom: 48px; }
.stores__points h4 { font-size: 28px; font-weight: 400; margin: 0 0 16px 0; line-height: 1.2; color: #009ce2; }
.stores__points > ul { background: #fafafa; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.stores__p { width: 65%; }
.stores-points-container { padding: 48px 24px 32px; width: 100%; line-height: 1.6; font-size: 18px; border: 2px solid #fff; }
.stores-list-item { margin-bottom: 8px; }
.stores-list-item:before { content: "•"; margin: 0 0 0 -16px; padding: 0 10px 0 0; color: #009ce2; }

.stores__points p { margin-bottom: 16px; }
.stores__points .image_block { width: 80px; height: 80px; text-align: center; vertical-align: middle; background: #fff; position: relative; border-radius: 50%; }
.stores__points .image_block img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.stores__roadmap { margin: 60px 0 0; padding: 0 0 60px; }
.stores__roadmap__desc { background: #009ce2; color: #fff; padding: 32px; font-size: 18px; text-align: center; }
.stores-analysis { background: #fafafa; padding: 48px 10px 32px; font-size: 18px; line-height: 1.6; margin-bottom: 32px;  }
.stores-analysis p { margin-bottom: 16px; }
.stores__bluepoints { overflow: hidden; margin: 0 0 32px; }
.stores__bluepoints li { background: #009ce2; color: #fff; font-size: 18px; margin: 0 0 2%; padding: 32px; width: 100%; text-align: center; }

.stores__benefits { padding-left: 35px; margin-bottom: 24px; }
	.stores__benefits--margin { margin-bottom: 60px; }
.stores__benefits li { margin: 0 0 16px; line-height: 1.6; }
.stores__benefits li:before { content: "✓"; margin: 0 0 0 -26px; color: #009ce2; display: inline-block; width: 24px; }

.stores .dev { color: #fff; background: tomato; display: inline-block; padding: 2px; font-size: 10px; }

.stores__b2b_customers { overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 32px; }
.stores__b2b_customers li { padding: 48px 24px 32px; width: 100%; line-height: 1.6; font-size: 18px; border: 2px solid #fafafa; font-size: 16px; }
.stores__b2b_customers img { margin: 0 auto 16px; width: 160px; }

@media (min-width: 768px) {
	.stores h3 { font-size: 36px; }
	.stores-analysis_links { margin-left: 55px; }

	.stores__intro { padding: 64px 0; }
	.stores__intro__heading,
	.calc__intro__heading { font-size: 48px; color: #00aeef; }
	.stores__intro__desc,
	.calc__intro__desc { font-size: 22px; }

	.stores-points-container { padding: 48px 48px 32px; width: 50%; float: left; }
	.stores__b2b_customers li { width: 33.3333%; float: left; }

	.stores-analysis { padding: 48px 32px 32px; }

	.stores__bluepoints ul { margin: 0 0 0 -2%; width: 102%; }
	.stores__bluepoints li { float: left; margin: 0 0 2% 2%; width: 48%; min-height: 139px; }
	.stores__bluepoints li:nth-child(2n+1) { clear: both; }
}

@media (min-width: 1024px) {
	.stores__bluepoints li { width: 31.333%; }
	.stores__bluepoints li:nth-child(2n+1) { clear: none; }
	.stores__bluepoints li:nth-child(3n+1) { clear: both; }
}

@media (min-width: 1280px) {
	.stores__bluepoints li { min-height: auto; }
}
/* end of  stores */

 /* @b2b */
.b2b .list__icon { padding-left: 32px; }
.b2b .list__icon li:before { content: "✓"; margin: 0 0 0 -26px; color: #009ce2; display: inline-block; width: 24px; }
.b2b_steps { text-align: center; }
.b2b_steps_content h2 { color: #009ce2; }
.b2b_steps_element { display: inline-block; font-size: 18px; margin: 0 2px; }
.b2b_steps_element a { border-bottom: 2px solid #e6e6e6; }
.b2b_steps_element a:hover { border-color: #009ce2; }
.b2b_steps_element .current { border-color: #009ce2; }
.b2b_steps_element span { width: 16px; height: 16px; border: 1px solid #009ce2; border-radius: 50%; display: inline-block; margin-left: 4px; }
.b2b_steps_element span:before { background: #009ce2; content: ""; display: block; height: 5px; width: 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: 3px 0 0 7px; }
.b2b_steps_element span:after { background: #009ce2; content: ""; display: block; height: 5px; width: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: -2px 0 0 7px; }

.b2b_steps_content.current { display: block; }
.b2b_steps_content { display: none; border: 1px solid #e6e6e6; padding: 34px; margin: 46px 18px; }
.b2b .summary { margin-top: 32px; text-align: center; }
.store .summary { margin-top: 32px; text-align: center; }


@media (min-width: 768px) {
	.b2b_steps_content { margin: 46px 55px; }
	.b2b_steps_element { font-size: 22px; margin: 0 8px; }
	.b2b_steps_element span { margin-left: 16px; }
}
/* end of  b2b */


.g--visible--large { display: none !important; }
.g--visible--medium { display: none !important; }
.g--visible--small { display: inherit !important; }
@media (min-width: 768px) {
	.g--visible--small { display: none !important; }
	.g--visible--medium { display: inherit !important; }
}
@media (min-width: 1024px) {
	.g--visible--medium { display: none !important; }
	.g--visible--large { display: inherit !important; }
}

/* @modules */
.modules__container { background: #fafafa; border: 2px solid #fff; margin: 0; overflow: hidden; }
.modules__container img { padding: 0 32px; }

.modules__txt { padding: 48px 48px 32px; float: left; }
.modules__txt p { font-size: 18px; }

@media (min-width: 768px) {
	.modules__txt { padding: 48px 24px 32px; }
}
/* end of modules */

/* @tabs */
.stores__tabs .container--casestudies { padding: 48px 0; box-shadow: inset 0px 40px 40px -40px rgba(20, 43, 104, 0.3); }
.stores__tabs .stores__tabs_nav { display: table; margin: 0 auto; }
.stores__tabs .stores__tabs_nav li { display: table-cell; font-size: 13px; padding: 0 4px 32px; white-space: nowrap; }
.stores__tabs .stores__tabs_nav li a { border-bottom: 2px solid #fff; padding: 4px 0px 30px; }
.stores__tabs .stores__tabs_nav li a:hover,
.stores__tabs .stores__tabs_nav li a.current { border-color: #142b68; }
.stores__tabs .tab--hide { display: none; }
.stores__tabs .left_side { width: 100%; font-size: 18px; color: #142b68; font-weight: 400; }
.stores__tabs .left_size_description { line-height: 1.5; max-width: 900px; margin: 0 0 54px; font-weight: 400; color: #142b68; font-size: 16px; }
.stores__tabs .left_side img { margin: 0 0 32px; width: 86px; }
.stores__tabs .left_side img.img--big { width: 170px; }
.stores__tabs .left_side img.img--normal { width: 130px; }
.stores__tabs .left_side img.img--very-big { width: 250px; }
.stores__tabs .right_side { width: 100%; margin-top: 32px; text-align: center; }
.stores__tabs .list { margin: 32px 0; border: none; }
.stores__tabs .list li { padding: 0 0 8px 34px; font-weight: 300; font-size: 18px; }

@media (min-width: 480px) {
	.stores__tabs .stores__tabs_nav li { padding: 0 16px 32px; font-size: 16px; }
}

@media (min-width: 768px) {
	.stores__tabs { padding-top: 48px; }
	.stores__tabs .stores__tabs_nav li { padding: 0 24px 32px; font-size: 20px; }
	.stores__tabs .left_side { float: left; width: 47%; margin-left: 3%; }
	.stores__tabs .right_side { float: right; width: 50%; text-align: right; margin-top: 32px; }
	.stores__tabs .container--casestudies { padding: 96px 0 16px; }
}

@media (min-width: 1024px) {
	.stores__tabs .left_side { margin-top: 100px; }
	.stores__tabs .left_side_nomargin { margin-top: 60px; }
	.stores__tabs .right_side { margin-top: 0px; }
	.stores__tabs .container--casestudies { padding: 96px 0 48px; }
}
/* end of tabs */

/*
 * @subpages
 */
.subpages__container--wraper { position: relative; width: 100%; overflow: hidden; }
.subpages__container--wraper::before, 
.subpages__container--wraper::after { background: transparent; content: ""; display: block; height: 100%; left: -100%; position: absolute; top: 0; width: 100%; }
.subpages__container--wraper::after { left: auto; right: -100%; }

.subpages__case__arrow { position: absolute; text-indent: -999999px; top: 0; transition: all 0.5s ease 0s; width: 100px; height: 100%; display: none; }
.subpages__case__arrow .subpages__case__arrow__container { position: relative; top: 45%; background: #ffffff; border-radius: 50%; cursor: pointer; height: 48px; width: 48px; z-index: 1; box-shadow: 0px 0px 20px 0px rgba(20, 43, 104, 0.2); -webkit-box-shadow: 0px 0px 20px 0px rgba(20, 43, 104, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(20, 43, 104, 0.2); background-image: url(/img/icon-case-study-right.png); background-repeat: no-repeat; background-position: 20px center; }
.subpages__case__arrow .subpages__case__arrow__container_left { background-image: url(/img/icon-case-study-left.png); background-repeat: no-repeat; }
.subpages__case__arrow.swiper-button-disabled .subpages__case__arrow__container { background: transparent; cursor: default; box-shadow: none; }
.subpages__case__arrow.subpages__case__arrow--prev { left: 100px; opacity: 0; }
.subpages__case__arrow.subpages__case__arrow--next { right: 100px; opacity: 0; }
.subpages__case__arrow.subpages__case__arrow--next .subpages__case__arrow__container { float: right; }
.subpages__case__arrow.subpages__case__arrow--next  .subpages__case__arrow__container::before { cursor: pointer; transform: translateY(-50%) rotate(135deg); -webkit-transform: translateY(-50%) rotate(135deg); -moz-transform: translateY(-50%) rotate(135deg); left: auto; right: 21px; }
.subpages__container:hover .subpages__case__arrow.subpages__case__arrow--prev { left: -70px; opacity: 1; }
.subpages__container:hover .subpages__case__arrow.subpages__case__arrow--next { right: -70px; opacity: 1; }

@media (min-width: 1024px) {
	.subpages__case__arrow { display: block; }
	.subpages__container--wraper { margin-top: 48px; }
	.subpages__container:hover .subpages__case__arrow.subpages__case__arrow--prev { left: -15px; }
	.subpages__container:hover .subpages__case__arrow.subpages__case__arrow--next { right: -10px; }
}

@media (min-width: 1400px) {
	.subpages__container:hover .subpages__case__arrow.subpages__case__arrow--prev { left: -70px; }
	.subpages__container:hover .subpages__case__arrow.subpages__case__arrow--next { right: -70px; }
}
 /* end of subpages */


/*
 * @sidebar
 */
.sidebar { line-height: 1.5625; display: none; }

.sidebar__heading { margin: 0; padding: 0 16px 10px; color: rgba(80, 80, 80, 0.8); border-bottom: 1px solid #eaeaea; }

.sidebar__nav { font-family: aa; margin-bottom: 32px; }
.sidebar__nav a { display: block; padding: 16px 16px 14px; border-bottom: 1px solid #eaeaea; color: rgba(80, 80, 80, 0.8); }
.sidebar__nav a.special_link { border: 1px solid #009ce2; color: #009ce2; margin-top: 32px; padding: 1em 2em; text-align: center; }
.sidebar__nav a.special_link:hover { color: #fff; }

.sidebar__nav span { width: 16px; height: 16px; float: right; border: 1px solid rgba(80,80,80,0.8); border-radius: 50%; margin-top: 4px; }
.sidebar__nav span:before { background: #505050; content: ""; display: block; height: 5px; width: 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: 3px 0 0 7px; }
.sidebar__nav span:after {  background: #505050; content: ""; display: block; height: 5px; width: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: -2px 0 0 7px; }

.sidebar__nav a:hover,
.sidebar__nav a.on { color: #009ce2; }
.sidebar__nav a:hover span,
.sidebar__nav a.on span { border-color: #009ce2; }
.sidebar__nav a:hover span:after,
.sidebar__nav a:hover span:before,
.sidebar__nav a.on span:after,
.sidebar__nav a.on span:before { background: #009ce2; }

.sidebar__nav a.on { color: #009ce2; }

@media (min-width: 1024px) {
	.sidebar { display: block; width: 24%; float: left; }
}
/* end of sidebar */

/*
 * @main
 */
.main { margin-bottom: 64px; }
.main h1 { font-size: 36px; margin: 0 0 24px 0; }
.main h2 { font-size: 24px; margin: 32px 0 16px 0; }
.main p { margin-bottom: 16px; line-height: 1.5625; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; /*color: #505050;*/ }

.bullet { position: absolute; left: 24px; /*top: 50%; */ top: 20px; /*-webkit-transform: translateY(-50%); transform: translateY(-50%);*/ }
.bullet:before { background: #009ce2; content: ""; display: block; height: 12px; width: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.bullet:after { background: #009ce2; content: ""; display: block; height: 12px; width: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; }

@media (min-width: 768px) {
	.main h1 { font-size: 48px; color: #009ce2; }
	.main h2 { color: #009ce2; }
}
@media (min-width: 1024px) {
	.main { width: 68%; float: right; }
}
/* end of main */

/* @cases */
.section--cases { padding: 48px 0; border-bottom: 1px solid #e7e7e7; }
.section--cases .container { position: relative; overflow: visible; }
.section--title-cases { margin-bottom: 16px; }
.cases li { overflow: hidden; }
.cases__desc {  margin: 32px auto 80px; max-width: 960px; overflow: hidden; }
.cases__desc p { font-style: italic; font-size: 18px; font-size: 16px; line-height: 1.5625; }
.cases__desc cite { display: block; text-align: left; font-style: normal; margin-top: 10px; font-size: 14px; font-weight: 600; }

.cases__desc--desktop { display: block; }

.cases__img img { margin: 0 auto; border-bottom: 1px solid #e7e7e7; }

.cases__all { background: #fafafa; border: 1px solid #e7e7e7; height: 90%; margin: 5% auto; position: relative; text-align: center; }
.cases__all a { display: block; height: 100%; padding: 32px; }
.cases__all_content { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; right: 0; }
.cases__all_arrow { border: 1px solid #009ce2; border-radius: 100px; display: block; height: 70px; margin: 0 auto 2%; width: 70px; transition: background 0.2s ease 0s; }
.cases__all_arrow::after { background: #009ce2; content: ""; display: block; height: 20px; margin: -8px 0 0 34px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); width: 4px; }
.cases__all_arrow::before { background: #009ce2; content: ""; display: block; height: 20px; margin: 20px 0 0 34px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); width: 4px; }
.cases__all a:hover .cases__all_arrow { background: #009ce2; }
.cases__all a:hover .cases__all_arrow::after,
.cases__all a:hover .cases__all_arrow::before { background: #fafafa; }

.cases__arrow { display: none; background: #e7e7e7; border-radius: 30px; cursor: pointer; height: 50px; position: absolute;  text-indent: -999999px; top: 40%; width: 50px; transition: all 0.5s ease 0s; }
.cases__arrow::before { border-left: 3px solid #fff; border-top: 3px solid #fff; content: ""; display: block; height: 10px; left: 21px; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); width: 10px; }
.cases__arrow.off { background: #fafafa; cursor: default; }
.cases__arrow.cases__arrow--prev { left: 100px; opacity: 0; }
.cases__arrow.cases__arrow--next { right: 100px; opacity: 0; }
.cases__arrow.cases__arrow--next::before { transform: translateY(-50%) rotate(135deg); -webkit-transform: translateY(-50%) rotate(135deg); -moz-transform: translateY(-50%) rotate(135deg); left: 18px; }
.section--cases:hover .cases__arrow.cases__arrow--prev { left: -75px; opacity: 1; }
.section--cases:hover .cases__arrow.cases__arrow--next { right: -75px; opacity: 1; }


.left_list .left_list_element { padding: 0 0 12px 24px; line-height: 1.5625; position: relative; font-size: 16px; }
.left_list .left_list_element .bullet { top: 0; left: 34px; }
.left_list .left_list_element .bullet::before { background: none; content: "✓"; color: #009ce2; margin: 0 0 0 -32px; display: inline-block; width: 24px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; vertical-align: top; }
.left_list .left_list_element .bullet::after { display: none; }
.right_quote { width: 100%; border-top: 1px solid #eaeaea; overflow: hidden; padding-top: 24px; margin-top: 12px;  }

@media (min-width: 768px) {
	.left_list .left_list_element { font-size: 18px; }
	.left_list { float: left; width: 60%; padding-right: 70px; }
	.right_quote { float: right; width: 40%; border-left: 1px solid #eaeaea; padding-left: 24px; padding-top: 0; border-top: 0; margin-top: 0; }
	.cases__all_arrow { height: 100px; width: 100px; }
	.cases__all_arrow::after { height: 30px; margin: -12px 0 0 50px; width: 5px; }
	.cases__all_arrow::before { height: 30px; margin: 27px 0 0 50px; width: 5px; }
}
@media (min-width: 1280px) {
	.cases__arrow { display: block; }
}
@media (min-width: 1440px) {
	.section--cases:hover .cases__arrow.cases__arrow--prev { left: -100px; }
	.section--cases:hover .cases__arrow.cases__arrow--next { right: -100px; }
}

.case_study__img { margin: 32px 0; }
.case_study__img p { color: rgba(80, 80, 80, 0.8); font-size: 14px; margin: 8px 0 16px; text-align: center; }
.case_study__img img { margin: 0 auto; }
.case_study__quote { color: #009ce2; display: table; float: left; font-size: 55px; height: 0; line-height: 45px; margin: 0 0 -20px; width: 30px; }
.case_study__quote--right { display: inline-table; float: none; line-height: 18px; margin: 0 0 -26px 5px; vertical-align: bottom; }
.main p.case_study__img-wrapper { margin-bottom: 48px; }

.case_study__img.case_study__img--float img { margin-bottom: 32px; width: 100%; }
.case_study__img.case_study__img--float img:first-child { margin-bottom: 8px; }

.case_study__mass_link { text-align: center; }
.case_study__mass_link a { display: inline-block; margin: 4px 2px; padding: 0.25em 0.5em; }

@media (min-width: 768px) {
	.cases__desc--mobile { display: none; }
	.case_study__img.case_study__img--float img { float: left; margin-bottom: 32px; width: 49%; }
	.case_study__img.case_study__img--float img:first-child { margin-right: 2%; margin-bottom: 32px; }
	.case_study__mass_link a { padding: 1em 2em; }
}

.o8a_case_study--img { margin-bottom: 8px !important; }
.o8a_case_study--img-small { max-width: 350px; }
/* end of cases */

/* pages tag */
.container--tags { margin-bottom: 32px; }
.pages__tag { margin: 0 8px 0 0; display: inline-block; font-size: 14px; color: #696969; }
.pages__tag:before { content: '#'; color: #009CE2; padding-right: 1px; }
.pages__tag--link:hover .pages__tag { text-decoration: underline; }
/* end of pages tags */

/* menegement */
.management__list li { padding: 16px 16px 16px 0; }
.menagement__content { overflow: hidden; }
.menagement__content h2 { margin: 32px 0 4px; }
.menagement__content h3 { color: #505050; padding-bottom: 24px; }
.menagement__img { float: left; margin: 16px 64px 32px 0;}
.menagement__img:nth-of-type(2n+1) { clear: both; }
/* end of menagement */

/* @gallery */
.gallery-photo { margin: 0 0 1.5%; }
/* end of gallery */

/* career page */
.section--career { padding-bottom: 0; }

.career__container { clear: both; padding-top: 32px; padding-bottom: 32px; max-width: 1000px; margin: 0 auto; }
.career__container--top { margin-top: 32px; }
.career__container--job { max-width: 800px; overflow: hidden; }
.career__container--fb { padding-top: 0; padding-bottom: 0; position: relative; overflow: hidden; }

.career__container h1 { font-size: 40px; margin: 0 0 16px 0; color: #009ce2; }
.career__container h1 strong { display: block; }
.career__container h3 { text-transform: uppercase; color: #009ce2; font-weight: bold; margin-bottom: 16px; letter-spacing: 1px; }

.career__recrutation { overflow: hidden; position: relative; }
.career__recrutation__block { margin: 0 0 3% 0; padding: 32px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 3px; }
.career__recrutation__block img { display: inline-block; }
.career__recrutation__text { font-size: 14px; color: #4a4a4a; }
.career__wave__1 { display: none; position: absolute; top: 60px; left: 220px; }
.career__wave__2 { display: none; position: absolute; top: 60px; right: 250px; }

.career__flex__wrapper { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 32px 0 18px; position: relative; }

.career__dots { display: none; position: absolute; top: -205px; left: 185px; }
.career__v_dots { display: none; margin: 0 auto; position: relative; left: 25%; }

.career__first__step { margin-bottom: 32px; }
.career__candidate { background: #009be6; padding: 16px; }
.career__candidate h1 { color: #fff; }
.career__candidate p { color: #fff; margin-bottom: 32px; }
.career__candidate--fb { background: transparent; padding: 16px 0; }

.career__images { background: #eaeaea; padding: 50px 0; overflow: hidden; }
.career__images__list { width: 101%; margin-right: -1%; }
.career__images__list li { margin: 0 1% 1% 0; }
.career__image__medium { width: 49%; float: left; }
.career__image__small { width: 32.3333%; float: left; }

.career__info { overflow: hidden; margin-top: 32px; }
.career__info__block { margin: 0 0 3% 0; padding: 32px; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 3px; }
.career__info__text { font-size: 16px; color: #4a4a4a; }

.career__job__offer { background: #009be6; overflow: hidden; }
.career__job__offer h2 { color: #fff; margin-bottom: 32px; }
.career__job__offer h2 strong { display: block; }

.career__fb_helper { width: 100%; }

.career__container--articles { margin-bottom: 4%; }
.career__articles__list { width: 102%; margin-right: -1%; overflow: hidden; }
.career__articles__list__item { width: 49%; margin: 0 1% 4% 0; float: left }
.career__articles__list__item h5 { color: #00aeef; font-size: 16px; margin: 0 0 10px; height: 58px; overflow: hidden; width: 80%; }
.career__articles__list__item p { color: #2e4872; font-size: 14px; margin: 16px 0 0; line-height: 1.5; }
.career__articles__img { position: relative; margin-bottom: 18px; }
.career__articles__img img { display: block; border: 1px solid #eaeaea; }
.career__articles__mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0;  display: none; }
.career__articles__list__item:hover .career__articles__mask { display: block; }
.career__articles__mask span{position: absolute; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.career__articles__mask span svg{fill:#fff;}

@media (min-width: 768px) {
	.career__recrutation { width: 103%; margin-right: -3%; }
	.career__recrutation__block { width: 30.3333%; float: left; margin: 0 3% 0 0; }

	.career__flex__wrapper { margin: 64px 0 18px; flex-direction: row; -webkit-flex-direction: row; }

	.career__first__step { width: 50%; float: left; padding: 32px; margin-bottom: 0; }
	.career__candidate { width: 50%; float: right; padding: 32px 64px; }
	.career__candidate--fb { padding: 32px 0; }
	
	.career__info { width: 103%; margin-right: -3%; }
	.career__info__block { width: 47%; float: left; min-height: 300px; margin: 0 3% 3% 0; padding: 24px 8px; }
	.career__info__block img { float: left; }
	.career__info__block h3 { width: 70%; float: right; }
	.career__info__text { width: 70%; float: right; }

	.career__job__offer h2 { margin-bottom: 0; float: left; }
	.career__job__offer .btn { float: right; }

	.career__fb_helper { position: absolute; width: 40%; }

	.career__articles__list__item { width: 24%; }
	.career__articles__list__item h5 { font-size: 24px; }
}

@media (min-width: 1024px) {
	.career__wave__1,
	.career__wave__2,
	.career__dots, 
	.career__v_dots { display: block; }
	.career__v_dots { left: 40%; top: -62px; }

	.career__flex__wrapper { margin: 185px 0 18px; }

	.career__info__block { padding: 32px; }

	.career__fb_helper { width: 30%; }
}
/* end of career page */

/* @eu projects */
.ue__img { float: left; margin: 16px 32px 16px 0; }
.ue__box { background: #fafafa; margin: 32px 0 0; padding: 32px 16px; border: 1px solid #e7e7e7; }
.ue__box p { text-align: center; }

.ue__table { display: block; font-size: 16px; border-collapse: collapse; }
.ue__table tr { display: block; margin: 0 0 16px; }
.ue__table tr:first-child { display: none; }
.ue__table th { background: #009ce2; color: #fff; }
.ue__table td { padding: 0; display: block; }
.ue__table td span { font-weight: bold; }
.ue__table td strong { font-weight: normal; }
.ue__table td:nth-child(3), .ue__table td:nth-child(4) { white-space: nowrap; }

.ue__form { display: none; }
.ue__form form { margin: 32px 0 -16px; }
.ue__form label { display: block; line-height: 24px; padding: 8px 10px 8px 0; text-align: left; }
.ue__form input[type="text"] { border: 1px solid #b8b8b8; border-radius: 0; font-family: inherit; background: #fff; width: 100%; padding: 8px; font-size: inherit; }
.ue__form input[type="text"]:focus { outline: none; }

.ue__form .fields { padding: 0; }
.ue__form .fields p.message_wrapper, .message_wrapper { display: none; }

@media (min-width: 768px) {
	.ue__box { padding: 32px; }

	.ue__table { display: table; font-size: 14px; }
	.ue__table tr, .ue__table tr:first-child { display: table-row; }
	.ue__table th, .ue__table td { padding: 16px 8px; display: table-cell; border: 1px solid #eaeaea; }
	.ue__table th:nth-child(2), .ue__table td:nth-child(2) { max-width: 500px; }
	.ue__table td span { display: none; }
	.ue__table td strong { font-weight: bold; }

	.ue__form label { width: 150px; float: left; text-align: right; }
	.ue__form input[type="text"] { float: left; width: 240px; }
	.ue__form .fields { display: inline-table; }
	.ue__form .fields p { display: table; }
}
/* end of eu projects */

/* @calc */
.calc__intro__heading { font-size: 36px; line-height: 1.25; font-weight: 500; font-family: aa; margin: 0 0 24px; }
.calc__intro__desc { font-size: 18px; line-height: 1.6; font-weight: normal; }
/* eof calc */

/* @calc-form */
.calc-form { margin: 16px auto 48px; padding: 16px 10px 16px; max-width: 770px; float: left; background: #fafafa; border: 1px solid #e7e7e7; padding: 24px; }
.calc-form label { display: block; line-height: 24px; padding: 16px 0 8px; font-weight: 500; }
.calc-form label em { padding-left: 5px; font-weight: 500; font-style: normal; font-size: 20px; color: #e41b00; line-height: 1; }
.calc-form input[type="text"] { border: 1px solid #d2d2d2; border-radius: 0; font-family: inherit; background: #fff; width: 100%; padding: 8px; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.calc-form input[type="text"]:focus { outline: none; }
.calc-form .textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 8px; font-family: inherit; border: 1px solid #e7e7e7; border-radius: 0;  width: 100%; font-size: inherit; }
.calc-form .textarea:focus { outline: none; }

.options_container label { cursor: pointer; padding: 2px 0; text-align: left; font-weight: normal; }
.options_container input[type="checkbox"] { cursor: pointer; }
.options_container span { padding: 0 0 0 5px;  }

.calc-info { margin-bottom: 48px; padding: 0 10px; }
.calc-info h3 { margin: 24px 0 0 0; font-weight: bold; font-size: 26px; color: #009ce2; }
.calc-info__list { padding-left: 20px; }
.calc-info__list li { margin: 0 0 16px; line-height: 1.6; }

.container-b2b-form { margin-top: 32px; }
.container-b2b-form .calc-form { float: none; }
.options_container em { display: block; font-style: normal; }



@media (min-width: 768px) {
	.calc-info { float: right; width: 30%; padding: 0; margin-top: 16px; }

	.calc-info h3 { margin: 24px 0 0 48px; font-size: 26px; color: #009ce2; }
	.calc-info__list { padding-left: 48px; }
	.calc-info__list li { margin: 0 0 16px; line-height: 1.6; }

	fieldset.fields p.calc-form__half_field { width: 50%; float: left; }
	fieldset.fields p.calc-form__half_field--left { padding: 0 2% 0 0; }
	fieldset.fields p.calc-form__half_field--right { padding: 0 0 0 2%; }

	.body--ile-kosztuje-wdrozenie-ecommerce .calc-form { width: 70%; background: #fafafa; border: 1px solid #e7e7e7; padding: 24px; }
	.body--ile-kosztuje-wdrozenie-ecommerce .calc-form form { width: 60%; }
}
/* end of calc-form */

.section--title--contact { margin-bottom: 24px; }
.contact--subheading { font-size: 26px; color: #009ce2; padding-top: 36px; line-height: 1.25; }
.contact--subheading--form { color: #fff; }
.address { margin: 16px 0; }

@media (min-width: 768px) {
	.contact--subheading { line-height: 1.5625; }
}

/* awards  */
.award__desc { text-align: center; }
.award__title { color: #009ce2; display: block; padding: 32px 0 4px; min-height: 136px; }
.award__subtitle { font-size: 14px; display: block;}
.awards__list li { width: 50%; float: left; padding: 16px 16px 16px 0;}
.awards__list li:nth-of-type(2n+1) { clear: both; }

@media (min-width: 768px) {
	.awards__list li { width: 33.3333%; }
	.awards__list li:nth-of-type(2n+1) { clear: none; }
	.awards__list li:nth-of-type(3n+1) { clear: both; }
}
/* end of awards */

/*@order modules form*/
.order_modul { margin: 32px auto; }
.order_modul h2 { margin: 16px 0;}
.offer_form_container { width: 100%; padding: 24px 32px 32px; background: #fafafa; border: 1px solid #e7e7e7; margin: 0 auto 48px; }
.offer_input { display: inline-block; margin: 16px 0 0; width: 100%; } 
.offer_input_checkobox label,
.offer_input_checkobox strong, 
.offer_input label { display: block; line-height: 24px; padding: 8px 0; }
.offer_input label, 
.offer_input_checkobox strong { font-weight: 500; }
.offer_input input { border: 1px solid #e7e7e7; border-radius: 0; font-family: inherit; background: #fff; width: 100%; padding: 8px; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.offer_input_checkobox label em,
.offer_input_checkobox strong em,
.offer_input label em { color: red; }
.btn_offer { margin-top: 16px; }

@media (min-width: 768px) {
	.offer_form_container { float: left; width: 70%; }
}
/*end of order modules form*/

/* @summary-cta */
.summary-cta { margin: 32px auto 64px; padding: 48px 10px; overflow: hidden; background: #00aeef; border-radius: 2px; text-align: center; }
.summary-cta > h4 { text-align: center; color: #fff; font-size: 36px; }
.summary-cta-subheading{ margin: 16px auto; text-align: center; color: #b3e7fa; font-size: 16px; line-height: 1.5625; }
.summary-cta form { margin-top: 32px; }

.summary-cta .btn--summary { background: #fff; margin: 32px 0; }
.summary-cta .btn--summary .btn--background{ color: #00aeef; border-left: 1px solid rgba(20, 43, 104, 0.1); }
.summary-cta .btn--summary .btn--details{ color: #142b68; }
.summary-cta .btn--summary:hover { background-color: #fff; outline: 0; -moz-box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; box-shadow: 0 0 10px #51cbee; transition: none; }
.summary-cta .btn--single-line.btn--summary { background-position: 13% 50%; }
.summary-cta .btn--summary{position: relative;}
.summary-cta .btn--summary span svg{height: 34px;width: 25px; position: absolute;top: 50%;transform: translateY(-50%);left: 6%;}

@media (min-width: 768px) {
	.summary-cta { padding: 48px 32px; }
	.summary-cta-subheading { width: 60%; }
}
/* end of summary-cta */

/* @analiza biznesowa */
 .business_analysis { margin: 24px auto; }
 .business_analysis h1 { font-size: 36px; line-height: 1.25; font-weight: 500; font-family: aa; margin: 0 0 24px; padding-top: 64px; }
 .business_analysis h2 { font-size: 36px; text-align: center; margin: 0 0 28px 0; clear: both; line-height: 1.2; padding: 0 10px; }
 .business_analysis p { line-height: 1.6; font-size: 18px; margin-bottom: 16px; }
 .business_analysis .analysis_intro { font-size: 18px; line-height: 1.6; font-weight: normal; }
 .analysis__intro__cta { margin-top: 32px; padding-bottom: 64px; }
 .analysis_element { margin-bottom: 64px; }
 .analysis_benefits_list li { font-size: 20px; } 

 .analysis_vs_box_container { background: #fafafa; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
 .analysis_vs_box_container li { padding: 24px 24px 16px; float: left; line-height: 1.6; font-size: 16px; border: 12px solid #fff;}

 .analysis_benefits_list { padding-left: 35px; margin-bottom: 24px; }
 .analysis_benefits_list li { margin: 0 0 16px; line-height: 1.6; }
 .analysis_benefits_list li:before { content: "✓"; margin: 0 0 0 -26px; color: #009ce2; display: inline-block; width: 24px; }

@media (min-width: 768px) {
	 .business_analysis h1 { font-size: 48px; }
	 .business_analysis .analysis_intro { font-size: 24px; }
	 .analysis_vs_box_container li { padding: 48px 48px 32px; width: 50%; float: left; line-height: 1.6; font-size: 16px; border: 12px solid #fff;}
}
/* end of analiza biznesowa */

/* b2b_b2c */
.b2b_b2c__title { text-align: center; }
.b2b_b2c__subhead { margin: 0 auto; max-width: 900px; text-align: center; color: #142b68; margin-bottom: 15px;}
.b2b_b2c__subtitle { font-size: 28px; text-align: center; color: #00aeef; margin: 0 0 32px; }
.b2b_b2c__right--big .b2b_b2c__subtitle { text-align: left; }
.b2b_b2c__right--big .new_solution__subtitle { text-align: left; }

.b2b_b2c__section { font-size: 18px; margin-top: 32px; overflow: hidden; padding-bottom: 48px; }
.b2b_b2c__section ul { color: #00aeef; font-size: 24px; list-style: outside disc; margin: 0 0 0 24px; }
.b2b_b2c__section li { margin: 0 0 16px; }
.b2b_b2c__section li span { color: #2e4872; font-size: 18px; }
.b2b_b2c__section h4 { padding-bottom: 32px; }

.b2b_b2c__helper { width: 98%; max-width: 520px; background: #00aeef; color: #fff; margin: 32px auto 0; overflow: hidden; text-align: left; transition: .4s; cursor: pointer; }
.b2b_b2c__helper:hover { background: #33b4ea; }
.b2b_b2c__helper__img { float: left; padding: 31px 20px; border-right: 1px solid #33b3e9; width: 28%; transition: .4s; height: 151px; }
.b2b_b2c__helper:hover .b2b_b2c__helper__img { border-color: #43bef2; }
.b2b_b2c__helper__img img { display: block; margin: 0 auto; }
.b2b_b2c__helper__txt { float: left; padding: 20px; width: 72%; line-height: 26px; }
.b2b_b2c__helper__txt p { font-size: 14px; margin: 8px 0 0; }

.b2b_b2c__image { margin: 75px auto; }
.b2b_b2c__image img { display: block; margin: 0 auto; }
.b2b_b2c__image_full { margin: 0 auto; width: 100%; }
.b2b_b2c__image_full img { display: block; margin: 0 auto; }

.b2b_b2c__step { padding: 20px 0 0 120px; position: relative; height: 112px; }
.b2b_b2c__step::before { background: #fff; border-radius: 50%; box-shadow: 0 0 22px -7px #adb1c2; color: #00aeef; content: "1"; display: block; font-size: 30px; font-weight: 400; height: 65px; left: 28px; line-height: 63px; position: absolute; text-align: center; top: 0; width: 65px; }
	.b2b_b2c__step.b2b_b2c__step--second::before { content: "2"; }
	.b2b_b2c__step.b2b_b2c__step--third::before { content: "3"; }
.b2b_b2c__step::after { color: #a3d2f2; content: "---------"; font-size: 14px; left: 38px; position: absolute; top: 80px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }
	.b2b_b2c__step.b2b_b2c__step--third::after { display: none; }

.b2b_b2c__small_header { font-size: 18px; margin: 0 auto 32px; max-width: 700px; text-align: center; }

.b2b_b2c__info { font-size: 14px; }
.b2b_b2c__buttons { text-align: center; }

@media (min-width: 768px) {
	.b2b_b2c__subhead { margin: 0 auto; max-width: 900px; text-align: center; color: #142b68; margin-bottom: 65px; }
	.b2b_b2c__subtitle { font-size: 36px; margin: 0 0 40px 0; }
}

@media (min-width: 1024px) {
	.b2b_b2c__image_full { width: 78%; }
	.b2b_b2c__section .long-image { width: 27%; }

	.b2b_b2c__right  { float: left; width: 50%; }
	.b2b_b2c__left { float: left; width: 50%; }
	.b2b_b2c__full { float: left; width: 100%; margin-bottom: 17px;}
	.b2b_b2c__left { padding: 0 4% 0 0; }
	.b2b_b2c__left--small { padding: 0 8% 0 0; }
	.b2b_b2c__right--small { padding: 0 0 0 8%; }
	.b2b_b2c__left--big { width: 54%; }
	.b2b_b2c__right--big { width: 40% }
	.b2b_b2c__left--very_big { width: 68%; }
	.b2b_b2c__helper { margin: 0 auto; }
	.b2b_b2c__helper__txt { padding: 32px 40px; }
	.b2b_b2c__helper__img { padding: 61px 45px; }
	.b2b_b2c__helper--small .b2b_b2c__helper__txt { padding: 46px 40px; }
	.b2b_b2c__helper--small .b2b_b2c__helper__img { padding: 44px 45px; }
	.b2b_b2c__hidden_image { display: block; }
	.b2b_b2c__section_margin { margin-top: 48px; }
}
/* end of b2b_b2c */

/* list_circle */
.list_circle { padding-top: 1px; font-weight: 100;}
.list_circle_customers { padding-top: 1px;}

.list_circle_schema { position: relative; z-index: 2; list-style: none; }
.list_circle_schema_first { top: -390px; padding-bottom: 200px; }
.list_circle_schema_second { top: -190px; }
.list_circle_schema li { display: inline-block; width: 20%; }
.list_circle_schema li:nth-child(2) { float: right; text-align: center; }

@media (min-width: 1024px) {
	.list_circle { padding-top: 20px;}
	.list_circle_customers { padding-top: 20px;}	
}
/* end of list_circle */

/* @new_solution_ */
.new_solution__section { font-size: 18px; margin: 32px auto; overflow: hidden; }
.new_solution__section__wrapper { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; }
.new_solution__section .list__icon { align-self: center; -webkit-align-self: center; margin-top: 16px; margin-left: 0; padding-left: 0; }
.new_solution__section ul { color: #00aeef; font-size: 18px; margin-top: 48px; margin-top: 10px; padding-left: 42px; }
.new_solution__section li { color: #2e4872; font-size: 18px; }
.new_solution__section li div { color: #2e4872; font-size: 18px; display: inline-block; width: 73%; vertical-align: middle; }
.new_solution__section .long-image { width: 27%; display: none}
.new_solution__section_alone { margin: 5px 0 4px 0; }

.new_solution__hidden_image { display: block; width: 98%; margin: 0 auto; }
.new_solution__title { text-align: center; }
.new_solution__subhead { text-align: left; color: #142b68; margin-bottom: 30px; }

.new_solution_end { font-size: 18px; padding-top: 17px; }
.new_solution_end_big { font-size: 18px; padding-top: 37px;}
.new_solution_end_button { margin-top: 50px; }

.new_solution__schema img { margin: 0 auto; }
.new_solution__schema { margin-top: 72px; }

.new_solution__description--space { margin-bottom: 20px; font-weight: 100; }

.new_solution__image_full img { display: none; margin: 0 auto; }
.new_solution__full_alone .list_circle { padding: 0px; }
.new_solution__full_alone .list_circle_customers { padding: 0px; }

.new_solution__right  { margin-top: 32px; flex: 1 1 100%; margin: 10px auto;}
.new_solution__right__margin_top  { margin-top: 48px; }
.new_solution__right--big .b2b_b2c__subtitle { text-align: left; }
.new_solution__right--big .new_solution__subtitle { text-align: left; }
.new_solution__right__center { align-self: center; -webkit-align-self: center; }
.new_solution__right__margin_no  { margin-top: 0; }

.new_solution__subtitle { font-size: 28px; text-align: center; color: #00aeef; margin: 8px 0 18px 0; }
.new_solution__subsubtitle { font-size: 24px; font-weight: 400; margin: 6px 0 9px 0; }
.new_solution__left p { margin: 10px 0; }
.new_solution__left--margin { margin-top: 48px; }
.omnichannel .new_solution__left p { margin-top: 48px; }
.new_solution__left--very_big { margin-top: 32px; }
.new_solution__full__img { padding-top: 10%; }

.new_solution__left { flex : 1 1 auto; margin: 10px auto; }

.list__icon--margin-modify,
.list_circle_one { font-weight: 100; }


@media (min-width: 768px) {
	.new_solution__section li div { width: 84%; }
	.new_solution__hidden_image { display: block; width: 60%; }
	.new_solution_end_button { margin-top: 100px; }
	.new_solution__subtitle { font-size: 44px; margin: 40px 0 40px 0; }
	.new_solution__subtitle_less_space { margin: 40px 0 5px 0; }
	.new_solution__subhead { text-align: left; color: #142b68; margin-bottom: 48px; }
	.new_solution__subhead--center {  text-align: center; }
	.new_solution__section .list_circle_customers li { margin-left: 35%; }
	.omnichannel .new_solution__section .list_circle_customers li { margin-left: 15%; }
	.new_solution__section ul { margin-top: 48px; }
	.new_solution__section .list_circle.list_circle_one--small-margin { margin-top: 18px; }
	.omnichannel .new_solution__section ul { margin: 32px 0 0 24px; }
	.new_solution__left--small { width: 60%; float: left; }
	.new_solution__right--small { float: right; width: 40%; margin-top: 64px; }
}

@media (min-width: 1024px) {
	.new_solution__section__wrapper { flex-direction: row; -webkit-flex-direction: row; align-items: center; }
	.new_solution__section__wrapper--space { margin: 32px 0 0 0; }
	.new_solution__section .list__icon { margin-left: 16px; margin-top: 0; }
	.new_solution__section .list__icon--margin-modify { margin-left: 0; margin-top: 32px; }
	.new_solution__section .long-image { width: 27%; display: block; }
	.new_solution__section { margin: 17px auto 32px; }	
 	.new_solution__section_alone { margin: 20px 0 4px 0; }
 	.new_solution__section .btn--link { margin-top: 48px; }
 	.new_solution__section .btn--link--different { margin-top: 32px; }
 	.new_solution__section .btn--link--different a { width: 61%; }

 	.new_solution--big { width: 40% }
	.new_solution--small { padding: 0 0 0 8%; }
	.new_solution__full { float: left; width: 100%; margin: 10px 0; }
	.new_solution__full_alone { margin: 0; }
	.new_solution__full_schema { position: relative; }
	.new_solution__left { align-self: center; -webkit-align-self: center; padding: 0 4% 0 0; }
	.new_solution__left__text { align-self: initial; -webkit-align-self: initial; }
	.new_solution__left__top { align-self: initial; -webkit-align-self: initial; }
	.new_solution__img_center img { float: none; margin: 0 auto; }
	.new_solution__left--big { width: 60%; }
	.new_solution__left--very_big { width: 68%; margin-top: 0;}
	.new_solution__left--margin { margin-top: 48px; }

	.new_solution__right img { float: right; }
	.new_solution__right__text { margin-top: 0; }
	.new_solution__right__left { margin: 0; }
	.new_solution__right__left img { margin: 0 auto; margin-top: 64px; float: none; }
	.new_solution__right__auto { margin: 0; }
	.new_solution__right__auto img { margin: 0 auto; float: none; }

	.new_solution__left--small { padding: 0; width: 70%; }
	.new_solution__right--small { margin-top: 0; width: 30%; }
	.new_solution__right--small img { float: none; margin: 0 auto; margin-top: 8px; }

	.panel-tickets .new_solution__left--small { width: 38%; }
	.panel-tickets .new_solution__left--small img { float: none; margin: 0 auto; }
	.panel-tickets .new_solution__right--small { margin-top: 0; width: 58%; }

	.new_solution__left_different { width: 30%; margin-top: 3%; }
	.new_solution__right_different { width: 70%; margin-top: 5%; align-self: center; -webkit-align-self: center; }
	.new_solution__right_align { align-self: center; -webkit-align-self: center; }
	.new_solution__full__img { padding-top: 0; }

	.new_solution__full p { margin: 15px 0 0 0;   -webkit-hyphens: none;  -moz-hyphens: none; -ms-hyphens: none;  hyphens: none; font-weight: 100;}
	.new_solution__full_alone p { margin: 15px 0 0 0; }

	.new_solution__image_full img { display: block; margin: 0 auto; width: 78%; }
	.new_solution__image_pre_full img { display: block; margin: 0 auto; width: 70%; }

	.new_solution__hidden_image { display: block; margin: 5px 0 10px 0; width: inherit;}
	.new_solution__subsubtitle { margin: 6px 0 21px 0; }

	.new_solution__right  { flex: 0 1 50%; width: 50%; float: right; }
	.new_solution__left { flex: 0 1 50%; width: 50%; float: left; }
	.new_solution__left--smaller { flex: 0 1 30%; width: 30%; }

}
/* end of new_solution_ */

/* @container */
.container .section_full_width { margin: 72px auto 0px auto; }
.container .section_full_width--wider { margin-top: 45px; }
.container .section_full_width li { padding: 12px 0 16px 0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.container .section_full_width_both { margin: 10px auto 0px auto; }
.container .section_full_both_alone { margin: 0; }
.container .section_full_both .b2b_b2c__subtitle { margin: 0 0 10px 0; }
.container .section_full_width .list_circle_full { margin-top: 32px; }

@media (min-width: 768px) {
	.container .section_full_width .list_circle_center li { text-align: center; }
	.container .section_full_width .list_circle_center { padding-top: 10px; padding-bottom: 10px; width: 100%;  column-count: 2;  -moz-column-count: 2;  -webkit-column-count: 2; -moz-column-gap: 2.5em; -webkit-column-gap: 2.5em; column-gap: 2.5em; }
	.container .section_full_width	.list_circle_customers { padding-top: 10px; padding-bottom: 10px; width: 100%;  column-count: 2;  -moz-column-count: 2;  -webkit-column-count: 2; -moz-column-gap: 2.5em; -webkit-column-gap: 2.5em; column-gap: 2.5em; }
	.container .section_full_width .list_circle_center li:first-child { position: relative; left: 50px; }
	.container .section_full_width .list_circle_center li:nth-child(2) { position: relative; right: 100px; }
	.container .section_full_width .list_circle_full { width: 50%; float: left; }
}

@media (min-width: 1024px) {
	.container .section_full_width .list_circle { padding-top: 10px; padding-bottom: 10px; width: 100%;  column-count: 2;  -moz-column-count: 2;  -webkit-column-count: 2; -moz-column-gap: 2.5em; -webkit-column-gap: 3.8em; column-gap: 3.8em;}
	.container .section_full_width .list_circle_one { column-count: 1;  -moz-column-count: 1;  -webkit-column-count: 1; }
	.container .section_full_width .list_circle_full { width: 60%; float: left; }
	.container .section_full_width .list_circle_one_margin { margin-top: 10px; }
	.container .section_full_width	.list_circle_customers { padding-top: 10px; padding-bottom: 10px; width: 100%;  column-count: 3;  -moz-column-count: 3;  -webkit-column-count: 3; -moz-column-gap: 2.5em; -webkit-column-gap: 2.5em; column-gap: 2.5em;}
	.container .section_full_width_both	.list_circle { padding-top: 0px; }
	.container .section_full_width .list_circle_nomargin { margin-top: 0; margin-bottom: 0; }
}

/* @privacy_policy_checkbox */
.fields .checkbox-policy { height: 80px;width: 298px;}
div.checkbox-policy { margin: 10px 18px 20px 0;}
.checkbox-policy label { width: 104%;}

@media (min-width: 1183px) {

fieldset.fields .wrap-checkbox-policy { margin: 0 0 22px 195px; }

}
/* end of container */

.list__icon li { list-style: none; margin: 0; }
.list__icon__svg { width: 45px; height: 45px; margin-right: 16px; vertical-align: middle; }
.list__icon__svg__small { width: 38px; height: 38px; }
.list__icon__svg--padding { padding: 8px; }

@media (min-width: 1024px) {
	.space_after_list { margin: 33px 0 17px 0; display: block; }
}

.long-image { display: none; }

@media (min-width: 1024px) {
	.long-image { display: block; }
}

 /* @privacy-container */
.privacy-container { display: none; }
.privacy-container h1 { font-size: 36px; margin: 36px 0; }
.privacy-container h2 { margin-bottom: 0; line-height: 1.5; font-size: 16px; font-weight: 400; color: #142b68; }
/* end of @privacy-container */

.dev1 { background: tomato; }
.dev2 { background: lime; }
.g--checked--blue svg {fill:#00b2ff;width: 15px;height: 12px; }

/* @privacy_policy_container */
.privacy_policy_container p, .privacy_policy_container ul, .privacy_policy_container ol {
	margin: 1em 0;
}
.privacy_policy_container h2 {
	text-transform: uppercase;
}
.privacy_policy_container ul {
	list-style-type: disc;
	padding-left: 20px;
}
.privacy_policy_container ul ul {
	list-style-type: none;
	margin: .5em 0;
	padding: 0;
}
.privacy_policy_container ol ol {
	list-style-type: lower-latin;
	margin: .5em 0;
}
.privacy_policy_container .style_type_none {
	list-style-type: none;
}
.privacy_policy_container a {
	text-decoration: underline;
}

/*end of privacy_policy_container */

/* case-studies download full case study */
.case_study__download {
    max-width: 991px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 48px;
	padding: 0 16px;
}
.case_study__download h1 {
    color: #61aded;
    font-size: 24px;
    line-height: 40px;
    padding-bottom: 16px;
}
.case_study__download p {
    color:  #223065;
	font-size: 14px;
    font-family: aa, arial, sans-serif;
}

.case_study__download form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 36px 0 16px;
}

.case_study__download input[placeholder] {
    text-overflow: ellipsis;
    font-family: Lato;
    color: #2e4872;
    font-size: 14px;
    font-weight: 700;
}
.case_study__download input {
    background: url(/img/layout/svg/mail.svg) no-repeat 18px 54%;
    background-size: 42px 28px;
    background-color: #ffffff;
    box-shadow: 0px 10px 40px 0px rgba(20, 43, 104, 0.2);
    padding: 21px 31px;
    -webkit-appearance: none;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    text-indent: 41px;
    border: 0;
}

.case_study__download input[type=checkbox].g--checkbox + label.g--label {
	margin: 16px 0;
}

.case_study__download button {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
	padding: 16px;
	margin: 0;
	order: 3;
	text-align: center;
}

.case_study__privacy_policy a {
    text-decoration: underline;
}

.your-message {
	display: none;
}

.full_case_url {
	width: 100%;
    padding: 8px;
    font-size: 16px;
    margin: 12px 0 24px;
}

@media (min-width: 768px) {
	.case_study__download h1 {
		color: #00aeef;
		font-size: 36px;
		line-height: 65px;
	}
	.case_study__download p {
		color: #142c67;
		font-size: 16px;
	}
	.case_study__download input {
		padding: 26px 31px;
		text-indent: 72px;
		background-position-x: 31px;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	.case_study__download button {
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		padding: 0 48px;
		margin-left: 16px;
		order: unset;
	}
	.case_study__download input[type=checkbox].g--checkbox + label.g--label {
		margin: 16px 0 44px;
	}
	.case_study__privacy_policy {
		flex: 0 0 100%;
		text-align: left;
	}
}
/* end of case-studies download full case study */


.expo-berlin__center { text-align: center; margin: 0 auto; width: 100%; margin-bottom: 46px;}
.expo-berlin__center img { text-align: center; margin: 0 auto; display: block; }

.index__cases__nav {
	margin: 12px auto 32px;
    display: table;
}

.index-tabs { display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: bold; max-width: 1248px; width: 100%; margin: 0 auto; border-bottom: 1px solid #ccc;}
.index-tabs a { margin: 5px 20px 0px 20px; border-bottom: 1px solid transparent; padding-bottom: 6px; position: relative; }
.index-tabs a:after { position: absolute; content: ""; height: 3px; width: 100%; left: 0; bottom: -3px; background: transparent; }
.index-tabs a:hover, .index-tabs a.current { color: #00aeef; }
.index-tabs a.current:after { background: #00aeef; }

.index-tab { display: none; }
.index-tab.on { display: block; }

.container__index .new_solution__section.section_full_width { margin-top: 44px; }
.container__index .new_solution__section { display: flex; flex-wrap: wrap; align-items: center; }
.container__index .new_solution__full  { flex: 1 1 100%; }
.container__index .new_solution__left { flex: 1 1 auto; }
.container__index .new_solution__right { flex: 0 1 260px; margin: 0 auto;}

@media (min-width: 768px) {
	.container__index .new_solution__section { flex-wrap: nowrap; }
}

@media (min-width: 1024px) {
	.container__index .section_full_width--rotate .new_solution__right { margin-right: 32px; }
	.index-tabs a { margin: 5px 40px 0px 40px; }
}


.container--layout .new_solution__section img { float: inherit; margin: 0 auto; }

@media (min-width: 768px) {
	.new_solution__section--with-top { position: relative; margin-top: 12px; padding: 30px 0 30px 0; font-size: 18px}
	.new_solution__section--with-top--grey { background: #f0f1f4; }
	.new_solution__section--with-top--img { position: relative; }
	.new_solution__section--with-top .container { margin: 0 auto; width: 100%; }
	.new_solution__section--with-top .container .section_full_width { margin-top: 12px; }
	.new_solution__section--with-top .top-img { padding-bottom: 20px; }
}

@media (min-width: 1024px) {
	.new_solution__section--with-top--img:after { position: absolute; content: ""; background: #f0f1f4; width: 100%; left: 0; top : 50%; transform: translateY(-50%); height: 400px; z-index: -1;}
}

.ue-img { display: block; margin: 0 auto;}
.ue-img--full { width: 100%; }


.header__langs { display: none; width: 100%; background: #fff; padding: 10px 0;}
.header__langs-content { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1000px; width: 100%; margin: 0 auto;  position: relative;}
.header__langs-desc { margin: 0 8px; flex: 1 1 100%; display: none; margin: 0 8px; padding: 0 2px; font-size: 16px; }
.header__langs-desc.active { display: block; }
.header__langs-select { display: flex; justify-content: flex-start; align-items: padding: 0; position: relative; width: 100%; max-width: 230px; 
border: 1px solid #142b68; border-radius: 5px; cursor: pointer; margin-right: 32px; margin: 11px 2px 11px 2px;}
.header__langs-item { display: none; padding: 8px 12px 8px 12px; width: 100%;  justify-content: flex-start; align-items: center; font-weight: bold; font-size: 13px; }
.header__langs-item.active { display: flex;}
.header__langs-select:hover { background: #142b68; color: #fff;}
.header__langs-select:hover .header__langs-icon { fill: #fff; }
.header__langs-item img { width: 24px; height: 16px; margin-right: 20px; border: 1px solid #ddd;}
.header__langs-icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); fill: #142b68; }
.header__langs-close { cursor: pointer; position: absolute; bottom: 0; top: inherit; right: 8px; transform: translateY(-50%); fill: #494949;}

@media (min-width: 768px) {
.header__langs-desc { flex: 0 1 auto; }
.header__langs-content { flex-wrap: nowrap; align-items: center; }
.header__langs-select { margin: 0 32px 0 12px; }
.header__langs-close { top: 50%; bottom: inherit;}
}

.item-off { display: none; }