@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700|Playfair+Display&
subset=latin-ext);

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

html {
   font-family: sans-serif;
   line-height: 1.15;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

article,
aside,
footer,
header,
nav,
section {
   display: block
}

h1 {
   font-size: 2em;
   margin: .67em 0
}

figcaption,
figure {
   display: block
}

figure {
   margin: 1em 40px
}

hr {
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   overflow: visible
}

main {
   display: block
}

pre {
   font-family: monospace, monospace;
   font-size: 1em
}

a {
   background-color: transparent;
   -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
   outline-width: 0
}

abbr[title] {
   border-bottom: none;
   text-decoration: underline;
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted
}

b,
strong {
   font-weight: inherit;
   font-weight: bolder
}

code,
kbd,
samp {
   font-family: monospace, monospace;
   font-size: 1em
}

dfn {
   font-style: italic
}

mark {
   background-color: #ff0;
   color: #000
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
}

sub {
   bottom: -.25em
}

sup {
   top: -.5em
}

audio,
video {
   display: inline-block
}

audio:not([controls]) {
   display: none;
   height: 0
}

img {
   border-style: none
}

svg:not(:root) {
   overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
   margin: 0
}

button {
   overflow: visible
}

button,
select {
   text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
   -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
   border-style: none;
   padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
   outline: 1px dotted ButtonText
}

input {
   overflow: visible
}

[type=checkbox],
[type=radio] {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
   height: auto
}

[type=search] {
   -webkit-appearance: textfield;
   outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
   -webkit-appearance: none
}

::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit
}

fieldset {
   border: 1px solid silver;
   margin: 0 2px;
   padding: .35em .625em .75em
}

legend {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   display: table;
   padding: 0;
   color: inherit;
   white-space: normal
}

progress {
   display: inline-block;
   vertical-align: baseline
}

textarea {
   overflow: auto
}

details {
   display: block
}

summary {
   display: list-item
}

menu {
   display: block
}

canvas {
   display: inline-block
}

[hidden],
template {
   display: none
}

.foundation-mq {
   font-family: "small=0em&medium=40em&large=73.125em&xlarge=98.125em&xxlarge=118.75em"
}

html {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   font-size: 100%
}

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

body {
   margin: 0;
   padding: 0;
   background: #fff;
   font-family: Montserrat, sans-serif;
   font-weight: 500;
   line-height: 1.5;
   color: #000;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

img {
   display: inline-block;
   vertical-align: middle;
   max-width: 100%;
   height: auto;
   -ms-interpolation-mode: bicubic
}

textarea {
   height: auto;
   min-height: 50px;
   border-radius: 0
}

select {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
   max-width: none!important
}

button {
   padding: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: 0;
   border-radius: 0;
   background: transparent;
   line-height: 1;
   cursor: auto
}

[data-whatinput=mouse] button {
   outline: 0
}

pre {
   overflow: auto
}

button,
input,
optgroup,
select,
textarea {
   font-family: inherit
}

.is-visible {
   display: block!important
}

.is-hidden {
   display: none!important
}

.row {
   max-width: 81.25rem;
   margin-right: auto;
   margin-left: auto
}

.row:after,
.row:before {
   display: table;
   content: " ";
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -webkit-box-ordinal-group: 2;
   -ms-flex-order: 1;
   order: 1
}

.row:after {
   clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
   padding-right: 0;
   padding-left: 0
}

.row .row {
   margin-right: -.625rem;
   margin-left: -.625rem
}

@media print,
screen and (min-width:40em) {
   .row .row {
	   margin-right: -.9375rem;
	   margin-left: -.9375rem
   }
}

@media print,
screen and (min-width:73.125em) {
   .row .row {
	   margin-right: -.9375rem;
	   margin-left: -.9375rem
   }
}

@media screen and (min-width:98.125em) {
   .row .row {
	   margin-right: -.9375rem;
	   margin-left: -.9375rem
   }
}

.row .row.collapse {
   margin-right: 0;
   margin-left: 0
}

.row.expanded {
   max-width: none
}

.row.expanded .row {
   margin-right: auto;
   margin-left: auto
}

.row:not(.expanded) .row {
   max-width: none
}

.row.gutter-small>.column,
.row.gutter-small>.columns {
   padding-right: .625rem;
   padding-left: .625rem
}

.row.gutter-medium>.column,
.row.gutter-medium>.columns {
   padding-right: .9375rem;
   padding-left: .9375rem
}

.column,
.columns {
   width: 100%;
   float: left;
   padding-right: .625rem;
   padding-left: .625rem
}

@media print,
screen and (min-width:40em) {
   .column,
   .columns {
	   padding-right: .9375rem;
	   padding-left: .9375rem
   }
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
   float: right
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
   float: left
}

.column.row.row,
.row.row.columns {
   float: none
}

.row .column.row.row,
.row .row.row.columns {
   margin-right: 0;
   margin-left: 0;
   padding-right: 0;
   padding-left: 0
}

.small-1 {
   width: 8.33333333%
}

.small-push-1 {
   position: relative;
   left: 8.33333333%
}

.small-pull-1 {
   position: relative;
   left: -8.33333333%
}

.small-offset-0 {
   margin-left: 0
}

.small-2 {
   width: 16.66666667%
}

.small-push-2 {
   position: relative;
   left: 16.66666667%
}

.small-pull-2 {
   position: relative;
   left: -16.66666667%
}

.small-offset-1 {
   margin-left: 8.33333333%
}

.small-3 {
   width: 25%
}

.small-push-3 {
   position: relative;
   left: 25%
}

.small-pull-3 {
   position: relative;
   left: -25%
}

.small-offset-2 {
   margin-left: 16.66666667%
}

.small-4 {
   width: 33.33333333%
}

.small-push-4 {
   position: relative;
   left: 33.33333333%
}

.small-pull-4 {
   position: relative;
   left: -33.33333333%
}

.small-offset-3 {
   margin-left: 25%
}

.small-5 {
   width: 41.66666667%
}

.small-push-5 {
   position: relative;
   left: 41.66666667%
}

.small-pull-5 {
   position: relative;
   left: -41.66666667%
}

.small-offset-4 {
   margin-left: 33.33333333%
}

.small-6 {
   width: 50%
}

.small-push-6 {
   position: relative;
   left: 50%
}

.small-pull-6 {
   position: relative;
   left: -50%
}

.small-offset-5 {
   margin-left: 41.66666667%
}

.small-7 {
   width: 58.33333333%
}

.small-push-7 {
   position: relative;
   left: 58.33333333%
}

.small-pull-7 {
   position: relative;
   left: -58.33333333%
}

.small-offset-6 {
   margin-left: 50%
}

.small-8 {
   width: 66.66666667%
}

.small-push-8 {
   position: relative;
   left: 66.66666667%
}

.small-pull-8 {
   position: relative;
   left: -66.66666667%
}

.small-offset-7 {
   margin-left: 58.33333333%
}

.small-9 {
   width: 75%
}

.small-push-9 {
   position: relative;
   left: 75%
}

.small-pull-9 {
   position: relative;
   left: -75%
}

.small-offset-8 {
   margin-left: 66.66666667%
}

.small-10 {
   width: 83.33333333%
}

.small-push-10 {
   position: relative;
   left: 83.33333333%
}

.small-pull-10 {
   position: relative;
   left: -83.33333333%
}

.small-offset-9 {
   margin-left: 75%
}

.small-11 {
   width: 91.66666667%
}

.small-push-11 {
   position: relative;
   left: 91.66666667%
}

.small-pull-11 {
   position: relative;
   left: -91.66666667%
}

.small-offset-10 {
   margin-left: 83.33333333%
}

.small-12 {
   width: 100%
}

.small-offset-11 {
   margin-left: 91.66666667%
}

.small-up-1>.column,
.small-up-1>.columns {
   float: left;
   width: 100%
}

.small-up-1>.column:nth-of-type(1n),
.small-up-1>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-1>.column:nth-of-type(1n+1),
.small-up-1>.columns:nth-of-type(1n+1) {
   clear: both
}

.small-up-1>.column:last-child,
.small-up-1>.columns:last-child {
   float: left
}

.small-up-2>.column,
.small-up-2>.columns {
   float: left;
   width: 50%
}

.small-up-2>.column:nth-of-type(1n),
.small-up-2>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-2>.column:nth-of-type(odd),
.small-up-2>.columns:nth-of-type(odd) {
   clear: both
}

.small-up-2>.column:last-child,
.small-up-2>.columns:last-child {
   float: left
}

.small-up-3>.column,
.small-up-3>.columns {
   float: left;
   width: 33.33333333%
}

.small-up-3>.column:nth-of-type(1n),
.small-up-3>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-3>.column:nth-of-type(3n+1),
.small-up-3>.columns:nth-of-type(3n+1) {
   clear: both
}

.small-up-3>.column:last-child,
.small-up-3>.columns:last-child {
   float: left
}

.small-up-4>.column,
.small-up-4>.columns {
   float: left;
   width: 25%
}

.small-up-4>.column:nth-of-type(1n),
.small-up-4>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-4>.column:nth-of-type(4n+1),
.small-up-4>.columns:nth-of-type(4n+1) {
   clear: both
}

.small-up-4>.column:last-child,
.small-up-4>.columns:last-child {
   float: left
}

.small-up-5>.column,
.small-up-5>.columns {
   float: left;
   width: 20%
}

.small-up-5>.column:nth-of-type(1n),
.small-up-5>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-5>.column:nth-of-type(5n+1),
.small-up-5>.columns:nth-of-type(5n+1) {
   clear: both
}

.small-up-5>.column:last-child,
.small-up-5>.columns:last-child {
   float: left
}

.small-up-6>.column,
.small-up-6>.columns {
   float: left;
   width: 16.66666667%
}

.small-up-6>.column:nth-of-type(1n),
.small-up-6>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-6>.column:nth-of-type(6n+1),
.small-up-6>.columns:nth-of-type(6n+1) {
   clear: both
}

.small-up-6>.column:last-child,
.small-up-6>.columns:last-child {
   float: left
}

.small-up-7>.column,
.small-up-7>.columns {
   float: left;
   width: 14.28571429%
}

.small-up-7>.column:nth-of-type(1n),
.small-up-7>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-7>.column:nth-of-type(7n+1),
.small-up-7>.columns:nth-of-type(7n+1) {
   clear: both
}

.small-up-7>.column:last-child,
.small-up-7>.columns:last-child {
   float: left
}

.small-up-8>.column,
.small-up-8>.columns {
   float: left;
   width: 12.5%
}

.small-up-8>.column:nth-of-type(1n),
.small-up-8>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-8>.column:nth-of-type(8n+1),
.small-up-8>.columns:nth-of-type(8n+1) {
   clear: both
}

.small-up-8>.column:last-child,
.small-up-8>.columns:last-child {
   float: left
}

.small-collapse>.column,
.small-collapse>.columns {
   padding-right: 0;
   padding-left: 0
}

.expanded.row .small-collapse.row,
.small-collapse .row {
   margin-right: 0;
   margin-left: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
   padding-right: .625rem;
   padding-left: .625rem
}

.small-centered {
   margin-right: auto;
   margin-left: auto
}

.small-centered,
.small-centered:last-child:not(:first-child) {
   float: none;
   clear: both
}

.small-pull-0,
.small-push-0,
.small-uncentered {
   position: static;
   float: left;
   margin-right: 0;
   margin-left: 0
}

@media print,
screen and (min-width:40em) {
   .medium-1 {
	   width: 8.33333333%
   }
   .medium-push-1 {
	   position: relative;
	   left: 8.33333333%
   }
   .medium-pull-1 {
	   position: relative;
	   left: -8.33333333%
   }
   .medium-offset-0 {
	   margin-left: 0
   }
   .medium-2 {
	   width: 16.66666667%
   }
   .medium-push-2 {
	   position: relative;
	   left: 16.66666667%
   }
   .medium-pull-2 {
	   position: relative;
	   left: -16.66666667%
   }
   .medium-offset-1 {
	   margin-left: 8.33333333%
   }
   .medium-3 {
	   width: 25%
   }
   .medium-push-3 {
	   position: relative;
	   left: 25%
   }
   .medium-pull-3 {
	   position: relative;
	   left: -25%
   }
   .medium-offset-2 {
	   margin-left: 16.66666667%
   }
   .medium-4 {
	   width: 33.33333333%
   }
   .medium-push-4 {
	   position: relative;
	   left: 33.33333333%
   }
   .medium-pull-4 {
	   position: relative;
	   left: -33.33333333%
   }
   .medium-offset-3 {
	   margin-left: 25%
   }
   .medium-5 {
	   width: 41.66666667%
   }
   .medium-push-5 {
	   position: relative;
	   left: 41.66666667%
   }
   .medium-pull-5 {
	   position: relative;
	   left: -41.66666667%
   }
   .medium-offset-4 {
	   margin-left: 33.33333333%
   }
   .medium-6 {
	   width: 50%
   }
   .medium-push-6 {
	   position: relative;
	   left: 50%
   }
   .medium-pull-6 {
	   position: relative;
	   left: -50%
   }
   .medium-offset-5 {
	   margin-left: 41.66666667%
   }
   .medium-7 {
	   width: 58.33333333%
   }
   .medium-push-7 {
	   position: relative;
	   left: 58.33333333%
   }
   .medium-pull-7 {
	   position: relative;
	   left: -58.33333333%
   }
   .medium-offset-6 {
	   margin-left: 50%
   }
   .medium-8 {
	   width: 66.66666667%
   }
   .medium-push-8 {
	   position: relative;
	   left: 66.66666667%
   }
   .medium-pull-8 {
	   position: relative;
	   left: -66.66666667%
   }
   .medium-offset-7 {
	   margin-left: 58.33333333%
   }
   .medium-9 {
	   width: 75%
   }
   .medium-push-9 {
	   position: relative;
	   left: 75%
   }
   .medium-pull-9 {
	   position: relative;
	   left: -75%
   }
   .medium-offset-8 {
	   margin-left: 66.66666667%
   }
   .medium-10 {
	   width: 83.33333333%
   }
   .medium-push-10 {
	   position: relative;
	   left: 83.33333333%
   }
   .medium-pull-10 {
	   position: relative;
	   left: -83.33333333%
   }
   .medium-offset-9 {
	   margin-left: 75%
   }
   .medium-11 {
	   width: 91.66666667%
   }
   .medium-push-11 {
	   position: relative;
	   left: 91.66666667%
   }
   .medium-pull-11 {
	   position: relative;
	   left: -91.66666667%
   }
   .medium-offset-10 {
	   margin-left: 83.33333333%
   }
   .medium-12 {
	   width: 100%
   }
   .medium-offset-11 {
	   margin-left: 91.66666667%
   }
   .medium-up-1>.column,
   .medium-up-1>.columns {
	   float: left;
	   width: 100%
   }
   .medium-up-1>.column:nth-of-type(1n),
   .medium-up-1>.columns:nth-of-type(1n) {
	   clear: none
   }
   .medium-up-1>.column:nth-of-type(1n+1),
   .medium-up-1>.columns:nth-of-type(1n+1) {
	   clear: both
   }
   .medium-up-1>.column:last-child,
   .medium-up-1>.columns:last-child {
	   float: left
   }
   .medium-up-2>.column,
   .medium-up-2>.columns {
	   float: left;
	   width: 50%
   }
   .medium-up-2>.column:nth-of-type(1n),
   .medium-up-2>.columns:nth-of-type(1n) {
	   clear: none
   }
   .medium-up-2>.column:nth-of-type(odd),
   .medium-up-2>.columns:nth-of-type(odd) {
	   clear: both
   }
   .medium-up-2>.column:last-child,
   .medium-up-2>.columns:last-child {
	   float: left
   }
   .medium-up-3>.column,
   .medium-up-3>.columns {
	   float: left;
	   width: 33.33333333%
   }
   .medium-up-3>.column:nth-of-type(1n),
   .medium-up-3>.columns:nth-of-type(1n) {
	   clear: none
   }
   .medium-up-3>.column:nth-of-type(3n+1),
   .medium-up-3>.columns:nth-of-type(3n+1) {
	   clear: both
   }
   .medium-up-3>.column:last-child,
   .medium-up-3>.columns:last-child {
	   float: left
   }
   .medium-up-4>.column,
   .medium-up-4>.columns {
	   float: left;
	   width: 25%
   }
   .medium-up-4>.column:nth-of-type(1n),
   .medium-up-4>.columns:nth-of-type(1n) {
	   clear: none
   }
   .medium-up-4>.column:nth-of-type(4n+1),
   .medium-up-4>.columns:nth-of-type(4n+1) {
	   clear: both
   }
   .medium-up-4>.column:last-child,
   .medium-up-4>.columns:last-child {
	   float: left
   }
   .medium-up-5>.column,
   .medium-up-5>.columns {
	   float: left;
	   width: 20%
   }
   .medium-up-5>.column:nth-of-type(1n),
   .medium-up-5>.columns:nth-of-type(1n) {
	   clear: none
   }
   .medium-up-5>.column:nth-of-type(5n+1),
   .medium-up-5>.columns:nth-of-type(5n+1) {
	   clear: both
   }
   .medium-up-5>.column:last-child,
   .medium-up-5>.columns:last-child {
	   float: left
   }
   .medium-up-6>.column,
   .medium-up-6>.columns {
	   float: left;
	   width: 16.66666667%
   }
   .medium-up-6>.column:nth-of-type(1n),
   .medium-up-6>.columns:nth-of-type(1n) {
	   clear: none
   }
   .medium-up-6>.column:nth-of-type(6n+1),
   .medium-up-6>.columns:nth-of-type(6n+1) {
	   clear: both
   }
   .medium-up-6>.column:last-child,
   .medium-up-6>.columns:last-child {
	   float: left
   }
   .medium-up-7>.column,
   .medium-up-7>.columns {
	   float: left;
	   width: 14.28571429%
   }
   .medium-up-7>.column:nth-of-type(1n),
   .medium-up-7>.columns:nth-of-type(1n) {
	   clear: none
   }
   .medium-up-7>.column:nth-of-type(7n+1),
   .medium-up-7>.columns:nth-of-type(7n+1) {
	   clear: both
   }
   .medium-up-7>.column:last-child,
   .medium-up-7>.columns:last-child {
	   float: left
   }
   .medium-up-8>.column,
   .medium-up-8>.columns {
	   float: left;
	   width: 12.5%
   }
   .medium-up-8>.column:nth-of-type(1n),
   .medium-up-8>.columns:nth-of-type(1n) {
	   clear: none
   }
   .medium-up-8>.column:nth-of-type(8n+1),
   .medium-up-8>.columns:nth-of-type(8n+1) {
	   clear: both
   }
   .medium-up-8>.column:last-child,
   .medium-up-8>.columns:last-child {
	   float: left
   }
   .medium-collapse>.column,
   .medium-collapse>.columns {
	   padding-right: 0;
	   padding-left: 0
   }
   .expanded.row .medium-collapse.row,
   .medium-collapse .row {
	   margin-right: 0;
	   margin-left: 0
   }
   .medium-uncollapse>.column,
   .medium-uncollapse>.columns {
	   padding-right: .9375rem;
	   padding-left: .9375rem
   }
   .medium-centered {
	   margin-right: auto;
	   margin-left: auto
   }
   .medium-centered,
   .medium-centered:last-child:not(:first-child) {
	   float: none;
	   clear: both
   }
   .medium-pull-0,
   .medium-push-0,
   .medium-uncentered {
	   position: static;
	   float: left;
	   margin-right: 0;
	   margin-left: 0
   }
}

@media print,
screen and (min-width:73.125em) {
   .large-1 {
	   width: 8.33333333%
   }
   .large-push-1 {
	   position: relative;
	   left: 8.33333333%
   }
   .large-pull-1 {
	   position: relative;
	   left: -8.33333333%
   }
   .large-offset-0 {
	   margin-left: 0
   }
   .large-2 {
	   width: 16.66666667%
   }
   .large-push-2 {
	   position: relative;
	   left: 16.66666667%
   }
   .large-pull-2 {
	   position: relative;
	   left: -16.66666667%
   }
   .large-offset-1 {
	   margin-left: 8.33333333%
   }
   .large-3 {
	   width: 25%
   }
   .large-push-3 {
	   position: relative;
	   left: 25%
   }
   .large-pull-3 {
	   position: relative;
	   left: -25%
   }
   .large-offset-2 {
	   margin-left: 16.66666667%
   }
   .large-4 {
	   width: 33.33333333%
   }
   .large-push-4 {
	   position: relative;
	   left: 33.33333333%
   }
   .large-pull-4 {
	   position: relative;
	   left: -33.33333333%
   }
   .large-offset-3 {
	   margin-left: 25%
   }
   .large-5 {
	   width: 41.66666667%
   }
   .large-push-5 {
	   position: relative;
	   left: 41.66666667%
   }
   .large-pull-5 {
	   position: relative;
	   left: -41.66666667%
   }
   .large-offset-4 {
	   margin-left: 33.33333333%
   }
   .large-6 {
	   width: 50%
   }
   .large-push-6 {
	   position: relative;
	   left: 50%
   }
   .large-pull-6 {
	   position: relative;
	   left: -50%
   }
   .large-offset-5 {
	   margin-left: 41.66666667%
   }
   .large-7 {
	   width: 58.33333333%
   }
   .large-push-7 {
	   position: relative;
	   left: 58.33333333%
   }
   .large-pull-7 {
	   position: relative;
	   left: -58.33333333%
   }
   .large-offset-6 {
	   margin-left: 50%
   }
   .large-8 {
	   width: 66.66666667%
   }
   .large-push-8 {
	   position: relative;
	   left: 66.66666667%
   }
   .large-pull-8 {
	   position: relative;
	   left: -66.66666667%
   }
   .large-offset-7 {
	   margin-left: 58.33333333%
   }
   .large-9 {
	   width: 75%
   }
   .large-push-9 {
	   position: relative;
	   left: 75%
   }
   .large-pull-9 {
	   position: relative;
	   left: -75%
   }
   .large-offset-8 {
	   margin-left: 66.66666667%
   }
   .large-10 {
	   width: 83.33333333%
   }
   .large-push-10 {
	   position: relative;
	   left: 83.33333333%
   }
   .large-pull-10 {
	   position: relative;
	   left: -83.33333333%
   }
   .large-offset-9 {
	   margin-left: 75%
   }
   .large-11 {
	   width: 91.66666667%
   }
   .large-push-11 {
	   position: relative;
	   left: 91.66666667%
   }
   .large-pull-11 {
	   position: relative;
	   left: -91.66666667%
   }
   .large-offset-10 {
	   margin-left: 83.33333333%
   }
   .large-12 {
	   width: 100%
   }
   .large-offset-11 {
	   margin-left: 91.66666667%
   }
   .large-up-1>.column,
   .large-up-1>.columns {
	   float: left;
	   width: 100%
   }
   .large-up-1>.column:nth-of-type(1n),
   .large-up-1>.columns:nth-of-type(1n) {
	   clear: none
   }
   .large-up-1>.column:nth-of-type(1n+1),
   .large-up-1>.columns:nth-of-type(1n+1) {
	   clear: both
   }
   .large-up-1>.column:last-child,
   .large-up-1>.columns:last-child {
	   float: left
   }
   .large-up-2>.column,
   .large-up-2>.columns {
	   float: left;
	   width: 50%
   }
   .large-up-2>.column:nth-of-type(1n),
   .large-up-2>.columns:nth-of-type(1n) {
	   clear: none
   }
   .large-up-2>.column:nth-of-type(odd),
   .large-up-2>.columns:nth-of-type(odd) {
	   clear: both
   }
   .large-up-2>.column:last-child,
   .large-up-2>.columns:last-child {
	   float: left
   }
   .large-up-3>.column,
   .large-up-3>.columns {
	   float: left;
	   width: 33.33333333%
   }
   .large-up-3>.column:nth-of-type(1n),
   .large-up-3>.columns:nth-of-type(1n) {
	   clear: none
   }
   .large-up-3>.column:nth-of-type(3n+1),
   .large-up-3>.columns:nth-of-type(3n+1) {
	   clear: both
   }
   .large-up-3>.column:last-child,
   .large-up-3>.columns:last-child {
	   float: left
   }
   .large-up-4>.column,
   .large-up-4>.columns {
	   float: left;
	   width: 25%
   }
   .large-up-4>.column:nth-of-type(1n),
   .large-up-4>.columns:nth-of-type(1n) {
	   clear: none
   }
   .large-up-4>.column:nth-of-type(4n+1),
   .large-up-4>.columns:nth-of-type(4n+1) {
	   clear: both
   }
   .large-up-4>.column:last-child,
   .large-up-4>.columns:last-child {
	   float: left
   }
   .large-up-5>.column,
   .large-up-5>.columns {
	   float: left;
	   width: 20%
   }
   .large-up-5>.column:nth-of-type(1n),
   .large-up-5>.columns:nth-of-type(1n) {
	   clear: none
   }
   .large-up-5>.column:nth-of-type(5n+1),
   .large-up-5>.columns:nth-of-type(5n+1) {
	   clear: both
   }
   .large-up-5>.column:last-child,
   .large-up-5>.columns:last-child {
	   float: left
   }
   .large-up-6>.column,
   .large-up-6>.columns {
	   float: left;
	   width: 16.66666667%
   }
   .large-up-6>.column:nth-of-type(1n),
   .large-up-6>.columns:nth-of-type(1n) {
	   clear: none
   }
   .large-up-6>.column:nth-of-type(6n+1),
   .large-up-6>.columns:nth-of-type(6n+1) {
	   clear: both
   }
   .large-up-6>.column:last-child,
   .large-up-6>.columns:last-child {
	   float: left
   }
   .large-up-7>.column,
   .large-up-7>.columns {
	   float: left;
	   width: 14.28571429%
   }
   .large-up-7>.column:nth-of-type(1n),
   .large-up-7>.columns:nth-of-type(1n) {
	   clear: none
   }
   .large-up-7>.column:nth-of-type(7n+1),
   .large-up-7>.columns:nth-of-type(7n+1) {
	   clear: both
   }
   .large-up-7>.column:last-child,
   .large-up-7>.columns:last-child {
	   float: left
   }
   .large-up-8>.column,
   .large-up-8>.columns {
	   float: left;
	   width: 12.5%
   }
   .large-up-8>.column:nth-of-type(1n),
   .large-up-8>.columns:nth-of-type(1n) {
	   clear: none
   }
   .large-up-8>.column:nth-of-type(8n+1),
   .large-up-8>.columns:nth-of-type(8n+1) {
	   clear: both
   }
   .large-up-8>.column:last-child,
   .large-up-8>.columns:last-child {
	   float: left
   }
   .large-collapse>.column,
   .large-collapse>.columns {
	   padding-right: 0;
	   padding-left: 0
   }
   .expanded.row .large-collapse.row,
   .large-collapse .row {
	   margin-right: 0;
	   margin-left: 0
   }
   .large-uncollapse>.column,
   .large-uncollapse>.columns {
	   padding-right: .9375rem;
	   padding-left: .9375rem
   }
   .large-centered {
	   margin-right: auto;
	   margin-left: auto
   }
   .large-centered,
   .large-centered:last-child:not(:first-child) {
	   float: none;
	   clear: both
   }
   .large-pull-0,
   .large-push-0,
   .large-uncentered {
	   position: static;
	   float: left;
	   margin-right: 0;
	   margin-left: 0
   }
}

@media screen and (min-width:98.125em) {
   .xlarge-1 {
	   width: 8.33333333%
   }
   .xlarge-push-1 {
	   position: relative;
	   left: 8.33333333%
   }
   .xlarge-pull-1 {
	   position: relative;
	   left: -8.33333333%
   }
   .xlarge-offset-0 {
	   margin-left: 0
   }
   .xlarge-2 {
	   width: 16.66666667%
   }
   .xlarge-push-2 {
	   position: relative;
	   left: 16.66666667%
   }
   .xlarge-pull-2 {
	   position: relative;
	   left: -16.66666667%
   }
   .xlarge-offset-1 {
	   margin-left: 8.33333333%
   }
   .xlarge-3 {
	   width: 25%
   }
   .xlarge-push-3 {
	   position: relative;
	   left: 25%
   }
   .xlarge-pull-3 {
	   position: relative;
	   left: -25%
   }
   .xlarge-offset-2 {
	   margin-left: 16.66666667%
   }
   .xlarge-4 {
	   width: 33.33333333%
   }
   .xlarge-push-4 {
	   position: relative;
	   left: 33.33333333%
   }
   .xlarge-pull-4 {
	   position: relative;
	   left: -33.33333333%
   }
   .xlarge-offset-3 {
	   margin-left: 25%
   }
   .xlarge-5 {
	   width: 41.66666667%
   }
   .xlarge-push-5 {
	   position: relative;
	   left: 41.66666667%
   }
   .xlarge-pull-5 {
	   position: relative;
	   left: -41.66666667%
   }
   .xlarge-offset-4 {
	   margin-left: 33.33333333%
   }
   .xlarge-6 {
	   width: 50%
   }
   .xlarge-push-6 {
	   position: relative;
	   left: 50%
   }
   .xlarge-pull-6 {
	   position: relative;
	   left: -50%
   }
   .xlarge-offset-5 {
	   margin-left: 41.66666667%
   }
   .xlarge-7 {
	   width: 58.33333333%
   }
   .xlarge-push-7 {
	   position: relative;
	   left: 58.33333333%
   }
   .xlarge-pull-7 {
	   position: relative;
	   left: -58.33333333%
   }
   .xlarge-offset-6 {
	   margin-left: 50%
   }
   .xlarge-8 {
	   width: 66.66666667%
   }
   .xlarge-push-8 {
	   position: relative;
	   left: 66.66666667%
   }
   .xlarge-pull-8 {
	   position: relative;
	   left: -66.66666667%
   }
   .xlarge-offset-7 {
	   margin-left: 58.33333333%
   }
   .xlarge-9 {
	   width: 75%
   }
   .xlarge-push-9 {
	   position: relative;
	   left: 75%
   }
   .xlarge-pull-9 {
	   position: relative;
	   left: -75%
   }
   .xlarge-offset-8 {
	   margin-left: 66.66666667%
   }
   .xlarge-10 {
	   width: 83.33333333%
   }
   .xlarge-push-10 {
	   position: relative;
	   left: 83.33333333%
   }
   .xlarge-pull-10 {
	   position: relative;
	   left: -83.33333333%
   }
   .xlarge-offset-9 {
	   margin-left: 75%
   }
   .xlarge-11 {
	   width: 91.66666667%
   }
   .xlarge-push-11 {
	   position: relative;
	   left: 91.66666667%
   }
   .xlarge-pull-11 {
	   position: relative;
	   left: -91.66666667%
   }
   .xlarge-offset-10 {
	   margin-left: 83.33333333%
   }
   .xlarge-12 {
	   width: 100%
   }
   .xlarge-offset-11 {
	   margin-left: 91.66666667%
   }
   .xlarge-up-1>.column,
   .xlarge-up-1>.columns {
	   float: left;
	   width: 100%
   }
   .xlarge-up-1>.column:nth-of-type(1n),
   .xlarge-up-1>.columns:nth-of-type(1n) {
	   clear: none
   }
   .xlarge-up-1>.column:nth-of-type(1n+1),
   .xlarge-up-1>.columns:nth-of-type(1n+1) {
	   clear: both
   }
   .xlarge-up-1>.column:last-child,
   .xlarge-up-1>.columns:last-child {
	   float: left
   }
   .xlarge-up-2>.column,
   .xlarge-up-2>.columns {
	   float: left;
	   width: 50%
   }
   .xlarge-up-2>.column:nth-of-type(1n),
   .xlarge-up-2>.columns:nth-of-type(1n) {
	   clear: none
   }
   .xlarge-up-2>.column:nth-of-type(odd),
   .xlarge-up-2>.columns:nth-of-type(odd) {
	   clear: both
   }
   .xlarge-up-2>.column:last-child,
   .xlarge-up-2>.columns:last-child {
	   float: left
   }
   .xlarge-up-3>.column,
   .xlarge-up-3>.columns {
	   float: left;
	   width: 33.33333333%
   }
   .xlarge-up-3>.column:nth-of-type(1n),
   .xlarge-up-3>.columns:nth-of-type(1n) {
	   clear: none
   }
   .xlarge-up-3>.column:nth-of-type(3n+1),
   .xlarge-up-3>.columns:nth-of-type(3n+1) {
	   clear: both
   }
   .xlarge-up-3>.column:last-child,
   .xlarge-up-3>.columns:last-child {
	   float: left
   }
   .xlarge-up-4>.column,
   .xlarge-up-4>.columns {
	   float: left;
	   width: 25%
   }
   .xlarge-up-4>.column:nth-of-type(1n),
   .xlarge-up-4>.columns:nth-of-type(1n) {
	   clear: none
   }
   .xlarge-up-4>.column:nth-of-type(4n+1),
   .xlarge-up-4>.columns:nth-of-type(4n+1) {
	   clear: both
   }
   .xlarge-up-4>.column:last-child,
   .xlarge-up-4>.columns:last-child {
	   float: left
   }
   .xlarge-up-5>.column,
   .xlarge-up-5>.columns {
	   float: left;
	   width: 20%
   }
   .xlarge-up-5>.column:nth-of-type(1n),
   .xlarge-up-5>.columns:nth-of-type(1n) {
	   clear: none
   }
   .xlarge-up-5>.column:nth-of-type(5n+1),
   .xlarge-up-5>.columns:nth-of-type(5n+1) {
	   clear: both
   }
   .xlarge-up-5>.column:last-child,
   .xlarge-up-5>.columns:last-child {
	   float: left
   }
   .xlarge-up-6>.column,
   .xlarge-up-6>.columns {
	   float: left;
	   width: 16.66666667%
   }
   .xlarge-up-6>.column:nth-of-type(1n),
   .xlarge-up-6>.columns:nth-of-type(1n) {
	   clear: none
   }
   .xlarge-up-6>.column:nth-of-type(6n+1),
   .xlarge-up-6>.columns:nth-of-type(6n+1) {
	   clear: both
   }
   .xlarge-up-6>.column:last-child,
   .xlarge-up-6>.columns:last-child {
	   float: left
   }
   .xlarge-up-7>.column,
   .xlarge-up-7>.columns {
	   float: left;
	   width: 14.28571429%
   }
   .xlarge-up-7>.column:nth-of-type(1n),
   .xlarge-up-7>.columns:nth-of-type(1n) {
	   clear: none
   }
   .xlarge-up-7>.column:nth-of-type(7n+1),
   .xlarge-up-7>.columns:nth-of-type(7n+1) {
	   clear: both
   }
   .xlarge-up-7>.column:last-child,
   .xlarge-up-7>.columns:last-child {
	   float: left
   }
   .xlarge-up-8>.column,
   .xlarge-up-8>.columns {
	   float: left;
	   width: 12.5%
   }
   .xlarge-up-8>.column:nth-of-type(1n),
   .xlarge-up-8>.columns:nth-of-type(1n) {
	   clear: none
   }
   .xlarge-up-8>.column:nth-of-type(8n+1),
   .xlarge-up-8>.columns:nth-of-type(8n+1) {
	   clear: both
   }
   .xlarge-up-8>.column:last-child,
   .xlarge-up-8>.columns:last-child {
	   float: left
   }
   .xlarge-collapse>.column,
   .xlarge-collapse>.columns {
	   padding-right: 0;
	   padding-left: 0
   }
   .expanded.row .xlarge-collapse.row,
   .xlarge-collapse .row {
	   margin-right: 0;
	   margin-left: 0
   }
   .xlarge-uncollapse>.column,
   .xlarge-uncollapse>.columns {
	   padding-right: .9375rem;
	   padding-left: .9375rem
   }
   .xlarge-centered {
	   margin-right: auto;
	   margin-left: auto
   }
   .xlarge-centered,
   .xlarge-centered:last-child:not(:first-child) {
	   float: none;
	   clear: both
   }
   .xlarge-pull-0,
   .xlarge-push-0,
   .xlarge-uncentered {
	   position: static;
	   float: left;
	   margin-right: 0;
	   margin-left: 0
   }
}

.column-block {
   margin-bottom: 1.25rem
}

.column-block>:last-child {
   margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
   .column-block {
	   margin-bottom: 1.875rem
   }
   .column-block>:last-child {
	   margin-bottom: 0
   }
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
   margin: 0;
   padding: 0
}

p {
   margin-bottom: 1rem;
   font-size: inherit;
   line-height: 1.6;
   text-rendering: optimizeLegibility
}

em,
i {
   font-style: italic
}

b,
em,
i,
strong {
   line-height: inherit
}

b,
strong {
   font-weight: 700
}

small {
   font-size: 80%;
   line-height: inherit
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: Montserrat, sans-serif;
   font-style: normal;
   font-weight: 700;
   color: inherit;
   text-rendering: optimizeLegibility
}

.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
   line-height: 0;
   color: #cacaca
}

