/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

html, body {
  height: 100%;
  min-height: 100%;
}

body {
  font-family: 'proximanova-regular', sans-serif;
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s lilnear;
  -webkit-transition: all .2s linear;
/*   display: none; */
}

.clear {
  clear: both;
}

#page-wrapper {
  width: 100%;
  height: 100%;
  min-height: 100%;
/*   background: transparent url('../img/hp.jpg') no-repeat bottom left fixed; */
/*   background-size: cover; */
/*   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/hp.jpg', sizingMethod='scale'); */
/*   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/hp.jpg', sizingMethod='scale')"; */
}

#video_background {position: absolute; top: 38px; left: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;}
/* #video_background { position: absolute; top: 38px; left: 0px; width: 100%; height: auto; z-index: -1000; overflow: hidden;} */

#video_pattern { background-image: url(../img/video_pattern.png); position: fixed; opacity: 0.75; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -500; }

.centerer {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.centerer > .row {
  display: table-row;
}

.centerer > .row > .cell {
  display: table-cell;
}

.centerer {
  height: 100%;
}

.middle-cell {
  vertical-align: middle;
}

.cell-content {
  display: inline-block;
}

header {
  width: 100%;
  height: 76px;
  background-color: #FFFFFF;
}

#logo {
  display: block;
  width: 190px;
  height: 74px;
  float: left;
  text-indent: -9999px;
}

.subpage #logo {
  background: transparent url('../img/logo_subpage.png') no-repeat 20px 15px !important;
}

.hp #logo {
  border-top: 2px solid #E31D36;
  background: #0A1114 url('../img/logo.png') no-repeat 20px 15px !important;
}

#top-menu {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
  height: 100%;
}

#top-menu li {
  float: left;
  width: 190px;
  height: 76px;
  display: block;
  border-right: 1px solid #E1E1E1 !important;
  background: linear-gradient(to top, #0A1114 50%, #FFFFFF 50%);
  background-size: 100% 200%;
  background-position: left top;
  transition: all 0.4s ease;
}

#top-menu li:hover, #top-menu li.active {
  background-position: left bottom;
  background-color: #0A1114;
}

#top-menu li:first-child {
  border-left: 1px solid #E1E1E1;
}

#top-menu a {
  display: block;
  height: 74px;
  color: #738894;
  text-decoration: none;
  font-size: 0.9em;
  padding: 17px 0px 0px 20px;
  transition: all 0.4s ease;
  border-top: 2px solid #FFFFFF;
}

#top-menu li:hover a, #top-menu li.active a {
  color: #FFFFFF;
  border-top: 2px solid #E31D36;
}

#top-menu a span {
  text-transform: uppercase;
  font-size: 1.4em !important;
  font-family: 'proximanova-extrabold', sans-serif;
  padding-bottom: 6px;
  display: block;
}

#top-menu a span:after {
  content: "\A";
  white-space: pre;
}

.login {
  margin-left: 20px;
}

.contact-part {
  float: right;
}

.contact-part a, .link {
  display: block;
  float: left;
  font-family: 'proximanova-semibold', sans-serif;
  height: 76px;
  line-height: 76px;
  color: #738894;
  text-decoration: none;
/*   margin-right: 20px; */
  padding: 0px 22px 0px 21px;
}

.contact-part .contact {
  height: 74px !important;
  line-height: 74px !important;
  background: linear-gradient(to top, #0A1114 50%, #FFFFFF 50%);
  background-size: 100% 200%;
  border-top: 2px solid #FFFFFF;
  border-left: 1px solid #E1E1E1 !important;
}

.contact:hover, .contact.active {
  border-top: 2px solid #E31D36;
  transition: all 0.4s ease;
  background-position: left bottom;
  color: #FFFFFF !important;
  background-color: #0A1114;
}

.lang {
  text-transform: uppercase;
  padding: 0px 45px 0px 20px !important;
  margin: 0px !important;
  background: transparent url('../img/lang_bullet.png') no-repeat 65px 35px;
  border-left: 1px solid #E1E1E1 !important;
  width: 20px;
}

#subnavig {
  margin: 0px 0px 0px 20px;
  padding: 0px;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -82px;
}

#subnavig li {
  height: 70px;
  border-left: 3px solid #748990;
  margin-top: 11px;
  transition: border-color 0.4s ease;
  padding: 0px;
}

#subnavig li:first-child {
  margin-top: 0px !important;
}

#subnavig li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #748990;
  display: block;
  padding: 2px 0px 0px 22px;
  font-size: 2.8em !important;
  font-family: 'proximanova-extrabold', sans-serif;
  transition: color 0.4s ease;
  height: 70px;
  line-height: 70px;
}

#subnavig li:hover, #subnavig li.active {
  border-left-color: #F13B42;
}

#subnavig li:hover a, #subnavig li.active a {
  color: #FFFFFF;
}

.pre-hidden {
  display: none;
}

#subnavig-content {
  overflow: hidden;
  width: auto;
  float: left;
  margin-left: 250px;
}

#content-why, #content-how {
  font-size: 3.1em;
  line-height: 1.4em;
  color: #FFFFFF;
  font-family: 'proximanova-bold', sans-serif;
  margin-top: -3px;
}

#content-what {
  width: 850px;
  height: 406px;
  background: transparent url('../img/what_diagram.png') no-repeat top left;
  position: relative;
}

#content-what .label {
  display: block;
  position: absolute;
  width: 165px;
  font-family: 'proximanova-bold', sans-serif;
  font-size: 1.3em;
  color: #FFFFFF;
  line-height: 1.3em;
  text-align: center;
}

.label-1 {left: 8px; top: 230px;}
.label-2 {left: 230px; top: 130px;}
.label-3 {left: 453px; top: 230px;}
.label-4 {left: 669px; top: 130px;}

