@charset "UTF-8";
/************************/
/* VARIABLES */
/************************/
/* roboto-100 - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-100.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'), url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-100.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-100.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-100.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-100italic - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-100italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-100italic.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-100italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-300 - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'), url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-300italic - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300italic.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-regular - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-regular.eot');
  /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'), url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-regular.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-italic - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'), url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-italic.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-500 - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-500.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'), url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-500.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-500.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-500.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-500italic - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-500italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-500italic.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-500italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700 - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-700.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'), url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-700.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-700.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700italic - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-700italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-700italic.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-700italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-900 - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-900.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'), url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-900.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-900.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-900.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-900italic - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-900italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-900italic.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-v18-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-900italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-slab-300 - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('roboto/roboto-slab-v7-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url('roboto/roboto-slab-v7-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-slab-v7-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-slab-v7-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-slab-v7-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-slab-v7-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-300.svg#RobotoSlab') format('svg');
  /* Legacy iOS */
}
/* roboto-slab-regular - vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('roboto/roboto-slab-v7-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-regular.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url('roboto/roboto-slab-v7-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('roboto/roboto-slab-v7-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('roboto/roboto-slab-v7-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-regular.woff') format('woff'), /* Modern Browsers */ url('roboto/roboto-slab-v7-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('roboto/roboto-slab-v7-vietnamese_cyrillic-ext_latin_greek_cyrillic_latin-ext_greek-ext-regular.svg#RobotoSlab') format('svg');
  /* Legacy iOS */
}
/* BOX SHADOW */
/************************/
/* ELEMENTS */
/************************/
/* HEADER */
/* PROGRESS BAR */
/* PROGRESS BAR */
/* POPUP */
.backdrop-effect {
  filter: blur(5px);
}
/* LINES */
/* BACKGROUNDS */
/************************/
/* FONTS */
/************************/
/************************/
/* BUTTONS */
/************************/
/************************/
/* PRIMARY BUTTON */
/************************/
/* DEFAULT */
/* HOVER */
/* ACTIVE */
/************************/
/* SECONDARY BUTTON */
/************************/
/* DEFAULT */
/* HOVER */
/* ACTIVE */
/************************/
/* GRAY BUTTON */
/************************/
/* DEFAULT */
/* HOVER */
/* ACTIVE */
/************************/
/* GREEN BUTTON */
/************************/
/* DEFAULT */
/* HOVER */
/* ACTIVE */
/************************/
/* ORANGE BUTTON */
/************************/
/* DEFAULT */
/* HOVER */
/* ACTIVE */
/************************/
/* RED BUTTON */
/************************/
/* DEFAULT */
/* HOVER */
/* ACTIVE */
/************************/
/* WHITE BUTTON */
/************************/
/* DEFAULT */
/* HOVER */
/* ACTIVE */
/************************/
/* FORM FIELDS */
/************************/
/************************/
/* SPACING */
/************************/
/************************/
/* ANIMATIONS */
/************************/
/************************/
/* EFFECTS */
/************************/
/* BORDER RADIUS */
/* BOX SHADOW */
/************************/
/* COLOR VARIABLES */
/************************/
/* PRIMARY */
/* LIGHTER */
/* DEFAULT */
/* DARKER */
/* SECONDARY */
/* LIGHTER */
/* DEFAULT */
/* DARKER */
/* ORANGE */
/* LIGHTER */
/* DEFAULT */
/* DARKER */
/* RED */
/* LIGHTER */
/* DEFAULT */
/* DARKER */
/* RED */
/* LIGHTER */
/* DEFAULT */
/* DARKER */
/* BLUE */
/* LIGHTER */
/* DEFAULT */
/* DARKER */
/* GRAY */
/* LIGHTER */
/* DEFAULT */
/* DARKER */
/* DARK MODE */
/************************/
/* BREAKPOINTS */
/************************/
/************************/
/* MIXINS */
/************************/
.clearfix::after {
  content: " ";
  display: table;
  clear: both;
}
/************************/
/* USEFUL CLASSES */
/************************/
.font-weight-100 {
  font-weight: 100;
}
.font-weight-300 {
  font-weight: 300;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-600 {
  font-weight: 600;
}
.font-weight-700 {
  font-weight: 700;
}
.width-100 {
  width: 100%;
}
.width-95 {
  width: 95%;
}
.width-90 {
  width: 90%;
}
.width-85 {
  width: 85%;
}
.width-80 {
  width: 80%;
}
.width-75 {
  width: 75%;
}
.width-70 {
  width: 70%;
}
.width-65 {
  width: 65%;
}
.width-60 {
  width: 60%;
}
.width-55 {
  width: 55%;
}
.width-50 {
  width: 50%;
}
.width-45 {
  width: 45%;
}
.width-40 {
  width: 40%;
}
.width-35 {
  width: 35%;
}
.width-30 {
  width: 30%;
}
.width-25 {
  width: 25%;
}
.width-20 {
  width: 20%;
}
.width-15 {
  width: 15%;
}
.width-10 {
  width: 10%;
}
.width-5 {
  width: 5%;
}
.p-none {
  padding: 0 !important;
}
.p-t-none {
  padding-top: 0 !important;
}
.p-r-none {
  padding-right: 0 !important;
}
.p-b-none {
  padding-bottom: 0 !important;
}
.p-l-none {
  padding-left: 0 !important;
}
.m-none {
  margin: 0 !important;
}
.m-t-none {
  margin-top: 0 !important;
}
.m-r-none {
  margin-right: 0 !important;
}
.m-b-none {
  margin-bottom: 0 !important;
}
.m-l-none {
  margin-left: 0 !important;
}
.m-t {
  margin-top: 20px !important;
}
.m-r {
  margin-right: 20px !important;
}
.m-b {
  margin-bottom: 20px !important;
}
.m-l {
  margin-left: 20px !important;
}
.m-t-l {
  margin-top: 25px !important;
}
.m-r-l {
  margin-right: 25px !important;
}
.m-b-l {
  margin-bottom: 25px !important;
}
.m-l-l {
  margin-left: 25px !important;
}
.m-t-xl {
  margin-top: 30px !important;
}
.m-r-xl {
  margin-right: 30px !important;
}
.m-b-xl {
  margin-bottom: 30px !important;
}
.m-l-xl {
  margin-left: 30px !important;
}
.m-t-xxl {
  margin-top: 35px !important;
}
.m-r-xxl {
  margin-right: 35px !important;
}
.m-b-xxl {
  margin-bottom: 35px !important;
}
.m-l-xxl {
  margin-left: 35px !important;
}
.m-t-s {
  margin-top: 15px !important;
}
.m-r-s {
  margin-right: 15px !important;
}
.m-b-s {
  margin-bottom: 15px !important;
}
.m-l-s {
  margin-left: 15px !important;
}
.m-t-xs {
  margin-top: 10px !important;
}
.m-r-xs {
  margin-right: 10px !important;
}
.m-b-xs {
  margin-bottom: 10px !important;
}
.m-l-xs {
  margin-left: 10px !important;
}
.p-t {
  padding-top: 20px !important;
}
.p-r {
  padding-right: 20px !important;
}
.p-b {
  padding-bottom: 20px !important;
}
.p-l {
  padding-left: 20px !important;
}
.p-t-l {
  padding-top: 25px !important;
}
.p-r-l {
  padding-right: 25px !important;
}
.p-b-l {
  padding-bottom: 25px !important;
}
.p-l-l {
  padding-left: 25px !important;
}
.p-t-xl {
  padding-top: 30px !important;
}
.p-r-xl {
  padding-right: 30px !important;
}
.p-b-xl {
  padding-bottom: 30px !important;
}
.p-l-xl {
  padding-left: 30px !important;
}
.p-t-xxl {
  padding-top: 35px !important;
}
.p-r-xxl {
  padding-right: 35px !important;
}
.p-b-xxl {
  padding-bottom: 35px !important;
}
.p-l-xxl {
  padding-left: 35px !important;
}
.p-t-s {
  padding-top: 15px !important;
}
.p-r-s {
  padding-right: 15px !important;
}
.p-b-s {
  padding-bottom: 15px !important;
}
.p-l-s {
  padding-left: 15px !important;
}
.p-t-xs {
  padding-top: 10px !important;
}
.p-r-xs {
  padding-right: 10px !important;
}
.p-b-xs {
  padding-bottom: 10px !important;
}
.p-l-xs {
  padding-left: 10px !important;
}
.custom-scroller::-webkit-scrollbar,
.chosen-results::-webkit-scrollbar {
  width: 16px;
}
.custom-scroller::-webkit-scrollbar-thumb,
.chosen-results::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 30px;
  -webkit-border-radius: 7px;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.custom-scroller::-webkit-scrollbar-button,
.chosen-results::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.custom-scroller::-webkit-scrollbar-corner,
.chosen-results::-webkit-scrollbar-corner {
  background-color: transparent;
}
.custom-scroller--horizontal::-webkit-scrollbar {
  height: 6px;
}
.custom-scroller--horizontal::-webkit-scrollbar-thumb {
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-width: 30px;
  -webkit-border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.custom-scroller--horizontal::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.custom-scroller--horizontal::-webkit-scrollbar-corner {
  background-color: transparent;
}
/************************/
/* FONT ICONS */
/************************/
@font-face {
  font-family: 'cargox';
  src: url('fonts/icons/cargox.eot?g02wnk');
  src: url('fonts/icons/cargox.eot?g02wnk#iefix') format('embedded-opentype'), url('fonts/icons/cargox.ttf?g02wnk') format('truetype'), url('fonts/icons/cargox.woff?g02wnk') format('woff'), url('fonts/icons/cargox.svg?g02wnk#cargox') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"]::before,
[class*=" icon-"]::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cargox' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-print:before {
  content: "\e959";
}
.icon-cart:before {
  content: "\e956";
}
.icon-theft:before {
  content: "\e954";
}
.icon-clock:before {
  content: "\e923";
}
.icon-calendar:before {
  content: "\e924";
}
.icon-plane:before {
  content: "\e94b";
}
.icon-ship:before {
  content: "\e94c";
}
.icon-train:before {
  content: "\e94d";
}
.icon-truck:before {
  content: "\e94e";
}
.icon-eye:before {
  content: "\e948";
}
.icon-click:before {
  content: "\e93e";
}
.icon-layers:before {
  content: "\e93f";
}
.icon-blocks:before {
  content: "\e940";
}
.icon-rocket:before {
  content: "\e941";
}
.icon-thumb-down:before {
  content: "\e93c";
}
.icon-thumb-up:before {
  content: "\e93d";
}
.icon-chain:before {
  content: "\e93a";
}
.icon-house:before {
  content: "\e939";
}
.icon-megaphone:before {
  content: "\e934";
}
.icon-star:before {
  content: "\e935";
}
.icon-star-outline:before {
  content: "\e936";
}
.icon-bulb:before {
  content: "\e937";
}
.icon-magic-wand:before {
  content: "\e938";
}
.icon-layout-detailed-view:before {
  content: "\e92d";
}
.icon-layout-simple-view:before {
  content: "\e92e";
}
.icon-bank-verified:before {
  content: "\e957";
}
.icon-d-and-b-verified:before {
  content: "\e958";
}
.icon-verified:before {
  content: "\e92c";
}
.icon-step-by-step:before {
  content: "\e92b";
}
.icon-video:before {
  content: "\e928";
}
.icon-link:before {
  content: "\e929";
}
.icon-book:before {
  content: "\e92a";
}
.icon-comment:before {
  content: "\e942";
}
.icon-chat:before {
  content: "\e927";
}
.icon-faq:before {
  content: "\e93b";
}
.icon-lock:before {
  content: "\e91f";
}
.icon-key:before {
  content: "\e91c";
}
.icon-key-add:before {
  content: "\e947";
}
.icon-key-remove:before {
  content: "\e955";
}
.icon-key-approve:before {
  content: "\e945";
}
.icon-key-prepare:before {
  content: "\e946";
}
.icon-seal-stamp:before {
  content: "\e91a";
}
.icon-draft:before {
  content: "\e919";
}
.icon-quotes:before {
  content: "\e918";
}
.icon-create-document:before {
  content: "\e917";
}
.icon-accomplish-document:before {
  content: "\e91d";
}
.icon-destroy-document:before {
  content: "\e91e";
}
.icon-templates:before {
  content: "\e916";
}
.icon-sort-ascending:before {
  content: "\e914";
}
.icon-sort-descending:before {
  content: "\e915";
}
.icon-sort:before {
  content: "\e913";
}
.icon-ethereum:before {
  content: "\e912";
}
.icon-add-credits:before {
  content: "\e911";
}
.icon-bell:before {
  content: "\e910";
}
.icon-add-photo:before {
  content: "\e90f";
}
.icon-full-screen-exit:before {
  content: "\e90d";
}
.icon-maximize:before {
  content: "\e90e";
}
.icon-full-screen:before {
  content: "\e90b";
}
.icon-minimize:before {
  content: "\e90c";
}
.icon-choose-from-inbox:before {
  content: "\e90a";
}
.icon-layout-no-split:before {
  content: "\e906";
}
.icon-layout-horizontal-split:before {
  content: "\e907";
}
.icon-layout-vertical-split:before {
  content: "\e908";
}
.icon-tag:before {
  content: "\e909";
}
.icon-incoming:before {
  content: "\e902";
}
.icon-returned:before {
  content: "\e926";
}
.icon-archive:before {
  content: "\e903";
}
.icon-inbox:before {
  content: "\e904";
}
.icon-clip:before {
  content: "\e900";
}
.icon-copy:before {
  content: "\e92f";
}
.icon-add-new:before {
  content: "\e931";
}
.icon-add-existing:before {
  content: "\e932";
}
.icon-arrow-left:before {
  content: "\e901";
}
.icon-arrow-right:before {
  content: "\e95a";
}
.icon-arrow-up:before {
  content: "\e95b";
}
.icon-arrow-down:before {
  content: "\e95c";
}
.icon-arrow-full-left:before {
  content: "\e95d";
}
.icon-arrow-full-right:before {
  content: "\e95e";
}
.icon-arrow-full-up:before {
  content: "\e95f";
}
.icon-arrow-full-down:before {
  content: "\e960";
}
.icon-transfer:before {
  content: "\45";
}
.icon-move-up-down:before {
  content: "\e94f";
}
.icon-move-up:before {
  content: "\e950";
}
.icon-move-right:before {
  content: "\e951";
}
.icon-move-left:before {
  content: "\e952";
}
.icon-move-down:before {
  content: "\e953";
}
.icon-danger-outline:before {
  content: "\e920";
}
.icon-danger:before {
  content: "\66";
}
.icon-no-sign:before {
  content: "\e91b";
}
.icon-warning-outline:before {
  content: "\e921";
}
.icon-warning:before {
  content: "\4a";
}
.icon-delete:before {
  content: "\67";
}
.icon-document-signed:before {
  content: "\68";
}
.icon-download:before {
  content: "\e943";
}
.icon-upload:before {
  content: "\e944";
}
.icon-earth:before {
  content: "\52";
}
.icon-edit:before {
  content: "\6a";
}
.icon-envelope:before {
  content: "\6b";
}
.icon-send:before {
  content: "\e949";
}
.icon-folder:before {
  content: "\6d";
}
.icon-footprint:before {
  content: "\6e";
}
.icon-history:before {
  content: "\6f";
}
.icon-info-outline:before {
  content: "\e922";
}
.icon-info:before {
  content: "\70";
}
.icon-loader:before {
  content: "\51";
}
.icon-log-out:before {
  content: "\71";
}
.icon-menu-dots:before {
  content: "\50";
}
.icon-menu:before {
  content: "\72";
}
.icon-checkmark:before {
  content: "\65";
}
.icon-minus:before {
  content: "\4d";
}
.icon-plus:before {
  content: "\4e";
}
.icon-x-strong:before {
  content: "\e94a";
}
.icon-x:before {
  content: "\4b";
}
.icon-magnifier:before {
  content: "\7a";
}
.icon-exclamation:before {
  content: "\e930";
}
.icon-question-mark:before {
  content: "\41";
}
.icon-seal:before {
  content: "\42";
}
.icon-settings:before {
  content: "\43";
}
.icon-signature:before {
  content: "\e933";
}
.icon-triangle:before {
  content: "\4c";
}
.icon-unseal:before {
  content: "\4f";
}
.icon-user:before {
  content: "\49";
}
.icon-user-default-profile-image:before {
  content: "\e905";
}
.icon-nano-ledger:before {
  content: "\76";
}
.icon-trezor:before {
  content: "\46";
}
.icon-logo-x:before {
  content: "\e925";
}
@-webkit-keyframes roadmapAndMilestonesSquare {
  0% {
    width: 0px;
    height: 0px;
    margin-top: 0px;
    right: -20px;
    opacity: 0;
  }
  80% {
    width: 21px;
    height: 21px;
    margin-top: -10.5px;
    right: -30px;
    opacity: 1;
  }
  100% {
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    right: -27px;
    opacity: 1;
  }
}
@keyframes roadmapAndMilestonesSquare {
  0% {
    width: 0px;
    height: 0px;
    margin-top: 0px;
    right: -20px;
    opacity: 0;
  }
  80% {
    width: 21px;
    height: 21px;
    margin-top: -10.5px;
    right: -30px;
    opacity: 1;
  }
  100% {
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    right: -27px;
    opacity: 1;
  }
}
@-webkit-keyframes milestonesHorizontalSquare {
  0% {
    width: 0px;
    height: 0px;
    margin-top: 0px;
    opacity: 0;
  }
  80% {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    opacity: 1;
  }
  100% {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    opacity: 1;
  }
}
@keyframes milestonesHorizontalSquare {
  0% {
    width: 0px;
    height: 0px;
    margin-top: 0px;
    opacity: 0;
  }
  80% {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    opacity: 1;
  }
  100% {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    opacity: 1;
  }
}
@-webkit-keyframes floatingButtonFlyIn {
  0% {
    transform: translateX(120%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes floatingButtonFlyIn {
  0% {
    transform: translateX(120%);
  }
  100% {
    transform: translateX(0);
  }
}
html,
body {
  height: 100%;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: hsl(226, 20%, 20%);
  line-height: 1.6;
  padding: 0;
  margin: 0;
}
hr {
  margin: 20px 0;
}
hr.smaller-margin {
  margin: 20px 0;
}
@media (max-width: 500px) {
  hr {
    margin: 20px 0;
  }
}
a {
  color: hsl(226, 20%, 20%);
  text-decoration: underline;
}
a:hover {
  color: hsl(226, 20%, 20%);
  text-decoration: none;
}
p {
  margin: 0 0 20px 0;
}
p,
ul,
ol,
dt,
dl {
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
}
.list-with-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-with-bullets li {
  position: relative;
  padding: 4px 0 4px 20px;
}
.list-with-bullets li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background-color: hsl(225, 60%, 35%);
  left: 0;
  top: 12px;
}
strong {
  font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: hsl(225, 60%, 35%);
  font-weight: 400;
  margin: 0 0 20px 0;
}
h1 {
  font-size: 52px;
  line-height: 58px;
}
h2 {
  font-size: 40px;
  line-height: 46px;
}
h3 {
  font-weight: 300;
  font-size: 32px;
  line-height: 38px;
}
h4 {
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
}
hr {
  background-color: hsl(223, 23%, 96%);
  border: none;
  height: 1px;
  width: 100%;
  margin: 20px 0 36px 0;
}
.color--green {
  color: hsl(135, 59%, 41%) !important;
}
.color--blue {
  color: hsl(225, 60%, 35%) !important;
}
.color--red {
  color: hsl(358, 74%, 46%) !important;
}
.color--white {
  color: white !important;
}
.horizontal-line {
  display: block;
  width: 100%;
  height: 2px;
  margin: 20px 0;
  background: url('../images/square-white.svg') repeat left;
}
.text-exposed {
  font-size: 24px;
  line-height: 32px;
}
.number-exposed strong {
  font-size: 36px;
  line-height: 40px;
  color: hsl(225, 60%, 35%);
}
.overflow-hidden {
  overflow: hidden;
}
.display-block {
  display: block;
}
.display-inline {
  display: inline;
}
.expand-hidden-part {
  cursor: pointer;
}
.spacer {
  flex: 1 1 auto;
}
.label {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 8px;
  background-color: hsl(223, 23%, 96%);
  color: hsl(226, 20%, 20%);
  padding: 2px 7px;
  font-weight: 400;
  vertical-align: middle;
}
.label--red {
  color: white;
  background-color: hsl(358, 74%, 46%);
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  h1 {
    font-size: 44px;
    line-height: 50px;
  }
  h2 {
    font-size: 34px;
    line-height: 40px;
  }
  h3 {
    font-size: 26px;
    line-height: 32px;
  }
  h4 {
    font-size: 20px;
    line-height: 26px;
  }
  .text-exposed {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 1200px) {
  p,
  ul,
  ol,
  dt,
  dl {
    font-size: 16px;
    line-height: 24px;
  }
  .text-exposed {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  h1 {
    font-size: 40px;
    line-height: 46px;
  }
  h2 {
    font-size: 30px;
    line-height: 36px;
  }
  h3 {
    font-size: 22px;
    line-height: 28px;
  }
  h4 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 500px) {
  h1 {
    font-size: 36px;
    line-height: 42px;
  }
  h2 {
    font-size: 26px;
    line-height: 32px;
  }
  h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .horizontal-line {
    margin: 20px 0;
  }
}
/************************/
/* COOKIE BANNER */
/************************/
.cookie-banner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  z-index: 10;
}
.cookie-banner::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.cookie-banner__popup {
  color: white;
  background-color: hsl(225, 60%, 35%);
  padding: 40px;
  margin: 20px;
  border-radius: 8px;
  box-sizing: border-box;
  max-width: 700px;
  width: 100%;
  position: relative;
  z-index: 1;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  transform: scale(0.8);
  opacity: 0;
  box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
  .cookie-banner__popup {
    padding: 20px;
  }
}
.cookie-banner__popup h4,
.cookie-banner__popup h5 {
  color: white;
}
.cookie-banner__popup h5 {
  font-size: 18px;
  line-height: 22px;
}
.cookie-banner__list {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 5px 20px;
  margin-bottom: 40px;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 500px) {
  .cookie-banner__list {
    display: block;
    border: none;
    padding: 0;
  }
}
.cookie-banner__list table {
  width: 100%;
}
@media (max-width: 500px) {
  .cookie-banner__list table {
    display: block;
  }
}
@media (max-width: 500px) {
  .cookie-banner__list table tbody {
    display: block;
  }
}
@media (max-width: 500px) {
  .cookie-banner__list table tbody tr {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .cookie-banner__list table tbody tr:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.cookie-banner__list table tbody tr td {
  padding: 10px 10px 10px 0;
}
@media (max-width: 500px) {
  .cookie-banner__list table tbody tr td {
    display: block;
    padding: 0;
  }
}
.cookie-banner__list table tbody tr td:first-child {
  width: 70%;
}
.cookie-banner__list table tbody tr td:last-child {
  width: 1px;
  white-space: nowrap;
}
.cookie-banner__list table tbody tr:not(:first-child) td {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 500px) {
  .cookie-banner__list table tbody tr:not(:first-child) td {
    border-top: none;
  }
}
.cookie-banner__buttons {
  margin: -10px;
  display: flex;
  justify-content: flex-end;
}
.cookie-banner__buttons .button {
  margin: 10px;
}
.cookie-banner__footer {
  margin-top: 30px;
  font-size: 12px;
  line-height: 18px;
}
.cookie-banner__footer a {
  color: white;
}
.cookie-banner--visible {
  visibility: visible;
}
.cookie-banner--visible::before {
  opacity: 1;
}
.cookie-banner--visible .cookie-banner__popup {
  transform: scale(1);
  opacity: 1;
}
/************************/
/* LOGO CONTAINER */
/************************/
.logo__container {
  text-align: center;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
}
.logo__container .slick-list {
  margin-bottom: 40px;
}
.logo__container .slick-slide > div {
  width: 100%;
}
.logo__item {
  flex: 1 1 auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  min-width: 150px;
}
.logo__item a {
  display: block;
}
.logo__item img {
  display: block;
  max-width: 160px;
  max-height: 70px;
  position: relative;
  z-index: 2;
}
/************************/
/* CARGOX PLATFORM LOGO */
/************************/
.cargox-platform-logo {
  display: flex;
  align-items: flex-start;
}
.cargox-platform-logo img {
  display: block;
  height: 60px;
  margin-top: 4px;
}
.cargox-platform-logo strong {
  font-size: 54px;
  line-height: 54px;
  border-left: 1px solid hsl(229, 18%, 88%);
  color: hsl(225, 60%, 35%);
  font-weight: 300;
  padding-left: 40px;
  margin-left: 40px;
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  .cargox-platform-logo img {
    height: 50px;
  }
  .cargox-platform-logo strong {
    font-size: 44px;
    line-height: 44px;
  }
}
@media (max-width: 1200px) {
  .cargox-platform-logo img {
    height: 40px;
    margin-top: 3px;
  }
  .cargox-platform-logo strong {
    font-size: 34px;
    line-height: 34px;
    padding-left: 20px;
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .cargox-platform-logo img {
    height: 30px;
    margin-top: 1px;
  }
  .cargox-platform-logo strong {
    font-size: 24px;
    line-height: 24px;
  }
}
@media (max-width: 500px) {
  .cargox-platform-logo img {
    height: 24px;
    margin-top: 1px;
  }
  .cargox-platform-logo strong {
    font-size: 20px;
    line-height: 20px;
  }
}
/************************/
/* MESSAGE */
/************************/
.message {
  display: inline-block;
  padding: 7px 10px;
  font-size: 14px;
  color: hsl(226, 20%, 20%);
  line-height: 18px;
  text-align: left;
}
.message--smallprint {
  font-size: 12px;
}
.message--with-icon {
  position: relative;
  padding-left: 40px;
}
.message--with-icon::before {
  content: " ";
  display: block;
  position: absolute;
  left: 10px;
  top: 6px;
  width: 20px;
  height: 20px;
  opacity: 0.5;
}
.message--warning {
  background-color: #fff8eb;
}
.message--warning.message--with-icon::before {
  background: url('../images/warning-orange.svg') no-repeat center center;
}
.message--info {
  background-color: #edf0f6;
}
.message--info.message--with-icon::before {
  background: url('../images/info-blue.svg') no-repeat center center;
}
.message--no-background {
  padding: 0px;
}
/* RESPONSIVE */
/************************/
/* STRUCTURE */
/************************/
.content-wrapper {
  padding-top: 60px;
}
.container {
  max-width: 1400px;
  margin: 0 auto;
}
.container--full-width {
  max-width: none;
}
.container--side-by-side-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container--side-by-side-content .text-wrapper {
  padding: 0 40px;
}
.container__content {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.container__content .text-wrapper {
  max-width: 500px;
}
.container__content--left-align {
  align-items: flex-start;
}
.container__content--left-align .text-wrapper {
  margin: 0;
}
.container__content--right-align {
  align-items: flex-end;
}
.container__content--right-align .text-wrapper {
  margin: 0;
}
.container__main-image,
.container__main-video {
  display: block;
  width: 100%;
}
.hidden-part {
  display: none;
}
.row {
  padding-left: 40px;
  padding-right: 40px;
  outline: none;
}
.row--title {
  text-align: center;
  padding: 40px 0;
}
.row--title h1 {
  margin: 0;
}
.row--title p {
  margin: 20px auto 0 auto;
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
  max-width: 900px;
}
.text-wrapper {
  max-width: 900px;
  margin: 0 auto;
}
.text-wrapper hr {
  background-color: hsl(223, 23%, 96%);
  border: none;
  height: 1px;
}
.text-wrapper p:last-child {
  margin-bottom: 0;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--title {
    padding: 20px 0;
  }
}
@media (max-width: 768px) {
  .container--side-by-side-content {
    flex-direction: column;
  }
  .container--side-by-side-content .text-wrapper {
    padding: 0;
  }
  .container__content {
    width: 100% !important;
  }
  .container__content .text-wrapper {
    max-width: none;
  }
  .container__content--order-1 {
    order: 1;
    margin-bottom: 20px;
  }
  .container__content--order-2 {
    order: 2;
  }
}
@media (max-width: 500px) {
  .row {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/************************/
/* HEADER */
/************************/
.header {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  height: 40px;
  width: auto;
  background-color: white;
  z-index: 10;
  text-align: left;
  padding: 10px 40px;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
body::before {
  content: ' ';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  z-index: 11;
  pointer-events: none;
}
.header__logo {
  display: block;
  height: 40px;
  margin-top: 10px;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.header__logo-link {
  margin-right: 80px;
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  .header__logo-link {
    margin-right: 40px;
  }
}
@media (max-width: 500px) {
  .header__logo-link {
    margin-right: 20px;
  }
  .header {
    padding-left: 20px;
  }
}
/************************/
/* SPECIAL NOTIFICATION */
/************************/
.special-notification {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  background-color: hsl(223, 23%, 96%);
  padding: 20px 40px;
  text-decoration: none;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  overflow: hidden;
}
.special-notification img {
  left: 0;
  position: absolute;
  display: block;
  margin-right: 20px;
  width: 320px;
  transform: rotate(-50deg);
}
@media (max-width: 1380px) {
  .special-notification img {
    width: 170px;
  }
}
@media (max-width: 991px) {
  .special-notification img {
    position: relative;
    transform: rotate(0);
    width: 40px;
    border-radius: 8px;
  }
}
.special-notification:hover {
  background-color: hsl(135, 59%, 41%);
  color: white;
}
.special-notification:hover .special-notification__start-here {
  background-color: white;
  color: hsl(135, 59%, 41%);
  text-shadow: none;
}
@media (max-width: 1380px) {
  .special-notification {
    padding: 10px 40px;
  }
}
.special-notification__content {
  display: flex;
  align-items: center;
  font-size: 22px;
  line-height: 26px;
}
@media (max-width: 1380px) {
  .special-notification__content {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 991px) {
  .special-notification__content {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  .special-notification__content {
    display: block;
  }
}
.special-notification__content strong {
  margin-right: 10px;
}
@media (max-width: 768px) {
  .special-notification__content strong {
    margin-right: 0;
  }
}
.special-notification__content em {
  display: inline-block;
  margin-right: 20px;
  font-style: normal;
}
.special-notification__start-here {
  display: inline-block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  border-radius: 8px;
  position: relative;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  cursor: pointer;
  text-decoration: none;
  outline: none;
  box-sizing: border-box;
  min-height: 50px;
  border: none;
  background-color: hsl(225, 60%, 35%);
  box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 14px 0 hsla(225, 60%, 35%, 0.2), 0 3px 5px 0 hsla(225, 60%, 35%, 0.2);
  text-shadow: none;
  z-index: 1;
  background-color: hsl(135, 59%, 41%);
  box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.05), 0 6px 14px 0 hsla(135, 60%, 32%, 0.2), 0 3px 5px 0 hsla(135, 60%, 32%, 0.2);
  color: #FFFFFF;
  text-shadow: 0px 0px 2px hsl(135, 59%, 16%);
  padding: 8px 14px;
  font-size: 14px;
  line-height: 18px;
  min-height: 34px;
  border-radius: 6px;
}
.special-notification__start-here:hover {
  text-decoration: none;
  background-color: hsl(225, 58%, 30%);
  color: #FFFFFF;
  box-shadow: 0 6px 14px 0 hsla(225, 60%, 35%, 0.4), 0 3px 5px 0 hsla(225, 60%, 35%, 0.4);
}
.special-notification__start-here:active {
  background-color: hsl(225, 58%, 30%);
  color: #FFFFFF;
  box-shadow: 0 3px 6px 0 hsla(225, 60%, 35%, 0.4), 0 1px 2px 0 hsla(225, 60%, 35%, 0.4);
}
.special-notification__start-here.button--outline,
.special-notification__start-here.button--transparent {
  color: hsl(225, 60%, 35%);
}
.special-notification__start-here.button--outline:hover,
.special-notification__start-here.button--transparent:hover {
  color: #FFFFFF;
}
.special-notification__start-here.button--outline {
  box-shadow: inset 0 0 0 1px hsl(225, 60%, 35%);
}
.special-notification__start-here:active {
  transform: translateY(2px);
}
.special-notification__start-here:hover {
  background-color: hsl(135, 60%, 32%);
  color: #FFFFFF;
  box-shadow: 0 6px 14px 0 hsla(135, 60%, 32%, 0.4), 0 3px 5px 0 hsla(135, 60%, 32%, 0.4);
}
.special-notification__start-here:active {
  background-color: hsl(135, 60%, 32%);
  color: #FFFFFF;
  box-shadow: 0 3px 6px 0 hsla(135, 60%, 32%, 0.4), 0 1px 2px 0 hsla(135, 60%, 32%, 0.4);
}
.special-notification__start-here.button--outline,
.special-notification__start-here.button--transparent {
  color: hsl(135, 59%, 41%);
}
.special-notification__start-here.button--outline:hover,
.special-notification__start-here.button--transparent:hover {
  color: #FFFFFF;
}
.special-notification__start-here.button--outline {
  box-shadow: inset 0 0 0 1px hsl(135, 59%, 41%);
}
/************************/
/* DESKTOP MENU */
/************************/
.desktop-navigation {
  display: flex;
  align-items: center;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.desktop-navigation__link {
  position: relative;
  display: block;
  color: hsl(226, 20%, 20%);
  line-height: 60px;
  font-size: 16px;
  text-decoration: none;
  font-weight: 300;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  padding: 0 20px;
  cursor: pointer;
}
.desktop-navigation__link::after {
  position: absolute;
  content: " ";
  display: block;
  width: 0px;
  transform: translateX(-50%);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  height: 2px;
  bottom: 0;
  left: 50%;
  background-color: hsla(135, 59%, 41%, 0.8);
}
.desktop-navigation__link:hover,
.desktop-navigation__link.desktop-navigation__link--active {
  color: hsl(135, 59%, 41%);
}
.desktop-navigation__link:hover::after,
.desktop-navigation__link.desktop-navigation__link--active::after {
  width: 100%;
}
.desktop-navigation__link:hover.desktop-navigation__link--navigation-dropdown::before,
.desktop-navigation__link.desktop-navigation__link--active.desktop-navigation__link--navigation-dropdown::before {
  color: hsl(135, 59%, 41%);
}
.desktop-navigation__square {
  width: 3px;
  height: 3px;
  background-color: hsl(135, 59%, 41%);
}
.desktop-navigation__link--navigation-dropdown {
  padding-right: 40px;
}
.desktop-navigation__link--navigation-dropdown::before {
  position: absolute;
  font-family: "cargox";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95c";
  color: hsl(226, 20%, 20%);
  font-size: 10px;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.desktop-navigation__link--navigation-dropdown.desktop-navigation__link--active::before {
  transform: translateY(-50%) rotate(180deg);
}
.navigation-dropdown {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  padding-bottom: 250px;
  z-index: 10;
}
.navigation-dropdown--open {
  visibility: visible;
}
.navigation-dropdown--open .navigation-dropdown__container {
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  transform: translateY(0);
}
.navigation-dropdown__container {
  background-color: white;
  box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-100%);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  display: flex;
  align-items: stretch;
}
.navigation-dropdown__column {
  width: calc((100% / 3) - 40px);
  margin: 40px;
}
.navigation-dropdown__column--exposed {
  margin: 0 0 0 auto;
  padding: 40px;
  background-color: hsla(225, 60%, 35%, 0.06);
  flex: 1 1 auto;
}
.navigation-dropdown__column--exposed .navigation-dropdown__title {
  border-bottom: 1px solid hsla(225, 60%, 35%, 0.1);
}
.navigation-dropdown__column--exposed .navigation-dropdown__link::before {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.75);
  transform: translateY(0);
}
.navigation-dropdown__column--exposed .navigation-dropdown__link:hover {
  transform: scale(1) translateY(-5px);
}
.navigation-dropdown__column--exposed .navigation-dropdown__link:hover::before {
  transform: scale(1) translateY(0px);
}
.navigation-dropdown__column--exposed .news__item {
  max-width: 600px;
  padding: 10px;
}
.navigation-dropdown__column--exposed .news__item:last-of-type {
  margin-bottom: 0;
}
.navigation-dropdown__column--exposed .news__image {
  max-width: 100px;
}
.navigation-dropdown__column--exposed .news__title {
  font-size: 14px;
}
.navigation-dropdown__links-container {
  display: flex;
  margin: 0 -40px;
}
.navigation-dropdown__links-container ul {
  margin: 0 40px;
  padding: 0;
  list-style: none;
}
.navigation-dropdown__links-container ul li {
  margin: 40px 0;
}
.navigation-dropdown__title {
  width: 100%;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 20px;
  color: hsl(225, 60%, 35%);
  border-bottom: 1px solid hsla(225, 60%, 35%, 0.1);
}
a.navigation-dropdown__title {
  display: block;
  text-decoration: none;
}
a.navigation-dropdown__title:hover {
  text-decoration: underline;
  color: hsl(225, 60%, 35%);
}
.navigation-dropdown__link {
  text-decoration: none;
  position: relative;
  display: block;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.navigation-dropdown__link strong {
  display: block;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 5px;
  font-weight: 400;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.navigation-dropdown__link p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  margin: 0;
}
.navigation-dropdown__link::before {
  content: ' ';
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  z-index: -1;
  background-color: hsla(225, 60%, 35%, 0.06);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  border-radius: 8px;
  transform: scale(0.9);
  opacity: 0;
}
.navigation-dropdown__link:hover strong {
  color: hsl(225, 60%, 35%);
}
.navigation-dropdown__link:hover::before {
  opacity: 1;
  transform: scale(1);
}
.desktop-right-navigation {
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
}
.desktop-right-navigation .button {
  margin-left: 10px;
}
.desktop-right-navigation__help-link {
  color: hsl(226, 20%, 20%);
  line-height: 56px;
  font-size: 14px;
  text-decoration: none;
  font-weight: 300;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
  padding-left: 30px;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.desktop-right-navigation__help-link::before,
.desktop-right-navigation__help-link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.desktop-right-navigation__help-link::before {
  content: '?';
  left: 6px;
  font-size: 15px;
  font-weight: 700;
  z-index: 2;
  color: hsl(225, 19%, 50%);
}
.desktop-right-navigation__help-link::after {
  content: '';
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: hsl(223, 23%, 96%);
  z-index: 1;
}
.desktop-right-navigation__help-link:hover {
  text-decoration: underline;
}
.desktop-right-navigation__help-link:hover::after {
  background-color: hsl(229, 18%, 88%);
  box-shadow: 0px 0px 10px 0px hsl(229, 18%, 88%);
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  .desktop-navigation__link {
    padding: 0 14px;
    font-size: 14px;
  }
  .desktop-navigation__link--navigation-dropdown {
    padding-right: 40px;
  }
}
@media (max-width: 1200px) {
  .desktop-navigation {
    display: none !important;
  }
  .desktop-right-navigation {
    margin-right: 40px;
  }
}
@media (max-width: 600px) {
  .desktop-right-navigation__help-link {
    display: none;
  }
}
@media (max-width: 460px) {
  .desktop-right-navigation {
    display: none;
  }
}
/************************/
/* MOBILE MENU */
/************************/
.mobile-navigation {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 60px;
  height: 60px;
  background-color: hsl(135, 59%, 41%);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  cursor: pointer;
  outline: none;
}
.mobile-navigation:hover {
  background-color: hsl(135, 59%, 31%);
  box-shadow: 0px 0px 10px 0px hsl(135, 59%, 39%);
}
.mobile-navigation__text {
  position: absolute;
  bottom: 5px;
  color: white;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.mobile-navigation__line {
  position: absolute;
  background-color: white;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  opacity: 1;
  width: 32px;
  height: 4px;
  border-radius: 2px;
}
.mobile-navigation__line:nth-child(1) {
  top: 10px;
}
.mobile-navigation__line:nth-child(2) {
  top: 20px;
}
.mobile-navigation__line:nth-child(3) {
  top: 30px;
}
.mobile-navigation__container {
  display: block;
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: hsla(225, 60%, 35%, 0.98);
  z-index: 999999;
  transform: translateX(100%);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.mobile-navigation__close {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: url('../images/x-white.svg') no-repeat center center;
  background-size: 40px;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  z-index: 9999;
}
.mobile-navigation__close:hover {
  background-color: hsl(135, 59%, 41%);
  padding: 10px;
  margin: -10px;
  transform: rotate(90deg);
}
.mobile-navigation-menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  list-style: none;
  padding: 140px 20px 20px 20px;
  margin: 0;
  box-sizing: border-box;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.mobile-navigation-menu__item {
  margin: 0;
  padding: 0;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.mobile-navigation-menu__item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.mobile-navigation-menu__item--bottom {
  margin: auto 0 0 0;
  border: none;
}
.mobile-navigation-menu__item--bottom .button {
  margin: 20px 10px 0 10px;
}
.mobile-navigation-menu__item--exposed {
  background-color: hsl(135, 59%, 41%);
  color: white;
}
.mobile-navigation-submenu {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.05);
}
.mobile-navigation-submenu .mobile-navigation-menu__link {
  font-size: 20px;
}
.mobile-navigation-menu__link {
  padding: 20px;
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 24px;
  font-weight: 300;
  text-decoration: none;
  display: block;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.mobile-navigation-menu__link:hover {
  color: hsl(135, 59%, 41%);
  background-color: rgba(0, 0, 0, 0.1);
}
.mobile-navigation-menu__link.expand-hidden-part::after,
.mobile-navigation-menu__link.expand-hidden-part::before {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 64px;
  width: 64px;
}
.mobile-navigation-menu__link.expand-hidden-part::before {
  background-color: hsl(225, 60%, 30%);
}
.mobile-navigation-menu__link.expand-hidden-part::after {
  background: url('../images/arrow-white.svg') no-repeat center center;
  background-size: 20px;
  transform: rotate(90deg);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.mobile-navigation-menu__link.expand-hidden-part.expand-hidden-part--active {
  background-color: rgba(0, 0, 0, 0.1);
}
.mobile-navigation-menu__link.expand-hidden-part.expand-hidden-part--active::after {
  transform: rotate(270deg);
}
.mobile-navigation-menu__help-link {
  position: relative;
  color: white;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  padding-left: 30px;
}
.mobile-navigation-menu__help-link::before,
.mobile-navigation-menu__help-link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.mobile-navigation-menu__help-link::before {
  content: '?';
  left: 6px;
  font-size: 15px;
  font-weight: 700;
  z-index: 2;
  color: hsl(225, 60%, 35%);
}
.mobile-navigation-menu__help-link::after {
  content: '';
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.mobile-navigation-menu__help-link:hover {
  text-decoration: underline;
  color: white;
}
.mobile-navigation-menu__help-link:hover::after {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.4);
}
.mobile-navigation--open {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.mobile-navigation--open .mobile-navigation__container {
  transform: translateX(0);
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .mobile-navigation {
    display: flex;
  }
}
@media (max-width: 500px) {
  .mobile-navigation__close {
    top: 20px;
    right: 20px;
  }
  .mobile-navigation-menu {
    padding: 80px 20px 20px 20px;
  }
  .mobile-navigation-submenu .mobile-navigation-menu__link {
    font-size: 16px;
  }
  .mobile-navigation-menu__link {
    padding: 10px;
    font-size: 20px;
  }
  .mobile-navigation-menu__link.expand-hidden-part::after,
  .mobile-navigation-menu__link.expand-hidden-part::before {
    height: 44px;
    width: 44px;
  }
  .mobile-navigation-menu__link.expand-hidden-part::after {
    background-size: 14px;
  }
}
/************************/
/* FAQ */
/************************/
.carousel {
  position: relative !important;
  padding-bottom: 40px;
  margin: 0 auto;
}
.carousel.slick-slider {
  position: static;
}
.carousel .slick-list {
  padding: 0 20px;
}
.carousel .slick-track {
  display: flex;
  align-items: stretch;
}
.carousel .slick-slide {
  margin: 0 40px;
  height: auto;
  min-height: 0;
  display: flex !important;
  align-items: stretch;
}
.carousel .slick-slide > div {
  display: flex;
  align-items: stretch;
}
.carousel .slick-prev,
.carousel .slick-next {
  width: 40px;
  height: 40px;
}
.carousel .slick-prev::before,
.carousel .slick-next::before {
  content: ' ';
  display: block;
  width: 40px;
  height: 40px;
  background: url('../images/arrow-blue.svg') no-repeat;
  opacity: 0.1;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.carousel .slick-prev:focus::before,
.carousel .slick-next:focus::before {
  opacity: 0.1;
}
.carousel .slick-prev:focus:hover:before,
.carousel .slick-next:focus:hover:before {
  opacity: 1;
}
.carousel .slick-prev:hover::before,
.carousel .slick-next:hover::before {
  opacity: 1;
}
.carousel .slick-prev {
  left: 0px;
}
.carousel .slick-prev::before {
  transform: rotate(180deg);
}
.carousel .slick-next {
  right: 0px;
}
.carousel .slick-dots {
  width: auto;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.carousel .slick-dots li {
  width: 10px;
  height: 10px;
  padding: 5px;
  margin: 0;
}
.carousel .slick-dots li button {
  display: block;
  width: 10px;
  height: 10px;
  background-color: hsl(225, 60%, 35%);
  opacity: 0.1;
  padding: 0;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  border-radius: 50%;
}
.carousel .slick-dots li button::before {
  display: none;
}
.carousel .slick-dots li button:hover {
  opacity: 0.4;
}
.carousel .slick-dots li.slick-active button {
  opacity: 1;
}
/* RESPONSIVE */
@media (max-width: 650px) {
  .carousel .slick-slide {
    margin: 20px 30px;
  }
}
/************************/
/* BACKGROUND OVERLAY */
/************************/
.background__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  z-index: -1;
  height: auto;
  transform: translate(-50%, -50%);
  opacity: 0.5;
}
/************************/
/* VIDEO MESSAGE OVERLAY */
/************************/
.video-message-overlay__container {
  position: relative;
}
.video-message-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  background-color: hsl(225, 60%, 35%);
  padding: 40px;
  margin: 20px;
  border-radius: 8px;
  box-sizing: border-box;
  max-width: 700px;
  width: 100%;
  z-index: 1;
  box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.3);
}
.video-message-overlay h4 {
  color: white;
}
/************************/
/* WEB BROWSER VIEW */
/************************/
.web-browser-view {
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.web-browser-view__title-bar {
  background-color: hsl(223, 23%, 96%);
  display: flex;
  justify-content: flex-start;
  padding: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.web-browser-view__title-bar div {
  width: 15px;
  height: 15px;
  margin: 4px;
  border-radius: 50%;
}
.web-browser-view__title-bar div:nth-child(1) {
  background-color: #ff5a52;
}
.web-browser-view__title-bar div:nth-child(2) {
  background-color: #febd30;
}
.web-browser-view__title-bar div:nth-child(3) {
  background-color: #29c941;
}
.web-browser-view__content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}
.web-browser-view__content img {
  display: block;
  width: 100%;
}
.web-browser-view__video {
  width: 100%;
  display: block;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .web-browser-view__title-bar {
    padding: 5px;
  }
  .web-browser-view__title-bar div {
    width: 8px;
    height: 8px;
    margin: 2px;
  }
}
/************************/
/* REQUEST A DEMO */
/************************/
.row--request-a-demo {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: hsl(223, 23%, 96%);
}
.row--request-a-demo h2 {
  text-align: center;
}
.row--request-a-demo .text-wrapper {
  max-width: 700px;
}
.row--request-a-demo .text-wrapper p {
  font-weight: 300;
}
.request-a-demo__small-text {
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 20px;
}
.request-a-demo__small-text a {
  color: rgba(255, 255, 255, 0.5);
}
.row--request-a-demo-thank-you {
  padding: 100px 0;
  text-align: center;
}
.request-a-demo-thank-you__logo {
  max-width: 300px;
  width: 100%;
  margin-bottom: 40px;
}
/* RESPONSIVE */
@media (max-width: 991px) {
  .row--request-a-demo {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/************************/
/* PAGINATION */
/************************/
.pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  margin-top: 15px;
}
.pagination__button {
  border: 1px solid hsl(229, 18%, 88%);
  border-radius: 5px;
  height: 24px;
  min-width: 24px;
  line-height: 12px;
  font-size: 12px;
  text-align: center;
  box-sizing: border-box;
  padding: 5px;
  margin: 5px;
  position: relative;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  cursor: pointer;
  text-decoration: none;
}
.pagination__button:hover {
  color: hsl(225, 60%, 35%);
  border-color: hsl(225, 60%, 35%);
}
.pagination__button--first-page,
.pagination__button--last-page {
  padding: 5px 10px;
}
.pagination__button--previous::before,
.pagination__button--next::before {
  font-family: "cargox";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95a";
  display: block;
  position: absolute;
  left: 5px;
  top: 50%;
}
.pagination__button--previous::before {
  content: "\e901";
}
.pagination__button--next::before {
  left: 6px;
  transform: translateY(-50%) rotate(0deg);
}
.pagination__button--current {
  background-color: hsl(225, 60%, 35%);
  color: white;
  border-color: hsl(225, 60%, 35%);
}
.pagination__button--current:hover {
  background-color: hsl(225, 60%, 35%);
  color: white;
}
/* RESPONSIVE */
@media (max-width: 991px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination__go-to {
    position: static;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    justify-content: center;
  }
}
/************************/
/* FOOTER */
/************************/
.footer {
  color: hsl(227, 19%, 74%);
  font-size: 14px;
}
.row--footer {
  background-color: hsl(226, 57%, 19%);
  padding-top: 60px;
  padding-bottom: 40px;
}
.row--footer h4 {
  font-size: 22px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  text-align: left;
}
.row--footer::after {
  content: " ";
  display: table;
  clear: both;
}
.row--footer::after {
  content: " ";
  display: table;
  clear: both;
}
.footer__links {
  width: 50%;
  box-sizing: border-box;
  float: right;
}
.footer__links::after {
  content: " ";
  display: table;
  clear: both;
}
.footer__links::after {
  content: " ";
  display: table;
  clear: both;
}
.footer__links ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.footer__links ul li {
  position: relative;
  margin: 0;
  padding: 0;
  color: white;
}
.footer__links ul li a {
  color: white;
  text-decoration: none;
}
.footer__links ul li a:hover {
  text-decoration: underline;
}
.footer__links ul li ul {
  margin: 0 0 10px 10px;
}
.footer__links-container {
  width: 50%;
  float: left;
}
.footer__links-container::after {
  content: " ";
  display: table;
  clear: both;
}
.footer__links-container::after {
  content: " ";
  display: table;
  clear: both;
}
.footer__follow-us {
  width: 20%;
  float: right;
}
.footer__follow-us .follow-us__button {
  font-size: 14px;
  display: block;
  width: auto;
  line-height: 24px;
  padding: 0 0 0 34px;
  margin: 0 0 10px 0;
  position: relative;
  background-color: transparent !important;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  border-radius: 0;
  color: white;
  text-decoration: none;
}
.footer__follow-us .follow-us__button::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
  width: 24px;
  height: 24px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 8px;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.footer__follow-us .follow-us__button:hover {
  transform: none;
  background-color: transparent;
}
.footer__follow-us .follow-us__button:hover::before {
  transform: rotate(360deg);
}
.footer__follow-us .follow-us__button--facebook::before {
  background-color: #3B5998;
  background-image: url('../images/follow_us-facebook-white.svg');
}
.footer__follow-us .follow-us__button--facebook:hover {
  color: #3B5998;
}
.footer__follow-us .follow-us__button--facebook:hover::before {
  background-color: white;
  background-image: url('../images/follow_us-facebook.svg');
}
.footer__follow-us .follow-us__button--twitter::before {
  background-color: #1DA1F2;
  background-image: url('../images/follow_us-twitter-white.svg');
}
.footer__follow-us .follow-us__button--twitter:hover {
  color: #1DA1F2;
}
.footer__follow-us .follow-us__button--twitter:hover::before {
  background-color: white;
  background-image: url('../images/follow_us-twitter.svg');
}
.footer__follow-us .follow-us__button--linkedin::before {
  background-color: #0077B5;
  background-image: url('../images/follow_us-linkedin-white.svg');
}
.footer__follow-us .follow-us__button--linkedin:hover {
  color: #0077B5;
}
.footer__follow-us .follow-us__button--linkedin:hover::before {
  background-color: white;
  background-image: url('../images/follow_us-linkedin.svg');
}
.footer__follow-us .follow-us__button--medium::before {
  background-color: #12100E;
  background-image: url('../images/follow_us-medium-white.svg');
}
.footer__follow-us .follow-us__button--medium:hover {
  color: white;
}
.footer__follow-us .follow-us__button--medium:hover::before {
  background-color: white;
  background-image: url('../images/follow_us-medium.svg');
}
.footer__follow-us .follow-us__button--reddit::before {
  background-color: #5f99cf;
  background-image: url('../images/follow_us-reddit-white.svg');
}
.footer__follow-us .follow-us__button--reddit:hover {
  color: orangered;
}
.footer__follow-us .follow-us__button--reddit:hover::before {
  background-color: white;
  background-image: url('../images/follow_us-reddit.svg');
}
.footer__follow-us .follow-us__button--bitcointalk::before {
  background-color: #FFB629;
  background-image: url('../images/follow_us-bitcoin_talk-white.svg');
}
.footer__follow-us .follow-us__button--bitcointalk:hover {
  color: #FFB629;
}
.footer__follow-us .follow-us__button--bitcointalk:hover::before {
  background-color: white;
  background-image: url('../images/follow_us-bitcoin_talk.svg');
}
.footer__follow-us .follow-us__button--discord::before {
  background-color: #7289DA;
  background-image: url('../images/follow_us-discord-white.svg');
}
.footer__follow-us .follow-us__button--discord:hover {
  color: #7289DA;
}
.footer__follow-us .follow-us__button--discord:hover::before {
  background-color: white;
  background-image: url('../images/follow_us-discord.svg');
}
.footer__follow-us .follow-us__button--telegram::before {
  background-color: #0088cc;
  background-image: url('../images/follow_us-telegram-white.svg');
}
.footer__follow-us .follow-us__button--telegram:hover {
  color: #0088cc;
}
.footer__follow-us .follow-us__button--telegram:hover::before {
  background-color: white;
  background-image: url('../images/follow_us-telegram.svg');
}
.footer__newsletter-subscribe {
  width: 30%;
  float: right;
}
.footer__newsletter-subscribe p {
  color: white;
}
.footer__newsletter-subscribe .newsletter__form {
  max-width: none;
}
.footer__newsletter-subscribe .newsletter__form .input--text {
  background-color: hsl(226, 57%, 19%);
  border-color: hsl(226, 57%, 19%);
  color: white;
}
.footer__newsletter-subscribe .newsletter__form .input--text:focus {
  border-color: hsl(225, 60%, 35%);
}
.footer__newsletter-subscribe .newsletter__form .input--text:-webkit-autofill,
.footer__newsletter-subscribe .newsletter__form .input--text:-webkit-autofill:hover,
.footer__newsletter-subscribe .newsletter__form .input--text:-webkit-autofill:focus,
.footer__newsletter-subscribe .newsletter__form .input--text:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #121e45 inset;
  -webkit-text-fill-color: white;
  background-color: transparent;
}
.footer__newsletter-subscribe .newsletter__form .form__label {
  color: rgba(255, 255, 255, 0.5);
}
.footer__newsletter-subscribe .newsletter__form .button {
  width: auto;
}
.footer__newsletter-subscribe .newsletter__small-text {
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 20px;
}
.footer__newsletter-subscribe .newsletter__small-text a {
  color: rgba(255, 255, 255, 0.5);
}
.row--footer-logos {
  padding: 20px 20px;
  background-color: hsl(226, 57%, 14%);
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.footer-logos__item {
  display: flex;
  align-items: center;
}
.footer-logos__title {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 20px;
  text-align: right;
}
.footer-logos__title em {
  display: block;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.25);
}
.footer-logos__logo {
  max-width: 130px;
}
.footer-logos__logo img {
  display: block;
  width: 100%;
  height: 100px;
}
.footer-logos__logo--dandb {
  margin-right: 40px;
  max-width: none !important;
}
.footer-logos__logo--wide {
  max-width: 200px;
}
.row--footer-copyright {
  background-color: hsl(226, 57%, 10%);
  padding: 20px 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .footer__links {
    width: 42%;
  }
  .footer__follow-us {
    width: 28%;
  }
  .footer__newsletter-subscribe {
    width: 30%;
  }
}
@media (max-width: 991px) {
  .footer__links {
    width: 70%;
    float: left;
  }
  .footer__follow-us {
    width: 30%;
    float: left;
  }
  .footer__newsletter-subscribe {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .footer__newsletter-subscribe .newsletter__form {
    max-width: 400px;
  }
  .footer__newsletter-subscribe::after {
    content: " ";
    display: table;
    clear: both;
  }
  .footer__newsletter-subscribe::after {
    content: " ";
    display: table;
    clear: both;
  }
  .row--footer-logos {
    flex-wrap: wrap;
  }
  .footer-logos__item {
    flex-direction: column;
  }
  .footer-logos__item--two-logos {
    width: 100%;
    flex-direction: row;
    justify-content: center;
  }
  .footer-logos__logo--dandb {
    margin: 0 40px;
  }
  .footer-logos__title {
    margin: 0;
  }
  .footer-logos__logo {
    height: 120px;
    max-width: 100px;
    display: flex;
    align-items: center;
  }
  .footer-logos__logo--wide {
    max-width: 200px;
  }
}
@media (max-width: 768px) {
  .footer__follow-us {
    width: auto;
    float: none;
    margin: 0 -20px 20px -20px;
    padding: 20px 20px;
    background-color: hsl(226, 57%, 14%);
  }
  .footer__follow-us .follow-us__button {
    display: inline-block;
    margin: 0 20px 20px 0;
  }
  .footer__links {
    width: 100%;
    float: none;
  }
  .footer-logos__logo {
    height: 100px;
    max-width: 80px;
  }
  .footer-logos__logo--wide {
    max-width: 150px;
  }
}
@media (max-width: 500px) {
  .row--footer {
    padding: 20px;
  }
  .row--footer-logos,
  .footer-logos__item--two-logos {
    flex-direction: column;
  }
  .footer-logos__item {
    margin: 20px 0;
  }
  .footer-logos__title {
    margin-bottom: 10px;
  }
  .footer-logos__logo {
    height: auto;
    max-width: 100px;
  }
  .footer-logos__logo--dandb {
    margin: 20px 0;
  }
  .footer-logos__logo--wide {
    max-width: 150px;
  }
}
.button {
  display: inline-block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  border-radius: 8px;
  position: relative;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  cursor: pointer;
  text-decoration: none;
  outline: none;
  box-sizing: border-box;
  min-height: 50px;
  border: none;
  background-color: hsl(225, 60%, 35%);
  box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 14px 0 hsla(225, 60%, 35%, 0.2), 0 3px 5px 0 hsla(225, 60%, 35%, 0.2);
  color: #FFFFFF;
  text-shadow: none;
  z-index: 1;
}
.button:hover {
  text-decoration: none;
  background-color: hsl(225, 58%, 30%);
  color: #FFFFFF;
  box-shadow: 0 6px 14px 0 hsla(225, 60%, 35%, 0.4), 0 3px 5px 0 hsla(225, 60%, 35%, 0.4);
}
.button:active {
  background-color: hsl(225, 58%, 30%);
  color: #FFFFFF;
  box-shadow: 0 3px 6px 0 hsla(225, 60%, 35%, 0.4), 0 1px 2px 0 hsla(225, 60%, 35%, 0.4);
}
.button.button--outline,
.button.button--transparent {
  color: hsl(225, 60%, 35%);
}
.button.button--outline:hover,
.button.button--transparent:hover {
  color: #FFFFFF;
}
.button.button--outline {
  box-shadow: inset 0 0 0 1px hsl(225, 60%, 35%);
}
.button:active {
  transform: translateY(2px);
}
/***********************************/
/* BUTTON SMALL */
/***********************************/
.button--small {
  padding: 8px 14px;
  font-size: 14px;
  line-height: 18px;
  min-height: 34px;
  border-radius: 6px;
}
/***********************************/
/* BUTTON BIGGER */
/***********************************/
.button--bigger {
  padding: 20px 40px;
  line-height: 26px;
  font-size: 24px;
}
/***********************************/
/* BUTTON GREEN */
/***********************************/
.button--green {
  background-color: hsl(135, 59%, 41%);
  box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.05), 0 6px 14px 0 hsla(135, 60%, 32%, 0.2), 0 3px 5px 0 hsla(135, 60%, 32%, 0.2);
  color: #FFFFFF;
  text-shadow: 0px 0px 2px hsl(135, 59%, 16%);
}
.button--green:hover {
  background-color: hsl(135, 60%, 32%);
  color: #FFFFFF;
  box-shadow: 0 6px 14px 0 hsla(135, 60%, 32%, 0.4), 0 3px 5px 0 hsla(135, 60%, 32%, 0.4);
}
.button--green:active {
  background-color: hsl(135, 60%, 32%);
  color: #FFFFFF;
  box-shadow: 0 3px 6px 0 hsla(135, 60%, 32%, 0.4), 0 1px 2px 0 hsla(135, 60%, 32%, 0.4);
}
.button--green.button--outline,
.button--green.button--transparent {
  color: hsl(135, 59%, 41%);
}
.button--green.button--outline:hover,
.button--green.button--transparent:hover {
  color: #FFFFFF;
}
.button--green.button--outline {
  box-shadow: inset 0 0 0 1px hsl(135, 59%, 41%);
}
/***********************************/
/* BUTTON GRAY */
/***********************************/
.button--gray {
  background-color: hsl(229, 18%, 88%);
  box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.05), 0 6px 14px 0 hsla(227, 19%, 74%, 0.2), 0 3px 5px 0 hsla(227, 19%, 74%, 0.2);
  color: hsl(225, 20%, 39%);
  text-shadow: none;
}
.button--gray:hover {
  background-color: hsl(227, 19%, 74%);
  color: hsl(225, 20%, 39%);
  box-shadow: 0 6px 14px 0 hsla(227, 19%, 74%, 0.4), 0 3px 5px 0 hsla(227, 19%, 74%, 0.4);
}
.button--gray:active {
  background-color: hsl(227, 19%, 74%);
  color: hsl(225, 20%, 39%);
  box-shadow: 0 3px 6px 0 hsla(227, 19%, 74%, 0.4), 0 1px 2px 0 hsla(227, 19%, 74%, 0.4);
}
.button--gray.button--outline,
.button--gray.button--transparent {
  color: hsl(225, 20%, 39%);
}
.button--gray.button--outline:hover,
.button--gray.button--transparent:hover {
  color: hsl(225, 20%, 39%);
}
.button--gray.button--outline {
  box-shadow: inset 0 0 0 1px hsl(227, 19%, 74%);
}
/***********************************/
/* BUTTON WHITE */
/***********************************/
.button--white {
  background-color: #FFFFFF;
  box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.05), 0 6px 14px 0 rgba(255, 255, 255, 0.2), 0 3px 5px 0 rgba(255, 255, 255, 0.2);
  color: hsl(225, 60%, 35%);
  text-shadow: none;
}
.button--white:hover {
  background-color: hsl(223, 23%, 96%);
  color: hsl(225, 60%, 35%);
  box-shadow: 0 6px 14px 0 rgba(255, 255, 255, 0.4), 0 3px 5px 0 rgba(255, 255, 255, 0.4);
}
.button--white:active {
  background-color: hsl(223, 23%, 96%);
  color: #FFFFFF;
  box-shadow: 0 3px 6px 0 rgba(255, 255, 255, 0.4), 0 1px 2px 0 rgba(255, 255, 255, 0.4);
}
.button--white.button--outline,
.button--white.button--transparent {
  color: #FFFFFF;
}
.button--white.button--outline:hover,
.button--white.button--transparent:hover {
  color: hsl(225, 60%, 35%);
}
.button--white.button--outline {
  box-shadow: inset 0 0 0 1px #ffffff;
}
/***********************************/
/* BUTTON OUTLINE */
/***********************************/
.button--outline {
  background-color: transparent;
  text-shadow: none;
}
/* SPECIAL SETTINGS */
.dark-mode .button--outline {
  background-color: transparent;
  text-shadow: none;
}
/**/
/***********************************/
/* BUTTON TRANSPARENT */
/***********************************/
.button--transparent {
  background-color: transparent;
  font-weight: 500;
  box-shadow: none;
  text-shadow: none;
}
/* SPECIAL SETTINGS */
.dark-mode .button--transparent {
  background-color: transparent;
  box-shadow: none;
  text-shadow: none;
}
/**/
.form label {
  margin-bottom: 0;
}
.form__label {
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 0;
  position: absolute;
  left: 10px;
  top: 8px;
  color: hsl(225, 19%, 50%);
  pointer-events: none;
  z-index: 1;
}
/* SPECIAL SETTINGS */
.form-on-dark-backgrounds .form__label {
  color: white;
}
/**/
.form__group {
  position: relative;
  margin: 10px 0;
  text-align: left;
}
.form__group--combination .input--text {
  width: 70px;
  border-color: white;
  padding: 0 5px;
  margin-right: 10px;
  margin-left: -5px;
  line-height: 20px;
}
.form__group--combination .input--text:focus {
  border-color: white;
}
.form__group--radio .form__label {
  position: relative;
  left: auto;
  top: auto;
  margin-left: 10px;
}
.form__group--radio .form__radio {
  margin: 10px 20px 10px 10px;
}
.form__group--border {
  border: 1px solid hsl(229, 18%, 88%);
  border-radius: 8px;
  padding: 26px 10px 10px 10px;
}
.form__group--half {
  width: 49%;
  margin: 0 2% 0 0;
  float: left;
}
.form__group--half.form__group--half-last {
  margin-right: 0;
}
.form__group--error {
  margin-bottom: 0;
}
.form__group--error:not(.form__group--border) .input--text,
.form__group--error:not(.form__group--border) .input--checkbox,
.form__group--error:not(.form__group--border) .input--radio,
.form__group--error:not(.form__group--border) .textarea {
  border-color: hsl(358, 74%, 46%) !important;
  color: hsl(358, 74%, 46%);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form__group--error:not(.form__group--border) span,
.form__group--error:not(.form__group--border) div {
  color: hsl(358, 74%, 46%);
}
.form__group--error.form__group--border {
  border-color: hsl(358, 74%, 46%) !important;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form__group--error.form__group--border .input--text,
.form__group--error.form__group--border .input--checkbox,
.form__group--error.form__group--border .input--radio,
.form__group--error.form__group--border .textarea {
  color: hsl(358, 74%, 46%);
}
.form__group--error.form__group--border span,
.form__group--error.form__group--border div {
  color: hsl(358, 74%, 46%);
}
.form__group--error.form__group--select .select2 .select2-selection {
  border-color: hsl(358, 74%, 46%) !important;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form__group--error .form__label {
  color: hsl(358, 74%, 46%);
}
.form__error {
  background-color: hsl(358, 74%, 46%);
  padding: 2px 10px 4px 10px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 12px;
  color: white;
}
.form__small-text {
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
  margin-top: 20px;
}
.input--text {
  border: none;
  border-radius: 8px;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  padding: 30px 10px 6px 10px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  box-sizing: border-box;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  box-shadow: inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.2), inset 0 1px 2px 0 hsla(226, 20%, 20%, 0.15);
  background-color: rgba(255, 255, 255, 0.4);
}
.input--text:hover {
  box-shadow: inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.2), inset 0 1px 3px 0 hsla(226, 20%, 20%, 0.15);
  background-color: rgba(255, 255, 255, 0.6);
}
.input--text:focus {
  box-shadow: inset 0 0 0 1px hsl(227, 19%, 74%), inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.25), inset 0 1px 3px 0 hsla(226, 20%, 20%, 0.2);
  background-color: rgba(255, 255, 255, 0.8);
  outline: none;
}
.input--text::-webkit-input-placeholder {
  font-weight: 400;
  color: hsl(225, 19%, 50%);
}
.input--text::-moz-placeholder {
  font-weight: 400;
  color: hsl(225, 19%, 50%);
}
.input--text:-ms-input-placeholder {
  font-weight: 400;
  color: hsl(225, 19%, 50%);
}
.input--text:-moz-placeholder {
  font-weight: 400;
  color: hsl(225, 19%, 50%);
}
.input--text.input--text-narrow {
  width: 60px;
}
/* SPECIAL SETTINGS */
.form-on-dark-backgrounds .input--text {
  box-shadow: inset 0 2px 6px 0 hsla(225, 25%, 10%, 0.9), inset 0 1px 2px 0 hsla(225, 25%, 10%, 0.8);
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.form-on-dark-backgrounds .input--text:hover {
  box-shadow: inset 0 2px 6px 0 hsl(225, 25%, 10%), inset 0 1px 2px 0 hsla(225, 25%, 10%, 0.9);
  background-color: rgba(255, 255, 255, 0.1);
}
.form-on-dark-backgrounds .input--text:focus {
  box-shadow: inset 0 0 0 1px hsl(225, 25%, 50%), inset 0 2px 6px 0 hsl(225, 25%, 6%), inset 0 1px 2px 0 hsla(225, 25%, 6%, 0.9);
  background-color: rgba(255, 255, 255, 0.1);
}
.form-on-dark-backgrounds .input--text:-webkit-autofill,
.form-on-dark-backgrounds .input--text:-webkit-autofill:hover,
.form-on-dark-backgrounds .input--text:-webkit-autofill:focus,
.form-on-dark-backgrounds .input--text:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #2a3558 inset;
  -webkit-text-fill-color: white;
  background-color: transparent;
}
.form-on-dark-backgrounds .input--text::-webkit-input-placeholder {
  color: hsl(225, 20%, 60%);
}
.form-on-dark-backgrounds .input--text::-moz-placeholder {
  color: hsl(225, 20%, 60%);
}
.form-on-dark-backgrounds .input--text:-ms-input-placeholder {
  color: hsl(225, 20%, 60%);
}
.form-on-dark-backgrounds .input--text:-moz-placeholder {
  color: hsl(225, 20%, 60%);
}
/**/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.input--search {
  border: none;
  font-family: 'Roboto', sans-serif;
  border-radius: 8px;
  width: 100%;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  box-sizing: border-box;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  padding: 10px 10px 10px 40px;
  background: rgba(255, 255, 255, 0.4) url('../images/magnifier-gray.svg') no-repeat 10px 9px;
  background-size: 24px;
  box-shadow: inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.2), inset 0 1px 2px 0 hsla(226, 20%, 20%, 0.15);
}
.input--search:hover {
  box-shadow: inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.2), inset 0 1px 3px 0 hsla(226, 20%, 20%, 0.15);
  background-color: rgba(255, 255, 255, 0.6);
}
.input--search:focus {
  box-shadow: inset 0 0 0 1px hsl(227, 19%, 74%), inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.25), inset 0 1px 3px 0 hsla(226, 20%, 20%, 0.2);
  background-color: rgba(255, 255, 255, 0.8);
  outline: none;
  background-image: url('../images/magnifier-green.svg');
}
/***********************************/
/* CHECKBOX */
/***********************************/
.form__checkbox {
  display: block;
  position: relative;
  margin: 10px 0;
}
.input--checkbox {
  display: none;
  visibility: hidden;
}
.input--checkbox + .checkbox-text::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  border-radius: 4px;
  box-shadow: inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.2), inset 0 1px 2px 0 hsla(226, 20%, 20%, 0.15);
  background-color: rgba(255, 255, 255, 0.4);
}
.input--checkbox + .checkbox-text::after {
  font-family: "cargox";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "\65";
  display: block;
  top: 3px;
  left: 3px;
  font-size: 14px;
  line-height: 14px;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  opacity: 0;
  transform: scale(0.2);
}
.input--checkbox + .checkbox-text:hover::before {
  box-shadow: inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.2), inset 0 1px 3px 0 hsla(226, 20%, 20%, 0.15);
  background-color: rgba(255, 255, 255, 0.6);
}
.input--checkbox + .checkbox-text:hover::after {
  opacity: 1;
  transform: scale(1);
  color: hsl(227, 19%, 74%);
}
.input--checkbox:checked + .checkbox-text--minus::after {
  content: "\4d";
}
.input--checkbox:checked + .checkbox-text--minus:hover::after {
  content: "\65";
}
.input--checkbox:checked + .checkbox-text::after {
  opacity: 1;
  transform: scale(1);
  color: hsl(225, 60%, 35%);
}
.input--checkbox:checked:disabled + .checkbox-text::before {
  background-color: hsl(229, 18%, 88%);
}
.input--checkbox:disabled + .checkbox-text {
  opacity: 0.4;
  pointer-events: none;
}
/* SPECIAL SETTINGS */
.form-on-dark-backgrounds .input--checkbox + .checkbox-text::before {
  box-shadow: inset 0 2px 6px 0 hsla(225, 25%, 10%, 0.9), inset 0 1px 2px 0 hsla(225, 25%, 10%, 0.8);
  background-color: rgba(255, 255, 255, 0.05);
}
.form-on-dark-backgrounds .input--checkbox + .checkbox-text:hover::before {
  box-shadow: inset 0 2px 6px 0 hsl(225, 25%, 10%), inset 0 1px 2px 0 hsla(225, 25%, 10%, 0.9);
  background-color: rgba(255, 255, 255, 0.1);
}
.form-on-dark-backgrounds .input--checkbox + .checkbox-text:hover::after {
  color: hsl(225, 25%, 32%);
}
.form-on-dark-backgrounds .input--checkbox:checked + .checkbox-text::after {
  color: hsl(225, 25%, 80%);
}
.form-on-dark-backgrounds .input--checkbox:checked + .checkbox-text:hover::after {
  color: hsl(225, 25%, 80%);
}
/**/
.checkbox-text {
  cursor: pointer;
  overflow: visible;
  position: relative;
  font-weight: 400;
  display: inline-block;
  min-height: 20px;
  min-width: 20px;
  line-height: 20px;
}
.checkbox-text:not(:empty) {
  padding-left: 30px;
}
.checkbox-text .form__help-text {
  margin: 2px 0 0 0;
}
.checkbox-text a {
  color: inherit;
}
/***********************************/
/* RADIO */
/***********************************/
.form__radio {
  display: block;
  position: relative;
  margin: 10px 0;
}
.input--radio {
  display: none;
  visibility: hidden;
}
.input--radio + .radio-text::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  box-shadow: inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.2), inset 0 1px 2px 0 hsla(226, 20%, 20%, 0.15);
  background-color: rgba(255, 255, 255, 0.4);
}
.input--radio + .radio-text::after {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: hsl(225, 60%, 35%);
  content: " ";
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  opacity: 0;
  transform: scale(0);
}
.input--radio + .radio-text:hover::before {
  box-shadow: inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.2), inset 0 1px 3px 0 hsla(226, 20%, 20%, 0.15);
  background-color: rgba(255, 255, 255, 0.6);
}
.input--radio + .radio-text:hover::after {
  opacity: 1;
  transform: scale(0.6);
  background-color: hsl(227, 19%, 74%);
}
.input--radio:checked + .radio-text:hover::after {
  background-color: hsl(225, 60%, 35%);
}
.input--radio:checked + .radio-text::after {
  opacity: 1;
  transform: scale(1);
  color: hsl(225, 60%, 35%);
}
.input--radio:checked:disabled + .radio-text::before {
  border: 1px solid hsl(229, 18%, 88%);
}
.input--radio:disabled + .radio-text {
  opacity: 0.4;
  pointer-events: none;
}
.radio-text {
  cursor: pointer;
  overflow: visible;
  position: relative;
  font-weight: 400;
  display: inline-block;
  min-height: 20px;
  min-width: 20px;
  line-height: 20px;
}
.radio-text:not(:empty) {
  padding-left: 30px;
}
.radio-text .form__help-text {
  margin: 2px 0 0 0;
}
.radio-text a {
  color: inherit;
}
.textarea {
  border: none;
  border-radius: 8px;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  padding: 10px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  display: block;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  box-shadow: inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.2), inset 0 1px 2px 0 hsla(226, 20%, 20%, 0.15);
  background-color: rgba(255, 255, 255, 0.4);
}
.textarea:hover {
  box-shadow: inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.2), inset 0 1px 3px 0 hsla(226, 20%, 20%, 0.15);
  background-color: rgba(255, 255, 255, 0.6);
}
.textarea:focus {
  box-shadow: inset 0 0 0 1px hsl(227, 19%, 74%), inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.25), inset 0 1px 3px 0 hsla(226, 20%, 20%, 0.2);
  background-color: rgba(255, 255, 255, 0.8);
  outline: none;
}
.textarea::-webkit-input-placeholder {
  font-weight: 400;
  color: hsl(225, 19%, 50%);
}
.textarea::-moz-placeholder {
  font-weight: 400;
  color: hsl(225, 19%, 50%);
}
.textarea:-ms-input-placeholder {
  font-weight: 400;
  color: hsl(225, 19%, 50%);
}
.textarea:-moz-placeholder {
  font-weight: 400;
  color: hsl(225, 19%, 50%);
}
/* SPECIAL SETTINGS */
.form-on-dark-backgrounds .textarea {
  box-shadow: inset 0 2px 6px 0 hsla(225, 25%, 10%, 0.9), inset 0 1px 2px 0 hsla(225, 25%, 10%, 0.8);
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.form-on-dark-backgrounds .textarea:hover {
  box-shadow: inset 0 2px 6px 0 hsl(225, 25%, 10%), inset 0 1px 2px 0 hsla(225, 25%, 10%, 0.9);
  background-color: rgba(255, 255, 255, 0.1);
}
.form-on-dark-backgrounds .textarea:focus {
  box-shadow: inset 0 0 0 1px hsl(225, 25%, 50%), inset 0 2px 6px 0 hsl(225, 25%, 6%), inset 0 1px 2px 0 hsla(225, 25%, 6%, 0.9);
  background-color: rgba(255, 255, 255, 0.1);
}
.form-on-dark-backgrounds .textarea:-webkit-autofill,
.form-on-dark-backgrounds .textarea:-webkit-autofill:hover,
.form-on-dark-backgrounds .textarea:-webkit-autofill:focus,
.form-on-dark-backgrounds .textarea:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #2a3558 inset;
  -webkit-text-fill-color: white;
  background-color: transparent;
}
.form-on-dark-backgrounds .textarea::-webkit-input-placeholder {
  color: hsl(225, 20%, 60%);
}
.form-on-dark-backgrounds .textarea::-moz-placeholder {
  color: hsl(225, 20%, 60%);
}
.form-on-dark-backgrounds .textarea:-ms-input-placeholder {
  color: hsl(225, 20%, 60%);
}
.form-on-dark-backgrounds .textarea:-moz-placeholder {
  color: hsl(225, 20%, 60%);
}
/**/
.chosen-container {
  width: 100% !important;
}
.chosen-container .chosen-single {
  font-family: 'Roboto', sans-serif;
  border: none;
  border-radius: 8px;
  width: 100%;
  padding: 30px 10px 6px 5px;
  line-height: 22px;
  height: 60px;
  font-size: 16px;
  font-weight: 500;
  box-sizing: border-box;
  box-shadow: inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.2), inset 0 1px 2px 0 hsla(226, 20%, 20%, 0.15);
  background-color: rgba(255, 255, 255, 0.4);
  background-image: none;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.chosen-container .chosen-single span {
  color: hsl(226, 20%, 20%);
  text-align: left;
  padding-left: 5px;
}
.chosen-container .chosen-single div b {
  display: none;
}
.chosen-container .chosen-single div::before {
  content: " ";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%) rotate(90deg);
  background: url('../images/arrow-gray.svg') no-repeat center center;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.chosen-container .chosen-single:hover {
  box-shadow: inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.2), inset 0 1px 3px 0 hsla(226, 20%, 20%, 0.15);
  background-color: rgba(255, 255, 255, 0.6);
}
.chosen-container .chosen-single:focus {
  box-shadow: inset 0 0 0 1px hsl(227, 19%, 74%), inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.25), inset 0 1px 3px 0 hsla(226, 20%, 20%, 0.2);
  background-color: rgba(255, 255, 255, 0.8);
  outline: none;
}
.chosen-container .chosen-drop {
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.chosen-container .chosen-search {
  position: relative;
}
.chosen-container .chosen-search input.chosen-search-input {
  border-color: hsl(229, 18%, 88%);
  background: none;
  background-image: none !important;
  padding: 6px 5px 6px 30px;
}
.chosen-container .chosen-search::before {
  content: " ";
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  background: url('../images/magnifier-gray.svg') no-repeat center center;
  transform: none;
}
.chosen-container .chosen-results {
  margin-top: 4px;
}
.chosen-container .chosen-results li {
  position: relative;
}
.chosen-container .chosen-results li.active-result.result-selected {
  color: hsl(225, 60%, 35%);
  font-weight: 700;
  padding-left: 15px;
}
.chosen-container .chosen-results li.active-result.result-selected::before {
  content: " ";
  display: block;
  position: absolute;
  width: 3px;
  background-color: hsl(225, 60%, 35%);
  left: 5px;
  top: 0;
  bottom: 0;
}
.chosen-container .chosen-results li.active-result.highlighted {
  color: white;
  background-image: none;
  background-color: hsl(225, 60%, 35%);
  border-radius: 4px;
}
.chosen-container.chosen-with-drop.chosen-container-active .chosen-single {
  background-image: none;
  box-shadow: inset 0 0 0 1px hsl(227, 19%, 74%), inset 0 2px 6px 0 hsla(225, 20%, 39%, 0.25), inset 0 1px 3px 0 hsla(226, 20%, 20%, 0.2);
  background-color: rgba(255, 255, 255, 0.8);
}
.chosen-container.chosen-with-drop.chosen-container-active div::before {
  transform: translateY(-50%) rotate(270deg);
}
.chosen-container.chosen-with-drop.chosen-container-active div.chosen-search::before {
  transform: none;
}
/* SPECIAL SETTINGS */
.form-on-dark-backgrounds .chosen-container .chosen-single {
  box-shadow: inset 0 2px 6px 0 hsla(225, 25%, 10%, 0.9), inset 0 1px 2px 0 hsla(225, 25%, 10%, 0.8);
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.form-on-dark-backgrounds .chosen-container .chosen-single span {
  color: white;
}
.form-on-dark-backgrounds .chosen-container .chosen-single:hover {
  box-shadow: inset 0 2px 6px 0 hsl(225, 25%, 10%), inset 0 1px 2px 0 hsla(225, 25%, 10%, 0.9);
  background-color: rgba(255, 255, 255, 0.1);
}
.form-on-dark-backgrounds .chosen-container .chosen-single:focus {
  box-shadow: inset 0 0 0 1px hsl(225, 25%, 50%), inset 0 2px 6px 0 hsl(225, 25%, 6%), inset 0 1px 2px 0 hsla(225, 25%, 6%, 0.9);
  background-color: rgba(255, 255, 255, 0.1);
}
.form-on-dark-backgrounds .chosen-container.chosen-with-drop.chosen-container-active .chosen-single {
  box-shadow: inset 0 0 0 1px hsl(225, 25%, 50%), inset 0 2px 6px 0 hsl(225, 25%, 6%), inset 0 1px 2px 0 hsla(225, 25%, 6%, 0.9);
  background-color: rgba(255, 255, 255, 0.1);
}
/**/
.form__msg {
  background-color: hsl(225, 60%, 35%);
  border-radius: 8px;
  padding: 5px 10px;
  margin-bottom: 10px;
  color: white;
  display: none;
}
.form__msg--success {
  color: white;
  background-color: hsl(135, 59%, 41%);
}
.form__msg--error {
  color: white;
  background-color: hsl(358, 74%, 46%);
}
/* RESPONSIVE */
@media (max-width: 991px) {
  .chosen-container .chosen-single .chosen-search-input {
    display: none;
  }
  .chosen-container .chosen-drop {
    position: fixed;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 20px;
    border: none;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.75);
    z-index: 10000;
    background-color: white;
    max-width: 500px;
    width: auto;
    margin: 20px auto;
    border-radius: 0;
    padding: 20px;
  }
  .chosen-container .chosen-search input.chosen-search-input {
    padding: 15px 5px 15px 30px;
  }
  .chosen-container .chosen-search::before {
    top: 20px;
  }
  .chosen-container .chosen-results {
    max-height: inherit;
    overflow: auto;
    position: absolute;
    top: 90px;
    right: 20px;
    bottom: 0;
    left: 20px;
  }
  .chosen-container .chosen-results li {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .chosen-container.chosen-with-drop.chosen-container-active::after {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    pointer-events: none;
  }
  .chosen-drop-open {
    overflow: hidden;
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .chosen-container .chosen-drop {
    padding: 10px;
  }
  .chosen-container .chosen-results {
    top: 70px;
    right: 10px;
    left: 10px;
  }
  .g-recaptcha {
    transform: scale(0.84) translateX(-10%);
  }
}
/************************/
/* HOME PAGE INTRO */
/************************/
.row--home-page-intro {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding-bottom: 100px;
}
.row--home-page-intro h1 {
  font-size: 72px;
  line-height: 78px;
  margin-bottom: 10px;
}
.row--home-page-intro h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.row--home-page-intro h3 strong {
  font-weight: 400;
  color: hsl(135, 59%, 41%);
}
.row--home-page-intro .background__video {
  margin-top: -100px;
}
.row--home-page-intro .background__image {
  position: absolute;
  z-index: -1;
  top: 100px;
  right: 20px;
  width: 70%;
  display: none;
}
.row--home-page-intro .background__image img {
  width: 100%;
}
.show-video-instead-of-images .background__image {
  display: none;
}
.show-images-instead-of-video .background__image {
  display: block;
}
.home-page-intro__text {
  padding: 100px 0;
  max-width: 800px;
}
.home-page-intro__buttons .button {
  margin: 10px;
}
.home-page-intro__bdt-logo {
  max-width: 100px;
  margin: 0 0 0 20px;
}
.social-proof {
  max-width: 1600px;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}
.social-proof__item {
  max-width: 380px;
  padding: 20px 40px;
  margin: 20px 60px;
  text-align: center;
  border-radius: 8px;
  background-color: white;
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.social-proof__item strong {
  color: hsl(225, 60%, 35%);
  display: block;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 10px;
}
.social-proof__item p {
  font-size: 14px;
  line-height: 20px;
}
.social-proof__item a {
  margin: auto 0 0 0;
  display: block;
}
.social-proof__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
}
.social-proof__logo img {
  width: 100%;
  max-width: 180px;
  display: block;
}
.social-proof__logo--animate {
  position: relative;
}
img.social-proof__logo-image {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
img.social-proof__logo-image--current {
  opacity: 1;
}
/* RESPONSIVE */
@media (max-width: 1600px) {
  .row--home-page-intro .background__image {
    right: -200px;
    width: 100%;
  }
}
@media (max-width: 1400px) {
  .row--home-page-intro {
    min-height: 400px;
  }
  .row--home-page-intro h1 {
    font-size: 56px;
    line-height: 62px;
  }
  .home-page-intro__text {
    max-width: 650px;
  }
  .home-page-intro__image {
    left: 60%;
  }
  .social-proof__item {
    margin: 20px 40px;
  }
}
@media (max-width: 1200px) {
  .row--home-page-intro {
    padding-bottom: 80px;
  }
  .row--home-page-intro .background__video {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 0;
  }
  .row--home-page-intro .background__image {
    top: 150px;
    right: -150px;
    width: 100%;
  }
  .home-page-intro__text {
    padding: 80px 0;
    max-width: 600px;
  }
  .social-proof__item {
    margin: 20px;
  }
}
@media (max-width: 991px) {
  .row--home-page-intro {
    padding-bottom: 60px;
  }
  .row--home-page-intro h1 {
    font-size: 54px;
    line-height: 60px;
    margin-bottom: 10px;
  }
  .row--home-page-intro h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
  }
  .row--home-page-intro h3 strong {
    font-weight: 400;
    color: hsl(135, 59%, 41%);
  }
  .row--home-page-intro .background__image {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    margin: -20px 0 20px 0;
    display: block;
  }
  .home-page-intro__text {
    padding: 40px 0;
  }
  .social-proof {
    margin-left: -20px;
    margin-right: -20px;
  }
  .social-proof__item {
    padding: 20px;
  }
  .social-proof__item strong {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  .row--home-page-intro {
    padding-bottom: 40px;
  }
  .row--home-page-intro h1 {
    font-size: 44px;
    line-height: 50px;
  }
  .row--home-page-intro h3 {
    display: block;
  }
  .home-page-intro__bdt-logo {
    display: block;
    margin: 5px auto 0 auto;
  }
  .social-proof {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }
  .social-proof__logo {
    height: 100px;
  }
}
@media (max-width: 500px) {
  .row--home-page-intro h1 {
    font-size: 36px;
    line-height: 42px;
  }
  .home-page-intro__text {
    padding: 40px 0 20px 0;
  }
}
/************************/
/* BDT INTRODUCTION */
/************************/
.row--bdt-introduction {
  padding-bottom: 100px;
  position: relative;
}
.row--bdt-introduction strong {
  font-weight: 400;
  color: hsl(225, 60%, 35%);
}
.row--bdt-introduction h4 {
  margin-bottom: 0;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--bdt-introduction {
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .row--bdt-introduction {
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--bdt-introduction {
    padding-bottom: 40px;
  }
}
/************************/
/* BDT VIDEO */
/************************/
.row--bdt-video {
  position: relative;
  padding: 0;
}
.row--bdt-video div {
  cursor: pointer;
}
.row--bdt-video h4 strong {
  display: block;
}
/* RESPONSIVE */
/************************/
/* BDTS EXPOSED FEATURES */
/************************/
.row--bdt-exposed-features {
  background-color: #f4f5f9;
  padding-top: 40px;
  padding-bottom: 40px;
}
.bdt-exposed-features {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.bdt-exposed-features__item {
  width: calc((100% / 5) - 40px);
  margin: 20px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}
.bdt-exposed-features__item strong {
  display: block;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 10px;
  color: hsl(225, 60%, 35%);
  font-weight: 300;
}
.bdt-exposed-features__icon {
  background-color: hsl(225, 60%, 35%);
  font-size: 24px;
  line-height: 28px;
  color: hsl(225, 60%, 35%);
  margin: 0 auto 10px auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
}
.bdt-exposed-features__icon::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 16px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .bdt-exposed-features__item {
    width: calc((100% / 5) - 40px);
  }
  .bdt-exposed-features__item strong {
    font-size: 18px;
    line-height: 22px;
  }
  .bdt-exposed-features__icon {
    font-size: 24px;
    line-height: 28px;
    margin: 0 auto 10px auto;
    width: 30px;
    height: 30px;
  }
  .bdt-exposed-features__icon::before {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .bdt-exposed-features__item {
    width: calc((100% / 3) - 40px);
  }
}
@media (max-width: 768px) {
  .row--bdt-exposed-features {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .bdt-exposed-features {
    display: inline-block;
  }
  .bdt-exposed-features__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    width: auto;
  }
  .bdt-exposed-features__item strong {
    margin: 0;
  }
  .bdt-exposed-features__icon {
    flex: 0 0 auto;
    margin: 0 20px 0 0;
  }
}
/************************/
/* INDUSTRIES */
/************************/
.row--industries {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}
.row--industries h2 {
  margin-bottom: 0;
}
.industries {
  display: flex;
  flex-wrap: wrap;
  margin: 40px auto;
}
.industries__item {
  width: calc((100% / 6) - 40px);
  margin: 20px;
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
  text-decoration: none;
}
.industries__item img {
  width: 100%;
  max-width: 150px;
  margin: 0 auto 20px auto;
}
.industries__item h4 {
  color: hsl(226, 20%, 20%);
  font-weight: 300;
  margin-bottom: 5px;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.industries__item p {
  font-size: 14px;
  line-height: 18px;
  color: hsl(225, 19%, 50%);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.industries__item:hover h4 {
  color: hsl(135, 59%, 41%);
}
.industries__item:hover p {
  color: hsl(226, 20%, 20%);
}
.industries__cta {
  max-width: 600px;
  margin: 0 auto;
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  .industries__item {
    width: calc((100% / 3) - 40px);
  }
}
@media (max-width: 1200px) {
  .row--industries {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .row--industries {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .industries__item {
    width: calc((100% / 2) - 40px);
  }
}
@media (max-width: 768px) {
  .industries {
    margin-left: -20px;
    margin-right: -20px;
  }
  .industries__item {
    width: calc((100% / 2) - 40px);
    margin: 20px;
  }
}
@media (max-width: 500px) {
  .industries__item {
    width: 100%;
    margin: 20px 40px;
    padding: 0;
  }
}
/************************/
/* AWARDS */
/************************/
.row--awards {
  background-color: #f4f5f9;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}
.awards__container {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.awards__item {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  padding: 20px 40px;
  box-sizing: border-box;
  position: relative;
  font-size: 12px;
  color: hsl(227, 19%, 74%);
}
.awards__item a {
  display: block;
}
.awards__logo {
  height: 120px;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-bottom: 20px;
}
.awards__logo img {
  display: block;
  max-width: 240px;
  max-height: 120px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--awards {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .row--awards {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .awards__item {
    width: 45%;
    margin-bottom: 40px;
  }
  .awards__link {
    text-align: center;
    margin-top: 5px;
  }
  .awards__logo {
    height: 80px;
  }
  .awards__logo img {
    max-width: 160px;
    max-height: 80px;
  }
}
@media (max-width: 500px) {
  .row--awards {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .awards__container {
    flex-direction: column;
  }
  .awards__item {
    width: 100%;
    max-width: 250px;
    margin: 0 auto 20px auto;
  }
  .awards__item:last-child {
    margin-bottom: 0;
  }
  .awards__link {
    text-align: center;
  }
}
/************************/
/* TESTIMONIALS */
/************************/
.row--testimonials {
  position: relative;
  padding: 80px 0 0 0;
}
.testimonial__content {
  padding: 20px 0 40px 0;
  display: flex !important;
  flex-direction: column;
}
.testimonial__text {
  font-size: 18px;
  line-height: 26px;
  font-style: italic;
  font-weight: 300;
  position: relative;
  text-align: center;
  border-radius: 15px;
  padding: 40px 20px 80px 20px;
  border: 1px solid hsla(225, 60%, 35%, 0.1);
  flex: 1 1 auto;
}
.testimonial__text::before {
  font-family: "cargox";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e918";
  color: white;
  background-color: hsl(225, 60%, 35%);
  border-radius: 50%;
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 36px;
  opacity: 1;
  font-style: normal;
  left: 50%;
  transform: translateX(-50%);
  top: -20px;
}
.testimonial__author {
  margin-top: -50px;
  text-align: center;
  font-weight: 300;
  color: hsl(225, 60%, 35%);
  z-index: 1;
}
.testimonial__author em {
  display: block;
  font-style: italic;
  font-size: 12px;
  color: hsla(225, 60%, 35%, 0.5);
}
.testimonial__image {
  position: relative;
  margin: 0 auto 10px auto;
  width: 100px;
}
.testimonial__image img {
  width: 100%;
  display: block;
  border-radius: 50%;
}
.testimonial__image::before {
  z-index: -1;
  content: ' ';
  position: absolute;
  left: -5px;
  top: -5px;
  border-radius: 50%;
  width: 108px;
  height: 108px;
  border: 1px solid hsla(225, 60%, 35%, 0.1);
  background-color: white;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--testimonials {
    position: relative;
    padding-top: 60px;
  }
}
@media (max-width: 991px) {
  .row--testimonials {
    position: relative;
    padding-top: 40px;
  }
  .testimonial__content {
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .row--testimonials {
    position: relative;
    padding-top: 20px;
  }
}
/************************/
/* PARTNERS */
/************************/
.row--partners {
  padding: 100px 0;
  text-align: center;
  background-color: white;
}
.row--partners .text-wrapper {
  font-size: 18px;
  font-weight: 300;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--partners {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .row--partners {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--partners {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/************************/
/* MEDIA RELEASES LOGOS */
/************************/
.row--tiles-wall-logos {
  background-color: white;
  padding: 100px 0;
}
.row--tiles-wall-logos h2 {
  text-align: center;
}
.media-releases-logos__container {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.media-releases-logos__item {
  flex: 1;
  display: block;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-width: 20%;
}
.media-releases-logos__item img {
  max-width: 150px;
  width: 100%;
  position: relative;
  z-index: 2;
}
.media-releases-logos__more-about {
  margin-top: 20px;
  text-align: center;
}
.media-releases-logos__more-about a {
  color: hsl(225, 60%, 35%);
}
.media-releases-logos__v-line {
  display: inline-block;
  width: 5px;
  background-color: hsl(223, 23%, 96%);
  height: 5px;
  margin: auto 20px 2px 20px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--tiles-wall-logos {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .row--tiles-wall-logos {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--tiles-wall-logos {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .media-releases-logos__item {
    min-width: 50%;
  }
}
@media (max-width: 500px) {
  .media-releases-logos__item {
    min-width: 100%;
  }
}
/************************/
/* TERMS AND CONDITIONS */
/************************/
.row--terms-and-conditions {
  padding: 20px;
  background-color: white;
  max-width: 900px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}
.row--terms-and-conditions h1,
.row--terms-and-conditions h2 {
  color: hsl(225, 60%, 35%);
  line-height: 1.4;
}
.row--terms-and-conditions ul {
  margin: 0 0 20px 20px;
  padding: 0;
}
.row--terms-and-conditions ul li {
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  position: relative;
  list-style: none;
}
.row--terms-and-conditions ul li::before {
  display: block;
  content: " ";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background-color: hsl(229, 18%, 88%);
}
.row--terms-and-conditions ul li p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.row--terms-and-conditions ul li:last-child {
  margin-bottom: 0;
}
.terms-and-conditions__number {
  color: hsl(225, 60%, 35%);
  display: inline-block;
  padding: 0 5px;
  background-color: hsla(225, 60%, 35%, 0.1);
}
/* RESPONSIVE */
@media (max-width: 500px) {
  .row--terms-and-conditions {
    padding: 20px;
  }
}
/************************/
/* WHY THE CARGOX PLATFORM */
/************************/
.row--why-cargox-platform {
  padding-top: 40px;
  padding-bottom: 100px;
  overflow: hidden;
}
.row--why-cargox-platform h1 {
  margin-bottom: 40px;
}
.row--why-cargox-platform h1,
.row--why-cargox-platform h3 {
  text-align: left;
}
.row--why-cargox-platform h3 {
  color: hsl(226, 20%, 20%);
}
.row--why-cargox-platform .web-browser-view {
  float: right;
  width: 100%;
  max-width: 800px;
  margin: 0 -300px 60px 60px;
}
.why-cargox-platform__exposed {
  font-size: 46px;
  line-height: 52px;
  font-weight: 100;
  color: hsl(225, 60%, 35%);
}
.why-cargox-platform__exposed strong {
  display: block;
  font-size: 72px;
  line-height: 80px;
  font-weight: 100;
}
.mobile-phone-view {
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  overflow: hidden;
  padding: 30px 5px;
  background-color: white;
  width: 250px;
  float: left;
  margin: 20px 60px 0 -90px;
  transform: rotate(-2deg);
}
.mobile-phone-view img {
  display: block;
  width: 100%;
}
/* RESPONSIVE */
@media (max-width: 1600px) {
  .why-cargox-platform__exposed {
    font-size: 46px;
    line-height: 52px;
  }
  .why-cargox-platform__exposed strong {
    font-size: 72px;
    line-height: 80px;
  }
}
@media (max-width: 1200px) {
  .row--why-cargox-platform {
    padding-bottom: 80px;
  }
  .why-cargox-platform__exposed {
    font-size: 40px;
    line-height: 46px;
  }
  .why-cargox-platform__exposed strong {
    font-size: 62px;
    line-height: 70px;
  }
}
@media (max-width: 991px) {
  .row--why-cargox-platform {
    padding-bottom: 60px;
  }
  .row--why-cargox-platform .web-browser-view {
    max-width: 600px;
    margin: 0 -200px 40px 40px;
  }
  .mobile-phone-view {
    box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    padding: 20px 5px;
    width: 150px;
    margin: 0 40px 20px 0;
  }
  .why-cargox-platform__exposed {
    font-size: 32px;
    line-height: 38px;
  }
  .why-cargox-platform__exposed strong {
    font-size: 52px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  .row--why-cargox-platform {
    padding-bottom: 40px;
  }
  .row--why-cargox-platform .web-browser-view {
    float: none;
    max-width: 600px;
    margin: 40px auto;
  }
  .mobile-phone-view {
    width: 150px;
    float: none;
    margin: 20px auto 40px auto;
  }
  .why-cargox-platform__exposed {
    font-size: 26px;
    line-height: 32px;
  }
  .why-cargox-platform__exposed strong {
    font-size: 42px;
    line-height: 50px;
  }
}
/************************/
/* BLUEPAPER */
/************************/
.bluepaper-link {
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 8px;
  background-color: hsl(225, 60%, 35%);
  color: white;
  text-decoration: none;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  margin-top: 20px;
}
.bluepaper-link:hover {
  background-color: hsl(135, 59%, 41%);
  color: white;
}
.bluepaper-link__image {
  display: block;
  width: 100px;
  margin-right: 20px;
}
.bluepaper-link__text strong {
  display: block;
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 10px;
}
.bluepaper-link__text em {
  font-weight: 100;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
}
/* RESPONSIVE */
@media (max-width: 991px) {
  .bluepaper-link {
    padding: 10px 20px;
    margin-top: 20px;
  }
  .bluepaper-link__image {
    width: 80px;
    margin-right: 20px;
  }
  .bluepaper-link__text strong {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px;
  }
  .bluepaper-link__text em {
    font-weight: 100;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 500px) {
  .bluepaper-link__text strong {
    font-size: 18px;
    line-height: 22px;
  }
}
/************************/
/* PLATFORM BENEFITS */
/************************/
.row--platform-benefits {
  padding-bottom: 100px;
}
.row--platform-benefits h2 {
  text-align: center;
  margin-bottom: 40px;
}
.row--platform-benefits .container {
  background-color: white;
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 20px;
}
.platform-benefits__industries {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 100px;
}
.platform-benefits__pictogram {
  max-width: 200px;
  margin: 0 20px;
}
.platform-benefits__pictogram img {
  display: block;
  width: 100%;
}
.platform-benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.platform-benefits__item {
  display: flex;
  flex-direction: column;
  margin: 40px;
  width: calc((100% / 3) - 80px);
}
.platform-benefits__item strong {
  color: hsl(225, 60%, 35%);
  font-size: 28px;
  line-height: 34px;
  font-weight: 300;
  margin-bottom: 10px;
}
.platform-benefits__item p {
  margin: 0;
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  .platform-benefits__industries {
    margin-bottom: 80px;
  }
}
@media (max-width: 1200px) {
  .row--platform-benefits {
    padding-bottom: 80px;
  }
  .platform-benefits__industries {
    margin-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .row--platform-benefits {
    padding-bottom: 60px;
  }
  .platform-benefits__industries {
    margin-bottom: 40px;
  }
  .platform-benefits__pictogram {
    margin: 0 10px;
  }
}
@media (max-width: 768px) {
  .platform-benefits__item {
    margin: 20px;
    width: calc((100% / 2) - 40px);
  }
  .platform-benefits__item strong {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 500px) {
  .platform-benefits__item {
    width: 100%;
    margin: 20px 0;
  }
  .platform-benefits__item strong {
    font-size: 20px;
    line-height: 26px;
  }
}
/************************/
/* SOLUTIONS FOR TRANSPORT AND LOGISTICS */
/************************/
.row--solutions-for-transport-and-logistics {
  padding-top: 100px;
  padding-bottom: 100px;
  background: url('../images/background-solutions-for-transport-and-logistics.jpg') no-repeat center center;
  background-size: cover;
  color: white;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.row--solutions-for-transport-and-logistics h1,
.row--solutions-for-transport-and-logistics h3 {
  text-align: left;
  color: white;
}
.solutions-for-transport-and-logistics__introduction {
  width: 40%;
  flex: 0 0 auto;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--solutions-for-transport-and-logistics {
    padding-top: 80px;
    padding-bottom: 80px;
    background-position: 10% center;
    background-size: 110%;
  }
  .solutions-for-transport-and-logistics__introduction {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .row--solutions-for-transport-and-logistics {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    background-size: cover;
  }
  .row--solutions-for-transport-and-logistics::after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsl(226, 57%, 19%);
    z-index: 1;
  }
  .solutions-for-transport-and-logistics__introduction {
    width: 100%;
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 768px) {
  .row--solutions-for-transport-and-logistics {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/************************/
/* SOLUTIONS FOR TRANSPORT AND LOGISTICS // SMART BL EXPLAIN */
/************************/
.row--smart-bl-explain {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--smart-bl-explain .container__main-image {
  max-width: 300px;
}
.row--smart-bl-explain .text-wrapper {
  max-width: none;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--smart-bl-explain {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .row--smart-bl-explain .container__main-image {
    max-width: 200px;
  }
}
@media (max-width: 991px) {
  .row--smart-bl-explain {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--smart-bl-explain {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/************************/
/* SOLUTIONS FOR TRANSPORT AND LOGISTICS // DOCUMENT TYPES */
/************************/
.row--document-types {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--document-types .container__main-video,
.row--document-types .container__main-image {
  max-width: 600px;
}
.row--document-types .container__main-video {
  position: absolute;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--document-types {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .row--document-types {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--document-types {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/************************/
/* SOLUTIONS FOR TRANSPORT AND LOGISTICS // FULL TEXT SEARCH */
/************************/
.row--full-text-search {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--full-text-search .container__main-video {
  position: absolute;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--full-text-search {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .row--full-text-search {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--full-text-search {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/************************/
/* SOLUTIONS FOR TRANSPORT AND LOGISTICS // AUDIT TRAIL */
/************************/
.row--audit-trail {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--audit-trail .container__main-video {
  position: absolute;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--audit-trail {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .row--audit-trail {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--audit-trail {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/************************/
/* SOLUTIONS FOR TRANSPORT AND LOGISTICS // COSTUMIZATION */
/************************/
.row--costumization {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--costumization .container__main-video {
  position: absolute;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--costumization {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .row--costumization {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--costumization {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/************************/
/* SOLUTIONS FOR TRANSPORT AND LOGISTICS // ETHEREUM */
/************************/
.row--ethereum {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--ethereum .container__main-image {
  max-width: 300px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--ethereum {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .row--ethereum .container__main-image {
    max-width: 200px;
  }
}
@media (max-width: 991px) {
  .row--ethereum {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--ethereum {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/************************/
/* SOLUTIONS FOR TRANSPORT AND LOGISTICS // SUPPORTED TRANSPORTATION MODES */
/************************/
.row--supported-transportation-modes {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--supported-transportation-modes h3 {
  text-align: center;
  margin-bottom: 40px;
}
.supported-transportation-modes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.supported-transportation-modes__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 40px;
  width: calc((100% / 4) - 80px);
}
.supported-transportation-modes__item img {
  margin-bottom: 20px;
  max-width: 300px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--supported-transportation-modes {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .supported-transportation-modes__item {
    margin: 20px;
    width: calc((100% / 4) - 40px);
  }
}
@media (max-width: 991px) {
  .row--supported-transportation-modes {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--supported-transportation-modes {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .supported-transportation-modes__item {
    margin: 20px;
    width: calc((100% / 2) - 40px);
  }
}
@media (max-width: 400px) {
  .supported-transportation-modes__item {
    margin: 20px 0;
    width: 100%;
  }
  .supported-transportation-modes__item img {
    max-width: 200px;
  }
}
/************************/
/* SOLUTIONS FOR TRANSPORT AND LOGISTICS // BENEFITS */
/************************/
.row--transport-and-logistics-benefits {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--transport-and-logistics-benefits h2 {
  text-align: center;
}
.transport-and-logistics-benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.transport-and-logistics-benefits__item {
  display: flex;
  flex-direction: column;
  margin: 40px;
  width: calc((100% / 2) - 80px);
}
.transport-and-logistics-benefits__item img {
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}
.transport-and-logistics-benefits__item img.transport-and-logistics-benefits__wider-icon {
  width: 100px;
}
.transport-and-logistics-benefits__item strong {
  color: hsl(225, 60%, 35%);
  font-size: 28px;
  line-height: 34px;
  font-weight: 300;
  margin-bottom: 10px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--transport-and-logistics-benefits {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .row--transport-and-logistics-benefits {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--transport-and-logistics-benefits {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .transport-and-logistics-benefits__item {
    margin: 20px;
    width: calc((100% / 2) - 40px);
  }
  .transport-and-logistics-benefits__item strong {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 500px) {
  .transport-and-logistics-benefits__item {
    margin: 20px 0;
    width: 100%;
  }
  .transport-and-logistics-benefits__item strong {
    font-size: 20px;
    line-height: 26px;
  }
}
/************************/
/* SOLUTIONS FOR TRANSPORT AND LOGISTICS // PAPER VS SMART BL */
/************************/
.row--paper-vs-smart-bl-table {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--paper-vs-smart-bl-table h2 {
  text-align: center;
}
.paper-vs-smart-bl-table__table {
  width: 100%;
  text-align: center;
  padding-top: 50px;
  position: relative;
}
.paper-vs-smart-bl-table__table tr td,
.paper-vs-smart-bl-table__table tr th {
  padding: 5px 20px;
  vertical-align: middle;
  background-color: hsl(223, 23%, 96%);
}
.paper-vs-smart-bl-table__table tr td:nth-child(2),
.paper-vs-smart-bl-table__table tr th:nth-child(2) {
  width: 35%;
}
.paper-vs-smart-bl-table__table tr td:last-child,
.paper-vs-smart-bl-table__table tr th:last-child {
  width: 35%;
  color: hsl(135, 59%, 41%);
}
.paper-vs-smart-bl-table__table tr td {
  font-size: 14px;
}
.paper-vs-smart-bl-table__table tr td:last-child {
  color: hsl(226, 20%, 20%);
}
.paper-vs-smart-bl-table__table tr:first-child th {
  padding-top: 20px;
}
.paper-vs-smart-bl-table__table tr:last-child td {
  padding-bottom: 20px;
}
.paper-vs-smart-bl-table__table tr:last-child td {
  border-bottom: none;
}
.paper-vs-smart-bl-table__table thead tr th {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  padding-bottom: 10px;
}
.paper-vs-smart-bl-table__table thead tr th strong {
  font-size: 24px;
  font-weight: 500;
  display: block;
}
.paper-vs-smart-bl-table__table thead tr th:last-child strong {
  font-size: 36px;
}
.paper-vs-smart-bl-table__table tbody tr td:first-child {
  text-align: right;
  color: hsl(225, 19%, 50%);
  font-weight: 300;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--paper-vs-smart-bl-table {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .row--paper-vs-smart-bl-table {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .paper-vs-smart-bl-table__table {
    padding-top: 20px;
  }
  .paper-vs-smart-bl-table__table tr td,
  .paper-vs-smart-bl-table__table tr th {
    padding: 5px 10px;
  }
  .paper-vs-smart-bl-table__table tr td {
    font-size: 16px;
    line-height: 18px;
  }
  .paper-vs-smart-bl-table__table tr td:last-child {
    font-size: 18px;
    line-height: 20px;
  }
  .paper-vs-smart-bl-table__table thead tr th {
    font-size: 16px;
    line-height: 18px;
  }
  .paper-vs-smart-bl-table__table thead tr th strong {
    font-size: 20px;
  }
  .paper-vs-smart-bl-table__table thead tr th:last-child strong {
    font-size: 24px;
    line-height: 26px;
  }
}
@media (max-width: 768px) {
  .row--paper-vs-smart-bl-table {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 500px) {
  .paper-vs-smart-bl-table__table tr td,
  .paper-vs-smart-bl-table__table tr th {
    padding: 5px 10px;
  }
  .paper-vs-smart-bl-table__table tr td {
    font-size: 12px;
    line-height: 14px;
  }
  .paper-vs-smart-bl-table__table tr td:last-child {
    font-size: 14px;
    line-height: 16px;
  }
  .paper-vs-smart-bl-table__table thead tr th {
    font-size: 14px;
    line-height: 16px;
  }
  .paper-vs-smart-bl-table__table thead tr th strong {
    font-size: 16px;
  }
}
/************************/
/* SOLUTIONS FOR TRANSPORT AND LOGISTICS // FEATURES */
/************************/
.row--transport-and-logistics-features {
  padding-top: 100px;
  padding-bottom: 100px;
  background: url('../images/background-features-for-transport-and-logistics.jpg') no-repeat top center;
  background-size: cover;
}
.row--transport-and-logistics-features h2 {
  text-align: center;
}
.transport-and-logistics-features {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.transport-and-logistics-features__item {
  display: flex;
  flex-direction: column;
  margin: 40px;
  padding: 40px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  width: calc((100% / 3) - 80px);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  box-sizing: border-box;
}
.transport-and-logistics-features__item img {
  max-width: 50px;
  margin-bottom: 20px;
}
.transport-and-logistics-features__item strong {
  color: hsl(225, 60%, 35%);
  font-size: 28px;
  line-height: 34px;
  font-weight: 300;
  margin-bottom: 10px;
}
.transport-and-logistics-features__item p {
  margin: 0;
}
.transport-and-logistics-features__item:hover {
  box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.2);
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--transport-and-logistics-features {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .transport-and-logistics-features__item {
    margin: 20px;
    padding: 40px;
    width: calc((100% / 3) - 40px);
  }
  .transport-and-logistics-features__item strong {
    color: hsl(225, 60%, 35%);
    font-size: 28px;
    line-height: 34px;
    font-weight: 300;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .row--transport-and-logistics-features {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .transport-and-logistics-features__item {
    width: calc((100% / 2) - 40px);
  }
}
@media (max-width: 768px) {
  .row--transport-and-logistics-features {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .transport-and-logistics-features__item {
    margin: 20px 0;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .transport-and-logistics-features__item {
    margin: 10px 0;
    padding: 20px;
  }
}
/************************/
/* SOLUTIONS FOR OTHER INDUSTRIES */
/************************/
.row--solutions-for-other-industries {
  padding-top: 100px;
  padding-bottom: 200px;
  background-size: contain;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  position: relative;
}
.row--solutions-for-other-industries h1,
.row--solutions-for-other-industries h3 {
  text-align: left;
}
.solutions-for-other-industries__introduction {
  position: relative;
  width: 46%;
  flex: 0 0 auto;
  z-index: 2;
}
.solutions-for-other-industries__image {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.solutions-for-other-industries__image img {
  width: 100%;
}
/* RESPONSIVE */
@media (max-width: 1600px) {
  .row--solutions-for-other-industries {
    padding-top: 60px;
  }
}
@media (max-width: 1400px) {
  .row--solutions-for-other-industries {
    padding-bottom: 0;
  }
  .solutions-for-other-industries__introduction {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
  }
  .solutions-for-other-industries__image {
    position: relative;
    right: auto;
    top: auto;
  }
  .solutions-for-other-industries__image img {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .row--solutions-for-other-industries {
    padding-top: 40px;
  }
}
/************************/
/* SOLUTIONS FOR OTHER INDUSTRIES // OTHER INDUSTRIES */
/************************/
.row--other-industries {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--other-industries h2 {
  text-align: center;
}
.other-industries {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.other-industries__item {
  max-width: 900px;
  width: 100%;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 40px 0;
  overflow: hidden;
  outline: none;
}
.other-industries__cta {
  margin: 0 -20px -20px -20px;
  padding: 20px;
  background-color: hsl(223, 23%, 96%);
}
.other-industries__icon {
  width: 100px;
}
/* RESPONSIVE */
@media (max-width: 1800px) {
  .row--other-industries {
    padding-top: 40px;
  }
}
@media (max-width: 1600px) {
  .row--other-industries {
    padding-top: 20px;
    padding-bottom: 80px;
  }
}
@media (max-width: 1200px) {
  .other-industries__item {
    margin: 20px 0;
  }
}
@media (max-width: 500px) {
  .other-industries__item {
    margin: 10px 0;
  }
}
/************************/
/* SOLUTIONS FOR REGULATORS // INTRO */
/************************/
.row--solutions-for-governments-intro {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
}
.row--solutions-for-governments-intro h1,
.row--solutions-for-governments-intro h3 {
  text-align: left;
}
.solutions-for-governments__introduction {
  padding-top: 100px;
  padding-bottom: 100px;
  width: 50%;
  flex: 0 0 auto;
  z-index: 2;
}
.solutions-for-governments__image {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 45%;
}
.solutions-for-governments__image img {
  width: 100%;
}
/* RESPONSIVE */
@media (max-width: 1600px) {
  .solutions-for-governments__introduction {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 1400px) {
  .solutions-for-governments__introduction {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 1200px) {
  .solutions-for-governments__introduction {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .row--solutions-for-governments-intro {
    flex-direction: column;
  }
  .solutions-for-governments__introduction {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
  }
  .solutions-for-governments__image {
    padding-top: 0;
    padding-bottom: 20px;
    width: 60%;
  }
  .solutions-for-governments__image img {
    width: 100%;
  }
}
/************************/
/* SOLUTIONS FOR REGULATORS */
/************************/
.row--solutions-for-governments {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--solutions-for-governments h1,
.row--solutions-for-governments h2 {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 1400px) {
  .row--solutions-for-governments {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 1200px) {
  .row--solutions-for-governments {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .row--solutions-for-governments {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .row--solutions-for-governments {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 500px) {
  .row--solutions-for-governments {
    padding-top: 0;
  }
}
.boxes {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.boxes--3-in-row .box__item {
  width: calc((100% / 3) - 40px);
}
@media (max-width: 768px) {
  .boxes--3-in-row .box__item {
    width: calc((100% / 2) - 40px);
  }
}
@media (max-width: 500px) {
  .boxes--3-in-row .box__item {
    width: 100%;
    margin: 20px 0;
  }
}
.boxes--2-in-row .box__item {
  width: calc((100% / 2) - 40px);
}
@media (max-width: 768px) {
  .boxes--2-in-row .box__item {
    width: 100%;
    margin: 20px 0;
  }
}
.box__item {
  margin: 20px;
  background-color: white;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  position: relative;
  box-sizing: border-box;
}
.box__item .list-with-bullets {
  display: inline-block;
  text-align: left;
}
@media (max-width: 768px) {
  .box__item {
    width: calc((100% / 2) - 40px);
  }
}
@media (max-width: 500px) {
  .box__item {
    width: 100%;
    margin: 20px 0;
  }
}
.box__icon {
  position: absolute;
  left: 50%;
  top: -15px;
  transform: translateX(-50%);
  background-color: hsl(225, 60%, 35%);
  font-size: 24px;
  line-height: 28px;
  color: hsl(225, 60%, 35%);
  margin: 0 auto 10px auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.box__icon::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 16px;
}
.box__icon.icon-x-strong {
  background-color: hsl(358, 74%, 46%);
}
.box__icon.icon-checkmark {
  background-color: hsl(135, 59%, 41%);
}
/************************/
/* SOLUTIONS FOR REGULATORS // MAIN CHALLENGES */
/************************/
.row--main-challenges .text-exposed {
  margin-bottom: 0;
}
/************************/
/* SOLUTIONS FOR REGULATORS // SECURE HIGHWAY */
/************************/
.row--secure-highway .container {
  display: flex;
  align-items: center;
}
@media (max-width: 1400px) {
  .row--secure-highway .container {
    align-items: flex-start;
  }
}
@media (max-width: 991px) {
  .row--secure-highway .container {
    flex-direction: column;
    align-items: center;
  }
}
.row--secure-highway .secure-highway__image {
  display: block;
  flex: 1 1 auto;
  margin-right: 40px;
  min-width: 300px;
}
@media (max-width: 991px) {
  .row--secure-highway .secure-highway__image {
    margin-right: 0;
    margin-bottom: 40px;
    width: 100%;
    min-width: 0;
    max-width: 400px;
  }
}
.row--secure-highway .text-wrapper {
  flex: 1 1 auto;
}
.row--secure-highway h2 {
  margin-bottom: 40px;
}
/************************/
/* SOLUTIONS FOR REGULATORS // REST API */
/************************/
.row--rest-api {
  background-color: hsl(223, 23%, 96%);
}
.rest-api__image {
  max-width: 200px;
  width: 100%;
  display: block;
  margin: 20px auto 40px auto;
}
/************************/
/* SOLUTIONS FOR REGULATORS // VERIFIED GLOBAL BUSINESS */
/************************/
.row--verified-global-business h2 strong {
  font-size: 100px;
  line-height: 110px;
  display: block;
}
.verified-global-business__image {
  width: 100%;
  display: block;
  margin: 20px auto 40px auto;
}
/************************/
/* SOLUTIONS FOR REGULATORS // VERIFIED GLOBAL BUSINESS */
/************************/
.verified-global-business__image {
  width: 100%;
  display: block;
  margin: 20px auto 40px auto;
}
/************************/
/* SOLUTIONS FOR REGULATORS // USE CASE */
/************************/
.row--use-case .text-wrapper {
  margin-bottom: 40px;
}
.verified-global-business__image {
  width: 100%;
  display: block;
  margin: 20px auto 40px auto;
}
/************************/
/* SOLUTIONS FOR REGULATORS // EGYPT */
/************************/
.row--egypt .web-browser-view {
  margin-bottom: 40px;
}
.egypt-numbers {
  margin-bottom: 40px;
}
.egypt-numbers h4 {
  margin-bottom: 10px;
}
.egypt-numbers__exposed {
  display: flex;
  align-items: flex-start;
  margin: 5px 0;
}
.egypt-numbers__number {
  background-color: hsl(225, 60%, 35%);
  color: white;
  padding: 5px 10px;
  margin-right: 20px;
  font-size: 24px;
  line-height: 30px;
}
.egypt-numbers__title {
  padding-top: 8px;
}
/************************/
/* MEDIA RELEASES */
/************************/
.row--tiles-wall {
  padding: 0 0 80px 0;
}
.tiles-wall__container {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid hsl(229, 18%, 88%);
  margin: 20px 0 20px 0;
}
.tiles-wall__item {
  width: 20%;
  box-sizing: border-box;
  padding: 20px;
  border-bottom: 1px solid hsl(229, 18%, 88%);
  border-right: 1px solid hsl(229, 18%, 88%);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  position: relative;
}
.tiles-wall__item:nth-child(5n+5) {
  border-right: none;
}
.tiles-wall__item img {
  max-width: 200px;
  margin: 0 auto 40px auto;
  display: block;
}
.tiles-wall__item::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 5px;
  background-color: hsl(135, 59%, 41%);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.tiles-wall__item:hover::before {
  width: 100%;
}
.tiles-wall__links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tiles-wall__links li {
  line-height: 18px;
  font-size: 14px;
  margin: 10px 0;
}
.tiles-wall__links li a {
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.tiles-wall__links li a:hover {
  color: hsl(135, 59%, 41%);
}
.tiles-wall__media-release-date {
  margin-top: 2px;
  color: hsl(227, 19%, 74%);
  font-size: 12px;
}
/* RESPONSIVE */
@media (max-width: 1600px) {
  .tiles-wall__item {
    width: 25%;
  }
  .tiles-wall__item:nth-child(5n+5) {
    border-right: 1px solid hsl(229, 18%, 88%);
  }
  .tiles-wall__item:nth-child(4n+4) {
    border-right: none;
  }
}
@media (max-width: 1200px) {
  .tiles-wall__item {
    padding: 40px;
  }
}
@media (max-width: 991px) {
  .tiles-wall__item {
    width: 33.333%;
  }
  .tiles-wall__item:nth-child(5n+5),
  .tiles-wall__item:nth-child(4n+4) {
    border-right: 1px solid hsl(229, 18%, 88%);
  }
  .tiles-wall__item:nth-child(3n+3) {
    border-right: none;
  }
}
@media (max-width: 768px) {
  .tiles-wall__item {
    width: 50%;
  }
  .tiles-wall__item:nth-child(5n+5),
  .tiles-wall__item:nth-child(4n+4),
  .tiles-wall__item:nth-child(3n+3) {
    border-right: 1px solid hsl(229, 18%, 88%);
  }
  .tiles-wall__item:nth-child(2n+2) {
    border-right: none;
  }
}
@media (max-width: 768px) {
  .tiles-wall__item {
    width: 100%;
    border-right: none;
  }
  .tiles-wall__item img {
    max-width: 200px;
  }
}
/************************/
/* PRESS RELEASES & BLOG */
/************************/
.row--news {
  padding-bottom: 60px;
}
.row--news h2 {
  text-align: center;
  margin-bottom: 40px;
}
.row--news .news__container {
  max-width: 900px;
}
.news__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 auto;
}
.news__item {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin: 20px 0;
  padding: 20px;
  background-color: white;
  text-decoration: none;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  border-radius: 8px;
  overflow: hidden;
}
.news__item:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
}
.news__item:hover .news__details::before {
  opacity: 1;
  width: 30px;
}
.news__item:hover .news__details::after {
  background-image: url('../images/arrow-white.svg');
  transform: rotate(360deg);
  opacity: 1;
}
.news__item::after {
  content: " ";
  display: table;
  clear: both;
}
.news__item::after {
  content: " ";
  display: table;
  clear: both;
}
.news__image {
  float: left;
  width: 25%;
  z-index: 2;
  position: relative;
}
.news__image img {
  width: 100%;
  display: block;
}
.news__image--desktop {
  display: block;
}
.news__image--mobile {
  display: none;
}
.news__details {
  float: left;
  width: 75%;
  padding-left: 20px;
  box-sizing: border-box;
}
.news__details::after,
.news__details::before {
  content: ' ';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  transform: rotate(0);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  z-index: 3;
}
.news__details::before {
  background-color: hsl(135, 59%, 41%);
  opacity: 0;
  width: 0;
  border-top-left-radius: 8px;
}
.news__details::after {
  width: 28px;
  background: url('../images/arrow-gray.svg') no-repeat center center;
  background-size: 14px;
  opacity: 0.4;
}
.news__title {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: hsl(225, 60%, 35%);
  text-decoration: none;
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
}
.news__date {
  color: hsl(225, 19%, 50%);
  font-size: 12px;
  color: #a7b2d2;
  position: relative;
  z-index: 2;
}
.news__text {
  position: relative;
  z-index: 2;
  margin-bottom: 10px;
}
.news__read-all-press-releases {
  text-align: center;
  padding-top: 20px;
}
.row--news-home-page {
  padding: 100px 0;
  background-color: hsl(223, 23%, 96%);
}
.row--news-home-page h2 {
  margin-bottom: 0;
}
.row--news-home-page .news__container {
  padding-top: 20px;
  justify-content: space-between;
  max-width: none;
}
.row--news-home-page .news__container.carousel .slick-slide {
  margin: 0 20px;
}
.row--news-home-page .news__item {
  width: 48%;
  padding: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  outline: none;
}
.row--news-home-page .news__item:hover {
  box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.1);
}
.row--news-home-page .news__container .news__item {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.row--news-home-page .news__container .news__item:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
}
.row--news-home-page .news__image {
  width: 100%;
  float: none;
  margin-bottom: 20px;
}
.row--news-home-page .news__details {
  width: 100%;
  padding: 0;
}
.row--news-home-page .news__text {
  display: none;
}
.page--news-detail .row--news {
  padding-top: 40px;
}
.row--news-detail {
  padding: 20px 0 80px 0;
}
.row--news-detail h1 {
  font-size: 30px;
  line-height: 36px;
  text-align: left;
}
.row--news-detail p,
.row--news-detail ul,
.row--news-detail ol,
.row--news-detail dt,
.row--news-detail dl {
  font-size: 21px;
  line-height: 32px;
}
.row--news-detail .text-wrapper {
  padding: 0 40px;
  text-align: left;
}
.row--news-detail .text-wrapper img {
  max-width: 100%;
}
.row--news-detail .text-wrapper img[align="left"],
.row--news-detail .text-wrapper img[style*="float: left"],
.row--news-detail .text-wrapper img[style*="float:left"] {
  margin: 20px 20px 20px 0px;
}
.row--news-detail .text-wrapper img[align="right"],
.row--news-detail .text-wrapper img[style*="float: right"],
.row--news-detail .text-wrapper img[style*="float:right"] {
  margin: 20px 0px 20px 20px;
}
.news-detail__image-container {
  display: block;
  width: 100%;
  margin: 20px 0 40px 0;
  overflow: hidden;
  position: relative;
}
.news-detail__image-container img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.news-detail__video-container {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 20px auto;
  overflow: hidden;
  position: relative;
}
.news-detail__content {
  font-size: 18px;
  font-weight: 300;
}
.news-detail__content strong {
  font-weight: bold;
}
.news-detail__content::after {
  content: " ";
  display: table;
  clear: both;
}
.news-detail__content::after {
  content: " ";
  display: table;
  clear: both;
}
.news-detail__form {
  background-color: hsl(223, 23%, 96%);
  padding: 20px;
  border-radius: 8px;
  max-width: 500px;
  margin: 0 auto;
}
.news-detail__quote {
  padding: 20px 30px;
  position: relative;
  font-style: italic;
  border-top: 1px solid hsla(225, 60%, 35%, 0.2);
}
.news-detail__quote::before,
.news-detail__quote::after {
  content: " ";
  display: block;
  position: absolute;
  background: url('../images/quote-blue.svg') no-repeat;
  width: 20px;
  height: 20px;
  opacity: 0.2;
}
.news-detail__quote::before {
  left: 0px;
  top: 15px;
}
.news-detail__quote::after {
  right: 0px;
  bottom: 15px;
  transform: rotate(180deg);
}
.news-detail__quote-author {
  padding: 0 0 20px 30px;
  margin-bottom: 20px;
  font-style: italic;
  border-bottom: 1px solid hsla(225, 60%, 35%, 0.2);
}
.news-detail__exposed-box {
  float: right;
  color: hsl(225, 60%, 35%);
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  border: 1px solid hsla(225, 60%, 35%, 0.2);
  padding: 20px;
  margin: 20px 0 20px 20px;
  max-width: 320px;
  box-sizing: border-box;
}
.news-detail__gallery {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 0;
}
.news-detail__gallery li {
  width: 31%;
  margin-bottom: 20px;
}
.news-detail__gallery li a {
  text-decoration: none;
}
.news-detail__gallery li a:hover {
  text-decoration: underline;
}
.gallery__image {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.gallery__title {
  font-size: 14px;
  line-height: 18px;
  font-style: italic;
}
.lb-outerContainer {
  border-radius: 0;
}
.lb-dataContainer {
  background-color: white;
  border-radius: 0;
}
.lb-dataContainer .lb-data {
  padding: 0;
}
.lb-dataContainer .lb-data .lb-details {
  padding: 0 10px 10px 10px;
}
.lb-dataContainer .lb-data .lb-details .lb-caption {
  display: block;
  font-weight: 400;
  color: hsl(226, 20%, 20%);
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
}
.lb-dataContainer .lb-data .lb-details .lb-number {
  padding: 0;
}
.lb-dataContainer .lb-data .lb-closeContainer .lb-close {
  background: url('../images/x-black.svg') no-repeat;
  margin: 5px 10px 0 0;
}
.page--news-list .news__item:last-child,
.page--news-detail .news__item:last-child {
  display: block;
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  .row--news-detail h4 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 1200px) {
  .row--news-home-page {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .row--news-home-page .news__item--exposed {
    width: 88%;
  }
}
@media (max-width: 991px) {
  .row--news-home-page {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--news h2 {
    margin-bottom: 0;
  }
  .row--news-home-page {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .news__image--desktop {
    display: none;
  }
  .news__image--mobile {
    display: block;
  }
  .row--news-detail p,
  .row--news-detail ul,
  .row--news-detail ol,
  .row--news-detail dt,
  .row--news-detail dl {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 600px) {
  .news__container {
    justify-content: space-between;
  }
  .news__item {
    width: 46%;
  }
  .news__details,
  .news__image {
    float: none;
    width: 100%;
  }
  .news__image {
    margin-bottom: 10px;
  }
  .news__details {
    padding-left: 0;
  }
  .row--news-home-page .news__details,
  .row--news-home-page .news__image {
    float: none;
    width: 100%;
  }
  .row--news-home-page .news__details {
    padding-left: 0;
  }
  .row--news-home-page .news__item--exposed .news__details,
  .row--news-home-page .news__item--exposed .news__image {
    float: none;
    width: 100%;
  }
  .row--news-home-page .news__item--exposed .news__image {
    margin-bottom: 10px;
  }
  .row--news-home-page .news__item--exposed .news__details {
    padding-left: 0;
  }
}
@media (max-width: 500px) {
  .page--news-list .news__item,
  .page--news-detail .news__item {
    width: 100%;
  }
  .news-detail__image-container {
    margin-bottom: 20px;
  }
  .row--news-detail {
    padding-bottom: 40px;
  }
  .row--news-detail .text-wrapper {
    padding: 0 20px;
  }
}
@media (max-width: 400px) {
  .news__item .news__title {
    font-size: 16px;
    line-height: 24px;
  }
}
/************************/
/* ABOUT */
/************************/
.row--about {
  padding-top: 40px;
  padding-bottom: 100px;
}
.row--about h1 {
  text-align: center;
}
/* RESPONSIVE */
@media (max-width: 991px) {
  .row--about {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .row--about {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
/************************/
/* ORGANIZATION */
/************************/
.row--team {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--team h1 {
  text-align: center;
}
.row--team .row--block-3-columns {
  background-color: white;
}
.row--team .block-3-columns__title {
  font-size: 70px;
  line-height: 70px;
  font-weight: 500;
  margin-bottom: 10px;
}
.row--team .block-3-columns__text {
  color: hsl(225, 60%, 35%);
  font-size: 28px;
  line-height: 32px;
  font-weight: 300;
  padding-bottom: 0;
}
.team__members-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}
.team__member {
  width: calc((100% / 4) - 80px);
  margin: 40px;
  box-sizing: border-box;
  text-align: center;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.team__member:hover .team-member__image {
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
  border-color: white;
  transform: translateY(-10px);
}
.team-member__image {
  width: 100%;
  border: 10px solid white;
  border-radius: 50%;
  max-width: 220px;
  margin: 0 auto 10px auto;
  box-sizing: border-box;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.team-member__image img {
  border-radius: 50%;
  display: block;
  width: 100%;
}
.team-member__name {
  font-size: 22px;
  line-height: 26px;
  font-weight: 300;
  color: hsl(225, 60%, 35%);
  margin-bottom: 5px;
}
.team-member__position {
  font-weight: 300;
  color: hsl(225, 60%, 35%);
  margin-bottom: 10px;
}
.team-member__about {
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.team-member__contact {
  margin-top: 10px;
  border-top: 1px solid #e9ecf4;
  padding-top: 10px;
}
.team-member__contact-link {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 5px;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  border-radius: 8px;
}
.team-member__contact-link:hover {
  transform: rotate(360deg);
}
.team-member__contact-link--email {
  background-image: url('../images/envelope-green.svg');
}
.team-member__contact-link--email:hover {
  background-color: hsl(135, 59%, 41%);
  background-image: url('../images/envelope-white.svg');
}
.team-member__contact-link--linkedin {
  background-image: url('../images/follow_us-linkedin.svg');
  background-size: 16px;
}
.team-member__contact-link--linkedin:hover {
  background-color: #0077B5;
  background-image: url('../images/follow_us-linkedin-white.svg');
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .row--team {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .team__member {
    width: calc((100% / 3) - 40px);
    margin: 20px;
  }
}
@media (max-width: 991px) {
  .row--team {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .row--team {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .team__members-container {
    padding: 10px;
  }
  .team__member {
    width: calc((100% / 2) - 40px);
  }
}
@media (max-width: 500px) {
  .team__members-container {
    padding: 10px;
  }
  .team__member {
    width: 100%;
    padding: 10px;
    margin: 0 0 20px 0;
  }
  .team-member__about {
    line-height: 18px;
    font-size: 14px;
  }
}
/************************/
/* BASIC COMPANY INFO */
/************************/
.row--basic-company-info {
  padding-bottom: 60px;
}
.row--basic-company-info h2 {
  text-align: center;
}
.basic-company-info-table {
  margin: 40px 0 60px;
}
.basic-company-info-table__row {
  display: flex;
  align-items: stretch;
  margin: 0 -10px;
}
.basic-company-info-table__column {
  font-size: 16px;
  padding: 10px;
  width: 50%;
}
.basic-company-info-table__column--title {
  color: hsl(227, 19%, 74%);
  text-align: right;
}
.basic-company-info-table__column--title em {
  display: block;
}
.basic-company-info__company-profile-financials {
  text-align: center;
}
.company-profile-financials__more {
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
.company-profile-financials__more::before {
  font-family: "cargox";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\4e";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}
.company-profile-financials__more.expand-hidden-part--active::before {
  content: "\4d";
}
.company-profile-financials {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  margin: 0 -20px;
}
.company-profile-financials__file {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((100% / 4) - 40px);
  margin: 20px;
  border-radius: 8px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.company-profile-financials__file::before {
  font-family: "cargox";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e943";
  font-size: 36px;
  color: hsl(227, 19%, 74%);
  margin-bottom: 10px;
}
.company-profile-financials__file strong {
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
.company-profile-financials__file em {
  margin: auto 0 0 0;
  font-style: normal;
  display: inline-block;
  background-color: #c60606;
  padding: 2px 4px;
  border-radius: 2px;
  font-size: 10px;
  color: white;
}
.company-profile-financials__file:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
}
.company-profile-financials__file:hover strong {
  text-decoration: underline;
}
/* RESPONSIVE */
@media (max-width: 991px) {
  .company-profile-financials {
    margin: 0 -10px;
  }
  .company-profile-financials__file {
    width: calc((100% / 4) - 20px);
    margin: 10px;
  }
}
@media (max-width: 768px) {
  .company-profile-financials__file {
    width: calc((100% / 2) - 20px);
  }
}
@media (max-width: 500px) {
  .basic-company-info-table__row {
    flex-direction: column;
    margin: 10px 0;
  }
  .basic-company-info-table__column {
    width: 100%;
    padding: 0;
    border-top: none;
  }
  .basic-company-info-table__column--title em {
    display: inline;
  }
}
@media (max-width: 420px) {
  .company-profile-financials__file {
    width: 100%;
  }
}
/************************/
/* CONTACT US */
/************************/
.row--contact-us {
  padding-bottom: 60px;
  text-align: center;
}
.row--contact-us .text-wrapper {
  display: inline-block;
  max-width: none;
}
.row--contact-us h2 {
  text-align: center;
}
.contact-us {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.contact-us__option {
  width: 100%;
  margin: 20px 0;
  font-size: 20px;
  line-height: 24px;
  position: relative;
  text-decoration: none;
  padding-left: 50px;
  box-sizing: border-box;
  text-align: left;
}
.contact-us__option::before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  width: 40px;
  height: 40px;
  background-size: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  border-radius: 8px;
}
.contact-us__option:hover::before {
  transform: translateY(-50%) rotate(360deg);
}
.contact-us__option--email::before {
  background-image: url('../images/envelope-green.svg');
  background-size: 30px;
}
.contact-us__option--email:hover::before {
  background-color: hsl(135, 59%, 41%);
  background-image: url('../images/envelope-white.svg');
}
.contact-us__option--phone em {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: hsl(227, 19%, 74%);
}
.contact-us__option--phone::before {
  background-image: url('../images/phone-green.svg');
  background-size: 30px;
}
.contact-us__option--phone:hover::before {
  background-color: hsl(135, 59%, 41%);
  background-image: url('../images/phone-white.svg');
}
.contact-us__option--send-us-a-message::before {
  background-image: url('../images/send-us-a-message-green.svg');
  background-size: 30px;
}
.contact-us__option--send-us-a-message:hover::before {
  background-color: hsl(135, 59%, 41%);
  background-image: url('../images/send-us-a-message-white.svg');
}
.row--contact-us-form {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: hsl(223, 23%, 96%);
}
.row--contact-us-form h2 {
  text-align: center;
}
.row--contact-us-offices {
  padding: 0;
}
.row--contact-us-offices .row__title {
  margin-bottom: 20px;
}
.contact-us-offices__google-map {
  overflow: hidden;
  position: relative;
  margin-bottom: -46px;
}
.contact-us-offices__google-map-iframe {
  width: 100%;
  box-sizing: border-box;
  display: block;
  border: none;
  top: -46px;
  position: relative;
  bottom: 0;
  height: 500px;
}
.row--press-materials {
  padding-bottom: 20px;
  background-color: white;
}
.row--logo,
.row--press-images {
  background-color: #f4f5f9;
}
.row--token,
.row--logo,
.row--press-images,
.row--style-guide {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row--token h2,
.row--logo h2,
.row--press-images h2,
.row--style-guide h2 {
  text-align: center;
}
.row--token .text-exposed,
.row--logo .text-exposed,
.row--press-images .text-exposed,
.row--style-guide .text-exposed {
  text-align: center;
}
.press-materials__logo-container {
  margin-top: 20px;
  display: flex;
}
.press-materials__logo-container::after {
  content: " ";
  display: table;
  clear: both;
}
.press-materials__logo-container::after {
  content: " ";
  display: table;
  clear: both;
}
.press-materials__logo-item {
  width: calc((100% / 4) - 80px);
  margin: 40px;
}
.press-materials__logo-item p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}
.press-materials__logo-item ul {
  margin: 0;
  padding: 0;
}
.press-materials__logo-item ul li {
  list-style: none;
}
.press-materials__logo {
  padding: 30px 30px 20px 30px;
}
.press-materials__logo img {
  display: block;
  margin: 0 auto;
}
.press-materials__logo--dark-backgrounds {
  background-color: hsl(225, 60%, 35%);
}
.press-materials__logo--white {
  background-color: hsl(135, 59%, 41%);
}
.press-materials__item-title {
  font-size: 18px;
  line-height: 22px;
  color: hsl(225, 60%, 35%);
  margin: 20px 0 10px 0;
}
.row--style-guide {
  max-width: none;
  background-color: hsl(225, 60%, 35%);
  color: white;
  text-align: center;
}
.row--style-guide h2 {
  color: white;
}
.press-materials__popup {
  max-width: 400px;
  width: 100%;
  box-sizing: border-box;
  position: fixed;
  background-color: white;
  top: 60px;
  left: 40px;
  z-index: 9999;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.press-materials__popup::before {
  display: block;
  content: " ";
  position: absolute;
  left: 10px;
  top: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 20px 15px;
  border-color: transparent transparent white transparent;
}
.press-materials__popup--visible {
  visibility: visible;
  opacity: 1;
}
/* RESPONSIVE */
@media (max-width: 991px) {
  .press-materials__logo-item {
    width: 48%;
    margin: 20px 1%;
  }
}
@media (max-width: 768px) {
  .press-materials__image-item {
    width: 46%;
    margin: 0 2% 20px 2%;
    float: left;
  }
}
@media (max-width: 500px) {
  .page--home .press-materials__popup {
    left: 20px;
    right: 20px;
    width: auto;
  }
  .row--token,
  .row--logo,
  .row--press-images {
    padding: 0 20px 20px 20px;
  }
  .press-materials__token {
    margin: 20px auto 0 auto;
  }
  .press-materials__token::after {
    content: " ";
    display: table;
    clear: both;
  }
  .press-materials__token::after {
    content: " ";
    display: table;
    clear: both;
  }
  .press-materials__token img {
    float: none;
    width: 200px;
    margin: 0 auto;
  }
  .press-materials__token ul {
    float: none;
    margin: 20px 0;
  }
  .press-materials__logo-item,
  .press-materials__image-item {
    width: auto;
    margin: 20px 0;
    float: none;
  }
}
.partners-portal::before {
  display: none;
}
.partners-portal .content {
  padding-top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/************************/
/* LOGIN */
/************************/
.row--log-in {
  width: 100%;
  box-sizing: border-box;
}
.partners-portal--login {
  background-color: hsl(223, 23%, 96%);
}
.log-in__container {
  border-radius: 8px;
  background-color: white;
  padding: 40px;
  box-shadow: 0 0 500px 0 rgba(0, 0, 0, 0.1);
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.log-in__logo {
  text-align: center;
}
.log-in__logo-image {
  max-width: 200px;
  display: block;
  margin: 0 auto 20px auto;
}
.log-in__box h4 {
  margin-bottom: 5px;
}
.log-in__forgot-password-link {
  margin-top: 10px;
}
/************************/
/* NAVIGATION */
/************************/
.partners-portal__navigation-container {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 400px;
  background-color: hsl(225, 60%, 35%);
  box-sizing: border-box;
  padding: 20px;
  color: white;
  z-index: 2;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  visibility: visible;
}
.partners-portal__navigation-container .mobile-navigation__close {
  display: none;
}
.partners-portal__mobile-navigation-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: hsl(225, 60%, 35%);
  padding: 5px 20px;
  height: 60px;
  box-sizing: border-box;
  z-index: 9999;
}
.partners-portal__mobile-navigation-container .partners-portal__logo-link {
  display: block;
  float: left;
  margin: 10px 0 6px 0;
}
.partners-portal__mobile-navigation-container .partners-portal__logo {
  height: 40px;
  margin: 0;
}
.partners-portal__mobile-navigation-container .mobile-navigation {
  display: flex;
  height: 60px;
}
.partners-portal__navigation-scroller {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  list-style: none;
  padding: 60px 20px 20px 20px;
  margin: 0 0 120px 0;
  box-sizing: border-box;
  overflow: auto;
}
.partners-portal__logo {
  max-width: 300px;
  display: block;
  margin: 0 auto 20px auto;
}
.partners-portal__title {
  font-size: 30px;
  line-height: 34px;
  text-align: center;
  font-weight: 100;
}
.partners-portal__logged-user {
  margin-top: 20px;
  padding: 20px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: hsl(225, 60%, 25%);
}
.logged-user__company-name {
  font-weight: 400;
  color: hsl(135, 59%, 41%);
  font-size: 18px;
}
.logged-user__company-email {
  color: white;
  text-decoration: none;
}
.logged-user__company-email:hover {
  color: white;
  text-decoration: underline;
}
.logged-user__logout {
  margin-top: 8px;
  display: block;
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  font-size: 12px;
}
.logged-user__logout:hover {
  color: rgba(255, 255, 255, 0.4);
  text-decoration: underline;
}
.partners-portal__navigation {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}
.partners-portal-navigation__item {
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.partners-portal-navigation__item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.partners-portal-navigation__link {
  line-height: 20px;
  font-size: 16px;
  color: white;
  text-decoration: none;
  padding: 20px 0;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  display: block;
  position: relative;
}
.partners-portal-navigation__link::before,
.partners-portal-navigation__link::after {
  content: " ";
  display: block;
  position: absolute;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.partners-portal-navigation__link::before {
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.partners-portal-navigation__link::after {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 0;
  background-color: hsl(135, 59%, 41%);
}
.partners-portal-navigation__link:hover {
  color: hsl(135, 59%, 41%);
  padding-left: 20px;
}
.partners-portal-navigation__link:hover::before {
  width: 100%;
}
.partners-portal-navigation__link:hover::after {
  height: 100%;
}
.partners-portal-navigation__link--active {
  color: hsl(135, 59%, 41%);
  padding-left: 20px;
}
.partners-portal-navigation__link--active::before {
  width: 100%;
}
.partners-portal-navigation__link--active::after {
  height: 100%;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .partners-portal__navigation-container {
    visibility: hidden;
    transform: translateX(100%);
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(225, 60%, 35%, 0.98);
    z-index: 99999;
    transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
  }
  .partners-portal__navigation-container .mobile-navigation__close {
    display: block;
  }
  .partners-portal__navigation-scroller {
    text-align: center;
  }
  .partners-portal__mobile-navigation-container {
    display: block;
  }
  .mobile-navigation--open .partners-portal__navigation-container {
    visibility: visible;
    transform: translateX(0);
  }
}
@media (max-width: 768px) {
  .partners-portal__logo {
    max-width: 200px;
    margin: 13.33333333px auto 10px auto;
  }
  .partners-portal__title {
    font-size: 22px;
    line-height: 26px;
  }
}
/************************/
/* SEARCH */
/************************/
.partners-portal__search {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 0 20px 0;
  z-index: 2;
}
.partners-portal__search h1 {
  font-size: 62px;
  line-height: 66px;
  font-weight: 100;
  color: hsl(225, 60%, 35%);
  margin-bottom: 20px;
}
.page--partners-portal-article .partners-portal__search {
  height: 64px;
  padding: 10px 20px;
  margin: 0 auto;
  position: fixed;
  top: 0;
  right: 400px;
  left: 0;
  max-width: none;
  background-color: hsl(223, 23%, 96%);
  box-sizing: border-box;
}
.page--partners-portal-article .partners-portal__search .partners-portal__search-field {
  max-width: 600px;
  margin: 0 auto;
}
.page--partners-portal-article .partners-portal__search .partners-portal-search-field__field .input--search:focus {
  border-color: hsl(135, 59%, 41%);
}
.page--partners-portal-article .partners-portal__search h1,
.page--partners-portal-article .partners-portal__search .partners-portal__intro {
  display: none;
}
.partners-portal__search-field {
  display: table;
}
.partners-portal-search-field__field,
.partners-portal-search-field__button {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.partners-portal-search-field__button {
  width: 1px;
  padding-left: 10px;
}
.partners-portal__search-results {
  padding: 0 20px 20px 20px;
}
.search-result__summary {
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid hsl(229, 18%, 88%);
  color: hsl(227, 19%, 74%);
}
.search-result__item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid hsl(229, 18%, 88%);
}
.search-result__item:first-child {
  margin-top: 0;
}
.search-result__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: hsl(225, 60%, 35%);
  margin-bottom: 5px;
  display: block;
}
.search-result__title:hover {
  color: hsl(225, 60%, 35%);
}
.partners-portal__breadcrumbs {
  position: fixed;
  top: 64px;
  margin-bottom: 5px;
  color: hsl(227, 19%, 74%);
  font-size: 12px;
  line-height: 16px;
  left: 0;
  right: 400px;
  padding: 5px 20px;
  background-color: white;
  border-bottom: 1px solid hsl(229, 18%, 88%);
  z-index: 2;
}
.partners-portal__breadcrumbs a {
  color: hsl(227, 19%, 74%);
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .page--partners-portal-article .partners-portal__search {
    padding: 10px 20px 10px 20px;
    margin: 0 -20px;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
  }
  .page--partners-portal-article .partners-portal__search .partners-portal__search-field {
    max-width: none;
  }
  .page--partners-portal-article .partners-portal__breadcrumbs {
    position: relative;
    top: auto;
    margin: 0 -20px 20px -20px;
    left: auto;
    right: auto;
    padding: 5px 20px;
  }
}
/************************/
/* CONTENT */
/************************/
.partners-portal__content-container {
  margin-right: 400px;
  min-height: 100%;
  padding-bottom: 70px;
  box-sizing: border-box;
  position: relative;
  padding: 20px 20px 84px 20px;
}
.partners-portal__content-container h1 {
  color: hsl(225, 60%, 35%);
  font-size: 56px;
  line-height: 60px;
  font-weight: 400;
}
.partners-portal__content-container h2 {
  color: hsl(225, 60%, 35%);
  font-size: 36px;
  line-height: 42px;
  font-weight: 300;
}
.partners-portal__content-container h3 {
  color: hsl(225, 60%, 35%);
  font-size: 28px;
  line-height: 34px;
  font-weight: 300;
}
.partners-portal__content-container h4 {
  color: hsl(225, 60%, 35%);
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.partners-portal__content-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.partners-portal__content-container ul li {
  padding: 2px 0 2px 14px;
  position: relative;
}
.partners-portal__content-container ul li::before {
  content: ' ';
  display: block;
  position: absolute;
  top: 11px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: hsl(225, 60%, 35%);
}
.partners-portal__content-container .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.partners-portal__content-container .row--footer-copyright {
  color: hsl(227, 19%, 74%);
  background-color: hsl(223, 23%, 96%);
  height: 64px;
  box-sizing: border-box;
}
.page--partners-portal-article .partners-portal__content-container {
  padding-top: 112px;
}
.partners-portal__content {
  max-width: 900px;
  margin-bottom: 20px;
}
.partners-portal__content::after {
  content: " ";
  display: table;
  clear: both;
}
.partners-portal__content::after {
  content: " ";
  display: table;
  clear: both;
}
.partners-portal__exposed-content {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: 300;
}
.partners-portal__box-on-left,
.partners-portal__box-on-right {
  width: 300px;
  background-color: #f2f3f8;
  padding: 20px;
  color: hsl(225, 60%, 35%);
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}
.partners-portal__box-on-right {
  float: right;
  margin: 0 0 20px 20px;
}
.partners-portal__box-on-left {
  float: left;
  margin: 0 20px 20px 0;
}
.partners-portal__videos-container {
  display: flex;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .partners-portal__content-container {
    margin-right: 0;
    padding-top: 80px;
  }
  .partners-portal__content-container h1 {
    font-size: 40px;
    line-height: 44px;
  }
  .page--partners-portal-article .partners-portal__content-container {
    padding-top: 60px;
  }
}
@media (max-width: 768px) {
  .partners-portal__content-container h1 {
    font-size: 28px;
    line-height: 32px;
  }
}
/************************/
/* INDEX */
/************************/
.partners-portal__articles-overview {
  margin: 0 -20px;
}
.partners-portal__articles-overview .tiles-wall__container {
  margin: 0;
}
.partners-portal__articles-overview .tiles-wall__item {
  text-decoration: none;
  color: hsl(227, 19%, 74%);
}
.partners-portal__articles-overview .tiles-wall__item strong {
  font-size: 28px;
  line-height: 32px;
  display: block;
  color: hsl(135, 59%, 41%);
  font-weight: 300;
  margin-bottom: 10px;
}
.partners-portal__articles-overview .tiles-wall__item strong::after,
.partners-portal__articles-overview .tiles-wall__item strong::before {
  content: ' ';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  transform: rotate(0);
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.partners-portal__articles-overview .tiles-wall__item strong::before {
  background-color: hsl(135, 59%, 41%);
  opacity: 0;
  width: 0;
}
.partners-portal__articles-overview .tiles-wall__item strong::after {
  width: 28px;
  background: url('../images/arrow-gray.svg') no-repeat center center;
  background-size: 14px;
  opacity: 0.4;
}
.partners-portal__articles-overview .tiles-wall__item:hover {
  color: hsl(225, 19%, 50%);
}
.partners-portal__articles-overview .tiles-wall__item:hover strong::before {
  opacity: 1;
  width: 30px;
}
.partners-portal__articles-overview .tiles-wall__item:hover strong::after {
  background-image: url('../images/arrow-white.svg');
  transform: rotate(360deg);
  opacity: 1;
}
/* RESPONSIVE */
@media (max-width: 1600px) {
  .partners-portal__articles-overview .tiles-wall__item {
    width: 33.333%;
  }
  .partners-portal__articles-overview .tiles-wall__item:nth-child(4n+4) {
    border-right: 1px solid hsl(229, 18%, 88%);
  }
  .partners-portal__articles-overview .tiles-wall__item:nth-child(3n+3) {
    border-right: none;
  }
  .partners-portal__articles-overview .tiles-wall__item strong {
    font-size: 28px;
    line-height: 32px;
  }
}
@media (max-width: 768px) {
  .partners-portal__articles-overview .tiles-wall__item {
    width: 50%;
    border-right: 1px solid hsl(229, 18%, 88%);
  }
  .partners-portal__articles-overview .tiles-wall__item:nth-child(3n+3) {
    border-right: 1px solid hsl(229, 18%, 88%);
  }
  .partners-portal__articles-overview .tiles-wall__item:nth-child(2n+2) {
    border-right: none;
  }
  .partners-portal__articles-overview .tiles-wall__item strong {
    font-size: 24px;
    line-height: 28px;
  }
}
@media (max-width: 500px) {
  .partners-portal__articles-overview .tiles-wall__item {
    width: 100%;
    border-right: none;
  }
  .partners-portal__articles-overview .tiles-wall__item:nth-child(4n+4),
  .partners-portal__articles-overview .tiles-wall__item:nth-child(3n+3),
  .partners-portal__articles-overview .tiles-wall__item:nth-child(2n+2) {
    border-right: none;
  }
  .partners-portal__articles-overview .tiles-wall__item strong {
    font-size: 24px;
    line-height: 28px;
  }
}
/************************/
/* ARTICLE */
/************************/
.article-box-elements {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  padding: calc(50px - 1%);
}
.article-box-elements h3 {
  width: 100%;
  margin-left: 1%;
}
.article-box-elements:nth-of-type(even) {
  background-color: #f4f5f9;
}
.article-box-elements:last-of-type {
  margin-bottom: -20px;
}
.article-box-elements__item {
  box-sizing: border-box;
  border: 1px solid hsl(229, 18%, 88%);
  background-color: white;
  border-radius: 8px;
  margin: 1%;
  position: relative;
  display: block;
  text-decoration: none;
  transition: all 150ms cubic-bezier(0.2, 1, 0.68, 0.99);
}
.article-box-elements__item:hover {
  transform: translateY(-10px);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}
.article-box-elements__item hr {
  margin-bottom: 10px;
}
.article-box-elements--article-files .article-box-elements__item {
  width: 31.333%;
  padding: 20px 20px 20px 100px;
  min-height: 120px;
}
.article-box-elements--article-links .article-box-elements__item {
  padding: 20px;
  width: 23%;
}
.article-box-elements__title {
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  color: hsl(225, 60%, 35%);
  margin-bottom: 5px;
}
.article-box-elements__description {
  font-size: 12px;
  line-height: 18px;
}
.article-links__image {
  width: 100%;
  margin-bottom: 5px;
}
.article-files__file-details {
  font-size: 12px;
  color: hsl(227, 19%, 74%);
}
.article-files__icon {
  position: absolute;
  left: 10px;
  top: 20px;
  width: 80px;
  height: 80px;
}
.article-files__icon--pdf {
  background: url('../images/file-icons-pdf.svg') no-repeat center center;
}
.article-files__icon--presentation {
  background: url('../images/file-icons-presentation.svg') no-repeat center center;
}
.article-files__icon--image {
  background: url('../images/file-icons-image.svg') no-repeat center center;
}
.article-files__icon--document {
  background: url('../images/file-icons-document.svg') no-repeat center center;
}
.article-files__icon--sheets {
  background: url('../images/file-icons-sheets.svg') no-repeat center center;
}
.article-files__icon--video {
  background: url('../images/file-icons-video.svg') no-repeat center center;
}
.article-files__icon--audio {
  background: url('../images/file-icons-audio.svg') no-repeat center center;
}
.article-files__icon--program {
  background: url('../images/file-icons-program.svg') no-repeat center center;
}
.article-files__icon--zip {
  background: url('../images/file-icons-zip.svg') no-repeat center center;
}
.article-files__icon--unknown {
  background: url('../images/file-icons-unknown.svg') no-repeat center center;
}
.article-files__download-button {
  margin-top: 20px;
}
.article-files__get-sharable-link,
.article-files__stop-sharable-link {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
  outline: none;
}
.article-files__get-sharable-link:hover,
.article-files__stop-sharable-link:hover {
  text-decoration: none;
}
.article-files__stop-sharable-link {
  color: hsl(358, 74%, 46%);
  margin-left: 20px;
}
.article-files__share {
  display: none;
  margin-top: 20px;
}
.article-files__share p {
  padding-bottom: 0;
}
.article-files__share-link {
  border: 1px dashed hsla(40, 100%, 50%, 0.4);
  background-color: hsla(40, 100%, 50%, 0.05);
  padding: 5px;
  margin: 10px 0 10px 0;
  -webkit-touch-callout: all;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
}
/* RESPONSIVE */
@media (max-width: 1600px) {
  .article-box-elements--article-files .article-box-elements__item {
    width: 48%;
  }
}
@media (max-width: 991px) {
  .article-box-elements--article-links .article-box-elements__item {
    width: 31.3333%;
  }
}
@media (max-width: 768px) {
  .article-box-elements__title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
  }
  .article-box-elements--article-files .article-box-elements__item {
    width: 48%;
    padding: 20px;
    min-height: none;
  }
  .article-box-elements--article-files .article-files__icon {
    position: relative;
    left: auto;
    top: auto;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px auto;
  }
  .article-box-elements--article-links .article-box-elements__item {
    width: 48%;
  }
}
@media (max-width: 500px) {
  .article-box-elements--article-files .article-box-elements__item {
    width: 100%;
  }
  .article-box-elements--article-links .article-box-elements__item {
    width: 100%;
  }
}
.row--resellers {
  padding: 0 20px 20px 20px;
}
.resellers__search {
  max-width: 600px;
  margin: 0 auto 20px auto;
  text-align: center;
}
.resellers__search p {
  font-size: 24px;
  font-weight: 300;
  padding-bottom: 0;
}
.resellers__results .resellers__results-title {
  text-align: center;
  display: none;
  color: hsl(135, 59%, 41%);
  font-weight: 400;
  font-size: 32px;
  margin-bottom: 20px;
}
.resellers__not-available {
  text-align: center;
  display: none;
}
.resellers__not-available h2 {
  text-align: center;
  color: hsl(358, 74%, 46%);
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 10px;
}
.resellers__not-available p {
  font-size: 18px;
  font-weight: 300;
}
.resellers__results-container {
  display: flex;
  justify-content: center;
}
.resellers__reseller {
  background-color: hsl(223, 23%, 96%);
  padding: 20px;
  width: 18%;
  margin: 0 1% 1% 1%;
}
.resellers__reseller h4 {
  font-size: 24px;
  font-weight: 400;
}
.resellers__reseller p {
  padding: 0 0 20px 0;
  font-size: 12px;
  line-height: 18px;
  color: hsl(225, 19%, 50%);
}
.resellers__reseller p strong {
  font-size: 16px;
  display: block;
  font-weight: 400;
  color: hsl(226, 20%, 20%);
}
.page--landing-page .content {
  padding: 0;
}
.page--landing-page .home-page-intro__text {
  padding-top: 40px;
}
.page--landing-page .home-page-intro__text .cargox-platform-logo {
  margin: 0 auto 40px auto;
  justify-content: center;
}
.page--landing-page .background__image {
  display: block;
  top: 200px;
}
.page--landing-page::before {
  display: none;
}
/* RESPONSIVE */
@media (max-width: 1600px) {
  .page--landing-page .background__image {
    top: 150px;
  }
}
@media (max-width: 991px) {
  .page--landing-page .home-page-intro__text {
    padding-top: 20px;
  }
  .page--landing-page .home-page-intro__text .cargox-platform-logo {
    margin-bottom: 20px;
  }
  .page--landing-page .background__image {
    top: auto;
  }
}
/************************/
/* BUILDING TOTAL DIGITAL TRUST TITLE */
/************************/
.row--landing-page-building-trust {
  margin-top: -80px;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}
.row--landing-page-building-trust img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  opacity: 0.3;
  z-index: -1;
}
.landing-page-building-trust__title {
  font-size: 26px;
  line-height: 30px;
  color: hsl(225, 60%, 35%);
  font-weight: 300;
  text-align: center;
}
.landing-page-building-trust__title strong {
  display: block;
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  color: hsl(225, 60%, 35%);
  margin-bottom: 10px;
}
/************************/
/* LANDING PAGE CTA */
/************************/
.row--landing-page-cta .container {
  border-radius: 8px;
  padding: 40px;
  background-color: hsl(226, 57%, 19%);
}
.row--landing-page-cta h2 {
  color: white;
}
.row--landing-page-cta h2 strong {
  color: hsl(135, 59%, 41%);
}
.row--landing-page-cta .text-wrapper {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.email-ebanking-blockchain {
  display: flex;
  align-items: flex-start;
  color: white;
  margin-bottom: 40px;
}
.email-ebanking-blockchain__item {
  text-align: center;
}
.email-ebanking-blockchain__item img {
  margin: 0 auto 10px auto;
  display: block;
  max-width: 80px;
  width: 100%;
}
.email-ebanking-blockchain__item strong {
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}
.email-ebanking-blockchain__plus {
  font-size: 60px;
  line-height: 60px;
  margin: 0 20px;
  color: hsl(135, 59%, 41%);
  margin-top: 10px;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .email-ebanking-blockchain__item img {
    max-width: 50px;
  }
  .email-ebanking-blockchain__item strong {
    font-size: 16px;
    line-height: 20px;
  }
  .email-ebanking-blockchain__plus {
    font-size: 40px;
    line-height: 40px;
    margin: 0 10px;
    margin-top: 5px;
  }
}
@media (max-width: 600px) {
  .email-ebanking-blockchain {
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
  }
  .email-ebanking-blockchain__plus {
    margin: 10px 0;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Icons */
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('./fonts/slick.eot');
  src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}