.h1,
h1 {
   font-size: 1.3rem
}

.h1,
.h2,
h1,
h2 {
   line-height: 1.2;
   margin-top: 0;
   margin-bottom: 1rem
}

.h2,
h2 {
   font-size: 1.6rem
}

.h3,
h3 {
   font-size: 1.5rem
}

.h3,
.h4,
h3,
h4 {
   line-height: 1.2;
   margin-top: 0;
   margin-bottom: 1rem
}

.h4,
h4 {
   font-size: 1.25rem
}

.h5,
.h6,
h5,
h6 {
   font-size: 1rem;
   line-height: 1.2;
   margin-top: 0;
   margin-bottom: 1rem
}
.new-title {
 font-size: 2.5em;
 text-align: left;
 padding-left: 3rem;
}

@media print,
screen and (min-width:40em) {
   .h1,
   h1 {
	   font-size: 2.3rem;
   }
   .h2,
   h2 {
	   font-size: 2.5rem
   }
   .h3,
   h3 {
	   font-size: 2.5rem
   }
   .h4,
   h4 {
	   font-size: 1.875rem
   }
   .h5,
   h5 {
	   font-size: 1.125rem
   }
   .h6,
   h6 {
	   font-size: 1rem
   }
}

@media screen and (min-width:98.125em) {
   .h1,
   h1 {
	   font-size: 3.41rem;
      margin-bottom: 3rem;
   }
   .h2,
   h2 {
	   font-size: 2.5rem
   }
   .h3,
   h3 {
	   font-size: 2.8rem
   }
   .h4,
   h4 {
	   font-size: 1.875rem
   }
   .h5,
   h5 {
	   font-size: 1.125rem
   }
   .h6,
   h6 {
	   font-size: 1rem
   }
}

a {
   line-height: inherit;
   color: #1494D2;
   text-decoration: none;
   cursor: pointer
}

a:focus,
a:hover {
   color: #0023e8
}

a img {
   border: 0
}

hr {
   clear: both;
   max-width: 81.25rem;
   height: 0;
   margin: 1.25rem auto;
   border-top: 0;
   border-right: 0;
   border-bottom: 1px solid #e0e0e5;
   border-left: 0
}

dl,
ol,
ul {
   margin-bottom: 1rem;
   list-style-position: outside;
   line-height: 1.6
}

li {
   font-size: inherit
}

ul {
   list-style-type: disc
}

ol,
ul {
   margin-left: 1.25rem
}

ol ol,
ol ul,
ul ol,
ul ul {
   margin-left: 1.25rem;
   margin-bottom: 0
}

dl {
   margin-bottom: 1rem
}

dl dt {
   margin-bottom: .3rem;
   font-weight: 700
}

blockquote {
   margin: 0 0 1rem;
   padding: .5625rem 1.25rem 0 1.1875rem;
   border-left: 1px solid #cacaca
}

blockquote,
blockquote p {
   line-height: 1.6;
   color: #8a8a8a
}

cite {
   display: block;
   font-size: .8125rem;
   color: #8a8a8a
}

cite:before {
   content: "\2014   "
}

abbr,
abbr[title] {
   border-bottom: 1px dotted #000;
   cursor: help;
   text-decoration: none
}

figure {
   margin: 0
}

code {
   padding: .125rem .3125rem .0625rem;
   border: 1px solid #cacaca;
   font-weight: 500
}

code,
kbd {
   background-color: #e6e6e6;
   font-family: Consolas, Liberation Mono, Courier, monospace;
   color: #000
}

kbd {
   margin: 0;
   padding: .125rem .25rem 0
}

.subheader {
   margin-top: .2rem;
   margin-bottom: .5rem;
   font-weight: 500;
   line-height: 1.4;
   color: #8a8a8a
}

.lead {
   font-size: 125%;
   line-height: 1.6
}

.stat {
   font-size: 2.5rem;
   line-height: 1
}

p+.stat {
   margin-top: -1rem
}

ol.no-bullet,
ul.no-bullet {
   margin-left: 0;
   list-style: none
}

.text-left {
   text-align: left
}

.text-right {
   text-align: right
}

.text-center {
   text-align: center
}

.text-justify {
   text-align: justify
}

@media print,
screen and (min-width:40em) {
   .medium-text-left {
	   text-align: left
   }
   .medium-text-right {
	   text-align: right
   }
   .medium-text-center {
	   text-align: center
   }
   .medium-text-justify {
	   text-align: justify
   }
}

@media print,
screen and (min-width:73.125em) {
   .large-text-left {
	   text-align: left
   }
   .large-text-right {
	   text-align: right
   }
   .large-text-center {
	   text-align: center
   }
   .large-text-justify {
	   text-align: justify
   }
}

@media screen and (min-width:98.125em) {
   .xlarge-text-left {
	   text-align: left
   }
   .xlarge-text-right {
	   text-align: right
   }
   .xlarge-text-center {
	   text-align: center
   }
   .xlarge-text-justify {
	   text-align: justify
   }
}

.show-for-print {
   display: none!important
}

@media print {
   * {
	   background: transparent!important;
	   -webkit-box-shadow: none!important;
	   box-shadow: none!important;
	   color: #000!important;
	   text-shadow: none!important
   }
   .show-for-print {
	   display: block!important
   }
   .hide-for-print {
	   display: none!important
   }
   table.show-for-print {
	   display: table!important
   }
   thead.show-for-print {
	   display: table-header-group!important
   }
   tbody.show-for-print {
	   display: table-row-group!important
   }
   tr.show-for-print {
	   display: table-row!important
   }
   td.show-for-print,
   th.show-for-print {
	   display: table-cell!important
   }
   a,
   a:visited {
	   text-decoration: underline
   }
   a[href]:after {
	   content: " (" attr(href) ")"
   }
   .ir a:after,
   a[href^="#"]:after,
   a[href^="javascript:"]:after {
	   content: ""
   }
   abbr[title]:after {
	   content: " (" attr(title) ")"
   }
   blockquote,
   pre {
	   border: 1px solid #8a8a8a;
	   page-break-inside: avoid
   }
   thead {
	   display: table-header-group
   }
   img,
   tr {
	   page-break-inside: avoid
   }
   img {
	   max-width: 100%!important
   }
   @page {
	   margin: .5cm
   }
   h2,
   h3,
   p {
	   orphans: 3;
	   widows: 3
   }
   h2,
   h3 {
	   page-break-after: avoid
   }
   .print-break-inside {
	   page-break-inside: auto
   }
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
   display: block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   height: 2.4375rem;
   margin: 0 0 1rem;
   padding: .5rem;
   border: 1px solid #cacaca;
   border-radius: 0;
   background-color: #fff;
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
   font-family: inherit;
   font-size: 1rem;
   font-weight: 500;
   line-height: 1.5;
   color: #000;
   -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
   transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
   transition: box-shadow .5s, border-color .25s ease-in-out;
   transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
   outline: none;
   border: 1px solid #8a8a8a;
   background-color: #fff;
   -webkit-box-shadow: 0 0 5px #cacaca;
   box-shadow: 0 0 5px #cacaca;
   -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
   transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
   transition: box-shadow .5s, border-color .25s ease-in-out;
   transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s
}

textarea {
   max-width: 100%
}

textarea[rows] {
   height: auto
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #cacaca
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #cacaca
}

input::placeholder,
textarea::placeholder {
   color: #cacaca
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
   background-color: #e6e6e6;
   cursor: not-allowed
}

[type=button],
[type=submit] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0
}

input[type=search] {
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

[type=checkbox],
[type=file],
[type=radio] {
   margin: 0 0 1rem
}

[type=checkbox]+label,
[type=radio]+label {
   display: inline-block;
   vertical-align: baseline;
   margin-left: .5rem;
   margin-right: 1rem;
   margin-bottom: 0
}

[type=checkbox]+label[for],
[type=radio]+label[for] {
   cursor: pointer
}

label>[type=checkbox],
label>[type=radio] {
   margin-right: .5rem
}

[type=file] {
   width: 100%
}

label {
   display: block;
   margin: 0;
   font-size: .875rem;
   font-weight: 500;
   line-height: 1.8;
   color: #000
}

label.middle {
   margin: 0 0 1rem;
   padding: .5625rem 0
}

.help-text {
   margin-top: -.5rem;
   font-size: .8125rem;
   font-style: italic;
   color: #000
}

.input-group {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   margin-bottom: 1rem;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch
}

.input-group>:first-child,
.input-group>:last-child>* {
   border-radius: 0 0 0 0
}

.input-group-button,
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label,
.input-group-field,
.input-group-label {
   margin: 0;
   white-space: nowrap
}

.input-group-label {
   padding: 0 1rem;
   border: 1px solid #cacaca;
   background: #e6e6e6;
   color: #000;
   text-align: center;
   white-space: nowrap;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.input-group-label:first-child {
   border-right: 0
}

.input-group-label:last-child {
   border-left: 0
}

.input-group-field {
   border-radius: 0;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 0px;
   flex: 1 1 0px;
   min-width: 0
}

.input-group-button {
   padding-top: 0;
   padding-bottom: 0;
   text-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto
}

.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label {
   height: auto;
   -ms-flex-item-align: stretch;
   align-self: stretch;
   padding-top: 0;
   padding-bottom: 0;
   font-size: 1rem
}

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

legend {
   max-width: 100%;
   margin-bottom: .5rem
}

.fieldset {
   margin: 1.125rem 0;
   padding: 1.25rem;
   border: 1px solid #cacaca
}

.fieldset legend {
   margin: 0;
   margin-left: -.1875rem;
   padding: 0 .1875rem
}

select {
   height: 2.4375rem;
   margin: 0 0 1rem;
   padding: .5rem;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: 1px solid #cacaca;
   border-radius: 0;
   background-color: #fff;
   font-family: inherit;
   font-size: 1rem;
   font-weight: 500;
   line-height: 1.5;
   color: #000;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
   background-origin: content-box;
   background-position: right -1rem center;
   background-repeat: no-repeat;
   background-size: 9px 6px;
   padding-right: 1.5rem;
   -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
   transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
   transition: box-shadow .5s, border-color .25s ease-in-out;
   transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s
}

@media screen and (min-width:0\0) {
   select {
	   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
   }
}

select:focus {
   outline: none;
   border: 1px solid #8a8a8a;
   background-color: #fff;
   -webkit-box-shadow: 0 0 5px #cacaca;
   box-shadow: 0 0 5px #cacaca;
   -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
   transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
   transition: box-shadow .5s, border-color .25s ease-in-out;
   transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s
}

select:disabled {
   background-color: #e6e6e6;
   cursor: not-allowed
}

select::-ms-expand {
   display: none
}

select[multiple] {
   height: auto;
   background-image: none
}

.is-invalid-input:not(:focus) {
   border-color: #cc4b37;
   background-color: #faedeb
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
   color: #cc4b37
}

.is-invalid-input:not(:focus)::-ms-input-placeholder {
   color: #cc4b37
}

.is-invalid-input:not(:focus)::placeholder {
   color: #cc4b37
}

.form-error,
.is-invalid-label {
   color: #cc4b37
}

.form-error {
   display: none;
   margin-top: -.5rem;
   margin-bottom: 1rem;
   font-size: .75rem;
   font-weight: 700
}

.form-error.is-visible {
   display: block
}

.button {
   display: inline-block;
   vertical-align: middle;
   margin: 0 0 1rem;
   font-family: inherit;
   padding: .85em 1em;
   -webkit-appearance: none;
   border: 1px solid transparent;
   -webkit-transition: background-color .25s ease-out, color .25s ease-out;
   transition: background-color .25s ease-out, color .25s ease-out;
   font-size: .9rem;
   line-height: 1;
   text-align: center;
   cursor: pointer;
   background-color: #1494D2;
   color: #fff
}

[data-whatinput=mouse] .button {
   outline: 0
}

.button:focus,
.button:hover {
   background-color: #0022e6;
   color: #fff
}

.button.tiny {
   font-size: .6rem
}

.button.small {
   font-size: .75rem
}

.button.large {
   font-size: 1.25rem
}

.button.expanded {
   display: block;
   width: 100%;
   margin-right: 0;
   margin-left: 0
}

.button.primary {
   background-color: #1494D2;
   color: #fff
}

.button.primary:focus,
.button.primary:hover {
   background-color: #0020d8;
   color: #fff
}

.button.secondary {
   background-color: #767676;
   color: #000
}

.button.secondary:focus,
.button.secondary:hover {
   background-color: #5e5e5e;
   color: #000
}

.button.success {
   background-color: #3adb76;
   color: #000
}

.button.success:focus,
.button.success:hover {
   background-color: #22bb5b;
   color: #000
}

.button.warning {
   background-color: #ffae00;
   color: #000
}

.button.warning:focus,
.button.warning:hover {
   background-color: #cc8b00;
   color: #000
}

.button.alert {
   background-color: #cc4b37;
   color: #000
}

.button.alert:focus,
.button.alert:hover {
   background-color: #a53b2a;
   color: #000
}

.button.disabled,
.button[disabled] {
   opacity: .25;
   cursor: not-allowed
}

.success, .error {
   text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
   display: none;
   padding-bottom: 10px;
}

.success {
   color: #155724;
   background-color: #d4edda;
   border-color: #c3e6cb;
   padding: 10px;
   font-size: 14px;
   margin: 0 0 20px;
   text-shadow: none; 
   border: 1px solid #155724;
}

.error {
   color: #ff0000;
   text-shadow: none;
   background-color: #f8d7da;
   border-color: #f8d7da;
   padding: 10px;
   font-size: 14px;
   margin: 0 0 20px;
   border: 1px solid #ff0000;
} 

/* new seo report  */

.all-services .sa_container .right-box {
	padding-left: 20px;
}
.all-services .sa_container .left-box  {
	padding-left: 55px;
	padding-right: 20px;
}
.style1 .sa_container {
	background: url("../index-16.html") no-repeat left bottom -30px;
}

.style6 {
	background: url("../index-17.html") no-repeat left center;
	background-size: 100% auto;
}

.style7 .blue-bg:before {
	content: "";
	width: 80px;
	height: 80px;
	position: absolute;
	top: -50px;
	right: -40px;
	background: #fff url("../index-18.html") no-repeat left bottom -30px;
	background-position: center;
}


.style8 .blue-bg:before {
	content: "";
	width: 80px;
	height: 80px;
	position: absolute;
	top: -50px;
	right: -40px;
	background: #fff url("../index-19.html") no-repeat left bottom -30px;
	background-position: center;
}

.style7 .blue-bg,
.style8 .blue-bg {
	position: relative;
}

.all-services .sa_container {
	padding:40px 0;
	border-top: 1px solid #e1e1e1;
	line-height: 140%;
}

.style3 {
	margin-bottom: 140px;
}

.bl-title {
	color: #02365e;
	margin-bottom: 30px;	
	font-size: 34px;
	line-height: 125%;
   font-weight: 600;	
   text-align: left;
}

.normal-p.blue-bg,
.blue-bg {
	background: #deeaf3;
	width: 713px;
	padding: 15px 40px 15px 20px;
	position: relative;
	z-index: 99;
	left: -20px;
}


.sa_container {
   width: 1280px;
   margin: 0 auto;
   position: relative;
}

.normal-p {
	color: #252525;
	line-height: 140%;
	font-size: 16px;	
	margin-bottom: 40px;
	font-weight: 600;
}

#gallery .h1 {
	text-align: center;
}

.center > * {
	display: inline-block;
	margin: 0 6px;
}
.center {
	text-align: center;
}


.all-services .right {
   float: right;
}

.all-services .left {
   float: left;
}

.gray-bg {
   background: #f5f5f5;
   padding: 35px;
}

.normal-p {
   color: #252525;
   line-height: 140%;
   font-size: 16px;
   margin-bottom: 40px;
   text-align: left;
   font-weight: 600;
}

.style1 .sa_container {
   background: url("../png/links.png") no-repeat left bottom -30px;
}

.style3 {
   background: url("../jpg/gray-bg.jpg") no-repeat left top 40px;
       background-repeat: no-repeat;
   position: relative;
   padding: 0;
   background-repeat: repeat-y;
   min-height: 540px;
   margin: 0;
}

.style3::before {
   background: url("../png/code.png") no-repeat left 10% bottom -80px;
   content: "";
   display: block;
   position: absolute;
   left: 6%;
   bottom: 0;
   width: 831px;
   height: 347px;
   max-width: 100%;
}

.style7, .style8 {
   width: 50%;
   float: left;
   box-sizing: border-box;
   margin-top: 0 !important;
}

.style9, .style10 {
   width: 52%;
   margin-bottom: 30px;
   float: left;
   padding-bottom: 45px;
}

.style6 {
   background: url("../jpg/external_text.jpg") no-repeat left center;
       background-size: auto;
   background-size: 100% auto;
}

.style7 .blue-bg::before {
   content: "";
   width: 80px;
   height: 80px;
   position: absolute;
   top: -50px;
   right: -40px;
   background: #fff url("../png/convers.png") no-repeat left bottom -30px;
       background-position-x: left;
       background-position-y: bottom -30px;
   background-position: center;
}

.style8 .blue-bg::before {
   content: "";
   width: 80px;
   height: 80px;
   position: absolute;
   top: -50px;
   right: -40px;
   background: #fff url("../png/f.png") no-repeat left bottom -30px;
       background-position-x: left;
       background-position-y: bottom -30px;
   background-position: center;
}

.mb-20 {
   margin-bottom: 20px;
}
 
.img-right {
   float: right;
   position: relative;
   width: 40%;
}

.all-services section:first-of-type {
   margin-top: 40px;
}

.img-right p {
   font-size: 24px;
   line-height: 140%;
   width: 100%;
   margin-bottom: 20px;
   color: #02365e;
}

#price .btn {
   background: #02365e;
   border: 1px solid #02365e;
   line-height: 48px;
   color: #fff;
   padding: 0 80px;
   font-size: 18px;
   height: 50px;
}

#price .btn:hover {
background: #fff;
color: #02365e;
}

.style7 .blue-bg, .style8 .blue-bg {
   background: #f3f7fc; 
   width: 465px;
}

.img-right .blue-bg {
   text-align: center;
   position: absolute;
   width: 600px;
   height: 350px;
   left: -75px;
   bottom: 100px;
   padding-top: 100px;
   max-width: 100%;
}

.style9 .left, .style10 .left {
   width: 100%;
}
 
.all-services .sa_container .left-box {
   padding-left: 55px;
   padding-right: 20px;
}

.right-box li, .left-box li {
    margin-bottom: 15px;
    font-size: 16px;
    list-style-type: none; 
    line-height: 150%; 
}

.let
.right-box li,
.left-box li {
	margin-bottom: 15px;
   font-size: 16px;
   text-align: left;
	line-height: 150%;
}

.style10 li a:hover {
	text-decoration: underline;
}

.left-box,
.right-box {
	width: 50%;
	line-height: 140%;
	position: relative;
}

.style3 .right-box {
	margin-top: 75px;
}

.style3 img {
	max-height: 186px;
}

.all-services .number {
   font-size: 28px;
   color: rgb(204, 215, 223);
   font-weight: bold;
   line-height: 0.929;
   position: absolute;
   left: 0;
   top: 12px;
}

.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
   background-color: #1494D2;
   color: #fff
}

.button.disabled.primary,
.button[disabled].primary {
   opacity: .25;
   cursor: not-allowed
}

.button.disabled.primary,
.button.disabled.primary:focus,
.button.disabled.primary:hover,
.button[disabled].primary,
.button[disabled].primary:focus,
.button[disabled].primary:hover {
   background-color: #1494D2;
   color: #fff
}

.button.disabled.secondary,
.button[disabled].secondary {
   opacity: .25;
   cursor: not-allowed
}

.button.disabled.secondary,
.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover {
   background-color: #767676;
   color: #000
}

.button.disabled.success,
.button[disabled].success {
   opacity: .25;
   cursor: not-allowed
}

.button.disabled.success,
.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success,
.button[disabled].success:focus,
.button[disabled].success:hover {
   background-color: #3adb76;
   color: #000
}

.button.disabled.warning,
.button[disabled].warning {
   opacity: .25;
   cursor: not-allowed
}

.button.disabled.warning,
.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning,
.button[disabled].warning:focus,
.button[disabled].warning:hover {
   background-color: #ffae00;
   color: #000
}

.button.disabled.alert,
.button[disabled].alert {
   opacity: .25;
   cursor: not-allowed
}

.button.disabled.alert,
.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert,
.button[disabled].alert:focus,
.button[disabled].alert:hover {
   background-color: #cc4b37;
   color: #000
}

.button.hollow {
   border: 1px solid #1494D2;
   color: #1494D2
}

.button.hollow,
.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow:focus,
.button.hollow:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
   background-color: transparent
}

.button.hollow:focus,
.button.hollow:hover {
   border-color: #001487;
   color: #001487
}

.button.hollow.primary,
.button.hollow:focus.disabled,
.button.hollow:focus[disabled],
.button.hollow:hover.disabled,
.button.hollow:hover[disabled] {
   border: 1px solid #1494D2;
   color: #1494D2
}

.button.hollow.primary:focus,
.button.hollow.primary:hover {
   border-color: #001487;
   color: #001487
}

.button.hollow.primary:focus.disabled,
.button.hollow.primary:focus[disabled],
.button.hollow.primary:hover.disabled,
.button.hollow.primary:hover[disabled] {
   border: 1px solid #1494D2;
   color: #1494D2
}

.button.hollow.secondary {
   border: 1px solid #767676;
   color: #767676
}

.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
   border-color: #3b3b3b;
   color: #3b3b3b
}

.button.hollow.secondary:focus.disabled,
.button.hollow.secondary:focus[disabled],
.button.hollow.secondary:hover.disabled,
.button.hollow.secondary:hover[disabled] {
   border: 1px solid #767676;
   color: #767676
}

.button.hollow.success {
   border: 1px solid #3adb76;
   color: #3adb76
}

.button.hollow.success:focus,
.button.hollow.success:hover {
   border-color: #157539;
   color: #157539
}

.button.hollow.success:focus.disabled,
.button.hollow.success:focus[disabled],
.button.hollow.success:hover.disabled,
.button.hollow.success:hover[disabled] {
   border: 1px solid #3adb76;
   color: #3adb76
}

.button.hollow.warning {
   border: 1px solid #ffae00;
   color: #ffae00
}

.button.hollow.warning:focus,
.button.hollow.warning:hover {
   border-color: #805700;
   color: #805700
}

.button.hollow.warning:focus.disabled,
.button.hollow.warning:focus[disabled],
.button.hollow.warning:hover.disabled,
.button.hollow.warning:hover[disabled] {
   border: 1px solid #ffae00;
   color: #ffae00
}

.button.hollow.alert {
   border: 1px solid #cc4b37;
   color: #cc4b37
}

.button.hollow.alert:focus,
.button.hollow.alert:hover {
   border-color: #67251a;
   color: #67251a
}

.button.hollow.alert:focus.disabled,
.button.hollow.alert:focus[disabled],
.button.hollow.alert:hover.disabled,
.button.hollow.alert:hover[disabled] {
   border: 1px solid #cc4b37;
   color: #cc4b37
}

.button.clear {
   border: 1px solid #1494D2;
   color: #1494D2
}

.button.clear,
.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear:focus,
.button.clear:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
   background-color: transparent
}

.button.clear:focus,
.button.clear:hover {
   border-color: #001487;
   color: #001487
}

.button.clear:focus.disabled,
.button.clear:focus[disabled],
.button.clear:hover.disabled,
.button.clear:hover[disabled] {
   border: 1px solid #1494D2;
   color: #1494D2
}

.button.clear,
.button.clear.disabled,
.button.clear:focus,
.button.clear:focus.disabled,
.button.clear:focus[disabled],
.button.clear:hover,
.button.clear:hover.disabled,
.button.clear:hover[disabled],
.button.clear[disabled] {
   border-color: transparent
}

.button.clear.primary {
   border: 1px solid #1494D2;
   color: #1494D2
}

.button.clear.primary:focus,
.button.clear.primary:hover {
   border-color: #001487;
   color: #001487
}

.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled],
.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled] {
   border: 1px solid #1494D2;
   color: #1494D2
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary:focus,
.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled],
.button.clear.primary:hover,
.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled],
.button.clear.primary[disabled] {
   border-color: transparent
}

.button.clear.secondary {
   border: 1px solid #767676;
   color: #767676
}

.button.clear.secondary:focus,
.button.clear.secondary:hover {
   border-color: #3b3b3b;
   color: #3b3b3b
}

.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled],
.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled] {
   border: 1px solid #767676;
   color: #767676
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary:focus,
.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled],
.button.clear.secondary:hover,
.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled],
.button.clear.secondary[disabled] {
   border-color: transparent
}

.button.clear.success {
   border: 1px solid #3adb76;
   color: #3adb76
}

.button.clear.success:focus,
.button.clear.success:hover {
   border-color: #157539;
   color: #157539
}

.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled],
.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled] {
   border: 1px solid #3adb76;
   color: #3adb76
}

.button.clear.success,
.button.clear.success.disabled,
.button.clear.success:focus,
.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled],
.button.clear.success:hover,
.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled],
.button.clear.success[disabled] {
   border-color: transparent
}

.button.clear.warning {
   border: 1px solid #ffae00;
   color: #ffae00
}

.button.clear.warning:focus,
.button.clear.warning:hover {
   border-color: #805700;
   color: #805700
}

.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled],
.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled] {
   border: 1px solid #ffae00;
   color: #ffae00
}

.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning:focus,
.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled],
.button.clear.warning:hover,
.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled],
.button.clear.warning[disabled] {
   border-color: transparent
}

.button.clear.alert {
   border: 1px solid #cc4b37;
   color: #cc4b37
}

.button.clear.alert:focus,
.button.clear.alert:hover {
   border-color: #67251a;
   color: #67251a
}

.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled],
.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled] {
   border: 1px solid #cc4b37;
   color: #cc4b37
}

.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert:focus,
.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled],
.button.clear.alert:hover,
.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled],
.button.clear.alert[disabled] {
   border-color: transparent
}

.button.dropdown:after {
   display: block;
   width: 0;
   height: 0;
   border: .4em inset;
   content: "";
   border-bottom-width: 0;
   border-top-style: solid;
   border-color: #fff transparent transparent;
   position: relative;
   top: .4em;
   display: inline-block;
   float: right;
   margin-left: 1em
}

.button.dropdown.hollow.primary:after,
.button.dropdown.hollow:after {
   border-top-color: #1494D2
}

.button.dropdown.hollow.secondary:after {
   border-top-color: #767676
}

.button.dropdown.hollow.success:after {
   border-top-color: #3adb76
}

.button.dropdown.hollow.warning:after {
   border-top-color: #ffae00
}

.button.dropdown.hollow.alert:after {
   border-top-color: #cc4b37
}

.button.arrow-only:after {
   top: -.1em;
   float: none;
   margin-left: 0
}

a.button:focus,
a.button:hover {
   text-decoration: none
}