.button {
  display: block;
  text-decoration: none;
  width: 168px;
  height: 46px;
  border: 1px solid #DADBDB;
  line-height: 46px;
  text-transform: uppercase;
  text-align: center;
  color: #FFFFFF;
  font-size: 1em;
  font-family: 'proximanova-bold', sans-serif;
  transition: all 0.4s ease;
  overflow: hidden;
}

.button.long {
  width: 240px;
}

.button.long span {
  width: 240px !important;
}


#grow .button {
  border-color: #28292A;
  color: #28292A;
}

.button:hover {
  background-color: #FFFFFF;
  color: #000000;
}

#grow .button:hover {
  background-color: #28292A;
  color: #FFFFFF;
}

.button span {
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.button span::before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  font-weight: 700;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.button:hover span, .button:focus span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}

.hp .button {
  position: absolute;
  bottom: 40px;
  right: 40px;
}

.hp {
	overflow: hidden !important;
}

/* SUBPAGES */
/* HOW */
#our-people {
  width: 100%;
  height: auto;
  padding: 0px;
}

.section-background {
  width: 100%;
  height: auto;
  padding: 80px 0px 65px 0px;
}

#our-people .section-background {
  background: #1A2D30 url('../img/people.jpg') no-repeat top left;
  background-size: cover;
}

.section-content {
  margin: 0px 50px;
}

.icon {
  width: 56px;
  height: 56px;
  background-color: transparent;
  background-image: url('../img/icons.png');
  background-repeat: no-repeat;
  margin: 0px auto 40px auto;
}

#our-people .icon {
  background-position: 0px 0px;
}

h2.section-title {
  font-family: 'proximanova-extrabold', sans-serif;
  text-transform: uppercase;
  font-size: 4.6em;
  text-align: center;
  margin-bottom: 40px;
}

#our-people h2.section-title {
  color: #FFFFFF;
}

h3.title-line {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  font-family: 'proximanova-extrabold', sans-serif;
  font-size: 2em;
  text-transform: uppercase;
  color: #E41D36;
  margin-bottom: 40px;
  margin-left: 40px;
  margin-right: 40px;
}

h3.title-line span {
  padding: 0px 27px;
}

#clients h3.title-line, #grow h3.title-line {
}

/*
h3.title-line:before, h3.title-line:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: '\a0';
}
*/
h3.title-line:before,
h3.title-line:after {
    background-color: #455F66;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
h3.title-line:before {
    /*right: 0.5em;*/
    margin-left: -50%;
}
h3.title-line:after {
    /*left: 0.5em;*/
    margin-right: -50%;
}

/*
h3.title-line:before {
  margin-left: -50%;
  text-align: right;
}

h3.title-line:before, h3.title-line:after {
  background-color: #455F66;
}

h3.title-line:after {
  margin-right: -50%;
}
*/
h3.title-line.year-line {
  /*margin: 45px 0px !important;*/
  margin-top: 45px !important;
  color: #FFFFFF !important;
}

#grow h3.title-line.year-line {
  color: #151B1F !important;
}

p.perex {
  width: 575px;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.4em;
  margin: 0 auto;
}

#our-people p.perex, #clients p.perex {
  color: #ADC4CD;
}

#our-people .button, #grow .button, #solution .button {
  margin: 65px auto 0px auto;
}

#sustainability .button {
  margin: 65px auto 20px auto;
}

#sustainability {
  width: 100%;
  padding: 0px;
}

#grow .section-background, #our-mission .section-background, #global-presence .section-background {
  background: transparent url('../img/how_grid_background.png') repeat 20px 7px;
  padding: 100px 0px 80px 0px;
}

#sustainability .icon {
  background-position: -56px 0px;
}

#grow h2.section-title, #our-mission h2.section-title, #global-presence h2.section-title {
  color: #E41D36;
  margin-bottom: 30px !important;
}

#our-mission p.perex {
  width: 625px !important;
  color: #151B1F;
}

#sustainability p.perex {
  width: 625px !important;
  color: #FFFFFF;
}

/* #sustainability .button { */
/*   border-color: #28292A !important; */
/*   color: #151B1F !important; */
/* } */

/* #sustainability .button:hover { */
/*   background-color: #151B1F !important; */
/*   color: #FFFFFF !important; */
/* } */

#grow, #our-vision {
  width: 100%;
  padding: 0px;
}

#sustainability .section-background, #our-vision .section-background {
  background-color: #01171B;
  padding: 100px 0px 80px 0px;
}

#sustainability h2.section-title, #our-vision h2.section-title {
  color: #FFFFFF;
  margin-bottom: 20px !important;
}

#grow .icon {
  background-position: -112px 0px;
}

#our-vision .perex {
  color: #ADC4CD;
}

.numbers-center {
  float: right;
  right: 50%;
  position: relative;
/*   margin-top: 85px; */
}

.numbers {
  float: right;
  right: -50%;
  position: relative;
}

.number-wrapper {
  width: 165px;
  float: left;
  margin-left: 20px; 
}

.number-icons .number-wrapper {
  width: 130px !important;
}

.numbers .number-wrapper:first-child {
  margin-left: 0px !important;
}

.number-counter {
  width: 117px;
  height: 123px;
  color: #E41D36;
  font-family: 'proximanova-extrabold', sans-serif;
  background-position: top center;
  background-color: transparent;
  background-repeat: no-repeat;
  position: relative;
}

.number-circles {
  color: #E41D36;
  font-family: 'proximanova-extrabold', sans-serif;
  font-size: 3.4em;
  text-align: center;
}

.number-icon .number-count {
  display: block;
  position: absolute;
  font-size: 1.4em;
  width: 65px;
  text-align: center;
}

