@charset "UTF-8";
/* == bootstrap == */
/*
@font-face {
  font-family: "et-line";
  src: url("fonts/et-line.eot");
  src: url("fonts/et-line.eot?#iefix") format("embedded-opentype"),
    url("fonts/et-line.woff") format("woff"),
    url("fonts/et-line.ttf") format("truetype"),
    url("fonts/et-line.svg#et-line") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #6f6f6f;
  font-weight: 400;
  line-height: 24px;
}

body,
html {
  -moz-osx-font-smoothing: grayscale;
}

a,
a:active,
a:focus {
  color: #6f6f6f;
  text-decoration: none;
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

a:focus,
a:active,
button:focus,
button:active,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

input,
textarea,
select {
  border: 1px solid #d1d1d1;
  font-size: 14px;
  padding: 8px 15px;
  width: 100%;
  margin: 0 0 15px 0;
  max-width: 100%;
  resize: none;
}

input[type=button],
input[type=text],
input[type=email],
input[type=search],
input[type=password],
textarea,
input[type=submit] {
  appearance: none;
  outline: none;
}

input:focus,
textarea:focus {
  border-color: #585858;
  outline: none;
}

input[type=button]:focus {
  outline: none;
}

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

iframe {
  border: 0;
}

p {
  margin: 0 0 25px;
  font-size: 14px;
  line-height: 1.7;
  word-spacing: 1px;
}

b,
strong {
  font-weight: 600;
}

.last-paragraph-no-margin p:last-of-type {
  margin-bottom: 0;
}

.alt-font strong {
  font-weight: 700;
}

ul,
ol,
dl {
  list-style-position: outside;
}

ul li {
  list-style: none;
}

.height-100 {
  height: 100%;
}

.height-100-vh {
  height: 100vh;
}

::selection {
  color: #000;
  background: #dbdbdb;
}

::-moz-selection {
  color: #000;
  background: #dbdbdb;
}

::-webkit-input-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
}

::-moz-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  opacity: 1;
}

.alt-font {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.main-font {
  font-family: "Poppins", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 25px;
  padding: 0;
  letter-spacing: 0;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  color: #232323;
}

h1 {
  font-size: 70px;
  line-height: 70px;
}

h2 {
  font-size: 55px;
  line-height: 60px;
}

h3 {
  font-size: 48px;
  line-height: 54px;
}

h4 {
  font-size: 40px;
  line-height: 46px;
}

h5 {
  font-size: 32px;
  line-height: 40px;
}

h6 {
  font-size: 25px;
  line-height: 30px;
}

.font-size11 {
  font-size: 11px;
  line-height: 14px;
}

.font-size12 {
  font-size: 12px;
  line-height: 20px;
}

.font-size13 {
  font-size: 13px;
  line-height: normal;
}

.font-size14 {
  font-size: 14px;
  line-height: normal;
}

.font-size15 {
  font-size: 15px;
}

.font-size16 {
  font-size: 16px;
}

.font-size17 {
  font-size: 17px;
  line-height: normal;
}

.font-size18 {
  font-size: 18px;
  line-height: 26px;
}

.font-size19 {
  font-size: 19px;
  line-height: normal;
}

.font-size20 {
  font-size: 20px;
  line-height: normal;
}

.font-size22 {
  font-size: 22px;
  line-height: normal;
}

.font-size24 {
  font-size: 24px;
  line-height: normal;
}

.font-size26 {
  font-size: 26px;
  line-height: normal;
}

.font-size28 {
  font-size: 28px;
  line-height: 34px;
}

.font-size30 {
  font-size: 30px;
  line-height: normal;
}

.font-size32 {
  font-size: 32px;
  line-height: normal;
}

.font-size34 {
  font-size: 34px;
  line-height: normal;
}

.font-size36 {
  font-size: 36px;
  line-height: normal;
}

.font-size38 {
  font-size: 38px;
  line-height: normal;
}

.font-size40 {
  font-size: 40px;
  line-height: normal;
}

.font-size42 {
  font-size: 42px;
  line-height: normal;
}

.font-size44 {
  font-size: 44px;
  line-height: normal;
}

.font-size46 {
  font-size: 46px;
  line-height: normal;
}

.font-size48 {
  font-size: 48px;
  line-height: normal;
}

.font-size50 {
  font-size: 50px;
  line-height: normal;
}

.font-size100 {
  font-size: 100px;
  line-height: 95px;
}

.font-size130 {
  font-size: 130px;
  line-height: 120px;
}

.text-white {
  color: #fff;
}

.text-black {
  color: #000;
}

.text-extra-dark-gray {
  color: #232323;
}

.text-dark-gray {
  color: #626262;
}

.text-extra-medium-gray {
  color: #757575;
}

.text-medium-gray {
  color: #939393;
}

.text-extra-light-gray {
  color: #b7b7b7;
}

.text-light-gray {
  color: #d6d5d5;
}

.text-very-light-gray {
  color: #ededed;
}

.no-letter-spacing {
  letter-spacing: 0px;
}

.letter-spacing-1 {
  letter-spacing: 1px;
}

.letter-spacing-2 {
  letter-spacing: 2px;
}

.letter-spacing-3 {
  letter-spacing: 3px;
}

.letter-spacing-4 {
  letter-spacing: 4px;
}

.letter-spacing-5 {
  letter-spacing: 5px;
}

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.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;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  background-color: #fff;
}

.bg-black {
  background-color: #000;
}

.bg-extra-dark-gray {
  background-color: #1c1c1c;
}

.bg-dark-gray {
  background-color: #252525;
}

.bg-black-dark-gray {
  background-color: #232323;
}

.bg-extra-medium-gray {
  background-color: #3a3a3a;
}

.bg-medium-gray {
  background-color: #dbdbdb;
}

.bg-extra-light-gray {
  background-color: #e0e0e0;
}

.bg-medium-light-gray {
  background-color: #ededed;
}

.bg-light-gray {
  background-color: #f7f7f7;
}

.bg-very-light-gray {
  background-color: #fafafa;
}

.bg-transparent-white {
  background-color: rgba(255, 255, 255, 0.3);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, #fff 96%, #fff 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(37%, rgba(255, 255, 255, 0)), color-stop(96%, #fff), color-stop(100%, #fff));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, #fff 96%, #fff 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, #fff 96%, #fff 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, #fff 96%, #fff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, #fff 96%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1 );
}

.bg-transparent-black {
  background-color: transparent;
  background: -moz-linear-gradient(left, transparent 0%, transparent 37%, #000 96%, #000 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, transparent), color-stop(37%, transparent), color-stop(96%, #000), color-stop(100%, #000));
  background: -webkit-linear-gradient(left, transparent 0%, transparent 37%, #000 96%, #000 100%);
  background: -o-linear-gradient(left, transparent 0%, transparent 37%, #000 96%, #000 100%);
  background: -ms-linear-gradient(left, transparent 0%, transparent 37%, #000 96%, #000 100%);
  background: linear-gradient(to right, transparent 0%, transparent 37%, #000 96%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=1 );
}

.bg-white-opacity {
  background-color: rgba(255, 255, 255, 0.85);
}

.bg-black-opacity {
  background-color: rgba(0, 0, 0, 0.85);
}

.bg-black-opacity-light {
  background-color: rgba(0, 0, 0, 0.5);
}

.center-col {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

section {
  padding: 100px 0;
  position: relative;
}

/* section.contact {
    padding: 0px 0;
    position:relative
   } */
.big-input,
.big-textarea,
.big-select select {
  padding: 18px 25px;
  font-size: 14px;
  border-radius: 0;
}

.medium-input,
.medium-textarea,
.medium-select select {
  padding: 12px 20px;
  font-size: 14px;
  line-height: normal;
  border-radius: 0;
}

.small-input,
.small-textarea {
  padding: 12px 15px;
  font-size: 11px;
  line-height: normal;
}

.small-select select {
  padding: 15px 15px;
  line-height: normal;
}

.medium-input-light,
.medium-textarea-light,
.medium-select-light select {
  padding: 12px 25px;
  font-size: 12px;
  line-height: normal;
}

.required-error {
  border: 1px solid #ee2323 !important;
}

.input-border-bottom.required-error {
  border-width: 0 !important;
  border-bottom-width: 1px !important;
  border-bottom-color: #ee2323 !important;
}

#success-contact-form {
  clear: both;
  margin: 0 15px 15px;
  text-align: center;
  border: 1px solid #1a940a;
  color: #1a940a;
  padding: 2px 0;
  display: none;
  font-size: 11px;
}

[data-overlay-dark],
[data-overlay-light] {
  position: relative;
}

[data-overlay-dark] .container,
[data-overlay-light] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-dark]:before,
[data-overlay-light]:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

[data-overlay-dark]:before {
  background: #000;
}

[data-overlay-light]:before {
  background: #fff;
}

[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span {
  color: #fff;
}

[data-overlay-dark] p {
  color: #bbb;
}

[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before {
  opacity: 0;
}

[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {
  opacity: 0.1;
}

[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before {
  opacity: 0.2;
}

[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before {
  opacity: 0.3;
}

[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before {
  opacity: 0.4;
}

[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before {
  opacity: 0.5;
}

[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before {
  opacity: 0.6;
}

[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before {
  opacity: 0.7;
}

[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before {
  opacity: 0.8;
}

[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before {
  opacity: 0.9;
}

[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {
  opacity: 1;
}

.separator-line-verticle-extra-small {
  width: 1px;
  height: 8px;
}

.separator-line-verticle-small-thick {
  width: 17px;
  height: 3px;
}

.separator-line-verticle-small {
  width: 1px;
  height: 13px;
}

.separator-line-verticle-small-thick2 {
  width: 64px;
  height: 7px;
}

.separator-line-verticle-large {
  width: 1px;
  height: 20px;
}

.separator-line-verticle-extra-large {
  width: 1px;
  height: 30px;
}

.separator-line-verticle-medium-thick-full {
  width: 8px;
  height: 40px;
}

.separator-line-verticle-large-thick {
  width: 109px;
  height: 11px;
}

.separator-line-horrizontal-medium-light {
  width: 36px;
  height: 3px;
}

.separator-line-horrizontal-medium-light2 {
  width: 50px;
  height: 1px;
}

.separator-line-horrizontal-medium-light3 {
  width: 18%;
  height: 1px;
}

.separator-line-horrizontal-medium-thick {
  width: 50px;
  height: 5px;
}

.separator-line-horrizontal-full {
  width: 100%;
  height: 1px;
}

.divider-full {
  width: 100%;
  height: 1px;
  display: inline-block;
}

.opacity-very-light {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.2;
  top: 0;
  left: 0;
}

.opacity-light {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.3;
  top: 0;
  left: 0;
}

.opacity-extra-medium {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  top: 0;
  left: 0;
}

.opacity-medium {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.75;
  top: 0;
  left: 0;
}

.opacity-full {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  top: 0;
  left: 0;
}

.opacity-full-dark {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.9;
  top: 0;
  left: 0;
}

.opacity1 {
  opacity: 0.1;
}

.opacity2 {
  opacity: 0.2;
}

.opacity3 {
  opacity: 0.3;
}

.opacity4 {
  opacity: 0.4;
}

.opacity5 {
  opacity: 0.5;
}

.opacity6 {
  opacity: 0.6;
}

.opacity7 {
  opacity: 0.7;
}

.opacity8 {
  opacity: 0.8;
}

.opacity9 {
  opacity: 0.9;
}

.btn-shadow {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.box-shadow-light {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.box-shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.box-shadow-dark {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.box-shadow-large {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.no-box-shadow {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) !important;
}

.z-index-1111 {
  z-index: 1111;
}

.z-index-111 {
  z-index: 111;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.z-index-0 {
  z-index: 0;
}

.z-index-minus2 {
  z-index: -2;
}

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

.vertical-align-top {
  vertical-align: top;
}

.vertical-align-bottom {
  vertical-align: bottom;
}

.vertical-middle {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.clear-both {
  clear: both;
}

.line-break {
  display: block;
}

.no-transition * {
  transition-timing-function: none;
  -moz-transition-timing-function: none;
  -webkit-transition-timing-function: none;
  -o-transition-timing-function: none;
  -ms-transition-timing-function: none;
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  -ms-transition-duration: 0s;
}

.absolute-middle-center {
  left: 50%;
  top: 50%;
  position: absolute;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}

.border-all {
  border: 1px solid #ededed;
}

.border-width-1 {
  border-width: 1px !important;
}

.border-width-2 {
  border-width: 2px !important;
}

.border-width-3 {
  border-width: 3px !important;
}

.border-width-4 {
  border-width: 4px !important;
}

.border-width-5 {
  border-width: 5px !important;
}

.border-width-6 {
  border-width: 6px !important;
}

.border-width-7 {
  border-width: 7px !important;
}

.border-width-8 {
  border-width: 8px !important;
}

.border-width-9 {
  border-width: 9px !important;
}

.border-width-10 {
  border-width: 10px !important;
}

.border-width-20 {
  border-width: 20px !important;
}

.border-top {
  border-top: 1px solid;
}

.border-bottom {
  border-bottom: 1px solid;
}

.border-left {
  border-left: 1px solid;
}

.border-right {
  border-right: 1px solid;
}

.border-lr {
  border-left: 1px solid;
  border-right: 1px solid;
}

.border-tb {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.border-color-white {
  border-color: #fff !important;
}

.border-color-black {
  border-color: #000 !important;
}

.border-color-extra-dark-gray {
  border-color: #232323 !important;
}

.border-color-medium-dark-gray {
  border-color: #363636 !important;
}

.border-color-dark-gray {
  border-color: #939393 !important;
}

.border-color-extra-medium-gray {
  border-color: #dbdbdb !important;
}

.border-color-medium-gray {
  border-color: #e4e4e4 !important;
}

.border-color-extra-light-gray {
  border-color: #ededed !important;
}

.border-color-light-gray {
  border-color: #f5f5f5 !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-solid {
  border-style: solid !important;
}

.border-double {
  border-style: double !important;
}

.border-groove {
  border-style: groove !important;
}

.border-ridge {
  border-style: ridge !important;
}

.border-inset {
  border-style: inset !important;
}

.border-outset {
  border-style: outset !important;
}

.border-none {
  border-style: none !important;
}

.border-hidden {
  border-style: hidden !important;
}

.border-transperent {
  border-color: transparent !important;
}

.no-border-all {
  border: none !important;
}

.no-border-top {
  border-top: 0 !important;
}

.no-border-bottom {
  border-bottom: 0 !important;
}

.no-border-right {
  border-right: 0 !important;
}

.no-border-left {
  border-left: 0 !important;
}

.inner-border {
  border: 8px solid rgba(255, 255, 255, 0.35);
  height: calc(100% - 40px);
  width: calc(100% - 40px);
  left: 20px;
  top: 20px;
  position: absolute;
}

.border-black-light {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.border-white-light {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.border-radius-1 {
  border-radius: 1px;
}

.border-radius-2 {
  border-radius: 2px;
}

.border-radius-3 {
  border-radius: 3px;
}

.border-radius-4 {
  border-radius: 4px;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-6 {
  border-radius: 6px;
}

.border-radius-7 {
  border-radius: 7px;
}

.border-radius-8 {
  border-radius: 8px;
}

.border-radius-9 {
  border-radius: 9px;
}

.border-radius-10 {
  border-radius: 10px;
}

.border-radius-50 {
  border-radius: 50%;
}

.border-radius-100 {
  border-radius: 100%;
}

.border-radius-none {
  border-radius: 0;
}

.parallax {
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-attachment: fixed;
}

.fix-background {
  position: relative;
  background-size: cover;
  animation-duration: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 0s;
  -ms-animation-fill-mode: none;
  -o-animation-fill-mode: none;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.cover-background {
  position: relative !important;
  background-size: cover !important;
  overflow: hidden !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.background-size-inherit {
  background-size: inherit;
}

.background-attachment-inherit {
  background-attachment: inherit;
}

.background-position-left {
  background-position: left center;
}

.background-position-left-bottom {
  background-position: left bottom;
}

.background-position-right {
  background-position: right center;
}

.background-position-top {
  background-position: center top !important;
}

.up-down-ani {
  display: table;
  position: relative;
  -webkit-animation-name: up-down-animation;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.7s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-name: up-down-animation;
  -moz-animation-duration: 0.7s;
  -moz-animation-timing-function: linear;
  -moz-animation-delay: 0.7s;
  -moz-animation-iteration-count: infinite;
  -ms-animation-name: up-down-animation;
  -ms-animation-duration: 0.7s;
  -ms-animation-timing-function: linear;
  -ms-animation-delay: 0.7s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: alternate;
  -o-animation-direction: alternate;
  -o-animation-name: up-down-animation;
  -o-animation-duration: 0.7s;
  -o-animation-timing-function: linear;
  -o-animation-delay: 0.7s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  animation-name: up-down-animation;
  animation-duration: 0.7s;
  animation-timing-function: linear;
  animation-delay: 0.7s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  margin: 0 auto;
}

.background-position-x-50 {
  background-position-x: 50% !important;
}

.margin-half-all {
  margin: 0.5%;
}

.margin-one-all {
  margin: 1%;
}

.margin-one-half-all {
  margin: 1.5%;
}

.margin-two-all {
  margin: 2%;
}

.margin-two-half-all {
  margin: 2.5%;
}

.margin-three-all {
  margin: 3%;
}

.margin-three-half-all {
  margin: 3.5%;
}

.margin-four-all {
  margin: 4%;
}

.margin-four-half-all {
  margin: 4.5%;
}

.margin-five-all {
  margin: 5%;
}

.margin-five-half-all {
  margin: 5.5%;
}

.margin-six-all {
  margin: 6%;
}

.margin-six-half-all {
  margin: 6.5%;
}

.margin-seven-all {
  margin: 7%;
}

.margin-seven-half-all {
  margin: 7.5%;
}

.margin-eight-all {
  margin: 8%;
}

.margin-eight-half-all {
  margin: 8.5%;
}

.margin-nine-all {
  margin: 9%;
}

.margin-nine-half-all {
  margin: 9.5%;
}

.margin-ten-all {
  margin: 10%;
}

.margin-ten-half-all {
  margin: 10.5%;
}

.margin-eleven-all {
  margin: 11%;
}

.margin-eleven-half-all {
  margin: 11.5%;
}

.margin-twelve-all {
  margin: 12%;
}

.margin-twelve-half-all {
  margin: 12.5%;
}

.margin-thirteen-all {
  margin: 13%;
}

.margin-thirteen-half-all {
  margin: 13.5%;
}

.margin-fourteen-all {
  margin: 14%;
}

.margin-fourteen-half-all {
  margin: 14.5%;
}

.margin-fifteen-all {
  margin: 15%;
}

.margin-fifteen-half-all {
  margin: 15.5%;
}

.margin-sixteen-all {
  margin: 16%;
}

.margin-sixteen-half-all {
  margin: 16.5%;
}

.margin-seventeen-all {
  margin: 17%;
}

.margin-seventeen-half-all {
  margin: 17.5%;
}

.margin-eighteen-all {
  margin: 18%;
}

.margin-eighteen-half-all {
  margin: 18.5%;
}

.margin-nineteen-all {
  margin: 19%;
}

.margin-nineteen-half-all {
  margin: 19.5%;
}

.margin-twenty-all {
  margin: 20%;
}

.margin-twenty-half-all {
  margin: 20.5%;
}

.margin-twenty-one-all {
  margin: 21%;
}

.margin-twenty-one-half-all {
  margin: 21.5%;
}

.margin-twenty-two-all {
  margin: 22%;
}

.margin-twenty-two-half-all {
  margin: 22.5%;
}

.margin-twenty-three-all {
  margin: 23%;
}

.margin-twenty-three-half-all {
  margin: 23.5%;
}

.margin-twenty-four-all {
  margin: 24%;
}

.margin-twenty-four-half-all {
  margin: 24.5%;
}

.margin-twenty-five-all {
  margin: 25%;
}

.margin-5px-all {
  margin: 5px;
}

.margin-10px-all {
  margin: 10px;
}

.margin-15px-all {
  margin: 15px;
}

.margin-20px-all {
  margin: 20px;
}

.margin-25px-all {
  margin: 25px;
}

.margin-30px-all {
  margin: 30px;
}

.margin-35px-all {
  margin: 35px;
}

.margin-40px-all {
  margin: 40px;
}

.margin-45px-all {
  margin: 45px;
}

.margin-50px-all {
  margin: 50px;
}

.margin-55px-all {
  margin: 55px;
}

.margin-60px-all {
  margin: 60px;
}

.margin-65px-all {
  margin: 65px;
}

.margin-70px-all {
  margin: 70px;
}

.margin-75px-all {
  margin: 75px;
}

.margin-80px-all {
  margin: 80px;
}

.margin-85px-all {
  margin: 85px;
}

.margin-90px-all {
  margin: 90px;
}

.margin-95px-all {
  margin: 95px;
}

.margin-100px-all {
  margin: 100px;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-lr {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.no-margin-tb {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.margin-lr-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.margin-auto {
  margin: 0 auto !important;
}

.margin-one-top {
  margin-top: 1%;
}

.margin-one-half-top {
  margin-top: 1.5%;
}

.margin-two-top {
  margin-top: 2%;
}

.margin-two-half-top {
  margin-top: 2.5%;
}

.margin-three-top {
  margin-top: 3%;
}

.margin-three-half-top {
  margin-top: 3.5%;
}

.margin-four-top {
  margin-top: 4%;
}

.margin-four-half-top {
  margin-top: 4.5%;
}

.margin-five-top {
  margin-top: 5%;
}

.margin-five-half-top {
  margin-top: 5.5%;
}

.margin-six-top {
  margin-top: 6%;
}

.margin-six-half-top {
  margin-top: 6.5%;
}

.margin-seven-top {
  margin-top: 7%;
}

.margin-seven-half-top {
  margin-top: 7.5%;
}

.margin-eight-top {
  margin-top: 8%;
}

.margin-eight-half-top {
  margin-top: 8.5%;
}

.margin-nine-top {
  margin-top: 9%;
}

.margin-nine-half-top {
  margin-top: 9.5%;
}

.margin-ten-top {
  margin-top: 10%;
}

.margin-ten-half-top {
  margin-top: 10.5%;
}

.margin-eleven-top {
  margin-top: 11%;
}

.margin-eleven-half-top {
  margin-top: 11.5%;
}

.margin-twelve-top {
  margin-top: 12%;
}

.margin-twelve-half-top {
  margin-top: 12.5%;
}

.margin-thirteen-top {
  margin-top: 13%;
}

.margin-thirteen-half-top {
  margin-top: 13.5%;
}

.margin-fourteen-top {
  margin-top: 14%;
}

.margin-fourteen-half-top {
  margin-top: 14.5%;
}

.margin-fifteen-top {
  margin-top: 15%;
}

.margin-fifteen-half-top {
  margin-top: 15.5%;
}

.margin-sixteen-top {
  margin-top: 16%;
}

.margin-sixteen-half-top {
  margin-top: 16.5%;
}

.margin-seventeen-top {
  margin-top: 17%;
}

.margin-seventeen-half-top {
  margin-top: 17.5%;
}

.margin-eighteen-top {
  margin-top: 18%;
}

.margin-eighteen-half-top {
  margin-top: 18.5%;
}

.margin-nineteen-top {
  margin-top: 19%;
}

.margin-nineteen-half-top {
  margin-top: 19.5%;
}

.margin-twenty-top {
  margin-top: 20%;
}

.margin-twenty-half-top {
  margin-top: 20.5%;
}

.margin-twenty-one-top {
  margin-top: 21%;
}

.margin-twenty-one-half-top {
  margin-top: 21.5%;
}

.margin-twenty-two-top {
  margin-top: 22%;
}

.margin-twenty-two-half-top {
  margin-top: 22.5%;
}

.margin-twenty-three-top {
  margin-top: 23%;
}

.margin-twenty-three-half-top {
  margin-top: 23.5%;
}

.margin-twenty-four-top {
  margin-top: 24%;
}

.margin-twenty-four-half-top {
  margin-top: 24.5%;
}

.margin-twenty-five-top {
  margin-top: 25%;
}

.margin-5px-top {
  margin-top: 5px;
}

.margin-10px-top {
  margin-top: 10px;
}

.margin-15px-top {
  margin-top: 15px;
}

.margin-20px-top {
  margin-top: 20px;
}

.margin-25px-top {
  margin-top: 25px;
}

.margin-30px-top {
  margin-top: 30px;
}

.margin-35px-top {
  margin-top: 35px;
}

.margin-40px-top {
  margin-top: 40px;
}

.margin-45px-top {
  margin-top: 45px;
}

.margin-50px-top {
  margin-top: 50px;
}

.margin-55px-top {
  margin-top: 55px;
}

.margin-60px-top {
  margin-top: 60px;
}

.margin-65px-top {
  margin-top: 65px;
}

.margin-70px-top {
  margin-top: 70px;
}

.margin-75px-top {
  margin-top: 75px;
}

.margin-80px-top {
  margin-top: 80px;
}

.margin-90px-top {
  margin-top: 90px;
}

.margin-100px-top {
  margin-top: 100px;
}

.margin-one-bottom {
  margin-bottom: 1%;
}

.margin-one-half-bottom {
  margin-bottom: 1.5%;
}

.margin-two-bottom {
  margin-bottom: 2%;
}

.margin-two-half-bottom {
  margin-bottom: 2.5%;
}

.margin-three-bottom {
  margin-bottom: 3%;
}

.margin-three-half-bottom {
  margin-bottom: 3.5%;
}

.margin-four-bottom {
  margin-bottom: 4%;
}

.margin-four-half-bottom {
  margin-bottom: 4.5%;
}

.margin-five-bottom {
  margin-bottom: 5%;
}

.margin-five-half-bottom {
  margin-bottom: 5.5%;
}

.margin-six-bottom {
  margin-bottom: 6%;
}

.margin-six-half-bottom {
  margin-bottom: 6.5%;
}

.margin-seven-bottom {
  margin-bottom: 7%;
}

.margin-seven-half-bottom {
  margin-bottom: 7.5%;
}

.margin-eight-bottom {
  margin-bottom: 8%;
}

.margin-eight-half-bottom {
  margin-bottom: 8.5%;
}

.margin-nine-bottom {
  margin-bottom: 9%;
}

.margin-nine-half-bottom {
  margin-bottom: 9.5%;
}

.margin-ten-bottom {
  margin-bottom: 10%;
}

.margin-ten-half-bottom {
  margin-bottom: 10.5%;
}

.margin-eleven-bottom {
  margin-bottom: 11%;
}

.margin-eleven-half-bottom {
  margin-bottom: 11.5%;
}

.margin-twelve-bottom {
  margin-bottom: 12%;
}

.margin-twelve-half-bottom {
  margin-bottom: 12.5%;
}

.margin-thirteen-bottom {
  margin-bottom: 13%;
}

.margin-thirteen-half-bottom {
  margin-bottom: 13.5%;
}

.margin-fourteen-bottom {
  margin-bottom: 14%;
}

.margin-fourteen-half-bottom {
  margin-bottom: 14.5%;
}

.margin-fifteen-bottom {
  margin-bottom: 15%;
}

.margin-fifteen-half-bottom {
  margin-bottom: 15.5%;
}

.margin-sixteen-bottom {
  margin-bottom: 16%;
}

.margin-sixteen-half-bottom {
  margin-bottom: 16.5%;
}

.margin-seventeen-bottom {
  margin-bottom: 17%;
}

.margin-seventeen-half-bottom {
  margin-bottom: 17.5%;
}

.margin-eighteen-bottom {
  margin-bottom: 18%;
}

.margin-eighteen-half-bottom {
  margin-bottom: 18.5%;
}

.margin-nineteen-bottom {
  margin-bottom: 19%;
}

.margin-nineteen-half-bottom {
  margin-bottom: 19.5%;
}

.margin-twenty-bottom {
  margin-bottom: 20%;
}

.margin-twenty-half-bottom {
  margin-bottom: 20.5%;
}

.margin-twenty-one-bottom {
  margin-bottom: 21%;
}

.margin-twenty-one-half-bottom {
  margin-bottom: 21.5%;
}

.margin-twenty-two-bottom {
  margin-bottom: 22%;
}

.margin-twenty-two-half-bottom {
  margin-bottom: 22.5%;
}

.margin-twenty-three-bottom {
  margin-bottom: 23%;
}

.margin-twenty-three-half-bottom {
  margin-bottom: 23.5%;
}

.margin-twenty-four-bottom {
  margin-bottom: 24%;
}

.margin-twenty-four-half-bottom {
  margin-bottom: 24.5%;
}

.margin-twenty-five-bottom {
  margin-bottom: 25%;
}

.margin-5px-bottom {
  margin-bottom: 5px;
}

.margin-10px-bottom {
  margin-bottom: 10px;
}

.margin-15px-bottom {
  margin-bottom: 15px;
}

.margin-20px-bottom {
  margin-bottom: 20px;
}

.margin-25px-bottom {
  margin-bottom: 25px;
}

.margin-30px-bottom {
  margin-bottom: 30px;
}

.margin-35px-bottom {
  margin-bottom: 35px;
}

.margin-40px-bottom {
  margin-bottom: 40px;
}

.margin-45px-bottom {
  margin-bottom: 45px;
}

.margin-50px-bottom {
  margin-bottom: 50px;
}

.margin-55px-bottom {
  margin-bottom: 55px;
}

.margin-60px-bottom {
  margin-bottom: 60px;
}

.margin-65px-bottom {
  margin-bottom: 65px;
}

.margin-70px-bottom {
  margin-bottom: 70px;
}

.margin-75px-bottom {
  margin-bottom: 75px;
}

.margin-80px-bottom {
  margin-bottom: 80px;
}

.margin-85px-bottom {
  margin-bottom: 85px;
}

.margin-90px-bottom {
  margin-bottom: 90px;
}

.margin-95px-bottom {
  margin-bottom: 95px;
}

.margin-100px-bottom {
  margin-bottom: 100px;
}

.margin-one-right {
  margin-right: 1%;
}

.margin-one-half-right {
  margin-right: 1.5%;
}

.margin-two-right {
  margin-right: 2%;
}

.margin-two-half-right {
  margin-right: 2.5%;
}

.margin-three-right {
  margin-right: 3%;
}

.margin-three-half-right {
  margin-right: 3.5%;
}

.margin-four-right {
  margin-right: 4%;
}

.margin-four-half-right {
  margin-right: 4.5%;
}

.margin-five-right {
  margin-right: 5%;
}

.margin-five-half-right {
  margin-right: 5.5%;
}

.margin-six-right {
  margin-right: 6%;
}

.margin-six-half-right {
  margin-right: 6.5%;
}

.margin-seven-right {
  margin-right: 7%;
}

.margin-seven-half-right {
  margin-right: 7.5%;
}

.margin-eight-right {
  margin-right: 8%;
}

.margin-eight-half-right {
  margin-right: 8.5%;
}

.margin-nine-right {
  margin-right: 9%;
}

.margin-nine-half-right {
  margin-right: 9.5%;
}

.margin-ten-right {
  margin-right: 10%;
}

.margin-ten-half-right {
  margin-right: 10.5%;
}

.margin-eleven-right {
  margin-right: 11%;
}

.margin-eleven-half-right {
  margin-right: 11.5%;
}

.margin-twelve-right {
  margin-right: 12%;
}

.margin-twelve-half-right {
  margin-right: 12.5%;
}

.margin-thirteen-right {
  margin-right: 13%;
}

.margin-thirteen-half-right {
  margin-right: 13.5%;
}

.margin-fourteen-right {
  margin-right: 14%;
}

.margin-fourteen-half-right {
  margin-right: 14.5%;
}

.margin-fifteen-right {
  margin-right: 15%;
}

.margin-fifteen-half-right {
  margin-right: 15.5%;
}

.margin-sixteen-right {
  margin-right: 16%;
}

.margin-sixteen-half-right {
  margin-right: 16.5%;
}

.margin-seventeen-right {
  margin-right: 17%;
}

.margin-seventeen-half-right {
  margin-right: 17.5%;
}

.margin-eighteen-right {
  margin-right: 18%;
}

.margin-eighteen-half-right {
  margin-right: 18.5%;
}

.margin-nineteen-right {
  margin-right: 19%;
}

.margin-nineteen-half-right {
  margin-right: 19.5%;
}

.margin-twenty-right {
  margin-right: 20%;
}

.margin-twenty-half-right {
  margin-right: 20.5%;
}

.margin-twenty-right {
  margin-right: 21%;
}

.margin-twenty-one-half-right {
  margin-right: 21.5%;
}

.margin-twenty-two-right {
  margin-right: 22%;
}

.margin-twenty-two-half-right {
  margin-right: 22.5%;
}

.margin-twenty-three-right {
  margin-right: 23%;
}

.margin-twenty-three-half-right {
  margin-right: 23.5%;
}

.margin-twenty-four-right {
  margin-right: 24%;
}

.margin-twenty-four-half-right {
  margin-right: 24.5%;
}

.margin-twenty-five-right {
  margin-right: 25%;
}

.margin-5px-right {
  margin-right: 5px;
}

.margin-10px-right {
  margin-right: 10px;
}

.margin-15px-right {
  margin-right: 15px;
}

.margin-20px-right {
  margin-right: 20px;
}

.margin-25px-right {
  margin-right: 25px;
}

.margin-30px-right {
  margin-right: 30px;
}

.margin-35px-right {
  margin-right: 35px;
}

.margin-40px-right {
  margin-right: 40px;
}

.margin-45px-right {
  margin-right: 45px;
}

.margin-50px-right {
  margin-right: 50px;
}

.margin-55px-right {
  margin-right: 55px;
}

.margin-60px-right {
  margin-right: 60px;
}

.margin-65px-right {
  margin-right: 65px;
}

.margin-70px-right {
  margin-right: 70px;
}

.margin-75px-right {
  margin-right: 75px;
}

.margin-80px-right {
  margin-right: 80px;
}

.margin-85px-right {
  margin-right: 85px;
}

.margin-90px-right {
  margin-right: 90px;
}

.margin-95px-right {
  margin-right: 95px;
}

.margin-100px-right {
  margin-right: 100px;
}

.margin-one-left {
  margin-left: 1%;
}

.margin-one-half-left {
  margin-left: 1.5%;
}

.margin-two-left {
  margin-left: 2%;
}

.margin-two-half-left {
  margin-left: 2.5%;
}

.margin-three-left {
  margin-left: 3%;
}

.margin-three-half-left {
  margin-left: 3.5%;
}

.margin-four-left {
  margin-left: 4%;
}

.margin-four-half-left {
  margin-left: 4.5%;
}

.margin-five-left {
  margin-left: 5%;
}

.margin-five-half-left {
  margin-left: 5.5%;
}

.margin-six-left {
  margin-left: 6%;
}

.margin-six-half-left {
  margin-left: 6.5%;
}

.margin-seven-left {
  margin-left: 7%;
}

.margin-seven-half-left {
  margin-left: 7.5%;
}

.margin-eight-left {
  margin-left: 8%;
}

.margin-eight-half-left {
  margin-left: 8.5%;
}

.margin-nine-left {
  margin-left: 9%;
}

.margin-nine-half-left {
  margin-left: 9.5%;
}

.margin-ten-left {
  margin-left: 10%;
}

.margin-ten-half-left {
  margin-left: 10.5%;
}

.margin-eleven-left {
  margin-left: 11%;
}

.margin-eleven-half-left {
  margin-left: 11.5%;
}

.margin-twelve-left {
  margin-left: 12%;
}

.margin-twelve-half-left {
  margin-left: 12.5%;
}

.margin-thirteen-left {
  margin-left: 13%;
}

.margin-thirteen-half-left {
  margin-left: 13.5%;
}

.margin-fourteen-left {
  margin-left: 14%;
}

.margin-fourteen-half-left {
  margin-left: 14.5%;
}

.margin-fifteen-left {
  margin-left: 15%;
}

.margin-fifteen-half-left {
  margin-left: 15.5%;
}

.margin-sixteen-left {
  margin-left: 16%;
}

.margin-sixteen-half-left {
  margin-left: 16.5%;
}

.margin-seventeen-left {
  margin-left: 17%;
}

.margin-seventeen-half-left {
  margin-left: 17.5%;
}

.margin-eighteen-left {
  margin-left: 18%;
}

.margin-eighteen-half-left {
  margin-left: 18.5%;
}

.margin-nineteen-left {
  margin-left: 19%;
}

.margin-nineteen-half-left {
  margin-left: 19.5%;
}

.margin-twenty-left {
  margin-left: 20%;
}

.margin-twenty-half-left {
  margin-left: 20.5%;
}

.margin-twenty-one-left {
  margin-left: 21%;
}

.margin-twenty-one-half-left {
  margin-left: 21.5%;
}

.margin-twenty-two-left {
  margin-left: 22%;
}

.margin-twenty-two-half-left {
  margin-left: 22.5%;
}

.margin-twenty-three-left {
  margin-left: 23%;
}

.margin-twenty-three-half-left {
  margin-left: 23.5%;
}

.margin-twenty-four-left {
  margin-left: 24%;
}

.margin-twenty-four-half-left {
  margin-left: 24.5%;
}

.margin-twenty-five-left {
  margin-left: 25%;
}

.margin-5px-left {
  margin-left: 5px;
}

.margin-10px-left {
  margin-left: 10px;
}

.margin-15px-left {
  margin-left: 15px;
}

.margin-20px-left {
  margin-left: 20px;
}

.margin-25px-left {
  margin-left: 25px;
}

.margin-30px-left {
  margin-left: 30px;
}

.margin-35px-left {
  margin-left: 35px;
}

.margin-40px-left {
  margin-left: 40px;
}

.margin-45px-left {
  margin-left: 45px;
}

.margin-50px-left {
  margin-left: 50px;
}

.margin-55px-left {
  margin-left: 55px;
}

.margin-60px-left {
  margin-left: 60px;
}

.margin-65px-left {
  margin-left: 65px;
}

.margin-70px-left {
  margin-left: 70px;
}

.margin-75px-left {
  margin-left: 75px;
}

.margin-80px-left {
  margin-left: 80px;
}

.margin-85px-left {
  margin-left: 85px;
}

.margin-90px-left {
  margin-left: 90px;
}

.margin-95px-left {
  margin-left: 95px;
}

.margin-100px-left {
  margin-left: 100px;
}

.margin-one-lr {
  margin-left: 1%;
  margin-right: 1%;
}

.margin-one-half-lr {
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.margin-two-lr {
  margin-left: 2%;
  margin-right: 2%;
}

.margin-two-half-lr {
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.margin-three-lr {
  margin-left: 3%;
  margin-right: 3%;
}

.margin-three-half-lr {
  margin-left: 3.5%;
  margin-right: 3.5%;
}

.margin-four-lr {
  margin-left: 4%;
  margin-right: 4%;
}

.margin-four-half-lr {
  margin-left: 4.5%;
  margin-right: 4.5%;
}

.margin-five-lr {
  margin-left: 5%;
  margin-right: 5%;
}

.margin-five-half-lr {
  margin-left: 5.5%;
  margin-right: 5.5%;
}

.margin-six-lr {
  margin-left: 6%;
  margin-right: 6%;
}

.margin-six-half-lr {
  margin-left: 6.5%;
  margin-right: 6.5%;
}

.margin-seven-lr {
  margin-left: 7%;
  margin-right: 7%;
}

.margin-seven-half-lr {
  margin-left: 7.5%;
  margin-right: 7.5%;
}

.margin-eight-lr {
  margin-left: 8%;
  margin-right: 8%;
}

.margin-eight-half-lr {
  margin-left: 8.5%;
  margin-right: 8.5%;
}

.margin-nine-lr {
  margin-left: 9%;
  margin-right: 9%;
}

.margin-nine-half-lr {
  margin-left: 9.5%;
  margin-right: 9.5%;
}

.margin-ten-lr {
  margin-left: 10%;
  margin-right: 10%;
}

.margin-ten-half-lr {
  margin-left: 10.5%;
  margin-right: 10.5%;
}

.margin-eleven-lr {
  margin-left: 11%;
  margin-right: 11%;
}

.margin-eleven-half-lr {
  margin-left: 11.5%;
  margin-right: 11.5%;
}

.margin-twelve-lr {
  margin-left: 12%;
  margin-right: 12%;
}

.margin-twelve-half-lr {
  margin-left: 12.5%;
  margin-right: 12.5%;
}

.margin-thirteen-lr {
  margin-left: 13%;
  margin-right: 13%;
}

.margin-thirteen-half-lr {
  margin-left: 13.5%;
  margin-right: 13.5%;
}

.margin-fourteen-lr {
  margin-left: 14%;
  margin-right: 14%;
}

.margin-fourteen-half-lr {
  margin-left: 14.5%;
  margin-right: 14.5%;
}

.margin-fifteen-lr {
  margin-left: 15%;
  margin-right: 15%;
}

.margin-fifteen-half-lr {
  margin-left: 15.5%;
  margin-right: 15.5%;
}

.margin-sixteen-lr {
  margin-left: 16%;
  margin-right: 16%;
}

.margin-sixteen-half-lr {
  margin-left: 16.5%;
  margin-right: 16.5%;
}

.margin-seventeen-lr {
  margin-left: 17%;
  margin-right: 17%;
}

.margin-seventeen-half-lr {
  margin-left: 17.5%;
  margin-right: 17.5%;
}

.margin-eighteen-lr {
  margin-left: 18%;
  margin-right: 18%;
}

.margin-eighteen-half-lr {
  margin-left: 18.5%;
  margin-right: 18.5%;
}

.margin-nineteen-lr {
  margin-left: 19%;
  margin-right: 19%;
}

.margin-nineteen-half-lr {
  margin-left: 19.5%;
  margin-right: 19.5%;
}

.margin-twenty-lr {
  margin-left: 20%;
  margin-right: 20%;
}

.margin-twenty-half-lr {
  margin-left: 20.5%;
  margin-right: 20.5%;
}

.margin-twenty-one-lr {
  margin-left: 21%;
  margin-right: 21%;
}

.margin-twenty-one-half-lr {
  margin-left: 21.5%;
  margin-right: 21.5%;
}

.margin-twenty-two-lr {
  margin-left: 22%;
  margin-right: 22%;
}

.margin-twenty-two-half-lr {
  margin-left: 22.5%;
  margin-right: 22.5%;
}

.margin-twenty-three-lr {
  margin-left: 23%;
  margin-right: 23%;
}

.margin-twenty-three-half-lr {
  margin-left: 23.5%;
  margin-right: 23.5%;
}

.margin-twenty-four-lr {
  margin-left: 24%;
  margin-right: 24%;
}

.margin-twenty-four-half-lr {
  margin-left: 24.5%;
  margin-right: 24.5%;
}

.margin-twenty-five-lr {
  margin-left: 25%;
  margin-right: 25%;
}

.margin-5px-lr {
  margin-left: 5px;
  margin-right: 5px;
}

.margin-10px-lr {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-15px-lr {
  margin-left: 15px;
  margin-right: 15px;
}

.margin-20px-lr {
  margin-left: 20px;
  margin-right: 20px;
}

.margin-25px-lr {
  margin-left: 25px;
  margin-right: 25px;
}

.margin-30px-lr {
  margin-left: 30px;
  margin-right: 30px;
}

.margin-35px-lr {
  margin-left: 35px;
  margin-right: 35px;
}

.margin-40px-lr {
  margin-left: 40px;
  margin-right: 40px;
}

.margin-45px-lr {
  margin-left: 45px;
  margin-right: 45px;
}

.margin-50px-lr {
  margin-left: 50px;
  margin-right: 50px;
}

.margin-55px-lr {
  margin-left: 55px;
  margin-right: 55px;
}

.margin-60px-lr {
  margin-left: 60px;
  margin-right: 60px;
}

.margin-65px-lr {
  margin-left: 65px;
  margin-right: 65px;
}

.margin-70px-lr {
  margin-left: 70px;
  margin-right: 70px;
}

.margin-75px-lr {
  margin-left: 75px;
  margin-right: 75px;
}

.margin-80px-lr {
  margin-left: 80px;
  margin-right: 80px;
}

.margin-85px-lr {
  margin-left: 85px;
  margin-right: 85px;
}

.margin-90px-lr {
  margin-left: 90px;
  margin-right: 90px;
}

.margin-95px-lr {
  margin-left: 95px;
  margin-right: 95px;
}

.margin-100px-lr {
  margin-left: 100px;
  margin-right: 100px;
}

.margin-one-tb {
  margin-top: 1%;
  margin-bottom: 1%;
}

.margin-one-half-tb {
  margin-top: 1.5%;
  margin-bottom: 1.5%;
}

.margin-two-tb {
  margin-top: 2%;
  margin-bottom: 2%;
}

.margin-two-half-tb {
  margin-top: 2.5%;
  margin-bottom: 2.5%;
}

.margin-three-tb {
  margin-top: 3%;
  margin-bottom: 3%;
}

.margin-three-half-tb {
  margin-top: 3.5%;
  margin-bottom: 3.5%;
}

.margin-four-tb {
  margin-top: 4%;
  margin-bottom: 4%;
}

.margin-four-half-tb {
  margin-top: 4.5%;
  margin-bottom: 4.5%;
}

.margin-five-tb {
  margin-top: 5%;
  margin-bottom: 5%;
}

.margin-five-half-tb {
  margin-top: 5.5%;
  margin-bottom: 5.5%;
}

.margin-six-tb {
  margin-top: 6%;
  margin-bottom: 6%;
}

.margin-six-half-tb {
  margin-top: 6.5%;
  margin-bottom: 6.5%;
}

.margin-seven-tb {
  margin-top: 7%;
  margin-bottom: 7%;
}

.margin-seven-half-tb {
  margin-top: 7.5%;
  margin-bottom: 7.5%;
}

.margin-eight-tb {
  margin-top: 8%;
  margin-bottom: 8%;
}

.margin-eight-half-tb {
  margin-top: 8.5%;
  margin-bottom: 8.5%;
}

.margin-nine-tb {
  margin-top: 9%;
  margin-bottom: 9%;
}

.margin-nine-half-tb {
  margin-top: 9.5%;
  margin-bottom: 9.5%;
}

.margin-ten-tb {
  margin-top: 10%;
  margin-bottom: 10%;
}

.margin-ten-half-tb {
  margin-top: 10.5%;
  margin-bottom: 10.5%;
}

.margin-eleven-tb {
  margin-top: 11%;
  margin-bottom: 11%;
}

.margin-eleven-half-tb {
  margin-top: 11.5%;
  margin-bottom: 11.5%;
}

.margin-twelve-tb {
  margin-top: 12%;
  margin-bottom: 12%;
}

.margin-twelve-half-tb {
  margin-top: 12.5%;
  margin-bottom: 12.5%;
}

.margin-thirteen-tb {
  margin-top: 13%;
  margin-bottom: 13%;
}

.margin-thirteen-half-tb {
  margin-top: 13.5%;
  margin-bottom: 13.5%;
}

.margin-fourteen-tb {
  margin-top: 14%;
  margin-bottom: 14%;
}

.margin-fourteen-half-tb {
  margin-top: 14.5%;
  margin-bottom: 14.5%;
}

.margin-fifteen-tb {
  margin-top: 15%;
  margin-bottom: 15%;
}

.margin-fifteen-half-tb {
  margin-top: 15.5%;
  margin-bottom: 15.5%;
}

.margin-sixteen-tb {
  margin-top: 16%;
  margin-bottom: 16%;
}

.margin-sixteen-half-tb {
  margin-top: 16.5%;
  margin-bottom: 16.5%;
}

.margin-seventeen-tb {
  margin-top: 17%;
  margin-bottom: 17%;
}

.margin-seventeen-half-tb {
  margin-top: 17.5%;
  margin-bottom: 17.5%;
}

.margin-eighteen-tb {
  margin-top: 18%;
  margin-bottom: 18%;
}

.margin-eighteen-half-tb {
  margin-top: 18.5%;
  margin-bottom: 18.5%;
}

.margin-nineteen-tb {
  margin-top: 19%;
  margin-bottom: 19%;
}

.margin-nineteen-half-tb {
  margin-top: 19.5%;
  margin-bottom: 19.5%;
}

.margin-twenty-tb {
  margin-top: 20%;
  margin-bottom: 20%;
}

.margin-twenty-half-tb {
  margin-top: 20.5%;
  margin-bottom: 20.5%;
}

.margin-twenty-one-tb {
  margin-top: 21%;
  margin-bottom: 21%;
}

.margin-twenty-one-half-tb {
  margin-top: 21.5%;
  margin-bottom: 21.5%;
}

.margin-twenty-two-tb {
  margin-top: 22%;
  margin-bottom: 22%;
}

.margin-twenty-two-half-tb {
  margin-top: 22.5%;
  margin-bottom: 22.5%;
}

.margin-twenty-three-tb {
  margin-top: 23%;
  margin-bottom: 23%;
}

.margin-twenty-three-half-tb {
  margin-top: 23.5%;
  margin-bottom: 23.5%;
}

.margin-twenty-four-tb {
  margin-top: 24%;
  margin-bottom: 24%;
}

.margin-twenty-four-half-tb {
  margin-top: 24.5%;
  margin-bottom: 24.5%;
}

.margin-twenty-five-tb {
  margin-top: 25%;
  margin-bottom: 25%;
}

.margin-5px-tb {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin-10px-tb {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-15px-tb {
  margin-top: 15px;
  margin-bottom: 15px;
}

.margin-20px-tb {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-25px-tb {
  margin-top: 25px;
  margin-bottom: 25px;
}

.margin-30px-tb {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margin-35px-tb {
  margin-top: 35px;
  margin-bottom: 35px;
}

.margin-40px-tb {
  margin-top: 40px;
  margin-bottom: 40px;
}

.margin-45px-tb {
  margin-top: 45px;
  margin-bottom: 45px;
}

.margin-50px-tb {
  margin-top: 50px;
  margin-bottom: 50px;
}

.margin-55px-tb {
  margin-top: 55px;
  margin-bottom: 55px;
}

.margin-60px-tb {
  margin-top: 60px;
  margin-bottom: 60px;
}

.margin-65px-tb {
  margin-top: 65px;
  margin-bottom: 65px;
}

.margin-70px-tb {
  margin-top: 70px;
  margin-bottom: 70px;
}

.margin-75px-tb {
  margin-top: 75px;
  margin-bottom: 75px;
}

.margin-80px-tb {
  margin-top: 80px;
  margin-bottom: 80px;
}

.margin-85px-tb {
  margin-top: 85px;
  margin-bottom: 85px;
}

.margin-90px-tb {
  margin-top: 90px;
  margin-bottom: 90px;
}

.margin-95px-tb {
  margin-top: 95px;
  margin-bottom: 95px;
}

.margin-100px-tb {
  margin-top: 100px;
  margin-bottom: 100px;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-lr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-padding-tb {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

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

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.padding-one-all {
  padding: 1%;
}

.padding-one-half-all {
  padding: 1.5%;
}

.padding-two-all {
  padding: 2%;
}

.padding-two-half-all {
  padding: 2.5%;
}

.padding-three-all {
  padding: 3%;
}

.padding-three-half-all {
  padding: 3.5%;
}

.padding-four-all {
  padding: 4%;
}

.padding-four-half-all {
  padding: 4.5%;
}

.padding-five-all {
  padding: 5%;
}

.padding-five-half-all {
  padding: 5.5%;
}

.padding-six-all {
  padding: 6%;
}

.padding-six-half-all {
  padding: 6.5%;
}

.padding-seven-all {
  padding: 7%;
}

.padding-seven-half-all {
  padding: 7.5%;
}

.padding-eight-all {
  padding: 8%;
}

.padding-eight-half-all {
  padding: 8.5%;
}

.padding-nine-all {
  padding: 9%;
}

.padding-nine-half-all {
  padding: 9.5%;
}

.padding-ten-all {
  padding: 10%;
}

.padding-ten-half-all {
  padding: 10.5%;
}

.padding-eleven-all {
  padding: 11%;
}

.padding-eleven-half-all {
  padding: 11.5%;
}

.padding-twelve-all {
  padding: 12%;
}

.padding-twelve-half-all {
  padding: 12.5%;
}

.padding-thirteen-all {
  padding: 13%;
}

.padding-thirteen-half-all {
  padding: 13.5%;
}

.padding-fourteen-all {
  padding: 14%;
}

.padding-fourteen-half-all {
  padding: 14.5%;
}

.padding-fifteen-all {
  padding: 15%;
}

.padding-fifteen-half-all {
  padding: 15.5%;
}

.padding-sixteen-all {
  padding: 16%;
}

.padding-sixteen-half-all {
  padding: 16.5%;
}

.padding-seventeen-all {
  padding: 17%;
}

.padding-seventeen-half-all {
  padding: 17.5%;
}

.padding-eighteen-all {
  padding: 18%;
}

.padding-eighteen-half-all {
  padding: 18.5%;
}

.padding-nineteen-all {
  padding: 19%;
}

.padding-nineteen-half-all {
  padding: 19.5%;
}

.padding-twenty-all {
  padding: 20%;
}

.padding-twenty-half-all {
  padding: 20.5%;
}

.padding-twenty-one-all {
  padding: 21%;
}

.padding-twenty-one-half-all {
  padding: 21.5%;
}

.padding-twenty-two-all {
  padding: 22%;
}

.padding-twenty-two-half-all {
  padding: 22.5%;
}

.padding-twenty-three-all {
  padding: 23%;
}

.padding-twenty-three-half-all {
  padding: 23.5%;
}

.padding-twenty-four-all {
  padding: 24%;
}

.padding-twenty-four-half-all {
  padding: 24.5%;
}

.padding-twenty-five-all {
  padding: 25%;
}

.padding-twenty-five-half-all {
  padding: 25.5%;
}

.padding-5px-all {
  padding: 5px;
}

.padding-10px-all {
  padding: 10px;
}

.padding-15px-all {
  padding: 15px;
}

.padding-20px-all {
  padding: 20px;
}

.padding-25px-all {
  padding: 25px;
}

.padding-30px-all {
  padding: 30px;
}

.padding-35px-all {
  padding: 35px;
}

.padding-40px-all {
  padding: 40px;
}

.padding-45px-all {
  padding: 45px;
}

.padding-50px-all {
  padding: 50px;
}

.padding-55px-all {
  padding: 55px;
}

.padding-60px-all {
  padding: 60px;
}

.padding-65px-all {
  padding: 65px;
}

.padding-70px-all {
  padding: 70px;
}

.padding-75px-all {
  padding: 75px;
}

.padding-80px-all {
  padding: 80px;
}

.padding-85px-all {
  padding: 85px;
}

.padding-90px-all {
  padding: 90px;
}

.padding-95px-all {
  padding: 95px;
}

.padding-100px-all {
  padding: 100px;
}

.padding-one-top {
  padding-top: 1%;
}

.padding-one-half-top {
  padding-top: 1.5%;
}

.padding-two-top {
  padding-top: 2%;
}

.padding-two-half-top {
  padding-top: 2.5%;
}

.padding-three-top {
  padding-top: 3%;
}

.padding-three-half-top {
  padding-top: 3.5%;
}

.padding-four-top {
  padding-top: 4%;
}

.padding-four-half-top {
  padding-top: 4.5%;
}

.padding-five-top {
  padding-top: 5%;
}

.padding-five-half-top {
  padding-top: 5.5%;
}

.padding-six-top {
  padding-top: 6%;
}

.padding-six-half-top {
  padding-top: 6.5%;
}

.padding-seven-top {
  padding-top: 7%;
}

.padding-seven-half-top {
  padding-top: 7.5%;
}

.padding-eight-top {
  padding-top: 8%;
}

.padding-eight-half-top {
  padding-top: 8.5%;
}

.padding-nine-top {
  padding-top: 9%;
}

.padding-nine-half-top {
  padding-top: 9.5%;
}

.padding-ten-top {
  padding-top: 10%;
}

.padding-ten-half-top {
  padding-top: 10.5%;
}

.padding-eleven-top {
  padding-top: 11%;
}

.padding-eleven-half-top {
  padding-top: 11.5%;
}

.padding-twelve-top {
  padding-top: 12%;
}

.padding-twelve-half-top {
  padding-top: 12.5%;
}

.padding-thirteen-top {
  padding-top: 13%;
}

.padding-thirteen-half-top {
  padding-top: 13.5%;
}

.padding-fourteen-top {
  padding-top: 14%;
}

.padding-fourteen-half-top {
  padding-top: 14.5%;
}

.padding-fifteen-top {
  padding-top: 15%;
}

.padding-fifteen-half-top {
  padding-top: 15.5%;
}

.padding-sixteen-top {
  padding-top: 16%;
}

.padding-sixteen-half-top {
  padding-top: 16.5%;
}

.padding-seventeen-top {
  padding-top: 17%;
}

.padding-seventeen-half-top {
  padding-top: 17.5%;
}

.padding-eighteen-top {
  padding-top: 18%;
}

.padding-eighteen-half-top {
  padding-top: 18.5%;
}

.padding-nineteen-top {
  padding-top: 19%;
}

.padding-nineteen-half-top {
  padding-top: 19.5%;
}

.padding-twenty-top {
  padding-top: 20%;
}

.padding-twenty-half-top {
  padding-top: 20.5%;
}

.padding-twenty-one-top {
  padding-top: 21%;
}

.padding-twenty-one-half-top {
  padding-top: 21.5%;
}

.padding-twenty-two-top {
  padding-top: 22%;
}

.padding-twenty-two-half-top {
  padding-top: 22.5%;
}

.padding-twenty-two-top {
  padding-top: 22%;
}

.padding-twenty-two-half-top {
  padding-top: 22.5%;
}

.padding-twenty-three-top {
  padding-top: 23%;
}

.padding-twenty-three-half-top {
  padding-top: 23.5%;
}

.padding-twenty-four-top {
  padding-top: 24%;
}

.padding-twenty-four-half-top {
  padding-top: 24.5%;
}

.padding-twenty-five-top {
  padding-top: 25%;
}

.padding-5px-top {
  padding-top: 5px;
}

.padding-10px-top {
  padding-top: 10px;
}

.padding-15px-top {
  padding-top: 15px;
}

.padding-20px-top {
  padding-top: 20px;
}

.padding-25px-top {
  padding-top: 25px;
}

.padding-30px-top {
  padding-top: 30px;
}

.padding-35px-top {
  padding-top: 35px;
}

.padding-40px-top {
  padding-top: 40px;
}

.padding-45px-top {
  padding-top: 45px;
}

.padding-50px-top {
  padding-top: 50px;
}

.padding-55px-top {
  padding-top: 55px;
}

.padding-60px-top {
  padding-top: 60px;
}

.padding-65px-top {
  padding-top: 65px;
}

.padding-70px-top {
  padding-top: 70px;
}

.padding-75px-top {
  padding-top: 75px;
}

.padding-80px-top {
  padding-top: 80px;
}

.padding-85px-top {
  padding-top: 85px;
}

.padding-90px-top {
  padding-top: 90px;
}

.padding-95px-top {
  padding-top: 95px;
}

.padding-100px-top {
  padding-top: 100px;
}

.padding-130px-top {
  padding-top: 130px;
}

.padding-one-bottom {
  padding-bottom: 1%;
}

.padding-one-half-bottom {
  padding-bottom: 1.5%;
}

.padding-two-bottom {
  padding-bottom: 2%;
}

.padding-two-half-bottom {
  padding-bottom: 2.5%;
}

.padding-three-bottom {
  padding-bottom: 3%;
}

.padding-three-half-bottom {
  padding-bottom: 3.5%;
}

.padding-four-bottom {
  padding-bottom: 4%;
}

.padding-four-half-bottom {
  padding-bottom: 4.5%;
}

.padding-five-bottom {
  padding-bottom: 5%;
}

.padding-five-half-bottom {
  padding-bottom: 5.5%;
}

.padding-six-bottom {
  padding-bottom: 6%;
}

.padding-six-half-bottom {
  padding-bottom: 6.5%;
}

.padding-seven-bottom {
  padding-bottom: 7%;
}

.padding-seven-half-bottom {
  padding-bottom: 7.5%;
}

.padding-eight-bottom {
  padding-bottom: 8%;
}

.padding-eight-half-bottom {
  padding-bottom: 8.5%;
}

.padding-nine-bottom {
  padding-bottom: 9%;
}

.padding-nine-half-bottom {
  padding-bottom: 9.5%;
}

.padding-ten-bottom {
  padding-bottom: 10%;
}

.padding-ten-half-bottom {
  padding-bottom: 10.5%;
}

.padding-eleven-bottom {
  padding-bottom: 11%;
}

.padding-eleven-half-bottom {
  padding-bottom: 11.5%;
}

.padding-twelve-bottom {
  padding-bottom: 12%;
}

.padding-twelve-half-bottom {
  padding-bottom: 12.5%;
}

.padding-thirteen-bottom {
  padding-bottom: 13%;
}

.padding-thirteen-half-bottom {
  padding-bottom: 13.5%;
}

.padding-fourteen-bottom {
  padding-bottom: 14%;
}

.padding-fourteen-half-bottom {
  padding-bottom: 14.5%;
}

.padding-fifteen-bottom {
  padding-bottom: 15%;
}

.padding-fifteen-half-bottom {
  padding-bottom: 15.5%;
}

.padding-sixteen-bottom {
  padding-bottom: 16%;
}

.padding-sixteen-half-bottom {
  padding-bottom: 16.5%;
}

.padding-seventeen-bottom {
  padding-bottom: 17%;
}

.padding-seventeen-half-bottom {
  padding-bottom: 17.5%;
}

.padding-eighteen-bottom {
  padding-bottom: 18%;
}

.padding-eighteen-half-bottom {
  padding-bottom: 18.5%;
}

.padding-nineteen-bottom {
  padding-bottom: 19%;
}

.padding-nineteen-half-bottom {
  padding-bottom: 19.5%;
}

.padding-twenty-bottom {
  padding-bottom: 20%;
}

.padding-twenty-half-bottom {
  padding-bottom: 20.5%;
}

.padding-twenty-one-bottom {
  padding-bottom: 21%;
}

.padding-twenty-one-half-bottom {
  padding-bottom: 21.5%;
}

.padding-twenty-two-bottom {
  padding-bottom: 22%;
}

.padding-twenty-two-half-bottom {
  padding-bottom: 22.5%;
}

.padding-twenty-three-bottom {
  padding-bottom: 23%;
}

.padding-twenty-three-half-bottom {
  padding-bottom: 23.5%;
}

.padding-twenty-four-bottom {
  padding-bottom: 24%;
}

.padding-twenty-four-half-bottom {
  padding-bottom: 24.5%;
}

.padding-twenty-five-bottom {
  padding-bottom: 25%;
}

.padding-5px-bottom {
  padding-bottom: 5px;
}

.padding-10px-bottom {
  padding-bottom: 10px;
}

.padding-15px-bottom {
  padding-bottom: 15px;
}

.padding-20px-bottom {
  padding-bottom: 20px;
}

.padding-25px-bottom {
  padding-bottom: 25px;
}

.padding-30px-bottom {
  padding-bottom: 30px;
}

.padding-35px-bottom {
  padding-bottom: 35px;
}

.padding-40px-bottom {
  padding-bottom: 40px;
}

.padding-45px-bottom {
  padding-bottom: 45px;
}

.padding-50px-bottom {
  padding-bottom: 50px;
}

.padding-55px-bottom {
  padding-bottom: 55px;
}

.padding-60px-bottom {
  padding-bottom: 60px;
}

.padding-65px-bottom {
  padding-bottom: 65px;
}

.padding-70px-bottom {
  padding-bottom: 70px;
}

.padding-75px-bottom {
  padding-bottom: 75px;
}

.padding-80px-bottom {
  padding-bottom: 80px;
}

.padding-85px-bottom {
  padding-bottom: 85px;
}

.padding-90px-bottom {
  padding-bottom: 90px;
}

.padding-95px-bottom {
  padding-bottom: 95px;
}

.padding-100px-bottom {
  padding-bottom: 100px;
}

.padding-130px-bottom {
  padding-bottom: 130px;
}

.padding-one-right {
  padding-right: 1%;
}

.padding-one-half-right {
  padding-right: 1.5%;
}

.padding-two-right {
  padding-right: 2%;
}

.padding-two-half-right {
  padding-right: 2.5%;
}

.padding-three-right {
  padding-right: 3%;
}

.padding-three-half-right {
  padding-right: 3.5%;
}

.padding-four-right {
  padding-right: 4%;
}

.padding-four-half-right {
  padding-right: 4.5%;
}

.padding-five-right {
  padding-right: 5%;
}

.padding-five-half-right {
  padding-right: 5.5%;
}

.padding-six-right {
  padding-right: 6%;
}

.padding-six-half-right {
  padding-right: 6.5%;
}

.padding-seven-right {
  padding-right: 7%;
}

.padding-seven-half-right {
  padding-right: 7.5%;
}

.padding-eight-right {
  padding-right: 8%;
}

.padding-eight-half-right {
  padding-right: 8.5%;
}

.padding-nine-right {
  padding-right: 9%;
}

.padding-nine-half-right {
  padding-right: 9.5%;
}

.padding-ten-right {
  padding-right: 10%;
}

.padding-ten-half-right {
  padding-right: 10.5%;
}

.padding-eleven-right {
  padding-right: 11%;
}

.padding-eleven-half-right {
  padding-right: 11.5%;
}

.padding-twelve-right {
  padding-right: 12%;
}

.padding-twelve-half-right {
  padding-right: 12.5%;
}

.padding-thirteen-right {
  padding-right: 13%;
}

.padding-thirteen-half-right {
  padding-right: 13.5%;
}

.padding-fourteen-right {
  padding-right: 14%;
}

.padding-fourteen-half-right {
  padding-right: 14.5%;
}

.padding-fifteen-right {
  padding-right: 15%;
}

.padding-fifteen-half-right {
  padding-right: 15.5%;
}

.padding-sixteen-right {
  padding-right: 16%;
}

.padding-sixteen-half-right {
  padding-right: 16.5%;
}

.padding-seventeen-right {
  padding-right: 17%;
}

.padding-seventeen-half-right {
  padding-right: 17.5%;
}

.padding-eighteen-right {
  padding-right: 18%;
}

.padding-eighteen-half-right {
  padding-right: 18.5%;
}

.padding-nineteen-right {
  padding-right: 19%;
}

.padding-nineteen-half-right {
  padding-right: 19.5%;
}

.padding-twenty-right {
  padding-right: 20%;
}

.padding-twenty-half-right {
  padding-right: 20.5%;
}

.padding-twenty-one-right {
  padding-right: 21%;
}

.padding-twenty-one-half-right {
  padding-right: 21.5%;
}

.padding-twenty-two-right {
  padding-right: 22%;
}

.padding-twenty-two-half-right {
  padding-right: 22.5%;
}

.padding-twenty-three-right {
  padding-right: 23%;
}

.padding-twenty-three-half-right {
  padding-right: 23.5%;
}

.padding-twenty-four-right {
  padding-right: 24%;
}

.padding-twenty-four-half-right {
  padding-right: 24.5%;
}

.padding-twenty-five-right {
  padding-right: 25%;
}

.padding-5px-right {
  padding-right: 5px;
}

.padding-10px-right {
  padding-right: 10px;
}

.padding-15px-right {
  padding-right: 15px;
}

.padding-20px-right {
  padding-right: 20px;
}

.padding-25px-right {
  padding-right: 25px;
}

.padding-30px-right {
  padding-right: 30px;
}

.padding-35px-right {
  padding-right: 35px;
}

.padding-40px-right {
  padding-right: 40px;
}

.padding-45px-right {
  padding-right: 45px;
}

.padding-50px-right {
  padding-right: 50px;
}

.padding-55px-right {
  padding-right: 55px;
}

.padding-60px-right {
  padding-right: 60px;
}

.padding-65px-right {
  padding-right: 65px;
}

.padding-70px-right {
  padding-right: 70px;
}

.padding-75px-right {
  padding-right: 75px;
}

.padding-80px-right {
  padding-right: 80px;
}

.padding-85px-right {
  padding-right: 85px;
}

.padding-90px-right {
  padding-right: 90px;
}

.padding-95px-right {
  padding-right: 95px;
}

.padding-100px-right {
  padding-right: 100px;
}

.padding-one-left {
  padding-left: 1%;
}

.padding-one-half-left {
  padding-left: 1.5%;
}

.padding-two-left {
  padding-left: 2%;
}

.padding-two-half-left {
  padding-left: 2.5%;
}

.padding-three-left {
  padding-left: 3%;
}

.padding-three-half-left {
  padding-left: 3.5%;
}

.padding-four-left {
  padding-left: 4%;
}

.padding-four-half-left {
  padding-left: 4.5%;
}

.padding-five-left {
  padding-left: 5%;
}

.padding-five-half-left {
  padding-left: 5.5%;
}

.padding-six-left {
  padding-left: 6%;
}

.padding-six-half-left {
  padding-left: 6.5%;
}

.padding-seven-left {
  padding-left: 7%;
}

.padding-seven-half-left {
  padding-left: 7.5%;
}

.padding-eight-left {
  padding-left: 8%;
}

.padding-eight-half-left {
  padding-left: 8.5%;
}

.padding-nine-left {
  padding-left: 9%;
}

.padding-nine-half-left {
  padding-left: 9.5%;
}

.padding-ten-left {
  padding-left: 10%;
}

.padding-ten-half-left {
  padding-left: 10.5%;
}

.padding-eleven-left {
  padding-left: 11%;
}

.padding-eleven-half-left {
  padding-left: 11.5%;
}

.padding-twelve-left {
  padding-left: 12%;
}

.padding-twelve-half-left {
  padding-left: 12.5%;
}

.padding-thirteen-left {
  padding-left: 13%;
}

.padding-thirteen-half-left {
  padding-left: 13.5%;
}

.padding-fourteen-left {
  padding-left: 14%;
}

.padding-fourteen-half-left {
  padding-left: 14.5%;
}

.padding-fifteen-left {
  padding-left: 15%;
}

.padding-fifteen-half-left {
  padding-left: 15.5%;
}

.padding-sixteen-left {
  padding-left: 16%;
}

.padding-sixteen-half-left {
  padding-left: 16.5%;
}

.padding-seventeen-left {
  padding-left: 17%;
}

.padding-seventeen-half-left {
  padding-left: 17.5%;
}

.padding-eighteen-left {
  padding-left: 18%;
}

.padding-eighteen-half-left {
  padding-left: 18.5%;
}

.padding-nineteen-left {
  padding-left: 19%;
}

.padding-nineteen-half-left {
  padding-left: 19.5%;
}

.padding-twenty-left {
  padding-left: 20%;
}

.padding-twenty-half-left {
  padding-left: 20.5%;
}

.padding-twenty-one-left {
  padding-left: 21%;
}

.padding-twenty-one-half-left {
  padding-left: 21.5%;
}

.padding-twenty-two-left {
  padding-left: 22%;
}

.padding-twenty-two-half-left {
  padding-left: 22.5%;
}

.padding-twenty-three-left {
  padding-left: 23%;
}

.padding-twenty-three-half-left {
  padding-left: 23.5%;
}

.padding-twenty-four-left {
  padding-left: 24%;
}

.padding-twenty-four-half-left {
  padding-left: 24.5%;
}

.padding-twenty-five-left {
  padding-left: 25%;
}

.padding-5px-left {
  padding-left: 5px;
}

.padding-10px-left {
  padding-left: 10px;
}

.padding-15px-left {
  padding-left: 15px;
}

.padding-20px-left {
  padding-left: 20px;
}

.padding-25px-left {
  padding-left: 25px;
}

.padding-30px-left {
  padding-left: 30px;
}

.padding-35px-left {
  padding-left: 35px;
}

.padding-40px-left {
  padding-left: 40px;
}

.padding-45px-left {
  padding-left: 45px;
}

.padding-50px-left {
  padding-left: 50px;
}

.padding-55px-left {
  padding-left: 55px;
}

.padding-60px-left {
  padding-left: 60px;
}

.padding-65px-left {
  padding-left: 65px;
}

.padding-70px-left {
  padding-left: 70px;
}

.padding-75px-left {
  padding-left: 75px;
}

.padding-80px-left {
  padding-left: 80px;
}

.padding-85px-left {
  padding-left: 85px;
}

.padding-90px-left {
  padding-left: 90px;
}

.padding-95px-left {
  padding-left: 95px;
}

.padding-100px-left {
  padding-left: 100px;
}

.padding-one-tb {
  padding-top: 1%;
  padding-bottom: 1%;
}

.padding-one-half-tb {
  padding-top: 1.5%;
  padding-bottom: 1.5%;
}

.padding-two-tb {
  padding-top: 2%;
  padding-bottom: 2%;
}

.padding-two-half-tb {
  padding-top: 2.5%;
  padding-bottom: 2.5%;
}

.padding-three-tb {
  padding-top: 3%;
  padding-bottom: 3%;
}

.padding-three-half-tb {
  padding-top: 3.5%;
  padding-bottom: 3.5%;
}

.padding-four-tb {
  padding-top: 4%;
  padding-bottom: 4%;
}

.padding-four-half-tb {
  padding-top: 4.5%;
  padding-bottom: 4.5%;
}

.padding-five-tb {
  padding-top: 5%;
  padding-bottom: 5%;
}

.padding-five-half-tb {
  padding-top: 5.5%;
  padding-bottom: 5.5%;
}

.padding-six-tb {
  padding-top: 6%;
  padding-bottom: 6%;
}

.padding-six-half-tb {
  padding-top: 6.5%;
  padding-bottom: 6.5%;
}

.padding-seven-tb {
  padding-top: 7%;
  padding-bottom: 7%;
}

.padding-seven-half-tb {
  padding-top: 7.5%;
  padding-bottom: 7.5%;
}

.padding-eight-tb {
  padding-top: 8%;
  padding-bottom: 8%;
}

.padding-eight-half-tb {
  padding-top: 8.5%;
  padding-bottom: 8.5%;
}

.padding-nine-tb {
  padding-top: 9%;
  padding-bottom: 9%;
}

.padding-nine-half-tb {
  padding-top: 9.5%;
  padding-bottom: 9.5%;
}

.padding-ten-tb {
  padding-top: 10%;
  padding-bottom: 10%;
}

.padding-ten-half-tb {
  padding-top: 10.5%;
  padding-bottom: 10.5%;
}

.padding-eleven-tb {
  padding-top: 11%;
  padding-bottom: 11%;
}

.padding-eleven-half-tb {
  padding-top: 11.5%;
  padding-bottom: 11.5%;
}

.padding-twelve-tb {
  padding-top: 12%;
  padding-bottom: 12%;
}

.padding-twelve-half-tb {
  padding-top: 12.5%;
  padding-bottom: 12.5%;
}

.padding-thirteen-tb {
  padding-top: 13%;
  padding-bottom: 13%;
}

.padding-thirteen-half-tb {
  padding-top: 13.5%;
  padding-bottom: 13.5%;
}

.padding-fourteen-tb {
  padding-top: 14%;
  padding-bottom: 14%;
}

.padding-fourteen-half-tb {
  padding-top: 14.5%;
  padding-bottom: 14.5%;
}

.padding-fifteen-tb {
  padding-top: 15%;
  padding-bottom: 15%;
}

.padding-fifteen-half-tb {
  padding-top: 15.5%;
  padding-bottom: 15.5%;
}

.padding-sixteen-tb {
  padding-top: 16%;
  padding-bottom: 16%;
}

.padding-sixteen-half-tb {
  padding-top: 16.5%;
  padding-bottom: 16.5%;
}

.padding-seventeen-tb {
  padding-top: 17%;
  padding-bottom: 17%;
}

.padding-seventeen-half-tb {
  padding-top: 17.5%;
  padding-bottom: 17.5%;
}

.padding-eighteen-tb {
  padding-top: 18%;
  padding-bottom: 18%;
}

.padding-eighteen-half-tb {
  padding-top: 18.5%;
  padding-bottom: 18.5%;
}

.padding-nineteen-tb {
  padding-top: 19%;
  padding-bottom: 19%;
}

.padding-nineteen-half-tb {
  padding-top: 19.5%;
  padding-bottom: 19.5%;
}

.padding-twenty-tb {
  padding-top: 20%;
  padding-bottom: 20%;
}

.padding-twenty-half-tb {
  padding-top: 20.5%;
  padding-bottom: 20%;
}

.padding-twenty-one-tb {
  padding-top: 21%;
  padding-bottom: 21%;
}

.padding-twenty-one-half-tb {
  padding-top: 21.5%;
  padding-bottom: 21.5%;
}

.padding-twenty-two-tb {
  padding-top: 22%;
  padding-bottom: 22%;
}

.padding-twenty-two-half-tb {
  padding-top: 22.5%;
  padding-bottom: 22.5%;
}

.padding-twenty-three-tb {
  padding-top: 23%;
  padding-bottom: 23%;
}

.padding-twenty-three-half-tb {
  padding-top: 23.5%;
  padding-bottom: 23.5%;
}

.padding-twenty-four-tb {
  padding-top: 24%;
  padding-bottom: 24%;
}

.padding-twenty-four-half-tb {
  padding-top: 24.5%;
  padding-bottom: 24.5%;
}

.padding-twenty-five-tb {
  padding-top: 25%;
  padding-bottom: 25%;
}

.padding-thirty-tb {
  padding-top: 30%;
  padding-bottom: 30%;
}

.padding-5px-tb {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-10px-tb {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-15px-tb {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padding-20px-tb {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-25px-tb {
  padding-top: 25px;
  padding-bottom: 25px;
}

.padding-30px-tb {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-35px-tb {
  padding-top: 35px;
  padding-bottom: 35px;
}

.padding-40px-tb {
  padding-top: 40px;
  padding-bottom: 40px;
}

.padding-45px-tb {
  padding-top: 45px;
  padding-bottom: 45px;
}

.padding-50px-tb {
  padding-top: 50px;
  padding-bottom: 50px;
}

.padding-55px-tb {
  padding-top: 55px;
  padding-bottom: 55px;
}

.padding-60px-tb {
  padding-top: 60px;
  padding-bottom: 60px;
}

.padding-65px-tb {
  padding-top: 65px;
  padding-bottom: 65px;
}

.padding-70px-tb {
  padding-top: 70px;
  padding-bottom: 70px;
}

.padding-75px-tb {
  padding-top: 75px;
  padding-bottom: 75px;
}

.padding-80px-tb {
  padding-top: 80px;
  padding-bottom: 80px;
}

.padding-85px-tb {
  padding-top: 85px;
  padding-bottom: 85px;
}

.padding-90px-tb {
  padding-top: 90px;
  padding-bottom: 90px;
}

.padding-95px-tb {
  padding-top: 95px;
  padding-bottom: 95px;
}

.padding-100px-tb {
  padding-top: 100px;
  padding-bottom: 100px;
}

.padding-one-lr {
  padding-left: 1%;
  padding-right: 1%;
}

.padding-one-half-lr {
  padding-left: 1.5%;
  padding-right: 1.5%;
}

.padding-two-lr {
  padding-left: 2%;
  padding-right: 2%;
}

.padding-two-half-lr {
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.padding-three-lr {
  padding-left: 3%;
  padding-right: 3%;
}

.padding-three-half-lr {
  padding-left: 3.5%;
  padding-right: 3.5%;
}

.padding-four-lr {
  padding-left: 4%;
  padding-right: 4%;
}

.padding-four-half-lr {
  padding-left: 4.5%;
  padding-right: 4.5%;
}

.padding-five-lr {
  padding-left: 5%;
  padding-right: 5%;
}

.padding-five-half-lr {
  padding-left: 5.5%;
  padding-right: 5.5%;
}

.padding-six-lr {
  padding-left: 6%;
  padding-right: 6%;
}

.padding-six-half-lr {
  padding-left: 6.5%;
  padding-right: 6.5%;
}

.padding-seven-lr {
  padding-left: 7%;
  padding-right: 7%;
}

.padding-seven-half-lr {
  padding-left: 7.5%;
  padding-right: 7.5%;
}

.padding-eight-lr {
  padding-left: 8%;
  padding-right: 8%;
}

.padding-eight-half-lr {
  padding-left: 8.5%;
  padding-right: 8.5%;
}

.padding-nine-lr {
  padding-left: 9%;
  padding-right: 9%;
}

.padding-nine-half-lr {
  padding-left: 9.5%;
  padding-right: 9.5%;
}

.padding-ten-lr {
  padding-left: 10%;
  padding-right: 10%;
}

.padding-ten-half-lr {
  padding-left: 10.5%;
  padding-right: 10.5%;
}

.padding-eleven-lr {
  padding-left: 11%;
  padding-right: 11%;
}

.padding-eleven-half-lr {
  padding-left: 11.5%;
  padding-right: 11.5%;
}

.padding-twelve-lr {
  padding-left: 12%;
  padding-right: 12%;
}

.padding-twelve-half-lr {
  padding-left: 12.5%;
  padding-right: 12.5%;
}

.padding-thirteen-lr {
  padding-left: 13%;
  padding-right: 13%;
}

.padding-thirteen-half-lr {
  padding-left: 13.5%;
  padding-right: 13.5%;
}

.padding-fourteen-lr {
  padding-left: 14%;
  padding-right: 14%;
}

.padding-fourteen-half-lr {
  padding-left: 14.5%;
  padding-right: 14.5%;
}

.padding-fifteen-lr {
  padding-left: 15%;
  padding-right: 15%;
}

.padding-fifteen-half-lr {
  padding-left: 15.5%;
  padding-right: 15.5%;
}

.padding-sixteen-lr {
  padding-left: 16%;
  padding-right: 16%;
}

.padding-sixteen-half-lr {
  padding-left: 16.5%;
  padding-right: 16.5%;
}

.padding-seventeen-lr {
  padding-left: 17%;
  padding-right: 17%;
}

.padding-seventeen-half-lr {
  padding-left: 17.5%;
  padding-right: 17.5%;
}

.padding-eighteen-lr {
  padding-left: 18%;
  padding-right: 18%;
}

.padding-eighteen-half-lr {
  padding-left: 18.5%;
  padding-right: 18.5%;
}

.padding-nineteen-lr {
  padding-left: 19%;
  padding-right: 19%;
}

.padding-nineteen-half-lr {
  padding-left: 19.5%;
  padding-right: 19.5%;
}

.padding-twenty-lr {
  padding-left: 20%;
  padding-right: 20%;
}

.padding-twenty-half-lr {
  padding-left: 20.5%;
  padding-right: 20.5%;
}

.padding-twenty-one-lr {
  padding-left: 21%;
  padding-right: 21%;
}

.padding-twenty-one-half-lr {
  padding-left: 21.5%;
  padding-right: 21.5%;
}

.padding-twenty-two-lr {
  padding-left: 22%;
  padding-right: 22%;
}

.padding-twenty-two-half-lr {
  padding-left: 22.5%;
  padding-right: 22.5%;
}

.padding-twenty-three-lr {
  padding-left: 23%;
  padding-right: 23%;
}

.padding-twenty-three-half-lr {
  padding-left: 23.5%;
  padding-right: 23.5%;
}

.padding-twenty-four-lr {
  padding-left: 24%;
  padding-right: 24%;
}

.padding-twenty-four-half-lr {
  padding-left: 24.5%;
  padding-right: 24.5%;
}

.padding-twenty-five-lr {
  padding-left: 25%;
  padding-right: 25%;
}

.padding-5px-lr {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-10px-lr {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-15px-lr {
  padding-left: 15px;
  padding-right: 15px;
}

.padding-20px-lr {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-25px-lr {
  padding-left: 25px;
  padding-right: 25px;
}

.padding-30px-lr {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-35px-lr {
  padding-left: 35px;
  padding-right: 35px;
}

.padding-40px-lr {
  padding-left: 40px;
  padding-right: 40px;
}

.padding-45px-lr {
  padding-left: 45px;
  padding-right: 45px;
}

.padding-50px-lr {
  padding-left: 50px;
  padding-right: 50px;
}

.padding-55px-lr {
  padding-left: 55px;
  padding-right: 55px;
}

.padding-60px-lr {
  padding-left: 60px;
  padding-right: 60px;
}

.padding-65px-lr {
  padding-left: 65px;
  padding-right: 65px;
}

.padding-70px-lr {
  padding-left: 70px;
  padding-right: 70px;
}

.padding-75px-lr {
  padding-left: 75px;
  padding-right: 75px;
}

.padding-80px-lr {
  padding-left: 80px;
  padding-right: 80px;
}

.padding-85px-lr {
  padding-left: 85px;
  padding-right: 85px;
}

.padding-90px-lr {
  padding-left: 90px;
  padding-right: 90px;
}

.padding-95px-lr {
  padding-left: 95px;
  padding-right: 95px;
}

.padding-100px-lr {
  padding-left: 100px;
  padding-right: 100px;
}

.display-block {
  display: block !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-inline {
  display: inline !important;
}

.display-none {
  display: none !important;
}

.display-inherit {
  display: inherit !important;
}

.display-table {
  display: table !important;
}

.display-table-cell {
  display: table-cell !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-auto {
  overflow: auto !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.position-inherit {
  position: inherit !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-right {
  right: 0 !important;
}

.position-left {
  left: 0 !important;
}

.position-top {
  top: 0 !important;
}

.width-1px {
  width: 1px;
}

.width-2px {
  width: 2px;
}

.width-3px {
  width: 3px;
}

.width-4px {
  width: 4px;
}

.width-5px {
  width: 5px;
}

.width-6px {
  width: 6px;
}

.width-7px {
  width: 7px;
}

.width-8px {
  width: 8px;
}

.width-9px {
  width: 9px;
}

.width-10px {
  width: 10px;
}

.width-15px {
  width: 15px;
}

.width-20px {
  width: 20px;
}

.width-25px {
  width: 25px;
}

.width-30px {
  width: 30px;
}

.width-35px {
  width: 35px;
}

.width-40px {
  width: 40px;
}

.width-50px {
  width: 50px;
}

.width-55px {
  width: 55px;
}

.width-60px {
  width: 60px;
}

.width-65px {
  width: 65px;
}

.width-70px {
  width: 70px;
}

.width-75px {
  width: 75px;
}

.width-80px {
  width: 80px;
}

.width-85px {
  width: 85px;
}

.width-90px {
  width: 90px;
}

.width-100px {
  width: 100px;
}

.width-120px {
  width: 120px;
}

.width-130px {
  width: 130px;
}

.width-150px {
  width: 150px;
}

.width-180px {
  width: 180px;
}

.width-200px {
  width: 200px;
}

.width-250px {
  width: 250px;
}

.width-300px {
  width: 300px;
}

.width-350px {
  width: 350px;
}

.width-400px {
  width: 400px;
}

.width-450px {
  width: 450px;
}

.width-500px {
  width: 500px;
}

.width-550px {
  width: 550px;
}

.width-600px {
  width: 600px;
}

.width-650px {
  width: 650px;
}

.width-700px {
  width: 700px;
}

.width-750px {
  width: 750px;
}

.width-800px {
  width: 800px;
}

.width-850px {
  width: 850px;
}

.width-900px {
  width: 900px;
}

.width-950px {
  width: 950px;
}

.width-1000px {
  width: 1000px;
}

.width-10 {
  width: 10%;
}

.width-12 {
  width: 12%;
}

.width-15 {
  width: 15%;
}

.width-20 {
  width: 20%;
}

.width-25 {
  width: 25%;
}

.width-30 {
  width: 30%;
}

.width-35 {
  width: 35%;
}

.width-40 {
  width: 40%;
}

.width-45 {
  width: 45%;
}

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
}

.width-65 {
  width: 65%;
}

.width-70 {
  width: 70%;
}

.width-75 {
  width: 75%;
}

.width-80 {
  width: 80%;
}

.width-85 {
  width: 85%;
}

.width-90 {
  width: 90%;
}

.width-95 {
  width: 95%;
}

.width-100 {
  width: 100%;
}

.width-auto {
  width: auto;
}

@media (max-width: 1199px) {
  section {
    padding: 70px 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 22px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
  }
  h1 {
    font-size: 65px;
    line-height: 65px;
  }
  h2 {
    font-size: 50px;
    line-height: 55px;
  }
  h3 {
    font-size: 42px;
    line-height: 48px;
  }
  h4 {
    font-size: 35px;
    line-height: 41px;
  }
  h5 {
    font-size: 27px;
    line-height: 32px;
  }
  h6 {
    font-size: 22px;
    line-height: 27px;
  }
  .md-font-size11 {
    font-size: 11px;
    line-height: 14px;
  }
  .md-font-size12 {
    font-size: 12px;
    line-height: 20px;
  }
  .md-font-size13 {
    font-size: 13px;
    line-height: normal;
  }
  .md-font-size14 {
    font-size: 14px;
    line-height: normal;
  }
  .md-font-size15 {
    font-size: 15px;
    line-height: normal;
  }
  .md-font-size16 {
    font-size: 16px;
    line-height: normal;
  }
  .md-font-size17 {
    font-size: 17px;
    line-height: normal;
  }
  .md-font-size18 {
    font-size: 18px;
    line-height: 26px;
  }
  .md-font-size19 {
    font-size: 19px;
    line-height: normal;
  }
  .md-font-size20 {
    font-size: 20px;
    line-height: normal;
  }
  .md-font-size22 {
    font-size: 22px;
    line-height: normal;
  }
  .md-font-size24 {
    font-size: 24px;
    line-height: normal;
  }
  .md-font-size26 {
    font-size: 26px;
    line-height: normal;
  }
  .md-font-size28 {
    font-size: 28px;
    line-height: 34px;
  }
  .md-font-size30 {
    font-size: 30px;
    line-height: normal;
  }
  .md-font-size32 {
    font-size: 32px;
    line-height: normal;
  }
  .md-font-size34 {
    font-size: 34px;
    line-height: normal;
  }
  .md-font-size36 {
    font-size: 36px;
    line-height: normal;
  }
  .md-font-size38 {
    font-size: 38px;
    line-height: normal;
  }
  .md-font-size40 {
    font-size: 40px;
    line-height: normal;
  }
  .md-font-size42 {
    font-size: 42px;
    line-height: normal;
  }
  .md-font-size44 {
    font-size: 44px;
    line-height: normal;
  }
  .md-font-size46 {
    font-size: 46px;
    line-height: normal;
  }
  .md-font-size48 {
    font-size: 48px;
    line-height: normal;
  }
  .md-font-size50 {
    font-size: 50px;
    line-height: normal;
  }
  .md-font-size100 {
    font-size: 100px;
    line-height: 95px;
  }
  .md-font-size130 {
    font-size: 130px;
    line-height: 120px;
  }
  .md-text-center {
    text-align: center;
  }
  .md-text-left {
    text-align: left;
  }
  .md-text-right {
    text-align: right;
  }
  .md-float-left {
    float: left !important;
  }
  .md-float-right {
    float: right !important;
  }
  .md-float-none {
    float: none !important;
  }
  .md-vertical-align-middle {
    vertical-align: middle;
  }
  .md-vertical-align-top {
    vertical-align: top;
  }
  .md-vertical-align-bottom {
    vertical-align: bottom;
  }
  .md-absolute-middle-inherit {
    left: 0;
    top: 0;
    position: relative;
    -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
  }
  .md-background-image-left {
    background-position: left;
  }
  .md-background-image-right {
    background-position: right;
  }
  .md-background-image-center {
    background-position: center;
  }
  .md-no-border-top {
    border-top: 0 !important;
  }
  .md-no-border-bottom {
    border-bottom: 0 !important;
  }
  .md-no-border-right {
    border-right: 0 !important;
  }
  .md-no-border-left {
    border-left: 0 !important;
  }
  .md-border-top {
    border-top: 1px solid;
  }
  .md-border-bottom {
    border-bottom: 1px solid;
  }
  .md-border-left {
    border-left: 1px solid;
  }
  .md-border-right {
    border-right: 1px solid;
  }
  .md-border-lr {
    border-left: 1px solid;
    border-right: 1px solid;
  }
  .md-border-tb {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
  .md-margin-one-all {
    margin: 1%;
  }
  .md-margin-one-half-all {
    margin: 1.5%;
  }
  .md-margin-two-all {
    margin: 2%;
  }
  .md-margin-two-half-all {
    margin: 2.5%;
  }
  .md-margin-three-all {
    margin: 3%;
  }
  .md-margin-three-half-all {
    margin: 3.5%;
  }
  .md-margin-four-all {
    margin: 4%;
  }
  .md-margin-four-half-all {
    margin: 4.5%;
  }
  .md-margin-five-all {
    margin: 5%;
  }
  .md-margin-five-half-all {
    margin: 5.5%;
  }
  .md-margin-six-all {
    margin: 6%;
  }
  .md-margin-six-half-all {
    margin: 6.5%;
  }
  .md-margin-seven-all {
    margin: 7%;
  }
  .md-margin-seven-half-all {
    margin: 7.5%;
  }
  .md-margin-eight-all {
    margin: 8%;
  }
  .md-margin-eight-half-all {
    margin: 8.5%;
  }
  .md-margin-nine-all {
    margin: 9%;
  }
  .md-margin-nine-half-all {
    margin: 9.5%;
  }
  .md-margin-ten-all {
    margin: 10%;
  }
  .md-margin-ten-half-all {
    margin: 10.5%;
  }
  .md-margin-eleven-all {
    margin: 11%;
  }
  .md-margin-eleven-half-all {
    margin: 11.5%;
  }
  .md-margin-twelve-all {
    margin: 12%;
  }
  .md-margin-twelve-half-all {
    margin: 12.5%;
  }
  .md-margin-thirteen-all {
    margin: 13%;
  }
  .md-margin-thirteen-half-all {
    margin: 13.5%;
  }
  .md-margin-fourteen-all {
    margin: 14%;
  }
  .md-margin-fourteen-half-all {
    margin: 14.5%;
  }
  .md-margin-fifteen-all {
    margin: 15%;
  }
  .md-margin-fifteen-half-all {
    margin: 15.5%;
  }
  .md-margin-sixteen-all {
    margin: 16%;
  }
  .md-margin-sixteen-half-all {
    margin: 16.5%;
  }
  .md-margin-seventeen-all {
    margin: 17%;
  }
  .md-margin-seventeen-half-all {
    margin: 17.5%;
  }
  .md-margin-eighteen-all {
    margin: 18%;
  }
  .md-margin-eighteen-half-all {
    margin: 18.5%;
  }
  .md-margin-nineteen-all {
    margin: 19%;
  }
  .md-margin-nineteen-half-all {
    margin: 19.5%;
  }
  .md-margin-twenty-all {
    margin: 20%;
  }
  .md-margin-twenty-half-all {
    margin: 20.5%;
  }
  .md-margin-twenty-one-all {
    margin: 21%;
  }
  .md-margin-twenty-one-half-all {
    margin: 21.5%;
  }
  .md-margin-twenty-two-all {
    margin: 22%;
  }
  .md-margin-twenty-two-half-all {
    margin: 22.5%;
  }
  .md-margin-twenty-three-all {
    margin: 23%;
  }
  .md-margin-twenty-three-half-all {
    margin: 23.5%;
  }
  .md-margin-twenty-four-all {
    margin: 24%;
  }
  .md-margin-twenty-four-half-all {
    margin: 24.5%;
  }
  .md-margin-twenty-five-all {
    margin: 25%;
  }
  .md-margin-5px-all {
    margin: 5px !important;
  }
  .md-margin-10px-all {
    margin: 10px !important;
  }
  .md-margin-15px-all {
    margin: 15px !important;
  }
  .md-margin-20px-all {
    margin: 20px !important;
  }
  .md-margin-25px-all {
    margin: 25px !important;
  }
  .md-margin-30px-all {
    margin: 30px !important;
  }
  .md-margin-35px-all {
    margin: 35px !important;
  }
  .md-margin-40px-all {
    margin: 40px !important;
  }
  .md-margin-45px-all {
    margin: 45px !important;
  }
  .md-margin-50px-all {
    margin: 50px !important;
  }
  .md-margin-55px-all {
    margin: 55px !important;
  }
  .md-margin-60px-all {
    margin: 60px !important;
  }
  .md-margin-65px-all {
    margin: 65px !important;
  }
  .md-margin-70px-all {
    margin: 70px !important;
  }
  .md-margin-75px-all {
    margin: 75px !important;
  }
  .md-margin-80px-all {
    margin: 80px !important;
  }
  .md-margin-85px-all {
    margin: 85px !important;
  }
  .md-margin-90px-all {
    margin: 90px !important;
  }
  .md-margin-95px-all {
    margin: 95px !important;
  }
  .md-margin-100px-all {
    margin: 100px !important;
  }
  .md-no-margin {
    margin: 0 !important;
  }
  .md-no-margin-lr {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .md-no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .md-no-margin-top {
    margin-top: 0 !important;
  }
  .md-no-margin-bottom {
    margin-bottom: 0 !important;
  }
  .md-no-margin-left {
    margin-left: 0 !important;
  }
  .md-no-margin-right {
    margin-right: 0 !important;
  }
  .md-margin-lr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .md-margin-auto {
    margin: 0 auto !important;
  }
  .md-margin-one-top {
    margin-top: 1%;
  }
  .md-margin-one-half-top {
    margin-top: 1.5%;
  }
  .md-margin-two-top {
    margin-top: 2%;
  }
  .md-margin-two-half-top {
    margin-top: 2.5%;
  }
  .md-margin-three-top {
    margin-top: 3%;
  }
  .md-margin-three-half-top {
    margin-top: 3.5%;
  }
  .md-margin-four-top {
    margin-top: 4%;
  }
  .md-margin-four-half-top {
    margin-top: 4.5%;
  }
  .md-margin-five-top {
    margin-top: 5%;
  }
  .md-margin-five-half-top {
    margin-top: 5.5%;
  }
  .md-margin-six-top {
    margin-top: 6%;
  }
  .md-margin-six-half-top {
    margin-top: 6.5%;
  }
  .md-margin-seven-top {
    margin-top: 7%;
  }
  .md-margin-seven-half-top {
    margin-top: 7.5%;
  }
  .md-margin-eight-top {
    margin-top: 8%;
  }
  .md-margin-eight-half-top {
    margin-top: 8.5%;
  }
  .md-margin-nine-top {
    margin-top: 9%;
  }
  .md-margin-nine-half-top {
    margin-top: 9.5%;
  }
  .md-margin-ten-top {
    margin-top: 10%;
  }
  .md-margin-ten-half-top {
    margin-top: 10.5%;
  }
  .md-margin-eleven-top {
    margin-top: 11%;
  }
  .md-margin-eleven-half-top {
    margin-top: 11.5%;
  }
  .md-margin-twelve-top {
    margin-top: 12%;
  }
  .md-margin-twelve-half-top {
    margin-top: 12.5%;
  }
  .md-margin-thirteen-top {
    margin-top: 13%;
  }
  .md-margin-thirteen-half-top {
    margin-top: 13.5%;
  }
  .md-margin-fourteen-top {
    margin-top: 14%;
  }
  .md-margin-fourteen-half-top {
    margin-top: 14.5%;
  }
  .md-margin-fifteen-top {
    margin-top: 15%;
  }
  .md-margin-fifteen-half-top {
    margin-top: 15.5%;
  }
  .md-margin-sixteen-top {
    margin-top: 16%;
  }
  .md-margin-sixteen-half-top {
    margin-top: 16.5%;
  }
  .md-margin-seventeen-top {
    margin-top: 17%;
  }
  .md-margin-seventeen-half-top {
    margin-top: 17.5%;
  }
  .md-margin-eighteen-top {
    margin-top: 18%;
  }
  .md-margin-eighteen-half-top {
    margin-top: 18.5%;
  }
  .md-margin-nineteen-top {
    margin-top: 19%;
  }
  .md-margin-nineteen-half-top {
    margin-top: 19.5%;
  }
  .md-margin-twenty-top {
    margin-top: 20%;
  }
  .md-margin-twenty-half-top {
    margin-top: 20.5%;
  }
  .md-margin-twenty-one-top {
    margin-top: 21%;
  }
  .md-margin-twenty-one-half-top {
    margin-top: 21.5%;
  }
  .md-margin-twenty-two-top {
    margin-top: 22%;
  }
  .md-margin-twenty-two-half-top {
    margin-top: 22.5%;
  }
  .md-margin-twenty-top {
    margin-top: 23%;
  }
  .md-margin-twenty-half-top {
    margin-top: 23.5%;
  }
  .md-margin-twenty-four-top {
    margin-top: 24%;
  }
  .md-margin-twenty-four-half-top {
    margin-top: 24.5%;
  }
  .md-margin-twenty-five-top {
    margin-top: 25%;
  }
  .md-margin-5px-top {
    margin-top: 5px !important;
  }
  .md-margin-10px-top {
    margin-top: 10px !important;
  }
  .md-margin-15px-top {
    margin-top: 15px !important;
  }
  .md-margin-20px-top {
    margin-top: 20px !important;
  }
  .md-margin-25px-top {
    margin-top: 25px !important;
  }
  .md-margin-30px-top {
    margin-top: 30px !important;
  }
  .md-margin-35px-top {
    margin-top: 35px !important;
  }
  .md-margin-40px-top {
    margin-top: 40px !important;
  }
  .md-margin-45px-top {
    margin-top: 45px !important;
  }
  .md-margin-50px-top {
    margin-top: 50px !important;
  }
  .md-margin-55px-top {
    margin-top: 55px !important;
  }
  .md-margin-60px-top {
    margin-top: 60px !important;
  }
  .md-margin-65px-top {
    margin-top: 65px !important;
  }
  .md-margin-70px-top {
    margin-top: 70px !important;
  }
  .md-margin-75px-top {
    margin-top: 75px !important;
  }
  .md-margin-80px-top {
    margin-top: 80px !important;
  }
  .md-margin-85px-top {
    margin-top: 85px !important;
  }
  .md-margin-90px-top {
    margin-top: 90px !important;
  }
  .md-margin-95px-top {
    margin-top: 95px !important;
  }
  .md-margin-100px-top {
    margin-top: 100px !important;
  }
  .md-margin-one-bottom {
    margin-bottom: 1%;
  }
  .md-margin-one-half-bottom {
    margin-bottom: 1.5%;
  }
  .md-margin-two-bottom {
    margin-bottom: 2%;
  }
  .md-margin-two-half-bottom {
    margin-bottom: 2.5%;
  }
  .md-margin-three-bottom {
    margin-bottom: 3%;
  }
  .md-margin-three-half-bottom {
    margin-bottom: 3.5%;
  }
  .md-margin-four-bottom {
    margin-bottom: 4%;
  }
  .md-margin-four-half-bottom {
    margin-bottom: 4.5%;
  }
  .md-margin-five-bottom {
    margin-bottom: 5%;
  }
  .md-margin-five-half-bottom {
    margin-bottom: 5.5%;
  }
  .md-margin-six-bottom {
    margin-bottom: 6%;
  }
  .md-margin-six-half-bottom {
    margin-bottom: 6.5%;
  }
  .md-margin-seven-bottom {
    margin-bottom: 7%;
  }
  .md-margin-seven-half-bottom {
    margin-bottom: 7.5%;
  }
  .md-margin-eight-bottom {
    margin-bottom: 8%;
  }
  .md-margin-eight-half-bottom {
    margin-bottom: 8.5%;
  }
  .md-margin-nine-bottom {
    margin-bottom: 9%;
  }
  .md-margin-nine-half-bottom {
    margin-bottom: 9.5%;
  }
  .md-margin-ten-bottom {
    margin-bottom: 10%;
  }
  .md-margin-ten-half-bottom {
    margin-bottom: 10.5%;
  }
  .md-margin-eleven-bottom {
    margin-bottom: 11%;
  }
  .md-margin-eleven-half-bottom {
    margin-bottom: 11.5%;
  }
  .md-margin-twelve-bottom {
    margin-bottom: 12%;
  }
  .md-margin-twelve-half-bottom {
    margin-bottom: 12.5%;
  }
  .md-margin-thirteen-bottom {
    margin-bottom: 13%;
  }
  .md-margin-thirteen-half-bottom {
    margin-bottom: 13.5%;
  }
  .md-margin-fourteen-bottom {
    margin-bottom: 14%;
  }
  .md-margin-fourteen-half-bottom {
    margin-bottom: 14.5%;
  }
  .md-margin-fifteen-bottom {
    margin-bottom: 15%;
  }
  .md-margin-fifteen-half-bottom {
    margin-bottom: 15.5%;
  }
  .md-margin-sixteen-bottom {
    margin-bottom: 16%;
  }
  .md-margin-sixteen-half-bottom {
    margin-bottom: 16.5%;
  }
  .md-margin-seventeen-bottom {
    margin-bottom: 17%;
  }
  .md-margin-seventeen-half-bottom {
    margin-bottom: 17.5%;
  }
  .md-margin-eighteen-bottom {
    margin-bottom: 18%;
  }
  .md-margin-eighteen-half-bottom {
    margin-bottom: 18.5%;
  }
  .md-margin-nineteen-bottom {
    margin-bottom: 19%;
  }
  .md-margin-nineteen-half-bottom {
    margin-bottom: 19.5%;
  }
  .md-margin-twenty-bottom {
    margin-bottom: 20%;
  }
  .md-margin-twenty-half-bottom {
    margin-bottom: 20.5%;
  }
  .md-margin-twenty-one-bottom {
    margin-bottom: 21%;
  }
  .md-margin-twenty-one-half-bottom {
    margin-bottom: 21.5%;
  }
  .md-margin-twenty-two-bottom {
    margin-bottom: 22%;
  }
  .md-margin-twenty-two-half-bottom {
    margin-bottom: 22.5%;
  }
  .md-margin-twenty-three-bottom {
    margin-bottom: 23%;
  }
  .md-margin-twenty-three-half-bottom {
    margin-bottom: 23.5%;
  }
  .md-margin-twenty-five-bottom {
    margin-bottom: 24%;
  }
  .md-margin-twenty-five-half-bottom {
    margin-bottom: 24.5%;
  }
  .md-margin-twenty-five-bottom {
    margin-bottom: 25%;
  }
  .md-margin-5px-bottom {
    margin-bottom: 5px !important;
  }
  .md-margin-10px-bottom {
    margin-bottom: 10px !important;
  }
  .md-margin-15px-bottom {
    margin-bottom: 15px !important;
  }
  .md-margin-20px-bottom {
    margin-bottom: 20px !important;
  }
  .md-margin-25px-bottom {
    margin-bottom: 25px !important;
  }
  .md-margin-30px-bottom {
    margin-bottom: 30px !important;
  }
  .md-margin-35px-bottom {
    margin-bottom: 35px !important;
  }
  .md-margin-40px-bottom {
    margin-bottom: 40px !important;
  }
  .md-margin-45px-bottom {
    margin-bottom: 45px !important;
  }
  .md-margin-50px-bottom {
    margin-bottom: 50px !important;
  }
  .md-margin-55px-bottom {
    margin-bottom: 55px !important;
  }
  .md-margin-60px-bottom {
    margin-bottom: 60px !important;
  }
  .md-margin-65px-bottom {
    margin-bottom: 65px !important;
  }
  .md-margin-70px-bottom {
    margin-bottom: 70px !important;
  }
  .md-margin-75px-bottom {
    margin-bottom: 75px !important;
  }
  .md-margin-80px-bottom {
    margin-bottom: 80px !important;
  }
  .md-margin-85px-bottom {
    margin-bottom: 85px !important;
  }
  .md-margin-90px-bottom {
    margin-bottom: 90px !important;
  }
  .md-margin-95px-bottom {
    margin-bottom: 95px !important;
  }
  .md-margin-100px-bottom {
    margin-bottom: 100px !important;
  }
  .md-margin-one-right {
    margin-right: 1%;
  }
  .md-margin-one-half-right {
    margin-right: 1.5%;
  }
  .md-margin-two-right {
    margin-right: 2%;
  }
  .md-margin-two-half-right {
    margin-right: 2.5%;
  }
  .md-margin-three-right {
    margin-right: 3%;
  }
  .md-margin-three-half-right {
    margin-right: 3.5%;
  }
  .md-margin-four-right {
    margin-right: 4%;
  }
  .md-margin-four-half-right {
    margin-right: 4.5%;
  }
  .md-margin-five-right {
    margin-right: 5%;
  }
  .md-margin-five-half-right {
    margin-right: 5.5%;
  }
  .md-margin-six-right {
    margin-right: 6%;
  }
  .md-margin-six-half-right {
    margin-right: 6.5%;
  }
  .md-margin-seven-right {
    margin-right: 7%;
  }
  .md-margin-seven-half-right {
    margin-right: 7.5%;
  }
  .md-margin-eight-right {
    margin-right: 8%;
  }
  .md-margin-eight-half-right {
    margin-right: 8.5%;
  }
  .md-margin-nine-right {
    margin-right: 9%;
  }
  .md-margin-nine-half-right {
    margin-right: 9.5%;
  }
  .md-margin-ten-right {
    margin-right: 10%;
  }
  .md-margin-ten-half-right {
    margin-right: 10.5%;
  }
  .md-margin-eleven-right {
    margin-right: 11%;
  }
  .md-margin-eleven-half-right {
    margin-right: 11.5%;
  }
  .md-margin-twelve-right {
    margin-right: 12%;
  }
  .md-margin-twelve-half-right {
    margin-right: 12.5%;
  }
  .md-margin-thirteen-right {
    margin-right: 13%;
  }
  .md-margin-thirteen-half-right {
    margin-right: 13.5%;
  }
  .md-margin-fourteen-right {
    margin-right: 14%;
  }
  .md-margin-fourteen-half-right {
    margin-right: 14.5%;
  }
  .md-margin-fifteen-right {
    margin-right: 15%;
  }
  .md-margin-fifteen-half-right {
    margin-right: 15.5%;
  }
  .md-margin-sixteen-right {
    margin-right: 16%;
  }
  .md-margin-sixteen-half-right {
    margin-right: 16.5%;
  }
  .md-margin-seventeen-right {
    margin-right: 17%;
  }
  .md-margin-seventeen-half-right {
    margin-right: 17.5%;
  }
  .md-margin-eighteen-right {
    margin-right: 18%;
  }
  .md-margin-eighteen-half-right {
    margin-right: 18.5%;
  }
  .md-margin-nineteen-right {
    margin-right: 19%;
  }
  .md-margin-nineteen-half-right {
    margin-right: 19.5%;
  }
  .md-margin-twenty-right {
    margin-right: 20%;
  }
  .md-margin-twenty-half-right {
    margin-right: 20.5%;
  }
  .md-margin-twenty-one-right {
    margin-right: 21%;
  }
  .md-margin-twenty-one-half-right {
    margin-right: 21.5%;
  }
  .md-margin-twenty-two-right {
    margin-right: 22%;
  }
  .md-margin-twenty-two-half-right {
    margin-right: 22.5%;
  }
  .md-margin-twenty-three-right {
    margin-right: 23%;
  }
  .md-margin-twenty-three-half-right {
    margin-right: 23.5%;
  }
  .md-margin-twenty-four-right {
    margin-right: 24%;
  }
  .md-margin-twenty-four-half-right {
    margin-right: 24.5%;
  }
  .md-margin-twenty-five-right {
    margin-right: 25%;
  }
  .md-margin-10px-right {
    margin-right: 10px !important;
  }
  .md-margin-15px-right {
    margin-right: 15px !important;
  }
  .md-margin-20px-right {
    margin-right: 20px !important;
  }
  .md-margin-25px-right {
    margin-right: 25px !important;
  }
  .md-margin-30px-right {
    margin-right: 30px !important;
  }
  .md-margin-35px-right {
    margin-right: 35px !important;
  }
  .md-margin-40px-right {
    margin-right: 40px !important;
  }
  .md-margin-45px-right {
    margin-right: 45px !important;
  }
  .md-margin-50px-right {
    margin-right: 50px !important;
  }
  .md-margin-55px-right {
    margin-right: 55px !important;
  }
  .md-margin-60px-right {
    margin-right: 60px !important;
  }
  .md-margin-65px-right {
    margin-right: 65px !important;
  }
  .md-margin-70px-right {
    margin-right: 70px !important;
  }
  .md-margin-75px-right {
    margin-right: 75px !important;
  }
  .md-margin-80px-right {
    margin-right: 80px !important;
  }
  .md-margin-85px-right {
    margin-right: 85px !important;
  }
  .md-margin-90px-right {
    margin-right: 90px !important;
  }
  .md-margin-95px-right {
    margin-right: 95px !important;
  }
  .md-margin-100px-right {
    margin-right: 100px !important;
  }
  .md-margin-one-left {
    margin-left: 1%;
  }
  .md-margin-one-half-left {
    margin-left: 1.5%;
  }
  .md-margin-two-left {
    margin-left: 2%;
  }
  .md-margin-two-half-left {
    margin-left: 2.5%;
  }
  .md-margin-three-left {
    margin-left: 3%;
  }
  .md-margin-three-half-left {
    margin-left: 3.5%;
  }
  .md-margin-four-left {
    margin-left: 4%;
  }
  .md-margin-four-half-left {
    margin-left: 4.5%;
  }
  .md-margin-five-left {
    margin-left: 5%;
  }
  .md-margin-five-half-left {
    margin-left: 5.5%;
  }
  .md-margin-six-left {
    margin-left: 6%;
  }
  .md-margin-six-half-left {
    margin-left: 6.5%;
  }
  .md-margin-seven-left {
    margin-left: 7%;
  }
  .md-margin-seven-half-left {
    margin-left: 7.5%;
  }
  .md-margin-eight-left {
    margin-left: 8%;
  }
  .md-margin-eight-half-left {
    margin-left: 8.5%;
  }
  .md-margin-nine-left {
    margin-left: 9%;
  }
  .md-margin-nine-half-left {
    margin-left: 9.5%;
  }
  .md-margin-ten-left {
    margin-left: 10%;
  }
  .md-margin-ten-half-left {
    margin-left: 10.5%;
  }
  .md-margin-eleven-left {
    margin-left: 11%;
  }
  .md-margin-eleven-half-left {
    margin-left: 11.5%;
  }
  .md-margin-twelve-left {
    margin-left: 12%;
  }
  .md-margin-twelve-half-left {
    margin-left: 12.5%;
  }
  .md-margin-thirteen-left {
    margin-left: 13%;
  }
  .md-margin-thirteen-half-left {
    margin-left: 13.5%;
  }
  .md-margin-fourteen-left {
    margin-left: 14%;
  }
  .md-margin-fourteen-half-left {
    margin-left: 14.5%;
  }
  .md-margin-fifteen-left {
    margin-left: 15%;
  }
  .md-margin-fifteen-half-left {
    margin-left: 15.5%;
  }
  .md-margin-sixteen-left {
    margin-left: 16%;
  }
  .md-margin-sixteen-half-left {
    margin-left: 16.5%;
  }
  .md-margin-seventeen-left {
    margin-left: 17%;
  }
  .md-margin-seventeen-half-left {
    margin-left: 17.5%;
  }
  .md-margin-eighteen-left {
    margin-left: 18%;
  }
  .md-margin-eighteen-half-left {
    margin-left: 18.5%;
  }
  .md-margin-nineteen-left {
    margin-left: 19%;
  }
  .md-margin-nineteen-half-left {
    margin-left: 19.5%;
  }
  .md-margin-twenty-left {
    margin-left: 20%;
  }
  .md-margin-twenty-half-left {
    margin-left: 20.5%;
  }
  .md-margin-twenty-one-left {
    margin-left: 21%;
  }
  .md-margin-twenty-one-half-left {
    margin-left: 21.5%;
  }
  .md-margin-twenty-two-left {
    margin-left: 22%;
  }
  .md-margin-twenty-two-half-left {
    margin-left: 22.5%;
  }
  .md-margin-twenty-three-left {
    margin-left: 23%;
  }
  .md-margin-twenty-three-half-left {
    margin-left: 23.5%;
  }
  .md-margin-twenty-four-left {
    margin-left: 24%;
  }
  .md-margin-twenty-four-half-left {
    margin-left: 24.5%;
  }
  .md-margin-twenty-five-left {
    margin-left: 25%;
  }
  .md-margin-5px-left {
    margin-left: 5px !important;
  }
  .md-margin-10px-left {
    margin-left: 10px !important;
  }
  .md-margin-15px-left {
    margin-left: 15px !important;
  }
  .md-margin-20px-left {
    margin-left: 20px !important;
  }
  .md-margin-25px-left {
    margin-left: 25px !important;
  }
  .md-margin-30px-left {
    margin-left: 30px !important;
  }
  .md-margin-35px-left {
    margin-left: 35px !important;
  }
  .md-margin-40px-left {
    margin-left: 40px !important;
  }
  .md-margin-45px-left {
    margin-left: 45px !important;
  }
  .md-margin-50px-left {
    margin-left: 50px !important;
  }
  .md-margin-55px-left {
    margin-left: 55px !important;
  }
  .md-margin-60px-left {
    margin-left: 60px !important;
  }
  .md-margin-65px-left {
    margin-left: 65px !important;
  }
  .md-margin-70px-left {
    margin-left: 70px !important;
  }
  .md-margin-75px-left {
    margin-left: 75px !important;
  }
  .md-margin-80px-left {
    margin-left: 80px !important;
  }
  .md-margin-85px-left {
    margin-left: 85px !important;
  }
  .md-margin-90px-left {
    margin-left: 90px !important;
  }
  .md-margin-95px-left {
    margin-left: 95px !important;
  }
  .md-margin-100px-left {
    margin-left: 100px !important;
  }
  .md-margin-one-lr {
    margin-left: 1%;
    margin-right: 1%;
  }
  .md-margin-one-half-lr {
    margin-left: 1.5%;
    margin-right: 1.5%;
  }
  .md-margin-two-lr {
    margin-left: 2%;
    margin-right: 2%;
  }
  .md-margin-two-half-lr {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .md-margin-three-lr {
    margin-left: 3%;
    margin-right: 3%;
  }
  .md-margin-three-half-lr {
    margin-left: 3.5%;
    margin-right: 3.5%;
  }
  .md-margin-four-lr {
    margin-left: 4%;
    margin-right: 4%;
  }
  .md-margin-four-half-lr {
    margin-left: 4.5%;
    margin-right: 4.5%;
  }
  .md-margin-five-lr {
    margin-left: 5%;
    margin-right: 5%;
  }
  .md-margin-five-half-lr {
    margin-left: 5.5%;
    margin-right: 5.5%;
  }
  .md-margin-six-lr {
    margin-left: 6%;
    margin-right: 6%;
  }
  .md-margin-six-half-lr {
    margin-left: 6.5%;
    margin-right: 6.5%;
  }
  .md-margin-seven-lr {
    margin-left: 7%;
    margin-right: 7%;
  }
  .md-margin-seven-half-lr {
    margin-left: 7.5%;
    margin-right: 7.5%;
  }
  .md-margin-eight-lr {
    margin-left: 8%;
    margin-right: 8%;
  }
  .md-margin-eight-half-lr {
    margin-left: 8.5%;
    margin-right: 8.5%;
  }
  .md-margin-nine-lr {
    margin-left: 9%;
    margin-right: 9%;
  }
  .md-margin-nine-half-lr {
    margin-left: 9.5%;
    margin-right: 9.5%;
  }
  .md-margin-ten-lr {
    margin-left: 10%;
    margin-right: 10%;
  }
  .md-margin-ten-half-lr {
    margin-left: 10.5%;
    margin-right: 10.5%;
  }
  .md-margin-eleven-lr {
    margin-left: 11%;
    margin-right: 11%;
  }
  .md-margin-eleven-half-lr {
    margin-left: 11.5%;
    margin-right: 11.5%;
  }
  .md-margin-twelve-lr {
    margin-left: 12%;
    margin-right: 12%;
  }
  .md-margin-twelve-half-lr {
    margin-left: 12.5%;
    margin-right: 12.5%;
  }
  .md-margin-thirteen-lr {
    margin-left: 13%;
    margin-right: 13%;
  }
  .md-margin-thirteen-half-lr {
    margin-left: 13.5%;
    margin-right: 13.5%;
  }
  .md-margin-fourteen-lr {
    margin-left: 14%;
    margin-right: 14%;
  }
  .md-margin-fourteen-half-lr {
    margin-left: 14.5%;
    margin-right: 14.5%;
  }
  .md-margin-fifteen-lr {
    margin-left: 15%;
    margin-right: 15%;
  }
  .md-margin-fifteen-half-lr {
    margin-left: 15.5%;
    margin-right: 15.5%;
  }
  .md-margin-sixteen-lr {
    margin-left: 16%;
    margin-right: 16%;
  }
  .md-margin-sixteen-half-lr {
    margin-left: 16.5%;
    margin-right: 16.5%;
  }
  .md-margin-seventeen-lr {
    margin-left: 17%;
    margin-right: 17%;
  }
  .md-margin-seventeen-half-lr {
    margin-left: 17.5%;
    margin-right: 17.5%;
  }
  .md-margin-eighteen-lr {
    margin-left: 18%;
    margin-right: 18%;
  }
  .md-margin-eighteen-half-lr {
    margin-left: 18.5%;
    margin-right: 18.5%;
  }
  .md-margin-nineteen-lr {
    margin-left: 19%;
    margin-right: 19%;
  }
  .md-margin-nineteen-half-lr {
    margin-left: 19.5%;
    margin-right: 19.5%;
  }
  .md-margin-twenty-lr {
    margin-left: 20%;
    margin-right: 20%;
  }
  .md-margin-twenty-half-lr {
    margin-left: 20.5%;
    margin-right: 20.5%;
  }
  .md-margin-twenty-one-lr {
    margin-left: 21%;
    margin-right: 21%;
  }
  .md-margin-twenty-one-half-lr {
    margin-left: 21.5%;
    margin-right: 21.5%;
  }
  .md-margin-twenty-two-lr {
    margin-left: 22%;
    margin-right: 22%;
  }
  .md-margin-twenty-two-half-lr {
    margin-left: 22.5%;
    margin-right: 22.5%;
  }
  .md-margin-twenty-three-lr {
    margin-left: 23%;
    margin-right: 23%;
  }
  .md-margin-twenty-three-half-lr {
    margin-left: 23.5%;
    margin-right: 23.5%;
  }
  .md-margin-twenty-four-lr {
    margin-left: 24%;
    margin-right: 24%;
  }
  .md-margin-twenty-four-half-lr {
    margin-left: 24.5%;
    margin-right: 24.5%;
  }
  .md-margin-twenty-five-lr {
    margin-left: 25%;
    margin-right: 25%;
  }
  .md-margin-5px-lr {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .md-margin-10px-lr {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .md-margin-15px-lr {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .md-margin-20px-lr {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .md-margin-25px-lr {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .md-margin-30px-lr {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .md-margin-35px-lr {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .md-margin-40px-lr {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .md-margin-45px-lr {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .md-margin-50px-lr {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .md-margin-55px-lr {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .md-margin-60px-lr {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .md-margin-65px-lr {
    margin-left: 65px !important;
    margin-right: 60px !important;
  }
  .md-margin-70px-lr {
    margin-left: 70px !important;
    margin-right: 65px !important;
  }
  .md-margin-75px-lr {
    margin-left: 75px !important;
    margin-right: 70px !important;
  }
  .md-margin-80px-lr {
    margin-left: 80px !important;
    margin-right: 75px !important;
  }
  .md-margin-85px-lr {
    margin-left: 85px !important;
    margin-right: 80px !important;
  }
  .md-margin-90px-lr {
    margin-left: 90px !important;
    margin-right: 85px !important;
  }
  .md-margin-95px-lr {
    margin-left: 95px !important;
    margin-right: 90px !important;
  }
  .md-margin-100px-lr {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .md-margin-one-tb {
    margin-top: 1%;
    margin-bottom: 1%;
  }
  .md-margin-one-half-tb {
    margin-top: 1.5%;
    margin-bottom: 1.5%;
  }
  .md-margin-two-tb {
    margin-top: 2%;
    margin-bottom: 2%;
  }
  .md-margin-two-half-tb {
    margin-top: 2.5%;
    margin-bottom: 2.5%;
  }
  .md-margin-three-tb {
    margin-top: 3%;
    margin-bottom: 3%;
  }
  .md-margin-three-half-tb {
    margin-top: 3.5%;
    margin-bottom: 3.5%;
  }
  .md-margin-four-tb {
    margin-top: 4%;
    margin-bottom: 4%;
  }
  .md-margin-four-half-tb {
    margin-top: 4.5%;
    margin-bottom: 4.5%;
  }
  .md-margin-five-tb {
    margin-top: 5%;
    margin-bottom: 5%;
  }
  .md-margin-five-half-tb {
    margin-top: 5.5%;
    margin-bottom: 5.5%;
  }
  .md-margin-six-tb {
    margin-top: 6%;
    margin-bottom: 6%;
  }
  .md-margin-six-half-tb {
    margin-top: 6.5%;
    margin-bottom: 6.5%;
  }
  .md-margin-seven-tb {
    margin-top: 7%;
    margin-bottom: 7%;
  }
  .md-margin-seven-half-tb {
    margin-top: 7.5%;
    margin-bottom: 7.5%;
  }
  .md-margin-eight-tb {
    margin-top: 8%;
    margin-bottom: 8%;
  }
  .md-margin-eight-half-tb {
    margin-top: 8.5%;
    margin-bottom: 8.5%;
  }
  .md-margin-nine-tb {
    margin-top: 9%;
    margin-bottom: 9%;
  }
  .md-margin-nine-half-tb {
    margin-top: 9.5%;
    margin-bottom: 9.5%;
  }
  .md-margin-ten-tb {
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .md-margin-ten-half-tb {
    margin-top: 10.5%;
    margin-bottom: 10.5%;
  }
  .md-margin-eleven-tb {
    margin-top: 11%;
    margin-bottom: 11%;
  }
  .md-margin-eleven-half-tb {
    margin-top: 11.5%;
    margin-bottom: 11.5%;
  }
  .md-margin-twelve-tb {
    margin-top: 12%;
    margin-bottom: 12%;
  }
  .md-margin-twelve-half-tb {
    margin-top: 12.5%;
    margin-bottom: 12.5%;
  }
  .md-margin-thirteen-tb {
    margin-top: 13%;
    margin-bottom: 13%;
  }
  .md-margin-thirteen-half-tb {
    margin-top: 13.5%;
    margin-bottom: 13.5%;
  }
  .md-margin-fourteen-tb {
    margin-top: 14%;
    margin-bottom: 14%;
  }
  .md-margin-fourteen-half-tb {
    margin-top: 14.5%;
    margin-bottom: 14.5%;
  }
  .md-margin-fifteen-tb {
    margin-top: 15%;
    margin-bottom: 15%;
  }
  .md-margin-fifteen-half-tb {
    margin-top: 15.5%;
    margin-bottom: 15.5%;
  }
  .md-margin-sixteen-tb {
    margin-top: 16%;
    margin-bottom: 16%;
  }
  .md-margin-sixteen-half-tb {
    margin-top: 16.5%;
    margin-bottom: 16.5%;
  }
  .md-margin-seventeen-tb {
    margin-top: 17%;
    margin-bottom: 17%;
  }
  .md-margin-seventeen-half-tb {
    margin-top: 17.5%;
    margin-bottom: 17.5%;
  }
  .md-margin-eighteen-tb {
    margin-top: 18%;
    margin-bottom: 18%;
  }
  .md-margin-eighteen-half-tb {
    margin-top: 18.5%;
    margin-bottom: 18.5%;
  }
  .md-margin-nineteen-tb {
    margin-top: 19%;
    margin-bottom: 19%;
  }
  .md-margin-nineteen-half-tb {
    margin-top: 19.5%;
    margin-bottom: 19.5%;
  }
  .md-margin-twenty-tb {
    margin-top: 20%;
    margin-bottom: 20%;
  }
  .md-margin-twenty-half-tb {
    margin-top: 20.5%;
    margin-bottom: 20.5%;
  }
  .md-margin-twenty-one-tb {
    margin-top: 21%;
    margin-bottom: 21%;
  }
  .md-margin-twenty-one-half-tb {
    margin-top: 21.5%;
    margin-bottom: 21.5%;
  }
  .md-margin-twenty-two-tb {
    margin-top: 22%;
    margin-bottom: 22%;
  }
  .md-margin-twenty-two-half-tb {
    margin-top: 22.5%;
    margin-bottom: 22.5%;
  }
  .md-margin-twenty-three-tb {
    margin-top: 23%;
    margin-bottom: 23%;
  }
  .md-margin-twenty-three-half-tb {
    margin-top: 23.5%;
    margin-bottom: 23.5%;
  }
  .md-margin-twenty-four-tb {
    margin-top: 24%;
    margin-bottom: 24%;
  }
  .md-margin-twenty-four-half-tb {
    margin-top: 24.5%;
    margin-bottom: 24.5%;
  }
  .md-margin-twenty-five-tb {
    margin-top: 25%;
    margin-bottom: 25%;
  }
  .md-margin-5px-tb {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .md-margin-10px-tb {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .md-margin-15px-tb {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .md-margin-20px-tb {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .md-margin-25px-tb {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .md-margin-30px-tb {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .md-margin-35px-tb {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .md-margin-40px-tb {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .md-margin-45px-tb {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .md-margin-50px-tb {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .md-margin-55px-tb {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .md-margin-60px-tb {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .md-margin-65px-tb {
    margin-top: 65px !important;
    margin-bottom: 60px !important;
  }
  .md-margin-70px-tb {
    margin-top: 70px !important;
    margin-bottom: 65px !important;
  }
  .md-margin-75px-tb {
    margin-top: 75px !important;
    margin-bottom: 70px !important;
  }
  .md-margin-80px-tb {
    margin-top: 80px !important;
    margin-bottom: 75px !important;
  }
  .md-margin-85px-tb {
    margin-top: 85px !important;
    margin-bottom: 80px !important;
  }
  .md-margin-90px-tb {
    margin-top: 90px !important;
    margin-bottom: 85px !important;
  }
  .md-margin-95px-tb {
    margin-top: 95px !important;
    margin-bottom: 90px !important;
  }
  .md-margin-100px-tb {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .md-no-padding {
    padding: 0 !important;
  }
  .md-no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .md-no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .md-no-padding-top {
    padding-top: 0 !important;
  }
  .md-no-padding-bottom {
    padding-bottom: 0 !important;
  }
  .md-no-padding-left {
    padding-left: 0 !important;
  }
  .md-no-padding-right {
    padding-right: 0 !important;
  }
  .md-padding-one-all {
    padding: 1%;
  }
  .md-padding-one-half-all {
    padding: 1.5%;
  }
  .md-padding-two-all {
    padding: 2%;
  }
  .md-padding-two-half-all {
    padding: 2.5%;
  }
  .md-padding-three-all {
    padding: 3%;
  }
  .md-padding-three-half-all {
    padding: 3.5%;
  }
  .md-padding-four-all {
    padding: 4%;
  }
  .md-padding-four-half-all {
    padding: 4.5%;
  }
  .md-padding-five-all {
    padding: 5%;
  }
  .md-padding-five-half-all {
    padding: 5.5%;
  }
  .md-padding-six-all {
    padding: 6%;
  }
  .md-padding-six-half-all {
    padding: 6.5%;
  }
  .md-padding-seven-all {
    padding: 7%;
  }
  .md-padding-seven-half-all {
    padding: 7.5%;
  }
  .md-padding-eight-all {
    padding: 8%;
  }
  .md-padding-eight-half-all {
    padding: 8.5%;
  }
  .md-padding-nine-all {
    padding: 9%;
  }
  .md-padding-nine-half-all {
    padding: 9.5%;
  }
  .md-padding-ten-all {
    padding: 10%;
  }
  .md-padding-ten-half-all {
    padding: 10.5%;
  }
  .md-padding-eleven-all {
    padding: 11%;
  }
  .md-padding-eleven-half-all {
    padding: 11.5%;
  }
  .md-padding-twelve-all {
    padding: 12%;
  }
  .md-padding-twelve-half-all {
    padding: 12.5%;
  }
  .md-padding-thirteen-all {
    padding: 13%;
  }
  .md-padding-thirteen-half-all {
    padding: 13.5%;
  }
  .md-padding-fourteen-all {
    padding: 14%;
  }
  .md-padding-fourteen-half-all {
    padding: 14.5%;
  }
  .md-padding-fifteen-all {
    padding: 15%;
  }
  .md-padding-fifteen-half-all {
    padding: 15.5%;
  }
  .md-padding-sixteen-all {
    padding: 16%;
  }
  .md-padding-sixteen-half-all {
    padding: 16.5%;
  }
  .md-padding-seventeen-all {
    padding: 17%;
  }
  .md-padding-seventeen-half-all {
    padding: 17.5%;
  }
  .md-padding-eighteen-all {
    padding: 18%;
  }
  .md-padding-eighteen-half-all {
    padding: 18.5%;
  }
  .md-padding-nineteen-all {
    padding: 19%;
  }
  .md-padding-nineteen-half-all {
    padding: 19.5%;
  }
  .md-padding-twenty-all {
    padding: 20%;
  }
  .md-padding-twenty-half-all {
    padding: 20.5%;
  }
  .md-padding-twenty-one-all {
    padding: 21%;
  }
  .md-padding-twenty-one-half-all {
    padding: 21.5%;
  }
  .md-padding-twenty-two-all {
    padding: 22%;
  }
  .md-padding-twenty-two-half-all {
    padding: 22.5%;
  }
  .md-padding-twenty-three-all {
    padding: 23%;
  }
  .md-padding-twenty-three-half-all {
    padding: 23.5%;
  }
  .md-padding-twenty-four-all {
    padding: 24%;
  }
  .md-padding-twenty-four-half-all {
    padding: 24.5%;
  }
  .md-padding-twenty-five-all {
    padding: 25%;
  }
  .md-padding-5px-all {
    padding: 5px !important;
  }
  .md-padding-10px-all {
    padding: 10px !important;
  }
  .md-padding-15px-all {
    padding: 15px !important;
  }
  .md-padding-20px-all {
    padding: 20px !important;
  }
  .md-padding-25px-all {
    padding: 25px !important;
  }
  .md-padding-30px-all {
    padding: 30px !important;
  }
  .md-padding-35px-all {
    padding: 35px !important;
  }
  .md-padding-40px-all {
    padding: 40px !important;
  }
  .md-padding-45px-all {
    padding: 45px !important;
  }
  .md-padding-50px-all {
    padding: 50px !important;
  }
  .md-padding-55px-all {
    padding: 55px !important;
  }
  .md-padding-60px-all {
    padding: 60px !important;
  }
  .md-padding-65px-all {
    padding: 65px !important;
  }
  .md-padding-70px-all {
    padding: 70px !important;
  }
  .md-padding-75px-all {
    padding: 75px !important;
  }
  .md-padding-80px-all {
    padding: 80px !important;
  }
  .md-padding-85px-all {
    padding: 85px !important;
  }
  .md-padding-90px-all {
    padding: 90px !important;
  }
  .md-padding-95px-all {
    padding: 95px !important;
  }
  .md-padding-100px-all {
    padding: 100px !important;
  }
  .md-padding-one-top {
    padding-top: 1%;
  }
  .md-padding-one-half-top {
    padding-top: 1.5%;
  }
  .md-padding-two-top {
    padding-top: 2%;
  }
  .md-padding-two-half-top {
    padding-top: 2.5%;
  }
  .md-padding-three-top {
    padding-top: 3%;
  }
  .md-padding-three-half-top {
    padding-top: 3.5%;
  }
  .md-padding-four-top {
    padding-top: 4%;
  }
  .md-padding-four-half-top {
    padding-top: 4.5%;
  }
  .md-padding-five-top {
    padding-top: 5%;
  }
  .md-padding-five-half-top {
    padding-top: 5.5%;
  }
  .md-padding-six-top {
    padding-top: 6%;
  }
  .md-padding-six-half-top {
    padding-top: 6.5%;
  }
  .md-padding-seven-top {
    padding-top: 7%;
  }
  .md-padding-seven-half-top {
    padding-top: 7.5%;
  }
  .md-padding-eight-top {
    padding-top: 8%;
  }
  .md-padding-eight-half-top {
    padding-top: 8.5%;
  }
  .md-padding-nine-top {
    padding-top: 9%;
  }
  .md-padding-nine-half-top {
    padding-top: 9.5%;
  }
  .md-padding-ten-top {
    padding-top: 10%;
  }
  .md-padding-ten-half-top {
    padding-top: 10.5%;
  }
  .md-padding-eleven-top {
    padding-top: 11%;
  }
  .md-padding-eleven-half-top {
    padding-top: 11.5%;
  }
  .md-padding-twelve-top {
    padding-top: 12%;
  }
  .md-padding-twelve-half-top {
    padding-top: 12.5%;
  }
  .md-padding-thirteen-top {
    padding-top: 13%;
  }
  .md-padding-thirteen-half-top {
    padding-top: 13.5%;
  }
  .md-padding-fourteen-top {
    padding-top: 14%;
  }
  .md-padding-fourteen-half-top {
    padding-top: 14.5%;
  }
  .md-padding-fifteen-top {
    padding-top: 15%;
  }
  .md-padding-fifteen-half-top {
    padding-top: 15.5%;
  }
  .md-padding-sixteen-top {
    padding-top: 16%;
  }
  .md-padding-sixteen-half-top {
    padding-top: 16.5%;
  }
  .md-padding-seventeen-top {
    padding-top: 17%;
  }
  .md-padding-seventeen-half-top {
    padding-top: 17.5%;
  }
  .md-padding-eighteen-top {
    padding-top: 18%;
  }
  .md-padding-eighteen-half-top {
    padding-top: 18.5%;
  }
  .md-padding-nineteen-top {
    padding-top: 19%;
  }
  .md-padding-nineteen-half-top {
    padding-top: 19.5%;
  }
  .md-padding-twenty-top {
    padding-top: 20%;
  }
  .md-padding-twenty-half-top {
    padding-top: 20.5%;
  }
  .md-padding-twenty-one-top {
    padding-top: 21%;
  }
  .md-padding-twenty-one-half-top {
    padding-top: 21.5%;
  }
  .md-padding-twenty-two-top {
    padding-top: 22%;
  }
  .md-padding-twenty-two-half-top {
    padding-top: 22.5%;
  }
  .md-padding-twenty-three-top {
    padding-top: 23%;
  }
  .md-padding-twenty-three-half-top {
    padding-top: 23.5%;
  }
  .md-padding-twenty-four-top {
    padding-top: 24%;
  }
  .md-padding-twenty-four-half-top {
    padding-top: 24.5%;
  }
  .md-padding-twenty-five-top {
    padding-top: 25%;
  }
  .md-padding-5px-top {
    padding-top: 5px !important;
  }
  .md-padding-10px-top {
    padding-top: 10px !important;
  }
  .md-padding-15px-top {
    padding-top: 15px !important;
  }
  .md-padding-20px-top {
    padding-top: 20px !important;
  }
  .md-padding-25px-top {
    padding-top: 25px !important;
  }
  .md-padding-30px-top {
    padding-top: 30px !important;
  }
  .md-padding-35px-top {
    padding-top: 35px !important;
  }
  .md-padding-40px-top {
    padding-top: 40px !important;
  }
  .md-padding-45px-top {
    padding-top: 45px !important;
  }
  .md-padding-50px-top {
    padding-top: 50px !important;
  }
  .md-padding-55px-top {
    padding-top: 55px !important;
  }
  .md-padding-60px-top {
    padding-top: 60px !important;
  }
  .md-padding-65px-top {
    padding-top: 65px !important;
  }
  .md-padding-70px-top {
    padding-top: 70px !important;
  }
  .md-padding-75px-top {
    padding-top: 75px !important;
  }
  .md-padding-80px-top {
    padding-top: 80px !important;
  }
  .md-padding-85px-top {
    padding-top: 85px !important;
  }
  .md-padding-90px-top {
    padding-top: 90px !important;
  }
  .md-padding-95px-top {
    padding-top: 95px !important;
  }
  .md-padding-100px-top {
    padding-top: 100px !important;
  }
  .md-padding-130px-top {
    padding-top: 130px !important;
  }
  .md-padding-one-bottom {
    padding-bottom: 1%;
  }
  .md-padding-one-half-bottom {
    padding-bottom: 1.5%;
  }
  .md-padding-two-bottom {
    padding-bottom: 2%;
  }
  .md-padding-two-half-bottom {
    padding-bottom: 2.5%;
  }
  .md-padding-three-bottom {
    padding-bottom: 3%;
  }
  .md-padding-three-half-bottom {
    padding-bottom: 3.5%;
  }
  .md-padding-four-bottom {
    padding-bottom: 4%;
  }
  .md-padding-four-half-bottom {
    padding-bottom: 4.5%;
  }
  .md-padding-five-bottom {
    padding-bottom: 5%;
  }
  .md-padding-five-half-bottom {
    padding-bottom: 5.5%;
  }
  .md-padding-six-bottom {
    padding-bottom: 6%;
  }
  .md-padding-six-half-bottom {
    padding-bottom: 6.5%;
  }
  .md-padding-seven-bottom {
    padding-bottom: 7%;
  }
  .md-padding-seven-half-bottom {
    padding-bottom: 7.5%;
  }
  .md-padding-eight-bottom {
    padding-bottom: 8%;
  }
  .md-padding-eight-half-bottom {
    padding-bottom: 8.5%;
  }
  .md-padding-nine-bottom {
    padding-bottom: 9%;
  }
  .md-padding-nine-half-bottom {
    padding-bottom: 9.5%;
  }
  .md-padding-ten-bottom {
    padding-bottom: 10%;
  }
  .md-padding-ten-half-bottom {
    padding-bottom: 10.5%;
  }
  .md-padding-eleven-bottom {
    padding-bottom: 11%;
  }
  .md-padding-eleven-half-bottom {
    padding-bottom: 11.5%;
  }
  .md-padding-twelve-bottom {
    padding-bottom: 12%;
  }
  .md-padding-twelve-half-bottom {
    padding-bottom: 12.5%;
  }
  .md-padding-thirteen-bottom {
    padding-bottom: 13%;
  }
  .md-padding-thirteen-half-bottom {
    padding-bottom: 13.5%;
  }
  .md-padding-fourteen-bottom {
    padding-bottom: 14%;
  }
  .md-padding-fourteen-half-bottom {
    padding-bottom: 14.5%;
  }
  .md-padding-fifteen-bottom {
    padding-bottom: 15%;
  }
  .md-padding-fifteen-half-bottom {
    padding-bottom: 15.5%;
  }
  .md-padding-sixteen-bottom {
    padding-bottom: 16%;
  }
  .md-padding-sixteen-half-bottom {
    padding-bottom: 16.5%;
  }
  .md-padding-seventeen-bottom {
    padding-bottom: 17%;
  }
  .md-padding-seventeen-half-bottom {
    padding-bottom: 17.5%;
  }
  .md-padding-eighteen-bottom {
    padding-bottom: 18%;
  }
  .md-padding-eighteen-half-bottom {
    padding-bottom: 18.5%;
  }
  .md-padding-nineteen-bottom {
    padding-bottom: 19%;
  }
  .md-padding-nineteen-half-bottom {
    padding-bottom: 19.5%;
  }
  .md-padding-twenty-bottom {
    padding-bottom: 20%;
  }
  .md-padding-twenty-half-bottom {
    padding-bottom: 20.5%;
  }
  .md-padding-twenty-one-bottom {
    padding-bottom: 21%;
  }
  .md-padding-twenty-one-half-bottom {
    padding-bottom: 21.5%;
  }
  .md-padding-twenty-two-bottom {
    padding-bottom: 22%;
  }
  .md-padding-twenty-two-half-bottom {
    padding-bottom: 22.5%;
  }
  .md-padding-twenty-three-bottom {
    padding-bottom: 23%;
  }
  .md-padding-twenty-three-half-bottom {
    padding-bottom: 23.5%;
  }
  .md-padding-twenty-four-bottom {
    padding-bottom: 24%;
  }
  .md-padding-twenty-four-half-bottom {
    padding-bottom: 24.5%;
  }
  .md-padding-twenty-five-bottom {
    padding-bottom: 25%;
  }
  .md-padding-5px-bottom {
    padding-bottom: 5px !important;
  }
  .md-padding-10px-bottom {
    padding-bottom: 10px !important;
  }
  .md-padding-15px-bottom {
    padding-bottom: 15px !important;
  }
  .md-padding-20px-bottom {
    padding-bottom: 20px !important;
  }
  .md-padding-25px-bottom {
    padding-bottom: 25px !important;
  }
  .md-padding-30px-bottom {
    padding-bottom: 30px !important;
  }
  .md-padding-35px-bottom {
    padding-bottom: 35px !important;
  }
  .md-padding-40px-bottom {
    padding-bottom: 40px !important;
  }
  .md-padding-45px-bottom {
    padding-bottom: 45px !important;
  }
  .md-padding-50px-bottom {
    padding-bottom: 50px !important;
  }
  .md-padding-55px-bottom {
    padding-bottom: 55px !important;
  }
  .md-padding-60px-bottom {
    padding-bottom: 60px !important;
  }
  .md-padding-65px-bottom {
    padding-bottom: 65px !important;
  }
  .md-padding-70px-bottom {
    padding-bottom: 70px !important;
  }
  .md-padding-75px-bottom {
    padding-bottom: 75px !important;
  }
  .md-padding-80px-bottom {
    padding-bottom: 80px !important;
  }
  .md-padding-85px-bottom {
    padding-bottom: 85px !important;
  }
  .md-padding-90px-bottom {
    padding-bottom: 90px !important;
  }
  .md-padding-95px-bottom {
    padding-bottom: 95px !important;
  }
  .md-padding-100px-bottom {
    padding-bottom: 100px !important;
  }
  .md-padding-130px-bottom {
    padding-bottom: 130px !important;
  }
  .md-padding-one-right {
    padding-right: 1%;
  }
  .md-padding-one-half-right {
    padding-right: 1.5%;
  }
  .md-padding-two-right {
    padding-right: 2%;
  }
  .md-padding-two-half-right {
    padding-right: 2.5%;
  }
  .md-padding-three-right {
    padding-right: 3%;
  }
  .md-padding-three-half-right {
    padding-right: 3.5%;
  }
  .md-padding-four-right {
    padding-right: 4%;
  }
  .md-padding-four-half-right {
    padding-right: 4.5%;
  }
  .md-padding-five-right {
    padding-right: 5%;
  }
  .md-padding-five-half-right {
    padding-right: 5.5%;
  }
  .md-padding-six-right {
    padding-right: 6%;
  }
  .md-padding-six-half-right {
    padding-right: 6.5%;
  }
  .md-padding-seven-right {
    padding-right: 7%;
  }
  .md-padding-seven-half-right {
    padding-right: 7.5%;
  }
  .md-padding-eight-right {
    padding-right: 8%;
  }
  .md-padding-eight-half-right {
    padding-right: 8.5%;
  }
  .md-padding-nine-right {
    padding-right: 9%;
  }
  .md-padding-nine-half-right {
    padding-right: 9.5%;
  }
  .md-padding-ten-right {
    padding-right: 10%;
  }
  .md-padding-ten-half-right {
    padding-right: 10.5%;
  }
  .md-padding-eleven-right {
    padding-right: 11%;
  }
  .md-padding-eleven-half-right {
    padding-right: 11.5%;
  }
  .md-padding-twelve-right {
    padding-right: 12%;
  }
  .md-padding-twelve-half-right {
    padding-right: 12.5%;
  }
  .md-padding-thirteen-right {
    padding-right: 13%;
  }
  .md-padding-thirteen-half-right {
    padding-right: 13.5%;
  }
  .md-padding-fourteen-right {
    padding-right: 14%;
  }
  .md-padding-fourteen-half-right {
    padding-right: 14.5%;
  }
  .md-padding-fifteen-right {
    padding-right: 15%;
  }
  .md-padding-fifteen-half-right {
    padding-right: 15.5%;
  }
  .md-padding-sixteen-right {
    padding-right: 16%;
  }
  .md-padding-sixteen-half-right {
    padding-right: 16.5%;
  }
  .md-padding-seventeen-right {
    padding-right: 17%;
  }
  .md-padding-seventeen-half-right {
    padding-right: 17.5%;
  }
  .md-padding-eighteen-right {
    padding-right: 18%;
  }
  .md-padding-eighteen-half-right {
    padding-right: 18.5%;
  }
  .md-padding-nineteen-right {
    padding-right: 19%;
  }
  .md-padding-nineteen-half-right {
    padding-right: 19.5%;
  }
  .md-padding-twenty-right {
    padding-right: 20%;
  }
  .md-padding-twenty-half-right {
    padding-right: 20.5%;
  }
  .md-padding-twenty-one-right {
    padding-right: 21%;
  }
  .md-padding-twenty-one-half-right {
    padding-right: 21.5%;
  }
  .md-padding-twenty-two-right {
    padding-right: 22%;
  }
  .md-padding-twenty-two-half-right {
    padding-right: 22.5%;
  }
  .md-padding-twenty-three-right {
    padding-right: 23%;
  }
  .md-padding-twenty-three-half-right {
    padding-right: 23.5%;
  }
  .md-padding-twenty-four-right {
    padding-right: 24%;
  }
  .md-padding-twenty-four-half-right {
    padding-right: 24.5%;
  }
  .md-padding-twenty-five-right {
    padding-right: 25%;
  }
  .md-padding-5px-right {
    padding-right: 5px !important;
  }
  .md-padding-10px-right {
    padding-right: 10px !important;
  }
  .md-padding-15px-right {
    padding-right: 15px !important;
  }
  .md-padding-20px-right {
    padding-right: 20px !important;
  }
  .md-padding-25px-right {
    padding-right: 25px !important;
  }
  .md-padding-30px-right {
    padding-right: 30px !important;
  }
  .md-padding-35px-right {
    padding-right: 35px !important;
  }
  .md-padding-40px-right {
    padding-right: 40px !important;
  }
  .md-padding-45px-right {
    padding-right: 45px !important;
  }
  .md-padding-50px-right {
    padding-right: 50px !important;
  }
  .md-padding-55px-right {
    padding-right: 55px !important;
  }
  .md-padding-60px-right {
    padding-right: 60px !important;
  }
  .md-padding-65px-right {
    padding-right: 65px !important;
  }
  .md-padding-70px-right {
    padding-right: 70px !important;
  }
  .md-padding-75px-right {
    padding-right: 75px !important;
  }
  .md-padding-80px-right {
    padding-right: 80px !important;
  }
  .md-padding-85px-right {
    padding-right: 85px !important;
  }
  .md-padding-90px-right {
    padding-right: 90px !important;
  }
  .md-padding-95px-right {
    padding-right: 95px !important;
  }
  .md-padding-100px-right {
    padding-right: 100px !important;
  }
  .md-padding-one-left {
    padding-left: 1%;
  }
  .md-padding-one-half-left {
    padding-left: 1.5%;
  }
  .md-padding-two-left {
    padding-left: 2%;
  }
  .md-padding-two-half-left {
    padding-left: 2.5%;
  }
  .md-padding-three-left {
    padding-left: 3%;
  }
  .md-padding-three-half-left {
    padding-left: 3.5%;
  }
  .md-padding-four-left {
    padding-left: 4%;
  }
  .md-padding-four-half-left {
    padding-left: 4.5%;
  }
  .md-padding-five-left {
    padding-left: 5%;
  }
  .md-padding-five-half-left {
    padding-left: 5.5%;
  }
  .md-padding-six-left {
    padding-left: 6%;
  }
  .md-padding-six-half-left {
    padding-left: 6.5%;
  }
  .md-padding-seven-left {
    padding-left: 7%;
  }
  .md-padding-seven-half-left {
    padding-left: 7.5%;
  }
  .md-padding-eight-left {
    padding-left: 8%;
  }
  .md-padding-eight-half-left {
    padding-left: 8.5%;
  }
  .md-padding-nine-left {
    padding-left: 9%;
  }
  .md-padding-nine-half-left {
    padding-left: 9.5%;
  }
  .md-padding-ten-left {
    padding-left: 10%;
  }
  .md-padding-ten-half-left {
    padding-left: 10.5%;
  }
  .md-padding-eleven-left {
    padding-left: 11%;
  }
  .md-padding-eleven-half-left {
    padding-left: 11.5%;
  }
  .md-padding-twelve-left {
    padding-left: 12%;
  }
  .md-padding-twelve-half-left {
    padding-left: 12.5%;
  }
  .md-padding-thirteen-left {
    padding-left: 13%;
  }
  .md-padding-thirteen-half-left {
    padding-left: 13.5%;
  }
  .md-padding-fourteen-left {
    padding-left: 14%;
  }
  .md-padding-fourteen-half-left {
    padding-left: 14.5%;
  }
  .md-padding-fifteen-left {
    padding-left: 15%;
  }
  .md-padding-fifteen-half-left {
    padding-left: 15.5%;
  }
  .md-padding-sixteen-left {
    padding-left: 16%;
  }
  .md-padding-sixteen-half-left {
    padding-left: 16.5%;
  }
  .md-padding-seventeen-left {
    padding-left: 17%;
  }
  .md-padding-seventeen-half-left {
    padding-left: 17.5%;
  }
  .md-padding-eighteen-left {
    padding-left: 18%;
  }
  .md-padding-eighteen-half-left {
    padding-left: 18.5%;
  }
  .md-padding-nineteen-left {
    padding-left: 19%;
  }
  .md-padding-nineteen-half-left {
    padding-left: 19.5%;
  }
  .md-padding-twenty-left {
    padding-left: 20%;
  }
  .md-padding-twenty-half-left {
    padding-left: 20.5%;
  }
  .md-padding-twenty-one-left {
    padding-left: 21%;
  }
  .md-padding-twenty-one-half-left {
    padding-left: 21.5%;
  }
  .md-padding-twenty-two-left {
    padding-left: 22%;
  }
  .md-padding-twenty-two-half-left {
    padding-left: 22.5%;
  }
  .md-padding-twenty-three-left {
    padding-left: 23%;
  }
  .md-padding-twenty-three-half-left {
    padding-left: 23.5%;
  }
  .md-padding-twenty-four-left {
    padding-left: 24%;
  }
  .md-padding-twenty-four-half-left {
    padding-left: 24.5%;
  }
  .md-padding-twenty-five-left {
    padding-left: 25%;
  }
  .md-padding-5px-left {
    padding-left: 5px !important;
  }
  .md-padding-10px-left {
    padding-left: 10px !important;
  }
  .md-padding-15px-left {
    padding-left: 15px !important;
  }
  .md-padding-20px-left {
    padding-left: 20px !important;
  }
  .md-padding-25px-left {
    padding-left: 25px !important;
  }
  .md-padding-30px-left {
    padding-left: 30px !important;
  }
  .md-padding-35px-left {
    padding-left: 35px !important;
  }
  .md-padding-40px-left {
    padding-left: 40px !important;
  }
  .md-padding-45px-left {
    padding-left: 45px !important;
  }
  .md-padding-50px-left {
    padding-left: 50px !important;
  }
  .md-padding-55px-left {
    padding-left: 55px !important;
  }
  .md-padding-60px-left {
    padding-left: 60px !important;
  }
  .md-padding-65px-left {
    padding-left: 65px !important;
  }
  .md-padding-70px-left {
    padding-left: 70px !important;
  }
  .md-padding-75px-left {
    padding-left: 75px !important;
  }
  .md-padding-80px-left {
    padding-left: 80px !important;
  }
  .md-padding-85px-left {
    padding-left: 85px !important;
  }
  .md-padding-90px-left {
    padding-left: 90px !important;
  }
  .md-padding-95px-left {
    padding-left: 95px !important;
  }
  .md-padding-100px-left {
    padding-left: 100px !important;
  }
  .md-padding-one-tb {
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .md-padding-one-half-tb {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }
  .md-padding-two-tb {
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .md-padding-two-half-tb {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
  }
  .md-padding-three-tb {
    padding-top: 3%;
    padding-bottom: 3%;
  }
  .md-padding-three-half-tb {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
  }
  .md-padding-four-tb {
    padding-top: 4%;
    padding-bottom: 4%;
  }
  .md-padding-four-half-tb {
    padding-top: 4.5%;
    padding-bottom: 4.5%;
  }
  .md-padding-five-tb {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .md-padding-five-half-tb {
    padding-top: 5.5%;
    padding-bottom: 5.5%;
  }
  .md-padding-six-tb {
    padding-top: 6%;
    padding-bottom: 6%;
  }
  .md-padding-six-half-tb {
    padding-top: 6.5%;
    padding-bottom: 6.5%;
  }
  .md-padding-seven-tb {
    padding-top: 7%;
    padding-bottom: 7%;
  }
  .md-padding-seven-half-tb {
    padding-top: 7.5%;
    padding-bottom: 7.5%;
  }
  .md-padding-eight-tb {
    padding-top: 8%;
    padding-bottom: 8%;
  }
  .md-padding-eight-half-tb {
    padding-top: 8.5%;
    padding-bottom: 8.5%;
  }
  .md-padding-nine-tb {
    padding-top: 9%;
    padding-bottom: 9%;
  }
  .md-padding-nine-half-tb {
    padding-top: 9.5%;
    padding-bottom: 9.5%;
  }
  .md-padding-ten-tb {
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .md-padding-ten-half-tb {
    padding-top: 10.5%;
    padding-bottom: 10.5%;
  }
  .md-padding-eleven-tb {
    padding-top: 11%;
    padding-bottom: 11%;
  }
  .md-padding-eleven-half-tb {
    padding-top: 11.5%;
    padding-bottom: 11.5%;
  }
  .md-padding-twelve-tb {
    padding-top: 12%;
    padding-bottom: 12%;
  }
  .md-padding-twelve-half-tb {
    padding-top: 12.5%;
    padding-bottom: 12.5%;
  }
  .md-padding-thirteen-tb {
    padding-top: 13%;
    padding-bottom: 13%;
  }
  .md-padding-thirteen-half-tb {
    padding-top: 13.5%;
    padding-bottom: 13.5%;
  }
  .md-padding-fourteen-tb {
    padding-top: 14%;
    padding-bottom: 14%;
  }
  .md-padding-fourteen-half-tb {
    padding-top: 14.5%;
    padding-bottom: 14.5%;
  }
  .md-padding-fifteen-tb {
    padding-top: 15%;
    padding-bottom: 15%;
  }
  .md-padding-fifteen-half-tb {
    padding-top: 15.5%;
    padding-bottom: 15.5%;
  }
  .md-padding-sixteen-tb {
    padding-top: 16%;
    padding-bottom: 16%;
  }
  .md-padding-sixteen-half-tb {
    padding-top: 16.5%;
    padding-bottom: 16.5%;
  }
  .md-padding-seventeen-tb {
    padding-top: 17%;
    padding-bottom: 17%;
  }
  .md-padding-seventeen-half-tb {
    padding-top: 17.5%;
    padding-bottom: 17.5%;
  }
  .md-padding-eighteen-tb {
    padding-top: 18%;
    padding-bottom: 18%;
  }
  .md-padding-eighteen-half-tb {
    padding-top: 18.5%;
    padding-bottom: 18.5%;
  }
  .md-padding-nineteen-tb {
    padding-top: 19%;
    padding-bottom: 19%;
  }
  .md-padding-nineteen-half-tb {
    padding-top: 19.5%;
    padding-bottom: 19.5%;
  }
  .md-padding-twenty-tb {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .md-padding-twenty-half-tb {
    padding-top: 20.5%;
    padding-bottom: 20.5%;
  }
  .md-padding-twenty-one-tb {
    padding-top: 21%;
    padding-bottom: 21%;
  }
  .md-padding-twenty-one-half-tb {
    padding-top: 21.5%;
    padding-bottom: 21.5%;
  }
  .md-padding-twenty-two-tb {
    padding-top: 22%;
    padding-bottom: 22%;
  }
  .md-padding-twenty-two-half-tb {
    padding-top: 22.5%;
    padding-bottom: 22.5%;
  }
  .md-padding-twenty-three-tb {
    padding-top: 23%;
    padding-bottom: 23%;
  }
  .md-padding-twenty-three-half-tb {
    padding-top: 23.5%;
    padding-bottom: 23.5%;
  }
  .md-padding-twenty-four-tb {
    padding-top: 24%;
    padding-bottom: 24%;
  }
  .md-padding-twenty-four-half-tb {
    padding-top: 24.5%;
    padding-bottom: 24.5%;
  }
  .md-padding-twenty-five-tb {
    padding-top: 25%;
    padding-bottom: 25%;
  }
  .md-padding-5px-tb {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .md-padding-10px-tb {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .md-padding-15px-tb {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .md-padding-20px-tb {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .md-padding-25px-tb {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .md-padding-30px-tb {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .md-padding-35px-tb {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .md-padding-40px-tb {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .md-padding-45px-tb {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .md-padding-50px-tb {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .md-padding-55px-tb {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .md-padding-60px-tb {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .md-padding-65px-tb {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .md-padding-70px-tb {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .md-padding-75px-tb {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .md-padding-80px-tb {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .md-padding-85px-tb {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .md-padding-90px-tb {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .md-padding-95px-tb {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .md-padding-100px-tb {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .md-padding-one-lr {
    padding-left: 1%;
    padding-right: 1%;
  }
  .md-padding-one-half-lr {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }
  .md-padding-two-lr {
    padding-left: 2%;
    padding-right: 2%;
  }
  .md-padding-two-half-lr {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
  .md-padding-three-lr {
    padding-left: 3%;
    padding-right: 3%;
  }
  .md-padding-three-half-lr {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
  .md-padding-four-lr {
    padding-left: 4%;
    padding-right: 4%;
  }
  .md-padding-four-half-lr {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  .md-padding-five-lr {
    padding-left: 5%;
    padding-right: 5%;
  }
  .md-padding-five-half-lr {
    padding-left: 5.5%;
    padding-right: 5.5%;
  }
  .md-padding-six-lr {
    padding-left: 6%;
    padding-right: 6%;
  }
  .md-padding-six-half-lr {
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
  .md-padding-seven-lr {
    padding-left: 7%;
    padding-right: 7%;
  }
  .md-padding-seven-half-lr {
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
  .md-padding-eight-lr {
    padding-left: 8%;
    padding-right: 8%;
  }
  .md-padding-eight-half-lr {
    padding-left: 8.5%;
    padding-right: 8.5%;
  }
  .md-padding-nine-lr {
    padding-left: 9%;
    padding-right: 9%;
  }
  .md-padding-nine-half-lr {
    padding-left: 9.5%;
    padding-right: 9.5%;
  }
  .md-padding-ten-lr {
    padding-left: 10%;
    padding-right: 10%;
  }
  .md-padding-ten-half-lr {
    padding-left: 10.5%;
    padding-right: 10.5%;
  }
  .md-padding-eleven-lr {
    padding-left: 11%;
    padding-right: 11%;
  }
  .md-padding-eleven-half-lr {
    padding-left: 11.5%;
    padding-right: 11.5%;
  }
  .md-padding-twelve-lr {
    padding-left: 12%;
    padding-right: 12%;
  }
  .md-padding-twelve-half-lr {
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
  .md-padding-thirteen-lr {
    padding-left: 13%;
    padding-right: 13%;
  }
  .md-padding-thirteen-half-lr {
    padding-left: 13.5%;
    padding-right: 13.5%;
  }
  .md-padding-fourteen-lr {
    padding-left: 14%;
    padding-right: 14%;
  }
  .md-padding-fourteen-half-lr {
    padding-left: 14.5%;
    padding-right: 14.5%;
  }
  .md-padding-fifteen-lr {
    padding-left: 15%;
    padding-right: 15%;
  }
  .md-padding-fifteen-half-lr {
    padding-left: 15.5%;
    padding-right: 15.5%;
  }
  .md-padding-sixteen-lr {
    padding-left: 16%;
    padding-right: 16%;
  }
  .md-padding-sixteen-half-lr {
    padding-left: 16.5%;
    padding-right: 16.5%;
  }
  .md-padding-seventeen-lr {
    padding-left: 17%;
    padding-right: 17%;
  }
  .md-padding-seventeen-half-lr {
    padding-left: 17.5%;
    padding-right: 17.5%;
  }
  .md-padding-eighteen-lr {
    padding-left: 18%;
    padding-right: 18%;
  }
  .md-padding-eighteen-half-lr {
    padding-left: 18.5%;
    padding-right: 18.5%;
  }
  .md-padding-nineteen-lr {
    padding-left: 19%;
    padding-right: 19%;
  }
  .md-padding-nineteen-half-lr {
    padding-left: 19.5%;
    padding-right: 19.5%;
  }
  .md-padding-twenty-lr {
    padding-left: 20%;
    padding-right: 20%;
  }
  .md-padding-twenty-half-lr {
    padding-left: 20.5%;
    padding-right: 20.5%;
  }
  .md-padding-twenty-one-lr {
    padding-left: 21%;
    padding-right: 21%;
  }
  .md-padding-twenty-one-half-lr {
    padding-left: 21.5%;
    padding-right: 21.5%;
  }
  .md-padding-twenty-two-lr {
    padding-left: 22%;
    padding-right: 22%;
  }
  .md-padding-twenty-two-half-lr {
    padding-left: 22.5%;
    padding-right: 22.5%;
  }
  .md-padding-twenty-three-lr {
    padding-left: 23%;
    padding-right: 23%;
  }
  .md-padding-twenty-three-half-lr {
    padding-left: 23.5%;
    padding-right: 23.5%;
  }
  .md-padding-twenty-four-lr {
    padding-left: 24%;
    padding-right: 24%;
  }
  .md-padding-twenty-four-half-lr {
    padding-left: 24.5%;
    padding-right: 24.5%;
  }
  .md-padding-twenty-five-lr {
    padding-left: 25%;
    padding-right: 25%;
  }
  .md-padding-5px-lr {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .md-padding-10px-lr {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .md-padding-15px-lr {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .md-padding-20px-lr {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .md-padding-25px-lr {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .md-padding-30px-lr {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .md-padding-35px-lr {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .md-padding-40px-lr {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .md-padding-45px-lr {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .md-padding-50px-lr {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .md-padding-55px-lr {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .md-padding-60px-lr {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .md-padding-65px-lr {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .md-padding-70px-lr {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .md-padding-75px-lr {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .md-padding-80px-lr {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .md-padding-85px-lr {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .md-padding-90px-lr {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .md-padding-95px-lr {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .md-padding-100px-lr {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .md-width-10 {
    width: 10%;
  }
  .md-width-15 {
    width: 15%;
  }
  .md-width-20 {
    width: 20%;
  }
  .md-width-25 {
    width: 25%;
  }
  .md-width-30 {
    width: 30%;
  }
  .md-width-35 {
    width: 35%;
  }
  .md-width-40 {
    width: 40%;
  }
  .md-width-45 {
    width: 45%;
  }
  .md-width-50 {
    width: 50%;
  }
  .md-width-55 {
    width: 55%;
  }
  .md-width-60 {
    width: 60%;
  }
  .md-width-65 {
    width: 65%;
  }
  .md-width-70 {
    width: 70%;
  }
  .md-width-75 {
    width: 75%;
  }
  .md-width-80 {
    width: 80%;
  }
  .md-width-85 {
    width: 85%;
  }
  .md-width-90 {
    width: 90%;
  }
  .md-width-95 {
    width: 95%;
  }
  .md-width-100 {
    width: 100%;
  }
  .md-width-auto {
    width: auto;
  }
  .md-width-50px {
    width: 50px;
  }
  .md-width-70px {
    width: 70px;
  }
  .md-width-75px {
    width: 75px;
  }
  .md-width-80px {
    width: 80px;
  }
  .md-width-85px {
    width: 85px;
  }
  .md-width-90px {
    width: 90px;
  }
  .md-width-95px {
    width: 95px;
  }
  .md-width-100px {
    width: 100px;
  }
  .md-width-120px {
    width: 120px;
  }
  .md-width-130px {
    width: 130px;
  }
  .md-width-150px {
    width: 150px;
  }
  .md-width-180px {
    width: 180px;
  }
  .md-width-200px {
    width: 200px;
  }
  .md-width-250px {
    width: 250px;
  }
  .md-width-300px {
    width: 300px;
  }
  .md-width-350px {
    width: 350px;
  }
  .md-width-400px {
    width: 400px;
  }
  .md-width-450px {
    width: 450px;
  }
  .md-width-500px {
    width: 500px;
  }
  .md-width-550px {
    width: 550px;
  }
  .md-width-600px {
    width: 600px;
  }
  .md-width-650px {
    width: 650px;
  }
  .md-width-700px {
    width: 700px;
  }
  .md-width-750px {
    width: 750px;
  }
  .md-width-800px {
    width: 800px;
  }
  .md-width-850px {
    width: 850px;
  }
  .md-width-900px {
    width: 900px;
  }
  .md-width-950px {
    width: 950px;
  }
  .md-width-1000px {
    width: 1000px;
  }
  .md-display-block {
    display: block !important;
  }
  .md-overflow-hidden {
    overflow: hidden !important;
  }
  .md-overflow-auto {
    overflow: auto !important;
  }
  .md-display-inline-block {
    display: inline-block !important;
  }
  .md-display-inline {
    display: inline !important;
  }
  .md-display-none {
    display: none !important;
  }
  .md-display-inherit {
    display: inherit !important;
  }
  .md-display-table {
    display: table !important;
  }
  .md-display-table-cell {
    display: table-cell !important;
  }
  .md-position-inherit {
    position: inherit;
  }
  .md-position-relative {
    position: relative;
    z-index: 5;
  }
  .md-position-absolute {
    position: absolute;
  }
  .md-position-fixed {
    position: fixed;
  }
}
@media (max-width: 1050px) {
  .parallax {
    background-attachment: inherit;
  }
}
@media (max-width: 991px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 18px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
  }
  h1 {
    font-size: 57px;
    line-height: 58px;
  }
  h2 {
    font-size: 43px;
    line-height: 48px;
  }
  h3 {
    font-size: 36px;
    line-height: 41px;
  }
  h4 {
    font-size: 30px;
    line-height: 35px;
  }
  h5 {
    font-size: 24px;
    line-height: 30px;
  }
  h6 {
    font-size: 22px;
    line-height: 26px;
  }
  p {
    margin: 0 0 20px;
  }
  .sm-font-size11 {
    font-size: 11px;
    line-height: 14px;
  }
  .sm-font-size12 {
    font-size: 12px;
    line-height: 20px;
  }
  .sm-font-size13 {
    font-size: 13px;
    line-height: normal;
  }
  .sm-font-size14 {
    font-size: 14px;
    line-height: normal;
  }
  .sm-font-size15 {
    font-size: 15px;
    line-height: normal;
  }
  .sm-font-size16 {
    font-size: 16px;
    line-height: normal;
  }
  .sm-font-size17 {
    font-size: 17px;
    line-height: normal;
  }
  .sm-font-size18 {
    font-size: 18px;
    line-height: 26px;
  }
  .sm-font-size19 {
    font-size: 19px;
    line-height: normal;
  }
  .sm-font-size20 {
    font-size: 20px;
    line-height: normal;
  }
  .sm-font-size22 {
    font-size: 22px;
    line-height: normal;
  }
  .sm-font-size24 {
    font-size: 24px;
    line-height: normal;
  }
  .sm-font-size26 {
    font-size: 26px;
    line-height: normal;
  }
  .sm-font-size28 {
    font-size: 28px;
    line-height: 34px;
  }
  .sm-font-size30 {
    font-size: 30px;
    line-height: normal;
  }
  .sm-font-size32 {
    font-size: 32px;
    line-height: normal;
  }
  .sm-font-size34 {
    font-size: 34px;
    line-height: normal;
  }
  .sm-font-size36 {
    font-size: 36px;
    line-height: normal;
  }
  .sm-font-size38 {
    font-size: 38px;
    line-height: normal;
  }
  .sm-font-size40 {
    font-size: 40px;
    line-height: normal;
  }
  .sm-font-size42 {
    font-size: 42px;
    line-height: normal;
  }
  .sm-font-size44 {
    font-size: 44px;
    line-height: normal;
  }
  .sm-font-size46 {
    font-size: 46px;
    line-height: normal;
  }
  .sm-font-size48 {
    font-size: 48px;
    line-height: normal;
  }
  .sm-font-size50 {
    font-size: 50px;
    line-height: normal;
  }
  .sm-font-size100 {
    font-size: 100px;
    line-height: 95px;
  }
  .sm-font-size130 {
    font-size: 130px;
    line-height: 120px;
  }
  section {
    padding: 50px 0;
  }
  .sm-center-col {
    float: none;
    margin: 0 auto;
  }
  .sm-float-left {
    float: left !important;
  }
  .sm-float-right {
    float: right !important;
  }
  .sm-float-none {
    float: none !important;
  }
  .sm-text-center {
    text-align: center;
  }
  .sm-text-left {
    text-align: left;
  }
  .sm-text-right {
    text-align: right;
  }
  .sm-vertical-align-middle {
    vertical-align: middle;
  }
  .sm-vertical-align-top {
    vertical-align: top;
  }
  .sm-vertical-align-bottom {
    vertical-align: bottom;
  }
  .sm-absolute-middle-inherit {
    left: 0;
    top: 0;
    position: relative;
    -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
  }
  .sm-background-image-left {
    background-position: left;
  }
  .sm-background-image-right {
    background-position: right;
  }
  .sm-background-image-center {
    background-position: center;
  }
  .sm-no-border-top {
    border-top: 0 !important;
  }
  .sm-no-border-bottom {
    border-bottom: 0 !important;
  }
  .sm-no-border-right {
    border-right: 0 !important;
  }
  .sm-no-border-left {
    border-left: 0 !important;
  }
  .sm-no-border {
    border: 0 !important;
  }
  .sm-border-top {
    border-top: 1px solid;
  }
  .sm-border-bottom {
    border-bottom: 1px solid;
  }
  .sm-border-left {
    border-left: 1px solid;
  }
  .sm-border-right {
    border-right: 1px solid;
  }
  .sm-border-lr {
    border-left: 1px solid;
    border-right: 1px solid;
  }
  .sm-border-tb {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
  .sm-margin-one-all {
    margin: 1%;
  }
  .sm-margin-one-half-all {
    margin: 1.5%;
  }
  .sm-margin-two-all {
    margin: 2%;
  }
  .sm-margin-two-half-all {
    margin: 2.5%;
  }
  .sm-margin-three-all {
    margin: 3%;
  }
  .sm-margin-three-half-all {
    margin: 3.5%;
  }
  .sm-margin-four-all {
    margin: 4%;
  }
  .sm-margin-four-half-all {
    margin: 4.5%;
  }
  .sm-margin-five-all {
    margin: 5%;
  }
  .sm-margin-five-half-all {
    margin: 5.5%;
  }
  .sm-margin-six-all {
    margin: 6%;
  }
  .sm-margin-six-half-all {
    margin: 6.5%;
  }
  .sm-margin-seven-all {
    margin: 7%;
  }
  .sm-margin-seven-half-all {
    margin: 7.5%;
  }
  .sm-margin-eight-all {
    margin: 8%;
  }
  .sm-margin-eight-half-all {
    margin: 8.5%;
  }
  .sm-margin-nine-all {
    margin: 9%;
  }
  .sm-margin-nine-half-all {
    margin: 9.5%;
  }
  .sm-margin-ten-all {
    margin: 10%;
  }
  .sm-margin-ten-half-all {
    margin: 10.5%;
  }
  .sm-margin-eleven-all {
    margin: 11%;
  }
  .sm-margin-eleven-half-all {
    margin: 11.5%;
  }
  .sm-margin-twelve-all {
    margin: 12%;
  }
  .sm-margin-twelve-half-all {
    margin: 12.5%;
  }
  .sm-margin-thirteen-all {
    margin: 13%;
  }
  .sm-margin-thirteen-half-all {
    margin: 13.5%;
  }
  .sm-margin-fourteen-all {
    margin: 14%;
  }
  .sm-margin-fourteen-half-all {
    margin: 14.5%;
  }
  .sm-margin-fifteen-all {
    margin: 15%;
  }
  .sm-margin-fifteen-half-all {
    margin: 15.5%;
  }
  .sm-margin-sixteen-all {
    margin: 16%;
  }
  .sm-margin-sixteen-half-all {
    margin: 16.5%;
  }
  .sm-margin-seventeen-all {
    margin: 17%;
  }
  .sm-margin-seventeen-half-all {
    margin: 17.5%;
  }
  .sm-margin-eighteen-all {
    margin: 18%;
  }
  .sm-margin-eighteen-half-all {
    margin: 18.5%;
  }
  .sm-margin-nineteen-all {
    margin: 19%;
  }
  .sm-margin-nineteen-half-all {
    margin: 19.5%;
  }
  .sm-margin-twenty-all {
    margin: 20%;
  }
  .sm-margin-twenty-half-all {
    margin: 20.5%;
  }
  .sm-margin-twenty-one-all {
    margin: 21%;
  }
  .sm-margin-twenty-one-half-all {
    margin: 21.5%;
  }
  .sm-margin-twenty-two-all {
    margin: 22%;
  }
  .sm-margin-twenty-two-half-all {
    margin: 22.5%;
  }
  .sm-margin-twenty-three-all {
    margin: 23%;
  }
  .sm-margin-twenty-three-half-all {
    margin: 23.5%;
  }
  .sm-margin-twenty-four-all {
    margin: 24%;
  }
  .sm-margin-twenty-four-half-all {
    margin: 24.5%;
  }
  .sm-margin-twenty-five-all {
    margin: 25%;
  }
  .sm-margin-5px-all {
    margin: 5px !important;
  }
  .sm-margin-10px-all {
    margin: 10px !important;
  }
  .sm-margin-15px-all {
    margin: 15px !important;
  }
  .sm-margin-20px-all {
    margin: 20px !important;
  }
  .sm-margin-25px-all {
    margin: 25px !important;
  }
  .sm-margin-30px-all {
    margin: 30px !important;
  }
  .sm-margin-35px-all {
    margin: 35px !important;
  }
  .sm-margin-40px-all {
    margin: 40px !important;
  }
  .sm-margin-45px-all {
    margin: 45px !important;
  }
  .sm-margin-50px-all {
    margin: 50px !important;
  }
  .sm-margin-55px-all {
    margin: 55px !important;
  }
  .sm-margin-60px-all {
    margin: 60px !important;
  }
  .sm-margin-65px-all {
    margin: 65px !important;
  }
  .sm-margin-70px-all {
    margin: 70px !important;
  }
  .sm-margin-75px-all {
    margin: 75px !important;
  }
  .sm-margin-80px-all {
    margin: 80px !important;
  }
  .sm-margin-85px-all {
    margin: 85px !important;
  }
  .sm-margin-90px-all {
    margin: 90px !important;
  }
  .sm-margin-95px-all {
    margin: 95px !important;
  }
  .sm-margin-100px-all {
    margin: 100px !important;
  }
  .sm-no-margin {
    margin: 0 !important;
  }
  .sm-no-margin-lr {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sm-no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .sm-no-margin-top {
    margin-top: 0 !important;
  }
  .sm-no-margin-bottom {
    margin-bottom: 0 !important;
  }
  .sm-no-margin-left {
    margin-left: 0 !important;
  }
  .sm-no-margin-right {
    margin-right: 0 !important;
  }
  .sm-margin-lr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sm-margin-auto {
    margin: 0 auto !important;
  }
  .sm-margin-one-top {
    margin-top: 1%;
  }
  .sm-margin-one-half-top {
    margin-top: 1.5%;
  }
  .sm-margin-two-top {
    margin-top: 2%;
  }
  .sm-margin-two-half-top {
    margin-top: 2.5%;
  }
  .sm-margin-three-top {
    margin-top: 3%;
  }
  .sm-margin-three-half-top {
    margin-top: 3.5%;
  }
  .sm-margin-four-top {
    margin-top: 4%;
  }
  .sm-margin-four-half-top {
    margin-top: 4.5%;
  }
  .sm-margin-five-top {
    margin-top: 5%;
  }
  .sm-margin-five-half-top {
    margin-top: 5.5%;
  }
  .sm-margin-six-top {
    margin-top: 6%;
  }
  .sm-margin-six-half-top {
    margin-top: 6.5%;
  }
  .sm-margin-seven-top {
    margin-top: 7%;
  }
  .sm-margin-seven-half-top {
    margin-top: 7.5%;
  }
  .sm-margin-eight-top {
    margin-top: 8%;
  }
  .sm-margin-eight-half-top {
    margin-top: 8.5%;
  }
  .sm-margin-nine-top {
    margin-top: 9%;
  }
  .sm-margin-nine-half-top {
    margin-top: 9.5%;
  }
  .sm-margin-ten-top {
    margin-top: 10%;
  }
  .sm-margin-ten-half-top {
    margin-top: 10.5%;
  }
  .sm-margin-eleven-top {
    margin-top: 11%;
  }
  .sm-margin-eleven-half-top {
    margin-top: 11.5%;
  }
  .sm-margin-twelve-top {
    margin-top: 12%;
  }
  .sm-margin-twelve-half-top {
    margin-top: 12.5%;
  }
  .sm-margin-thirteen-top {
    margin-top: 13%;
  }
  .sm-margin-thirteen-half-top {
    margin-top: 13.5%;
  }
  .sm-margin-fourteen-top {
    margin-top: 14%;
  }
  .sm-margin-fourteen-half-top {
    margin-top: 14.5%;
  }
  .sm-margin-fifteen-top {
    margin-top: 15%;
  }
  .sm-margin-fifteen-half-top {
    margin-top: 15.5%;
  }
  .sm-margin-sixteen-top {
    margin-top: 16%;
  }
  .sm-margin-sixteen-half-top {
    margin-top: 16.5%;
  }
  .sm-margin-seventeen-top {
    margin-top: 17%;
  }
  .sm-margin-seventeen-half-top {
    margin-top: 17.5%;
  }
  .sm-margin-eighteen-top {
    margin-top: 18%;
  }
  .sm-margin-eighteen-half-top {
    margin-top: 18.5%;
  }
  .sm-margin-nineteen-top {
    margin-top: 19%;
  }
  .sm-margin-nineteen-half-top {
    margin-top: 19.5%;
  }
  .sm-margin-twenty-top {
    margin-top: 20%;
  }
  .sm-margin-twenty-half-top {
    margin-top: 20.5%;
  }
  .sm-margin-twenty-one-top {
    margin-top: 21%;
  }
  .sm-margin-twenty-one-half-top {
    margin-top: 21.5%;
  }
  .sm-margin-twenty-two-top {
    margin-top: 22%;
  }
  .sm-margin-twenty-two-half-top {
    margin-top: 22.5%;
  }
  .sm-margin-twenty-three-top {
    margin-top: 23%;
  }
  .sm-margin-twenty-three-half-top {
    margin-top: 23.5%;
  }
  .sm-margin-twenty-four-top {
    margin-top: 24%;
  }
  .sm-margin-twenty-four-half-top {
    margin-top: 24.5%;
  }
  .sm-margin-twenty-five-top {
    margin-top: 25%;
  }
  .sm-margin-5px-top {
    margin-top: 5px !important;
  }
  .sm-margin-10px-top {
    margin-top: 10px !important;
  }
  .sm-margin-15px-top {
    margin-top: 15px !important;
  }
  .sm-margin-20px-top {
    margin-top: 20px !important;
  }
  .sm-margin-25px-top {
    margin-top: 25px !important;
  }
  .sm-margin-30px-top {
    margin-top: 30px !important;
  }
  .sm-margin-35px-top {
    margin-top: 35px !important;
  }
  .sm-margin-40px-top {
    margin-top: 40px !important;
  }
  .sm-margin-45px-top {
    margin-top: 45px !important;
  }
  .sm-margin-50px-top {
    margin-top: 50px !important;
  }
  .sm-margin-55px-top {
    margin-top: 55px !important;
  }
  .sm-margin-60px-top {
    margin-top: 60px !important;
  }
  .sm-margin-65px-top {
    margin-top: 65px !important;
  }
  .sm-margin-70px-top {
    margin-top: 70px !important;
  }
  .sm-margin-75px-top {
    margin-top: 75px !important;
  }
  .sm-margin-80px-top {
    margin-top: 80px !important;
  }
  .sm-margin-85px-top {
    margin-top: 85px !important;
  }
  .sm-margin-90px-top {
    margin-top: 90px !important;
  }
  .sm-margin-95px-top {
    margin-top: 95px !important;
  }
  .sm-margin-100px-top {
    margin-top: 100px !important;
  }
  .sm-margin-one-bottom {
    margin-bottom: 1%;
  }
  .sm-margin-one-half-bottom {
    margin-bottom: 1.5%;
  }
  .sm-margin-two-bottom {
    margin-bottom: 2%;
  }
  .sm-margin-two-half-bottom {
    margin-bottom: 2.5%;
  }
  .sm-margin-three-bottom {
    margin-bottom: 3%;
  }
  .sm-margin-three-half-bottom {
    margin-bottom: 3.5%;
  }
  .sm-margin-four-bottom {
    margin-bottom: 4%;
  }
  .sm-margin-four-half-bottom {
    margin-bottom: 4.5%;
  }
  .sm-margin-five-bottom {
    margin-bottom: 5%;
  }
  .sm-margin-five-half-bottom {
    margin-bottom: 5.5%;
  }
  .sm-margin-six-bottom {
    margin-bottom: 6%;
  }
  .sm-margin-six-half-bottom {
    margin-bottom: 6.5%;
  }
  .sm-margin-seven-bottom {
    margin-bottom: 7%;
  }
  .sm-margin-seven-half-bottom {
    margin-bottom: 7.5%;
  }
  .sm-margin-eight-bottom {
    margin-bottom: 8%;
  }
  .sm-margin-eight-half-bottom {
    margin-bottom: 8.5%;
  }
  .sm-margin-nine-bottom {
    margin-bottom: 9%;
  }
  .sm-margin-nine-half-bottom {
    margin-bottom: 9.5%;
  }
  .sm-margin-ten-bottom {
    margin-bottom: 10%;
  }
  .sm-margin-ten-half-bottom {
    margin-bottom: 10.5%;
  }
  .sm-margin-eleven-bottom {
    margin-bottom: 11%;
  }
  .sm-margin-eleven-half-bottom {
    margin-bottom: 11.5%;
  }
  .sm-margin-twelve-bottom {
    margin-bottom: 12%;
  }
  .sm-margin-twelve-half-bottom {
    margin-bottom: 12.5%;
  }
  .sm-margin-thirteen-bottom {
    margin-bottom: 13%;
  }
  .sm-margin-thirteen-half-bottom {
    margin-bottom: 13.5%;
  }
  .sm-margin-fourteen-bottom {
    margin-bottom: 14%;
  }
  .sm-margin-fourteen-half-bottom {
    margin-bottom: 14.5%;
  }
  .sm-margin-fifteen-bottom {
    margin-bottom: 15%;
  }
  .sm-margin-fifteen-half-bottom {
    margin-bottom: 15.5%;
  }
  .sm-margin-sixteen-bottom {
    margin-bottom: 16%;
  }
  .sm-margin-sixteen-half-bottom {
    margin-bottom: 16.5%;
  }
  .sm-margin-seventeen-bottom {
    margin-bottom: 17%;
  }
  .sm-margin-seventeen-half-bottom {
    margin-bottom: 17.5%;
  }
  .sm-margin-eighteen-bottom {
    margin-bottom: 18%;
  }
  .sm-margin-eighteen-half-bottom {
    margin-bottom: 18.5%;
  }
  .sm-margin-nineteen-bottom {
    margin-bottom: 19%;
  }
  .sm-margin-nineteen-half-bottom {
    margin-bottom: 19.5%;
  }
  .sm-margin-twenty-bottom {
    margin-bottom: 20%;
  }
  .sm-margin-twenty-half-bottom {
    margin-bottom: 20.5%;
  }
  .sm-margin-twenty-one-bottom {
    margin-bottom: 21%;
  }
  .sm-margin-twenty-one-half-bottom {
    margin-bottom: 21.5%;
  }
  .sm-margin-twenty-two-bottom {
    margin-bottom: 22%;
  }
  .sm-margin-twenty-two-half-bottom {
    margin-bottom: 22.5%;
  }
  .sm-margin-twenty-three-bottom {
    margin-bottom: 23%;
  }
  .sm-margin-twenty-three-half-bottom {
    margin-bottom: 23.5%;
  }
  .sm-margin-twenty-four-bottom {
    margin-bottom: 24%;
  }
  .sm-margin-twenty-four-half-bottom {
    margin-bottom: 24.5%;
  }
  .sm-margin-twenty-five-bottom {
    margin-bottom: 25%;
  }
  .sm-margin-5px-bottom {
    margin-bottom: 5px !important;
  }
  .sm-margin-10px-bottom {
    margin-bottom: 10px !important;
  }
  .sm-margin-15px-bottom {
    margin-bottom: 15px !important;
  }
  .sm-margin-20px-bottom {
    margin-bottom: 20px !important;
  }
  .sm-margin-25px-bottom {
    margin-bottom: 25px !important;
  }
  .sm-margin-30px-bottom {
    margin-bottom: 30px !important;
  }
  .sm-margin-35px-bottom {
    margin-bottom: 35px !important;
  }
  .sm-margin-40px-bottom {
    margin-bottom: 40px !important;
  }
  .sm-margin-45px-bottom {
    margin-bottom: 45px !important;
  }
  .sm-margin-50px-bottom {
    margin-bottom: 50px !important;
  }
  .sm-margin-55px-bottom {
    margin-bottom: 55px !important;
  }
  .sm-margin-60px-bottom {
    margin-bottom: 60px !important;
  }
  .sm-margin-65px-bottom {
    margin-bottom: 65px !important;
  }
  .sm-margin-70px-bottom {
    margin-bottom: 70px !important;
  }
  .sm-margin-75px-bottom {
    margin-bottom: 75px !important;
  }
  .sm-margin-80px-bottom {
    margin-bottom: 80px !important;
  }
  .sm-margin-85px-bottom {
    margin-bottom: 85px !important;
  }
  .sm-margin-90px-bottom {
    margin-bottom: 90px !important;
  }
  .sm-margin-95px-bottom {
    margin-bottom: 95px !important;
  }
  .sm-margin-100px-bottom {
    margin-bottom: 100px !important;
  }
  .sm-margin-one-right {
    margin-right: 1%;
  }
  .sm-margin-one-half-right {
    margin-right: 1.5%;
  }
  .sm-margin-two-right {
    margin-right: 2%;
  }
  .sm-margin-two-half-right {
    margin-right: 2.5%;
  }
  .sm-margin-three-right {
    margin-right: 3%;
  }
  .sm-margin-three-half-right {
    margin-right: 3.5%;
  }
  .sm-margin-four-right {
    margin-right: 4%;
  }
  .sm-margin-four-half-right {
    margin-right: 4.5%;
  }
  .sm-margin-five-right {
    margin-right: 5%;
  }
  .sm-margin-five-half-right {
    margin-right: 5.5%;
  }
  .sm-margin-six-right {
    margin-right: 6%;
  }
  .sm-margin-six-half-right {
    margin-right: 6.5%;
  }
  .sm-margin-seven-right {
    margin-right: 7%;
  }
  .sm-margin-seven-half-right {
    margin-right: 7.5%;
  }
  .sm-margin-eight-right {
    margin-right: 8%;
  }
  .sm-margin-eight-half-right {
    margin-right: 8.5%;
  }
  .sm-margin-nine-right {
    margin-right: 9%;
  }
  .sm-margin-nine-half-right {
    margin-right: 9.5%;
  }
  .sm-margin-ten-right {
    margin-right: 10%;
  }
  .sm-margin-ten-half-right {
    margin-right: 10.5%;
  }
  .sm-margin-eleven-right {
    margin-right: 11%;
  }
  .sm-margin-eleven-half-right {
    margin-right: 11.5%;
  }
  .sm-margin-twelve-right {
    margin-right: 12%;
  }
  .sm-margin-twelve-half-right {
    margin-right: 12.5%;
  }
  .sm-margin-thirteen-right {
    margin-right: 13%;
  }
  .sm-margin-thirteen-half-right {
    margin-right: 13.5%;
  }
  .sm-margin-fourteen-right {
    margin-right: 14%;
  }
  .sm-margin-fourteen-half-right {
    margin-right: 14.5%;
  }
  .sm-margin-fifteen-right {
    margin-right: 15%;
  }
  .sm-margin-fifteen-half-right {
    margin-right: 15.5%;
  }
  .sm-margin-sixteen-right {
    margin-right: 16%;
  }
  .sm-margin-sixteen-half-right {
    margin-right: 16.5%;
  }
  .sm-margin-seventeen-right {
    margin-right: 17%;
  }
  .sm-margin-seventeen-half-right {
    margin-right: 17.5%;
  }
  .sm-margin-eighteen-right {
    margin-right: 18%;
  }
  .sm-margin-eighteen-half-right {
    margin-right: 18.5%;
  }
  .sm-margin-nineteen-right {
    margin-right: 19%;
  }
  .sm-margin-nineteen-half-right {
    margin-right: 19.5%;
  }
  .sm-margin-twenty-right {
    margin-right: 20%;
  }
  .sm-margin-twenty-half-right {
    margin-right: 20.5%;
  }
  .sm-margin-twenty-one-right {
    margin-right: 21%;
  }
  .sm-margin-twenty-one-half-right {
    margin-right: 21.5%;
  }
  .sm-margin-twenty-two-right {
    margin-right: 22%;
  }
  .sm-margin-twenty-two-half-right {
    margin-right: 22.5%;
  }
  .sm-margin-twenty-three-right {
    margin-right: 23%;
  }
  .sm-margin-twenty-three-half-right {
    margin-right: 23.5%;
  }
  .sm-margin-twenty-four-right {
    margin-right: 24%;
  }
  .sm-margin-twenty-four-half-right {
    margin-right: 24.5%;
  }
  .sm-margin-twenty-five-right {
    margin-right: 25%;
  }
  .sm-margin-10px-right {
    margin-right: 10px !important;
  }
  .sm-margin-15px-right {
    margin-right: 15px !important;
  }
  .sm-margin-20px-right {
    margin-right: 20px !important;
  }
  .sm-margin-25px-right {
    margin-right: 25px !important;
  }
  .sm-margin-30px-right {
    margin-right: 30px !important;
  }
  .sm-margin-35px-right {
    margin-right: 35px !important;
  }
  .sm-margin-40px-right {
    margin-right: 40px !important;
  }
  .sm-margin-45px-right {
    margin-right: 45px !important;
  }
  .sm-margin-50px-right {
    margin-right: 50px !important;
  }
  .sm-margin-55px-right {
    margin-right: 55px !important;
  }
  .sm-margin-60px-right {
    margin-right: 60px !important;
  }
  .sm-margin-65px-right {
    margin-right: 65px !important;
  }
  .sm-margin-70px-right {
    margin-right: 70px !important;
  }
  .sm-margin-75px-right {
    margin-right: 75px !important;
  }
  .sm-margin-80px-right {
    margin-right: 80px !important;
  }
  .sm-margin-85px-right {
    margin-right: 85px !important;
  }
  .sm-margin-90px-right {
    margin-right: 90px !important;
  }
  .sm-margin-95px-right {
    margin-right: 95px !important;
  }
  .sm-margin-100px-right {
    margin-right: 100px !important;
  }
  .sm-margin-one-left {
    margin-left: 1%;
  }
  .sm-margin-one-half-left {
    margin-left: 1.5%;
  }
  .sm-margin-two-left {
    margin-left: 2%;
  }
  .sm-margin-two-half-left {
    margin-left: 2.5%;
  }
  .sm-margin-three-left {
    margin-left: 3%;
  }
  .sm-margin-three-half-left {
    margin-left: 3.5%;
  }
  .sm-margin-four-left {
    margin-left: 4%;
  }
  .sm-margin-four-half-left {
    margin-left: 4.5%;
  }
  .sm-margin-five-left {
    margin-left: 5%;
  }
  .sm-margin-five-half-left {
    margin-left: 5.5%;
  }
  .sm-margin-six-left {
    margin-left: 6%;
  }
  .sm-margin-six-half-left {
    margin-left: 6.5%;
  }
  .sm-margin-seven-left {
    margin-left: 7%;
  }
  .sm-margin-seven-half-left {
    margin-left: 7.5%;
  }
  .sm-margin-eight-left {
    margin-left: 8%;
  }
  .sm-margin-eight-half-left {
    margin-left: 8.5%;
  }
  .sm-margin-nine-left {
    margin-left: 9%;
  }
  .sm-margin-nine-half-left {
    margin-left: 9.5%;
  }
  .sm-margin-ten-left {
    margin-left: 10%;
  }
  .sm-margin-ten-half-left {
    margin-left: 10.5%;
  }
  .sm-margin-eleven-left {
    margin-left: 11%;
  }
  .sm-margin-eleven-half-left {
    margin-left: 11.5%;
  }
  .sm-margin-twelve-left {
    margin-left: 12%;
  }
  .sm-margin-twelve-half-left {
    margin-left: 12.5%;
  }
  .sm-margin-thirteen-left {
    margin-left: 13%;
  }
  .sm-margin-thirteen-half-left {
    margin-left: 13.5%;
  }
  .sm-margin-fourteen-left {
    margin-left: 14%;
  }
  .sm-margin-fourteen-half-left {
    margin-left: 14.5%;
  }
  .sm-margin-fifteen-left {
    margin-left: 15%;
  }
  .sm-margin-fifteen-half-left {
    margin-left: 15.5%;
  }
  .sm-margin-sixteen-left {
    margin-left: 16%;
  }
  .sm-margin-sixteen-half-left {
    margin-left: 16.5%;
  }
  .sm-margin-seventeen-left {
    margin-left: 17%;
  }
  .sm-margin-seventeen-half-left {
    margin-left: 17.5%;
  }
  .sm-margin-eighteen-left {
    margin-left: 18%;
  }
  .sm-margin-eighteen-half-left {
    margin-left: 18.5%;
  }
  .sm-margin-nineteen-left {
    margin-left: 19%;
  }
  .sm-margin-nineteen-half-left {
    margin-left: 19.5%;
  }
  .sm-margin-twenty-left {
    margin-left: 20%;
  }
  .sm-margin-twenty-half-left {
    margin-left: 20.5%;
  }
  .sm-margin-twenty-one-left {
    margin-left: 21%;
  }
  .sm-margin-twenty-one-half-left {
    margin-left: 21.5%;
  }
  .sm-margin-twenty-two-left {
    margin-left: 22%;
  }
  .sm-margin-twenty-two-half-left {
    margin-left: 22.5%;
  }
  .sm-margin-twenty-three-left {
    margin-left: 23%;
  }
  .sm-margin-twenty-three-half-left {
    margin-left: 23.5%;
  }
  .sm-margin-twenty-four-left {
    margin-left: 24%;
  }
  .sm-margin-twenty-four-half-left {
    margin-left: 24.5%;
  }
  .sm-margin-twenty-five-left {
    margin-left: 25%;
  }
  .sm-margin-5px-left {
    margin-left: 5px !important;
  }
  .sm-margin-10px-left {
    margin-left: 10px !important;
  }
  .sm-margin-15px-left {
    margin-left: 15px !important;
  }
  .sm-margin-20px-left {
    margin-left: 20px !important;
  }
  .sm-margin-25px-left {
    margin-left: 25px !important;
  }
  .sm-margin-30px-left {
    margin-left: 30px !important;
  }
  .sm-margin-35px-left {
    margin-left: 35px !important;
  }
  .sm-margin-40px-left {
    margin-left: 40px !important;
  }
  .sm-margin-45px-left {
    margin-left: 45px !important;
  }
  .sm-margin-50px-left {
    margin-left: 50px !important;
  }
  .sm-margin-55px-left {
    margin-left: 55px !important;
  }
  .sm-margin-60px-left {
    margin-left: 60px !important;
  }
  .sm-margin-65px-left {
    margin-left: 65px !important;
  }
  .sm-margin-70px-left {
    margin-left: 70px !important;
  }
  .sm-margin-75px-left {
    margin-left: 75px !important;
  }
  .sm-margin-80px-left {
    margin-left: 80px !important;
  }
  .sm-margin-85px-left {
    margin-left: 85px !important;
  }
  .sm-margin-90px-left {
    margin-left: 90px !important;
  }
  .sm-margin-95px-left {
    margin-left: 95px !important;
  }
  .sm-margin-100px-left {
    margin-left: 100px !important;
  }
  .sm-margin-one-lr {
    margin-left: 1%;
    margin-right: 1%;
  }
  .sm-margin-one-lr {
    margin-left: 1.5%;
    margin-right: 1.5%;
  }
  .sm-margin-two-lr {
    margin-left: 2%;
    margin-right: 2%;
  }
  .sm-margin-two-lr {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .sm-margin-three-lr {
    margin-left: 3%;
    margin-right: 3%;
  }
  .sm-margin-three-lr {
    margin-left: 3.5%;
    margin-right: 3.5%;
  }
  .sm-margin-four-lr {
    margin-left: 4%;
    margin-right: 4%;
  }
  .sm-margin-four-lr {
    margin-left: 4.5%;
    margin-right: 4.5%;
  }
  .sm-margin-five-lr {
    margin-left: 5%;
    margin-right: 5%;
  }
  .sm-margin-five-lr {
    margin-left: 5.5%;
    margin-right: 5.5%;
  }
  .sm-margin-six-lr {
    margin-left: 6%;
    margin-right: 6%;
  }
  .sm-margin-six-lr {
    margin-left: 6.5%;
    margin-right: 6.5%;
  }
  .sm-margin-seven-lr {
    margin-left: 7%;
    margin-right: 7%;
  }
  .sm-margin-seven-lr {
    margin-left: 7.5%;
    margin-right: 7.5%;
  }
  .sm-margin-eight-lr {
    margin-left: 8%;
    margin-right: 8%;
  }
  .sm-margin-eight-lr {
    margin-left: 8.5%;
    margin-right: 8.5%;
  }
  .sm-margin-nine-lr {
    margin-left: 9%;
    margin-right: 9%;
  }
  .sm-margin-nine-lr {
    margin-left: 9.5%;
    margin-right: 9.5%;
  }
  .sm-margin-ten-lr {
    margin-left: 10%;
    margin-right: 10%;
  }
  .sm-margin-ten-lr {
    margin-left: 10.5%;
    margin-right: 10.5%;
  }
  .sm-margin-eleven-lr {
    margin-left: 11%;
    margin-right: 11%;
  }
  .sm-margin-eleven-lr {
    margin-left: 11.5%;
    margin-right: 11.5%;
  }
  .sm-margin-twelve-lr {
    margin-left: 12%;
    margin-right: 12%;
  }
  .sm-margin-twelve-lr {
    margin-left: 12.5%;
    margin-right: 12.5%;
  }
  .sm-margin-thirteen-lr {
    margin-left: 13%;
    margin-right: 13%;
  }
  .sm-margin-thirteen-half-lr {
    margin-left: 13.5%;
    margin-right: 13.5%;
  }
  .sm-margin-fourteen-lr {
    margin-left: 14%;
    margin-right: 14%;
  }
  .sm-margin-fourteen-half-lr {
    margin-left: 14.5%;
    margin-right: 14.5%;
  }
  .sm-margin-fifteen-lr {
    margin-left: 15%;
    margin-right: 15%;
  }
  .sm-margin-fifteen-half-lr {
    margin-left: 15.5%;
    margin-right: 15.5%;
  }
  .sm-margin-sixteen-lr {
    margin-left: 16%;
    margin-right: 16%;
  }
  .sm-margin-sixteen-half-lr {
    margin-left: 16.5%;
    margin-right: 16.5%;
  }
  .sm-margin-seventeen-lr {
    margin-left: 17%;
    margin-right: 17%;
  }
  .sm-margin-seventeen-half-lr {
    margin-left: 17.5%;
    margin-right: 17.5%;
  }
  .sm-margin-eighteen-lr {
    margin-left: 18%;
    margin-right: 18%;
  }
  .sm-margin-eighteen-half-lr {
    margin-left: 18.5%;
    margin-right: 18.5%;
  }
  .sm-margin-nineteen-lr {
    margin-left: 19%;
    margin-right: 19%;
  }
  .sm-margin-nineteen-half-lr {
    margin-left: 19.5%;
    margin-right: 19.5%;
  }
  .sm-margin-twenty-lr {
    margin-left: 20%;
    margin-right: 20%;
  }
  .sm-margin-twenty-half-lr {
    margin-left: 20.5%;
    margin-right: 20.5%;
  }
  .sm-margin-twenty-one-lr {
    margin-left: 21%;
    margin-right: 21%;
  }
  .sm-margin-twenty-one-half-lr {
    margin-left: 21.5%;
    margin-right: 21.5%;
  }
  .sm-margin-twenty-two-lr {
    margin-left: 22%;
    margin-right: 22%;
  }
  .sm-margin-twenty-two-half-lr {
    margin-left: 22.5%;
    margin-right: 22.5%;
  }
  .sm-margin-twenty-three-lr {
    margin-left: 23%;
    margin-right: 23%;
  }
  .sm-margin-twenty-three-half-lr {
    margin-left: 23.5%;
    margin-right: 23.5%;
  }
  .sm-margin-twenty-four-lr {
    margin-left: 24%;
    margin-right: 24%;
  }
  .sm-margin-twenty-four-half-lr {
    margin-left: 24.5%;
    margin-right: 24.5%;
  }
  .sm-margin-twenty-five-lr {
    margin-left: 25%;
    margin-right: 25%;
  }
  .sm-margin-5px-lr {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .sm-margin-10px-lr {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .sm-margin-15px-lr {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .sm-margin-20px-lr {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .sm-margin-25px-lr {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .sm-margin-30px-lr {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .sm-margin-35px-lr {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .sm-margin-40px-lr {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .sm-margin-45px-lr {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .sm-margin-50px-lr {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .sm-margin-55px-lr {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .sm-margin-60px-lr {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .sm-margin-65px-lr {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .sm-margin-70px-lr {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .sm-margin-75px-lr {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .sm-margin-80px-lr {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .sm-margin-85px-lr {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .sm-margin-90px-lr {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .sm-margin-95px-lr {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .sm-margin-100px-lr {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .sm-margin-one-tb {
    margin-top: 1%;
    margin-bottom: 1%;
  }
  .sm-margin-one-tb {
    margin-top: 1.5%;
    margin-bottom: 1.5%;
  }
  .sm-margin-two-tb {
    margin-top: 2%;
    margin-bottom: 2%;
  }
  .sm-margin-two-tb {
    margin-top: 2.5%;
    margin-bottom: 2.5%;
  }
  .sm-margin-three-tb {
    margin-top: 3%;
    margin-bottom: 3%;
  }
  .sm-margin-three-tb {
    margin-top: 3.5%;
    margin-bottom: 3.5%;
  }
  .sm-margin-four-tb {
    margin-top: 4%;
    margin-bottom: 4%;
  }
  .sm-margin-four-tb {
    margin-top: 4.5%;
    margin-bottom: 4.5%;
  }
  .sm-margin-five-tb {
    margin-top: 5%;
    margin-bottom: 5%;
  }
  .sm-margin-five-tb {
    margin-top: 5.5%;
    margin-bottom: 5.5%;
  }
  .sm-margin-six-tb {
    margin-top: 6%;
    margin-bottom: 6%;
  }
  .sm-margin-six-tb {
    margin-top: 6.5%;
    margin-bottom: 6.5%;
  }
  .sm-margin-seven-tb {
    margin-top: 7%;
    margin-bottom: 7%;
  }
  .sm-margin-seven-tb {
    margin-top: 7.5%;
    margin-bottom: 7.5%;
  }
  .sm-margin-eight-tb {
    margin-top: 8%;
    margin-bottom: 8%;
  }
  .sm-margin-eight-tb {
    margin-top: 8.5%;
    margin-bottom: 8.5%;
  }
  .sm-margin-nine-tb {
    margin-top: 9%;
    margin-bottom: 9%;
  }
  .sm-margin-nine-tb {
    margin-top: 9.5%;
    margin-bottom: 9.5%;
  }
  .sm-margin-ten-tb {
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .sm-margin-ten-tb {
    margin-top: 10.5%;
    margin-bottom: 10.5%;
  }
  .sm-margin-eleven-tb {
    margin-top: 11%;
    margin-bottom: 11%;
  }
  .sm-margin-eleven-tb {
    margin-top: 11.5%;
    margin-bottom: 11.5%;
  }
  .sm-margin-twelve-tb {
    margin-top: 12%;
    margin-bottom: 12%;
  }
  .sm-margin-twelve-tb {
    margin-top: 12.5%;
    margin-bottom: 12.5%;
  }
  .sm-margin-thirteen-tb {
    margin-top: 13%;
    margin-bottom: 13%;
  }
  .sm-margin-thirteen-half-tb {
    margin-top: 13.5%;
    margin-bottom: 13.5%;
  }
  .sm-margin-fourteen-tb {
    margin-top: 14%;
    margin-bottom: 14%;
  }
  .sm-margin-fourteen-half-tb {
    margin-top: 14.5%;
    margin-bottom: 14.5%;
  }
  .sm-margin-fifteen-tb {
    margin-top: 15%;
    margin-bottom: 15%;
  }
  .sm-margin-fifteen-half-tb {
    margin-top: 15.5%;
    margin-bottom: 15.5%;
  }
  .sm-margin-sixteen-tb {
    margin-top: 16%;
    margin-bottom: 16%;
  }
  .sm-margin-sixteen-half-tb {
    margin-top: 16.5%;
    margin-bottom: 16.5%;
  }
  .sm-margin-seventeen-tb {
    margin-top: 17%;
    margin-bottom: 17%;
  }
  .sm-margin-seventeen-half-tb {
    margin-top: 17.5%;
    margin-bottom: 17.5%;
  }
  .sm-margin-eighteen-tb {
    margin-top: 18%;
    margin-bottom: 18%;
  }
  .sm-margin-eighteen-half-tb {
    margin-top: 18.5%;
    margin-bottom: 18.5%;
  }
  .sm-margin-nineteen-tb {
    margin-top: 19%;
    margin-bottom: 19%;
  }
  .sm-margin-nineteen-half-tb {
    margin-top: 19.5%;
    margin-bottom: 19.5%;
  }
  .sm-margin-twenty-tb {
    margin-top: 20%;
    margin-bottom: 20%;
  }
  .sm-margin-twenty-half-tb {
    margin-top: 20.5%;
    margin-bottom: 20.5%;
  }
  .sm-margin-twenty-one-tb {
    margin-top: 21%;
    margin-bottom: 21%;
  }
  .sm-margin-twenty-one-half-tb {
    margin-top: 21.5%;
    margin-bottom: 21.5%;
  }
  .sm-margin-twenty-two-tb {
    margin-top: 22%;
    margin-bottom: 22%;
  }
  .sm-margin-twenty-two-half-tb {
    margin-top: 22.5%;
    margin-bottom: 22.5%;
  }
  .sm-margin-twenty-three-tb {
    margin-top: 23%;
    margin-bottom: 23%;
  }
  .sm-margin-twenty-three-half-tb {
    margin-top: 23.5%;
    margin-bottom: 23.5%;
  }
  .sm-margin-twenty-four-tb {
    margin-top: 24%;
    margin-bottom: 24%;
  }
  .sm-margin-twenty-four-half-tb {
    margin-top: 24.5%;
    margin-bottom: 24.5%;
  }
  .sm-margin-twenty-five-tb {
    margin-top: 25%;
    margin-bottom: 25%;
  }
  .sm-margin-5px-tb {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .sm-margin-10px-tb {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .sm-margin-15px-tb {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .sm-margin-20px-tb {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .sm-margin-25px-tb {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .sm-margin-30px-tb {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .sm-margin-35px-tb {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .sm-margin-40px-tb {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .sm-margin-45px-tb {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .sm-margin-50px-tb {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .sm-margin-55px-tb {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .sm-margin-60px-tb {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .sm-margin-65px-tb {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .sm-margin-70px-tb {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .sm-margin-75px-tb {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .sm-margin-80px-tb {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .sm-margin-85px-tb {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .sm-margin-90px-tb {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .sm-margin-95px-tb {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .sm-margin-100px-tb {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .sm-no-padding {
    padding: 0 !important;
  }
  .sm-no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sm-no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .sm-no-padding-top {
    padding-top: 0 !important;
  }
  .sm-no-padding-bottom {
    padding-bottom: 0 !important;
  }
  .sm-no-padding-left {
    padding-left: 0 !important;
  }
  .sm-no-padding-right {
    padding-right: 0 !important;
  }
  .sm-padding-one-all {
    padding: 1%;
  }
  .sm-padding-one-half-all {
    padding: 1.5%;
  }
  .sm-padding-two-all {
    padding: 2%;
  }
  .sm-padding-two-half-all {
    padding: 2.5%;
  }
  .sm-padding-three-all {
    padding: 3%;
  }
  .sm-padding-three-half-all {
    padding: 3.5%;
  }
  .sm-padding-four-all {
    padding: 4%;
  }
  .sm-padding-four-half-all {
    padding: 4.5%;
  }
  .sm-padding-five-all {
    padding: 5%;
  }
  .sm-padding-five-half-all {
    padding: 5.5%;
  }
  .sm-padding-six-all {
    padding: 6%;
  }
  .sm-padding-six-half-all {
    padding: 6.5%;
  }
  .sm-padding-seven-all {
    padding: 7%;
  }
  .sm-padding-seven-half-all {
    padding: 7.5%;
  }
  .sm-padding-eight-all {
    padding: 8%;
  }
  .sm-padding-eight-half-all {
    padding: 8.5%;
  }
  .sm-padding-nine-all {
    padding: 9%;
  }
  .sm-padding-nine-half-all {
    padding: 9.5%;
  }
  .sm-padding-ten-all {
    padding: 10%;
  }
  .sm-padding-ten-half-all {
    padding: 10.5%;
  }
  .sm-padding-eleven-all {
    padding: 11%;
  }
  .sm-padding-eleven-half-all {
    padding: 11.5%;
  }
  .sm-padding-twelve-all {
    padding: 12%;
  }
  .sm-padding-twelve-half-all {
    padding: 12.5%;
  }
  .sm-padding-thirteen-all {
    padding: 13%;
  }
  .sm-padding-thirteen-half-all {
    padding: 13.5%;
  }
  .sm-padding-fourteen-all {
    padding: 14%;
  }
  .sm-padding-fourteen-half-all {
    padding: 14.5%;
  }
  .sm-padding-fifteen-all {
    padding: 15%;
  }
  .sm-padding-fifteen-half-all {
    padding: 15.5%;
  }
  .sm-padding-sixteen-all {
    padding: 16%;
  }
  .sm-padding-sixteen-half-all {
    padding: 16.5%;
  }
  .sm-padding-seventeen-all {
    padding: 17%;
  }
  .sm-padding-seventeen-half-all {
    padding: 17.5%;
  }
  .sm-padding-eighteen-all {
    padding: 18%;
  }
  .sm-padding-eighteen-half-all {
    padding: 18.5%;
  }
  .sm-padding-nineteen-all {
    padding: 19%;
  }
  .sm-padding-nineteen-half-all {
    padding: 19.5%;
  }
  .sm-padding-twenty-all {
    padding: 20%;
  }
  .sm-padding-twenty-half-all {
    padding: 20.5%;
  }
  .sm-padding-twenty-one-all {
    padding: 21%;
  }
  .sm-padding-twenty-one-half-all {
    padding: 21.5%;
  }
  .sm-padding-twenty-two-all {
    padding: 22%;
  }
  .sm-padding-twenty-two-half-all {
    padding: 22.5%;
  }
  .sm-padding-twenty-three-all {
    padding: 23%;
  }
  .sm-padding-twenty-three-half-all {
    padding: 23.5%;
  }
  .sm-padding-twenty-four-all {
    padding: 24%;
  }
  .sm-padding-twenty-four-half-all {
    padding: 24.5%;
  }
  .sm-padding-twenty-five-all {
    padding: 25%;
  }
  .sm-padding-5px-all {
    padding: 5px !important;
  }
  .sm-padding-10px-all {
    padding: 10px !important;
  }
  .sm-padding-15px-all {
    padding: 15px !important;
  }
  .sm-padding-20px-all {
    padding: 20px !important;
  }
  .sm-padding-25px-all {
    padding: 25px !important;
  }
  .sm-padding-30px-all {
    padding: 30px !important;
  }
  .sm-padding-35px-all {
    padding: 35px !important;
  }
  .sm-padding-40px-all {
    padding: 40px !important;
  }
  .sm-padding-45px-all {
    padding: 45px !important;
  }
  .sm-padding-50px-all {
    padding: 50px !important;
  }
  .sm-padding-55px-all {
    padding: 55px !important;
  }
  .sm-padding-60px-all {
    padding: 60px !important;
  }
  .sm-padding-65px-all {
    padding: 65px !important;
  }
  .sm-padding-70px-all {
    padding: 70px !important;
  }
  .sm-padding-75px-all {
    padding: 75px !important;
  }
  .sm-padding-80px-all {
    padding: 80px !important;
  }
  .sm-padding-85px-all {
    padding: 85px !important;
  }
  .sm-padding-90px-all {
    padding: 90px !important;
  }
  .sm-padding-95px-all {
    padding: 95px !important;
  }
  .sm-padding-100px-all {
    padding: 100px !important;
  }
  .sm-padding-one-top {
    padding-top: 1%;
  }
  .sm-padding-one-half-top {
    padding-top: 1.5%;
  }
  .sm-padding-two-top {
    padding-top: 2%;
  }
  .sm-padding-two-half-top {
    padding-top: 2.5%;
  }
  .sm-padding-three-top {
    padding-top: 3%;
  }
  .sm-padding-three-half-top {
    padding-top: 3.5%;
  }
  .sm-padding-four-top {
    padding-top: 4%;
  }
  .sm-padding-four-half-top {
    padding-top: 4.5%;
  }
  .sm-padding-five-top {
    padding-top: 5%;
  }
  .sm-padding-five-half-top {
    padding-top: 5.5%;
  }
  .sm-padding-six-top {
    padding-top: 6%;
  }
  .sm-padding-six-half-top {
    padding-top: 6.5%;
  }
  .sm-padding-seven-top {
    padding-top: 7%;
  }
  .sm-padding-seven-half-top {
    padding-top: 7.5%;
  }
  .sm-padding-eight-top {
    padding-top: 8%;
  }
  .sm-padding-eight-half-top {
    padding-top: 8.5%;
  }
  .sm-padding-nine-top {
    padding-top: 9%;
  }
  .sm-padding-nine-half-top {
    padding-top: 9.5%;
  }
  .sm-padding-ten-top {
    padding-top: 10%;
  }
  .sm-padding-ten-half-top {
    padding-top: 10.5%;
  }
  .sm-padding-eleven-top {
    padding-top: 11%;
  }
  .sm-padding-eleven-half-top {
    padding-top: 11.5%;
  }
  .sm-padding-twelve-top {
    padding-top: 12%;
  }
  .sm-padding-twelve-half-top {
    padding-top: 12.5%;
  }
  .sm-padding-thirteen-top {
    padding-top: 13%;
  }
  .sm-padding-thirteen-half-top {
    padding-top: 13.5%;
  }
  .sm-padding-fourteen-top {
    padding-top: 14%;
  }
  .sm-padding-fourteen-half-top {
    padding-top: 14.5%;
  }
  .sm-padding-fifteen-top {
    padding-top: 15%;
  }
  .sm-padding-fifteen-half-top {
    padding-top: 15.5%;
  }
  .sm-padding-sixteen-top {
    padding-top: 16%;
  }
  .sm-padding-sixteen-half-top {
    padding-top: 16.5%;
  }
  .sm-padding-seventeen-top {
    padding-top: 17%;
  }
  .sm-padding-seventeen-half-top {
    padding-top: 17.5%;
  }
  .sm-padding-eighteen-top {
    padding-top: 18%;
  }
  .sm-padding-eighteen-half-top {
    padding-top: 18.5%;
  }
  .sm-padding-nineteen-top {
    padding-top: 19%;
  }
  .sm-padding-nineteen-half-top {
    padding-top: 19.5%;
  }
  .sm-padding-twenty-top {
    padding-top: 20%;
  }
  .sm-padding-twenty-half-top {
    padding-top: 20.5%;
  }
  .sm-padding-twenty-one-top {
    padding-top: 21%;
  }
  .sm-padding-twenty-one-half-top {
    padding-top: 21.5%;
  }
  .sm-padding-twenty-two-top {
    padding-top: 22%;
  }
  .sm-padding-twenty-two-half-top {
    padding-top: 22.5%;
  }
  .sm-padding-twenty-three-top {
    padding-top: 23%;
  }
  .sm-padding-twenty-three-half-top {
    padding-top: 23.5%;
  }
  .sm-padding-twenty-four-top {
    padding-top: 24%;
  }
  .sm-padding-twenty-four-half-top {
    padding-top: 24.5%;
  }
  .sm-padding-twenty-five-top {
    padding-top: 25%;
  }
  .sm-padding-5px-top {
    padding-top: 5px !important;
  }
  .sm-padding-10px-top {
    padding-top: 10px !important;
  }
  .sm-padding-15px-top {
    padding-top: 15px !important;
  }
  .sm-padding-20px-top {
    padding-top: 20px !important;
  }
  .sm-padding-25px-top {
    padding-top: 25px !important;
  }
  .sm-padding-30px-top {
    padding-top: 30px !important;
  }
  .sm-padding-35px-top {
    padding-top: 35px !important;
  }
  .sm-padding-40px-top {
    padding-top: 40px !important;
  }
  .sm-padding-45px-top {
    padding-top: 45px !important;
  }
  .sm-padding-50px-top {
    padding-top: 50px !important;
  }
  .sm-padding-55px-top {
    padding-top: 55px !important;
  }
  .sm-padding-60px-top {
    padding-top: 60px !important;
  }
  .sm-padding-65px-top {
    padding-top: 65px !important;
  }
  .sm-padding-70px-top {
    padding-top: 70px !important;
  }
  .sm-padding-75px-top {
    padding-top: 75px !important;
  }
  .sm-padding-80px-top {
    padding-top: 80px !important;
  }
  .sm-padding-85px-top {
    padding-top: 85px !important;
  }
  .sm-padding-90px-top {
    padding-top: 90px !important;
  }
  .sm-padding-95px-top {
    padding-top: 95px !important;
  }
  .sm-padding-100px-top {
    padding-top: 100px !important;
  }
  .sm-padding-130px-top {
    padding-top: 130px !important;
  }
  .sm-padding-one-bottom {
    padding-bottom: 1%;
  }
  .sm-padding-one-half-bottom {
    padding-bottom: 1.5%;
  }
  .sm-padding-two-bottom {
    padding-bottom: 2%;
  }
  .sm-padding-two-half-bottom {
    padding-bottom: 2.5%;
  }
  .sm-padding-three-bottom {
    padding-bottom: 3%;
  }
  .sm-padding-three-half-bottom {
    padding-bottom: 3.5%;
  }
  .sm-padding-four-bottom {
    padding-bottom: 4%;
  }
  .sm-padding-four-half-bottom {
    padding-bottom: 4.5%;
  }
  .sm-padding-five-bottom {
    padding-bottom: 5%;
  }
  .sm-padding-five-half-bottom {
    padding-bottom: 5.5%;
  }
  .sm-padding-six-bottom {
    padding-bottom: 6%;
  }
  .sm-padding-six-half-bottom {
    padding-bottom: 6.5%;
  }
  .sm-padding-seven-bottom {
    padding-bottom: 7%;
  }
  .sm-padding-seven-half-bottom {
    padding-bottom: 7.5%;
  }
  .sm-padding-eight-bottom {
    padding-bottom: 8%;
  }
  .sm-padding-eight-half-bottom {
    padding-bottom: 8.5%;
  }
  .sm-padding-nine-bottom {
    padding-bottom: 9%;
  }
  .sm-padding-nine-half-bottom {
    padding-bottom: 9.5%;
  }
  .sm-padding-ten-bottom {
    padding-bottom: 10%;
  }
  .sm-padding-ten-half-bottom {
    padding-bottom: 10.5%;
  }
  .sm-padding-eleven-bottom {
    padding-bottom: 11%;
  }
  .sm-padding-eleven-half-bottom {
    padding-bottom: 11.5%;
  }
  .sm-padding-twelve-bottom {
    padding-bottom: 12%;
  }
  .sm-padding-twelve-half-bottom {
    padding-bottom: 12.5%;
  }
  .sm-padding-thirteen-bottom {
    padding-bottom: 13%;
  }
  .sm-padding-thirteen-half-bottom {
    padding-bottom: 13.5%;
  }
  .sm-padding-fourteen-bottom {
    padding-bottom: 14%;
  }
  .sm-padding-fourteen-half-bottom {
    padding-bottom: 14.5%;
  }
  .sm-padding-fifteen-bottom {
    padding-bottom: 15%;
  }
  .sm-padding-fifteen-half-bottom {
    padding-bottom: 15.5%;
  }
  .sm-padding-sixteen-bottom {
    padding-bottom: 16%;
  }
  .sm-padding-sixteen-half-bottom {
    padding-bottom: 16.5%;
  }
  .sm-padding-seventeen-bottom {
    padding-bottom: 17%;
  }
  .sm-padding-seventeen-half-bottom {
    padding-bottom: 17.5%;
  }
  .sm-padding-eighteen-bottom {
    padding-bottom: 18%;
  }
  .sm-padding-eighteen-half-bottom {
    padding-bottom: 18.5%;
  }
  .sm-padding-nineteen-bottom {
    padding-bottom: 19%;
  }
  .sm-padding-nineteen-half-bottom {
    padding-bottom: 19.5%;
  }
  .sm-padding-twenty-bottom {
    padding-bottom: 20%;
  }
  .sm-padding-twenty-half-bottom {
    padding-bottom: 20.5%;
  }
  .sm-padding-twenty-one-bottom {
    padding-bottom: 21%;
  }
  .sm-padding-twenty-one-half-bottom {
    padding-bottom: 21.5%;
  }
  .sm-padding-twenty-two-bottom {
    padding-bottom: 22%;
  }
  .sm-padding-twenty-two-half-bottom {
    padding-bottom: 22.5%;
  }
  .sm-padding-twenty-three-bottom {
    padding-bottom: 23%;
  }
  .sm-padding-twenty-three-half-bottom {
    padding-bottom: 23.5%;
  }
  .sm-padding-twenty-four-bottom {
    padding-bottom: 24%;
  }
  .sm-padding-twenty-four-half-bottom {
    padding-bottom: 24.5%;
  }
  .sm-padding-twenty-five-bottom {
    padding-bottom: 25%;
  }
  .sm-padding-5px-bottom {
    padding-bottom: 5px !important;
  }
  .sm-padding-10px-bottom {
    padding-bottom: 10px !important;
  }
  .sm-padding-15px-bottom {
    padding-bottom: 15px !important;
  }
  .sm-padding-20px-bottom {
    padding-bottom: 20px !important;
  }
  .sm-padding-25px-bottom {
    padding-bottom: 25px !important;
  }
  .sm-padding-30px-bottom {
    padding-bottom: 30px !important;
  }
  .sm-padding-35px-bottom {
    padding-bottom: 35px !important;
  }
  .sm-padding-40px-bottom {
    padding-bottom: 40px !important;
  }
  .sm-padding-45px-bottom {
    padding-bottom: 45px !important;
  }
  .sm-padding-50px-bottom {
    padding-bottom: 50px !important;
  }
  .sm-padding-55px-bottom {
    padding-bottom: 55px !important;
  }
  .sm-padding-60px-bottom {
    padding-bottom: 60px !important;
  }
  .sm-padding-65px-bottom {
    padding-bottom: 65px !important;
  }
  .sm-padding-70px-bottom {
    padding-bottom: 70px !important;
  }
  .sm-padding-75px-bottom {
    padding-bottom: 75px !important;
  }
  .sm-padding-80px-bottom {
    padding-bottom: 80px !important;
  }
  .sm-padding-85px-bottom {
    padding-bottom: 85px !important;
  }
  .sm-padding-90px-bottom {
    padding-bottom: 90px !important;
  }
  .sm-padding-95px-bottom {
    padding-bottom: 95px !important;
  }
  .sm-padding-100px-bottom {
    padding-bottom: 100px !important;
  }
  .sm-padding-130px-bottom {
    padding-bottom: 130px !important;
  }
  .sm-padding-one-right {
    padding-right: 1%;
  }
  .sm-padding-one-half-right {
    padding-right: 1.5%;
  }
  .sm-padding-two-right {
    padding-right: 2%;
  }
  .sm-padding-two-half-right {
    padding-right: 2.5%;
  }
  .sm-padding-three-right {
    padding-right: 3%;
  }
  .sm-padding-three-half-right {
    padding-right: 3.5%;
  }
  .sm-padding-four-right {
    padding-right: 4%;
  }
  .sm-padding-four-half-right {
    padding-right: 4.5%;
  }
  .sm-padding-five-right {
    padding-right: 5%;
  }
  .sm-padding-five-half-right {
    padding-right: 5.5%;
  }
  .sm-padding-six-right {
    padding-right: 6%;
  }
  .sm-padding-six-half-right {
    padding-right: 6.5%;
  }
  .sm-padding-seven-right {
    padding-right: 7%;
  }
  .sm-padding-seven-half-right {
    padding-right: 7.5%;
  }
  .sm-padding-eight-right {
    padding-right: 8%;
  }
  .sm-padding-eight-half-right {
    padding-right: 8.5%;
  }
  .sm-padding-nine-right {
    padding-right: 9%;
  }
  .sm-padding-nine-half-right {
    padding-right: 9.5%;
  }
  .sm-padding-ten-right {
    padding-right: 10%;
  }
  .sm-padding-ten-half-right {
    padding-right: 10.5%;
  }
  .sm-padding-eleven-right {
    padding-right: 11%;
  }
  .sm-padding-eleven-half-right {
    padding-right: 11.5%;
  }
  .sm-padding-twelve-right {
    padding-right: 12%;
  }
  .sm-padding-twelve-half-right {
    padding-right: 12.5%;
  }
  .sm-padding-thirteen-right {
    padding-right: 13%;
  }
  .sm-padding-thirteen-half-right {
    padding-right: 13.5%;
  }
  .sm-padding-fourteen-right {
    padding-right: 14%;
  }
  .sm-padding-fourteen-half-right {
    padding-right: 14.5%;
  }
  .sm-padding-fifteen-right {
    padding-right: 15%;
  }
  .sm-padding-fifteen-half-right {
    padding-right: 15.5%;
  }
  .sm-padding-sixteen-right {
    padding-right: 16%;
  }
  .sm-padding-sixteen-half-right {
    padding-right: 16.5%;
  }
  .sm-padding-seventeen-right {
    padding-right: 17%;
  }
  .sm-padding-seventeen-half-right {
    padding-right: 17.5%;
  }
  .sm-padding-eighteen-right {
    padding-right: 18%;
  }
  .sm-padding-eighteen-half-right {
    padding-right: 18.5%;
  }
  .sm-padding-nineteen-right {
    padding-right: 19%;
  }
  .sm-padding-nineteen-half-right {
    padding-right: 19.5%;
  }
  .sm-padding-twenty-right {
    padding-right: 20%;
  }
  .sm-padding-twenty-half-right {
    padding-right: 20.5%;
  }
  .sm-padding-twenty-one-right {
    padding-right: 21%;
  }
  .sm-padding-twenty-one-half-right {
    padding-right: 21.5%;
  }
  .sm-padding-twenty-two-right {
    padding-right: 22%;
  }
  .sm-padding-twenty-two-half-right {
    padding-right: 22.5%;
  }
  .sm-padding-twenty-three-right {
    padding-right: 23%;
  }
  .sm-padding-twenty-three-half-right {
    padding-right: 23.5%;
  }
  .sm-padding-twenty-four-right {
    padding-right: 24%;
  }
  .sm-padding-twenty-four-half-right {
    padding-right: 24.5%;
  }
  .sm-padding-twenty-five-right {
    padding-right: 25%;
  }
  .sm-padding-5px-right {
    padding-right: 5px !important;
  }
  .sm-padding-10px-right {
    padding-right: 10px !important;
  }
  .sm-padding-15px-right {
    padding-right: 15px !important;
  }
  .sm-padding-20px-right {
    padding-right: 20px !important;
  }
  .sm-padding-25px-right {
    padding-right: 25px !important;
  }
  .sm-padding-30px-right {
    padding-right: 30px !important;
  }
  .sm-padding-35px-right {
    padding-right: 35px !important;
  }
  .sm-padding-40px-right {
    padding-right: 40px !important;
  }
  .sm-padding-45px-right {
    padding-right: 45px !important;
  }
  .sm-padding-50px-right {
    padding-right: 50px !important;
  }
  .sm-padding-55px-right {
    padding-right: 55px !important;
  }
  .sm-padding-60px-right {
    padding-right: 60px !important;
  }
  .sm-padding-65px-right {
    padding-right: 65px !important;
  }
  .sm-padding-70px-right {
    padding-right: 70px !important;
  }
  .sm-padding-75px-right {
    padding-right: 75px !important;
  }
  .sm-padding-80px-right {
    padding-right: 80px !important;
  }
  .sm-padding-85px-right {
    padding-right: 85px !important;
  }
  .sm-padding-90px-right {
    padding-right: 90px !important;
  }
  .sm-padding-95px-right {
    padding-right: 95px !important;
  }
  .sm-padding-100px-right {
    padding-right: 100px !important;
  }
  .sm-padding-one-left {
    padding-left: 1%;
  }
  .sm-padding-one-half-left {
    padding-left: 1.5%;
  }
  .sm-padding-two-left {
    padding-left: 2%;
  }
  .sm-padding-two-half-left {
    padding-left: 2.5%;
  }
  .sm-padding-three-left {
    padding-left: 3%;
  }
  .sm-padding-three-half-left {
    padding-left: 3.5%;
  }
  .sm-padding-four-left {
    padding-left: 4%;
  }
  .sm-padding-four-half-left {
    padding-left: 4.5%;
  }
  .sm-padding-five-left {
    padding-left: 5%;
  }
  .sm-padding-five-half-left {
    padding-left: 5.5%;
  }
  .sm-padding-six-left {
    padding-left: 6%;
  }
  .sm-padding-six-half-left {
    padding-left: 6.5%;
  }
  .sm-padding-seven-left {
    padding-left: 7%;
  }
  .sm-padding-seven-half-left {
    padding-left: 7.5%;
  }
  .sm-padding-eight-left {
    padding-left: 8%;
  }
  .sm-padding-eight-half-left {
    padding-left: 8.5%;
  }
  .sm-padding-nine-left {
    padding-left: 9%;
  }
  .sm-padding-nine-half-left {
    padding-left: 9.5%;
  }
  .sm-padding-ten-left {
    padding-left: 10%;
  }
  .sm-padding-ten-half-left {
    padding-left: 10.5%;
  }
  .sm-padding-eleven-left {
    padding-left: 11%;
  }
  .sm-padding-eleven-half-left {
    padding-left: 11.5%;
  }
  .sm-padding-twelve-left {
    padding-left: 12%;
  }
  .sm-padding-twelve-half-left {
    padding-left: 12.5%;
  }
  .sm-padding-thirteen-left {
    padding-left: 13%;
  }
  .sm-padding-thirteen-half-left {
    padding-left: 13.5%;
  }
  .sm-padding-fourteen-left {
    padding-left: 14%;
  }
  .sm-padding-fourteen-half-left {
    padding-left: 14.5%;
  }
  .sm-padding-fifteen-left {
    padding-left: 15%;
  }
  .sm-padding-fifteen-half-left {
    padding-left: 15.5%;
  }
  .sm-padding-sixteen-left {
    padding-left: 16%;
  }
  .sm-padding-sixteen-half-left {
    padding-left: 16.5%;
  }
  .sm-padding-seventeen-left {
    padding-left: 17%;
  }
  .sm-padding-seventeen-half-left {
    padding-left: 17.5%;
  }
  .sm-padding-eighteen-left {
    padding-left: 18%;
  }
  .sm-padding-eighteen-half-left {
    padding-left: 18.5%;
  }
  .sm-padding-nineteen-left {
    padding-left: 19%;
  }
  .sm-padding-nineteen-half-left {
    padding-left: 19.5%;
  }
  .sm-padding-twenty-left {
    padding-left: 20%;
  }
  .sm-padding-twenty-half-left {
    padding-left: 20.5%;
  }
  .sm-padding-twenty-one-left {
    padding-left: 21%;
  }
  .sm-padding-twenty-one-half-left {
    padding-left: 21.5%;
  }
  .sm-padding-twenty-two-left {
    padding-left: 22%;
  }
  .sm-padding-twenty-two-half-left {
    padding-left: 22.5%;
  }
  .sm-padding-twenty-three-left {
    padding-left: 23%;
  }
  .sm-padding-twenty-three-half-left {
    padding-left: 23.5%;
  }
  .sm-padding-twenty-four-left {
    padding-left: 24%;
  }
  .sm-padding-twenty-four-half-left {
    padding-left: 24.5%;
  }
  .sm-padding-twenty-five-left {
    padding-left: 25%;
  }
  .sm-padding-5px-left {
    padding-left: 5px !important;
  }
  .sm-padding-10px-left {
    padding-left: 10px !important;
  }
  .sm-padding-15px-left {
    padding-left: 15px !important;
  }
  .sm-padding-20px-left {
    padding-left: 20px !important;
  }
  .sm-padding-25px-left {
    padding-left: 25px !important;
  }
  .sm-padding-30px-left {
    padding-left: 30px !important;
  }
  .sm-padding-35px-left {
    padding-left: 35px !important;
  }
  .sm-padding-40px-left {
    padding-left: 40px !important;
  }
  .sm-padding-45px-left {
    padding-left: 45px !important;
  }
  .sm-padding-50px-left {
    padding-left: 50px !important;
  }
  .sm-padding-55px-left {
    padding-left: 55px !important;
  }
  .sm-padding-60px-left {
    padding-left: 60px !important;
  }
  .sm-padding-65px-left {
    padding-left: 65px !important;
  }
  .sm-padding-70px-left {
    padding-left: 70px !important;
  }
  .sm-padding-75px-left {
    padding-left: 75px !important;
  }
  .sm-padding-80px-left {
    padding-left: 80px !important;
  }
  .sm-padding-85px-left {
    padding-left: 85px !important;
  }
  .sm-padding-90px-left {
    padding-left: 90px !important;
  }
  .sm-padding-95px-left {
    padding-left: 95px !important;
  }
  .sm-padding-100px-left {
    padding-left: 100px !important;
  }
  .sm-padding-one-tb {
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .sm-padding-one-half-tb {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }
  .sm-padding-two-tb {
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .sm-padding-two-half-tb {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
  }
  .sm-padding-three-tb {
    padding-top: 3%;
    padding-bottom: 3%;
  }
  .sm-padding-three-half-tb {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
  }
  .sm-padding-four-tb {
    padding-top: 4%;
    padding-bottom: 4%;
  }
  .sm-padding-four-half-tb {
    padding-top: 4.5%;
    padding-bottom: 4.5%;
  }
  .sm-padding-five-tb {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .sm-padding-five-half-tb {
    padding-top: 5.5%;
    padding-bottom: 5.5%;
  }
  .sm-padding-six-tb {
    padding-top: 6%;
    padding-bottom: 6%;
  }
  .sm-padding-six-half-tb {
    padding-top: 6.5%;
    padding-bottom: 6.5%;
  }
  .sm-padding-seven-tb {
    padding-top: 7%;
    padding-bottom: 7%;
  }
  .sm-padding-seven-half-tb {
    padding-top: 7.5%;
    padding-bottom: 7.5%;
  }
  .sm-padding-eight-tb {
    padding-top: 8%;
    padding-bottom: 8%;
  }
  .sm-padding-eight-half-tb {
    padding-top: 8.5%;
    padding-bottom: 8.5%;
  }
  .sm-padding-nine-tb {
    padding-top: 9%;
    padding-bottom: 9%;
  }
  .sm-padding-nine-half-tb {
    padding-top: 9.5%;
    padding-bottom: 9.5%;
  }
  .sm-padding-ten-tb {
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .sm-padding-ten-half-tb {
    padding-top: 10.5%;
    padding-bottom: 10.5%;
  }
  .sm-padding-eleven-tb {
    padding-top: 11%;
    padding-bottom: 11%;
  }
  .sm-padding-eleven-half-tb {
    padding-top: 11.5%;
    padding-bottom: 11.5%;
  }
  .sm-padding-twelve-tb {
    padding-top: 12%;
    padding-bottom: 12%;
  }
  .sm-padding-twelve-half-tb {
    padding-top: 12.5%;
    padding-bottom: 12.5%;
  }
  .sm-padding-thirteen-tb {
    padding-top: 13%;
    padding-bottom: 13%;
  }
  .sm-padding-thirteen-half-tb {
    padding-top: 13.5%;
    padding-bottom: 13.5%;
  }
  .sm-padding-fourteen-tb {
    padding-top: 14%;
    padding-bottom: 14%;
  }
  .sm-padding-fourteen-half-tb {
    padding-top: 14.5%;
    padding-bottom: 14.5%;
  }
  .sm-padding-fifteen-tb {
    padding-top: 15%;
    padding-bottom: 15%;
  }
  .sm-padding-fifteen-half-tb {
    padding-top: 15.5%;
    padding-bottom: 15.5%;
  }
  .sm-padding-sixteen-tb {
    padding-top: 16%;
    padding-bottom: 16%;
  }
  .sm-padding-sixteen-half-tb {
    padding-top: 16.5%;
    padding-bottom: 16.5%;
  }
  .sm-padding-seventeen-tb {
    padding-top: 17%;
    padding-bottom: 17%;
  }
  .sm-padding-seventeen-half-tb {
    padding-top: 17.5%;
    padding-bottom: 17.5%;
  }
  .sm-padding-eighteen-tb {
    padding-top: 18%;
    padding-bottom: 18%;
  }
  .sm-padding-eighteen-half-tb {
    padding-top: 18.5%;
    padding-bottom: 18.5%;
  }
  .sm-padding-nineteen-tb {
    padding-top: 19%;
    padding-bottom: 19%;
  }
  .sm-padding-nineteen-half-tb {
    padding-top: 19.5%;
    padding-bottom: 19.5%;
  }
  .sm-padding-twenty-tb {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .sm-padding-twenty-half-tb {
    padding-top: 20.5%;
    padding-bottom: 20.5%;
  }
  .sm-padding-twenty-one-tb {
    padding-top: 21%;
    padding-bottom: 21%;
  }
  .sm-padding-twenty-one-half-tb {
    padding-top: 21.5%;
    padding-bottom: 21.5%;
  }
  .sm-padding-twenty-two-tb {
    padding-top: 22%;
    padding-bottom: 22%;
  }
  .sm-padding-twenty-two-half-tb {
    padding-top: 22.5%;
    padding-bottom: 22.5%;
  }
  .sm-padding-twenty-three-tb {
    padding-top: 23%;
    padding-bottom: 23%;
  }
  .sm-padding-twenty-three-half-tb {
    padding-top: 23.5%;
    padding-bottom: 23.5%;
  }
  .sm-padding-twenty-four-tb {
    padding-top: 24%;
    padding-bottom: 24%;
  }
  .sm-padding-twenty-four-half-tb {
    padding-top: 24.5%;
    padding-bottom: 24.5%;
  }
  .sm-padding-twenty-tb {
    padding-top: 25%;
    padding-bottom: 25%;
  }
  .sm-padding-5px-tb {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .sm-padding-10px-tb {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .sm-padding-15px-tb {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .sm-padding-20px-tb {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .sm-padding-25px-tb {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .sm-padding-30px-tb {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .sm-padding-35px-tb {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .sm-padding-40px-tb {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .sm-padding-45px-tb {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .sm-padding-50px-tb {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .sm-padding-55px-tb {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .sm-padding-60px-tb {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .sm-padding-65px-tb {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .sm-padding-70px-tb {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .sm-padding-75px-tb {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .sm-padding-80px-tb {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .sm-padding-85px-tb {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .sm-padding-90px-tb {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .sm-padding-95px-tb {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .sm-padding-100px-tb {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .sm-padding-one-lr {
    padding-left: 1%;
    padding-right: 1%;
  }
  .sm-padding-one-half-lr {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }
  .sm-padding-two-lr {
    padding-left: 2%;
    padding-right: 2%;
  }
  .sm-padding-two-half-lr {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
  .sm-padding-three-lr {
    padding-left: 3%;
    padding-right: 3%;
  }
  .sm-padding-three-half-lr {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
  .sm-padding-four-lr {
    padding-left: 4%;
    padding-right: 4%;
  }
  .sm-padding-four-half-lr {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  .sm-padding-five-lr {
    padding-left: 5%;
    padding-right: 5%;
  }
  .sm-padding-five-half-lr {
    padding-left: 5.5%;
    padding-right: 5.5%;
  }
  .sm-padding-six-lr {
    padding-left: 6%;
    padding-right: 6%;
  }
  .sm-padding-six-half-lr {
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
  .sm-padding-seven-lr {
    padding-left: 7%;
    padding-right: 7%;
  }
  .sm-padding-seven-half-lr {
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
  .sm-padding-eight-lr {
    padding-left: 8%;
    padding-right: 8%;
  }
  .sm-padding-eight-half-lr {
    padding-left: 8.5%;
    padding-right: 8.5%;
  }
  .sm-padding-nine-lr {
    padding-left: 9%;
    padding-right: 9%;
  }
  .sm-padding-nine-half-lr {
    padding-left: 9.5%;
    padding-right: 9.5%;
  }
  .sm-padding-ten-lr {
    padding-left: 10%;
    padding-right: 10%;
  }
  .sm-padding-ten-half-lr {
    padding-left: 10.5%;
    padding-right: 10.5%;
  }
  .sm-padding-eleven-lr {
    padding-left: 11%;
    padding-right: 11%;
  }
  .sm-padding-eleven-half-lr {
    padding-left: 11.5%;
    padding-right: 11.5%;
  }
  .sm-padding-twelve-lr {
    padding-left: 12%;
    padding-right: 12%;
  }
  .sm-padding-twelve-half-lr {
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
  .sm-padding-thirteen-lr {
    padding-left: 13%;
    padding-right: 13%;
  }
  .sm-padding-thirteen-half-lr {
    padding-left: 13.5%;
    padding-right: 13.5%;
  }
  .sm-padding-fourteen-lr {
    padding-left: 14%;
    padding-right: 14%;
  }
  .sm-padding-fourteen-half-lr {
    padding-left: 14.5%;
    padding-right: 14.5%;
  }
  .sm-padding-fifteen-lr {
    padding-left: 15%;
    padding-right: 15%;
  }
  .sm-padding-fifteen-half-lr {
    padding-left: 15.5%;
    padding-right: 15.5%;
  }
  .sm-padding-sixteen-lr {
    padding-left: 16%;
    padding-right: 16%;
  }
  .sm-padding-sixteen-half-lr {
    padding-left: 16.5%;
    padding-right: 16.5%;
  }
  .sm-padding-seventeen-lr {
    padding-left: 17%;
    padding-right: 17%;
  }
  .sm-padding-seventeen-half-lr {
    padding-left: 17.5%;
    padding-right: 17.5%;
  }
  .sm-padding-eighteen-lr {
    padding-left: 18%;
    padding-right: 18%;
  }
  .sm-padding-eighteen-half-lr {
    padding-left: 18.5%;
    padding-right: 18.5%;
  }
  .sm-padding-nineteen-lr {
    padding-left: 19%;
    padding-right: 19%;
  }
  .sm-padding-nineteen-half-lr {
    padding-left: 19.5%;
    padding-right: 19.5%;
  }
  .sm-padding-twenty-lr {
    padding-left: 20%;
    padding-right: 20%;
  }
  .sm-padding-twenty-half-lr {
    padding-left: 20.5%;
    padding-right: 20.5%;
  }
  .sm-padding-twenty-one-lr {
    padding-left: 21%;
    padding-right: 21%;
  }
  .sm-padding-twenty-one-half-lr {
    padding-left: 21.5%;
    padding-right: 21.5%;
  }
  .sm-padding-twenty-two-lr {
    padding-left: 22%;
    padding-right: 22%;
  }
  .sm-padding-twenty-two-half-lr {
    padding-left: 22.5%;
    padding-right: 22.5%;
  }
  .sm-padding-twenty-three-lr {
    padding-left: 23%;
    padding-right: 23%;
  }
  .sm-padding-twenty-three-half-lr {
    padding-left: 23.5%;
    padding-right: 23.5%;
  }
  .sm-padding-twenty-four-lr {
    padding-left: 24%;
    padding-right: 24%;
  }
  .sm-padding-twenty-four-half-lr {
    padding-left: 24.5%;
    padding-right: 24.5%;
  }
  .sm-padding-twenty-five-lr {
    padding-left: 25%;
    padding-right: 25%;
  }
  .sm-padding-5px-lr {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .sm-padding-10px-lr {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .sm-padding-15px-lr {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .sm-padding-20px-lr {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .sm-padding-25px-lr {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .sm-padding-30px-lr {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .sm-padding-35px-lr {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .sm-padding-40px-lr {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .sm-padding-45px-lr {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .sm-padding-50px-lr {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .sm-padding-55px-lr {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .sm-padding-60px-lr {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .sm-padding-65px-lr {
    padding-right: 65px !important;
    padding-left: 65px !important;
  }
  .sm-padding-70px-lr {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .sm-padding-75px-lr {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .sm-padding-80px-lr {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .sm-padding-85px-lr {
    padding-right: 85px !important;
    padding-left: 85px !important;
  }
  .sm-padding-90px-lr {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .sm-padding-95px-lr {
    padding-right: 95px !important;
    padding-left: 95px !important;
  }
  .sm-padding-100px-lr {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .sm-width-10 {
    width: 10%;
  }
  .sm-width-15 {
    width: 15%;
  }
  .sm-width-20 {
    width: 20%;
  }
  .sm-width-25 {
    width: 25%;
  }
  .sm-width-30 {
    width: 30%;
  }
  .sm-width-35 {
    width: 35%;
  }
  .sm-width-40 {
    width: 40%;
  }
  .sm-width-45 {
    width: 45%;
  }
  .sm-width-50 {
    width: 50%;
  }
  .sm-width-55 {
    width: 55%;
  }
  .sm-width-60 {
    width: 60%;
  }
  .sm-width-65 {
    width: 65%;
  }
  .sm-width-70 {
    width: 70%;
  }
  .sm-width-75 {
    width: 75%;
  }
  .sm-width-80 {
    width: 80%;
  }
  .sm-width-85 {
    width: 85%;
  }
  .sm-width-90 {
    width: 90%;
  }
  .sm-width-95 {
    width: 95%;
  }
  .sm-width-100 {
    width: 100%;
  }
  .sm-width-auto {
    width: auto;
  }
  .sm-width-50px {
    width: 50px;
  }
  .sm-width-70px {
    width: 70px;
  }
  .sm-width-75px {
    width: 75px;
  }
  .sm-width-80px {
    width: 80px;
  }
  .sm-width-85px {
    width: 85px;
  }
  .sm-width-90px {
    width: 90px;
  }
  .sm-width-95px {
    width: 95px;
  }
  .sm-width-100px {
    width: 100px;
  }
  .sm-width-120px {
    width: 120px;
  }
  .sm-width-130px {
    width: 130px;
  }
  .sm-width-150px {
    width: 150px;
  }
  .sm-width-180px {
    width: 180px;
  }
  .sm-width-200px {
    width: 200px;
  }
  .sm-width-250px {
    width: 250px;
  }
  .sm-width-300px {
    width: 300px;
  }
  .sm-width-350px {
    width: 350px;
  }
  .sm-width-400px {
    width: 400px;
  }
  .sm-width-450px {
    width: 450px;
  }
  .sm-width-500px {
    width: 500px;
  }
  .sm-width-550px {
    width: 550px;
  }
  .sm-width-600px {
    width: 600px;
  }
  .sm-width-650px {
    width: 650px;
  }
  .sm-width-700px {
    width: 700px;
  }
  .sm-width-750px {
    width: 750px;
  }
  .sm-width-800px {
    width: 800px;
  }
  .sm-width-850px {
    width: 850px;
  }
  .sm-width-900px {
    width: 900px;
  }
  .sm-width-950px {
    width: 950px;
  }
  .sm-width-1000px {
    width: 1000px;
  }
  .sm-display-block {
    display: block !important;
  }
  .sm-overflow-hidden {
    overflow: hidden !important;
  }
  .sm-overflow-auto {
    overflow: auto !important;
  }
  .sm-display-inline-block {
    display: inline-block !important;
  }
  .sm-display-inline {
    display: inline !important;
  }
  .sm-display-none {
    display: none !important;
  }
  .sm-display-inherit {
    display: inherit !important;
  }
  .sm-display-table {
    display: table !important;
  }
  .sm-display-table-cell {
    display: table-cell !important;
  }
  .sm-display-flex-inherit {
    -ms-box-orient: inherit;
    display: inherit;
    display: inherit;
    display: inherit;
    display: inherit;
    display: inherit;
    display: inherit;
    flex-flow: inherit;
    -webkit-flex-flow: inherit;
    -moz-flex-flow: inherit;
    -ms-flex-flow: inherit;
    -o-flex-flow: inherit;
  }
  .sm-clear-both {
    clear: both;
  }
  .sm-position-inherit {
    position: inherit !important;
  }
  .sm-position-initial {
    position: initial !important;
  }
  .sm-position-relative {
    position: relative !important;
    z-index: 5;
  }
  .sm-position-absolute {
    position: absolute !important;
  }
  .sm-position-fixed {
    position: fixed !important;
  }
  .parallax {
    background-position: center;
  }
  .sm-opacity1 {
    opacity: 0.1;
  }
  .sm-opacity2 {
    opacity: 0.2;
  }
  .sm-opacity3 {
    opacity: 0.3;
  }
  .sm-opacity4 {
    opacity: 0.4;
  }
  .sm-opacity5 {
    opacity: 0.5;
  }
  .sm-opacity6 {
    opacity: 0.6;
  }
  .sm-opacity7 {
    opacity: 0.7;
  }
  .sm-opacity8 {
    opacity: 0.8;
  }
  .sm-opacity9 {
    opacity: 0.9;
  }
  .sm-opacity10 {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 13px;
    line-height: 20px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 17px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
  }
  h1 {
    font-size: 37px;
    line-height: 42px;
  }
  h2 {
    font-size: 30px;
    line-height: 36px;
  }
  h3 {
    font-size: 28px;
    line-height: 34px;
  }
  h4 {
    font-size: 24px;
    line-height: 30px;
  }
  h5 {
    font-size: 20px;
    line-height: 28px;
  }
  h6 {
    font-size: 18px;
    line-height: 23px;
  }
  .xs-font-size11 {
    font-size: 11px;
    line-height: 14px;
  }
  .xs-font-size12 {
    font-size: 12px;
    line-height: 20px;
  }
  .xs-font-size13 {
    font-size: 13px;
    line-height: normal;
  }
  .xs-font-size14 {
    font-size: 14px;
  }
  .xs-font-size15 {
    font-size: 15px;
    line-height: normal;
  }
  .xs-font-size16 {
    font-size: 16px;
    line-height: normal;
  }
  .xs-font-size17 {
    font-size: 17px;
    line-height: normal;
  }
  .xs-font-size18 {
    font-size: 18px;
    line-height: 26px;
  }
  .xs-font-size19 {
    font-size: 19px;
    line-height: normal;
  }
  .xs-font-size20 {
    font-size: 20px;
    line-height: normal;
  }
  .xs-font-size22 {
    font-size: 22px;
    line-height: normal;
  }
  .xs-font-size24 {
    font-size: 24px;
    line-height: normal;
  }
  .xs-font-size26 {
    font-size: 26px;
    line-height: normal;
  }
  .xs-font-size28 {
    font-size: 28px;
    line-height: 34px;
  }
  .xs-font-size30 {
    font-size: 30px;
    line-height: normal;
  }
  .xs-font-size32 {
    font-size: 32px;
    line-height: normal;
  }
  .xs-font-size34 {
    font-size: 34px;
    line-height: normal;
  }
  .xs-font-size36 {
    font-size: 36px;
    line-height: normal;
  }
  .xs-font-size38 {
    font-size: 38px;
    line-height: normal;
  }
  .xs-font-size40 {
    font-size: 40px;
    line-height: normal;
  }
  .xs-font-size42 {
    font-size: 42px;
    line-height: normal;
  }
  .xs-font-size44 {
    font-size: 44px;
    line-height: normal;
  }
  .xs-font-size46 {
    font-size: 46px;
    line-height: normal;
  }
  .xs-font-size48 {
    font-size: 48px;
    line-height: normal;
  }
  .xs-font-size50 {
    font-size: 50px;
    line-height: normal;
  }
  .xs-font-size100 {
    font-size: 100px;
    line-height: 95px;
  }
  .xs-font-size130 {
    font-size: 130px;
    line-height: 120px;
  }
  .xs-opacity1 {
    opacity: 0.1;
  }
  .xs-opacity2 {
    opacity: 0.2;
  }
  .xs-opacity3 {
    opacity: 0.3;
  }
  .xs-opacity4 {
    opacity: 0.4;
  }
  .xs-opacity5 {
    opacity: 0.5;
  }
  .xs-opacity6 {
    opacity: 0.6;
  }
  .xs-opacity7 {
    opacity: 0.7;
  }
  .xs-opacity8 {
    opacity: 0.8;
  }
  .xs-opacity9 {
    opacity: 0.9;
  }
  .xs-opacity10 {
    opacity: 1;
  }
  .xs-text-center {
    text-align: center;
  }
  .xs-text-left {
    text-align: left;
  }
  .xs-text-right {
    text-align: right;
  }
  .xs-float-left {
    float: left !important;
  }
  .xs-float-right {
    float: right !important;
  }
  .xs-float-none {
    float: none !important;
  }
  .xs-vertical-align-middle {
    vertical-align: middle;
  }
  .xs-vertical-align-top {
    vertical-align: top;
  }
  .xs-vertical-align-bottom {
    vertical-align: bottom;
  }
  .xs-absolute-middle-inherit {
    left: 0;
    top: 0;
    position: relative;
    -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
  }
  .xs-background-image-left {
    background-position: left !important;
  }
  .xs-background-image-right {
    background-position: right !important;
  }
  .xs-background-image-center {
    background-position: center !important;
  }
  .xs-no-border-top {
    border-top: 0 !important;
  }
  .xs-no-border-bottom {
    border-bottom: 0 !important;
  }
  .xs-no-border-right {
    border-right: 0 !important;
  }
  .xs-no-border-left {
    border-left: 0 !important;
  }
  .xs-no-border {
    border: 0 !important;
  }
  .xs-border-top {
    border-top: 1px solid;
  }
  .xs-border-bottom {
    border-bottom: 1px solid;
  }
  .xs-border-left {
    border-left: 1px solid;
  }
  .xs-border-right {
    border-right: 1px solid;
  }
  .xs-border-lr {
    border-left: 1px solid;
    border-right: 1px solid;
  }
  .xs-border-tb {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
  .xs-margin-one-all {
    margin: 1%;
  }
  .xs-margin-one-half-all {
    margin: 1.5%;
  }
  .xs-margin-two-all {
    margin: 2%;
  }
  .xs-margin-two-half-all {
    margin: 2.5%;
  }
  .xs-margin-three-all {
    margin: 3%;
  }
  .xs-margin-three-half-all {
    margin: 3.5%;
  }
  .xs-margin-four-all {
    margin: 4%;
  }
  .xs-margin-four-half-all {
    margin: 4.5%;
  }
  .xs-margin-five-all {
    margin: 5%;
  }
  .xs-margin-five-half-all {
    margin: 5.5%;
  }
  .xs-margin-six-all {
    margin: 6%;
  }
  .xs-margin-six-half-all {
    margin: 6.5%;
  }
  .xs-margin-seven-all {
    margin: 7%;
  }
  .xs-margin-seven-half-all {
    margin: 7.5%;
  }
  .xs-margin-eight-all {
    margin: 8%;
  }
  .xs-margin-eight-half-all {
    margin: 8.5%;
  }
  .xs-margin-nine-all {
    margin: 9%;
  }
  .xs-margin-nine-half-all {
    margin: 9.5%;
  }
  .xs-margin-ten-all {
    margin: 10%;
  }
  .xs-margin-ten-half-all {
    margin: 10.5%;
  }
  .xs-margin-eleven-all {
    margin: 11%;
  }
  .xs-margin-eleven-half-all {
    margin: 11.5%;
  }
  .xs-margin-twelve-all {
    margin: 12%;
  }
  .xs-margin-twelve-half-all {
    margin: 12.5%;
  }
  .xs-margin-thirteen-all {
    margin: 13%;
  }
  .xs-margin-thirteen-half-all {
    margin: 13.5%;
  }
  .xs-margin-fourteen-all {
    margin: 14%;
  }
  .xs-margin-fourteen-half-all {
    margin: 14.5%;
  }
  .xs-margin-fifteen-all {
    margin: 15%;
  }
  .xs-margin-fifteen-half-all {
    margin: 15.5%;
  }
  .xs-margin-sixteen-all {
    margin: 16%;
  }
  .xs-margin-sixteen-half-all {
    margin: 16.5%;
  }
  .xs-margin-seventeen-all {
    margin: 17%;
  }
  .xs-margin-seventeen-half-all {
    margin: 17.5%;
  }
  .xs-margin-eighteen-all {
    margin: 18%;
  }
  .xs-margin-eighteen-half-all {
    margin: 18.5%;
  }
  .xs-margin-nineteen-all {
    margin: 19%;
  }
  .xs-margin-nineteen-half-all {
    margin: 19.5%;
  }
  .xs-margin-twenty-all {
    margin: 20%;
  }
  .xs-margin-twenty-half-all {
    margin: 20.5%;
  }
  .xs-margin-twenty-one-all {
    margin: 21%;
  }
  .xs-margin-twenty-one-half-all {
    margin: 21.5%;
  }
  .xs-margin-twenty-two-all {
    margin: 22%;
  }
  .xs-margin-twenty-two-half-all {
    margin: 22.5%;
  }
  .xs-margin-twenty-three-all {
    margin: 23%;
  }
  .xs-margin-twenty-three-half-all {
    margin: 23.5%;
  }
  .xs-margin-twenty-four-all {
    margin: 24%;
  }
  .xs-margin-twenty-four-half-all {
    margin: 24.5%;
  }
  .xs-margin-twenty-five-all {
    margin: 25%;
  }
  .xs-no-margin {
    margin: 0 !important;
  }
  .xs-no-margin-lr {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .xs-no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .xs-no-margin-top {
    margin-top: 0 !important;
  }
  .xs-no-margin-bottom {
    margin-bottom: 0 !important;
  }
  .xs-no-margin-left {
    margin-left: 0 !important;
  }
  .xs-no-margin-right {
    margin-right: 0 !important;
  }
  .xs-margin-lr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .xs-margin-auto {
    margin: 0 auto !important;
  }
  .xs-margin-one-top {
    margin-top: 1%;
  }
  .xs-margin-one-half-top {
    margin-top: 1.5%;
  }
  .xs-margin-two-top {
    margin-top: 2%;
  }
  .xs-margin-two-half-top {
    margin-top: 2.5%;
  }
  .xs-margin-three-top {
    margin-top: 3%;
  }
  .xs-margin-three-half-top {
    margin-top: 3.5%;
  }
  .xs-margin-four-top {
    margin-top: 4%;
  }
  .xs-margin-four-half-top {
    margin-top: 4.5%;
  }
  .xs-margin-five-top {
    margin-top: 5%;
  }
  .xs-margin-five-half-top {
    margin-top: 5.5%;
  }
  .xs-margin-six-top {
    margin-top: 6%;
  }
  .xs-margin-six-half-top {
    margin-top: 6.5%;
  }
  .xs-margin-seven-top {
    margin-top: 7%;
  }
  .xs-margin-seven-half-top {
    margin-top: 7.5%;
  }
  .xs-margin-eight-top {
    margin-top: 8%;
  }
  .xs-margin-eight-half-top {
    margin-top: 8.5%;
  }
  .xs-margin-nine-top {
    margin-top: 9%;
  }
  .xs-margin-nine-half-top {
    margin-top: 9.5%;
  }
  .xs-margin-ten-top {
    margin-top: 10%;
  }
  .xs-margin-ten-half-top {
    margin-top: 10.5%;
  }
  .xs-margin-eleven-top {
    margin-top: 11%;
  }
  .xs-margin-eleven-half-top {
    margin-top: 11.5%;
  }
  .xs-margin-twelve-top {
    margin-top: 12%;
  }
  .xs-margin-twelve-half-top {
    margin-top: 12.5%;
  }
  .xs-margin-thirteen-top {
    margin-top: 13%;
  }
  .xs-margin-thirteen-half-top {
    margin-top: 13.5%;
  }
  .xs-margin-fourteen-top {
    margin-top: 14%;
  }
  .xs-margin-fourteen-half-top {
    margin-top: 14.5%;
  }
  .xs-margin-fifteen-top {
    margin-top: 15%;
  }
  .xs-margin-fifteen-half-top {
    margin-top: 15.5%;
  }
  .xs-margin-sixteen-top {
    margin-top: 16%;
  }
  .xs-margin-sixteen-half-top {
    margin-top: 16.5%;
  }
  .xs-margin-seventeen-top {
    margin-top: 17%;
  }
  .xs-margin-seventeen-half-top {
    margin-top: 17.5%;
  }
  .xs-margin-eighteen-top {
    margin-top: 18%;
  }
  .xs-margin-eighteen-half-top {
    margin-top: 18.5%;
  }
  .xs-margin-nineteen-top {
    margin-top: 19%;
  }
  .xs-margin-nineteen-half-top {
    margin-top: 19.5%;
  }
  .xs-margin-twenty-top {
    margin-top: 20%;
  }
  .xs-margin-twenty-half-top {
    margin-top: 20.5%;
  }
  .xs-margin-twenty-one-top {
    margin-top: 21%;
  }
  .xs-margin-twenty-one-half-top {
    margin-top: 21.5%;
  }
  .xs-margin-twenty-two-top {
    margin-top: 22%;
  }
  .xs-margin-twenty-two-half-top {
    margin-top: 22.5%;
  }
  .xs-margin-twenty-three-top {
    margin-top: 23%;
  }
  .xs-margin-twenty-three-half-top {
    margin-top: 23.5%;
  }
  .xs-margin-twenty-four-top {
    margin-top: 24%;
  }
  .xs-margin-twenty-four-half-top {
    margin-top: 24.5%;
  }
  .xs-margin-twenty-five-top {
    margin-top: 25%;
  }
  .xs-margin-5px-top {
    margin-top: 5px !important;
  }
  .xs-margin-10px-top {
    margin-top: 10px !important;
  }
  .xs-margin-15px-top {
    margin-top: 15px !important;
  }
  .xs-margin-20px-top {
    margin-top: 20px !important;
  }
  .xs-margin-25px-top {
    margin-top: 25px !important;
  }
  .xs-margin-30px-top {
    margin-top: 30px !important;
  }
  .xs-margin-35px-top {
    margin-top: 35px !important;
  }
  .xs-margin-40px-top {
    margin-top: 40px !important;
  }
  .xs-margin-45px-top {
    margin-top: 45px !important;
  }
  .xs-margin-50px-top {
    margin-top: 50px !important;
  }
  .xs-margin-55px-top {
    margin-top: 55px !important;
  }
  .xs-margin-60px-top {
    margin-top: 60px !important;
  }
  .xs-margin-65px-top {
    margin-top: 65px !important;
  }
  .xs-margin-70px-top {
    margin-top: 70px !important;
  }
  .xs-margin-75px-top {
    margin-top: 75px !important;
  }
  .xs-margin-80px-top {
    margin-top: 80px !important;
  }
  .xs-margin-85px-top {
    margin-top: 85px !important;
  }
  .xs-margin-90px-top {
    margin-top: 90px !important;
  }
  .xs-margin-95px-top {
    margin-top: 95px !important;
  }
  .xs-margin-100px-top {
    margin-top: 100px !important;
  }
  .xs-margin-one-bottom {
    margin-bottom: 1%;
  }
  .xs-margin-one-half-bottom {
    margin-bottom: 1.5%;
  }
  .xs-margin-two-bottom {
    margin-bottom: 2%;
  }
  .xs-margin-two-half-bottom {
    margin-bottom: 2.5%;
  }
  .xs-margin-three-bottom {
    margin-bottom: 3%;
  }
  .xs-margin-three-half-bottom {
    margin-bottom: 3.5%;
  }
  .xs-margin-four-bottom {
    margin-bottom: 4%;
  }
  .xs-margin-four-half-bottom {
    margin-bottom: 4.5%;
  }
  .xs-margin-five-bottom {
    margin-bottom: 5%;
  }
  .xs-margin-five-half-bottom {
    margin-bottom: 5.5%;
  }
  .xs-margin-six-bottom {
    margin-bottom: 6%;
  }
  .xs-margin-six-half-bottom {
    margin-bottom: 6.5%;
  }
  .xs-margin-seven-bottom {
    margin-bottom: 7%;
  }
  .xs-margin-seven-half-bottom {
    margin-bottom: 7.5%;
  }
  .xs-margin-eight-bottom {
    margin-bottom: 8%;
  }
  .xs-margin-eight-half-bottom {
    margin-bottom: 8.5%;
  }
  .xs-margin-nine-bottom {
    margin-bottom: 9%;
  }
  .xs-margin-nine-half-bottom {
    margin-bottom: 9.5%;
  }
  .xs-margin-ten-bottom {
    margin-bottom: 10%;
  }
  .xs-margin-ten-half-bottom {
    margin-bottom: 10.5%;
  }
  .xs-margin-eleven-bottom {
    margin-bottom: 11%;
  }
  .xs-margin-eleven-half-bottom {
    margin-bottom: 11.5%;
  }
  .xs-margin-twelve-bottom {
    margin-bottom: 12%;
  }
  .xs-margin-twelve-half-bottom {
    margin-bottom: 12.5%;
  }
  .xs-margin-thirteen-bottom {
    margin-bottom: 13%;
  }
  .xs-margin-thirteen-half-bottom {
    margin-bottom: 13.5%;
  }
  .xs-margin-fourteen-bottom {
    margin-bottom: 14%;
  }
  .xs-margin-fourteen-half-bottom {
    margin-bottom: 14.5%;
  }
  .xs-margin-fifteen-bottom {
    margin-bottom: 15%;
  }
  .xs-margin-fifteen-half-bottom {
    margin-bottom: 15.5%;
  }
  .xs-margin-sixteen-bottom {
    margin-bottom: 16%;
  }
  .xs-margin-sixteen-half-bottom {
    margin-bottom: 16.5%;
  }
  .xs-margin-seventeen-bottom {
    margin-bottom: 17%;
  }
  .xs-margin-seventeen-half-bottom {
    margin-bottom: 17.5%;
  }
  .xs-margin-eighteen-bottom {
    margin-bottom: 18%;
  }
  .xs-margin-eighteen-half-bottom {
    margin-bottom: 18.5%;
  }
  .xs-margin-nineteen-bottom {
    margin-bottom: 19%;
  }
  .xs-margin-nineteen-half-bottom {
    margin-bottom: 19.5%;
  }
  .xs-margin-twenty-bottom {
    margin-bottom: 20%;
  }
  .xs-margin-twenty-half-bottom {
    margin-bottom: 20.5%;
  }
  .xs-margin-twenty-one-bottom {
    margin-bottom: 21%;
  }
  .xs-margin-twenty-one-half-bottom {
    margin-bottom: 21.5%;
  }
  .xs-margin-twenty-two-bottom {
    margin-bottom: 22%;
  }
  .xs-margin-twenty-two-half-bottom {
    margin-bottom: 22.5%;
  }
  .xs-margin-twenty-three-bottom {
    margin-bottom: 23%;
  }
  .xs-margin-twenty-three-half-bottom {
    margin-bottom: 23.5%;
  }
  .xs-margin-twenty-four-bottom {
    margin-bottom: 24%;
  }
  .xs-margin-twenty-four-half-bottom {
    margin-bottom: 24.5%;
  }
  .xs-margin-twenty-five-bottom {
    margin-bottom: 25%;
  }
  .xs-margin-5px-bottom {
    margin-bottom: 5px !important;
  }
  .xs-margin-10px-bottom {
    margin-bottom: 10px !important;
  }
  .xs-margin-15px-bottom {
    margin-bottom: 15px !important;
  }
  .xs-margin-20px-bottom {
    margin-bottom: 20px !important;
  }
  .xs-margin-25px-bottom {
    margin-bottom: 25px !important;
  }
  .xs-margin-30px-bottom {
    margin-bottom: 30px !important;
  }
  .xs-margin-35px-bottom {
    margin-bottom: 35px !important;
  }
  .xs-margin-40px-bottom {
    margin-bottom: 40px !important;
  }
  .xs-margin-45px-bottom {
    margin-bottom: 45px !important;
  }
  .xs-margin-50px-bottom {
    margin-bottom: 50px !important;
  }
  .xs-margin-55px-bottom {
    margin-bottom: 55px !important;
  }
  .xs-margin-60px-bottom {
    margin-bottom: 60px !important;
  }
  .xs-margin-65px-bottom {
    margin-bottom: 65px !important;
  }
  .xs-margin-70px-bottom {
    margin-bottom: 70px !important;
  }
  .xs-margin-75px-bottom {
    margin-bottom: 75px !important;
  }
  .xs-margin-80px-bottom {
    margin-bottom: 80px !important;
  }
  .xs-margin-85px-bottom {
    margin-bottom: 85px !important;
  }
  .xs-margin-90px-bottom {
    margin-bottom: 90px !important;
  }
  .xs-margin-95px-bottom {
    margin-bottom: 95px !important;
  }
  .xs-margin-100px-bottom {
    margin-bottom: 100px !important;
  }
  .xs-margin-one-right {
    margin-right: 1%;
  }
  .xs-margin-one-half-right {
    margin-right: 1.5%;
  }
  .xs-margin-two-right {
    margin-right: 2%;
  }
  .xs-margin-two-half-right {
    margin-right: 2.5%;
  }
  .xs-margin-three-right {
    margin-right: 3%;
  }
  .xs-margin-three-half-right {
    margin-right: 3.5%;
  }
  .xs-margin-four-right {
    margin-right: 4%;
  }
  .xs-margin-four-half-right {
    margin-right: 4.5%;
  }
  .xs-margin-five-right {
    margin-right: 5%;
  }
  .xs-margin-five-half-right {
    margin-right: 5.5%;
  }
  .xs-margin-six-right {
    margin-right: 6%;
  }
  .xs-margin-six-half-right {
    margin-right: 6.5%;
  }
  .xs-margin-seven-right {
    margin-right: 7%;
  }
  .xs-margin-seven-half-right {
    margin-right: 7.5%;
  }
  .xs-margin-eight-right {
    margin-right: 8%;
  }
  .xs-margin-eight-half-right {
    margin-right: 8.5%;
  }
  .xs-margin-nine-right {
    margin-right: 9%;
  }
  .xs-margin-nine-half-right {
    margin-right: 9.5%;
  }
  .xs-margin-ten-right {
    margin-right: 10%;
  }
  .xs-margin-ten-half-right {
    margin-right: 10.5%;
  }
  .xs-margin-eleven-right {
    margin-right: 11%;
  }
  .xs-margin-eleven-half-right {
    margin-right: 11.5%;
  }
  .xs-margin-twelve-right {
    margin-right: 12%;
  }
  .xs-margin-twelve-half-right {
    margin-right: 12.5%;
  }
  .xs-margin-thirteen-right {
    margin-right: 13%;
  }
  .xs-margin-thirteen-half-right {
    margin-right: 13.5%;
  }
  .xs-margin-fourteen-right {
    margin-right: 14%;
  }
  .xs-margin-fourteen-half-right {
    margin-right: 14.5%;
  }
  .xs-margin-fifteen-right {
    margin-right: 15%;
  }
  .xs-margin-fifteen-half-right {
    margin-right: 15.5%;
  }
  .xs-margin-sixteen-right {
    margin-right: 16%;
  }
  .xs-margin-sixteen-half-right {
    margin-right: 16.5%;
  }
  .xs-margin-seventeen-right {
    margin-right: 17%;
  }
  .xs-margin-seventeen-half-right {
    margin-right: 17.5%;
  }
  .xs-margin-eighteen-right {
    margin-right: 18%;
  }
  .xs-margin-eighteen-half-right {
    margin-right: 18.5%;
  }
  .xs-margin-nineteen-right {
    margin-right: 19%;
  }
  .xs-margin-nineteen-half-right {
    margin-right: 19.5%;
  }
  .xs-margin-twenty-right {
    margin-right: 20%;
  }
  .xs-margin-twenty-half-right {
    margin-right: 20.5%;
  }
  .xs-margin-twenty-one-right {
    margin-right: 21%;
  }
  .xs-margin-twenty-one-half-right {
    margin-right: 21.5%;
  }
  .xs-margin-twenty-two-right {
    margin-right: 22%;
  }
  .xs-margin-twenty-two-half-right {
    margin-right: 22.5%;
  }
  .xs-margin-twenty-three-right {
    margin-right: 23%;
  }
  .xs-margin-twenty-three-half-right {
    margin-right: 23.5%;
  }
  .xs-margin-twenty-four-right {
    margin-right: 24%;
  }
  .xs-margin-twenty-four-half-right {
    margin-right: 24.5%;
  }
  .xs-margin-twenty-five-right {
    margin-right: 25%;
  }
  .xs-margin-10px-right {
    margin-right: 10px !important;
  }
  .xs-margin-15px-right {
    margin-right: 15px !important;
  }
  .xs-margin-20px-right {
    margin-right: 20px !important;
  }
  .xs-margin-25px-right {
    margin-right: 25px !important;
  }
  .xs-margin-30px-right {
    margin-right: 30px !important;
  }
  .xs-margin-35px-right {
    margin-right: 35px !important;
  }
  .xs-margin-40px-right {
    margin-right: 40px !important;
  }
  .xs-margin-45px-right {
    margin-right: 45px !important;
  }
  .xs-margin-50px-right {
    margin-right: 50px !important;
  }
  .xs-margin-55px-right {
    margin-right: 55px !important;
  }
  .xs-margin-60px-right {
    margin-right: 60px !important;
  }
  .xs-margin-65px-right {
    margin-right: 65px !important;
  }
  .xs-margin-70px-right {
    margin-right: 70px !important;
  }
  .xs-margin-75px-right {
    margin-right: 75px !important;
  }
  .xs-margin-80px-right {
    margin-right: 80px !important;
  }
  .xs-margin-85px-right {
    margin-right: 85px !important;
  }
  .xs-margin-90px-right {
    margin-right: 90px !important;
  }
  .xs-margin-95px-right {
    margin-right: 95px !important;
  }
  .xs-margin-100px-right {
    margin-right: 100px !important;
  }
  .xs-margin-one-left {
    margin-left: 1%;
  }
  .xs-margin-one-half-left {
    margin-left: 1.5%;
  }
  .xs-margin-two-left {
    margin-left: 2%;
  }
  .xs-margin-two-half-left {
    margin-left: 2.5%;
  }
  .xs-margin-three-left {
    margin-left: 3%;
  }
  .xs-margin-three-half-left {
    margin-left: 3.5%;
  }
  .xs-margin-four-left {
    margin-left: 4%;
  }
  .xs-margin-four-half-left {
    margin-left: 4.5%;
  }
  .xs-margin-five-left {
    margin-left: 5%;
  }
  .xs-margin-five-half-left {
    margin-left: 5.5%;
  }
  .xs-margin-six-left {
    margin-left: 6%;
  }
  .xs-margin-six-half-left {
    margin-left: 6.5%;
  }
  .xs-margin-seven-left {
    margin-left: 7%;
  }
  .xs-margin-seven-half-left {
    margin-left: 7.5%;
  }
  .xs-margin-eight-left {
    margin-left: 8%;
  }
  .xs-margin-eight-half-left {
    margin-left: 8.5%;
  }
  .xs-margin-nine-left {
    margin-left: 9%;
  }
  .xs-margin-nine-half-left {
    margin-left: 9.5%;
  }
  .xs-margin-ten-left {
    margin-left: 10%;
  }
  .xs-margin-ten-half-left {
    margin-left: 10.5%;
  }
  .xs-margin-eleven-left {
    margin-left: 11%;
  }
  .xs-margin-eleven-half-left {
    margin-left: 11.5%;
  }
  .xs-margin-twelve-left {
    margin-left: 12%;
  }
  .xs-margin-twelve-half-left {
    margin-left: 12.5%;
  }
  .xs-margin-thirteen-left {
    margin-left: 13%;
  }
  .xs-margin-thirteen-half-left {
    margin-left: 13.5%;
  }
  .xs-margin-fourteen-left {
    margin-left: 14%;
  }
  .xs-margin-fourteen-half-left {
    margin-left: 14.5%;
  }
  .xs-margin-fifteen-left {
    margin-left: 15%;
  }
  .xs-margin-fifteen-half-left {
    margin-left: 15.5%;
  }
  .xs-margin-sixteen-left {
    margin-left: 16%;
  }
  .xs-margin-sixteen-half-left {
    margin-left: 16.5%;
  }
  .xs-margin-seventeen-left {
    margin-left: 17%;
  }
  .xs-margin-seventeen-half-left {
    margin-left: 17.5%;
  }
  .xs-margin-eighteen-left {
    margin-left: 18%;
  }
  .xs-margin-eighteen-half-left {
    margin-left: 18.5%;
  }
  .xs-margin-nineteen-left {
    margin-left: 19%;
  }
  .xs-margin-nineteen-half-left {
    margin-left: 19.5%;
  }
  .xs-margin-twenty-left {
    margin-left: 20%;
  }
  .xs-margin-twenty-half-left {
    margin-left: 20.5%;
  }
  .xs-margin-twenty-one-left {
    margin-left: 21%;
  }
  .xs-margin-twenty-one-half-left {
    margin-left: 21.5%;
  }
  .xs-margin-twenty-two-left {
    margin-left: 22%;
  }
  .xs-margin-twenty-two-half-left {
    margin-left: 22.5%;
  }
  .xs-margin-twenty-three-left {
    margin-left: 23%;
  }
  .xs-margin-twenty-three-half-left {
    margin-left: 23.5%;
  }
  .xs-margin-twenty-four-left {
    margin-left: 24%;
  }
  .xs-margin-twenty-four-half-left {
    margin-left: 24.5%;
  }
  .xs-margin-twenty-five-left {
    margin-left: 25%;
  }
  .xs-margin-5px-left {
    margin-left: 5px !important;
  }
  .xs-margin-10px-left {
    margin-left: 10px !important;
  }
  .xs-margin-15px-left {
    margin-left: 15px !important;
  }
  .xs-margin-20px-left {
    margin-left: 20px !important;
  }
  .xs-margin-25px-left {
    margin-left: 25px !important;
  }
  .xs-margin-30px-left {
    margin-left: 30px !important;
  }
  .xs-margin-35px-left {
    margin-left: 35px !important;
  }
  .xs-margin-40px-left {
    margin-left: 40px !important;
  }
  .xs-margin-45px-left {
    margin-left: 45px !important;
  }
  .xs-margin-50px-left {
    margin-left: 50px !important;
  }
  .xs-margin-55px-left {
    margin-left: 55px !important;
  }
  .xs-margin-60px-left {
    margin-left: 60px !important;
  }
  .xs-margin-65px-left {
    margin-left: 65px !important;
  }
  .xs-margin-70px-left {
    margin-left: 70px !important;
  }
  .xs-margin-75px-left {
    margin-left: 75px !important;
  }
  .xs-margin-80px-left {
    margin-left: 80px !important;
  }
  .xs-margin-85px-left {
    margin-left: 85px !important;
  }
  .xs-margin-90px-left {
    margin-left: 90px !important;
  }
  .xs-margin-95px-left {
    margin-left: 95px !important;
  }
  .xs-margin-100px-left {
    margin-left: 100px !important;
  }
  .xs-margin-one-lr {
    margin-left: 1%;
    margin-right: 1%;
  }
  .xs-margin-one-lr {
    margin-left: 1.5%;
    margin-right: 1.5%;
  }
  .xs-margin-two-lr {
    margin-left: 2%;
    margin-right: 2%;
  }
  .xs-margin-two-lr {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .xs-margin-three-lr {
    margin-left: 3%;
    margin-right: 3%;
  }
  .xs-margin-three-lr {
    margin-left: 3.5%;
    margin-right: 3.5%;
  }
  .xs-margin-four-lr {
    margin-left: 4%;
    margin-right: 4%;
  }
  .xs-margin-four-lr {
    margin-left: 4.5%;
    margin-right: 4.5%;
  }
  .xs-margin-five-lr {
    margin-left: 5%;
    margin-right: 5%;
  }
  .xs-margin-five-lr {
    margin-left: 5.5%;
    margin-right: 5.5%;
  }
  .xs-margin-six-lr {
    margin-left: 6%;
    margin-right: 6%;
  }
  .xs-margin-six-lr {
    margin-left: 6.5%;
    margin-right: 6.5%;
  }
  .xs-margin-seven-lr {
    margin-left: 7%;
    margin-right: 7%;
  }
  .xs-margin-seven-lr {
    margin-left: 7.5%;
    margin-right: 7.5%;
  }
  .xs-margin-eight-lr {
    margin-left: 8%;
    margin-right: 8%;
  }
  .xs-margin-eight-lr {
    margin-left: 8.5%;
    margin-right: 8.5%;
  }
  .xs-margin-nine-lr {
    margin-left: 9%;
    margin-right: 9%;
  }
  .xs-margin-nine-lr {
    margin-left: 9.5%;
    margin-right: 9.5%;
  }
  .xs-margin-ten-lr {
    margin-left: 10%;
    margin-right: 10%;
  }
  .xs-margin-ten-lr {
    margin-left: 10.5%;
    margin-right: 10.5%;
  }
  .xs-margin-eleven-lr {
    margin-left: 11%;
    margin-right: 11%;
  }
  .xs-margin-eleven-lr {
    margin-left: 11.5%;
    margin-right: 11.5%;
  }
  .xs-margin-twelve-lr {
    margin-left: 12%;
    margin-right: 12%;
  }
  .xs-margin-twelve-lr {
    margin-left: 12.5%;
    margin-right: 12.5%;
  }
  .xs-margin-thirteen-lr {
    margin-left: 13%;
    margin-right: 13%;
  }
  .xs-margin-thirteen-half-lr {
    margin-left: 13.5%;
    margin-right: 13.5%;
  }
  .xs-margin-fourteen-lr {
    margin-left: 14%;
    margin-right: 14%;
  }
  .xs-margin-fourteen-half-lr {
    margin-left: 14.5%;
    margin-right: 14.5%;
  }
  .xs-margin-fifteen-lr {
    margin-left: 15%;
    margin-right: 15%;
  }
  .xs-margin-fifteen-half-lr {
    margin-left: 15.5%;
    margin-right: 15.5%;
  }
  .xs-margin-sixteen-lr {
    margin-left: 16%;
    margin-right: 16%;
  }
  .xs-margin-sixteen-half-lr {
    margin-left: 16.5%;
    margin-right: 16.5%;
  }
  .xs-margin-seventeen-lr {
    margin-left: 17%;
    margin-right: 17%;
  }
  .xs-margin-seventeen-half-lr {
    margin-left: 17.5%;
    margin-right: 17.5%;
  }
  .xs-margin-eighteen-lr {
    margin-left: 18%;
    margin-right: 18%;
  }
  .xs-margin-eighteen-half-lr {
    margin-left: 18.5%;
    margin-right: 18.5%;
  }
  .xs-margin-nineteen-lr {
    margin-left: 19%;
    margin-right: 19%;
  }
  .xs-margin-nineteen-half-lr {
    margin-left: 19.5%;
    margin-right: 19.5%;
  }
  .xs-margin-twenty-lr {
    margin-left: 20%;
    margin-right: 20%;
  }
  .xs-margin-twenty-half-lr {
    margin-left: 20.5%;
    margin-right: 20.5%;
  }
  .xs-margin-twenty-one-lr {
    margin-left: 21%;
    margin-right: 21%;
  }
  .xs-margin-twenty-one-half-lr {
    margin-left: 21.5%;
    margin-right: 21.5%;
  }
  .xs-margin-twenty-two-lr {
    margin-left: 22%;
    margin-right: 22%;
  }
  .xs-margin-twenty-two-half-lr {
    margin-left: 22.5%;
    margin-right: 22.5%;
  }
  .xs-margin-twenty-three-lr {
    margin-left: 23%;
    margin-right: 23%;
  }
  .xs-margin-twenty-three-half-lr {
    margin-left: 23.5%;
    margin-right: 23.5%;
  }
  .xs-margin-twenty-four-lr {
    margin-left: 24%;
    margin-right: 24%;
  }
  .xs-margin-twenty-four-half-lr {
    margin-left: 24.5%;
    margin-right: 24.5%;
  }
  .xs-margin-twenty-five-lr {
    margin-left: 25%;
    margin-right: 25%;
  }
  .xs-margin-5px-lr {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .xs-margin-10px-lr {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .xs-margin-15px-lr {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .xs-margin-20px-lr {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .xs-margin-25px-lr {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .xs-margin-30px-lr {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .xs-margin-35px-lr {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .xs-margin-40px-lr {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .xs-margin-45px-lr {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .xs-margin-50px-lr {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .xs-margin-55px-lr {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .xs-margin-60px-lr {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .xs-margin-65px-lr {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .xs-margin-70px-lr {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .xs-margin-75px-lr {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .xs-margin-80px-lr {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .xs-margin-85px-lr {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .xs-margin-90px-lr {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .xs-margin-95px-lr {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .xs-margin-100px-lr {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .xs-margin-one-tb {
    margin-top: 1%;
    margin-bottom: 1%;
  }
  .xs-margin-one-tb {
    margin-top: 1.5%;
    margin-bottom: 1.5%;
  }
  .xs-margin-two-tb {
    margin-top: 2%;
    margin-bottom: 2%;
  }
  .xs-margin-two-tb {
    margin-top: 2.5%;
    margin-bottom: 2.5%;
  }
  .xs-margin-three-tb {
    margin-top: 3%;
    margin-bottom: 3%;
  }
  .xs-margin-three-tb {
    margin-top: 3.5%;
    margin-bottom: 3.5%;
  }
  .xs-margin-four-tb {
    margin-top: 4%;
    margin-bottom: 4%;
  }
  .xs-margin-four-tb {
    margin-top: 4.5%;
    margin-bottom: 4.5%;
  }
  .xs-margin-five-tb {
    margin-top: 5%;
    margin-bottom: 5%;
  }
  .xs-margin-five-tb {
    margin-top: 5.5%;
    margin-bottom: 5.5%;
  }
  .xs-margin-six-tb {
    margin-top: 6%;
    margin-bottom: 6%;
  }
  .xs-margin-six-tb {
    margin-top: 6.5%;
    margin-bottom: 6.5%;
  }
  .xs-margin-seven-tb {
    margin-top: 7%;
    margin-bottom: 7%;
  }
  .xs-margin-seven-tb {
    margin-top: 7.5%;
    margin-bottom: 7.5%;
  }
  .xs-margin-eight-tb {
    margin-top: 8%;
    margin-bottom: 8%;
  }
  .xs-margin-eight-tb {
    margin-top: 8.5%;
    margin-bottom: 8.5%;
  }
  .xs-margin-nine-tb {
    margin-top: 9%;
    margin-bottom: 9%;
  }
  .xs-margin-nine-tb {
    margin-top: 9.5%;
    margin-bottom: 9.5%;
  }
  .xs-margin-ten-tb {
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .xs-margin-ten-tb {
    margin-top: 10.5%;
    margin-bottom: 10.5%;
  }
  .xs-margin-eleven-tb {
    margin-top: 11%;
    margin-bottom: 11%;
  }
  .xs-margin-eleven-tb {
    margin-top: 11.5%;
    margin-bottom: 11.5%;
  }
  .xs-margin-twelve-tb {
    margin-top: 12%;
    margin-bottom: 12%;
  }
  .xs-margin-twelve-tb {
    margin-top: 12.5%;
    margin-bottom: 12.5%;
  }
  .xs-margin-thirteen-tb {
    margin-top: 13%;
    margin-bottom: 13%;
  }
  .xs-margin-thirteen-half-tb {
    margin-top: 13.5%;
    margin-bottom: 13.5%;
  }
  .xs-margin-fourteen-tb {
    margin-top: 14%;
    margin-bottom: 14%;
  }
  .xs-margin-fourteen-half-tb {
    margin-top: 14.5%;
    margin-bottom: 14.5%;
  }
  .xs-margin-fifteen-tb {
    margin-top: 15%;
    margin-bottom: 15%;
  }
  .xs-margin-fifteen-half-tb {
    margin-top: 15.5%;
    margin-bottom: 15.5%;
  }
  .xs-margin-sixteen-tb {
    margin-top: 16%;
    margin-bottom: 16%;
  }
  .xs-margin-sixteen-half-tb {
    margin-top: 16.5%;
    margin-bottom: 16.5%;
  }
  .xs-margin-seventeen-tb {
    margin-top: 17%;
    margin-bottom: 17%;
  }
  .xs-margin-seventeen-half-tb {
    margin-top: 17.5%;
    margin-bottom: 17.5%;
  }
  .xs-margin-eighteen-tb {
    margin-top: 18%;
    margin-bottom: 18%;
  }
  .xs-margin-eighteen-half-tb {
    margin-top: 18.5%;
    margin-bottom: 18.5%;
  }
  .xs-margin-nineteen-tb {
    margin-top: 19%;
    margin-bottom: 19%;
  }
  .xs-margin-nineteen-half-tb {
    margin-top: 19.5%;
    margin-bottom: 19.5%;
  }
  .xs-margin-twenty-tb {
    margin-top: 20%;
    margin-bottom: 20%;
  }
  .xs-margin-twenty-half-tb {
    margin-top: 20.5%;
    margin-bottom: 20.5%;
  }
  .xs-margin-twenty-one-tb {
    margin-top: 21%;
    margin-bottom: 21%;
  }
  .xs-margin-twenty-one-half-tb {
    margin-top: 21.5%;
    margin-bottom: 21.5%;
  }
  .xs-margin-twenty-two-tb {
    margin-top: 22%;
    margin-bottom: 22%;
  }
  .xs-margin-twenty-two-half-tb {
    margin-top: 22.5%;
    margin-bottom: 22.5%;
  }
  .xs-margin-twenty-three-tb {
    margin-top: 23%;
    margin-bottom: 23%;
  }
  .xs-margin-twenty-three-half-tb {
    margin-top: 23.5%;
    margin-bottom: 23.5%;
  }
  .xs-margin-twenty-four-tb {
    margin-top: 24%;
    margin-bottom: 24%;
  }
  .xs-margin-twenty-four-half-tb {
    margin-top: 24.5%;
    margin-bottom: 24.5%;
  }
  .xs-margin-twenty-five-tb {
    margin-top: 25%;
    margin-bottom: 25%;
  }
  .xs-margin-5px-tb {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .xs-margin-10px-tb {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .xs-margin-15px-tb {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .xs-margin-20px-tb {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .xs-margin-25px-tb {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .xs-margin-30px-tb {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .xs-margin-35px-tb {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .xs-margin-40px-tb {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .xs-margin-45px-tb {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .xs-margin-50px-tb {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .xs-margin-55px-tb {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .xs-margin-60px-tb {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .xs-margin-65px-tb {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .xs-margin-70px-tb {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .xs-margin-75px-tb {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .xs-margin-80px-tb {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .xs-margin-85px-tb {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .xs-margin-90px-tb {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .xs-margin-95px-tb {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .xs-margin-100px-tb {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .xs-no-padding {
    padding: 0 !important;
  }
  .xs-no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .xs-no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .xs-no-padding-top {
    padding-top: 0 !important;
  }
  .xs-no-padding-bottom {
    padding-bottom: 0 !important;
  }
  .xs-no-padding-left {
    padding-left: 0 !important;
  }
  .xs-no-padding-right {
    padding-right: 0 !important;
  }
  .xs-padding-one-all {
    padding: 1%;
  }
  .xs-padding-one-half-all {
    padding: 1.5%;
  }
  .xs-padding-two-all {
    padding: 2%;
  }
  .xs-padding-two-half-all {
    padding: 2.5%;
  }
  .xs-padding-three-all {
    padding: 3%;
  }
  .xs-padding-three-half-all {
    padding: 3.5%;
  }
  .xs-padding-four-all {
    padding: 4%;
  }
  .xs-padding-four-half-all {
    padding: 4.5%;
  }
  .xs-padding-five-all {
    padding: 5%;
  }
  .xs-padding-five-half-all {
    padding: 5.5%;
  }
  .xs-padding-six-all {
    padding: 6%;
  }
  .xs-padding-six-half-all {
    padding: 6.5%;
  }
  .xs-padding-seven-all {
    padding: 7%;
  }
  .xs-padding-seven-half-all {
    padding: 7.5%;
  }
  .xs-padding-eight-all {
    padding: 8%;
  }
  .xs-padding-eight-half-all {
    padding: 8.5%;
  }
  .xs-padding-nine-all {
    padding: 9%;
  }
  .xs-padding-nine-half-all {
    padding: 9.5%;
  }
  .xs-padding-ten-all {
    padding: 10%;
  }
  .xs-padding-ten-half-all {
    padding: 10.5%;
  }
  .xs-padding-eleven-all {
    padding: 11%;
  }
  .xs-padding-eleven-half-all {
    padding: 11.5%;
  }
  .xs-padding-twelve-all {
    padding: 12%;
  }
  .xs-padding-twelve-half-all {
    padding: 12.5%;
  }
  .xs-padding-thirteen-all {
    padding: 13%;
  }
  .xs-padding-thirteen-half-all {
    padding: 13.5%;
  }
  .xs-padding-fourteen-all {
    padding: 14%;
  }
  .xs-padding-fourteen-half-all {
    padding: 14.5%;
  }
  .xs-padding-fifteen-all {
    padding: 15%;
  }
  .xs-padding-fifteen-half-all {
    padding: 15.5%;
  }
  .xs-padding-sixteen-all {
    padding: 16%;
  }
  .xs-padding-sixteen-half-all {
    padding: 16.5%;
  }
  .xs-padding-seventeen-all {
    padding: 17%;
  }
  .xs-padding-seventeen-half-all {
    padding: 17.5%;
  }
  .xs-padding-eighteen-all {
    padding: 18%;
  }
  .xs-padding-eighteen-half-all {
    padding: 18.5%;
  }
  .xs-padding-nineteen-all {
    padding: 19%;
  }
  .xs-padding-nineteen-half-all {
    padding: 19.5%;
  }
  .xs-padding-twenty-all {
    padding: 20%;
  }
  .xs-padding-twenty-half-all {
    padding: 20.5%;
  }
  .xs-padding-twenty-one-all {
    padding: 21%;
  }
  .xs-padding-twenty-one-half-all {
    padding: 21.5%;
  }
  .xs-padding-twenty-two-all {
    padding: 22%;
  }
  .xs-padding-twenty-two-half-all {
    padding: 22.5%;
  }
  .xs-padding-twenty-three-all {
    padding: 23%;
  }
  .xs-padding-twenty-three-half-all {
    padding: 23.5%;
  }
  .xs-padding-twenty-four-all {
    padding: 24%;
  }
  .xs-padding-twenty-four-half-all {
    padding: 24.5%;
  }
  .xs-padding-twenty-five-all {
    padding: 25%;
  }
  .xs-padding-5px-all {
    padding: 5px !important;
  }
  .xs-padding-10px-all {
    padding: 10px !important;
  }
  .xs-padding-15px-all {
    padding: 15px !important;
  }
  .xs-padding-20px-all {
    padding: 20px !important;
  }
  .xs-padding-25px-all {
    padding: 25px !important;
  }
  .xs-padding-30px-all {
    padding: 30px !important;
  }
  .xs-padding-35px-all {
    padding: 35px !important;
  }
  .xs-padding-40px-all {
    padding: 40px !important;
  }
  .xs-padding-45px-all {
    padding: 45px !important;
  }
  .xs-padding-50px-all {
    padding: 50px !important;
  }
  .xs-padding-55px-all {
    padding: 55px !important;
  }
  .xs-padding-60px-all {
    padding: 60px !important;
  }
  .xs-padding-65px-all {
    padding: 65px !important;
  }
  .xs-padding-70px-all {
    padding: 70px !important;
  }
  .xs-padding-75px-all {
    padding: 75px !important;
  }
  .xs-padding-80px-all {
    padding: 80px !important;
  }
  .xs-padding-85px-all {
    padding: 85px !important;
  }
  .xs-padding-90px-all {
    padding: 90px !important;
  }
  .xs-padding-95px-all {
    padding: 95px !important;
  }
  .xs-padding-100px-all {
    padding: 100px !important;
  }
  .xs-padding-one-top {
    padding-top: 1%;
  }
  .xs-padding-one-half-top {
    padding-top: 1.5%;
  }
  .xs-padding-two-top {
    padding-top: 2%;
  }
  .xs-padding-two-half-top {
    padding-top: 2.5%;
  }
  .xs-padding-three-top {
    padding-top: 3%;
  }
  .xs-padding-three-half-top {
    padding-top: 3.5%;
  }
  .xs-padding-four-top {
    padding-top: 4%;
  }
  .xs-padding-four-half-top {
    padding-top: 4.5%;
  }
  .xs-padding-five-top {
    padding-top: 5%;
  }
  .xs-padding-five-half-top {
    padding-top: 5.5%;
  }
  .xs-padding-six-top {
    padding-top: 6%;
  }
  .xs-padding-six-half-top {
    padding-top: 6.5%;
  }
  .xs-padding-seven-top {
    padding-top: 7%;
  }
  .xs-padding-seven-half-top {
    padding-top: 7.5%;
  }
  .xs-padding-eight-top {
    padding-top: 8%;
  }
  .xs-padding-eight-half-top {
    padding-top: 8.5%;
  }
  .xs-padding-nine-top {
    padding-top: 9%;
  }
  .xs-padding-nine-half-top {
    padding-top: 9.5%;
  }
  .xs-padding-ten-top {
    padding-top: 10%;
  }
  .xs-padding-ten-half-top {
    padding-top: 10.5%;
  }
  .xs-padding-eleven-top {
    padding-top: 11%;
  }
  .xs-padding-eleven-half-top {
    padding-top: 11.5%;
  }
  .xs-padding-twelve-top {
    padding-top: 12%;
  }
  .xs-padding-twelve-half-top {
    padding-top: 12.5%;
  }
  .xs-padding-thirteen-top {
    padding-top: 13%;
  }
  .xs-padding-thirteen-half-top {
    padding-top: 13.5%;
  }
  .xs-padding-fourteen-top {
    padding-top: 14%;
  }
  .xs-padding-fourteen-half-top {
    padding-top: 14.5%;
  }
  .xs-padding-fifteen-top {
    padding-top: 15%;
  }
  .xs-padding-fifteen-half-top {
    padding-top: 15.5%;
  }
  .xs-padding-sixteen-top {
    padding-top: 16%;
  }
  .xs-padding-sixteen-half-top {
    padding-top: 16.5%;
  }
  .xs-padding-seventeen-top {
    padding-top: 17%;
  }
  .xs-padding-seventeen-half-top {
    padding-top: 17.5%;
  }
  .xs-padding-eighteen-top {
    padding-top: 18%;
  }
  .xs-padding-eighteen-half-top {
    padding-top: 18.5%;
  }
  .xs-padding-nineteen-top {
    padding-top: 19%;
  }
  .xs-padding-nineteen-half-top {
    padding-top: 19.5%;
  }
  .xs-padding-twenty-top {
    padding-top: 20%;
  }
  .xs-padding-twenty-half-top {
    padding-top: 20.5%;
  }
  .xs-padding-twenty-one-top {
    padding-top: 21%;
  }
  .xs-padding-twenty-one-half-top {
    padding-top: 21.5%;
  }
  .xs-padding-twenty-two-top {
    padding-top: 22%;
  }
  .xs-padding-twenty-two-half-top {
    padding-top: 22.5%;
  }
  .xs-padding-twenty-three-top {
    padding-top: 23%;
  }
  .xs-padding-twenty-three-half-top {
    padding-top: 23.5%;
  }
  .xs-padding-twenty-four-top {
    padding-top: 24%;
  }
  .xs-padding-twenty-four-half-top {
    padding-top: 24.5%;
  }
  .xs-padding-twenty-five-top {
    padding-top: 25%;
  }
  .xs-padding-5px-top {
    padding-top: 5px !important;
  }
  .xs-padding-10px-top {
    padding-top: 10px !important;
  }
  .xs-padding-15px-top {
    padding-top: 15px !important;
  }
  .xs-padding-20px-top {
    padding-top: 20px !important;
  }
  .xs-padding-25px-top {
    padding-top: 25px !important;
  }
  .xs-padding-30px-top {
    padding-top: 30px !important;
  }
  .xs-padding-35px-top {
    padding-top: 35px !important;
  }
  .xs-padding-40px-top {
    padding-top: 40px !important;
  }
  .xs-padding-45px-top {
    padding-top: 45px !important;
  }
  .xs-padding-50px-top {
    padding-top: 50px !important;
  }
  .xs-padding-55px-top {
    padding-top: 55px !important;
  }
  .xs-padding-60px-top {
    padding-top: 60px !important;
  }
  .xs-padding-65px-top {
    padding-top: 65px !important;
  }
  .xs-padding-70px-top {
    padding-top: 70px !important;
  }
  .xs-padding-75px-top {
    padding-top: 75px !important;
  }
  .xs-padding-80px-top {
    padding-top: 80px !important;
  }
  .xs-padding-85px-top {
    padding-top: 85px !important;
  }
  .xs-padding-90px-top {
    padding-top: 90px !important;
  }
  .xs-padding-95px-top {
    padding-top: 95px !important;
  }
  .xs-padding-100px-top {
    padding-top: 100px !important;
  }
  .xs-padding-130px-top {
    padding-top: 130px !important;
  }
  .xs-padding-one-bottom {
    padding-bottom: 1%;
  }
  .xs-padding-one-half-bottom {
    padding-bottom: 1.5%;
  }
  .xs-padding-two-bottom {
    padding-bottom: 2%;
  }
  .xs-padding-two-half-bottom {
    padding-bottom: 2.5%;
  }
  .xs-padding-three-bottom {
    padding-bottom: 3%;
  }
  .xs-padding-three-half-bottom {
    padding-bottom: 3.5%;
  }
  .xs-padding-four-bottom {
    padding-bottom: 4%;
  }
  .xs-padding-four-half-bottom {
    padding-bottom: 4.5%;
  }
  .xs-padding-five-bottom {
    padding-bottom: 5%;
  }
  .xs-padding-five-half-bottom {
    padding-bottom: 5.5%;
  }
  .xs-padding-six-bottom {
    padding-bottom: 6%;
  }
  .xs-padding-six-half-bottom {
    padding-bottom: 6.5%;
  }
  .xs-padding-seven-bottom {
    padding-bottom: 7%;
  }
  .xs-padding-seven-half-bottom {
    padding-bottom: 7.5%;
  }
  .xs-padding-eight-bottom {
    padding-bottom: 8%;
  }
  .xs-padding-eight-half-bottom {
    padding-bottom: 8.5%;
  }
  .xs-padding-nine-bottom {
    padding-bottom: 9%;
  }
  .xs-padding-nine-half-bottom {
    padding-bottom: 9.5%;
  }
  .xs-padding-ten-bottom {
    padding-bottom: 10%;
  }
  .xs-padding-ten-half-bottom {
    padding-bottom: 10.5%;
  }
  .xs-padding-eleven-bottom {
    padding-bottom: 11%;
  }
  .xs-padding-eleven-half-bottom {
    padding-bottom: 11.5%;
  }
  .xs-padding-twelve-bottom {
    padding-bottom: 12%;
  }
  .xs-padding-twelve-half-bottom {
    padding-bottom: 12.5%;
  }
  .xs-padding-thirteen-bottom {
    padding-bottom: 13%;
  }
  .xs-padding-thirteen-half-bottom {
    padding-bottom: 13.5%;
  }
  .xs-padding-fourteen-bottom {
    padding-bottom: 14%;
  }
  .xs-padding-fourteen-half-bottom {
    padding-bottom: 14.5%;
  }
  .xs-padding-fifteen-bottom {
    padding-bottom: 15%;
  }
  .xs-padding-fifteen-half-bottom {
    padding-bottom: 15.5%;
  }
  .xs-padding-sixteen-bottom {
    padding-bottom: 16%;
  }
  .xs-padding-sixteen-half-bottom {
    padding-bottom: 16.5%;
  }
  .xs-padding-seventeen-bottom {
    padding-bottom: 17%;
  }
  .xs-padding-seventeen-half-bottom {
    padding-bottom: 17.5%;
  }
  .xs-padding-eighteen-bottom {
    padding-bottom: 18%;
  }
  .xs-padding-eighteen-half-bottom {
    padding-bottom: 18.5%;
  }
  .xs-padding-nineteen-bottom {
    padding-bottom: 19%;
  }
  .xs-padding-nineteen-half-bottom {
    padding-bottom: 19.5%;
  }
  .xs-padding-twenty-bottom {
    padding-bottom: 20%;
  }
  .xs-padding-twenty-half-bottom {
    padding-bottom: 20.5%;
  }
  .xs-padding-twenty-one-bottom {
    padding-bottom: 21%;
  }
  .xs-padding-twenty-one-half-bottom {
    padding-bottom: 21.5%;
  }
  .xs-padding-twenty-two-bottom {
    padding-bottom: 22%;
  }
  .xs-padding-twenty-two-half-bottom {
    padding-bottom: 22.5%;
  }
  .xs-padding-twenty-three-bottom {
    padding-bottom: 23%;
  }
  .xs-padding-twenty-three-half-bottom {
    padding-bottom: 23.5%;
  }
  .xs-padding-twenty-four-bottom {
    padding-bottom: 24%;
  }
  .xs-padding-twenty-four-half-bottom {
    padding-bottom: 24.5%;
  }
  .xs-padding-twenty-five-bottom {
    padding-bottom: 25%;
  }
  .xs-padding-5px-bottom {
    padding-bottom: 5px !important;
  }
  .xs-padding-10px-bottom {
    padding-bottom: 10px !important;
  }
  .xs-padding-15px-bottom {
    padding-bottom: 15px !important;
  }
  .xs-padding-20px-bottom {
    padding-bottom: 20px !important;
  }
  .xs-padding-25px-bottom {
    padding-bottom: 25px !important;
  }
  .xs-padding-30px-bottom {
    padding-bottom: 30px !important;
  }
  .xs-padding-35px-bottom {
    padding-bottom: 35px !important;
  }
  .xs-padding-40px-bottom {
    padding-bottom: 40px !important;
  }
  .xs-padding-45px-bottom {
    padding-bottom: 45px !important;
  }
  .xs-padding-50px-bottom {
    padding-bottom: 50px !important;
  }
  .xs-padding-55px-bottom {
    padding-bottom: 55px !important;
  }
  .xs-padding-60px-bottom {
    padding-bottom: 60px !important;
  }
  .xs-padding-65px-bottom {
    padding-bottom: 65px !important;
  }
  .xs-padding-70px-bottom {
    padding-bottom: 70px !important;
  }
  .xs-padding-75px-bottom {
    padding-bottom: 75px !important;
  }
  .xs-padding-80px-bottom {
    padding-bottom: 80px !important;
  }
  .xs-padding-85px-bottom {
    padding-bottom: 85px !important;
  }
  .xs-padding-90px-bottom {
    padding-bottom: 90px !important;
  }
  .xs-padding-95px-bottom {
    padding-bottom: 95px !important;
  }
  .xs-padding-100px-bottom {
    padding-bottom: 100px !important;
  }
  .xs-padding-130px-bottom {
    padding-bottom: 130px !important;
  }
  .xs-padding-one-right {
    padding-right: 1%;
  }
  .xs-padding-one-half-right {
    padding-right: 1.5%;
  }
  .xs-padding-two-right {
    padding-right: 2%;
  }
  .xs-padding-two-half-right {
    padding-right: 2.5%;
  }
  .xs-padding-three-right {
    padding-right: 3%;
  }
  .xs-padding-three-half-right {
    padding-right: 3.5%;
  }
  .xs-padding-four-right {
    padding-right: 4%;
  }
  .xs-padding-four-half-right {
    padding-right: 4.5%;
  }
  .xs-padding-five-right {
    padding-right: 5%;
  }
  .xs-padding-five-half-right {
    padding-right: 5.5%;
  }
  .xs-padding-six-right {
    padding-right: 6%;
  }
  .xs-padding-six-half-right {
    padding-right: 6.5%;
  }
  .xs-padding-seven-right {
    padding-right: 7%;
  }
  .xs-padding-seven-half-right {
    padding-right: 7.5%;
  }
  .xs-padding-eight-right {
    padding-right: 8%;
  }
  .xs-padding-eight-half-right {
    padding-right: 8.5%;
  }
  .xs-padding-nine-right {
    padding-right: 9%;
  }
  .xs-padding-nine-half-right {
    padding-right: 9.5%;
  }
  .xs-padding-ten-right {
    padding-right: 10%;
  }
  .xs-padding-ten-half-right {
    padding-right: 10.5%;
  }
  .xs-padding-eleven-right {
    padding-right: 11%;
  }
  .xs-padding-eleven-half-right {
    padding-right: 11.5%;
  }
  .xs-padding-twelve-right {
    padding-right: 12%;
  }
  .xs-padding-twelve-half-right {
    padding-right: 12.5%;
  }
  .xs-padding-thirteen-right {
    padding-right: 13%;
  }
  .xs-padding-thirteen-half-right {
    padding-right: 13.5%;
  }
  .xs-padding-fourteen-right {
    padding-right: 14%;
  }
  .xs-padding-fourteen-half-right {
    padding-right: 14.5%;
  }
  .xs-padding-fifteen-right {
    padding-right: 15%;
  }
  .xs-padding-fifteen-half-right {
    padding-right: 15.5%;
  }
  .xs-padding-sixteen-right {
    padding-right: 16%;
  }
  .xs-padding-sixteen-half-right {
    padding-right: 16.5%;
  }
  .xs-padding-seventeen-right {
    padding-right: 17%;
  }
  .xs-padding-seventeen-half-right {
    padding-right: 17.5%;
  }
  .xs-padding-eighteen-right {
    padding-right: 18%;
  }
  .xs-padding-eighteen-half-right {
    padding-right: 18.5%;
  }
  .xs-padding-nineteen-right {
    padding-right: 19%;
  }
  .xs-padding-nineteen-half-right {
    padding-right: 19.5%;
  }
  .xs-padding-twenty-right {
    padding-right: 20%;
  }
  .xs-padding-twenty-hlaf-right {
    padding-right: 20.5%;
  }
  .xs-padding-twenty-one-right {
    padding-right: 21%;
  }
  .xs-padding-twenty-one-hlaf-right {
    padding-right: 21.5%;
  }
  .xs-padding-twenty-two-right {
    padding-right: 22%;
  }
  .xs-padding-twenty-two-hlaf-right {
    padding-right: 22.5%;
  }
  .xs-padding-twenty-three-right {
    padding-right: 23%;
  }
  .xs-padding-twenty-three-hlaf-right {
    padding-right: 23.5%;
  }
  .xs-padding-twenty-four-right {
    padding-right: 24%;
  }
  .xs-padding-twenty-four-hlaf-right {
    padding-right: 24.5%;
  }
  .xs-padding-twenty-five-right {
    padding-right: 25%;
  }
  .xs-padding-5px-right {
    padding-right: 5px !important;
  }
  .xs-padding-10px-right {
    padding-right: 10px !important;
  }
  .xs-padding-15px-right {
    padding-right: 15px !important;
  }
  .xs-padding-20px-right {
    padding-right: 20px !important;
  }
  .xs-padding-25px-right {
    padding-right: 25px !important;
  }
  .xs-padding-30px-right {
    padding-right: 30px !important;
  }
  .xs-padding-35px-right {
    padding-right: 35px !important;
  }
  .xs-padding-40px-right {
    padding-right: 40px !important;
  }
  .xs-padding-45px-right {
    padding-right: 45px !important;
  }
  .xs-padding-50px-right {
    padding-right: 50px !important;
  }
  .xs-padding-55px-right {
    padding-right: 55px !important;
  }
  .xs-padding-60px-right {
    padding-right: 60px !important;
  }
  .xs-padding-65px-right {
    padding-right: 65px !important;
  }
  .xs-padding-70px-right {
    padding-right: 70px !important;
  }
  .xs-padding-75px-right {
    padding-right: 75px !important;
  }
  .xs-padding-80px-right {
    padding-right: 80px !important;
  }
  .xs-padding-85px-right {
    padding-right: 85px !important;
  }
  .xs-padding-90px-right {
    padding-right: 90px !important;
  }
  .xs-padding-95px-right {
    padding-right: 95px !important;
  }
  .xs-padding-100px-right {
    padding-right: 100px !important;
  }
  .xs-padding-one-left {
    padding-left: 1%;
  }
  .xs-padding-one-half-left {
    padding-left: 1.5%;
  }
  .xs-padding-two-left {
    padding-left: 2%;
  }
  .xs-padding-two-half-left {
    padding-left: 2.5%;
  }
  .xs-padding-three-left {
    padding-left: 3%;
  }
  .xs-padding-three-half-left {
    padding-left: 3.5%;
  }
  .xs-padding-four-left {
    padding-left: 4%;
  }
  .xs-padding-four-half-left {
    padding-left: 4.5%;
  }
  .xs-padding-five-left {
    padding-left: 5%;
  }
  .xs-padding-five-half-left {
    padding-left: 5.5%;
  }
  .xs-padding-six-left {
    padding-left: 6%;
  }
  .xs-padding-six-half-left {
    padding-left: 6.5%;
  }
  .xs-padding-seven-left {
    padding-left: 7%;
  }
  .xs-padding-seven-half-left {
    padding-left: 7.5%;
  }
  .xs-padding-eight-left {
    padding-left: 8%;
  }
  .xs-padding-eight-half-left {
    padding-left: 8.5%;
  }
  .xs-padding-nine-left {
    padding-left: 9%;
  }
  .xs-padding-nine-half-left {
    padding-left: 9.5%;
  }
  .xs-padding-ten-left {
    padding-left: 10%;
  }
  .xs-padding-ten-half-left {
    padding-left: 10.5%;
  }
  .xs-padding-eleven-left {
    padding-left: 11%;
  }
  .xs-padding-eleven-half-left {
    padding-left: 11.5%;
  }
  .xs-padding-twelve-left {
    padding-left: 12%;
  }
  .xs-padding-twelve-half-left {
    padding-left: 12.5%;
  }
  .xs-padding-thirteen-left {
    padding-left: 13%;
  }
  .xs-padding-thirteen-half-left {
    padding-left: 13.5%;
  }
  .xs-padding-fourteen-left {
    padding-left: 14%;
  }
  .xs-padding-fourteen-half-left {
    padding-left: 14.5%;
  }
  .xs-padding-fifteen-left {
    padding-left: 15%;
  }
  .xs-padding-fifteen-half-left {
    padding-left: 15.5%;
  }
  .xs-padding-sixteen-left {
    padding-left: 16%;
  }
  .xs-padding-sixteen-half-left {
    padding-left: 16.5%;
  }
  .xs-padding-seventeen-left {
    padding-left: 17%;
  }
  .xs-padding-seventeen-half-left {
    padding-left: 17.5%;
  }
  .xs-padding-eighteen-left {
    padding-left: 18%;
  }
  .xs-padding-eighteen-half-left {
    padding-left: 18.5%;
  }
  .xs-padding-nineteen-left {
    padding-left: 19%;
  }
  .xs-padding-nineteen-half-left {
    padding-left: 19.5%;
  }
  .xs-padding-twenty-left {
    padding-left: 20%;
  }
  .xs-padding-twenty-half-left {
    padding-left: 20.5%;
  }
  .xs-padding-twenty-one-left {
    padding-left: 21%;
  }
  .xs-padding-twenty-one-half-left {
    padding-left: 21.5%;
  }
  .xs-padding-twenty-two-left {
    padding-left: 22%;
  }
  .xs-padding-twenty-two-half-left {
    padding-left: 22.5%;
  }
  .xs-padding-twenty-three-left {
    padding-left: 23%;
  }
  .xs-padding-twenty-three-half-left {
    padding-left: 23.5%;
  }
  .xs-padding-twenty-four-left {
    padding-left: 24%;
  }
  .xs-padding-twenty-four-half-left {
    padding-left: 24.5%;
  }
  .xs-padding-twenty-five-left {
    padding-left: 25%;
  }
  .xs-padding-5px-left {
    padding-left: 5px !important;
  }
  .xs-padding-10px-left {
    padding-left: 10px !important;
  }
  .xs-padding-15px-left {
    padding-left: 15px !important;
  }
  .xs-padding-20px-left {
    padding-left: 20px !important;
  }
  .xs-padding-25px-left {
    padding-left: 25px !important;
  }
  .xs-padding-30px-left {
    padding-left: 30px !important;
  }
  .xs-padding-35px-left {
    padding-left: 35px !important;
  }
  .xs-padding-40px-left {
    padding-left: 40px !important;
  }
  .xs-padding-45px-left {
    padding-left: 45px !important;
  }
  .xs-padding-50px-left {
    padding-left: 50px !important;
  }
  .xs-padding-55px-left {
    padding-left: 55px !important;
  }
  .xs-padding-60px-left {
    padding-left: 60px !important;
  }
  .xs-padding-65px-left {
    padding-left: 65px !important;
  }
  .xs-padding-70px-left {
    padding-left: 70px !important;
  }
  .xs-padding-75px-left {
    padding-left: 75px !important;
  }
  .xs-padding-80px-left {
    padding-left: 80px !important;
  }
  .xs-padding-85px-left {
    padding-left: 85px !important;
  }
  .xs-padding-90px-left {
    padding-left: 90px !important;
  }
  .xs-padding-95px-left {
    padding-left: 95px !important;
  }
  .xs-padding-100px-left {
    padding-left: 100px !important;
  }
  .xs-padding-one-tb {
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .xs-padding-one-half-tb {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }
  .xs-padding-two-tb {
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .xs-padding-two-half-tb {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
  }
  .xs-padding-three-tb {
    padding-top: 3%;
    padding-bottom: 3%;
  }
  .xs-padding-three-half-tb {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
  }
  .xs-padding-four-tb {
    padding-top: 4%;
    padding-bottom: 4%;
  }
  .xs-padding-four-half-tb {
    padding-top: 4.5%;
    padding-bottom: 4.5%;
  }
  .xs-padding-five-tb {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .xs-padding-five-half-tb {
    padding-top: 5.5%;
    padding-bottom: 5.5%;
  }
  .xs-padding-six-tb {
    padding-top: 6%;
    padding-bottom: 6%;
  }
  .xs-padding-six-half-tb {
    padding-top: 6.5%;
    padding-bottom: 6.5%;
  }
  .xs-padding-seven-tb {
    padding-top: 7%;
    padding-bottom: 7%;
  }
  .xs-padding-seven-half-tb {
    padding-top: 7.5%;
    padding-bottom: 7.5%;
  }
  .xs-padding-eight-tb {
    padding-top: 8%;
    padding-bottom: 8%;
  }
  .xs-padding-eight-half-tb {
    padding-top: 8.5%;
    padding-bottom: 8.5%;
  }
  .xs-padding-nine-tb {
    padding-top: 9%;
    padding-bottom: 9%;
  }
  .xs-padding-nine-half-tb {
    padding-top: 9.5%;
    padding-bottom: 9.5%;
  }
  .xs-padding-ten-tb {
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .xs-padding-ten-half-tb {
    padding-top: 10.5%;
    padding-bottom: 10.5%;
  }
  .xs-padding-eleven-tb {
    padding-top: 11%;
    padding-bottom: 11%;
  }
  .xs-padding-eleven-half-tb {
    padding-top: 11.5%;
    padding-bottom: 11.5%;
  }
  .xs-padding-twelve-tb {
    padding-top: 12%;
    padding-bottom: 12%;
  }
  .xs-padding-twelve-half-tb {
    padding-top: 12.5%;
    padding-bottom: 12.5%;
  }
  .xs-padding-thirteen-tb {
    padding-top: 13%;
    padding-bottom: 13%;
  }
  .xs-padding-thirteen-half-tb {
    padding-top: 13.5%;
    padding-bottom: 13.5%;
  }
  .xs-padding-fourteen-tb {
    padding-top: 14%;
    padding-bottom: 14%;
  }
  .xs-padding-fourteen-half-tb {
    padding-top: 14.5%;
    padding-bottom: 14.5%;
  }
  .xs-padding-fifteen-tb {
    padding-top: 15%;
    padding-bottom: 15%;
  }
  .xs-padding-fifteen-half-tb {
    padding-top: 15.5%;
    padding-bottom: 15.5%;
  }
  .xs-padding-sixteen-tb {
    padding-top: 16%;
    padding-bottom: 16%;
  }
  .xs-padding-sixteen-half-tb {
    padding-top: 16.5%;
    padding-bottom: 16.5%;
  }
  .xs-padding-seventeen-tb {
    padding-top: 17%;
    padding-bottom: 17%;
  }
  .xs-padding-seventeen-half-tb {
    padding-top: 17.5%;
    padding-bottom: 17.5%;
  }
  .xs-padding-eighteen-tb {
    padding-top: 18%;
    padding-bottom: 18%;
  }
  .xs-padding-eighteen-half-tb {
    padding-top: 18.5%;
    padding-bottom: 18.5%;
  }
  .xs-padding-nineteen-tb {
    padding-top: 19%;
    padding-bottom: 19%;
  }
  .xs-padding-nineteen-half-tb {
    padding-top: 19.5%;
    padding-bottom: 19.5%;
  }
  .xs-padding-twenty-tb {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .xs-padding-twenty-one-half-tb {
    padding-top: 20.5%;
    padding-bottom: 20.5%;
  }
  .xs-padding-twenty-one-tb {
    padding-top: 21%;
    padding-bottom: 21%;
  }
  .xs-padding-twenty-half-tb {
    padding-top: 21.5%;
    padding-bottom: 21.5%;
  }
  .xs-padding-twenty-two-tb {
    padding-top: 22%;
    padding-bottom: 22%;
  }
  .xs-padding-twenty-two-half-tb {
    padding-top: 22.5%;
    padding-bottom: 22.5%;
  }
  .xs-padding-twenty-three-tb {
    padding-top: 23%;
    padding-bottom: 23%;
  }
  .xs-padding-twenty-three-half-tb {
    padding-top: 23.5%;
    padding-bottom: 23.5%;
  }
  .xs-padding-twenty-four-tb {
    padding-top: 24%;
    padding-bottom: 24%;
  }
  .xs-padding-twenty-four-half-tb {
    padding-top: 24.5%;
    padding-bottom: 24.5%;
  }
  .xs-padding-twenty-five-tb {
    padding-top: 25%;
    padding-bottom: 25%;
  }
  .xs-padding-5px-tb {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .xs-padding-10px-tb {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .xs-padding-15px-tb {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .xs-padding-20px-tb {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .xs-padding-25px-tb {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .xs-padding-30px-tb {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .xs-padding-35px-tb {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .xs-padding-40px-tb {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .xs-padding-45px-tb {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .xs-padding-50px-tb {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .xs-padding-55px-tb {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .xs-padding-60px-tb {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .xs-padding-65px-tb {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .xs-padding-70px-tb {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .xs-padding-75px-tb {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .xs-padding-80px-tb {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .xs-padding-85px-tb {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .xs-padding-90px-tb {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .xs-padding-95px-tb {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .xs-padding-100px-tb {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .xs-padding-one-lr {
    padding-left: 1%;
    padding-right: 1%;
  }
  .xs-padding-one-half-lr {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }
  .xs-padding-two-lr {
    padding-left: 2%;
    padding-right: 2%;
  }
  .xs-padding-two-half-lr {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
  .xs-padding-three-lr {
    padding-left: 3%;
    padding-right: 3%;
  }
  .xs-padding-three-half-lr {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
  .xs-padding-four-lr {
    padding-left: 4%;
    padding-right: 4%;
  }
  .xs-padding-four-half-lr {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  .xs-padding-five-lr {
    padding-left: 5%;
    padding-right: 5%;
  }
  .xs-padding-five-half-lr {
    padding-left: 5.5%;
    padding-right: 5.5%;
  }
  .xs-padding-six-lr {
    padding-left: 6%;
    padding-right: 6%;
  }
  .xs-padding-six-half-lr {
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
  .xs-padding-seven-lr {
    padding-left: 7%;
    padding-right: 7%;
  }
  .xs-padding-seven-half-lr {
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
  .xs-padding-eight-lr {
    padding-left: 8%;
    padding-right: 8%;
  }
  .xs-padding-eight-half-lr {
    padding-left: 8.5%;
    padding-right: 8.5%;
  }
  .xs-padding-nine-lr {
    padding-left: 9%;
    padding-right: 9%;
  }
  .xs-padding-nine-half-lr {
    padding-left: 9.5%;
    padding-right: 9.5%;
  }
  .xs-padding-ten-lr {
    padding-left: 10%;
    padding-right: 10%;
  }
  .xs-padding-ten-half-lr {
    padding-left: 10.5%;
    padding-right: 10.5%;
  }
  .xs-padding-eleven-lr {
    padding-left: 11%;
    padding-right: 11%;
  }
  .xs-padding-eleven-half-lr {
    padding-left: 11.5%;
    padding-right: 11.5%;
  }
  .xs-padding-twelve-lr {
    padding-left: 12%;
    padding-right: 12%;
  }
  .xs-padding-twelve-half-lr {
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
  .xs-padding-thirteen-lr {
    padding-left: 13%;
    padding-right: 13%;
  }
  .xs-padding-thirteen-half-lr {
    padding-left: 13.5%;
    padding-right: 13.5%;
  }
  .xs-padding-fourteen-lr {
    padding-left: 14%;
    padding-right: 14%;
  }
  .xs-padding-fourteen-half-lr {
    padding-left: 14.5%;
    padding-right: 14.5%;
  }
  .xs-padding-fifteen-lr {
    padding-left: 15%;
    padding-right: 15%;
  }
  .xs-padding-fifteen-half-lr {
    padding-left: 15.5%;
    padding-right: 15.5%;
  }
  .xs-padding-sixteen-lr {
    padding-left: 16%;
    padding-right: 16%;
  }
  .xs-padding-sixteen-half-lr {
    padding-left: 16.5%;
    padding-right: 16.5%;
  }
  .xs-padding-seventeen-lr {
    padding-left: 17%;
    padding-right: 17%;
  }
  .xs-padding-seventeen-half-lr {
    padding-left: 17.5%;
    padding-right: 17.5%;
  }
  .xs-padding-eighteen-lr {
    padding-left: 18%;
    padding-right: 18%;
  }
  .xs-padding-eighteen-half-lr {
    padding-left: 18.5%;
    padding-right: 18.5%;
  }
  .xs-padding-nineteen-lr {
    padding-left: 19%;
    padding-right: 19%;
  }
  .xs-padding-nineteen-half-lr {
    padding-left: 19.5%;
    padding-right: 19.5%;
  }
  .xs-padding-twenty-lr {
    padding-left: 20%;
    padding-right: 20%;
  }
  .xs-padding-twenty-half-lr {
    padding-left: 20.5%;
    padding-right: 20.5%;
  }
  .xs-padding-twenty-one-lr {
    padding-left: 21%;
    padding-right: 21%;
  }
  .xs-padding-twenty-one-half-lr {
    padding-left: 21.5%;
    padding-right: 21.5%;
  }
  .xs-padding-twenty-two-lr {
    padding-left: 22%;
    padding-right: 22%;
  }
  .xs-padding-twenty-two-half-lr {
    padding-left: 22.5%;
    padding-right: 22.5%;
  }
  .xs-padding-twenty-three-lr {
    padding-left: 23%;
    padding-right: 23%;
  }
  .xs-padding-twenty-three-half-lr {
    padding-left: 23.5%;
    padding-right: 23.5%;
  }
  .xs-padding-twenty-four-lr {
    padding-left: 24%;
    padding-right: 24%;
  }
  .xs-padding-twenty-four-half-lr {
    padding-left: 24.5%;
    padding-right: 24.5%;
  }
  .xs-padding-twenty-lr {
    padding-left: 25%;
    padding-right: 25%;
  }
  .xs-padding-5px-lr {
    padding-left: 5px !important;
    padding-right: 5px;
  }
  .xs-padding-10px-lr {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .xs-padding-15px-lr {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .xs-padding-20px-lr {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .xs-padding-25px-lr {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .xs-padding-30px-lr {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .xs-padding-35px-lr {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .xs-padding-40px-lr {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .xs-padding-45px-lr {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .xs-padding-50px-lr {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .xs-padding-55px-lr {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .xs-padding-60px-lr {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .xs-padding-65px-lr {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .xs-padding-70px-lr {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .xs-padding-75px-lr {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .xs-padding-80px-lr {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .xs-padding-85px-lr {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .xs-padding-90px-lr {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .xs-padding-95px-lr {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .xs-padding-100px-lr {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .xs-width-10 {
    width: 10%;
  }
  .xs-width-15 {
    width: 15%;
  }
  .xs-width-20 {
    width: 20%;
  }
  .xs-width-25 {
    width: 25%;
  }
  .xs-width-30 {
    width: 30%;
  }
  .xs-width-35 {
    width: 35%;
  }
  .xs-width-40 {
    width: 40%;
  }
  .xs-width-45 {
    width: 45%;
  }
  .xs-width-50 {
    width: 50%;
  }
  .xs-width-55 {
    width: 55%;
  }
  .xs-width-60 {
    width: 60%;
  }
  .xs-width-65 {
    width: 65%;
  }
  .xs-width-70 {
    width: 70%;
  }
  .xs-width-75 {
    width: 75%;
  }
  .xs-width-80 {
    width: 80%;
  }
  .xs-width-85 {
    width: 85%;
  }
  .xs-width-90 {
    width: 90%;
  }
  .xs-width-95 {
    width: 95%;
  }
  .xs-width-100 {
    width: 100%;
  }
  .xs-width-auto {
    width: auto;
  }
  .xs-width-50px {
    width: 50px;
  }
  .xs-width-70px {
    width: 70px;
  }
  .xs-width-75px {
    width: 75px;
  }
  .xs-width-80px {
    width: 80px;
  }
  .xs-width-85px {
    width: 85px;
  }
  .xs-width-90px {
    width: 90px;
  }
  .xs-width-95px {
    width: 95px;
  }
  .xs-width-100px {
    width: 100px;
  }
  .xs-width-120px {
    width: 120px;
  }
  .xs-width-130px {
    width: 130px;
  }
  .xs-width-150px {
    width: 150px;
  }
  .xs-width-180px {
    width: 180px;
  }
  .xs-width-200px {
    width: 200px;
  }
  .xs-width-250px {
    width: 250px;
  }
  .xs-width-300px {
    width: 300px;
  }
  .xs-width-350px {
    width: 350px;
  }
  .xs-width-400px {
    width: 400px;
  }
  .xs-width-450px {
    width: 450px;
  }
  .xs-width-500px {
    width: 500px;
  }
  .xs-width-550px {
    width: 550px;
  }
  .xs-width-600px {
    width: 600px;
  }
  .xs-width-650px {
    width: 650px;
  }
  .xs-width-700px {
    width: 700px;
  }
  .xs-width-750px {
    width: 750px;
  }
  .xs-width-800px {
    width: 800px;
  }
  .xs-width-850px {
    width: 850px;
  }
  .xs-width-900px {
    width: 900px;
  }
  .xs-width-950px {
    width: 950px;
  }
  .xs-width-1000px {
    width: 1000px;
  }
  .xs-display-block {
    display: block !important;
  }
  .xs-overflow-hidden {
    overflow: hidden !important;
  }
  .xs-overflow-auto {
    overflow: auto !important;
  }
  .xs-display-inline-block {
    display: inline-block !important;
  }
  .xs-display-inline {
    display: inline !important;
  }
  .xs-display-none {
    display: none !important;
  }
  .xs-display-inherit {
    display: inherit !important;
  }
  .xs-display-table {
    display: table !important;
  }
  .xs-display-table-cell {
    display: table-cell !important;
  }
  .xs-position-inherit {
    position: inherit;
  }
  .xs-position-relative {
    position: relative;
    z-index: 5;
  }
  .xs-position-absolute {
    position: absolute;
  }
  .xs-position-fixed {
    position: fixed;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .parallax {
    background-attachment: inherit;
    background-position: center;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .parallax {
    background-attachment: inherit;
    background-position: center;
  }
}

/* @import "abstracts/plugins"; */
/*
0 - 600px:      Phone
600 - 900px:    Tablet Portait
900 - 1200px:   Tablet landscape
[1200 - 1800]:  is where our normal styles apply
1800px + :      Big Desktop

*/
/*
$breakpoint argument choices:

Breakpoints         min-Width       min-Width (em)          max-height          max-width (em)          Orientation         Hover
mobile              320px           20em                    956px               59.75em                 portrait            none
mobile-land         320px           20em                    956px               59.75em                 landscape           none
tablet-s            481px           30.063em                767px               47.938em                portrait            none
tablet-s-land       481px           30.063em                767px               47.938em                landscape           none
tablet-m            768px           48em                    1112px              69.5em                  portrait            none
tablet-m-land       768px           48em                    1112px              69.5em                  landscape           none
tablet-l            834px           52.125em                1366px              85.375em                portrait            none
tablet-l-land       834px           52.125em                1366px              85.375em                landscape           none
pc-s                992px           62em                      -                   -                       -                 hover
pc-m                1025px          64.063em                  -                   -                       -                 hover
pc-l                1281px          80.063em                  -                   -                       -                 hover
pc-xl               2560px          160em                     -                   -                       -                 hover


CORRECTED 
Breakpoints         min-Width       min-Width (em)          min-height          min-width (em)          Orientation         Hover
mobile              320px           20em                    656px               41em                    portrait            none
mobile-land         320px           20em                      -                   -                     landscape           none
tablet-s            480px           30em                    700px               43.75em                 portrait            none
tablet-s-land       480px           30em                    700px               43.75em                 landscape           none
tablet-m            744px           48em                    1024px              64em                    portrait            none
tablet-m-land       744px           48em                    1024px              64em                    landscape           none
tablet-l            1024px          64em                    1112px              69.5em                  portrait            none
tablet-l-land       1024px          64em                    1112px              69.5em                  landscape           none
pc-xs               320px           20em                      -                   -                       -                 hover
pc-s                992px           62em                      -                   -                       -                 hover
pc-m                1024px          64.063em                  -                   -                       -                 hover
pc-l                1280px          80.063em                  -                   -                       -                 hover
pc-xl               2560px          160em                     -                   -                       -                 hover



"em" measurement unit have been indicated by experts as the best to use for media queries as Safari does not support px in media queries properly
-> 1em = 16px or px / 16 = em

ORDER:  01 Base + Typography > 02 General Layout + Grid > 03 Page Layout > 04 Components

*/
@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10rem);
  }
  80% {
    transform: translateX(1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(10rem);
  }
  80% {
    transform: translateX(-1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes binaryScrollUp {
  0% {
    background-position: 0 0, 0 0;
  }
  100% {
    background-position: 0 -360px, 0 0;
  }
}
/* --------------------- Banner-words-wrapper -------------------- */
.banner-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}

.banner-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}

.banner-words-wrapper b.is-visible {
  position: relative;
}

.no-js .banner-words-wrapper b {
  opacity: 1;
}

.no-js .banner-words-wrapper b.is-visible {
  opacity: 1;
}

.banner-headline.clip span {
  display: inline-block;
  padding: 0.2em 0;
}

.banner-headline.clip .banner-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.banner-headline.clip .banner-words-wrapper:after {
  content: "";
  position: absolute;
  top: 10%;
  right: 0;
  width: 2px;
  height: 70%;
  background-color: rgba(255, 255, 255, 0.65);
}

.banner-headline.clip b {
  opacity: 0;
}

.banner-headline b.is-visible {
  opacity: 1;
}

/* --------------------- END Banner-words-wrapper -------------------- */
/*

.ben-only {
  animation-duration: 1s;
  animation-iteration-count: 1;
}

.svc-box {
 animation: fadeInRight 1.6s ease-out 1s; // animation - name / duration / function / delay
 animation-fill-mode: backwards; // set the opacity to zero prior the animation starts with a delay when configured
 animation-iteration-count: 1;
}

*/
/* ------------  START ------------ Services cards animation ------------  START ------------ */
.svc-box {
  position: relative;
  opacity: 0;
  transform: translateX(50px);
  transition: all 0.6s ease-in-out;
}

.svc-box.is-showing {
  opacity: 1;
  transform: translateX(0px);
}

/* -------------  END ------------ My Services boxes animation ------------  END ------------ */
/* ------------  START ------------ About Me - Certification Anim ------------  START ------------ */
.cert {
  position: relative;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease-in-out;
  overflow: hidden;
}

.cert.is-showing {
  opacity: 1;
  transform: translateY(0px);
}

/* -------------  END ------------ About Me - Certs Anim ------------  END ------------ */
/* ------------  START ------------ About Me - ProStudies Anim ------------  START ------------ */
.pro-studies {
  position: relative;
  opacity: 0;
  transform: translateX(30px);
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}

.pro-studies.is-showing {
  opacity: 1;
  transform: translateX(0px);
}

/* -------------  END ------------ About Me - ProStudies Anim ------------  END ------------ */
/* ------------  START ------------ About Me - Tools Anim ------------  START ------------ */
.tools {
  position: relative;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}

.tools.is-showing {
  opacity: 1;
  transform: translateY(0px);
}

/* -------------  END ------------ About Me - Tools Anim ------------  END ------------ */
/* ------------  START ------------ My Projects Gallery Items animation ------------  START ------------ */
.items {
  position: relative;
  opacity: 0;
  transform: translateX(80px);
  transition: all 0.7s ease-in-out;
  overflow: hidden;
}

.items.is-showing {
  opacity: 1;
  transform: translateX(0px);
}

/* -------------  END ------------ My Projects Gallery Items animation ------------  END ------------ */
.pro-certifications {
  position: relative;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease-in-out;
  overflow: visible;
}

.pro-certifications.is-showing {
  opacity: 1;
  transform: translateY(0px);
}

/* ==== Header Social media Logos ====*/
/* ==== Grouped initial parameters & color ==== */
.header .fab,
.header .fas,
.header .fa-brands,
.header .fa-linkedin-in,
.header .fa-meetup,
.header .fa-twitter,
.header .fa-x-twitter,
.header .fa-microsoft,
.header .fa-whatsapp,
.header .fa-envelope,
.header .fa-mobile-alt,
.header .fa-github,
.header .fa-globe,
.header .fa-signal-messenger {
  font-size: 2.2rem;
  margin: 0 3.38rem;
  color: rgba(219, 219, 219, 0.945);
}

/* ==== Individual additional parameters & color on hover ==== */
.header .fa-linkedin-in {
  position: relative;
  top: 0.1rem;
}

.header .fa-linkedin-in:hover {
  color: rgba(47, 67, 238, 0.937254902);
}

.header .credly-logo {
  display: inline-block;
  background-image: url("/img/credly-custom-grey.svg");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  height: 2.5rem;
  width: 4.8rem;
  margin-top: 2rem;
  margin-bottom: 0;
  z-index: 0;
  background-position: center;
  position: relative;
  top: 0.7rem;
}

.header .credly-logo:hover {
  background-image: url("/img/favicon/credly-custom-blue.svg");
}

.header .icon-strategy {
  position: relative;
  top: 0.2rem;
  font-size: 2.2rem;
  margin: 0 3.38rem;
  color: rgba(219, 219, 219, 0.827);
  -webkit-text-stroke: 0.5px currentColor;
}

.header .icon-strategy:hover {
  color: hsl(228, 6%, 16%);
  color: hsla(234, 85%, 56%, 0.937);
}

.header .chess-pawn {
  position: relative;
  top: 0.43rem;
  height: 2.5rem;
  width: 2rem;
  display: inline-block;
  background-image: url("/img/favicon/chess-pawn-line-grey.svg");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  z-index: 0;
}

.header .chess-pawn:hover {
  background-image: url("/img/favicon/chess-pawn-line-blue.svg");
}

.header .bloomio-logo {
  display: inline-block;
  background-image: url("/img/favicon/bloomio-graphic-grey.svg");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  height: 2.5rem;
  width: 2.5rem;
  z-index: 0;
  background-position: center;
  position: relative;
  top: 0.4rem;
}

.header .bloomio-logo:hover {
  background-image: url("/img/favicon/bloomio-graphic-blue.svg");
  z-index: 0;
}

.header .notion-logo {
  position: relative;
  top: 0.4rem;
  display: inline-block;
  background-image: url("/img/notion-logo-grey.svg");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  height: 2.5rem;
  width: 2.5rem;
  z-index: 0;
  background-position: center;
}

.header .notion-logo:hover {
  background-image: url("/img/favicon/notion-logo-blue.svg");
  z-index: 0;
}

.header .fa-github:hover {
  color: hsla(234, 85%, 56%, 0.938);
}

.header .fa-microsoft:hover {
  color: hsla(234, 85%, 56%, 0.938);
}

.header .fa-x-twitter:hover {
  color: hsla(234, 85%, 56%, 0.938);
}

.header .fa-envelope:hover {
  color: hsla(234, 85%, 56%, 0.938);
}

.header .fa-mobile-alt:hover {
  color: hsla(234, 85%, 56%, 0.938);
}

/* ==== Grouped left and right margins ==== */
/* 
.header .fa-brands,
.header .fa-linkedin-in,
.header .fa-meetup,
.header .fa-twitter,
.header .fa-x-twitter,
.header .fa-microsoft,
.header .fa-whatsapp,
.header .fa-envelope,
.header .fa-mobile-alt,
.header .fa-github,
.header .fa-globe,
.header .fa-signal-messenger {
  margin: 0 2rem;
}

.header .icon-strategy,
.header .credly-logo,
.header .chess-pawn,
.header .notion-logo,
.header .bloomio-logo {
  margin: 0 2rem;
}

*/
/* ==== Grouped hover color ==== */
.header .fa-linkedin-in:hover,
.header .fa-meetup:hover,
.header .fa-twitter:hover,
.header .fa-x-twitter:hover,
.header .fa-microsoft:hover,
.header .fa-whatsapp:hover,
.header .fa-github:hover,
.header .fa-globe:hover,
.header .fa-signal-messenger:hover {
  color: rgba(47, 67, 238, 0.937254902);
}

/* ==== Header Buttons Logos ====*/
.services-section .fa-arrow-right {
  color: rgba(248, 248, 248, 0.808);
  font-size: 1.2rem;
}

.services-section .fa-arrow-right:hover {
  color: rgba(248, 248, 248, 0.959);
}

/* ================== ICONS NOT USED ==================== START === */
/* 

.header .fa-signal-messenger:hover {
  color: rgba(13, 81, 218, 0.98);
}

.header .fa-whatsapp:hover {
  color: rgba(32, 196, 26, 0.973);
}

.header .fa-meetup:hover {
  color: hsla(234, 85%, 56%, 0.938);
}

.header .fa-globe:hover {
  color: hsla(234, 85%, 56%, 0.938);
}

*/
/* ================== ICONS NOT USED ==================== END === */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
  padding: 0;
}

/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
  top: 0;
  bottom: 0;
}

/* padding for main container */
.mfp-no-margins .mfp-container {
  padding: 0;
}

/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/
/*

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
*/
/* ==== Styles for dialog window ==== START  */
#small-dialog {
  background: white;
  padding: 20px 30px;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
}

/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* ==== Styles for dialog window ==== START  */
/* ==== Magnific Popup CSS3-based animation effects ==== START */
/* @import "compass/css3"; */
/* 

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Newspaper effect ======

*/
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.5s;
  transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
  transform: scale(0) rotate(500deg);
  opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Move-from-top effect ======

*/
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-from-top .mfp-content {
  vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== 3d unfold ======

*/
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== "Hinge" close effect ======

*/
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  animation-duration: 1s;
  animation-name: hinge;
}

.mfp-with-fade {
  /* before-open state */
  /* open state */
  /* closed state */
}
.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: 0.8; /* background opacity */
}
.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0;
}

#popup-services-1,
#popup-services-2,
#popup-services-3 {
  margin: auto auto;
}

.mfp-bg,
.mfp-container,
.mfp-3d-unfold,
.mfp-content,
.mfp-ready {
  z-index: 2001;
}

#popup-services-1 .mfp-close,
#popup-services-2 .mfp-close,
#popup-services-3 .mfp-close {
  z-index: 2500;
  color: rgba(244, 242, 242, 0.831) !important;
}

/*
.mfp-bg,
.mfp-3d-unfold,
.mfp-container,
.mfp-content {
  z-index: 5000;
}

*/
/* @import "base/fonts-icon-linea-fonts"; */
@font-face {
  font-family: "et-line";
  src: url("../../fonts/et-line.eot");
  src: url("../../fonts/et-lined41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/et-line.woff") format("woff"), url("../../fonts/et-line.ttf") format("truetype"), url("../../fonts/et-line.html#et-line") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: "et-line";
  content: attr(data-icon);
  speak-as: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-mobile,
.icon-laptop,
.icon-desktop,
.icon-tablet,
.icon-phone,
.icon-document,
.icon-documents,
.icon-search,
.icon-clipboard,
.icon-newspaper,
.icon-notebook,
.icon-book-open,
.icon-browser,
.icon-calendar,
.icon-presentation,
.icon-picture,
.icon-pictures,
.icon-video,
.icon-camera,
.icon-printer,
.icon-toolbox,
.icon-briefcase,
.icon-wallet,
.icon-gift,
.icon-bargraph,
.icon-grid,
.icon-expand,
.icon-focus,
.icon-edit,
.icon-adjustments,
.icon-ribbon,
.icon-hourglass,
.icon-lock,
.icon-megaphone,
.icon-shield,
.icon-trophy,
.icon-flag,
.icon-map,
.icon-puzzle,
.icon-basket,
.icon-envelope,
.icon-streetsign,
.icon-telescope,
.icon-gears,
.icon-key,
.icon-paperclip,
.icon-attachment,
.icon-pricetags,
.icon-lightbulb,
.icon-layers,
.icon-pencil,
.icon-tools,
.icon-tools-2,
.icon-scissors,
.icon-paintbrush,
.icon-magnifying-glass,
.icon-circle-compass,
.icon-linegraph,
.icon-mic,
.icon-strategy,
.icon-beaker,
.icon-caution,
.icon-recycle,
.icon-anchor,
.icon-profile-male,
.icon-profile-female,
.icon-bike,
.icon-wine,
.icon-hotairballoon,
.icon-globe,
.icon-genius,
.icon-map-pin,
.icon-dial,
.icon-chat,
.icon-heart,
.icon-cloud,
.icon-upload,
.icon-download,
.icon-target,
.icon-hazardous,
.icon-piechart,
.icon-speedometer,
.icon-global,
.icon-compass,
.icon-lifesaver,
.icon-clock,
.icon-aperture,
.icon-quote,
.icon-scope,
.icon-alarmclock,
.icon-refresh,
.icon-happy,
.icon-sad,
.icon-facebook,
.icon-twitter,
.icon-googleplus,
.icon-rss,
.icon-tumblr,
.icon-linkedin,
.icon-dribbble {
  font-family: "et-line";
  speak-as: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

.icon-mobile:before {
  content: "\e000";
}

.icon-laptop:before {
  content: "\e001";
}

.icon-desktop:before {
  content: "\e002";
}

.icon-tablet:before {
  content: "\e003";
}

.icon-phone:before {
  content: "\e004";
}

.icon-document:before {
  content: "\e005";
}

.icon-documents:before {
  content: "\e006";
}

.icon-search:before {
  content: "\e007";
}

.icon-clipboard:before {
  content: "\e008";
}

.icon-newspaper:before {
  content: "\e009";
}

.icon-notebook:before {
  content: "\e00a";
}

.icon-book-open:before {
  content: "\e00b";
}

.icon-browser:before {
  content: "\e00c";
}

.icon-calendar:before {
  content: "\e00d";
}

.icon-presentation:before {
  content: "\e00e";
}

.icon-picture:before {
  content: "\e00f";
}

.icon-pictures:before {
  content: "\e010";
}

.icon-video:before {
  content: "\e011";
}

.icon-camera:before {
  content: "\e012";
}

.icon-printer:before {
  content: "\e013";
}

.icon-toolbox:before {
  content: "\e014";
}

.icon-briefcase:before {
  content: "\e015";
}

.icon-wallet:before {
  content: "\e016";
}

.icon-gift:before {
  content: "\e017";
}

.icon-bargraph:before {
  content: "\e018";
}

.icon-grid:before {
  content: "\e019";
}

.icon-expand:before {
  content: "\e01a";
}

.icon-focus:before {
  content: "\e01b";
}

.icon-edit:before {
  content: "\e01c";
}

.icon-adjustments:before {
  content: "\e01d";
}

.icon-ribbon:before {
  content: "\e01e";
}

.icon-hourglass:before {
  content: "\e01f";
}

.icon-lock:before {
  content: "\e020";
}

.icon-megaphone:before {
  content: "\e021";
}

.icon-shield:before {
  content: "\e022";
}

.icon-trophy:before {
  content: "\e023";
}

.icon-flag:before {
  content: "\e024";
}

.icon-map:before {
  content: "\e025";
}

.icon-puzzle:before {
  content: "\e026";
}

.icon-basket:before {
  content: "\e027";
}

.icon-envelope:before {
  content: "\e028";
}

.icon-streetsign:before {
  content: "\e029";
}

.icon-telescope:before {
  content: "\e02a";
}

.icon-gears:before {
  content: "\e02b";
}

.icon-key:before {
  content: "\e02c";
}

.icon-paperclip:before {
  content: "\e02d";
}

.icon-attachment:before {
  content: "\e02e";
}

.icon-pricetags:before {
  content: "\e02f";
}

.icon-lightbulb:before {
  content: "\e030";
}

.icon-layers:before {
  content: "\e031";
}

.icon-pencil:before {
  content: "\e032";
}

.icon-tools:before {
  content: "\e033";
}

.icon-tools-2:before {
  content: "\e034";
}

.icon-scissors:before {
  content: "\e035";
}

.icon-paintbrush:before {
  content: "\e036";
}

.icon-magnifying-glass:before {
  content: "\e037";
}

.icon-circle-compass:before {
  content: "\e038";
}

.icon-linegraph:before {
  content: "\e039";
}

.icon-mic:before {
  content: "\e03a";
}

.icon-strategy:before {
  content: "\e03b";
}

.icon-beaker:before {
  content: "\e03c";
}

.icon-caution:before {
  content: "\e03d";
}

.icon-recycle:before {
  content: "\e03e";
}

.icon-anchor:before {
  content: "\e03f";
}

.icon-profile-male:before {
  content: "\e040";
}

.icon-profile-female:before {
  content: "\e041";
}

.icon-bike:before {
  content: "\e042";
}

.icon-wine:before {
  content: "\e043";
}

.icon-hotairballoon:before {
  content: "\e044";
}

.icon-globe:before {
  content: "\e045";
}

.icon-genius:before {
  content: "\e046";
}

.icon-map-pin:before {
  content: "\e047";
}

.icon-dial:before {
  content: "\e048";
}

.icon-chat:before {
  content: "\e049";
}

.icon-heart:before {
  content: "\e04a";
}

.icon-cloud:before {
  content: "\e04b";
}

.icon-upload:before {
  content: "\e04c";
}

.icon-download:before {
  content: "\e04d";
}

.icon-target:before {
  content: "\e04e";
}

.icon-hazardous:before {
  content: "\e04f";
}

.icon-piechart:before {
  content: "\e050";
}

.icon-speedometer:before {
  content: "\e051";
}

.icon-global:before {
  content: "\e052";
}

.icon-compass:before {
  content: "\e053";
}

.icon-lifesaver:before {
  content: "\e054";
}

.icon-clock:before {
  content: "\e055";
}

.icon-aperture:before {
  content: "\e056";
}

.icon-quote:before {
  content: "\e057";
}

.icon-scope:before {
  content: "\e058";
}

.icon-alarmclock:before {
  content: "\e059";
}

.icon-refresh:before {
  content: "\e05a";
}

.icon-happy:before {
  content: "\e05b";
}

.icon-sad:before {
  content: "\e05c";
}

.icon-facebook:before {
  content: "\e05d";
}

.icon-twitter:before {
  content: "\e05e";
}

.icon-googleplus:before {
  content: "\e05f";
}

.icon-rss:before {
  content: "\e060";
}

.icon-tumblr:before {
  content: "\e061";
}

.icon-linkedin:before {
  content: "\e062";
}

.icon-dribbble:before {
  content: "\e063";
}

/**
 * @package IcoFont by ThemeHunt - https://themehunt.com
 * @version 1.0.0 Beta
 * @author IcoFont http://icofont.com
 * @copyright Copyright (c) 2017 IcoFont
 * @license - http://icofont.com/license/
*/
@font-face {
  font-family: "icofont";
  src: url("../../fonts/icofont7858.eot?v=1.0.0-beta");
  src: url("../../fonts/icofont7858.eot?v=1.0.0-beta#iefix") format("embedded-opentype"), url("../../fonts/icofont7858.ttf?v=1.0.0-beta") format("truetype"), url("../../fonts/icofont7858.woff?v=1.0.0-beta") format("woff"), url("../../fonts/icofont7858.html?v=1.0.0-beta#icofont") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icofont {
  font-family: "IcoFont" !important;
  speak-as: 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;
}

.icofont-angry-monster:before {
  content: "\e901";
}

.icofont-bathtub:before {
  content: "\e902";
}

.icofont-bird-wings:before {
  content: "\e903";
}

.icofont-bow:before {
  content: "\e904";
}

.icofont-brain-alt:before {
  content: "\e905";
}

.icofont-butterfly-alt:before {
  content: "\e906";
}

.icofont-castle:before {
  content: "\e907";
}

.icofont-circuit:before {
  content: "\e908";
}

.icofont-dart:before {
  content: "\e909";
}

.icofont-dice-alt:before {
  content: "\e90a";
}

.icofont-disability-race:before {
  content: "\e90b";
}

.icofont-diving-goggle:before {
  content: "\e90c";
}

.icofont-fire-alt:before {
  content: "\e90d";
}

.icofont-flame-torch:before {
  content: "\e90e";
}

.icofont-flora-flower:before {
  content: "\e90f";
}

.icofont-flora:before {
  content: "\e910";
}

.icofont-gift-box:before {
  content: "\e911";
}

.icofont-halloween-pumpkin:before {
  content: "\e912";
}

.icofont-hand-power:before {
  content: "\e913";
}

.icofont-hand-thunder:before {
  content: "\e914";
}

.icofont-king-crown:before {
  content: "\e915";
}

.icofont-king-monster:before {
  content: "\e916";
}

.icofont-love:before {
  content: "\e917";
}

.icofont-magician-hat:before {
  content: "\e918";
}

.icofont-native-american:before {
  content: "\e919";
}

.icofont-open-eye:before {
  content: "\e91a";
}

.icofont-owl-look:before {
  content: "\e91b";
}

.icofont-phoenix:before {
  content: "\e91c";
}

.icofont-queen-crown:before {
  content: "\e91d";
}

.icofont-robot-face:before {
  content: "\e91e";
}

.icofont-sand-clock:before {
  content: "\e91f";
}

.icofont-shield-alt:before {
  content: "\e920";
}

.icofont-ship-wheel:before {
  content: "\e921";
}

.icofont-skull-danger:before {
  content: "\e922";
}

.icofont-skull-face:before {
  content: "\e923";
}

.icofont-snail:before {
  content: "\e924";
}

.icofont-snow-alt:before {
  content: "\e925";
}

.icofont-snow-flake:before {
  content: "\e926";
}

.icofont-snowmobile:before {
  content: "\e927";
}

.icofont-space-shuttle:before {
  content: "\e928";
}

.icofont-star-shape:before {
  content: "\e929";
}

.icofont-swirl:before {
  content: "\e92a";
}

.icofont-tattoo-wing:before {
  content: "\e92b";
}

.icofont-throne:before {
  content: "\e92c";
}

.icofont-touch:before {
  content: "\e92d";
}

.icofont-tree-alt:before {
  content: "\e92e";
}

.icofont-triangle:before {
  content: "\e92f";
}

.icofont-unity-hand:before {
  content: "\e930";
}

.icofont-weed:before {
  content: "\e931";
}

.icofont-woman-bird:before {
  content: "\e932";
}

.icofont-animal-bat:before {
  content: "\e933";
}

.icofont-animal-bear-tracks:before {
  content: "\e934";
}

.icofont-animal-bear:before {
  content: "\e935";
}

.icofont-animal-bird-alt:before {
  content: "\e936";
}

.icofont-animal-bird:before {
  content: "\e937";
}

.icofont-animal-bone:before {
  content: "\e938";
}

.icofont-animal-bull:before {
  content: "\e939";
}

.icofont-animal-camel-alt:before {
  content: "\e93a";
}

.icofont-animal-camel-head:before {
  content: "\e93b";
}

.icofont-animal-camel:before {
  content: "\e93c";
}

.icofont-animal-cat-alt-1:before {
  content: "\e93d";
}

.icofont-animal-cat-alt-2:before {
  content: "\e93e";
}

.icofont-animal-cat-alt-3:before {
  content: "\e93f";
}

.icofont-animal-cat-alt-4:before {
  content: "\e940";
}

.icofont-animal-cat-with-dog:before {
  content: "\e941";
}

.icofont-animal-cat:before {
  content: "\e942";
}

.icofont-animal-cow-head:before {
  content: "\e943";
}

.icofont-animal-cow:before {
  content: "\e944";
}

.icofont-animal-crab:before {
  content: "\e945";
}

.icofont-animal-crocodile:before {
  content: "\e946";
}

.icofont-animal-deer-head:before {
  content: "\e947";
}

.icofont-animal-dog-alt:before {
  content: "\e948";
}

.icofont-animal-dog-barking:before {
  content: "\e949";
}

.icofont-animal-dog:before {
  content: "\e94a";
}

.icofont-animal-dolphin:before {
  content: "\e94b";
}

.icofont-animal-duck-tracks:before {
  content: "\e94c";
}

.icofont-animal-eagle-head:before {
  content: "\e94d";
}

.icofont-animal-eaten-fish:before {
  content: "\e94e";
}

.icofont-animal-elephant-alt:before {
  content: "\e94f";
}

.icofont-animal-elephant-head-alt:before {
  content: "\e950";
}

.icofont-animal-elephant-head:before {
  content: "\e951";
}

.icofont-animal-elephant:before {
  content: "\e952";
}

.icofont-animal-elk:before {
  content: "\e953";
}

.icofont-animal-fish-alt-1:before {
  content: "\e954";
}

.icofont-animal-fish-alt-2:before {
  content: "\e955";
}

.icofont-animal-fish-alt-3:before {
  content: "\e956";
}

.icofont-animal-fish-alt-4:before {
  content: "\e957";
}

.icofont-animal-fish:before {
  content: "\e958";
}

.icofont-animal-fox-alt:before {
  content: "\e959";
}

.icofont-animal-fox:before {
  content: "\e95a";
}

.icofont-animal-frog-tracks:before {
  content: "\e95b";
}

.icofont-animal-frog:before {
  content: "\e95c";
}

.icofont-animal-froggy:before {
  content: "\e95d";
}

.icofont-animal-giraffe-alt:before {
  content: "\e95e";
}

.icofont-animal-giraffe:before {
  content: "\e95f";
}

.icofont-animal-goat-head-alt-1:before {
  content: "\e960";
}

.icofont-animal-goat-head-alt-2:before {
  content: "\e961";
}

.icofont-animal-goat-head:before {
  content: "\e962";
}

.icofont-animal-gorilla:before {
  content: "\e963";
}

.icofont-animal-hen-tracks:before {
  content: "\e964";
}

.icofont-animal-horse-head-alt-1:before {
  content: "\e965";
}

.icofont-animal-horse-head-alt-2:before {
  content: "\e966";
}

.icofont-animal-horse-head:before {
  content: "\e967";
}

.icofont-animal-horse-tracks:before {
  content: "\e968";
}

.icofont-animal-jellyfish:before {
  content: "\e969";
}

.icofont-animal-kangaroo:before {
  content: "\e96a";
}

.icofont-animal-lemur:before {
  content: "\e96b";
}

.icofont-animal-lion-alt:before {
  content: "\e96c";
}

.icofont-animal-lion-head-alt:before {
  content: "\e96d";
}

.icofont-animal-lion-head:before {
  content: "\e96e";
}

.icofont-animal-lion:before {
  content: "\e96f";
}

.icofont-animal-monkey-alt-1:before {
  content: "\e970";
}

.icofont-animal-monkey-alt-2:before {
  content: "\e971";
}

.icofont-animal-monkey-alt-3:before {
  content: "\e972";
}

.icofont-animal-monkey:before {
  content: "\e973";
}

.icofont-animal-octopus-alt:before {
  content: "\e974";
}

.icofont-animal-octopus:before {
  content: "\e975";
}

.icofont-animal-owl:before {
  content: "\e976";
}

.icofont-animal-panda-alt:before {
  content: "\e977";
}

.icofont-animal-panda:before {
  content: "\e978";
}

.icofont-animal-panther:before {
  content: "\e979";
}

.icofont-animal-parrot-lip:before {
  content: "\e97a";
}

.icofont-animal-parrot:before {
  content: "\e97b";
}

.icofont-animal-paw:before {
  content: "\e97c";
}

.icofont-animal-pelican:before {
  content: "\e97d";
}

.icofont-animal-penguin:before {
  content: "\e97e";
}

.icofont-animal-pig-alt:before {
  content: "\e97f";
}

.icofont-animal-pig:before {
  content: "\e980";
}

.icofont-animal-pigeon-alt:before {
  content: "\e981";
}

.icofont-animal-pigeon:before {
  content: "\e982";
}

.icofont-animal-pigeons:before {
  content: "\e983";
}

.icofont-animal-rabbit-running:before {
  content: "\e984";
}

.icofont-animal-rat-alt:before {
  content: "\e985";
}

.icofont-animal-rhino-head:before {
  content: "\e986";
}

.icofont-animal-rhino:before {
  content: "\e987";
}

.icofont-animal-rooster:before {
  content: "\e988";
}

.icofont-animal-seahorse:before {
  content: "\e989";
}

.icofont-animal-seal:before {
  content: "\e98a";
}

.icofont-animal-shrimp:before {
  content: "\e98b";
}

.icofont-animal-snail-alt-1:before {
  content: "\e98c";
}

.icofont-animal-snail-alt-2:before {
  content: "\e98d";
}

.icofont-animal-snail:before {
  content: "\e98e";
}

.icofont-animal-snake:before {
  content: "\e98f";
}

.icofont-animal-squid:before {
  content: "\e990";
}

.icofont-animal-squirrel:before {
  content: "\e991";
}

.icofont-animal-tiger-alt:before {
  content: "\e992";
}

.icofont-animal-tiger:before {
  content: "\e993";
}

.icofont-animal-turtle:before {
  content: "\e994";
}

.icofont-animal-whale:before {
  content: "\e995";
}

.icofont-animal-woodpecker:before {
  content: "\e996";
}

.icofont-animal-zebra:before {
  content: "\e997";
}

.icofont-brand-acer:before {
  content: "\e998";
}

.icofont-brand-adidas:before {
  content: "\e999";
}

.icofont-brand-adobe:before {
  content: "\e99a";
}

.icofont-brand-air-new-zealand:before {
  content: "\e99b";
}

.icofont-brand-airbnb:before {
  content: "\e99c";
}

.icofont-brand-aircell:before {
  content: "\e99d";
}

.icofont-brand-airtel:before {
  content: "\e99e";
}

.icofont-brand-alcatel:before {
  content: "\e99f";
}

.icofont-brand-alibaba:before {
  content: "\e9a0";
}

.icofont-brand-aliexpress:before {
  content: "\e9a1";
}

.icofont-brand-alipay:before {
  content: "\e9a2";
}

.icofont-brand-amazon:before {
  content: "\e9a3";
}

.icofont-brand-amd:before {
  content: "\e9a4";
}

.icofont-brand-american-airlines:before {
  content: "\e9a5";
}

.icofont-brand-android-robot:before {
  content: "\e9a6";
}

.icofont-brand-android:before {
  content: "\e9a7";
}

.icofont-brand-aol:before {
  content: "\e9a8";
}

.icofont-brand-apple:before {
  content: "\e9a9";
}

.icofont-brand-appstore:before {
  content: "\e9aa";
}

.icofont-brand-asus:before {
  content: "\e9ab";
}

.icofont-brand-ati:before {
  content: "\e9ac";
}

.icofont-brand-att:before {
  content: "\e9ad";
}

.icofont-brand-audi:before {
  content: "\e9ae";
}

.icofont-brand-axiata:before {
  content: "\e9af";
}

.icofont-brand-bada:before {
  content: "\e9b0";
}

.icofont-brand-bbc:before {
  content: "\e9b1";
}

.icofont-brand-bing:before {
  content: "\e9b2";
}

.icofont-brand-blackberry:before {
  content: "\e9b3";
}

.icofont-brand-bmw:before {
  content: "\e9b4";
}

.icofont-brand-box:before {
  content: "\e9b5";
}

.icofont-brand-burger-king:before {
  content: "\e9b6";
}

.icofont-brand-business-insider:before {
  content: "\e9b7";
}

.icofont-brand-buzzfeed:before {
  content: "\e9b8";
}

.icofont-brand-cannon:before {
  content: "\e9b9";
}

.icofont-brand-casio:before {
  content: "\e9ba";
}

.icofont-brand-china-mobile:before {
  content: "\e9bb";
}

.icofont-brand-china-telecom:before {
  content: "\e9bc";
}

.icofont-brand-china-unicom:before {
  content: "\e9bd";
}

.icofont-brand-cisco:before {
  content: "\e9be";
}

.icofont-brand-citibank:before {
  content: "\e9bf";
}

.icofont-brand-cnet:before {
  content: "\e9c0";
}

.icofont-brand-cnn:before {
  content: "\e9c1";
}

.icofont-brand-cocal-cola:before {
  content: "\e9c2";
}

.icofont-brand-compaq:before {
  content: "\e9c3";
}

.icofont-brand-copy:before {
  content: "\e9c4";
}

.icofont-brand-debian:before {
  content: "\e9c5";
}

.icofont-brand-delicious:before {
  content: "\e9c6";
}

.icofont-brand-dell:before {
  content: "\e9c7";
}

.icofont-brand-designbump:before {
  content: "\e9c8";
}

.icofont-brand-designfloat:before {
  content: "\e9c9";
}

.icofont-brand-disney:before {
  content: "\e9ca";
}

.icofont-brand-dodge:before {
  content: "\e9cb";
}

.icofont-brand-dove:before {
  content: "\e9cc";
}

.icofont-brand-ebay:before {
  content: "\e9cd";
}

.icofont-brand-eleven:before {
  content: "\e9ce";
}

.icofont-brand-emirates:before {
  content: "\e9cf";
}

.icofont-brand-espn:before {
  content: "\e9d0";
}

.icofont-brand-etihad-airways:before {
  content: "\e9d1";
}

.icofont-brand-etisalat:before {
  content: "\e9d2";
}

.icofont-brand-etsy:before {
  content: "\e9d3";
}

.icofont-brand-facebook:before {
  content: "\e9d4";
}

.icofont-brand-fastrack:before {
  content: "\e9d5";
}

.icofont-brand-fedex:before {
  content: "\e9d6";
}

.icofont-brand-ferrari:before {
  content: "\e9d7";
}

.icofont-brand-fitbit:before {
  content: "\e9d8";
}

.icofont-brand-flikr:before {
  content: "\e9d9";
}

.icofont-brand-forbes:before {
  content: "\e9da";
}

.icofont-brand-foursquare:before {
  content: "\e9db";
}

.icofont-brand-fox:before {
  content: "\e9dc";
}

.icofont-brand-foxconn:before {
  content: "\e9dd";
}

.icofont-brand-fujitsu:before {
  content: "\e9de";
}

.icofont-brand-general-electric:before {
  content: "\e9df";
}

.icofont-brand-gillette:before {
  content: "\e9e0";
}

.icofont-brand-gizmodo:before {
  content: "\e9e1";
}

.icofont-brand-gnome:before {
  content: "\e9e2";
}

.icofont-brand-google:before {
  content: "\e9e3";
}

.icofont-brand-gopro:before {
  content: "\e9e4";
}

.icofont-brand-gucci:before {
  content: "\e9e5";
}

.icofont-brand-hallmark:before {
  content: "\e9e6";
}

.icofont-brand-hi5:before {
  content: "\e9e7";
}

.icofont-brand-honda:before {
  content: "\e9e8";
}

.icofont-brand-hp:before {
  content: "\e9e9";
}

.icofont-brand-hsbc:before {
  content: "\e9ea";
}

.icofont-brand-htc:before {
  content: "\e9eb";
}

.icofont-brand-huawei:before {
  content: "\e9ec";
}

.icofont-brand-hulu:before {
  content: "\e9ed";
}

.icofont-brand-hyundai:before {
  content: "\e9ee";
}

.icofont-brand-ibm:before {
  content: "\e9ef";
}

.icofont-brand-icofont:before {
  content: "\e9f0";
}

.icofont-brand-icq:before {
  content: "\e9f1";
}

.icofont-brand-ikea:before {
  content: "\e9f2";
}

.icofont-brand-imdb:before {
  content: "\e9f3";
}

.icofont-brand-indiegogo:before {
  content: "\e9f4";
}

.icofont-brand-intel:before {
  content: "\e9f5";
}

.icofont-brand-ipair:before {
  content: "\e9f6";
}

.icofont-brand-jaguar:before {
  content: "\e9f7";
}

.icofont-brand-java:before {
  content: "\e9f8";
}

.icofont-brand-joomshaper:before {
  content: "\e9f9";
}

.icofont-brand-kickstarter:before {
  content: "\e9fa";
}

.icofont-brand-kik:before {
  content: "\e9fb";
}

.icofont-brand-lastfm:before {
  content: "\e9fc";
}

.icofont-brand-lego:before {
  content: "\e9fd";
}

.icofont-brand-lenovo:before {
  content: "\e9fe";
}

.icofont-brand-levis:before {
  content: "\e9ff";
}

.icofont-brand-lexus:before {
  content: "\ea00";
}

.icofont-brand-lg:before {
  content: "\ea01";
}

.icofont-brand-life-hacker:before {
  content: "\ea02";
}

.icofont-brand-line-messenger:before {
  content: "\ea03";
}

.icofont-brand-linkedin:before {
  content: "\ea04";
}

.icofont-brand-linux-mint:before {
  content: "\ea05";
}

.icofont-brand-linux:before {
  content: "\ea06";
}

.icofont-brand-lionix:before {
  content: "\ea07";
}

.icofont-brand-live-messenger:before {
  content: "\ea08";
}

.icofont-brand-loreal:before {
  content: "\ea09";
}

.icofont-brand-louis-vuitton:before {
  content: "\ea0a";
}

.icofont-brand-mac-os:before {
  content: "\ea0b";
}

.icofont-brand-marvel-app:before {
  content: "\ea0c";
}

.icofont-brand-mashable:before {
  content: "\ea0d";
}

.icofont-brand-mazda:before {
  content: "\ea0e";
}

.icofont-brand-mcdonals:before {
  content: "\ea0f";
}

.icofont-brand-mercedes:before {
  content: "\ea10";
}

.icofont-brand-micromax:before {
  content: "\ea11";
}

.icofont-brand-microsoft:before {
  content: "\ea12";
}

.icofont-brand-mobileme:before {
  content: "\ea13";
}

.icofont-brand-mobily:before {
  content: "\ea14";
}

.icofont-brand-motorola:before {
  content: "\ea15";
}

.icofont-brand-msi:before {
  content: "\ea16";
}

.icofont-brand-mts:before {
  content: "\ea17";
}

.icofont-brand-myspace:before {
  content: "\ea18";
}

.icofont-brand-mytv:before {
  content: "\ea19";
}

.icofont-brand-nasa:before {
  content: "\ea1a";
}

.icofont-brand-natgeo:before {
  content: "\ea1b";
}

.icofont-brand-nbc:before {
  content: "\ea1c";
}

.icofont-brand-nescafe:before {
  content: "\ea1d";
}

.icofont-brand-nestle:before {
  content: "\ea1e";
}

.icofont-brand-netflix:before {
  content: "\ea1f";
}

.icofont-brand-nexus:before {
  content: "\ea20";
}

.icofont-brand-nike:before {
  content: "\ea21";
}

.icofont-brand-nokia:before {
  content: "\ea22";
}

.icofont-brand-nvidia:before {
  content: "\ea23";
}

.icofont-brand-omega:before {
  content: "\ea24";
}

.icofont-brand-opensuse:before {
  content: "\ea25";
}

.icofont-brand-oracle:before {
  content: "\ea26";
}

.icofont-brand-panasonic:before {
  content: "\ea27";
}

.icofont-brand-paypal:before {
  content: "\ea28";
}

.icofont-brand-pepsi:before {
  content: "\ea29";
}

.icofont-brand-philips:before {
  content: "\ea2a";
}

.icofont-brand-pizza-hut:before {
  content: "\ea2b";
}

.icofont-brand-playstation:before {
  content: "\ea2c";
}

.icofont-brand-puma:before {
  content: "\ea2d";
}

.icofont-brand-qatar-air:before {
  content: "\ea2e";
}

.icofont-brand-qvc:before {
  content: "\ea2f";
}

.icofont-brand-readernaut:before {
  content: "\ea30";
}

.icofont-brand-redbull:before {
  content: "\ea31";
}

.icofont-brand-reebok:before {
  content: "\ea32";
}

.icofont-brand-reuters:before {
  content: "\ea33";
}

.icofont-brand-samsung:before {
  content: "\ea34";
}

.icofont-brand-sap:before {
  content: "\ea35";
}

.icofont-brand-saudia-airlines:before {
  content: "\ea36";
}

.icofont-brand-scribd:before {
  content: "\ea37";
}

.icofont-brand-shell:before {
  content: "\ea38";
}

.icofont-brand-siemens:before {
  content: "\ea39";
}

.icofont-brand-sk-telecom:before {
  content: "\ea3a";
}

.icofont-brand-slideshare:before {
  content: "\ea3b";
}

.icofont-brand-smashing-magazine:before {
  content: "\ea3c";
}

.icofont-brand-snapchat:before {
  content: "\ea3d";
}

.icofont-brand-sony-ericsson:before {
  content: "\ea3e";
}

.icofont-brand-sony:before {
  content: "\ea3f";
}

.icofont-brand-soundcloud:before {
  content: "\ea40";
}

.icofont-brand-sprint:before {
  content: "\ea41";
}

.icofont-brand-squidoo:before {
  content: "\ea42";
}

.icofont-brand-starbucks:before {
  content: "\ea43";
}

.icofont-brand-stc:before {
  content: "\ea44";
}

.icofont-brand-steam:before {
  content: "\ea45";
}

.icofont-brand-suzuki:before {
  content: "\ea46";
}

.icofont-brand-symbian:before {
  content: "\ea47";
}

.icofont-brand-t-mobile:before {
  content: "\ea48";
}

.icofont-brand-tango:before {
  content: "\ea49";
}

.icofont-brand-target:before {
  content: "\ea4a";
}

.icofont-brand-tata-indicom:before {
  content: "\ea4b";
}

.icofont-brand-techcrunch:before {
  content: "\ea4c";
}

.icofont-brand-telenor:before {
  content: "\ea4d";
}

.icofont-brand-teliasonera:before {
  content: "\ea4e";
}

.icofont-brand-tesla:before {
  content: "\ea4f";
}

.icofont-brand-the-verge:before {
  content: "\ea50";
}

.icofont-brand-thenextweb:before {
  content: "\ea51";
}

.icofont-brand-toshiba:before {
  content: "\ea52";
}

.icofont-brand-toyota:before {
  content: "\ea53";
}

.icofont-brand-tribenet:before {
  content: "\ea54";
}

.icofont-brand-ubuntu:before {
  content: "\ea55";
}

.icofont-brand-unilever:before {
  content: "\ea56";
}

.icofont-brand-vaio:before {
  content: "\ea57";
}

.icofont-brand-verizon:before {
  content: "\ea58";
}

.icofont-brand-viber:before {
  content: "\ea59";
}

.icofont-brand-vodafone:before {
  content: "\ea5a";
}

.icofont-brand-volkswagen:before {
  content: "\ea5b";
}

.icofont-brand-walmart:before {
  content: "\ea5c";
}

.icofont-brand-warnerbros:before {
  content: "\ea5d";
}

.icofont-brand-whatsapp:before {
  content: "\ea5e";
}

.icofont-brand-wikipedia:before {
  content: "\ea5f";
}

.icofont-brand-windows:before {
  content: "\ea60";
}

.icofont-brand-wire:before {
  content: "\ea61";
}

.icofont-brand-yahoobuzz:before {
  content: "\ea62";
}

.icofont-brand-yamaha:before {
  content: "\ea63";
}

.icofont-brand-youtube:before {
  content: "\ea64";
}

.icofont-brand-zain:before {
  content: "\ea65";
}

.icofont-bank-alt:before {
  content: "\ea66";
}

.icofont-barcode:before {
  content: "\ea67";
}

.icofont-basket:before {
  content: "\ea68";
}

.icofont-bill-alt:before {
  content: "\ea69";
}

.icofont-billboard:before {
  content: "\ea6a";
}

.icofont-briefcase-alt-1:before {
  content: "\ea6b";
}

.icofont-briefcase-alt-2:before {
  content: "\ea6c";
}

.icofont-building-alt:before {
  content: "\ea6d";
}

.icofont-businessman:before {
  content: "\ea6e";
}

.icofont-businesswoman:before {
  content: "\ea6f";
}

.icofont-cart-alt:before {
  content: "\ea70";
}

.icofont-chair:before {
  content: "\ea71";
}

.icofont-clip:before {
  content: "\ea72";
}

.icofont-coins:before {
  content: "\ea73";
}

.icofont-company:before {
  content: "\ea74";
}

.icofont-contact-add:before {
  content: "\ea75";
}

.icofont-deal:before {
  content: "\ea76";
}

.icofont-files:before {
  content: "\ea77";
}

.icofont-growth:before {
  content: "\ea78";
}

.icofont-id-card:before {
  content: "\ea79";
}

.icofont-idea:before {
  content: "\ea7a";
}

.icofont-list:before {
  content: "\ea7b";
}

.icofont-meeting-add:before {
  content: "\ea7c";
}

.icofont-money-bag:before {
  content: "\ea7d";
}

.icofont-people:before {
  content: "\ea7e";
}

.icofont-pie-chart:before {
  content: "\ea7f";
}

.icofont-presentation-alt:before {
  content: "\ea80";
}

.icofont-stamp:before {
  content: "\ea81";
}

.icofont-stock-mobile:before {
  content: "\ea82";
}

.icofont-support:before {
  content: "\ea83";
}

.icofont-tasks-alt:before {
  content: "\ea84";
}

.icofont-wheel:before {
  content: "\ea85";
}

.icofont-chart-arrows-axis:before {
  content: "\ea86";
}

.icofont-chart-bar-graph:before {
  content: "\ea87";
}

.icofont-chart-flow-alt-1:before {
  content: "\ea88";
}

.icofont-chart-flow-alt-2:before {
  content: "\ea89";
}

.icofont-chart-flow:before {
  content: "\ea8a";
}

.icofont-chart-histogram-alt:before {
  content: "\ea8b";
}

.icofont-chart-histogram:before {
  content: "\ea8c";
}

.icofont-chart-line-alt:before {
  content: "\ea8d";
}

.icofont-chart-line:before {
  content: "\ea8e";
}

.icofont-chart-pie-alt:before {
  content: "\ea8f";
}

.icofont-chart-pie:before {
  content: "\ea90";
}

.icofont-chart-radar-graph:before {
  content: "\ea91";
}

.icofont-cur-afghani-false:before {
  content: "\ea92";
}

.icofont-cur-afghani-minus:before {
  content: "\ea93";
}

.icofont-cur-afghani-plus:before {
  content: "\ea94";
}

.icofont-cur-afghani-true:before {
  content: "\ea95";
}

.icofont-cur-afghani:before {
  content: "\ea96";
}

.icofont-cur-baht-false:before {
  content: "\ea97";
}

.icofont-cur-baht-minus:before {
  content: "\ea98";
}

.icofont-cur-baht-plus:before {
  content: "\ea99";
}

.icofont-cur-baht-true:before {
  content: "\ea9a";
}

.icofont-cur-baht:before {
  content: "\ea9b";
}

.icofont-cur-bitcoin-false:before {
  content: "\ea9c";
}

.icofont-cur-bitcoin-minus:before {
  content: "\ea9d";
}

.icofont-cur-bitcoin-plus:before {
  content: "\ea9e";
}

.icofont-cur-bitcoin-true:before {
  content: "\ea9f";
}

.icofont-cur-bitcoin:before {
  content: "\eaa0";
}

.icofont-cur-dollar-flase:before {
  content: "\eaa1";
}

.icofont-cur-dollar-minus:before {
  content: "\eaa2";
}

.icofont-cur-dollar-plus:before {
  content: "\eaa3";
}

.icofont-cur-dollar-true:before {
  content: "\eaa4";
}

.icofont-cur-dollar:before {
  content: "\eaa5";
}

.icofont-cur-dong-false:before {
  content: "\eaa6";
}

.icofont-cur-dong-minus:before {
  content: "\eaa7";
}

.icofont-cur-dong-plus:before {
  content: "\eaa8";
}

.icofont-cur-dong-true:before {
  content: "\eaa9";
}

.icofont-cur-dong:before {
  content: "\eaaa";
}

.icofont-cur-euro-false:before {
  content: "\eaab";
}

.icofont-cur-euro-minus:before {
  content: "\eaac";
}

.icofont-cur-euro-plus:before {
  content: "\eaad";
}

.icofont-cur-euro-true:before {
  content: "\eaae";
}

.icofont-cur-euro:before {
  content: "\eaaf";
}

.icofont-cur-frank-false:before {
  content: "\eab0";
}

.icofont-cur-frank-minus:before {
  content: "\eab1";
}

.icofont-cur-frank-plus:before {
  content: "\eab2";
}

.icofont-cur-frank-true:before {
  content: "\eab3";
}

.icofont-cur-frank:before {
  content: "\eab4";
}

.icofont-cur-hryvnia-false:before {
  content: "\eab5";
}

.icofont-cur-hryvnia-minus:before {
  content: "\eab6";
}

.icofont-cur-hryvnia-plus:before {
  content: "\eab7";
}

.icofont-cur-hryvnia-true:before {
  content: "\eab8";
}

.icofont-cur-hryvnia:before {
  content: "\eab9";
}

.icofont-cur-lira-false:before {
  content: "\eaba";
}

.icofont-cur-lira-minus:before {
  content: "\eabb";
}

.icofont-cur-lira-plus:before {
  content: "\eabc";
}

.icofont-cur-lira-true:before {
  content: "\eabd";
}

.icofont-cur-lira:before {
  content: "\eabe";
}

.icofont-cur-peseta-false:before {
  content: "\eabf";
}

.icofont-cur-peseta-minus:before {
  content: "\eac0";
}

.icofont-cur-peseta-plus:before {
  content: "\eac1";
}

.icofont-cur-peseta-true:before {
  content: "\eac2";
}

.icofont-cur-peseta:before {
  content: "\eac3";
}

.icofont-cur-peso-false:before {
  content: "\eac4";
}

.icofont-cur-peso-minus:before {
  content: "\eac5";
}

.icofont-cur-peso-plus:before {
  content: "\eac6";
}

.icofont-cur-peso-true:before {
  content: "\eac7";
}

.icofont-cur-peso:before {
  content: "\eac8";
}

.icofont-cur-pound-false:before {
  content: "\eac9";
}

.icofont-cur-pound-minus:before {
  content: "\eaca";
}

.icofont-cur-pound-plus:before {
  content: "\eacb";
}

.icofont-cur-pound-true:before {
  content: "\eacc";
}

.icofont-cur-pound:before {
  content: "\eacd";
}

.icofont-cur-renminbi-false:before {
  content: "\eace";
}

.icofont-cur-renminbi-minus:before {
  content: "\eacf";
}

.icofont-cur-renminbi-plus:before {
  content: "\ead0";
}

.icofont-cur-renminbi-true:before {
  content: "\ead1";
}

.icofont-cur-renminbi:before {
  content: "\ead2";
}

.icofont-cur-riyal-false:before {
  content: "\ead3";
}

.icofont-cur-riyal-minus:before {
  content: "\ead4";
}

.icofont-cur-riyal-plus:before {
  content: "\ead5";
}

.icofont-cur-riyal-true:before {
  content: "\ead6";
}

.icofont-cur-riyal:before {
  content: "\ead7";
}

.icofont-cur-rouble-false:before {
  content: "\ead8";
}

.icofont-cur-rouble-minus:before {
  content: "\ead9";
}

.icofont-cur-rouble-plus:before {
  content: "\eada";
}

.icofont-cur-rouble-true:before {
  content: "\eadb";
}

.icofont-cur-rouble:before {
  content: "\eadc";
}

.icofont-cur-rupee-false:before {
  content: "\eadd";
}

.icofont-cur-rupee-minus:before {
  content: "\eade";
}

.icofont-cur-rupee-plus:before {
  content: "\eadf";
}

.icofont-cur-rupee-true:before {
  content: "\eae0";
}

.icofont-cur-rupee:before {
  content: "\eae1";
}

.icofont-cur-taka-false:before {
  content: "\eae2";
}

.icofont-cur-taka-minus:before {
  content: "\eae3";
}

.icofont-cur-taka-plus:before {
  content: "\eae4";
}

.icofont-cur-taka-true:before {
  content: "\eae5";
}

.icofont-cur-taka:before {
  content: "\eae6";
}

.icofont-cur-turkish-lira-false:before {
  content: "\eae7";
}

.icofont-cur-turkish-lira-minus:before {
  content: "\eae8";
}

.icofont-cur-turkish-lira-plus:before {
  content: "\eae9";
}

.icofont-cur-turkish-lira-true:before {
  content: "\eaea";
}

.icofont-cur-turkish-lira:before {
  content: "\eaeb";
}

.icofont-cur-won-false:before {
  content: "\eaec";
}

.icofont-cur-won-minus:before {
  content: "\eaed";
}

.icofont-cur-won-plus:before {
  content: "\eaee";
}

.icofont-cur-won-true:before {
  content: "\eaef";
}

.icofont-cur-won:before {
  content: "\eaf0";
}

.icofont-cur-yen-false:before {
  content: "\eaf1";
}

.icofont-cur-yen-minus:before {
  content: "\eaf2";
}

.icofont-cur-yen-plus:before {
  content: "\eaf3";
}

.icofont-cur-yen-true:before {
  content: "\eaf4";
}

.icofont-cur-yen:before {
  content: "\eaf5";
}

.icofont-android-nexus:before {
  content: "\eaf6";
}

.icofont-android-tablet:before {
  content: "\eaf7";
}

.icofont-apple-watch:before {
  content: "\eaf8";
}

.icofont-drwaing-tablet:before {
  content: "\eaf9";
}

.icofont-earphone:before {
  content: "\eafa";
}

.icofont-flash-drive:before {
  content: "\eafb";
}

.icofont-game-control:before {
  content: "\eafc";
}

.icofont-headphone-alt:before {
  content: "\eafd";
}

.icofont-htc-one:before {
  content: "\eafe";
}

.icofont-imac:before {
  content: "\eaff";
}

.icofont-ipad-touch:before {
  content: "\eb00";
}

.icofont-iphone:before {
  content: "\eb01";
}

.icofont-ipod-nano:before {
  content: "\eb02";
}

.icofont-ipod-touch:before {
  content: "\eb03";
}

.icofont-keyboard-alt:before {
  content: "\eb04";
}

.icofont-keyboard-wireless:before {
  content: "\eb05";
}

.icofont-laptop-alt:before {
  content: "\eb06";
}

.icofont-macbook:before {
  content: "\eb07";
}

.icofont-magic-mouse:before {
  content: "\eb08";
}

.icofont-microphone-alt:before {
  content: "\eb09";
}

.icofont-monitor:before {
  content: "\eb0a";
}

.icofont-mouse:before {
  content: "\eb0b";
}

.icofont-nintendo:before {
  content: "\eb0c";
}

.icofont-playstation:before {
  content: "\eb0d";
}

.icofont-psvita:before {
  content: "\eb0e";
}

.icofont-radio-mic:before {
  content: "\eb0f";
}

.icofont-refrigerator:before {
  content: "\eb10";
}

.icofont-samsung-galaxy:before {
  content: "\eb11";
}

.icofont-surface-tablet:before {
  content: "\eb12";
}

.icofont-washing-machine:before {
  content: "\eb13";
}

.icofont-wifi-router:before {
  content: "\eb14";
}

.icofont-wii-u:before {
  content: "\eb15";
}

.icofont-windows-lumia:before {
  content: "\eb16";
}

.icofont-wireless-mouse:before {
  content: "\eb17";
}

.icofont-xbox-360:before {
  content: "\eb18";
}

.icofont-arrow-down:before {
  content: "\eb19";
}

.icofont-arrow-left:before {
  content: "\eb1a";
}

.icofont-arrow-right:before {
  content: "\eb1b";
}

.icofont-arrow-up:before {
  content: "\eb1c";
}

.icofont-block-down:before {
  content: "\eb1d";
}

.icofont-block-left:before {
  content: "\eb1e";
}

.icofont-block-right:before {
  content: "\eb1f";
}

.icofont-block-up:before {
  content: "\eb20";
}

.icofont-bubble-down:before {
  content: "\eb21";
}

.icofont-bubble-left:before {
  content: "\eb22";
}

.icofont-bubble-right:before {
  content: "\eb23";
}

.icofont-bubble-up:before {
  content: "\eb24";
}

.icofont-caret-down:before {
  content: "\eb25";
}

.icofont-caret-left:before {
  content: "\eb26";
}

.icofont-caret-right:before {
  content: "\eb27";
}

.icofont-caret-up:before {
  content: "\eb28";
}

.icofont-circled-down:before {
  content: "\eb29";
}

.icofont-circled-left:before {
  content: "\eb2a";
}

.icofont-circled-right:before {
  content: "\eb2b";
}

.icofont-circled-up:before {
  content: "\eb2c";
}

.icofont-collapse:before {
  content: "\eb2d";
}

.icofont-cursor-drag:before {
  content: "\eb2e";
}

.icofont-curved-double-left:before {
  content: "\eb2f";
}

.icofont-curved-double-right:before {
  content: "\eb30";
}

.icofont-curved-down:before {
  content: "\eb31";
}

.icofont-curved-left:before {
  content: "\eb32";
}

.icofont-curved-right:before {
  content: "\eb33";
}

.icofont-curved-up:before {
  content: "\eb34";
}

.icofont-dotted-down:before {
  content: "\eb35";
}

.icofont-dotted-left:before {
  content: "\eb36";
}

.icofont-dotted-right:before {
  content: "\eb37";
}

.icofont-dotted-up:before {
  content: "\eb38";
}

.icofont-double-left:before {
  content: "\eb39";
}

.icofont-double-right:before {
  content: "\eb3a";
}

.icofont-drag:before {
  content: "\eb3b";
}

.icofont-drag1:before {
  content: "\eb3c";
}

.icofont-drag2:before {
  content: "\eb3d";
}

.icofont-drag3:before {
  content: "\eb3e";
}

.icofont-expand-alt:before {
  content: "\eb3f";
}

.icofont-hand-down:before {
  content: "\eb40";
}

.icofont-hand-drag:before {
  content: "\eb41";
}

.icofont-hand-drag1:before {
  content: "\eb42";
}

.icofont-hand-drag2:before {
  content: "\eb43";
}

.icofont-hand-drawn-alt-down:before {
  content: "\eb44";
}

.icofont-hand-drawn-alt-left:before {
  content: "\eb45";
}

.icofont-hand-drawn-alt-right:before {
  content: "\eb46";
}

.icofont-hand-drawn-alt-up:before {
  content: "\eb47";
}

.icofont-hand-drawn-down:before {
  content: "\eb48";
}

.icofont-hand-drawn-left:before {
  content: "\eb49";
}

.icofont-hand-drawn-right:before {
  content: "\eb4a";
}

.icofont-hand-drawn-up:before {
  content: "\eb4b";
}

.icofont-hand-left:before {
  content: "\eb4c";
}

.icofont-hand-right:before {
  content: "\eb4d";
}

.icofont-hand-up:before {
  content: "\eb4e";
}

.icofont-line-block-down:before {
  content: "\eb4f";
}

.icofont-line-block-left:before {
  content: "\eb50";
}

.icofont-line-block-right:before {
  content: "\eb51";
}

.icofont-line-block-up:before {
  content: "\eb52";
}

.icofont-long-arrow-down:before {
  content: "\eb53";
}

.icofont-long-arrow-left:before {
  content: "\eb54";
}

.icofont-long-arrow-right:before {
  content: "\eb55";
}

.icofont-long-arrow-up:before {
  content: "\eb56";
}

.icofont-rounded-collapse:before {
  content: "\eb57";
}

.icofont-rounded-double-left:before {
  content: "\eb58";
}

.icofont-rounded-double-right:before {
  content: "\eb59";
}

.icofont-rounded-down:before {
  content: "\eb5a";
}

.icofont-rounded-expand:before {
  content: "\eb5b";
}

.icofont-rounded-left-down:before {
  content: "\eb5c";
}

.icofont-rounded-left-up:before {
  content: "\eb5d";
}

.icofont-rounded-left:before {
  content: "\eb5e";
}

.icofont-rounded-right-down:before {
  content: "\eb5f";
}

.icofont-rounded-right-up:before {
  content: "\eb60";
}

.icofont-rounded-right:before {
  content: "\eb61";
}

.icofont-rounded-up:before {
  content: "\eb62";
}

.icofont-scroll-bubble-down:before {
  content: "\eb63";
}

.icofont-scroll-bubble-left:before {
  content: "\eb64";
}

.icofont-scroll-bubble-right:before {
  content: "\eb65";
}

.icofont-scroll-bubble-up:before {
  content: "\eb66";
}

.icofont-scroll-double-down:before {
  content: "\eb67";
}

.icofont-scroll-double-left:before {
  content: "\eb68";
}

.icofont-scroll-double-right:before {
  content: "\eb69";
}

.icofont-scroll-double-up:before {
  content: "\eb6a";
}

.icofont-scroll-down:before {
  content: "\eb6b";
}

.icofont-scroll-left:before {
  content: "\eb6c";
}

.icofont-scroll-long-down:before {
  content: "\eb6d";
}

.icofont-scroll-long-left:before {
  content: "\eb6e";
}

.icofont-scroll-long-right:before {
  content: "\eb6f";
}

.icofont-scroll-long-up:before {
  content: "\eb70";
}

.icofont-scroll-right:before {
  content: "\eb71";
}

.icofont-scroll-up:before {
  content: "\eb72";
}

.icofont-simple-down:before {
  content: "\eb73";
}

.icofont-simple-left-down:before {
  content: "\eb74";
}

.icofont-simple-left-up:before {
  content: "\eb75";
}

.icofont-simple-left:before {
  content: "\eb76";
}

.icofont-simple-right-down:before {
  content: "\eb77";
}

.icofont-simple-right-up:before {
  content: "\eb78";
}

.icofont-simple-right:before {
  content: "\eb79";
}

.icofont-simple-up:before {
  content: "\eb7a";
}

.icofont-square-down:before {
  content: "\eb7b";
}

.icofont-square-left:before {
  content: "\eb7c";
}

.icofont-square-right:before {
  content: "\eb7d";
}

.icofont-square-up:before {
  content: "\eb7e";
}

.icofont-stylish-down:before {
  content: "\eb7f";
}

.icofont-stylish-left:before {
  content: "\eb80";
}

.icofont-stylish-right:before {
  content: "\eb81";
}

.icofont-stylish-up:before {
  content: "\eb82";
}

.icofont-swoosh-down:before {
  content: "\eb83";
}

.icofont-swoosh-left:before {
  content: "\eb84";
}

.icofont-swoosh-right:before {
  content: "\eb85";
}

.icofont-swoosh-up:before {
  content: "\eb86";
}

.icofont-thin-double-left:before {
  content: "\eb87";
}

.icofont-thin-double-right:before {
  content: "\eb88";
}

.icofont-thin-down:before {
  content: "\eb89";
}

.icofont-thin-left:before {
  content: "\eb8a";
}

.icofont-thin-right:before {
  content: "\eb8b";
}

.icofont-thin-up:before {
  content: "\eb8c";
}

.icofont-atom:before {
  content: "\eb8d";
}

.icofont-award:before {
  content: "\eb8e";
}

.icofont-bell-alt:before {
  content: "\eb8f";
}

.icofont-book-alt:before {
  content: "\eb90";
}

.icofont-brainstorming:before {
  content: "\eb91";
}

.icofont-certificate-alt-1:before {
  content: "\eb92";
}

.icofont-certificate-alt-2:before {
  content: "\eb93";
}

.icofont-dna-alt-2:before {
  content: "\eb94";
}

.icofont-education:before {
  content: "\eb95";
}

.icofont-electron:before {
  content: "\eb96";
}

.icofont-fountain-pen:before {
  content: "\eb97";
}

.icofont-globe-alt:before {
  content: "\eb98";
}

.icofont-graduate-alt:before {
  content: "\eb99";
}

.icofont-group-students:before {
  content: "\eb9a";
}

.icofont-hat-alt:before {
  content: "\eb9b";
}

.icofont-hat:before {
  content: "\eb9c";
}

.icofont-instrument:before {
  content: "\eb9d";
}

.icofont-lamp-light:before {
  content: "\eb9e";
}

.icofont-microscope-alt:before {
  content: "\eb9f";
}

.icofont-paper:before {
  content: "\eba0";
}

.icofont-pen-alt-4:before {
  content: "\eba1";
}

.icofont-pen-nib:before {
  content: "\eba2";
}

.icofont-pencil-alt-5:before {
  content: "\eba3";
}

.icofont-quill-pen:before {
  content: "\eba4";
}

.icofont-read-book-alt:before {
  content: "\eba5";
}

.icofont-read-book:before {
  content: "\eba6";
}

.icofont-school-bag:before {
  content: "\eba7";
}

.icofont-school-bus:before {
  content: "\eba8";
}

.icofont-student-alt:before {
  content: "\eba9";
}

.icofont-student:before {
  content: "\ebaa";
}

.icofont-teacher:before {
  content: "\ebab";
}

.icofont-test-bulb:before {
  content: "\ebac";
}

.icofont-test-tube-alt:before {
  content: "\ebad";
}

.icofont-university:before {
  content: "\ebae";
}

.icofont-emo-angry:before {
  content: "\ebaf";
}

.icofont-emo-astonished:before {
  content: "\ebb0";
}

.icofont-emo-confounded:before {
  content: "\ebb1";
}

.icofont-emo-confused:before {
  content: "\ebb2";
}

.icofont-emo-crying:before {
  content: "\ebb3";
}

.icofont-emo-dizzy:before {
  content: "\ebb4";
}

.icofont-emo-expressionless:before {
  content: "\ebb5";
}

.icofont-emo-heart-eyes:before {
  content: "\ebb6";
}

.icofont-emo-laughing:before {
  content: "\ebb7";
}

.icofont-emo-nerd-smile:before {
  content: "\ebb8";
}

.icofont-emo-open-mouth:before {
  content: "\ebb9";
}

.icofont-emo-rage:before {
  content: "\ebba";
}

.icofont-emo-rolling-eyes:before {
  content: "\ebbb";
}

.icofont-emo-sad:before {
  content: "\ebbc";
}

.icofont-emo-simple-smile:before {
  content: "\ebbd";
}

.icofont-emo-slightly-smile:before {
  content: "\ebbe";
}

.icofont-emo-smirk:before {
  content: "\ebbf";
}

.icofont-emo-stuck-out-tongue:before {
  content: "\ebc0";
}

.icofont-emo-wink-smile:before {
  content: "\ebc1";
}

.icofont-emo-worried:before {
  content: "\ebc2";
}

.icofont-architecture-alt:before {
  content: "\ebc3";
}

.icofont-architecture:before {
  content: "\ebc4";
}

.icofont-barricade:before {
  content: "\ebc5";
}

.icofont-bricks:before {
  content: "\ebc6";
}

.icofont-calculations:before {
  content: "\ebc7";
}

.icofont-cement-mix:before {
  content: "\ebc8";
}

.icofont-cement-mixer:before {
  content: "\ebc9";
}

.icofont-danger-zone:before {
  content: "\ebca";
}

.icofont-drill:before {
  content: "\ebcb";
}

.icofont-eco-energy:before {
  content: "\ebcc";
}

.icofont-eco-environmen:before {
  content: "\ebcd";
}

.icofont-energy-air:before {
  content: "\ebce";
}

.icofont-energy-oil:before {
  content: "\ebcf";
}

.icofont-energy-savings:before {
  content: "\ebd0";
}

.icofont-energy-solar:before {
  content: "\ebd1";
}

.icofont-energy-water:before {
  content: "\ebd2";
}

.icofont-engineer:before {
  content: "\ebd3";
}

.icofont-fire-extinguisher-alt:before {
  content: "\ebd4";
}

.icofont-fix-tools:before {
  content: "\ebd5";
}

.icofont-glue-oil:before {
  content: "\ebd6";
}

.icofont-hammer-alt:before {
  content: "\ebd7";
}

.icofont-help-robot:before {
  content: "\ebd8";
}

.icofont-industries-alt-1:before {
  content: "\ebd9";
}

.icofont-industries-alt-2:before {
  content: "\ebda";
}

.icofont-industries-alt-3:before {
  content: "\ebdb";
}

.icofont-industries-alt-4:before {
  content: "\ebdc";
}

.icofont-industries-alt-5:before {
  content: "\ebdd";
}

.icofont-industries:before {
  content: "\ebde";
}

.icofont-labour:before {
  content: "\ebdf";
}

.icofont-mining:before {
  content: "\ebe0";
}

.icofont-paint-brush:before {
  content: "\ebe1";
}

.icofont-pollution:before {
  content: "\ebe2";
}

.icofont-power-zone:before {
  content: "\ebe3";
}

.icofont-radio-active:before {
  content: "\ebe4";
}

.icofont-recycle-alt:before {
  content: "\ebe5";
}

.icofont-recycling-man:before {
  content: "\ebe6";
}

.icofont-safety-hat-light:before {
  content: "\ebe7";
}

.icofont-safety-hat:before {
  content: "\ebe8";
}

.icofont-saw:before {
  content: "\ebe9";
}

.icofont-screw-driver:before {
  content: "\ebea";
}

.icofont-settings-alt:before {
  content: "\ebeb";
}

.icofont-tools-alt-1:before {
  content: "\ebec";
}

.icofont-tools-alt-2:before {
  content: "\ebed";
}

.icofont-tools-bag:before {
  content: "\ebee";
}

.icofont-trolley:before {
  content: "\ebef";
}

.icofont-trowel:before {
  content: "\ebf0";
}

.icofont-under-construction-alt:before {
  content: "\ebf1";
}

.icofont-under-construction:before {
  content: "\ebf2";
}

.icofont-vehicle-cement:before {
  content: "\ebf3";
}

.icofont-vehicle-crane:before {
  content: "\ebf4";
}

.icofont-vehicle-delivery-van:before {
  content: "\ebf5";
}

.icofont-vehicle-dozer:before {
  content: "\ebf6";
}

.icofont-vehicle-excavator:before {
  content: "\ebf7";
}

.icofont-vehicle-trucktor:before {
  content: "\ebf8";
}

.icofont-vehicle-wrecking:before {
  content: "\ebf9";
}

.icofont-worker-group:before {
  content: "\ebfa";
}

.icofont-worker:before {
  content: "\ebfb";
}

.icofont-wrench:before {
  content: "\ebfc";
}

.icofont-file-audio:before {
  content: "\ebfd";
}

.icofont-file-avi-mp4:before {
  content: "\ebfe";
}

.icofont-file-bmp:before {
  content: "\ebff";
}

.icofont-file-code:before {
  content: "\ec00";
}

.icofont-file-css:before {
  content: "\ec01";
}

.icofont-file-document:before {
  content: "\ec02";
}

.icofont-file-eps:before {
  content: "\ec03";
}

.icofont-file-excel:before {
  content: "\ec04";
}

.icofont-file-exe:before {
  content: "\ec05";
}

.icofont-file-file:before {
  content: "\ec06";
}

.icofont-file-flv:before {
  content: "\ec07";
}

.icofont-file-gif:before {
  content: "\ec08";
}

.icofont-file-html5:before {
  content: "\ec09";
}

.icofont-file-image:before {
  content: "\ec0a";
}

.icofont-file-iso:before {
  content: "\ec0b";
}

.icofont-file-java:before {
  content: "\ec0c";
}

.icofont-file-javascript:before {
  content: "\ec0d";
}

.icofont-file-jpg:before {
  content: "\ec0e";
}

.icofont-file-midi:before {
  content: "\ec0f";
}

.icofont-file-mov:before {
  content: "\ec10";
}

.icofont-file-mp3:before {
  content: "\ec11";
}

.icofont-file-pdf:before {
  content: "\ec12";
}

.icofont-file-php:before {
  content: "\ec13";
}

.icofont-file-png:before {
  content: "\ec14";
}

.icofont-file-powerpoint:before {
  content: "\ec15";
}

.icofont-file-presentation:before {
  content: "\ec16";
}

.icofont-file-psb:before {
  content: "\ec17";
}

.icofont-file-psd:before {
  content: "\ec18";
}

.icofont-file-python:before {
  content: "\ec19";
}

.icofont-file-ruby:before {
  content: "\ec1a";
}

.icofont-file-spreadsheet:before {
  content: "\ec1b";
}

.icofont-file-sql:before {
  content: "\ec1c";
}

.icofont-file-svg:before {
  content: "\ec1d";
}

.icofont-file-text:before {
  content: "\ec1e";
}

.icofont-file-tiff:before {
  content: "\ec1f";
}

.icofont-file-video:before {
  content: "\ec20";
}

.icofont-file-wave:before {
  content: "\ec21";
}

.icofont-file-wmv:before {
  content: "\ec22";
}

.icofont-file-word:before {
  content: "\ec23";
}

.icofont-file-zip:before {
  content: "\ec24";
}

.icofont-apple:before {
  content: "\ec25";
}

.icofont-arabian-coffee:before {
  content: "\ec26";
}

.icofont-artichoke:before {
  content: "\ec27";
}

.icofont-asparagus:before {
  content: "\ec28";
}

.icofont-avocado:before {
  content: "\ec29";
}

.icofont-baby-food:before {
  content: "\ec2a";
}

.icofont-banana:before {
  content: "\ec2b";
}

.icofont-bbq:before {
  content: "\ec2c";
}

.icofont-beans:before {
  content: "\ec2d";
}

.icofont-beer:before {
  content: "\ec2e";
}

.icofont-bell-pepper-capsicum:before {
  content: "\ec2f";
}

.icofont-birthday-cake:before {
  content: "\ec30";
}

.icofont-bread:before {
  content: "\ec31";
}

.icofont-broccoli:before {
  content: "\ec32";
}

.icofont-burger:before {
  content: "\ec33";
}

.icofont-cabbage:before {
  content: "\ec34";
}

.icofont-carrot:before {
  content: "\ec35";
}

.icofont-cauli-flower:before {
  content: "\ec36";
}

.icofont-cheese:before {
  content: "\ec37";
}

.icofont-chef:before {
  content: "\ec38";
}

.icofont-cherry:before {
  content: "\ec39";
}

.icofont-chicken-fry:before {
  content: "\ec3a";
}

.icofont-chicken:before {
  content: "\ec3b";
}

.icofont-cocktail:before {
  content: "\ec3c";
}

.icofont-coconut:before {
  content: "\ec3d";
}

.icofont-coffee-alt:before {
  content: "\ec3e";
}

.icofont-coffee-mug:before {
  content: "\ec3f";
}

.icofont-coffee-pot:before {
  content: "\ec40";
}

.icofont-cola:before {
  content: "\ec41";
}

.icofont-corn:before {
  content: "\ec42";
}

.icofont-croissant:before {
  content: "\ec43";
}

.icofont-crop-plant:before {
  content: "\ec44";
}

.icofont-cucumber:before {
  content: "\ec45";
}

.icofont-cup-cake:before {
  content: "\ec46";
}

.icofont-dining-table:before {
  content: "\ec47";
}

.icofont-donut:before {
  content: "\ec48";
}

.icofont-egg-plant:before {
  content: "\ec49";
}

.icofont-egg-poached:before {
  content: "\ec4a";
}

.icofont-farmer:before {
  content: "\ec4b";
}

.icofont-farmer1:before {
  content: "\ec4c";
}

.icofont-fast-food:before {
  content: "\ec4d";
}

.icofont-fish:before {
  content: "\ec4e";
}

.icofont-food-basket:before {
  content: "\ec4f";
}

.icofont-food-cart:before {
  content: "\ec50";
}

.icofont-fork-and-knife:before {
  content: "\ec51";
}

.icofont-french-fries:before {
  content: "\ec52";
}

.icofont-fresh-juice:before {
  content: "\ec53";
}

.icofont-fruits:before {
  content: "\ec54";
}

.icofont-grapes:before {
  content: "\ec55";
}

.icofont-honey:before {
  content: "\ec56";
}

.icofont-hot-dog:before {
  content: "\ec57";
}

.icofont-hotel-alt:before {
  content: "\ec58";
}

.icofont-ice-cream-alt:before {
  content: "\ec59";
}

.icofont-ice-cream:before {
  content: "\ec5a";
}

.icofont-ketchup:before {
  content: "\ec5b";
}

.icofont-kiwi:before {
  content: "\ec5c";
}

.icofont-layered-cake:before {
  content: "\ec5d";
}

.icofont-lemon-alt:before {
  content: "\ec5e";
}

.icofont-lobster:before {
  content: "\ec5f";
}

.icofont-mango:before {
  content: "\ec60";
}

.icofont-milk:before {
  content: "\ec61";
}

.icofont-mushroom:before {
  content: "\ec62";
}

.icofont-noodles:before {
  content: "\ec63";
}

.icofont-onion:before {
  content: "\ec64";
}

.icofont-orange:before {
  content: "\ec65";
}

.icofont-pear:before {
  content: "\ec66";
}

.icofont-peas:before {
  content: "\ec67";
}

.icofont-pepper:before {
  content: "\ec68";
}

.icofont-pie-alt:before {
  content: "\ec69";
}

.icofont-pineapple:before {
  content: "\ec6a";
}

.icofont-pizza-slice:before {
  content: "\ec6b";
}

.icofont-pizza:before {
  content: "\ec6c";
}

.icofont-plant:before {
  content: "\ec6d";
}

.icofont-popcorn:before {
  content: "\ec6e";
}

.icofont-potato:before {
  content: "\ec6f";
}

.icofont-pumpkin:before {
  content: "\ec70";
}

.icofont-raddish:before {
  content: "\ec71";
}

.icofont-restaurant-menu:before {
  content: "\ec72";
}

.icofont-restaurant:before {
  content: "\ec73";
}

.icofont-salt-and-pepper:before {
  content: "\ec74";
}

.icofont-sandwich:before {
  content: "\ec75";
}

.icofont-sausage:before {
  content: "\ec76";
}

.icofont-shrimp:before {
  content: "\ec77";
}

.icofont-sof-drinks:before {
  content: "\ec78";
}

.icofont-soup-bowl:before {
  content: "\ec79";
}

.icofont-spoon-and-fork:before {
  content: "\ec7a";
}

.icofont-steak:before {
  content: "\ec7b";
}

.icofont-strawberry:before {
  content: "\ec7c";
}

.icofont-sub-sandwich:before {
  content: "\ec7d";
}

.icofont-sushi:before {
  content: "\ec7e";
}

.icofont-taco:before {
  content: "\ec7f";
}

.icofont-tea-pot:before {
  content: "\ec80";
}

.icofont-tea:before {
  content: "\ec81";
}

.icofont-tomato:before {
  content: "\ec82";
}

.icofont-waiter-alt:before {
  content: "\ec83";
}

.icofont-watermelon:before {
  content: "\ec84";
}

.icofont-wheat:before {
  content: "\ec85";
}

.icofont-abc:before {
  content: "\ec86";
}

.icofont-baby-cloth:before {
  content: "\ec87";
}

.icofont-baby-milk-bottle:before {
  content: "\ec88";
}

.icofont-baby-trolley:before {
  content: "\ec89";
}

.icofont-back-pack:before {
  content: "\ec8a";
}

.icofont-candy:before {
  content: "\ec8b";
}

.icofont-cycling:before {
  content: "\ec8c";
}

.icofont-holding-hands:before {
  content: "\ec8d";
}

.icofont-infant-nipple:before {
  content: "\ec8e";
}

.icofont-kids-scooter:before {
  content: "\ec8f";
}

.icofont-safety-pin:before {
  content: "\ec90";
}

.icofont-teddy-bear:before {
  content: "\ec91";
}

.icofont-toy-ball:before {
  content: "\ec92";
}

.icofont-toy-cat:before {
  content: "\ec93";
}

.icofont-toy-duck:before {
  content: "\ec94";
}

.icofont-toy-elephant:before {
  content: "\ec95";
}

.icofont-toy-hand:before {
  content: "\ec96";
}

.icofont-toy-horse:before {
  content: "\ec97";
}

.icofont-toy-lattu:before {
  content: "\ec98";
}

.icofont-toy-train:before {
  content: "\ec99";
}

.icofont-unique-idea:before {
  content: "\ec9a";
}

.icofont-bag-alt:before {
  content: "\ec9b";
}

.icofont-burglar:before {
  content: "\ec9c";
}

.icofont-cannon-firing:before {
  content: "\ec9d";
}

.icofont-cc-camera:before {
  content: "\ec9e";
}

.icofont-cop-badge:before {
  content: "\ec9f";
}

.icofont-cop:before {
  content: "\eca0";
}

.icofont-court-hammer:before {
  content: "\eca1";
}

.icofont-court:before {
  content: "\eca2";
}

.icofont-finger-print:before {
  content: "\eca3";
}

.icofont-handcuff-alt:before {
  content: "\eca4";
}

.icofont-handcuff:before {
  content: "\eca5";
}

.icofont-investigation:before {
  content: "\eca6";
}

.icofont-investigator:before {
  content: "\eca7";
}

.icofont-jail:before {
  content: "\eca8";
}

.icofont-judge:before {
  content: "\eca9";
}

.icofont-law-alt-1:before {
  content: "\ecaa";
}

.icofont-law-alt-2:before {
  content: "\ecab";
}

.icofont-law-alt-3:before {
  content: "\ecac";
}

.icofont-law-book:before {
  content: "\ecad";
}

.icofont-law-document:before {
  content: "\ecae";
}

.icofont-law:before {
  content: "\ecaf";
}

.icofont-lawyer-alt-1:before {
  content: "\ecb0";
}

.icofont-lawyer-alt-2:before {
  content: "\ecb1";
}

.icofont-lawyer:before {
  content: "\ecb2";
}

.icofont-order:before {
  content: "\ecb3";
}

.icofont-pistol:before {
  content: "\ecb4";
}

.icofont-police-badge:before {
  content: "\ecb5";
}

.icofont-police-cap:before {
  content: "\ecb6";
}

.icofont-police-car-alt-1:before {
  content: "\ecb7";
}

.icofont-police-car-alt-2:before {
  content: "\ecb8";
}

.icofont-police-hat:before {
  content: "\ecb9";
}

.icofont-police-van:before {
  content: "\ecba";
}

.icofont-police:before {
  content: "\ecbb";
}

.icofont-protect:before {
  content: "\ecbc";
}

.icofont-scales:before {
  content: "\ecbd";
}

.icofont-thief-alt:before {
  content: "\ecbe";
}

.icofont-thief:before {
  content: "\ecbf";
}

.icofont-abacus-alt:before {
  content: "\ecc0";
}

.icofont-abacus:before {
  content: "\ecc1";
}

.icofont-angle:before {
  content: "\ecc2";
}

.icofont-calculator-alt-1:before {
  content: "\ecc3";
}

.icofont-calculator-alt-2:before {
  content: "\ecc4";
}

.icofont-circle-ruler-alt:before {
  content: "\ecc5";
}

.icofont-circle-ruler:before {
  content: "\ecc6";
}

.icofont-compass-alt-1:before {
  content: "\ecc7";
}

.icofont-compass-alt-2:before {
  content: "\ecc8";
}

.icofont-compass-alt-3:before {
  content: "\ecc9";
}

.icofont-compass-alt-4:before {
  content: "\ecca";
}

.icofont-degrees-alt-1:before {
  content: "\eccb";
}

.icofont-degrees-alt-2:before {
  content: "\eccc";
}

.icofont-degrees:before {
  content: "\eccd";
}

.icofont-golden-ratio:before {
  content: "\ecce";
}

.icofont-marker-alt-1:before {
  content: "\eccf";
}

.icofont-marker-alt-2:before {
  content: "\ecd0";
}

.icofont-marker-alt-3:before {
  content: "\ecd1";
}

.icofont-mathematical-alt-1:before {
  content: "\ecd2";
}

.icofont-mathematical-alt-2:before {
  content: "\ecd3";
}

.icofont-mathematical:before {
  content: "\ecd4";
}

.icofont-pen-alt-1:before {
  content: "\ecd5";
}

.icofont-pen-alt-2:before {
  content: "\ecd6";
}

.icofont-pen-alt-3:before {
  content: "\ecd7";
}

.icofont-pen-holder-alt-1:before {
  content: "\ecd8";
}

.icofont-pen-holder:before {
  content: "\ecd9";
}

.icofont-pencil-alt-1:before {
  content: "\ecda";
}

.icofont-pencil-alt-2:before {
  content: "\ecdb";
}

.icofont-pencil-alt-3:before {
  content: "\ecdc";
}

.icofont-pencil-alt-4:before {
  content: "\ecdd";
}

.icofont-ruler-alt-1:before {
  content: "\ecde";
}

.icofont-ruler-alt-2:before {
  content: "\ecdf";
}

.icofont-ruler-compass-alt:before {
  content: "\ece0";
}

.icofont-ruler-compass:before {
  content: "\ece1";
}

.icofont-ruler-pencil-alt-1:before {
  content: "\ece2";
}

.icofont-ruler-pencil-alt-2:before {
  content: "\ece3";
}

.icofont-ruler-pencil:before {
  content: "\ece4";
}

.icofont-ruler:before {
  content: "\ece5";
}

.icofont-rulers-alt:before {
  content: "\ece6";
}

.icofont-rulers:before {
  content: "\ece7";
}

.icofont-square-root:before {
  content: "\ece8";
}

.icofont-aids:before {
  content: "\ece9";
}

.icofont-ambulance:before {
  content: "\ecea";
}

.icofont-autism:before {
  content: "\eceb";
}

.icofont-bandage:before {
  content: "\ecec";
}

.icofont-bed-patient:before {
  content: "\eced";
}

.icofont-blind:before {
  content: "\ecee";
}

.icofont-blood-drop:before {
  content: "\ecef";
}

.icofont-blood-test:before {
  content: "\ecf0";
}

.icofont-blood:before {
  content: "\ecf1";
}

.icofont-capsule:before {
  content: "\ecf2";
}

.icofont-crutches:before {
  content: "\ecf3";
}

.icofont-dna-alt-1:before {
  content: "\ecf4";
}

.icofont-dna:before {
  content: "\ecf5";
}

.icofont-doctor-alt:before {
  content: "\ecf6";
}

.icofont-doctor:before {
  content: "\ecf7";
}

.icofont-drug-pack:before {
  content: "\ecf8";
}

.icofont-drug:before {
  content: "\ecf9";
}

.icofont-eye-alt:before {
  content: "\ecfa";
}

.icofont-first-aid-alt:before {
  content: "\ecfb";
}

.icofont-garbage:before {
  content: "\ecfc";
}

.icofont-heart-alt:before {
  content: "\ecfd";
}

.icofont-heartbeat:before {
  content: "\ecfe";
}

.icofont-herbal:before {
  content: "\ecff";
}

.icofont-hospital:before {
  content: "\ed00";
}

.icofont-icu:before {
  content: "\ed01";
}

.icofont-injection-syringe:before {
  content: "\ed02";
}

.icofont-laboratory:before {
  content: "\ed03";
}

.icofont-medical-sign-alt:before {
  content: "\ed04";
}

.icofont-medical-sign:before {
  content: "\ed05";
}

.icofont-nurse-alt:before {
  content: "\ed06";
}

.icofont-nurse:before {
  content: "\ed07";
}

.icofont-nursing-home:before {
  content: "\ed08";
}

.icofont-operation-theater:before {
  content: "\ed09";
}

.icofont-paralysis-disability:before {
  content: "\ed0a";
}

.icofont-pills:before {
  content: "\ed0b";
}

.icofont-prescription:before {
  content: "\ed0c";
}

.icofont-pulse:before {
  content: "\ed0d";
}

.icofont-stethoscope-alt:before {
  content: "\ed0e";
}

.icofont-stethoscope:before {
  content: "\ed0f";
}

.icofont-stretcher:before {
  content: "\ed10";
}

.icofont-surgeon-alt:before {
  content: "\ed11";
}

.icofont-surgeon:before {
  content: "\ed12";
}

.icofont-tablets:before {
  content: "\ed13";
}

.icofont-test-bottle:before {
  content: "\ed14";
}

.icofont-test-tube:before {
  content: "\ed15";
}

.icofont-thermometer-alt:before {
  content: "\ed16";
}

.icofont-tooth:before {
  content: "\ed17";
}

.icofont-xray:before {
  content: "\ed18";
}

.icofont-ui-add:before {
  content: "\ed19";
}

.icofont-ui-alarm:before {
  content: "\ed1a";
}

.icofont-ui-battery:before {
  content: "\ed1b";
}

.icofont-ui-block:before {
  content: "\ed1c";
}

.icofont-ui-bluetooth:before {
  content: "\ed1d";
}

.icofont-ui-brightness:before {
  content: "\ed1e";
}

.icofont-ui-browser:before {
  content: "\ed1f";
}

.icofont-ui-calculator:before {
  content: "\ed20";
}

.icofont-ui-calendar:before {
  content: "\ed21";
}

.icofont-ui-call:before {
  content: "\ed22";
}

.icofont-ui-camera:before {
  content: "\ed23";
}

.icofont-ui-cart:before {
  content: "\ed24";
}

.icofont-ui-cell-phone:before {
  content: "\ed25";
}

.icofont-ui-chat:before {
  content: "\ed26";
}

.icofont-ui-check:before {
  content: "\ed27";
}

.icofont-ui-clip-board:before {
  content: "\ed28";
}

.icofont-ui-clip:before {
  content: "\ed29";
}

.icofont-ui-clock:before {
  content: "\ed2a";
}

.icofont-ui-close:before {
  content: "\ed2b";
}

.icofont-ui-contact-list:before {
  content: "\ed2c";
}

.icofont-ui-copy:before {
  content: "\ed2d";
}

.icofont-ui-cut:before {
  content: "\ed2e";
}

.icofont-ui-delete:before {
  content: "\ed2f";
}

.icofont-ui-dial-phone:before {
  content: "\ed30";
}

.icofont-ui-edit:before {
  content: "\ed31";
}

.icofont-ui-email:before {
  content: "\ed32";
}

.icofont-ui-file:before {
  content: "\ed33";
}

.icofont-ui-fire-wall:before {
  content: "\ed34";
}

.icofont-ui-flash-light:before {
  content: "\ed35";
}

.icofont-ui-flight:before {
  content: "\ed36";
}

.icofont-ui-folder:before {
  content: "\ed37";
}

.icofont-ui-game:before {
  content: "\ed38";
}

.icofont-ui-handicapped:before {
  content: "\ed39";
}

.icofont-ui-head-phone:before {
  content: "\ed3a";
}

.icofont-ui-home:before {
  content: "\ed3b";
}

.icofont-ui-image:before {
  content: "\ed3c";
}

.icofont-ui-keyboard:before {
  content: "\ed3d";
}

.icofont-ui-laoding:before {
  content: "\ed3e";
}

.icofont-ui-lock:before {
  content: "\ed3f";
}

.icofont-ui-love-add:before {
  content: "\ed40";
}

.icofont-ui-love-broken:before {
  content: "\ed41";
}

.icofont-ui-love-remove:before {
  content: "\ed42";
}

.icofont-ui-love:before {
  content: "\ed43";
}

.icofont-ui-map:before {
  content: "\ed44";
}

.icofont-ui-message:before {
  content: "\ed45";
}

.icofont-ui-messaging:before {
  content: "\ed46";
}

.icofont-ui-movie:before {
  content: "\ed47";
}

.icofont-ui-music-player:before {
  content: "\ed48";
}

.icofont-ui-music:before {
  content: "\ed49";
}

.icofont-ui-mute:before {
  content: "\ed4a";
}

.icofont-ui-network:before {
  content: "\ed4b";
}

.icofont-ui-next:before {
  content: "\ed4c";
}

.icofont-ui-note:before {
  content: "\ed4d";
}

.icofont-ui-office:before {
  content: "\ed4e";
}

.icofont-ui-password:before {
  content: "\ed4f";
}

.icofont-ui-pause:before {
  content: "\ed50";
}

.icofont-ui-play-stop:before {
  content: "\ed51";
}

.icofont-ui-play:before {
  content: "\ed52";
}

.icofont-ui-pointer:before {
  content: "\ed53";
}

.icofont-ui-power:before {
  content: "\ed54";
}

.icofont-ui-press:before {
  content: "\ed55";
}

.icofont-ui-previous:before {
  content: "\ed56";
}

.icofont-ui-rate-add:before {
  content: "\ed57";
}

.icofont-ui-rate-blank:before {
  content: "\ed58";
}

.icofont-ui-rate-remove:before {
  content: "\ed59";
}

.icofont-ui-rating:before {
  content: "\ed5a";
}

.icofont-ui-record:before {
  content: "\ed5b";
}

.icofont-ui-remove:before {
  content: "\ed5c";
}

.icofont-ui-reply:before {
  content: "\ed5d";
}

.icofont-ui-rotation:before {
  content: "\ed5e";
}

.icofont-ui-rss:before {
  content: "\ed5f";
}

.icofont-ui-search:before {
  content: "\ed60";
}

.icofont-ui-settings:before {
  content: "\ed61";
}

.icofont-ui-social-link:before {
  content: "\ed62";
}

.icofont-ui-tag:before {
  content: "\ed63";
}

.icofont-ui-text-chat:before {
  content: "\ed64";
}

.icofont-ui-text-loading:before {
  content: "\ed65";
}

.icofont-ui-theme:before {
  content: "\ed66";
}

.icofont-ui-timer:before {
  content: "\ed67";
}

.icofont-ui-touch-phone:before {
  content: "\ed68";
}

.icofont-ui-travel:before {
  content: "\ed69";
}

.icofont-ui-unlock:before {
  content: "\ed6a";
}

.icofont-ui-user-group:before {
  content: "\ed6b";
}

.icofont-ui-user:before {
  content: "\ed6c";
}

.icofont-ui-v-card:before {
  content: "\ed6d";
}

.icofont-ui-video-chat:before {
  content: "\ed6e";
}

.icofont-ui-video-message:before {
  content: "\ed6f";
}

.icofont-ui-video-play:before {
  content: "\ed70";
}

.icofont-ui-video:before {
  content: "\ed71";
}

.icofont-ui-volume:before {
  content: "\ed72";
}

.icofont-ui-weather:before {
  content: "\ed73";
}

.icofont-ui-wifi:before {
  content: "\ed74";
}

.icofont-ui-zoom-in:before {
  content: "\ed75";
}

.icofont-ui-zoom-out:before {
  content: "\ed76";
}

.icofont-cassette-player:before {
  content: "\ed77";
}

.icofont-cassette:before {
  content: "\ed78";
}

.icofont-forward:before {
  content: "\ed79";
}

.icofont-game:before {
  content: "\ed7a";
}

.icofont-guiter:before {
  content: "\ed7b";
}

.icofont-headphone-alt-1:before {
  content: "\ed7c";
}

.icofont-headphone-alt-2:before {
  content: "\ed7d";
}

.icofont-headphone-alt-3:before {
  content: "\ed7e";
}

.icofont-listening:before {
  content: "\ed7f";
}

.icofont-megaphone-alt:before {
  content: "\ed80";
}

.icofont-megaphone:before {
  content: "\ed81";
}

.icofont-movie:before {
  content: "\ed82";
}

.icofont-mp3-player:before {
  content: "\ed83";
}

.icofont-multimedia:before {
  content: "\ed84";
}

.icofont-music-disk:before {
  content: "\ed85";
}

.icofont-music-note:before {
  content: "\ed86";
}

.icofont-pause:before {
  content: "\ed87";
}

.icofont-play-alt-1:before {
  content: "\ed88";
}

.icofont-play-alt-2:before {
  content: "\ed89";
}

.icofont-play-alt-3:before {
  content: "\ed8a";
}

.icofont-play-pause:before {
  content: "\ed8b";
}

.icofont-record:before {
  content: "\ed8c";
}

.icofont-retro-music-disk:before {
  content: "\ed8d";
}

.icofont-rewind:before {
  content: "\ed8e";
}

.icofont-song-notes:before {
  content: "\ed8f";
}

.icofont-sound-wave-alt:before {
  content: "\ed90";
}

.icofont-sound-wave:before {
  content: "\ed91";
}

.icofont-stop:before {
  content: "\ed92";
}

.icofont-video-alt:before {
  content: "\ed93";
}

.icofont-video-cam:before {
  content: "\ed94";
}

.icofont-volume-bar:before {
  content: "\ed95";
}

.icofont-volume-mute:before {
  content: "\ed96";
}

.icofont-youtube-play:before {
  content: "\ed97";
}

.icofont-amazon-alt:before {
  content: "\ed98";
}

.icofont-amazon:before {
  content: "\ed99";
}

.icofont-american-express-alt:before {
  content: "\ed9a";
}

.icofont-american-express:before {
  content: "\ed9b";
}

.icofont-apple-pay-alt:before {
  content: "\ed9c";
}

.icofont-apple-pay:before {
  content: "\ed9d";
}

.icofont-bank-transfer-alt:before {
  content: "\ed9e";
}

.icofont-bank-transfer:before {
  content: "\ed9f";
}

.icofont-braintree-alt:before {
  content: "\eda0";
}

.icofont-braintree:before {
  content: "\eda1";
}

.icofont-cash-on-delivery-alt:before {
  content: "\eda2";
}

.icofont-cash-on-delivery:before {
  content: "\eda3";
}

.icofont-checkout-alt:before {
  content: "\eda4";
}

.icofont-checkout:before {
  content: "\eda5";
}

.icofont-diners-club-alt-1:before {
  content: "\eda6";
}

.icofont-diners-club-alt-2:before {
  content: "\eda7";
}

.icofont-diners-club-alt-3:before {
  content: "\eda8";
}

.icofont-diners-club:before {
  content: "\eda9";
}

.icofont-discover-alt:before {
  content: "\edaa";
}

.icofont-discover:before {
  content: "\edab";
}

.icofont-eway-alt:before {
  content: "\edac";
}

.icofont-eway:before {
  content: "\edad";
}

.icofont-google-wallet-alt-1:before {
  content: "\edae";
}

.icofont-google-wallet-alt-2:before {
  content: "\edaf";
}

.icofont-google-wallet-alt-3:before {
  content: "\edb0";
}

.icofont-google-wallet:before {
  content: "\edb1";
}

.icofont-jcb-alt:before {
  content: "\edb2";
}

.icofont-jcb:before {
  content: "\edb3";
}

.icofont-maestro-alt:before {
  content: "\edb4";
}

.icofont-maestro:before {
  content: "\edb5";
}

.icofont-mastercard-alt:before {
  content: "\edb6";
}

.icofont-mastercard:before {
  content: "\edb7";
}

.icofont-payoneer-alt:before {
  content: "\edb8";
}

.icofont-payoneer:before {
  content: "\edb9";
}

.icofont-paypal-alt:before {
  content: "\edba";
}

.icofont-paypal:before {
  content: "\edbb";
}

.icofont-sage-alt:before {
  content: "\edbc";
}

.icofont-sage:before {
  content: "\edbd";
}

.icofont-skrill-alt:before {
  content: "\edbe";
}

.icofont-skrill:before {
  content: "\edbf";
}

.icofont-stripe-alt:before {
  content: "\edc0";
}

.icofont-stripe:before {
  content: "\edc1";
}

.icofont-visa-alt:before {
  content: "\edc2";
}

.icofont-visa-electron:before {
  content: "\edc3";
}

.icofont-visa:before {
  content: "\edc4";
}

.icofont-western-union-alt:before {
  content: "\edc5";
}

.icofont-western-union:before {
  content: "\edc6";
}

.icofont-boy:before {
  content: "\edc7";
}

.icofont-business-man-alt-1:before {
  content: "\edc8";
}

.icofont-business-man-alt-2:before {
  content: "\edc9";
}

.icofont-business-man-alt-3:before {
  content: "\edca";
}

.icofont-business-man:before {
  content: "\edcb";
}

.icofont-funky-man:before {
  content: "\edcc";
}

.icofont-girl-alt:before {
  content: "\edcd";
}

.icofont-girl:before {
  content: "\edce";
}

.icofont-hotel-boy-alt:before {
  content: "\edcf";
}

.icofont-hotel-boy:before {
  content: "\edd0";
}

.icofont-man-in-glasses:before {
  content: "\edd1";
}

.icofont-user-alt-1:before {
  content: "\edd2";
}

.icofont-user-alt-2:before {
  content: "\edd3";
}

.icofont-user-alt-3:before {
  content: "\edd4";
}

.icofont-user-alt-4:before {
  content: "\edd5";
}

.icofont-user-alt-5:before {
  content: "\edd6";
}

.icofont-user-alt-6:before {
  content: "\edd7";
}

.icofont-user-alt-7:before {
  content: "\edd8";
}

.icofont-user-female:before {
  content: "\edd9";
}

.icofont-user-male:before {
  content: "\edda";
}

.icofont-user-suited:before {
  content: "\eddb";
}

.icofont-user:before {
  content: "\eddc";
}

.icofont-users-alt-1:before {
  content: "\eddd";
}

.icofont-users-alt-2:before {
  content: "\edde";
}

.icofont-users-alt-3:before {
  content: "\eddf";
}

.icofont-users-alt-4:before {
  content: "\ede0";
}

.icofont-users-alt-5:before {
  content: "\ede1";
}

.icofont-users-alt-6:before {
  content: "\ede2";
}

.icofont-users-social:before {
  content: "\ede3";
}

.icofont-users:before {
  content: "\ede4";
}

.icofont-waiter:before {
  content: "\ede5";
}

.icofont-woman-in-glasses:before {
  content: "\ede6";
}

.icofont-document-search:before {
  content: "\ede7";
}

.icofont-folder-search:before {
  content: "\ede8";
}

.icofont-home-search:before {
  content: "\ede9";
}

.icofont-job-search:before {
  content: "\edea";
}

.icofont-map-search:before {
  content: "\edeb";
}

.icofont-restaurant-search:before {
  content: "\edec";
}

.icofont-search-alt-1:before {
  content: "\eded";
}

.icofont-search-alt-2:before {
  content: "\edee";
}

.icofont-search:before {
  content: "\edef";
}

.icofont-stock-search:before {
  content: "\edf0";
}

.icofont-user-search:before {
  content: "\edf1";
}

.icofont-social-aim:before {
  content: "\edf2";
}

.icofont-social-badoo:before {
  content: "\edf3";
}

.icofont-social-bebo:before {
  content: "\edf4";
}

.icofont-social-behance:before {
  content: "\edf5";
}

.icofont-social-blogger:before {
  content: "\edf6";
}

.icofont-social-bootstrap:before {
  content: "\edf7";
}

.icofont-social-brightkite:before {
  content: "\edf8";
}

.icofont-social-cloudapp:before {
  content: "\edf9";
}

.icofont-social-concrete5:before {
  content: "\edfa";
}

.icofont-social-designbump:before {
  content: "\edfb";
}

.icofont-social-designfloat:before {
  content: "\edfc";
}

.icofont-social-deviantart:before {
  content: "\edfd";
}

.icofont-social-digg:before {
  content: "\edfe";
}

.icofont-social-dotcms:before {
  content: "\edff";
}

.icofont-social-dribble:before {
  content: "\ee00";
}

.icofont-social-dropbox:before {
  content: "\ee01";
}

.icofont-brand-drupal:before {
  content: "\ee02";
}

.icofont-social-ebuddy:before {
  content: "\ee03";
}

.icofont-social-ello:before {
  content: "\ee04";
}

.icofont-social-ember:before {
  content: "\ee05";
}

.icofont-social-envato:before {
  content: "\ee06";
}

.icofont-social-evernote:before {
  content: "\ee07";
}

.icofont-social-facebook:before {
  content: "\ee08";
}

.icofont-social-feedburner:before {
  content: "\ee09";
}

.icofont-social-folkd:before {
  content: "\ee0a";
}

.icofont-social-friendfeed:before {
  content: "\ee0b";
}

.icofont-social-ghost:before {
  content: "\ee0c";
}

.icofont-social-github:before {
  content: "\ee0d";
}

.icofont-social-gnome:before {
  content: "\ee0e";
}

.icofont-social-google-buzz:before {
  content: "\ee0f";
}

.icofont-social-google-map:before {
  content: "\ee10";
}

.icofont-social-google-plus:before {
  content: "\ee11";
}

.icofont-social-google-talk:before {
  content: "\ee12";
}

.icofont-social-hype-machine:before {
  content: "\ee13";
}

.icofont-social-instagram:before {
  content: "\ee14";
}

.icofont-brand-joomla:before {
  content: "\ee15";
}

.icofont-social-kickstarter:before {
  content: "\ee16";
}

.icofont-social-line:before {
  content: "\ee17";
}

.icofont-social-linux-mint:before {
  content: "\ee18";
}

.icofont-social-livejournal:before {
  content: "\ee19";
}

.icofont-social-magento:before {
  content: "\ee1a";
}

.icofont-social-meetup:before {
  content: "\ee1b";
}

.icofont-social-mixx:before {
  content: "\ee1c";
}

.icofont-social-newsvine:before {
  content: "\ee1d";
}

.icofont-social-nimbuss:before {
  content: "\ee1e";
}

.icofont-social-opencart:before {
  content: "\ee1f";
}

.icofont-social-oscommerce:before {
  content: "\ee20";
}

.icofont-social-pandora:before {
  content: "\ee21";
}

.icofont-social-picasa:before {
  content: "\ee22";
}

.icofont-social-pinterest:before {
  content: "\ee23";
}

.icofont-social-prestashop:before {
  content: "\ee24";
}

.icofont-social-qik:before {
  content: "\ee25";
}

.icofont-social-readernaut:before {
  content: "\ee26";
}

.icofont-social-reddit:before {
  content: "\ee27";
}

.icofont-social-rss:before {
  content: "\ee28";
}

.icofont-social-shopify:before {
  content: "\ee29";
}

.icofont-social-silverstripe:before {
  content: "\ee2a";
}

.icofont-social-skype:before {
  content: "\ee2b";
}

.icofont-social-slashdot:before {
  content: "\ee2c";
}

.icofont-social-smugmug:before {
  content: "\ee2d";
}

.icofont-social-steam:before {
  content: "\ee2e";
}

.icofont-social-stumbleupon:before {
  content: "\ee2f";
}

.icofont-social-technorati:before {
  content: "\ee30";
}

.icofont-social-telegram:before {
  content: "\ee31";
}

.icofont-social-tinder:before {
  content: "\ee32";
}

.icofont-social-tumblr:before {
  content: "\ee33";
}

.icofont-social-twitter:before {
  content: "\ee34";
}

.icofont-social-typo3:before {
  content: "\ee35";
}

.icofont-social-ubercart:before {
  content: "\ee36";
}

.icofont-social-viber:before {
  content: "\ee37";
}

.icofont-social-viddler:before {
  content: "\ee38";
}

.icofont-social-vimeo:before {
  content: "\ee39";
}

.icofont-social-vine:before {
  content: "\ee3a";
}

.icofont-social-virb:before {
  content: "\ee3b";
}

.icofont-social-virtuemart:before {
  content: "\ee3c";
}

.icofont-social-wechat:before {
  content: "\ee3d";
}

.icofont-brand-wordpress:before {
  content: "\ee3e";
}

.icofont-social-xing:before {
  content: "\ee3f";
}

.icofont-social-yahoo:before {
  content: "\ee40";
}

.icofont-social-yelp:before {
  content: "\ee41";
}

.icofont-social-zencart:before {
  content: "\ee42";
}

.icofont-badminton-birdie:before {
  content: "\ee43";
}

.icofont-baseball:before {
  content: "\ee44";
}

.icofont-baseballer:before {
  content: "\ee45";
}

.icofont-basketball-hoop:before {
  content: "\ee46";
}

.icofont-basketball:before {
  content: "\ee47";
}

.icofont-billiard-ball:before {
  content: "\ee48";
}

.icofont-boot-alt-1:before {
  content: "\ee49";
}

.icofont-boot-alt-2:before {
  content: "\ee4a";
}

.icofont-bowling-alt:before {
  content: "\ee4b";
}

.icofont-bowling:before {
  content: "\ee4c";
}

.icofont-canoe:before {
  content: "\ee4d";
}

.icofont-cheer-leader:before {
  content: "\ee4e";
}

.icofont-climbing:before {
  content: "\ee4f";
}

.icofont-corner:before {
  content: "\ee50";
}

.icofont-cyclist:before {
  content: "\ee51";
}

.icofont-dumbbell-alt:before {
  content: "\ee52";
}

.icofont-dumbbell:before {
  content: "\ee53";
}

.icofont-field-alt:before {
  content: "\ee54";
}

.icofont-field:before {
  content: "\ee55";
}

.icofont-football-alt:before {
  content: "\ee56";
}

.icofont-foul:before {
  content: "\ee57";
}

.icofont-goal-keeper:before {
  content: "\ee58";
}

.icofont-goal:before {
  content: "\ee59";
}

.icofont-golf-alt:before {
  content: "\ee5a";
}

.icofont-golf-bag:before {
  content: "\ee5b";
}

.icofont-golf-field:before {
  content: "\ee5c";
}

.icofont-golf:before {
  content: "\ee5d";
}

.icofont-golfer:before {
  content: "\ee5e";
}

.icofont-gym-alt-1:before {
  content: "\ee5f";
}

.icofont-gym-alt-2:before {
  content: "\ee60";
}

.icofont-gym-alt-3:before {
  content: "\ee61";
}

.icofont-gym:before {
  content: "\ee62";
}

.icofont-hand-grippers:before {
  content: "\ee63";
}

.icofont-heart-beat-alt:before {
  content: "\ee64";
}

.icofont-helmet:before {
  content: "\ee65";
}

.icofont-hockey-alt:before {
  content: "\ee66";
}

.icofont-hockey:before {
  content: "\ee67";
}

.icofont-ice-skate:before {
  content: "\ee68";
}

.icofont-jersey-alt:before {
  content: "\ee69";
}

.icofont-jersey:before {
  content: "\ee6a";
}

.icofont-jumping:before {
  content: "\ee6b";
}

.icofont-kick:before {
  content: "\ee6c";
}

.icofont-leg:before {
  content: "\ee6d";
}

.icofont-match-review:before {
  content: "\ee6e";
}

.icofont-medal-alt:before {
  content: "\ee6f";
}

.icofont-muscle-alt:before {
  content: "\ee70";
}

.icofont-muscle:before {
  content: "\ee71";
}

.icofont-offside:before {
  content: "\ee72";
}

.icofont-olympic-logo:before {
  content: "\ee73";
}

.icofont-olympic:before {
  content: "\ee74";
}

.icofont-padding:before {
  content: "\ee75";
}

.icofont-penalty-card:before {
  content: "\ee76";
}

.icofont-racer:before {
  content: "\ee77";
}

.icofont-racing-car:before {
  content: "\ee78";
}

.icofont-racing-flag-alt:before {
  content: "\ee79";
}

.icofont-racing-flag:before {
  content: "\ee7a";
}

.icofont-racings-wheel:before {
  content: "\ee7b";
}

.icofont-referee:before {
  content: "\ee7c";
}

.icofont-refree-jersey:before {
  content: "\ee7d";
}

.icofont-result:before {
  content: "\ee7e";
}

.icofont-rugby-ball:before {
  content: "\ee7f";
}

.icofont-rugby-player:before {
  content: "\ee80";
}

.icofont-rugby:before {
  content: "\ee81";
}

.icofont-runner-alt-1:before {
  content: "\ee82";
}

.icofont-runner-alt-2:before {
  content: "\ee83";
}

.icofont-runner:before {
  content: "\ee84";
}

.icofont-score-board:before {
  content: "\ee85";
}

.icofont-skiing-man:before {
  content: "\ee86";
}

.icofont-skydiving-goggles:before {
  content: "\ee87";
}

.icofont-snow-mobile:before {
  content: "\ee88";
}

.icofont-steering:before {
  content: "\ee89";
}

.icofont-substitute:before {
  content: "\ee8a";
}

.icofont-swimmer:before {
  content: "\ee8b";
}

.icofont-table-tennis:before {
  content: "\ee8c";
}

.icofont-team-alt:before {
  content: "\ee8d";
}

.icofont-team:before {
  content: "\ee8e";
}

.icofont-tennis-player:before {
  content: "\ee8f";
}

.icofont-tennis:before {
  content: "\ee90";
}

.icofont-time:before {
  content: "\ee91";
}

.icofont-track:before {
  content: "\ee92";
}

.icofont-tracking:before {
  content: "\ee93";
}

.icofont-trophy-alt:before {
  content: "\ee94";
}

.icofont-trophy:before {
  content: "\ee95";
}

.icofont-volleyball-alt:before {
  content: "\ee96";
}

.icofont-volleyball-fire:before {
  content: "\ee97";
}

.icofont-volleyball:before {
  content: "\ee98";
}

.icofont-water-bottle:before {
  content: "\ee99";
}

.icofont-whisle:before {
  content: "\ee9a";
}

.icofont-win-trophy:before {
  content: "\ee9b";
}

.icofont-align-center:before {
  content: "\ee9c";
}

.icofont-align-left:before {
  content: "\ee9d";
}

.icofont-align-right:before {
  content: "\ee9e";
}

.icofont-all-caps:before {
  content: "\ee9f";
}

.icofont-bold:before {
  content: "\eea0";
}

.icofont-brush:before {
  content: "\eea1";
}

.icofont-clip-board:before {
  content: "\eea2";
}

.icofont-code-alt:before {
  content: "\eea3";
}

.icofont-color-bucket:before {
  content: "\eea4";
}

.icofont-color-picker:before {
  content: "\eea5";
}

.icofont-copy-alt:before {
  content: "\eea6";
}

.icofont-copy-black:before {
  content: "\eea7";
}

.icofont-cut:before {
  content: "\eea8";
}

.icofont-delete-alt:before {
  content: "\eea9";
}

.icofont-edit-alt:before {
  content: "\eeaa";
}

.icofont-eraser-alt:before {
  content: "\eeab";
}

.icofont-file-alt:before {
  content: "\eeac";
}

.icofont-font:before {
  content: "\eead";
}

.icofont-header:before {
  content: "\eeae";
}

.icofont-indent:before {
  content: "\eeaf";
}

.icofont-italic-alt:before {
  content: "\eeb0";
}

.icofont-justify-all:before {
  content: "\eeb1";
}

.icofont-justify-center:before {
  content: "\eeb2";
}

.icofont-justify-left:before {
  content: "\eeb3";
}

.icofont-justify-right:before {
  content: "\eeb4";
}

.icofont-line-height:before {
  content: "\eeb5";
}

.icofont-link-alt:before {
  content: "\eeb6";
}

.icofont-listine-dots:before {
  content: "\eeb7";
}

.icofont-listing-box:before {
  content: "\eeb8";
}

.icofont-listing-number:before {
  content: "\eeb9";
}

.icofont-marker:before {
  content: "\eeba";
}

.icofont-outdent:before {
  content: "\eebb";
}

.icofont-paper-clip:before {
  content: "\eebc";
}

.icofont-paragraph:before {
  content: "\eebd";
}

.icofont-pin:before {
  content: "\eebe";
}

.icofont-printer:before {
  content: "\eebf";
}

.icofont-redo:before {
  content: "\eec0";
}

.icofont-rotation:before {
  content: "\eec1";
}

.icofont-save:before {
  content: "\eec2";
}

.icofont-small-cap:before {
  content: "\eec3";
}

.icofont-strike-through:before {
  content: "\eec4";
}

.icofont-sub-listing:before {
  content: "\eec5";
}

.icofont-subscript:before {
  content: "\eec6";
}

.icofont-superscript:before {
  content: "\eec7";
}

.icofont-table:before {
  content: "\eec8";
}

.icofont-text-height:before {
  content: "\eec9";
}

.icofont-text-width:before {
  content: "\eeca";
}

.icofont-trash:before {
  content: "\eecb";
}

.icofont-underline:before {
  content: "\eecc";
}

.icofont-undo:before {
  content: "\eecd";
}

.icofont-unlink:before {
  content: "\eece";
}

.icofont-air-balloon:before {
  content: "\eecf";
}

.icofont-airplane-alt:before {
  content: "\eed0";
}

.icofont-airplane:before {
  content: "\eed1";
}

.icofont-ambulance-crescent:before {
  content: "\eed2";
}

.icofont-ambulance-cross:before {
  content: "\eed3";
}

.icofont-articulated-truck:before {
  content: "\eed4";
}

.icofont-auto-rickshaw:before {
  content: "\eed5";
}

.icofont-bicycle-alt-1:before {
  content: "\eed6";
}

.icofont-bicycle-alt-2:before {
  content: "\eed7";
}

.icofont-bull-dozer:before {
  content: "\eed8";
}

.icofont-bus-alt-1:before {
  content: "\eed9";
}

.icofont-bus-alt-2:before {
  content: "\eeda";
}

.icofont-bus-alt-3:before {
  content: "\eedb";
}

.icofont-cable-car:before {
  content: "\eedc";
}

.icofont-car-alt-1:before {
  content: "\eedd";
}

.icofont-car-alt-2:before {
  content: "\eede";
}

.icofont-car-alt-3:before {
  content: "\eedf";
}

.icofont-car-alt-4:before {
  content: "\eee0";
}

.icofont-concrete-mixer:before {
  content: "\eee1";
}

.icofont-delivery-time:before {
  content: "\eee2";
}

.icofont-excavator:before {
  content: "\eee3";
}

.icofont-fast-delivery:before {
  content: "\eee4";
}

.icofont-fire-truck-alt:before {
  content: "\eee5";
}

.icofont-fire-truck:before {
  content: "\eee6";
}

.icofont-fork-lift:before {
  content: "\eee7";
}

.icofont-free-delivery:before {
  content: "\eee8";
}

.icofont-golf-cart:before {
  content: "\eee9";
}

.icofont-helicopter:before {
  content: "\eeea";
}

.icofont-motor-bike-alt:before {
  content: "\eeeb";
}

.icofont-motor-bike:before {
  content: "\eeec";
}

.icofont-motor-biker:before {
  content: "\eeed";
}

.icofont-oil-truck:before {
  content: "\eeee";
}

.icofont-police-car:before {
  content: "\eeef";
}

.icofont-rickshaw:before {
  content: "\eef0";
}

.icofont-rocket-alt-1:before {
  content: "\eef1";
}

.icofont-rocket-alt-2:before {
  content: "\eef2";
}

.icofont-sail-boat:before {
  content: "\eef3";
}

.icofont-scooter:before {
  content: "\eef4";
}

.icofont-sea-plane:before {
  content: "\eef5";
}

.icofont-ship-alt:before {
  content: "\eef6";
}

.icofont-speed-boat:before {
  content: "\eef7";
}

.icofont-taxi:before {
  content: "\eef8";
}

.icofont-tow-truck:before {
  content: "\eef9";
}

.icofont-tractor:before {
  content: "\eefa";
}

.icofont-traffic-light:before {
  content: "\eefb";
}

.icofont-train-line:before {
  content: "\eefc";
}

.icofont-train-steam:before {
  content: "\eefd";
}

.icofont-tram:before {
  content: "\eefe";
}

.icofont-truck-alt:before {
  content: "\eeff";
}

.icofont-truck-loaded:before {
  content: "\ef00";
}

.icofont-truck:before {
  content: "\ef01";
}

.icofont-van-alt:before {
  content: "\ef02";
}

.icofont-van:before {
  content: "\ef03";
}

.icofont-yacht:before {
  content: "\ef04";
}

.icofont-5-star-hotel:before {
  content: "\ef05";
}

.icofont-anchor-alt:before {
  content: "\ef06";
}

.icofont-beach-bed:before {
  content: "\ef07";
}

.icofont-camping-vest:before {
  content: "\ef08";
}

.icofont-coconut-alt:before {
  content: "\ef09";
}

.icofont-direction-sign:before {
  content: "\ef0a";
}

.icofont-hill-side:before {
  content: "\ef0b";
}

.icofont-island-alt:before {
  content: "\ef0c";
}

.icofont-long-drive:before {
  content: "\ef0d";
}

.icofont-map-pins:before {
  content: "\ef0e";
}

.icofont-plane-ticket:before {
  content: "\ef0f";
}

.icofont-sail-boat-alt-1:before {
  content: "\ef10";
}

.icofont-sail-boat-alt-2:before {
  content: "\ef11";
}

.icofont-sandals-female:before {
  content: "\ef12";
}

.icofont-sandals-male:before {
  content: "\ef13";
}

.icofont-travelling:before {
  content: "\ef14";
}

.icofont-breakdown:before {
  content: "\ef15";
}

.icofont-celsius:before {
  content: "\ef16";
}

.icofont-clouds:before {
  content: "\ef17";
}

.icofont-cloudy:before {
  content: "\ef18";
}

.icofont-compass-alt:before {
  content: "\ef19";
}

.icofont-dust:before {
  content: "\ef1a";
}

.icofont-eclipse:before {
  content: "\ef1b";
}

.icofont-fahrenheit:before {
  content: "\ef1c";
}

.icofont-forest-fire:before {
  content: "\ef1d";
}

.icofont-full-night:before {
  content: "\ef1e";
}

.icofont-full-sunny:before {
  content: "\ef1f";
}

.icofont-hail-night:before {
  content: "\ef20";
}

.icofont-hail-rainy-night:before {
  content: "\ef21";
}

.icofont-hail-rainy-sunny:before {
  content: "\ef22";
}

.icofont-hail-rainy:before {
  content: "\ef23";
}

.icofont-hail-sunny:before {
  content: "\ef24";
}

.icofont-hail-thunder-night:before {
  content: "\ef25";
}

.icofont-hail-thunder-sunny:before {
  content: "\ef26";
}

.icofont-hail-thunder:before {
  content: "\ef27";
}

.icofont-hail:before {
  content: "\ef28";
}

.icofont-hill-night:before {
  content: "\ef29";
}

.icofont-hill-sunny:before {
  content: "\ef2a";
}

.icofont-hill:before {
  content: "\ef2b";
}

.icofont-hurricane:before {
  content: "\ef2c";
}

.icofont-island:before {
  content: "\ef2d";
}

.icofont-meteor:before {
  content: "\ef2e";
}

.icofont-night:before {
  content: "\ef2f";
}

.icofont-rainy-night:before {
  content: "\ef30";
}

.icofont-rainy-sunny:before {
  content: "\ef31";
}

.icofont-rainy-thunder:before {
  content: "\ef32";
}

.icofont-rainy:before {
  content: "\ef33";
}

.icofont-showy-night-hail:before {
  content: "\ef34";
}

.icofont-snow-temp:before {
  content: "\ef35";
}

.icofont-snow:before {
  content: "\ef36";
}

.icofont-snowy-hail:before {
  content: "\ef37";
}

.icofont-snowy-night-rainy:before {
  content: "\ef38";
}

.icofont-snowy-night:before {
  content: "\ef39";
}

.icofont-snowy-rainy:before {
  content: "\ef3a";
}

.icofont-snowy-sunny-hail:before {
  content: "\ef3b";
}

.icofont-snowy-sunny-rainy:before {
  content: "\ef3c";
}

.icofont-snowy-sunny:before {
  content: "\ef3d";
}

.icofont-snowy-thunder-night:before {
  content: "\ef3e";
}

.icofont-snowy-thunder-sunny:before {
  content: "\ef3f";
}

.icofont-snowy-thunder:before {
  content: "\ef40";
}

.icofont-snowy-windy-night:before {
  content: "\ef41";
}

.icofont-snowy-windy-sunny:before {
  content: "\ef42";
}

.icofont-snowy-windy:before {
  content: "\ef43";
}

.icofont-snowy:before {
  content: "\ef44";
}

.icofont-sun-alt:before {
  content: "\ef45";
}

.icofont-sun-rise:before {
  content: "\ef46";
}

.icofont-sun-set:before {
  content: "\ef47";
}

.icofont-sunny-day-temp:before {
  content: "\ef48";
}

.icofont-sunny:before {
  content: "\ef49";
}

.icofont-thermometer:before {
  content: "\ef4a";
}

.icofont-thinder-light:before {
  content: "\ef4b";
}

.icofont-tornado:before {
  content: "\ef4c";
}

.icofont-umbrella-alt:before {
  content: "\ef4d";
}

.icofont-volcano:before {
  content: "\ef4e";
}

.icofont-wave:before {
  content: "\ef4f";
}

.icofont-wind-scale-0:before {
  content: "\ef50";
}

.icofont-wind-scale-1:before {
  content: "\ef51";
}

.icofont-wind-scale-2:before {
  content: "\ef52";
}

.icofont-wind-scale-3:before {
  content: "\ef53";
}

.icofont-wind-scale-4:before {
  content: "\ef54";
}

.icofont-wind-scale-5:before {
  content: "\ef55";
}

.icofont-wind-scale-6:before {
  content: "\ef56";
}

.icofont-wind-scale-7:before {
  content: "\ef57";
}

.icofont-wind-scale-8:before {
  content: "\ef58";
}

.icofont-wind-scale-9:before {
  content: "\ef59";
}

.icofont-wind-scale-10:before {
  content: "\ef5a";
}

.icofont-wind-scale-11:before {
  content: "\ef5b";
}

.icofont-wind-scale-12:before {
  content: "\ef5c";
}

.icofont-wind-waves:before {
  content: "\ef5d";
}

.icofont-wind:before {
  content: "\ef5e";
}

.icofont-windy-hail:before {
  content: "\ef5f";
}

.icofont-windy-night:before {
  content: "\ef60";
}

.icofont-windy-raining:before {
  content: "\ef61";
}

.icofont-windy-sunny:before {
  content: "\ef62";
}

.icofont-windy-thunder-raining:before {
  content: "\ef63";
}

.icofont-windy-thunder:before {
  content: "\ef64";
}

.icofont-windy:before {
  content: "\ef65";
}

.icofont-addons:before {
  content: "\ef66";
}

.icofont-address-book:before {
  content: "\ef67";
}

.icofont-adjust:before {
  content: "\ef68";
}

.icofont-alarm:before {
  content: "\ef69";
}

.icofont-anchor:before {
  content: "\ef6a";
}

.icofont-archive:before {
  content: "\ef6b";
}

.icofont-at:before {
  content: "\ef6c";
}

.icofont-attachment:before {
  content: "\ef6d";
}

.icofont-audio:before {
  content: "\ef6e";
}

.icofont-auto-mobile:before {
  content: "\ef6f";
}

.icofont-automation:before {
  content: "\ef70";
}

.icofont-baby:before {
  content: "\ef71";
}

.icofont-badge:before {
  content: "\ef72";
}

.icofont-bag:before {
  content: "\ef73";
}

.icofont-ban:before {
  content: "\ef74";
}

.icofont-bank:before {
  content: "\ef75";
}

.icofont-bar-code:before {
  content: "\ef76";
}

.icofont-bars:before {
  content: "\ef77";
}

.icofont-battery-empty:before {
  content: "\ef78";
}

.icofont-battery-full:before {
  content: "\ef79";
}

.icofont-battery-half:before {
  content: "\ef7a";
}

.icofont-battery-low:before {
  content: "\ef7b";
}

.icofont-beach:before {
  content: "\ef7c";
}

.icofont-beaker:before {
  content: "\ef7d";
}

.icofont-bear:before {
  content: "\ef7e";
}

.icofont-beard:before {
  content: "\ef7f";
}

.icofont-bed:before {
  content: "\ef80";
}

.icofont-bell:before {
  content: "\ef81";
}

.icofont-beverage:before {
  content: "\ef82";
}

.icofont-bicycle:before {
  content: "\ef83";
}

.icofont-bill:before {
  content: "\ef84";
}

.icofont-bin:before {
  content: "\ef85";
}

.icofont-binary:before {
  content: "\ef86";
}

.icofont-binoculars:before {
  content: "\ef87";
}

.icofont-bird:before {
  content: "\ef88";
}

.icofont-birds:before {
  content: "\ef89";
}

.icofont-black-board:before {
  content: "\ef8a";
}

.icofont-bluetooth:before {
  content: "\ef8b";
}

.icofont-bolt:before {
  content: "\ef8c";
}

.icofont-bomb:before {
  content: "\ef8d";
}

.icofont-book-mark:before {
  content: "\ef8e";
}

.icofont-book:before {
  content: "\ef8f";
}

.icofont-boot:before {
  content: "\ef90";
}

.icofont-box:before {
  content: "\ef91";
}

.icofont-brain:before {
  content: "\ef92";
}

.icofont-briefcase:before {
  content: "\ef93";
}

.icofont-broken:before {
  content: "\ef94";
}

.icofont-bucket:before {
  content: "\ef95";
}

.icofont-bucket1:before {
  content: "\ef96";
}

.icofont-bucket2:before {
  content: "\ef97";
}

.icofont-bug:before {
  content: "\ef98";
}

.icofont-building:before {
  content: "\ef99";
}

.icofont-bullet:before {
  content: "\ef9a";
}

.icofont-bullhorn:before {
  content: "\ef9b";
}

.icofont-bullseye:before {
  content: "\ef9c";
}

.icofont-bus:before {
  content: "\ef9d";
}

.icofont-butterfly:before {
  content: "\ef9e";
}

.icofont-cab:before {
  content: "\ef9f";
}

.icofont-calculator:before {
  content: "\efa0";
}

.icofont-calendar:before {
  content: "\efa1";
}

.icofont-camera-alt:before {
  content: "\efa2";
}

.icofont-camera:before {
  content: "\efa3";
}

.icofont-car:before {
  content: "\efa4";
}

.icofont-card:before {
  content: "\efa5";
}

.icofont-cart:before {
  content: "\efa6";
}

.icofont-cc:before {
  content: "\efa7";
}

.icofont-certificate:before {
  content: "\efa8";
}

.icofont-charging:before {
  content: "\efa9";
}

.icofont-chat:before {
  content: "\efaa";
}

.icofont-check-alt:before {
  content: "\efab";
}

.icofont-check-circled:before {
  content: "\efac";
}

.icofont-check:before {
  content: "\efad";
}

.icofont-checked:before {
  content: "\efae";
}

.icofont-children-care:before {
  content: "\efaf";
}

.icofont-clock-time:before {
  content: "\efb0";
}

.icofont-close-circled:before {
  content: "\efb1";
}

.icofont-close-line-circled:before {
  content: "\efb2";
}

.icofont-close-line-squared-alt:before {
  content: "\efb3";
}

.icofont-close-line-squared:before {
  content: "\efb4";
}

.icofont-close-line:before {
  content: "\efb5";
}

.icofont-close-squared-alt:before {
  content: "\efb6";
}

.icofont-close-squared:before {
  content: "\efb7";
}

.icofont-close:before {
  content: "\efb8";
}

.icofont-cloud-download:before {
  content: "\efb9";
}

.icofont-cloud-refresh:before {
  content: "\efba";
}

.icofont-cloud-upload:before {
  content: "\efbb";
}

.icofont-cloud:before {
  content: "\efbc";
}

.icofont-code-not-allowed:before {
  content: "\efbd";
}

.icofont-code:before {
  content: "\efbe";
}

.icofont-coffee-cup:before {
  content: "\efbf";
}

.icofont-comment:before {
  content: "\efc0";
}

.icofont-compass:before {
  content: "\efc1";
}

.icofont-computer:before {
  content: "\efc2";
}

.icofont-connection:before {
  content: "\efc3";
}

.icofont-console:before {
  content: "\efc4";
}

.icofont-contacts:before {
  content: "\efc5";
}

.icofont-contrast:before {
  content: "\efc6";
}

.icofont-copy:before {
  content: "\efc7";
}

.icofont-copyright:before {
  content: "\efc8";
}

.icofont-credit-card:before {
  content: "\efc9";
}

.icofont-crop:before {
  content: "\efca";
}

.icofont-crown:before {
  content: "\efcb";
}

.icofont-cube:before {
  content: "\efcc";
}

.icofont-cubes:before {
  content: "\efcd";
}

.icofont-culinary:before {
  content: "\efce";
}

.icofont-dashboard-web:before {
  content: "\efcf";
}

.icofont-dashboard:before {
  content: "\efd0";
}

.icofont-data:before {
  content: "\efd1";
}

.icofont-database-add:before {
  content: "\efd2";
}

.icofont-database-locked:before {
  content: "\efd3";
}

.icofont-database-remove:before {
  content: "\efd4";
}

.icofont-database:before {
  content: "\efd5";
}

.icofont-delete:before {
  content: "\efd6";
}

.icofont-diamond:before {
  content: "\efd7";
}

.icofont-dice:before {
  content: "\efd8";
}

.icofont-disabled:before {
  content: "\efd9";
}

.icofont-disc:before {
  content: "\efda";
}

.icofont-diskette:before {
  content: "\efdb";
}

.icofont-document-folder:before {
  content: "\efdc";
}

.icofont-download-alt:before {
  content: "\efdd";
}

.icofont-download:before {
  content: "\efde";
}

.icofont-downloaded:before {
  content: "\efdf";
}

.icofont-earth:before {
  content: "\efe0";
}

.icofont-ebook:before {
  content: "\efe1";
}

.icofont-edit:before {
  content: "\efe2";
}

.icofont-eject:before {
  content: "\efe3";
}

.icofont-email:before {
  content: "\efe4";
}

.icofont-envelope-open:before {
  content: "\efe5";
}

.icofont-envelope:before {
  content: "\efe6";
}

.icofont-eraser:before {
  content: "\efe7";
}

.icofont-error:before {
  content: "\efe8";
}

.icofont-exchange:before {
  content: "\efe9";
}

.icofont-exclamation-circle:before {
  content: "\efea";
}

.icofont-exclamation-square:before {
  content: "\efeb";
}

.icofont-exclamation-tringle:before {
  content: "\efec";
}

.icofont-exclamation:before {
  content: "\efed";
}

.icofont-exit:before {
  content: "\efee";
}

.icofont-expand:before {
  content: "\efef";
}

.icofont-external-link:before {
  content: "\eff0";
}

.icofont-external:before {
  content: "\eff1";
}

.icofont-eye-blocked:before {
  content: "\eff2";
}

.icofont-eye-dropper:before {
  content: "\eff3";
}

.icofont-eye:before {
  content: "\eff4";
}

.icofont-favourite:before {
  content: "\eff5";
}

.icofont-fax:before {
  content: "\eff6";
}

.icofont-female:before {
  content: "\eff7";
}

.icofont-file:before {
  content: "\eff8";
}

.icofont-film:before {
  content: "\eff9";
}

.icofont-filter:before {
  content: "\effa";
}

.icofont-fire-burn:before {
  content: "\effb";
}

.icofont-fire-extinguisher:before {
  content: "\effc";
}

.icofont-fire:before {
  content: "\effd";
}

.icofont-first-aid:before {
  content: "\effe";
}

.icofont-flag-alt-1:before {
  content: "\efff";
}

.icofont-flag-alt-2:before {
  content: "\f000";
}

.icofont-flag:before {
  content: "\f001";
}

.icofont-flash-light:before {
  content: "\f002";
}

.icofont-flash:before {
  content: "\f003";
}

.icofont-flask:before {
  content: "\f004";
}

.icofont-focus:before {
  content: "\f005";
}

.icofont-folder-open:before {
  content: "\f006";
}

.icofont-folder:before {
  content: "\f007";
}

.icofont-foot-print:before {
  content: "\f008";
}

.icofont-football-american:before {
  content: "\f009";
}

.icofont-football:before {
  content: "\f00a";
}

.icofont-game-console:before {
  content: "\f00b";
}

.icofont-game-pad:before {
  content: "\f00c";
}

.icofont-gavel:before {
  content: "\f00d";
}

.icofont-gear:before {
  content: "\f00e";
}

.icofont-gears:before {
  content: "\f00f";
}

.icofont-gift:before {
  content: "\f010";
}

.icofont-glass:before {
  content: "\f011";
}

.icofont-globe:before {
  content: "\f012";
}

.icofont-graduate:before {
  content: "\f013";
}

.icofont-graffiti:before {
  content: "\f014";
}

.icofont-grocery:before {
  content: "\f015";
}

.icofont-group:before {
  content: "\f016";
}

.icofont-hammer:before {
  content: "\f017";
}

.icofont-hand:before {
  content: "\f018";
}

.icofont-hanger:before {
  content: "\f019";
}

.icofont-hard-disk:before {
  content: "\f01a";
}

.icofont-headphone:before {
  content: "\f01b";
}

.icofont-heart-beat:before {
  content: "\f01c";
}

.icofont-heart:before {
  content: "\f01d";
}

.icofont-history:before {
  content: "\f01e";
}

.icofont-home:before {
  content: "\f01f";
}

.icofont-horn:before {
  content: "\f020";
}

.icofont-hotel:before {
  content: "\f021";
}

.icofont-hour-glass:before {
  content: "\f022";
}

.icofont-id:before {
  content: "\f023";
}

.icofont-image:before {
  content: "\f024";
}

.icofont-inbox:before {
  content: "\f025";
}

.icofont-infinite:before {
  content: "\f026";
}

.icofont-info-circle:before {
  content: "\f027";
}

.icofont-info-square:before {
  content: "\f028";
}

.icofont-info:before {
  content: "\f029";
}

.icofont-institution:before {
  content: "\f02a";
}

.icofont-interface:before {
  content: "\f02b";
}

.icofont-invisible:before {
  content: "\f02c";
}

.icofont-italic:before {
  content: "\f02d";
}

.icofont-jacket:before {
  content: "\f02e";
}

.icofont-jar:before {
  content: "\f02f";
}

.icofont-jewlery:before {
  content: "\f030";
}

.icofont-karate:before {
  content: "\f031";
}

.icofont-key-hole:before {
  content: "\f032";
}

.icofont-key:before {
  content: "\f033";
}

.icofont-keyboard:before {
  content: "\f034";
}

.icofont-kid:before {
  content: "\f035";
}

.icofont-label:before {
  content: "\f036";
}

.icofont-lamp:before {
  content: "\f037";
}

.icofont-laptop:before {
  content: "\f038";
}

.icofont-layers:before {
  content: "\f039";
}

.icofont-layout:before {
  content: "\f03a";
}

.icofont-leaf:before {
  content: "\f03b";
}

.icofont-leaflet:before {
  content: "\f03c";
}

.icofont-learn:before {
  content: "\f03d";
}

.icofont-legal:before {
  content: "\f03e";
}

.icofont-lego:before {
  content: "\f03f";
}

.icofont-lemon:before {
  content: "\f040";
}

.icofont-lens:before {
  content: "\f041";
}

.icofont-letter:before {
  content: "\f042";
}

.icofont-letterbox:before {
  content: "\f043";
}

.icofont-library:before {
  content: "\f044";
}

.icofont-license:before {
  content: "\f045";
}

.icofont-life-bouy:before {
  content: "\f046";
}

.icofont-life-buoy:before {
  content: "\f047";
}

.icofont-life-jacket:before {
  content: "\f048";
}

.icofont-life-ring:before {
  content: "\f049";
}

.icofont-light-bulb:before {
  content: "\f04a";
}

.icofont-lighter:before {
  content: "\f04b";
}

.icofont-lightning-ray:before {
  content: "\f04c";
}

.icofont-like:before {
  content: "\f04d";
}

.icofont-link:before {
  content: "\f04e";
}

.icofont-live-support:before {
  content: "\f04f";
}

.icofont-location-arrow:before {
  content: "\f050";
}

.icofont-location-pin:before {
  content: "\f051";
}

.icofont-lock:before {
  content: "\f052";
}

.icofont-login:before {
  content: "\f053";
}

.icofont-logout:before {
  content: "\f054";
}

.icofont-lollipop:before {
  content: "\f055";
}

.icofont-look:before {
  content: "\f056";
}

.icofont-loop:before {
  content: "\f057";
}

.icofont-luggage:before {
  content: "\f058";
}

.icofont-lunch:before {
  content: "\f059";
}

.icofont-lungs:before {
  content: "\f05a";
}

.icofont-magic-alt:before {
  content: "\f05b";
}

.icofont-magic:before {
  content: "\f05c";
}

.icofont-magnet:before {
  content: "\f05d";
}

.icofont-mail-box:before {
  content: "\f05e";
}

.icofont-mail:before {
  content: "\f05f";
}

.icofont-male:before {
  content: "\f060";
}

.icofont-map:before {
  content: "\f061";
}

.icofont-math:before {
  content: "\f062";
}

.icofont-maximize:before {
  content: "\f063";
}

.icofont-measure:before {
  content: "\f064";
}

.icofont-medal:before {
  content: "\f065";
}

.icofont-medical:before {
  content: "\f066";
}

.icofont-medicine:before {
  content: "\f067";
}

.icofont-mega-phone:before {
  content: "\f068";
}

.icofont-memorial:before {
  content: "\f069";
}

.icofont-memory-card:before {
  content: "\f06a";
}

.icofont-mic-mute:before {
  content: "\f06b";
}

.icofont-mic:before {
  content: "\f06c";
}

.icofont-micro-chip:before {
  content: "\f06d";
}

.icofont-microphone:before {
  content: "\f06e";
}

.icofont-microscope:before {
  content: "\f06f";
}

.icofont-military:before {
  content: "\f070";
}

.icofont-mill:before {
  content: "\f071";
}

.icofont-minus-circle:before {
  content: "\f072";
}

.icofont-minus-square:before {
  content: "\f073";
}

.icofont-minus:before {
  content: "\f074";
}

.icofont-mobile-phone:before {
  content: "\f075";
}

.icofont-molecule:before {
  content: "\f076";
}

.icofont-money:before {
  content: "\f077";
}

.icofont-moon:before {
  content: "\f078";
}

.icofont-mop:before {
  content: "\f079";
}

.icofont-muffin:before {
  content: "\f07a";
}

.icofont-music-alt:before {
  content: "\f07b";
}

.icofont-music-notes:before {
  content: "\f07c";
}

.icofont-music:before {
  content: "\f07d";
}

.icofont-mustache:before {
  content: "\f07e";
}

.icofont-mute-volume:before {
  content: "\f07f";
}

.icofont-navigation-menu:before {
  content: "\f080";
}

.icofont-navigation:before {
  content: "\f081";
}

.icofont-network-tower:before {
  content: "\f082";
}

.icofont-network:before {
  content: "\f083";
}

.icofont-news:before {
  content: "\f084";
}

.icofont-newspaper:before {
  content: "\f085";
}

.icofont-no-smoking:before {
  content: "\f086";
}

.icofont-not-allowed:before {
  content: "\f087";
}

.icofont-notebook:before {
  content: "\f088";
}

.icofont-notepad:before {
  content: "\f089";
}

.icofont-notification:before {
  content: "\f08a";
}

.icofont-numbered:before {
  content: "\f08b";
}

.icofont-opposite:before {
  content: "\f08c";
}

.icofont-optic:before {
  content: "\f08d";
}

.icofont-options:before {
  content: "\f08e";
}

.icofont-package:before {
  content: "\f08f";
}

.icofont-page:before {
  content: "\f090";
}

.icofont-paint:before {
  content: "\f091";
}

.icofont-paper-plane:before {
  content: "\f092";
}

.icofont-paperclip:before {
  content: "\f093";
}

.icofont-papers:before {
  content: "\f094";
}

.icofont-paw:before {
  content: "\f095";
}

.icofont-pay:before {
  content: "\f096";
}

.icofont-pen:before {
  content: "\f097";
}

.icofont-pencil:before {
  content: "\f098";
}

.icofont-penguin-linux:before {
  content: "\f099";
}

.icofont-pestle:before {
  content: "\f09a";
}

.icofont-phone-circle:before {
  content: "\f09b";
}

.icofont-phone:before {
  content: "\f09c";
}

.icofont-picture:before {
  content: "\f09d";
}

.icofont-pie:before {
  content: "\f09e";
}

.icofont-pine:before {
  content: "\f09f";
}

.icofont-pixels:before {
  content: "\f0a0";
}

.icofont-play:before {
  content: "\f0a1";
}

.icofont-plugin:before {
  content: "\f0a2";
}

.icofont-plus-circle:before {
  content: "\f0a3";
}

.icofont-plus-square:before {
  content: "\f0a4";
}

.icofont-plus:before {
  content: "\f0a5";
}

.icofont-polygonal:before {
  content: "\f0a6";
}

.icofont-power:before {
  content: "\f0a7";
}

.icofont-presentation:before {
  content: "\f0a8";
}

.icofont-price:before {
  content: "\f0a9";
}

.icofont-print:before {
  content: "\f0aa";
}

.icofont-puzzle:before {
  content: "\f0ab";
}

.icofont-qr-code:before {
  content: "\f0ac";
}

.icofont-queen:before {
  content: "\f0ad";
}

.icofont-question-circle:before {
  content: "\f0ae";
}

.icofont-question-square:before {
  content: "\f0af";
}

.icofont-question:before {
  content: "\f0b0";
}

.icofont-quote-left:before {
  content: "\f0b1";
}

.icofont-quote-right:before {
  content: "\f0b2";
}

.icofont-radio:before {
  content: "\f0b3";
}

.icofont-random:before {
  content: "\f0b4";
}

.icofont-recycle:before {
  content: "\f0b5";
}

.icofont-refresh:before {
  content: "\f0b6";
}

.icofont-repair:before {
  content: "\f0b7";
}

.icofont-reply-all:before {
  content: "\f0b8";
}

.icofont-reply:before {
  content: "\f0b9";
}

.icofont-resize:before {
  content: "\f0ba";
}

.icofont-responsive:before {
  content: "\f0bb";
}

.icofont-retweet:before {
  content: "\f0bc";
}

.icofont-road:before {
  content: "\f0bd";
}

.icofont-robot:before {
  content: "\f0be";
}

.icofont-rocket:before {
  content: "\f0bf";
}

.icofont-royal:before {
  content: "\f0c0";
}

.icofont-rss-feed:before {
  content: "\f0c1";
}

.icofont-safety:before {
  content: "\f0c2";
}

.icofont-sale-discount:before {
  content: "\f0c3";
}

.icofont-satellite:before {
  content: "\f0c4";
}

.icofont-send-mail:before {
  content: "\f0c5";
}

.icofont-server:before {
  content: "\f0c6";
}

.icofont-settings:before {
  content: "\f0c7";
}

.icofont-share-alt:before {
  content: "\f0c8";
}

.icofont-share-boxed:before {
  content: "\f0c9";
}

.icofont-share:before {
  content: "\f0ca";
}

.icofont-shield:before {
  content: "\f0cb";
}

.icofont-ship:before {
  content: "\f0cc";
}

.icofont-shopping-cart:before {
  content: "\f0cd";
}

.icofont-sign-in:before {
  content: "\f0ce";
}

.icofont-sign-out:before {
  content: "\f0cf";
}

.icofont-signal:before {
  content: "\f0d0";
}

.icofont-site-map:before {
  content: "\f0d1";
}

.icofont-smart-phone:before {
  content: "\f0d2";
}

.icofont-soccer:before {
  content: "\f0d3";
}

.icofont-sort-alt:before {
  content: "\f0d4";
}

.icofont-sort:before {
  content: "\f0d5";
}

.icofont-space:before {
  content: "\f0d6";
}

.icofont-spanner:before {
  content: "\f0d7";
}

.icofont-speech-comments:before {
  content: "\f0d8";
}

.icofont-speed-meter:before {
  content: "\f0d9";
}

.icofont-spinner-alt-1:before {
  content: "\f0da";
}

.icofont-spinner-alt-2:before {
  content: "\f0db";
}

.icofont-spinner-alt-3:before {
  content: "\f0dc";
}

.icofont-spinner-alt-4:before {
  content: "\f0dd";
}

.icofont-spinner-alt-5:before {
  content: "\f0de";
}

.icofont-spinner-alt-6:before {
  content: "\f0df";
}

.icofont-spinner:before {
  content: "\f0e0";
}

.icofont-spreadsheet:before {
  content: "\f0e1";
}

.icofont-square:before {
  content: "\f0e2";
}

.icofont-ssl-security:before {
  content: "\f0e3";
}

.icofont-star-alt-1:before {
  content: "\f0e4";
}

.icofont-star-alt-2:before {
  content: "\f0e5";
}

.icofont-star:before {
  content: "\f0e6";
}

.icofont-street-view:before {
  content: "\f0e7";
}

.icofont-sun:before {
  content: "\f0e8";
}

.icofont-support-faq:before {
  content: "\f0e9";
}

.icofont-tack-pin:before {
  content: "\f0ea";
}

.icofont-tag:before {
  content: "\f0eb";
}

.icofont-tags:before {
  content: "\f0ec";
}

.icofont-tasks:before {
  content: "\f0ed";
}

.icofont-telephone:before {
  content: "\f0ee";
}

.icofont-telescope:before {
  content: "\f0ef";
}

.icofont-terminal:before {
  content: "\f0f0";
}

.icofont-thumbs-down:before {
  content: "\f0f1";
}

.icofont-thumbs-up:before {
  content: "\f0f2";
}

.icofont-tick-boxed:before {
  content: "\f0f3";
}

.icofont-tick-mark:before {
  content: "\f0f4";
}

.icofont-ticket:before {
  content: "\f0f5";
}

.icofont-tie:before {
  content: "\f0f6";
}

.icofont-toggle-off:before {
  content: "\f0f7";
}

.icofont-toggle-on:before {
  content: "\f0f8";
}

.icofont-tools:before {
  content: "\f0f9";
}

.icofont-transparent:before {
  content: "\f0fa";
}

.icofont-tree:before {
  content: "\f0fb";
}

.icofont-umbrella:before {
  content: "\f0fc";
}

.icofont-unlock:before {
  content: "\f0fd";
}

.icofont-unlocked:before {
  content: "\f0fe";
}

.icofont-upload-alt:before {
  content: "\f0ff";
}

.icofont-upload:before {
  content: "\f100";
}

.icofont-usb-drive:before {
  content: "\f101";
}

.icofont-usb:before {
  content: "\f102";
}

.icofont-vector-path:before {
  content: "\f103";
}

.icofont-verification-check:before {
  content: "\f104";
}

.icofont-video-clapper:before {
  content: "\f105";
}

.icofont-video:before {
  content: "\f106";
}

.icofont-volume-down:before {
  content: "\f107";
}

.icofont-volume-off:before {
  content: "\f108";
}

.icofont-volume-up:before {
  content: "\f109";
}

.icofont-wall-clock:before {
  content: "\f10a";
}

.icofont-wall:before {
  content: "\f10b";
}

.icofont-wallet:before {
  content: "\f10c";
}

.icofont-warning-alt:before {
  content: "\f10d";
}

.icofont-warning:before {
  content: "\f10e";
}

.icofont-water-drop:before {
  content: "\f10f";
}

.icofont-web:before {
  content: "\f110";
}

.icofont-wheelchair:before {
  content: "\f111";
}

.icofont-wifi-alt:before {
  content: "\f112";
}

.icofont-wifi:before {
  content: "\f113";
}

.icofont-world:before {
  content: "\f114";
}

.icofont-zigzag:before {
  content: "\f115";
}

.icofont-zipped:before {
  content: "\f116";
}

.icofont-social-500px:before {
  content: "\f117";
}

.icofont-social-baidu-tieba:before {
  content: "\f118";
}

.icofont-social-bbm-messenger:before {
  content: "\f119";
}

.icofont-social-delicious:before {
  content: "\f11a";
}

.icofont-social-dribbble:before {
  content: "\f11b";
}

.icofont-social-facebook-messenger:before {
  content: "\f11c";
}

.icofont-social-flikr:before {
  content: "\f11d";
}

.icofont-social-foursquare:before {
  content: "\f11e";
}

.icofont-social-google-hangouts:before {
  content: "\f11f";
}

.icofont-social-kakaotalk:before {
  content: "\f120";
}

.icofont-social-kik:before {
  content: "\f121";
}

.icofont-social-kiwibox:before {
  content: "\f122";
}

.icofont-social-linkedin:before {
  content: "\f123";
}

.icofont-social-meetme:before {
  content: "\f124";
}

.icofont-social-odnoklassniki:before {
  content: "\f125";
}

.icofont-social-photobucket:before {
  content: "\f126";
}

.icofont-social-qq:before {
  content: "\f127";
}

.icofont-social-renren:before {
  content: "\f128";
}

.icofont-social-slack:before {
  content: "\f129";
}

.icofont-social-slidshare:before {
  content: "\f12a";
}

.icofont-social-snapchat:before {
  content: "\f12b";
}

.icofont-social-soundcloud:before {
  content: "\f12c";
}

.icofont-social-spotify:before {
  content: "\f12d";
}

.icofont-social-stack-exchange:before {
  content: "\f12e";
}

.icofont-social-stack-overflow:before {
  content: "\f12f";
}

.icofont-social-tagged:before {
  content: "\f130";
}

.icofont-social-trello:before {
  content: "\f131";
}

.icofont-social-twitch:before {
  content: "\f132";
}

.icofont-social-vk:before {
  content: "\f133";
}

.icofont-social-weibo:before {
  content: "\f134";
}

.icofont-social-whatsapp:before {
  content: "\f135";
}

.icofont-social-youku:before {
  content: "\f136";
}

.icofont-social-youtube-play:before {
  content: "\f137";
}

.icofont-social-youtube:before {
  content: "\f138";
}

.icofont-brand-xiaomi:before {
  content: "\f139";
}

/*Font size*/
.icofont-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.icofont-2x {
  font-size: 2em;
}

.icofont-3x {
  font-size: 3em;
}

.icofont-4x {
  font-size: 4em;
}

.icofont-5x {
  font-size: 5em;
}

.icofont-fw {
  display: inline-block;
  width: 1.28571429em;
  text-align: center;
}

/*Fixed Width Icons*/
.icofont-fw {
  width: 1.28571429em;
  text-align: center;
}

/*Custom list icons*/
.icofont-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.icofont-ul > li {
  position: relative;
}

.icofont-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

/*Animation*/
.icofont-rotate {
  display: inline-block;
  -webkit-animation: icofont-rotate 2s infinite linear;
  animation: icofont-rotate 2s infinite linear;
}

@-webkit-keyframes icofont-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes icofont-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #777;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  margin: 0;
  /* padding: 30px; */
  /* fixed 30px padding all around the body of the site */
}

body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  /* font-size: 16px; */
  line-height: 1.7;
  color: #777;
}

.heading-2 {
  font-size: 3.5rem;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin: 0 auto 8rem auto;
  background-image: linear-gradient(to right, #777, #354b57);
  background-clip: text;
  color: transparent;
  text-align: center;
  letter-spacing: 0.2rem;
  transition: all 0.2s;
  text-shadow: 0.5rem 1rem 2rem rgba(0, 0, 0, 0.2);
}
.heading-2:hover {
  text-shadow: 0rem 0rem 0rem rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 30em) {
  .heading-2 {
    font-size: 2.625rem;
    margin-bottom: 4rem;
  }
}

@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .heading-2 {
    font-size: 2.625rem;
  }
  .heading-3-services .heading-3 {
    font-size: 2.4rem;
  }
  .heading-3-education .heading-3,
  .heading-3-resources .heading-3 {
    font-size: 2.25rem;
  }
}
.heading-2-services {
  margin: 0 auto;
}

.heading-3 {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  background-image: linear-gradient(to right, #777, #354b57);
  background-clip: text;
  color: transparent;
  letter-spacing: 0.2rem;
  transition: all 0.2s;
  text-shadow: 0.5rem 1rem 2rem rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
}
.heading-3:hover {
  text-shadow: 0rem 0rem 0rem rgba(0, 0, 0, 0);
}

.heading-4 {
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
}

.paragraph {
  font-size: 1.6rem;
}
.paragraph:not(:last-child) {
  margin-bottom: 3rem;
}

.videoMessage .spacer1 {
  font-size: 2.5vw;
  color: white;
  position: relative;
  padding: 10vw 0 0 9vw;
  font-style: italic;
  opacity: 0.95;
}

.videoMessage .spacer2 {
  font-size: 5vw;
  font-weight: 700;
  color: white;
  position: relative;
  text-align: center;
  padding: 2vw 0 0 0;
  opacity: 0.95;
}

.videoMessage .spacer3 {
  font-size: 1.6vw;
  color: rgb(10, 10, 10);
  position: relative;
  top: 7px;
  margin: 0 14vw 0 24vw;
  /* padding: 0vw 1vw 0vw 2vw; */
  left: 5vw;
  line-height: 2vw;
  font-weight: 400;
  text-shadow: none;
  text-align: center;
}

.u-center-text {
  text-align: center !important;
}

.u-margin-bottom-huge {
  margin-bottom: 10rem !important;
}

.u-margin-bottom-big {
  margin-bottom: 8rem !important;
}

.u-margin-bottom-medium {
  margin-bottom: 4rem !important;
}

.u-margin-bottom-small {
  margin-bottom: 1.5rem !important;
}

.u-margin-top-huge {
  margin-top: 10rem !important;
}

.u-margin-top-big {
  margin-top: 8rem !important;
}

.u-margin-top-medium {
  margin-top: 4rem !important;
}

.u-margin-top-small {
  margin-top: 1.5rem !important;
}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 1;
  overflow: hidden;
}
.bg-video__content {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* .boutton:link,.boutton:visited are put together so that the state of the button remain the same as before once visited (clicked) */
.boutton:link,
.boutton:visited {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.7;
  text-transform: uppercase;
  text-decoration: none;
  /* padding: 0.7dvw 1.6dvw; */
  padding: 0.4dvw 3dvw;
  display: inline-block;
  border-radius: 100px; /* used to round the left and right extremities of the button*/
  transition: all 0.2s; /* we define the animation parameters on the link & visited stated of the button*/
  position: relative;
}

.boutton:hover {
  transform: translateY(-0.3rem);
  text-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); /* Ombre X Y blur color&transparency button hovered*/
}

.boutton:hover::after {
  transform: scaleX(1.4) scaleY(1.6);
  opacity: 0;
}

.boutton:active {
  transform: translateY(-0.1rem);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); /* Ombre = X Y blur color&transparency button pressed*/
}

/* the after element is treated like a child element of the boutton element*/
.boutton::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 10rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; /* defines the position of elements when they are one on another */
  transition: all 0.4s;
}

.boutton--white {
  background-color: rgba(248, 247, 247, 0.8823529412);
  color: #777;
  animation: moveInBottom 0.45s ease-out 0.75s;
  animation-fill-mode: backwards; /* Makes the button invisible prior the animation starts*/
}
.boutton--white:visited {
  color: #777;
}

.boutton--white:active {
  background-color: rgb(255, 255, 255);
  color: rgba(24, 23, 23, 0.925);
}

/* animation dd'effet d'onde de choc ou d'amplification du bouton jusqu'à sa disparition */
.boutton--white::after {
  background-color: #fff;
}

.boutton--white-trans {
  background-color: rgba(255, 255, 255, 0.0784313725);
  color: rgba(211, 211, 211, 0.884);
  border: 0.15rem solid rgba(255, 255, 255, 0.572); /* White border defintion of the transparent button */
  animation: moveInBottom 0.65s ease-out 0.75s;
  animation-fill-mode: backwards; /* Makes the button invisible prior the animation starts*/
}
.boutton--white-trans:visited {
  color: rgba(211, 211, 211, 0.884);
}

.boutton--white-trans:active {
  background-color: rgba(41, 40, 40, 0.622);
  color: rgba(253, 252, 252, 0.9);
  border: 0.15rem solid rgba(222, 220, 220, 0.574); /* White border defintion of the transparent button */
}

/* animation dd'effet d'onde de choc ou d'amplification du bouton jusqu'à sa disparition */
.boutton--white-trans::after {
  background-color: rgba(255, 255, 255, 0.0784313725);
}

.boutton--grey {
  background-color: rgba(114, 114, 114, 0.959);
  color: rgba(247, 247, 247, 0.979);
  animation: moveInBottom 0.45s ease-out 0.75s;
  animation-fill-mode: backwards; /* Makes the button invisible prior the animation starts*/
}
.boutton--grey:visited {
  color: rgba(233, 231, 231, 0.952);
}

.boutton--grey:active {
  background-color: rgba(20, 19, 19, 0.882);
  color: rgba(247, 247, 247, 0.979);
}

/* animation dd'effet d'onde de choc ou d'amplification du bouton jusqu'à sa disparition */
.boutton--grey::after {
  background-color: rgba(114, 114, 114, 0.767);
}

.boutton--grey-trans {
  background-color: rgba(255, 255, 255, 0.0784313725);
  color: rgba(211, 211, 211, 0.884);
  border: 0.15rem solid rgba(255, 255, 255, 0.572); /* White border defintion of the transparent button */
  animation: moveInBottom 0.65s ease-out 0.75s;
  animation-fill-mode: backwards; /* Makes the button invisible prior the animation starts*/
}
.boutton--grey-trans:visited {
  color: rgba(211, 211, 211, 0.884);
}

.boutton--grey-trans:active {
  background-color: rgba(41, 40, 40, 0.622);
  color: rgba(253, 252, 252, 0.9);
  border: 0.15rem solid rgba(222, 220, 220, 0.574); /* White border defintion of the transparent button */
}

/* animation dd'effet d'onde de choc ou d'amplification du bouton jusqu'à sa disparition */
.boutton--grey-trans::after {
  background-color: rgba(255, 255, 255, 0.0784313725);
}

.boutton--header-left {
  margin-right: 5dvw;
}

.boutton-services--bottom {
  margin-bottom: 2dvh;
}

.boutton-services--box {
  height: 6dvh;
}

/* ==== Header Buttons Logos ====*/
.header .fa-phone-flip {
  font-size: 1.5rem;
  color: rgb(33, 49, 63);
}

.header .fa-phone-flip:hover {
  color: rgb(33, 49, 63);
}

.header .fa-arrow-right {
  color: rgba(248, 248, 248, 0.808);
  font-size: 1.2rem;
}

.header .fa-arrow-right:hover {
  color: rgba(248, 248, 248, 0.959);
}

.fa-arrow-right-about-me,
.fa-arrow-right-about-me:active {
  color: rgba(247, 247, 247, 0.979);
}

.fa-arrow-right-about-me:visited {
  color: rgba(233, 231, 231, 0.952);
}

.carte {
  perspective: 150rem;
  position: relative;
  height: 60rem;
}
.carte__side {
  height: 60rem;
  transition: all 0.8s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  backface-visibility: hidden;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 1.5rem 1.5rem 4rem rgba(0, 0, 0, 0.15);
}
.carte__side--front {
  background-color: rgba(255, 255, 255, 0.986);
}
.carte__side--back {
  transform: rotateY(180deg);
}
.carte__side--back-1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: linear-gradient(to right bottom, rgba(150, 153, 161, 0.855), rgba(34, 41, 48, 0.507)), url(/img/Chess/Chess-07-centered.jpeg);
}
.carte__side--back-2 {
  background-image: linear-gradient(to right bottom, rgba(141, 183, 208, 0.37), rgba(53, 75, 87, 0.965)), url(/img/Chess/wall-of-gears.jpg);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}
.carte__side--back-3 {
  background-image: linear-gradient(to right bottom, rgba(66, 153, 235, 0.815), rgba(22, 71, 206, 0.829)), url(/img/Mockups/AppleDevicesBundleMockup_002_cropped@0.25x-Expanded.png);
  background-position: center;
  background-size: cover;
}
.carte:hover .carte__side--front {
  transform: rotateY(-180deg);
}
.carte:hover .carte__side--back {
  transform: rotateY(0deg);
}
.carte__picture {
  background-size: cover;
  height: 23rem;
  background-blend-mode: screen;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.carte__picture--1 {
  background-image: linear-gradient(to right bottom, rgba(127, 127, 129, 0.855), rgba(88, 89, 92, 0.773)), url(/img/Chess/Chess-07-flipped.jpeg);
}
.carte__picture--2 {
  background-image: linear-gradient(to right bottom, rgba(141, 183, 208, 0.91), rgba(53, 75, 87, 0.965)), url(/img/Chess/wall-of-gears.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
}
.carte__picture--3 {
  background-image: url(/img/icons/ai-chip-blue.svg), linear-gradient(to right bottom, rgba(159, 194, 228, 0.507), rgba(61, 89, 150, 0.664)), url(/img/Mockups/AppleDevicesBundleMockup_002_cropped@0.25x-top.png);
  background-position: 5% 8%, center, top;
  background-size: 7rem, cover, contain;
  background-repeat: no-repeat;
  background-blend-mode: normal, screen, normal;
}
.carte__heading {
  font-size: 2.7rem;
  font-weight: 300;
  text-transform: uppercase;
  text-align: right;
  color: rgba(255, 255, 255, 0.906);
  position: absolute;
  top: 14.5rem;
  right: 1rem;
  width: 75%;
}
.carte__heading-span {
  padding: 1rem 1.5rem;
  box-decoration-break: clone;
}
.carte__heading-span--1 {
  background-image: linear-gradient(to right bottom, rgba(150, 153, 161, 0.85), rgba(34, 41, 48, 0.85));
}
.carte__heading-span--2 {
  background-image: linear-gradient(to right bottom, rgba(141, 183, 208, 0.85), rgba(53, 75, 87, 0.85));
}
.carte__heading-span--3 {
  background-image: linear-gradient(to right bottom, rgba(108, 172, 233, 0.85), rgba(12, 72, 236, 0.85));
}
.carte__details {
  padding: 3rem 1.5rem 1.5rem;
}
.carte__details ul {
  list-style: none;
  width: 80%;
  margin: 0 auto;
}
.carte__details ul li {
  text-align: center;
  font-size: 1.5rem;
  padding: 1rem;
}
.carte__details ul li:not(:last-child) {
  border-bottom: 0.1rem solid #999;
}
.carte__cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  text-align: center;
}
.carte__price-box {
  text-align: center;
  color: rgba(255, 255, 255, 0.906);
  margin-bottom: 8rem;
}
.carte__price-only {
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
}
.carte__price-value {
  font-size: 6rem;
  font-weight: 100;
}
@media only screen and (max-width: 56.25em) {
  .carte {
    height: auto;
    border-radius: 2rem;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.906);
    box-shadow: 1.5rem 1.5rem 4rem rgba(0, 0, 0, 0.15);
  }
  .carte__side {
    height: auto;
    position: relative;
    box-shadow: none;
    border-radius: 0;
  }
  .carte__side--back {
    transform: rotateY(0deg);
    clip-path: polygon(0 3.45rem, 100% 0, 100% 100%, 0 100%);
  }
  .carte:hover .carte__side--front {
    transform: rotateY(0deg);
  }
  .carte__details {
    padding: 1rem 1.5rem 0.5rem;
  }
  .carte__cta {
    position: relative;
    top: 0%;
    left: 0%;
    transform: translate(0);
    width: 100%;
    padding: 7rem 4rem 4rem 4rem;
  }
  .carte__price-box {
    margin-bottom: 3rem;
  }
  .carte__price-value {
    font-size: 4rem;
  }
}

.carte__side--back-p1,
.carte__side--back-p2,
.carte__side--back-p3 {
  color: rgba(255, 255, 255, 0.906);
  font-size: 1.8rem;
  text-align: justify;
  position: relative;
  margin-bottom: 10rem;
  margin-left: 2rem;
  margin-right: 2rem;
}

.cartes-icons {
  font-size: 4rem;
  color: rgba(255, 255, 255, 0.906);
}

.icon-strategy,
.icon-presentation,
.icon-tools,
.icon-gears {
  margin: 0 1rem 3rem 1rem;
}

.icon-desktop,
.icon-laptop,
.icon-mobile {
  margin: 0 0rem 3rem 0rem;
}

.icon-laptop,
.icon-mobile {
  font-size: 3rem;
}

.icon-ai-chip {
  display: inline-block;
  width: 4.4rem;
  height: 4.4rem;
  margin: 0 1rem 3rem 0;
  vertical-align: bottom;
  position: relative;
  top: 0.7rem;
  background-color: currentColor;
  -webkit-mask: url(/img/icons/ai-chip.svg) center/contain no-repeat;
  mask: url(/img/icons/ai-chip.svg) center/contain no-repeat;
}

.services-row-1 {
  background-size: cover;
  width: 30dvw;
  height: auto;
  background-blend-mode: screen;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.services-row-1--1 {
  background-image: linear-gradient(to right bottom, rgba(127, 127, 129, 0.855), rgba(88, 89, 92, 0.773)), url(/img//Chess/Chess-07-flipped.jpeg);
}

.services-details-box {
  position: relative;
  align-items: center;
  height: 30dvw;
  margin: 0 30dvw;
  background-blend-mode: screen;
  box-shadow: 1.5rem 1.5rem 4rem rgba(0, 0, 0, 0.15);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.services-details-box-1 {
  height: 30dvw;
  width: 40dvw;
  background-size: Cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right bottom, rgba(127, 127, 129, 0.855), rgba(88, 89, 92, 0.773)), url(/img/Chess/wall-of-gears-landscape.jpg);
}
.services-details-box-1--image-1 {
  background-color: rgba(255, 255, 4, 0.473);
}

/*
.services-details-box {
  // FUNCTIONALITY (flip card animation)
  perspective: 150rem;
  position: relative;
  height: 52rem;

  &-1 {
    height: 52rem;
    transition: all 0.8s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    backface-visibility: hidden;
    border-radius: 0.3rem;
    // overflow: hidden; // to hide ouside card rounded defined corners coming from background-blend-mode: screen;
    box-shadow: 1.5rem 1.5rem 4rem rgba($color-black, 0.15);

    &--image-1 {
      background-color: $services-cards-front-background-color;
    }
  }
}
*/
.services-details-head {
  font-size: 4rem;
  font-weight: 300;
  text-transform: uppercase;
  text-align: right;
  color: rgba(255, 255, 255, 0.906);
  position: absolute;
  top: 30rem;
  right: 1rem;
  width: 50%;
}
.services-details-head__heading-span {
  padding: 1rem 1.5rem;
  box-decoration-break: clone;
}
.services-details-head__heading-span--1 {
  background-image: linear-gradient(to right bottom, rgba(150, 153, 161, 0.85), rgba(34, 41, 48, 0.85));
}
.services-details-head__heading-span--2 {
  background-image: linear-gradient(to right bottom, rgba(141, 183, 208, 0.85), rgba(53, 75, 87, 0.85));
}
.services-details-head__heading-span--3 {
  background-image: linear-gradient(to right bottom, rgba(108, 172, 233, 0.85), rgba(12, 72, 236, 0.85));
}

.services-details-head-2 {
  font-size: 4rem;
  font-weight: 300;
  text-transform: uppercase;
  text-align: right;
  color: rgba(255, 255, 255, 0.906);
  position: absolute;
  top: 30rem;
  right: 1rem;
  width: 25%;
}
.services-details-head-2__heading-span {
  padding: 1rem 1.5rem;
  box-decoration-break: clone;
}
.services-details-head-2__heading-span--1 {
  background-image: linear-gradient(to right bottom, rgba(150, 153, 161, 0.85), rgba(34, 41, 48, 0.85));
}
.services-details-head-2__heading-span--2 {
  background-image: linear-gradient(to right bottom, rgba(141, 183, 208, 0.85), rgba(53, 75, 87, 0.85));
}
.services-details-head-2__heading-span--3 {
  background-image: linear-gradient(to right bottom, rgba(108, 172, 233, 0.85), rgba(12, 72, 236, 0.85));
}

.services-details-head-2-box {
  position: relative;
  top: -10%;
  margin: 0 40%;
}

@media only screen and (max-width: 30em) {
  .carte__cta {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .carte__side--back-p1,
  .carte__side--back-p2,
  .carte__side--back-p3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .carte__heading {
    line-height: 4.8rem;
    top: 12.7rem;
  }
}
@media only screen and (min-width: 30.0625em) and (max-width: 64em) {
  .carte__heading-span--1,
  .carte__heading-span--2,
  .carte__heading-span--3 {
    font-size: 3.51rem;
    line-height: 5.2026975rem;
    position: relative;
    top: -2.3rem;
  }
}
@media only screen and (min-width: 30.0625em) and (max-width: 64em) {
  .carte__picture--1 {
    background-position: 100% 35%;
  }
}
@media only screen and (min-width: 30.0625em) and (max-width: 64em) {
  .carte__picture--2 {
    background-position: center 51%;
  }
}
@media only screen and (max-width: 30em) {
  .carte__cta > .cartes-box,
  .carte__cta > div.cartes-icons,
  .carte__side--back-p1,
  .carte__side--back-p2,
  .carte__side--back-p3 {
    display: none;
  }
  .carte__cta {
    padding: 4.07rem 2rem 2.5rem 2rem;
  }
  .carte__picture {
    height: 13.8rem;
  }
  .carte__picture--2 {
    background-position: center 51%;
  }
  .carte__heading {
    font-size: 2.16rem;
    line-height: 3.84rem;
    top: 5.42rem;
  }
  .carte__side--back {
    clip-path: polygon(0 2.07rem, 100% 0, 100% 100%, 0 100%);
  }
  .carte__cta .boutton--white:link,
  .carte__cta .boutton--white:visited {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #2b2b2b;
  }
  .carte__cta .boutton--white .fa-arrow-right-card-back {
    color: #2b2b2b;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .carte__heading-span--1,
  .carte__heading-span--2,
  .carte__heading-span--3 {
    font-size: 2.457rem;
    line-height: 3.64188825rem;
  }
  .carte__side--back-p1,
  .carte__side--back-p2,
  .carte__side--back-p3 {
    font-size: 1.5rem;
  }
  .carte__side--back-p1,
  .carte__side--back-p2,
  .carte__side--back-p3 {
    margin-bottom: 5rem;
  }
  .carte__cta .cartes-icons {
    font-size: 2.8rem;
  }
  .carte__cta .icon-laptop,
  .carte__cta .icon-mobile {
    font-size: 2.1rem;
  }
  .carte__cta .icon-ai-chip {
    width: 3.08rem;
    height: 3.08rem;
    top: 0.49rem;
  }
}
/*
carousel configuration  ------------------------------------ */
.owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d5d5d5;
  margin: 5px 4px 0 4px;
  border: 2px solid #d5d5d5;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #232323;
  border-color: #232323;
}

.owl-theme p {
  color: white;
}

/* -------------------- MEDIA-QUERY max-width 991px START --------------------*/
@media screen and (max-width: 991px) {
  .testimonials .owl-theme .owl-dots {
    margin-top: 30px !important;
  }
}
/* -------------------- MEDIA-QUERY max-width 991px END --------------------*/
/* -------------------- MEDIA-QUERY max-width 767px START --------------------*/
@media screen and (max-width: 767px) {
  .testimonials .owl-theme .owl-dots {
    margin-top: 20px !important;
  }
}
.composition {
  position: relative;
}
.composition__photo {
  width: 55%;
  box-shadow: 1.5rem 1.5rem 4rem rgba(0, 0, 0, 0.4);
  border-radius: 0.2rem;
  position: absolute;
  z-index: 10;
  transition: all 0.2s;
  outline-offset: 2rem;
}
.composition__photo--p1 {
  top: -2rem;
  left: 0;
}
.composition__photo--p2 {
  top: 2rem;
  right: 0;
}
.composition__photo--p3 {
  top: 10rem;
  left: 20%;
}
.composition__photo:hover {
  outline: 1.5rem solid #6b8898;
  transform: scale(1.05) translateY(-0.5rem);
  box-shadow: 2.5rem 2.5rem 4rem rgba(0, 0, 0, 0.5);
  z-index: 20;
}
.composition:hover .composition__photo:not(:hover) {
  transform: scale(0.95);
}

.feature-box {
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 1.5rem;
  padding: 2.5rem;
  text-align: center;
  border-radius: 0.3rem;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
  transition: transform 0.3s;
}
.feature-box__icon {
  font-size: 6rem;
  margin-bottom: 0.5rem;
  display: inline-block;
  background-image: linear-gradient(to right, rgb(141, 183, 208), rgb(53, 75, 87));
  background-clip: text;
  color: transparent;
}
.feature-box:hover {
  transform: translateY(-1.5rem) scale(1.03);
}

.form__group:not(:last-child) {
  margin-bottom: 1.7rem;
}
.form__input {
  font-size: 1.5rem;
  font-family: inherit;
  color: inherit;
  padding: 1.5rem 2rem;
  border-radius: 0.2rem;
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  border-bottom: 0.3rem solid transparent;
  width: 90%;
  display: block;
  transition: all 0.3s;
}
.form__input:focus {
  outline: none;
  box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.2);
  border-bottom: 0.3rem solid #6b8898;
}
.form__input:focus:invalid {
  border-bottom: 0.3rem solid #ff7730;
}
.form__input::-webkit-input-placeholder {
  color: #999999;
}
.form__label {
  font-size: 1.2rem;
  font-weight: 700;
  margin-left: 2rem;
  margin-top: 0.4rem;
  display: block;
  transition: all 0.5s;
}
.form__input:placeholder-shown + .form__label {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4rem);
}
.form__radio-group {
  float: left;
  width: 40%;
}
.form__radio-input {
  display: none;
}
.form__radio-label {
  font-size: 1.6rem;
  cursor: pointer;
  position: relative;
  padding-left: 3.75rem;
}
.form__radio-button {
  height: 3rem;
  width: 3rem;
  border: 0.5rem solid #6b8898;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: -0.4rem;
  left: 0;
}
.form__radio-button::after {
  content: "";
  display: block;
  height: 1.3rem;
  width: 1.3rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #6b8898;
  opacity: 0;
  transition: opacity 0.2s;
}
.form__radio-input:checked ~ .form__radio-label .form__radio-button::after {
  opacity: 1;
}
.form .boutton {
  margin: 1rem 0 1rem 0;
}

.col-1-of-1 {
  width: 100%;
  padding: 0 17%;
}
@media only screen and (min-width: 30.0625em) and (max-width: 64em) {
  .col-1-of-1 {
    padding: 0 8.5%;
  }
}
@media only screen and (max-width: 30em) {
  .col-1-of-1 {
    width: 95vw;
    padding: 0;
  }
}

.col-1-of-2 {
  width: calc((100% - 6rem) / 2);
}

.col-1-of-3 {
  width: calc((100% - 2 * 6rem) / 3);
}

.col-1-of-4 {
  width: calc((100% - 3 * 6rem) / 4);
}

.col-2-of-3 {
  width: calc(2 * (100% - 2 * 6rem) / 3 + 6rem);
}

.col-2-of-4 {
  width: calc(2 * (100% - 3 * 6rem) / 4 + 6rem);
}

.col-3-of-4 {
  width: calc(3 * (100% - 3 * 6rem) / 4 + 2 * 6rem);
}

/* body {
  background-color:hsl(212, 29.20%, 18.80%);
  color: rgba(255, 255, 255, 0.75);
} */
.hover-zoom {
  height: 300px;
  overflow: hidden;
  border-radius: 1em;
  border: 0.5em solid var(--lab__border-color);
  transition: box-shadow 0.25s ease-in-out;
}

.hover-zoom--empty {
  background-color: rgba(255, 255, 255, 0.05);
  border-width: 0;
}

.hover-zoom:not(.hover-zoom--empty):hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.hover-zoom-title {
  text-align: center;
}

.hover-zoom--basic img {
  transition: transform 0.5s ease;
}

.hover-zoom--basic:hover img {
  transform: scale(1.2);
}

.hover-zoom--quick-zoom img {
  transform-origin: 0 0;
  transition: transform 0.25s, visibility 0.25s ease-in;
}

.hover-zoom--quick-zoom:hover img {
  transform: scale(2);
}

.hover-zoom--point-zoom img {
  transform-origin: 65% 75%;
  transition: transform 1s, filter 0.5s ease-out;
}

.hover-zoom--point-zoom:hover img {
  transform: scale(5);
}

.hover-zoom--zoom-n-rotate img {
  transition: transform 0.5s ease-in-out;
}

.hover-zoom--zoom-n-rotate:hover img {
  transform: scale(2) rotate(25deg);
}

.hover-zoom--slowmo img {
  transform-origin: 50% 65%;
  transition: transform 5s, filter 3s ease-in-out;
  filter: brightness(150%);
}

.hover-zoom--slowmo:hover img {
  filter: brightness(100%);
  transform: scale(3);
}

.hover-zoom--brightness img {
  transition: transform 2s, filter 1.5s ease-in-out;
  transform-origin: center center;
  filter: brightness(50%);
}

.hover-zoom--brightness:hover img {
  filter: brightness(100%);
  transform: scale(1.3);
}

.hover-zoom--zoom-n-pan-h img {
  transition: transform 0.5s ease-in-out;
  transform: scale(1.4);
  transform-origin: 100% 0;
}

.hover-zoom--zoom-n-pan-h:hover img {
  transform: scale(1.5) translateX(30%);
}

.hover-zoom--zoom-n-pan-v img {
  transition: transform 0.5s ease-in-out;
  transform: scale(1.4);
  transform-origin: 0 0;
}

.hover-zoom--zoom-n-pan-v:hover img {
  transform: scale(1.25) translateY(-30%);
}

.hover-zoom--blur img {
  transition: transform 1s, filter 2s ease-in-out;
  filter: blur(2px);
  transform: scale(1.2);
}

.hover-zoom--blur:hover img {
  filter: blur(0);
  transform: scale(1);
}

.hover-zoom--colorize img {
  transition: transform 0.5s, filter 1.5s ease-in-out;
  filter: grayscale(100%);
}

.hover-zoom--colorize:hover img {
  filter: grayscale(0);
  transform: scale(1.1);
}

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: white;
  display: table;
  text-align: center;
}
#preloader .preloader__loader {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 200px;
  height: 200px;
}
#preloader .preloader__loader--icon {
  width: 80px;
  height: 80px;
  border: 5px solid #232323;
  border-right-color: #eee;
  border-radius: 50%;
  position: relative;
  animation: loader-rotate 1s linear infinite;
  margin: 0 auto;
}

@keyframes loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.certified {
  margin-left: auto;
  margin-right: auto;
}

.cert {
  height: 4dvh;
  width: auto;
  margin: 1dvh 1.5dvh 1dvh 1.5dvh;
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .cert {
    height: 4dvw;
    margin: 1dvw 1.5dvw 1dvw 1.5dvw;
  }
}

.pro-certifications {
  height: auto;
  width: auto;
  margin: 2dvh auto 2dvh 0px;
}

.pro-studies {
  height: 70px;
  width: auto;
  margin: 5px 5px;
}

.pro-fes {
  margin: 15px 0px 0px 0px;
  font-weight: 300;
}

.pro-fes2 {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.tools {
  height: 40px;
  width: auto;
  margin: 10px 10px 0px 0px;
}

/*========================================================
                      Contact Form
=========================================================*/
/* MF
========================================================*/
.mfInput-1,
.mfInput-2,
.mfInput-3,
.mfInput-4,
.mfInput-5 {
  position: relative;
}

.mailform {
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.mailform input,
.mailform select,
.mailform textarea {
  padding: 14px 18px;
  border-radius: 0.8rem;
}

.mailform input:-moz-placeholder,
.mailform select:-moz-placeholder,
.mailform textarea:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.mailform input::-webkit-input-placeholder,
.mailform select::-webkit-input-placeholder,
.mailform textarea::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.mailform input::-moz-placeholder,
.mailform select::-moz-placeholder,
.mailform textarea::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.mailform input:-ms-input-placeholder,
.mailform select:-ms-input-placeholder,
.mailform textarea:-ms-input-placeholder {
  color: #888;
  opacity: 1;
}

/* MF Input
========================================================*/
.mfInput input:-webkit-autofill ~ .mfIcon span:before,
.mfInput textarea:-webkit-autofill ~ .mfIcon span:before {
  color: #2d2d2d;
}

/* MF Controls
========================================================*/
.mfControls {
  word-spacing: 10px;
  text-align: left;
}

.mfControls > * {
  word-spacing: normal;
  margin-bottom: 5px;
  min-width: 200px;
  width: auto;
  font-family: inherit;
  font-size: 17px;
  letter-spacing: -0.5px;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

@media (max-width: 767px) {
  .mfControls > * {
    width: 100%;
  }
}
/* Mail Form PlaceHolder
========================================================*/
.mfPlaceHolder {
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  font: inherit;
  cursor: text;
  position: absolute;
  left: 10px;
  top: 0;
  padding: 14px 18px;
  line-height: 26px;
  color: #888;
  opacity: 1;
}

*:-webkit-autofill ~ .mfPlaceHolder {
  opacity: 1;
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
  font-size: 14px;
}

.mfPlaceHolder.state-1 {
  opacity: 1;
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
  font-size: 14px;
}

/* Mail Form Validation
  ========================================================*/
.mfValidation {
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -webkit-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -moz-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -ms-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -o-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  background: #888;
  position: absolute;
  width: 210px;
  margin-left: -105px;
  padding: 10px;
  height: 40px;
  line-height: 20px;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  bottom: -30px;
  right: 0px;
  font-weight: 300;
  font-size: 12px;
  color: #fff;
  z-index: 999;
}

.mfValidation:hover {
  background: #6f6f6f;
}

.mfValidation:before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 10%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #888 transparent;
}

.mfValidation:hover:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #6f6f6f transparent;
}

.mfValidation.error {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -moz-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -ms-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -o-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
}

@media (max-width: 767px) {
  .mfValidation {
    text-align: right;
    top: auto;
    left: auto;
    top: -20px;
    right: 0;
    background: none;
    padding: 0;
    margin: 0 0 3px;
    min-height: 0;
    color: #da7b77;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .mfValidation:before {
    display: none;
  }
  .mfValidation:hover {
    background: none;
    right: 5px;
  }
}
@-ms-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-o-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-webkit-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-moz-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-ms-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* Mail Form Date Picker
========================================================*/
/* Mail Form Icon
========================================================*/
/* Mail Form Submit
========================================================*/
.mfProgress {
  position: relative;
}

.mfProgress .cnt,
.mfProgress .loader {
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}

.mfProgress .loader {
  opacity: 0;
  text-align: center;
  letter-spacing: 10px;
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.mfProgress .loader,
.mfProgress .loader:before,
.mfProgress .loader:after {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  margin: auto;
  height: auto;
}

.mfProgress .loader:before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
}

.mfProgress .loader:after {
  content: "";
  width: 30px;
  height: 50px;
  color: #fff;
  font: 400 30px "FontAwesome";
  line-height: 50px;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  -moz-transform: scale(0) rotate(-60deg);
  -ms-transform: scale(0) rotate(-60deg);
  -o-transform: scale(0) rotate(-60deg);
  -webkit-transform: scale(0) rotate(-60deg);
  transform: scale(0) rotate(-60deg);
}

.mfProgress.sending .cnt,
.mfProgress.fail .cnt,
.mfProgress.success .cnt {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
}

.mfProgress.sending .loader,
.mfProgress.fail .loader,
.mfProgress.success .loader {
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.mfProgress.fail .loader:before,
.mfProgress.success .loader:before {
  -webkit-animation: fout 0.4s ease-in-out 1 forwards;
  -moz-animation: fout 0.4s ease-in-out 1 forwards;
  -ms-animation: fout 0.4s ease-in-out 1 forwards;
  -o-animation: fout 0.4s ease-in-out 1 forwards;
  animation: fout 0.4s ease-in-out 1 forwards;
  opacity: 0;
}

.mfProgress.fail .loader:after,
.mfProgress.success .loader:after {
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

.mfProgress.sending .loader:before {
  -webkit-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -moz-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -ms-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -o-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.mfProgress.fail .loader:after {
  content: "\f06a";
}

.mfProgress.success .loader:after {
  content: "\f058";
}

.mfProgress .msg {
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -webkit-animation: notifanim-fo 0.4s ease-in-out forwards;
  -moz-animation: notifanim-fo 0.4s ease-in-out forwards;
  -ms-animation: notifanim-fo 0.4s ease-in-out forwards;
  -o-animation: notifanim-fo 0.4s ease-in-out forwards;
  animation: notifanim-fo 0.4s ease-in-out forwards;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  padding: 15px;
  font-size: 16px;
  line-height: 20px;
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 100%;
  width: 400px;
  margin-left: 20px;
  margin-top: 0;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  background: #da7b77;
  color: #fff;
}

.mfProgress .msg:before {
  content: "";
  position: absolute;
  margin-top: -6px;
  top: 50%;
  right: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #111 transparent transparent;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}

@media (max-width: 767px) {
  .mfProgress .msg {
    width: 230px;
    top: 100%;
    left: 50%;
    margin-top: 20px;
    margin-left: -115px;
  }
  .mfProgress .msg:before {
    right: 50%;
    top: auto;
    bottom: 100%;
    margin-right: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #111 transparent;
  }
}
.mfProgress.fail .msg,
.mfProgress.success .msg {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-animation: notifanim 0.4s ease-in-out forwards;
  -moz-animation: notifanim 0.4s ease-in-out forwards;
  -ms-animation: notifanim 0.4s ease-in-out forwards;
  -o-animation: notifanim 0.4s ease-in-out forwards;
  animation: notifanim 0.4s ease-in-out forwards;
}

.mfProgress.fail .msg {
  background: #f44336;
}

.mfProgress.fail .msg:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #f44336 transparent transparent;
}

@media (max-width: 767px) {
  .mfProgress.fail .msg:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #f44336 transparent;
  }
}
.mfProgress.success .msg {
  background: #2e7d32;
}

.mfProgress.success .msg:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #2e7d32 transparent transparent;
}

@media (max-width: 767px) {
  .mfProgress.success .msg:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #2e7d32 transparent;
  }
}
@-ms-keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@-o-keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@-webkit-keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@-moz-keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@-ms-keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-o-keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-webkit-keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-moz-keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
/* Mail Form Select
========================================================*/
@-ms-keyframes dropd-anim-fo {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(30px);
    opacity: 0;
  }
}
@-o-keyframes dropd-anim-fo {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(30px);
    opacity: 0;
  }
}
@-webkit-keyframes dropd-anim-fo {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(30px);
    opacity: 0;
  }
}
@-moz-keyframes dropd-anim-fo {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(30px);
    opacity: 0;
  }
}
@keyframes dropd-anim-fo {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(30px);
    opacity: 0;
  }
}
@-ms-keyframes dropd-anim {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-o-keyframes dropd-anim {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes dropd-anim {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes dropd-anim {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes dropd-anim {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* MOCKUPS  -------------------------------------------------------- */
/* MOCKUPS BUNDLE ----------------------------------------------- */
.mockup-scene {
  position: relative;
}

.bundle-ipad,
.bundle-iphone,
.bundle-macbookpro {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

/* MOCKUPS iPhone ----------------------------------------------- */
.mockup-iphone {
  display: block;
  margin-right: 0px;
  padding-right: 0px;
  position: relative;
  right: -15.5px;
}

/* -- Parallax Window Section--- */
/* requires sources to Jquery and Parallax.js in the HTML doc */
.parallax {
  min-height: 50px;
  padding: 35px 35px 80px 35px;
  background: transparent;
}

.parallax p {
  z-index: 1;
}

.parallax-info {
  position: relative;
  z-index: 1;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* -- Parallax Window Section END --- */
.popup {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 4000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.popup__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  background-color: rgba(255, 255, 255, 0.906);
  box-shadow: 2rem 2rem 4rem rgba(0, 0, 0, 0.3);
  border-radius: 0.3rem;
  display: table;
  overflow: hidden;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.25);
  transition: all 0.4s 0.2s;
}
.popup__left {
  width: 33.3333333%;
  display: table-cell;
}
.popup__right {
  width: 66.6666667%;
  display: table-cell;
  vertical-align: middle;
  padding: 3rem 5rem;
}
.popup__img {
  display: block;
  width: 100%;
}
.popup__text {
  font-size: 1.4rem;
  margin-bottom: 4rem;
  column-count: 2;
  column-gap: 4rem;
  column-rule: 0.1rem solid #eee;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.popup:target {
  opacity: 1;
  visibility: visible;
}
.popup:target .popup__content {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.popup__close:link, .popup__close:visited {
  color: #777777;
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  font-size: 3rem;
  text-decoration: none;
  display: inline-block;
  transition: all 0.2s;
  line-height: 1rem;
}
.popup__close:hover {
  color: #6b8898;
}

/*
carousel configuration  ------------------------------------ */
.owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d5d5d5;
  margin: 5px 4px 0 4px;
  border: 2px solid #d5d5d5;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #232323;
  border-color: #232323;
}

.owl-theme p {
  color: white;
}

/* -------------------- MEDIA-QUERY max-width 991px START --------------------*/
@media screen and (max-width: 991px) {
  .testimonials .owl-theme .owl-dots {
    margin-top: 30px !important;
  }
}
/* -------------------- MEDIA-QUERY max-width 991px END --------------------*/
/* -------------------- MEDIA-QUERY max-width 767px START --------------------*/
@media screen and (max-width: 767px) {
  .testimonials .owl-theme .owl-dots {
    margin-top: 20px !important;
  }
}
/* --------------------- Banner-words-wrapper -------------------- */
.banner {
  align-content: center;
  overflow: hidden;
  margin: 0;
}
.banner__row {
  position: relative;
  width: 1140px;
}
.banner__div {
  position: absolute;
  text-align: center;
}
.banner__words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.banner__words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.banner__words-wrapper b.is-visible {
  position: relative;
  font-weight: 600;
}
.banner__headline.clip span {
  display: inline-block;
  padding: 0.2em 0;
}
.banner__headline.clip .banner__words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.banner__headline.clip .banner__words-wrapper:after {
  content: "";
  position: absolute;
  top: 10%;
  right: 0;
  width: 2px;
  height: 70%;
  background-color: rgba(255, 255, 255, 0.65);
}
.banner__headline.clip b {
  opacity: 0;
}
.banner__headline b.is-visible {
  opacity: 1;
}

.no-js .banner__words-wrapper b {
  opacity: 1;
}

.no-js .banner__words-wrapper b.is-visible {
  opacity: 1;
}

:root {
  --star-size: 30px;
  --star-color: rgba(39, 34, 34, 0.801);
  --star-color: rgba(226, 218, 218, 0.521);
  --star-background: rgba(255, 204, 0, 0.952);
  --star-background: rgba(119, 111, 111, 0.521);
  --star-background: rgba(39, 34, 34, 0.801);
  --star-background: rgba(255, 208, 0, 0.945);
}

.stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 0.75;
}
.stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 
body {
  background: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

* {
  position: relative;
  box-sizing: border-box;
}

*/
.consent-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3000;
  padding: 2rem;
  background-color: rgba(20, 24, 28, 0.97);
  color: #f2f2f2;
  font-family: "Lato", sans-serif;
  font-size: 1.5rem;
  line-height: 1.5;
  box-shadow: 0 -0.5rem 3rem rgba(0, 0, 0, 0.35);
}
.consent-banner__inner {
  max-width: 110rem;
  margin: 0 auto;
}
.consent-banner__title {
  margin: 0 0 0.8rem 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
}
.consent-banner__intro {
  margin: 0 0 1rem 0;
}
.consent-banner__details {
  margin: 0 0 1rem 0;
}
.consent-banner__option {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 0.6rem;
  cursor: pointer;
}
.consent-banner__option input {
  flex: 0 0 auto;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0.4rem 0 0 0;
  padding: 0;
}
.consent-banner__option span {
  flex: 1 1 auto;
  min-width: 0;
}
.consent-banner__links {
  margin: 0 0 1.2rem 0;
  font-size: 1.3rem;
}
.consent-banner__links a {
  color: #cfd8dc;
  text-decoration: underline;
}
.consent-banner__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 1rem;
}
.consent-banner__button {
  padding: 0.9rem 2rem;
  border: 1px solid #f2f2f2;
  border-radius: 3rem;
  background-color: transparent;
  color: #f2f2f2;
  font-size: 1.4rem;
  font-weight: 700;
  cursor: pointer;
}
.consent-banner__button:hover, .consent-banner__button:focus-visible {
  background-color: #f2f2f2;
  color: #14181c;
}
@media only screen and (max-width: 30em) {
  .consent-banner {
    padding: 1.5rem;
    font-size: 1.35rem;
  }
  .consent-banner__buttons {
    flex-direction: column-reverse;
  }
  .consent-banner__button {
    width: 100%;
  }
}

.consent-placeholder {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 2rem;
  background-color: #2b2b2b;
  color: #e0e0e0;
  text-align: center;
  font-size: 1.4rem;
}
.consent-placeholder[hidden] {
  display: none;
}
.consent-placeholder__text {
  max-width: 50rem;
  margin: 0;
}
.consent-placeholder__button {
  padding: 0.8rem 2rem;
  border: 1px solid #e0e0e0;
  border-radius: 3rem;
  background-color: transparent;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  cursor: pointer;
}
.consent-placeholder__button:hover, .consent-placeholder__button:focus-visible {
  background-color: #e0e0e0;
  color: #222;
}
.consent-placeholder__link {
  color: #bdbdbd;
  font-size: 1.2rem;
  text-decoration: underline;
}

.footer-legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem 1.6rem;
  padding-bottom: 0.6rem;
  font-size: 1.2rem;
}
.footer-legal a {
  color: rgba(219, 219, 219, 0.945);
  text-decoration: none;
}
.footer-legal a:hover, .footer-legal a:focus-visible {
  color: #fff;
  text-decoration: underline;
}
.footer-legal__us {
  display: none;
}
.consent-region-us .footer-legal__us {
  display: inline;
}

.contact-form-privacy {
  width: 100%;
  margin: 0.5rem 0 0 0;
  font-size: 1.2rem;
  text-align: center;
  color: #888;
}
.contact-form-privacy a {
  color: #555;
  text-decoration: underline;
}

.navigation__checkbox {
  display: none;
}
.navigation__button {
  background-color: rgba(255, 255, 255, 0.6);
  height: 4.5rem;
  width: 4.5rem;
  position: fixed;
  top: 1.4rem;
  right: 2.5rem;
  border-radius: 100rem;
  box-shadow: 1rem 1rem 3rem rgba(63, 63, 63, 0.2);
  text-align: center;
  cursor: pointer;
  backface-visibility: hidden;
  z-index: 2000;
}
.navigation__background {
  height: 4.5rem;
  width: 4.5rem;
  border-radius: 50%;
  position: fixed;
  top: 1.4rem;
  right: 2.5rem;
  background-image: radial-gradient(#738896, #5c7a8a);
  transition: transform 0.7s cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 1000;
}
.navigation__nav {
  height: 100dvh;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  opacity: 0;
  width: 0;
  transition: all 0.7s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  z-index: 1500;
}
.navigation__list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  list-style: none;
  text-align: center;
  width: 100%;
}
.navigation__item {
  margin: 2rem;
}
.navigation__link:link, .navigation__link:visited {
  display: inline-block;
  font-size: 3rem;
  font-weight: 300;
  padding: 1rem 2rem;
  color: rgba(255, 255, 255, 0.906);
  text-decoration: none;
  text-transform: uppercase;
  background-image: linear-gradient(120deg, transparent 0%, transparent 50%, rgba(255, 255, 255, 0.906) 50%);
  background-size: 240%;
  transition: all 0.4s;
}
.navigation__link:link span, .navigation__link:visited span {
  display: inline-block;
  margin-right: 1.5rem;
}
.navigation__link:hover, .navigation__link:active {
  background-position: 100%;
  color: #6b8898;
  transform: translateX(1rem);
}
.navigation__checkbox:checked ~ .navigation__background {
  transform: scale(250);
}
.navigation__checkbox:checked ~ .navigation__nav {
  opacity: 1;
  width: 100%;
}
.navigation__icon {
  position: relative;
  margin-top: 2.2rem;
}
.navigation__icon, .navigation__icon::before, .navigation__icon::after {
  width: 2.5rem;
  height: 2px;
  background-color: #333;
  display: inline-block;
}
.navigation__icon::before, .navigation__icon::after {
  content: "";
  position: absolute;
  left: 0;
  transition: all 0.2s;
}
.navigation__icon::before {
  top: -0.8rem;
}
.navigation__icon::after {
  top: 0.8rem;
}
.navigation__button:hover .navigation__icon::before {
  top: -1rem;
}
.navigation__button:hover .navigation__icon::after {
  top: 1rem;
}
.navigation__checkbox:checked + .navigation__button .navigation__icon {
  background-color: transparent;
}
.navigation__checkbox:checked + .navigation__button .navigation__icon::before {
  top: 0;
  transform: rotate(135deg);
}
.navigation__checkbox:checked + .navigation__button .navigation__icon::after {
  top: 0;
  transform: rotate(-135deg);
}

/* ========= MEDIA QUERIES ======= START */
@media only screen and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none) {
  /* Breakpoint = mobile | min-Width= 320px or 20em | max-width = 956px or 59.75em | Orientation = portrait | Hover = none  */
  .navigation__button {
    top: 2rem;
    right: 2rem;
  }
  .navigation__background {
    top: 2rem;
    right: 2rem;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) {
  /* Breakpoint = mobile-land | min-Width= 320px or 20em | max-width = 956px or 59.75em | Orientation = landscape | Hover = none  */
  .navigation__button {
    top: 2rem;
    right: 2rem;
  }
  .navigation__background {
    top: 2rem;
    right: 2rem;
  }
}
@media only screen and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none) {
  /* Breakpoint = tablet-s | min-Width= 481px or 30.063em | max-width = 767px or 47.938em | Orientation = portrait | Hover = none  */
  .navigation__button {
    top: 3rem;
    right: 3rem;
  }
  .navigation__background {
    top: 3rem;
    right: 3rem;
  }
}
@media only screen and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none) {
  /* Breakpoint = tablet-s-land | min-Width= 481px or 30.063em | max-width = 767px or 47.938em | Orientation = landscape | Hover = none  */
  .navigation__button {
    top: 3rem;
    right: 3rem;
  }
  .navigation__background {
    top: 3rem;
    right: 3rem;
  }
}
@media only screen and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none) {
  /* Breakpoint = tablet-m | min-Width= 768px or 48em | max-width = 1112px or 69.5em | Orientation = portrait | Hover = none  */
  .navigation__button {
    top: 3rem;
    right: 3rem;
  }
  .navigation__background {
    top: 3rem;
    right: 3rem;
  }
}
@media only screen and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none) {
  /* Breakpoint = tablet-m-land | min-Width= 768px or 48em | max-width = 1112px or 69.5em | Orientation = landscape | Hover = none  */
  .navigation__button {
    top: 3rem;
    right: 3rem;
  }
  .navigation__background {
    top: 3rem;
    right: 3rem;
  }
}
@media only screen and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none) {
  /* Breakpoint = tablet-l | min-Width= 834px or 52.125em | max-width = 1366px or 85.375em | Orientation = portrait | Hover = none  */
  .navigation__button {
    top: 3rem;
    right: 3rem;
  }
  .navigation__background {
    top: 3rem;
    right: 3rem;
  }
}
@media only screen and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none) {
  /* Breakpoint = tablet-l-land | min-Width= 834px or 52.125em | max-width = 1366px or 85.375em | Orientation = landscape | Hover = none  */
  .navigation__button {
    top: 3rem;
    right: 3rem;
  }
  .navigation__background {
    top: 3rem;
    right: 3rem;
  }
}
@media only screen and (min-width: 62em) and (hover: hover) {
  /* Breakpoint = pc-s | min-Width= 992px or 62em | Hover = hover */
}
@media only screen and (min-width: 64.063em) and (hover: hover) {
  /* Breakpoint = pc-m | min-Width= 1025px or 64.063em | Hover = hover */
}
@media only screen and (min-width: 80.063em) and (hover: hover) {
  /* Breakpoint = pc-l | min-Width= 1281px or 80.063em | Hover = hover */
}
@media only screen and (min-width: 160em) and (hover: hover) {
  /* Breakpoint = pc-xl | min-Width= 2560px or 160em | Hover = hover */
}
.navigation__button,
.navigation__background {
  top: calc(33px - 2.25rem);
  right: 15px;
}

@media only screen and (max-width: 30em) {
  .navigation__button {
    top: calc(15px + 1.225dvh - 1.575rem);
    transform: scale(0.7);
    transform-origin: right top;
  }
  .navigation__background {
    width: 3.15rem;
    height: 3.15rem;
    top: calc(15px + 1.225dvh - 1.575rem);
  }
}
@media only screen and (max-width: 47.9375em) {
  .navigation__item:has(> a[href="#03-experiences"]) {
    display: none;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em) {
  .navigation__item:has(> a[href="#03-experiences"]) {
    display: none;
  }
  .navigation__list {
    max-height: 100dvh;
    overflow-y: auto;
  }
  .navigation__item {
    margin: 0.4rem;
  }
  .navigation__link:link, .navigation__link:visited {
    font-size: 2rem;
    line-height: 1.2;
    padding: 0.6rem 2rem;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .navigation__button {
    transform: scale(0.7);
    transform-origin: right top;
  }
  .navigation__background {
    width: 3.15rem;
    height: 3.15rem;
  }
}
/* 
HEADER ------------------------------------------------------------------------ */
.header {
  height: 108dvh;
  width: 100%;
  /*
  background-image: linear-gradient(
      to right bottom,
      $header-color-background-image-top,
      $header-color-background-image-bottom
    ),
    url(../img/header/officeEmpty/LYCS_BLUR_1920x1080_003_BLUR-EMPTY@0.5x.png);
    */
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), url(../img/header/officeEmpty/LYCS_BLUR_1920x1080_003_BLUR-EMPTY@0.5x.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  clip-path: polygon(100% 0, 100% 100dvh, 50% calc(100dvh + var(--section-sep, 8dvh)), 0 100dvh, 0 0);
  z-index: 100;
}
.header::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='481.44' height='360.0'%3E%3Cdefs%3E%3Cg id='f0'%3E%3Ctext%3E0%3Canimate attributeName='opacity' values='1;0' dur='2.36s' begin='-0.06s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext opacity='0'%3E1%3Canimate attributeName='opacity' values='0;1' dur='2.36s' begin='-0.06s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3Cg id='f1'%3E%3Ctext%3E0%3Canimate attributeName='opacity' values='1;0' dur='1.51s' begin='-0.34s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext opacity='0'%3E1%3Canimate attributeName='opacity' values='0;1' dur='1.51s' begin='-0.34s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3Cg id='f2'%3E%3Ctext%3E0%3Canimate attributeName='opacity' values='1;0' dur='2.59s' begin='-1.75s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext opacity='0'%3E1%3Canimate attributeName='opacity' values='0;1' dur='2.59s' begin='-1.75s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3Cg id='f3'%3E%3Ctext%3E0%3Canimate attributeName='opacity' values='1;0' dur='2.96s' begin='-0.26s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext opacity='0'%3E1%3Canimate attributeName='opacity' values='0;1' dur='2.96s' begin='-0.26s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3Cg id='f4'%3E%3Ctext%3E0%3Canimate attributeName='opacity' values='1;0' dur='1.85s' begin='-0.06s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext opacity='0'%3E1%3Canimate attributeName='opacity' values='0;1' dur='1.85s' begin='-0.06s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3Cg id='f5'%3E%3Ctext%3E0%3Canimate attributeName='opacity' values='1;0' dur='1.37s' begin='-0.69s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext opacity='0'%3E1%3Canimate attributeName='opacity' values='0;1' dur='1.37s' begin='-0.69s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3Cg id='f6'%3E%3Ctext%3E0%3Canimate attributeName='opacity' values='1;0' dur='0.92s' begin='-0.18s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext opacity='0'%3E1%3Canimate attributeName='opacity' values='0;1' dur='0.92s' begin='-0.18s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3Cg id='f7'%3E%3Ctext%3E0%3Canimate attributeName='opacity' values='1;0' dur='2.39s' begin='-1.3s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext opacity='0'%3E1%3Canimate attributeName='opacity' values='0;1' dur='2.39s' begin='-1.3s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3Cg id='f8'%3E%3Ctext%3E0%3Canimate attributeName='opacity' values='1;0' dur='1.38s' begin='-0.81s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext opacity='0'%3E1%3Canimate attributeName='opacity' values='0;1' dur='1.38s' begin='-0.81s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3Cg id='f9'%3E%3Ctext%3E0%3Canimate attributeName='opacity' values='1;0' dur='2.77s' begin='-0.02s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext opacity='0'%3E1%3Canimate attributeName='opacity' values='0;1' dur='2.77s' begin='-0.02s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3Cg id='f10'%3E%3Ctext%3E0%3Canimate attributeName='opacity' values='1;0' dur='2.76s' begin='-1.93s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext opacity='0'%3E1%3Canimate attributeName='opacity' values='0;1' dur='2.76s' begin='-1.93s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3Cg id='f11'%3E%3Ctext%3E0%3Canimate attributeName='opacity' values='1;0' dur='1.66s' begin='-0.26s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext opacity='0'%3E1%3Canimate attributeName='opacity' values='0;1' dur='1.66s' begin='-0.26s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3C/defs%3E%3Cg fill='rgba(255, 255, 255, 0.801)' fill-opacity='0.6' font-family='Courier New, monospace' font-size='21.6'%3E%3Ctext x='0 42.5 56.6 70.8 85 155.8 169.9 212.4 240.7 254.9 269 311.5 339.8 354 410.6 439' y='26.4'%3E0001000010000100%3C/text%3E%3Ctext x='28.3 42.5 141.6 169.9 184.1 212.4 240.7 269 297.4 311.5 382.3 424.8 439 453.1 467.3' y='56.4'%3E001100110001100%3C/text%3E%3Ctext x='14.2 42.5 70.8 85 127.4 141.6 169.9 240.7 254.9 311.5 325.7 339.8 354 396.5 410.6' y='86.4'%3E101011010011111%3C/text%3E%3Ctext x='14.2 42.5 56.6 70.8 99.1 127.4 212.4 226.6 311.5 339.8 354 368.2 396.5 453.1' y='116.4'%3E10000011101111%3C/text%3E%3Ctext x='0 28.3 56.6 70.8 99.1 113.3 127.4 184.1 226.6 297.4 396.5 410.6 424.8 453.1' y='146.4'%3E00000010110011%3C/text%3E%3Ctext x='0 28.3 42.5 56.6 70.8 127.4 141.6 226.6 269 325.7 339.8 354 368.2 396.5 424.8 439' y='176.4'%3E0101110110111001%3C/text%3E%3Ctext x='0 42.5 56.6 85 99.1 141.6 155.8 169.9 240.7 254.9 269 339.8 382.3 396.5 410.6' y='206.4'%3E110011010001000%3C/text%3E%3Ctext x='0 14.2 28.3 42.5 127.4 141.6 155.8 169.9 198.2 212.4 254.9 283.2 297.4 325.7 339.8 382.3 396.5 410.6 467.3' y='236.4'%3E1110001000010001000%3C/text%3E%3Ctext x='28.3 85 99.1 141.6 155.8 198.2 269 283.2 311.5 325.7 354 382.3 396.5 410.6 424.8' y='266.4'%3E101001010011011%3C/text%3E%3Ctext x='0 14.2 28.3 42.5 70.8 113.3 127.4 141.6 169.9 198.2 212.4 226.6 254.9 269 311.5 325.7 339.8 410.6 467.3' y='296.4'%3E1101100100110110000%3C/text%3E%3Ctext x='70.8 99.1 113.3 155.8 254.9 269 311.5 354 382.3 439 453.1' y='326.4'%3E00000100011%3C/text%3E%3Ctext x='14.2 28.3 42.5 70.8 113.3 184.1 198.2 212.4 226.6 311.5 339.8 354 396.5 410.6 424.8 453.1 467.3' y='356.4'%3E01010001100001110%3C/text%3E%3Cuse href='%23f1' x='14.2' y='26.4'/%3E%3Cuse href='%23f5' x='28.3' y='26.4'/%3E%3Cuse href='%23f8' x='184.1' y='26.4'/%3E%3Cuse href='%23f10' x='198.2' y='26.4'/%3E%3Cuse href='%23f3' x='297.4' y='26.4'/%3E%3Cuse href='%23f7' x='424.8' y='26.4'/%3E%3Cuse href='%23f5' x='453.1' y='26.4'/%3E%3Cuse href='%23f10' x='0.0' y='56.4'/%3E%3Cuse href='%23f10' x='14.2' y='56.4'/%3E%3Cuse href='%23f11' x='56.6' y='56.4'/%3E%3Cuse href='%23f7' x='113.3' y='56.4'/%3E%3Cuse href='%23f10' x='127.4' y='56.4'/%3E%3Cuse href='%23f5' x='155.8' y='56.4'/%3E%3Cuse href='%23f0' x='198.2' y='56.4'/%3E%3Cuse href='%23f9' x='254.9' y='56.4'/%3E%3Cuse href='%23f10' x='283.2' y='56.4'/%3E%3Cuse href='%23f2' x='396.5' y='56.4'/%3E%3Cuse href='%23f8' x='410.6' y='56.4'/%3E%3Cuse href='%23f2' x='0.0' y='86.4'/%3E%3Cuse href='%23f0' x='28.3' y='86.4'/%3E%3Cuse href='%23f2' x='56.6' y='86.4'/%3E%3Cuse href='%23f6' x='113.3' y='86.4'/%3E%3Cuse href='%23f8' x='155.8' y='86.4'/%3E%3Cuse href='%23f11' x='184.1' y='86.4'/%3E%3Cuse href='%23f8' x='226.6' y='86.4'/%3E%3Cuse href='%23f4' x='269.0' y='86.4'/%3E%3Cuse href='%23f8' x='382.3' y='86.4'/%3E%3Cuse href='%23f10' x='424.8' y='86.4'/%3E%3Cuse href='%23f10' x='0.0' y='116.4'/%3E%3Cuse href='%23f5' x='28.3' y='116.4'/%3E%3Cuse href='%23f5' x='113.3' y='116.4'/%3E%3Cuse href='%23f5' x='141.6' y='116.4'/%3E%3Cuse href='%23f0' x='240.7' y='116.4'/%3E%3Cuse href='%23f9' x='254.9' y='116.4'/%3E%3Cuse href='%23f7' x='325.7' y='116.4'/%3E%3Cuse href='%23f10' x='382.3' y='116.4'/%3E%3Cuse href='%23f9' x='467.3' y='116.4'/%3E%3Cuse href='%23f8' x='14.2' y='146.4'/%3E%3Cuse href='%23f10' x='85.0' y='146.4'/%3E%3Cuse href='%23f3' x='141.6' y='146.4'/%3E%3Cuse href='%23f0' x='169.9' y='146.4'/%3E%3Cuse href='%23f3' x='198.2' y='146.4'/%3E%3Cuse href='%23f11' x='212.4' y='146.4'/%3E%3Cuse href='%23f0' x='283.2' y='146.4'/%3E%3Cuse href='%23f3' x='311.5' y='146.4'/%3E%3Cuse href='%23f7' x='368.2' y='146.4'/%3E%3Cuse href='%23f2' x='382.3' y='146.4'/%3E%3Cuse href='%23f7' x='439.0' y='146.4'/%3E%3Cuse href='%23f1' x='467.3' y='146.4'/%3E%3Cuse href='%23f6' x='14.2' y='176.4'/%3E%3Cuse href='%23f6' x='85.0' y='176.4'/%3E%3Cuse href='%23f3' x='155.8' y='176.4'/%3E%3Cuse href='%23f7' x='169.9' y='176.4'/%3E%3Cuse href='%23f2' x='184.1' y='176.4'/%3E%3Cuse href='%23f3' x='212.4' y='176.4'/%3E%3Cuse href='%23f8' x='240.7' y='176.4'/%3E%3Cuse href='%23f10' x='254.9' y='176.4'/%3E%3Cuse href='%23f7' x='382.3' y='176.4'/%3E%3Cuse href='%23f0' x='453.1' y='176.4'/%3E%3Cuse href='%23f7' x='14.2' y='206.4'/%3E%3Cuse href='%23f11' x='28.3' y='206.4'/%3E%3Cuse href='%23f4' x='113.3' y='206.4'/%3E%3Cuse href='%23f0' x='127.4' y='206.4'/%3E%3Cuse href='%23f9' x='184.1' y='206.4'/%3E%3Cuse href='%23f8' x='297.4' y='206.4'/%3E%3Cuse href='%23f2' x='311.5' y='206.4'/%3E%3Cuse href='%23f1' x='325.7' y='206.4'/%3E%3Cuse href='%23f1' x='368.2' y='206.4'/%3E%3Cuse href='%23f1' x='467.3' y='206.4'/%3E%3Cuse href='%23f11' x='56.6' y='236.4'/%3E%3Cuse href='%23f4' x='99.1' y='236.4'/%3E%3Cuse href='%23f10' x='113.3' y='236.4'/%3E%3Cuse href='%23f9' x='184.1' y='236.4'/%3E%3Cuse href='%23f3' x='240.7' y='236.4'/%3E%3Cuse href='%23f5' x='269.0' y='236.4'/%3E%3Cuse href='%23f2' x='311.5' y='236.4'/%3E%3Cuse href='%23f10' x='354.0' y='236.4'/%3E%3Cuse href='%23f2' x='0.0' y='266.4'/%3E%3Cuse href='%23f1' x='14.2' y='266.4'/%3E%3Cuse href='%23f4' x='42.5' y='266.4'/%3E%3Cuse href='%23f10' x='113.3' y='266.4'/%3E%3Cuse href='%23f0' x='169.9' y='266.4'/%3E%3Cuse href='%23f6' x='184.1' y='266.4'/%3E%3Cuse href='%23f5' x='212.4' y='266.4'/%3E%3Cuse href='%23f11' x='297.4' y='266.4'/%3E%3Cuse href='%23f11' x='368.2' y='266.4'/%3E%3Cuse href='%23f2' x='439.0' y='266.4'/%3E%3Cuse href='%23f5' x='453.1' y='266.4'/%3E%3Cuse href='%23f3' x='56.6' y='296.4'/%3E%3Cuse href='%23f8' x='85.0' y='296.4'/%3E%3Cuse href='%23f3' x='155.8' y='296.4'/%3E%3Cuse href='%23f11' x='240.7' y='296.4'/%3E%3Cuse href='%23f2' x='396.5' y='296.4'/%3E%3Cuse href='%23f0' x='424.8' y='296.4'/%3E%3Cuse href='%23f7' x='0.0' y='326.4'/%3E%3Cuse href='%23f3' x='14.2' y='326.4'/%3E%3Cuse href='%23f10' x='28.3' y='326.4'/%3E%3Cuse href='%23f5' x='42.5' y='326.4'/%3E%3Cuse href='%23f1' x='56.6' y='326.4'/%3E%3Cuse href='%23f10' x='85.0' y='326.4'/%3E%3Cuse href='%23f0' x='169.9' y='326.4'/%3E%3Cuse href='%23f4' x='212.4' y='326.4'/%3E%3Cuse href='%23f4' x='226.6' y='326.4'/%3E%3Cuse href='%23f9' x='240.7' y='326.4'/%3E%3Cuse href='%23f9' x='283.2' y='326.4'/%3E%3Cuse href='%23f9' x='325.7' y='326.4'/%3E%3Cuse href='%23f0' x='339.8' y='326.4'/%3E%3Cuse href='%23f8' x='368.2' y='326.4'/%3E%3Cuse href='%23f6' x='467.3' y='326.4'/%3E%3Cuse href='%23f10' x='0.0' y='356.4'/%3E%3Cuse href='%23f4' x='56.6' y='356.4'/%3E%3Cuse href='%23f11' x='127.4' y='356.4'/%3E%3Cuse href='%23f2' x='155.8' y='356.4'/%3E%3Cuse href='%23f10' x='169.9' y='356.4'/%3E%3Cuse href='%23f8' x='297.4' y='356.4'/%3E%3Cuse href='%23f3' x='325.7' y='356.4'/%3E%3Cuse href='%23f7' x='439.0' y='356.4'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(rgba(70, 80, 90, 0.25), rgba(70, 80, 90, 0.25));
  background-size: 481.44px 360px, cover;
  background-repeat: repeat, no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 40%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(to bottom right, transparent calc(50% - 3.94vw / 2), black calc(50% + 3.94vw / 2));
  mask-image: linear-gradient(to bottom, black 0%, black 40%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(to bottom right, transparent calc(50% - 3.94vw / 2), black calc(50% + 3.94vw / 2));
  -webkit-mask-size: 100% 100%, 200% 400%;
  mask-size: 100% 100%, 200% 400%;
  -webkit-mask-position: 0 0, calc(28% - 186px) 50%;
  mask-position: 0 0, calc(28% - 186px) 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
  animation: binaryScrollUp 20s linear infinite;
  pointer-events: none;
  z-index: 2;
}
.header__ben-only {
  height: 1200px;
  width: 700px;
  background-image: url(../img/header/BenOnly@700x1200.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: -12dvw;
  overflow: hidden;
  animation: fadeInLeftBig 1.6s ease-out 1s;
  animation-fill-mode: backwards;
  animation-iteration-count: 1;
  z-index: 3;
  filter: brightness(0.6);
}

.header__header-box {
  position: absolute;
  top: 80%; /* realtive position from the top where the upper left corner of the taxt-box starts within the header */
  left: 50%; /* relative position from the left where the upper left corner of the taxt-box starts within the headerr */
  background-color: rgba(255, 255, 0, 0.507); /* color to use to view the text-box*/
  transform: translate(-50%, -50%); /* tansform-transloate allows up to place the center of the text-box at the relative position indicated above here the center of the header */
  text-align: center; /* This configuration allows to center the boutton at the center of the text-box*/
  z-index: 102;
}

.header__box-title {
  display: inline-block;
  background-color: rgba(0, 132, 255, 0.494);
  /*background-position: top center;
    position: absolute; */
  /* top: 10vh;*/
  /* right: -5vw; */
  z-index: 101;
  /* overflow: hidden; */
  /* backface-visibility: hidden; /* to be used on an element where the animation flickers of blicks at the end of the animation */
  /* margin-bottom: 40px; /* This margin provides spaces between the heading-primary-main and heading-primary-sub and the button inline block below*/
  margin-bottom: 4rem; /* This margin provides spaces between the heading-primary-main and heading-primary-sub and the button inline block below*/
}

.header-primary {
  color: rgba(236, 231, 231, 0.8392156863);
  text-transform: uppercase;
  backface-visibility: hidden; /* animation Flickering correction */
  /* to be used on an element where the animation flickers of blicks at the end of the animation */
  /* margin-bottom: 40px; /* This margin provides spaces between the heading-primary-main and heading-primary-sub and the button inline block below*/
}

.header-primary--sub {
  display: block;
  text-transform: capitalize;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 4rem;
  text-align: justify;
  animation: moveInBottom 0.5s ease-out 0.4s; /* same as writing the 3 lines */
  animation-fill-mode: backwards; /* Makes the button invisible prior the animation starts*/
}

.header__text-box {
  position: absolute;
  width: 100%;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 5;
}

.home__logo-strategy {
  font-size: 4rem;
}

.boutton--white-animated-header {
  padding: 1.7rem 10rem;
  animation: moveInBottom 1s ease-in-out 2.6s;
  animation-fill-mode: backwards;
}

.header__logo-box {
  position: absolute;
  top: 1.4rem;
  left: 2.5rem;
  z-index: 101;
}

.header__logo {
  height: 3.5rem; /* height of the logo */
}

.header__logo:link, .header__logo:visited {
  text-decoration: none;
  display: inline-block;
  transition: all 0.2s; /* we define the animation parameters on the link & visited stated of the button*/
  position: relative;
}

.header__logo:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Ombre X Y blur color&transparency button hovered*/
}

.header__logo:active {
  transform: translateY(-1px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); /* Ombre X Y blur color&transparency button pressed*/
}

.banner-box {
  display: block;
  position: relative;
  top: 30dvh;
  text-align: center;
  margin: auto;
  width: 60%;
  max-width: 1270px;
}

.banner-words-wrapper {
  display: block;
  text-align: center;
  position: relative;
  text-align: justify;
}

.banner-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}

.banner-words-wrapper b.is-visible {
  position: relative;
}

.no-js .banner-words-wrapper b {
  opacity: 1;
}

.no-js .banner-words-wrapper b.is-visible {
  opacity: 1;
}

.banner-headline.clip span {
  display: inline-block;
  padding: 0.2em 0;
}

.banner-headline .blc {
  transition: opacity 0.6s ease;
}

.banner-headline .blc.blc--fade {
  opacity: 0;
}

.banner-headline .blc.blc--hidden {
  display: none;
}

.banner-headline.clip .banner-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.banner-headline.clip .banner-words-wrapper:after {
  content: "";
  position: absolute;
  top: 10%;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.65);
}

.banner-headline.clip b {
  opacity: 0;
}

.banner-headline b.is-visible {
  opacity: 1;
}

.banner-headline {
  font-size: 4rem;
  line-height: 2.5rem;
  margin-bottom: 3.5rem !important;
}

.banner-headline.medium {
  font-size: 1.4rem;
  text-align: center;
}

#introduction-1,
#introduction-2 {
  display: block;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 36px;
  width: 100%;
  color: rgba(238, 238, 238, 0.8);
}

.header__boutton-box {
  display: block;
  position: relative;
  margin-top: 10rem;
}

.home__logo-box {
  /*
  @media only screen and (min-resolution: 192dpi) and (min-width: 37.5em),
    only screen and (min-width: 125em) {
    background-image: url("../img/header/officeempty/LYCS_BLUR_1920x1080_003_BLUR-EMPTY.png");
  }

  @include respond(phone) {
    // width < 600?
    height: 110vh;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100vh, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100vh, 0 100%);
  }
   */
  position: fixed;
  top: -0.6rem;
  left: 1.5rem;
  z-index: 101;
}

/*
.home__logo-box {
  position: absolute;
  top: 1.4rem;
  left: 2.5rem;
  z-index: 101;
}
*/
.home__logo {
  font-size: 4rem;
  color: rgba(255, 255, 255, 0.906);
  height: 3.5dvh; /* height of the logo */
  width: auto;
  text-shadow: none10px 20px rgba(0, 0, 0, 0.2);
}

.home__logo:link, .home__logo:visited {
  text-decoration: none;
  display: inline-block;
  transition: all 0.2s; /* we define the animation parameters on the link & visited stated of the button*/
  position: relative;
}

.home__logo:hover {
  transform: translateY(-3px);
  text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Ombre X Y blur color&transparency button hovered*/
}

.home__logo:active {
  transform: translateY(-1px);
  text-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); /* Ombre X Y blur color&transparency button pressed*/
}

.home__logo-box img.home__logo {
  transition: opacity 0.2s, transform 0.2s;
}

.home__logo-box .home__logo--hover {
  margin-left: -2.8dvh;
  opacity: 0;
}

.home__logo-box a:hover img.home__logo:not(.home__logo--hover) {
  opacity: 0;
}

.home__logo-box a:hover .home__logo--hover {
  opacity: 1;
}

@media only screen and (max-width: 30em) {
  .home__logo-box img.home__logo {
    height: 2.45dvh;
    position: relative;
    top: calc(-18px + 1.225dvh);
  }
  .home__logo-box .home__logo--hover {
    margin-left: -1.96dvh;
  }
}
.shortcut-icon {
  color: blue;
}

/* ========= MEDIA QUERIES ======= START ===== */
/* ========= MEDIA QUERIES ======= START ===== */
/* ========= MEDIA QUERIES ======= START ===== */
@media only screen and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none) {
  /* Breakpoint = mobile | min-Width= 320px or 20em | max-width = 956px or 59.75em | Orientation = portrait | Hover = none  */
  .header__ben-only {
    scale: 1.2;
    top: 10dvh;
    left: -25dvw;
  }
  .banner-box {
    width: 90%;
  }
  .banner-headline {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0.8rem !important;
  }
  #introduction-2 {
    font-size: 1.2rem;
    line-height: 2rem;
    text-align: justify;
    margin-bottom: 2.2rem !important;
  }
  .fab-box i,
  .fab-box div,
  .fab-box span {
    margin: 0 8.45px !important;
  }
  .header .fab,
  .header .fas {
    font-size: 1.8rem;
  }
  .header .credly-logo {
    height: 1.8rem;
    width: 3.456rem;
    top: 0.35rem;
  }
  .header .icon-strategy {
    font-size: 1.58rem;
    top: 0.13rem;
  }
  .header .chess-pawn {
    top: 0.25rem;
    height: 1.8rem;
    width: 1.44rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.2rem;
    height: 1.8rem;
    width: 1.8rem;
  }
  .header__boutton-box {
    margin-top: 4rem;
  }
  .header__boutton-box a,
  .header__boutton-box i {
    font-size: 1rem !important;
  }
  .boutton:link,
  .boutton:visited {
    padding: 0.3dvh 6dvw;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) {
  /* Breakpoint = mobile-land | min-Width= 320px or 20em | max-width = 956px or 59.75em | Orientation = landscape | Hover = none  */
  .header__ben-only {
    scale: 0.6;
    top: -60dvh;
    left: 40dvw;
  }
  .banner-box {
    width: 70%;
  }
  .banner-headline {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0.8rem !important;
  }
  #introduction-2 {
    font-size: 1.2rem;
    line-height: 2rem;
    text-align: center;
    margin-bottom: 1.5rem !important;
  }
  .fab-box i,
  .fab-box div,
  .fab-box span {
    margin: 0 8.45px !important;
  }
  .header .fab,
  .header .fas {
    font-size: 1.8rem;
  }
  .header .credly-logo {
    height: 1.8rem;
    width: 3.456rem;
    top: 0.35rem;
  }
  .header .icon-strategy {
    font-size: 1.58rem;
    top: 0.13rem;
  }
  .header .chess-pawn {
    top: 0.25rem;
    height: 1.8rem;
    width: 1.44rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.2rem;
    height: 1.8rem;
    width: 1.8rem;
  }
  .header__boutton-box {
    margin-top: 2rem;
  }
  .header__boutton-box a,
  .header__boutton-box i {
    font-size: 1rem !important;
  }
  .boutton:link,
  .boutton:visited {
    padding: 0.3dvh 2.5dvw;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .banner-box {
    top: 25dvh;
  }
  .banner-headline {
    font-size: min(2rem, 3.2vw);
    line-height: 1.4;
    white-space: nowrap;
  }
  #introduction-2 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6;
  }
  .boutton:link,
  .boutton:visited,
  .boutton--grey-about,
  .boutton--grey-contact {
    padding: 0.8rem 2.5rem !important;
  }
}
@media only screen and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none) {
  /* Breakpoint = tablet-s | min-Width= 481px or 30.063em | max-width = 767px or 47.938em | Orientation = portrait | Hover = none  */
  .header__ben-only {
    scale: 1.2;
    top: 10dvh;
    left: -5dvw;
  }
  .banner-box {
    width: 80%;
  }
  .banner-headline {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 0.8rem !important;
  }
  #introduction-2 {
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: justify;
    margin-bottom: 1.8rem !important;
  }
  .fab-box i,
  .fab-box div,
  .fab-box span {
    margin: 0 8.45px !important;
  }
  .header .fab,
  .header .fas {
    font-size: 1.8rem;
  }
  .header .credly-logo {
    height: 1.8rem;
    width: 3.456rem;
    top: 0.35rem;
  }
  .header .icon-strategy {
    font-size: 1.58rem;
    top: 0.13rem;
  }
  .header .chess-pawn {
    top: 0.25rem;
    height: 1.8rem;
    width: 1.44rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.2rem;
    height: 1.8rem;
    width: 1.8rem;
  }
  .header__boutton-box {
    margin-top: 3rem;
  }
  .header__boutton-box a,
  .header__boutton-box i {
    font-size: 1rem !important;
  }
  .boutton:link,
  .boutton:visited {
    padding: 0.3dvh 6dvw;
  }
}
@media only screen and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none) {
  /* Breakpoint = tablet-s-land | min-Width= 481px or 30.063em | max-width = 767px or 47.938em | Orientation = landscape | Hover = none  */
  .header__ben-only {
    scale: 0.8;
    top: -25dvh;
    left: 28dvw;
  }
  .banner-box {
    width: 70%;
  }
  .banner-headline {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 0.8rem !important;
  }
  #introduction-2 {
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: justify;
    margin-bottom: 1.8rem !important;
  }
  .fab-box i,
  .fab-box div,
  .fab-box span {
    margin: 0 8.45px !important;
  }
  .header .fab,
  .header .fas {
    font-size: 1.8rem;
  }
  .header .credly-logo {
    height: 1.8rem;
    width: 3.456rem;
    top: 0.35rem;
  }
  .header .icon-strategy {
    font-size: 1.58rem;
    top: 0.13rem;
  }
  .header .chess-pawn {
    top: 0.25rem;
    height: 1.8rem;
    width: 1.44rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.2rem;
    height: 1.8rem;
    width: 1.8rem;
  }
  .header__boutton-box {
    margin-top: 2rem;
  }
  .header__boutton-box a,
  .header__boutton-box i {
    font-size: 1rem !important;
  }
  .boutton:link,
  .boutton:visited {
    padding: 0.3dvh 2.5dvw;
  }
}
@media only screen and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none) {
  /* Breakpoint = tablet-m | min-Width= 768px or 48em | max-width = 1112px or 69.5em | Orientation = portrait | Hover = none  */
  .header__ben-only {
    scale: 1.2;
    top: 23dvh;
    left: 10dvw;
  }
  .banner-box {
    width: 80%;
  }
  .banner-headline {
    font-size: 2.88rem;
    line-height: 1.8rem;
    margin-bottom: 2.5rem !important;
  }
  #introduction-2 {
    font-size: 2rem;
    line-height: 3.2rem;
    text-align: justify;
    margin-bottom: 2.5rem !important;
  }
  .fab-box i,
  .fab-box div,
  .fab-box span {
    margin: 0 16.9px !important;
  }
  .header .fab,
  .header .fas {
    font-size: 2.2rem;
  }
  .header .credly-logo {
    height: 2.5rem;
    width: 4.8rem;
    top: 0.7rem;
  }
  .header .icon-strategy {
    top: 0.2rem;
    font-size: 2.2rem;
  }
  .header .chess-pawn {
    top: 0.43rem;
    height: 2.5rem;
    width: 2rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.4rem;
    height: 2.5rem;
    width: 2.5rem;
  }
  .header__boutton-box {
    margin-top: 4rem;
  }
  .header__boutton-box a,
  .header__boutton-box i {
    font-size: 1.3rem !important;
  }
  .boutton:link,
  .boutton:visited {
    padding: 0.3dvh 4dvw;
  }
}
@media only screen and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none) {
  /* Breakpoint = tablet-m-land | min-Width= 768px or 48em | max-width = 1112px or 69.5em | Orientation = landscape | Hover = none  */
  .header__ben-only {
    scale: 1.1;
    top: 7vh;
    left: 42dvw;
  }
  .banner-box {
    width: 70%;
  }
  .banner-headline {
    font-size: 2.88rem;
    line-height: 1.8rem;
    margin-bottom: 2.5rem !important;
  }
  #introduction-2 {
    font-size: 2rem;
    line-height: 3.2rem;
    text-align: justify;
    margin-bottom: 2.5rem !important;
  }
  .fab-box i,
  .fab-box div,
  .fab-box span {
    margin: 0 16.9px !important;
  }
  .header .fab,
  .header .fas {
    font-size: 2.2rem;
  }
  .header .credly-logo {
    height: 2.5rem;
    width: 4.8rem;
    top: 0.7rem;
  }
  .header .icon-strategy {
    top: 0.2rem;
    font-size: 2.2rem;
  }
  .header .chess-pawn {
    top: 0.43rem;
    height: 2.5rem;
    width: 2rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.4rem;
    height: 2.5rem;
    width: 2.5rem;
  }
  .header__boutton-box {
    margin-top: 4rem;
  }
  .header__boutton-box a,
  .header__boutton-box i {
    font-size: 1.3rem !important;
  }
  .boutton:link,
  .boutton:visited {
    padding: 0.3dvh 4dvw;
  }
}
@media only screen and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none) {
  /* Breakpoint = tablet-l | min-Width= 834px or 52.125em | max-width = 1366px or 85.375em | Orientation = portrait | Hover = none  */
  .header__ben-only {
    scale: 1.7;
    top: 30dvh;
    left: 25dvw;
  }
  .banner-box {
    width: 80%;
  }
  .banner-headline {
    font-size: 3.6rem;
    line-height: 2.25rem;
    margin-bottom: 3.15rem !important;
  }
  #introduction-2 {
    font-size: 2.5rem;
    line-height: 4rem;
    text-align: justify;
    margin-bottom: 4rem !important;
  }
  .fab-box i,
  .fab-box div,
  .fab-box span {
    margin: 0 25.35px !important;
  }
  .header .fab,
  .header .fas {
    font-size: 2.2rem;
  }
  .header .credly-logo {
    height: 2.5rem;
    width: 4.8rem;
    top: 0.7rem;
  }
  .header .icon-strategy {
    top: 0.2rem;
    font-size: 2.2rem;
  }
  .header .chess-pawn {
    top: 0.43rem;
    height: 2.5rem;
    width: 2rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.4rem;
    height: 2.5rem;
    width: 2.5rem;
  }
  .header__boutton-box {
    margin-top: 8rem;
  }
  .header__boutton-box a,
  .header__boutton-box i {
    font-size: 1.8rem !important;
  }
  .boutton:link,
  .boutton:visited {
    padding: 0.3dvh 4dvw;
  }
}
@media only screen and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none) {
  /* Breakpoint = tablet-l-land | min-Width= 834px or 52.125em | max-width = 1366px or 85.375em | Orientation = landscape | Hover = none  */
  .header__ben-only {
    scale: 1.2;
    top: 12vh;
    left: 48dvw;
  }
  .banner-box {
    width: 65%;
  }
  .banner-headline {
    font-size: 3.6rem;
    line-height: 2.25rem;
    margin-bottom: 3.15rem !important;
  }
  #introduction-2 {
    font-size: 2.5rem;
    line-height: 4rem;
    text-align: justify;
    margin-bottom: 4rem !important;
  }
  .fab-box i,
  .fab-box div,
  .fab-box span {
    margin: 0 25.35px !important;
  }
  .header .fab,
  .header .fas {
    font-size: 2.2rem;
  }
  .header .credly-logo {
    height: 2.5rem;
    width: 4.8rem;
    top: 0.7rem;
  }
  .header .icon-strategy {
    top: 0.2rem;
    font-size: 2.2rem;
  }
  .header .chess-pawn {
    top: 0.43rem;
    height: 2.5rem;
    width: 2rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.4rem;
    height: 2.5rem;
    width: 2.5rem;
  }
  .header__boutton-box {
    margin-top: 8rem;
  }
  .header__boutton-box a,
  .header__boutton-box i {
    font-size: 1.8rem !important;
  }
  .boutton:link,
  .boutton:visited {
    padding: 0.3dvh 4dvw;
  }
}
@media only screen and (min-width: 20em) and (hover: hover) {
  /* Breakpoint = pc-s | min-Width= 992px or 62em | Hover = hover */
  .header__ben-only {
    scale: 1.4;
    top: 20dvh;
    right: -15%;
  }
  .banner-box {
    width: 90%;
  }
  .banner-headline {
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 0.8rem !important;
  }
  #introduction-2 {
    font-size: 1.8rem;
    line-height: 3rem;
    text-align: center;
    margin-bottom: 2.2rem !important;
  }
  .header .fab,
  .header .fas {
    font-size: 1.8rem;
  }
  .header .credly-logo {
    height: 1.8rem;
    width: 3.456rem;
    top: 0.35rem;
  }
  .header .icon-strategy {
    font-size: 1.58rem;
    top: 0.13rem;
  }
  .header .chess-pawn {
    top: 0.25rem;
    height: 1.8rem;
    width: 1.44rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.2rem;
    height: 1.8rem;
    width: 1.8rem;
  }
  .header__boutton-box {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 62em) and (hover: hover) {
  /* Breakpoint = pc-s | min-Width= 992px or 62em | Hover = hover */
  .header__ben-only {
    scale: 1.4;
    top: 20dvh;
    left: 25dvw;
  }
  .banner-box {
    width: 90%;
  }
  .banner-headline {
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 0.8rem !important;
  }
  #introduction-2 {
    font-size: 1.8rem;
    line-height: 3rem;
    text-align: center;
    margin-bottom: 2.2rem !important;
  }
  .header .fab,
  .header .fas {
    font-size: 1.8rem;
  }
  .header .credly-logo {
    height: 1.8rem;
    width: 3.456rem;
    top: 0.35rem;
  }
  .header .icon-strategy {
    font-size: 1.58rem;
    top: 0.13rem;
  }
  .header .chess-pawn {
    top: 0.25rem;
    height: 1.8rem;
    width: 1.44rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.2rem;
    height: 1.8rem;
    width: 1.8rem;
  }
  .header__boutton-box {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 64.063em) and (hover: hover) {
  /* Breakpoint = pc-m | min-Width= 1025px or 64.063em | Hover = hover */
  .header__ben-only {
    scale: 1.25;
    top: 25vh;
    left: 50vw;
  }
  .banner-box {
    width: 80%;
  }
  .banner-headline {
    font-size: 4rem;
    line-height: 2.5rem;
    margin-bottom: 3.5rem !important;
  }
  #introduction-2 {
    font-size: 2.5rem;
    line-height: 4rem;
    text-align: center;
    margin-bottom: 4rem !important;
  }
  .header .fab,
  .header .fas {
    font-size: 2.2rem;
  }
  .header .credly-logo {
    height: 2.5rem;
    width: 4.8rem;
    top: 0.7rem;
  }
  .header .icon-strategy {
    top: 0.2rem;
    font-size: 2.2rem;
  }
  .header .chess-pawn {
    top: 0.43rem;
    height: 2.5rem;
    width: 2rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.4rem;
    height: 2.5rem;
    width: 2.5rem;
  }
  .header__boutton-box {
    margin-top: 8rem;
  }
}
@media only screen and (min-width: 80.063em) and (hover: hover) {
  /* Breakpoint = pc-l | min-Width= 1281px or 80.063em | Hover = hover */
  .header__ben-only {
    scale: 1.35;
    top: 25vh;
    left: 60vw;
  }
  .banner-box {
    width: 70%;
  }
  .banner-headline {
    font-size: 4rem;
    line-height: 2.5rem;
    margin-bottom: 3.5rem !important;
  }
  #introduction-2 {
    font-size: 2.5rem;
    line-height: 4rem;
    text-align: center;
    margin-bottom: 4rem !important;
  }
  .fab-box i,
  .fab-box div,
  .fab-box span {
    margin: 0 16.9px !important;
  }
  .header .fab,
  .header .fas {
    font-size: 2.2rem;
  }
  .header .credly-logo {
    height: 2.5rem;
    width: 4.8rem;
    top: 0.7rem;
  }
  .header .icon-strategy {
    top: 0.2rem;
    font-size: 2.2rem;
  }
  .header .chess-pawn {
    top: 0.43rem;
    height: 2.5rem;
    width: 2rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.4rem;
    height: 2.5rem;
    width: 2.5rem;
  }
  .header__boutton-box {
    margin-top: 8rem;
  }
}
@media only screen and (min-width: 160em) and (hover: hover) {
  /* Breakpoint = pc-xl | min-Width= 2560px or 160em | Hover = hover */
  .header__ben-only {
    scale: 1.65;
    top: 35dvh;
    left: 65dvw;
  }
  .banner-box {
    width: 60%;
    max-width: 1400px;
  }
  .banner-headline {
    font-size: 4rem;
    line-height: 2.5rem;
    margin-bottom: 3.5rem !important;
  }
  #introduction-2 {
    font-size: 2.5rem;
    line-height: 4rem;
    text-align: center;
    margin-bottom: 4rem !important;
  }
  .header .fab,
  .header .fas {
    font-size: 2.2rem;
  }
  .header .credly-logo {
    height: 2.5rem;
    width: 4.8rem;
    top: 0.7rem;
  }
  .header .icon-strategy {
    top: 0.2rem;
    font-size: 2.2rem;
  }
  .header .chess-pawn {
    top: 0.43rem;
    height: 2.5rem;
    width: 2rem;
  }
  .header .bloomio-logo,
  .header .notion-logo {
    top: 0.4rem;
    height: 2.5rem;
    width: 2.5rem;
  }
  .header__boutton-box {
    margin-top: 8rem;
  }
  .boutton:link,
  .boutton:visited {
    padding: 10.2px 76.5px;
  }
}
@media only screen and (max-width: 30em) {
  .banner-headline {
    font-size: min(2.2rem, 4vw);
    line-height: 1.4;
    white-space: nowrap;
  }
  #introduction-2 {
    font-size: min(1.5rem, 3.6vw);
    font-weight: 400;
    line-height: 1.6;
  }
}
#introduction-2 {
  color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.55);
}

.header .boutton--header:link,
.header .boutton--header:visited {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.header .boutton--white.boutton--header,
.header .boutton--white.boutton--header:visited {
  color: #2b2b2b;
}

.header .boutton--white-trans.boutton--header,
.header .boutton--white-trans.boutton--header:visited {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.9);
  background-color: rgba(0, 0, 0, 0.28);
  text-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
}

html.is-loading .header,
html.is-loading .header *,
html.is-loading .header::before,
html.is-loading .header::after,
html.is-loading .header *::before,
html.is-loading .header *::after,
html.is-loading .home__logo-box,
html.is-loading .home__logo-box * {
  animation-play-state: paused !important;
}

@media only screen and (max-width: 30em) {
  .header .header__boutton-box a.boutton--header {
    font-size: 1.2rem !important;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .home__logo-box {
    top: calc(33px - 2.25rem);
    left: 15px;
  }
  .home__logo-box a.home__logo {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 3.15rem;
    height: 3.15rem;
  }
  .home__logo-box img.home__logo {
    height: 3.15rem;
    margin-top: -0.1512rem;
    margin-left: -0.2268rem;
  }
  .home__logo-box img.home__logo--hover {
    margin-left: -2.52rem;
  }
}
#popup-services-1,
#popup-services-2,
#popup-services-3 {
  z-index: 2000;
}

.ligne {
  max-width: 114rem;
  margin: 0 auto;
}
.ligne:not(:last-child) {
  margin-bottom: 8rem;
}
.ligne::after {
  content: "";
  display: table;
  clear: both;
}
.ligne [class^=col-] {
  float: left;
}
.ligne [class^=col-]:not(:last-child) {
  margin-right: 6rem;
}

.fa-arrow-right-card-back {
  color: #333;
}

/*
.container-services {
  overflow: hidden;
}
*/
/* Configuration pour cacher le dépassement en largeur de l'animation du Mockup*/
.section-services {
  overflow: hidden;
}

.container-services {
  margin: auto;
  width: 60%;
  max-width: 1270px;
}

.container-services-3 {
  padding: 0 5dvw;
}

.Services-heading-1-box,
.Services-heading-2-box,
.Services-heading-3-box {
  display: block;
  position: relative;
  text-align: center;
  margin: auto;
  width: 60%;
  max-width: 1270px;
}

.Services-heading-1-box--p,
.Services-heading-2-box--p,
.Services-heading-3-box--p {
  font-size: 1.8rem;
  color: grey;
  text-align: justify;
  align-items: center;
}

.services-row-1 {
  margin: auto;
}

.services-row-2 {
  margin: auto;
}

.services-row-3 {
  margin: auto;
}

.services-image-box-1,
.services-image-box-2 {
  padding: 0;
  height: 40dvh;
  width: auto;
  max-width: 40dvw;
  background-image: cover;
}

/*
.services-image-box-2 {
  padding: 0;
  width: auto;
  max-width: 40dvw;
}
  */
/*  SERVICES CARTE DETAILS - BUSINESS STRATEY ===== */
.carte-details {
  position: relative;
  height: 65dvh;
  margin-bottom: 10dvh;
  padding-bottom: 5dvh;
}
.carte-details__front {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  backface-visibility: hidden;
  border-radius: 2rem;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.986);
  box-shadow: 1.5rem 1.5rem 4rem rgba(0, 0, 0, 0.15);
}
.carte-details__picture {
  background-size: cover;
  background-position: center;
  height: 32dvh;
  background-blend-mode: screen;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.carte-details__picture--1 {
  background-image: linear-gradient(to right bottom, rgba(127, 127, 129, 0.855), rgba(88, 89, 92, 0.773)), url(/img/Chess/Chess-07-flipped.jpeg);
  background-position: 50% 75%;
}
.carte-details__picture--2 {
  background-image: linear-gradient(to right bottom, rgba(141, 183, 208, 0.91), rgba(53, 75, 87, 0.965)), url(/img/Chess/wall-of-gears.jpg);
  background-position: 40% 65%;
  background-attachment: relative;
  background-repeat: no-repeat;
}
.carte-details__picture--3 {
  background-image: url(/img/Mockups/AppleDevicesBundleMockup_005_cropped@0.25x-Expanded.png), url(/img/icons/ai-circuit-bg.svg), linear-gradient(to right bottom, rgba(159, 194, 228, 0.507), rgba(61, 89, 150, 0.664));
  background-position: calc(50% + 10cqw) center, left center, center;
  background-size: contain, cover, cover;
  background-repeat: no-repeat;
  background-blend-mode: normal;
}
.carte-details__heading {
  font-size: 5rem;
  line-height: 7rem;
  font-weight: 300;
  text-transform: uppercase;
  text-align: right;
  color: rgba(255, 255, 255, 0.906);
  position: absolute;
  top: calc(19dvh - 0.5em);
  right: 2rem;
  width: 60%;
}
.carte-details__heading-span {
  padding: 1rem 1.5rem;
  box-decoration-break: clone;
}
.carte-details__heading-span--1 {
  background-image: linear-gradient(to right bottom, rgba(150, 153, 161, 0.85), rgba(34, 41, 48, 0.85));
}
.carte-details__heading-span--2 {
  background-image: linear-gradient(to right bottom, rgba(141, 183, 208, 0.85), rgba(53, 75, 87, 0.85));
}
.carte-details__heading-span--3 {
  background-image: linear-gradient(to right bottom, rgba(108, 172, 233, 0.85), rgba(12, 72, 236, 0.85));
}
.carte-details__heading:has(.carte-details__heading-span--1), .carte-details__heading:has(.carte-details__heading-span--2), .carte-details__heading:has(.carte-details__heading-span--3) {
  font-size: min(5rem, 11.2cqw - 6px);
  line-height: 1.4;
  text-align: right;
}
.carte-details__heading:has(.carte-details__heading-span--2), .carte-details__heading:has(.carte-details__heading-span--3) {
  width: calc(100% - 4rem);
}
.carte-details__box {
  padding: 5rem;
  text-align: justify;
}
@media only screen and (max-width: 30em) {
  .carte-details__box {
    padding: 2.5rem;
  }
}
.carte-details__box-icons {
  text-align: center;
}
@media only screen and (max-width: 56.25em) {
  .carte-details {
    height: auto;
    border-radius: 2rem;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.906);
    box-shadow: 1.5rem 1.5rem 4rem rgba(0, 0, 0, 0.15);
    /*
    &:hover &__side--front {
      transform: rotateY(0deg);
    }
    */
  }
  .carte-details__side {
    height: auto;
    position: relative;
    box-shadow: none;
  }
  .carte-details__details {
    padding: 1rem 3rem;
    padding: 0 0 !important;
  }
  .carte-details__cta {
    position: relative;
    top: 0%;
    left: 0%;
    transform: translate(0);
    width: 100%;
    padding: 7rem 4rem 4rem 4rem;
  }
}

.carte-details__box-icons-1-1,
.carte-details__box-icons-1-2,
.carte-details__box-icons-2-1,
.carte-details__box-icons-2-2,
.carte-details__box-icons-3-2 {
  font-size: 5rem;
  text-align: center;
}

.carte-details__box-icons-3-1,
.carte-details__box-icons-3-3 {
  font-size: 4rem;
  text-align: center;
}

.carte-details__front {
  container-type: inline-size;
}

.carte-details__box-icons .icon-ai-chip {
  width: 5.5rem;
  height: 5.5rem;
  margin: 0 1rem 3rem 0;
  top: 0.9rem;
}

@media only screen and (max-width: 30em) {
  .carte-details__box-icons-1-1,
  .carte-details__box-icons-1-2,
  .carte-details__box-icons-2-1,
  .carte-details__box-icons-2-2,
  .carte-details__box-icons-3-2 {
    font-size: calc(5rem * 0.75);
  }
  .carte-details__box-icons-3-1,
  .carte-details__box-icons-3-3 {
    font-size: calc(4rem * 0.75);
  }
  .carte-details__box-icons .icon-ai-chip {
    width: calc(5.5rem * 0.75);
    height: calc(5.5rem * 0.75);
    top: calc(0.9rem * 0.75);
  }
}
.carte-details__box-p1 p,
.carte-details__box-p2 p,
.carte-details__box-p3 p {
  font-size: 1.8rem;
}
@media only screen and (max-width: 35.99875em) {
  .carte-details__box-p1 p,
  .carte-details__box-p2 p,
  .carte-details__box-p3 p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

.cartes-details-box-boutton {
  text-align: center;
  padding-bottom: 6dvh;
}

.cartes-details-box-boutton .cartes-details-box-boutton-1 {
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.906);
}

.cartes-details-box-boutton .cartes-details-box-boutton-1 i {
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.906);
}

.carte-details-section-row {
  height: 89dvh;
  margin-bottom: 5dvh;
}

.carte__details ul {
  width: 88%;
  padding: 0 0;
}

.services-heading-2-areas {
  margin-top: 5dvh;
  margin-bottom: 12dvh;
}

.heading-3-services {
  display: block;
  text-align: center;
  margin: 16dvh auto 5dvh auto;
}
@media only screen and (max-width: 30em) {
  .heading-3-services {
    margin-top: 8dvh;
    margin-bottom: 2.5dvh;
  }
}

.heading-3-services h3 {
  text-transform: uppercase;
  font-size: 3.2rem;
}

.boutton-services--bottom {
  margin-top: 8dvh;
}

.boutton--grey-about {
  font-size: 1.2rem !important;
  padding: 0.5dvw 2dvw !important;
}

.carte-details-section-row {
  height: auto;
  margin-bottom: 0;
}

.carte-details-section-row .col-1-of-1 {
  padding-bottom: 0;
}

.carte-details-section-row .carte-details {
  padding-bottom: 0;
  margin-bottom: 0;
  height: auto;
}

.carte-details-section-row .carte-details__front {
  position: relative;
}

@media only screen and (max-width: 30em) {
  .ligne.carte-details-section-row [class^=col-].col-1-of-1 {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
#popup-services-1 .mfp-close,
#popup-services-2 .mfp-close,
#popup-services-3 .mfp-close {
  position: absolute;
  top: 1.2rem;
  right: calc(17% + 1.2rem);
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  padding: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.35);
  color: #fff;
  opacity: 0.9;
  font-size: 2.8rem;
  text-align: center;
}
#popup-services-1 .mfp-close:hover,
#popup-services-2 .mfp-close:hover,
#popup-services-3 .mfp-close:hover {
  opacity: 1;
}
@media only screen and (min-width: 30.0625em) and (max-width: 64em) {
  #popup-services-1 .mfp-close,
  #popup-services-2 .mfp-close,
  #popup-services-3 .mfp-close {
    right: calc(8.5% + 1.2rem);
  }
}
@media only screen and (max-width: 30em) {
  #popup-services-1 .mfp-close,
  #popup-services-2 .mfp-close,
  #popup-services-3 .mfp-close {
    right: calc((100% - 95vw) / 2 + 1.2rem);
  }
}

.mfp-wrap:has(.carte-details-section-row) {
  overscroll-behavior: contain;
}

@media only screen and (max-width: 30em) {
  .carte-details .carte-details__picture {
    height: calc(13.8rem * 1.2);
  }
  .carte-details .carte-details__front .carte-details__heading {
    font-size: calc(2.7rem * 1.2);
    line-height: calc(4.8rem * 1.2);
    top: calc(3.5rem * 1.2);
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em) {
  .carte-details-section-row .col-1-of-1 {
    padding: 0 22.5%;
  }
  #popup-services-1 .mfp-close,
  #popup-services-2 .mfp-close,
  #popup-services-3 .mfp-close {
    right: calc(22.5% + 1.2rem);
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .carte-details .carte-details__front .carte-details__heading {
    font-size: calc(min(5rem, 11.2cqw - 6px) * 0.7);
  }
  .carte-details .d-sm-none {
    display: inline !important;
  }
  .carte-details .d-none.d-sm-inline,
  .carte-details p.d-none.d-sm-block {
    display: none !important;
  }
  .carte-details__box-p1 p,
  .carte-details__box-p2 p,
  .carte-details__box-p3 p {
    font-size: 1.5rem;
  }
  .carte-details__box-icons-1-1,
  .carte-details__box-icons-1-2,
  .carte-details__box-icons-2-1,
  .carte-details__box-icons-2-2,
  .carte-details__box-icons-3-2 {
    font-size: 3.5rem;
  }
  .carte-details__box-icons-3-1,
  .carte-details__box-icons-3-3 {
    font-size: 2.8rem;
  }
  .carte-details__box-icons .icon-ai-chip {
    width: 3.85rem;
    height: 3.85rem;
    top: 0.63rem;
  }
}
.testimonials h4 {
  font-size: 16px;
  margin: 0;
  line-height: normal;
  font-weight: 600;
}

.testimonials p {
  margin-bottom: 0;
  line-height: 28px;
}

.testimonials p.font-size16 {
  font-size: 24px;
  line-height: 42px;
}

@media (max-width: 767px) {
  .testimonials p.xs-font-size14 {
    font-size: 21px;
    line-height: 42px;
  }
}
.testimonials h6 {
  font-size: 12px;
  margin: 0;
}

.testimonials {
  width: 75%;
  margin: 0 auto;
  /* box-shadow: 3rem 3rem 6rem rgba($color-black, 0.3); */
  /* background-color: rgba($color-white, 0.6); */
  border-radius: 0.3rem;
  padding: 6rem;
  padding-left: 9rem;
  /* transform: skewX(-12deg); */
  z-index: 11;
}
@media only screen and (min-width: 30.0625em) and (max-width: 56.25em) and (orientation: portrait) {
  .testimonials {
    width: 100%;
    padding-left: 2.6rem;
    padding-right: 2.6rem;
  }
}
@media only screen and (max-width: 30em) {
  .testimonials {
    padding-left: 0;
    padding-right: 0;
  }
  .testimonials .owl-carousel {
    width: 90vw;
    margin-left: calc(50% - 45vw);
  }
  .testimonials h3.xs-font-size20 {
    font-size: 30px;
  }
}
.testimonials__shape {
  width: 15rem;
  height: 15rem;
  /* background-color: orangered; */
  float: left;
  clip-path: circle(50% at 50% 50%);
  transform: translateX(-3rem) skewX(12deg);
  position: relative;
}
.testimonials__image {
  height: 80dvh;
  transform: translateX(-4rem) scale(1.4);
  transition: all 0.5s;
  backface-visibility: hidden;
}
.testimonials__text {
  transform: skewX(12deg);
}
.testimonials__caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 20%);
  color: rgba(255, 255, 255, 0.906);
  text-transform: uppercase;
  font-size: 1.7rem;
  line-height: 2rem;
  text-align: center;
  opacity: 0;
  transition: all 0.5s;
  backface-visibility: hidden;
}
.testimonials:hover .testimonials__caption {
  opacity: 0.85;
  transform: translate(-50%, -49%);
}
.testimonials:hover .testimonials__image {
  transform: translateX(-4rem) scale(1);
  filter: blur(0.3rem) brightness(80%);
}

.testimonials__stack-top {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to right top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7));
  z-index: 0;
}

.testimonials,
.testimonials__index {
  position: relative;
  z-index: 5;
}

.testimonials .owl-theme .owl-dots {
  margin-top: 40px !important;
}

.testimonials .owl-theme .owl-dots .owl-dot span {
  border-color: 1px solid #fff;
  width: 10px;
  height: 10px;
}

.fa-quote-left {
  color: rgba(255, 255, 255, 0.906);
}

@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .testimonials {
    width: 90%;
    padding: 2rem 0;
    top: -5dvh;
  }
  .testimonials p.font-size16 {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .testimonials h3 {
    font-size: 2.625rem;
    margin-bottom: 33.3333333333px;
  }
  .testimonials .padding-50px-top {
    padding-top: 1rem !important;
  }
  .testimonials .owl-theme .owl-dots {
    margin-top: 2rem !important;
  }
  .testimonials .owl-stage-outer {
    top: -10dvh;
  }
}
.main-timeline {
  position: relative;
}

.section-experiences h2 {
  margin-bottom: 7dvh;
}

.heading-2.time-scroll-0 {
  margin-bottom: 0;
}

/* Center line of the timeline */
.main-timeline:before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #c6c6c6;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.main-timeline .timeline {
  margin-bottom: 20px;
  position: relative;
}

.main-timeline .timeline:after {
  content: "";
  display: block;
  clear: both;
}

.main-timeline .icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.main-timeline .icon:before,
.main-timeline .icon:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.33s ease-out 0s;
}

.main-timeline .icon:before {
  background: #fff;
  border: 2px solid #232323;
  left: -3px;
}

.main-timeline .icon:after {
  border: 2px solid #c6c6c6;
  left: 3px;
}

.main-timeline .timeline:hover .icon:before {
  left: 3px;
}

.main-timeline .timeline:hover .icon:after {
  left: -3px;
}

.main-timeline .date-content {
  width: 50%;
  float: left;
  margin-top: 22px;
  position: relative;
}

.main-timeline .date-content:before {
  content: "";
  width: 36.5%;
  height: 2px;
  background: #c6c6c6;
  margin: auto 0;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
}

.main-timeline .date-outer {
  width: 125px;
  height: 125px;
  font-size: 16px;
  text-align: center;
  margin: auto;
  z-index: 1;
}

.main-timeline .date-outer:before,
.main-timeline .date-outer:after {
  content: "";
  width: 125px;
  height: 125px;
  margin: 0 auto;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.33s ease-out 0s;
}

.main-timeline .date-outer:before {
  background: #fff;
  border: 2px solid #232323;
  left: -6px;
}

.main-timeline .date-outer:after {
  border: 2px solid #c6c6c6;
  left: 6px;
}

.main-timeline .timeline:hover .date-outer:before {
  left: 6px;
}

.main-timeline .timeline:hover .date-outer:after {
  left: -6px;
}

.main-timeline .date {
  width: 100%;
  margin: auto;
  position: absolute;
  top: 24%;
  left: 0;
}

.main-timeline .month {
  font-size: 2.5rem;
  font-weight: 700;
}

.main-timeline .year {
  display: block;
  font-size: 2rem;
  font-weight: 400;
  color: #232323;
  line-height: 1.9rem;
}

.main-timeline .timeline-content {
  width: 50%;
  padding: 20px 0 20px 50px;
  float: right;
}

.main-timeline .title {
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 15px 0;
}

.main-timeline .description {
  margin-bottom: 0;
  text-align: justify;
}

.main-timeline .descrip-right {
  margin-bottom: 0;
  text-align: right, justify;
}

.main-timeline .timeline:nth-child(2n) .date-content {
  float: right;
}

.main-timeline .timeline:nth-child(2n) .date-content:before {
  left: 10px;
}

.main-timeline .timeline:nth-child(2n) .timeline-content {
  padding: 20px 50px 20px 0;
  text-align: right;
}

.experiences-skills-box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 0.6rem;
}

.experiences-skills {
  margin: 0dvh 0.3dvw 0.3dvw 0.3dvw;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  white-space: nowrap;
  flex: 0 0 auto;
  color: white;
  padding: 0.2rem 1.5rem;
  border-radius: 100px; /* used to round the left and right extremities of the button*/
}

.experiences-skills-1 {
  background-color: rgb(196, 36, 4);
}

.experiences-skills-2 {
  background-color: rgb(14, 20, 37);
}

.experiences-skills-3 {
  background-color: rgb(19, 93, 62);
}

.experiences-skills-4 {
  background-color: rgb(14, 20, 37);
}

.experiences-skills-5 {
  background-color: rgb(36, 104, 153);
}

.experiences-skills-6 {
  background-color: rgb(14, 20, 37);
}

.timeline .title {
  margin-bottom: 0.5dvw;
}

/* -------------------- MEDIA-QUERY max-width 991px --------------------*/
@media only screen and (max-width: 991px) {
  .main-timeline .date-content {
    margin-top: 35px;
  }
  .main-timeline .date-content:before {
    width: 22.5%;
  }
  .main-timeline .timeline-content {
    padding: 10px 0 10px 30px;
  }
  .main-timeline .title {
    font-size: 17px;
  }
  .main-timeline .timeline:nth-child(2n) .timeline-content {
    padding: 10px 30px 10px 0;
  }
}
/* -------------------- MEDIA-QUERY max-width 767px  START --------------------*/
@media only screen and (max-width: 767px) {
  .Heading-2-sm {
    font-size: 2.5rem;
  }
  /* Center line of the timeline */
  .main-timeline:before {
    margin: 0;
    width: 0px; /* deleted left side timeline line*/
    left: 0px;
    padding: 0px;
    margin: 0px;
  }
  .main-timeline .timeline {
    margin-bottom: 10px;
  }
  .main-timeline .timeline:last-child {
    margin-bottom: 0;
  }
  .main-timeline .icon {
    margin: auto 0;
  }
  .main-timeline .date-content {
    width: 100%;
    display: inline-block;
    margin-top: 0;
  }
  .main-timeline .date-content:before {
    display: none;
  }
  .main-timeline .date-outer {
    width: 110px;
    height: 110px;
  }
  .main-timeline .date-outer:before,
  .main-timeline .date-outer:after {
    width: 110px;
    height: 110px;
  }
  .main-timeline .date {
    top: 30%;
  }
  .main-timeline .year {
    font-size: 24px;
  }
  .main-timeline .timeline-content,
  .main-timeline .timeline:nth-child(2n) .timeline-content {
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }
  .main-timeline .title {
    margin-bottom: 10px;
  }
}
/* Experience section logo  -> Logos greyed out, with color appearing on hover or visited  ---- START ---- */
.assura img,
.bloomio-box a,
.bloomio img,
.dell img {
  filter: grayscale(100%);
  text-decoration: none;
}

.fontaconsult img,
.artmyn img {
  filter: brightness(200%) opacity(40%);
}

.bloomio-box a:hover,
.assura img:hover,
.bloomio img:hover,
.dell img:hover,
.fontaconsult img:hover,
.artmyn img:hover,
.bloomio img:visited,
.dell img:visited,
.fontaconsult img:visited,
.artmyn img:visited {
  filter: none;
  text-decoration: none;
}

.bloomio-box {
  margin-top: 2dvh;
}

.bloomio-placeholder {
  position: relative;
  padding: 1rem 0;
  width: 33%;
  margin: auto;
  border: 2px solid #e5ffa8;
  border-radius: 100px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
  background-image: linear-gradient(to right bottom, rgba(78, 139, 50, 0.8705882353), rgba(14, 105, 58, 0.7058823529)), url(/img/video-main-placeholder.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  color: rgba(255, 255, 255, 0.6588235294);
  text-decoration: none;
  line-height: 2rem;
}
.bloomio-placeholder:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9058823529);
}

/* Experience section logo ----- END ---- */
ul .section-experiences-list {
  list-style-position: outside;
}

.section-experiences-list li {
  font-size: 1.4rem;
  text-align: justify;
  color: rgb(119, 119, 119);
  list-style-type: disc;
}

/* Experience section - hidden content: the bullet lists and the skills (both experience sections).
   All the descriptions (.description, .description.descrip-right) are shown. */
.section-experiences .section-experiences-list,
.section-experiences-sm .section-experiences-list,
.section-experiences .experiences-skills-box,
.section-experiences-sm .experiences-skills-box {
  display: none;
}

/* Experience section - skills below the description, with the same space for every experience.
   Some descriptions contain a bullet list inside the <p> (not allowed in HTML): the browser closes the <p> before
   the list and creates an extra empty <p> after it, whose margins added a gap to some experiences only. */
.timeline-content p:empty {
  display: none;
}

.timeline-content .description {
  margin-bottom: 0;
}

.timeline-content .description + .experiences-skills-box,
.timeline-content .experiences-skills-box {
  margin-top: 1.5rem;
}

@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em) {
  .section-experiences,
  .section-experiences-sm {
    display: none !important;
  }
}
/* 
section ABOUT ---------------------------------------- */
.about-h4 {
  text-align: center !important;
  margin: 10px 0px 5px 0px;
}

/* -------------------- ABOUT ME SECTION --------------------*/
.about-box {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2) inset;
  display: block;
  margin-right: 0;
  margin-top: 0;
  position: relative;
}

.bg-extra-medium-gray .about-box,
.bg-dark-gray .about-box {
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2) inset;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2) inset;
}

.about-para-box-1 {
  display: block;
  width: 60% !important;
  max-width: 1270px !important;
  margin: 0 auto !important;
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 30.0625em) and (max-width: 56.25em) and (orientation: portrait) {
  .about-para-box-1 {
    width: 80% !important;
  }
}
@media only screen and (max-width: 30em) {
  .about-para-box-1 {
    width: 80% !important;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .about-para-box-1 {
    width: 80% !important;
  }
}

.about-para {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: grey;
  text-align: justify;
  line-height: 1.4;
  word-spacing: 1px;
}

.about-para-box-1 .about-para {
  color: #4a4a4a;
  font-weight: 400;
}
@media only screen and (max-width: 35.99875em) {
  .about-para-box-1 .about-para {
    font-size: 1.6rem;
    line-height: 1.45;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .about-para-box-1 .about-para {
    font-size: 1.6rem;
    line-height: 1.45;
  }
}
.about-para-box-1 .about-para .para4 {
  color: #2b2b2b;
  font-weight: 600;
}

.about-h4 {
  text-align: center !important;
  margin: 10px 0px 5px 0px;
}

.imd-logo {
  /* scale: 1; */
  width: auto;
  height: 20px;
  position: relative;
  bottom: 7px;
  margin: 0 5px;
}

.services-heading-3 {
  margin-top: 15dvh;
  margin-bottom: 2dvh;
}

.certified-logo {
  margin-top: 6dvh;
}

.signature-box {
  margin-top: 1.5dvh;
  margin-left: 1dvh;
}

.signature-img {
  height: 7dvh;
  width: auto;
}

/* ======= SECTION EDUCATION  ======= START === */
/* SECTION EDUCATION TITLE */
.heading-2-education {
  margin-top: 7dvh;
}

.heading-2-education:not(.heading-2-education--certifications) .heading-2 {
  margin-bottom: 0;
}

.heading-2-education--certifications {
  margin-top: 14dvh;
}
.heading-2-education--certifications .heading-2 {
  margin-bottom: 4rem;
}

.heading-3-education {
  text-align: center;
}

.heading-3-education h3 {
  margin: 2dvh 0 1dvh 0;
  font-size: 3rem;
}

.d-flex.education-scroll-5 {
  justify-content: center;
}

.heading-3-education-pro-studies {
  display: none;
}

.heading-3-education-certifications {
  display: none;
  margin: 2dvh 0 2dvh 0;
}

.education-container-4 h3,
.education-container-5 h3 {
  margin-top: 4dvh;
}

/* ======= SECTION EDUCATION - DEGREES ======= START === */
/* ======= SECTION EDUCATION - DEGREES === BUSINESS SCHOOLS ======= START === */
.education-container {
  margin-left: 0dvw;
  margin: auto;
}

.education-container-0 {
  display: none;
  height: 3dvh;
  margin-top: 5dvh;
  margin-bottom: 1.5dvh;
}

.education-container-1 {
  height: 20dvh;
  margin-top: 7dvh;
  margin-bottom: 1.5dvh;
}

.education-container-2,
.education-container-3 {
  height: auto;
  margin-top: 4dvh;
  margin-bottom: 1.5dvh;
}

.education-container-3 {
  display: none;
}

/*
.education-container-3 {
  height: 20dvh;
  margin-top: 3dvh;
  margin-bottom: 1.5dvh;
  background-color: rgba(245, 245, 220, 0.858);
}
*/
/*
.education-container-4 {
  background-color: rgba(245, 245, 220, 0.858);
}
*/
.education-row {
  margin: 0 0;
  padding: 0 0;
}

.education-row-1,
.education-row-2 {
  height: 20dvh;
  margin-bottom: 2dvh;
}

.education-row-2 {
  height: auto;
}
.education-row-2 .education-row-studies-2,
.education-row-2 .education-box-studies-2 {
  height: auto;
}

.education-row-3 {
  display: none;
}

.education-row-title {
  font-size: 2.5rem;
  text-transform: capitalize;
  font-weight: 700;
  display: inline-block;
  background-image: linear-gradient(to right, #777, #354b57);
  background-clip: text;
  color: transparent;
  letter-spacing: 0.2rem;
  transition: all 0.2s;
  text-shadow: 0.5rem 1rem 2rem rgba(0, 0, 0, 0.2);
  margin-bottom: 0.5dvh;
}
.education-row-title:hover {
  text-shadow: 0rem 0rem 0rem rgba(0, 0, 0, 0);
}

.education-row-title {
  height: 4dvh;
}

.education-row-title-1,
.education-row-title-2 {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.education-row-title-1,
.education-row-title-2 {
  font-size: 3.25rem;
}

.education-row-studies {
  height: 10dvh;
  flex-direction: left;
  padding: 0 0;
}

.education-box-studies-1,
.education-box-studies-2,
.education-box-studies-3 {
  padding: 0 0;
}

.business-school-imd,
.business-school-eu {
  margin-right: 1.5dvh;
}

.education-row-studies-1,
.education-row-studies-2,
.education-row-studies-3 {
  display: inline-flex;
  margin: 0 0;
}

.education-box-studies-1,
.education-box-studies-2,
.education-box-studies-3 {
  display: flex;
  height: 11dvh;
  margin: 0;
}

.education-degree-skills-box,
.education-degree-expeditions-box {
  display: flex;
  flex-wrap: wrap;
}

.education-degree-skills {
  margin: 0.2dvh 0.3dvw;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: white;
  padding: 0.2rem 1.5rem;
  border-radius: 100px; /* used to round the left and right extremities of the button*/
}

.education-degree-skills-1 {
  background-color: rgb(37, 56, 112);
}

.education-degree-skills-2,
.education-degree-skills-3 {
  background-color: rgb(11, 110, 94);
}

.business-school-imd {
  background-image: url("/img/LogoStudies/IMD-logo-transparent.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 0;
}

.business-school-imd:hover {
  background-image: url("/img/LogoStudies/IMD-logo-transparent.png");
}

.business-school-eu {
  background-image: url("/img/LogoStudies/EU-University-Cropped.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 0;
}

.business-school-eu:hover {
  background-image: url("/img/LogoStudies/EU-University-Cropped.png");
}

.education-row-studies {
  margin-bottom: 5dvh;
}

.business-school {
  height: 10dvh;
  width: 10dvh;
}

.business-school-imd,
.business-school-eu {
  height: 7dvh;
  width: 7dvh;
}

/* ====== EDUCATION DEGREES - Left of LOGO - 3 lignes */
.education-degree-lignes {
  display: block;
}

.education-degree-ligne-0 {
  display: block;
  margin: 0.5dvh 0.3dvw 0 0.3dvw;
}

.education-degree-ligne-1 {
  display: block;
  margin: 0 0.3dvw;
}

/*
.education-degree-ligne-2,
.education-degree-ligne-3 {
  display: inline-flex;
}
  */
.education-degree-skills-box,
.education-degree-expeditions-box {
  display: inline-flex;
}

.education-degree-ligne-2 {
  margin-bottom: 4dvh;
}

.education-degree-ligne-3 {
  display: none;
  margin-top: 1dvh;
  margin-bottom: 4dvh;
}

.education-degree-title,
.education-degree-dates,
.education-degree-periods {
  font-size: 2.2rem;
  line-height: 2rem;
  margin-bottom: 0dvh;
  margin-right: 2dvw;
}

.education-degree-title {
  font-weight: 900;
  color: rgba(19, 17, 17, 0.819);
}

.education-degree-title-3 {
  margin-top: 5dvh;
}

.education-degree-dates,
.education-degree-periods {
  font-weight: 400;
  font-size: 2rem;
}

.education-degree-periods {
  font-weight: 300;
}

.discovery-expeditions {
  font-size: 1.7rem;
  line-height: 1.7rem;
  margin-bottom: 0.2dvh;
  margin-left: 0.3dvw;
  margin-right: 0.3dvw;
}

.discovery-expeditions-1 {
  font-weight: 400;
  text-decoration: underline;
}

.discovery-expeditions-2 {
  font-weight: 300;
}

/* ======= SUB-SECTION DEGREES ======= END === */
/* ======= SUB-SECTION CERTIFICATIONS ======= START === */
/* ======= SUB-SECTION CERTIFICATIONS ======= END === */
/* ======= SUB-SECTION PROFESSIONAL STUDIES ======= START === */
.about-para {
  margin: 15px 0px 0px 0px;
  text-align: justify;
  font-weight: 300;
}

.pro-fes {
  margin: 15px 0px 0px 0px;
  font-weight: 300;
}

.para1 {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin: 0px 0px 15px 0px;
}

.xs-para1 {
  line-height: 20px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  margin: 0px 0px 15px 0px;
}

.para2 {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
}

.pro-fes2 {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.pro-fes3 {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
}

.para3 {
  margin: 30px 0px 10px 0px;
  padding: 0px 120px;
  /* margin-top: 0px;
    margin-bottom: 10px; */
  font-weight: 100;
  text-align: center;
}

.para4 {
  font-weight: 500;
}

.certifs {
  background-color: rgba(255, 255, 255, 0);
}

.pro-certifications-img {
  display: block;
  height: 12dvh;
  width: auto;
}

.education-scroll-4 .certifs > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 2rem;
}

.education-scroll-7 {
  display: contents;
}

.pro-certifications-box {
  flex: 0 0 calc((100% - 10rem) / 6);
  min-width: calc(12dvh + 1rem);
  display: flex;
  justify-content: center;
  margin: 0 0 4dvh 0;
}

.pro-certifications-box a:link, .pro-certifications-box a:visited {
  filter: grayscale(100%);
  text-decoration: none;
}
.pro-certifications-box a:hover {
  filter: none;
  text-decoration: none;
}

.education-scroll-7 img:link, .education-scroll-7 img:visited {
  text-decoration: none;
  transition: all 0.2s; /* we define the animation parameters on the link & visited stated of the button*/
  position: relative;
}

.education-scroll-7 img:hover {
  transform: translateY(-0.3rem);
  filter: drop-shadow(0 0.8rem 1.2rem rgba(0, 0, 0, 0.35));
  text-decoration: none;
}

.education-scroll-7 img:active {
  transform: translateY(-0.1rem);
  filter: drop-shadow(0 0.5rem 1rem rgba(0, 0, 0, 0.2)); /* Ombre = X Y blur color&transparency png image transparente pressed*/
}

.education-scroll-7 img::after {
  transform: scaleX(1.4) scaleY(1.6);
  opacity: 0;
}

/* ---- Tablet view (481px - 1024px wide): Certifications shown, Certificates and Professional Studies hidden ----
   (the section height then follows the remaining content, see js/services-height.js) */
@media only screen and (min-width: 30.0625em) and (max-width: 64em) {
  .education-container-4.education-scroll-4 .col-12.d-none.d-lg-block {
    display: block !important;
  }
  .education-container-4.education-scroll-5,
  .education-container-4.education-scroll-6 {
    display: none;
  }
}
.education-row-1,
.education-row-studies-1,
.education-box-studies-1 {
  height: auto;
}

.education-row-studies-1 {
  display: flex;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.education-row-1 > .education-degree-ligne-2 {
  margin-top: -3.5dvh;
}
.education-row-1 > .education-degree-ligne-2 .education-degree-skills-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.education-row-2,
.education-row-studies-2,
.education-box-studies-2 {
  height: auto;
}

.education-row-studies-2,
.education-row-2 > .education-degree-lignes-2nd {
  display: flex;
  flex-direction: column;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.education-row-studies-2 {
  flex-direction: row;
}

.education-row-2 > .education-row-studies-2 + .education-degree-ligne-2 {
  margin-top: -3.5dvh;
}

.education-row-2 > .education-degree-lignes-2nd + .education-degree-ligne-2 {
  margin-top: 1.6dvh;
}

.education-row-2 > .education-degree-ligne-2 .education-degree-skills-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.education-school-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5dvh;
}
.education-school-head .business-school {
  margin-right: 0;
}
.education-school-head .education-row-title {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.education-school-head .education-row-title-1 {
  position: relative;
  top: 0.94dvh;
}

.education-row-1,
.education-row-2 {
  margin-left: 10%;
  margin-right: 10%;
}

@media only screen and (max-width: 64em) {
  .education-school-head .education-row-title-1,
  .education-school-head .education-row-title-2 {
    display: none;
  }
  .education-degree-skills-box {
    display: none !important;
  }
  .education-row-2 > .education-degree-lignes-2nd {
    padding-top: 4dvh;
  }
}
@media only screen and (max-width: 64em) {
  .education-row-studies-1,
  .education-row-studies-2,
  .education-row-2 > .education-degree-lignes-2nd {
    margin-left: 0;
    margin-right: auto;
  }
  .education-degree-ligne-0,
  .education-degree-ligne-1 {
    text-align: left;
  }
}
@media only screen and (max-width: 64em) {
  .education-school-head {
    margin-bottom: 1.5dvh;
  }
  .education-school-head .business-school {
    height: 5dvh;
    width: 7dvh;
    background-position: center bottom;
  }
  .education-row-1 .education-degree-ligne-0 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 30.0625em) and (max-width: 64em) {
  .education-row-studies-1 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 30em) {
  .heading-2-education--certifications,
  .heading-3-education-certificates {
    display: none;
  }
}
@media only screen and (max-width: 30em) {
  .education-degree-lignes .education-degree-title {
    font-size: 1.76rem;
    line-height: 1.3;
  }
  .education-degree-lignes .education-degree-dates,
  .education-degree-lignes .education-degree-periods {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .education-degree-lignes .education-degree-title {
    font-size: 1.76rem;
    line-height: 1.15;
  }
  .education-degree-lignes .education-degree-dates,
  .education-degree-lignes .education-degree-periods {
    font-size: 1.6rem;
    line-height: 1.15;
  }
  .education-degree-ligne-0,
  .education-degree-ligne-1 {
    line-height: 1.15;
  }
  .education-container-1 {
    height: auto;
  }
  .education-container-2 {
    margin-top: 7dvh;
  }
  .education-row-1 > .education-degree-ligne-2 {
    margin-top: 0;
  }
  .pro-certifications-img {
    height: 24dvh;
  }
  .pro-certifications-box {
    min-width: calc(24dvh + 1rem);
  }
  .education-row-1,
  .education-row-2 {
    margin-left: 5%;
    margin-right: 5%;
  }
  .education-school-head .business-school {
    height: 10dvh;
    width: 14dvh;
  }
}
.portfolio {
  overflow: hidden;
  z-index: 100;
}

.gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.items {
  margin: 0 10px;
  height: 400px;
  width: 400px;
}

/*
.projects {
  top: -80dvh;
  padding: 40dvh 0 20dvh 0;
  height: 150dvh;
  background-color: white;
  background-color: #dddddd;
  z-index: 10;
}
*/
/* -------------------- MEDIA-QUERY max-width 767px END --------------------*/
.portfolio .filtering span {
  margin-right: 8px;
  color: #333;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #d5d5d5;
  border-radius: 30px;
  padding: 5px 20px;
  display: inline-block;
  margin-bottom: 10px;
}

.portfolio .filtering span:last-child {
  margin: 0;
}

.portfolio .filtering span:hover {
  border-color: #232323;
  background: #232323;
  color: #fff;
}

.portfolio .filtering .active {
  border-color: #232323;
  background: #232323;
  color: #fff;
}

.portfolio .items {
  margin-top: 30px;
}

.portfolio .item-img {
  position: relative;
  overflow: hidden;
}

.portfolio .item-img img {
  width: 100%;
}

.portfolio .item-img:hover .item-img-overlay {
  opacity: 1;
  transform: translateY(0);
}

.portfolio .item-img:hover h6 {
  transform: translateY(0);
}

.portfolio .item-img h6 {
  font-weight: 300;
  position: relative;
  font-size: 16px;
  margin-bottom: 0;
  text-transform: capitalize;
  transform: translateY(15px);
  transition: all 0.5s;
  color: rgba(233, 231, 231, 0.9058823529);
}

.portfolio .item-img .fa {
  background: #232323;
  border: 1px solid #232323;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  height: 45px;
  line-height: 43px;
  width: 45px;
  margin-bottom: 5px;
  transition: all 0.5s;
}

.portfolio .item-img .fa:hover {
  background: #fff;
  color: #232323;
}

/*
.portfolio .item-img-overlay {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  background: rgba(255, 255, 255, 0.95);
  color: #35424c;
  opacity: 0;
  transition: all 0.5s;
  z-index: 2;
  transform: translateY(10px);
}
*/
.portfolio .item-img-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(3, 3, 3, 0.795);
  color: rgba(212, 217, 221, 0.9607843137);
  opacity: 0;
  transition: all 0.5s;
  z-index: 2;
  transform: translateY(10px);
  clip-path: polygon(0 58%, 100% 50%, 100% 100%, 0% 100%);
}

.bg-extra-medium-gray.portfolio .filtering span {
  color: #fff;
}

.valign {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  padding-bottom: 20px;
}

.bg-extra-medium-gray.portfolio .filtering span {
  color: #fff;
}

.numbers .item .icon {
  font-size: 36px;
  display: inline-block;
  color: #232323;
}

.numbers .item h6 {
  font-weight: 500;
}

.numbers .item p {
  font-size: 16px;
  letter-spacing: 1px;
  color: #232323;
  margin-bottom: 0;
}

/* ------------  START ------------ My Projects Gallery Items animation ------------  START ------------ */
.items {
  position: relative;
  opacity: 0;
  transform: translateX(80px);
  transition: all 0.7s ease-in-out;
  overflow: hidden;
}

.items.is-showing {
  opacity: 1;
  transform: translateX(0px);
}

/* -------------  END ------------ My Projects Gallery Items animation ------------  END ------------ */
/* ---- Projects grid: every line of projects centred (3, 2 or 1 per line, also an incomplete last line) ----
   The browser lays the items out (the gallery is a wrapping flex row) instead of isotope's absolute positions;
   the filter hides the other items with .is-filtered-out (js/scripts.js). */
.section-projects .gallery {
  justify-content: center;
  width: 100% !important;
  height: auto !important;
}
.section-projects .gallery .items {
  position: relative !important;
  left: auto !important;
  top: auto !important;
}
.section-projects .gallery .items.is-filtered-out {
  display: none !important;
}

.section-projects .gallery .item-img {
  border-radius: 2rem;
}

.mfp-projects img.mfp-img {
  clip-path: inset(40px 0 40px 0 round 2rem);
}

.mfp-projects .mfp-figure:after {
  border-radius: 2rem;
}

.mfp-projects .mfp-project-details {
  border-radius: 0 0 2rem 2rem;
}

/* ------------------------------ MEDIA QUERY max-width 767px SCREEN ------------------------------ */
@media screen and (max-width: 767px) {
  .portfolio .items {
    margin-top: 20px;
  }
}
/* ==== Projects gallery popup: grey overlay with the project details (see js/magnific.js) ==== START */
.mfp-figure figure {
  position: relative;
}

.mfp-projects {
  --project-popup-size: min(800px, calc(100vw - 16px), calc(100dvh - 170px));
}
.mfp-projects .mfp-content {
  width: var(--project-popup-size);
  max-width: none;
}
.mfp-projects img.mfp-img {
  width: 100%;
  max-width: none;
  height: calc(var(--project-popup-size) + 80px);
  object-fit: cover;
}

.mfp-project-details {
  position: absolute;
  top: calc(40px + (100% - 80px) * 0.3);
  bottom: 40px;
  left: 0;
  right: 0;
  clip-path: polygon(0 11.4285714286%, 100% 0, 100% 100%, 0 100%);
  display: flex;
  gap: 3rem;
  padding: calc(8% + 2.5rem) 3.5rem 2.5rem 3.5rem;
  background-color: rgba(30, 30, 30, 0.72);
  color: white;
  text-align: left;
  cursor: pointer;
  overflow-y: auto;
}

.mfp-project-details--empty {
  display: none;
}

.mfp-project-col {
  flex: 1 1 0;
}

.mfp-project-heading {
  margin: 0 0 1.5rem 0;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.3;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.mfp-challenges ul,
.mfp-results ul {
  margin: 0;
  padding-left: 1.8rem;
}

.mfp-challenges li,
.mfp-results li {
  margin-bottom: 0.8rem;
  font-size: 1.5rem;
  line-height: 1.5;
  color: white;
  list-style-type: disc;
}

@media only screen and (max-width: 47.9375em) {
  .mfp-project-details {
    flex-direction: column;
    gap: 2rem;
    padding: calc(8% + 1.5rem) 2rem 2rem 2rem;
  }
}
@media only screen and (max-width: 30em) {
  .mfp-project-details {
    top: auto;
    height: min(325px, 100% - 80px);
    clip-path: polygon(0 calc(var(--project-popup-size) * 0.08), 100% 0, 100% 100%, 0 100%);
    gap: 1rem;
    padding: calc(8% + 0.8rem) 1.4rem 0.8rem 1.4rem;
  }
  .mfp-project-heading {
    margin-bottom: 0.5rem;
    padding-bottom: 0.4rem;
    font-size: 1.5rem;
  }
  .mfp-challenges li,
  .mfp-results li {
    margin-bottom: 0.3rem;
    font-size: 1.4rem;
    line-height: 1.35;
  }
  .mfp-projects {
    --project-popup-size: 90vw;
  }
  .mfp-projects img.mfp-img {
    height: calc(var(--project-popup-size) * 1.25 + 80px);
  }
  .mfp-projects .mfp-title {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .mfp-challenges ul,
  .mfp-results ul {
    padding-left: 1.4rem;
  }
}
/* ==== Projects gallery popup: grey overlay with the project details ==== END */
@media only screen and (min-width: 30.0625em) and (max-width: 64em) {
  .section-projects .gallery .items {
    width: calc(50% - 20px);
    max-width: 400px;
    height: auto;
    aspect-ratio: 1/1;
  }
}
@media only screen and (max-width: 30em) {
  .section-projects .gallery .items {
    width: calc(100% - 40px);
    max-width: 400px;
    height: auto;
    aspect-ratio: 1/1;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.mfp-projects .mfp-close {
  top: calc(40px + 1.2rem);
  right: 1.2rem;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  padding: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.35);
  color: #fff;
  opacity: 0.9;
  font-size: 2.8rem;
  text-align: center;
}
.mfp-projects .mfp-close:hover {
  opacity: 1;
}

@media (hover: none) {
  .portfolio .item-img .item-img-overlay {
    opacity: 1;
    transform: translateY(0);
  }
  .portfolio .item-img h6 {
    transform: translateY(0);
  }
}
@media only screen and (max-width: 30em) {
  .portfolio .item-img h6 {
    font-size: 14px;
    line-height: 1.35;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .portfolio .item-img h6 {
    font-size: 14px;
    line-height: 1.35;
  }
  .portfolio .item-img .fa {
    font-size: 20px;
    height: 38px;
    width: 38px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .mfp-projects {
    --project-popup-size: 80vw;
  }
  .mfp-projects img.mfp-img {
    height: calc(80dvh - 22px + 80px);
  }
  .mfp-projects .mfp-content {
    top: -9px;
  }
  .mfp-project-details {
    padding-top: calc((80dvh - 22px) * 0.08 + 1.5rem);
  }
  .mfp-project-details {
    flex-direction: row;
    gap: 2rem;
    padding-right: 2rem;
    padding-bottom: 1.2rem;
    padding-left: 2rem;
  }
  .mfp-project-heading {
    margin-bottom: 0.6rem;
    padding-bottom: 0.4rem;
    font-size: 1.3rem;
  }
  .mfp-challenges li,
  .mfp-results li {
    margin-bottom: 0.3rem;
    font-size: 1.2rem;
    line-height: 1.35;
  }
  .mfp-challenges ul,
  .mfp-results ul {
    padding-left: 1.4rem;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) and (max-height: 21.25em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) and (max-height: 21.25em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) and (max-height: 21.25em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) and (max-height: 21.25em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) and (max-height: 21.25em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) and (max-height: 21.25em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) and (max-height: 21.25em) {
  .mfp-project-heading {
    margin-bottom: 0.5rem;
    padding-bottom: 0.3rem;
    font-size: 1.2rem;
  }
  .mfp-challenges li,
  .mfp-results li {
    margin-bottom: 0.2rem;
    font-size: 1.1rem;
    line-height: 1.3;
  }
  .mfp-challenges ul,
  .mfp-results ul {
    padding-left: 1.3rem;
  }
}
/* ======= SECTION RESOURCES  ======= START === */
/* SECTION RESOURCES TITLE H2 */
.heading-2-resources {
  position: relative;
  margin-top: 7dvh;
}

/* SECTION RESOURCES SUB-TITLE H3 */
.heading-3-resources h3 {
  margin: 2dvh 0 1dvh 0;
  font-size: 3rem;
}

.resources-container {
  margin-left: 0dvw;
  margin: auto;
}

.resources-container-0 {
  height: 3dvh;
  margin-top: 5dvh;
  margin-bottom: 1.5dvh;
}

.resources-container-1 {
  height: 25dvh;
  margin-top: 7dvh;
  margin-bottom: 1.5dvh;
}

.resources-container-2 {
  height: auto;
  margin-top: 7dvh;
  margin-bottom: 1.5dvh;
}

.resources-row {
  margin: 0 0;
  padding: 0 0;
}

.resources-row-1 {
  width: 80%;
  height: 20dvh;
  margin: 0 auto 2dvh auto;
}

.resources-row-title {
  font-size: 2.5rem;
  text-transform: capitalize;
  font-weight: 700;
  display: inline-block;
  background-image: linear-gradient(to right, #777, #354b57);
  background-clip: text;
  color: transparent;
  letter-spacing: 0.2rem;
  transition: all 0.2s;
  text-shadow: 0.5rem 1rem 2rem rgba(0, 0, 0, 0.2);
  margin-bottom: 0.5dvh;
}
.resources-row-title:hover {
  text-shadow: 0rem 0rem 0rem rgba(0, 0, 0, 0);
}

.resources-row-title {
  height: auto;
  line-height: 1.3;
}

.resources-row-title-1 {
  font-size: 2.8rem;
  font-weight: 600;
  font-style: italic;
  font-family: "Montserrat", sans-serif;
}

.resources-row-title-2 {
  font-size: 3rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.resources-row-book {
  height: 10dvh;
  flex-direction: left;
  padding: 0 0;
  margin-bottom: 5dvh;
}

.resources-box-book-1,
.resources-box-book-2,
.resources-box-book-3 {
  padding: 0 0;
}

.resources-row-book-1,
.resources-row-book-2,
.resources-row-book-3 {
  display: inline-flex;
  margin: 0 0;
}

.resources-box-book-1,
.resources-box-book-2,
.resources-box-book-3 {
  display: flex;
  height: 11dvh;
  margin: 0;
}

.resources-book-skills-box,
.resources-book-expeditions-box {
  display: flex;
  flex-wrap: wrap;
}

.resources-book-skills {
  margin: 0.2dvh 0.3dvw;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: white;
  padding: 0.2rem 1.5rem;
  border-radius: 100px; /* used to round the left and right extremities of the button*/
  background-color: rgb(9, 15, 33);
}

.resources-book-skills:first-of-type {
  margin-left: 0;
}

.resources-book-skills:last-of-type {
  margin-right: 0;
}

/* ====== RESOURCES - BOOK CARD - SIDE Left -  BOOK COVER Logo */
.book-cover-currently {
  margin-right: 2.5dvh !important;
  height: 31.5dvh !important;
  width: 21dvh !important;
}

.book-cover-currently,
.book-cover-currently:link,
.book-cover-currently:visited {
  background-image: url("/img/books/Start-With-Why.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 0;
  transform: perspective(1500px) rotateY(25deg);
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  transition: transform 1s ease 0s;
}

.book-cover-currently:hover {
  background-image: url("/img/books/Start-With-Why.jpg");
  transform: perspective(3000px) rotateY(5deg);
}

.book-cover-1 {
  background-image: url("/img/LogoStudies/EU-University-Cropped.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 0;
}

.book-cover-1:hover {
  background-image: url("/img/LogoStudies/EU-University-Cropped.png");
}

/* ====== RESOURCES - BOOK CARD - SIDE Right - BOOK Description */
.resources-book-lignes {
  display: block;
}

.resources-book-ligne-0,
.resources-book-ligne-1,
.resources-book-ligne-2,
.resources-book-ligne-3,
.resources-book-ligne-4 {
  display: block;
  margin: 0.5dvh 0.3dvw 0.8dvh 0.3dvw;
}

.resources-book-ligne-1 {
  display: block;
  margin: 0.5dvh 0.3dvw 0.8dvh 0.3dvw;
}

.resources-book-skills-box,
.resources-book-expeditions-box {
  display: inline-flex;
}

.resources-book-details {
  text-transform: uppercase;
  width: 12rem;
  flex-shrink: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6rem;
  margin-bottom: 0dvh;
  margin-right: 0.2dvw;
  margin-right: 0.2dvw;
  text-align: left;
}

.resources-book-title,
.resources-book-author,
.resources-book-release {
  font-size: 1.6rem;
  line-height: 1.6rem;
  margin-bottom: 0dvh;
}

.resources-book-rating {
  font-size: 3rem;
  line-height: 3rem;
  margin-bottom: 0dvh;
}

.resources-book-ligne-3 .resources-book-details {
  padding: 0.4rem 0;
}

.resources-book-ligne-4 .resources-book-details {
  padding: 0.7rem 0;
}

.resources-book-title {
  font-weight: 700;
  color: rgba(19, 17, 17, 0.819);
  text-align: left;
}

.resources-book-author,
.resources-book-release,
.resources-book-rating {
  font-weight: 500;
  font-size: 1.6rem;
}

.book-cover {
  height: 15dvh;
  width: 10dvh;
}

.resources-row {
  display: block;
}

.resources-book-ligne-0,
.resources-book-ligne-1,
.resources-book-ligne-2,
.resources-book-ligne-3,
.resources-book-ligne-4 {
  display: flex;
}

.resources-box-book-2 {
  width: 33.33%;
}

.stars {
  margin-top: 0dvh;
  margin-bottom: 0dvh;
}

/* ============= SECTION RECOMMENDED BOOKS ===> START */
.resources-container-1 {
  text-align: center; /*centers the "CURRENTLY READING" Title in the containter */
  height: 35dvh;
}

.resources-row-title-1,
.resources-row-title-2 {
  display: block;
  position: relative;
  text-transform: uppercase;
  margin-top: 6dvh;
  margin-bottom: 6dvh;
}

.resources-row-2,
.resources-row-3,
.resources-row-4,
.resources-row-5 {
  width: 100%;
  height: 20dvh;
  margin: 0 auto 2dvh auto;
}

.book-cover {
  margin-right: 0.5dvh;
}

.book-cover,
.book-cover:link,
.book-cover:visited {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 0;
  transform: perspective(1500px) rotateY(25deg);
  border-radius: 1rem;
  filter: drop-shadow(0 1rem 2rem rgba(0, 0, 0, 0.2));
  transition: transform 1s ease 0s;
  filter: grayscale(100%);
  text-decoration: none;
}

.book-cover:hover {
  transform: perspective(3000px) rotateY(5deg);
  filter: none;
  filter: drop-shadow(0 1rem 2rem rgba(0, 0, 0, 0.2));
  text-decoration: none;
}

.book-cover-2-1 {
  background-image: url("/img/books/Make-Time.jpg");
}
.book-cover-2-1:hover {
  background-image: url("/img/books/Make-Time.jpg");
}

.book-cover-2-2 {
  background-image: url("/img/books/Building-a-Second-Brain.jpg");
}
.book-cover-2-2:hover {
  background-image: url("/img/books/Building-a-Second-Brain.jpg");
}

.book-cover-2-3 {
  background-image: url("/img/books/The-PARA-Method.jpg");
}
.book-cover-2-3:hover {
  background-image: url("/img/books/The-PARA-Method.jpg");
}

.book-cover-3-1 {
  background-image: url("/img/books/Feel-Good-Productivity.jpg");
}
.book-cover-3-1:hover {
  background-image: url("/img/books/Feel-Good-Productivity.jpg");
}

.book-cover-3-2 {
  background-image: url("/img/books/Atomic-Habits.jpg");
}
.book-cover-3-2:hover {
  background-image: url("/img/books/Atomic-Habits.jpg");
}

.book-cover-3-3 {
  background-image: url("/img/books/Limitless.jpg");
}
.book-cover-3-3:hover {
  background-image: url("/img/books/Limitless.jpg");
}

.book-cover-4-1 {
  background-image: url("/img/books/Finance-for-Executives.jpg");
}
.book-cover-4-1:hover {
  background-image: url("/img/books/Finance-for-Executives.jpg");
}

.book-cover-4-2 {
  background-image: url("/img/books/Business-Model-Generation.jpg");
}
.book-cover-4-2:hover {
  background-image: url("/img/books/Business-Model-Generation.jpg");
}

.book-cover-4-3 {
  background-image: url("/img/books/Good-Strategy-Bad-Strategy.jpg");
}
.book-cover-4-3:hover {
  background-image: url("/img/books/Good-Strategy-Bad-Strategy.jpg");
}

.book-cover-5-1 {
  background-image: url("/img/books/EA-as-Strategy.jpg");
}
.book-cover-5-1:hover {
  background-image: url("/img/books/EA-as-Strategy.jpg");
}

.book-cover-5-2 {
  background-image: url("/img/books/EA-at-Work.jpg");
}
.book-cover-5-2:hover {
  background-image: url("/img/books/EA-at-Work.jpg");
}

.book-cover-5-3 {
  background-image: url("/img/books/Mastering-Archimate.jpg");
}
.book-cover-5-3:hover {
  background-image: url("/img/books/Mastering-Archimate.jpg");
}

.resources-row-book-2 .resources-book-author,
.resources-row-book-2 .resources-book-release,
.resources-row-book-3 .resources-book-author,
.resources-row-book-3 .resources-book-release,
.resources-row-book-4 .resources-book-author,
.resources-row-book-4 .resources-book-release,
.resources-row-book-5 .resources-book-author,
.resources-row-book-5 .resources-book-release {
  font-family: "Lato", sans-serif;
  color: #000;
  font-size: 1.3rem;
  line-height: 1.3rem;
  margin-bottom: 0dvh;
  padding: 0.1rem 0;
}

.resources-row-book-2 .resources-book-details,
.resources-row-book-3 .resources-book-details,
.resources-row-book-4 .resources-book-details,
.resources-row-book-5 .resources-book-details {
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  width: 8rem;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 0dvh;
  margin-right: 0.2dvw;
  padding: 0.1rem 0;
}

.resources-row-book-2 .resources-book-title,
.resources-row-book-3 .resources-book-title,
.resources-row-book-4 .resources-book-title,
.resources-row-book-5 .resources-book-title {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 2rem !important;
  margin-bottom: 0dvh;
}

.resources-book-title-description {
  text-transform: capitalize;
  font-weight: 400;
  font-size: 1.4rem;
}

.resources-row-book-2 .resources-book-title,
.resources-row-book-2 .resources-book-author,
.resources-row-book-2 .resources-book-release,
.resources-row-book-3 .resources-book-title,
.resources-row-book-3 .resources-book-author,
.resources-row-book-3 .resources-book-release,
.resources-row-book-4 .resources-book-title,
.resources-row-book-4 .resources-book-author,
.resources-row-book-4 .resources-book-release,
.resources-row-book-5 .resources-book-title,
.resources-row-book-5 .resources-book-author,
.resources-row-book-5 .resources-book-release {
  font-size: 1.3rem;
  line-height: 1.3rem;
  margin-bottom: 0dvh;
}

.resources-container-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 2rem;
}
.resources-container-2 > .resources-row-title {
  flex: 0 0 100%;
  text-align: center;
}
.resources-container-2 .resources-row,
.resources-container-2 .resources-row-book {
  display: contents;
}
.resources-container-2 .resources-box-book-2 {
  flex: 1 1 34rem;
  max-width: 44rem;
  width: auto;
  height: auto;
  min-height: 11dvh;
  margin-bottom: 7.7dvh;
}

/* ============= SECTION RECOMMENDED BOOKS ===> END */
/* ============= SECTION MY TOOLS ===> START */
.resources-row-6 {
  width: 100%;
  height: 20dvh;
  margin-bottom: 2dvh;
}

.resources-row-6 .d-flex.flex-wrap {
  justify-content: center;
}
.resources-row-6 .d-flex.flex-wrap .tools {
  margin: 10px 5px 0 5px;
}

/* ============= SECTION MY TOOLS ===> END */
@media only screen and (max-width: 64em) {
  .resources-container-1,
  .resources-row-1,
  .resources-row-book-1,
  .resources-box-book-1 {
    height: auto;
  }
  .resources-row-book-1 {
    display: flex;
    justify-content: center;
  }
  .resources-box-book-1 {
    flex-direction: column;
    align-items: center;
  }
  .book-cover-currently {
    margin-right: 0 !important;
    margin-bottom: 2.5dvh !important;
  }
}
@media only screen and (max-width: 30em) {
  #resources-row-title-2,
  .resources-container-2 .resources-box-book-2 {
    display: none;
  }
}
@media only screen and (max-width: 64em) {
  .heading-3-resources--tools,
  .resources-container-2 .resources-row-6 {
    display: none !important;
  }
}
@media only screen and (max-width: 30em) {
  #resources-row-title-1 {
    font-size: 2.1rem;
    margin-top: 3dvh;
    margin-bottom: 3dvh;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .book-cover-currently {
    height: 63dvh !important;
    width: 42dvh !important;
  }
}
/* ======== SECTION - CONTACT FORM =====> START */
.container-contact {
  display: block;
  position: relative;
}

.contact .map {
  padding: 0;
  position: relative;
  z-index: 4;
  height: 400px;
}

.contact .info .item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.contact .info .item .icon {
  text-align: center;
}

.contact .info .item .cont h6 {
  font-size: 18px;
  margin-bottom: 5px;
  line-height: normal;
}

.contact .info .item .cont p {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .contact .info .item .cont h6 {
    font-size: 16px;
  }
}
.mailform .row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.boutton-contact--box {
  margin: 2dvw 0 0.5dvw 0 !important;
}

.boutton--grey-contact {
  font-size: 1.3rem !important;
  padding: 0.5dvw 2dvw !important;
}

.contact-form-status {
  width: 100%;
  margin: 1rem 0 0 0;
  min-height: 2rem;
  font-size: 1.4rem;
  text-align: center;
  color: #2e7d32;
}
.contact-form-status--error {
  color: #c62828;
}

.boutton--grey-contact[aria-disabled=true] {
  opacity: 0.6;
  pointer-events: none;
}

/* ------------ Footer Style ----------- */
.footer-section {
  position: fixed;
  bottom: 0;
  width: 100%;
  color: rgba(245, 245, 245, 0.808);
  background-color: #000;
}

.footer-top {
  padding: 100px 0px;
}

.footer-bottom {
  padding: 5px 0px;
}

.footer-bottom a:hover {
  color: #000;
}

.footer-social a {
  display: inline-block;
  margin: 0 25px;
}

.footer-social a:first-child {
  margin-left: 0;
}

.footer-social a i {
  color: #939393;
  font-size: 22px;
}

.footer-social a:hover i {
  color: #fff;
}

#footer-row {
  margin: 3dvh 0 1dvh 0;
}

#footer-row a {
  color: rgba(219, 219, 219, 0.945);
}

/* ------------ Contact footer Style ----------- */
.footer-phone,
.footer-address,
.footer-email {
  font-size: 1.4rem;
  margin-bottom: 5px;
}

.container-footer i {
  position: relative;
  top: 0.2rem;
  font-size: 2rem !important;
  margin-bottom: 5px;
}

.footer-copyright {
  font-size: 1.2rem;
  margin-bottom: 5px;
}

/*!* ---------  IT-CROWD --------- *!*/
.it-crowd img {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  width: auto;
  opacity: 0;
}

.it-crowd img:hover {
  opacity: 1;
  /* transform: translate(0px, 60px);
    animation-duration: 1s;
    animation-iteration-count: 1; */
}

footer #it-crowd {
  cursor: default;
}

.it-crowd-bubble {
  position: absolute;
  left: 72px;
  bottom: 30px;
  padding: 0.6rem 1.2rem;
  background-color: white;
  color: #222;
  border: 2px solid #222;
  border-radius: 1.2rem;
  font-family: "Courier New", monospace;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.2s, transform 0.2s;
  pointer-events: none;
}
.it-crowd-bubble::before, .it-crowd-bubble::after {
  content: "";
  position: absolute;
  top: 50%;
  border-style: solid;
  border-color: transparent;
}
.it-crowd-bubble::before {
  right: 100%;
  margin-top: -8px;
  border-width: 8px 12px 8px 0;
  border-right-color: #222;
}
.it-crowd-bubble::after {
  right: calc(100% - 3px);
  margin-top: -6px;
  border-width: 6px 9px 6px 0;
  border-right-color: white;
}

@media only screen and (max-width: 30em) {
  .it-crowd-bubble {
    box-sizing: border-box;
    width: 66.6666666667vw;
    white-space: normal;
  }
}
.it-crowd-img:hover ~ .it-crowd-bubble {
  opacity: 1;
  transform: translateY(0);
}

.map-responsive {
  position: relative;
  overflow: hidden;
  height: 70dvh;
}

.map-responsive iframe {
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  filter: invert(90%) grayscale(1);
}

.map-responsive iframe:hover {
  filter: none;
}

.map-responsive .map-frame {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.map-responsive .map-link {
  display: block;
  width: 100%;
  height: 100%;
}

.map-responsive .map-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: invert(90%) grayscale(1);
  transition: filter 0.3s;
}

.map-responsive .map-link:hover .map-image,
.map-responsive .map-link:focus-visible .map-image {
  filter: none;
}

.map-responsive .map-frame::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.6rem;
  height: 2.6rem;
  margin: -3.14rem 0 0 -1.3rem;
  border-radius: 50% 50% 50% 0;
  background: radial-gradient(circle at 50% 50%, #fff 0 0.45rem, #c81e1e 0.5rem);
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.4);
  transform: rotate(-45deg);
  pointer-events: none;
}

.map-responsive [data-consent-placeholder][hidden] {
  display: none;
}

.map-live-button {
  position: absolute;
  left: 0.6rem;
  bottom: 0.4rem;
  z-index: 1;
  padding: 0.3rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 2rem;
  background-color: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 1.1rem;
  cursor: pointer;
}
.map-live-button:hover, .map-live-button:focus-visible {
  background-color: rgba(0, 0, 0, 0.8);
}

.map-attribution {
  position: absolute;
  right: 0.6rem;
  bottom: 0.4rem;
  z-index: 1;
  padding: 0.1rem 0.6rem;
  border-radius: 0.4rem;
  background-color: rgba(0, 0, 0, 0.55);
  color: #ddd;
  font-size: 1.1rem;
}
.map-attribution a {
  color: #fff;
  text-decoration: underline;
}

/* =========== FOOTER - SOCIAL MEDIA LOGO ====== START */
.fab-box-footer {
  margin: 0 0 !important;
  padding-top: 1rem;
  text-align: center;
}

/* ==== Grouped initial parameters & color ==== */
.footer .fab,
.footer .fas,
.footer .fa-brands,
.footer .fa-linkedin-in,
.footer .fa-meetup,
.footer .fa-twitter,
.footer .fa-x-twitter,
.footer .fa-microsoft,
.footer .fa-whatsapp,
.footer .fa-envelope,
.footer .fa-mobile-alt,
.footer .fa-github,
.footer .fa-globe,
.footer .fa-cookie-bite,
.footer .fa-signal-messenger {
  font-size: 2.2rem;
  margin: 0 3.38rem;
  color: rgba(219, 219, 219, 0.945);
}

/* ==== Individual additional parameters & color on hover ==== */
.footer .fa-linkedin-in {
  position: relative;
  top: 0.1rem;
}

.footer .fa-linkedin-in:hover {
  color: rgba(47, 67, 238, 0.937254902);
}

.footer .fa-cookie-bite:hover {
  color: #c8a165;
}

.footer .credly-logo {
  display: inline-block;
  background-image: url("/img/credly-custom-grey.svg");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  height: 2.5rem;
  width: 4.8rem;
  margin-top: 2rem;
  margin-bottom: 0;
  z-index: 0;
  background-position: center;
  position: relative;
  top: 0.7rem;
}

.footer .credly-logo:hover {
  background-image: url("/img/favicon/credly-custom-blue.svg");
}

.footer .icon-strategy {
  position: relative;
  top: 0.2rem;
  font-size: 2.2rem;
  margin: 0 3.38rem;
  color: rgba(219, 219, 219, 0.827);
  -webkit-text-stroke: 0.5px currentColor;
}

.footer .icon-strategy:hover {
  color: hsl(228, 6%, 16%);
  color: hsla(234, 85%, 56%, 0.937);
}

.footer .chess-pawn {
  position: relative;
  top: 0.43rem;
  height: 2.5rem;
  width: 2rem;
  display: inline-block;
  background-image: url("/img/favicon/chess-pawn-line-grey.svg");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  z-index: 0;
}

.footer .chess-pawn:hover {
  background-image: url("/img/favicon/chess-pawn-line-blue.svg");
}

.footer .bloomio-logo {
  display: inline-block;
  background-image: url("/img/favicon/bloomio-graphic-grey.svg");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  height: 2.5rem;
  width: 2.5rem;
  z-index: 0;
  background-position: center;
  position: relative;
  top: 0.4rem;
}

.footer .bloomio-logo:hover {
  background-image: url("/img/favicon/bloomio-graphic-blue.svg");
  z-index: 0;
}

.footer .notion-logo {
  position: relative;
  top: 0.4rem;
  display: inline-block;
  background-image: url("/img/notion-logo-grey.svg");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  height: 2.5rem;
  width: 2.5rem;
  z-index: 0;
  background-position: center;
}

.footer .notion-logo:hover {
  background-image: url("/img/favicon/notion-logo-blue.svg");
  z-index: 0;
}

.footer .fa-github:hover {
  color: hsla(234, 85%, 56%, 0.938);
}

.footer .fa-microsoft:hover {
  color: hsla(234, 85%, 56%, 0.938);
}

.footer .fa-x-twitter:hover {
  color: hsla(234, 85%, 56%, 0.938);
}

.footer .fa-envelope:hover {
  color: hsla(234, 85%, 56%, 0.938);
}

.footer .fa-mobile-alt:hover {
  color: hsla(234, 85%, 56%, 0.938);
}

/* ==== Grouped left and right margins ==== */
.footer .fa-brands,
.footer .fa-linkedin-in,
.footer .fa-meetup,
.footer .fa-twitter,
.footer .fa-x-twitter,
.footer .fa-microsoft,
.footer .fa-whatsapp,
.footer .fa-envelope,
.footer .fa-mobile-alt,
.footer .fa-github,
.footer .fa-globe,
.footer .fa-cookie-bite,
.footer .fa-signal-messenger {
  margin: 0 3.38rem;
}

.footer .icon-strategy,
.footer .credly-logo,
.footer .chess-pawn,
.footer .notion-logo,
.footer .bloomio-logo {
  margin: 0 3.38rem;
}

/* ==== Grouped hover color ==== */
.footer .fa-linkedin-in:hover,
.footer .fa-meetup:hover,
.footer .fa-twitter:hover,
.footer .fa-x-twitter:hover,
.footer .fa-microsoft:hover,
.footer .fa-whatsapp:hover,
.footer .fa-github:hover,
.footer .fa-globe:hover,
.footer .fa-signal-messenger:hover {
  color: rgba(47, 67, 238, 0.937254902);
}

/* ==== Footer icons: same space between the icons as in the header, breakpoint by breakpoint ====
   (the header sets it on .fab-box i / div / span in each respond() block of _01-header.scss) */
@media only screen and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (min-height: 41em) and (orientation: portrait) and (hover: none) {
  .fab-box-footer a > * {
    margin: 0 8.45px !important;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) {
  .fab-box-footer a > * {
    margin: 0 8.45px !important;
  }
}
@media only screen and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 30em) and (min-height: 43.75em) and (orientation: portrait) and (hover: none) {
  .fab-box-footer a > * {
    margin: 0 8.45px !important;
  }
}
@media only screen and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 43.75em) and (min-height: 30em) and (orientation: landscape) and (hover: none) {
  .fab-box-footer a > * {
    margin: 0 8.45px !important;
  }
}
@media only screen and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 48em) and (min-height: 64em) and (orientation: portrait) and (hover: none) {
  .fab-box-footer a > * {
    margin: 0 16.9px !important;
  }
}
@media only screen and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 64em) and (min-height: 48em) and (orientation: landscape) and (hover: none) {
  .fab-box-footer a > * {
    margin: 0 16.9px !important;
  }
}
@media only screen and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 64em) and (min-height: 69.5em) and (orientation: portrait) and (hover: none) {
  .fab-box-footer a > * {
    margin: 0 25.35px !important;
  }
}
@media only screen and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (min-device-pixel-ratio: 2) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 192dpi) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none), only screen and (min-resolution: 2dppx) and (min-width: 69.5em) and (min-height: 64em) and (orientation: landscape) and (hover: none) {
  .fab-box-footer a > * {
    margin: 0 25.35px !important;
  }
}
@media only screen and (min-width: 80.063em) and (hover: hover) {
  .fab-box-footer a > * {
    margin: 0 16.9px !important;
  }
}
#footer-row {
  display: none;
}

@media only screen and (max-width: 30em) {
  .fab-box-footer a:has(.fa-microsoft),
  .fab-box-footer a:has(.notion-logo) {
    display: none;
  }
}
:root {
  --section-sep: 8dvh;
  --map-extra: 10dvh;
}
@media only screen and (max-width: 64em) {
  :root {
    --map-extra: -5dvh;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  :root {
    --map-extra: 22dvh;
  }
}
@media only screen and (min-width: 30.0625em) and (max-width: 64em) and (orientation: portrait) {
  :root {
    --map-extra: -13dvh;
  }
}
@media only screen and (max-width: 30em) {
  :root {
    --section-sep: 4dvh;
    --contact-cover: 10dvh;
  }
}

main {
  height: calc(1261dvh + var(--services-extra, 0px) + var(--experiences-extra, 0px) + var(--education-extra, 0px) + var(--projects-extra, 0px) + var(--resources-extra, 0px) + var(--contact-extra, 0px) + var(--map-extra, 0px)); /* provibe the bottom length after all absolute sections to view the fixed footer */
  background-color: #000;
}

.section-services {
  scroll-margin-top: -8dvh;
  position: absolute;
  top: 92dvh;
  height: calc(220dvh + var(--services-extra, 0px));
  width: 100%;
  margin-top: 8dvh;
  margin-bottom: -16dvh;
  background-color: rgb(247, 247, 247);
  padding: 15dvh 0 0dvh 0;
  overflow: hidden;
  clip-path: polygon(0 0, 50% var(--section-sep, 8dvh), 100% 0, 100% calc(212dvh + var(--services-extra, 0px)), 50% calc(212dvh + var(--section-sep, 8dvh) + var(--services-extra, 0px)), 0 calc(212dvh + var(--services-extra, 0px)));
  z-index: 99;
}

.section-services--row {
  padding-bottom: 5dvh;
}
@media only screen and (max-width: 56.25em) {
  .section-services--row {
    width: 100%;
    max-width: 100%;
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .section-services--row .col-1-of-3 {
    float: none;
    width: 100%;
  }
  .section-services--row .col-1-of-3:not(:last-child) {
    margin-right: 0;
    margin-bottom: 6rem;
  }
}
@media only screen and (min-width: 30.0625em) and (max-width: 56.25em) and (orientation: portrait) {
  .section-services--row {
    padding-left: 10.4rem;
    padding-right: 10.4rem;
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em) and (max-width: 56.25em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em) and (max-width: 56.25em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em) and (max-width: 56.25em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em) and (max-width: 56.25em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em) and (max-width: 56.25em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em) and (max-width: 56.25em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 29.9375em) and (max-width: 56.25em) {
  .section-services--row {
    padding-left: 22.5%;
    padding-right: 22.5%;
  }
}

.section-parallax {
  position: relative;
  height: 30dvh;
  padding-top: 15dvh;
  padding-bottom: 0dvh;
  z-index: 10;
}

.section-testimonials {
  position: relative;
  top: -7dvh;
  padding-top: 20dvh;
  box-shadow: none;
  background-color: none;
  z-index: 15;
}
@media only screen and (min-width: 80.063em) and (hover: hover) {
  .section-testimonials {
    top: calc(22.5dvh - 346px);
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .section-testimonials {
    padding-top: 17dvh;
  }
}

.section-testi-box {
  position: relative;
  top: calc(183.5dvh + var(--services-extra, 0px));
}

.section-experiences {
  scroll-margin-top: -8dvh;
  position: absolute;
  top: calc(370dvh + var(--services-extra, 0px));
  width: 100%;
  height: calc(300dvh + var(--experiences-extra, 0px));
  padding-top: 20dvh;
  box-shadow: none;
  background-color: none;
  overflow: hidden;
  background-color: #f0eeee;
  background-color: rgb(247, 247, 247);
  clip-path: polygon(0 0, 50% var(--section-sep, 8dvh), 100% 0, 100% calc(292dvh + var(--experiences-extra, 0px)), 50% calc(292dvh + var(--section-sep, 8dvh) + var(--experiences-extra, 0px)), 0 calc(292dvh + var(--experiences-extra, 0px)));
  z-index: 15;
}

.section-education {
  scroll-margin-top: -8dvh;
  position: absolute;
  top: calc(660dvh + var(--services-extra, 0px) + var(--experiences-extra, 0px));
  width: 100%;
  padding: 10dvh 0 0dvh 0;
  height: calc(230dvh + var(--education-extra, 0px));
  background-color: #dddddd;
  background-color: #f0eeee;
  background-color: white;
  box-shadow: none;
  overflow: hidden;
  clip-path: polygon(0 0, 50% var(--section-sep, 8dvh), 100% 0, 100% calc(222dvh + var(--education-extra, 0px)), 50% calc(222dvh + var(--section-sep, 8dvh) + var(--education-extra, 0px)), 0 calc(222dvh + var(--education-extra, 0px)));
  z-index: 15;
}

.section-projects {
  scroll-margin-top: -8dvh;
  position: absolute;
  top: calc(881dvh + var(--services-extra, 0px) + var(--experiences-extra, 0px) + var(--education-extra, 0px));
  width: 100%;
  padding: 20dvh 0 10dvh 0;
  height: calc(210dvh + var(--projects-extra, 0px));
  background-color: white;
  background-color: #dddddd;
  background-color: #f0eeee;
  background-color: rgb(247, 247, 247);
  box-shadow: none;
  overflow: hidden;
  clip-path: polygon(0 0, 50% var(--section-sep, 8dvh), 100% 0, 100% calc(202dvh + var(--projects-extra, 0px)), 50% calc(202dvh + var(--section-sep, 8dvh) + var(--projects-extra, 0px)), 0 calc(202dvh + var(--projects-extra, 0px)));
  z-index: 10;
}

.section-resources {
  scroll-margin-top: -8dvh;
  position: absolute;
  top: calc(1040dvh + var(--services-extra, 0px) + var(--experiences-extra, 0px) + var(--education-extra, 0px) + var(--projects-extra, 0px));
  width: 100%;
  padding: 9dvh 0 20dvh 0;
  height: calc(230dvh + var(--resources-extra, 0px));
  background-color: rgb(247, 247, 247);
  background-color: rgb(255, 255, 255);
  box-shadow: none;
  overflow: hidden;
  clip-path: polygon(0 0, 50% var(--section-sep, 8dvh), 100% 0, 100% calc(222dvh + var(--resources-extra, 0px)), 50% calc(222dvh + var(--section-sep, 8dvh) + var(--resources-extra, 0px)), 0 calc(222dvh + var(--resources-extra, 0px)));
  z-index: 10;
}

.section-contact {
  position: absolute;
  top: calc(1240dvh + var(--services-extra, 0px) + var(--experiences-extra, 0px) + var(--education-extra, 0px) + var(--projects-extra, 0px) + var(--resources-extra, 0px));
  width: 100%;
  height: calc(91dvh + var(--contact-extra, 0px) + var(--contact-cover, 0px));
  padding: 16dvh 0 30dvh 0;
  background-color: rgb(247, 247, 247);
  background-color: rgb(255, 255, 255);
  background-color: rgb(136, 204, 143);
  background-color: rgb(247, 247, 247);
  box-shadow: none;
  overflow: hidden;
  clip-path: polygon(0 0, 50% var(--section-sep, 8dvh), 100% 0, 100% calc(83dvh + var(--contact-extra, 0px) + var(--contact-cover, 0px)), 50% calc(83dvh + var(--section-sep, 8dvh) + var(--contact-extra, 0px) + var(--contact-cover, 0px)), 0 calc(83dvh + var(--contact-extra, 0px) + var(--contact-cover, 0px)));
  z-index: 11;
}

@media only screen and (max-width: 30em) {
  .section-services .services-heading-2-areas .heading-2 {
    margin-top: calc(78.9px - 3.89dvh - 16dvh);
  }
  .section-education .heading-2-education:not(.heading-2-education--certifications) .heading-2 {
    margin-top: calc(78.9px - 3.89dvh - 13.06dvh);
  }
  .section-resources .heading-2,
  .section-contact .heading-2 {
    margin-top: calc(78.9px - 3.89dvh - 11.94dvh);
  }
}
@media only screen and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-device-pixel-ratio: 2) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 192dpi) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em), only screen and (min-resolution: 2dppx) and (min-width: 20em) and (orientation: landscape) and (hover: none) and (max-height: 30em) {
  .section-contact .heading-2 {
    margin-bottom: 4rem;
  }
}
.legal-page {
  min-height: 100vh;
  background-color: rgb(247, 247, 247);
  color: #444;
  font-family: "Lato", sans-serif;
  font-size: 1.6rem;
  line-height: 1.7;
}
.legal-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  background-color: #1e2328;
}
.legal-page__header a {
  color: #f2f2f2;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
}
.legal-page__header a:hover {
  text-decoration: underline;
}
.legal-page__home {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}
.legal-page__home img {
  height: 3rem;
  width: auto;
}
.legal-page__content {
  max-width: 85rem;
  margin: 0 auto;
  padding: 5rem 2rem 6rem 2rem;
}
.legal-page__content h1 {
  margin-bottom: 0.5rem;
  font-family: "Montserrat", sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  color: #354b57;
}
.legal-page__content h2 {
  margin: 4rem 0 1rem 0;
  font-family: "Montserrat", sans-serif;
  font-size: 2.2rem;
  font-weight: 600;
  color: #354b57;
}
.legal-page__content h3 {
  margin: 2.5rem 0 0.8rem 0;
  font-size: 1.8rem;
  font-weight: 700;
  color: #354b57;
}
.legal-page__content p,
.legal-page__content li {
  font-size: 1.6rem;
}
.legal-page__content ul {
  padding-left: 2.2rem;
}
.legal-page__content ul li {
  list-style: disc;
  margin-bottom: 0.4rem;
}
.legal-page__content a {
  color: #1565c0;
  text-decoration: underline;
}
.legal-page__content table {
  width: 100%;
  margin: 1rem 0 2rem 0;
  border-collapse: collapse;
  font-size: 1.4rem;
}
.legal-page__content th,
.legal-page__content td {
  padding: 0.8rem 1rem;
  border: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
}
.legal-page__content th {
  background-color: #e8ecef;
}
.legal-page__updated {
  color: #777;
  font-size: 1.4rem;
}
.legal-page__footer {
  padding: 2rem;
  background-color: #1e2328;
  text-align: center;
}
.legal-page__footer .footer-legal {
  padding-bottom: 0;
}
.legal-page__footer .footer-legal__us {
  display: none;
}
@media only screen and (max-width: 30em) {
  .legal-page__content {
    padding-top: 3rem;
  }
  .legal-page__content h1 {
    font-size: 2.6rem;
  }
  .legal-page__content table {
    display: block;
    overflow-x: auto;
  }
}

/*# sourceMappingURL=main.css.map */