.flex-video,
.responsive-embed {
   position: relative;
   height: 0;
   margin-bottom: 1rem;
   padding-bottom: 75%;
   overflow: hidden
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.flex-video.widescreen,
.responsive-embed.widescreen {
   padding-bottom: 56.25%
}

.media-object {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 1rem;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap
}

.media-object img {
   max-width: none
}

@media screen and (max-width:768px) {
   .p404 .title-large:first-of-type {
      font-size: 30px !important;
   }

   .bl-title {
		font-size: 24px;
		padding-left: 30px;	
	}
	
	
	.step-article,
	.left-box,
	.style6 .right-box li,
	.right-box,
	.img-right,
	.style6 .left-box,
	.img-right .blue-bg {
		width: 100% !important;
	}
	
	.img-right .blue-bg {
		position: static;
	}
	
	.img-right img {
		display: none;
	}
	
	.normal-p.blue-bg, .blue-bg {
		width: 100%;
	}
	
	.normal-p.blue-bg, .blue-bg {
		left: 0;
		max-width: 100%;
	}
	
	.all-services .sa_container .left-box {
		padding-left: 25px;
		padding-right: 20px;
	}
	
	.number {
		font-size: 22px;
		top: 7px;
		left: 10px;
	}
	
	.all-services .sa_container .right-box {
		padding-right: 20px;
	}
	
	.normal-p.blue-bg, .blue-bg {
		padding: 15px 20px;
	}
	
	.right-box li,
	.left-box li {
		margin-bottom: 15px;
		font-size: 15px;
	}
	
	.step-article {
		margin-top: 30px !important;
	}
	
	.style6 {
		margin-top: 0 !important;
	}
	
	.style6 + .sa_container {
		padding-top: 0;
	}
	.style9,
	.style1 .sa_container,
	.style2 .sa_container,
	.style10 {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.img-right .blue-bg {
		position: static;
		height: auto;
		padding-top: 20px;
	}
	
	.style3 .right-box {
		margin-top: 0;
	}
	
	.style7 img,
	.style8 img {
		margin-top: -20px;
		position: relative;
		z-index: 99;
		left: -20px;
   }

   .sa_container {
      width: 100%;

   }

   .style3 ul {
      margin-bottom: 140px;
  }
   
   .step-article, .left-box, .style6 .right-box li, .right-box, .img-right, .style6 .left-box, .img-right .blue-bg {
      width: 100% !important;
  }
}
@media screen and (max-width:39.9375em) {
   .media-object.stack-for-small {
	   -ms-flex-wrap: wrap;
	   flex-wrap: wrap
   }
}

@media screen and (max-width:39.9375em) {
   .media-object.stack-for-small .media-object-section {
	   padding: 0;
	   padding-bottom: 1rem;
	   -ms-flex-preferred-size: 100%;
	   flex-basis: 100%;
	   max-width: 100%
   }
   .media-object.stack-for-small .media-object-section img {
	   width: 100%
   }
}

.media-object-section {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 auto;
   flex: 0 1 auto
}

.media-object-section:first-child {
   padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
   padding-left: 1rem
}

.media-object-section>:last-child {
   margin-bottom: 0
}

.media-object-section.main-section {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 0px;
   flex: 1 1 0px
}

.float-left {
   float: left!important
}

.float-right {
   float: right!important
}

.float-center {
   display: block;
   margin-right: auto;
   margin-left: auto
}

.clearfix:after,
.clearfix:before {
   display: table;
   content: " ";
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -webkit-box-ordinal-group: 2;
   -ms-flex-order: 1;
   order: 1
}

.clearfix:after {
   clear: both
}

.page-content {
   background: #fff
}

.page-row {
   position: relative;
   z-index: 2;
   background-color: #fff
}

.top-bar {
   width: 100%;
   height: 4rem;
   padding: 0 1rem;
   position: fixed;
   z-index: 11;
   top: 0;
   left: 0;
   background-color: transparent;
   color: #fff;
   -webkit-transition: background-color .4s, opacity .6s, -webkit-transform 0s;
   transition: background-color .4s, opacity .6s, -webkit-transform 0s;
   transition: background-color .4s, opacity .6s, transform 0s;
   transition: background-color .4s, opacity .6s, transform 0s, -webkit-transform 0s
}

.top-bar.navigation-visible {
   background-color: #000!important
}

.top-bar.is-scrolled {
   background-color: rgba(22, 24, 28, .9)
}

.top-bar-navigation-list {
   list-style: none
}

.top-bar-inverted,
.top-bar-navigation-inverted {
   color: #000
}

.top-bar-inverted.navigation-visible,
.top-bar-navigation-inverted.navigation-visible {
   background-color: #fff!important
}

.top-bar-inverted.is-scrolled,
.top-bar-navigation-inverted.is-scrolled {
   background-color: hsla(0, 0%, 100%, .8)
}

.top-bar-inverted .inverted-item,
.top-bar-navigation-inverted .inverted-item {
   color: #000
}

.top-bar-inverted .top-bar-navigation-list .inverted-item.button,
.top-bar-navigation-inverted .top-bar-navigation-list .inverted-item.button {
   color: #000;
   background-color: rgba(0, 0, 0, .1)
}

.top-bar-inverted .top-bar-navigation-list .inverted-item.button:hover,
.top-bar-navigation-inverted .top-bar-navigation-list .inverted-item.button:hover {
   color: #fff;
   background-color: #000
}

.top-bar-inverted .top-bar-title,
.top-bar-navigation-inverted .top-bar-title {
   color: rgba(0, 0, 0, .4);
   border-left-color: rgba(0, 0, 0, .4);
   text-transform: uppercase
}

.top-bar-inverted .top-bar-menu-button,
.top-bar-inverted .top-bar-menu-button:after,
.top-bar-inverted .top-bar-menu-button:before,
.top-bar-navigation-inverted .top-bar-menu-button,
.top-bar-navigation-inverted .top-bar-menu-button:after,
.top-bar-navigation-inverted .top-bar-menu-button:before {
   background-color: #000
}

.top-bar-inverted .top-bar-icon-text,
.top-bar-navigation-inverted .top-bar-icon-text {
   color: #fff;
   -webkit-filter: invert(100%);
   filter: invert(100%)
}

.top-bar-logo {
   height: 2rem;
   display: inline-block;
   margin-top: 1rem
}

.top-bar-logo img {
   height: 100%
}

.top-bar-logo .on-hover,
.top-bar-title {
   display: none
}

.top-bar-menu-button-wrapper {
   width: 1.875rem;
   height: 1.875rem;
   float: right;
   margin-top: 1.075rem;
   position: relative
}

.top-bar-menu-button-wrapper:not(.is-active) .top-bar-menu-button:before {
   -webkit-animation-name: menuButtonBack1;
   animation-name: menuButtonBack1;
   -webkit-animation-duration: .3s;
   animation-duration: .3s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out
}

.top-bar-menu-button-wrapper:not(.is-active) .top-bar-menu-button {
   -webkit-animation-name: menuButtonBack2;
   animation-name: menuButtonBack2;
   -webkit-animation-duration: .3s;
   animation-duration: .3s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out
}

.top-bar-menu-button-wrapper:not(.is-active) .top-bar-menu-button:after {
   -webkit-animation-name: menuButtonBack3;
   animation-name: menuButtonBack3;
   -webkit-animation-duration: .3s;
   animation-duration: .3s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out
}

.top-bar-menu-button-wrapper.is-active .top-bar-menu-button {
   background-color: transparent
}

.top-bar-menu-button-wrapper.is-active .top-bar-menu-button:before {
   -webkit-animation-name: menuButtonCross;
   animation-name: menuButtonCross;
   -webkit-animation-duration: .3s;
   animation-duration: .3s;
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out
}

.top-bar-menu-button-wrapper.is-active .top-bar-menu-button:after {
   -webkit-animation-name: menuButtonCross2;
   animation-name: menuButtonCross2;
   -webkit-animation-duration: .3s;
   animation-duration: .3s;
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out
}

.top-bar-menu-button {
   width: 1.25rem;
   margin-top: -.187rem;
   z-index: 1;
   top: 50%
}

.top-bar-menu-button,
.top-bar-menu-button:after,
.top-bar-menu-button:before {
   height: .3125rem;
   position: absolute;
   right: 0;
   border-radius: 0.15625rem;
   background-color: #fff
}

.top-bar-menu-button:after,
.top-bar-menu-button:before {
   content: ""
}

.top-bar-menu-button:before {
   width: 1.875rem;
   top: -.7rem
}

.top-bar-menu-button:after {
   width: .625rem;
   bottom: -.7rem
}

.top-bar-icon-text {
   background-size: .7rem auto;
   background-position: 0 45%;
   background-repeat: no-repeat
}

@media screen and (max-width:39.9375em),
screen and (min-width:40em) and (max-width:73.0625em) {
   .top-bar-icon-text {
	   display: block;
	   line-height: 1;
	   background-size: .875rem auto;
	   background-position: 1rem 50%
   }
}

@media screen and (max-width:39.9375em) {
   .top-bar-icon-text {
	   margin-bottom: 1rem;
	   padding: 1rem 1rem 1rem 2.5rem;
	   font-size: 1.25rem;
	   background-size: .875rem auto;
	   background-position: 1rem 50%
   }
}

@media screen and (min-width:40em) and (max-width:73.0625em) {
   .top-bar-icon-text {
	   margin-bottom: 2rem;
	   padding: 2rem 4rem 2rem 6.5rem;
	   font-size: 2rem;
	   background-size: 1.5rem auto;
	   background-position: 4rem 50%
   }
}

@media screen and (min-width:40em) {
   .top-bar {
	   height: 5.5rem
   }
   .top-bar-logo {
	   height: 2.5rem;
	   margin-top: 1.75rem
   }
   .top-bar-title {
	   display: inline-block;
	   font-size: .75rem;
	   color: hsla(0, 0%, 100%, .4);
	   line-height: 1.125;
	   margin-left: 1rem;
	   border-left: 1px solid hsla(0, 0%, 100%, .4);
	   padding-left: 1rem;
	   height: 2.25rem;
	   padding-top: 5px;
	   position: relative;
	   top: 6px;
	   text-transform: uppercase;
	   height: 36px;
	   line-height: 36px;
	   padding-top: 0;
	   top: 0;
   }
   }
   .top-bar-menu-button-wrapper {
	   margin-top: 1.2rem
   }
}

@media screen and (min-width:73.125em) {
   .top-bar {
	   opacity: 0;
	   padding: 0 2rem;
	   top: 0;
	   position: fixed
   }
   .top-bar .top-bar-icon-text,
   .top-bar .top-bar-logo,
   .top-bar .top-bar-mutation,
   .top-bar .top-bar-navigation-list {
	   -webkit-transition-property: -webkit-transform;
	   transition-property: -webkit-transform;
	   transition-property: transform;
	   transition-property: transform, -webkit-transform;
	   -webkit-transition-duration: .2s;
	   transition-duration: .2s
   }
   .top-bar .top-bar-logo {
	   position: relative;
	   -webkit-transition: margin-top .2s;
	   transition: margin-top .2s
   }
   .top-bar .top-bar-logo img {
	   -webkit-transition-property: opacity;
	   transition-property: opacity;
	   -webkit-transition-duration: .5s;
	   transition-duration: .5s
   }
   .top-bar .top-bar-logo .on-hover {
	   display: block;
	   position: absolute;
	   top: 0;
	   left: 0;
	   opacity: 0
   }
   .top-bar.small-height {
	   height: 4rem
   }
   .top-bar.small-height .top-bar-icon-text,
   .top-bar.small-height .top-bar-mutation,
   .top-bar.small-height .top-bar-navigation-list {
	   -webkit-transform: translateY(-.75rem);
	   transform: translateY(-.75rem)
   }
   .top-bar.small-height .top-bar-logo {
	   margin-top: 1.125rem
   }
   .top-bar.navigation-visible {
	   height: 5.5rem
   }
   .top-bar.navigation-visible .top-bar-logo,
   .top-bar.navigation-visible .top-bar-menu-button-wrapper {
	   -webkit-transform: translateY(0) scale(1)!important;
	   transform: translateY(0) scale(1)!important
   }
   .top-bar.navigation-visible .top-bar-logo:hover img {
	   opacity: 0
   }
   .top-bar.navigation-visible .top-bar-logo:hover .on-hover {
	   opacity: 1
   }
   .top-bar.is-transform {
	   position: absolute;
	   -webkit-transform: translateY(4rem);
	   transform: translateY(4rem);
	   background-color: transparent!important;
	   -webkit-transition: background-color .4s, opacity .6s, -webkit-transform .5s;
	   transition: background-color .4s, opacity .6s, -webkit-transform .5s;
	   transition: background-color .4s, opacity .6s, transform .5s;
	   transition: background-color .4s, opacity .6s, transform .5s, -webkit-transform .5s
   }
   .top-bar.is-loaded {
	   opacity: 1
   }
   .top-bar.scroll {
	   -webkit-transition: background-color .4s, opacity .6s, -webkit-transform 0s;
	   transition: background-color .4s, opacity .6s, -webkit-transform 0s;
	   transition: background-color .4s, opacity .6s, transform 0s;
	   transition: background-color .4s, opacity .6s, transform 0s, -webkit-transform 0s
   }
   .top-bar-menu-button-wrapper {
	   display: none
   }
   .top-bar-menu-button-wrapper:not(.is-active):hover .top-bar-menu-button:before {
	   -webkit-animation-name: menuButton;
	   animation-name: menuButton;
	   -webkit-animation-duration: .3s;
	   animation-duration: .3s;
	   -webkit-animation-delay: 0s;
	   animation-delay: 0s;
	   -webkit-animation-fill-mode: forwards;
	   animation-fill-mode: forwards;
	   -webkit-animation-timing-function: ease-out;
	   animation-timing-function: ease-out
   }
   .top-bar-menu-button-wrapper:not(.is-active):hover .top-bar-menu-button {
	   -webkit-animation-name: menuButton;
	   animation-name: menuButton;
	   -webkit-animation-duration: .3s;
	   animation-duration: .3s;
	   -webkit-animation-delay: .05s;
	   animation-delay: .05s;
	   -webkit-animation-fill-mode: forwards;
	   animation-fill-mode: forwards;
	   -webkit-animation-timing-function: ease-out;
	   animation-timing-function: ease-out
   }
   .top-bar-menu-button-wrapper:not(.is-active):hover .top-bar-menu-button:after {
	   -webkit-animation-name: menuButton;
	   animation-name: menuButton;
	   -webkit-animation-duration: .3s;
	   animation-duration: .3s;
	   -webkit-animation-delay: .1s;
	   animation-delay: .1s;
	   -webkit-animation-fill-mode: forwards;
	   animation-fill-mode: forwards;
	   -webkit-animation-timing-function: ease-out;
	   animation-timing-function: ease-out
   }
   .top-bar-icon-text {
	   height: 2.3rem;
	   margin-top: 1.6rem;
	   padding-left: 1.15rem;
	   font-size: .875rem;
	   line-height: 2.3rem;
	   float: right;
	   color: #fff;
	   background-size: .7rem auto;
	   background-position: 0 45%;
	   background-repeat: no-repeat
   }
   .top-bar-icon-text a {
	   color: inherit
   }
}

@media screen and (min-width:1170px) {
	.top-bar-menu-button-wrapper {
		display: none;
	}
}

@media screen and (min-width:73.125em) {
	.top-bar-icon-text {
		height: 2.3rem;
 margin-top: 1.6rem;
 padding-left: 1.15rem;
 font-size: .875rem;
 line-height: 2.3rem;
 float: right;
 color: #fff;
 background-size: .7rem auto;
 background-position: 0 45%;
 background-repeat: no-repeat;
	margin-top: 1.6rem;
	padding-left: 1.5rem;
	font-size: 1rem;
	line-height: 2.4rem;
	background-size: .8rem
}
}
@media screen and (min-width:98.125em) {
	.icon-phone {
		background-image: url("../svg/phone-white.svg");
		margin-top: 3.2rem;
	}
}

.icon-phone {
   background-image: url("../svg/phone-white.svg");
   margin-top: 3.2rem;
}

@media screen and (min-width:98.125em) {
   .top-bar {
	   height: 8.75rem;
	   padding: 0 4.25rem
   }
   .top-bar.small-height {
	   height: 5.75rem
   }
   .top-bar.small-height .top-bar-logo {
	   margin-top: 1.75rem
   }
   .top-bar.small-height .top-bar-icon-text,
   .top-bar.small-height .top-bar-mutation,
   .top-bar.small-height .top-bar-navigation-list {
	   -webkit-transform: translateY(-1.5rem);
	   transform: translateY(-1.5rem)
   }
   .top-bar.navigation-visible {
	   height: 8.75rem
   }
   .top-bar-logo {
	   margin-top: 3.375rem
   }
   .top-bar-menu-button-wrapper {
	   margin-top: 3.45rem
   }

.is-scrolled    .top-bar-menu-button-wrapper {
    margin-top: 2.2rem;
}

 
}

@-webkit-keyframes menuButton {
   50% {
	   width: 2.5rem
   }
   to {
	   width: 1.875rem
   }
}

@keyframes menuButton {
   50% {
	   width: 2.5rem
   }
   to {
	   width: 1.875rem
   }
}

@-webkit-keyframes menuButtonBack1 {
   0% {
	   width: 1.875rem
   }
   50% {
	   width: 1.6rem
   }
   to {
	   width: 1.875rem
   }
}

@keyframes menuButtonBack1 {
   0% {
	   width: 1.875rem
   }
   50% {
	   width: 1.6rem
   }
   to {
	   width: 1.875rem
   }
}

@-webkit-keyframes menuButtonBack2 {
   0% {
	   width: 1.875rem
   }
   50% {
	   width: 1rem
   }
   to {
	   width: 1.25rem
   }
}

@keyframes menuButtonBack2 {
   0% {
	   width: 1.875rem
   }
   50% {
	   width: 1rem
   }
   to {
	   width: 1.25rem
   }
}

@-webkit-keyframes menuButtonBack3 {
   0% {
	   width: 1.875rem
   }
   50% {
	   width: .4rem
   }
   to {
	   width: .625rem
   }
}

@keyframes menuButtonBack3 {
   0% {
	   width: 1.875rem
   }
   50% {
	   width: .4rem
   }
   to {
	   width: .625rem
   }
}

@-webkit-keyframes menuButtonCross {
   0% {
	   width: 1.875rem;
	   -webkit-transform: translateY(0) rotate(0);
	   transform: translateY(0) rotate(0)
   }
   to {
	   width: 2.25rem;
	   -webkit-transform: translateY(.7rem) rotate(45deg);
	   transform: translateY(.7rem) rotate(45deg)
   }
}

@keyframes menuButtonCross {
   0% {
	   width: 1.875rem;
	   -webkit-transform: translateY(0) rotate(0);
	   transform: translateY(0) rotate(0)
   }
   to {
	   width: 2.25rem;
	   -webkit-transform: translateY(.7rem) rotate(45deg);
	   transform: translateY(.7rem) rotate(45deg)
   }
}

@-webkit-keyframes menuButtonCross2 {
   0% {
	   width: 1.875rem;
	   -webkit-transform: translateY(0) rotate(0);
	   transform: translateY(0) rotate(0)
   }
   to {
	   width: 2.25rem;
	   -webkit-transform: translateY(-.7rem) rotate(-45deg);
	   transform: translateY(-.7rem) rotate(-45deg)
   }
}

@keyframes menuButtonCross2 {
   0% {
	   width: 1.875rem;
	   -webkit-transform: translateY(0) rotate(0);
	   transform: translateY(0) rotate(0)
   }
   to {
	   width: 2.25rem;
	   -webkit-transform: translateY(-.7rem) rotate(-45deg);
	   transform: translateY(-.7rem) rotate(-45deg)
   }
}

.cookies-bar {
   width: calc(100% - 2rem);
   position: fixed;
   z-index: 100;
   bottom: 1.15rem;
   left: 50%;
   opacity: 0;
   -webkit-transform: translateX(-50%) translateY(200%);
   transform: translateX(-50%) translateY(200%);
   padding: .5rem 1rem;
   text-align: center;
   border-radius: 1.5rem;
   -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .25);
   box-shadow: 0 3px 20px rgba(0, 0, 0, .25);
   background: #fff;
   -webkit-transition: opacity .6s, -webkit-transform .4s;
   transition: opacity .6s, -webkit-transform .4s;
   transition: opacity .6s, transform .4s;
   transition: opacity .6s, transform .4s, -webkit-transform .4s
}

.cookies-bar p {
   margin: 0;
   color: #000;
   font-size: .75rem
}

.cookies-bar a {
   display: inline-block;
   color: #000
}

.cookies-bar a.enable-cookies {
   display: inline-block;
   padding: .25rem .75rem;
   color: #fff;
   border-radius: 1rem;
   background-color: #1494D2
}

.cookies-bar a:hover {
   text-decoration: underline
}

.cookies-bar.is-visible {
   opacity: 1;
   -webkit-transform: translateX(-50%) translateY(0);
   transform: translateX(-50%) translateY(0)
}

@media screen and (max-width:39.9375em) {
   .cookies-bar p span {
	   display: block
   }
   .cookies-bar a.enable-cookies {
	   margin-top: .75rem
   }
}

@media screen and (min-width:40em) {
   .cookies-bar a.enable-cookies {
	   margin-left: .75rem
   }
}

@media screen and (min-width:73.125em) {
   .cookies-bar {
	   width: auto;
	   padding: .5rem 1rem .5rem 1.5rem;
	   text-align: center
   }
}

.top-bar-navigation-list {
   margin: 0;
   padding: 0 1rem
}

.top-bar-navigation-list li a {
   display: block;
   font-size: 1.3rem;
   color: #fff;
   padding-bottom: 10px;
}

@media screen and (max-width:39.9375em),
screen and (min-width:40em) and (max-width:73.0625em) {
   .top-bar-navigation {
	   width: 100%;
	   height: 100%;
	   padding: 4rem 0 1rem;
	   -webkit-transform: translateZ(0) translateX(100%);
	   transform: translateZ(0) translateX(100%);
	   position: fixed;
	   z-index: 10;
	   top: 0;
	   right: 0;
	   opacity: 0;
	   overflow: auto;
	   background-color: #000;
	   -webkit-transition: opacity .3s 0s, -webkit-transform 0s .3s;
	   transition: opacity .3s 0s, -webkit-transform 0s .3s;
	   transition: transform 0s .3s, opacity .3s 0s;
	   transition: transform 0s .3s, opacity .3s 0s, -webkit-transform 0s .3s
   }
   .top-bar-navigation.navigation-visible {
	   -webkit-transform: translateZ(0) translateX(0);
	   transform: translateZ(0) translateX(0);
	   opacity: 1;
	   -webkit-transition-delay: 0s, 0s;
	   transition-delay: 0s, 0s
   }
   .top-bar-navigation-content {
	   min-height: 100%;
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-orient: vertical;
	   -webkit-box-direction: normal;
	   -ms-flex-direction: column;
	   flex-direction: column;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   justify-content: center
   }
   .top-bar-navigation-list {
	   width: 100%
   }
   .top-bar-navigation-list li a {
	   font-weight: 700;
	   text-transform: uppercase
   }
   .top-bar-navigation-list li a.is-active {
	   color: #1494D2
   }
}

@media screen and (min-width:40em) and (max-width:73.0625em) {
   .top-bar-navigation {
	   padding: 5.5rem 0 2rem
   }
   .top-bar-navigation-list {
	   padding: 0 4rem
   }
   .top-bar-navigation-list li a {
	   display: inline-block;
	   font-size: 3rem
   }
}

@media screen and (min-width:73.125em) {
   .top-bar-navigation {
	   display: none
   }
   .top-bar-navigation-list {
	   float: right;
	   margin-top: 1.6rem;
	   margin-right: 1.25rem
   }
   .top-bar-navigation-list li {
	   display: inline-block;
	   margin-left: 1.25rem;
	   vertical-align: top
   }
   .top-bar-navigation-list li a {
	   height: 2.3rem;
	   position: relative;
	   font-size: .875rem;
	   line-height: 2.3rem;
	   font-weight: 700;
	   -webkit-transition-property: color, background-color;
	   transition-property: color, background-color;
	   -webkit-transition-duration: .3s;
	   transition-duration: .3s
   }


   .top-bar-navigation-list li a:not(.button):after {
	   content: "";
	   width: 100%;
	   height: 2px;
	   position: absolute;
	   left: 0;
	   bottom: 3px;
	   -webkit-transform: scaleX(0);
	   transform: scaleX(0);
	   background-color: #1494D2;
	   -webkit-transition-property: -webkit-transform;
	   transition-property: -webkit-transform;
	   transition-property: transform;
	   transition-property: transform, -webkit-transform;
	   -webkit-transition-duration: .3s;
	   transition-duration: .3s
   }
   .top-bar-navigation-list li a:not(.button).primary:after {
	   background-color: #1494D2
   }
   .top-bar-navigation-list li a.button {
	   margin-bottom: 0;
	   font-weight: 700;
	   text-transform: none;
	   border: 0;
	   background-color: hsla(0, 0%, 100%, .3);
	   height: auto;
	   line-height: 1;
	   position: relative;
	   top: -3px
   }
   .top-bar-navigation-list li a.button:after {
	   content: "";
	   display: none
   }
   .top-bar-navigation-list li a.button:hover {
	   color: #000;
	   background-color: #fff
   }
   .top-bar-navigation-list li a.is-active:after,
   .top-bar-navigation-list li a:hover:after {
	   -webkit-transform: scaleX(1);
	   transform: scaleX(1)
   }
   .navigation-list-side-menu {
	   position: absolute;
	   padding: 1.5rem 2rem;
	   padding-bottom: .75rem;
	   display: block;
	   width: 40.625rem;
	   margin-top: 0;
	   visibility: hidden;
	   opacity: 0;
	   -webkit-transition: all .3s;
	   transition: all .3s;
	   left: 0;
	   -webkit-transform: translateX(calc(-50% + 1.5rem));
	   transform: translateX(calc(-50% + 1.5rem));
	   margin-left: 0;
	   top: 4rem;
	   background-color: #fff;
	   border-radius: .5rem;
	   -webkit-box-shadow: 0 .125rem 2rem .25rem rgba(0, 0, 0, .1);
	   box-shadow: 0 .125rem 2rem .25rem rgba(0, 0, 0, .1)
   }
   .navigation-list-side-menu:before {
	   content: "";
	   position: absolute;
	   top: -.75rem;
	   height: .75rem;
	   width: 1.5rem;
	   left: calc(50% - .75rem);
	   border: .75rem solid transparent;
	   border-bottom: .75rem solid #fff;
	   border-top-width: 0
   }
   .navigation-list-side-menu:after {
	   content: "";
	   clear: both;
	   display: block
   }
   .navigation-list-side-menu li {
	   display: block;
	   margin-left: 0;
	   float: left;
	   width: 50%
   }
   .navigation-list-side-menu li a.button {
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   height: auto;
	   -webkit-transition: all .3s;
	   transition: all .3s;
	   white-space: nowrap;
	   border-radius: 0;
	   border-width: 0;
	   -webkit-box-shadow: 0 0 0 0 transparent;
	   box-shadow: 0 0 0 0 transparent;
	   color: #000;
	   height: 2.5rem;
	   margin-bottom: 1.25rem;
	   text-align: left;
	   padding-left: 3.625rem;
	   -webkit-box-align: center;
	   -ms-flex-align: center;
	   align-items: center;
	   -webkit-transition: none;
	   transition: none;
	   background-color: transparent;
	   font-weight: 700
   }
   .navigation-list-side-menu li a.button:hover {
	   color: #1494D2
   }
   .navigation-list-side-menu li a.button:hover .navigation-list-side-menu-icon {
	   background-image: none
   }
   .navigation-list-side-menu li a.button:hover .navigation-list-side-menu-icon:after {
	   opacity: 1
   }
   .navigation-list-side-menu-title {
	   float: left;
	   width: 100%;
	   color: #8a8a8a;
	   text-transform: uppercase;
	   margin-bottom: 1rem
   }
   .navigation-list-side-menu-anchor {
	   display: block;
	   float: left;
	   width: 100%;
	   padding-top: 1.25rem;
	   padding-bottom: .5rem;
	   color: #000;
	   border-top: 1px solid #cacaca;
	   cursor: pointer;
	   text-align: center
   }
   .navigation-list-side-menu-anchor:after {
	   content: "";
	   display: inline-block;
	   width: 1rem;
	   height: .5rem;
	   background-size: contain;
	   background-repeat: no-repeat;
	   background-position: 50%;
	   background-image: url("../svg/button-arrow-blue.svg");
	   margin-left: .625rem;
	   -webkit-transition: -webkit-transform .3s;
	   transition: -webkit-transform .3s;
	   transition: transform .3s;
	   transition: transform .3s, -webkit-transform .3s
   }
   .navigation-list-side-menu-anchor:hover:after {
	   -webkit-transform: translateX(1rem);
	   transform: translateX(1rem)
   }
   .navigation-list-side-menu-icon {
	   display: block;
	   width: 2.5rem;
	   height: 2.5rem
   }
   .navigation-list-side-menu-icon,
   .navigation-list-side-menu-icon:after {
	   position: absolute;
	   top: 0;
	   left: 0;
	   background-size: contain;
	   background-repeat: no-repeat;
	   background-position: 50%
   }
   .navigation-list-side-menu-icon:after {
	   content: "";
	   right: 0;
	   bottom: 0;
	   opacity: 0
   } 


   .navigation-list-side-menu-icon.websites {
	   background-image: url("../svg/onlinemarket_website.svg")
   }
   .navigation-list-side-menu-icon.websites:after {
	   content: "";
	   background-image: url("../svg/onlinemarket_website_hover.svg")
   }

   .navigation-list-side-menu-icon.web {
	   background-image: url("../svg/corporate_website.svg")
   }
   .navigation-list-side-menu-icon.web:after {
	   content: "";
	   background-image: url("../svg/corporate_website_hover.svg")
   }
   
   .navigation-list-side-menu-icon.software {
	   background-image: url("../svg/software_website.svg")
   }
   .navigation-list-side-menu-icon.software:after {
	   content: "";
	   background-image: url("../svg/software_website_hover.svg")
   }

   .navigation-list-side-menu-icon.dfp {
	   background-image: url("../svg/dfp_website.svg")
   }
   .navigation-list-side-menu-icon.dfp:after {
	   content: "";
	   background-image: url("../svg/dfp_website_hover.svg")
   }

   .navigation-list-side-menu-icon.prо-app {
	   background-image: url("../svg/dfp_website.svg")
   }
   .navigation-list-side-menu-icon.prо-app:after {
	   content: "";
	   background-image: url("../svg/dfp_website_hover.svg")
   }

   .navigation-list-side-menu-icon.pro-app {
	   background-image: url("../svg/webapps_website.svg")
   }
   .navigation-list-side-menu-icon.pro-app:after {
	   content: "";
	   background-image: url("../svg/webapps_website_hover.svg")
   } 

   .navigation-list-side-menu-icon.seo {
	   background-image: url("../svg/seo_website.svg")
   }
   .navigation-list-side-menu-icon.seo:after {
	   content: "";
	   background-image: url("../svg/seo_website_hover.svg")
   } 

   .navigation-list-side-menu-icon.it-consultation {
	   background-image: url("../svg/consult_website.svg")
   }
   .navigation-list-side-menu-icon.it-consultation:after {
	   content: "";
	   background-image: url("../svg/consult_website_hover.svg")
   }  


   .navigation-list-side-menu-arrow {
	   width: .5rem;
	   height: .25rem;
	   background-image: url("../svg/arrow-down.svg");
	   display: inline-block;
	   background-size: auto 100%;
	   background-position: 50%;
	   background-repeat: no-repeat;
	   position: relative;
	   bottom: .125rem;
	   margin-left: .125rem;
	   -webkit-transition: -webkit-transform .3s;
	   transition: -webkit-transform .3s;
	   transition: transform .3s;
	   transition: transform .3s, -webkit-transform .3s
   }
   .navigation-list-side-menu-item {
	   position: relative
   }
   .navigation-list-side-menu-item a:after {
	   content: "";
	   display: none
   }
   .navigation-list-side-menu-item:hover {
	   padding-bottom: 2rem
   }
   .navigation-list-side-menu-item:hover .navigation-list-side-menu-arrow {
	   -webkit-transform: rotate(180deg);
	   transform: rotate(180deg)
   }
   .navigation-list-side-menu-item:hover .navigation-list-side-menu {
	   visibility: visible;
	   opacity: 1
   }
}

@media screen and (min-width:98.125em) {
   .top-bar-navigation-list {
	   margin-top: 3.2rem;
	   margin-right: 3rem
   }
   .top-bar-navigation-list li a {
	   line-height: 2.4rem
   }
   .top-bar-navigation-list li a:not(.button):after {
	   content: "";
	   bottom: 0
   }
}

@media screen and (max-width:39.9375em),
screen and (min-width:40em) and (max-width:73.0625em) {
   .top-bar-mutation {
	   width: 100%;
	   max-width: 24rem;
	   display: none;
	   vertical-align: top;
	   margin: 0;
	   padding: 0 1rem;
	   position: absolute;
	   z-index: 0;
	   top: 4rem;
	   right: 0
   }
   .top-bar-mutation li {
	   display: inline-block;
	   margin-right: .875rem
   }
   .top-bar-mutation a {
	   color: #fff;
	   font-size: 1.125rem
   }
   .top-bar-mutation a.is-active {
	   color: #1494D2
   }
   .top-bar-mutation.mutation-visible {
	   display: block
   }
}

@media screen and (max-width:39.9375em) {
   .top-bar-mutation {
	   padding-top: .5rem;
	   padding-bottom: .5rem;
	   background-color: rgba(0, 0, 0, .95)
   }
}

@media screen and (min-width:40em) and (max-width:73.0625em) {
   .top-bar-mutation {
	   padding: 0;
	   top: 1.95rem
   }
}

@media screen and (min-width:73.125em) {
   .top-bar-mutation {
	   height: 2.3rem;
	   margin: 1.6rem 0 0 1rem;
	   padding-left: .5rem;
	   position: relative;
	   float: right;
	   list-style: none;
	   overflow: hidden
   }
   .top-bar-mutation:before {
	   content: "";
	   width: 1px;
	   height: 1.4rem;
	   position: absolute;
	   top: .4rem;
	   left: 0;
	   background-color: #fff
   }
   .top-bar-mutation li {
	   display: inline-block;
	   margin-left: .5rem
   }
   .top-bar-mutation a {
	   height: 2.3rem;
	   display: block;
	   position: relative;
	   font-size: .875rem;
	   line-height: 2.3rem;
	   color: #fff
   }
   .top-bar-mutation a:after {
	   content: "";
	   width: 100%;
	   height: 2px;
	   position: absolute;
	   left: 0;
	   bottom: 3px;
	   -webkit-transform: scaleX(0);
	   transform: scaleX(0);
	   background-color: #fff;
	   -webkit-transition-property: -webkit-transform;
	   transition-property: -webkit-transform;
	   transition-property: transform;
	   transition-property: transform, -webkit-transform;
	   -webkit-transition-duration: .3s;
	   transition-duration: .3s
   }
   .top-bar-mutation a.is-active:after,
   .top-bar-mutation a:hover:after {
	   -webkit-transform: scaleX(1);
	   transform: scaleX(1)
   }
}

@media screen and (min-width:98.125em) {
   .top-bar-mutation {
	   margin: 3.2rem 0 0 1rem
   }
   .top-bar-mutation li {
	   margin-left: .5rem
   }
   .top-bar-mutation a {
	   font-size: 1rem;
	   line-height: 2.4rem
   }
   .top-bar-mutation a:not(.button):after {
	   content: "";
	   bottom: 0
   }
}

.footer-socials li,
.top-bar-socials li {
   display: inline-block
}

.top-bar-socials {
   width: 100%;
   float: right;
   margin: 2rem 0 0;
   padding: 0 1rem
}

.top-bar-socials li {
   margin-right: .875rem
}

.footer-socials {
   text-align: center
}