.percents {
  display: block;
  position: absolute;
  font-size: 1.4em;
  top: 11px;
  left: 70px;
}

.number-5 .percents {
  left: 82px !important;
}

.number-1 {background-image: url('../img/how_numbers_1_dark.png');}
.number-2 {background-image: url('../img/how_numbers_2_dark.png');}
.number-3 {background-image: url('../img/how_numbers_3_dark.png');}
.number-4 {background-image: url('../img/how_numbers_4_dark.png');}
.number-5 {background-image: url('../img/how_numbers_5_dark.png');}

.number-1 .number-count {top: 11px; left: 31px;}
.number-2 .number-count {top: 11px; left: 35px;}
.number-3 .number-count {top: 11px; left: 27px;}
.number-4 .number-count {top: 11px; left: 25px;}
.number-5 .number-count {top: 11px; left: 33px;}

.number-info {
  width: 100px !important;
  font-family: 'proximanova-bold', sans-serif;
  color: #151B1F;
  text-align: center;
  margin: 15px auto 0px -14px;
  font-size: 0.9em;
  line-height: 1.2em;
}

.number-info.number-shift {
  margin-left: -8px !important;  
}

.number-info-wide {
  width: 125px !important;
  margin-left: -18px !important;
}

.more-block {
  width: 100%;
  display: none;
  padding: 75px 0px 100px 0px;
}

.more-block h3 {
  font-family: 'proximanova-extrabold', sans-serif;
  font-size: 2em;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.more-block h3.no-offset {
  margin-bottom: 0px !important;
}

.more-block p {
  width: 760px;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.4em;
  margin: 0px auto 55px auto;
}

#our-people .more-block {
  background-color: #1A2D30;
}

#our-people .more-block h3 {
  color: #FFFFFF;
}

#our-people .more-block p {
  color: #ADC4CD;
}

#grow .more-block {
  background-color: #EFEFEF;
}

#grow .more-block h3 {
  color: #E41D36;
}

#sustainability .more-block h3.offset {
  margin-top: 75px !important
}

#sustainability .more-block p {
  margin: 0 auto !important;
}

#grow .more-block p {
  color: #151B1F;
}

#sustainability .delimiter, #hiring-content .delimiter {
  width: 46px;
  height: 2px;
  background-color: #E41D36;
  margin: 30px auto;
}

#sedex {
  width: 110px;
  height: 104px;
  background: transparent url('../img/sedex_logo.png') no-repeat top left;
  margin: 35px auto 85px auto;
}

#community {
  width: 379px;
  height: 131px;
  background: transparent url('../img/community_logo.png') no-repeat top left;
  margin: 45px auto 10px auto;
}

#sustainability .more-block {
  background-color: #1A2D30;
}

#sustainability .more-block p {
  color: #ADC4CD;
}

#sustainability .more-block p a {
  color: #FFFFFF;
  text-decoration: underline;
}

#sustainability .more-block p a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

/* WHY */
#solution {
  width: 100%;
  padding: 0px;
}

#solution .section-background {
  background: #1A2D30 url('../img/why-city.jpg') no-repeat top left fixed;
  background-size: cover;
}

#solution .long-title {
  width: 900px;
  font-size: 2.4em;
  font-family: 'proximanova-extrabold', sans-serif;
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  line-height: 1.3em;
}

#circles {
  width: 1020px;
  height: auto;
  margin: 90px auto 0px auto;
}

.circle {
/*  width: 166px;
  min-height: 166px;*/
  width: 151px;
  min-height: 151px;
  float: left;
/*   margin-left: 80px; */
  margin-left: 60px;
}


.circle-image {
/*  width: 166px;
  height: 167px;*/
  width: 151px;
  height: 151px;
  background-position: top left;
  background-color: transparent;
  background-repeat: no-repeat;
}

/*.circle-1 {background-image: url('../img/why_icon_1.png');}
.circle-2 {background-image: url('../img/why_icon_2.png');}
.circle-3 {background-image: url('../img/why_icon_3.png');}
.circle-4 {background-image: url('../img/why_icon_4.png');}*/

.circle-0 {background-image: url('../img/why_icon_small_0.png');}
.circle-1 {background-image: url('../img/why_icon_small_1.png');}
.circle-2 {background-image: url('../img/why_icon_small_2.png');}
.circle-3 {background-image: url('../img/why_icon_small_3.png');}
.circle-4 {background-image: url('../img/why_icon_small_4.png');}

#circles .circle:first-child {
  margin-left: 0px !important;
}

.circle p {
  font-size: 1.1em;
  line-height: 1.3em;
  font-family: 'proximanova-semibold', sans-serif;
  color: #FFFFFF;
  text-align: center;
/*   padding-top: 200px; */
  padding-top: 20px;
  width: 100%;
}

#solution .more-block {
  background-color: #1A2D30;
}

#solution .more-block h3 {
  color: #FFFFFF;
}

#solution .more-block p {
  color: #ADC4CD;
}

#solution .more-block h3 {
  line-height: 1.2em;
}

#our-mission .icon {
  background-position: -168px 0px;
}

#our-vision .icon {
  background-position: -224px 0px;
}

#global-presence .icon {
  background-position: -280px 0px;
}

#presence-map {
  width: 851px;
  height: 409px;
  margin: 50px auto 0px auto;
  background: transparent url('../img/presence_map_new.png') no-repeat top left;
  position: relative;
}

#clients {
  width: 100%;
  background-color: #0E1316;
}

#clients .icon {
  background-position: -336px 0px;
}

#clients h2.section-title {
  color: #FFFFFF;
}

#clients p.perex {
  width: 670px !important;
}

#feedback {
  margin: 0px 0px 0px 34px;
}

