/* ********************
Imports
******************** */
/* Browser reset  */
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,
figure,
font,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  cellspacing: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
/* Float & align  */
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
.cb {
  clear: both !important;
}
.cl {
  clear: left !important;
}
.cr {
  clear: right !important;
}
.al {
  text-align: left !important;
}
.ar {
  text-align: right !important;
}
.ac {
  text-align: center !important;
}
/* Grid  */
* {
  box-sizing: border-box;
}
.grid {
  margin: 0 auto;
}
.grid:after,
.clear:after {
  clear: both !important;
  content: "";
  display: table;
}
[class*='col-'] {
  float: left;
}
/* Columns  */
.col-1-1 {
  width: 100%;
}
.col-4-5 {
  width: 80%;
}
.col-3-4 {
  width: 75%;
}
.col-2-3 {
  width: 66.66666%;
}
.col-3-5 {
  width: 60%;
}
.col-1-2 {
  width: 50%;
}
.col-2-5 {
  width: 40%;
}
.col-1-4 {
  width: 25%;
}
.col-1-5 {
  width: 20%;
}
.col-1-3 {
  width: 33.33333%;
}
.col-1-8 {
  width: 12.5%;
}
.col-1-6 {
  width: 16.66%;
}
/* Fonts  */
.helvetica {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.georgia {
  font-family: Georgia, Times, "Times New Roman", serif;
}
/* Mixins  */
@font-face {
  font-family: 'MetronicSlabProAir';
  src: url(/fonts/MetronicSlabProAir.woff?6699b0016dc9890ffcd6eff08058c2f3) format('woff');
  src: url(/fonts/MetronicSlabProAir.eot?48faf3c6352d4ade92a25d740d6d8f01?#iefix) format('embedded-opentype'), url(/fonts/MetronicSlabProAir.woff?6699b0016dc9890ffcd6eff08058c2f3) format('woff'), url(/fonts/MetronicSlabProAir.ttf?298d896b68d72922d9531124689f5f8a) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MetronicSlabProBlack';
  src: url(/fonts/MetronicSlabProBlack.woff?e60ea81e325c23dbc4662ca683576de9) format('woff');
  src: url(/fonts/MetronicSlabProBlack.eot?b3753c7c04d9f5387cabaf2c35c9ee7e?#iefix) format('embedded-opentype'), url(/fonts/MetronicSlabProBlack.woff?e60ea81e325c23dbc4662ca683576de9) format('woff'), url(/fonts/MetronicSlabProBlack.ttf?3676631ce501f04d5a916aba44acd0a5) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MetronicSlabProBold';
  src: url(/fonts/MetronicSlabProBold.woff?7a077ce6e209ad521eeaa9f6085b70ca) format('woff');
  src: url(/fonts/MetronicSlabProBold.eot?6fb2e287fe5b9801190719900a2e6367?#iefix) format('embedded-opentype'), url(/fonts/MetronicSlabProBold.woff?7a077ce6e209ad521eeaa9f6085b70ca) format('woff'), url(/fonts/MetronicSlabProBold.ttf?3881a852cef4fd604e8e3b8caf8dd43c) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MetronicSlabProLight';
  src: url(/fonts/MetronicSlabProLight.woff?116a4d97661db5231c9c224f3a762e5e) format('woff');
  src: url(/fonts/MetronicSlabProLight.eot?3371c4cf71badb5d7547857dcdfb6845?#iefix) format('embedded-opentype'), url(/fonts/MetronicSlabProLight.woff?116a4d97661db5231c9c224f3a762e5e) format('woff'), url(/fonts/MetronicSlabProLight.ttf?770cfa94b61557d1fb9d0321dac6ccdb) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MetronicSlabProRegular';
  src: url(/fonts/MetronicSlabProRegular.woff?fda34ed8b7db7ff574fa7eb4aa999e5b) format('woff');
  src: url(/fonts/MetronicSlabProRegular.eot?271030576546bdff67c48188720c4234?#iefix) format('embedded-opentype'), url(/fonts/MetronicSlabProRegular.woff?fda34ed8b7db7ff574fa7eb4aa999e5b) format('woff'), url(/fonts/MetronicSlabProRegular.ttf?4f703d5b3f6f755ae64c184c6ad19f5b) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MetronicSlabProSemiBold';
  src: url(/fonts/MetronicSlabProSemiBold.woff?122cca2e5883b52c07881e6a8339cab9) format('woff');
  src: url(/fonts/MetronicSlabProSemiBold.eot?30ed20298c6cf91f979cec7c26ecf470?#iefix) format('embedded-opentype'), url(/fonts/MetronicSlabProSemiBold.woff?122cca2e5883b52c07881e6a8339cab9) format('woff'), url(/fonts/MetronicSlabProSemiBold.ttf?5cc92ea1042fa9cb53f4281357850405) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v29/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v29/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v29/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v29/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype');
}
/* ********************
Body
******************** */
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 28px;
  background: #F7F9FA;
}
.button {
  display: inline-block;
  font-family: 'MetronicSlabProSemiBold', sans-serif;
  font-weight: 400;
  font-size: 17px;
  background-color: #EE7551;
  border: 2px solid #EE7551;
  border-radius: 4px;
  text-decoration: none;
  height: 50px;
  color: white;
  padding: 12px 25px;
  transition: all 0.2s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.button.ghost {
  background-color: transparent;
  border: 2px solid white;
}
.button.light-orange {
  background-color: #F5A368;
  border-color: #F5A368;
}
.button.blue {
  background-color: #99B4B1;
  border-color: #99B4B1;
}
.button.blue:hover {
  background-color: #7c9e9b;
  border-color: #7c9e9b;
}
.button:hover {
  background-color: #e95023;
  border-color: #e95023;
}
select::-ms-expand {
  display: none;
}
select {
  /*for firefox*/
  -moz-appearance: none;
  /*for chrome*/
  -webkit-appearance: none;
}
.fade-enter-active,
.fade-leave-active {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.fadein,
.fadeout {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
.fadein {
  opacity: 1;
}
@-webkit-keyframes blink {
  50% {
    color: transparent;
  }
}
@keyframes blink {
  50% {
    color: transparent;
  }
}
span.dot {
  -webkit-animation: 2000ms blink infinite;
          animation: 2000ms blink infinite;
}
span.dot:nth-child(3) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
span.dot:nth-child(4) {
  -webkit-animation-delay: 750ms;
          animation-delay: 750ms;
}
a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #EE7551;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
h1 {
  font-family: 'MetronicSlabProBold', sans-serif;
  font-weight: 400;
  margin-bottom: 25px;
  font-size: 70px;
  line-height: 90px;
}
h2 {
  font-family: 'MetronicSlabProSemiBold', sans-serif;
  font-weight: 400;
  font-size: 36px;
  color: #4A4A4A;
  margin-bottom: 40px;
  line-height: 45px;
}
h3 {
  font-family: 'MetronicSlabProSemiBold', sans-serif;
  font-weight: 400;
  font-size: 26px;
  color: #4A4A4A;
  margin-bottom: 30px;
}
h4 {
  font-family: 'MetronicSlabProSemiBold', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #4A4A4A;
  margin-bottom: 0px;
}
.subtitle {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.col-1-1 {
  padding: 0px 10px;
}
@media only screen and (max-width: 1024px) {
  h2 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 680px) {
  h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 40px;
    line-height: 50px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    line-height: 40px;
    margin-bottom: 10px;
  }
}
/* ********************
Home page
******************** */
.grid {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
.page-header {
  /*
	.language-selected 				{ position:relative; width: 100px;
		li 							{
			a 						{ width: 100px;  }
		}
	}

	@media only screen and (max-width: 640px) {
	.language-selected 				{ width: 70px;
		li 							{
			a 						{ width: 70px;  }
		}
	}
	}
*/
}
.page-header .mobile-languages {
  display: none;
}
.page-header.home {
  position: relative;
  background-image: url(/images/header-img.jpg?95a734c34e6e4bd4bcceeccf1d8ca907);
  background-size: cover;
  background-position: center center;
  height: 900px;
}
.page-header.home:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(74, 74, 74, 0.5);
  width: 100%;
  height: 100%;
}
.page-header.home .mouse-down {
  position: absolute;
  z-index: 2;
  bottom: 40px;
  left: 0;
  content: "";
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  left: 50%;
  transition: bottom 0.2s ease-in-out;
}
.page-header.home .mouse-down:hover {
  bottom: 37px;
}
.page-header .top {
  background-color: #F7F9FA;
  width: 100%;
  position: relative;
  z-index: 99;
}
.page-header .top-nav {
  background-color: #F7F9FA;
  color: #fff;
  position: relative;
  z-index: 200;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.page-header .topnav-nav {
  display: flex;
}
.page-header .topnav__dropdown {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  position: absolute;
  background-color: #F7F9FA;
}
.page-header .topnav__dropdown a {
  background-color: #FFF;
}
.page-header .topnav__dropdown a:hover {
  background-color: #F7F9FA;
}
.page-header .language--active::after {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translate(0, -50%);
  content: '\25BC';
  color: #000;
  display: inline-block;
  margin-left: 0px;
  font-size: 0.4rem;
}
.page-header .language--active:hover .topnav__dropdown {
  opacity: 1;
  visibility: visible;
}
.page-header .top-nav a {
  position: relative;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #4A4A4A;
  text-decoration: none;
  padding: 11px 25px;
}
.page-header .topnav-nav li a {
  opacity: 0.8;
}
.page-header .topnav-nav li a:hover {
  background-color: #e7edf0;
  cursor: pointer;
}
.page-header .wpml-ls-flag {
  position: relative;
  width: 12px;
  height: 12px;
  content: "";
  z-index: 10;
  border-radius: 50%;
  margin-right: 5px;
}
.page-header .language--flag {
  display: inline-block;
  padding-right: 7px;
}
@media only screen and (max-width: 640px) {
  .page-header .top-nav {
    justify-content: flex-start;
    padding-left: 2px;
  }
  .page-header .top-nav a {
    font-size: 12px;
    padding: 11px 8px;
  }
  .page-header .language {
    margin-left: auto;
  }
  .page-header .language--active::after {
    right: 10px;
  }
}
.page-header .language {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 80px;
}
.page-header .language > ul > li {
  position: relative;
  background: #f7f9fa;
  height: 80px;
}
.page-header .language > ul > li > a {
  color: #4A4A4A;
  font-weight: 600;
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0px 30px;
  padding-right: 60px;
}
.page-header .language > ul > li > ul {
  left: 0px;
}
.page-header .language > ul > li > ul > li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4A4A4A;
  font-weight: 600;
  background-color: #F7F9FA;
  padding: 14px 30px;
  padding-right: 60px;
  transition: all 0.2s ease-in-out;
}
.page-header .language > ul > li > ul > li a:hover {
  background-color: #e1eaef;
}
.page-header .main-nav {
  position: relative;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 50;
  width: 100%;
  width: 100vw;
  left: calc(-50vw + 50%);
}
.page-header .main-nav.h-rel {
  background-color: none;
}
.page-header .main-nav.h-fix {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
  background-color: white;
  transition: background-color 0.4s ease-in-out;
}
.page-header .main-nav.h-fix .main-nav-inner {
  background-color: none;
}
.page-header .main-nav.h-fix .main-nav-inner .grid .logo {
  height: 80px;
  padding: 12px 25px;
}
.page-header .main-nav.h-fix .main-nav-inner .grid .logo img {
  width: auto;
  height: 100%;
}
.page-header .main-nav.h-fix .main-nav-inner .grid .uploadnow {
  top: 0;
}
.page-header .main-nav .main-nav-inner {
  width: auto;
  transition: all 0.4s ease-in-out;
}
.page-header .main-nav .main-nav-inner .grid {
  position: relative;
}
.page-header .main-nav .main-nav-inner .grid .logo {
  float: left;
  height: 80px;
  padding: 12px 25px;
}
@media only screen and (max-width: 640px) {
  .page-header .main-nav .main-nav-inner .grid .logo {
    padding: 12px 10px !important;
  }
}
.page-header .main-nav .main-nav-inner .grid .logo img {
  width: auto;
  height: 100%;
  transition: width 0.2s ease-in-out;
}
.page-header .main-nav .main-nav-inner .grid > ul {
  /* .ar; padding-right: 260px; */
  background-color: white;
  transition: height 0.2s ease-in-out;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.page-header .main-nav .main-nav-inner .grid > ul > li {
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
.page-header .main-nav .main-nav-inner .grid > ul > li > a {
  position: relative;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #4A4A4A;
  text-decoration: none;
  padding: 26px 30px;
}
.page-header .main-nav .main-nav-inner .grid > ul > li:hover {
  background-color: #F3F5F8;
}
.page-header .main-nav .main-nav-inner .grid > ul > li:hover a:before {
  max-width: 50%;
}
.page-header .main-nav .main-nav-inner .grid > ul > li:hover a:after {
  max-width: 50%;
}
.page-header .main-nav .main-nav-inner .grid > ul > li > a:before {
  position: absolute;
  width: 50%;
  max-width: 0;
  bottom: 0px;
  height: 4px;
  right: 50%;
  background: #99B4B1;
  transition: all 0.25s ease;
  content: "";
}
.page-header .main-nav .main-nav-inner .grid > ul > li > a:after {
  position: absolute;
  width: 50%;
  max-width: 0;
  bottom: 0px;
  height: 4px;
  left: 50%;
  background: #99B4B1;
  transition: all 0.25s ease;
  content: "";
}
.page-header .main-nav .main-nav-inner .grid .uploadnow {
  /*  .absolute; */
  position: relative;
  font-family: 'MetronicSlabProBold', sans-serif;
  font-weight: 400;
  text-align: center !important;
  top: 0;
  right: 0px;
  width: 205px;
  font-size: 18px;
  background-color: #EE7551;
  color: white;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-left: auto;   */
  height: 80px;
}
.page-header .main-nav .main-nav-inner .grid .uploadnow .icon {
  position: absolute;
  content: "";
  padding: 12px 15px;
  left: -25px;
  top: 50%;
  transform: translate(0%, -50%);
  width: 45px;
  height: 45px;
  background-color: white;
  border-radius: 50px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
}
.page-header .main-nav .main-nav-inner .grid .uploadnow .icon svg {
  padding-top: -10px;
}
.page-header .main-nav .main-nav-inner .grid .uploadnow:hover {
  background-color: #e95023;
}
.page-header .overlay-wrapper {
  text-align: center !important;
  position: absolute;
  /* top: 300px; */
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 850px;
  top: 0;
}
.page-header .overlay-wrapper .overlay-inner .title {
  color: white;
}
.page-header .overlay-wrapper .overlay-inner .subtext {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: white;
  font-size: 18px;
  /* width: 40%; */
  margin: 0 auto;
}
.page-header .overlay-wrapper .overlay-inner .buttons {
  margin-top: 85px;
}
.page-header .overlay-wrapper .overlay-inner .buttons .button {
  margin: 0px 12px;
}
@media only screen and (max-width: 1024px) {
  .page-header.home {
    height: calc(100vh - 55px);
  }
  .page-header .main-nav.h-fix {
    padding: 0px;
  }
  .page-header .overlay-wrapper {
    padding-top: 0px;
    height: calc(100vh - 55px);
  }
  .page-header .overlay-wrapper .overlay-inner .subtext {
    /* width: 50%;  */
  }
}
@media only screen and (max-width: 954px) {
  .page-header.home {
    height: calc(100vh - 55px);
  }
  .page-header.home:before {
    display: none;
  }
  .page-header .main-nav.h-fix .main-nav-inner .grid .logo {
    padding: 15px 25px;
    height: 80px;
  }
  .page-header .main-nav.h-fix .main-nav-inner .grid > ul > li > a {
    padding: 26px 10px;
    font-size: 0.5rem;
  }
  .page-header .main-nav .main-nav-inner .grid > ul > li > a {
    padding: 26px 10px;
  }
  .page-header .overlay-wrapper {
    /* padding-top: 200px;  */
  }
  .page-header .overlay-wrapper .overlay-inner .title {
    margin-bottom: 0px;
  }
  .page-header .overlay-wrapper .overlay-inner .buttons {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .page-header .language {
    display: none;
  }
  .page-header .mobile-languages {
    display: flex;
    flex-direction: row;
    padding-top: 20px;
  }
  .page-header .mobile-languages > li {
    padding: 0px 20px;
    border-right: 1px solid #cecece;
  }
  .page-header .mobile-languages > li:first-child {
    border-left: 1px solid #cecece;
  }
  .page-header .mobile-languages > li > a {
    color: #4A4A4A;
    font-weight: 600;
    opacity: 0.8;
  }
  .page-header .main-nav {
    position: relative;
    top: 0px;
    padding: 0px;
    background-color: white;
  }
  .page-header .main-nav.open.h-fix .main-nav-inner .grid > ul {
    position: absolute;
    padding: 30px 0px;
    top: 80px;
    width: 100%;
    height: 100vh;
    transform: translateX(0px);
  }
  .page-header .main-nav.open.h-fix .main-nav-inner .grid > ul > li {
    display: block;
  }
  .page-header .main-nav.open.h-fix .main-nav-inner .grid > ul > li > a {
    font-size: 18px;
    padding: 20px 0px !important;
  }
  .page-header .main-nav.open.h-fix .main-nav-inner .grid .uploadnow {
    width: 100%;
  }
  .page-header .main-nav.open .main-nav-inner .grid > ul {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100vh;
    transform: translateX(0px);
    transition: transform 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 30px 20px;
  }
  .page-header .main-nav.open .main-nav-inner .grid > ul .uploadnow {
    width: 100%;
  }
  .page-header .main-nav .main-nav-inner .grid .nav-trigger {
    position: absolute;
    display: block;
    right: 10px;
    width: 50px;
    height: 50px;
    z-index: 2;
    top: 15px;
    transition: all 0.5s ease-in-out;
  }
  .page-header .main-nav .main-nav-inner .grid .nav-trigger span {
    position: absolute;
    top: 13px;
    right: 15px;
    width: 30px;
    height: 3px;
    background: #EE7551;
    transition: all 0.25s ease-in-out;
  }
  .page-header .main-nav .main-nav-inner .grid .nav-trigger span:nth-child(2) {
    top: 23px;
  }
  .page-header .main-nav .main-nav-inner .grid .nav-trigger span:nth-child(3) {
    top: 33px;
  }
  .page-header .main-nav .main-nav-inner .grid .nav-trigger.open span {
    transform: rotate(45deg);
    top: 22px;
  }
  .page-header .main-nav .main-nav-inner .grid .nav-trigger.open span:nth-child(2) {
    opacity: 0;
  }
  .page-header .main-nav .main-nav-inner .grid .nav-trigger.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: 22px;
  }
  .page-header .main-nav .main-nav-inner .grid > ul {
    text-align: center !important;
    position: absolute;
    background-color: #F7F9FA;
    width: 100%;
    top: 80px;
    padding-right: 0px;
    padding: 30px 0px;
    height: 100vh !important;
    transform: translateX(800px);
    transition: all 0.5s ease-in-out;
  }
  .page-header .main-nav .main-nav-inner .grid > ul > li {
    display: block;
  }
  .page-header .main-nav .main-nav-inner .grid > ul > li > a {
    padding: 20px 0px;
    font-size: 20px;
  }
  .page-header .main-nav .main-nav-inner .grid .uploadnow {
    display: none;
    position: relative;
    display: inline-block;
    border-radius: 4px;
    height: 50px;
    width: 100%;
    margin-top: 40px;
    padding: 13px 0px;
  }
  .page-header .main-nav .main-nav-inner .grid .uploadnow .icon {
    background-color: transparent;
    box-shadow: none;
    left: 10px;
  }
  .page-header .main-nav .main-nav-inner .grid .uploadnow .icon svg g {
    fill: white;
  }
  .page-header .overlay-wrapper .overlay-inner .subtext {
    /* width: 70%;  */
  }
}
@media only screen and (max-width: 640px) {
  .page-header .mouse-down {
    display: none;
  }
  .page-header.home:before {
    display: none;
  }
  .page-header .main-nav {
    height: 80px;
  }
  .page-header .main-nav .main-nav-inner .grid .logo img {
    width: 150px !important;
  }
  .page-header .main-nav .main-nav-inner .grid > ul {
    top: 80px !important;
    padding: 10px 20px !important;
  }
  .page-header .main-nav .main-nav-inner .grid > ul > li > a {
    font-size: 16px;
    padding: 20px 0px !important;
  }
  .page-header .main-nav .main-nav-inner .grid .uploadnow {
    margin-top: 20px;
    width: 100% !important;
  }
  .page-header .overlay-container {
    position: relative;
    height: 100%;
  }
  .page-header .overlay-container .overlay-wrapper {
    transform: translate(0%, 0);
    top: 0;
    height: calc(100vh - 105px);
    padding-top: 80px;
  }
  .page-header .overlay-container .overlay-wrapper .overlay-inner .title {
    margin-bottom: 15px;
  }
  .page-header .overlay-container .overlay-wrapper .overlay-inner .subtext {
    width: 100%;
    padding: 0px 10px;
  }
  .page-header .overlay-container .overlay-wrapper .overlay-inner .buttons {
    margin-top: 30px;
    padding: 0px 10px;
  }
  .page-header .overlay-container .overlay-wrapper .overlay-inner .buttons .button {
    display: block;
    margin: 10px 0px;
    width: 100% !important;
  }
}
.page-content {
  position: relative;
}
.page-content .jump-to-sidebar {
  position: absolute;
  top: -50px;
  padding: 0px 10px;
  z-index: 4;
}
.page-content .jump-to-sidebar.sidebar-fixed {
  position: fixed;
  width: 350px;
  top: 110px;
}
.page-content .jump-to-sidebar .sidebar-inner {
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.09);
}
.page-content .jump-to-sidebar .sidebar-inner .title {
  font-family: 'MetronicSlabProBold', sans-serif;
  font-weight: 400;
  text-align: center !important;
  height: 105px;
  padding: 40px 0px;
  font-size: 22px;
  background-color: #99B4B1;
  color: white;
}
.page-content .jump-to-sidebar .sidebar-inner > ul > li {
  padding: 20px 0px 20px 30px;
  border-bottom: 1px solid #F1F1F1;
}
.page-content .jump-to-sidebar .sidebar-inner > ul > li > a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #6B6B6B;
  text-decoration: none;
}
.page-content .jump-to-sidebar .sidebar-inner > ul > li.current {
  position: relative;
}
.page-content .jump-to-sidebar .sidebar-inner > ul > li.current a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.page-content .jump-to-sidebar .sidebar-inner > ul > li.current:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 7px;
  height: 100%;
  background-color: #99B4B1;
}
.page-content .content {
  float: right;
}
.page-content .content .content-inner {
  padding: 0px 10px;
}
.page-content .content .content-inner .block-wrapper {
  position: relative;
  margin-bottom: 130px;
  padding: 0px 80px;
}
.page-content .content .content-inner .block-wrapper .arrow-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: rotate(180deg) translate(-50%, 0%);
  transition: bottom 0.2s ease-in-out;
}
.page-content .content .content-inner .block-wrapper .arrow-down:hover {
  bottom: 27px;
}
.page-content .content .content-inner .block-wrapper .arrow-down.transparent {
  bottom: -70px;
}
.page-content .content .content-inner .block-wrapper .arrow-down.transparent:hover {
  bottom: -73px;
}
.page-content .content .content-inner .block-wrapper.white {
  background-color: white;
  padding: 100px 80px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
}
.page-content .content .content-inner .block-wrapper.white .block-inner .text {
  width: 100%;
}
.page-content .content .content-inner .block-wrapper .block-inner .subtitle {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  color: #D8D8D8;
}
.page-content .content .content-inner .block-wrapper .block-inner .text {
  width: 75%;
}
.page-content .content .content-inner .block-wrapper .block-inner .text a:hover {
  color: #c63c13;
}
.page-content .content .content-inner .block-wrapper .block-inner .text .orange {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #EE7551;
}
.page-content .content .content-inner .block-wrapper:last-child {
  margin-bottom: 0px;
}
.page-content .content .content-inner .image {
  height: 452px;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 130px;
}
.page-content .content .content-inner .image img {
  max-width: 100%;
  position: center center;
}
.page-content .information-wrapper {
  background-color: #F5A368;
  color: white;
  padding: 40px 0px 20px 0px;
  margin-bottom: 120px;
  margin-top: 130px;
}
.page-content .information-wrapper .information-inner {
  padding: 80px 50px;
}
.page-content .information-wrapper .information-inner .title {
  text-align: center !important;
  color: white;
}
.page-content .information-wrapper .information-inner .subtitle {
  text-align: center !important;
}
.page-content .information-wrapper .information-inner .text {
  font-size: 13px;
  padding-top: 10px;
}
.page-content .information-wrapper .information-inner .field {
  display: inline-block;
  width: 100%;
}
.page-content .information-wrapper .information-inner .field .form-row {
  height: 50px;
  margin-bottom: 8px;
}
.page-content .information-wrapper .information-inner .field .form-row span {
  display: block;
  position: relative;
  font-size: 14px;
  color: #979797;
  line-height: 20px;
}
.page-content .information-wrapper .information-inner .field .form-row span .radio-label {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-bottom: 0px;
  border: none;
}
.page-content .information-wrapper .information-inner .field .form-row span .radio-label .option {
  position: relative;
  font-family: 'MetronicSlabProSemiBold', sans-serif;
  font-weight: 400;
  cursor: pointer;
  padding: 20px 40px 20px 30px;
  font-size: 18px;
  color: #4A4A4A;
  z-index: 10;
}
.page-content .information-wrapper .information-inner .field .form-row span .radio-label .option .arrow {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0%, -50%) rotate(-90deg);
  transition: all 0.2s ease-in-out;
}
.page-content .information-wrapper .information-inner .field .form-row span .radio-label:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: white;
  left: 0;
  top: 0px;
  transition: all 0.2s ease-in-out;
}
.page-content .information-wrapper .information-inner .field .form-row span .radio-label.radio-active .option {
  color: white;
}
.page-content .information-wrapper .information-inner .field .form-row span .radio-label.radio-active .option .arrow {
  transform: translate(0%, -50%) rotate(0deg);
}
.page-content .information-wrapper .information-inner .field .form-row span .radio-label.radio-active .option .arrow svg g {
  fill: white;
}
.page-content .information-wrapper .information-inner .field .form-row span .radio-label.radio-active:before {
  position: absolute;
  content: "";
  background-color: #EE7551;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  left: 0px;
  top: 0px;
  color: white;
}
.page-content .information-wrapper .information-inner .field .form-row span .radio-label.radio-active:hover .option .arrow {
  right: 20px;
}
.page-content .information-wrapper .information-inner .field .form-row span .radio-label:hover .option .arrow {
  right: 15px;
}
.page-content .information-wrapper .information-inner .field .form-row span .input-hidden {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.page-content .information-wrapper .information-inner .field label {
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
  color: #4A4A4A;
  font-size: 14px;
}
.page-content .information-wrapper .information-inner .party {
  margin-bottom: 120px;
  margin-top: 100px;
  padding: 0px 45px;
}
.page-content .information-wrapper .information-inner .party.party-results {
  margin-bottom: 40px;
}
.page-content .information-wrapper .information-inner .party button {
  text-align: left !important;
  position: relative;
  font-family: 'MetronicSlabProSemiBold', sans-serif;
  font-weight: 400;
  cursor: pointer;
  padding: 0px 30px;
  font-size: 18px;
  color: #4A4A4A;
  height: 60px;
  background-color: white;
  border: 0px;
  border-radius: 4px;
  outline: none;
  width: 100%;
}
.page-content .information-wrapper .information-inner .party button .arrow {
  position: absolute;
  right: 0px;
  transform: rotate(-90deg);
  right: 20px;
}
.page-content .information-wrapper .information-inner .party .icons {
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}
.page-content .information-wrapper .information-inner .information-error {
  position: relative;
  margin: 20px 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  padding: 0px 10px;
  width: auto;
}
.page-content .information-wrapper .information-inner .information-error .error-inner {
  background-color: #e95023;
  border-radius: 4px;
  color: white;
  font-size: 12px;
  padding: 5px 10px;
  line-height: 20px;
}
.page-content .row {
  padding: 0px 45px;
}
.page-content .row .checkbox-container {
  margin-bottom: 30px;
}
.page-content .row .checkbox-container .label {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.page-content .row .checkbox-container .label span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
}
.page-content .row .checkbox-container .switch {
  float: left;
  display: inline-block;
  position: relative;
  margin-right: 15px;
  top: 1px;
  width: 70px;
  height: 30px;
}
.page-content .row .checkbox-container .switch input {
  display: none;
}
.page-content .row .checkbox-container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border: 1px solid white;
  transition: all 0.35s ease;
}
.page-content .row .checkbox-container .slider span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-content .row .checkbox-container .slider span:before {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: #4A4A4A;
  top: 7px;
  right: 9px;
  content: attr(data-off);
  z-index: 1;
  transition: all 0.35s ease;
}
.page-content .row .checkbox-container .slider span:after {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: white;
  top: 7px;
  left: 13px;
  content: attr(data-on);
  z-index: 1;
  opacity: 0;
  transition: all 0.35s ease;
}
.page-content .row .checkbox-container .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 3px;
  background-color: #EE7551;
  transition: all 0.35s ease;
  z-index: 2;
}
.page-content .row .checkbox-container input:checked + .slider {
  background-color: #EE7551;
  border-color: #EE7551;
}
.page-content .row .checkbox-container input:checked + .slider:before {
  transform: translateX(38px);
  background-color: white;
}
.page-content .row .checkbox-container input:checked + .slider span:before {
  opacity: 0;
}
.page-content .row .checkbox-container input:checked + .slider span:after {
  opacity: 1;
}
.page-content .row .checkbox-container .slider.round {
  border-radius: 34px;
}
.page-content .row .checkbox-container .slider.round:before {
  border-radius: 50%;
}
.page-content .improve-options .input-box {
  padding: 40px 35px 0px 35px;
}
.page-content .improve-options .input-box .input-label {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
}
.page-content .improve-options .input-box select {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin-bottom: 0px;
  font-size: 13px;
  border-radius: 4px;
  padding-left: 20px;
  color: #6A6A6A;
  background-color: white;
  height: 50px;
  width: 100%;
  border: 0px;
  background-image: url(/images/chevron-down.svg?18bc3f7285a3a226406ee60c5e77f7be);
  background-repeat: no-repeat;
  background-position: center right 15px;
  padding-right: 38px;
}
.page-content .improve-options .input-box input[type="text"],
.page-content .improve-options .input-box input[type="email"] {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin-bottom: 40px;
  font-size: 13px;
  border-radius: 4px;
  padding-left: 20px;
  color: #6A6A6A;
  background-color: white;
  height: 50px;
  width: 100%;
  border: 0px;
}
.page-content .improve-options .input-box input[type="text"]:focus {
  box-shadow: none !important;
}
.page-content .upload-wrapper .upload-inner .dropfield {
  position: relative;
  margin-top: 85px;
  margin-bottom: 35px;
  height: 300px;
  background-color: white;
  border: 2px dashed #99B4B1;
  padding: 117px 0px;
  transition: all 0.2s ease-in-out;
}
.page-content .upload-wrapper .upload-inner .dropfield.dragging-file {
  background-color: rgba(153, 180, 177, 0.05);
}
.page-content .upload-wrapper .upload-inner .dropfield .title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 10px;
}
.page-content .upload-wrapper .upload-inner .dropfield .subtitle {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  opacity: 0.6;
}
.page-content .upload-wrapper .upload-inner .dropfield input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  opacity: 0;
}
.page-content .upload-wrapper .upload-inner .information-error {
  position: relative;
  margin-bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0%);
  padding: 0px 10px;
  width: auto;
}
.page-content .upload-wrapper .upload-inner .information-error .error-inner {
  background-color: #e95023;
  border-radius: 4px;
  color: white;
  font-size: 12px;
  padding: 5px 10px;
  line-height: 20px;
}
.page-content .checkbox-container {
  margin-bottom: 80px;
  padding: 0px;
  /*
                    .slider 							{ .absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: white; border: 1px solid @blue; .transition(all .35s ease);
                        &:before 						{ .absolute; content: ""; height: 17px; width: 17px; left: 4px; bottom: 3px; background-color: @blue; .transition(all .35s ease); z-index: 2; }

                    }
        */
}
.page-content .checkbox-container .label {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 13px;
}
.page-content .checkbox-container .label span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
}
.page-content .checkbox-container .switch {
  float: left;
  display: inline-block;
  position: relative;
  margin-right: 15px;
  top: 1px;
  width: 70px;
  height: 30px;
}
.page-content .checkbox-container .switch input {
  display: none;
}
.page-content .checkbox-container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border: 1px solid #99B4B1;
  transition: all 0.35s ease;
}
.page-content .checkbox-container .slider span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-content .checkbox-container .slider span:before {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: #4A4A4A;
  top: 7px;
  right: 9px;
  content: attr(data-off);
  z-index: 1;
  transition: all 0.35s ease;
}
.page-content .checkbox-container .slider span:after {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: white;
  top: 7px;
  left: 13px;
  content: attr(data-on);
  z-index: 1;
  opacity: 0;
  transition: all 0.35s ease;
}
.page-content .checkbox-container .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 3px;
  background-color: #99B4B1;
  transition: all 0.35s ease;
  z-index: 2;
}
.page-content .checkbox-container input:checked + .slider {
  background-color: #99B4B1;
  border-color: #99B4B1;
}
.page-content .checkbox-container input:checked + .slider:before {
  transform: translateX(38px);
  background-color: white;
}
.page-content .checkbox-container input:checked + .slider span:before {
  opacity: 0;
}
.page-content .checkbox-container input:checked + .slider span:after {
  opacity: 1;
}
.page-content .checkbox-container .slider.round {
  border-radius: 34px;
}
.page-content .checkbox-container .slider.round:before {
  border-radius: 50%;
}
.page-content .pay-wrapper {
  margin-top: 140px;
}
.page-content .pay-wrapper .pay-inner {
  margin-bottom: 10px;
}
.page-content .pay-wrapper .pay-inner .intro-wrapper {
  padding: 0px 50px;
}
.page-content .pay-wrapper .pay-inner .paymethod {
  padding: 0px 50px;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner {
  position: relative;
  margin: 70px 0px;
  padding: 25px 25px 75px 25px;
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner svg {
  margin-bottom: 50px;
  margin-top: 25px;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner svg .orange {
  fill: auto;
  transition: all 0.2s ease-in-out;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner .title {
  font-family: 'MetronicSlabProSemiBold', sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 20px;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner .subtitle {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #969696;
  font-size: 13px;
  margin-bottom: 25px;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 0%;
  background-color: #F5A368;
  top: 0px;
  left: 0px;
  transition: all 0.2s ease-in-out;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner.selected {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner.selected:before {
  width: 100%;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner.selected svg .orange {
  fill: #F5A368;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner:hover {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner .form-row {
  position: absolute;
  left: 50%;
  bottom: 50px;
  margin-left: -14px;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner .form-row span {
  position: relative;
  font-size: 14px;
  color: #979797;
  line-height: 20px;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner .form-row span .radio-label {
  display: inline-block;
  padding-left: 0px;
  cursor: pointer;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner .form-row span .radio-label:before {
  position: absolute;
  content: "";
  width: 27px;
  height: 27px;
  border-radius: 50%;
  border: 3px solid #CFD0D1;
  left: 0;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner .form-row span .radio-label.radio-active:after {
  position: absolute;
  content: "";
  background-color: #F5A368;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  left: 7px;
  top: 12px;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner .form-row span .input-hidden {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.page-content .pay-wrapper .pay-inner .paymethod .paymethod-inner label {
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
  color: #4A4A4A;
  font-size: 14px;
}
.page-content .form-error {
  font-size: 12px;
}
@media only screen and (max-width: 1024px) {
  .page-content .jump-to-sidebar {
    width: 30%;
  }
  .page-content .jump-to-sidebar .sidebar-inner > ul > li {
    padding: 15px 20px;
  }
  .page-content .content {
    width: 70%;
  }
  .page-content .content .content-inner .block-wrapper {
    padding: 0px 60px;
    margin-bottom: 100px;
  }
  .page-content .content .content-inner .block-wrapper.white {
    padding: 80px 60px;
  }
  .page-content .information-wrapper {
    padding: 20px 0px 20px 0px;
    margin-bottom: 180px;
  }
  .page-content .information-wrapper .information-inner {
    padding: 80px 20px;
  }
  .page-content .information-wrapper .information-inner .party {
    padding: 0px 25px;
  }
  .page-content .row {
    padding: 0px 25px;
  }
  .page-content .improve-options {
    padding: 0px;
  }
  .page-content .improve-options .input-box {
    padding: 40px 25px 0px 25px;
  }
  .page-content .upload-wrapper .upload-inner .dropfield {
    margin-top: 60px;
  }
  .page-content .upload-wrapper .checkbox-container {
    margin-bottom: 180px;
  }
  .page-content .pay-wrapper .intro-wrapper {
    padding: 0px 20px;
  }
  .page-content .pay-wrapper .pay-inner .intro-wrapper {
    padding: 0px 20px;
  }
  .page-content .pay-wrapper .pay-inner .paymethod {
    padding: 0px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page-content .content {
    width: 70%;
  }
  .page-content .content .content-inner .block-wrapper {
    padding: 0px 60px;
    margin-bottom: 100px;
  }
  .page-content .content .content-inner .block-wrapper .arrow-down {
    display: none;
  }
  .page-content .content .content-inner .block-wrapper.white {
    padding: 80px 60px;
  }
  .page-content .content .content-inner .block-wrapper .block-inner .text {
    width: 100%;
  }
  .page-content .content .content-inner .image {
    margin-bottom: 0px;
  }
  .page-content .information-wrapper {
    margin-top: 100px;
    margin-bottom: 140px;
  }
  .page-content .information-wrapper .information-inner {
    padding: 80px 15px;
  }
  .page-content .information-wrapper .information-inner .party {
    padding: 0px 15px;
    margin: 80px 0px;
  }
  .page-content .row {
    padding: 0px 15px;
  }
  .page-content .improve-options {
    padding: 0px;
  }
  .page-content .improve-options .input-box {
    padding: 40px 15px 0px 15px;
  }
  .page-content .pay-wrapper {
    padding: 0px;
  }
  .page-content .pay-wrapper .intro-wrapper {
    padding: 0px 10px;
  }
  .page-content .pay-wrapper .pay-inner .paymethod {
    padding: 0px 10px;
  }
}
@media only screen and (max-width: 640px) {
  .page-content .jump-to-sidebar {
    display: none;
  }
  .page-content .content {
    width: 100%;
  }
  .page-content .content .content-inner .block-wrapper {
    padding: 20px 10px;
    margin-bottom: 50px;
  }
  .page-content .content .content-inner .block-wrapper.white {
    padding: 40px 20px;
  }
  .page-content .content .content-inner .image {
    margin-bottom: 40px;
    height: 100%;
  }
  .page-content .information-wrapper {
    margin-top: 80px;
    margin-bottom: 100px;
  }
  .page-content .information-wrapper .information-inner {
    padding: 40px 0px;
  }
  .page-content .information-wrapper .information-inner .party-wrapper {
    margin: 40px 0px;
  }
  .page-content .information-wrapper .information-inner .party-wrapper .party {
    padding: 15px 10px;
    margin: 0px;
    width: 100%;
  }
  .page-content .information-wrapper .information-inner .party-wrapper .party .icons {
    display: none;
  }
  .page-content .row {
    padding: 0px 10px;
  }
  .page-content .row .checkbox-container {
    margin-bottom: 0px;
    margin-top: 40px;
  }
  .page-content .improve-options {
    padding: 20px 0px;
  }
  .page-content .improve-options .input-box {
    padding: 15px 10px;
    width: 100%;
  }
  .page-content .improve-options .input-box select {
    margin-bottom: 0px;
  }
  .page-content .improve-options .input-box input[type="text"] {
    margin-bottom: 0px;
  }
  .page-content .upload-wrapper .upload-inner .dropfield {
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 113px 10px;
  }
  .page-content .upload-wrapper .upload-inner .dropfield form {
    /* padding: 113px 10px;  */
  }
  .page-content .upload-wrapper .upload-inner .checkbox-container {
    margin-bottom: 80px;
  }
  .page-content .upload-wrapper .upload-inner .checkbox-container .label {
    float: right;
    margin-top: 0px;
    width: calc(100% - 92px);
  }
  .page-content .pay-wrapper {
    margin-top: 30px;
  }
  .page-content .pay-wrapper .pay-inner {
    margin-bottom: 30px;
  }
  .page-content .pay-wrapper .pay-inner .intro-wrapper {
    padding: 0px 10px;
  }
  .page-content .pay-wrapper .pay-inner .field {
    padding: 30px 0px;
  }
  .page-content .pay-wrapper .pay-inner .field .paymethod {
    padding: 0px 10px;
    width: 100%;
  }
  .page-content .pay-wrapper .pay-inner .field .paymethod .paymethod-inner {
    margin: 10px 0px;
  }
}
.footer {
  position: relative;
  background-color: #99B4B1;
  height: 60px;
  margin-top: 100px;
}
.footer .grid > ul {
  padding: 16px 10px;
}
.footer .grid > ul > li {
  position: relative;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  padding-right: 30px;
}
.footer .grid > ul > li > a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.footer .grid > ul > li > a:hover {
  color: white;
}
.footer .grid > ul > li:after {
  position: absolute;
  content: "|";
  right: 10px;
  top: 0px;
}
.footer .grid > ul > li:last-child:after {
  display: none;
}
.footer .grid .back-to-top {
  position: absolute;
  border-radius: 4px;
  top: -25px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: #7B9391;
  padding: 13px 19px;
  transition: all 0.2s ease-in-out;
}
.footer .grid .back-to-top:hover {
  background-color: #637877;
}
@media only screen and (max-width: 480px) {
  .footer {
    height: auto;
  }
}
/* ********************
Forms
******************** */
form .field {
  display: inline-block;
  /*
                .form-row					{ .ac; height: 50px; margin-bottom: 8px;
                    span					{ .relative;  font-size: 14px; color: #979797; line-height: 20px;
                        .radio-label		{ .inlineblock; padding-left: 0px; cursor: pointer;
                            &:before		{ .absolute; content:""; width: 27px; height: 27px; border-radius: 50%; border: 3px solid #CFD0D1; left: 0; }
                            &.radio-active	{
                                &:after		{ .absolute; content:""; background-color: @light-orange; width: 19px; height: 19px; border-radius: 50%; left: 7px; top: 12px; }
                            }
                        }
                        .input-hidden		{ .absolute; opacity: 0; visibility: hidden; }
                    }
                }
                label						{ .inlineblock; .opensans_semibold; margin-bottom: 10px; color: @text; font-size: 14px; }
        */
}
form input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="tel"] {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #4A4A4A;
  padding-left: 20px;
  height: 60px;
  background-color: white;
  width: 100%;
  border: 0px;
  outline: none;
  border-radius: 4px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
form input[type="text"]:focus,
form input[type="email"]:focus,
form textarea:focus {
  box-shadow: inset 0px 10px 0px -2px #F5A368;
}
form textarea {
  display: inline-block;
  width: 100%;
  resize: none;
  border: 0px;
  border-radius: 4px;
  height: 175px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
  font-size: 13px;
  color: #4A4A4A;
  padding: 20px;
}
/* ********************
Forms
******************** */
/* ********************
Loader page
******************** */
.page-content {
  position: relative;
}
.page-content .intro-block {
  position: relative;
  height: 2000px;
}
.page-content .intro-block .intro-wrapper {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translate(0%, -50%);
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .title {
  text-align: center !important;
  font-family: 'MetronicSlabProAir', sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
  font-size: 45px;
  line-height: 45px;
  color: #4A4A4A;
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .title span,
.page-content .intro-block .intro-wrapper .grid .intro-inner .title h1 {
  font-family: 'MetronicSlabProSemiBold', sans-serif;
  font-weight: 400;
  font-size: 45px;
  line-height: 45px;
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .subtext {
  text-align: center !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #4A4A4A;
  font-size: 14px;
  margin-bottom: 20px;
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .subtext span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
.page-content .intro-block .progressbar {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  bottom: -25px;
}
.page-content .intro-block .progressbar .bar-wrapper {
  position: relative;
}
.page-content .intro-block .progressbar .bar-wrapper .bar {
  position: relative;
  background-color: white;
  border-radius: 50px;
  height: 60px;
  width: 930px;
  overflow: hidden;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
}
.page-content .intro-block .progressbar .bar-wrapper .bar .progress {
  position: relative;
  height: 100%;
  background-color: #EE7551;
  transition: all 2000ms ease-out;
  /*
                                                .steps			{ .absolute; .ac; font-size: 13px; width: auto; top: -80px; background-color: white; margin-bottom: 0px; right: -114px; border-radius: 4px; height: auto; line-height: 20px; padding: 5px 15px;
                                                    &:before	{ .absolute; content: ""; width: 8px; height: 8px; background-color: white; bottom: -4px; border-radius: 1px; left: 50%; transform:translate(-50%,0%) rotate(-45deg); }
                                                    span		{ .opensans_semibold; }
                                                }
                        */
}
.page-content .intro-block .progressbar .bar-wrapper .steps {
  position: absolute;
  text-align: center !important;
  font-size: 13px;
  width: auto;
  top: -82px;
  background-color: white;
  margin-bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  border-radius: 4px;
  height: auto;
  line-height: 20px;
  padding: 5px 15px;
}
.page-content .intro-block .progressbar .bar-wrapper .steps:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background-color: white;
  bottom: -4px;
  border-radius: 1px;
  left: 50%;
  transform: translate(-50%, 0%) rotate(-45deg);
}
.page-content .intro-block .progressbar .bar-wrapper .steps span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.page-content .intro-block:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100vw;
  background-color: #D2DADE;
}
.page-content .grid .email-wrapper {
  text-align: center !important;
}
.page-content .grid .email-wrapper .email-inner {
  margin-top: 100px;
  margin-bottom: 70px;
}
.page-content .grid .email-wrapper .email-inner > a {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #7C8483;
  font-size: 13px;
  text-decoration: none;
}
.page-content .grid .email-wrapper .email-inner > a .arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50px;
  padding: 5px;
  top: -10px;
  right: -60px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
}
.page-content .grid .email-wrapper .email-inner > a .arrow svg {
  transform: rotate(-90deg);
}
.email-me-form {
  position: relative;
  width: 30%;
  margin: 0 auto;
}
.email-me-form input[type="email"] {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #4A4A4A;
  padding-left: 20px;
  height: 50px;
  background-color: white;
  width: 100%;
  border: 0px;
  outline: none;
  border-radius: 50px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.email-me-form button[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0px;
  width: 50px;
  height: 50px;
  background-color: #EE7551;
  color: white;
  border: 0px;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.email-me-form button[type="submit"]:before {
  position: absolute;
  content: "";
  background-image: url(/images/arrow-white.svg?1d4e3e114518eab7d780d24142707d76);
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 13px;
}
.email-me-form button[type="submit"]:hover {
  transform: translateX(3px);
  background-color: #e95023;
}
.information-error {
  position: relative;
  margin: 20px 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  padding: 0px 10px;
  width: auto;
}
.information-error .error-inner {
  background-color: #e95023;
  border-radius: 4px;
  color: white;
  font-size: 12px;
  padding: 5px 10px;
  line-height: 20px;
}
.information-success {
  position: relative;
  margin: 20px 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  padding: 0px 10px;
  width: auto;
}
.information-success .error-inner {
  background-color: #7FAE4B;
  border-radius: 4px;
  color: white;
  font-size: 12px;
  padding: 5px 10px;
  line-height: 20px;
}
.email-results {
  color: #EE7551;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.email-results:hover {
  color: #e95023;
}
@media only screen and (max-width: 840px) {
  .page-content .intro-block .progressbar .bar-wrapper {
    width: 100vw;
    padding: 0px 10px;
  }
  .page-content .intro-block .progressbar .bar-wrapper .bar {
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  .email-me-form {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .page-content .intro-block.intro-wachtscherm {
    height: 520px;
  }
  .page-content .intro-block .intro-wrapper {
    padding-top: 150px !important;
  }
  .page-content .intro-block .intro-wrapper .subtext {
    padding: 0px 10px;
  }
  .page-content .intro-block .progressbar .bar-wrapper {
    width: 100vw;
    padding: 0px 10px;
  }
  .page-content .intro-block .progressbar .bar-wrapper .bar {
    width: auto;
  }
  .page-content .grid .email-wrapper .email-inner > a .arrow {
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .email-me-form {
    width: 90%;
  }
}
/* ********************
Results page
******************** */
.page-content {
  position: relative;
}
.page-content .intro-block {
  position: relative;
  height: 700px;
}
.page-content .intro-block .intro-wrapper {
  position: absolute;
  width: 100%;
  top: 55%;
  transform: translate(0%, -50%);
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .annotation-download {
  text-align: center;
  margin-top: 30px;
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .summary-results {
  width: 60%;
  margin: 0 auto;
  padding-top: 40px;
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .summary-results p {
  padding: 0px 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .summary-results .result-block {
  text-align: center !important;
  padding: 15px 15px;
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .summary-results .result-block .result-inner {
  position: relative;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
  overflow: hidden;
  padding: 15px 15px 40px 15px;
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .summary-results .result-block .result-inner .tag {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #99B4B1;
  border: 2px solid #99B4B1;
  border-radius: 50px;
  width: auto;
  margin: 0 auto;
  display: inline-block;
  padding: 0 10px;
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .summary-results .result-block .result-inner .number {
  font-family: 'MetronicSlabProBlack', sans-serif;
  font-weight: 400;
  font-size: 50px;
  color: #4A4A4A;
  line-height: 50px;
  margin-top: 20px;
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .summary-results .result-block .result-inner .subtext {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 13px;
  margin-top: -12px;
}
.page-content .intro-block .intro-wrapper .grid .intro-inner .summary-results .result-block .result-inner .info {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding: 5px 0px;
  background-color: #F7F9FA;
  left: 0px;
  width: 100%;
  bottom: 0px;
}
.page-content .intro-block .buttons {
  text-align: center !important;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
}
.page-content .intro-block .buttons .button {
  margin: 0px 10px;
}
.page-content .intro-block .buttons .button span {
  font-family: 'MetronicSlabProRegular', sans-serif;
  font-weight: 400;
  font-size: 15px;
}
.page-content .results {
  margin-top: 150px;
  padding: 0px 10px;
}
.page-content .results .grid .results-wrapper {
  position: relative;
  margin-bottom: 70px;
}
.page-content .results .grid .results-wrapper .results-inner {
  display: inline-block;
  padding: 80px 45px;
}
.page-content .results .grid .results-wrapper .results-inner.white {
  background-color: white;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
}
.page-content .results .grid .results-wrapper .results-inner .title {
  padding: 0px 15px;
  font-family: 'MetronicSlabProSemiBold', sans-serif;
  font-weight: 400;
  font-size: 36px;
  margin-bottom: 5px;
}
.page-content .results .grid .results-wrapper .results-inner .subtitle {
  padding: 0px 15px;
  font-size: 22px;
  font-family: 'MetronicSlabProSemiBold', sans-serif;
  font-weight: 400;
  color: grey;
  margin-bottom: 15px;
}
.page-content .results .grid .results-wrapper .results-inner .subtext {
  padding: 0px 15px;
  width: 70%;
  margin-bottom: 60px;
}
.page-content .results .grid .results-wrapper .results-inner .item-wrapper {
  display: inline-block;
  margin-bottom: 50px;
}
.page-content .results .grid .results-wrapper .results-inner .item-wrapper.essentials {
  margin-bottom: 0px;
}
.page-content .results .grid .results-wrapper .results-inner .item-wrapper .item {
  padding: 20px 15px;
}
.page-content .results .grid .results-wrapper .results-inner .item-wrapper .item .icon {
  float: left;
  display: inline-block;
  margin-right: 20px;
  border: 2px solid #EE7551;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  padding: 11px;
}
.page-content .results .grid .results-wrapper .results-inner .item-wrapper .item .icon.error {
  padding: 14px;
}
.page-content .results .grid .results-wrapper .results-inner .item-wrapper .item .icon.alert {
  padding: 12px 20px;
}
.page-content .results .grid .results-wrapper .results-inner .item-wrapper .item .icon.accept {
  border-color: #99B4B1;
  padding: 13px 11px;
}
.page-content .results .grid .results-wrapper .results-inner .item-wrapper .item .text {
  float: left;
  display: inline-block;
  width: calc(100% - 70px);
}
.page-content .results .grid .results-wrapper .other-issues {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.page-content .results .grid .results-wrapper .other-issues > a {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #6E6E6E;
  text-decoration: none;
  font-size: 12px;
  font-style: italic;
}
.page-content .results .grid .results-wrapper .other-issues > a .arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50px;
  padding: 9px 14px;
  top: 30px;
  left: 50%;
  transform: translate(-50%, 0%);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
}
.page-content .results .grid .more {
  position: relative;
  text-align: center !important;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 15px;
  margin-bottom: 80px;
}
.page-content .results .grid .more > a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #6E6E6E;
  text-decoration: none;
  font-size: 12px;
  font-style: italic;
}
.page-content .results .grid .more:after {
  position: absolute;
  content: "";
  background-image: url(/images/more.svg?2d2be6763a731e5740fb387841a25c79);
  background-position: center center;
  background-repeat: no-repeat;
  width: 10px;
  height: 14px;
  bottom: -6px;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, 0%);
}
.page-content .results .grid .boilerplate-wrapper {
  position: relative;
  margin-bottom: 70px;
}
.page-content .results .grid .boilerplate-wrapper .boilerplate-inner {
  display: inline-block;
  width: 100%;
  padding: 60px 45px;
  background-color: white;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
  margin-top: 10px;
}
.page-content .results .grid .boilerplate-wrapper .boilerplate-inner > .title {
  position: relative;
  margin-bottom: 35px;
  /*
                                                 .boilerplate-more		{ .absolute; right: 0px; top: 11px;
                                                     span				{ .block; width: 15px; height: 3px; background-color: @text;
                                                         &:first-child	{ .transition(all 0.3s ease-in-out); }
                                                         &:last-child	{ margin-top: -3px; .transform(rotate(90deg)); .transition(all 0.3s ease-in-out); }
                                                     }
                                                 }
                                                 &.active					{
                                                     .boilerplate-more		{
                                                         span				{
                                                             &:first-child	{ transform: rotate(-180deg); }
                                                             &:last-child	{ transform: rotate(180deg); }
                                                         }
                                                     }
                                                 }
                        */
}
.page-content .results .grid .boilerplate-wrapper .boilerplate-inner .subtext > a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #EE7551;
  text-decoration: none;
}
.page-content .results .grid .boilerplate-wrapper .boilerplate-inner .boilerplate-results {
  padding-top: 50px;
  transition: all 0.3s ease-in-out;
}
.page-content .results .grid .boilerplate-wrapper .boilerplate-inner .boilerplate-results .result {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 20px;
  /*
                                                         &.active			{
                                                             .item-wrapper	{ max-height: 400px; height: auto; margin-bottom: 20px; }
                                                             .title-inner	{
                                                                 .arrow		{ .transform(rotate(-180deg)); }
                                                             }
                                                         }
                            */
}
.page-content .results .grid .boilerplate-wrapper .boilerplate-inner .boilerplate-results .result .item-wrapper {
  height: auto;
  width: 100%;
  /* max-height: 0px; overflow: hidden;  .transition(all 0.3s ease-in-out);*/
}
.page-content .results .grid .boilerplate-wrapper .boilerplate-inner .boilerplate-results .result .item-wrapper p {
  padding: 20px 15px;
}
.page-content .results .grid .boilerplate-wrapper .boilerplate-inner .boilerplate-results .result .title-inner {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #4A4A4A;
  font-size: 14px;
  margin-bottom: 20px;
  cursor: pointer;
}
.page-content .results .grid .boilerplate-wrapper .boilerplate-inner .boilerplate-results .result .title-inner .italic {
  display: block;
  font-weight: 400;
  font-style: italic;
  font-size: 13px;
}
.page-content .results .grid .boilerplate-wrapper .boilerplate-inner .boilerplate-results .result .title-inner .arrow {
  position: absolute;
  right: 0px;
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}
.page-content .results .grid .boilerplate-wrapper .boilerplate-inner .boilerplate-results .result .title-inner.active .arrow {
  transform: rotate(-180deg);
}
.page-content .results .grid .cta-wrapper {
  width: 90%;
  margin: 0 auto;
}
.page-content .results .grid .cta-wrapper .information-button.selected {
  background-color: #EE7551;
  color: white;
}
.page-content .results .grid .cta-wrapper .information-button.selected .arrow svg g {
  fill: white;
}
.page-content .results .grid .cta-form {
  margin-bottom: 60px;
}
.page-content .results .grid .cta-form .cta-form-wrapper {
  margin: 0 auto;
  width: 90%;
}
.page-content .results .grid .cta-form .cta-form-wrapper .title {
  text-align: center !important;
}
.page-content .results .grid .cta-form .cta-form-wrapper .subtitle {
  text-align: center !important;
}
.page-content .results .grid .cta-form .cta-form-wrapper .field {
  padding: 20px 30px;
}
.page-content .results .grid .cta-form .cta-form-wrapper form {
  display: inline-block;
  padding-top: 70px;
}
.page-content .results .grid .cta-form .cta-form-wrapper form .field {
  padding: 20px 30px;
}
@media only screen and (max-width: 1024px) {
  .page-content {
    position: relative;
  }
  .page-content .intro-block {
    position: relative;
    height: calc(100vh - 25px);
  }
  .page-content .intro-block .intro-wrapper {
    padding-top: 40px;
  }
  .page-content .intro-block .intro-wrapper .grid .intro-inner .summary-results {
    width: 90%;
    padding-top: 30px;
  }
  .page-content .intro-block .buttons {
    text-align: center !important;
    width: 100%;
  }
  .page-content .results .grid .results-wrapper .results-inner {
    padding: 60px 25px;
  }
  .page-content .results .grid .results-wrapper .results-inner .subtext {
    width: 100%;
    margin-bottom: 50px;
  }
  .page-content .results .grid .results-wrapper .more {
    margin-bottom: 50px;
  }
  .page-content .results .grid .boilerplate-wrapper {
    margin-bottom: 0px;
  }
  .page-content .results .grid .information-wrapper {
    margin-top: 0px;
  }
  .page-content .results .grid .cta-wrapper {
    width: 90%;
  }
  .page-content .results .grid .cta-form {
    margin-bottom: 120px;
  }
  .page-content .results .grid .cta-form .cta-form-wrapper form {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .page-content .intro-block {
    position: relative;
    height: 80vh;
  }
  .page-content .results .grid .cta-wrapper {
    width: 100%;
  }
  .page-content .results .grid .cta-wrapper .party button {
    padding: 0px 20px;
  }
  .page-content .results .grid .cta-form .cta-form-wrapper {
    width: 100%;
  }
  .page-content .results .grid .cta-form .cta-form-wrapper .field {
    padding: 20px 10px;
  }
  .page-content .results .grid .cta-form .cta-form-wrapper form .field {
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 700px) {
  .page-content .intro-block.mobile-results {
    height: 970px;
  }
  .page-content .intro-block .intro-wrapper .grid .intro-inner .summary-results {
    width: 100%;
    padding-top: 10px;
  }
  .page-content .intro-block .intro-wrapper .grid .intro-inner .summary-results p {
    padding: 0px 10px;
  }
  .page-content .intro-block .intro-wrapper .grid .intro-inner .summary-results .result-block {
    width: 100%;
    padding: 10px;
  }
  .page-content .intro-block .intro-wrapper .grid .intro-inner .title {
    font-size: 30px;
  }
  .page-content .intro-block .intro-wrapper .grid .intro-inner .subtext {
    margin-bottom: 10px;
  }
  .page-content .intro-block .buttons {
    bottom: -90px;
    padding: 0px 10px;
  }
  .page-content .intro-block .buttons .button {
    margin: 5px 0px;
    width: 100%;
    padding: 11px 0px;
    font-size: 15px;
  }
  .page-content .results .grid .results-wrapper .results-inner {
    padding: 40px 5px;
  }
  .page-content .results .grid .results-wrapper .results-inner .title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .page-content .results .grid .results-wrapper .results-inner .subtext {
    margin-bottom: 30px;
  }
  .page-content .results .grid .results-wrapper .results-inner .item-wrapper .item {
    width: 100%;
  }
  .page-content .results .grid .results-wrapper .other-issues {
    text-align: center !important;
    width: 300px;
  }
  .page-content .results .grid #essentials .results-inner .title {
    padding: 0px;
  }
  .page-content .results .grid #essentials .results-inner .subtitle {
    padding: 0px;
  }
  .page-content .results .grid #essentials .results-inner .item-wrapper .item {
    padding: 10px 0px;
  }
  .page-content .results .grid #essentials .subtext {
    padding: 0px;
  }
  .page-content .results .grid .boilerplate-wrapper .boilerplate-inner {
    padding: 40px 20px;
  }
  .page-content .results .grid .boilerplate-wrapper .boilerplate-inner .title {
    margin-bottom: 20px;
  }
  .page-content .results .grid .boilerplate-wrapper .boilerplate-inner .boilerplate-results .result .item-wrapper .item {
    padding: 10px 0px;
    width: 100%;
  }
  .page-content .results .grid .boilerplate-wrapper .boilerplate-inner .boilerplate-results.active {
    padding-top: 40px;
  }
  .page-content .results .grid .cta-wrapper {
    width: 100%;
    padding: 20px 0px;
  }
  .page-content .results .grid .cta-wrapper .party {
    padding: 15px 10px;
    margin: 0px;
    width: 100%;
  }
  .page-content .results .grid .cta-wrapper .party button {
    padding: 0px 20px;
  }
  .page-content .results .grid .cta-form {
    margin-bottom: 80px;
  }
  .page-content .results .grid .cta-form .cta-form-wrapper {
    width: 100%;
  }
  .page-content .results .grid .cta-form .cta-form-wrapper .field {
    padding: 10px 0px;
    width: 100%;
  }
  .page-content .results .grid .cta-form .cta-form-wrapper form {
    padding-top: 40px;
  }
  .page-content .results .grid .cta-form .cta-form-wrapper form .field {
    padding: 10px 0px;
    width: 100%;
  }
  .page-content .results .grid .information-wrapper .subtitle {
    padding: 0px 10px;
  }
  .page-content .results .grid .pay-wrapper .pay-inner .intro-wrapper {
    padding: 0px;
  }
  .page-content .results .grid .pay-wrapper .pay-inner form .field .paymethod {
    padding: 0px;
  }
}
@media only screen and (max-width: 480px) {
  .page-content .intro-block .intro-wrapper {
    padding-top: 80px;
    top: 0px;
    transform: none;
  }
}
/* ********************
About page
******************** */
#about .intro-block {
  height: 300px;
}
#about .intro-block .intro-wrapper {
  bottom: 50px !important;
  transform: none;
  top: inherit;
}
#about .results {
  margin-top: 80px;
}
#about .results .grid .results-wrapper .results-inner {
  float: right;
  padding: 0px 45px;
}
#about .results .grid .results-wrapper .results-inner a {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #EE7551;
  text-decoration: none;
}
#about .results .grid .results-wrapper .results-inner a .arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50px;
  padding: 5px 14px;
  top: -10px;
  right: -60px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
  transition: all 0.2s ease-in-out;
}
#about .results .grid .results-wrapper .results-inner a .arrow svg {
  transform: rotate(-90deg);
}
#about .results .grid .results-wrapper .results-inner a:hover {
  color: #EE7551;
}
#about .results .grid .results-wrapper .results-inner a:hover .arrow {
  transform: translateX(3px);
}
#about .results .grid .results-wrapper .boilerplate-wrapper .boilerplate-results .title-inner {
  padding: 10px;
  transition: all 0.2s ease-in-out;
}
#about .results .grid .results-wrapper .boilerplate-wrapper .boilerplate-results .title-inner .arrow {
  right: 10px;
}
#about .results .grid .results-wrapper .boilerplate-wrapper .boilerplate-results .title-inner:hover {
  background: #F7F9FA;
  border-radius: 4px;
}
#about .results .grid .results-wrapper .boilerplate-wrapper .boilerplate-results .title-inner.active {
  background: #F7F9FA;
  border-radius: 4px;
}
#about .results .grid .results-wrapper .boilerplate-wrapper .boilerplate-results .item-wrapper {
  padding-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  #about .results .grid .results-wrapper .results-inner {
    width: 70%;
  }
}
@media only screen and (max-width: 640px) {
  #about .intro-block {
    height: 170px;
  }
  #about .intro-block .intro-wrapper {
    bottom: 10px !important;
  }
  #about .results {
    margin-top: 30px;
  }
  #about .results .grid .results-wrapper {
    margin-bottom: 0px;
  }
  #about .results .grid .results-wrapper .results-inner {
    padding: 20px 10px;
    width: 100%;
  }
}
/* ********************
Contact page
******************** */
#contact .intro-block {
  height: 350px;
}
#contact .intro-block .intro-wrapper {
  bottom: 50px !important;
  transform: none;
  top: inherit;
}
#contact .results {
  margin-top: 60px;
}
#contact .results .grid .contact-intro {
  padding: 10px 0px 60px 0px;
}
#contact .results .grid .contact-intro a:hover {
  color: #c63c13;
}
#contact .results .grid .results-wrapper {
  margin-bottom: 0px;
}
#contact .results .grid .results-wrapper .results-inner {
  padding: 0px 45px 80px 45px;
}
#contact .buttons {
  position: relative;
}
#contact .buttons.white {
  background-color: white;
  padding: 50px 50px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
}
#contact .buttons span {
  text-align: center !important;
  display: block;
  width: 100%;
  font-size: 13px;
}
#contact .buttons .button {
  text-align: center !important;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translate(-50%, 0%);
  min-width: 181px;
  padding: 12px 0px;
}
@media only screen and (max-width: 786px) {
  #contact .results .grid .results-wrapper .results-inner {
    padding: 0px 15px 80px 15px;
  }
  #contact .buttons.white {
    padding: 30px 20px 50px 20px;
  }
}
@media only screen and (max-width: 640px) {
  #contact .intro-block {
    height: 230px;
  }
  #contact .intro-block .intro-wrapper {
    bottom: 10px !important;
    padding: 0px 10px;
  }
  #contact .results {
    margin-top: 30px;
  }
  #contact .results .grid .contact-intro {
    padding: 10px 0px 20px 0px;
  }
  #contact .results .grid .results-wrapper {
    margin-bottom: 0px;
  }
  #contact .results .grid .results-wrapper .results-inner {
    padding: 20px 0px;
    width: 100%;
    margin-bottom: 20px;
  }
  #contact .buttons.white {
    padding: 30px 15px 50px 15px;
  }
  #contact .buttons .button {
    text-align: center !important;
    width: 100%;
  }
}
/* ********************
Go-premium page
******************** */
#go-premium .intro-block {
  height: 350px;
}
#go-premium .intro-block .intro-wrapper {
  bottom: 50px !important;
  transform: none;
}
.page-content .go-premium {
  margin-top: 80px;
}
.register-form {
  margin: 0 auto;
  width: 90%;
}
.register-form .register-form-col {
  float: left;
  width: 50%;
}
.register-form .register-form-col [class*='col-'] {
  margin-bottom: 24px;
}
.register-form .register-form-col .form-inner-col-1-1 {
  width: 100%;
  margin-bottom: 0;
}
.register-form .register-form-col .form-inner-col-1-2 {
  float: left;
  width: 50%;
  margin-bottom: 0;
}
.register-form .register-form-col .form-inner-col-1-2.left {
  padding-right: 3px;
}
.register-form .register-form-col .form-inner-col-1-2.right {
  padding-left: 3px;
}
.register-form .register-form-col:nth-child(1) {
  padding-right: 30px;
}
.register-form .register-form-col:nth-child(2) {
  padding-left: 30px;
}
.register-form .register-form-col.register-col {
  width: 100%;
}
.register-form .register-form-col .field {
  padding: 0;
  margin-bottom: 30px;
}
.register-form .register-form-col .field label {
  display: block;
}
.register-form .register-form-col .field.field-subdomain input[name="subdomain"] {
  float: left;
  position: relative;
  border-radius: 4px 0 0 4px;
  width: calc(100% - 126px);
}
.register-form .register-form-col .field.field-subdomain .domain {
  display: inline-block;
  width: 126px;
  line-height: 60px;
  padding: 0 20px;
  background: #efefef;
  border-radius: 0 4px 4px 0;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
  font-size: 13px;
}
.register-form input {
  margin-bottom: 6px;
}
.register-form input::-moz-placeholder {
  color: #adb3b8;
}
.register-form input:-ms-input-placeholder {
  color: #adb3b8;
}
.register-form input::placeholder {
  color: #adb3b8;
}
.col-90 {
  float: none !important;
  width: 90%;
  margin: 0 auto 80px;
}
.col-90 .text {
  width: 75%;
}
/* ********************
Privacy page
******************** */
#privacy .intro-block {
  height: 300px;
}
#privacy .intro-block .intro-wrapper {
  bottom: 50px !important;
  transform: none;
  top: inherit;
}
#privacy .results {
  margin-top: 80px;
}
#privacy .results .grid .results-wrapper .results-inner {
  float: right;
  padding: 0px 45px;
}
#privacy .results .grid .results-wrapper .results-inner a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #EE7551;
  text-decoration: none;
}
#privacy ul li {
  list-style-type: disc;
  margin-left: 40px;
  padding: 5px 10px;
}
#privacy ul li span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
#privacy .italic {
  font-style: italic;
}
/* ********************
Colors
******************** */
/* ********************
Fonts
******************** */
.opensans_light {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.opensans_regular {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.opensans_semibold {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.opensans_bold {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
.metronic_air {
  font-family: 'MetronicSlabProAir', sans-serif;
  font-weight: 400;
}
.metronic_light {
  font-family: 'MetronicSlabProLight', sans-serif;
  font-weight: 400;
}
.metronic_regular {
  font-family: 'MetronicSlabProRegular', sans-serif;
  font-weight: 400;
}
.metronic_semibold {
  font-family: 'MetronicSlabProSemiBold', sans-serif;
  font-weight: 400;
}
.metronic_bold {
  font-family: 'MetronicSlabProBold', sans-serif;
  font-weight: 400;
}
.metronic_black {
  font-family: 'MetronicSlabProBlack', sans-serif;
  font-weight: 400;
}
/* ********************
General
******************** */
.block {
  display: block;
}
.inlineblock {
  display: inline-block;
}
.none {
  display: none;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.fixed {
  position: fixed;
}
.hidden {
  overflow: hidden;
}
/* ********************
Editor
******************** */
.editor {
  /* ---------------
    Heading
    --------------- */
  /* ---------------
    Paragraph
    --------------- */
  /* ---------------
    Unordered list
    --------------- */
  /* ---------------
    Ordered list
    --------------- */
  /* ---------------
    Blockqoute
    --------------- */
}
.editor ol {
  counter-reset: li-counter;
}
.editor ol li {
  position: relative;
  float: left;
  width: 50%;
  padding: 20px 15px;
}
.editor ol li:before {
  content: counter(li-counter) ".";
  counter-increment: li-counter;
}
@media only screen and (max-width: 700px) {
  .editor ol li {
    width: 100%;
    padding: 10px 15px;
  }
}
.text-dark {
  color: #4A4A4A !important;
}