.footer-social-item,
.top-bar-social-item {
   width: 1.375rem;
   height: 1.375rem;
   display: inline-block;
   position: relative;
   font-size: 0;
   vertical-align: top;
   background-size: contain;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.footer-social-item.facebook,
.top-bar-social-item.facebook {
   background-image: url("../svg/facebook.svg")
}

.footer-social-item.behance,
.top-bar-social-item.behance {
   background-image: url("../svg/behance.svg")
}

.footer-social-item.instagram,
.top-bar-social-item.instagram {
   background-image: url("../svg/instagram.svg")
}

.footer-social-item.dribbble,
.top-bar-social-item.dribbble {
   background-image: url("../svg/dribbble.svg")
}

.footer-social-item.clutch,
.top-bar-social-item.clutch {
   background-image: url("../svg/clutch.svg")
}

.top-bar-social-item {
   background-color: hsla(0, 0%, 100%, .6)
}

.footer-social-item {
   margin: 0 .75rem
}

@media screen and (min-width:40em) {
   .top-bar-socials {
	   margin-top: 5.625rem;
	   padding: 0 4rem
   }
}

@media screen and (min-width:73.125em) {
   .top-bar-socials {
	   max-width: 30rem;
	   margin-top: 4rem
   }
   .footer-socials {
	   text-align: right
   }
   .footer-social-item:last-of-type {
	   margin-right: 0
   }
}

@media screen and (min-width:98.125em) {
   .top-bar-socials {
	   max-width: 35rem;
	   margin-top: 6.5rem
   }
}

@-webkit-keyframes arrow-move {
   0% {
	   -webkit-transform: translateX(0);
	   transform: translateX(0)
   }
   50% {
	   -webkit-transform: translateX(90%);
	   transform: translateX(90%)
   }
   to {
	   -webkit-transform: translateX(45%);
	   transform: translateX(45%)
   }
}

@keyframes arrow-move {
   0% {
	   -webkit-transform: translateX(0);
	   transform: translateX(0)
   }
   50% {
	   -webkit-transform: translateX(90%);
	   transform: translateX(90%)
   }
   to {
	   -webkit-transform: translateX(45%);
	   transform: translateX(45%)
   }
}

@-webkit-keyframes arrow-move-back {
   0% {
	   -webkit-transform: translateX(45%);
	   transform: translateX(45%)
   }
   to {
	   -webkit-transform: translateX(0);
	   transform: translateX(0)
   }
}

@keyframes arrow-move-back {
   0% {
	   -webkit-transform: translateX(45%);
	   transform: translateX(45%)
   }
   to {
	   -webkit-transform: translateX(0);
	   transform: translateX(0)
   }
}

.button {
   padding: 1.125rem 2rem 1rem;
   position: relative;
   z-index: 1;
   font-weight: 400;
   font-size: .875rem;
   border-radius: 10rem 10rem 10rem 0;
   border: 1px solid;
   overflow: hidden;
   background-color: transparent
}

.button.button-primary {
   color: #fff;
   border: 0;
   background-color: #1494D2
}

.button.button-white-primary {
   color: #1494D2;
   background-color: #fff!important
}

.button.button-white {
   color: #000;
   border: 0;
   background-color: #fff
}

.button.button-light {
   color: #fff;
   border-color: #fff
}

.button.button-dark {
   color: #000;
   border-color: #000
}

.button.button-large {
   padding: 1.4rem 2rem 1.25rem;
   font-size: 1rem;
   text-transform: uppercase
}

.button.button-app-store,
.button.button-google-play {
   height: 3rem;
   font-size: 0;
   border-radius: 0;
   border: 0!important;
   background-size: auto 100%;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-color: transparent!important
}

.button.button-app-store {
   width: 9.25rem;
   background-image: url("../svg/app-store.svg")
}

.button.button-google-play {
   width: 10.25rem;
   background-image: url("../svg/google-play.svg")
}

.button.button-small {
   padding: .5rem
}

@media screen and (max-width:39.9375em),
screen and (min-width:40em) and (max-width:73.0625em) {
   .button {
	   background-color: transparent!important
   }
   .button.button-primary {
	   color: #fff;
	   border: 0;
	   background-color: #1494D2!important
   }
   .button.button-white {
	   background-color: #fff!important
   }
}

@media screen and (min-width:73.125em) {
   .button {
	   padding: .875rem 1.875rem .75rem;
	   -webkit-transition-property: background-color, border-color;
	   transition-property: background-color, border-color;
	   -webkit-transition-duration: .3s;
	   transition-duration: .3s
   }
   .button:after,
   .button span {
	   display: inline-block
   }
   .button:after {
	   content: "";
	   width: 1rem;
	   height: .625rem;
	   background-size: contain;
	   background-position: 50% 50%;
	   background-repeat: no-repeat;
	   margin-left: .625rem;
	   position: relative;
	   bottom: 1px;
	   -webkit-transition-property: opacity, -webkit-transform;
	   transition-property: opacity, -webkit-transform;
	   transition-property: transform, opacity;
	   transition-property: transform, opacity, -webkit-transform;
	   -webkit-transition-duration: .3s;
	   transition-duration: .3s;
	   -webkit-animation: arrow-move-back .15s linear forwards;
	   animation: arrow-move-back .15s linear forwards
   }
   .button.button-large {
	   padding: 1.5rem 3rem 1.375rem;
	   font-weight: 700;
	   font-size: 1rem
   }
   .button.button-primary:after {
	   background-image: url("../svg/button-arrow-white.svg");
      min-width: 30px;
   }
   .button.button-primary:hover {
	   background-color: #0021db
   }
   .button.button-white-primary:after {
	   background-image: url("../svg/button-arrow-primary.svg")
   }
   .button.button-white:after {
	   background-image: url("../svg/button-arrow-white.svg")
   }
   .button.button-white:hover {
	   color: #fff;
	   background-color: #1494D2
   }
   .button.button-light:after {
	   display: none
   }
   .button.button-light:hover {
	   color: #000;
	   background-color: #fff
   }
   .button.button-dark:after {
	   background-image: url("../svg/button-arrow-white.svg")
   }
   .button.button-dark span {
	   -webkit-transition: -webkit-transform .3s;
	   transition: -webkit-transform .3s;
	   transition: transform .3s;
	   transition: transform .3s, -webkit-transform .3s
   }
   .button.button-dark:hover {
	   color: #fff;
	   background-color: #000
   }
   .button.hover-primary {
	   padding-left: 3.5rem;
	   padding-right: 3.5rem;
	   font-weight: 600
   }
   .button.hover-primary:after {
	   background-image: url("../svg/button-arrow-white.svg");
	   -webkit-transition: opacity .3s, -webkit-transform .3s;
	   transition: opacity .3s, -webkit-transform .3s;
	   transition: transform .3s, opacity .3s;
	   transition: transform .3s, opacity .3s, -webkit-transform .3s;
	   bottom: auto;
	   top: calc(50% - .3125rem);
	   right: 3.5rem;
	   opacity: 0;
	   -webkit-animation: none!important;
	   animation: none!important;
	   position: absolute;
	   display: block
   }
   .button.hover-primary:hover {
	   color: #fff;
	   border-color: #1494D2;
	   background-color: #1494D2
   }
   .button.hover-primary:hover span {
	   -webkit-transform: translateX(-1rem);
	   transform: translateX(-1rem)
   }
   .button.hover-primary:hover:after {
	   -webkit-animation: none!important;
	   animation: none!important;
	   -webkit-transform: translateX(1rem);
	   transform: translateX(1rem);
	   opacity: 1
   }
   .button:hover:after {
	   -webkit-animation: arrow-move .3s linear forwards;
	   animation: arrow-move .3s linear forwards
   }
}

.tags {
   margin: 0;
   list-style: none
}

.tags li {
   display: inline-block;
   margin: 0 .15rem .3rem;
   padding: .3125rem .75rem;
   font-size: .75rem;
   border-radius: 10rem 10rem 10rem 0;
   background-color: rgba(0, 0, 0, .25)
}

.tags.tags-primary li {
   color: #fff;
   background-color: #1494D2
}

.tags.tags-light li {
   background-color: hsla(0, 0%, 100%, .25)
}

@media screen and (min-width:40em) {
   .tags li {
	   margin: 0 .3rem;
	   padding: .3125rem 1.25rem;
	   font-size: .875rem
   }
}

.loader-spin,
.loader-spin:after {
   border-radius: 100%;
   width: 3rem;
   height: 3rem
}

.loader-spin {
   margin: 4rem auto;
   font-size: 10px;
   position: relative;
   border-top: .3rem solid hsla(0, 0%, 75%, .2);
   border-right: .3rem solid hsla(0, 0%, 75%, .2);
   border-bottom: .3rem solid hsla(0, 0%, 75%, .2);
   border-left: .3rem solid #1494D2;
   -webkit-animation: load-spin-an 1.1s infinite linear;
   animation: load-spin-an 1.1s infinite linear
}

@-webkit-keyframes load-spin-an {
   0% {
	   -webkit-transform: rotate(0deg);
	   transform: rotate(0deg)
   }
   to {
	   -webkit-transform: rotate(1turn);
	   transform: rotate(1turn)
   }
}

@keyframes load-spin-an {
   0% {
	   -webkit-transform: rotate(0deg);
	   transform: rotate(0deg)
   }
   to {
	   -webkit-transform: rotate(1turn);
	   transform: rotate(1turn)
   }
}

@media screen and (min-width:73.125em) {
   .loader-spin {
	   margin: 7rem auto
   }
}

.header {
   min-height: calc(100vh - 4rem);
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.header h5 {
   -webkit-animation-name: loadTextAnimationTransform;
   animation-name: loadTextAnimationTransform;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
}

.header h1,
.header h2,
.header h3,
.header h5 {
   -webkit-animation-duration: 1s;
   animation-duration: 1s
}

.header h1,
.header h2,
.header h3 {
   -webkit-animation-name: loadTextAnimationTransform2;
   animation-name: loadTextAnimationTransform2;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
}

.header .button,
.header p {
   -webkit-animation-name: loadTextAnimationTransform3;
   animation-name: loadTextAnimationTransform3;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
}

.header-content {
   min-height: calc(100vh - 4rem);
   padding: 4rem 0 1rem;
   position: relative;
   z-index: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.header-content .button,
.header-content p {
   margin-top: 2rem
}

.header-brands {
   display: none
}

.header-content-overlay {
   background-color: rgba(0, 0, 0, .75)
}

.header-video-wrapper {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 0;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden
}

.header-video-wrapper .video-placeholder {
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.header-gradient-background {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 0;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden
}

.header-gradient-background .header-bg-image {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center
}

.header-contact {
   height: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.header-about {
   position: relative;
   z-index: 5
}

@media screen and (max-width:39.9375em) {
   .header-contact {
	   padding-top: 1.75rem
   }
}

.header-small {
   min-height: 15rem;
   position: relative;
   overflow: hidden;
   background-color: #16181c;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.header-small-content {
   padding: 4rem 0 2rem;
   position: relative;
   z-index: 1
}

.header-small-content h3 {
   -webkit-animation-name: loadTextAnimationTransform;
   animation-name: loadTextAnimationTransform;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
}

.header-small-background-text {
   display: none;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   position: absolute;
   z-index: 0;
   left: 50%;
   bottom: 0;
   font-weight: 700;
   text-align: center;
   text-transform: uppercase;
   line-height: 73%;
   color: #090909;
   white-space: nowrap;
   -webkit-animation-name: loadTextAnimationOpacity;
   animation-name: loadTextAnimationOpacity;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
}

.header-case-study {
   padding-top: 6rem;
   padding-bottom: 42%;
   position: relative
}

.header-case-study-content .tags {
   margin-bottom: 2rem
}

.header-case-study-image {
   width: 100%;
   padding-bottom: 40%;
   position: absolute;
   left: 0;
   bottom: 0;
   background-size: auto 100%;
   background-position: 50% calc(100% + 2px);
   background-repeat: no-repeat
}

.header-box {
   display: none
}

.header-services {
   min-height: auto;
   padding-bottom: calc(20vw + 3rem)
}

.header-services .header-content {
   min-height: auto;
   padding-bottom: 0
}

.header-services .header-text {
   margin-top: 2.25rem
}

.header-consulting {
   min-height: 75vh
}

.header-consulting .header-content {
   min-height: 75vh;
   padding-top: 10rem;
   padding-bottom: 12.5rem
}

@media screen and (max-width:39.9375em) {
   .header-services {
	   padding-bottom: calc(40vw + 3rem)
   }
}

.header-plugged-bottom {
   height: auto;
   margin-bottom: -25rem
}

.header-plugged-bottom .header-text {
   margin: 12.5rem 0 25rem
}

@media screen and (max-width:39.9375em) {
   .header {
	   text-align: center
   }
   .header-plugged-bottom {
	   margin-bottom: 0
   }
   .header-plugged-bottom .header-text {
	   margin: 7.5rem 0
   }
}

.content-link-wrapper {
   width: 100%;
   position: absolute;
   bottom: 2.5rem;
   left: 50%;
   z-index: 10;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%)
}

.content-link-wrapper .content-link {
   padding-left: 3.5rem;
   position: relative;
   opacity: .8;
   cursor: pointer
}

.content-link-wrapper .content-link:before {
   content: " ";
   width: 2.5rem;
   height: 2.5rem;
   position: absolute;
   top: 50%;
   left: 0;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   background-image: url("../svg/scroll-down-arrow.svg");
   background-position: 50%;
   background-size: contain;
   background-repeat: no-repeat
}

.content-link-wrapper .content-link:hover {
   color: #fff
}

@media screen and (max-width:39.9375em),
screen and (min-width:40em) and (max-width:73.0625em) {
   .header-content {
	   -webkit-box-orient: vertical;
	   -webkit-box-direction: normal;
	   -ms-flex-direction: column;
	   flex-direction: column
   }
   .header-secondary {
	   height: 20%;
	   min-height: 15rem
   }
   .header-secondary h1,
   .header-secondary h5 {
	   text-align: center
   }
}

@media screen and (min-width:40em) {
   .header-content .button {
	   margin-right: 2rem
   }
   .header-brands {
	   width: 100%;
	   display: block;
	   position: absolute;
	   left: 0;
	   bottom: 0
   }
   .header-small {
	   min-height: 25rem
   }
   .header-small-background-text {
	   display: block;
	   font-size: 5.75rem
   }
   .header-case-study {
	   padding-top: 15%
   }
}

@media screen and (min-width:73.125em) {
   .header-content {
	   padding: 5rem 0;
	   -webkit-box-align: center;
	   -ms-flex-align: center;
	   align-items: center
   }
   .header-video-wrapper .video-placeholder,
   .header-video-wrapper video {
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);
	   transform: translateZ(0) translateX(-50%) translateY(-50%)
   }
   .header-video-wrapper .video-placeholder {
	   width: 100%;
	   height: 100%;
	   min-width: 1600px;
	   min-height: 900px
   }
   .header-video-wrapper video {
	   min-width: 100%;
	   min-height: 100%
   }
   .header-text {
	   width: 100%
   }
   .header-small {
	   min-height: 20rem
   }
   .header-small-background-text {
	   font-size: 10rem
   }
   .header-case-study {
	   min-height: 100%;
	   padding-top: 10%
   }
   .header-box {
	   display: block;
	   padding-left: 1rem;
	   padding-right: 1rem;
	   position: absolute;
	   bottom: 0;
	   left: 0;
	   right: 0;
	   margin-left: auto;
	   margin-right: auto;
	   width: 100%;
	   max-width: 81.25rem;
	   margin-bottom: 4rem
   }
   .header-box.big-margin-bottom {
	   margin-bottom: 5rem
   }
   .header-box-item {
	   height: 2.25rem;
	   background-position: 50%;
	   background-repeat: no-repeat;
	   background-size: 100% auto;
	   margin-right: 1.875rem;
	   margin-left: 1.875rem;
	   display: inline-block;
	   opacity: .8
   }
   .header-box-item:first-of-type {
	   margin-left: 0
   }
   .header-box-item:last-of-type {
	   margin-right: 0
   }
   .header-secondary {
	   text-align: center;
	   max-height: 50rem
   }
}

@media screen and (min-width:98.125em) {
   .header .row {
	   max-width: 100rem
   }

    .header .row.bigger {
	   max-width: 104rem
   }
   .header .h5,
   .header h5 {
	   font-size: 1.125rem
   }
   .header-content {
	   padding: 12rem 0 8rem
   }
   .header-small {
	   min-height: 24rem
   }
   .header-small-content {
	   padding: 6rem 0 4rem
   }
   .header-small-background-text {
	   font-size: 14rem
   }
   .header-box {
	   max-width: 100rem
   }
}

@-webkit-keyframes loadTextAnimationTransform {
   0% {
	   -webkit-transform: translateX(-2rem);
	   transform: translateX(-2rem);
	   opacity: 0
   }
   to {
	   -webkit-transform: translateX(0);
	   transform: translateX(0);
	   opacity: 1
   }
}

@keyframes loadTextAnimationTransform {
   0% {
	   -webkit-transform: translateX(-2rem);
	   transform: translateX(-2rem);
	   opacity: 0
   }
   to {
	   -webkit-transform: translateX(0);
	   transform: translateX(0);
	   opacity: 1
   }
}

@-webkit-keyframes loadTextAnimationTransform2 {
   0% {
	   -webkit-transform: translateX(-4rem);
	   transform: translateX(-4rem);
	   opacity: 0
   }
   to {
	   -webkit-transform: translateX(0);
	   transform: translateX(0);
	   opacity: 1
   }
}

@keyframes loadTextAnimationTransform2 {
   0% {
	   -webkit-transform: translateX(-4rem);
	   transform: translateX(-4rem);
	   opacity: 0
   }
   to {
	   -webkit-transform: translateX(0);
	   transform: translateX(0);
	   opacity: 1
   }
}

@-webkit-keyframes loadTextAnimationTransform3 {
   0% {
	   -webkit-transform: translateX(-6rem);
	   transform: translateX(-6rem);
	   opacity: 0
   }
   to {
	   -webkit-transform: translateX(0);
	   transform: translateX(0);
	   opacity: 1
   }
}

@keyframes loadTextAnimationTransform3 {
   0% {
	   -webkit-transform: translateX(-6rem);
	   transform: translateX(-6rem);
	   opacity: 0
   }
   to {
	   -webkit-transform: translateX(0);
	   transform: translateX(0);
	   opacity: 1
   }
}

@-webkit-keyframes loadTextAnimationTransformOnly {
   0% {
	   -webkit-transform: translateY(2rem);
	   transform: translateY(2rem)
   }
   to {
	   -webkit-transform: translateY(0);
	   transform: translateY(0)
   }
}

@keyframes loadTextAnimationTransformOnly {
   0% {
	   -webkit-transform: translateY(2rem);
	   transform: translateY(2rem)
   }
   to {
	   -webkit-transform: translateY(0);
	   transform: translateY(0)
   }
}

@-webkit-keyframes loadTextAnimationTransformOnly2 {
   0% {
	   -webkit-transform: translateY(2.5rem);
	   transform: translateY(2.5rem)
   }
   to {
	   -webkit-transform: translateY(0);
	   transform: translateY(0)
   }
}

@keyframes loadTextAnimationTransformOnly2 {
   0% {
	   -webkit-transform: translateY(2.5rem);
	   transform: translateY(2.5rem)
   }
   to {
	   -webkit-transform: translateY(0);
	   transform: translateY(0)
   }
}

@-webkit-keyframes loadTextAnimationOpacity {
   0% {
	   opacity: 0
   }
   to {
	   opacity: 1
   }
}

@keyframes loadTextAnimationOpacity {
   0% {
	   opacity: 0
   }
   to {
	   opacity: 1
   }
}

.footer {
   width: 100%;
   overflow: hidden
}

.footer-logo {
   height: 2.9rem;
   display: inline-block;
   margin-bottom: .75rem;
   position: relative;
   top: -.5rem
}

.footer-logo img {
   height: 100%
}

.footer-navigation {
   padding: 3rem 0 0;
   font-size: .875rem;
   font-weight: 400;
   text-align: center
}

.footer-navigation h6,
.footer-navigation p {
   margin-bottom: .75rem
}

.footer-navigation h6 {
   margin-top: 2rem;
   text-transform: uppercase;
   font-weight: 700
}

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

.footer-navigation li {
   margin: .5rem 0
}

.footer-navigation a {
   color: #000
}

.footer-navigation a:hover {
   color: #1494D2;
   text-decoration: underline
}

.made-by-pixelmate {
   display: none
}

.footer-address-list {
   padding: 1rem 0;
   border-bottom: 1px solid #e0e0e5
}

.footer-address-item {
   display: block;
   margin: 1rem 0;
   padding-left: 1.5rem;
   background-image: url("../svg/address-marker.svg");
   background-size: .625rem auto;
   background-position: 0 .125rem;
   background-repeat: no-repeat
}

.footer-address-item .text,
.footer-address-item .title {
   display: block;
   font-size: .875rem
}

.footer-address-item .title {
   font-weight: 700
}

.footer-address-item .text,
.footer-copy {
   font-weight: 400
}

.footer-copy {
   padding: 1.25rem 0 1rem;
   color: #8a8a8a;
   font-size: .875rem
}

.footer-copy p {
   margin: 1rem 0 1.25rem
}

.footer-copy p,
.footer-mutation-list {
   text-align: center
}

.footer-mutation-item {
   display: inline-block;
   margin: 0 .5rem;
   color: #8a8a8a
}

.footer-mutation-item.is-active,
.footer-mutation-item:hover {
   color: #000
}

.footer-contact {
   padding: 5rem 0;
   background-color: #1494D2;
   background-image: url("../svg/footer-map.svg");
   background-size: auto 120%
}

.footer-contact,
.footer-contact .call-icon {
   background-position: 50%;
   background-repeat: no-repeat
}

.footer-contact .call-icon {
   width: 3.25rem;
   height: 3.25rem;
   display: inline-block;
   vertical-align: middle;
   background-size: contain
}

.footer-contact-heading {
   margin-bottom: 3.5rem
}

.footer-contact-bubble {
   padding: 1.25rem 3.5rem;
   padding-left: 5rem;
   display: inline-block;
   position: relative;
   text-align: left;
   background-color: #17181c;
   border-radius: 10rem 10rem 10rem 0;
   width: auto;
}

.footer-contact-bubble .number {
   margin-bottom: .375rem;
   font-size: 1rem;
   font-weight: 700
}

.footer-contact-bubble .number a,
.footer-contact-bubble .number a:hover {
   color: #fff
}

.footer-contact-bubble p {
   margin-bottom: 0;
   font-size: .875rem
}

.footer-contact-bubble:before {
   content: "";
   width: 2.25rem;
   height: 2.25rem;
   position: absolute;
   top: calc(50% - 1.125rem);
   left: 1.5rem;
   background-image: url("../svg/footer-button-phone.svg");
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: contain
}

.clutch-widget {
   margin-top: 2rem;
   text-align: center;
   width: 11.875rem;
   height: 3.125rem;
   display: inline-block
}

@media screen and (min-width:40em) {
   .footer {
	   position: relative;
	   z-index: -1
   }
   .footer-navigation {
	   padding-top: 5rem
   }
   .footer-address {
	   position: relative
   }
   .footer-address .made-by-pixelmate {
	   display: block;
	   width: 8.5rem;
	   height: 6rem;
	   position: absolute;
	   top: 50%;
	   right: 0;
	   -webkit-transform: translateY(-50%);
	   transform: translateY(-50%);
	   font-size: 0;
	   background-image: url("../png/made-by-pixelmate.png");
	   background-size: 100% auto;
	   background-position: 0 50%;
	   background-repeat: no-repeat
   }
   .footer-address,
   .footer-copy,
   .footer-navigation {
	   position: relative;
	   z-index: 1;
	   background-color: #fff
   }
   .footer-contact {
	   width: 100%;
	   position: fixed;
	   z-index: 0;
	   left: 0;
      bottom: 0;
 
   }
   .footer-contact-bubble {
	   padding-left: 6rem
   }
   .footer-contact-bubble .number {
      font-size: 1.625rem; 
      position: relative;
      top: 0;
   }
   .footer-contact-bubble p {
	   font-size: 1rem
   }
   .footer-contact-bubble:before {
	   left: 2.5rem
   }
}

@media screen and (min-width:73.125em) {
   .footer-navigation {
	   text-align: left
   }
   .footer-navigation h6 {
	   margin-top: 0
   }
   .footer-address-list {
	   padding: 2.75rem 0
   }
   .footer-address-item {
	   display: inline-block;
	   margin: 0 1.5rem 0 0
   }
   .footer-copy p {
	   margin: 0
   }
   .footer-mutation-list {
	   text-align: left
   }
   .footer-mutation-item {
	   margin: 0 1.875rem 0 0
   }
   .clutch-widget {
	   margin-top: 1rem
   }
}

.reference {
   padding: 4rem 0
}

.reference-list {
   margin-top: 3rem;
   overflow: hidden
}

.other-references {
   display: none
}

.other-references.is-visible {
   display: block
}

.reference-item {
   width: 50%;
   height: 0;
   margin-top: -1px;
   padding-bottom: 35%;
   float: left;
   position: relative;
   border: 1px solid #e0e0e5;
   border-left: 0;
   border-bottom: 0
}

.reference-item .image-wrapper {
   width: 45%;
   height: 3.35rem;
   -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
   transform: translateX(-50%) translateY(-50%) scale(1);
   position: absolute;
   top: 50%;
   left: 50%
}

.reference-item .image {
   width: 100%;
   height: 100%;
   background-size: contain;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   image-rendering: -moz-crisp-edges;
   image-rendering: -o-crisp-edges;
   image-rendering: -webkit-optimize-contrast;
   image-rendering: crisp-edges;
   -ms-interpolation-mode: nearest-neighbor;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
}

.reference-item:after {
   content: "";
   width: .75rem;
   height: .75rem;
   -webkit-transform: translateX(-47%) translateY(46%);
   transform: translateX(-47%) translateY(46%);
   position: absolute;
   left: 100%;
   bottom: 100%;
   border-radius: 50%;
   background-color: #e0e0e5
}

@media screen and (max-width:39.9375em),
screen and (min-width:40em) and (max-width:73.0625em) {
   .reference-item:nth-child(2) {
	   border-right: 0
   }
   .reference-item:nth-child(2):after {
	   display: none
   }
   .reference-item:nth-child(4) {
	   border-right: 0
   }
   .reference-item:nth-child(4):after {
	   display: none
   }
   .reference-item:nth-child(6) {
	   border-right: 0
   }
   .reference-item:nth-child(6):after {
	   display: none
   }
   .reference-item:nth-child(8) {
	   border-right: 0
   }
   .reference-item:nth-child(8):after {
	   display: none
   }
   .reference-item:nth-child(10) {
	   border-right: 0
   }
   .reference-item:nth-child(10):after {
	   display: none
   }
   .reference-item:nth-child(12) {
	   border-right: 0
   }
   .reference-item:nth-child(12):after {
	   display: none
   }
   .reference-item:nth-child(14) {
	   border-right: 0
   }
   .reference-item:nth-child(14):after {
	   display: none
   }
   .reference-item:nth-child(16) {
	   border-right: 0
   }
   .reference-item:nth-child(16):after {
	   display: none
   }
   .reference-item:nth-child(18) {
	   border-right: 0
   }
   .reference-item:nth-child(18):after {
	   display: none
   }
   .reference-item:nth-child(20) {
	   border-right: 0
   }
   .reference-item:first-child:after,
   .reference-item:nth-child(20):after {
	   display: none
   }
}

@media screen and (min-width:40em) {
   .reference {
	   padding: 15% 0
   }
}

@media screen and (min-width:73.125em) {
   .reference {
	   padding: 10% 0
   }
   .reference-body {
	   padding-bottom: 10%
   }
   .reference-item {
	   width: 25%;
	   padding-bottom: 19%
   }
   .reference-item:nth-child(4) {
	   border-right: 0
   }
   .reference-item:nth-child(4):after {
	   display: none
   }
   .reference-item:nth-child(8) {
	   border-right: 0
   }
   .reference-item:nth-child(8):after {
	   display: none
   }
   .reference-item:nth-child(12) {
	   border-right: 0
   }
   .reference-item:nth-child(12):after {
	   display: none
   }
   .reference-item:nth-child(16) {
	   border-right: 0
   }
   .reference-item:nth-child(16):after {
	   display: none
   }
   .reference-item:nth-child(20) {
	   border-right: 0
   }
   .reference-item:nth-child(20):after {
	   display: none
   }
   .reference-item:nth-child(24) {
	   border-right: 0
   }
   .reference-item:nth-child(24):after {
	   display: none
   }
   .reference-item:nth-child(28) {
	   border-right: 0
   }
   .reference-item:nth-child(28):after {
	   display: none
   }
   .reference-item:nth-child(32) {
	   border-right: 0
   }
   .reference-item:nth-child(32):after {
	   display: none
   }
   .reference-item:nth-child(36) {
	   border-right: 0
   }
   .reference-item:nth-child(36):after {
	   display: none
   }
   .reference-item:nth-child(40) {
	   border-right: 0
   }
   .reference-item:first-child:after,
   .reference-item:nth-child(2):after,
   .reference-item:nth-child(3):after,
   .reference-item:nth-child(40):after {
	   display: none
   }
   .reference-item .image {
	   -webkit-transition-property: -webkit-transform;
	   transition-property: -webkit-transform;
	   transition-property: transform;
	   transition-property: transform, -webkit-transform;
	   -webkit-transition-duration: .3s;
	   transition-duration: .3s
   }
   .reference-item:hover .image {
	   -webkit-transform: scale(1.1);
	   transform: scale(1.1)
   }
}

.big-reference {
   color: #fff;
   position: relative;
   background-color: #fff
}

.big-reference .big-reference-content {
   padding: 4rem 0
}

.big-reference .big-reference-text {
   text-align: center
}

.big-reference .big-reference-text h2 {
   margin: .625rem 0 .75rem
}

.big-reference .big-reference-text .button {
   margin: 2.5rem 0 0
}

.big-reference .big-reference-image {
   display: none
}

.big-reference .row {
   width: 100%
}

.big-reference .links-wrapper .link {
   width: 5rem;
   height: 5rem;
   margin-top: 2.5rem;
   margin-right: 1.25rem;
   display: inline-block;
   vertical-align: top;
   border: 1px solid #fff;
   border-radius: 50%;
   -webkit-transition: background-color .3s;
   transition: background-color .3s
}

.big-reference .links-wrapper .link:after {
   content: "";
   width: 100%;
   height: 100%;
   display: block;
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: 35% 35%
}

.big-reference .links-wrapper .link:hover {
   background-color: #fff
}

.big-reference .links-wrapper .link:hover:after {
   -webkit-filter: invert(90);
   filter: invert(90)
}

.big-reference .links-wrapper .app-store,
.big-reference .links-wrapper .google-play,
.big-reference .links-wrapper .web-link {
   font-size: 0
}

.big-reference .links-wrapper .app-store:after {
   background-image: url("../svg/reference-apple-store.svg")
}

.big-reference .links-wrapper .google-play:after {
   background-image: url("../svg/reference-google-play.svg")
}

.big-reference .links-wrapper .web-link:after {
   background-image: url("../svg/reference-web-link.svg")
}

@media screen and (min-width:73.125em) {
   .big-reference {
	   padding: 0 1.875rem;
	   overflow: hidden
   }
   .big-reference .big-reference-content {
	   -webkit-transform: skewY(5deg);
	   transform: skewY(5deg)
   }
   .big-reference .big-reference-content>* {
	   -webkit-transform: skewY(-5deg);
	   transform: skewY(-5deg)
   }
   .big-reference .big-reference-text {
	   float: left;
	   padding-right: 0
   }
   .big-reference .big-reference-image {
	   width: 55%;
	   top: -10%;
	   left: 45%;
	   bottom: 10%;
	   background-size: contain;
	   background-position: 50% 50%;
	   background-repeat: no-repeat
   }
   .big-reference .big-reference-content {
	   margin: 5% 0;
	   padding: 10% 3.5rem;
	   position: relative;
	   border-radius: 2.25rem
   }
   .big-reference .big-reference-text {
	   width: 42.5%;
	   text-align: left
   }
   .big-reference .big-reference-text .tags li {
	   margin: 0 .625rem .625rem 0
   }
   .big-reference .big-reference-image {
	   width: 50%;
	   display: block;
	   position: absolute;
	   top: -3.5rem;
	   bottom: 3.5rem
   }
   .big-reference .big-reference-image img {
	   position: absolute
   }
}

.small-reference {
   margin-top: -2.75rem;
   margin-bottom: -1.25rem;
   background-color: transparent
}

.small-reference-item {
   height: 0;
   display: block;
   padding-bottom: 132%;
   position: relative;
   color: #fff!important;
   overflow: hidden;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.small-reference-item-tag {
   width: 15rem;
   height: 2.5rem;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   position: absolute;
   top: 2.15rem;
   right: -4.15rem;
   color: #1494D2;
   line-height: 2.5rem;
   text-transform: uppercase;
   text-align: center;
   background-color: #fff
}

.small-reference-item-content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0
}

.small-reference-item-content .name,
.small-reference-item-content .tags {
   width: 100%;
   position: absolute;
   left: 0
}

.small-reference-item-content .name {
   padding: 0 2.5rem;
   top: 2rem
}

.small-reference-item-content .tags {
   padding: 0 1.875rem;
   bottom: 1.75rem
}

.small-reference-item-content .tags li {
   margin: .625rem .625rem 0 0
}

.small-reference-item-hide-content {
   display: none
}

@media screen and (min-width:40em) {
   .small-reference {
	   margin-top: -1.75rem;
	   margin-bottom: -2rem
   }
   .small-reference-item {
	   margin-bottom: 1.25rem
   }
}

@media screen and (min-width:73.125em) {
   .small-reference {
	   margin-top: -2.75rem
   }
   .small-reference-item .small-reference-item-hide-content {
	   display: block;
	   position: absolute;
	   top: 0;
	   right: 0;
	   bottom: 0;
	   left: 0;
	   background-color: rgba(0, 0, 0, .5);
	   -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .5);
	   box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .5);
	   -webkit-transition: opacity .3s ease-in-out;
	   transition: opacity .3s ease-in-out;
	   overflow: hidden;
	   opacity: 0
   }
   .small-reference-item .small-reference-item-hide-content-button {
	   position: absolute;
	   width: 100%;
	   height: 50px;
	   top: calc(50% - 25px);
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   justify-content: center;
	   -webkit-box-align: center;
	   -ms-flex-align: center;
	   align-items: center
   }
   .small-reference-item:hover {
	   color: #fff
   }
   .small-reference-item:hover .small-reference-item-hide-content {
	   opacity: 1
   }
}

@media screen and (min-width:98.125em) {
   .small-reference {
	   margin-top: -3.75rem
   }
}

.reference-slider {
   padding: 4rem 0 0;
   background-color: #16181c
}

.reference-slider-wrapper {
   margin-top: 2rem
}

.reference-slider-wrapper .bx-wrapper {
   margin: 0 auto
}

.reference-slider-wrapper .bx-controls .bx-next,
.reference-slider-wrapper .bx-controls .bx-prev {
   display: none
}

.reference-slider-items-list[data-device=web] .reference-slider-item .image {
   padding-bottom: 78%
}

.reference-slider-items-list[data-device=mobile] .reference-slider-item .image {
   padding-bottom: 180%
}

.reference-slider-item .image {
   width: 100%;
   height: 0;
   background-size: 100% auto;
   background-repeat: no-repeat
}

@media screen and (min-width:40em) {
   .reference-slider {
	   padding: 15% 0 0
   }
   .reference-slider-wrapper {
	   margin-top: 2rem
   }
}

@media screen and (min-width:73.125em) {
   .reference-slider {
	   padding: 10% 0 0
   }
   .reference-slider .bx-controls {
	   width: 100%;
	   display: block;
	   position: absolute;
	   top: 50%;
	   left: 0
   }
   .reference-slider .bx-controls a {
	   width: 4.375rem;
	   height: 4.375rem;
	   -webkit-transform: translateY(-50%);
	   transform: translateY(-50%);
	   position: absolute;
	   top: 0;
	   font-size: 0;
	   border-radius: 50%;
	   background-size: 50% auto;
	   background-position: 50% 50%;
	   background-repeat: no-repeat;
	   background-color: #fff
   }
   .reference-slider .bx-controls a.bx-prev {
	   left: -6.5rem;
	   background-image: url("../svg/arrow-left-primary.svg")
   }
   .reference-slider .bx-controls a.bx-next {
	   right: -6.5rem;
	   background-image: url("../svg/arrow-right-primary.svg")
   }
   .reference-slider-wrapper .bx-controls .bx-next,
   .reference-slider-wrapper .bx-controls .bx-prev {
	   width: 4rem;
	   height: 4rem;
	   display: inline-block;
	   position: absolute;
	   top: 50%;
	   background-color: #fff;
	   background-position: 50%;
	   background-size: 33% 33%;
	   background-repeat: no-repeat;
	   -webkit-box-shadow: 0 .25rem .75rem .25rem rgba(0, 0, 0, .1);
	   box-shadow: 0 .25rem .75rem .25rem rgba(0, 0, 0, .1);
	   border-radius: 50%;
	   -webkit-transform: translateY(-50%);
	   transform: translateY(-50%);
	   -webkit-filter: grayscale(100%);
	   filter: grayscale(100%);
	   -webkit-transition: all .3s;
	   transition: all .3s;
	   outline: 0;
	   text-indent: -9999px;
	   z-index: 10;
	   cursor: pointer
   }
   .reference-slider-wrapper .bx-controls .bx-next:hover,
   .reference-slider-wrapper .bx-controls .bx-prev:hover {
	   -webkit-filter: grayscale(0);
	   filter: grayscale(0)
   }
   .reference-slider-wrapper .bx-controls .bx-prev {
	   left: 3rem;
	   background-image: url("../svg/arrow-left-primary.svg")
   }
   .reference-slider-wrapper .bx-controls .bx-next {
	   right: 3rem;
	   background-image: url("../svg/arrow-right-primary.svg")
   }
}

.services {
   margin-top: -2.75rem;
   background-color: transparent
}

.services .services-list {
   margin-bottom: 3rem;
   -webkit-box-shadow: 0 7px 40px rgba(0, 0, 0, .4);
   box-shadow: 0 7px 40px rgba(0, 0, 0, .4)
}

.services-list-small {
   max-width: 64rem;
   margin-left: auto;
   margin-right: auto
}

.services+.service-detail {
   margin-top: -3rem
}

.services-block {
   padding: 4rem 0;
   background-color: #1494D2
}

.services-block .services-list {
   margin-top: 2rem
}

.services-list {
   overflow: hidden
}

.service-item {
   width: 100%;
   position: relative;
   background-color: #000
}

.service-item-big .button {
   margin-top: 1rem
}

.service-item-big .h4 {
   min-height: 0
}

.service-item-background {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.service-item-content {
   display: block;
   padding: 1.5rem;
   color: #fff!important
}

.service-item-content .icon {
   width: 4.125rem;
   height: 3rem;
   background-size: contain;
   background-position: 0 50%;
   background-repeat: no-repeat
}

.service-item-content h4 {
   min-height: 3.25rem;
   margin: 1.25rem 0 1rem
}

.service-item-content p {
   font-weight: 300
}

.service-detail {
   padding: 4rem 0;
   background-color: transparent
}

.service-detail p {
   margin: 1.5rem 0
}

.service-detail .tags li {
   margin-top: .5rem
}

.service-detail+.service-detail {
   margin-top: -4rem
}

.service-timeline-wrapper {
   display: none
}

@media screen and (max-width:39.9375em) {
   .service-item {
	   margin-top: 1px
   }
}

@media screen and (min-width:40em) {
   .services {
	   margin-top: -1.75rem
   }
   .services .services-list {
	   margin-bottom: 4.5rem;
	   overflow: hidden
   }
   .services+.service-detail {
	   margin-top: -4.5rem
   }
   .services-block {
	   padding: 15% 0
   }
   .services-block .services-list {
	   margin-top: 4rem
   }
   .service-item {
	   width: 50%;
	   float: left;
	   padding-bottom: 55%
   }
   .service-item-big {
	   padding-bottom: 60%
   }
   .service-item-big .button {
	   margin-top: 0
   }
   .service-item-big h4 {
	   min-height: 0
   }
   .service-item-content {
	   padding: 2.5rem;
	   position: absolute;
	   top: 0;
	   left: 0;
	   right: 0;
	   bottom: 0
   }
   .service-item-content .icon {
	   width: 5.125rem;
	   height: 4rem
   }
   .service-item-content h4 {
	   min-height: 5rem;
	   margin: 1.75rem 0 1.5rem
   }
   .service-detail {
	   padding: 15% 0;
	   position: static
   }
   .service-detail.is-active .service-detail-content:before {
	   background-color: #1494D2
   }
   .service-detail.is-active .service-detail-content.icon-planning:after {
	   background-image: url("../svg/planning-white.svg")
   }
   .service-detail.is-active .service-detail-content.icon-design:after {
	   background-image: url("../svg/design-white.svg")
   }
   .service-detail.is-active .service-detail-content.icon-development:after {
	   background-image: url("../svg/development-white.svg")
   }
   .service-detail.is-active .service-detail-content.icon-testing:after {
	   background-image: url("../svg/testing-white.svg")
   }
   .service-detail.is-active .service-detail-content.icon-marketing:after {
	   background-image: url("../svg/marketing-white.svg")
   }
   .service-detail.is-active .service-detail-content.icon-cooperation:after {
	   background-image: url("../svg/cooperation-white.svg")
   }
   .service-detail-content {
	   padding: 0 17%;
	   position: relative
   }
   .service-detail-content:after,
   .service-detail-content:before {
	   content: "";
	   -webkit-transform: translateY(-50%);
	   transform: translateY(-50%);
	   position: absolute;
	   z-index: 1;
	   top: 50%
   }
   .service-detail-content:before {
	   width: 5.625rem;
	   height: 5.625rem;
	   left: 0;
	   border-radius: 50%;
	   -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
	   box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
	   background-color: #fff;
	   -webkit-transition-property: background-color;
	   transition-property: background-color;
	   -webkit-transition-duration: .3s;
	   transition-duration: .3s
   }
   .service-detail-content:after {
	   width: 3.125rem;
	   height: 3.125rem;
	   left: 1.25rem;
	   background-size: contain;
	   background-position: 50% 50%;
	   background-repeat: no-repeat
   }
   .service-detail-content.icon-planning:after {
	   background-image: url("../svg/planning-red.svg")
   }
   .service-detail-content.icon-design:after {
	   background-image: url("../svg/design-red.svg")
   }
   .service-detail-content.icon-development:after {
	   background-image: url("../svg/development-red.svg")
   }
   .service-detail-content.icon-testing:after {
	   background-image: url("../svg/testing-red.svg")
   }
   .service-detail-content.icon-marketing:after {
	   background-image: url("../svg/marketing-red.svg")
   }
   .service-detail-content.icon-cooperation:after {
	   background-image: url("../svg/cooperation-red.svg")
   }
   .service-detail-content p {
	   margin: 2rem 0
   }
   .service-timeline-wrapper {
	   display: block;
	   width: 0;
	   margin-left: 2.75rem;
	   position: absolute;
	   z-index: 0;
	   border-right: .25rem dotted #d0d0d0
   }
   .service-timeline-progress {
	   width: .25rem;
	   position: absolute;
	   top: 0;
	   left: 0;
	   overflow: hidden
   }
   .service-timeline-progress-border {
	   position: absolute;
	   top: 0;
	   left: 0;
	   border-right: .25rem dotted #1494D2
   }
   .service-detail+.service-detail {
	   margin-top: -15%
   }
}

@media screen and (min-width:73.125em) {
   .services {
	   margin-top: -2.75rem
   }
   .services-block {
	   padding: 10% 0
   }
   .service-item {
	   width: 33.33%;
	   float: left;
	   padding-bottom: 37%;
	   overflow: hidden;
	   cursor: pointer
   }
   .service-item:after {
	   content: "";
	   width: 1.875rem;
	   height: 1.875rem;
	   -webkit-transform: translateY(0);
	   transform: translateY(0);
	   position: absolute;
	   left: 2.5rem;
	   bottom: 1.875rem;
	   background-image: url("../svg/arrow-down-primary.svg");
	   background-size: contain;
	   background-position: 0 0;
	   background-repeat: no-repeat
   }
   .service-item:hover:after {
	   -webkit-animation-name: arrowJump;
	   animation-name: arrowJump;
	   -webkit-animation-duration: .3s;
	   animation-duration: .3s;
	   -webkit-animation-fill-mode: forwards, none;
	   animation-fill-mode: forwards, none;
	   -webkit-animation-timing-function: ease-in;
	   animation-timing-function: ease-in
   }
   .service-item:hover .service-item-background {
	   opacity: 1;
	   -webkit-transform: scale(1);
	   transform: scale(1)
   }
   .service-item.no-arrow:after {
	   content: "";
	   display: none
   }
   .service-item-big {
	   width: 50%;
	   padding-bottom: 38%
   }
   .service-item-big .service-item-content {
	   padding-top: 2.5rem;
	   padding-bottom: 7.5rem
   }
   .service-item-big .button {
	   margin-top: 1rem
   }
   .service-item-big h4 {
	   min-height: 0
   }
   .service-item-background {
	   opacity: 0;
	   -webkit-transform: scale(2);
	   transform: scale(2);
	   -webkit-transition-property: opacity, -webkit-transform;
	   transition-property: opacity, -webkit-transform;
	   transition-property: opacity, transform;
	   transition-property: opacity, transform, -webkit-transform;
	   -webkit-transition-duration: .3s;
	   transition-duration: .3s
   }
   .service-item-content {
	   padding: 4.375rem 2.5rem
   }
   .service-detail {
	   padding: 10% 0
   }
   .service-detail-content {
	   padding: 0 27.5%
   }
   .service-detail+.service-detail {
	   margin-top: -10%
   }
}

@media screen and (min-width:98.125em) {
   .services {
	   margin-top: -3.75rem
   }
}

@-webkit-keyframes arrowJump {
   50% {
	   -webkit-transform: translateY(-1rem);
	   transform: translateY(-1rem)
   }
   to {
	   -webkit-transform: translateY(0);
	   transform: translateY(0)
   }
}

@keyframes arrowJump {
   50% {
	   -webkit-transform: translateY(-1rem);
	   transform: translateY(-1rem)
   }
   to {
	   -webkit-transform: translateY(0);
	   transform: translateY(0)
   }
}

.citation {
   padding: 6rem 7rem;
   position: relative
}

.citation .citation-content {
   position: relative;
   -webkit-box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1);
   box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1);
   text-align: center
}