.bubble-wrapper {
  width: 486px;
  height: 126px;
  float: left;
}

.bubble {
  width: 486px;
  height: 126px;
  background: transparent url('../img/bubble.png') no-repeat top left;
  display:table-cell;
  vertical-align:middle;
}

.bubble p {
  width: 395px;
  margin: 0 auto;
  padding-right: 20px;
  color: #FFFFFF;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 1em;
  text-align: center;
  line-height: 1.4em;
}

.photo {
  width: 120px;
  height: 120px;
  float: left;
  margin: 3px 0px 0px 15px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}

.name-wrapper {
  margin-left: 20px;
  width: 110px;
  height: 126px;
  float: left;
}

p.name {
  display:table-cell;
  vertical-align:middle;
  width: 110px;
  height: 126px;
  color: #9AA6AE;
  font-size: 1em;
  font-family: 'proximanova-regular', sans-serif;
  line-height: 1.4em;
}

p.name b {
  font-family: 'proximanova-extrabold', sans-serif !important;
  color: #FFFFFF !important;
  font-size: 1.6em;
  line-height: 1.1em !important;
}

#clients .bx-wrapper {
  margin: 55px auto 75px auto;
}

.logo-row {
  width: 807px;
  margin: 0px auto 30px auto;
}

.logo {
  width: 244px;
  height: 153px;
  float: left;
  margin-left: 37px;
  background-color: #0A0E10;
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
}

.logo-row .logo:first-child {
  margin-left: 0px !important;
}

.logo:hover {
  cursor: pointer;
  background-color: #151B1F;
}

.logo-1 {width: 150px; height: 57px; background: transparent url('../img/logos/01.png') no-repeat 0px 0px; margin: 48px auto 0px auto;}
.logo-2 {width: 140px; height: 37px; background: transparent url('../img/logos/11.png') no-repeat 0px 0px; margin: 58px auto 0px auto;}
.logo-3 {width: 106px; height: 60px; background: transparent url('../img/logos/03.png') no-repeat 0px 0px; margin: 46px auto 0px auto;}
.logo-4 {width: 133px; height: 43px; background: transparent url('../img/logos/04.png') no-repeat 0px 0px; margin: 55px auto 0px auto;}
.logo-5 {width: 136px; height: 54px; background: transparent url('../img/logos/05.png') no-repeat 0px 0px; margin: 45px auto 0px auto;}
.logo-6 {width: 153px; height: 24px; background: transparent url('../img/logos/06.png') no-repeat 0px 0px; margin: 64px auto 0px auto;}
.logo-7 {width: 136px; height: 111px; background: transparent url('../img/logos/07.png') no-repeat 0px 0px; margin: 21px auto 0px auto;}
.logo-8 {width: 69px; height: 75px; background: transparent url('../img/logos/08.png') no-repeat 0px 0px; margin: 38px auto 0px auto;}
.logo-9 {width: 147px; height: 35px; background: transparent url('../img/logos/09.png') no-repeat 0px 0px; margin: 59px auto 0px auto;}

.logo:hover .logo-1 {background-position: -150px 0px;}
.logo:hover .logo-2 {background-position: -141px 0px;}
.logo:hover .logo-3 {background-position: -106px 0px;}
.logo:hover .logo-4 {background-position: -137px 0px;}
.logo:hover .logo-5 {background-position: -136px 0px;}
.logo:hover .logo-6 {background-position: -153px 0px;}
.logo:hover .logo-7 {background-position: -136px 0px;}
.logo:hover .logo-8 {background-position: -69px 0px;}
.logo:hover .logo-9 {background-position: -147px 0px;}

/* WHAT */
#what {
  position: relative;
}

#what header {
  position: relative;
  z-index: 20000;
}

#stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow-y: hidden;
}

.stripe {
  width: 25%;
  max-width: 25%;
  height: 100%;
  float: left;
  position: relative;
  cursor: pointer;
  background-color: #000000;
  z-index: 6;
  transition: all .2s linear; 
  -o-transition: all .2s linear; 
  -moz-transition: all .2s linear; 
  -webkit-transition: all .2s linear;  
}

.stripe.in-background {
  z-index: 1;
}

.stripe.on-top {
  z-index: 10;
}

.stripe-filler {
  width: 100%;
  height: 0px;
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 0px;
}

