/*
	- Reset & Basics
	- Align, Float, Hide
	- Typography
	- Buttons
	- Forms
	- Images
	- Width, Height, Margin, Padding, Offset
*/

/*-----------------------------------------------------------------------------------*/
/*	1. Reset & Basics
/*-----------------------------------------------------------------------------------*/

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

/*-----------------------------------------------------------------------------------*/
/*	2. Align, Float, Hide
/*-----------------------------------------------------------------------------------*/

.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}

.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}

.hidden-xs-up {
  display: none !important;
}

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .hidden-sm-up {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .hidden-md-up {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .hidden-lg-up {
    display: none !important;
  }
}
@media (min-width: 1520px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.align-center {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

@media (max-width: 767px) {
  .hidden-only-xs {
    display: none !important;
  }
  .align-only-xs-center {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}
@media (max-width: 991px) {
  .hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-only-sm {
    display: none !important;
  }
  .align-only-sm-center {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}
@media (max-width: 1199px) {
  .hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-only-md {
    display: none !important;
  }
  .align-only-md-center {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}
@media (max-width: 1519px) {
  .hidden-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1519px) {
  .hidden-only-lg {
    display: none !important;
  }
  .align-only-lg-center {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}
@media (min-width: 1520px) {
  .hidden-only-xl {
    display: none !important;
  }
  .align-only-xl-center {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}

/*-----------------------------------------------------------------------------------*/
/*	3. Typography
/*-----------------------------------------------------------------------------------*/

body {
  font-family: "Quattrocento Sans", Arial, "Helvetica Neue", Helvetica,
    sans-serif;
  font-size: 17px;
  line-height: 1.65;
  color: #444a61;
  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: auto;
}

@media (max-width: 767px) {
  body {
    font-size: 16px;
  }
}

.text-small {
  font-size: 15px;
}
.text-aside {
  font-size: 16px;
  line-height: 1.75;
}
.lead-text-large {
  font-size: 30px;
  line-height: 1.33;
}
.stripe-bottom.dark-colored-bg .lead-text-large {
  line-height: 1.5;
}
.lead-text-medium {
  font-size: 22px;
  line-height: 1.5;
}
.lead-text-basic {
  font-size: 19px;
}
.lead-text-light {
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 300;
  color: #1f2438;
}
.lead-text-light strong {
  font-weight: 600;
}

/* Extra large centered text (used as heading) */
.lead-text-xl,
.lead-text-xl-underlined {
  font-size: 36px;
  line-height: 1.28;
  margin-bottom: 25px;
}
.lead-text-xl-underlined {
  position: relative;
  display: inline-block;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-align: center;
  margin-bottom: 40px;
}
.lead-text-xl-underlined::after {
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 3px;
  background-color: rgba(245, 203, 135, 0.5); /* #f5cb87 */
  -webkit-transform: skew(-45deg);
  -ms-transform: skew(-45deg);
  -o-transform: skew(-45deg);
  transform: skew(-45deg);
  content: "";
}

@media (max-width: 767px) {
  .lead-text-large {
    font-size: 27px;
  }
  .lead-text-xl,
  .lead-text-xl-underlined {
    font-size: 33px;
  }
}

/* Headings
--------------------------------------------------- */
h1,
h2,
h3,
h4,
h5 {
  font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h6 {
  font-family: "Quattrocento Sans", Arial, "Helvetica Neue", Helvetica,
    sans-serif;
}

h1 {
  font-size: 40px;
  line-height: 1.15;
  color: #fff;
  font-weight: 400;
}
h2 {
  font-size: 38px;
  line-height: 1.27;
  color: #1f2438;
  font-weight: 400;
}
h3,
#main-content h2 {
  font-size: 27px;
  line-height: 1.33;
  color: #1f2438;
  font-weight: 700;
}
h4,
#main-content h3 {
  font-size: 24px;
  line-height: 1.42;
  color: #1f2438;
  font-weight: 700;
}
h5,
#main-content h4 {
  font-size: 20px;
  line-height: 1.5;
  color: #1f2438;
  font-weight: 700;
}
h6 {
  font-size: 19px;
  line-height: 1.53;
  color: #1f2438;
  font-weight: 700;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
  padding: 5px 0;
}
h1 {
  margin-bottom: 10px;
}
h2,
h3,
h4 {
  margin-bottom: 15px;
}
h5,
h6 {
  margin-bottom: 10px;
}

h2.title.lead-text-large,
h2.title.lead-text-medium {
  font-family: inherit;
}
h3.title.lead-text-large,
h3.title.lead-text-medium {
  font-family: inherit;
}

/* Headings in "slogan" style */
.h1-slogan,
.h2-slogan,
.h3-slogan,
.h4-slogan,
.h5-slogan {
  font-family: "Roboto Slab", "Times New Roman", Times, serif;
  font-weight: normal;
  margin-bottom: 15px;
}
.h1-slogan,
.h2-slogan {
  font-size: 70px;
  line-height: 1.05;
}
.h3-slogan {
  font-size: 60px;
  line-height: 1.1;
}
.h4-slogan {
  font-size: 50px;
  line-height: 1.1;
}
.h5-slogan {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  h2 {
    font-size: 34px;
  }
  h3,
  #main-content h2 {
    font-size: 25px;
  }
  h4,
  #main-content h3 {
    font-size: 23px;
  }
  .h1-slogan,
  .h2-slogan {
    font-size: 64px;
  }
  .h3-slogan {
    font-size: 55px;
  }
  .h4-slogan {
    font-size: 46px;
  }
  .h5-slogan {
    font-size: 37px;
  }
}

/* Small underline */
h2.underline-small,
h3.underline-small,
h4.underline-small,
h5.underline-small,
h6.underline-small {
  position: relative;
  margin-bottom: 35px;
}
h2.underline-small::before,
h3.underline-small::before,
h4.underline-small::before,
h5.underline-small::before,
h6.underline-small::before,
h2.underline-small::after,
h3.underline-small::after,
h4.underline-small::after,
h5.underline-small::after,
h6.underline-small::after {
  position: absolute;
  display: block;
  left: 0;
  bottom: -11px;
  height: 4px;
  content: "";
  -webkit-transform: skew(-45deg);
  -ms-transform: skew(-45deg);
  -o-transform: skew(-45deg);
  transform: skew(-45deg);
}
h2.underline-small::before,
h3.underline-small::before,
h4.underline-small::before,
h5.underline-small::before,
h6.underline-small::before {
  width: 80px;
  background-color: #f5cb87;
  background: -webkit-linear-gradient(
    left,
    #f5cb87 50%,
    rgba(245, 203, 135, 0.5)
  );
  background: -o-linear-gradient(left, #f5cb87 50%, rgba(245, 203, 135, 0.5));
  background: linear-gradient(
    to right,
    #f5cb87 50%,
    rgba(245, 203, 135, 0.5)
  ); /* #f5cb87 */
}
h2.underline-small::after,
h3.underline-small::after,
h4.underline-small::after,
h5.underline-small::after,
h6.underline-small::after {
  width: 6px;
  background-color: #fff;
  margin-left: 20px;
}
.stripe[class*="stripe-light-grey"] .underline-small::after {
  background-color: #f5f5f5;
}
.ie9 .underline-small::after {
  display: none;
}

/* Heading with two-digit number (step/phase) */
h3[class*="step-number-"] {
  position: relative;
}
h3[class*="step-number-"]::before {
  position: absolute;
  top: 0;
  left: -100px;
  width: 80px;
  font: 60px/1 Verdana, Geneva, sans-serif;
  color: #ccc;
  text-align: right;
}
h3.step-number-1::before {
  content: "01";
}
h3.step-number-2::before {
  content: "02";
}
h3.step-number-3::before {
  content: "03";
}
h3.step-number-4::before {
  content: "04";
}
h3.step-number-5::before {
  content: "05";
}
h3.step-number-6::before {
  content: "06";
}
h3.step-number-7::before {
  content: "07";
}
h3.step-number-8::before {
  content: "08";
}
h3.step-number-9::before {
  content: "09";
}

/* Heading with four-digit number (year) */
h3[class*="year-"] {
  position: relative;
}
h3[class*="year-"]::before {
  position: absolute;
  top: 2px;
  left: -145px;
  width: 125px;
  font: 700 38px/1 Verdana, Geneva, sans-serif;
  color: #ccc;
  text-align: right;
}
h3.year-1995::before {
  content: "1995";
}
h3.year-1996::before {
  content: "1996";
}
h3.year-1997::before {
  content: "1997";
}
h3.year-1998::before {
  content: "1998";
}
h3.year-1999::before {
  content: "1999";
}
h3.year-2000::before {
  content: "2000";
}
h3.year-2001::before {
  content: "2001";
}
h3.year-2002::before {
  content: "2002";
}
h3.year-2003::before {
  content: "2003";
}
h3.year-2004::before {
  content: "2004";
}
h3.year-2005::before {
  content: "2005";
}
h3.year-2006::before {
  content: "2006";
}
h3.year-2007::before {
  content: "2007";
}
h3.year-2008::before {
  content: "2008";
}
h3.year-2009::before {
  content: "2009";
}
h3.year-2010::before {
  content: "2010";
}
h3.year-2011::before {
  content: "2011";
}
h3.year-2012::before {
  content: "2012";
}
h3.year-2013::before {
  content: "2013";
}
h3.year-2014::before {
  content: "2014";
}
h3.year-2015::before {
  content: "2015";
}
h3.year-2016::before {
  content: "2016";
}
h3.year-2017::before {
  content: "2017";
}
h3.year-2018::before {
  content: "2018";
}
h3.year-2019::before {
  content: "2019";
}
h3.year-2020::before {
  content: "2020";
}

/* Text block with colored left border */
.left-border-block {
  border-left: 10px solid rgba(245, 203, 135, 0.5); /* #f5cb87 */
  margin: 0 0 25px -30px;
  padding-left: 20px;
}
h3.left-border-block {
  margin-bottom: 0;
  padding-bottom: 10px;
}

@media (max-width: 991px) {
  h3[class*="step-number-"] {
    padding-left: 70px;
  }
  h3[class*="step-number-"]::before {
    top: -8px;
    left: -3px;
    width: auto;
    font-size: 48px;
    line-height: 48px;
    text-align: left;
  }
  h3[class*="year-"] {
    padding-left: 90px;
  }
  h3[class*="year-"]::before {
    left: -1px;
    width: auto;
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .left-border-block {
    border-left-width: 8px;
    margin-left: -26px;
    padding-left: 18px;
  }
}
@media (max-width: 767px) {
  .left-border-block {
    border-left-width: 7px;
    margin-left: -15px;
    padding-left: 17px;
  }
}

/* Basic Tags & Classes
--------------------------------------------------- */
p {
  margin: 0 0 20px 0;
}
p img {
  margin: 0;
}

em {
  font-style: italic;
}
strong,
b {
  font-weight: bold;
}

.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-underline {
  text-decoration: underline;
}

.font-weight-bold {
  font-weight: 700;
}
.font-weight-normal {
  font-weight: 400;
}
.font-italic {
  font-style: italic;
}

/* Text color */
.text-black {
  color: #333 !important;
}
.text-grey {
  color: #666 !important;
}
.text-light-grey {
  color: #909090 !important;
}
.text-white {
  color: #fff !important;
}
.text-body-color {
  color: #444a61 !important;
}
.text-primary-color {
  color: #3e4d87 !important;
}
.text-primary-color-muted {
  color: #606680 !important;
}
.text-primary-color-pale {
  color: #8d92a6 !important;
}
.text-primary-color-light {
  color: #b8bfd9 !important;
}
.text-white-muted {
  color: #dadde8 !important;
}
.text-secondary-color {
  color: #d99a36 !important;
}
.dark-colored-bg .text-secondary-color {
  color: #f5ae3d !important;
}
.text-secondary-color-dark {
  color: #664b1f !important;
}

hr {
  border: none;
  border-bottom: 1px solid #dedede;
  clear: none;
  height: 0;
  margin: 0 0 25px;
}

code,
kbd {
  display: inline;
  font-family: "Lucida Console", "Lucida Sans Typewriter", "Andale Mono",
    "Courier New", Courier, monospace;
  font-size: 13px;
  color: #909090;
  white-space: pre-wrap;
}
pre {
  font-family: "Lucida Console", "Lucida Sans Typewriter", "Andale Mono",
    "Courier New", Courier, monospace;
  font-size: 13px;
  background-color: #f5f5f5;
  border-left: 2px solid #d5d5d5;
  margin: 0 0 20px;
  padding: 20px;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

address {
  font-style: italic;
  margin: 0 0 15px;
}
abbr[title],
acronym {
  font-variant: none;
  border-bottom: 1px dotted;
}
ins {
  background-color: #fcfbe2;
  padding: 1px 4px 3px;
  text-decoration: none;
}
var {
  font-style: italic;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
}
sub {
  bottom: -0.3em;
}
sup {
  top: -0.4em;
}

/* Blockquote
--------------------------------------------------- */
blockquote {
  position: relative;
  font-size: 19px;
  line-height: 1.65;
  font-style: italic;
  letter-spacing: 0.8px;
  border-left: 6px solid rgba(245, 203, 135, 0.5); /* #f5cb87 */
  margin-bottom: 30px;
  padding: 0 0 10px 30px;
}
.info-box blockquote {
  border-left: none;
  margin-bottom: 25px;
  padding: 0;
}
blockquote p {
  font-family: Georgia, serif;
  color: #606680;
  margin-bottom: 0;
}
blockquote p.lead-text-basic {
  font-family: inherit;
  font-style: normal;
  letter-spacing: 0;
  line-height: inherit;
}
blockquote p.lead-text-medium {
  font-family: inherit;
  font-style: normal;
  letter-spacing: 0.5px;
}
blockquote cite {
  display: block;
  font-family: "Quattrocento Sans", Arial, "Helvetica Neue", Helvetica,
    sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  font-style: italic;
  color: #909090;
  letter-spacing: 0;
  margin-top: 15px;
}
blockquote p.lead-text-basic cite {
  font-size: 15px;
  margin-top: 12px;
}
blockquote cite strong {
  color: #444a61;
  font-style: normal;
}
blockquote cite::before {
  content: "\2014 \00A0";
}

/* Pullquote
--------------------------------------------------- */
.pullquote {
  display: table;
}
.stripe-bottom:not(.stripe-narrow) .pullquote {
  margin-bottom: 15px;
}
.pullquote .pullquote-stat {
  display: table-cell;
  min-width: 170px;
  vertical-align: middle;
  padding-right: 30px;
}
.pullquote .pullquote-stat .out-of-number {
  font: 300 64px/1 "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #d99a36;
}
.pullquote .pullquote-statement {
  display: table-cell;
  vertical-align: middle;
}
.pullquote blockquote {
  font-size: 28px;
  line-height: 1.5;
  font-style: normal;
  letter-spacing: 0.5px;
  border-left: none;
  margin-bottom: 0;
  padding: 0;
}
.pullquote blockquote p {
  color: #666;
}

/* for dark colored background */
.dark-colored-bg .pullquote .pullquote-stat .out-of-number {
  color: #f5cb87;
}
.dark-colored-bg .pullquote blockquote p,
.dark-colored-bg blockquote cite,
.dark-colored-bg blockquote cite strong {
  color: #dadde8;
}

/* for secondary color background */
.stripe-secondary-color-bg .pullquote .pullquote-stat .out-of-number,
.stripe-secondary-color-bg blockquote cite,
.stripe-secondary-color-bg blockquote cite strong {
  color: #fff;
}
.stripe-secondary-color-bg .pullquote blockquote p {
  color: #664b1f;
}

/* Quote marks */
.quote-marks {
  position: relative;
}
.pullquote.quote-marks {
  margin-left: 60px;
}
.quote-marks::before {
  position: absolute;
  display: block;
  top: -7px;
  left: -80px;
  font: italic 120px/1 Verdana, Geneva, sans-serif;
  color: #dadde8;
  content: '"';
}
h2.quote-marks::before {
  top: -4px;
}
.stripe-light-grey-bg .quote-marks::before {
  color: rgba(245, 203, 135, 0.5); /* #f5cb87 */
}
.dark-colored-bg .quote-marks::before {
  color: rgba(255, 255, 255, 0.3);
}
.stripe-secondary-color-bg .quote-marks::before {
  color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
  .pullquote blockquote {
    font-size: 25px;
  }
}
@media (max-width: 570px) {
  .pullquote,
  .pullquote .pullquote-stat,
  .pullquote .pullquote-statement {
    display: block;
  }
  .pullquote .pullquote-stat {
    min-width: 0;
    margin-bottom: 10px;
    padding-right: 0;
  }
  .pullquote .pullquote-stat .out-of-number {
    font-size: 54px;
    font-weight: normal;
  }
}

/* Links
--------------------------------------------------- */
a {
  text-decoration: none;
  outline: 0;
  -webkit-transition-property: color, border-color, background-color, opacity;
  -o-transition-property: color, border-color, background-color, opacity;
  transition-property: color, border-color, background-color, opacity;
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

a {
  color: #3e4d87;
  background-color: transparent;
}
a:hover {
  color: #5f73c2;
}
p a {
  line-height: inherit;
  text-decoration: underline;
}

.text-black a,
.text-white a,
.text-body-color a,
.text-secondary-color-dark a {
  color: inherit;
}
.text-black a:hover {
  color: #606680;
}
.text-white a:hover {
  color: #d9e0ff;
}
.text-body-color a:hover {
  color: #606680;
}
.text-secondary-color-dark a:hover {
  color: #333;
}

a.text-white:hover {
  color: #d9e0ff !important;
}
a.text-secondary-color:hover {
  color: #664b1f !important;
}

p.text-white a {
  color: #d9e0ff;
}
p.text-white a:hover {
  color: #f5cb87;
}

/* Link for block */
a.block-link,
a.block-link:hover {
  color: inherit;
}

/* Read more link*/
a.read-more-link {
  position: relative;
  display: inline-block;
  font: 17px/23px Verdana, Geneva, sans-serif;
  padding-bottom: 3px;
}
a.read-more-link::after {
  display: inline-block;
  font-family: Ionicons;
  font-size: 19px;
  line-height: 1;
  color: #f5ae3d;
  padding-left: 9px;
  vertical-align: -2px;
  content: "\f30f";
}
a.read-more-link.text-white::after {
  color: #f5cb87;
}

/* File type links */
a[class*="-file"] {
  position: relative;
  display: inline-block;
  font: 17px/23px Verdana, Geneva, sans-serif;
  padding-bottom: 3px;
}
a[class*="-file"]::before {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 19px;
  line-height: 1;
  padding-right: 10px;
}
a.pdf-file::before {
  /* PDF file */
  color: #ea4c3a;
  content: "\f1c1";
}
a.word-file::before {
  /* Word file */
  color: #1c70b8;
  content: "\f1c2";
}
a.excel-file::before {
  /* Excel file */
  color: #4d9a34;
  content: "\f1c3";
}

/* Lists
--------------------------------------------------- */
ul,
ol {
  margin-bottom: 25px;
}
ul {
  list-style: disc outside;
  padding-left: 20px;
}
ol {
  list-style: decimal;
  padding-left: 26px;
  overflow: hidden;
}
ul.disc {
  overflow: hidden;
}
li {
  margin-bottom: 10px;
}
ul li:last-child,
ol li:last-child {
  margin-bottom: 0;
}

ul.tight li,
ol.tight li {
  margin-bottom: 0;
}

ul.list-unstyled {
  list-style: none;
  padding-left: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  padding-top: 5px;
  margin-bottom: 0;
}

ol.custom-counter {
  list-style: none;
  padding-left: 0;
  margin-left: -12px;
}
ol.custom-counter > li {
  position: relative;
  counter-increment: step-counter;
  padding-left: 37px;
}
ol.custom-counter > li::before {
  position: absolute;
  left: 0;
  top: 1px;
  width: 30px;
  content: counter(step-counter) ".";
  font-family: Verdana, Geneva, sans-serif;
  font-size: 15px;
  line-height: inherit;
  font-weight: bold;
  color: #8d92a6;
  text-align: right;
}

/* Description List */
dt {
  font-weight: bold;
}
dd {
  margin: 0 0 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	4. Buttons
/*-----------------------------------------------------------------------------------*/

.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  font: 16px/21px Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #3e4d87;
  background: rgba(255, 255, 255, 0.4);
  border: 2px solid #3e4d87;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 12px 25px;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
  -webkit-appearance: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
  height: 40px;
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
  text-transform: none;
}

input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
  padding: 0;
  border: 0;
  margin: 0;
}

.button:hover,
input[type="submit"].button:hover,
input[type="reset"].button:hover,
input[type="button"].button:hover {
  color: #fff;
  background-color: #3e4d87;
}

.button.button-medium {
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  padding: 8px 15px;
}

/* secondary color button */
.button.button-colored {
  color: #ebac46;
  border-color: #f5ae3d;
}
.button.button-colored:hover {
  color: #fff;
  background-color: #f5ae3d;
}

/* grey button */
.button.button-grey {
  color: #727378;
  border-color: #727378;
}
.button.button-grey:hover {
  color: #fff;
  background-color: #727378;
}

/* for dark colored background */
.dark-colored-bg .button.button-medium {
  font-weight: normal;
}
.dark-colored-bg .button {
  color: #b8bfd9;
  background-color: transparent;
  border-color: #b8bfd9;
}
.dark-colored-bg .button:hover {
  color: #1f2438;
  background-color: #b8bfd9;
}
.dark-colored-bg .button.button-colored {
  color: #dadde8;
  background-color: transparent;
  border-color: #f5cb87;
}
.dark-colored-bg .button.button-colored:hover {
  color: #f5f5f5;
  background-color: transparent;
  border-color: #f5f5f5;
}

/* for secondary color background */
.stripe-secondary-color-bg .button.button-medium {
  font-weight: normal;
}
.stripe-secondary-color-bg .button.button-colored {
  color: #fff;
  background-color: rgba(102, 75, 31, 0.6); /* #664b1f */
  border: none;
}
.stripe-secondary-color-bg .button.button-colored:hover {
  background-color: rgba(102, 75, 31, 0.4); /* #664b1f */
}

/* "Arrow Down" button in bottom stripe
--------------------------------------------------- */
.button.arrow-down {
  font-size: 54px;
  border: none;
  background: none !important;
  margin: -15px 0 -5px;
  padding-top: 0;
  padding-bottom: 0;
}
.button.arrow-down:hover {
  color: #5f73c2;
}
.dark-colored-bg .button.arrow-down {
  color: #d9e0ff;
}
.dark-colored-bg .button.arrow-down:hover {
  color: #f5cb87;
}
.stripe-secondary-color-bg .button.arrow-down {
  color: rgba(102, 75, 31, 0.7); /* #664b1f */
}
.stripe-secondary-color-bg .button.arrow-down:hover {
  color: #664b1f;
}

/* Button with "download" icon
--------------------------------------------------- */
.button.download-icon {
  position: relative;
}
.button.download-icon::before {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 19px;
  line-height: 1;
  vertical-align: -10%;
  padding-right: 8px;
  content: "\f019";
}
.button.button-medium.download-icon::before {
  font-family: Ionicons;
  font-size: 17px;
  vertical-align: -5%;
  padding-right: 6px;
  content: "\f35d";
}

/* Button with "play" icon
--------------------------------------------------- */
.button.play-icon {
  position: relative;
  border: none;
  background: none !important;
  padding-left: 55px;
}
.button.play-icon::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  border: 2px solid #3e4d87;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: "";
}
.button.play-icon::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  margin: 13px 0 0 17px;
  border-left: 13px solid #3e4d87;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  content: "";
}
.button.play-icon::before,
.button.play-icon::after {
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.button.play-icon:hover {
  color: #3e4d87;
}
.button.play-icon:hover::before {
  background-color: #3e4d87;
}
.button.play-icon:hover::after {
  border-left-color: #fff !important;
}
.dark-colored-bg .button.play-icon::before {
  border-color: #b8bfd9;
}
.dark-colored-bg .button.play-icon::after {
  border-left-color: #b8bfd9;
}
.dark-colored-bg .button.play-icon:hover {
  color: #b8bfd9;
}
.dark-colored-bg .button.play-icon:hover::before {
  background-color: #b8bfd9;
}

/* colored button */
.button.button-colored.play-icon::before {
  border-color: #ebac46;
}
.button.button-colored.play-icon::after {
  border-left-color: #ebac46;
}
.button.button-colored.play-icon:hover {
  color: #ebac46;
}
.button.button-colored.play-icon:hover::before {
  background-color: #ebac46;
}
.dark-colored-bg .button.button-colored.play-icon::before {
  border-color: #f5cb87;
}
.dark-colored-bg .button.button-colored.play-icon::after {
  border-left-color: #f5cb87;
}
.dark-colored-bg .button.button-colored.play-icon:hover {
  color: #f5f5f5;
}
.dark-colored-bg .button.button-colored.play-icon:hover::before {
  background-color: #f5cb87;
}
.stripe-secondary-color-bg .button.button-colored.play-icon {
  color: #664b1f;
}
.stripe-secondary-color-bg .button.button-colored.play-icon::before {
  border-color: #664b1f;
}
.stripe-secondary-color-bg .button.button-colored.play-icon::after {
  border-left-color: #664b1f;
}
.stripe-secondary-color-bg .button.button-colored.play-icon:hover::before {
  background-color: #664b1f;
}

/* grey button */
.button.button-grey.play-icon::before {
  border-color: #727378;
}
.button.button-grey.play-icon::after {
  border-left-color: #727378;
}
.button.button-grey.play-icon:hover {
  color: #727378;
}
.button.button-grey.play-icon:hover::before {
  background-color: #727378;
}
.dark-colored-bg .button.button-grey.play-icon {
  color: #ccc;
}
.dark-colored-bg .button.button-grey.play-icon::before {
  border-color: #ccc;
}
.dark-colored-bg .button.button-grey.play-icon::after {
  border-left-color: #ccc;
}
.dark-colored-bg .button.button-grey.play-icon:hover::before {
  background-color: #ccc;
}

/*-----------------------------------------------------------------------------------*/
/*	5. Forms
/*-----------------------------------------------------------------------------------*/

input[type="tel"],
input[type="text"],
input[type="password"],
input[type="date"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea,
select {
  display: block;
  width: 100%;
  font: 15px/25px "Quattrocento Sans", Arial, "Helvetica Neue", Helvetica,
    sans-serif;
  color: #666;
  background-color: #fff;
  border: 1px solid #8d92a6;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0 0 17px;
  padding: 3px 12px 4px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}
input[type="checkbox"] {
  display: inline;
  -webkit-box-shadow: none;
  box-shadow: none;
}
textarea {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 23px;
}
label,
legend {
  display: block;
  font-size: 15px;
  line-height: 1.65;
}
input,
textarea {
  -webkit-transition-property: color, border-color, background-color, box-shadow;
  -o-transition-property: color, border-color, background-color, box-shadow;
  transition-property: color, border-color, background-color, box-shadow;
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

/* Disable auto zoom in input/textarea/select fields - Safari on iPhone */
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) {
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  textarea,
  select {
    font-size: 16px;
  }
}

/* Custom select */
.select-wrapper {
  position: relative;
  margin-bottom: 17px;
}
.select-wrapper::after {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #8d92a6;
  margin-top: -3px;
  content: "";
  z-index: 2;
  /* These hacks make the select behind the arrow clickable in some browsers */
  pointer-events: none;
}
.select-wrapper select {
  /* Remove select styling */
  background: none;
  margin: 0;
  padding-right: 32px;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ie9 .select-wrapper::after {
  display: none;
}

/* For IE10 and higher */
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .select-wrapper select::-ms-expand {
    display: none;
  }
  .select-wrapper select:focus::-ms-value {
    background: transparent;
  }
}
@-moz-document url-prefix() {
  .select-wrapper select {
    padding-left: 8px;
  }
}

/*-----------------------------------------------------------------------------------*/
/*	6. Images
/*-----------------------------------------------------------------------------------*/

img {
  max-width: 100%;
  height: auto;
}
.scale-with-grid {
  display: block;
  max-width: 100%;
  height: auto;
}
.frame-scale-with-grid {
  max-width: 100%;
}

/* Round image */
.img-round {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/* Dotted curve as background element for an image */
.img-dotted-curve-down,
.img-dotted-curve-up {
  position: relative;
  max-width: 360px;
  margin-top: 25px;
  margin-bottom: 40px;
}
.img-dotted-curve-down img,
.img-dotted-curve-up img {
  position: relative;
  z-index: 3;
}
.img-dotted-curve-down::before,
.img-dotted-curve-down::after,
.img-dotted-curve-up::before,
.img-dotted-curve-up::after {
  position: absolute;
  width: 117px;
  height: 41px;
  content: "";
  background: url(../images/backgrounds/dotted-curve.png) no-repeat left top;
}
.img-dotted-curve-down::before {
  top: -20px;
  left: -60px;
  z-index: 1;
}
.img-dotted-curve-down::after {
  width: 102px;
  bottom: -36px;
  right: -28px;
  -webkit-transform: rotate(200deg);
  -ms-transform: rotate(200deg);
  -o-transform: rotate(200deg);
  transform: rotate(200deg);
  z-index: 2;
}
.img-dotted-curve-up::before {
  top: -20px;
  right: -60px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  z-index: 1;
}
.img-dotted-curve-up::after {
  width: 102px;
  bottom: -36px;
  left: -28px;
  -webkit-transform: scaleX(-1) rotate(200deg);
  -ms-transform: scaleX(-1) rotate(200deg);
  -o-transform: scaleX(-1) rotate(200deg);
  transform: scaleX(-1) rotate(200deg);
  z-index: 2;
}

/* Centering an image */
figure[class*="align-"][class*="center"] img {
  display: inline;
  margin-bottom: -9px;
}

/* Image caption */
figure figcaption.item-label {
  font-size: 15px;
  text-align: center;
  margin-top: 10px;
}
.mfp-figure figure figcaption {
  font-size: 15px;
}

/* Image taking the full size of a stripe section */
.stripe .container-fluid figure.img-stripe-full-size {
  margin: -80px 0;
}
.stripe-narrow .container-fluid figure.img-stripe-full-size {
  margin: -50px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-sm-12 .img-dotted-curve-down,
  .col-sm-12 .img-dotted-curve-up {
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .img-dotted-curve-down,
  .img-dotted-curve-up {
    margin-top: 5px;
  }
}
@media (min-width: 571px) and (max-width: 767px) {
  .stripe .container-fluid figure.img-stripe-full-size img {
    max-width: 120%;
    margin-left: -10%;
    margin-right: -10%;
  }
}
@media (min-width: 480px) and (max-width: 570px) {
  .stripe .container-fluid figure.img-stripe-full-size img {
    max-width: 150%;
    margin-left: -25%;
    margin-right: -25%;
  }
}
@media (max-width: 479px) {
  .stripe .container-fluid figure.img-stripe-full-size img {
    max-width: 200%;
    margin-left: -50%;
    margin-right: -50%;
  }
}

/*-----------------------------------------------------------------------------------*/
/*	7. Width, Height, Margin, Padding, Offset
/*-----------------------------------------------------------------------------------*/

/* Margin/padding of element/block
--------------------------------------------------- */
.remove-bottom {
  margin-bottom: 0 !important;
}
.margin-bottom-3px {
  margin-bottom: 3px !important;
}
.margin-bottom-5px {
  margin-bottom: 5px !important;
}
.margin-bottom-7px {
  margin-bottom: 7px !important;
}
.margin-bottom-10px {
  margin-bottom: 10px !important;
}
.margin-bottom-12px {
  margin-bottom: 12px !important;
}
.margin-bottom-15px {
  margin-bottom: 15px !important;
}
.margin-bottom-20px {
  margin-bottom: 20px !important;
}
.margin-bottom-25px {
  margin-bottom: 25px !important;
}
.margin-bottom-30px {
  margin-bottom: 30px !important;
}
.margin-bottom-35px {
  margin-bottom: 35px !important;
}
.margin-bottom-40px {
  margin-bottom: 40px !important;
}
.margin-bottom-45px {
  margin-bottom: 45px !important;
}
.margin-bottom-50px {
  margin-bottom: 50px !important;
}
.margin-bottom-55px {
  margin-bottom: 55px !important;
}
.margin-bottom-60px {
  margin-bottom: 60px !important;
}
.margin-bottom-65px {
  margin-bottom: 65px !important;
}
.margin-bottom-70px {
  margin-bottom: 70px !important;
}

.margin-top-10px {
  margin-top: 10px;
}
.margin-top-15px {
  margin-top: 15px;
}
.margin-top-20px {
  margin-top: 20px;
}
.margin-top-25px {
  margin-top: 25px;
}
.margin-top-30px {
  margin-top: 30px;
}
.margin-top-35px {
  margin-top: 35px;
}
.margin-top-40px {
  margin-top: 40px;
}
.margin-top-45px {
  margin-top: 45px;
}
.margin-top-50px {
  margin-top: 50px;
}

.padding-top-10px {
  padding-top: 10px;
}
.padding-top-15px {
  padding-top: 15px;
}
.padding-top-20px {
  padding-top: 20px;
}
.padding-top-25px {
  padding-top: 25px;
}
.padding-top-30px {
  padding-top: 30px;
}
.padding-top-35px {
  padding-top: 35px;
}
.padding-top-40px {
  padding-top: 40px;
}
.padding-top-45px {
  padding-top: 45px;
}
.padding-top-50px {
  padding-top: 50px;
}
.padding-top-60px {
  padding-top: 60px;
}

.gap[class*="margin-bottom-"] {
  height: 1px;
  margin-top: -1px;
}

/* Indentation of element/block
--------------------------------------------------- */
.indent-small {
  padding-left: 10px;
}
.indent-medium {
  padding-left: 20px;
}
.indent-large {
  padding-left: 30px;
}
ul.indent-small,
ol.indent-small {
  padding-left: 30px;
}
ul.indent-medium,
ol.indent-medium {
  padding-left: 40px;
}
ul.indent-large,
ol.indent-large {
  padding-left: 50px;
}
ol.custom-counter.indent-small {
  margin-left: -2px;
  padding-left: 0;
}
ol.custom-counter.indent-medium {
  margin-left: 0;
  padding-left: 8px;
}
ol.custom-counter.indent-large {
  margin-left: 0;
  padding-left: 18px;
}

/* Width of element/block
--------------------------------------------------- */
.width-50px {
  width: 50px;
}
.width-60px {
  width: 60px;
}
.width-70px {
  width: 70px;
}
.width-80px {
  width: 80px;
}
.width-90px {
  width: 90px;
}
.width-100px {
  width: 100px;
}
.width-110px {
  width: 110px;
}
.width-120px {
  width: 120px;
}
.width-130px {
  width: 130px;
}
.width-140px {
  width: 140px;
}
.width-150px {
  width: 150px;
}
.width-160px {
  width: 160px;
}
.width-170px {
  width: 170px;
}
.width-180px {
  width: 180px;
}
.width-190px {
  width: 190px;
}
.width-200px {
  width: 200px;
}
.width-210px {
  width: 210px;
}
.width-220px {
  width: 220px;
}
.width-230px {
  width: 230px;
}
.width-240px {
  width: 240px;
}
.width-250px {
  width: 250px;
}
.width-260px {
  width: 260px;
}
.width-270px {
  width: 270px;
}
.width-280px {
  width: 280px;
}
.width-290px {
  width: 290px;
}
.width-300px {
  width: 300px;
}
.width-310px {
  width: 310px;
}
.width-320px {
  width: 320px;
}
.width-330px {
  width: 330px;
}
.width-340px {
  width: 340px;
}
.width-350px {
  width: 350px;
}
.width-360px {
  width: 360px;
}
.width-370px {
  width: 370px;
}
.width-380px {
  width: 380px;
}
.width-390px {
  width: 390px;
}
.width-400px {
  width: 400px;
}
.width-410px {
  width: 410px;
}
.width-420px {
  width: 420px;
}
.width-430px {
  width: 430px;
}
.width-440px {
  width: 440px;
}
.width-450px {
  width: 450px;
}
.width-460px {
  width: 460px;
}
.width-470px {
  width: 470px;
}
.width-480px {
  width: 480px;
}
.width-490px {
  width: 490px;
}
.width-500px {
  width: 500px;
}
.width-510px {
  width: 510px;
}
.width-520px {
  width: 520px;
}
.width-530px {
  width: 530px;
}
.width-540px {
  width: 540px;
}
.width-550px {
  width: 550px;
}
.width-560px {
  width: 560px;
}
.width-570px {
  width: 570px;
}
.width-580px {
  width: 580px;
}
.width-590px {
  width: 590px;
}
.width-600px {
  width: 600px;
}
.width-610px {
  width: 610px;
}
.width-620px {
  width: 620px;
}
.width-630px {
  width: 630px;
}
.width-640px {
  width: 640px;
}
.width-650px {
  width: 650px;
}
.width-660px {
  width: 660px;
}
.width-670px {
  width: 670px;
}
.width-680px {
  width: 680px;
}
.width-690px {
  width: 690px;
}
.width-700px {
  width: 700px;
}

[class*="width-"][class*="px"] {
  max-width: 100%;
}

.width-one-fourth {
  width: 25%;
}
.width-one-third {
  width: 33.333333%;
}
.width-one-half {
  width: 50%;
}
.width-two-thirds {
  width: 66.666666%;
}
.width-three-fourths {
  width: 75%;
}

.width-10pct {
  width: 10%;
}
.width-20pct {
  width: 20%;
}
.width-30pct {
  width: 30%;
}
.width-35pct {
  width: 35%;
}
.width-40pct {
  width: 40%;
}
.width-45pct {
  width: 45%;
}
.width-50pct {
  width: 50%;
}
.width-60pct {
  width: 60%;
}
.width-70pct {
  width: 70%;
}
.width-80pct {
  width: 80%;
}
.width-90pct {
  width: 90%;
}
.width-100pct {
  width: 100%;
}

@media (max-width: 767px) {
  .width-auto-only-xs {
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .width-auto-only-sm {
    width: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .width-auto-only-md {
    width: auto;
  }
}
@media (min-width: 1200px) and (max-width: 1519px) {
  .width-auto-only-lg {
    width: auto;
  }
}
@media (min-width: 1520px) {
  .width-auto-only-xl {
    width: auto;
  }
}

/* Centering an element/block with adaptive width
--------------------------------------------------- */
@media (min-width: 1200px) {
  .width-50pct-centered {
    width: 50% !important;
    margin-left: 25%;
    margin-right: 25%;
  }
  .width-60pct-centered {
    width: 60% !important;
    margin-left: 20%;
    margin-right: 20%;
  }
  .width-70pct-centered {
    width: 70% !important;
    margin-left: 15%;
    margin-right: 15%;
  }
  .width-80pct-centered {
    width: 80% !important;
    margin-left: 10%;
    margin-right: 10%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .width-50pct-centered {
    width: 60% !important;
    margin-left: 20%;
    margin-right: 20%;
  }
  .width-60pct-centered {
    width: 70% !important;
    margin-left: 15%;
    margin-right: 15%;
  }
  .width-70pct-centered {
    width: 80% !important;
    margin-left: 10%;
    margin-right: 10%;
  }
  .width-80pct-centered {
    width: 90% !important;
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .width-50pct-centered {
    width: 74% !important;
    margin-left: 13%;
    margin-right: 13%;
  }
  .width-60pct-centered {
    width: 82% !important;
    margin-left: 9%;
    margin-right: 9%;
  }
  .width-70pct-centered {
    width: 90% !important;
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .width-50pct-centered {
    width: 86% !important;
    margin-left: 7%;
    margin-right: 7%;
  }
  .width-60pct-centered {
    width: 92% !important;
    margin-left: 4%;
    margin-right: 4%;
  }
}

/* Offset left/right for element/block
--------------------------------------------------- */
.offset-left-5px {
  margin-left: 5px;
}
.offset-right-5px {
  margin-right: 5px;
}
.offset-left-10px {
  margin-left: 10px;
}
.offset-right-10px {
  margin-right: 10px;
}
.offset-left-20px {
  margin-left: 20px;
}
.offset-right-20px {
  margin-right: 20px;
}
.offset-left-30px {
  margin-left: 30px;
}
.offset-right-30px {
  margin-right: 30px;
}
.offset-left-40px {
  margin-left: 40px;
}
.offset-right-40px {
  margin-right: 40px;
}
.offset-left-50px {
  margin-left: 50px;
}
.offset-right-50px {
  margin-right: 50px;
}
.offset-left-60px {
  margin-left: 60px;
}
.offset-right-60px {
  margin-right: 60px;
}
.offset-left-70px {
  margin-left: 70px;
}
.offset-right-70px {
  margin-right: 70px;
}

.offset-left-10pct {
  margin-left: 10%;
}
.offset-right-10pct {
  margin-right: 10%;
}
.offset-left-15pct {
  margin-left: 15%;
}
.offset-right-15pct {
  margin-right: 15%;
}
.offset-left-20pct {
  margin-left: 20%;
}
.offset-right-20pct {
  margin-right: 20%;
}
.offset-left-25pct {
  margin-left: 25%;
}
.offset-right-25pct {
  margin-right: 25%;
}

@media (min-width: 768px) {
  .offset-sm-left-5px {
    margin-left: 5px;
  }
  .offset-sm-right-5px {
    margin-right: 5px;
  }
  .offset-sm-left-10px {
    margin-left: 10px;
  }
  .offset-sm-right-10px {
    margin-right: 10px;
  }
  .offset-sm-left-20px {
    margin-left: 20px;
  }
  .offset-sm-right-20px {
    margin-right: 20px;
  }
  .offset-sm-left-30px {
    margin-left: 30px;
  }
  .offset-sm-right-30px {
    margin-right: 30px;
  }
  .offset-sm-left-40px {
    margin-left: 40px;
  }
  .offset-sm-right-40px {
    margin-right: 40px;
  }
  .offset-sm-left-50px {
    margin-left: 50px;
  }
  .offset-sm-right-50px {
    margin-right: 50px;
  }
  .offset-sm-left-60px {
    margin-left: 60px;
  }
  .offset-sm-right-60px {
    margin-right: 60px;
  }
  .offset-sm-left-70px {
    margin-left: 70px;
  }
  .offset-sm-right-70px {
    margin-right: 70px;
  }

  .offset-sm-left-10pct {
    margin-left: 10%;
  }
  .offset-sm-right-10pct {
    margin-right: 10%;
  }
  .offset-sm-left-15pct {
    margin-left: 15%;
  }
  .offset-sm-right-15pct {
    margin-right: 15%;
  }
  .offset-sm-left-20pct {
    margin-left: 20%;
  }
  .offset-sm-right-20pct {
    margin-right: 20%;
  }
  .offset-sm-left-25pct {
    margin-left: 25%;
  }
  .offset-sm-right-25pct {
    margin-right: 25%;
  }
}

@media (min-width: 992px) {
  .offset-md-left-5px {
    margin-left: 5px;
  }
  .offset-md-right-5px {
    margin-right: 5px;
  }
  .offset-md-left-10px {
    margin-left: 10px;
  }
  .offset-md-right-10px {
    margin-right: 10px;
  }
  .offset-md-left-20px {
    margin-left: 20px;
  }
  .offset-md-right-20px {
    margin-right: 20px;
  }
  .offset-md-left-30px {
    margin-left: 30px;
  }
  .offset-md-right-30px {
    margin-right: 30px;
  }
  .offset-md-left-40px {
    margin-left: 40px;
  }
  .offset-md-right-40px {
    margin-right: 40px;
  }
  .offset-md-left-50px {
    margin-left: 50px;
  }
  .offset-md-right-50px {
    margin-right: 50px;
  }
  .offset-md-left-60px {
    margin-left: 60px;
  }
  .offset-md-right-60px {
    margin-right: 60px;
  }
  .offset-md-left-70px {
    margin-left: 70px;
  }
  .offset-md-right-70px {
    margin-right: 70px;
  }

  .offset-md-left-10pct {
    margin-left: 10%;
  }
  .offset-md-right-10pct {
    margin-right: 10%;
  }
  .offset-md-left-15pct {
    margin-left: 15%;
  }
  .offset-md-right-15pct {
    margin-right: 15%;
  }
  .offset-md-left-20pct {
    margin-left: 20%;
  }
  .offset-md-right-20pct {
    margin-right: 20%;
  }
  .offset-md-left-25pct {
    margin-left: 25%;
  }
  .offset-md-right-25pct {
    margin-right: 25%;
  }
}

@media (min-width: 1200px) {
  .offset-lg-left-5px {
    margin-left: 5px;
  }
  .offset-lg-right-5px {
    margin-right: 5px;
  }
  .offset-lg-left-10px {
    margin-left: 10px;
  }
  .offset-lg-right-10px {
    margin-right: 10px;
  }
  .offset-lg-left-20px {
    margin-left: 20px;
  }
  .offset-lg-right-20px {
    margin-right: 20px;
  }
  .offset-lg-left-30px {
    margin-left: 30px;
  }
  .offset-lg-right-30px {
    margin-right: 30px;
  }
  .offset-lg-left-40px {
    margin-left: 40px;
  }
  .offset-lg-right-40px {
    margin-right: 40px;
  }
  .offset-lg-left-50px {
    margin-left: 50px;
  }
  .offset-lg-right-50px {
    margin-right: 50px;
  }
  .offset-lg-left-60px {
    margin-left: 60px;
  }
  .offset-lg-right-60px {
    margin-right: 60px;
  }
  .offset-lg-left-70px {
    margin-left: 70px;
  }
  .offset-lg-right-70px {
    margin-right: 70px;
  }

  .offset-lg-left-10pct {
    margin-left: 10%;
  }
  .offset-lg-right-10pct {
    margin-right: 10%;
  }
  .offset-lg-left-15pct {
    margin-left: 15%;
  }
  .offset-lg-right-15pct {
    margin-right: 15%;
  }
  .offset-lg-left-20pct {
    margin-left: 20%;
  }
  .offset-lg-right-20pct {
    margin-right: 20%;
  }
  .offset-lg-left-25pct {
    margin-left: 25%;
  }
  .offset-lg-right-25pct {
    margin-right: 25%;
  }
}

@media (min-width: 1520px) {
  .offset-xl-left-5px {
    margin-left: 5px;
  }
  .offset-xl-right-5px {
    margin-right: 5px;
  }
  .offset-xl-left-10px {
    margin-left: 10px;
  }
  .offset-xl-right-10px {
    margin-right: 10px;
  }
  .offset-xl-left-20px {
    margin-left: 20px;
  }
  .offset-xl-right-20px {
    margin-right: 20px;
  }
  .offset-xl-left-30px {
    margin-left: 30px;
  }
  .offset-xl-right-30px {
    margin-right: 30px;
  }
  .offset-xl-left-40px {
    margin-left: 40px;
  }
  .offset-xl-right-40px {
    margin-right: 40px;
  }
  .offset-xl-left-50px {
    margin-left: 50px;
  }
  .offset-xl-right-50px {
    margin-right: 50px;
  }
  .offset-xl-left-60px {
    margin-left: 60px;
  }
  .offset-xl-right-60px {
    margin-right: 60px;
  }
  .offset-xl-left-70px {
    margin-left: 70px;
  }
  .offset-xl-right-70px {
    margin-right: 70px;
  }

  .offset-xl-left-10pct {
    margin-left: 10%;
  }
  .offset-xl-right-10pct {
    margin-right: 10%;
  }
  .offset-xl-left-15pct {
    margin-left: 15%;
  }
  .offset-xl-right-15pct {
    margin-right: 15%;
  }
  .offset-xl-left-20pct {
    margin-left: 20%;
  }
  .offset-xl-right-20pct {
    margin-right: 20%;
  }
  .offset-xl-left-25pct {
    margin-left: 25%;
  }
  .offset-xl-right-25pct {
    margin-right: 25%;
  }
}

/* Height of element/block
--------------------------------------------------- */
.height-15px {
  height: 15px !important;
}
.height-20px {
  height: 20px !important;
}
.height-25px {
  height: 25px !important;
}
.height-30px {
  height: 30px !important;
}
.height-35px {
  height: 35px !important;
}
.height-40px {
  height: 40px !important;
}
.height-45px {
  height: 45px !important;
}
.height-50px {
  height: 50px !important;
}
.height-55px {
  height: 55px !important;
}
.height-60px {
  height: 60px !important;
}
.height-65px {
  height: 65px !important;
}
.height-70px {
  height: 70px !important;
}
.height-75px {
  height: 75px !important;
}
.height-80px {
  height: 80px !important;
}
.height-85px {
  height: 85px !important;
}
.height-90px {
  height: 90px !important;
}
.height-95px {
  height: 95px !important;
}
.height-100px {
  height: 100px !important;
}
.height-110px {
  height: 110px !important;
}
.height-120px {
  height: 120px !important;
}
.height-130px {
  height: 130px !important;
}
.height-140px {
  height: 140px !important;
}
.height-150px {
  height: 150px !important;
}
.height-160px {
  height: 160px !important;
}
.height-170px {
  height: 170px !important;
}
.height-180px {
  height: 180px !important;
}
.height-190px {
  height: 190px !important;
}
.height-200px {
  height: 200px !important;
}
.height-210px {
  height: 210px !important;
}
.height-220px {
  height: 220px !important;
}
.height-230px {
  height: 230px !important;
}
.height-240px {
  height: 240px !important;
}
.height-250px {
  height: 250px !important;
}
.height-260px {
  height: 260px !important;
}
.height-270px {
  height: 270px !important;
}
.height-280px {
  height: 280px !important;
}
.height-290px {
  height: 290px !important;
}
.height-300px {
  height: 300px !important;
}
.height-310px {
  height: 310px !important;
}
.height-320px {
  height: 320px !important;
}
.height-330px {
  height: 330px !important;
}
.height-340px {
  height: 340px !important;
}
.height-350px {
  height: 350px !important;
}
.height-360px {
  height: 360px !important;
}
.height-370px {
  height: 370px !important;
}
.height-380px {
  height: 380px !important;
}
.height-390px {
  height: 390px !important;
}
.height-400px {
  height: 400px !important;
}