.citation .citation-content .citation-inner {
   padding: 5rem;
   position: relative;
   background-color: #fff;
   z-index: 1
}

.citation .citation-content .logo {
   width: 15rem;
   height: auto;
   max-height: 5rem;
   margin-bottom: 3.5rem;
   -o-object-fit: contain;
   object-fit: contain
}

.citation .citation-content .citation-text {
   margin-bottom: 3.5rem
}

.citation .citation-content .author-name {
   margin-bottom: .5rem;
   font-weight: 700
}

.citation .citation-content .author-position {
   opacity: .6
}

.citation .citation-content .author-image {
   width: 6rem;
   height: 6rem;
   position: absolute;
   bottom: -3rem;
   left: calc(50% - 3rem);
   border-radius: 50%
}

.citation .citation-content:before {
   content: " ";
   width: 8rem;
   height: 8rem;
   position: absolute;
   top: -6rem;
   left: -7rem;
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: contain;
   z-index: -1
}

.citation ul {
   list-style: none
}

.citation .citation-logo {
   margin-bottom: 3rem;
   display: inline-block
}

.citation .reference-share {
   margin-top: 2rem
}

.citation-slider-wrapper {
   width: 100%;
   overflow: hidden;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

.citation-slider-wrapper .citation-slider {
   padding: 0
}

.citation-slider-wrapper .citation-slider .citation-slider-inner-wrapper {
   padding-top: 2.25rem;
   padding-bottom: 4.5rem;
   -webkit-transition: opacity .3s;
   transition: opacity .3s
}

.citation-slider-wrapper .citation-slider .citation-slider-inner-wrapper[aria-hidden=true] {
   opacity: .4
}

.citation-slider-wrapper .citation-slider .citation-content:before {
   display: none
}

.reference-slider-wrapper {
   margin: 0 auto
}

.reference-slider-wrapper .bx-viewport {
   overflow: visible!important
}

@media screen and (max-width:39.9375em) {
   .citation {
	   padding: 1.5rem 0
   }
   .citation .citation-content .citation-inner {
	   padding: 5rem 1.5rem
   }
   .citation .citation-content:before {
	   display: none
   }
   .citation-slider-wrapper .citation-slider .citation-slider-inner-wrapper {
	   padding: 1.25rem;
	   padding-bottom: 6rem
   }
}

@media screen and (min-width:73.125em) {
   .citation-slider-wrapper .citation-content {
	   min-height: 32.5rem
   }
}

.numbers {
   padding: 4rem 0;
   position: relative;
   color: #fff;
   background-size: cover;
   background-position: 50% 50%;
   background-color: #1494D2
}

.numbers .button {
   margin: 1.5rem 0 0
}

.number-block,
.number-block .number,
.number-block .number-label {
   display: block
}

.number-block .number {
   font-size: 2.75rem;
   font-weight: 700;
   line-height: 1
}

.number-block .number-label {
   margin: 1.25rem 0;
   text-transform: uppercase;
   font-size: .875rem
}

.number-block.number-block-small .number {
   font-size: 2rem
}

@media screen and (min-width:40em) {
   .numbers {
	   min-height: 100%;
	   padding: 7.5rem 0;
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-orient: vertical;
	   -webkit-box-direction: normal;
	   -ms-flex-direction: column;
	   flex-direction: column;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   justify-content: center
   }
   .numbers .button {
	   margin: 2.5rem 0 0
   }
   .number-block {
	   display: inline-block;
	   vertical-align: top;
	   margin: 0 2rem
   }
   .number-block .number {
	   font-size: 6.25rem
   }
   .number-block .number-label {
	   font-size: 1.125rem
   }
   .number-block.number-block-small .number {
	   font-size: 4rem
   }
   .number-block.number-block-small .number-label {
	   font-size: 1rem
   }
}

@media screen and (min-width:73.125em) {
   .numbers {
	   background-attachment: fixed
   }
}

.why-us {
   padding: 4rem 0;
   text-align: center;
   overflow: hidden
}

.why-us .button {
   margin-bottom: 0
}

.why-us-item-list {
   margin-top: 2rem
}

.why-us-item {
   padding: 0 1.25rem 1.25rem;
   background-color: #fff
}

.why-us-item .number,
.why-us-item .text {
   display: block
}

.why-us-item .number {
   font-size: 3rem;
   font-weight: 700;
   line-height: 1
}

.why-us-item .line {
   height: 2px;
   margin: .5rem 0 1.25rem;
   background-color: #e0e0e5
}

.why-us-item .line-inner {
   width: 0;
   height: 100%;
   background-color: #1494D2
}

.why-us-item .text {
   font-size: 1.25rem;
   font-weight: 400
}

.why-us-avatar .image {
   position: relative
}

.why-us-avatar .shapes {
   position: absolute;
   height: 8rem;
   width: 8rem;
   background-size: contain;
   background-position: 50%;
   background-repeat: no-repeat
}

.why-us-avatar .first-shape {
   background-image: url("../svg/blue_stroke.svg");
   bottom: 8%;
   right: 3%;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg)
}

.why-us-avatar .second-shape {
   background-image: url("../svg/blue_pattern.svg");
   height: 6rem;
   width: 6rem;
   bottom: 26%;
   left: -2%;
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg)
}

.why-us-avatar .text {
   font-size: 1.25rem
}

.why-us-avatar .text span {
   display: block;
   font-weight: 300
}

@media screen and (min-width:40em) {
   .why-us {
	   padding: 15% 0;
	   text-align: left
   }
   .why-us-item-list {
	   margin-top: 3rem
   }
   .why-us-item {
	   padding: 1.875rem
   }
   .why-us-item .text {
	   font-size: 1.5rem
   }
}

@media screen and (min-width:73.125em) {
   .why-us {
	   padding: 10% 0
   }
   .why-us-item-list {
	   margin-left: -1.875rem
   }
   .why-us-item {
	   -webkit-transition-property: -webkit-box-shadow;
	   transition-property: -webkit-box-shadow;
	   transition-property: box-shadow;
	   transition-property: box-shadow, -webkit-box-shadow
   }
   .why-us-item,
   .why-us-item .number,
   .why-us-item .text {
	   -webkit-transition-duration: .3s;
	   transition-duration: .3s
   }
   .why-us-item .number,
   .why-us-item .text {
	   -webkit-transition-property: color;
	   transition-property: color
   }
   .why-us-item.is-active {
	   color: #1494D2;
	   -webkit-box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1);
	   box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1)
   }
}

.interactive-map {
   display: none
}

@media screen and (min-width:40em) {
   .interactive-map {
	   display: block;
	   padding: 15% 0 0
   }
   .interactive-map .map {
	   height: 0;
	   margin: 2rem auto 0;
	   padding-bottom: 60%;
	   position: relative;
	   background-image: url("../index-20.html");
	   background-size: 100% auto;
	   background-repeat: no-repeat
   }
   .interactive-map .point {
	   width: 1rem;
	   height: 1rem;
	   position: absolute;
	   z-index: 0;
	   cursor: pointer;
	   border-radius: 50%;
	   background-color: #1494D2
   }
   .interactive-map .point:after {
	   content: "";
	   width: 80%;
	   height: 80%;
	   -webkit-transform: translateX(-50%) translateY(-50%);
	   transform: translateX(-50%) translateY(-50%);
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   border-radius: 50%;
	   border: 2px solid #fff
   }
   .interactive-map .point.point-1 {
	   top: 25%;
	   left: 49.75%
   }
   .interactive-map .point.point-2 {
	   top: 28%;
	   left: 46%
   }
   .interactive-map .point.point-3 {
	   top: 29%;
	   left: 50%
   }
   .interactive-map .point.point-4 {
	   top: 27%;
	   left: 49.825%
   }
   .interactive-map .point.point-5 {
	   top: 22%;
	   left: 49.25%
   }
   .interactive-map .point.point-6 {
	   top: 40%;
	   left: 11%
   }
   .interactive-map .point.point-7 {
	   top: 41%;
	   left: 21.75%
   }
   .interactive-map .point.point-8 {
	   top: 47%;
	   left: 63%
   }
   .interactive-map .point.point-9 {
	   top: 88%;
	   left: 98%
   }
   .interactive-map .point.point-10 {
	   top: 84%;
	   left: 91%
   }
   .interactive-map .point.point-11 {
	   top: 35%;
	   left: 81%
   }
   .interactive-map .point.point-12 {
	   top: 35%;
	   left: 88%
   }
   .interactive-map .point.point-13 {
	   top: 23%;
	   left: 25%
   }
   .interactive-map .point.point-14 {
	   top: 25%;
	   left: 10%
   }
   .interactive-map .point.point-15 {
	   top: 75%;
	   left: 33%
   }
   .interactive-map .point.point-16 {
	   top: 33.5%;
	   left: 45%
   }
   .interactive-map .point.point-17 {
	   top: 36%;
	   left: 49%
   }
   .interactive-map .point.point-18 {
	   top: 24%;
	   left: 58%
   }
   .interactive-map .point.point-19 {
	   top: 78%;
	   left: 54%
   }
   .interactive-map .point.point-20 {
	   top: 46%;
	   left: 24%
   }
   .interactive-map .point.point-21 {
	   top: 41%;
	   left: 58%
   }
   .interactive-map .point:hover {
	   z-index: 1
   }
   .interactive-map .point:hover .point-content {
	   opacity: 1;
	   -webkit-transform: translateZ(0) translateX(-50%) scale(1);
	   transform: translateZ(0) translateX(-50%) scale(1)
   }
   .interactive-map .point-content {
	   -webkit-transform: translateZ(0) translateX(-50%) scale(0);
	   transform: translateZ(0) translateX(-50%) scale(0);
	   opacity: 0;
	   padding: .5rem 2rem;
	   position: absolute;
	   bottom: 2rem;
	   left: 50%;
	   font-size: 1.375rem;
	   font-weight: 400;
	   line-height: 1;
	   color: #fff;
	   border-radius: .5rem;
	   background-color: #1494D2;
	   -webkit-transition-property: opacity, -webkit-transform;
	   transition-property: opacity, -webkit-transform;
	   transition-property: transform, opacity;
	   transition-property: transform, opacity, -webkit-transform;
	   -webkit-transition-duration: .3s;
	   transition-duration: .3s
   }
   .interactive-map .point-content:after {
	   content: "";
	   width: .8rem;
	   height: .8rem;
	   -webkit-transform: translateX(-50%);
	   transform: translateX(-50%);
	   position: absolute;
	   left: 50%;
	   bottom: -.3rem;
	   border-radius: 50%;
	   background-color: #1494D2
   }
}

@media screen and (min-width:73.125em) {
   .interactive-map {
	   padding: 10% 0 0
   }
   .interactive-map .map {
	   width: 75%;
	   padding-bottom: 45%
   }
}

.custom-map-makrer {
   width: 10px;
   height: 10px;
   position: absolute;
   border-radius: 50%;
   background-color: #1494D2
}

.custom-map-makrer:after {
   content: "";
   width: 16px;
   height: 16px
}

.custom-map-makrer-circle,
.custom-map-makrer-circle:after,
.custom-map-makrer-circle:before,
.custom-map-makrer:after {
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   position: absolute;
   top: 50%;
   left: 50%;
   border-radius: 50%;
   border: 1px solid #1494D2
}

.custom-map-makrer-circle:after,
.custom-map-makrer-circle:before {
   content: ""
}

.custom-map-makrer-circle {
   width: 30px;
   height: 30px;
   opacity: .6
}

.custom-map-makrer-circle:before {
   width: 44px;
   height: 44px;
   opacity: .4
}

.custom-map-makrer-circle:after {
   width: 58px;
   height: 58px;
   opacity: .2
}

.custom-map-makrer-content {
   -webkit-transform: translateZ(0) translateX(-50%) scale(1);
   transform: translateZ(0) translateX(-50%) scale(1);
   opacity: 1;
   padding: .4rem 1.5rem;
   position: absolute;
   bottom: 1.75rem;
   left: 50%;
   font-size: .875rem;
   font-weight: 400;
   line-height: 1;
   color: #fff;
   border-radius: .5rem;
   background-color: #1494D2;
   -webkit-transition-property: opacity, -webkit-transform;
   transition-property: opacity, -webkit-transform;
   transition-property: transform, opacity;
   transition-property: transform, opacity, -webkit-transform;
   -webkit-transition-duration: .3s;
   transition-duration: .3s
}

.custom-map-makrer-content:after {
   content: "";
   width: .8rem;
   height: .8rem;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   position: absolute;
   left: 50%;
   bottom: -.3rem;
   border-radius: 50%;
   background-color: #1494D2
}

.custom-map-makrer-content.Plovdiv {
  bottom: -36px;
}

.custom-map-makrer-content.Plovdiv:after {
  bottom: 19px;
}

.contact-form {
   padding: 4rem 0;
   text-align: center;
   position: relative;
   overflow: hidden;
   background-image: url("../jpg/product-consulting-header-bg.jpg");
   background-size: cover;
   background-position: 50%;
   background-repeat: no-repeat
}

.contact-form .contact-form-content {
   margin: 2.5rem auto 0
}

.contact-form-content {
   width: 100%;
   text-align: left
}

.contact-form-content .form {
   padding: 2rem 1.5rem;
   -webkit-box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15);
   box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15);
   background-color: #fff
}

.contact-form-content .form .form-line-input {
   position: relative
}

.contact-form-content .form .form-line-input.is-focused input.text,
.contact-form-content .form .form-line-input.is-focused textarea.text {
   border-color: #000
}

.contact-form-content .form .form-line-input.is-focused label {
   -webkit-transform: scale(.8) translateY(-.7rem) translateX(-12.65%) translateZ(0);
   transform: scale(.8) translateY(-.7rem) translateX(-12.65%) translateZ(0);
   text-transform: uppercase
}

.contact-form-content .form label {
   width: auto;
   position: absolute;
   top: 1.3rem;
   left: 1.125rem;
   line-height: 1;
   color: #8a8a8a;
   -webkit-transition-property: color, -webkit-transform;
   transition-property: color, -webkit-transform;
   transition-property: transform, color;
   transition-property: transform, color, -webkit-transform;
   -webkit-transition-duration: .1s;
   transition-duration: .1s
}

.contact-form-content .form label.white {
   color: #fff
}

.contact-form-content .form input.text,
.contact-form-content .form select.text,
.contact-form-content .form textarea.text {
   padding: 0 1.125rem;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: 1px solid #e0e0e5;
   color: #000
}

.contact-form-content .form input.text.transparent,
.contact-form-content .form select.text.transparent,
.contact-form-content .form textarea.text.transparent {
   background-color: rgba(0, 0, 0, .1);
   color: #fff;
   -webkit-box-shadow: none;
   box-shadow: none
}

.contact-form-content .form input.text,
.contact-form-content .form select.text {
   height: 3.5rem;
   padding-top: 1rem
}

.contact-form-content .form select.text {
   background-position: 100% 30%
}

.contact-form-content .form textarea.text {
   height: 7.25rem;
   padding-top: 1.6rem;
   padding-bottom: 1rem
}

.contact-form-content .form .form-error {
   display: none;
   margin-left: .5rem;
   color: #1494D2
}

.contact-form-content .form .form-error.is-visible {
   display: inline-block!important
}

.contact-form-content .button {
   width: 100%;
   height: 3.875rem;
   margin: 1rem 0 0;
   padding: 0;
   font-size: 1.25rem;
   font-weight: 700;
   text-transform: uppercase;
   line-height: 3.875rem
}

.contact-form-content .button:after {
   display: none
}

.contact-pattern {
   position: absolute;
   width: 5rem;
   height: 5rem;
   z-index: -1;
   background-position: 50%;
   background-size: contain;
   background-repeat: no-repeat
}

.contact-stroke-white {
   background-image: url("../svg/white_stroke.svg");
   top: 15%;
   right: 97%
}

.contact-stroke-white.second {
   width: 3rem;
   height: 3rem;
   top: 60%;
   right: 10%
}

.contact-stroke-blue {
   background-image: url("../svg/blue_stroke.svg");
   top: 20%;
   right: 20%;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg)
}

.contact-stroke-blue.second {
   top: 95%;
   right: 30%
}

.contact-pattern-blue {
   background-image: url("../svg/blue_pattern.svg");
   top: 80%;
   right: 90%;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg)
}

.contact-pattern-blue.second {
   width: 3rem;
   height: 3rem;
   -webkit-transform: none;
   transform: none;
   top: 5%;
   right: 60%
}

.contact-pattern-white {
   background-image: url("../svg/white_pattern.svg");
   top: 10%;
   right: 5%;
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg)
}

.contact-pattern-white.second {
   width: 4rem;
   height: 4rem;
   -webkit-transform: none;
   transform: none;
   top: 50%;
   right: 40%
}

@media screen and (max-width:39.9375em) {
   .contact-pattern {
	   display: none
   }
}

@media screen and (min-width:40em) {
   .contact-form {
	   padding: 15% 0
   }
   .contact-form-content {
	   margin: 4rem auto 0
   }
   .contact-form-content .form {
	   padding: 5rem
   }
   .contact-form-content .form .form-line.form-line-children-2>.form-line,
   .contact-form-content .form .form-line.form-line-children-2>.form-line-input,
   .contact-form-content .form .form-line.form-line-children-2>.form-subline {
	   width: calc(50% - .5rem);
	   display: inline-block
   }
   .contact-form-content .form .form-line.form-line-children-2>.form-line-input:last-child,
   .contact-form-content .form .form-line.form-line-children-2>.form-line:last-child,
   .contact-form-content .form .form-line.form-line-children-2>.form-subline:last-child {
	   float: right
   }
   .contact-form-content .form .form-subline.form-subline-children-2>.form-line-input {
	   width: calc(50% - .5rem);
	   display: inline-block
   }
   .contact-form-content .form .form-subline.form-subline-children-2>.form-line-input:last-child {
	   float: right
   }
}

@media screen and (min-width:73.125em) {
   .contact-form {
	   padding: 10% 0;
	   text-align: left
   }
   .contact-form-content .form {
	   padding: 3rem
   }
}

.more-contacts {
   padding: 4rem 0;
   text-align: center
}

.more-contacts,
.more-contacts-list {
   overflow: hidden
}

.more-contacts-item {
   min-height: 10rem;
   margin-top: -1px;
   margin-left: -1px;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   border-top: 1px solid #e0e0e5;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.more-contacts-item-content span {
   display: block
}

.more-contacts-item-content .job,
.more-contacts-item-content .mail {
   font-weight: 400
}

.more-contacts-item-content .name {
   margin-bottom: .5rem;
   font-size: 1.25rem;
   line-height: 1.25
}

.more-contacts-item-content .job {
   color: #1494D2
}

.more-contacts-item-content .mail {
   color: #bfbfbf
}

@media screen and (min-width:40em) {
   .more-contacts {
	   padding: 15% 0
   }
   .more-contacts-list {
	   margin-top: 4rem
   }
   .more-contacts-item {
	   width: 50%;
	   min-height: 15rem;
	   float: left;
	   border-left: 1px solid #e0e0e5
   }
   .more-contacts-item-content .text {
	   padding: 0 2rem;
	   text-align: center;
   }
   .more-contacts-item-content .name {
      font-size: 1.5rem;
      text-align: center;
   }
}

@media screen and (max-width:769px) {
   .products-icon {
      float: none;
      display: inline-block;
  }
}
@media screen and (min-width:73.125em) {
   .more-contacts {
	   padding: 10% 0;
	   text-align: left
   }
   .more-contacts-list {
      padding: 0 15%;
   }
   .more-contacts-item {
	   width: 33%;
	   text-align: center
   }
   .more-contacts-item-content .text {
	   display: inline-block;
      text-align: center;
   }
   .more-contacts-item-content .mail:hover {
	   text-decoration: underline
   }
}

.address {
   position: relative;
   overflow: hidden;
   text-align: center;
   background-color: #000
}

.address .row {
   width: 100%
}

.address-map {
   width: 100%;
   height: 20rem
}

.address-items-list {
   margin-top: 4rem;
   overflow: hidden
}

.address-item {
   margin: 2.5rem 0;
   text-align: center;
   color: #fff
}