.stripe-1-filler {background-color: #081117;}
.stripe-2-filler {background-color: #0C1921;}
.stripe-3-filler {background-color: #11222C;}
.stripe-4-filler {background-color: #192C37;}

.stripe-image {
  width: 198px;
  height: 196px;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: 20px;*/
  transition: all .2s linear; 
  -o-transition: all .2s linear; 
  -moz-transition: all .2s linear; 
  -webkit-transition: all .2s linear;  
}

.stripe-image-wrapper {
  z-index: 9;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0px;
  padding-top: 20px;
  opacity: 0;
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
}

.stripe-image-wrapper.animated {
 transition: padding .2s linear; 
  -o-transition: padding .2s linear; 
  -moz-transition: padding .2s linear; 
  -webkit-transition: padding .2s linear;
}

.no-shift {
  padding-top: 0px !important;
}

.stripe-image {
/*  transition: all linear; 
  -o-transition: all linear; 
  -moz-transition: all linear; 
  -webkit-transition: all linear;*/
  transition: background .2s linear;
  -o-transition: background .2s linear;
  -moz-transition: background .2s linear;
  -webkit-transition: background .2s linear;
}

.stripe-1 .stripe-image {background: transparent url('../img/stripe_1.png') no-repeat top left;}
.stripe-2 .stripe-image {background: transparent url('../img/stripe_2.png') no-repeat top left;}
.stripe-3 .stripe-image {background: transparent url('../img/stripe_3.png') no-repeat top left;}
.stripe-4 .stripe-image {background: transparent url('../img/stripe_4.png') no-repeat top left; height: 198px !important;}

.stripe-1:hover .stripe-image {background: transparent url('../img/stripe_1_hover.png') no-repeat top left;}
.stripe-2:hover .stripe-image {background: transparent url('../img/stripe_2_hover.png') no-repeat top left;}
.stripe-3:hover .stripe-image {background: transparent url('../img/stripe_3_hover.png') no-repeat top left;}
.stripe-4:hover .stripe-image {background: transparent url('../img/stripe_4_hover.png') no-repeat top left;}


/* .stripe-1 .stripe-image-wrapper {top: 52%;} */
/* .stripe-2 .stripe-image-wrapper {top: 26%;} */
/* .stripe-3 .stripe-image-wrapper {top: 39%;} */
/* .stripe-4 .stripe-image-wrapper {top: 20%;} */

.stripe-label {
  font-family: 'proximanova-semibold', sans-serif !important;
  font-size: 1.8em;
  line-height: 1.2em;
  color: #FFFFFF;
  width: 205px;
  text-align: center;
  margin: 35px auto 0px auto;
  opacity: 0;
  display: none;
/*  transition: all .2s ease-in-out; 
  -o-transition: all .2s ease-in-out; 
  -moz-transition: all .2s ease-in-out; 
  -webkit-transition: all .2s ease-in-out;*/
}

.stripe-detail {
  display: none;
  position: absolute;
  z-index: 5000;
  top: 0px !important;
  left: 0px !important;
  width: 25%;
  max-width: 25%;
  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}

.stripe-detail.unwrapped {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  transform: translateX(0%);
}

.stripe-detail {
/*   background-color: transparent; */
  background-color: #0C1921;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% cover;
}

.stripe-detail .stripe-image-wrapper {
/*   top: 52% !important; */
/*   bottom: 30px !important; */
  padding-top: 0px !important;
}

.stripe-detail .stripe-image {
  width: 96px !important;
  height: 95px !important;
}

#stripe-1-detail .stripe-image {background: transparent url('../img/stripe_1_icon.png') no-repeat top left;}
#stripe-2-detail .stripe-image {background: transparent url('../img/stripe_2_icon.png') no-repeat top left;}
#stripe-3-detail .stripe-image {background: transparent url('../img/stripe_3_icon.png') no-repeat top left;}
#stripe-4-detail .stripe-image {background: transparent url('../img/stripe_4_icon.png') no-repeat top left; height: 96px !important;}

#stripe-1-detail {background-image: url('../img/stripe_1_detail.jpg') !important;}
#stripe-2-detail {background-image: url('../img/stripe_2_detail.jpg') !important;}
#stripe-3-detail {background-image: url('../img/stripe_3_detail.jpg') !important;}
#stripe-4-detail {background-image: url('../img/stripe_4_detail.jpg') !important;}

.stripe-perex {
  width: 77%;
  font-family: 'proximanova-light', sans-serif !important;
  color: #DBE7EB;
  text-align: center;
  margin: 25px auto 0px auto;
  line-height: 1.4em;
}

.stripe .stripe-perex {
  opacity: 0;
  margin-top: 10px !important;
  padding-top: 0px !important;
}

.stripe .stripe-label {
  opacity: 1;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.stripe .stripe-label, .stripe .stripe-perex {
  /*position:absolute;
  left:0;
  right:0;*/
  margin-left:auto;
  margin-right:auto;  
  
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
}

.stripe:hover .stripe-label {
  /*opacity: 0 !important;*/
}

.stripe:hover .stripe-perex {
  opacity: 1 !important;
}

.stripe:hover .what-arrows {
  opacity: 1 !important;  
}

.stripe:hover .stripe-image-wrapper {
    padding-top: 0px !important;
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
}

.stripe-overlay {
  display: none;
  position: absolute;
  z-index: 5000;
  top: 0px;
  width: 75%;
  max-width: 75%;
  background-color: #2B404C;
  height: 100%;
  margin-top: 76px;
}

.close-overlay {
  float: left;
  height: 100%;
  width: 85px;
  background-color: #2B404C;
  z-index: 20000;
}

.close-overlay a {
  display: block;
  width: 33px;
  height: 33px;
  margin: 30px auto 0px auto;
  background: transparent url('../img/overlay_close.png') no-repeat top left;
}

.overlay-content {
  float: left;
  height: 100%;
}

.overlay-column {
  float: left;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.column-1 {width: 34%;}
.column-2 {width: 34%;}
.column-3 {width: 32%;}

.column-filler {
  width: 100%;
/*   height: 0px; */
  height: 100%;
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 0px;
  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  
  
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}

.column-filler.unwrapped {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  transform: translateX(0%);
}

.column-1-filler {background-color: #0C1921;}
.column-2-filler {background-color: #11222C;}
.column-3-filler {background-color: #192C37;}

.overlay-column .column-content {
  z-index: 9;
  position: relative;
  max-height: 75%;
  overflow-y: hidden;
}

#stripe-1-overlay .column-2,
.overlay-2 .column-2 {
  width: 66% !important;
}

.column-1 .anot {
  width: 80%;
  text-align: left;
  font-family: 'Libre Baskerville', serif;
  font-style: italic;
  color: #FFFFFF;
  font-size: 1.7em;
  line-height: 1.5em;
  margin: 200px 0px 0px 30px;
}

.column-2 p, .column-3 .text-wrapper p {
  font-family: 'proximanova-light', sans-serif;
  color: #FFFFFF;
  font-size: 1em;
  line-height: 1.3em;
  text-align: left;
  padding: 0px 30px 25px 0px;
  margin: 0px !important;
}

.column-2 hr, .column-3 .text-wrapper hr {
  width: 32px;
  height: 2px;
  background-color: #E41D36;
  border: 0 !important;
  margin: 0px 0px 30px 00px !important;
  padding: 0px;
}

.column-2 .text-wrapper {
  height: auto;
  overflow-y: auto;
  position: absolute;
  left: 0px;
  padding-left: 30px;
}

.column-3 .text-wrapper {
/*   height: 30%; */
/*   overflow-y: auto; */
  padding-left: 30px;
}

.column-2 .button {
  margin-bottom: 30px !important;
}

.catalogue-image {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background: transparent url('../img/stripe_catalog.png') no-repeat top left;
}

.catalogue-label {
  /*font-family: 'proximanova-extrabold', sans-serif !important;*/
  font-family: 'proximanova-semibold', sans-serif !important;
  font-size: 1.3em;
  line-height: 1.2em;
  color: #FFFFFF;
  width: 100px;
  text-align: center;
  margin: 17px auto 17px auto;
}

.catalogue-wrapper {
/*   margin-top: 215px; */
}

.catalogue-wrapper .button {
  width: 218px !important;
  margin: 0px auto 30px auto !important;
}

/* CONTACTS */
.contacts {
  background-color: #01171B;
}

#contacts {
  width: 100%;
  background: transparent url('../img/map_outline.png') no-repeat center top;
  margin: 0px;
  padding-top: 80px;
}

.contact-title, .contact-subtitle {
  font-family: 'proximanova-extrabold', sans-serif !important;
  text-transform: uppercase;
}

.contact-title {
  height: 77px;
  overflow: hidden;
  position: relative;
}

.contact-title span {
  display: block;
  color: #E41D36;
  text-indent: -2px;
  -webkit-transition: all ease-in-out;
  -moz-transition: all ease-in-out;
  -ms-transition: all ease-in-out;
  -o-transition: all ease-in-out;
  transition: all ease-in-out;
  
/*  -webkit-transform: translateY(70px);
  -moz-transform: translateY(70px);
  -ms-transform: translateY(70px);
  -o-transform: translateY(70px);
  transform: translateY(70px);  */
  font-size: 4.8em;
/*   height: 0px; */
/*   height: 77px; */
  overflow: hidden;
/*   margin-top: 77px; */
}

.contact-subtitle {
  height: 30px;
}

.contact-subtitle div {
  color: #FFFFFF;
  font-size: 1.8em;
/*   display: none; */
/*   opacity: 0; */
  -webkit-transition: all ease-in-out;
  -moz-transition: all ease-in-out;
  -ms-transition: all ease-in-out;
  -o-transition: all ease-in-out;
  transition: all ease-in-out;
}

.contact-block {
  width: 270px;
  min-height: 270px;
  float: left;
  margin: 0px 0px 50px 30px;
  opacity: 0;
  position: relative;
  overflow: hidden;
}

#contacts {
  position: relative;
  overflow: hidden;
}

.contact-block p {
  font-family: 'proximanova-regular', sans-serif;
  font-size: 1em;
  line-height: 1.4em;
  color: #ADC4CD;
  margin-top: 10px;
/*   display: none; */
}

.contact-block p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.contact-block p a:hover {
  color: #FFFFFF;
/*   text-decoration: none; */
}

.shifter {
  margin-top: 40px;
}

.marker {
  width: 25px;
  height: 25px;
  background: transparent url('../img/map_marker.png') no-repeat top left;
  position: absolute;
  cursor: pointer;
  z-index: 2000;
}

.marker:hover {
  background-position: -25px 0px;
}

.marker-mx {left: 170px; top: 198px;}
.marker-bo {left: 231px; top: 238px;}
.marker-rj {left: 298px; top: 297px;}
.marker-br {left: 416px; top: 119px;}
.marker-hk {left: 658px; top: 191px;}
.marker-sh {left: 676px; top: 174px;}

#radar {
  position: absolute;
  left: 559px;
  top: 57px;
  width: 260px;
  height: 260px;
  display: none;
  z-index: 1000;
}

.radar {
  width: 260px; 
  height: 260px; 
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
/*   display: none; */
  opacity: 0;
}

.radar-1 {background-image: url('../img/radar_1.png');}
.radar-2 {background-image: url('../img/radar_2.png');}
.radar-3 {background-image: url('../img/radar_3.png');}
.radar-4 {background-image: url('../img/radar_4.png');}

  
/*   animation: blinkEffect 1.5s infinite;
 */
/*   -webkit-animation: blinkEffect 1.5s infinite; */


.radar-4.animating {
  animation-name : blinkEffect;
  animation-duration : 1.2s;
  animation-delay : 0s;
  animation-iteration-count : infinite;  
  
  -webkit-animation-name : blinkEffect;
  -webkit-animation-duration : 1.2s;
  -webkit-animation-delay : 0s;
  -webkit-animation-iteration-count : infinite; 
  
  -moz-animation-name : blinkEffect;
  -moz-animation-duration : 1.2s;
  -moz-animation-delay : 0s;
  -moz-animation-iteration-count : infinite;  
}

.radar-3.animating {
  animation-name : blinkEffect;
  animation-duration : 1.2s;
  animation-delay : 0.2s;
  animation-iteration-count : infinite;  
  
  -webkit-animation-name : blinkEffect;
  -webkit-animation-duration : 1.2s;
  -webkit-animation-delay : 0.2s;
  -webkit-animation-iteration-count : infinite;  
  
  -moz-animation-name : blinkEffect;
  -moz-animation-duration : 1.2s;
  -moz-animation-delay : 0.2s;
  -moz-animation-iteration-count : infinite;   
}

.radar-2.animating {
  animation-name : blinkEffect;
  animation-duration : 1.2s;
  animation-delay : 0.4s;
  animation-iteration-count : infinite;  
  
  -webkit-animation-name : blinkEffect;
  -webkit-animation-duration : 1.2s;
  -webkit-animation-delay : 0.4s;
  -webkit-animation-iteration-count : infinite;  
  
  -moz-animation-name : blinkEffect;
  -moz-animation-duration : 1.2s;
  -moz-animation-delay : 0.4s;
  -moz-animation-iteration-count : infinite;    
}

.radar-1.animating {
  animation-name : blinkEffect;
  animation-duration : 1.2s;
  animation-delay : 0.6s;
  animation-iteration-count : infinite;  
  
  -webkit-animation-name : blinkEffect;
  -webkit-animation-duration : 1.2s;
  -webkit-animation-delay : 0.6s;
  -webkit-animation-iteration-count : infinite; 
  
  -moz-animation-name : blinkEffect;
  -moz-animation-duration : 1.2s;
  -moz-animation-delay : 0.6s;
  -moz-animation-iteration-count : infinite;    
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

@keyframes blinkEffect
{
  0% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes blinkEffect {
  0% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

#marker-label {
  position: absolute;
  font-family: 'proximanova-extrabold', sans-serif;
  color: #E41D36;
  text-transform: uppercase;
  font-size: 1.3em;
}

#all-stripe-filler {
/*   width: 100%; */
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
}

.custom-slider {
  padding-bottom: 30px !important;
}

#more {
  display: none;
}

.content-items {
  display: none;
  text-transform: uppercase;
}

.what-arr {
    width: 11px;
    height: 23px;
    float: left;
    margin-right: 2px;
}

.what-arrows {
    width: 39px;
    height: 23px;
    margin: 25px auto 0px auto;
    opacity: 0;
}

.what-arr-1 {background: transparent url('../img/what_arr_1.png') no-repeat top left;}
.what-arr-2 {background: transparent url('../img/what_arr_2.png') no-repeat top left;}
.what-arr-3 {background: transparent url('../img/what_arr_3.png') no-repeat top left;}

.what-arr {
  opacity: 0;
  -moz-animation-name:arr_anim;
  -moz-animation-duration:1.95s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-direction:linear;
  -webkit-animation-name:arr_anim;
  -webkit-animation-duration:1.95s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:linear;
  -ms-animation-name:arr_anim;
  -ms-animation-duration:1.95s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-direction:linear;
  -o-animation-name:arr_anim;
  -o-animation-duration:1.95s;
  -o-animation-iteration-count:infinite;
  -o-animation-direction:linear;
  animation-name:arr_anim;
  animation-duration:1.95s;
  animation-iteration-count:infinite;
  animation-direction:linear;
}

.what-arr-1 {
  -moz-animation-delay:.18s;
  -webkit-animation-delay:.18s;
  -ms-animation-delay:.18s;
  -o-animation-delay:.18s;
  animation-delay:.18s;
}

.what-arr-2 {
  -moz-animation-delay:0.42000000000000004s;
  -webkit-animation-delay:0.42000000000000004s;
  -ms-animation-delay:0.42000000000000004s;
  -o-animation-delay:0.42000000000000004s;
  animation-delay:0.42000000000000004s;
}

.what-arr-3{
  -moz-animation-delay:0.5399999999999999s;
  -webkit-animation-delay:0.5399999999999999s;
  -ms-animation-delay:0.5399999999999999s;
  -o-animation-delay:0.5399999999999999s;
  animation-delay:0.5399999999999999s;
}

@-moz-keyframes arr_anim {
  0% {}
  50% {opacity: 1;}
  100% {}
}

@-webkit-keyframes arr_anim {
  0% {}
  50% {opacity: 1;}
  100%{}
}

@-ms-keyframes arr_anim{
  0% {}
  50% {opacity: 1;}
  100%{}
}

@-o-keyframes arr_anim {
  0% {}
  50% {opacity: 1;}
  100%{}
}

@keyframes arr_anim{
  0% {}
  50% {opacity: 1;}
  100% {}
}

.dotstyle {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dotstyle li {
	position: relative;
	display: block;
/* 	float: left; */
	margin: 8px 0px;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

.dotstyle li a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: #afbcc3;
	background-color: rgba(255, 255, 255, 0.3);
	text-indent: -999em;
	cursor: pointer;
	position: absolute;
}

.dotstyle li a:focus {
	outline: none;
}

.dotstyle-circlegrow li a {
	overflow: hidden;
	background-color: transparent;
	box-shadow: inset 0 0 0 2px #afbcc3;
	-webkit-transition: opacity 0.3s ease;
	/*transition: opacity 0.3s ease;*/
}

.dotstyle-circlegrow li a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	border-radius: 50%;
	background-color: #e41d36;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	/*-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;*/
}

.dotstyle-circlegrow li a:hover,
.dotstyle-circlegrow li a:focus {
	/*opacity: 0.7;*/
}

.dotstyle-circlegrow li.current a::after {
	-webkit-transform: scale(1);
	transform: scale(1);
}

#side-navig {
  position: fixed;
  right: 25px;
  top: 50%;
  /*margin-top: -45px;*/
  z-index: 30000;
}

#global-presence {
  position: relative;
}

#map-overlay {
  width: 879px;
  height: 439px;
  border: 1px solid #EDEDED;
  background-color: #FFFFFF;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  opacity: 0;
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
}

#map-overlay .overlay-close {
  display: block;
  width: 33px;
  height: 33px;
  background: transparent url('../img/map_overlay_close.png') no-repeat top left;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 30000;
  cursor: pointer;
}

.map-circle {
  width: 264px;
  height: 264px;
  margin-left: 45px;
  margin-top: 88px;
  float: left;
}

.map-hk {background: transparent url('../img/map_hk.png') no-repeat top left;}
.map-br {background: transparent url('../img/map_rj.png') no-repeat top left;}
.map-mx {background: transparent url('../img/map_mx.png') no-repeat top left;}
.map-co {background: transparent url('../img/map_co.png') no-repeat top left;}
.map-eu {background: transparent url('../img/map_eu.png') no-repeat top left;}
.map-cn {background: transparent url('../img/map_cn.png') no-repeat top left;}

.map-overlay-content {
  float: left;
  width: 420px;
  height: 280px;
  margin: 80px 0px 0px 55px;
}

.map-overlay-content h3, .map-overlay-content h4 {
  color: #13262e;
  font-size: 24px;
  margin-bottom: 5px;
}

.map-overlay-content h3 {
  font-family: 'proximanova-bold', sans-serif;
}

.map-overlay-content h4 {
  font-family: 'proximanova-semibold', sans-serif;
}

.map-overlay-content .short-delimiter {
  display: block;
  width: 65px;
  height: 3px;
  background-color: #E41D36;
  margin: 20px 0px;
}

.map-overlay-content .short-delimiter.last-delimiter {
  margin: 25px 0px 0px 0px !important
}

.map-overlay-content p, .map-overlay-content a {
  color: #4f6673;
  font-size: 19px;
  font-family: 'proximanova-regular', sans-serif;
  line-height: 1.3em;
}

.map-overlay-content a {
  text-decoration: none;
  border-bottom: 1px solid #DCDFE1;
  font-family: 'proximanova-semibold', sans-serif;
}

.map-overlay-content a:hover {
  text-decoration: none;
  border: none !important;
}

.map-overlay-content table td {
  vertical-align: middle;
}

.map-overlay-content table span {
  display: block;
  color: #e41d36;
  font-family: 'proximanova-extrabold', sans-serif;
  font-size: 45px;
  padding-right: 30px;
}

.map-overlay {
  display: none;
}
#sedex_side {
    width: 114px;
    height: 114px;
    background: transparent url('../img/sedex_float.png') no-repeat top left;
    position: fixed; 
    top: 90px;
    right: 40px;
    opacity: 1;
    transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -moz-transition: opacity .2s lilnear;
    -webkit-transition: opacity .2s linear;
}

#sedex_side.is-invisible {
    opacity: 0;
    right: -200px;
}