.address-item .icon {
   width: 3.375rem;
   height: 2.875rem;
   display: inline-block;
   background-size: contain;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.address-item span {
   display: block
}

.address-item .label {
   margin: .5rem 0;
   font-size: 1.5rem
}

.address-item .text {
   font-weight: 300
}

.address-item a {
   color: #fff!important
}

.address-item:last-of-type {
   margin-bottom: 0
}

.address-block-item {
   width: 100%;
   padding: 3rem;
   color: #fff;
   background-color: hsla(0, 0%, 100%, .1)
}

.address-block-item .icon {
   height: 8.75rem;
   background-size: auto 100%;
   background-position: 0 50%;
   background-repeat: no-repeat
}

.address-block-item h4 {
   margin: 1.5rem 0 .25rem
}

.address-block-item h5 {
   margin: 1rem 0 .25rem;
   text-transform: uppercase
}

.address-block-item p {
   margin: 0;
   font-weight: 400
}

.address-block-item a {
   color: #fff
}

@media screen and (max-width:39.9375em) {
   .address-items-list {
	   margin-top: 2rem
   }
}

@media screen and (min-width:40em) and (max-width:73.0625em) {
   .address-items-list {
	   overflow: hidden
   }
}

@media screen and (min-width:40em) {
   .address-map {
	   width: 100%;
	   height: 40rem
   }
   .address-item .icon {
	   width: 4.375rem;
	   height: 3.875rem
   }
   .address-item .label {
	   margin: .75rem 0;
	   font-size: 1.875rem
   }
   .address-block-item {
	   width: 50%;
	   float: left
   }
}

@media screen and (min-width:73.125em) {
   .address {
	   min-height: 100vh;
	   padding: 5rem 0;
	   text-align: left;
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-orient: vertical;
	   -webkit-box-direction: normal;
	   -ms-flex-direction: column;
	   flex-direction: column;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   justify-content: center
   }
   .address-map {
	   height: 100%;
	   margin: 0;
	   position: absolute;
	   top: 0;
	   left: 0;
	   bottom: 0
   }
   .address-item {
	   margin: 3rem 0;
	   text-align: left
   }
   .address-item .icon {
	   width: 4.375rem;
	   height: 3.875rem;
	   background-position: 0 50%
   }
   .address-block-item {
	   padding: 3rem;
	   position: relative;
	   z-index: 1;
	   -webkit-transition-property: background-color;
	   transition-property: background-color;
	   -webkit-transition-duration: .3s;
	   transition-duration: .3s
   }
}

.team {
   margin-top: -2.75rem;
   margin-bottom: 4rem;
   background-color: transparent
}

.team .team-list {
   margin-bottom: 3rem;
   -webkit-box-shadow: 0 7px 40px rgba(0, 0, 0, .4);
   box-shadow: 0 7px 40px rgba(0, 0, 0, .4)
}

.team .column :last-child,
.team .columns :last-child {
   margin-bottom: 0
}

.team-block {
   padding: 4rem 0
}

.team-block .team-list {
   margin-top: 2rem
}

.team-item {
   width: 100%;
   height: 0;
   padding-bottom: 100%;
   position: relative
}

.team-item-image {
   position: absolute;
   z-index: 0;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.team-item-bottom {
   width: 100%;
   padding: 1.75rem;
   position: absolute;
   z-index: 1;
   left: 0;
   bottom: 0
}

.team-item-bottom .tags li {
   margin: 0 .625rem 0 0
}

.team-item-bottom .name {
   display: block;
   margin-bottom: .75rem;
   color: #fff;
   font-size: 1.5rem
}

.team-item-link {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-image: url("../svg/plus.svg");
   background-position: 50% 50%;
   background-size: 3.75rem auto;
   background-color: rgba(15, 51, 255, .85);
   background-repeat: no-repeat;
   -webkit-transition-property: background-color;
   transition-property: background-color;
   -webkit-transition-duration: .2s;
   transition-duration: .2s
}

.team-item-link:hover {
   background-color: #1494D2
}

@media screen and (min-width:40em) {
   .team {
	   margin-top: -1.75rem;
	   margin-bottom: 15%
   }
   .team .team-list {
	   margin-bottom: 4.5rem;
	   overflow: hidden;
	   -webkit-animation-name: loadTextAnimationTransformOnly2;
	   animation-name: loadTextAnimationTransformOnly2;
	   -webkit-animation-duration: 1s;
	   animation-duration: 1s;
	   -webkit-animation-fill-mode: forwards;
	   animation-fill-mode: forwards
   }
   .team-block {
	   padding: 15% 0
   }
   .team-block .team-list {
	   margin-top: 4rem
   }
   .team-list {
	   background-color: #fff
   }
   .team-item {
	   width: 50%;
	   float: left;
	   padding-bottom: 50%
   }
   .team-item-bottom .name {
	   font-size: 1.75rem
   }
}

@media screen and (min-width:73.125em) {
   .team {
	   margin-top: -2.75rem;
	   margin-bottom: 10%
   }
   .team-block {
	   padding: 10% 0
   }
   .team-item {
	   width: 25%;
	   float: left;
	   padding-bottom: 25%;
	   overflow: hidden
   }
   .team-item:hover .team-item-image {
	   -webkit-transform: scale(1.1);
	   transform: scale(1.1)
   }
   .team-item:hover .team-item-bottom .tags li {
	   background-color: #000
   }
   .team-item-image {
	   image-rendering: -moz-crisp-edges;
	   image-rendering: -o-crisp-edges;
	   image-rendering: -webkit-optimize-contrast;
	   image-rendering: crisp-edges;
	   -ms-interpolation-mode: nearest-neighbor;
	   -webkit-backface-visibility: hidden;
	   backface-visibility: hidden;
	   -webkit-transition-property: -webkit-transform;
	   transition-property: -webkit-transform;
	   transition-property: transform;
	   transition-property: transform, -webkit-transform
   }
   .team-item-bottom .tags li,
   .team-item-image {
	   -webkit-transition-duration: .5s;
	   transition-duration: .5s
   }
   .team-item-bottom .tags li {
	   -webkit-transition-property: background-color;
	   transition-property: background-color
   }
}

@media screen and (min-width:98.125em) {
   .team {
	   margin-top: -3.75rem
   }
}

.properties {
   padding: 4rem 0;
   color: #fff;
   background-color: #16181c;
   background-image: url("../index-21.html");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 50%
}

.properties-block {
   margin-bottom: 4rem;
   padding: 2.25rem 1rem 1.5rem;
   -webkit-box-shadow: 0 7px 35px rgba(0, 0, 0, .1);
   box-shadow: 0 7px 35px rgba(0, 0, 0, .1);
   background-color: #fff
}

.properties-block .button {
   margin: 1rem 0 0
}

.properties-item {
   margin-top: 2.5rem
}

.properties-item p {
   margin-bottom: 0;
   font-weight: 400
}

@media screen and (min-width:40em) {
   .properties {
	   padding: 15% 0
   }
   .properties-block {
	   margin-bottom: 15%;
	   padding: 4.5rem 4rem;
	   -webkit-animation-name: loadTextAnimationTransformOnly2;
	   animation-name: loadTextAnimationTransformOnly2;
	   -webkit-animation-duration: 1s;
	   animation-duration: 1s;
	   -webkit-animation-fill-mode: forwards;
	   animation-fill-mode: forwards
   }
   .properties-block .button {
	   margin: 2.5rem 0 0
   }
   .properties-item {
	   margin-top: 2.5rem
   }
}

@media screen and (min-width:73.125em) {
   .properties {
	   min-height: 100%;
	   padding: 10% 0;
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-orient: vertical;
	   -webkit-box-direction: normal;
	   -ms-flex-direction: column;
	   flex-direction: column;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   justify-content: center
   }
   .properties .row {
	   width: 100%
   }
   .properties-block {
	   margin-bottom: 10%;
	   margin-top: -2.75rem
   }
}

@media screen and (min-width:98.125em) {
   .properties-block {
	   margin-top: -3.75rem
   }
}

.gallery {
   margin-top: -2.75rem;
   padding: 0 .75rem;
   background-color: transparent
}

.gallery,
.gallery-row {
   overflow: hidden
}

.gallery-item {
   width: 100%;
   height: 0;
   margin-bottom: .75rem;
   padding-bottom: 67%;
   position: relative;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-color: #e0e0e5
}

.gallery-item.gallery-item-portrait {
   padding-bottom: 134%
}

.gallery-item-content {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: #1494D2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 1rem
}

.gallery-item-content .number {
   font-size: 3.5rem;
   font-weight: 700
}

.gallery-item-content .gallery-item-block {
   width: 4.5rem;
   height: .25rem;
   background-color: #fff;
   margin: 0 auto .75rem
}

.gallery-item-content .text {
   width: 100%;
   font-size: 1;
   padding: 0 1rem;
   display: block
}

.gallery-item-content-wrap {
   width: 100%;
   text-align: center
}

@media screen and (min-width:40em) {
   .gallery {
	   margin-top: -1.75rem
   }
   .gallery-column {
	   width: 33.33%;
	   float: left;
	   padding: .25rem .25rem .5rem
   }
   .gallery-two-column {
	   width: 66.66%
   }
   .gallery-column-no-padding-top {
	   padding-top: 0;
	   padding-bottom: 0
   }
   .gallery-item {
	   margin-bottom: .5rem
   }
   .gallery-item.gallery-item-portrait {
	   padding-bottom: calc(134% + .5rem)
   }
   .gallery-item-big {
	   padding-bottom: calc(67% + 2.5px)
   }
   .gallery-column-half-in-two-wrap {
	   margin-left: -.25rem;
	   margin-right: -.25rem
   }
   .gallery-column-half-in-two-wrap:after {
	   content: "";
	   clear: both;
	   display: block
   }
   .gallery-column-half-in-two {
	   width: 50%;
	   float: left
   }
   .gallery-item-content {
	   padding: .75rem
   }
   .gallery-item-content .number {
	   font-size: 1.5rem
   }
   .gallery-item-content .gallery-item-block {
	   margin-bottom: .25rem;
	   height: .125rem;
	   margin-top: 0
   }
   .gallery-item-content .text {
	   font-size: .75rem
   }
}

@media screen and (min-width:73.125em) {
   .gallery {
	   margin-top: -2.75rem
   }
   .gallery-item-content {
	   padding: 1.25rem
   }
   .gallery-item-content .number {
	   font-size: 4rem;
	   margin-bottom: .75rem
   }
   .gallery-item-content .gallery-item-block {
	   margin-bottom: .75rem;
	   height: .25rem
   }
   .gallery-item-content .text {
	   font-size: 1.25rem;
	   padding: 0
   }
   .gallery-column {
	   padding: .75rem .75rem 0
   }
   .gallery-column-no-padding-top {
	   padding-top: 0
   }
   .gallery-item {
	   margin-bottom: 1.5rem
   }
   .gallery-item.gallery-item-portrait {
	   padding-bottom: calc(134% + 1.5rem)
   }
   .gallery-item-big {
	   padding-bottom: calc(67% + 7px)
   }
   .gallery-column-half-in-two-wrap {
	   margin-left: -.75rem;
	   margin-right: -.75rem
   }
   .gallery-column-half-in-two {
	   width: 50%
   }
}

@media screen and (min-width:98.125em) {
   .gallery {
	   margin-top: -3.75rem;
	   padding: 0 1.125rem
   }
   .gallery-column {
	   width: 33.33%;
	   float: left;
	   padding: 1.125rem 1.125rem 0
   }
   .gallery-column-no-padding-top {
	   padding-top: 0
   }
   .gallery-two-column {
	   width: 66.66%
   }
   .gallery-item-big {
	   padding-bottom: calc(67% + 11px)
   }
   .gallery-item {
	   margin-bottom: 2.25rem
   }
   .gallery-item.gallery-item-portrait {
	   padding-bottom: calc(134% + 2.25rem)
   }
   .gallery-column-half-in-two {
	   width: 50%
   }
   .gallery-column-half-in-two-wrap {
	   margin-left: -1.125rem;
	   margin-right: -1.125rem
   }
   .gallery-item-content {
	   padding: .75rem
   }
   .gallery-item-content .number {
	   font-size: 4.5rem;
	   margin-bottom: .75rem
   }
   .gallery-item-content .gallery-item-block {
	   margin-bottom: 1rem
   }
   .gallery-item-content .text {
	   font-size: 1.75rem
   }
}

.image-pagination-item {
   height: 0;
   display: block;
   position: relative;
   padding-bottom: 60%;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-color: #e0e0e5
}

.image-pagination-item-content {
   padding: 0 2rem;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.image-pagination-item-content .tags li {
   margin: 0
}

.image-pagination-item-content h3 {
   margin: .75rem 0 3rem;
   position: relative
}

.image-pagination-item-content h3:after {
   content: "";
   width: 4rem;
   height: 1.5rem;
   position: absolute;
   bottom: -3rem;
   background-size: contain;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.image-pagination-item-content .text-left h3:after {
   left: 0;
   background-image: url("../svg/arrow-right.svg")
}

.image-pagination-item-content .text-right h3:after {
   right: 0;
   background-image: url("../svg/arrow-left.svg")
}

@media screen and (min-width:40em) {
   .image-pagination {
	   overflow: hidden
   }
   .image-pagination-item {
	   width: 50%;
	   float: left;
	   padding-bottom: 45%
   }
   .image-pagination-item-content h3 {
	   margin: .75rem 0 4rem
   }
   .image-pagination-item-content h3:after {
	   width: 4.5rem;
	   height: 1.875rem;
	   bottom: -4rem
   }
}

@media screen and (min-width:73.125em) {
   .image-pagination-item {
	   padding-bottom: 25%
   }
   .image-pagination-item-content {
	   padding: 0 5rem
   }
}

@media screen and (min-width:98.125em) {
   .image-pagination-item {
	   padding-bottom: 21%
   }
   .image-pagination-item-content {
	   padding: 0 8.75rem
   }
}

.timeline {
   padding: 4rem 0
}

.timeline .button {
   margin: 3rem 0 0
}

.timeline-content {
   margin: 3rem 0 0;
   position: relative
}

.timeline-items-list {
   position: relative;
   z-index: 1
}

.timeline-item {
   margin-bottom: 2.5rem
}

.timeline-item:last-of-type {
   margin-bottom: 0
}

.timeline-item.is-active .timeline-item-content:before {
   background-color: #1494D2
}

.timeline-item.is-active .timeline-item-content.icon-consultation:after {
   background-image: url("../svg/consultation-white.svg")
}

.timeline-item.is-active .timeline-item-content.icon-specification:after {
   background-image: url("../svg/specification-white.svg")
}

.timeline-item.is-active .timeline-item-content.icon-design:after {
   background-image: url("../svg/design-white.svg")
}

.timeline-item.is-active .timeline-item-content.icon-programming:after {
   background-image: url("../svg/programming-white.svg")
}

.timeline-item.is-active .timeline-item-content.icon-done:after {
   background-image: url("../svg/done-white.svg")
}

.timeline-item.is-active .timeline-item-content.icon-testing:after {
   background-image: url("../svg/testing-white.svg")
}

.timeline-item.is-active .timeline-item-content.icon-deal:after {
   background-image: url("../svg/deal-white.svg")
}

.timeline-item.is-active .timeline-item-content.icon-cooperation:after {
   background-image: url("../svg/cooperation-graph-white.svg")
}

.timeline-item-content {
   padding-left: 4rem;
   position: relative
}

.timeline-item-content h5 {
   margin-bottom: .5rem
}

.timeline-item-content .text {
   display: block;
   font-size: 1.125rem;
   font-weight: 700;
   line-height: 1.2
}

.timeline-item-content p {
   margin-top: 1rem
}

.timeline-item-content:after,
.timeline-item-content:before {
   content: "";
   position: absolute
}

.timeline-item-content:before {
   width: 3rem;
   height: 3rem;
   top: 0;
   left: 0;
   border-radius: 50%;
   -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
   box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
   background-color: #fff;
   -webkit-transition-property: background-color;
   transition-property: background-color;
   -webkit-transition-duration: .3s;
   transition-duration: .3s
}

.timeline-item-content:after {
   width: 1.5rem;
   height: 1.5rem;
   top: .75rem;
   left: .75rem;
   background-size: contain;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.timeline-item-content.icon-consultation:after {
   background-image: url("../svg/consultation-red.svg")
}

.timeline-item-content.icon-specification:after {
   background-image: url("../svg/specification-red.svg")
}

.timeline-item-content.icon-design:after {
   background-image: url("../svg/design-red.svg")
}

.timeline-item-content.icon-programming:after {
   background-image: url("../svg/programming-red.svg")
}

.timeline-item-content.icon-done:after {
   background-image: url("../svg/done-red.svg")
}

.timeline-item-content.icon-testing:after {
   background-image: url("../svg/testing-red.svg")
}

.timeline-item-content.icon-deal:after {
   background-image: url("../svg/deal-red.svg")
}

.timeline-item-content.icon-cooperation:after {
   background-image: url("../svg/cooperation-graph-red.svg")
}

.timeline-progress {
   display: none
}

@media screen and (min-width:40em) {
   .timeline {
	   padding: 15% 0
   }
   .timeline .button {
	   margin-top: 5rem
   }
   .timeline-content {
	   margin: 5rem 0 0
   }
   .timeline-item {
	   height: 15rem;
	   margin-bottom: 14.5rem
   }
   .timeline-item:nth-child(2n) {
	   text-align: left
   }
   .timeline-item:nth-child(2n) .timeline-item-content {
	   text-align: right
   }
   .timeline-item:nth-child(2n) .timeline-item-content:before {
	   left: auto;
	   right: -9rem
   }
   .timeline-item:nth-child(2n) .timeline-item-content:after {
	   left: auto;
	   right: -7.75rem
   }
   .timeline-item:nth-child(odd) {
	   text-align: right
   }
   .timeline-item:nth-child(odd) .timeline-item-content {
	   text-align: left
   }
   .timeline-item:nth-child(odd) .timeline-item-content:before {
	   left: -9rem;
	   right: auto
   }
   .timeline-item:nth-child(odd) .timeline-item-content:after {
	   left: -7.75rem;
	   right: auto
   }
   .timeline-item:first-of-type {
	   margin-bottom: 4.75rem
   }
   .timeline-item:last-of-type {
	   height: auto;
	   margin-top: -9.75rem
   }
   .timeline-item-content {
	   width: 30rem;
	   padding: 0;
	   display: inline-block
   }
   .timeline-item-content .text {
	   font-size: 1.875rem
   }
   .timeline-item-content:before {
	   width: 5.25rem;
	   height: 5.25rem
   }
   .timeline-item-content:after {
	   width: 2.75rem;
	   height: 2.75rem;
	   top: 1.25rem
   }
}

@media screen and (min-width:73.125em) {
   .timeline {
	   padding: 10% 0
   }
   .timeline-item {
	   height: 5.5rem
   }
   .timeline-item-content {
	   width: 23.125rem
   }
   .timeline-progress {
	   display: block;
	   position: absolute;
	   z-index: 0;
	   top: 2.5rem;
	   left: 29.75rem;
	   right: 29.75rem;
	   bottom: 0
   }
   .timeline-progress svg {
	   width: 100%
   }
}

@media screen and (min-width:98.125em) {
   .timeline .button {
	   margin-top: 6rem
   }
}

.about-timeline {
   display: none
}

@media screen and (min-width:40em) {
   .about-timeline {
	   display: block;
	   padding: 15% 0
   }
   .about-timeline-axis {
	   width: 12.5rem;
	   float: left;
	   border-right: .25rem dotted #cacaca
   }
   .about-timeline-axis-item {
	   margin: 2.25rem 0;
	   padding-right: 4rem;
	   display: block;
	   position: relative;
	   text-align: right;
	   font-weight: 400;
	   font-size: 1.875rem;
	   line-height: 1;
	   color: #cacaca;
	   color: #878787;
	   cursor: pointer
   }
   .about-timeline-axis-item .time-icon {
	   width: 2.5rem;
	   height: 2.5rem;
	   position: absolute;
	   top: 50%;
	   right: -1.35rem;
	   -webkit-transform: scale(.6) translateY(-80%);
	   transform: scale(.6) translateY(-80%);
	   border: 5px solid #878787;
	   border-radius: 50%;
	   -webkit-box-shadow: 0 0 0 7px #fff;
	   box-shadow: 0 0 0 7px #fff;
	   background-color: #fff
   }
   .about-timeline-axis-item .time-icon:after,
   .about-timeline-axis-item .time-icon:before {
	   content: "";
	   position: absolute;
	   background-color: #878787
   }
   .about-timeline-axis-item .time-icon:before {
	   width: 15px;
	   height: 3px;
	   -webkit-transform: translateX(2px) translateY(-1px);
	   transform: translateX(2px) translateY(-1px);
	   top: 50%;
	   right: 50%
   }
   .about-timeline-axis-item .time-icon:after {
	   width: 3px;
	   height: 13px;
	   -webkit-transform: translateX(-1px) translateY(1px);
	   transform: translateX(-1px) translateY(1px);
	   bottom: 50%;
	   left: 50%
   }
   .about-timeline-axis-item:first-child,
   .about-timeline-axis-item:last-child {
	   color: #cacaca;
	   border-color: #cacaca
   }
   .about-timeline-axis-item:first-child .time-icon,
   .about-timeline-axis-item:last-child .time-icon {
	   border-color: #cacaca
   }
   .about-timeline-axis-item:first-child .time-icon:after,
   .about-timeline-axis-item:first-child .time-icon:before,
   .about-timeline-axis-item:last-child .time-icon:after,
   .about-timeline-axis-item:last-child .time-icon:before {
	   background-color: #cacaca
   }
   .about-timeline-axis-item:first-child {
	   margin: 0 0 5rem
   }
   .about-timeline-axis-item:last-child {
	   margin: 5rem 0 0
   }
   .about-timeline-axis-item.is-active,
   .about-timeline-axis-item:hover {
	   color: #1494D2
   }
   .about-timeline-axis-item.is-active .time-icon,
   .about-timeline-axis-item:hover .time-icon {
	   border-color: #1494D2
   }
   .about-timeline-axis-item.is-active .time-icon:after,
   .about-timeline-axis-item.is-active .time-icon:before,
   .about-timeline-axis-item:hover .time-icon:after,
   .about-timeline-axis-item:hover .time-icon:before {
	   background-color: #1494D2
   }
   .about-timeline-axis-item.is-active {
	   font-size: 3rem;
	   font-weight: 700
   }
   .about-timeline-axis-item.is-active .time-icon {
	   -webkit-transform: scale(1) translateY(-50%);
	   transform: scale(1) translateY(-50%);
	   border-color: #1494D2;
	   background-color: #1494D2
   }
   .about-timeline-axis-item.is-active .time-icon:after,
   .about-timeline-axis-item.is-active .time-icon:before {
	   background-color: #fff
   }
   .about-timeline-content {
	   -webkit-transition-property: opacity;
	   transition-property: opacity;
	   -webkit-transition-duration: .3s;
	   transition-duration: .3s
   }
   .about-timeline-content-item {
	   display: none
   }
   .about-timeline-content-item p {
	   margin: 2rem 0
   }
   .about-timeline-content-item.is-visible {
	   display: block
   }
}

@media screen and (min-width:40em) and (max-width:73.0625em) {
   .about-timeline-content {
	   width: calc(100% - 14rem);
	   padding: 0 2rem;
	   position: absolute;
	   top: 50%;
	   right: 0;
	   -webkit-transform: translateY(-50%);
	   transform: translateY(-50%);
	   text-align: center
   }
}

@media screen and (min-width:73.125em) {
   .about-timeline {
	   padding: 10% 0
   }
   .about-timeline-axis-item {
	   -webkit-transition-property: font-size, color;
	   transition-property: font-size, color;
	   -webkit-transition-duration: .2s;
	   transition-duration: .2s
   }
   .about-timeline-axis-item .time-icon {
	   -webkit-transition-property: border-color, background-color, -webkit-transform;
	   transition-property: border-color, background-color, -webkit-transform;
	   transition-property: transform, border-color, background-color;
	   transition-property: transform, border-color, background-color, -webkit-transform;
	   -webkit-transition-duration: .2s;
	   transition-duration: .2s
   }
   .about-timeline-axis-item .time-icon:after,
   .about-timeline-axis-item .time-icon:before {
	   -webkit-transition-property: background-color;
	   transition-property: background-color;
	   -webkit-transition-duration: .2s;
	   transition-duration: .2s
   }
   .about-timeline-content {
	   width: 45rem;
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   -webkit-transform: translateX(-50%) translateY(-50%);
	   transform: translateX(-50%) translateY(-50%);
	   text-align: center
   }
}

.text-image-block {
   min-height: 100%;
   padding: 4rem 0;
   overflow: hidden;
   background-color: #1494D2
}

.text-image-block-image,
.text-image-block-image .image {
   background-size: auto 90%;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.text-image-block-image .image {
   width: 100%;
   height: 100%
}

.text-image-block-text {
   text-align: center;
   color: #fff
}

.text-image-block-text h2 {
   margin: 1.25rem 0 .75rem
}

.text-image-block-text .button {
   margin: 2.5rem 0 0
}

@media screen and (max-width:39.9375em),
screen and (min-width:40em) and (max-width:73.0625em) {
   .text-image-block-image {
	   height: 0;
	   margin-top: 2.5rem;
	   padding-bottom: 65%
   }
}

@media screen and (min-width:40em) {
   .text-image-block {
	   padding: 5rem 0;
	   position: relative;
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-orient: vertical;
	   -webkit-box-direction: normal;
	   -ms-flex-direction: column;
	   flex-direction: column;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   justify-content: center
   }
}

@media screen and (min-width:73.125em) {
   .text-image-block .text-image-block-image .image {
	   background-position: 0 50%
   }
   .text-image-block:nth-child(odd) .text-image-block-text {
	   float: left;
	   padding-right: 10rem
   }
   .text-image-block:nth-child(odd) .text-image-block-image {
	   right: 0;
	   background-position: 0 50%
   }
   .text-image-block:nth-child(2n) .text-image-block-text {
	   float: right;
	   padding-left: 10rem
   }
   .text-image-block:nth-child(2n) .text-image-block-image {
	   left: 0;
	   background-position: 100% 50%
   }
   .text-image-block.image-right .text-image-block-text {
	   float: left;
	   padding-left: 0;
	   padding-right: 10rem
   }
   .text-image-block.image-right .text-image-block-image {
	   left: auto;
	   right: 0;
	   background-position: 0 50%
   }
   .text-image-block.image-left .text-image-block-text {
	   float: right;
	   padding-left: 10rem;
	   padding-right: 0
   }
   .text-image-block.image-left .text-image-block-image {
	   left: 0;
	   right: auto;
	   background-position: 100% 50%
   }
   .text-image-block.image-right .design-separator,
   .text-image-block:nth-child(odd) .design-separator {
	   width: 2px;
	   position: absolute;
	   top: 1rem;
	   left: 0;
	   bottom: 1rem;
	   cursor: ew-resize;
	   background-color: #fff
   }
   .text-image-block.image-right .design-separator:after,
   .text-image-block.image-right .design-separator:before,
   .text-image-block:nth-child(odd) .design-separator:after,
   .text-image-block:nth-child(odd) .design-separator:before {
	   content: "";
	   width: 1.375rem;
	   height: 1.375rem;
	   -webkit-transform: translateX(-50%);
	   transform: translateX(-50%);
	   position: absolute;
	   left: 1px;
	   border-radius: 50%;
	   border: 2px solid #fff;
	   background-color: #fff
   }
   .text-image-block.image-right .design-separator:before,
   .text-image-block:nth-child(odd) .design-separator:before {
	   top: -1px
   }
   .text-image-block.image-right .design-separator:after,
   .text-image-block:nth-child(odd) .design-separator:after {
	   bottom: -1px
   }
   .text-image-block.image-right .design-separator .dropzone,
   .text-image-block:nth-child(odd) .design-separator .dropzone {
	   position: absolute;
	   top: 0;
	   left: -1rem;
	   right: -1rem;
	   bottom: 0
   }
   .text-image-block-image,
   .text-image-block-text {
	   width: 50%
   }
   .text-image-block-text {
	   text-align: left
   }
   .text-image-block-image {
	   position: absolute;
	   top: 3.5rem;
	   bottom: 3.5rem
   }
}

@media screen and (min-width:98.125em) {
   .text-image-block-image {
	   position: absolute;
	   top: 6.5rem;
	   bottom: 6.5rem
   }
}

.text-image-block-simple {
   padding: 4rem 0
}

.text-image-block-simple-image {
   background-size: auto 100%;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.text-image-block-simple-image .image {
   width: 100%;
   height: 100%;
   background-size: auto 90%;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.text-image-block-simple-text {
   text-align: center
}

.text-image-block-simple-text h2 {
   margin: 1.25rem 0 .75rem
}

.text-image-block-simple-text .button {
   margin: 2.5rem 0 0
}

@media screen and (max-width:39.9375em),
screen and (min-width:40em) and (max-width:73.0625em) {
   .text-image-block-simple-image {
	   height: 0;
	   margin-top: 2.5rem;
	   padding-bottom: 65%
   }
}

@media screen and (min-width:40em) {
   .text-image-block-simple {
	   padding: 5rem 0;
	   position: relative;
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-orient: vertical;
	   -webkit-box-direction: normal;
	   -ms-flex-direction: column;
	   flex-direction: column;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   justify-content: center
   }
   .text-image-block-simple .row {
	   width: 100%
   }
}

@media screen and (min-width:73.125em) {
   .text-image-block-simple {
	   min-height: 100%
   }
   .text-image-block-simple:nth-child(odd) .text-image-block-simple-text {
	   float: left;
	   padding-right: 10rem
   }
   .text-image-block-simple:nth-child(odd) .text-image-block-simple-image {
	   right: 0;
	   background-position: 0 50%
   }
   .text-image-block-simple:nth-child(2n) .text-image-block-simple-text {
	   float: right;
	   padding-left: 10rem
   }
   .text-image-block-simple:nth-child(2n) .text-image-block-simple-image {
	   left: 0;
	   background-position: 100% 50%
   }
   .text-image-block-simple.image-right .text-image-block-simple-text {
	   float: left;
	   padding-left: 0;
	   padding-right: 10rem
   }
   .text-image-block-simple.image-right .text-image-block-simple-image {
	   left: auto;
	   right: 0;
	   background-position: 0 50%
   }
   .text-image-block-simple.image-left .text-image-block-simple-text {
	   float: right;
	   padding-left: 10rem;
	   padding-right: 0
   }
   .text-image-block-simple.image-left .text-image-block-simple-image {
	   left: 0;
	   right: auto;
	   background-position: 100% 50%
   }
   .text-image-block-simple-image,
   .text-image-block-simple-text {
	   width: 50%
   }
   .text-image-block-simple-text {
	   text-align: left
   }
   .text-image-block-simple-image {
	   position: absolute;
	   top: 0;
	   bottom: 0
   }
}

.block-navigation {
   display: none
}

@media screen and (min-width:73.125em) {
   .block-navigation {
	   display: block;
	   width: 12px;
	   padding: 0 .35rem;
	   -webkit-transform: translateY(-50%);
	   transform: translateY(-50%);
	   position: fixed;
	   top: 50%;
	   right: 2.5rem;
	   z-index: 9
   }
   .block-navigation-item {
	   width: 12px;
	   height: 12px;
	   margin: 1.2rem 0;
	   position: relative;
	   z-index: 1;
	   border-radius: 50%;
	   cursor: pointer;
	   background-color: #d8d8da;
	   -webkit-transition-property: margin, -webkit-transform;
	   transition-property: margin, -webkit-transform;
	   transition-property: transform, margin;
	   transition-property: transform, margin, -webkit-transform;
	   -webkit-transition-duration: .2s;
	   transition-duration: .2s
   }
   .block-navigation-item .inner-item:after,
   .block-navigation-item .inner-item:before,
   .block-navigation-item:after,
   .block-navigation-item:before {
	   content: "";
	   -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%) scale(0);
	   transform: translateZ(0) translateX(-50%) translateY(-50%) scale(0);
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   border-radius: 50%;
	   border: 1px solid #d1d1d2;
	   opacity: 0;
	   -webkit-transition-property: opacity, -webkit-transform;
	   transition-property: opacity, -webkit-transform;
	   transition-property: transform, opacity;
	   transition-property: transform, opacity, -webkit-transform
   }
   .block-navigation-item:before {
	   width: 18px;
	   height: 18px;
	   -webkit-transition-duration: .2s, .3s;
	   transition-duration: .2s, .3s
   }
   .block-navigation-item:after {
	   width: 34px;
	   height: 34px;
	   -webkit-transition-duration: .5s, .3s;
	   transition-duration: .5s, .3s
   }
   .block-navigation-item .inner-item:before {
	   width: 54px;
	   height: 54px;
	   -webkit-transition-duration: .8s, .3s;
	   transition-duration: .8s, .3s
   }
   .block-navigation-item .inner-item:after {
	   width: 76px;
	   height: 75px;
	   -webkit-transition-duration: 1.1s, .3s;
	   transition-duration: 1.1s, .3s
   }
   .block-navigation-item:hover:before {
	   -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%) scale(1);
	   transform: translateZ(0) translateX(-50%) translateY(-50%) scale(1);
	   opacity: 1
   }
   .block-navigation-item.is-active {
	   z-index: 0
   }
   .block-navigation-item.is-active .inner-item:after,
   .block-navigation-item.is-active .inner-item:before,
   .block-navigation-item.is-active:after,
   .block-navigation-item.is-active:before {
	   -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%) scale(1);
	   transform: translateZ(0) translateX(-50%) translateY(-50%) scale(1)
   }
   .block-navigation-item.is-active:before {
	   opacity: 1;
	   -webkit-transition-delay: .3s;
	   transition-delay: .3s
   }
   .block-navigation-item.is-active:after {
	   opacity: .9;
	   -webkit-transition-delay: .2s;
	   transition-delay: .2s
   }
   .block-navigation-item.is-active .inner-item:before {
	   opacity: .6;
	   -webkit-transition-delay: .1s;
	   transition-delay: .1s
   }
   .block-navigation-item.is-active .inner-item:after {
	   opacity: .3;
	   -webkit-transition-delay: 0s;
	   transition-delay: 0s
   }
}

@media screen and (min-width:98.125em) {
   .block-navigation {
	   right: 4.25rem
   }
}

.only-image {
   text-align: center
}

.page-row-error {
   min-height: 100%;
   padding: 4rem 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.page-row-error img {
   width: 80%;
   margin: 3rem 0
}

@media screen and (min-width:40em) {
   .page-row-error {
	   padding: 15% 0
   }
   .page-row-error img {
	   width: 60%;
	   margin: 5rem 0
   }
}

@media screen and (min-width:73.125em) {
   .page-row-error {
	   padding: 10% 0
   }
   .page-row-error img {
	   width: 25%
   }
}

.mobile-slider {
   width: 100%;
   max-width: 458px;
   height: 124.5vw;
   max-height: 570px;
   background-image: url("../index-22.html");
   background-size: 100%;
   background-repeat: no-repeat;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin-left: auto;
   margin-right: auto;
   position: relative
}

.mobile-slider-wrap {
   position: absolute;
   top: 9%;
   left: 23.45%;
   width: 53.3%;
   height: 92vw;
   max-height: 420px;
   overflow: hidden
}

.mobile-slider-wrap:after {
   content: "";
   clear: both;
   display: block
}

.mobile-slider-content {
   position: absolute;
   width: 500%;
   height: 100%;
   top: 0;
   left: 0;
   -webkit-transition: left .7s;
   transition: left .7s
}

.mobile-slider-text {
   font-weight: 700
}

.mobile-slider-item {
   position: absolute;
   width: 20%;
   height: 100%;
   background-size: 100%;
   top: 0
}

.mobile-slider-item:first-of-type {
   left: 0;
   background-image: url("../index-23.html")
}

.mobile-slider-item:nth-of-type(2) {
   left: 20%;
   background-image: url("../index-24.html")
}

.mobile-slider-item:nth-of-type(3) {
   left: 40%;
   background-image: url("../index-25.html")
}

.mobile-slider-item:nth-of-type(4) {
   left: 60%;
   background-image: url("../index-26.html")
}

.mobile-slider-item:nth-of-type(5) {
   left: 80%;
   background-image: url("../index-27.html")
}

.mobile-slider-icon-wrap {
   width: 25rem;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   margin-top: 2rem;
   position: relative
}

.mobile-slider-icon-wrap:after {
   content: "";
   clear: both;
   display: block
}

.mobile-slider-circle-active {
   background-color: #f60;
   width: 5rem;
   height: 5rem;
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 50%;
   -webkit-transition: left .3s;
   transition: left .3s
}

.mobile-slider-circle-active.is-animate {
   -webkit-animation: circle .2s;
   animation: circle .2s
}

.mobile-slider-icon-wrap-item {
   width: 5rem;
   height: 5rem;
   border-radius: 50%;
   float: left;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   z-index: 1
}

.mobile-slider-icon-wrap-item,
.mobile-slider-icon-wrap-item:after {
   background-position: 50%;
   background-size: 40%;
   background-repeat: no-repeat
}

.mobile-slider-icon-wrap-item:after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   opacity: 0;
   -webkit-transition: opacity .2s;
   transition: opacity .2s
}

.mobile-slider-icon-wrap-item.is-active {
   background-image: none
}

.mobile-slider-icon-wrap-item.is-active:after {
   content: "";
   opacity: 1
}

.mobile-slider-icon-wrap-item:first-of-type {
   background-image: url("../index-28.html");
   background-size: 50%
}

.mobile-slider-icon-wrap-item:first-of-type::after {
   content: "";
   background-size: 50%;
   background-image: url("../index-29.html")
}

.mobile-slider-icon-wrap-item:nth-of-type(2) {
   background-image: url("../index-30.html")
}

.mobile-slider-icon-wrap-item:nth-of-type(2):after {
   content: "";
   background-image: url("../index-31.html")
}

.mobile-slider-icon-wrap-item:nth-of-type(3) {
   background-image: url("../index-32.html")
}

.mobile-slider-icon-wrap-item:nth-of-type(3):after {
   content: "";
   background-image: url("../index-33.html")
}

.mobile-slider-icon-wrap-item:nth-of-type(4) {
   background-image: url("../index-34.html")
}

.mobile-slider-icon-wrap-item:nth-of-type(4):after {
   content: "";
   background-image: url("../index-35.html")
}

.mobile-slider-icon-wrap-item:nth-of-type(5) {
   background-image: url("../index-36.html")
}

.mobile-slider-icon-wrap-item:nth-of-type(5):after {
   content: "";
   background-image: url("../index-37.html")
}

@media screen and (min-width:40em) {
   .mobile-slider-text {
	   margin-bottom: 2.75rem
   }
}

@-webkit-keyframes circle {
   0% {
	   width: 5rem;
	   height: 5rem;
	   top: 0
   }
   50% {
	   width: 4rem;
	   height: 4rem;
	   top: .5rem
   }
   to {
	   top: 0;
	   width: 5rem;
	   height: 5rem
   }
}

@keyframes circle {
   0% {
	   width: 5rem;
	   height: 5rem;
	   top: 0
   }
   50% {
	   width: 4rem;
	   height: 4rem;
	   top: .5rem
   }
   to {
	   top: 0;
	   width: 5rem;
	   height: 5rem
   }
}

.video {
   width: 100%;
   height: auto
}

.form-sent {
   min-height: 100vh;
   width: 100%;
   background-color: #16181c;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.form-sent h5 {
   margin-bottom: 2rem
}

.form-sent-logo {
   height: 2.5rem;
   width: 14rem;
   background-image: url("../index-38.html");
   background-size: auto 100%;
   background-repeat: no-repeat;
   background-position: 0;
   position: absolute;
   top: 1rem;
   left: 1rem
}

.form-sent-img {
   width: 4.5rem;
   height: 4.5rem;
   background-image: url("../svg/check.svg");
   background-size: 100%;
   background-repeat: no-repeat;
   background-position: 50%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: .626rem
}

@media screen and (min-width:40em) {
   .form-sent-logo {
	   top: 2rem;
	   left: 2rem
   }
}

.timeline-row {
   padding: 5rem 0 10rem;
   background-color: #16181c;
   min-width: 100%;
   overflow: auto;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.timeline-row .swipe-icon {
   width: 2.25rem;
   height: 2.25rem;
   margin: 1.25rem 0
}

.timeline-row-wrap {
   height: 13rem;
   width: 145rem;
   position: relative
}

.timeline-row-wrap:after {
   content: "";
   position: absolute;
   top: calc(50% - 1px);
   left: 5rem;
   width: calc(100% - 15rem);
   height: 2px;
   background-color: #fff
}

.timeline-row-item {
   width: 5rem;
   height: 5rem;
   border: 2px solid #fff;
   background-color: #16181c;
   top: calc(50% - 2.5rem);
   color: #fff;
   font-size: 1.5rem;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 10rem 10rem 10rem 0
}

.timeline-row-item,
.timeline-row-point {
   position: absolute;
   z-index: 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%)
}

.timeline-row-point {
   top: calc(50% - .5rem);
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.timeline-row-point .point {
   background-color: #1494D2;
   width: 3px;
   height: 3px;
   margin-top: .375rem
}

.timeline-row-point .point:nth-of-type(3) {
   opacity: .92
}

.timeline-row-point .point:nth-of-type(4) {
   opacity: .84
}

.timeline-row-point .point:nth-of-type(5) {
   opacity: .76
}

.timeline-row-point .point:nth-of-type(6) {
   opacity: .68
}

.timeline-row-point .point:nth-of-type(7) {
   opacity: .6
}

.timeline-row-point .point:nth-of-type(8) {
   opacity: .52
}

.timeline-row-point .point:nth-of-type(9) {
   opacity: .44;
   opacity: .36
}

.timeline-row-point .point:nth-of-type(10) {
   opacity: .28
}

.timeline-row-point .point:nth-of-type(11) {
   opacity: .2
}

.timeline-row-point .point.main-point {
   width: 1rem;
   height: 1rem;
   margin-top: 0
}

.timeline-row-point.rotate {
   top: .25rem;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg)
}

.timeline-row-content {
   width: 145rem;
   height: 7.5rem;
   position: relative
}

.timeline-row-content.bottom {
   height: 12.5rem
}

.timeline-row-text {
   width: 17.5rem;
   position: absolute;
   color: #fff;
   text-align: center;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%)
}

.top .timeline-row-text {
   bottom: .75rem
}

.bottom .timeline-row-text {
   top: .75rem
}

.timeline-row-button {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   white-space: nowrap
}

.info-box-item {
   width: 100%;
   margin-top: 1rem;
   margin-bottom: 1rem;
   background-color: hsla(0, 0%, 100%, .1);
   padding: 2.25rem 1.625rem
}

.info-box-img {
   display: block;
   width: 100%;
   height: 3rem;
   background-size: contain;
   background-position: 0;
   background-repeat: no-repeat;
   margin-right: .75rem;
   position: relative;
   margin-bottom: 1.5rem
}

.info-box-text {
   display: block;
   width: calc(100% - 5.125rem);
   font-size: 1.125rem;
   color: #fff;
   text-align: left;
   font-weight: 700
}

.icon-note-stats {
   background-image: url("../svg/faq_1.svg")
}

.icon-table-stats {
   background-image: url("../svg/faq_2.svg")
}

.icon-undecision-man {
   background-image: url("../svg/faq_4.svg")
}

.icon-technical-problem {
   background-image: url("../svg/faq_5.svg")
}

.icon-redesign {
   background-image: url("../svg/faq_7.svg")
}

.icon-shopping-cart {
   background-image: url("../svg/faq_8.svg")
}

.icon-info-mobile {
   background-image: url("../svg/faq_3.svg")
}

.icon-shapes {
   background-image: url("../svg/faq_6.svg")
}

@media screen and (min-width:73.125em) {
   .info-box-item {
	   min-height: 16.25rem
   }
}

.internal-photo-box {
   position: relative;
   overflow: hidden
}

.internal-photo-box .photo-row {
   overflow: hidden
}

.internal-photo-box .photo-row .internal-image {
   width: 50%
}

.internal-photo-box .internal-image {
   height: 25vw;
   float: left;
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: cover
}

.internal-photo-box .overlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, .25);
   pointer-events: none
}

.internal-photo-box .text-content {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
}

@media screen and (min-width:40em) {
   .internal-photo-box .photo-row .photo-section:first-child .internal-image:nth-child(1),
   .internal-photo-box .photo-row .photo-section:first-child .internal-image:nth-child(3) {
	   width: 25%
   }
   .internal-photo-box .photo-row .photo-section:first-child .internal-image:nth-child(2) {
	   width: 50%
   }
   .internal-photo-box .photo-row .photo-section:nth-child(2) .internal-image:first-child,
   .internal-photo-box .photo-row .photo-section:nth-child(2) .internal-image:nth-child(3) {
	   width: 37.5%
   }
   .internal-photo-box .photo-row .photo-section:nth-child(2) .internal-image:nth-child(2) {
	   width: 25%
   }
}

@media screen and (min-width:73.125em) {
   .internal-photo-box .photo-row {
	   width: 120vw
   }
   .internal-photo-box .photo-row .top-row {
	   position: relative;
	   left: -10vw
   }
   .internal-photo-box .photo-section {
	   -webkit-transition-property: -webkit-transform;
	   transition-property: -webkit-transform;
	   transition-property: transform;
	   transition-property: transform, -webkit-transform;
	   -webkit-transition-duration: .75s;
	   transition-duration: .75s;
	   -webkit-transition-timing-function: ease-out;
	   transition-timing-function: ease-out
   }
}

.absolute-background {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 50%;
   background-image: url("../index-39.html")
}

.products {
   padding-bottom: 2.875rem
}

.products-content {
   margin-left: auto;
   margin-right: auto
}

.products-item {
   display: block;
   padding: 2rem 1rem;
   text-align: center;
   color: #000!important
}

.products-item p {
   margin-bottom: 1.25rem
}

.products-item .button {
   margin-bottom: 0;
   text-transform: uppercase
}

.products-icon {
   width: 6.125rem;
   height: 6.125rem;
   border-radius: 10rem 10rem 10rem 0;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: 50%;
   margin-bottom: 3rem
}

.products-icon.mobile {
   background-image: url("../jpg/products-mobile.jpg")
}

.products-icon.web {
   background-image: url("../jpg/products-webapps.jpg")
}

.products-icon.websites {
   background-image: url("../jpg/products-websites.jpg")
}

.products-icon.it-consulting {
   background-image: url("../jpg/products-it-consulting.jpg")
}

.products-icon.it-digital {
	background-image: url("../jpg/products-marketing.jpg")
 }

 .products-icon.it-dfp {
	background-image: url("../jpg/products-it-cons.jpg")
 }
 .products-icon.it-pwa {
	background-image: url("../jpg/products-apps.jpg")
 }

 .products-icon.it-seo {
	background-image: url("../jpg/products-seo.jpg")
 }

.products-title {
   margin-bottom: 1.25rem
}

.products-text {
   text-align: center;
   margin-bottom: 2.5rem;
   opacity: 1!important
}

.products-text .h5,
.products-text h5 {
   color: #cacaca;
   text-transform: uppercase
}

@media screen and (min-width:40em) {
   .products-item {
	   padding: 1.5rem
   }
}

@media screen and (min-width:73.125em) {
   .products-item {
	   -webkit-transition: -webkit-box-shadow .3s;
	   transition: -webkit-box-shadow .3s;
	   transition: box-shadow .3s;
	   transition: box-shadow .3s, -webkit-box-shadow .3s;
	   padding: 3.125rem 3rem;
	   text-align: left
   }
   .products-item p {
	   min-height: 4.5rem;
	   line-height: 1.5
   }
   .products-item:hover {
	   -webkit-box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1);
	   box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1)
   }
   .products-item:hover .button {
	   color: #fff;
	   border-color: #1494D2;
	   background-color: #1494D2
   }
   .products-item:hover .button span {
	   -webkit-transform: translateX(-1rem);
	   transform: translateX(-1rem)
   }
   .products-item:hover .button:after {
	   -webkit-animation: none!important;
	   animation: none!important;
	   -webkit-transform: translateX(1rem);
	   transform: translateX(1rem);
	   opacity: 1
   }
   .products-icon {
	   background-position: 0
   }
   .products-text {
	   text-align: left;
	   margin-top: 50px;
	   padding-top: 2.75rem;
	   position: relative
   }
}

.shadow-text-box {
   -webkit-box-shadow: 0 0 3rem .5rem rgba(0, 0, 0, .1);
   box-shadow: 0 0 3rem .5rem rgba(0, 0, 0, .1);
   padding: 2.5rem;
   margin-bottom: 4rem;
   background-color: #fff;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   max-width: 61rem
}

.shadow-text-box p {
   margin-left: auto;
   margin-right: auto;
   max-width: 48rem;
   font-size: 1rem;
   line-height: 1.25;
   margin-bottom: 1.5rem
}

.shadow-text-box .button {
   margin-bottom: 0
}

@media screen and (min-width:40em) {
   .shadow-text-box {
	   margin-bottom: 15%
   }
   .shadow-text-box p {
	   font-size: 1.5rem
   }
}

@media screen and (min-width:73.125em) {
   .shadow-text-box {
	   margin-top: -2.75rem;
	   margin-bottom: 10%
   }
}

@media screen and (min-width:98.125em) {
   .shadow-text-box {
	   margin-top: -3.75rem
   }
}

.text-converse-content {
   text-align: center
}

@media screen and (min-width:73.125em) {
   .text-converse-content {
	   position: relative
   }
   .text-converse-content h3 {
	   margin-bottom: 3rem
   }
}

.feedback {
   display: none
}

@media screen and (min-width:73.125em) {
   .feedback {
	   width: 100%;
	   height: 4rem;
	   display: block;
	   padding: .875rem .5rem .375rem;
	   position: absolute;
	   z-index: 11;
	   top: -4rem;
	   left: 0;
	   opacity: 0;
	   background-color: #fff;
	   -webkit-transition: opacity 0s .4s, -webkit-transform .4s 0s;
	   transition: opacity 0s .4s, -webkit-transform .4s 0s;
	   transition: transform .4s 0s, opacity 0s .4s;
	   transition: transform .4s 0s, opacity 0s .4s, -webkit-transform .4s 0s
   }
   .feedback.is-visible {
	   opacity: 1;
	   -webkit-transform: translateY(4rem);
	   transform: translateY(4rem);
	   -webkit-transition: opacity 0s 0s, -webkit-transform .4s 0s;
	   transition: opacity 0s 0s, -webkit-transform .4s 0s;
	   transition: transform .4s 0s, opacity 0s 0s;
	   transition: transform .4s 0s, opacity 0s 0s, -webkit-transform .4s 0s
   }
   .feedback-content {
	   width: 90%;
	   max-width: 73.125rem;
	   margin-left: auto;
	   margin-right: auto;
	   position: relative
   }
   .feedback-button {
	   position: absolute;
	   right: 0;
	   top: -.125rem
   }
   .feedback-icon {
	   display: inline-block;
	   width: 2rem;
	   height: 1.5rem;
	   background-image: url("../index-40.html");
	   position: relative;
	   top: .375rem;
	   margin-left: 6.5rem
   }
   .feedback-cross,
   .feedback-icon {
	   background-size: contain;
	   background-position: 50%;
	   background-repeat: no-repeat
   }
   .feedback-cross {
	   display: block;
	   position: absolute;
	   right: 2rem;
	   top: 1.625rem;
	   height: .75rem;
	   width: .75rem;
	   background-image: url("../svg/feedback-close.svg")
   }
}

.companies {
   position: relative;
   padding-top: 1rem;
   padding-bottom: 4rem
}

.companies-content {
   -webkit-box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1);
   box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1);
   padding: 1.75rem 0;
   position: relative;
   z-index: 3
}

.archzine {
    width: 135px; height: 31px;
    background: url('../png/css_sprites.png') -166px -354px;
}



.archzine:hover {
    width: 135px; height: 31px;
    background: url('../png/css_sprites.png') -436px -10px;
}



.broker {
    width: 127px; height: 50px;
    background: url('../png/css_sprites.png') -10px -90px;
}



.broker:hover {
    width: 127px; height: 50px;
    background: url('../png/css_sprites.png') -10px -160px;
}



.casa{
    width: 141px; height: 17px;
    background: url('../png/css_sprites.png') -427px -454px;
}



.casa:hover {
    width: 141px; height: 17px;
    background: url('../png/css_sprites.png') -318px -634px;
}



.chastite {
    width: 135px; height: 27px;
    background: url('../png/css_sprites.png') -10px -543px;
}



.chastite:hover {
    width: 135px; height: 27px;
    background: url('../png/css_sprites.png') -165px -543px;
}



.deavita {
    width: 135px; height: 23px;
    background: url('../png/css_sprites.png') -318px -590px;
}



.deavita:hover {
    width: 135px; height: 23px;
    background: url('../png/css_sprites.png') -473px -590px;
}



.designmag {
    width: 145px; height: 18px;
    background: url('../png/css_sprites.png') -97px -454px;
}



.designmag:hover {
    width: 145px; height: 18px;
    background: url('../png/css_sprites.png') -262px -454px;
}



.devin {
    width: 98px; height: 46px;
    background: url('../png/css_sprites.png') -436px -61px;
}



.devin:hover {
    width: 98px; height: 46px;
    background: url('../png/css_sprites.png') -436px -127px;
}



.familia {
    width: 113px; height: 48px;
    background: url('../png/css_sprites.png') -280px -130px;
}



.familia:hover {
    width: 113px; height: 48px;
    background: url('../png/css_sprites.png') -10px -230px;
}



.freshideen {
    width: 115px; height: 60px;
    background: url('../png/css_sprites.png') -10px -10px;
}



.freshideen:hover {
    width: 115px; height: 60px;
    background: url('../png/css_sprites.png') -145px -10px;
}



.gabieli {
    width: 128px; height: 30px;
    background: url('../png/css_sprites.png') -10px -493px;
}



.gabieli:hover {
    width: 128px; height: 30px;
    background: url('../png/css_sprites.png') -158px -493px;
}



.kredit {
    width: 136px; height: 24px;
    background: url('../png/css_sprites.png') -320px -543px;
}

 

.kredit:hover {
    width: 136px; height: 24px;
    background: url('../png/css_sprites.png') -476px -543px;
}



.lidl:hover {
    width: 66px; height: 66px;
    background: url('../png/css_sprites.png') -591px -10px;
}



.mediterium {
    width: 136px; height: 36px;
    background: url('../png/css_sprites.png') -274px -230px;
}



.mediterium:hover {
    width: 136px; height: 36px;
    background: url('../png/css_sprites.png') -10px -298px;
}



.philips {
    width: 117px; height: 23px;
    background: url('../png/css_sprites.png') -677px -86px;
}



.philips:hover {
    width: 117px; height: 23px;
    background: url('../png/css_sprites.png') -677px -129px;
}



.plovdivtime {
    width: 136px; height: 18px;
    background: url('../png/css_sprites.png') -677px -10px;
}



.plovdivtime:hover {
    width: 136px; height: 18px;
    background: url('../png/css_sprites.png') -677px -48px;
}



.porta {
    width: 111px; height: 47px;
    background: url('../png/css_sprites.png') -143px -230px;
}

.porta:hover {
    width: 111px; height: 47px;
    background: url('../png/css_sprites.png') -143px -161px;
}


.profit {
    width: 136px; height: 28px;
    background: url('../png/css_sprites.png') -97px -406px;
}



.profit:hover {
    width: 136px; height: 28px;
    background: url('../png/css_sprites.png') -253px -406px;
}



.remedium {
    width: 156px; height: 22px;
    background: url('../png/css_sprites.png') -409px -406px;
}



.remedium:hover {
    width: 156px; height: 22px;
    background: url('../png/css_sprites.png') -306px -493px;
}



.sportal {
    width: 134px; height: 24px;
    background: url('../png/css_sprites.png') -10px -590px;
}



.sportal:hover {
    width: 134px; height: 24px;
    background: url('../png/css_sprites.png') -164px -590px;
}



.trafik {
    width: 136px; height: 40px;
    background: url('../png/css_sprites.png') -280px -10px;
}



.trafik:hover {
    width: 136px; height: 40px;
    background: url('../png/css_sprites.png') -280px -70px;
}



.trafiktaxi {
    width: 67px; height: 67px;
    background: url('../png/css_sprites.png') -436px -299px;
}



.trafiktaxi:hover {
    width: 67px; height: 67px;
    background: url('../png/css_sprites.png') -10px -406px;
}



.vipoferta {
	width: 134px;
	 height: 23px;
    background: url('../png/css_sprites.png') -10px -634px;
}



.vipoferta:hover {
    width: 134px; height: 23px;
    background: url('../png/css_sprites.png') -164px -634px;
}



.viptravel {
    width: 136px; height: 32px;
    background: url('../png/css_sprites.png') -166px -298px;
}



.viptravel:hover {
    width: 136px; height: 32px;
    background: url('../png/css_sprites.png') -10px -354px;
}



.woman {
    width: 123px; height: 33px;
    background: url('../png/css_sprites.png') -436px -193px;
}



.woman:hover {
    width: 123px; height: 33px;
    background: url('../png/css_sprites.png') -436px -246px;
}



.lidl {
    width: 66px; height: 66px;
    background: url('../png/css_sprites.png') -591px -96px;
}
  

.comp-container {
    display: inline-block;
    height: 64px;
	width: 200px;
	margin-bottom: 20px;
    position: relative;
}

.companies-item {
	position: absolute;

	top: 50%;
	
	left: 50%;
	
	margin-right: -50%;
	
	transform: translate(-50%, -50%);
}





.reference-squares-item.philips:before {
	background: url('../png/philips.png');
}

@media screen and (min-width:40em) {
   .companies-content {
	   text-align: center
   }
   .companies-item.ct {
	   width: 7.625rem
   }
   .companies-item.bosch,
   .companies-item.deloitte {
	   width: 6.5rem
   }
   .companies-item.homecredit {
	   width: 4.4rem
   }
   .companies-item.cemix {
	   width: 5.625rem
   }
   .companies-item.national-museum {
	   width: 6.5rem
   }
}

@media screen and (min-width:73.125em) {
   .companies {
	   background-color: #fff;
	   padding-top: 0;
	   padding-bottom: 0
   }
   .companies-content {
	   background-color: #fff;
	   position: relative;
	   top: -4rem
   }
}

.stats-box {
   z-index: 10;
   padding-top: 4rem
}

.stats-box,
.stats-box .stats-row {
   position: relative
}

.stats-box .stats-card {
   margin: 1.25rem 0;
   padding: 2.5rem;
   background-color: #fff;
   -webkit-box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1);
   box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1)
}

.stats-box.no-translate {
   margin-bottom: 0!important
}

.stats-box.no-translate .stats-row {
   position: static
}

@media screen and (min-width:40em) {
   .stats-box {
	   padding-top: 0;
	   margin-bottom: -4rem
   }
   .stats-box .stats-row {
	   top: -4rem
   }
   .stats-box .stats-card {
	   margin: 0
   }
}

.partners-row {
   max-width: 60rem;
   margin: 0 auto;
   overflow: hidden
}

.partners-row img {
   width: 50%;
   height: auto;
   max-height: 2.25rem;
   margin: 1.5rem;
   -o-object-fit: contain;
   object-fit: contain;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   -webkit-transition: all .3s;
   transition: all .3s
}

.partners-row img:hover {
   -webkit-filter: grayscale(0);
   filter: grayscale(0)
}

.partners-row.partners-row-white {
   margin-bottom: 4rem;
   display: none
}

.partners-row.partners-row-white img {
   opacity: .6
}

.partners-row.partners-row-white img:hover {
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   opacity: 1
}

.header-brands .partners-row {
   margin: 2.25rem auto
}

.header-brands .partners-row img {
   margin: 1.5rem
}

@media screen and (min-width:40em) {
   .partners-row {
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex
   }
   .partners-row img {
	   width: calc(20% - 3rem);
	   max-height: 3.5rem;
	   margin-top: 0;
	   margin-bottom: 0
   }
   .partners-row.partners-row-white {
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex
   }
   .header-brands .partners-row {
	   margin-bottom: 6%
   }
}

.profile-row .text-content-wrapper {
   min-height: 100vh;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.profile-row .author-profile,
.profile-row .text-content-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.profile-row .author-profile .profile-image {
   width: 3rem;
   height: 3rem;
   margin-right: 1.25rem;
   border-radius: 10rem 10rem 10rem 0;
   -o-object-fit: cover;
   object-fit: cover
}

.profile-row .author-profile .text span {
   display: block
}

@-webkit-keyframes showAnim {
   0% {
	   opacity: 0;
	   -webkit-transform: translateY(100%);
	   transform: translateY(100%)
   }
   to {
	   opacity: 1;
	   -webkit-transform: translateY(0);
	   transform: translateY(0)
   }
}

@keyframes showAnim {
   0% {
	   opacity: 0;
	   -webkit-transform: translateY(100%);
	   transform: translateY(100%)
   }
   to {
	   opacity: 1;
	   -webkit-transform: translateY(0);
	   transform: translateY(0)
   }
}

.presentation-slider-wrapper {
   margin-bottom: -20vw;
   position: relative;
   top: -20vw;
   z-index: 8
}

.presentation-slider-wrapper .presentation-slider {
   height: 40vw
}

.presentation-slider-wrapper .presentation-slider img {
   height: 40vw;
   -o-object-fit: contain;
   object-fit: contain;
   opacity: 0;
   -webkit-transform: translateY(100%);
   transform: translateY(100%)
}

.presentation-slider-wrapper .bx-wrapper {
   margin: 0 auto
}

.presentation-slider-wrapper .bx-wrapper .presentation-slider img {
   -webkit-animation: showAnim .5s;
   animation: showAnim .5s;
   -webkit-animation-delay: .5s;
   animation-delay: .5s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
}

.presentation-slider-wrapper .bx-controls .bx-next,
.presentation-slider-wrapper .bx-controls .bx-prev {
   width: 4rem;
   height: 4rem;
   position: absolute;
   top: 50%;
   background-color: #fff;
   background-position: 50%;
   background-size: 33% 33%;
   background-repeat: no-repeat;
   -webkit-box-shadow: 0 .25rem .75rem .25rem rgba(0, 0, 0, .1);
   box-shadow: 0 .25rem .75rem .25rem rgba(0, 0, 0, .1);
   border-radius: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   -webkit-transition: all .3s;
   transition: all .3s;
   outline: 0;
   text-indent: -9999px;
   z-index: 10;
   cursor: pointer
}

.presentation-slider-wrapper .bx-controls .bx-next:hover,
.presentation-slider-wrapper .bx-controls .bx-prev:hover {
   -webkit-filter: grayscale(0);
   filter: grayscale(0)
}

.presentation-slider-wrapper .bx-controls .bx-prev {
   left: calc(20% - 3rem);
   background-image: url("../svg/arrow-left-primary.svg")
}

.presentation-slider-wrapper .bx-controls .bx-next {
   right: calc(20% - 3rem);
   background-image: url("../svg/arrow-right-primary.svg")
}

.presentation-slider-wrapper:before {
   content: " ";
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fff
}

@media screen and (max-width:39.9375em) {
   .presentation-slider-wrapper {
	   margin-bottom: -40vw;
	   top: -40vw
   }
   .presentation-slider-wrapper .presentation-slider,
   .presentation-slider-wrapper .presentation-slider img {
	   height: 80vw
   }
   .presentation-slider-wrapper .bx-controls .bx-next,
   .presentation-slider-wrapper .bx-controls .bx-prev {
	   display: none
   }
}

.reference-squares {
   padding: 4rem 0;
   position: relative;
   overflow: hidden
}

.reference-squares-text {
   position: relative;
   z-index: 2
}

.reference-squares-content {
   height: 56.25vw;
   position: relative
}

.reference-squares-item {
   width: 37.5vw;
   height: 37.5vw;
   position: absolute;
   left: 0;
   top: 0
}

.reference-squares-item.small {
   width: 18.75vw;
   height: 18.75vw
}

.reference-squares-item.bosch:before,
.reference-squares-item.cemix:before,
.reference-squares-item.ct:before,
.reference-squares-item.deloitte:before,
.reference-squares-item.home-credit:before,
.reference-squares-item.national-museum:before {
   background-repeat: no-repeat;
   background-position: 50%
}

.reference-squares-item.ct:before {
   background-size: 65%;
   background-image: url("../png/philips_h.png")
}

.reference-squares-item.home-credit:before {
   background-size: 50%;
   background-image: url("../png/lidl_h.png")
}

.reference-squares-item.cemix:before {
   background-size: 68%;
   background-image: url("../png/sportal_h.png");
}

.reference-squares-item.deloitte:before {
   background-size: 64%;
   background-image: url("../png/trafficnews_h.png")
}

.reference-squares-item.bosch:before {
   background-size: 78%;
   background-image: url("../png/devin_h.png")
}

.reference-squares-item.national-museum:before {
   background-size: 70%;
   background-image: url("../png/traffictaxi_h.png")
}

.reference-squares-item:before {
   content: " ";
   position: absolute;
   top: .25rem;
   right: .25rem;
   bottom: .25rem;
   left: .25rem;
   background-color: #fff;
   -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .1);
   box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .1)
} 

@media screen and (max-width:39.9375em),
screen and (min-width:40em) and (max-width:73.0625em) {
   .reference-squares .ct {
	   -webkit-animation: ct-animation 0s ease forwards;
	   animation: ct-animation 0s ease forwards
   }
   .reference-squares .home-credit {
	   -webkit-transform: translate(200%);
	   transform: translate(200%)
   }
   .reference-squares .deloitte {
	   -webkit-transform: translate(100%, 50%);
	   transform: translate(100%, 50%)
   }
   .reference-squares .cemix {
	   -webkit-transform: translate(400%, 100%);
	   transform: translate(400%, 100%)
   }
   .reference-squares .bosch {
	   -webkit-transform: translate(100%, 200%);
	   transform: translate(100%, 200%)
   }
   .reference-squares .national-museum {
	   -webkit-transform: translate(300%);
	   transform: translate(300%)
   }
}

@media screen and (min-width:40em) {
   .reference-squares {
	   padding: 15% 0
   }
   .reference-squares-item:before {
	   top: 1rem;
	   right: 1rem;
	   bottom: 1rem;
	   left: 1rem;
	   -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1);
	   box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1)
   }
} 

@media screen and (min-width:73.125em) {
   .reference-squares {
	   padding: 10% 0
   }
   .reference-squares.is-active .ct {
	   -webkit-animation: ct-animation .9s ease forwards;
	   animation: ct-animation .9s ease forwards
   }
   .reference-squares.is-active .home-credit {
	   -webkit-animation: homecredit-animation .6s .1s ease forwards;
	   animation: homecredit-animation .6s .1s ease forwards
   }
   .reference-squares.is-active .national-museum {
	   -webkit-animation: national-museum-animation .9s ease forwards;
	   animation: national-museum-animation .9s ease forwards
   }
   .reference-squares.is-active .deloitte {
	   -webkit-animation: deloitte-animation 1s ease forwards;
	   animation: deloitte-animation 1s ease forwards
   }
   .reference-squares.is-active .cemix {
	   -webkit-animation: cemix-animation .6s .1s ease forwards;
	   animation: cemix-animation .6s .1s ease forwards
   }
   .reference-squares.is-active .bosch {
	   -webkit-animation: bosch-animation .9s ease forwards;
	   animation: bosch-animation .9s ease forwards
   }
   .reference-squares-content {
	   height: 26.26vw
   }
   .reference-squares-text {
	   height: 26.26vw;
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-orient: vertical;
	   -webkit-box-direction: normal;
	   -ms-flex-direction: column;
	   flex-direction: column;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   justify-content: center
   }
   .reference-squares-item {
	   width: 17.5vw;
	   height: 17.5vw;
	   opacity: 0
   }
   .reference-squares-item.small {
	   width: 8.75vw;
	   height: 8.75vw
   }
   .reference-squares-item.ct {
	   -webkit-transform: translateY(calc(-5.625rem - 100%));
	   transform: translateY(calc(-5.625rem - 100%))
   }
   .reference-squares-item.home-credit {
	   -webkit-transform: translate(200%, calc(-5.625rem - 100%));
	   transform: translate(200%, calc(-5.625rem - 100%))
   }
   .reference-squares-item.national-museum {
	   -webkit-transform: translate(300%, calc(-6.625rem - 100%));
	   transform: translate(300%, calc(-6.625rem - 100%))
   }
   .reference-squares-item.deloitte {
	   -webkit-transform: translate(100%, calc(7rem + 150%));
	   transform: translate(100%, calc(7rem + 150%))
   }
   .reference-squares-item.cemix {
	   -webkit-transform: translate(100%, calc(7rem + 300%));
	   transform: translate(100%, calc(7rem + 300%))
   }
   .reference-squares-item.bosch {
	   -webkit-transform: translate(calc(50vw + 100%), 200%);
	   transform: translate(calc(50vw + 100%), 200%)
   }
   .reference-squares-item:before {
	   top: 1.25rem;
	   right: 1.25rem;
	   bottom: 1.25rem;
	   left: 1.25rem;
	   -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1);
	   box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1)
   }
}

@-webkit-keyframes ct-animation {
   0% {
	   -webkit-transform: translateY(calc(-5.625rem - 100%));
	   transform: translateY(calc(-5.625rem - 100%));
	   opacity: 0
   }
   to {
	   -webkit-transform: translateY(0);
	   transform: translateY(0);
	   opacity: 1
   }
}

@keyframes ct-animation {
   0% {
	   -webkit-transform: translateY(calc(-5.625rem - 100%));
	   transform: translateY(calc(-5.625rem - 100%));
	   opacity: 0
   }
   to {
	   -webkit-transform: translateY(0);
	   transform: translateY(0);
	   opacity: 1
   }
}

@-webkit-keyframes homecredit-animation {
   0% {
	   -webkit-transform: translate(200%, calc(-5.625rem - 100%));
	   transform: translate(200%, calc(-5.625rem - 100%));
	   opacity: 0
   }
   to {
	   -webkit-transform: translate(200%);
	   transform: translate(200%);
	   opacity: 1
   }
}

@keyframes homecredit-animation {
   0% {
	   -webkit-transform: translate(200%, calc(-5.625rem - 100%));
	   transform: translate(200%, calc(-5.625rem - 100%));
	   opacity: 0
   }
   to {
	   -webkit-transform: translate(200%);
	   transform: translate(200%);
	   opacity: 1
   }
}

@-webkit-keyframes national-museum-animation {
   0% {
	   -webkit-transform: translate(calc(50vw + 100%));
	   transform: translate(calc(50vw + 100%));
	   opacity: 0
   }
   to {
	   -webkit-transform: translate(300%);
	   transform: translate(300%);
	   opacity: 1
   }
}

@keyframes national-museum-animation {
   0% {
	   -webkit-transform: translate(calc(50vw + 100%));
	   transform: translate(calc(50vw + 100%));
	   opacity: 0
   }
   to {
	   -webkit-transform: translate(300%);
	   transform: translate(300%);
	   opacity: 1
   }
}

@-webkit-keyframes bosch-animation {
   0% {
	   -webkit-transform: translate(100%, calc(5.625rem + 300%));
	   transform: translate(100%, calc(5.625rem + 300%));
	   opacity: 0
   }
   to {
	   -webkit-transform: translate(100%, 200%);
	   transform: translate(100%, 200%);
	   opacity: 1
   }
}

@keyframes bosch-animation {
   0% {
	   -webkit-transform: translate(100%, calc(5.625rem + 300%));
	   transform: translate(100%, calc(5.625rem + 300%));
	   opacity: 0
   }
   to {
	   -webkit-transform: translate(100%, 200%);
	   transform: translate(100%, 200%);
	   opacity: 1
   }
}

@-webkit-keyframes deloitte-animation {
   0% {
	   -webkit-transform: translate(100%, calc(5.625rem + 150%));
	   transform: translate(100%, calc(5.625rem + 150%));
	   opacity: 0
   }
   to {
	   -webkit-transform: translate(100%, 50%);
	   transform: translate(100%, 50%);
	   opacity: 1
   }
}

@keyframes deloitte-animation {
   0% {
	   -webkit-transform: translate(100%, calc(5.625rem + 150%));
	   transform: translate(100%, calc(5.625rem + 150%));
	   opacity: 0
   }
   to {
	   -webkit-transform: translate(100%, 50%);
	   transform: translate(100%, 50%);
	   opacity: 1
   }
}