#lang-submenu {
  position: absolute;
  top: 76px;
  right: 0px;
  width: 85px;
  background-color: #FFFFFF;
  display: none;
}

#lang-submenu li {
  float: none;
  margin: 0px !important;
  padding: 0px !important;
}

#lang-submenu li a {
  height: 76px !important;
  line-height: 76px !important;
  width: 65px;
  display: block;
  padding: 0px 0px 0px 20px !important;
}

#lang-submenu li a:hover {
  background-color: #0A1114;
  color: #FFFFFF;
/*   border-top: 2px solid #E31D36; */
}

#lang-wrapper {
  position: relative;
  float: left;
  z-index: 30000;
}

.hiring-wrapper {
  height: 135px;
/*   background-color: blue; */
  position: relative;
}

.hiring-wrapper h3 {
/*   margin-top: 20px; */
  position: relative;
  top: 53px;
}

#switcher {
  width: 135px;
  height: 135px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: transparent url('../img/button_hiring.png') no-repeat top left;
  z-index: 300000;
  cursor: pointer;
}

#switcher span {
  color: #FFFFFF;
  text-transform: uppercase;
  width: 90px;
  position: absolute;
  top: 43px;
  left: 23px;
  text-align: center;
  display: block;
  font-family: 'proximanova-bold', sans-serif;
  font-size: 20px;
  line-height: 1.3em;
}

#switcher span .smaller {
  position: relative !important;
  top: 5px;
  left: -13px;
  font-size: 16px;
  width: 115px;
}

#hiring-content.more-block {
  background-color: #657882;
  display: none;
  position: relative;
/*   height: 705px !important; */
/*   max-height: 705px !important; */
  min-height: 705px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#our-people #hiring-content.more-block p {
  color: #FFFFFF !important;
  margin: 0px auto !important;
}

#hiring-content.more-block .delimiter {
  background-color: #97A4AA !important;
}

#our-people #hiring-content.more-block p a {
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 2px solid #95A0A7;
  font-family: 'proximanova-bold', sans-serif;
}

#our-people #hiring-content.more-block p a:hover {
  border-bottom: none !important;
}

#hiring-close {
  width: 135px;
  height: 135px;
  position: absolute;
  left: 52px;
  top: 290px;
  background: transparent url('../img/button_hiring_close.png') no-repeat top left;
  z-index: 300000;
  cursor: pointer;
}

#hiring-close span {
  color: #E41D36;
  text-transform: uppercase;
  width: 90px;
  position: absolute;
  top: 55px;
  left: 23px;
  text-align: center;
  display: block;
  font-family: 'proximanova-bold', sans-serif;
  font-size: 20px;
  line-height: 1.3em;
}

#our-people-content {
  position: relative;
}

#sustainability .more-block h3 {
  color: #FFFFFF !important;
}

#arrow_side, #arrow_side_up {
  position: fixed;
  right: 50px;
  top: 50%;
  width: 36px;
  height: 36px;
  background: transparent url('../img/arrow_side.png') no-repeat top left;
  display: none;
  margin-top: 15px;
  text-indent: -9999px;
}

#arrow_side.why_shift, #arrow_side_up.why_shift {
  margin-top: 32px;
}

#arrow_side_up {
  background: transparent url('../img/arrow_side_up.png') no-repeat top left;
  z-index: 20000;
}

#sedex_side.completed {
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s lilnear;
  -webkit-transition: all .2s linear;
}