@-webkit-keyframes cemix-animation {
   0% {
	   -webkit-transform: translate(calc(50vw + 100%), 200%);
	   transform: translate(calc(50vw + 100%), 200%);
	   opacity: 0
   }
   to {
	   -webkit-transform: translate(400%, 100%);
	   transform: translate(400%, 100%);
	   opacity: 1
   }
}

@keyframes cemix-animation {
   0% {
	   -webkit-transform: translate(calc(50vw + 100%), 200%);
	   transform: translate(calc(50vw + 100%), 200%);
	   opacity: 0
   }
   to {
	   -webkit-transform: translate(400%, 100%);
	   transform: translate(400%, 100%);
	   opacity: 1
   }
}

.text-box {
   padding-top: 4rem;
   padding-bottom: 4rem
}

@media screen and (min-width:40em) {
   .text-box {
	   padding-top: 15%;
	   padding-bottom: 15%
   }
}

@media screen and (min-width:73.125em) {
   .text-box {
	   padding-top: 10%;
	   padding-bottom: 10%
   }
}

.qualities-box {
   padding: 0 0 4rem;
   position: relative;
   background-color: #16181c;
   overflow: visible;
   z-index: 3
}

.qualities-box .qualities-fab-button-wrapper {
   display: none
}

.qualities-box .qualities-box-big-image {
   width: 100vw;
   height: 100vw;
   margin: 0 auto 3rem;
   background-image: url("../png/about_us.png");
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: 601px;
   pointer-events: all;
}

.qualities-box .qualities-box-big-image.hover-image {
   display: none
}

.qualities-box .qualities-box-item {
   position: relative;
   pointer-events: none
}

.qualities-box .qualities-box-item>* {
   text-align: center
}

.qualities-box .qualities-box-item .line {
   display: none
}

@media screen and (min-width:40em) {
   .qualities-box {
	   padding: 0 0 15%
   }
   .qualities-box .qualities-box-big-image {
	   width: 60vw;
	   height: 60vw
   }
   .qualities-box .qualities-box-item>* {
	   text-align: inherit
   }
   .qualities-box [data-bottom],
   .qualities-box [data-bottom] p {
	   margin-bottom: 0
   }
}

@media screen and (min-width:73.125em) {
   .qualities-box {
	   margin-bottom: 7.5rem;
	   padding: 10% 0
   }
   .qualities-box .qualities-box-big-image {
	   width: auto;
	   height: auto;
	   display: block;
	   position: absolute;
	   top: -7.5rem;
	   bottom: -15rem;
	   left: 0;
	   right: 0;
	   background-position: 50%;
	   z-index: -1
   }
   .qualities-box .qualities-box-big-image.hover-image {
	   display: block;
	   opacity: 0;
	   background-image: url("../png/about_us_h.png");
	   pointer-events: none
   }
   .qualities-box .qualities-hover-text {
	   visibility: hidden
   }
   .qualities-box.is-active .qualities-box-big-image {
	   opacity: 0
   }
   .qualities-box.is-active .qualities-box-big-image.hover-image {
	   opacity: 1
   }
   .qualities-box.is-active .qualities-hover-text {
	   visibility: visible
   }
   .qualities-box .qualities-fab-button-wrapper {
	   display: block;
	   position: absolute;
	   top: calc(50% + 3.25rem);
	   left: 50%;
	   z-index: 3;
	   -webkit-transform: translate(-50%, -50%);
	   transform: translate(-50%, -50%)
   }
   .qualities-box .qualities-fab-button {
	   width: 4rem;
	   height: 4rem;
	   margin-bottom: .75rem;
	   display: inline-block;
	   -webkit-transition: background-color .25s;
	   transition: background-color .25s;
	   cursor: pointer;
	   position: relative;
	   -webkit-animation: qualities-button-animation 1.25s 0s ease infinite;
	   animation: qualities-button-animation 1.25s 0s ease infinite
   }
   .qualities-box .qualities-fab-button:before {
	   content: "";
	   width: 100%;
	   height: 100%;
	   position: absolute;
	   top: 0;
	   left: 0;
	   border-radius: 50%;
	   background-color: rgba(15, 51, 255, .3);
	   -webkit-animation: qualities-button-before-animation 1.25s 0s ease infinite;
	   animation: qualities-button-before-animation 1.25s 0s ease infinite
   }
   .qualities-box .qualities-fab-button:after {
	   content: "";
	   width: 100%;
	   height: 100%;
	   position: absolute;
	   top: 0;
	   left: 0;
	   border-radius: 50%;
	   background-color: #1494D2;
	   background-image: url("../svg/about-us-hand-icon.svg");
	   background-position: 50%;
	   background-repeat: no-repeat;
	   background-size: 50% 50%
   }
 
   .qualities-box [data-top] {
	   margin-bottom: 15rem
   }
   .qualities-box .qualities-item-heading {
	   margin-bottom: 3.5rem;
	   position: relative
   }
   .qualities-box .qualities-item-heading .line {
	   width: 140%;
	   height: auto;
	   display: inline-block;
	   position: absolute
   }
   .qualities-box [data-top] .line {
	   top: calc(100% + 1.75rem)
   }
   .qualities-box [data-bottom] .line {
	   bottom: -1.75rem
   }
   .qualities-box [data-left] .line {
	   left: 40%
   }
   .qualities-box [data-right] .line {
	   right: 40%
   }
}

@-webkit-keyframes qualities-button-animation {
   0% {
	   -webkit-transform: scale(1);
	   transform: scale(1)
   }
   50% {
	   -webkit-transform: scale(1.2);
	   transform: scale(1.2)
   }
   to {
	   -webkit-transform: scale(1);
	   transform: scale(1)
   }
}

@keyframes qualities-button-animation {
   0% {
	   -webkit-transform: scale(1);
	   transform: scale(1)
   }
   50% {
	   -webkit-transform: scale(1.2);
	   transform: scale(1.2)
   }
   to {
	   -webkit-transform: scale(1);
	   transform: scale(1)
   }
}

@-webkit-keyframes qualities-button-before-animation {
   0% {
	   -webkit-transform: scale(1);
	   transform: scale(1)
   }
   50% {
	   -webkit-transform: scale(1.35);
	   transform: scale(1.35)
   }
   to {
	   -webkit-transform: scale(1);
	   transform: scale(1)
   }
}

@keyframes qualities-button-before-animation {
   0% {
	   -webkit-transform: scale(1);
	   transform: scale(1)
   }
   50% {
	   -webkit-transform: scale(1.35);
	   transform: scale(1.35)
   }
   to {
	   -webkit-transform: scale(1);
	   transform: scale(1)
   }
}

@-webkit-keyframes rect-start {
   0% {
	   -webkit-transform: translateX(-100%);
	   transform: translateX(-100%)
   }
   45% {
	   -webkit-transform: translateX(0);
	   transform: translateX(0)
   }
   55% {
	   -webkit-transform: translateX(0);
	   transform: translateX(0)
   }
   to {
	   -webkit-transform: translateX(100%);
	   transform: translateX(100%)
   }
}

@keyframes rect-start {
   0% {
	   -webkit-transform: translateX(-100%);
	   transform: translateX(-100%)
   }
   45% {
	   -webkit-transform: translateX(0);
	   transform: translateX(0)
   }
   55% {
	   -webkit-transform: translateX(0);
	   transform: translateX(0)
   }
   to {
	   -webkit-transform: translateX(100%);
	   transform: translateX(100%)
   }
}

@-webkit-keyframes rect-end {
   0% {
	   -webkit-transform: translateX(100%);
	   transform: translateX(100%)
   }
   45% {
	   -webkit-transform: translateX(0);
	   transform: translateX(0)
   }
   55% {
	   -webkit-transform: translateX(0);
	   transform: translateX(0)
   }
   to {
	   -webkit-transform: translateX(-100%);
	   transform: translateX(-100%)
   }
}

@keyframes rect-end {
   0% {
	   -webkit-transform: translateX(100%);
	   transform: translateX(100%)
   }
   45% {
	   -webkit-transform: translateX(0);
	   transform: translateX(0)
   }
   55% {
	   -webkit-transform: translateX(0);
	   transform: translateX(0)
   }
   to {
	   -webkit-transform: translateX(-100%);
	   transform: translateX(-100%)
   }
}

@-webkit-keyframes intro-content-scale {
   0% {
	   -webkit-transform: scale(1);
	   transform: scale(1)
   }
   to {
	   -webkit-transform: scale(.85);
	   transform: scale(.85)
   }
}

@keyframes intro-content-scale {
   0% {
	   -webkit-transform: scale(1);
	   transform: scale(1)
   }
   to {
	   -webkit-transform: scale(.85);
	   transform: scale(.85)
   }
}

@-webkit-keyframes hide-intro {
   0% {
	   width: 100%
   }
   to {
	   width: 0
   }
}

@keyframes hide-intro {
   0% {
	   width: 100%
   }
   to {
	   width: 0
   }
}

@media screen and (max-width:39.9375em),
screen and (min-width:40em) and (max-width:73.0625em) {
   .intro {
	   display: none!important
   }
}

@media screen and (min-width:73.125em) {
   .intro {
	   display: none!important;
	   overflow: hidden;
	   position: fixed;
	   z-index: 20;
	   top: 0;
	   left: 0;
	   right: 0;
	   bottom: 0
   }
   .intro.is-hidden,
   .intro.is-visible {
	   display: block!important
   }
   .intro.is-hidden {
	   -webkit-animation: hide-intro .5s ease-in-out forwards;
	   animation: hide-intro .5s ease-in-out forwards
   }
   .intro-wrap {
	   position: absolute;
	   top: 0;
	   left: 0;
	   right: 0;
	   bottom: 0;
	   background-color: #16181c;
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   justify-content: center;
	   -webkit-box-align: center;
	   -ms-flex-align: center;
	   align-items: center
   }
   .intro-content,
   .intro-rect-wrapper {
	   width: 80%;
	   height: 20rem
   }
   .intro-content {
	   position: relative;
	   overflow: hidden;
	   -webkit-animation: intro-content-scale 3.85s .75s forwards;
	   animation: intro-content-scale 3.85s .75s forwards
   }
   .intro-content.is-active {
	   -webkit-animation-play-state: running;
	   animation-play-state: running
   }
   .intro-rect-wrapper {
	   position: absolute;
	   top: 50%;
	   left: 10%;
	   -webkit-transform: translateY(-50%);
	   transform: translateY(-50%);
	   overflow: hidden
   }
   .intro-rect {
	   position: absolute;
	   top: 0;
	   left: 0;
	   right: 0;
	   bottom: 0;
	   background-color: #32353c;
	   -webkit-transform: translateX(-100%);
	   transform: translateX(-100%)
   }
   .intro-rect.start {
	   -webkit-animation: rect-start .75s;
	   animation: rect-start .75s
   }
   .intro-rect.end {
	   -webkit-animation: rect-end .75s;
	   animation: rect-end .75s
   }
   .intro-item {
	   font-size: 7rem;
	   color: #fff;
	   font-weight: 700;
	   text-align: center;
	   background-color: #16181c;
	   position: absolute;
	   top: 0;
	   right: 0;
	   bottom: 0;
	   left: 0;
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   justify-content: center;
	   -webkit-box-align: center;
	   -ms-flex-align: center;
	   align-items: center;
	   opacity: 0
   }
   .intro-item img {
	   width: auto;
	   height: 7rem
   }
   .intro-item.is-active {
	   opacity: 1
   }
}

.blog-header {
   min-height: 0;
   padding: 0;
   padding-top: 6rem;
   margin-bottom: 2rem
}

.blog-item {
   width: 100%;
   display: inline-block;
   text-align: center;
   color: inherit;
   margin: 0;
   -webkit-animation: slide-up .75s ease;
   animation: slide-up .75s ease;
   -webkit-transition: -webkit-box-shadow .3s, -webkit-transform .3s;
   transition: -webkit-box-shadow .3s, -webkit-transform .3s;
   transition: box-shadow .3s, transform .3s;
   transition: box-shadow .3s, transform .3s, -webkit-box-shadow .3s, -webkit-transform .3s
}

.blog-item:hover {
   color: inherit;
   -webkit-transform: translateY(-1rem);
   transform: translateY(-1rem);
   -webkit-box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1);
   box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1)
}

.blog-item:hover .blog-item-image:after {
   opacity: .3
}

.blog-item-image {
   width: 100%;
   height: 14rem;
   position: relative;
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: cover
}

.blog-item-image:after {
   content: "";
   background-color: #fff;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-transition: opacity .3s ease;
   transition: opacity .3s ease;
   opacity: 0
}

.blog-item-content {
   padding: 2rem 2.5rem 2.5rem;
   padding: 2rem 1.5rem 1.5rem;
   font-size: .9375rem;
   color: #16181c
}

.blog-item-content p {
   margin-bottom: 0
}

.blog-item-headline {
   color: #000;
   font-size: 1.5rem
}

.blog-load-more {
   text-align: center
}

.blog-load-more>.row>.column>div,
.blog-load-more>.row>.columns>div {
   padding-bottom: 2rem;
   border-bottom: 1px solid #e6e6e6
}

.blog-load-more .button:after {
   display: none
}

.blog-no-item {
   text-align: center;
   padding: 4rem 1rem;
   margin-bottom: 2rem;
   background-color: #f4f4f8;
   color: #8a8a8a
}

@-webkit-keyframes slide-up {
   0% {
	   opacity: 0;
	   -webkit-transform: translateY(2rem);
	   transform: translateY(2rem)
   }
   to {
	   opacity: 1;
	   -webkit-transform: translateY(0);
	   transform: translateY(0)
   }
}

@keyframes slide-up {
   0% {
	   opacity: 0;
	   -webkit-transform: translateY(2rem);
	   transform: translateY(2rem)
   }
   to {
	   opacity: 1;
	   -webkit-transform: translateY(0);
	   transform: translateY(0)
   }
}

@media screen and (min-width:40em) {
   .blog-header {
	   padding-top: 12rem
   }
   .blog-item {
	   margin: 2rem 0
   }
   .blog-load-more {
	   padding-top: 2rem;
	   position: relative;
	   background: #fff;
	   z-index: 1
   }
   .blog-item-content {
	   padding: 2rem 2.5rem 2.5rem
   }
}

.blog-detail-header {
   text-align: center;
   padding-top: 6rem
}

.blog-detail-header h3:after {
   content: ".";
   font-weight: 700;
   color: #1494D2
}

.blog-detail-date {
   color: #8a8a8a
}

.blog-detail-content {
   margin-top: 1rem
}

.blog-detail-text {
   color: #16181c
}

.blog-detail-share {
   text-align: center;
   padding: 5rem 0
}

.blog-detail-share span {
   text-transform: uppercase;
   font-weight: 700;
   margin-right: 1rem
}

.blog-detail-share a {
   font-size: 0;
   width: 3rem;
   height: 3rem;
   border-radius: 10rem 10rem 10rem 0;
   background-color: #1494D2;
   display: inline-block;
   vertical-align: middle;
   margin-bottom: .5rem;
   background-repeat: no-repeat;
   background-position: bottom .6875rem right 1.1875rem;
   background-size: .6875rem
}

.blog-detail-share a:hover {
   background-color: #0022e6
}

@media screen and (min-width:40em) {
   .blog-detail-header {
	   padding-top: 12rem
   }
   .blog-detail-content {
	   margin-top: 5rem
   }
}

body,
html {
   height: 100%
}

body.disable-scroll {
   overflow: hidden
}

.disable-selection {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

#fc_frame,
.medium-up,
.medium-up-inline {
   display: none
}

.margin-bottom-0 {
   margin-bottom: 0
}

.margin-bottom-2 {
   margin-bottom: 2rem
}

.margin-bottom-3 {
   margin-bottom: 3rem
}

.margin-bottom-4 {
   margin-bottom: 4rem
}

.margin-bottom-5 {
   margin-bottom: 5rem
}

.fullscreen {
   min-height: 100vh
}

.overflow-hidden {
   overflow: hidden
}

@media screen and (min-width:40em) {
   .medium-up {
	   display: block
   }
   .medium-up-inline {
	   display: inline-block
   }
   #fc_frame {
	   display: block
   }
}

.large-up {
   display: none
}

@media screen and (min-width:73.125em) {
   .large-up {
	   display: block
   }
}

.homepage-wrapper {
   top: 0;
   -webkit-transition: top .3s;
   transition: top .3s;
   position: relative
}

.big-font {
   font-size: 140%
}

.text-light {
   font-weight: 300
}

.text-regular {
   font-weight: 400
}

.text-white {
   color: #fff
}

h1.text-white {
   font-weight: 300; 
}

.text-primary {
   color: #1494D2
}

.text-gray {
   color: rgba(0, 0, 0, .65)
}

.text-medium-smoke {
   color: #bfbfbf
}

.text-uppercase {
   text-transform: uppercase
}

.text-bold {
   font-weight: 700
}

.text-citation,
.text-normal {
   font-weight: 400
}

.text-citation {
   font-family: Playfair Display, serif;
   line-height: 1.5
}

.text-opacity {
   opacity: .75
}

@media screen and (min-width:73.125em) {
   .background-fixed {
	   background-attachment: fixed
   }
}

.no-padding-top {
   padding-top: 0!important
}

.no-padding-bottom {
   padding-bottom: 0!important
}

.no-margin-bottom {
   margin-bottom: 0!important
}

.background-light-smoke {
   background-color: #f4f4f8
}

.background-black {
   background-color: #000
}

.background-white {
   background-color: #fff
}

.background-cover {
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.background-tile {
   background-size: 1000px auto
}

.background-special-black {
   background-color: #16181c!important
}

.background-transparent {
   background-color: transparent
}

.page-row.is-fixed {
   width: 100%;
   position: fixed;
   z-index: 1;
   top: 0;
   left: 0
}

.page-row.is-fixed.top-bar {
   z-index: 3
}

.big-link {
   margin: 4rem 0 0
}

.big-link a {
   padding-bottom: .5rem;
   position: relative;
   text-decoration: none
}

.big-link a:before {
   content: "";
   width: 2rem;
   height: .25rem;
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: 0;
   background-color: #fff
}

.big-link a:hover {
   color: #fff
}

.big-link a.text-primary:before {
   background-color: #1494D2
}

.big-link a.text-primary:hover {
   color: #1494D2
}

@media screen and (min-width:40em) {
   .big-link {
	   margin: 6rem 0 0
   }
   .big-link a {
	   padding-bottom: .5rem;
	   position: relative;
	   text-decoration: none
   }
   .big-link a:hover {
	   color: #fff
   }
   .big-link a:hover:before {
	   -webkit-animation-name: bigLink;
	   animation-name: bigLink;
	   -webkit-animation-duration: .5s;
	   animation-duration: .5s;
	   -webkit-animation-fill-mode: forwards;
	   animation-fill-mode: forwards;
	   -webkit-animation-timing-function: ease-out;
	   animation-timing-function: ease-out
   }
}

.flash-message {
   width: 100%;
   min-height: 100%;
   padding: 4rem 0;
   -webkit-transform: translateY(-100%);
   transform: translateY(-100%);
   opacity: 0;
   position: fixed;
   z-index: 15;
   top: 0;
   left: 0;
   color: #fff;
   text-align: center;
   background-color: #000;
   -webkit-transition: opacity .3s 0s, -webkit-transform 0s .3s;
   transition: opacity .3s 0s, -webkit-transform 0s .3s;
   transition: transform 0s .3s, opacity .3s 0s;
   transition: transform 0s .3s, opacity .3s 0s, -webkit-transform 0s .3s
}

.flash-message h3 {
   margin-bottom: 1rem
}

.flash-message p {
   margin-bottom: 3rem
}

.flash-message.is-visible {
   -webkit-transform: translateZ(0) translateX(0);
   transform: translateZ(0) translateX(0);
   opacity: 1;
   -webkit-transition-delay: 0s, 0s;
   transition-delay: 0s, 0s
}

.flash-message-icon {
   width: 4rem;
   height: 4rem;
   display: inline-block;
   margin-bottom: 1.5rem
}

.relative {
   position: relative
}

@media screen and (min-width:40em) {
   .flash-message {
	   padding: 7.5rem 0;
	   display: -webkit-box!important;
	   display: -ms-flexbox!important;
	   display: flex!important;
	   -webkit-box-orient: vertical;
	   -webkit-box-direction: normal;
	   -ms-flex-direction: column;
	   flex-direction: column;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   justify-content: center
   }
   .flash-message-icon {
	   width: 7rem;
	   height: 7rem
   }
}

@-webkit-keyframes bigLink {
   75% {
	   width: calc(100% + 2rem)
   }
   to {
	   width: 100%
   }
}

@keyframes bigLink {
   75% {
	   width: calc(100% + 2rem)
   }
   to {
	   width: 100%
   }
}

.custom-gallery {
   padding: 0 .5rem
}

.custom-gallery-item {
   height: 0;
   margin: 1rem .5rem;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-color: #e0e0e5
}

.custom-gallery-item.height-2.width-4 {
   padding-bottom: 130%
}

.custom-gallery-item.height-2.width-8 {
   padding-bottom: 65%
}

@media screen and (min-width:40em) {
   .custom-gallery {
	   padding: 0 .5rem;
	   overflow: hidden
   }
   .custom-gallery-item {
	   margin: .5rem;
	   float: left
   }
   .custom-gallery-item.width-4 {
	   width: calc(33.33% - 1rem)
   }
   .custom-gallery-item.width-8 {
	   width: calc(66.66% - 1rem)
   }
   .custom-gallery-item.height-2.width-4,
   .custom-gallery-item.height-2.width-8 {
	   padding-bottom: 45%
   }
}

@media screen and (min-width:73.125em) {
   .custom-gallery {
	   padding: 0 1rem
   }
   .custom-gallery-item {
	   margin: 1rem
   }
   .custom-gallery-item.width-4 {
	   width: calc(33.33% - 2rem)
   }
   .custom-gallery-item.width-8 {
	   width: calc(66.66% - 2rem)
   }
}

.website-link {
   display: inline-block;
   font-weight: 400;
   font-size: 1.5rem;
   text-decoration: underline
}

@media screen and (min-width:40em) {
   .website-link {
	   font-size: 1.5rem
   }
}

.big-photo {
   height: 0;
   padding-bottom: 115%;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.iframe-wrapper {
   width: 100%;
   height: 0;
   padding-bottom: 56.25%;
   position: relative
}

.iframe-wrapper iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0
}

.icon-phone {
   background-image: url("../svg/phone-white.svg")
}

.icon-phone-light {
   background-image: url("../svg/phone-light.svg")
}

.icon-skype-light {
   background-image: url("../svg/skype-light.svg")
}

.icon-email-light {
   background-image: url("../svg/email-light.svg")
}

.icon-location-light {
   background-image: url("../svg/location-light.svg")
}

.icon-planning-light {
   background-image: url("../svg/planning-light.svg")
}

.icon-design-light {
   background-image: url("../svg/design-light.svg")
}

.icon-development-light {
   background-image: url("../svg/development-light.svg")
}

.icon-testing-light {
   background-image: url("../svg/testing-light.svg")
}

.icon-marketing-light {
   background-image: url("../svg/marketing-light.svg")
}

.icon-cooperation-light {
   background-image: url("../svg/cooperation-light.svg")
}

.icon-success {
   background-image: url("../svg/success.svg")
}

.icon-prague {
   background-image: url("../index-41.html")
}

.icon-brno {
   background-image: url("../svg/brno.svg")
}

.icon-berlin {
   background-image: url("../svg/berlin.svg")
}

.icon-london {
   background-image: url("../svg/london.svg")
}

.icon-web-apps {
   background-image: url("../svg/web-apps.svg")
}

.icon-mobile-apps {
   background-image: url("../svg/mobile-apps.svg")
}

.icon-web-create {
   background-image: url("../svg/web-create.svg")
}

.icon-it-consultation {
   background-image: url("../svg/it-consultation.svg")
}

.icon-arrow-right-primary {
   background-image: url("../svg/arrow-right-primary.svg")
}

.icon-facebook-white {
   background-image: url("../svg/facebook_white.svg")
}

.pt-100 {
   padding-top: 50px;
}

.pb-100 {
   padding-bottom: 50px;
}

.blue-title {  
   font-weight: bold;
   font-size: 36px;
   text-align: left;
   color: #1794d2
}

.blue-title + p { 
   font-weight: 300;
   font-size: 24px;
   line-height: 36px;
   text-align: center;
   color: #fff;
}


@media screen and (min-width:40em) {
   .big-text-image-block {
	   overflow: hidden;
	   position: relative
   }

   .pt-100 {
      padding-top: 100px;
   }

   .pb-100 {
      padding-bottom: 50px;
   }
   

   .big-text-image-block.image-left .big-text-image-block-image {
	   float: left
   }
   .big-text-image-block.image-left .big-text-image-block-text {
	   float: right;
	   padding-left: 5rem
   }
   .big-text-image-block.image-right .big-text-image-block-image {
	   float: right
   }
   .big-text-image-block.image-right .big-text-image-block-text {
	   float: left;
	   padding-right: 5rem
   }
   .big-text-image-block.image-right.image-pull-30 .big-text-image-block-image {
	   -webkit-transform: translateX(-30%);
	   transform: translateX(-30%)
   }
   .big-text-image-block-content {
	   width: 100%;
	   -webkit-transform: translateY(-50%);
	   transform: translateY(-50%);
	   position: absolute;
	   top: 50%;
	   left: 0
   }
   .big-text-image-block-image,
   .big-text-image-block-text {
	   width: 50%
   }

   .large-title {
      font-size: 72px; 
   }

   .header.psdtowp .header-content.bigger {
	   min-height: calc(100vh - 5rem) !important;
   }
}

.square-icon {
   width: 3rem;
   height: 3rem;
   margin-bottom: 1.75rem;
   -webkit-box-shadow: 0 .25rem .75rem .25rem rgba(0, 0, 0, .1);
   box-shadow: 0 .25rem .75rem .25rem rgba(0, 0, 0, .1);
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: 60%;
   border-radius: 10rem 10rem 10rem 0
}

.small-text-image {
   margin-top: 3rem
}

.blue-section .row {
	padding: 0 10%;
}
.blue-section  {
   background: #152849 url("../png/blured.png") no-repeat center;
       background-position-x: left;
       background-position-y: bottom -30px;
   background-position: center;
}

.blue-section .button {
	text-align: right;
	float: right;
	margin: 0;
}
.blue-section .fl-left {
	margin: 0;
	font-weight: 500;
	font-size: 24px;
	text-align: left;
	color: #fff;
	float: left;
 }

 .blue-section .list-offer .row {
	padding: 10px 10%;
 }

  .blue-section .list-offer .row:after {
	  content: "";
	  width: 100%;
	  display: inline-block;
	  background: #707070;
	  height: 1px;
  }

 .what-why.digital_services .text-left {
	 margin-bottom: 20px;
 }

 .what-why.digital_services h3.large-title {
    font-size: 72px;
 }

.column.small-12.medium-4.large-4.moved-left .large-title {
	font-size: 54px;
	padding-top: 40px;
 }

@media screen and (min-width:98.125em) {
	
	.column.small-12.medium-4.large-4.moved-left {
		position: relative;
		left: -100px;
	} 

}
 .blue-section {
	 padding: 50px 0;
 } 

 .what-why.digital_services .row .column.medium-6.large-6.left {
	 position: absolute;
	top: 50%;
	left: 0;
	margin-right: 0;
	transform: translate(0%, -50%);
 }

.what-why.digital_services .row .column.medium-6.large-6.right {
	position: absolute;
	top: 50%;
	right: 0;
	margin-right: 0;
	transform: translate(0%, -50%);
 }

 .what-why.digital_services .row {
	position: relative;
 }

.header-content .text-gray {
	color: #fff;
	opacity: 0.4 !important;
 }

 section.blue-section {
	 position: relative;
 }

 section.blue-section:after {
	content: "";
	width: 238px;
	display: inline-block;
	position: absolute;
	left: 10%;
	bottom: 0;
	height: 123px;
	background: url("../png/blue-section-small.png") no-repeat center;
 }

.what-why.digital_services .what-why.digital_services {
	position: relative;
}
.what-why.digital_services .what-why.digital_services:before {
	content: "";
	width: 80px;
	display: inline-block;
	position: absolute;
	left: 10%;
	top: -40px;
	height: 80px;
	background:  url("../png/blue-dots.png") no-repeat center;
 }

.single-offer-title {	
	font-weight: normal;
	text-align: left;
	color: #152849;
}

 @media screen and (max-width:68.125em) {
	 .what-why.digital_services {
		 overflow: hidden;
	 }

    div .blue-number {
       text-align: center;
    }

	 .blue-section h4 {
		 font-size: 24px !important; 
	 }
	 .blue-section {
		 padding: 20px 0;
	 }

	.list-offer .button {
    	padding: 1.125rem 1rem 1rem;
	}

	.what-why.digital_services > .row {
		flex-direction: column !important;
	}

	.single-offer-title {
		margin-top: 30px;
		padding: 10px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.what-why.digital_services h3.large-title {
		font-size: 2.5rem;
	}

	.blue-section p.text-center {
		font-size: 15px !important;
		line-height: 20px !important;
	}

	.blue-section .list-offer .row {
	    padding: 10px 15px 20px;
	}

	.blue-section .fl-left {
		margin: 0;
		font-weight: 500;
		font-size: 16px;
		text-align: left;
		color: #fff;
		float: left;
		line-height: 45px;
	}

	section.blue-section::after {
		width: 118px;
		height: 63px;
		background: url("../png/blue-section-small.png") no-repeat center;
			background-size: auto;
		background-size: contain;
	}

	.header-content .text-gray {
		opacity: 1 !important;
      font-weight: bold;
	}

	.what-why.digital_services .row .column.medium-6.large-6.right,
	.what-why.digital_services .row .column.medium-6.large-6.left {
		position: static;
 		transform: unset;
	}
   
}
 @media screen and (min-width:68.125em) {
	.single-offer-title {	
		font-size: 6rem;
		margin-top: 20px;
	}
}
 
@media screen and (max-width:1367px) {
   .icon-phone {
      margin-top: 1.6rem;
   }
}
@media screen and (min-width:98.125em) {
	.single-offer-title {	
		font-size: 8rem;
	}
}

@media screen and (max-width:1024px) {
   .unv-mob {
      display: none;
   } 
}

@media screen and (min-width:767px) {
   .hide-desktop {   
      display: none;
   }
}
@media screen and (max-width:767px) {
   .what-why.digital_services .column,
   .what-why.digital_services .column .text-left { 
      text-align: left;
   } 

   .what-why.digital_services > .row {
      padding: 0;
   }

   div .icon-title + p  {
      font-size: 14px;
   } 
   div .icon-title { 
      font-size: 20px;
  }

   .what-why.digital_services .column {
      margin-bottom: 20px;
   }


   #single-offer-content .gray-bg {
      padding-left:0; 
      padding-right:0; 
   }

   .what-why.digital_services .row .column.medium-6.large-6.right, .what-why.digital_services .row .column.medium-6.large-6.left {
      text-align: left;
   }

   #single-offer-content .column.medium-6:first-of-type::before {
      display: none;
   }
   
   section#single-offer-content .medium-6{ 
      padding-left: 15px;
  }

  section#single-offer-content .column.medium-6:first-of-type::before,
  .hide-mob {
     display: none !important; 
  }

  .hide-desktop {
   background: #152849; 
   padding: 20px;
   margin-bottom: 20px;
   border-radius: 10px;
  }

  #single-offer-content {
     padding-top: 30px !important;
  }

  .column.small-12.medium-4.large-4.moved-left .large-title {
   font-size: 42px;
   padding-top: 0;
  }

  div .blue-number {
     text-align: left;
  }

  .what-why.digital_services h3.large-title {
   font-size: 2rem;
  }
}

@media screen and (min-width:1024px) {
   #single-offer-content .medium-6.featured-image {
      position: absolute;
   }
}


.like-title {
	font-weight: bold;
	font-size: 21px;
	text-align: left;
	color: #1794d2;
	text-transform: uppercase;
	display: block;
   margin-bottom: 10px;
}

#single-offer-content p {
	line-height: 180%;
	margin-bottom: 20px;
	position: relative;
	padding-left: 20px;
}
#single-offer-content .medium-6 {
	position: relative;
}

#single-offer-content .column.medium-6:first-of-type:before {
	content: "";
	width: 15px;
	display: inline-block;
	position: absolute;
	left: 20px;
	bottom: -100px;
	height: 322px;
	background:  url("../png/arrows-after.png") no-repeat center;
}

.what-why.digital_services.dark-blue {
	position: relative;	
}
.what-why.digital_services.dark-blue:before {
	content: "";
	width: 654px;
	display: inline-block;
	position: absolute;
	left: -20%;
	bottom: -150px;
	height: 654px;
	background:  url("../png/circle.png") no-repeat center;
}

#single-offer-content .gray-bg .column.medium-6:before {
	background: none;
}

#single-offer-content .medium-6 {
	padding-left: 10%;
}

.single-offer-content-text {
   position: relative;
}

.single-offer-content-text p::before {
	content: "";
	width: 8px;
	height: 8px;
	display: inline-block !important;
	background: #1794D2;
	position: absolute;
	left: 0;
    top: 8px;
    border-radius: 50%;
}  
#single-offer-header { 
	padding-bottom: 0 !important;
	min-height: auto !important;
}
 
 .blue-number {
	font-weight: bold;
	font-size: 48px;
	text-align: left;
	color: #1794d2;
	display: inline-block;
	width: 80%;
	border-bottom: 1px solid #1D3763;
	margin-bottom: 15px;
 }

 .featured-image.abs {
	position: absolute;
	right: 0;
	bottom: -50%;
 }

 .white-bg .row {
	 position: relative;
 }

 .blue-title.bigger {
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    color: #1794d2;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
}

.dark-blue .blue-number-title,
.dark-blue .blue-number-subtitle {
	display: block; 
}
.dark-blue .blue-number-subtitle,
.dark-blue h3,
.dark-blue p {
	color: #fff;
}

.blue-number-subtitle {
	font-size: 24px;
}
#single-offer-header.header .header-content {
	padding-bottom: 0;
	min-height: auto !important;
}

.icon-title {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 10px;
	color: #070707;
}