@charset "UTF-8";
/**************************
*      GENERAL STYLES     *
**************************/
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, sub, sup, tt, var, 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;
  outline: none;
  font-family: 'latolight';
  text-decoration: none;
  line-height: 100%;
  text-align: left;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html, body {
  height: 100%;
}

body {
  line-height: 1;
  background-color: #f3f5f6;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:active {
  outline: none;
}

* :focus {
  outline: none;
}

* {
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.clear {
  clear: both;
}

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

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

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

/**************************
*         FONTS 	      *
**************************/
@font-face {
  font-family: 'fontello';
  src: url("../../css/fonts/fontello/fontello.eot?35311783");
  src: url("../../css/fonts/fontello/fontello.eot?35311783#iefix") format("embedded-opentype"), url("../../css/fonts/fontello/fontello.woff2?35311783") format("woff2"), url("../../css/fonts/fontello/fontello.woff?35311783") format("woff"), url("../../css/fonts/fontello/fontello.ttf?35311783") format("truetype"), url("../../css/fonts/fontello/fontello.svg?35311783#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latoblack';
  src: url("../../css/fonts/lato-black-webfont.eot");
  src: url("../../css/fonts/lato-black-webfont.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/lato-black-webfont.woff2") format("woff2"), url("../../css/fonts/lato-black-webfont.woff") format("woff"), url("../../css/fonts/lato-black-webfont.ttf") format("truetype"), url("../../css/fonts/lato-black-webfont.svg#latoblack") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latobold';
  src: url("../../css/fonts/lato-bold-webfont.eot");
  src: url("../../css/fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/lato-bold-webfont.woff2") format("woff2"), url("../../css/fonts/lato-bold-webfont.woff") format("woff"), url("../../css/fonts/lato-bold-webfont.ttf") format("truetype"), url("../../css/fonts/lato-bold-webfont.svg#latobold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latolight';
  src: url("../../css/fonts/lato-light-webfont.eot");
  src: url("../../css/fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/lato-light-webfont.woff2") format("woff2"), url("../../css/fonts/lato-light-webfont.woff") format("woff"), url("../../css/fonts/lato-light-webfont.ttf") format("truetype"), url("../../css/fonts/lato-light-webfont.svg#latolight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latoregular';
  src: url("../../css/fonts/lato-regular_0-webfont.eot");
  src: url("../../css/fonts/lato-regular_0-webfont.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/lato-regular_0-webfont.woff2") format("woff2"), url("../../css/fonts/lato-regular_0-webfont.woff") format("woff"), url("../../css/fonts/lato-regular_0-webfont.ttf") format("truetype"), url("../../css/fonts/lato-regular_0-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "icons";
  src: url("../../css/fonts/icons.eot");
  src: url("../../css/fonts/icons.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/icons.woff") format("woff"), url("../../css/fonts/icons.ttf") format("truetype"), url("../../css/fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MuseoSansRounded-1000";
  src: url("../../css/fonts/364270_0_0.eot");
  src: url("../../css/fonts/364270_0_0.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/364270_0_0.woff") format("woff"), url("../../css/fonts/364270_0_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "icons";
    src: url("../../css/fonts/icons.svg#icons") format("svg");
  }
}

span[class^="icon-"]:before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  position: absolute;
  top: 4px;
  right: 10px;
  font-size: 17px;
}

.icon-ball:before {
  content: "\f100";
}

.icon-bars:before {
  content: "\f101";
}

.icon-building:before {
  content: "\f102";
}

.icon-circle:before {
  content: "\f103";
}

.icon-commerce:before {
  content: "\f104";
}

.icon-computer:before {
  content: "\f105";
}

.icon-education:before {
  content: "\f106";
}

.icon-internet:before {
  content: "\f107";
}

.icon-biotechnology:before {
  content: "\f108";
}

.icon-medical-1:before {
  content: "\f109";
}

.icon-nature:before {
  content: "\f10a";
}

.icon-art-and-design:before {
  content: "\f10b";
}

.icon-technology:before {
  content: "\f10c";
}

.icon-technology-1:before {
  content: "\f10d";
}

.icon-technology-2:before {
  content: "\f10e";
}

[class^="od-id-"]:before, [class*="od-id-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin-right: 0;
  text-align: left;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 35px;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-heart:before {
  content: '\e800';
}

/* '' */
.icon-user:before {
  content: '\e802';
}

/* '' */
.icon-down:before {
  content: '\e804';
}

/* '' */
.icon-star-1:before {
  content: '\e805';
}

/* '' */
.od-id-web:before {
  content: '\e801';
}

/* '' */
.od-id-twitter:before {
  content: '\e803';
}

/* '' */
.od-id-facebook:before {
  content: '\e806';
}

/* '' */
.od-id-linkedin:before {
  content: '\e807';
}

/* '' */
.od-id-pinterest:before {
  content: '\e808';
}

/* '' */
.od-id-rabble:before {
  content: '\f25d';
}

/* '' */
.od-id-instagram:before {
  content: '\f31e';
}

/* '' */
/**************************
*      MEDIA QUERIES      *
**************************/
@media screen and (max-device-width: 800px) {
  body {
    -webkit-text-size-adjust: none;
  }
}

@media screen and (max-width: 767px) {
  /* Responsive Team Block */
  .team-section .team-blocks > .team-block, .about-equitise-steps > .about-equitise-step {
    width: 95% !important;
  }
  /* Remove Padding for Mobile after about-equtise-steps */
  .about-equitise-steps {
    padding: 0 !important;
  }
  /* Tooltip profile was not aligning in responsive */
  .diff-left-aligned-helper {
    margin: 10px !important;
  }
  /* Remove profile picture preview on mobile */
  .cp-fg-image-preview-mobile-hide {
    display: none;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
GENERAL
---------------------------------------------------------- */
.no-padding {
  padding: 0px !important;
}

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

.fl-right {
  float: right !important;
}

.fl-left {
  float: left !important;
}

.fl-none {
  float: none !important;
}

.default-submit-button {
  float: left;
  margin: 20px 0px 0px 0px;
  padding: 0px 40px 1px 10px;
  min-height: 40px;
  font-family: 'latolight';
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  background-image: url(../../images/submit-btn-arrow.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-color: #469edc;
  transition: 0.3s;
  text-transform: uppercase;
  border: 0px;
  /* Media queries */
}

.default-submit-button:hover {
  background-color: #5ba9e0;
  background-position: right 12px center;
}

@media all and (max-width: 375px) {
  .default-submit-button {
    font-size: 12px;
  }
}

@media all and (max-width: 330px) {
  .default-submit-button {
    font-family: 'latobold';
    font-size: 11px;
  }
}

.default-submit-button.syndicate-back-btn {
  background-image: url("../../../images/back-btn-arrow.png");
}

.default-submit-button.syndicate-back-btn:hover {
  background-position: right 18px center;
}

.default-submit-button.large {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 40px 10px 10px;
}

.default-back-button {
  float: left;
  margin: 20px 0px 0px 0px;
  padding: 0px 10px 1px 40px;
  min-height: 40px;
  font-family: 'latoblack';
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  background-image: url(../../images/back-btn-arrow.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-color: #AEAEAE;
  transition: 0.3s;
  text-transform: uppercase;
  border: 0px;
  text-align: right;
  /* Media queries */
}

.default-back-button:hover {
  background-color: #bbbbbb;
  background-position: 12px center;
}

@media all and (max-width: 375px) {
  .default-back-button {
    font-size: 12px;
  }
}

@media all and (max-width: 330px) {
  .default-back-button {
    font-family: 'latobold';
    font-size: 11px;
  }
}

.submit-buttons-cont {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  border-style: solid;
  border-color: #dfe6eb;
  border-top-width: 1px;
}

.default-save-button {
  float: right;
  margin: 20px 0px 0px 0px;
  padding: 15px 70px 15px 15px;
  font-family: 'latoblack';
  color: #ffffff;
  background-color: #aad155;
  transition: 0.3s;
  background-image: url(../../images/save-btn-icon.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
  border: 0px;
  text-transform: uppercase;
  cursor: pointer;
}

.default-save-button:hover {
  background-color: #b4d669;
}

.default-save-button.large {
  height: 52px;
  font-size: 14px;
  line-height: 20px;
}

.default-error-button {
  float: right;
  margin: 20px 0px 0px 0px;
  padding: 15px 70px 15px 15px;
  font-family: 'latoblack';
  color: #ffffff;
  background-color: red;
  transition: 0.3s;
  background-image: url(../../images/icons/error-btn-icon.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
  border: 0px;
  text-transform: uppercase;
  cursor: pointer;
}

.default-error-button.large {
  height: 52px;
  font-size: 14px;
  line-height: 20px;
}

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

@media all and (max-width: 1055px) {
  .all-syndicates-blocks-out .single-mysyndicates-block {
    min-height: 140px;
  }
}

@media all and (max-width: 580px) {
  .all-syndicates-blocks-out .single-mysyndicates-block {
    min-height: 165px;
  }
}

@media all and (max-width: 1055px) {
  .all-syndicates-blocks-out .single-mysyndicates-block > div {
    padding-bottom: 10px;
  }
}

@media all and (max-width: 600px) {
  .all-syndicates-blocks-out .single-mysyndicates-block > div {
    padding-top: 10px;
  }
}

@media all and (max-width: 580px) {
  .all-syndicates-blocks-out .single-mysyndicates-block > div {
    min-height: 120px;
    padding-bottom: 0;
  }
}

.all-syndicates-blocks-out .single-mysyndicates-block > div > span {
  padding-right: 0;
}

@media all and (max-width: 600px) {
  .all-syndicates-blocks-out .single-mysyndicates-block > div > span {
    font-size: 15px;
  }
}

@media all and (max-width: 380px) {
  .all-syndicates-blocks-out .single-mysyndicates-block > div > span {
    font-size: 13px;
  }
}

@media all and (max-width: 580px) {
  .all-syndicates-blocks-out .single-mysyndicates-block > div > p {
    font-size: 12px;
  }
}

@media all and (max-width: 580px) {
  .all-syndicates-blocks-out .single-mysyndicates-block > div .ms-cr-info-action {
    position: absolute;
    left: -105px;
    bottom: -35px;
  }
}

@media all and (max-width: 580px) {
  .all-syndicates-blocks-out .single-mysyndicates-block > div .ms-cr-info-action > div > span {
    font-size: 12px;
  }
}

/* Main header wrapper */
.main-header-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 70px;
  z-index: 10000;
}

.main-header-wrapper .alert.alert-danger {
  background-color: #e04b71;
}

.main-header-wrapper .alert.alert-danger .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.main-header-wrapper .alert.alert-danger .wrapper img {
  display: inline-block;
  margin-right: 20px;
  width: 40px;
  height: 40px;
}

.main-header-wrapper .alert.alert-danger .wrapper p {
  display: inline-block;
  max-width: 1200px;
  color: #fff;
}

.main-header-wrapper .alert.alert-danger .wrapper .header-button-verify {
  background-color: white;
  display: inline-block;
  margin-left: auto;
  text-transform: uppercase;
  cursor: pointer;
  padding: 15px 70px 15px 15px;
  border: none;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  font-family: 'latoregular';
  color: #7e7e7e;
  background-image: url(../../images/circle-arrow-right.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
}

.main-header-wrapper .alert.alert-danger .wrapper .header-button-verify:hover {
  background-color: #f3f5f6;
}

.mhw-modified {
  position: relative;
}

.mhw-modified .header-dark {
  background-color: #333333;
  min-height: 70px;
}

#main-container {
  margin: 0px auto;
  padding: 0px 10px 60px;
  width: 100%;
  max-width: 1200px;
  clear: both;
  min-height: 80vh;
}

#main-container.create-synd-main-cont, #main-container.edit-synd-main-cont {
  padding-bottom: 40px;
}

/* Form group */
.form-group {
  float: left;
  width: 100%;
  min-height: 60px;
  margin: 10px 0px 0px 0px;
  padding: 0px 10px 0px 140px;
  position: relative;
  background-color: #f3f5f6;
  /* Form group title ends here */
  /* sfg field ends here */
  /* Media queries */
}

.form-group.checkbox-padding {
  padding: 15px !important;
}

.form-group .form-group-title {
  position: absolute;
  left: 0px;
  top: 21px;
  margin: 0px;
  padding: 0px 15px;
  max-width: 140px;
  width: 100%;
  /* Input helper ends here */
  /* Media queries */
}

.form-group .form-group-title > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 1px 0px 0px 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
}

.form-group .form-group-title .input-helper {
  position: absolute;
  top: 0px;
  right: 10px;
  margin: 0px;
  padding: 0px;
  z-index: 1002;
  /* Media queries */
}

.form-group .form-group-title .input-helper > span {
  float: left;
  width: 16px;
  height: 16px;
  margin: 0px;
  padding: 1px 0px 0px 0px;
  font-family: 'latoblack';
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: #9ec0d1;
  border-radius: 10px;
  cursor: pointer;
}

.form-group .form-group-title .input-helper > span:hover ~ .helper-text {
  opacity: 1;
  visibility: visible;
}

.form-group .form-group-title .input-helper > p {
  position: absolute;
  bottom: 24px;
  right: -175px;
  min-width: 200px;
  min-height: 22px;
  background-color: #6c99af;
  margin: 0px;
  padding: 3px 10px;
  font-family: 'latolight';
  font-size: 12px;
  color: #ffffff;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  border-radius: 2px;
  /* Media Queries */
}

.form-group .form-group-title .input-helper > p:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: -6px;
  left: 10px;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #6c99af;
}

@media all and (max-width: 400px) {
  .form-group .form-group-title .input-helper > p {
    right: -9px;
  }
  .form-group .form-group-title .input-helper > p:after {
    right: 10px;
    left: auto;
  }
}

@media all and (max-width: 400px) {
  .form-group .form-group-title .input-helper {
    right: 0px;
  }
}

@media all and (max-width: 400px) {
  .form-group .form-group-title {
    float: left;
    position: relative;
    left: auto;
    top: auto;
    padding: 0px 25px 0px 0px;
    margin: 10px 0px 0px 0px;
    max-width: 100%;
  }
}

.form-group input {
  float: left;
  width: 100%;
  height: 42px;
  margin: 9px 0px 0px 0px;
  padding: 0px 10px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
}

.form-group.radio-form-group {
  padding: 0px 160px 0px 0px;
}

@media all and (max-width: 580px) {
  .form-group.radio-form-group {
    padding: 0px;
  }
}

.form-group.radio-form-group .sfg-field {
  max-width: 160px;
  padding: 0px 25px 0px 10px;
  margin-top: 18px;
}

@media all and (max-width: 580px) {
  .form-group.radio-form-group .sfg-field {
    margin-top: 0px;
    padding: 0px 25px 10px 10px;
  }
}

.form-group .sfg-title {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 22px 15px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
}

@media all and (max-width: 580px) {
  .form-group .sfg-title {
    padding: 10px;
  }
}

.form-group .sfg-field {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0px;
  padding: 0px 10px 0px 140px;
  width: 100%;
  max-width: 400px;
  /* sfg select field ends here */
  /* sfg file input ends here */
}

@media all and (max-width: 670px) {
  .form-group .sfg-field {
    max-width: 320px;
  }
}

@media all and (max-width: 580px) {
  .form-group .sfg-field {
    max-width: 100%;
    padding: 0;
    position: relative;
    float: left;
    top: auto;
    right: auto;
  }
}

.form-group .sfg-field.invest-type-unput {
  float: left;
  position: relative;
  right: auto;
  top: auto;
  max-width: none !important;
}

@media all and (max-width: 580px) {
  .form-group .sfg-field.invest-type-unput {
    margin-top: 9px;
  }
}

.form-group .sfg-field.hidden-cont {
  float: left;
  position: relative;
  right: auto;
  top: auto;
  max-width: none !important;
}

@media all and (max-width: 580px) {
  .form-group .sfg-field.hidden-cont {
    margin-top: 9px;
  }
}

.form-group .sfg-field.hidden-cont .sfg-select-field {
  max-width: none !important;
}

.form-group .sfg-field.hidden-cont .select2-container {
  width: 100% !important;
}

.form-group .sfg-field.hidden-cont .select2-container--default .select2-selection--single {
  border: none;
}

.form-group .sfg-field.hidden-cont .select2-selection__rendered {
  line-height: 41px;
}

.form-group .sfg-field .sfg-input-field {
  float: left;
  width: 100%;
  height: 42px;
  margin: 9px 0px 0px 0px;
  padding: 0px 10px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
}

@media all and (max-width: 580px) {
  .form-group .sfg-field .sfg-input-field {
    margin: 0px;
  }
}

.form-group .sfg-field .sfg-select-field {
  float: left;
  width: 100%;
  height: 42px;
  margin: 9px 0px 0px 0px;
  padding: 0px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  position: relative;
  z-index: 1;
}

.form-group .sfg-field .sfg-select-field:after {
  content: "";
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../../images/select-field-arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  z-index: 2;
}

.form-group .sfg-field .sfg-select-field > select {
  float: left;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 0px 10px 1px;
  margin: 0px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border: 0px;
  position: relative;
  z-index: 3;
  background-color: transparent;
  cursor: pointer;
}

.form-group .sfg-field .sfg-file-field {
  float: left;
  width: 100%;
  height: 42px;
  margin: 9px 0px 0px 0px;
  padding: 0px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  position: relative;
  z-index: 1;
}

.form-group .sfg-field .sfg-file-field:after {
  content: "";
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../../images/file-field-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  z-index: 2;
}

.form-group .sfg-field .sfg-file-field > input {
  float: left;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 0px 10px;
  margin: 0px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border: 0px;
  position: relative;
  z-index: 3;
  background-color: transparent;
  text-indent: -99999px;
  opacity: 0;
  cursor: pointer;
}

.form-group .sfg-field .sfg-file-field > span {
  position: absolute;
  top: 12px;
  left: 0px;
  margin: 0px;
  padding: 0px 42px 3px 15px;
  width: 100%;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

@media all and (max-width: 580px) {
  .form-group .sfg-field .sfg-file-field {
    margin: 0px;
  }
}

.form-group .sfg-field .sfg-textarea-field {
  float: left;
  width: 100%;
  min-height: 160px;
  margin: 9px 0px 0px 0px;
  padding: 10px 10px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  resize: none;
}

@media all and (max-width: 580px) {
  .form-group .sfg-field .sfg-textarea-field {
    margin: 0px;
  }
}

.form-group .sfg-field-privacy {
  position: absolute;
  top: 9px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 42px;
  display: none;
  overflow: hidden;
}

.form-group .sfg-field-privacy.visible {
  display: inline-block;
}

@media all and (max-width: 580px) {
  .form-group .sfg-field-privacy {
    top: 0px;
    left: 10px;
  }
}

.form-group.multiple-fields {
  padding: 0px 0px 9px 0px;
}

.form-group.multiple-fields .sfg-title {
  position: absolute;
  padding: 22px 410px 22px 15px;
}

@media all and (max-width: 580px) {
  .form-group.multiple-fields .sfg-title {
    padding: 10px;
    float: left;
    width: 100%;
    margin: 0px;
    position: relative;
  }
}

.form-group.multiple-fields .sfg-field {
  top: auto;
  right: auto;
  float: right;
  position: relative;
  clear: both;
}

@media all and (max-width: 580px) {
  .form-group.multiple-fields .sfg-field {
    margin-top: 9px;
  }
}

.form-group.min-height {
  min-height: 235px;
}

.form-group .profile-picture-preview {
  position: absolute;
  bottom: 9px;
  right: 10px;
  width: 164px;
  height: 164px;
  margin: 0px;
  padding: 0px;
}

.form-group .profile-picture-preview > img {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 580px) {
  .form-group .profile-picture-preview {
    display: inline-block;
    position: relative;
    bottom: auto;
    right: auto;
    margin: 10px 0px 0px 0px;
  }
}

@media all and (max-width: 400px) {
  .form-group {
    padding: 0px 10px 10px;
  }
}

/* Form Group ends */
input[type=checkbox].default-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type=checkbox].default-checkbox + label.default-checkbox-label {
  padding-left: 50px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 30px;
  vertical-align: middle;
  cursor: pointer;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
  /* Media queries */
}

@media all and (max-width: 479px) {
  input[type=checkbox].default-checkbox + label.default-checkbox-label {
    line-height: 16px;
  }
}

@media all and (max-width: 330px) {
  input[type=checkbox].default-checkbox + label.default-checkbox-label {
    font-size: 12px;
    padding-top: 5px;
  }
}

input[type=checkbox].default-checkbox:checked + label.default-checkbox-label {
  background-position: 0 -30px;
}

label.default-checkbox-label {
  background-image: url(../../images/checkbox-sprite.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.default-checkbox-label > a {
  text-decoration: none;
  color: #469edc;
  font-family: 'latoregular';
}

label.default-checkbox-label > a:hover {
  text-decoration: underline;
}

span.default-checkbox-label {
  float: left;
  margin: 9px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
}

input[type=radio].default-radiobutton {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type=radio].default-radiobutton + label.default-radiobutton-label {
  padding-left: 29px;
  height: 24px;
  display: inline-block;
  line-height: 23px;
  font-family: 'latobold';
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 14px;
  color: #7e7e7e;
  vertical-align: middle;
  cursor: pointer;
  margin: 0px 0px 0px 20px;
}

input[type=radio].default-radiobutton + label.default-radiobutton-label:first-of-type {
  margin: 0px;
}

input[type=radio].default-radiobutton:checked + label.default-radiobutton-label {
  background-position: 0 -24px;
}

label.default-radiobutton-label {
  background-image: url(../../images/radio-btn-sprite.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Default section title */
.default-section-title {
  /*float: left;*/
  margin: 0px;
  padding: 0px 0px 20px;
  font-size: 22px;
  font-family: 'latobold';
  text-transform: uppercase;
  position: relative;
  color: #7e7e7e;
}

.default-section-title:after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 85px;
  height: 3px;
  background-color: #469edc;
  content: "";
}

.default-info-tooltip {
  position: relative;
  width: 100%;
  margin: 70px 0 0 0;
  padding: 24px 20px 39px 63px;
  background-color: #e0edf6;
  background-image: url("../../images/default-info-tooltip-icon.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  clear: both;
}

.default-info-tooltip > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoblack';
  font-size: 16px;
  color: #6195b9;
}

.default-info-tooltip > p {
  font-family: "latoregular" !important;
  font-size: 13px !important;
  color: #6195b9 !important;
  line-height: 18px !important;
}

.default-warning-tooltip {
  position: relative;
  width: 100%;
  margin: 20px 0 0 0;
  padding: 20px 20px 20px 63px;
  background-color: #f6e69c;
  background-image: url("../../images/default-warning-icon.png");
  background-repeat: no-repeat;
  background-position: 22px 27px;
  clear: both;
}

.default-warning-tooltip > p {
  font-family: 'latoregular';
  font-size: 13px;
  color: #b7810d;
  line-height: 18px;
}

.default-warning-tooltip > p > a {
  color: #469edc;
  font-family: 'latoregular';
}

.default-warning-tooltip > span {
  color: #b7810d;
  float: left;
  font-family: "latoblack";
  font-size: 16px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.default-success-tooltip {
  position: relative;
  width: 100%;
  margin: 20px 0 0 0;
  margin-bottom: 20px;
  padding: 20px 20px 20px 63px;
  background-color: #C7F79C;
  background-image: url("../../images/default-success-icon.png");
  background-repeat: no-repeat;
  background-position: 22px center;
  clear: both;
}

.default-success-tooltip > span {
  color: #6aa536;
  float: left;
  font-family: "latoblack";
  font-size: 16px;
  margin: 0 0px 5px 0px;
  padding: 0;
  width: 100%;
}

.default-success-tooltip > p {
  font-family: 'latoregular';
  font-size: 13px;
  color: #6aa536;
  line-height: 18px;
}

.default-success-tooltip > p > a {
  color: #469edc;
  font-family: 'latoregular';
}

.default-error-tooltip {
  position: relative;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 20px 20px 20px 63px;
  background-color: #F2BAC7;
  background-image: url("../../images/default-error-icon.png");
  background-repeat: no-repeat;
  background-position: 22px center;
  clear: both;
}

.default-error-tooltip > span {
  color: #d62851;
  float: left;
  font-family: "latoblack";
  font-size: 16px;
  margin: 0 0px 5px 0px;
  padding: 0;
  width: 100%;
}

.default-error-tooltip > p {
  font-family: 'latoregular';
  font-size: 13px;
  color: #d62851;
  line-height: 18px;
}

.default-error-tooltip > p > a {
  color: #469edc;
  font-family: 'latoregular';
}

.formatting-container {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.formatting-container > p {
  color: #7e7e7e;
  font-family: "latolight";
  font-size: 16px;
  line-height: 24px;
  padding: .5em 0;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.formatting-container > p.side-padding {
  padding: 0 10px;
}

.formatting-container > p em {
  font-style: italic;
}

.formatting-container > p strong {
  font-family: 'latobold';
}

.formatting-container > p em strong {
  font-style: italic;
  font-family: 'latobold';
}

.formatting-container ul, .formatting-container ol {
  color: #7e7e7e;
  font-family: "latolight";
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  list-style-position: inside;
  margin-left: 20px;
}

.formatting-container ul li, .formatting-container ol li {
  color: #7e7e7e;
  font-family: "latolight";
  font-size: 16px;
  line-height: 24px;
  list-style-position: outside;
  padding-left: 5px;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: .5em 0;
}

.formatting-container ul {
  list-style-type: disc;
}

.formatting-container ol {
  list-style-type: decimal;
}

.formatting-container h1, .formatting-container h2, .formatting-container h3, .formatting-container h4, .formatting-container h5, .formatting-container h6 {
  color: #7e7e7e;
  font-family: "latolight";
  padding: 0;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.formatting-container h1 {
  font-size: 30px;
  line-height: 45px;
}

.formatting-container h2 {
  font-size: 25px;
  line-height: 36px;
}

.formatting-container h3 {
  font-size: 22px;
  line-height: 33px;
}

.formatting-container h4 {
  font-size: 18px;
  line-height: 27px;
}

.formatting-container h5 {
  font-size: 18px;
  line-height: 20px;
}

.formatting-container h6 {
  font-size: 16px;
  line-height: 18px;
}

.formatting-container.no-float {
  float: none;
}

.formatting-container.no-float > p {
  float: none;
}

.formatting-container.no-float h1, .formatting-container.no-float h2, .formatting-container.no-float h3, .formatting-container.no-float h4, .formatting-container.no-float h5, .formatting-container.no-float h6 {
  float: none;
}

.formatting-container.no-float ul, .formatting-container.no-float ol {
  float: none;
}

.error-tooltip,
.cp-error-tooltip {
  position: absolute;
  z-index: 10;
  bottom: 55px;
  right: 0px;
  margin: 0px;
  padding: 5px 10px;
  min-height: 23px;
  background-color: #e04b71;
  font-family: 'latolight';
  font-size: 11px;
  color: #ffffff;
  border-radius: 2px;
}

.error-tooltip:before,
.cp-error-tooltip:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: -7px;
  right: 20px;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 7px solid #e04b71;
}

.cp-error-tooltip.division {
  opacity: 0;
  transition: all 0.3s;
}

input:focus + .cp-error-tooltip.division {
  opacity: 1;
}

/* Dijana - 08.11.2016 */
.hidden-element {
  display: none;
}

.textarea-info {
  font-family: "latoregular";
  font-size: 12px;
}

/* Dijana - 08.11.2016 */
.mn-round-container {
  margin-bottom: 69px;
}

.round {
  border-radius: 100%;
  background: #469edc;
  padding: 26px 10px 24px 10px;
  width: 116px;
  height: 116px;
  margin: auto;
  cursor: pointer;
}

.round .back-round-img {
  display: block;
  margin: auto auto;
}

.txt-center {
  text-align: center;
  margin-top: 20px;
  max-width: 292px;
  margin-right: auto;
  margin-left: auto;
}

.txt-center .txt-center-title {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  font-family: latoregular;
}

.txt-center .txt-center-subtitle {
  text-align: center;
  margin-top: 10px;
  font-family: latolight;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  line-height: 24px;
}

.blue {
  color: #469edc;
}

.black {
  color: #333333;
}

.white {
  color: #fff;
}

.green {
  color: #68cfad;
}

.blue-border {
  border: 1px solid #469edc;
}

.white-border {
  border: 1px solid #fff;
}

.grey-back {
  background-color: #ebebeb;
}

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

.blue-back {
  background-color: #469edc;
}

.green-back {
  background-color: #68cfad;
}

.pink-back {
  background-color: #de518e;
}

.pink {
  color: #de518e;
}

.btn-blue {
  color: #fff;
  background-color: #469edc;
  border-color: #469edc;
}

.btn-blue:hover {
  color: #fff;
  opacity: .8;
}

.btn-blue:focus {
  color: #fff;
}

.mn-40-title {
  text-align: center;
  font-family: 'latoregular';
  font-size: 40px;
  margin-bottom: 34px;
}

@media all and (max-width: 736px) {
  .mn-40-title {
    font-size: 28px;
  }
}

@media all and (max-width: 320px) {
  .mn-40-title {
    font-size: 24px;
  }
}

.mn-register-title {
  text-align: center;
  font-size: 36px;
  margin-bottom: 34px;
}

@media all and (max-width: 736px) {
  .mn-register-title {
    font-size: 26px;
  }
}

@media all and (max-width: 320px) {
  .mn-register-title {
    font-size: 22px;
  }
}

.mn-36-title {
  font-family: 'latoregular';
  font-size: 36px;
  margin-bottom: 34px;
  line-height: 2.7rem;
}

@media all and (max-width: 1440px) {
  .mn-36-title {
    font-size: 27px;
  }
}

@media all and (max-width: 767px) {
  .mn-36-title {
    font-size: 22px;
    line-height: 2rem;
  }
}

.mn-24-subtitle {
  line-height: 35px;
  font-family: 'latolight';
  font-size: 24px;
  text-align: center;
  margin-bottom: 80px;
}

@media all and (max-width: 600px) {
  .mn-24-subtitle {
    font-size: 19px;
  }
}

.mn-center-btn {
  margin: auto;
  max-width: 253px;
  height: 55px;
  background-color: #469edc;
  padding: 20px;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  font-family: latoregular;
  margin-top: 40px;
  transition: .3s;
}

@media all and (max-width: 600px) {
  .mn-center-btn {
    margin-top: 32px;
  }
}

.mn-center-btn:hover {
  background-color: rgba(70, 158, 220, 0.9);
}

.mn-border-btn {
  width: 253px;
  height: 55px;
  padding: 19px 10px;
  font-size: 15px;
  text-align: center;
  font-family: latoregular;
  transition: 0.3s;
}

.mn-border-btn:hover {
  background-color: #469edc;
  border: 1px solid #469edc;
  color: #fff;
}

.mn-hti-btn-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 41px;
}

.mn-hti-btn-container .mn-hti-blue-btn {
  width: 216px;
  height: 55px;
  background-color: #469edc;
  padding: 19px 35px;
  color: #fff;
  font-size: 15px;
  transition: 0.3s;
  margin-right: 10px;
  text-align: center;
  font-family: latoregular;
}

@media all and (max-width: 560px) {
  .mn-hti-btn-container .mn-hti-blue-btn {
    width: 253px;
    margin-bottom: 15px;
    margin-right: 0;
  }
}

.mn-hti-btn-container .mn-hti-border-btn {
  width: 253px;
  height: 55px;
  padding: 19px 10px;
  font-size: 15px;
  text-align: center;
  font-family: latoregular;
  transition: 0.3s;
}

.mn-hti-btn-container .mn-hti-border-btn:hover {
  background-color: #469edc;
  border: 1px solid #469edc;
  color: white;
}

.mn-main-container {
  padding-top: 109px;
  padding-bottom: 109px;
}

@media all and (max-width: 500px) {
  .mn-main-container {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

.mn-progress-bar {
  width: 100%;
  height: 11px;
  padding: 0px;
  overflow: hidden;
}

.mn-tile-desc-sm {
  font-size: 14px;
  font-family: latoregular;
  text-align: center;
}

.mn-tile-percent-funded {
  font-size: 14px;
  font-family: latoregular;
  text-align: center;
}

.mn-loadMore {
  font-size: 18px;
  font-family: latoregular;
  color: #469edc;
  text-decoration: underline;
  text-align: center;
  margin-top: 47px;
  margin-bottom: 111px;
}

.mn-home-blue-title {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: 'latoregular';
  font-size: 40px;
  font-weight: 500;
  color: #469edc;
}

@media all and (max-width: 600px) {
  .mn-home-blue-title {
    font-size: 35px;
  }
}

.mn-subtitle {
  float: left;
  width: 100%;
  line-height: 35px;
  margin: 34px 0 0 0;
  padding: 0px;
  font-family: 'latolight';
  font-weight: 300;
  font-size: 24px;
  color: #333333;
  text-align: center;
}

@media all and (max-width: 600px) {
  .mn-subtitle {
    text-align: center;
    font-size: 19px;
  }
}

.rounded {
  width: 110px;
  height: 110px;
  border-radius: 100%;
  position: relative;
  z-index: 1;
}

.offer-description {
  overflow: hidden;
  line-height: 1.2em;
  height: 3.6em;
}

.mn-list {
  float: left;
  margin: 0px;
  padding: 20px 0px 20px 55px;
}

.mn-list .mn-list-lower-alpha {
  float: left;
  clear: both;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  font-family: "latolight";
  font-size: 15px;
  color: #7e7e7e;
  list-style: lower-alpha;
}

.mn-popup-header {
  font-family: latolight;
  font-size: 22px;
  margin-bottom: 20px;
  text-align: center;
  margin-top: 10px;
}

.mn-popup-p {
  margin-bottom: 20px;
  text-align: center;
}

.mn-popup-btn {
  border-radius: 3px;
  padding: 10px 20px;
  margin: 10px;
  background: #68cfad !important;
  color: #FFFFFF !important;
  border: 1px solid #68cfad;
}

.mn-modal-body {
  position: relative;
  padding: 15px;
}

.carousel-control-no-width {
  background-image: none;
  width: 0;
}

.mn-default-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 768px) {
  .mn-default-container {
    width: 750px;
  }
}

@media only screen and (min-width: 992px) {
  .mn-default-container {
    width: 970px;
  }
}

@media only screen and (min-width: 1200px) {
  .mn-default-container {
    width: 1170px;
  }
}

@media only screen and (min-width: 1400px) {
  .mn-default-container {
    width: 90%;
  }
}

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

.mn-info-tooltip-p {
  font-family: "latoregular" !important;
  font-size: 13px !important;
  color: #6195b9 !important;
  line-height: 18px !important;
  width: 100% !important;
  padding: 24px 20px 39px 63px !important;
}

.create-project-wrapper {
  float: left;
  width: 100%;
  margin: 25px 0px 25px 0px;
  padding: 20px;
  background-color: #ffffff;
}

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

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

.home-down-arrow {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0px;
  right: 0px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  background-image: url(../../images/icons/scroll-home-arrow.png);
  margin-left: auto;
  margin-right: auto;
  animation: bounce 2s infinite;
  transition: 0.3s;
}

@media all and (max-width: 1280px) {
  .home-down-arrow {
    bottom: -30px;
  }
}

@media all and (max-width: 1024px) {
  .home-down-arrow {
    display: none;
  }
}

.mn-top-75 {
  top: 75%;
}

.mn-top-76 {
  top: 76%;
}

.bounce {
  animation: bounce 3s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

nav {
  width: 100%;
  margin: 0 auto;
}

/* applied after scroll height reached */
.fixed-nav {
  position: fixed !important;
  top: 0;
  z-index: 1;
  animation: slide-down 0.7s;
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 0.9;
    transform: translateY(0);
  }
}

.nav-nodisplay {
  display: none;
}

.mn-invest-offer-button {
  float: right;
  margin: 10px 0px 0px 10px;
  padding: 15px 70px 15px 15px;
  font-family: 'latoblack';
  color: #ffffff;
  border: 1px solid white;
  transition: 0.3s;
  background-image: url(../../images/invest-btn-icon.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
  text-transform: uppercase;
  cursor: pointer;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-invest-offer-button {
    margin-right: 10px;
  }
}

@media all and (max-width: 736px) {
  .mn-invest-offer-button {
    margin: 13px 10px 0px 10px;
    padding: 15px 47px 15px 15px;
    font-size: 12px;
  }
}

@media all and (max-width: 320px) {
  .mn-invest-offer-button {
    padding: 12px 46px 12px 13px;
  }
}

.mn-invest-offer-button:hover {
  background-color: #469edc;
  border: 1px solid #469edc;
  color: #fff;
  transition: 0.3s;
}

button.scroll_down {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  height: 50px;
  width: 30px;
  bottom: 110px;
  background-color: transparent;
  border: 2px solid white;
  border-radius: 20px;
  cursor: pointer;
  outline: none;
}

button.scroll_down:before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  animation: scroll_down_btn-animation 2s infinite;
  box-sizing: border-box;
}

@keyframes scroll_down_btn-animation {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.scroll-text {
  color: white;
  bottom: 45px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  height: 50px;
  width: 50px;
}

#loader {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 70px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.92);
  z-index: 99999;
}

#loader-6 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

#loader-6 span {
  display: inline-block;
  width: 10px;
  height: 40px;
  background-color: #3498db;
}

#loader-6 span:nth-child(1) {
  animation: grow 1s ease-in-out infinite;
}

#loader-6 span:nth-child(2) {
  animation: grow 1s ease-in-out 0.15s infinite;
}

#loader-6 span:nth-child(3) {
  animation: grow 1s ease-in-out 0.30s infinite;
}

#loader-6 span:nth-child(4) {
  animation: grow 1s ease-in-out 0.45s infinite;
}

@keyframes grow {
  0%, 100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.8);
  }
}

.lato-regular {
  font-family: latoregular;
}

.p-less-margin {
  margin-top: 6px !important;
}

.fullLoadingPlaceholder {
  width: 100%;
  height: 380.5px;
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #f2f2f2;
}

.fullLoadingPlaceholder .fullHeader {
  max-width: 850px;
  height: 30px;
  margin-bottom: 34px;
  width: 100%;
  margin: 0 auto 34px;
}

@media all and (max-width: 600px) {
  .fullLoadingPlaceholder .fullHeader {
    width: 350px;
  }
}

@media all and (max-width: 320px) {
  .fullLoadingPlaceholder .fullHeader {
    width: 300px;
  }
}

.fullLoadingPlaceholder .fullSubHeader-1 {
  width: 100%;
  height: 20px;
  margin: 0 auto 24px;
  max-width: 950px;
}

@media all and (max-width: 600px) {
  .fullLoadingPlaceholder .fullSubHeader-1 {
    width: 300px;
  }
}

.fullLoadingPlaceholder .fullSubHeader-2 {
  width: 100%;
  height: 20px;
  margin: 0 auto 24px;
  max-width: 750px;
}

@media all and (max-width: 600px) {
  .fullLoadingPlaceholder .fullSubHeader-2 {
    width: 250px;
  }
}

.fullLoadingPlaceholder .fullChooseCountry {
  width: 100%;
  height: 20px;
  margin: 0 auto 24px;
  max-width: 500px;
}

@media all and (max-width: 600px) {
  .fullLoadingPlaceholder .fullChooseCountry {
    width: 150px;
  }
}

.placeHolderShimmer {
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  position: relative;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.filter-option-LoadingLoader {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  margin-bottom: 84px;
}

.filter-option-LoadingLoader .filter-option-LoadingLoader-country {
  height: 30px;
}

.filter-option-LoadingLoader .filter-option-LoadingLoader-search {
  height: 30px;
}

.all-offer-tile-cnt {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.all-offer-tile-cnt .offer-tile-cnt {
  width: 356px;
  height: 594px;
  position: relative;
  margin: 12px;
}

@media all and (max-width: 768px) {
  .all-offer-tile-cnt .offer-tile-cnt {
    width: 352px;
  }
}

.all-offer-tile-cnt .offer-tile-cnt .offer-tile-img {
  width: 100%;
  height: 152px;
  position: relative;
  border: 1px solid #e1e1e1;
}

.all-offer-tile-cnt .offer-tile-cnt .offer-tile-img .tile-circle {
  width: 110px;
  height: 110px;
  border-radius: 110px;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

.all-offer-tile-cnt .offer-tile-cnt .offer-tile-img .offer-tile-bannr {
  position: absolute;
  top: 0;
  min-width: 120px;
  height: 36px;
}

.all-offer-tile-cnt .offer-tile-cnt .offer-tile-content {
  height: 440px;
  padding: 76px 20px 21px;
  position: relative;
  border: 1px solid #e1e1e1;
}

.all-offer-tile-cnt .offer-tile-cnt .offer-tile-content .offer-tile-content-title {
  width: 318px;
  height: 20px;
  margin-bottom: 20px;
}

.all-offer-tile-cnt .offer-tile-cnt .offer-tile-content .offer-tile-content-subtitle {
  width: 318px;
  height: 20px;
  margin-bottom: 10px;
}

.offer-info {
  max-width: 400px;
  height: 550px;
  background-image: url(../../images/offer-details-ts-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

@media all and (max-width: 1440px) {
  .offer-info {
    max-width: 100%;
    height: 100%;
  }
}

@media all and (max-width: 1200px) {
  .offer-info {
    height: 100%;
    margin-bottom: 40px;
  }
}

.offer-info .offer-info__dark-layer {
  height: 100%;
  width: 100%;
  background: rgba(1, 1, 1, 0.8);
  padding: 1.5rem;
}

.offer-info .offer-info__dark-layer .offer-info__logo {
  width: 195px;
  height: 195px;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 1024px) {
  .offer-info .offer-info__dark-layer .offer-info__logo {
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
  }
}

.offer-info .offer-info__dark-layer .offer-info__title {
  font-size: 1.5rem;
  padding: 20px 0;
}

@media all and (max-width: 1024px) {
  .offer-info .offer-info__dark-layer .offer-info__title {
    text-align: center;
    font-size: 1.1875rem;
  }
}

.offer-info .offer-info__dark-layer .offer-info__subtitle {
  font-size: 1rem;
  padding: 10px 0;
  line-height: 1.2rem;
}

@media all and (max-width: 1024px) {
  .offer-info .offer-info__dark-layer .offer-info__subtitle {
    text-align: center;
  }
}

.xinja-pink-bk {
  background-color: #E73C81;
}

.wwg-blue-bk {
  background-color: #008cba;
}

.equitise-blue-bk {
  background-color: #469edc;
}

.overlay-join {
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding: 0 1em;
  position: fixed;
  text-align: center;
  transform: translateY(0);
  transition: height 1s;
  width: 100%;
  z-index: 10;
  height: 0;
}

.overlay-join__text {
  margin: 2rem 0;
}

.pink-logIn {
  color: #de518e;
  font-family: latoregular;
}

.overlay-join-popUp {
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  height: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  position: fixed;
  transition: height 1s;
  width: 100%;
  z-index: 10;
}

.overlay-join-popUp_close_icon_bg {
  width: 20px;
  position: absolute;
  right: 30px;
  top: 90px;
  opacity: .5;
  cursor: pointer;
  z-index: 20;
}

.overlay-join-popUp_close_icon_sm {
  display: none;
  width: 20px;
  position: absolute;
  right: 30px;
  top: 20px;
  opacity: .5;
  cursor: pointer;
  z-index: 20;
}

@media all and (max-width: 768px) {
  .overlay-join-popUp_close_icon_sm {
    display: block;
  }
}

@media all and (max-width: 600px) {
  .overlay-join-popUp_close_icon_sm {
    top: 15px;
    right: 15px;
  }
}

.overlay-join-popup_form {
  max-width: 400px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.overlay-join-popup_form .overlay-join-popup_input {
  padding: 17px;
  height: 54px;
  border: 1px solid #ccc;
  color: #000;
}

.overlay-join-popup_form .overlay-join-popup_input_sm_width {
  width: 60%;
}

.overlay-join-popup_form .overlay-join-popup_input_bg_width {
  width: 100%;
  margin-bottom: 10px;
}

.overlay-join-popup_form .overlay-join-popup_btn {
  background-color: #469edc;
  padding: 18px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-family: latoregular;
  transition: .3s;
  width: 20%;
  border: 1px solid #469edc;
}

.overlay-join-popup_form .overlay-join-popup_btn:hover {
  background-color: rgba(70, 158, 220, 0.9);
}

.overlay-join-popup_form .overlay-join-popup_btn_sm_width {
  width: 30%;
}

.overlay-join-popup_form .overlay-join-popup_btn_bg_width {
  width: 100%;
}

.popUp--close__btn__cnt {
  position: absolute;
  top: 70px;
  right: 0;
  width: 100%;
  height: 40px;
  background-color: #fff;
  z-index: 30;
}

#overlay-join__intro__popUp__close__btn {
  width: 20px;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 30;
  cursor: pointer;
}

.overlay-join-popUp__active {
  top: 0;
}

.no-scroll {
  overflow-y: scroll;
}

@media all and (max-width: 768px) {
  .no-scroll {
    overflow: hidden;
  }
}

.offer-room-info {
  max-width: 600px;
  height: 550px;
  background-image: url(../../images/offer-details-ts-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

@media all and (max-width: 1440px) {
  .offer-room-info {
    max-width: 100%;
    height: 100%;
  }
}

@media all and (max-width: 1200px) {
  .offer-room-info {
    height: 100%;
    margin-bottom: 40px;
  }
}

.offer-room-info .offer-room-info-wrapper {
  display: flex;
  flex: auto;
  flex-direction: row;
}

@media all and (max-width: 1024px) {
  .offer-room-info .offer-room-info-wrapper {
    flex-direction: column;
  }
}

.offer-room-info .offer-room-details-container {
  padding-left: 15px;
}

.offer-room-info .offer-room-info__dark-layer {
  height: 100%;
  width: 100%;
  background: rgba(1, 1, 1, 0.8);
  padding: 1.5rem;
}

.offer-room-info .offer-room-info__dark-layer .offer-room-info__logo {
  width: 195px;
  height: 195px;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 1024px) {
  .offer-room-info .offer-room-info__dark-layer .offer-room-info__logo {
    width: 120px;
    height: 120px;
    display: block;
    margin: auto;
  }
}

.offer-room-info .offer-room-info__dark-layer .offer-room-info__title {
  font-size: 1.5rem;
  padding: 20px 0;
}

@media all and (max-width: 1024px) {
  .offer-room-info .offer-room-info__dark-layer .offer-room-info__title {
    text-align: center;
    font-size: 1.1875rem;
  }
}

.offer-room-info .offer-room-info__dark-layer .offer-room-info__subtitle {
  font-size: 1rem;
  padding: 30px 0;
  line-height: 1.2rem;
}

@media all and (max-width: 1024px) {
  .offer-room-info .offer-room-info__dark-layer .offer-room-info__subtitle {
    text-align: center;
  }
}

.offer-room-info .offer-link-color {
  text-decoration: underline;
  color: #469edc;
  transition: .3s;
}

.offer-room-info .offer-link-color:hover {
  color: #419bdb;
}

.overlay-join__intro__popUp {
  height: 100%;
  margin: 0 auto;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

@media all and (max-width: 600px) {
  .overlay-join__intro__popUp {
    display: block;
  }
}

.overlay-join__header {
  font-size: 1.5rem;
  margin: 43px 0 20px;
  text-align: center;
  font-family: latoregular;
  line-height: 1.5;
}

@media all and (max-width: 600px) {
  .overlay-join__header {
    font-size: 1rem;
    font-family: latobold;
  }
}

.offer-join-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.offer-join-btn .offer-join-btn__fb-login {
  background-color: #3b5998;
  background-image: url(../../images/fb-btn-icon.png);
  background-position: right 15px center;
  background-repeat: no-repeat;
  width: 340px;
  height: 46px;
  margin: 0px;
  padding: 13px 15px;
  color: #fff;
  font-size: 17px;
  margin-bottom: 15px;
  transition: .3s;
}

.offer-join-btn .offer-join-btn__fb-login:hover {
  -webkit-filter: brightness(85%);
  filter: brightness(85%);
  transition: opacity 0.15s linear;
}

@media all and (max-width: 375px) {
  .offer-join-btn .offer-join-btn__fb-login {
    width: 100%;
  }
}

.offer-join-btn .offer-join-btn__lin-login {
  background-color: #0077b5;
  background-image: url(../../images/linkedin-btn-icon.png);
  background-position: right 15px center;
  background-repeat: no-repeat;
  width: 340px;
  height: 46px;
  margin: 0px;
  padding: 13px 15px;
  color: #fff;
  font-size: 17px;
  margin-bottom: 15px;
  transition: .3s;
}

.offer-join-btn .offer-join-btn__lin-login:hover {
  -webkit-filter: brightness(85%);
  filter: brightness(85%);
  transition: opacity 0.15s linear;
}

@media all and (max-width: 375px) {
  .offer-join-btn .offer-join-btn__lin-login {
    width: 100%;
  }
}

.offer-join-btn .offer-join-btn__equitise-login {
  background-color: #469edc;
  background-image: url(../../images/icons/email-btn-icon.png);
  background-position: right 15px center;
  background-repeat: no-repeat;
  width: 340px;
  height: 46px;
  margin: 0px;
  padding: 13px 15px;
  color: #fff;
  font-size: 17px;
  margin-bottom: 15px;
  transition: .3s;
}

.offer-join-btn .offer-join-btn__equitise-login:hover {
  -webkit-filter: brightness(85%);
  filter: brightness(85%);
  transition: opacity 0.15s linear;
}

@media all and (max-width: 375px) {
  .offer-join-btn .offer-join-btn__equitise-login {
    width: 100%;
  }
}

.overlay-join__header__popup {
  font-size: 24px;
  padding: 112px 0 48px;
  text-align: center;
  font-family: latoregular;
  line-height: 1.5;
}

@media all and (max-width: 600px) {
  .overlay-join__header__popup {
    font-size: 16px;
    font-family: latobold;
    padding: 126px 0 16px;
  }
}

.overlay-join__footer__popup {
  font-size: 1rem;
  text-align: center;
  max-width: 770px;
  margin: 0 auto;
  line-height: 1.3rem;
  padding: 24px 0;
}

@media all and (max-width: 768px) {
  .overlay-join__footer__popup {
    font-size: .8rem;
    padding: 0.6rem 0 4.6rem;
  }
}

.onoffswitch {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  width: 88px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

@media all and (max-width: 600px) {
  .onoffswitch-label-mobile {
    position: relative;
    float: right;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    width: 88px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-top: 20px;
  }
}

@media all and (max-width: 320px) {
  .onoffswitch-label-mobile-xs {
    position: relative;
    float: right;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    width: 88px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-top: 20px;
  }
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #999999;
  border-radius: 18px;
  position: relative;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 36px;
  padding: 0;
  line-height: 36px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "ON";
  padding-left: 9px;
  background-color: #6f8899;
  color: #FFFFFF;
}

.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 9px;
  background-color: #EEEEEE;
  color: #999999;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 30px;
  margin: 3px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 48px;
  border: 2px solid #999999;
  border-radius: 18px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.download-offer-doc-btn {
  padding: 15px;
  color: #fff;
  border-radius: 7px;
  cursor: pointer;
}

.lato-bold {
  font-family: latobold;
}

.lato-regular {
  font-family: latoregular;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
HOMEPAGE
---------------------------------------------------------- */
.hot-details-tooltip {
  position: absolute;
  bottom: 40px;
  right: 0px;
  padding: 5px 10px 6px !important;
  min-height: 24px;
  min-width: 170px;
  border-radius: 2px;
  background-color: #7089a3;
  font-family: 'latolight';
  line-height: 15px;
  font-size: 12px;
  color: #ffffff !important;
  margin: 0px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hot-details-tooltip:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #7089a3;
  bottom: -6px;
  content: "";
  height: 0px;
  left: 10px;
  position: absolute;
  width: 0px;
}

.syndicate-badge-tooltip {
  position: absolute;
  bottom: 45px;
  right: 0px;
  padding: 5px 10px 6px !important;
  min-height: 24px;
  min-width: 170px;
  border-radius: 2px;
  background-color: #7089a3;
  font-family: 'latolight';
  line-height: 15px;
  font-size: 12px;
  color: #ffffff !important;
  margin: 0px;
  transition: 0.3s;
  opacity: 0;
  visibility: visible;
  z-index: 10;
}

.syndicate-badge-tooltip:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #7089a3;
  bottom: -6px;
  content: "";
  height: 0px;
  right: 10px;
  position: absolute;
  width: 0px;
}

/* Main header notification */
#main-header-notification {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#main-header-notification > div {
  position: relative;
  margin: 0px auto;
  width: 100%;
  max-width: 1200px;
  padding: 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 10px 21px;
  display: flex;
  flex-direction: row;
}

#main-header-notification > div > span {
  margin: 0px;
  padding: 20px;
  font-size: 17px;
  color: #ffffff;
  font-family: 'latoregular';
}

@media all and (max-width: 600px) {
  #main-header-notification > div > span {
    display: none;
  }
}

#main-header-notification > div > img {
  margin: 14px;
}

#main-header-notification > div .subscribe-xinja {
  color: white;
  text-decoration: underline;
  font-family: "Montserrat";
  padding: 21px 10px;
}

@media all and (max-width: 700px) {
  #main-header-notification > div .subscribe-xinja {
    padding: 20px 0px 0px 5px;
    overflow: hidden;
  }
}

/* Homepage header */
#homepage-header {
  float: left;
  width: 100%;
  display: block;
  margin: 0px;
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
}

#homepage-header > div {
  margin: 0px auto;
  padding: 0px;
  width: 100%;
  max-width: 1200px;
}

#homepage-header .main-logo {
  float: left;
  margin-top: 15px;
  padding: 10px 0px 5px 0;
  height: 40px;
}

@media all and (max-width: 320px) {
  #homepage-header .main-logo {
    width: 138px;
    padding: 5px 0px 0px 5px;
    overflow: hidden;
  }
}

#homepage-header .main-logo .mn-header-logo {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 127px;
}

#homepage-header ul.header-login-reg-nav {
  float: right;
  margin: 18px 0px 0px 0px;
  padding: 0px;
}

#homepage-header ul.header-login-reg-nav > li {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 10px 15px 0px;
  /* Navigation register button */
}

#homepage-header ul.header-login-reg-nav > li > a {
  float: left;
  padding: 0px 0px 10px;
  margin: 0px;
  position: relative;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 14px;
  font-family: 'latolight';
}

#homepage-header ul.header-login-reg-nav > li > a:hover:after {
  opacity: 1;
  transform: translateY(0px);
}

#homepage-header ul.header-login-reg-nav > li > a:after {
  background-color: rgba(255, 255, 255, 0.7);
  content: "";
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  transition: opacity 0.3s, transform 0.3s;
  transform: translateY(10px);
}

#homepage-header ul.header-login-reg-nav > li.nav-register {
  padding: 0;
}

#homepage-header ul.header-login-reg-nav > li.nav-register > a {
  float: left;
  padding: 10px 20px;
  position: relative;
  text-transform: uppercase;
  margin: 0px;
  font-size: 14px;
  font-family: 'latolight';
  color: #ffffff;
  overflow: hidden;
  background-color: #469edc;
  transition: 0.3s;
}

#homepage-header ul.header-login-reg-nav > li.nav-register > a.reg-icon:before {
  content: "";
  height: 30px;
  width: 100%;
  background-image: url(../../images/reg-btn-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
}

#homepage-header ul.header-login-reg-nav > li.nav-register > a:before {
  font-size: 180%;
  height: 100%;
  line-height: 2.5;
  position: absolute;
  width: 100%;
  transition: 0.3s;
  left: 0px;
  top: -100%;
}

#homepage-header ul.header-login-reg-nav > li.nav-register > a:hover {
  background-color: #5ba9e0;
}

#homepage-header ul.header-login-reg-nav > li.nav-register > a:hover:before {
  top: 0px;
}

#homepage-header ul.header-login-reg-nav > li.nav-register > a:hover > span {
  transform: translateY(300%);
}

#homepage-header ul.header-login-reg-nav > li.nav-register > a > span {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-block;
  font-family: 'latolight';
  width: 100%;
  transition: 0.3s;
}

#homepage-header ul.header-navigation {
  float: right;
  border-right-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  margin: 18px 0px 0px;
}

@media all and (max-width: 1024px) {
  #homepage-header ul.header-navigation {
    border: none;
  }
}

#homepage-header ul.header-navigation li.header-event-list {
  float: left;
  padding: 0;
  position: relative;
  list-style: none;
}

#homepage-header ul.header-navigation li {
  float: left;
  padding: 10px 15px 0px;
  position: relative;
  list-style: none;
}

#homepage-header ul.header-navigation li:hover {
  cursor: pointer;
}

#homepage-header ul.header-navigation li a.header-invest-link {
  border: 1px solid white;
  margin-top: -2px;
  padding: 10px 20px;
  position: relative;
}

#homepage-header ul.header-navigation li a.header-invest-link:hover .header-tooltiptext {
  display: flex;
}

#homepage-header ul.header-navigation li a.header-invest-link:hover:after {
  opacity: 0;
}

#homepage-header ul.header-navigation li .header-justify-content {
  text-align: center;
  display: inline-table;
}

@media only screen and (min-width: 1200px) {
  #homepage-header ul.header-navigation li .header-justify-content {
    min-width: 160px;
    margin: auto;
  }
}

#homepage-header ul.header-navigation li .tooltip-cnt {
  position: absolute;
  top: 47px;
  left: -160px;
}

@media all and (max-width: 1118px) {
  #homepage-header ul.header-navigation li .tooltip-cnt {
    left: 70px;
  }
}

@media only screen and (min-width: 1118px) {
  #homepage-header ul.header-navigation li .not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

#homepage-header ul.header-navigation li .header-tooltiptext {
  display: none;
  background-color: rgba(255, 255, 255, 0.9);
  color: #333;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  z-index: 10;
  margin-bottom: 2px;
  transition: all 0.2s fadeIn;
  position: relative;
}

@media all and (max-width: 767px) {
  #homepage-header ul.header-navigation li .header-tooltiptext {
    display: none;
  }
}

#homepage-header ul.header-navigation li .header-tooltiptext:hover {
  display: flex;
  transition: 2s fadeIn linear;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#homepage-header ul.header-navigation li .event-btn {
  border: 1px solid white;
  margin-top: -2px;
  padding: 10px 20px;
  position: relative;
  color: white;
}

@media all and (max-width: 1118px) {
  #homepage-header ul.header-navigation li .event-btn {
    text-align: center;
  }
}

#homepage-header ul.header-navigation li .tooltip-text-cnt {
  width: 210px;
  padding-right: 8px;
  color: #333;
}

@media all and (max-width: 1118px) {
  #homepage-header ul.header-navigation li .tooltip-text-cnt {
    padding: 8px;
    width: 240px;
  }
}

#homepage-header ul.header-navigation li .tooltip-title {
  margin-bottom: 15px;
  font-size: 16px;
  margin-top: 13px;
}

#homepage-header ul.header-navigation li .tooltip-desc {
  margin-bottom: 25px;
  font-family: latoregular;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 43px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

#homepage-header ul.header-navigation li .tooltip-date {
  position: absolute;
  bottom: 7px;
  font-size: 13px;
}

#homepage-header ul.header-navigation li .tooltip-image {
  width: 240px;
  max-height: 130px;
  min-height: 130px;
  height: 100%;
  padding: 2px 8px;
  -o-object-fit: cover;
  object-fit: cover;
}

#homepage-header ul.header-navigation li .header-tooltiptext:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgba(255, 255, 255, 0.6) transparent;
}

#homepage-header ul.header-navigation li a {
  float: left;
  padding: 0px 0px 10px;
  margin: 0px;
  position: relative;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 14px;
  font-family: 'latolight';
  display: flex;
}

#homepage-header ul.header-navigation li a:hover:after {
  opacity: 1;
  transform: translateY(0px);
}

#homepage-header ul.header-navigation li a:after {
  background-color: rgba(255, 255, 255, 0.7);
  content: "";
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  transition: opacity 0.3s, transform 0.3s;
  transform: translateY(10px);
  cursor: pointer;
}

@media all and (max-width: 1118px) {
  #homepage-header ul.header-navigation li a {
    width: 100%;
    padding: 13px 15px;
    text-align: center;
    transition: 0.3s;
    display: block;
    float: none;
  }
}

@media all and (max-width: 1118px) {
  #homepage-header ul.header-navigation {
    width: 100%;
    background-color: #252424;
    display: none;
    position: absolute;
    top: 70px;
    left: 0px;
    margin-top: 0px;
  }
  #homepage-header ul.header-navigation > li {
    width: 25%;
    padding: 0px;
    border-style: solid;
    border-color: #3E3E3E;
    border-right-width: 1px;
    border-bottom-width: 1px;
  }
}

@media all and (max-width: 1118px) and (max-width: 600px) {
  #homepage-header ul.header-navigation > li {
    width: 50%;
  }
}

@media all and (max-width: 1118px) and (max-width: 1045px) {
  #homepage-header ul.header-navigation > li {
    width: 100%;
    border-right: 0px;
  }
}

@media all and (max-width: 1118px) {
  #homepage-header ul.header-navigation > li > a {
    width: 100%;
    padding: 13px 15px;
    text-align: center;
    transition: 0.3s;
  }
  #homepage-header ul.header-navigation > li > a:after {
    content: none;
  }
  #homepage-header ul.header-navigation > li > a:hover {
    background-color: #181717;
  }
}

@media all and (max-width: 1118px) and (max-width: 736px) {
  #homepage-header ul.header-navigation > li > a {
    background-color: #252424;
  }
}

@media all and (max-width: 1118px) and (max-width: 736px) {
  #homepage-header ul.header-navigation {
    background-color: none;
  }
}

.open-nav-btn-li {
  display: none;
  float: left;
  margin: 0px;
  padding: 12px 2px 12px 12px !important;
}

.open-nav-btn-li > a {
  float: left;
  width: 25px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  background-image: url("../../images/open-nav-icon.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.open-nav-btn-li > a.active {
  background-position: 0px -20px;
}

.open-nav-btn-li > a:after {
  content: none;
}

@media all and (max-width: 1118px) {
  .open-nav-btn-li {
    display: inline-block;
  }
}

.open-nav-btn {
  padding: 21px 21px 12px 12px;
}

.onb-logged-in {
  padding: 25px 21px 12px !important;
}

@media all and (max-width: 320px) {
  .onb-logged-in {
    padding: 25px 4px 25px 9px !important;
  }
}

ul.header-nav-dropdown {
  display: none;
  background-color: #469edc;
  left: -30px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 40px;
  width: 100%;
  min-width: 130px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}

@media all and (max-width: 1045px) {
  ul.header-nav-dropdown {
    display: none;
    left: 0;
  }
}

ul.header-nav-dropdown:before {
  border-bottom: 7px solid #469edc;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  left: 50%;
  margin: 0 0 0 -5px;
  padding: 0;
  position: absolute;
  top: -7px;
}

ul.header-nav-dropdown > li {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
}

ul.header-nav-dropdown > li > a {
  color: #ffffff;
  float: left;
  font-family: "latoregular";
  font-size: 12px;
  height: 35px;
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
  transition: 0.3s;
  width: 100%;
}

ul.header-nav-dropdown > li > a:hover {
  background-color: #2f87c5;
}

.header-logged-in {
  float: right;
  margin: 0px;
  padding: 0px;
}

.header-logged-in ~ .header-navigation {
  border: 0px !important;
}

.header-nav-more {
  position: relative !important;
}

.header-logged-user {
  float: left;
  margin: 0px;
  padding: 20px 10px 20px 60px;
  height: 70px;
  min-width: 220px;
  border-style: solid;
  border-color: #151515;
  border-left-width: 1px;
  border-right-width: 1px;
  position: relative;
  transition: 0.3s;
}

.header-logged-user:hover {
  cursor: pointer;
  background-color: #3D3D3D;
}

@media all and (max-width: 480px) {
  .header-logged-user {
    min-width: 60px;
    padding-right: 0;
    background-image: none;
  }
}

.header-logged-user > img {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-color: #151515;
  border-width: 1px;
}

.header-logged-user > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 15px 0px 0px 0px;
  font-size: 12px;
  color: #ffffff;
  font-family: 'latolight';
  position: relative;
}

@media all and (max-width: 480px) {
  .header-logged-user > span {
    display: none;
  }
}

.header-logged-user > span:before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "Hi, ";
  font-family: 'latobold';
}

.header-logged-user-dropdown {
  position: absolute;
  top: 70px;
  right: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  background-color: #469edc;
  display: none;
}

@media all and (max-width: 480px) {
  .header-logged-user-dropdown {
    min-width: 220px;
  }
}

.header-logged-user-dropdown > li {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.header-logged-user-dropdown > li > a {
  float: left;
  width: 100%;
  height: 35px;
  margin: 0px;
  padding: 10px;
  text-decoration: none;
  font-family: 'latoregular';
  font-size: 12px;
  color: #ffffff;
  transition: 0.3s;
  background-image: url(../../images/user-dropdown-icons.png);
  background-repeat: no-repeat;
}

.header-logged-user-dropdown > li > a:hover {
  background-color: #2f87c5;
}

.header-logged-user-dropdown > li > a.hlud-profile {
  background-position: right 0px top -83px;
}

.header-logged-user-dropdown > li > a.hlud-capital-raisings {
  background-position: right 0px top 11px;
}

.header-logged-user-dropdown > li > a.hlud-users {
  background-position: right 2px top -147px;
}

.header-logged-user-dropdown > li > a.hlud-settings {
  background-position: right 0px top -21px;
}

.header-logged-user-dropdown > li > a.hlud-logout {
  background-position: right 0px top -54px;
}

.header-logged-notification {
  float: left;
  width: 70px;
  height: 70px;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-color: #151515;
  border-right-width: 1px;
  position: relative;
}

@media all and (max-width: 450px) {
  .header-logged-notification {
    float: right;
  }
}

.header-logged-notification > a {
  float: left;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  background-image: url(../../images/header-notification-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s;
  position: relative;
}

.header-logged-notification > a:hover {
  background-color: #3D3D3D;
}

.header-logged-notification > a > span {
  position: absolute;
  top: 6px;
  right: 6px;
  font-family: 'latobold';
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  background-color: #dd1c52;
  border-radius: 6px;
  margin: 0px;
  padding: 1px 5px 2px;
}

.header-logged-notification-dropdown {
  position: absolute;
  top: 70px;
  right: 0px;
  width: 100%;
  min-width: 340px;
  margin: 0px;
  padding: 0px;
  background-color: #5fa3b4;
  display: none;
}

.header-logged-notification-dropdown > ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.header-logged-notification-dropdown > ul > li {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  position: relative;
  border-style: solid;
  border-color: #6EB4C8;
  border-bottom-width: 1px;
}

.header-logged-notification-dropdown > ul > li > a {
  float: left;
  width: 100%;
  height: 60px;
  margin: 0px;
  padding: 12px 10px 12px 60px;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
}

.header-logged-notification-dropdown > ul > li > a:hover {
  background-color: #6EB4C8;
}

.header-logged-notification-dropdown > ul > li > a > img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 2px;
}

.header-logged-notification-dropdown > ul > li > a > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 13px;
  color: #ffffff;
}

.header-logged-notification-dropdown > ul > li > a > p {
  float: left;
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 12px;
  color: #b8f4ff;
}

.header-notification-see-all {
  float: left;
  width: 100%;
  height: 35px;
  margin: 0px;
  padding: 10px;
  font-family: 'latoregular';
  font-size: 13px;
  color: #ffffff;
  transition: 0.3s;
}

.header-notification-see-all:hover {
  background-color: #6EB4C8;
}

.header-logged-home .header-logged-user:hover {
  background-color: transparent;
}

.header-logged-home .header-logged-notification > a {
  background-image: url(../../images/header-notification-icon-white.png);
}

.header-logged-home .header-logged-notification > a:hover {
  background-color: transparent;
}

.header-logged-home .header-logged-user .header-logged-user-dropdown:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  margin: 0px 0px 0px -5px;
  padding: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #5fa3b4;
}

.header-logged-home .header-logged-notification .header-logged-notification-dropdown:before {
  content: "";
  position: absolute;
  top: -7px;
  right: 27px;
  margin: 0px;
  padding: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #5fa3b4;
}

/* Home top section wrapper */
#home-top-carousel-wrapper .homepage-carousel-banner {
  background-size: cover;
  height: 600px;
}

@media all and (max-width: 1280px) {
  #home-top-carousel-wrapper .homepage-carousel-banner {
    height: calc(100vh - 70px);
  }
}

@media all and (max-width: 1024px) {
  #home-top-carousel-wrapper .homepage-carousel-banner {
    height: 600px;
  }
}

@media all and (max-width: 767px) {
  #home-top-carousel-wrapper .homepage-carousel-banner {
    height: 530px;
  }
}

#home-top-carousel-wrapper .carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

#home-top-carousel-wrapper .carousel-fade .carousel-inner .active {
  opacity: 1;
}

#home-top-carousel-wrapper .carousel-fade .carousel-inner .active.left,
#home-top-carousel-wrapper .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

#home-top-carousel-wrapper .carousel-fade .carousel-inner .next.left,
#home-top-carousel-wrapper .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

#home-top-carousel-wrapper .carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  #home-top-carousel-wrapper .carousel-fade .carousel-inner > .item.next,
  #home-top-carousel-wrapper .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  #home-top-carousel-wrapper .carousel-fade .carousel-inner > .item.prev,
  #home-top-carousel-wrapper .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  #home-top-carousel-wrapper .carousel-fade .carousel-inner > .item.next.left,
  #home-top-carousel-wrapper .carousel-fade .carousel-inner > .item.prev.right,
  #home-top-carousel-wrapper .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

#home-top-carousel-wrapper .one {
  background: url(/images/homepage-carousel.jpg) no-repeat center center;
  background-size: cover;
}

#home-top-carousel-wrapper .three {
  background: url(/images/banners/rhinohide-banner2.jpg) no-repeat center center;
  background-size: cover;
}

#home-top-carousel-wrapper .two {
  background: url(/images/banners/agunity.png) no-repeat center right;
  background-size: cover;
}

#home-top-carousel-wrapper .four {
  background: url(/images/banners/fini-awards.png) no-repeat center;
  background-size: cover;
}

#home-top-carousel-wrapper .five {
  background: url(/images/homepage-carousel-deal-banner.jpg) no-repeat center center;
  background-size: cover;
}

@media all and (max-width: 800px) {
  #home-top-carousel-wrapper .five {
    background: url(/images/homepage-carousel-deal-mobile.jpg) no-repeat top right;
  }
}

#home-top-carousel-wrapper .homepage-flex-logos {
  height: 170px;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}

@media all and (max-width: 767px) {
  #home-top-carousel-wrapper .homepage-flex-logos {
    height: 120px;
  }
}

#home-top-carousel-wrapper .homepage-carousel-xinja-logo {
  width: 290px;
}

@media all and (max-width: 768px) {
  #home-top-carousel-wrapper .homepage-carousel-xinja-logo {
    width: 260px;
  }
}

@media all and (max-width: 600px) {
  #home-top-carousel-wrapper .homepage-carousel-xinja-logo {
    width: 220px;
  }
}

@media all and (max-width: 320px) {
  #home-top-carousel-wrapper .homepage-carousel-xinja-logo {
    width: 200px;
  }
}

#home-top-carousel-wrapper .homepage-carousel-dit-logo {
  width: 350px;
}

@media all and (max-width: 768px) {
  #home-top-carousel-wrapper .homepage-carousel-dit-logo {
    width: 300px;
  }
}

@media all and (max-width: 600px) {
  #home-top-carousel-wrapper .homepage-carousel-dit-logo {
    width: 270px;
  }
}

@media all and (max-width: 320px) {
  #home-top-carousel-wrapper .homepage-carousel-dit-logo {
    width: 250px;
  }
}

#home-top-carousel-wrapper .homepage-carousel-booktopia-logo {
  width: 350px;
}

@media all and (max-width: 768px) {
  #home-top-carousel-wrapper .homepage-carousel-booktopia-logo {
    width: 300px;
  }
}

@media all and (max-width: 600px) {
  #home-top-carousel-wrapper .homepage-carousel-booktopia-logo {
    width: 230px;
  }
}

@media all and (max-width: 320px) {
  #home-top-carousel-wrapper .homepage-carousel-booktopia-logo {
    width: 200px;
  }
}

.homepage-carousel-control {
  width: 5%;
  z-index: 10;
}

.carousel-x-img {
  padding: 10px;
  box-sizing: border-box;
  width: 59px;
  height: 59px;
}

@media all and (max-width: 600px) {
  .carousel-x-img {
    padding: 3px;
    width: 25px;
    height: 25px;
  }
}

.homepage-carousel-layer {
  height: 600px;
  background-color: rgba(1, 1, 1, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 1280px) {
  .homepage-carousel-layer {
    height: calc(100vh - 70px);
  }
}

@media all and (max-width: 1024px) {
  .homepage-carousel-layer {
    height: 600px;
  }
}

@media all and (max-width: 767px) {
  .homepage-carousel-layer {
    height: 530px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media all and (max-width: 600px) {
  .homepage-carousel-layer .homepage-carousel-layer-content-cnt {
    width: 345px;
    height: 447px;
  }
}

.homepage-carousel-layer .homepage-carousel-layer-content-cnt .homepage-carousel-title-cnt {
  height: 170px;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}

@media all and (max-width: 600px) {
  .homepage-carousel-layer .homepage-carousel-layer-content-cnt .homepage-carousel-title-cnt {
    height: 120px;
  }
}

.homepage-carousel-layer .homepage-carousel-layer-content-cnt .homepage-carousel-title-cnt .carousel-title {
  max-width: 764px;
  font-size: 48px;
  font-family: 'latoregular';
  text-align: center;
}

@media all and (max-width: 768px) {
  .homepage-carousel-layer .homepage-carousel-layer-content-cnt .homepage-carousel-title-cnt .carousel-title {
    font-size: 38px;
  }
}

.homepage-carousel-layer .homepage-carousel-layer-content-cnt .homepage-carousel-subtitle-cnt {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage-carousel-layer .homepage-carousel-layer-content-cnt .homepage-carousel-subtitle-cnt .carousel-subtitle {
  font-size: 24px;
  font-family: latolight;
  max-width: 680px;
  line-height: 30px;
  text-align: center;
  margin: auto;
}

@media all and (max-width: 768px) {
  .homepage-carousel-layer .homepage-carousel-layer-content-cnt .homepage-carousel-subtitle-cnt .carousel-subtitle {
    font-size: 18px;
    line-height: 24px;
  }
}

.homepage-btn-container {
  padding: 30px 0px;
  height: 115px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}

@media all and (max-width: 600px) {
  .homepage-btn-container {
    height: 200px;
  }
}

.homepage-btn-container > a {
  float: left;
  width: 100%;
  font-size: 15px;
  margin: 0px;
  padding: 17px;
  text-align: center;
  color: #ffffff;
  font-family: latoregular;
  transition: 0.3s;
  /* Media queries */
}

.homepage-btn-container > a:hover {
  background-color: #469edc;
}

.homepage-btn-container > a.mn-home-blue-btn {
  margin: 0px 30px 0px 30px;
  height: 55px;
  width: 216px;
  background-color: #469edc;
  transition: .3s;
  border-style: solid;
  border-color: #469edc;
  border-width: 2px;
}

@media all and (max-width: 600px) {
  .homepage-btn-container > a.mn-home-blue-btn {
    margin-right: 0;
    width: 253px;
    margin-left: 0;
  }
}

.homepage-btn-container > a.mn-home-blue-btn:hover {
  opacity: .8;
}

.homepage-btn-container > a.mn-home-border-white-btn {
  border-style: solid;
  border-color: #ffffff;
  border-width: 2px;
  height: 55px;
  width: 258px;
}

.homepage-btn-container > a.mn-home-border-white-btn:hover {
  cursor: pointer;
  border-style: solid;
  border-color: #469edc;
  border-width: 2px;
}

@media all and (max-width: 481px) {
  .homepage-btn-container > a.mn-home-border-white-btn {
    margin-top: 15px;
    min-width: 243px;
  }
}

@media all and (max-width: 700px) {
  .homepage-btn-container > a {
    max-width: 260px;
  }
}

@media all and (max-width: 600px) {
  .homepage-btn-container > a {
    font-size: 15px;
    background-position: right 15px center;
  }
}

@media all and (max-width: 530px) {
  .homepage-btn-container > a {
    float: none;
    display: inline-block;
  }
}

@media all and (max-width: 530px) {
  .homepage-btn-container {
    text-align: center;
  }
}

/* Home top buttons ends here */
#home-additional-offer {
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  flex-direction: row;
}

#home-additional-offer .container {
  width: 100%;
  max-width: 1200px;
  padding-top: 0;
  display: flex;
  flex-direction: column;
}

#home-additional-offer .container .info-container {
  padding-top: 0;
  display: flex;
  max-width: 920px;
  width: 100%;
}

@media (max-width: 825px) {
  #home-additional-offer .container .info-container {
    flex-direction: column;
  }
  #home-additional-offer .container .info-container .aos-completed-offers,
  #home-additional-offer .container .info-container .aos-coming-soon-offers {
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 30px;
    flex: 1;
  }
}

/* Home section */
.home-section {
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
  text-align: center;
  background-color: #ffffff;
}

.home-section header {
  flex-direction: column;
  display: flex;
  align-content: center;
  justify-content: center;
}

.home-section > div {
  max-width: 1200px;
  padding: 80px 10px;
  font-size: 0;
  display: inline-block;
  text-align: center;
  position: relative;
}

.home-section > div .home-section-title {
  min-width: 150px;
  display: inline-block;
  margin: 0px 0px 35px;
  padding: 0px 0px 10px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  font-family: 'latolight';
  font-size: 34px;
  color: #3f3e3e;
}

.home-section > div .home-section-title.white {
  color: #ffffff;
}

.home-section > div .home-section-title.tagline {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 20px;
  text-transform: initial;
}

.home-section > div .home-section-title.tagline:after {
  content: none;
}

.home-section > div .home-section-title:after {
  bottom: 0px;
  content: "";
  display: inline-block;
  height: 2px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  position: absolute;
  width: 150px;
  background-color: #469edc;
}

.home-section .home-offer-tiles-wrapper {
  margin: 0px;
  padding: 20px 7px 0;
  display: inline-block;
  vertical-align: top;
  /* Home offer tile top container ends */
  /* Home offer tile bottom container ends */
}

.home-section .home-offer-tiles-wrapper .home-offer-tile {
  overflow: hidden;
  float: left;
  width: 100%;
  max-width: 280px;
  min-height: 400px;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-color: #efefef;
  border-width: 1px;
  background-color: #ffffff;
  cursor: pointer;
  transition: 0.3s;
  position: relative;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile .private-hot-bottom-cont {
  display: block;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile:hover .private-hot-hover-overlay {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile:hover .hot-hover-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 2;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  transition: 0.3s;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile:hover .hot-hover-overlay div {
  position: absolute;
  top: 0;
  left: 0px;
  margin: 0px;
  padding: 0px 10px;
  width: 140px;
  transition: 0.3s;
  transition-delay: .1s;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile:hover .hot-hover-overlay div a {
  float: left;
  width: auto;
  height: 35px;
  margin: 0px;
  padding: 0px;
  background-color: #469edc;
  background-image: url(../../images/view-invest-offer-icon.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  border-radius: 0 0 4px 4px;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile:hover .hot-hover-overlay div a span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 9px 10px 0px 25px;
  text-align: right;
  font-family: 'latobold';
  font-size: 14px;
  color: #ffffff;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile:hover .hot-hover-overlay div span {
  float: left;
  width: 100%;
  height: 35px;
  margin: 0px;
  padding: 0px;
  background-color: #469edc;
  background-image: url(../../images/view-invest-offer-icon.png);
  background-repeat: no-repeat;
  background-position: 95px center;
  border-radius: 0 0 4px 4px;
  padding: 9px 30px 0px 10px;
  text-align: left;
  font-family: 'latobold';
  font-size: 14px;
  color: #ffffff;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile:hover .private-hot-bottom-cont {
  display: none;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile .syndicate-badge-wrapper {
  position: absolute;
  top: 0px;
  right: 10px;
  margin: 0px;
  padding: 0px;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile .syndicate-badge-wrapper .syndicate-badge {
  float: left;
  width: 29px;
  height: 29px;
  margin: 0px;
  padding: 0px;
  background-image: url(../../images/hot-tile-syndicate-icon.png);
  background-repeat: no-repeat;
  position: relative;
  z-index: 3;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile .syndicate-badge-wrapper .syndicate-badge:hover ~ .syndicate-badge-tooltip {
  opacity: 1;
  visibility: visible;
  bottom: 35px;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile .private-hot-hover-overlay {
  opacity: 0;
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile .private-hot-hover-overlay .private-offer-request-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 160px;
  padding-left: 0;
  padding-right: 0;
  align-items: start;
  transition: 0.3s;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile .private-hot-hover-overlay .private-offer-request-form h2 {
  margin: 10px 0px;
  font-family: 'latoregular';
  font-size: 16.5px;
  line-height: 30px;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: 0.3s;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile .private-hot-hover-overlay .private-offer-request-form .form-fields {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile .private-hot-hover-overlay .private-offer-request-form .form-fields input[type=text], .home-section .home-offer-tiles-wrapper .home-offer-tile .private-hot-hover-overlay .private-offer-request-form .form-fields input[type=email] {
  height: 40px;
  flex: 1;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 10px;
  color: #333;
  font-size: 15px;
  border-radius: 2px;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile .private-hot-hover-overlay .private-offer-request-form button.request-access {
  padding: 10px;
  min-width: 140px;
  font-size: 16px;
  font-family: 'latolight';
  background: #469edc;
  border: 1px solid #469edc;
  color: #fff;
  border-radius: 2px;
  transition: background 0.3s ease;
  border-radius: 3px;
  width: 100%;
  height: 40px;
}

.home-section .home-offer-tiles-wrapper .home-offer-tile .private-hot-hover-overlay .private-offer-request-form button.request-access:hover {
  cursor: pointer;
  background: #469edc;
  color: #fff;
}

.home-section .home-offer-tiles-wrapper .hot-top-cont {
  float: left;
  width: 100%;
  height: 152px;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.home-section .home-offer-tiles-wrapper .hot-top-cont a.logo-link {
  float: left;
  width: 100%;
  height: 100%;
}

.home-section .home-offer-tiles-wrapper .hot-top-cont a.logo-link img:last-child {
  top: unset !important;
  bottom: -20px !important;
  left: 10px !important;
  width: 70px !important;
  background-color: white;
  z-index: 3;
  border-style: solid;
  border-color: #efefef;
  border-width: 1px;
}

.home-section .home-offer-tiles-wrapper .hot-top-cont img {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  max-height: 100%;
}

.home-section .home-offer-tiles-wrapper .hot-top-cont .hot-hover-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
}

.home-section .home-offer-tiles-wrapper .hot-top-cont .hot-hover-overlay div {
  position: absolute;
  top: -35px;
  left: 0px;
  margin: 0px;
  padding: 0px 10px;
  width: 140px;
  transition: 0.3s;
  transition-delay: .1s;
}

.home-section .home-offer-tiles-wrapper .hot-top-cont .hot-hover-overlay div a {
  float: left;
  width: auto;
  height: 35px;
  margin: 0px;
  padding: 0px;
  background-color: #469edc;
  background-image: url(../../images/view-invest-offer-icon.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  border-radius: 0 0 4px 4px;
}

.home-section .home-offer-tiles-wrapper .hot-top-cont .hot-hover-overlay div a span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 9px 10px 0px 25px;
  text-align: right;
  font-family: 'latobold';
  font-size: 14px;
  color: #ffffff;
}

.home-section .home-offer-tiles-wrapper .hot-top-cont .hot-hover-overlay div span {
  float: left;
  width: 100%;
  height: 35px;
  margin: 0px;
  padding: 0px;
  background-color: #469edc;
  background-image: url(../../images/view-invest-offer-icon.png);
  background-repeat: no-repeat;
  background-position: 95px center;
  border-radius: 0 0 4px 4px;
  padding: 9px 30px 0px 10px;
  text-align: left;
  font-family: 'latobold';
  font-size: 14px;
  color: #ffffff;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.home-section .home-offer-tiles-wrapper .hot-top-cont .corner-ribbon {
  width: 120px;
  background: #2c7;
  position: relative;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 120px;
  color: #f0f0f0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.home-section .home-offer-tiles-wrapper .hot-top-cont .shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.home-section .home-offer-tiles-wrapper .hot-top-cont .top-right {
  top: -178px;
  right: -127px;
  bottom: 0;
  font-size: 16px;
  font-family: 'latoregular';
  left: auto;
  padding: 0;
  transform: rotate(-315deg);
  -webkit-transform: rotate(-315deg);
  position: relative;
  height: 75px;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 10px;
  padding-top: 20px;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div span,
.home-section .home-offer-tiles-wrapper .hot-bottom-cont div a {
  float: left;
  max-width: 100%;
  margin: 15px 0px;
  font-family: 'latobold';
  font-size: 16.5px;
  color: #5f5f5f;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: 0.3s;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div span:hover,
.home-section .home-offer-tiles-wrapper .hot-bottom-cont div a:hover {
  color: #469edc;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 13px;
  color: #666666;
  line-height: 18px;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-details {
  float: left;
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-details li {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 8px 0px 10px;
  list-style: none;
  position: relative;
  border-style: solid;
  border-color: #efefef;
  border-bottom-width: 1px;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-details li span {
  float: left;
  margin: 0px;
  padding: 0px;
  color: #469edc;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-details li span.name {
  width: 40%;
  font-family: 'latoregular';
  font-size: 14px;
  text-align: left;
  padding-top: 2px;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-details li span.value {
  width: 60%;
  font-family: 'latobold';
  font-size: 16px;
  text-align: right;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-details li span.name:hover ~ .hot-details-tooltip, .home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-details li span.value:hover ~ .hot-details-tooltip {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-tags {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 10px 0px 15px 25px;
  background-image: url(../../images/offer-tile-tags.png);
  background-repeat: no-repeat;
  background-position: 0px 14px;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-tags li {
  float: left;
  padding: 5px 5px 0px 0px;
  margin: 0px;
  list-style: none;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-tags li a {
  float: left;
  margin: 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 12px;
  color: #666666;
  text-decoration: none;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-tags li a:hover {
  text-decoration: underline;
  color: #469edc;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-tags li a:after {
  content: ", ";
  font-family: 'latolight';
  font-size: 12px;
  color: #469edc;
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont div .hot-tags li:last-of-type a:after {
  content: "";
}

.home-section .link-wrap {
  padding-top: 55px;
}

.home-section-title {
  min-width: 150px;
  display: inline-block;
  margin: 0px 0px 35px;
  padding: 0px 0px 10px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  font-family: 'latolight';
  font-size: 34px;
  color: #3f3e3e;
}

.home-section-title.white {
  color: #ffffff;
}

.home-section-title.tagline {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 20px;
  text-transform: initial;
}

.home-section-title.tagline:after {
  content: none;
}

.home-section-title:after {
  bottom: 0px;
  content: "";
  display: inline-block;
  height: 2px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  position: absolute;
  width: 150px;
  background-color: #469edc;
}

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

.no-live-offers p {
  text-align: center;
  font-size: 20px;
  color: #3f3e3e;
}

#home-curr-off {
  padding-top: 80px;
  padding-bottom: 120px;
  border-style: solid;
  border-color: rgba(179, 179, 179, 0.3);
  border-bottom-width: 1px;
}

#home-feat-syndi {
  background-image: none;
}

#home-feat-syndi > div {
  min-height: auto;
  padding: 85px 0;
}

#home-feat-syndi .link-wrap {
  padding-top: 0;
}

#home-raise-capital {
  background-image: none;
  background-color: #333333;
}

#home-raise-capital .landing-featured-box-out {
  padding-top: 50px;
}

#home-raise-capital .single-capital-box {
  background-color: transparent;
  max-width: 370px;
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
}

@media all and (max-width: 1200px) {
  #home-raise-capital .single-capital-box {
    max-width: 300px;
  }
}

#home-raise-capital .single-capital-box img {
  float: none;
  display: inline-block;
  max-width: 300px;
}

@media all and (max-width: 580px) {
  #home-raise-capital .single-capital-box img {
    max-width: 250px;
  }
}

#home-raise-capital .single-capital-box span {
  float: left;
  width: 100%;
  font-family: 'latolight';
  font-size: 25px;
  color: #ffffff;
  text-align: center;
}

@media all and (max-width: 580px) {
  #home-raise-capital .single-capital-box span {
    font-size: 20px;
  }
}

#home-raise-capital .single-capital-box p {
  float: left;
  width: 100%;
  font-family: 'latolight';
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  padding: 0;
  margin: 35px 0 0;
  line-height: 24px;
}

@media all and (max-width: 580px) {
  #home-raise-capital .single-capital-box p {
    font-size: 16px;
  }
}

#home-raise-capital .link-wrap {
  padding-top: 0;
  padding-bottom: 5px;
}

/* Homepage call to action section */
.homepage-cta-wrapper > div {
  min-height: auto;
  margin-top: 40px;
}

.home-cta-section {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.home-cta-section .hcs-buttons {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.home-cta-section .hcs-buttons a {
  display: inline-block;
  width: 100%;
  max-width: 300px;
  height: 50px;
  margin: 0px 10px;
  padding: 14px 0px 0px 65px;
  font-family: 'latobold';
  font-size: 15px;
  color: #469edc;
  border-style: solid;
  border-color: #469edc;
  border-width: 2px;
  text-align: left;
  position: relative;
  text-transform: uppercase;
  transition: 0.3s;
}

.home-cta-section .hcs-buttons a:hover {
  background-color: #5ba9e0;
  color: #ffffff;
}

@media all and (max-width: 1000px) {
  .home-cta-section .hcs-buttons a {
    max-width: 235px;
  }
}

@media all and (max-width: 805px) {
  .home-cta-section .hcs-buttons a {
    font-size: 12px;
    padding: 17px 0px 0px 65px;
    max-width: 200px;
  }
}

@media all and (max-width: 700px) {
  .home-cta-section .hcs-buttons a {
    max-width: 400px;
    font-size: 15px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 14px 0px 0px 65px;
  }
}

.home-cta-section .hcs-buttons a span {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 46px;
  height: 46px;
  margin: 0px;
  padding: 14px 0px;
  text-align: center;
  font-family: 'latobold';
  font-size: 15px;
  color: #ffffff;
  background-color: #469edc;
}

.home-cta-section .hcs-text {
  float: left;
  width: 100%;
  margin: 60px 0px 0px 0px;
  padding: 0px;
}

.home-cta-section .hcs-text span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 34px;
  color: #3f3e3e;
  text-align: center;
}

.home-cta-section .hcs-text p {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 18px;
  color: #7e7e7e;
  line-height: 150%;
  text-align: center;
}

.aos-completed-offers {
  background-image: none;
}

.aos-completed-offers h4 {
  background-image: url("../../../images/single-person.svg");
  background-size: 38px 38px;
  background-repeat: no-repeat;
  padding: 5px 0px 5px 55px;
  font-size: 28px;
  color: #3f3e3e;
}

.aos-coming-soon-offers {
  background-image: none;
  display: flex;
  flex-direction: column;
}

.aos-coming-soon-offers h4 {
  background-image: url("../../../images/people.svg");
  background-size: 38px 38px;
  background-repeat: no-repeat;
  background-position: right center;
  padding: 5px 65px 5px 0px;
  text-align: right;
  font-size: 28px;
  color: #3f3e3e;
}

.additional-offers-section {
  margin: 0px;
  padding: 0px;
  min-height: 250px;
  position: relative;
  background-color: white;
}

.additional-offers-section .green-link {
  display: inline-block;
  width: 100%;
  max-width: 250px;
  text-align: center;
  font-size: 16px;
  font-family: 'latolight';
  margin: 0;
  margin-top: 40px;
  padding: 0 5px;
  color: #ffffff;
  background-color: #aad155;
  transition: 0.3s;
  border: 0px;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box;
}

.additional-offers-section .foo-button {
  margin: 0;
  padding: 10px 30px;
  min-width: 140px;
  font-size: 16px;
  line-height: 24px;
  font-family: 'latolight';
  text-align: center;
  background: none;
  border: 1px solid #469edc;
  color: #469edc;
  border-radius: 2px;
  transition: background 0.3s ease;
}

.additional-offers-section .foo-button:hover {
  cursor: pointer;
  background: #469edc;
  color: #fff;
  border: none;
}

@media all and (max-width: 825px) {
  .additional-offers-section.home-section {
    background-color: white;
  }
}

@media all and (max-width: 825px) {
  .additional-offers-section.home-section div {
    padding-left: 0;
    padding-right: 0;
    padding-top: 45px;
  }
}

.additional-offers-section.home-section div .aos-completed-offers,
.additional-offers-section.home-section div .aos-coming-soon-offers {
  display: flex;
  flex-direction: column;
  max-width: 460px;
  padding-left: 20px;
  padding-right: 20px;
}

@media all and (max-width: 825px) {
  .additional-offers-section.home-section div .aos-completed-offers,
  .additional-offers-section.home-section div .aos-coming-soon-offers {
    width: 100%;
    max-width: none;
    text-align: center;
  }
  .additional-offers-section.home-section div .aos-completed-offers span,
  .additional-offers-section.home-section div .aos-coming-soon-offers span {
    float: none;
    display: inline-block !important;
    width: auto !important;
  }
  .additional-offers-section.home-section div .aos-completed-offers p,
  .additional-offers-section.home-section div .aos-coming-soon-offers p {
    text-align: center;
  }
}

.additional-offers-section.home-section div .aos-completed-offers {
  align-items: flex-start;
}

.additional-offers-section.home-section div .aos-coming-soon-offers {
  align-items: flex-end;
}

.additional-offers-section div {
  margin: 0px auto;
  max-width: 1200px;
  padding: 0px;
  position: relative;
  z-index: 2;
}

.aos-completed-offers {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  margin: 0px;
  padding: 0px 10px;
  position: relative;
  background-repeat: no-repeat;
  background-position: right 10px bottom 0px;
}

.aos-completed-offers span {
  margin: 30px 0px 0px 0px;
  padding: 5px 0px 5px 55px;
  font-size: 28px;
  color: black;
  background-repeat: no-repeat;
  background-position: left center;
}

@media all and (max-width: 410px) {
  .aos-completed-offers span {
    font-size: 24px;
    padding: 9px 0px 9px 65px;
  }
}

.aos-completed-offers p {
  float: left;
  width: 100%;
  margin: 20px 0px 40px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 16px;
  color: black;
  line-height: 22px;
}

@media all and (max-width: 350px) {
  .aos-completed-offers p {
    margin-top: 10px;
  }
}

@media all and (max-width: 825px) {
  .aos-completed-offers {
    width: 100%;
    background-color: white;
  }
}

.aos-coming-soon-offers {
  display: flex;
  flex: 1;
  height: 100%;
  margin: 0px;
  padding: 0px 10px;
  position: relative;
  background-repeat: no-repeat;
  background-position: left 10px bottom 0px;
}

.aos-coming-soon-offers span {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 5px 65px 5px 0px;
  font-size: 28px;
  color: black;
  background-image: url(../../images/coming-soon-offers-icon.png);
  background-repeat: no-repeat;
  background-position: right center;
  text-align: right;
}

@media all and (max-width: 825px) {
  .aos-coming-soon-offers span {
    text-align: left;
    padding: 5px 0px 5px 65px;
    background-position: left center;
  }
}

@media all and (max-width: 410px) {
  .aos-coming-soon-offers span {
    font-size: 24px;
    padding: 9px 0px 9px 55px;
  }
}

.aos-coming-soon-offers p {
  float: left;
  width: 100%;
  margin: 20px 0px 40px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 16px;
  color: black;
  text-align: right;
  line-height: 22px;
}

@media all and (max-width: 825px) {
  .aos-coming-soon-offers p {
    text-align: left;
  }
}

@media all and (max-width: 350px) {
  .aos-coming-soon-offers p {
    margin-top: 10px;
  }
}

@media all and (max-width: 825px) {
  .aos-coming-soon-offers {
    width: 100%;
    background-color: white;
    background-position: right 10px bottom 0px;
  }
}

/* aos-coming-soon-offers ends here */
/* Additional offer section ends */
.what-wedo-section {
  background-image: url("../../../images/space-bg-l.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media all and (max-width: 650px) {
  .what-wedo-section {
    background-image: url("../../../images/space-bg-p.jpg");
  }
}

.what-wedo-section > div > div {
  display: inline-block;
  max-width: 960px;
  padding: 20px 0px 0px 0px;
  width: 100%;
}

.find-out-more-section {
  width: 100%;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s;
}

.find-out-more-section .find-out-more-text {
  color: #666666 !important;
  max-width: 950px;
  margin: 0 auto;
}

.find-out-more-section .find-out-more-text p {
  margin: 20px 0;
  line-height: 1.25;
}

.find-out-more-section.show {
  padding: 75px 0 75px 0 !important;
  max-height: 1000px;
}

.warning-statement {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  width: 100%;
  min-height: 200px;
  position: relative;
}

.warning-statement .ws-exclamation {
  display: none;
  position: absolute;
  left: -40px;
  top: -40px;
  width: 95px;
  height: 95px;
  margin: 0px;
  padding: 0px;
  background-image: url(../../images/ws-exclamation.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #2c6892;
}

@media all and (max-width: 670px) {
  .warning-statement .ws-exclamation {
    width: 60px;
    height: 60px;
    background-size: 30px 30px;
    left: 50%;
    margin-left: -30px;
  }
}

.warning-statement .ws-text .ws-title {
  float: left;
  width: 100%;
  margin: 0px;
  font-family: 'latoregular';
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}

.warning-statement .ws-text > ul {
  float: left;
  margin: 3px 0px 0px;
  width: 100%;
}

.warning-statement .ws-text > ul > li {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 4px 0px;
  font-family: 'latolight';
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.home-button {
  margin: 0;
  padding: 10px 30px;
  min-width: 140px;
  font-size: 16px;
  line-height: 24px;
  font-family: 'latolight';
  text-align: center;
  background: none;
  border: 1px solid #469edc;
  color: #469edc;
  border-radius: 2px;
  transition: background 0.3s ease;
}

.home-button:hover {
  cursor: pointer;
  background: #469edc;
  color: #fff;
  border: none;
}

.home-button-reverse {
  margin: 10px;
  padding: 10px 30px;
  min-width: 140px;
  font-size: 16px;
  line-height: 24px;
  font-family: 'latolight';
  text-align: center;
  background: none;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 2px;
  transition: background 0.3s ease;
  background: rgba(100, 100, 100, 0.3);
  min-width: 190px;
  display: inline-block;
}

.home-button-reverse:hover {
  cursor: pointer;
  background: #469edc;
  color: #fff;
  border: none;
}

.home-button-reverse:hover {
  border: none;
}

.find-out-more-button {
  margin: 0;
  padding: 10px 30px;
  min-width: 140px;
  font-size: 16px;
  line-height: 24px;
  font-family: 'latolight';
  text-align: center;
  background: none;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 2px;
  transition: background 0.3s ease;
  border: 1px solid #469edc;
  color: #469edc;
}

.find-out-more-button:hover {
  cursor: pointer;
  background: #469edc;
  color: #fff;
  border: none;
}

#equitise-raise-banner {
  background: url(../../images/equitise-raise-banner.png);
  min-height: 300px;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  letter-spacing: .5px;
  padding: 40px;
}

@media all and (max-width: 950px) {
  #equitise-raise-banner {
    flex-direction: column;
    padding: 40px;
  }
  #equitise-raise-banner .equitise-raise-banner-info {
    text-align: center;
  }
  #equitise-raise-banner .equitise-raise-banner-info h3 {
    text-align: center;
    line-height: 26px;
    margin-bottom: 10px;
  }
  #equitise-raise-banner .equitise-raise-banner-info span {
    text-align: center;
    line-height: initial;
  }
}

#equitise-raise-banner h3 {
  font-family: latoregular;
  font-size: 24px;
  line-height: 36px;
}

#equitise-raise-banner span {
  font-family: latolight;
  max-width: 600px;
}

#equitise-raise-banner button {
  margin: 10px;
  padding: 10px;
  min-width: 140px;
  font-size: 16px;
  font-family: 'latolight';
  background: #fff;
  border: 1px solid #fff;
  color: #469edc;
  border-radius: 2px;
  transition: background border 0.3s ease;
  width: 200px;
}

#equitise-raise-banner button:hover {
  background: #469edc;
  border: 1px solid #469edc;
  color: #fff;
  cursor: pointer;
}

#equitise-raise-banner .equitise-raise-banner-info {
  width: 100%;
  max-width: 650px;
  line-height: 24px;
  margin-bottom: 5px;
}

#equitise-raise-banner .clock-timer {
  max-width: 400px;
}

@media all and (max-width: 950px) {
  #equitise-raise-banner .clock-timer {
    text-align: center;
    margin: 0 auto;
  }
}

@media all and (max-width: 950px) {
  #equitise-raise-banner #wrapping-clock {
    text-align: center;
  }
}

#equitise-raise-banner #CountDownCanvas {
  width: 500px;
}

@media all and (max-width: 950px) {
  #equitise-raise-banner #CountDownCanvas {
    width: 350px;
    margin: 25px auto 0;
    display: block;
  }
}

@media all and (max-width: 650px) {
  #equitise-raise-banner #CountDownCanvas {
    width: 300px;
  }
}

@media all and (max-width: 570px) {
  #equitise-raise-banner #CountDownCanvas {
    width: 250px;
  }
}

#equitise-raise-banner .equitise-raise-form {
  display: flex;
  flex-direction: column;
  min-width: 150px;
}

@media all and (max-width: 950px) {
  #equitise-raise-banner .equitise-raise-form {
    margin: 40px;
  }
}

#equitise-raise-banner .equitise-raise-form input {
  height: 40px;
  width: 200px;
  margin: 10px;
  text-align: center;
  font-size: 16px;
  font-family: 'latolight';
  border-radius: 2px;
  border: 1px solid #fff;
  color: #5f5f5f;
}

/*---------------------------
      Mina CSS
-----------------------------*/
/* Homepage - Equity Crowdfunding */
.mn-video-container {
  text-align: center;
  border: 1px solid #dad6d6;
  position: relative;
}

.mn-video-container .img-play-botton {
  position: absolute;
  top: 33%;
  right: 45%;
  width: 120px;
  cursor: pointer;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-video-container .img-play-botton {
    right: 42%;
  }
}

@media all and (max-width: 736px) {
  .mn-video-container .img-play-botton {
    right: 43%;
    width: 42px;
  }
}

.mn-dollar-sign-banner {
  background-image: url(../../images/callout-bg-min.jpg);
  width: 100%;
  height: 380.5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0;
  padding-top: 94px;
  position: relative;
  align-items: center;
}

@media all and (max-width: 736px) {
  .mn-dollar-sign-banner {
    padding-top: 30px;
  }
}

.mn-dollar-sign-banner img {
  text-align: center;
  display: block;
  margin: auto;
  margin-bottom: 43px;
}

.mn-dollar-sign-banner .mn-invest-50dollar {
  font-family: latolight;
  font-size: 29.9px;
  text-align: center;
  color: #ffffff;
  margin-top: 43px;
  margin: auto;
  max-width: 564px;
  line-height: 40px;
}

@media all and (max-width: 736px) {
  .mn-dollar-sign-banner .mn-invest-50dollar {
    font-size: 20px;
    width: 80%;
  }
}

@media all and (max-width: 1200px) {
  .mn-dollar-sign-banner {
    background-image: url(../../images/home-callout-bg-min.jpg);
  }
}

.mn-case-study {
  background-image: url(../../images/case-study-bg-min.jpg);
  width: 100%;
  height: 602px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0;
  padding-top: 94px;
  position: relative;
  align-items: center;
  color: #fff;
  line-height: 10px;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-case-study {
    padding-top: 244px;
  }
}

@media all and (max-width: 736px) {
  .mn-case-study {
    padding-top: 203px;
  }
}

.mn-case-study .container {
  margin-left: 0;
  padding-left: 0;
}

@media all and (max-width: 736px) {
  .mn-case-study .container {
    padding-right: 0;
  }
}

.mn-case-study .container .mn-case-study-briefcase {
  margin-left: 252px;
  margin-bottom: 30px;
  font-size: 16px;
  color: #de518e;
  vertical-align: middle;
}

@media all and (max-width: 736px) {
  .mn-case-study .container .mn-case-study-briefcase {
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
  }
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-case-study .container .mn-case-study-briefcase {
    margin-left: 116px;
  }
}

.mn-case-study .container .mn-ceo-name {
  margin-left: 252px;
  margin-bottom: 10px;
  font-size: 20px;
}

@media all and (max-width: 736px) {
  .mn-case-study .container .mn-ceo-name {
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
  }
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-case-study .container .mn-ceo-name {
    margin-left: 116px;
  }
}

.mn-case-study .mn-case-study-pink {
  width: 654px;
  height: 67px;
  margin-top: 30px;
  margin-bottom: 60px;
  background-color: #de518e;
  padding-top: 15px;
}

@media all and (max-width: 736px) {
  .mn-case-study .mn-case-study-pink {
    width: 100%;
    padding-top: 20px;
  }
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-case-study .mn-case-study-pink {
    width: 511px;
  }
}

.mn-case-study .mn-case-study-pink .mn-raise {
  margin-left: 252px;
  font-size: 18px;
}

@media all and (max-width: 736px) {
  .mn-case-study .mn-case-study-pink .mn-raise {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    font-size: 15px;
  }
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-case-study .mn-case-study-pink .mn-raise {
    margin-left: 116px;
  }
}

.mn-case-study .mn-case-study-pink .mn-raise #mn-bg-num {
  font-size: 30px;
}

@media all and (max-width: 736px) {
  .mn-case-study .mn-case-study-pink .mn-raise #mn-bg-num {
    font-size: 25px;
  }
}

.mn-case-study .mn-case-study-pink .mn-customer-quote {
  margin-left: 252px;
  margin-top: 60px;
}

@media all and (max-width: 736px) {
  .mn-case-study .mn-case-study-pink .mn-customer-quote {
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
  }
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-case-study .mn-case-study-pink .mn-customer-quote {
    margin-left: 116px;
  }
}

@media all and (max-width: 736px) {
  .mn-case-study {
    background-image: url(../../images/home-case-study-bg-min.jpg);
  }
}

#awards {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #ebebeb;
}

@media all and (max-width: 736px) {
  #awards {
    display: none;
  }
}

#awards .awards-item h4, #awards .awards-item p {
  text-align: center;
  line-height: 24px;
}

#awards .awards-item .img-wrap {
  min-height: 40px;
  position: relative;
  margin-top: 60px;
  margin-bottom: 20px;
  cursor: pointer;
}

#awards .awards-item img {
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 300px;
}

#awards .awards-item h4 {
  font-size: 1.4rem;
  line-height: 2.1rem;
  font-weight: 700;
}

#brands {
  padding-top: 60px;
  padding-bottom: 100px;
  background-color: #fff;
}

@media all and (max-width: 992px) {
  #brands {
    padding-bottom: 60px;
  }
}

#brands .mn-brands-content {
  margin-top: 94px;
  margin-bottom: 121px;
}

@media all and (max-width: 992px) {
  #brands .mn-brands-content {
    margin-bottom: 30px;
  }
}

#brands img {
  vertical-align: middle;
  height: auto;
  width: auto;
  margin: 0 auto;
}

@media all and (max-width: 992px) {
  #brands img {
    max-width: 250px;
  }
}

.mn-home-blur-box-container {
  padding-left: 0;
  padding-right: 5px;
  background-color: white;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-home-blur-box-container {
    padding-right: 0;
  }
}

@media all and (max-width: 736px) {
  .mn-home-blur-box-container {
    padding-right: 0;
  }
}

.mn-home-pink-blur-box-container {
  padding-right: 0;
  background-color: white;
  padding-left: 5px;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-home-pink-blur-box-container {
    padding-left: 0;
  }
}

@media all and (max-width: 736px) {
  .mn-home-pink-blur-box-container {
    padding-left: 0;
  }
}

.mn-home-box-title-cont {
  width: 100%;
  height: 226px;
}

@media all and (max-width: 736px) {
  .mn-home-box-title-cont {
    height: 200px;
  }
}

.mn-home-box-title-cont .mn-home-box-title {
  font-size: 30px;
  text-align: center;
  font-family: latoregular;
}

@media all and (max-width: 736px) {
  .mn-home-box-title-cont .mn-home-box-title {
    font-size: 24px;
  }
}

.mn-home-box-title-cont .subtitle-white {
  color: white;
  font-size: 24px;
  font-family: latolight;
  max-width: 462px;
  margin: 40px auto;
  text-align: center;
  line-height: 27px;
}

@media all and (max-width: 736px) {
  .mn-home-box-title-cont .subtitle-white {
    font-size: 20px;
  }
}

.first-col {
  background-image: url(../../images/blue-blur.jpg);
  height: 500px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0;
  padding-top: 114px;
  position: relative;
  text-align: center;
  color: #fff;
}

@media all and (max-width: 736px) {
  .first-col {
    padding-top: 70px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.second-col {
  background-image: url(../../images/pink-blur.jpg);
  height: 500px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0;
  padding-top: 114px;
  position: relative;
  text-align: center;
  color: #fff;
}

@media all and (max-width: 736px) {
  .second-col {
    padding-top: 70px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.mn-home-white-center-btn {
  margin: auto;
  max-width: 253px;
  height: 55px;
  background-color: #fff;
  padding: 20px;
  color: #469edc;
  text-align: center;
  font-size: 15px;
  font-family: latoregular;
  margin-top: 40px;
  transition: .3s;
}

.mn-home-white-center-btn:hover {
  opacity: .8;
}

.home-btn-container-blur {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 736px) {
  .home-btn-container-blur {
    padding-left: 0;
  }
}

.home-btn-container-blur .mn-home-blue-btn-center {
  height: 55px;
  background-color: #ffffff;
  padding: 19px 35px;
  color: #469edc;
  margin-right: 20px;
  min-width: 253px;
  text-align: center;
  font-family: latoregular;
  transition: .3s;
}

@media all and (max-width: 500px) {
  .home-btn-container-blur .mn-home-blue-btn-center {
    margin-bottom: 20px;
    margin-right: 0;
  }
}

.home-btn-container-blur .mn-home-blue-btn-center:hover {
  opacity: .8;
}

.home-btn-container-blur .pink {
  color: #de518e;
}

.home-btn-container-blur .mn-home-border-white-btn-center {
  width: 253px;
  height: 55px;
  border: solid 2px #ffffff;
  padding: 16px 25px;
  color: #fff;
  text-align: center;
  font-family: latoregular;
  transition: 0.3s;
}

.home-btn-container-blur .mn-home-border-white-btn-center:hover {
  background-color: #469edc;
  border-style: solid;
  border-color: #469edc;
  border-width: 2px;
}

.home-btn-container-blur .mn-pink-hover {
  transition: 0.3s;
}

.home-btn-container-blur .mn-pink-hover:hover {
  background-color: #de518e;
  border-style: solid;
  border-color: #de518e;
  border-width: 2px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
#awards-mobile {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #ebebeb;
}

#awards-mobile .container {
  padding-right: 0;
  padding-left: 0;
}

#awards-mobile .carousel-inner {
  height: 250px;
}

#awards-mobile .carousel-control .glyphicon-chevron-right, #awards-mobile .carousel-control .icon-next {
  margin-right: 0 !important;
}

#awards-mobile .carousel-control .glyphicon-chevron-left, #awards-mobile .carousel-control .icon-prev {
  margin-left: 0 !important;
}

#awards-mobile .awards-item h4, #awards-mobile .awards-item p {
  text-align: center;
  line-height: 24px;
}

#awards-mobile .awards-item .img-wrap {
  min-height: 40px;
  position: relative;
  margin-top: 60px;
  margin-bottom: 20px;
}

@media all and (max-width: 400px) {
  #awards-mobile .awards-item .img-wrap {
    margin-top: 37px;
  }
}

#awards-mobile .awards-item img {
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 300px;
}

@media all and (max-width: 400px) {
  #awards-mobile .awards-item img {
    max-width: 270px;
  }
}

#awards-mobile .awards-item h4 {
  font-size: 1.4rem;
  line-height: 2.1rem;
  font-weight: 700;
}

@media screen and (min-width: 736px) {
  #awards-mobile {
    display: none;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
HOW TO INVEST
---------------------------------------------------------- */
#mn-how-to-invest-top-banner {
  background-image: url(../../images/how-to-invest-header-image.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: calc(100vh - 70px);
  position: relative;
  display: table;
  overflow: hidden;
}

@media all and (max-width: 768px) {
  #mn-how-to-invest-top-banner {
    height: 50%;
    padding: 50px 0;
  }
}

#mn-how-to-invest-top-banner .mn-hti-top-banner-content-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#mn-how-to-invest-top-banner .mn-hti-top-banner-content-container .mn-how-to-invest-title {
  font-size: 48px;
  font-family: latoregular;
  margin-bottom: 22px;
  text-align: center;
  padding-right: 15px;
  padding-left: 15px;
}

@media all and (max-width: 768px) {
  #mn-how-to-invest-top-banner .mn-hti-top-banner-content-container .mn-how-to-invest-title {
    font-size: 38px;
  }
}

@media all and (max-width: 600px) {
  #mn-how-to-invest-top-banner .mn-hti-top-banner-content-container .mn-how-to-invest-title {
    font-size: 32px;
  }
}

@media all and (max-width: 736px) {
  #mn-how-to-invest-top-banner {
    background-image: url(../../images/hti-bg-image-min.jpg);
  }
}

.mn-hti-gstart-title {
  font-family: latoregular;
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  color: #469edc;
  margin-bottom: 34px;
}

.mn-hti-gstart-subtitle {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 75px;
}

.mn-hti-flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.mn-hti-flex-container .mn-hti-tile {
  border-radius: 10px;
  padding: 30px 31px;
  width: 450px;
  height: 274px;
  margin-right: 10px;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-hti-flex-container .mn-hti-tile {
    margin-bottom: 30px;
    margin-right: 16px;
  }
}

@media all and (max-width: 736px) {
  .mn-hti-flex-container .mn-hti-tile {
    height: 100%;
    margin-bottom: 20px;
    margin-right: 0;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.mn-hti-flex-container .mn-hti-tile .mn-hti-gstart-sm-title {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 26px;
}

.mn-hti-flex-container .mn-hti-tile .mn-hti-gstart-sm-subtitle {
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  line-height: 24px;
}

.mn-hti-flex-container .mn-blue-border {
  border: solid 2px #469edc;
  margin-top: 10px;
}

.mn-hti-flex-container .mn-pink-border {
  border: solid 2px #de518e;
  margin-top: 10px;
}

.mn-hti-flex-container .mn-green-border {
  border: solid 2px #68cfad;
  margin-top: 10px;
}

.mn-hti-flex-container .mn-blue-title {
  color: #469edc;
}

.mn-hti-flex-container .mn-pink-title {
  color: #de518e;
}

.mn-hti-flex-container .mn-green-title {
  color: #68cfad;
}

.mn-hti-access-offers-container {
  background-image: url(../../images/hti-access-offer-min.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 60%;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 0px;
  left: 0px;
  display: table;
  z-index: -1;
}

.mn-hti-access-offers-container .mn-hti-access-offers-title-container {
  padding-top: 109px;
}

.mn-hti-access-offers-container .mn-hti-access-offers-title-container .mn-hti-access-offers-title {
  font-family: latoregular;
  font-size: 40px;
  text-align: center;
  color: #fff;
  margin-bottom: 33px;
}

.mn-hti-access-offers-container .mn-hti-access-offers-title-container .mn-hti-access-offers-subtitle {
  font-size: 24px;
  text-align: center;
  color: #fff;
  margin-bottom: 89px;
  max-width: 756px;
  margin-right: auto;
  margin-left: auto;
}

.mn-view-deals-container {
  padding-top: 114px;
  padding-bottom: 109px;
}

.mn-view-deals-container .mn-view-deals-title {
  font-family: Latoregular;
  font-size: 40px;
  text-align: center;
  color: #333;
  margin-bottom: 50px;
}

.mn-customer-story-background {
  background-image: url(../../images/customer-story-bg-min.jpg);
  width: 100%;
  height: 602px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0;
  padding-top: 164px;
  position: relative;
  align-items: center;
  color: #fff;
  line-height: 10px;
}

.mn-customer-story-background .mn-custome-story-container {
  max-width: 441px;
}

.mn-customer-story-background .mn-custome-story-container .mn-customer-story-quote {
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 29px;
}

@media all and (max-width: 500px) {
  .mn-customer-story-background .mn-custome-story-container .mn-customer-story-quote {
    text-align: center;
  }
}

@media all and (max-width: 500px) {
  .mn-customer-story-background .mn-hti-ceo-name {
    text-align: center;
  }
}

.mn-customer-story-background .mn-customer-story-speech-bubble {
  margin-bottom: 25px;
}

@media all and (max-width: 600px) {
  .mn-customer-story-background .mn-customer-story-speech-bubble {
    text-align: center;
  }
}

.mn-customer-story-background .mn-customer-story-speech-bubble .mn-speech-bubble-img {
  margin-right: 11px;
}

.mn-hti-single-tile {
  border: 1px solid #e1e1e1;
  max-width: 738px;
  padding: 20px;
  margin: auto;
}

@media all and (max-width: 1200px) {
  .mn-hti-single-tile {
    max-width: 357px;
  }
}

.mn-hti-list-container {
  margin-left: 20px;
}

@media all and (max-width: 400px) {
  .mn-hti-list-container {
    margin-left: 0;
  }
}

.mn-hti-list-container .mn-hti-list {
  font-size: 16px;
  line-height: 70px;
}

@media all and (max-width: 400px) {
  .mn-hti-list-container .mn-hti-list {
    font-size: 15px;
  }
}

.mn-hti-free-container {
  margin-top: 80px;
}

@media all and (max-width: 1200px) {
  .mn-hti-free-container {
    margin-top: 0;
  }
}

.mn-check-icon {
  margin-right: 19px;
}

.mn-hti-all-delas-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.mn-glyphicon-left {
  margin-left: 10px !important;
}

.mn-glyphicon-right {
  margin-right: 10px !important;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
Raise Funds
---------------------------------------------------------- */
#mn-raise-fund-top-banner {
  background-image: url(../../images/raise-funds-header.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: calc(100vh - 70px);
  position: relative;
  display: table;
  overflow: hidden;
}

@media all and (max-width: 768px) {
  #mn-raise-fund-top-banner {
    height: 50%;
    padding: 50px 0;
  }
}

#mn-raise-fund-top-banner .mn-raise-fund-banner-content-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#mn-raise-fund-top-banner .mn-raise-title {
  font-size: 48px;
  font-family: latoregular;
  margin-bottom: 22px;
  text-align: center;
  padding-right: 15px;
  padding-left: 15px;
}

@media all and (max-width: 768px) {
  #mn-raise-fund-top-banner .mn-raise-title {
    font-size: 38px;
  }
}

@media all and (max-width: 600px) {
  #mn-raise-fund-top-banner .mn-raise-title {
    font-size: 32px;
  }
}

#mn-raise-fund-top-banner .mn-raise-subtitle {
  font-size: 24px;
  font-family: latolight;
  max-width: 780px;
  margin-bottom: 40px;
  line-height: 30px;
  text-align: center;
  margin: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media all and (max-width: 768px) {
  #mn-raise-fund-top-banner .mn-raise-subtitle {
    font-size: 18px;
  }
}

.mn-sm-icon {
  width: 145px;
  height: 130px;
  margin-bottom: 39px;
  margin: auto;
  text-align: center;
}

@media all and (max-width: 1200px) {
  .mn-raise-case-study-cnt {
    margin-bottom: 80px;
  }
}

.mn-raise-case-study-cnt .mn-raise-case-study-img-cnt {
  text-align: center;
}

.mn-raise-case-study-cnt .mn-raise-case-study-img-cnt .mn-raise-case-study-img {
  width: 100%;
}

.mn-raise-case-study-content-cnt {
  margin-top: 25px;
}

.mn-raise-case-study-content-cnt .mn-raise-case-study-p-cnt {
  height: 195px;
}

@media all and (max-width: 736px) {
  .mn-raise-case-study-content-cnt .mn-raise-case-study-p-cnt {
    height: 250px;
  }
}

.mn-raise-case-study-content-cnt .mn-raise-case-study-p-cnt .mn-raise-case-study-p {
  font-size: 18px;
  text-align: center;
  line-height: 24px;
  font-family: latolight;
  margin-bottom: 45px;
}

.mn-raise-case-study-content-cnt .mn-raise-case-study-title {
  font-size: 18px;
  font-family: latoregular;
  text-align: center;
  margin-bottom: 24px;
}

.mn-raise-case-study-content-cnt .mn-raise-case-study-subtitle {
  font-size: 30px;
  font-family: latoregular;
  text-align: center;
  margin-bottom: 11px;
}

.mn-raise-case-study-content-cnt .mn-raise-case-study-sub-subtitle {
  font-size: 18px;
  text-align: center;
}

.mn-padding-top {
  padding-top: 14px;
}

.mn-fund-raise-case-study-ctn {
  padding-top: 52px;
}

.mn-timeline-cnt {
  background-image: url(../../images/timeline-bg.jpg);
  width: 100%;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  /* The actual timeline (the vertical ruler) */
  /* Container around content */
  /* Place the container to the left */
  /* Place the container to the right */
}

.timeline .timeline-round {
  border-radius: 100%;
  background: #469edc;
  padding: 26px 10px 24px 10px;
  width: 116px;
  height: 116px;
  margin: auto;
  z-index: 1;
  position: relative;
}

.timeline .timeline-round .back-round-img {
  display: block;
  margin: auto;
}

.timeline .timeline-container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
  margin-top: -90px;
  /* The actual content */
}

.timeline .timeline-container .content {
  padding: 25px 23px;
  background-color: white;
  position: relative;
  border-radius: 6px;
}

.timeline .timeline-container .content .timeline-heading {
  font-size: 20px;
  margin-bottom: 18px;
}

.timeline .timeline-container .content .timeline-body {
  font-size: 16px;
  line-height: 24px;
}

.timeline .mn-left {
  left: 0;
}

.timeline .mn-right {
  left: 50%;
  /* Add arrows to the right container (pointing left) */
}

/* Add arrows to the left container (pointing right) */
.mn-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

.mn-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.mn-right::after {
  left: -16px;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media all and (max-width: 600px) {
  .timeline {
    /* Full-width containers */
    /* Make all right containers behave like the left ones */
  }
  .timeline .timeline-container {
    width: 94%;
    padding-left: 70px;
    padding-right: 25px;
    margin-top: -81px;
    margin-left: 30px;
  }
  .timeline .timeline-container .content {
    padding: 16px;
  }
  .timeline .mn-right {
    left: 0%;
  }
  .timeline .timeline-round {
    margin: 0;
    padding: 20px 10px 24px 10px;
    width: 100px;
    height: 100px;
  }
  .timeline .text-right {
    text-align: left;
  }
  /* Make sure all circles are at the same spot */
  .mn-left::after, .mn-right::after {
    left: 15px;
  }
  /* Make sure that all arrows are pointing leftwards */
  .timeline-container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }
  /* Place the timelime to the left */
  .timeline::after {
    left: 49px;
  }
}

.mn-raise-fund-list {
  font-size: 16px;
  line-height: 70px;
}

.mn-raise-fund-p {
  font-size: 18px;
  line-height: 24px;
  max-width: 847px;
  margin: auto;
  padding-top: 40px;
}

.mn-raise-free-container {
  margin-top: 50px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
LOGIN & REGISTER PAGES
---------------------------------------------------------- */
/* Register page */
.reg-log-page-content {
  float: left;
  width: 100%;
  margin: 60px 0px 0px 0px;
  padding: 0px 400px 0px 0px;
  position: relative;
  /* Media queries */
}

@media all and (max-width: 885px) {
  .reg-log-page-content {
    padding: 0px;
  }
}

.reg-log-page-content .default-success-tooltip {
  padding: 10px 10px 10px 70px;
}

.reg-log-title {
  margin-top: 40px;
  font-family: 'latoregular';
  font-size: 22px;
  color: #7e7e7e;
  text-transform: uppercase;
  text-align: left;
}

.warning-desc {
  line-height: 1.7rem;
  margin-bottom: 20px;
}

.reg-log-subtitle {
  float: left;
  width: 100%;
  margin: 15px 0px 0px 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 14px;
  color: #7e7e7e;
  line-height: 18px;
}

.reg-log-subtitle > a {
  margin: 0px;
  padding: 0px;
  color: #469edc;
  text-decoration: none;
}

.reg-log-subtitle > a:hover {
  text-decoration: underline;
}

.reg-log-subtitle a {
  color: #7e7e7e;
  text-decoration: underline;
}

/* Register & Login Leftcol */
.reg-log-leftcol {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 20px;
  background-color: #ffffff;
  position: relative;
}

.reg-log-leftcol > div {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  position: relative;
}

.reg-log-leftcol > div .reg-log-column {
  float: left;
  width: 50%;
  margin: 0px;
  padding: 0px;
  position: relative;
  /* Media queries */
}

.reg-log-leftcol > div .reg-log-column:nth-child(1) {
  padding-right: 5px;
}

.reg-log-leftcol > div .reg-log-column:nth-child(2) {
  padding-left: 5px;
}

@media all and (max-width: 1220px) {
  .reg-log-leftcol > div .reg-log-column {
    width: 100%;
  }
  .reg-log-leftcol > div .reg-log-column:nth-child(1), .reg-log-leftcol > div .reg-log-column:nth-child(2) {
    padding: 0px;
  }
}

/* Register & Login leftcol ends here */
.forgot-password-form {
  position: absolute !important;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 20px !important;
  margin-top: 0px !important;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
}

.forgot-password-form > div {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

.forgot-password-form.fpf-visible {
  opacity: 1;
  visibility: visible;
}

.forgot-pass-link {
  float: left;
  margin: 33px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 12px;
  color: #9b9c9c;
  text-decoration: none;
}

.forgot-pass-link:hover {
  color: #469edc;
  text-decoration: underline;
}

/* Register & Login Rightcol */
.reg-log-rightcol {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  max-width: 380px;
  margin: 0px;
  padding: 20px;
  background-color: #ffffff;
}

@media all and (max-width: 885px) {
  .reg-log-rightcol {
    position: relative;
    float: left;
    top: auto;
    right: auto;
    max-width: 100%;
    margin-top: 30px;
  }
}

.reg-log-rightcol > div {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  position: relative;
}

.reg-log-rightcol > div > a {
  float: left;
  width: 100%;
  height: 46px;
  margin: 0px;
  padding: 13px 15px;
  transition: 0.3s;
  font-family: 'latolight';
  font-size: 17px;
  color: #ffffff;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: right 15px center;
}

.reg-log-rightcol > div > a.fb-login {
  background-color: #3b5998;
  background-image: url("../../images/fb-btn-icon.png");
}

.reg-log-rightcol > div > a.fb-login:hover {
  background-color: #4264aa;
}

.reg-log-rightcol > div > a.lin-login {
  background-color: #0077b5;
  background-image: url("../../images/linkedin-btn-icon.png");
}

.reg-log-rightcol > div > a.lin-login:hover {
  background-color: #0088cf;
}

.reg-log-rightcol > div > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 15px 0px;
  font-family: 'latoregular';
  font-size: 12px;
  color: #b2b2b2;
  text-align: center;
}

.reg-log-rightcol > div > span.rc-faq-question {
  font-family: 'latobold';
  font-size: 15px;
  color: #666666;
  text-align: left;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  line-height: 22px;
}

.reg-log-rightcol > div > span.rc-faq-question:first-of-type {
  margin-top: 0px;
}

.reg-log-rightcol > div .rc-faq-answer {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 14px;
  color: #666666;
  line-height: 18px;
}

/* ----------------------------------------------------------
LOGIN STEPS
---------------------------------------------------------- */
.login-steps-separator {
  float: left;
  width: 100%;
  text-align: center;
  font-family: 'latolight';
  font-size: 14px;
  color: #7e7e7e;
  margin: 20px 0px 0px 0px;
  position: relative;
}

.login-steps-separator:before {
  content: "";
  position: absolute;
  border-bottom: 1px solid #7e7e7e;
  top: 8px;
  left: 0px;
  width: 45%;
}

.login-steps-separator:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #7e7e7e;
  top: 8px;
  right: 0px;
  width: 45%;
}

.ls-main-container {
  text-align: center;
}

.login-steps-container {
  display: inline-block;
  max-width: 600px;
  width: 100%;
  margin: 70px 0px 0px 0px;
  padding: 25px;
  background-color: #ffffff;
}

.login-steps-buttons {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 0px;
}

.ls-button {
  float: left;
  width: 100%;
  height: 50px;
  margin: 0px 0px 10px 0px;
  position: relative;
  /* Login steps button */
  /* Login steps button helper */
}

.ls-button > a {
  float: left;
  width: 100%;
  height: 50px;
  margin: 0px;
  padding: 22px 10px 15px 60px;
  background-color: #6aa1c8;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'latobold';
  font-size: 14px;
  transition: 0.3s;
  background-position: 15px 10px;
  background-repeat: no-repeat;
}

.ls-button > a:hover {
  background-color: #7dadcf;
}

.ls-button > a:before {
  content: "";
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 9px;
  left: 59px;
  font-family: 'latolight';
  font-size: 11px;
  color: #ffffff;
  text-transform: none;
}

.ls-button > a.required:before {
  content: "Required";
}

.ls-button > a.optional:before {
  content: "Optional";
}

.ls-button > a.completed {
  background-color: #f3f5f6;
  color: #a7a7a7;
  background-position: 15px -60px;
}

.ls-button > a.completed:before {
  color: #a7a7a7;
}

.ls-button > a.completed ~ .ls-button-helper {
  border-color: #ffffff;
  text-indent: -99999px;
  background-image: url(../../images/login-steps-checkmark.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 10px;
  background-color: #aad155;
}

.ls-button > a.ls-validate-id {
  background-image: url(../../images/ls-validate-id-icon.png);
}

.ls-button > a.ls-investor-check {
  background-image: url(../../images/ls-investor-check.png);
}

.ls-button > a.ls-company-trust {
  background-image: url(../../images/ls-company-trust.png);
}

.ls-button .ls-button-helper {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 26px;
  height: 26px;
  border-radius: 16px;
  background-color: #ffffff;
  border-width: 3px;
  border-style: solid;
  border-color: #82b9e0;
  text-align: center;
  font-family: 'latoblack';
  font-size: 16px;
  color: #9a9a99;
  cursor: pointer;
  padding-top: 2px;
}

.ls-button-helper-tooltip {
  position: absolute;
  bottom: 55px;
  right: 12px;
  margin: 0px;
  padding: 5px 15px 7px;
  font-family: 'latolight';
  font-size: 12px;
  color: #ffffff;
  background-color: #484848;
  border-radius: 3px;
  max-width: 300px;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.ls-button-helper-tooltip:before {
  content: "";
  bottom: -6px;
  right: 10px;
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #484848;
  position: absolute;
}

.ls-button-helper:hover ~ .ls-button-helper-tooltip {
  bottom: 45px;
  opacity: 1;
  visibility: visible;
}

.ls-alternative-buttons {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 0px;
}

.ls-alternative-buttons > a {
  float: left;
  width: 100%;
  height: 50px;
  margin: 0px 0px 10px 0px;
  padding: 16px 15px;
  font-family: 'latobold';
  font-size: 14px;
  color: #ffffff;
  background-color: #aad155;
  text-align: right;
  text-transform: uppercase;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: 15px center;
}

.ls-alternative-buttons > a:hover {
  background-color: #b4d669;
}

.ls-alternative-buttons > a.ls-browse-offers {
  background-image: url(../../images/ls-browse-offer-icon.png);
}

.ls-alternative-buttons > a.ls-raise-capital {
  background-image: url(../../images/ls-raise-capital-icon.png);
  background-position: 15px 11px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
.mn-cor-title {
  margin: 0px;
  padding: 30px 0px 20px 0px;
  font-family: 'latolight';
  font-size: 26px;
  color: #7e7e7e;
  position: relative;
  text-transform: uppercase;
}

.mn-sm {
  font-size: 22px;
}

.mn-cor-p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
PROFILE SETTINGS
---------------------------------------------------------- */
.settings-container {
  float: left;
  width: 100%;
  margin: 40px 0px 0px 0px;
  padding: 0px 340px 0px 0px;
  position: relative;
}

.settings-container .settings-leftcol {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 20px;
  position: relative;
  background-color: #ffffff;
}

@media all and (max-width: 1023px) {
  .settings-container .settings-leftcol {
    margin-top: 30px;
  }
}

.settings-container .profile-settings-container {
  position: relative;
}

.settings-container .profile-settings-container .reg-log-title {
  float: none;
  display: block;
}

.settings-container .profile-settings-container .reg-log-subtitle {
  float: none;
  display: block;
}

.settings-container .settings-rightcol {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  max-width: 320px;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 1023px) {
  .settings-container .settings-rightcol {
    position: relative;
    top: auto;
    left: auto;
    max-width: 100%;
  }
}

@media all and (max-width: 1023px) {
  .settings-container {
    padding: 0px;
  }
}

.form-groups-wrapper {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  position: relative;
}

.selected-corporate-trustee {
  float: left;
  margin: 10px 0px 0px 0px;
}

.settings-form-group {
  float: left;
  width: 100%;
  min-height: 60px;
  margin: 10px 0px 0px 0px;
  padding: 0px 400px 0px 0px;
  position: relative;
  background-color: #f3f5f6;
  /* sfg field ends here */
}

.settings-form-group:first-of-type {
  margin-top: 0px;
}

.settings-form-group.radio-form-group {
  padding: 0px 160px 0px 0px;
}

@media all and (max-width: 580px) {
  .settings-form-group.radio-form-group {
    padding: 0px;
  }
}

.settings-form-group.radio-form-group .sfg-field {
  margin-top: 18px;
  max-width: 200px;
}

.settings-form-group .sfg-title {
  position: relative;
  float: left;
  width: 100%;
  margin: 0px;
  padding: 22px 15px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
}

@media all and (max-width: 580px) {
  .settings-form-group .sfg-title {
    padding: 10px;
  }
}

.settings-form-group .sfg-title-optional {
  font-family: "latoregular";
  font-style: italic;
}

.settings-form-group .sfg-field {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0px;
  padding: 0px 10px 0px 52px;
  width: 100%;
  max-width: 400px;
  /* sfg select field ends here */
  /* sfg file input ends here */
}

@media all and (max-width: 670px) {
  .settings-form-group .sfg-field {
    max-width: 320px;
  }
}

@media all and (max-width: 580px) {
  .settings-form-group .sfg-field {
    max-width: 100%;
    padding: 0px 10px 0px 62px;
    position: relative;
    float: left;
    top: auto;
    right: auto;
  }
}

.settings-form-group .sfg-field.prof-sett-industries {
  padding-top: 9px;
}

@media all and (max-width: 580px) {
  .settings-form-group .sfg-field.prof-sett-industries {
    padding-top: 0;
  }
}

.settings-form-group .sfg-field .sfg-input-field {
  float: left;
  width: 100%;
  height: 42px;
  margin: 9px 0px 0px 0px;
  padding: 0px 10px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
}

@media all and (max-width: 580px) {
  .settings-form-group .sfg-field .sfg-input-field {
    margin: 0px;
  }
}

.settings-form-group .sfg-field .sfg-select-field {
  float: left;
  width: 100%;
  height: 42px;
  margin: 9px 0px 0px 0px;
  padding: 0px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  position: relative;
  z-index: 1;
}

.settings-form-group .sfg-field .sfg-select-field:after {
  content: "";
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../../images/select-field-arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  z-index: 2;
}

.settings-form-group .sfg-field .sfg-select-field > select {
  float: left;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 0px 10px 1px;
  margin: 0px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border: 0px;
  position: relative;
  z-index: 3;
  background-color: transparent;
  cursor: pointer;
}

@media all and (max-width: 580px) {
  .settings-form-group .sfg-field .sfg-select-field {
    margin: 0px;
  }
}

.settings-form-group .sfg-field .sfg-file-field {
  float: left;
  width: 100%;
  height: 42px;
  margin: 9px 0px 0px 0px;
  padding: 0px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  position: relative;
  z-index: 1;
}

.settings-form-group .sfg-field .sfg-file-field:after {
  content: "";
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../../images/file-field-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  z-index: 2;
}

.settings-form-group .sfg-field .sfg-file-field > button.default-documents {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  background-color: #469edc;
  background-position: center center;
  background-image: url(../../images/cert-upload-btn-icon.png);
  background-repeat: no-repeat;
  border: 0px;
  transition: 0.3s;
}

.settings-form-group .sfg-field .sfg-file-field > button.legal-documents {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  background-color: #469edc;
  background-position: center center;
  background-image: url(../../images/cert-upload-btn-icon.png);
  background-repeat: no-repeat;
  border: 0px;
  transition: 0.3s;
}

.settings-form-group .sfg-field .sfg-file-field > input {
  float: left;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 0px 10px;
  margin: 0px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border: 0px;
  position: relative;
  z-index: 3;
  background-color: transparent;
  text-indent: -99999px;
  opacity: 0;
  cursor: pointer;
}

.settings-form-group .sfg-field .sfg-file-field > input:disabled {
  background-color: #ededed;
}

.settings-form-group .sfg-field .sfg-file-field > span {
  position: absolute;
  top: 12px;
  left: 0px;
  margin: 0px;
  padding: 0px 42px 3px 15px;
  width: 100%;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

@media all and (max-width: 580px) {
  .settings-form-group .sfg-field .sfg-file-field {
    margin: 0px;
  }
}

.settings-form-group .sfg-field .sfg-textarea-field {
  float: left;
  width: 100%;
  min-height: 160px;
  margin: 9px 0px 0px 0px;
  padding: 10px 10px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  resize: none;
}

@media all and (max-width: 580px) {
  .settings-form-group .sfg-field .sfg-textarea-field {
    margin: 0px;
  }
}

.settings-form-group .sfg-field-privacy {
  position: absolute;
  top: 9px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 42px;
  display: none;
  overflow: hidden;
}

.settings-form-group .sfg-field-privacy.visible {
  display: inline-block;
}

.settings-form-group .sfg-field-privacy.main-privacy-switch {
  top: auto;
  bottom: 9px;
  left: 10px;
}

@media all and (max-width: 580px) {
  .settings-form-group .sfg-field-privacy {
    top: 0px;
    left: 10px;
  }
}

.settings-form-group.multiple-fields {
  padding: 0px 0px 9px 0px;
}

.settings-form-group.multiple-fields .sfg-title {
  position: absolute;
  padding: 22px 410px 22px 15px;
}

@media all and (max-width: 580px) {
  .settings-form-group.multiple-fields .sfg-title {
    padding: 10px;
    float: left;
    width: 100%;
    margin: 0px;
    position: relative;
  }
}

.settings-form-group.multiple-fields .sfg-field {
  top: auto;
  right: auto;
  float: right;
  position: relative;
  clear: both;
}

@media all and (max-width: 580px) {
  .settings-form-group.multiple-fields .sfg-field {
    margin-top: 9px;
  }
}

@media all and (max-width: 580px) {
  .settings-form-group.multiple-fields .main-privacy-switch {
    left: auto;
    bottom: auto;
    top: 10px;
    right: 10px;
  }
}

@media all and (max-width: 580px) {
  .settings-form-group.address-multiple-fields .sfg-field {
    padding: 0px 10px;
  }
}

.settings-form-group.address-multiple-fields .sfg-field.first {
  margin-top: 28px;
}

.settings-form-group .profile-picture-preview {
  position: absolute;
  bottom: 9px;
  right: 10px;
  width: 164px;
  height: 164px;
  margin: 0px;
  padding: 0px;
}

.settings-form-group .profile-picture-preview > img {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 580px) {
  .settings-form-group .profile-picture-preview {
    display: inline-block;
    position: relative;
    bottom: auto;
    right: auto;
    margin: 10px 0px 0px 0px;
  }
}

@media all and (max-width: 670px) {
  .settings-form-group {
    padding: 0px 330px 0px 0px;
  }
}

@media all and (max-width: 580px) {
  .settings-form-group {
    padding: 0px 0px 10px 0px;
    text-align: center;
  }
}

/* Settings form group ends here */
.include-field-link {
  min-height: 80px;
}

.sfg-field {
  max-width: 160px;
  padding: 0px 25px 0px 10px;
  margin-top: 18px;
}

@media all and (max-width: 580px) {
  .sfg-field {
    margin-top: 0px;
    padding: 0px 25px 10px 10px;
  }
}

.is-sfg-field {
  float: left;
  margin-top: 4px;
  padding: 0px 0px 0px 25px;
}

.existed-file {
  font-size: 11px;
  color: #469edc;
  float: right;
  padding: 7px 0px;
}

.existed-file:hover {
  text-decoration: underline;
}

.cp-image-info {
  font-size: 11px;
  color: #469edc;
  padding: 7px 0px;
  display: block;
}

.cp-form-group-with-info {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px 10px 10px 0 !important;
}

.cp-form-group-with-info .cp-form-group-title {
  float: none;
  display: block;
  flex: 1 0 200px;
  margin-top: 12px;
  margin-left: 15px;
}

.cp-form-group-with-info .cp-fg-input-cont {
  position: relative;
  top: 0;
  left: 0;
  flex-basis: 280px;
  margin-left: 10px;
}

.cp-form-group-with-info .cp-fg-image-preview {
  background-position: top right;
  background-size: cover;
}

.cp-form-group-with-info .cp-fg-image-preview .cp-fg-ip-thumbnail-image {
  width: auto !important;
}

.cp-form-group-with-info .cp-fg-image-preview .cp-fg-ip-thumbnail-image img {
  max-height: 150px !important;
  height: 150px !important;
  width: auto !important;
  max-width: unset !important;
}

.cp-form-group-with-info .cp-fg-image-preview:hover .cp-fg-ip-thumbnail-image {
  opacity: 1 !important;
  visibility: visible !important;
}

@media all and (max-width: 580px) {
  .cp-form-group-with-info {
    display: block;
    padding-right: 10px;
  }
  .cp-form-group-with-info .cp-fg-input-cont {
    width: 100%;
    box-sizing: border-box;
  }
  .cp-form-group-with-info .cp-form-group-title {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 5px;
    margin-right: 10px;
  }
  .cp-form-group-with-info .cp-form-helper {
    right: 15px;
  }
  .cp-form-group-with-info .cp-fg-input-cont {
    padding-right: 15px !important;
  }
}

.cp-form-group-with-info .cp-fg-file-field {
  float: none !important;
}

.cp-form-group-with-info .cp-image-info {
  padding-top: 10px;
  display: block;
}

.settings-sidebar-navigation {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.settings-sidebar-navigation > ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  /* Navigation list items ends here */
}

.settings-sidebar-navigation > ul > li {
  float: left;
  width: 100%;
  height: 50px;
  margin: 0px;
  list-style: none;
  /* nth-child media queries - sidebar navigation links text adjustment */
}

.settings-sidebar-navigation > ul > li > a {
  float: left;
  width: 100%;
  height: 50px;
  margin: 0px;
  padding: 16px 15px 15px 15px;
  background-color: #ffffff;
  font-family: 'latoregular';
  font-size: 16px;
  color: #6f8899;
  text-align: right;
  transition: 0.3s;
  position: relative;
  border-style: solid;
  border-color: #f3f5f6;
  border-bottom-width: 1px;
}

.settings-sidebar-navigation > ul > li > a:hover, .settings-sidebar-navigation > ul > li > a.active {
  background-color: #e4ecf1;
}

.settings-sidebar-navigation > ul > li > a:hover:after, .settings-sidebar-navigation > ul > li > a.active:after {
  visibility: visible;
  opacity: 1;
  left: 15px;
}

.settings-sidebar-navigation > ul > li > a:after {
  content: "";
  position: absolute;
  top: 14px;
  left: 40px;
  background-image: url(../../images/settings-sidebar-nav-arrow.png);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
}

@media all and (max-width: 1023px) {
  .settings-sidebar-navigation > ul > li > a:after {
    content: none;
  }
}

@media all and (max-width: 1023px) {
  .settings-sidebar-navigation > ul > li > a {
    text-align: center;
    font-size: 14px;
    padding: 17px 15px 15px;
  }
}

@media all and (max-width: 610px) {
  .settings-sidebar-navigation > ul > li > a {
    padding: 17px 15px 15px !important;
  }
}

@media all and (max-width: 1023px) {
  .settings-sidebar-navigation > ul > li {
    width: 20%;
    border-style: solid;
    border-color: #f3f5f6;
    border-right-width: 1px;
  }
}

@media all and (max-width: 610px) {
  .settings-sidebar-navigation > ul > li {
    width: 50%;
  }
}

@media all and (max-width: 420px) {
  .settings-sidebar-navigation > ul > li {
    width: 100%;
  }
}

@media all and (max-width: 990px) {
  .settings-sidebar-navigation > ul > li:nth-child(3) > a {
    padding-top: 10px;
  }
}

@media all and (max-width: 818px) {
  .settings-sidebar-navigation > ul > li:nth-child(2) > a {
    padding-top: 10px;
  }
}

@media all and (max-width: 798px) {
  .settings-sidebar-navigation > ul > li:nth-child(5) > a {
    padding-top: 10px;
  }
}

@media all and (max-width: 747px) {
  .settings-sidebar-navigation > ul > li:nth-child(4) > a {
    padding-top: 10px;
  }
}

@media all and (max-width: 652px) {
  .settings-sidebar-navigation > ul > li:nth-child(1) > a {
    padding-top: 10px;
  }
}

/* Investment settings */
.investment-settings-wrapper {
  float: left;
  width: 100%;
  margin: 40px 0px 0px 0px;
  padding: 0px;
  /* Investment settings action buttons ends here */
}

.investment-settings-wrapper .is-action-buttons {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 18px;
  background-color: #f3f5f6;
  text-align: center;
  position: relative;
}

.investment-settings-wrapper .is-action-buttons .is-add-company-btn {
  float: left;
  width: 190px;
  height: 34px;
  margin: 0px;
  padding: 10px 10px;
  font-family: 'latoblack';
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #aad155;
  text-decoration: none;
  background-image: url(../../images/is-addcompany-btn-icon.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  transition: 0.3s;
}

@media all and (max-width: 690px) {
  .investment-settings-wrapper .is-action-buttons .is-add-company-btn {
    width: 100%;
    margin-bottom: 10px;
  }
}

.investment-settings-wrapper .is-action-buttons .is-add-company-btn:hover {
  background-color: #b4d669;
}

.investment-settings-wrapper .is-action-buttons .is-add-company-btn.investment-trust {
  display: inline-block;
  float: none;
}

.investment-settings-wrapper .is-action-buttons .is-add-company-btn.investment-smsf {
  float: right;
}

.investment-settings-wrapper .is-action-buttons .is-back-btn {
  display: none;
  float: left;
  width: 190px;
  height: 34px;
  margin: 0px;
  padding: 10px 10px;
  font-family: 'latoblack';
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #6f8899;
  text-decoration: none;
  background-image: url(../../images/is-back-btn-icon.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  transition: 0.3s;
}

.investment-settings-wrapper .is-action-buttons .is-back-btn:hover {
  background-color: #7e94a4;
}

@media all and (max-width: 690px) {
  .investment-settings-wrapper .is-action-buttons .is-back-btn {
    width: 34px;
    text-indent: -99999px;
    background-position: right 12px center;
  }
}

@media all and (max-width: 485px) {
  .investment-settings-wrapper .is-action-buttons .is-back-btn {
    margin-top: 20px;
    text-indent: 0;
    width: 190px;
  }
}

.investment-settings-wrapper .is-action-buttons .is-checkbox-group {
  display: none;
  float: right;
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 18px;
}

@media all and (max-width: 485px) {
  .investment-settings-wrapper .is-action-buttons .is-checkbox-group {
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
  }
}

.investment-settings-wrapper .is-action-buttons .is-checkbox-group > .default-checkbox-label {
  float: none;
  display: inline-block;
  padding: 0px 10px 0px 0px;
}

.investment-settings-wrapper .is-action-buttons .is-checkbox-group > .is-sfg-field {
  float: none;
  display: inline-block;
  padding: 0px 0px 0px 10px;
}

.investment-settings-wrapper .is-newcompany-form {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  position: relative;
  display: none;
}

.is-table-container {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 0px;
}

a.invite-team-user {
  color: #469edc;
}

a.invite-team-user:visited {
  color: #469edc;
}

.is-company-members-wrapper {
  float: left;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px;
  position: relative;
}

.is-company-members-wrapper.create-corporate-synd {
  margin: 0;
}

.is-company-members-wrapper .is-cm-tabs-content {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.is-company-members-wrapper .is-cm-tabs-content .is-cd-cont {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.is-company-members-wrapper .is-cm-tabs-content .is-cs-cont {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: none;
}

.is-company-members-wrapper .is-cm-tabs-content .is-ci-cont {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: none;
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  position: relative;
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks > p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block {
  float: left;
  width: 50%;
  margin: 0px;
  padding: 20px 0px 0px 0px;
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block:nth-child(2n+1) {
  padding: 20px 10px 0px 0px;
}

@media all and (max-width: 768px) {
  .is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block:nth-child(2n+1) {
    padding: 20px 0px 0px 0px;
  }
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block:nth-child(2n+2) {
  padding: 20px 0px 0px 10px;
}

@media all and (max-width: 768px) {
  .is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block:nth-child(2n+2) {
    padding: 20px 0px 0px 0px;
  }
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block:nth-child(-n+2) {
  padding-top: 0px;
}

@media all and (max-width: 768px) {
  .is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block:nth-child(-n+2) {
    padding: 20px 0px 0px 0px;
  }
}

@media all and (max-width: 768px) {
  .is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block {
    width: 100%;
  }
  .is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block:first-of-type {
    padding-top: 0px;
  }
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block > div {
  float: left;
  width: 100%;
  min-height: 90px;
  margin: 0px;
  padding: 0px 0px 0px 95px;
  position: relative;
  background-color: #f3f5f6;
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block > div > img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 90px;
  height: 90px;
  margin: 0px;
  padding: 0px;
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block > div > div {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 10px 0px;
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block > div > div > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 25px 0px 10px;
  font-family: 'latobold';
  font-size: 15px;
  color: #7e7e7e;
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block > div > div > span.member-position-title {
  font-family: 'latoregular';
  margin-top: 5px;
  font-size: 12px;
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block > div > div > a {
  background-image: url("../../images/blue-button-arrow.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  border-style: solid;
  border-color: #469edc;
  border-width: 1px;
  color: #469edc;
  float: left;
  font-family: "latoblack";
  font-size: 11px;
  margin: 12px 0 0 10px;
  min-height: 26px;
  padding: 6px 35px 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s;
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block > div > div > a:hover {
  background-position: right 7px center;
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block > div > div a.see-profile-button {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 10px;
  margin-right: 10px;
}

.is-company-members-wrapper .is-cm-tabs-content .is-members-blocks .is-member-block > div .is-member-block-remove {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: 0px;
  padding: 0px;
  background-image: url(../../images/is-cm-remove-icon.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  top: 5px;
  right: 5px;
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  position: relative;
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks > p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block {
  float: left;
  width: 50%;
  margin: 0px;
  padding: 20px 0px 0px 0px;
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block:nth-child(2n+1) {
  padding: 20px 10px 0px 0px;
}

@media all and (max-width: 768px) {
  .is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block:nth-child(2n+1) {
    padding: 20px 0px 0px 0px;
  }
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block:nth-child(2n+2) {
  padding: 20px 0px 0px 10px;
}

@media all and (max-width: 768px) {
  .is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block:nth-child(2n+2) {
    padding: 20px 0px 0px 0px;
  }
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block:nth-child(-n+2) {
  padding-top: 0px;
}

@media all and (max-width: 768px) {
  .is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block:nth-child(-n+2) {
    padding: 20px 0px 0px 0px;
  }
}

@media all and (max-width: 768px) {
  .is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block {
    width: 100%;
  }
  .is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block:first-of-type {
    padding-top: 0px;
  }
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block > div {
  float: left;
  width: 100%;
  min-height: 75px;
  margin: 0px;
  padding: 0px 0px 0px 80px;
  position: relative;
  background-color: #f3f5f6;
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block > div > img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 75px;
  height: 75px;
  margin: 0px;
  padding: 0px;
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block > div > div {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 10px 0px 0px 0px;
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block > div > div > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 25px 0px 10px;
  font-family: 'latobold';
  font-size: 15px;
  color: #7e7e7e;
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block > div > div > a {
  background-image: url("../../images/blue-button-arrow.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  border-style: solid;
  border-color: #469edc;
  border-width: 1px;
  color: #469edc;
  float: right;
  font-family: "latoblack";
  font-size: 11px;
  margin: 0 10px 10px 0;
  min-height: 26px;
  padding: 6px 35px 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s;
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block > div > div > a:hover {
  background-position: right 7px center;
}

.is-company-members-wrapper .is-cm-tabs-content .is-company-blocks .is-company-block > div .company-type {
  font-family: 'latoregular';
}

.is-company-members-wrapper .is-cm-tabs-content .is-addnew-user {
  display: inline-block;
  width: 100%;
  max-width: 500px;
  margin: 20px 0;
}

.is-company-members-wrapper .is-cm-tabs-content .is-addnew-user > span {
  width: 100%;
  margin: 20px 0;
  font-family: 'latolight';
  font-size: 14px;
  color: #7e7e7e;
  text-align: center;
  line-height: 150%;
}

.is-company-members-wrapper .is-cm-tabs-content .is-addnew-user > .is-cm-filegroup {
  padding-right: 0;
}

.is-company-members-wrapper .is-cm-tabs-content .is-addnew-user > .is-cm-filegroup .invited_email {
  margin-top: 0;
  float: none;
}

.is-company-members-wrapper .is-cm-tabs-content .is-addnew-user > .is-cm-filegroup .sfg-field button {
  top: 10px;
}

.is-company-members-wrapper .is-cm-tabs-content .is-addnew-user .remove-block-for-invite {
  top: 25px !important;
  right: -20px !important;
}

@media all and (max-width: 480px) {
  .is-company-members-wrapper .is-cm-tabs-content .is-addnew-user .remove-block-for-invite {
    top: 5px !important;
    right: 5px !important;
  }
}

.is-company-members-wrapper .remove-block-for-invite {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: 0px;
  padding: 0px;
  background-image: url(../../images/is-cm-remove-icon.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  top: 5px;
  right: 5px;
}

/* Certificate tabs container ends here */
.is-cm-tabs {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.is-cm-tabs.two-tabs > li {
  width: 50%;
}

.is-cm-tabs.three-tabs > li {
  width: 33.3%;
}

.is-cm-tabs.four-tabs > li {
  width: 25%;
}

.is-cm-tabs.five-tabs > li {
  width: 20%;
}

.is-cm-tabs.blue > li {
  border-color: #ffffff;
}

.is-cm-tabs.blue > li > a:hover, .is-cm-tabs.blue > li > a.active {
  background-color: #469edc;
}

.is-cm-tabs > li {
  float: left;
  width: 50%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-style: solid;
  border-color: #ffffff;
  border-right-width: 1px;
}

.is-cm-tabs > li:last-of-type {
  border: 0px;
}

@media all and (max-width: 420px) {
  .is-cm-tabs > li {
    width: 100%;
    border-right: 0px;
    border-style: solid;
    border-color: #7c8b97;
    border-bottom-width: 1px;
  }
}

.is-cm-tabs > li > a {
  float: left;
  width: 100%;
  height: 35px;
  margin: 0px;
  padding: 9px 0px;
  text-decoration: none;
  font-family: 'latobold';
  font-size: 14px;
  color: #ffffff;
  background-color: #8f9ea9;
  text-align: center;
  transition: 0.3s;
}

.is-cm-tabs > li > a:hover, .is-cm-tabs > li > a.active {
  background-color: #469edc;
}

/* Certificates tabs UL ends here */
.is-cm-filegroup .sfg-field {
  padding: 9px 60px 0px 10px;
}

.is-cm-filegroup .sfg-field button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  background-color: #469edc;
  background-position: center center;
  background-image: url(../../images/cert-upload-btn-icon.png);
  background-repeat: no-repeat;
  border: 0px;
  transition: 0.3s;
}

.is-cm-filegroup .sfg-field button:hover {
  background-color: #5ba9e0;
}

@media all and (max-width: 580px) {
  .is-cm-filegroup .sfg-field button.mob-position-fix {
    top: auto;
    bottom: 1px;
  }
}

@media all and (max-width: 580px) {
  .is-cm-filegroup .sfg-field button.add-company.mob-position-fix {
    top: auto;
    bottom: 0px;
  }
}

input[type=checkbox].sfg-privacy-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type=checkbox].sfg-privacy-checkbox + label.sfg-privacy-checkbox-label {
  padding-left: 42px;
  height: 42px;
  display: inline-block;
  line-height: 42px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 42px;
  vertical-align: middle;
  cursor: pointer;
}

input[type=checkbox].sfg-privacy-checkbox:checked + label.sfg-privacy-checkbox-label {
  background-position: 0 -42px;
}

label.sfg-privacy-checkbox-label {
  background-image: url(../../images/sfg-privacy-checkbox.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-indent: -9999px;
}

.total-investments {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  color: #ffffff;
  background-color: #8f9ea9;
  margin-bottom: 20px;
  padding: 11px 15px;
}

.total-investments p {
  font-family: 'latoregular';
  font-size: 16px;
}

.identity-align-btn {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.confirm-btn-cnt {
  padding: 10px 20px;
  margin-right: 10px;
}

.update-detail-btn {
  padding: 9px 20px;
  color: #469edc;
}

.update-detail-btn:hover {
  background-color: #469edc;
  transition: 0.3s;
  color: #fff;
}

/* ----------------------------------------------------------
IDENTITY VALIDATION SETTINGS
---------------------------------------------------------- */
.iv-date-fields {
  float: left !important;
  width: 29.8% !important;
}

@media all and (max-width: 670px) {
  .iv-date-fields {
    width: 28.7% !important;
  }
}

.iv-date-separator {
  float: left;
  font-size: 18px;
  padding: 21px 5px;
  color: #bcbcbc;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
USER PROFILE PAGE
---------------------------------------------------------- */
.user-profile-maincont {
  float: left;
  width: 100%;
  margin: 40px 0px 0px 0px;
  padding: 0px 340px 0px 0px;
  position: relative;
  /* User profile leftcol ends here */
}

@media all and (max-width: 960px) {
  .user-profile-maincont {
    padding: 0px;
  }
}

.user-profile-maincont .up-leftcol {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  /* User profile top section ends here */
  /* User porfile tabs container ends here */
}

.user-profile-maincont .up-leftcol .up-top-section {
  position: relative;
  min-height: 300px;
  padding: 30px 30px 30px 300px;
  background-color: #ffffff;
}

.user-profile-maincont .up-leftcol .up-top-section .up-badges {
  position: absolute;
  top: -30px;
  left: 30px;
  margin: 0px;
  padding: 0px;
}

.user-profile-maincont .up-leftcol .up-top-section .up-badges > li {
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.user-profile-maincont .up-leftcol .up-top-section .up-badges > li > span {
  float: left;
  width: 38px;
  height: 30px;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: none;
}

.user-profile-maincont .up-leftcol .up-top-section .up-badges > li > span.visible {
  display: inline-block;
}

.user-profile-maincont .up-leftcol .up-top-section .up-badges > li > span.up-sophisticated-badge {
  background-image: url(../../images/up-star-badge.png);
}

.user-profile-maincont .up-leftcol .up-top-section .up-badges > li > span.up-syndicated-badge {
  background-image: url(../../images/up-syndicate-badge.png);
}

.user-profile-maincont .up-leftcol .up-top-section > .left {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 240px;
  min-height: 240px;
}

.user-profile-maincont .up-leftcol .up-top-section > .left > img {
  width: 155px;
  height: 155px;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 600px) {
  .user-profile-maincont .up-leftcol .up-top-section > .left > img {
    float: none;
  }
}

.user-profile-maincont .up-leftcol .up-top-section > .left > div {
  bottom: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
  width: 100%;
}

@media all and (max-width: 600px) {
  .user-profile-maincont .up-leftcol .up-top-section > .left > div {
    position: relative;
    float: left;
    left: auto;
    bottom: auto;
    margin: 20px 0px 0px 0px;
    padding: 0px;
  }
}

.user-profile-maincont .up-leftcol .up-top-section > .left > div .up-social-links {
  float: left;
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  text-align: center;
}

.user-profile-maincont .up-leftcol .up-top-section > .left > div .up-social-links > a {
  float: left;
  width: 20px;
  height: 20px;
  margin: 0px 7px 0px 0px;
  padding: 0px;
  transition: 0.3s;
}

.user-profile-maincont .up-leftcol .up-top-section > .left > div .up-social-links > a:hover {
  opacity: 0.7;
}

.user-profile-maincont .up-leftcol .up-top-section > .left > div .up-social-links > a > img {
  float: left;
  width: 20px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 600px) {
  .user-profile-maincont .up-leftcol .up-top-section > .left > div .up-social-links > a {
    display: inline-block;
    float: none;
  }
  .user-profile-maincont .up-leftcol .up-top-section > .left > div .up-social-links > a:last-of-type {
    margin: 0px;
  }
}

.user-profile-maincont .up-leftcol .up-top-section > .left > div .user-profile-name {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoblack';
  font-size: 22px;
  color: #7e7e7e;
}

@media all and (max-width: 600px) {
  .user-profile-maincont .up-leftcol .up-top-section > .left > div .user-profile-name {
    text-align: center;
  }
}

.user-profile-maincont .up-leftcol .up-top-section > .left > div .user-profile-title {
  float: left;
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #b3b3b3;
  line-height: 1.4em;
}

@media all and (max-width: 600px) {
  .user-profile-maincont .up-leftcol .up-top-section > .left > div .user-profile-title {
    text-align: center;
  }
}

.user-profile-maincont .up-leftcol .up-top-section > .right {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 240px;
  text-align: right;
  margin-top: 30px;
}

.user-profile-maincont .up-leftcol .up-top-section > .right .up-detail-text {
  margin: 15px 0px 0px 0px;
  padding: 0px;
  text-align: inherit;
}

.user-profile-maincont .up-leftcol .up-top-section > .right .up-detail-text:first-of-type {
  margin-top: 0px;
}

.user-profile-maincont .up-leftcol .up-top-section > .right .up-detail-text.up-contact-details {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

@media all and (max-width: 600px) {
  .user-profile-maincont .up-leftcol .up-top-section > .right .up-detail-text.up-contact-details {
    position: relative;
    bottom: auto;
    right: auto;
    margin: 20px 0px 0px 0px;
  }
}

.user-profile-maincont .up-leftcol .up-top-section > .right .up-detail-text > span {
  margin: 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 13px;
  color: #b3b3b3;
}

.user-profile-maincont .up-leftcol .up-top-section > .right .up-detail-text > p {
  margin: 5px 0px 0px 0px;
  padding: 0px;
  font-family: 'latobold';
  font-size: 15px;
  color: #7e7e7e;
  line-height: 18px;
  text-align: inherit;
}

@media all and (max-width: 600px) {
  .user-profile-maincont .up-leftcol .up-top-section > .right .up-detail-text:first-of-type {
    margin-top: 20px;
  }
  .user-profile-maincont .up-leftcol .up-top-section > .right .up-detail-text > span {
    text-align: center;
  }
  .user-profile-maincont .up-leftcol .up-top-section > .right .up-detail-text > p {
    text-align: center;
  }
}

.user-profile-maincont .up-leftcol .up-top-section .up-edit-profile-btn {
  position: absolute;
  top: 30px;
  right: 30px;
  padding: 5px 10px 4px 10px;
  text-decoration: none;
  font-family: 'latobold';
  font-size: 12px;
  color: #ffffff;
  background-color: #8F9EA9;
  z-index: 1;
  transition: 0.3s;
}

.user-profile-maincont .up-leftcol .up-top-section .up-edit-profile-btn:hover {
  background-color: #469edc;
}

.user-profile-maincont .up-leftcol .up-top-section .up-edit-profile-btn span {
  font-family: inherit;
}

@media all and (max-width: 600px) {
  .user-profile-maincont .up-leftcol .up-top-section {
    padding: 30px;
  }
  .user-profile-maincont .up-leftcol .up-top-section > .left {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 220px;
    text-align: center;
  }
  .user-profile-maincont .up-leftcol .up-top-section > .left > img {
    display: inline-block;
    width: 164px;
    height: 164px;
    margin: 0px;
    padding: 0px;
  }
  .user-profile-maincont .up-leftcol .up-top-section > .right {
    width: 100%;
    min-height: 220px;
    text-align: center;
    margin-top: 0;
  }
  .user-profile-maincont .up-leftcol .up-top-section .up-edit-profile-btn {
    top: 8px;
    right: 8px;
    background: transparent;
    color: #0077B5;
    text-decoration: underline;
    font-size: 14px;
  }
  .user-profile-maincont .up-leftcol .up-top-section .up-edit-profile-btn .hide-on-small {
    display: none;
  }
  .user-profile-maincont .up-leftcol .up-top-section .up-edit-profile-btn:hover {
    background-color: inherit;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  /* User profile tabs ends here */
  /* User profile tabs content ends here */
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 15px 0px 0px 0px;
  padding: 0px;
  position: relative;
}

@media all and (max-width: 600px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs {
    background-color: #8f9ea9;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs > li {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-style: solid;
  border-color: #ffffff;
  border-right-width: 1px;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs > li:last-of-type {
  border: 0px;
}

@media all and (max-width: 600px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs > li {
    width: 50%;
    border-style: solid;
    border-color: #ffffff;
    border-bottom-width: 1px;
  }
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs > li:last-of-type {
    border-style: solid;
    border-color: #ffffff;
    border-right-width: 1px;
    border-style: solid;
    border-color: #7c8b97;
    border-bottom-width: 1px;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs > li > a {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 0px;
  padding: 11px 0px 0px 0px;
  text-decoration: none;
  font-family: 'latobold';
  font-size: 15px;
  color: #ffffff;
  background-color: #8f9ea9;
  text-align: center;
  transition: 0.3s;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs > li > a:hover, .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs > li > a.active {
  background-color: #469edc;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs > li > a.inv-team-link {
  padding: 0 5px;
  display: table;
  height: 40px;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs > li > a.inv-team-link span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-family: 'latobold';
  font-size: 15px;
  color: #ffffff;
}

@media all and (max-width: 580px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs > li > a.inv-team-link span {
    font-size: 12px;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs > li > a.inv-team-link:hover, .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs > li > a.inv-team-link.active {
  background-color: #469edc;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs.three-tabs > li {
  width: 33.3%;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs.four-tabs > li {
  width: 25%;
}

@media all and (max-width: 600px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs.four-tabs > li {
    border-style: solid;
    border-color: #ffffff;
    border-bottom-width: 0px;
  }
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs.four-tabs > li:last-of-type {
    border-style: solid;
    border-color: #7c8b97;
    border-bottom-width: 0px;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs.four-tabs > li a {
  padding: 0 5px;
  display: table;
  height: 40px;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs.four-tabs > li a span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-family: 'latoregular';
  font-size: 15px;
  color: #ffffff;
}

@media all and (max-width: 580px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs.four-tabs > li a span {
    font-size: 12px;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs.four-tabs > li a:hover, .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs.four-tabs > li a.active {
  background-color: #469edc;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs.five-tabs > li {
  width: 20%;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs.six-tabs > li {
  width: 16.66%;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 15px 20px;
  background-color: #ffffff;
  /* User profile BIO tab ends here */
  /* Single capital raisings block ends here */
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-bio-content {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0;
  position: relative;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-bio-content .up-bio-maintext {
  width: 100%;
  padding: 0px;
  color: #7e7e7e;
  font-family: "latolight";
  font-size: 16px;
  line-height: 24px;
  white-space: pre-wrap;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-bio-content .up-bio-maintext:empty:after {
  display: inline-block;
  content: "This investor has not yet entered a biography.";
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .no-show {
  display: none;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-cr-content {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-cr-content .formatting-container {
  margin: 15px 0;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-cr-content .up-bio-maintext {
  color: #7e7e7e;
  font-family: "latolight";
  font-size: 16px;
  line-height: 24px;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-fo-content {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  padding: 5px 0px 5px 0px;
  position: relative;
  display: none;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-synd-content {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  padding: 5px 0px 5px 0px;
  position: relative;
  display: none;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-synd-content.my-profile .actions {
  text-align: right;
  margin: 0 0 8px 0;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-synd-content.my-profile .synd-link,
.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-synd-content.my-profile .learn-link {
  display: inline-block;
  margin: 4px;
  padding: 7px 35px 5px 10px;
  min-height: 26px;
  font-family: 'latoblack';
  font-size: 11px;
  text-transform: uppercase;
  color: #469edc;
  text-decoration: none;
  background-image: url("../../images/blue-button-arrow.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-style: solid;
  border-color: #469edc;
  border-width: 1px;
  transition: 0.3s;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-synd-content.my-profile .synd-link:hover,
.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-synd-content.my-profile .learn-link:hover {
  background-position: right 7px center;
}

@media all and (max-width: 538px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-synd-content.my-profile .synd-link,
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-synd-content.my-profile .learn-link {
    padding-right: 22px;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-synd-content > p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
  line-height: 18px;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-synd-content > p > a {
  color: #469edc;
  text-decoration: none;
  font-family: 'latoregular';
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-synd-content > p > a:hover {
  text-decoration: underline;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-cert-content {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  padding: 5px 0px 5px 0px;
  position: relative;
  display: none;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-cert-content > p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
  line-height: 18px;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-cert-content > p > a {
  color: #469edc;
  text-decoration: none;
  font-family: 'latoregular';
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-cert-content > p > a:hover {
  text-decoration: underline;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .up-cert-content > p > span {
  color: #469edc;
  font-family: 'latoregular';
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block {
  min-height: 135px;
  height: 100%;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 150px;
  position: relative;
  background-color: #f3f5f6;
}

@media all and (max-width: 560px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block {
    padding: 0px 0px 0px 115px;
  }
}

@media all and (max-width: 480px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block {
    padding: 120px 0 0 0;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 135px;
  height: 135px;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 560px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > img {
    top: 10px;
    left: 10px;
    width: 110px;
    height: 110px;
  }
}

@media all and (max-width: 480px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > img {
    left: 50%;
    margin-left: -55px;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block .cr-unfollow {
  position: absolute;
  top: 0px;
  right: 20px;
  height: 19px;
  font-family: 'latoregular';
  font-size: 11px;
  color: #ffffff;
  margin: 0px;
  padding: 3px 10px;
  background-color: #e3546f;
  transition: 0.3s;
  z-index: 5;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block .cr-unfollow:hover {
  background-color: #e76a81;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block .up-cr-role {
  position: absolute;
  top: 0px;
  right: 20px;
  height: 19px;
  font-family: 'latoregular';
  font-size: 11px;
  color: #ffffff;
  margin: 0px;
  padding: 3px 10px;
  background-color: #8f9ea9;
  z-index: 5;
  cursor: default;
}

@media all and (max-width: 620px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div {
    padding-bottom: 60px !important;
  }
}

@media all and (max-width: 480px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div {
    padding: 10px !important;
    min-height: 110px;
    text-align: center;
  }
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div > p {
    display: block !important;
    text-align: center;
    float: none;
    clear: both;
    font-size: 16px !important;
  }
}

@media all and (max-width: 490px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div {
    padding: 20px 15px;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div > span {
  width: 100%;
  margin: 0px;
  padding: 0px 70px 0px 0px;
  font-family: 'latoblack';
  font-size: 19px;
  color: #7e7e7e;
}

@media all and (max-width: 620px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div > span {
    padding: 0;
  }
}

@media all and (max-width: 480px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div > span {
    font-size: 16px;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div > p {
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 13px;
  color: #7e7e7e;
  line-height: 18px;
  white-space: pre-wrap;
}

@media all and (max-width: 620px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div > p {
    min-height: 105px;
  }
}

@media all and (max-width: 560px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div > p {
    min-height: 72px;
  }
}

@media all and (max-width: 480px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div > p {
    min-height: auto;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div .cr-project-invested {
  position: absolute;
  bottom: 15px;
  left: 15px;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  color: #333333;
  position: relative;
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  left: auto;
  bottom: auto;
}

@media all and (max-width: 480px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div .cr-project-invested {
    text-align: center;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div > span {
  float: left;
  margin: 0px;
  padding: 0px;
  font-family: 'latoblack';
  font-size: 14px;
  color: #7e7e7e;
  clear: both;
}

@media all and (max-width: 620px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div > span {
    font-size: 18px;
    font-family: "latobold";
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div > p {
  float: left;
  margin: 3px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 12px;
  color: #7e7e7e;
  clear: both;
}

@media all and (max-width: 620px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div span,
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block > div p {
    float: none;
    display: inline;
    padding: 0 0px 0 0;
    margin: 0;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block .single-cr-fo-buttons {
  position: absolute;
  bottom: 15px;
  right: 0px;
  margin: 0px;
  padding: 0px 15px;
  margin: 0px;
}

@media all and (max-width: 480px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block .single-cr-fo-buttons {
    margin: 0;
    width: 100%;
    text-align: center;
  }
}

@media all and (max-width: 490px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block .single-cr-fo-buttons {
    position: relative;
    bottom: auto;
    right: auto;
    margin: 15px 0px 5px 0;
    padding: 0px;
  }
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block .single-cr-fo-buttons > a {
  display: inline-block;
  margin: 0px 0px 0px 10px;
  padding: 7px 35px 5px 10px;
  min-height: 26px;
  font-family: 'latoblack';
  font-size: 11px;
  text-transform: uppercase;
  color: #469edc;
  text-decoration: none;
  background-image: url("../../images/blue-button-arrow.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-style: solid;
  border-color: #469edc;
  border-width: 1px;
  transition: 0.3s;
}

.user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block .single-cr-fo-buttons > a:hover {
  background-position: right 7px center;
}

@media all and (max-width: 620px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block .single-cr-fo-buttons > a {
    margin: 0px 10px 0px 0px;
  }
}

@media all and (max-width: 490px) {
  .user-profile-maincont .up-leftcol .up-tabs-cont .up-tabs-content .single-cr-fo-block .single-cr-fo-buttons > a.cr-fo-see-profile-btn {
    margin: 10px 10px 0px 0px;
  }
}

.user-profile-maincont .up-rightcol {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  max-width: 320px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

@media all and (max-width: 960px) {
  .user-profile-maincont .up-rightcol {
    position: relative;
    right: auto;
    top: auto;
    float: left;
    max-width: 100%;
    padding: 0px;
  }
}

.user-profile-maincont .up-comple-invest-cont {
  top: 0px;
  right: 0px;
  width: 100%;
  max-width: 320px;
  margin: 0px;
  padding: 0px;
  /* User profile completeness widget ends here */
}

@media all and (max-width: 960px) {
  .user-profile-maincont .up-comple-invest-cont {
    position: relative;
    float: left;
    max-width: 100%;
  }
}

.user-profile-maincont .up-comple-invest-cont .up-completeness-widget {
  float: left;
  width: 100%;
  min-height: 140px;
  margin: 0 0 20px 0;
  padding: 0px 15px;
  background-color: #ffffff;
  text-align: center;
}

@media all and (max-width: 960px) {
  .user-profile-maincont .up-comple-invest-cont .up-completeness-widget {
    width: 49%;
    margin-top: 20px;
  }
}

@media all and (max-width: 650px) {
  .user-profile-maincont .up-comple-invest-cont .up-completeness-widget {
    width: 100%;
  }
}

.user-profile-maincont .up-comple-invest-cont .up-completeness-widget .up-completeness-bar {
  display: inline-block;
  width: 100%;
  max-width: 260px;
  height: 44px;
  margin: 35px 0px 0px 0px;
  padding: 0px;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #EEEEEE;
  border-width: 2px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}

.user-profile-maincont .up-comple-invest-cont .up-completeness-widget .up-completeness-bar > div {
  float: left;
  height: 40px;
  margin: 0px;
  padding: 0px;
  background-color: #aad155;
  transition: 0.3s;
}

.user-profile-maincont .up-comple-invest-cont .up-completeness-widget .up-completeness-bar > div > span {
  float: left;
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoblack';
  font-size: 19px;
  color: #ffffff;
  text-align: center;
}

.user-profile-maincont .up-comple-invest-cont .up-completeness-widget .up-completeness-bar .up-click-text {
  position: absolute;
  width: 100%;
  color: #8f9ea9;
  display: none;
  font-size: 16px;
  text-decoration: underline;
  font-weight: normal;
  margin: 14px 0px 0px 0px;
}

.user-profile-maincont .up-comple-invest-cont .up-completeness-widget .up-completeness-bar:hover .up-completeness-percentage {
  display: none;
}

.user-profile-maincont .up-comple-invest-cont .up-completeness-widget .up-completeness-bar:hover .up-click-text {
  display: block;
}

.user-profile-maincont .up-comple-invest-cont .up-completeness-widget > span {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  text-align: center;
  font-family: 'latoregular';
  font-size: 13px;
  color: #b3b3b3;
}

.user-profile-maincont .up-comple-invest-cont .up-investment-widget {
  float: left;
  width: 100%;
  min-height: 140px;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  background-color: #ffffff;
  text-align: center;
}

@media all and (max-width: 960px) {
  .user-profile-maincont .up-comple-invest-cont .up-investment-widget {
    width: 49%;
    float: right;
  }
}

@media all and (max-width: 650px) {
  .user-profile-maincont .up-comple-invest-cont .up-investment-widget {
    width: 100%;
  }
}

.user-profile-maincont .up-comple-invest-cont .up-investment-widget > span {
  float: left;
  width: 100%;
  margin: 38px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoblack';
  font-size: 32px;
  color: #7e7e7e;
  text-align: center;
}

.user-profile-maincont .up-comple-invest-cont .up-investment-widget > p {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  text-align: center;
  font-family: 'latoregular';
  font-size: 13px;
  color: #b3b3b3;
}

.syndicate-profile-maincont .up-rightcol {
  padding: 0px;
}

.syndicate-profile-maincont .up-rightcol > .default-rightcol-widget:first-of-type {
  margin-top: 0px;
}

.syndicate-profile-maincont .up-tabs-cont .up-tabs > li {
  border-style: solid;
  border-color: #ffffff !important;
  border-right-width: 1px;
}

.syndicate-profile-maincont .up-tabs-cont .up-tabs > li:last-of-type {
  border: 0px;
}

.syndicate-profile-team-section {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.syndicate-profile-team-section .sp-team-section-block {
  float: left;
  width: 50%;
  margin: 0px;
  padding: 10px;
}

@media all and (max-width: 1023px) {
  .syndicate-profile-team-section .sp-team-section-block {
    width: 50%;
  }
}

@media all and (max-width: 660px) {
  .syndicate-profile-team-section .sp-team-section-block {
    width: 100%;
    padding: 10px 0px;
  }
}

.syndicate-profile-team-section .sp-team-section-block > div {
  float: left;
  width: 100%;
  min-height: 95px;
  margin: 0px;
  padding: 0px 0px 0px 95px;
  position: relative;
  background-color: #f3f5f6;
  border-style: solid;
  border-color: #e9eaea;
  border-width: 1px;
}

.syndicate-profile-team-section .sp-team-section-block > div > img {
  position: absolute;
  top: 17px;
  left: 15px;
  margin: 0px;
  padding: 0px;
  width: 78px;
  height: 78px;
  border-radius: 40px;
  border-style: solid;
  border-color: #d8dadb;
  border-width: 4px;
}

.syndicate-profile-team-section .sp-team-section-block > div > div {
  float: left;
  width: 100%;
  height: 100%;
  min-height: 110px;
  margin: 0px;
  padding: 15px;
  position: relative;
}

.syndicate-profile-team-section .sp-team-section-block > div > div > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: right;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  text-transform: uppercase;
  line-height: 18px;
}

.syndicate-profile-team-section .sp-team-section-block > div > div > p {
  float: left;
  width: 100%;
  margin: 10px 0px 10px 0px;
  text-align: right;
  font-family: 'latolight';
  font-size: 13px;
  color: #7e7e7e;
}

.syndicate-profile-team-section .sp-team-section-block > div > div > a {
  margin: 0px 0px 0px 10px;
  padding: 7px 35px 5px 10px;
  min-height: 26px;
  font-family: 'latoblack';
  font-size: 11px;
  text-transform: uppercase;
  color: #469edc;
  text-decoration: none;
  background-image: url(../../images/blue-button-arrow.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-style: solid;
  border-color: #469edc;
  border-width: 1px;
  transition: 0.3s;
  margin-top: 10px;
  float: right;
}

.syndicate-profile-team-section .sp-team-section-block > div > div > a:hover {
  background-position: right 7px center;
}

.syndicate-profile-team-section .sp-team-section-block > div .od-team-section-block-remove {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 12px;
  height: 12px;
  background-image: url(../../images/cr-result-block-remove.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.syndicate-profile-team-section .sp-team-section-block .sp-team-section-single {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}

.syndicate-profile-team-section .sp-team-section-block .sp-team-section-single h5 {
  font-family: 'latoregular';
  font-size: 16px;
  color: #7e7e7e;
  text-transform: uppercase;
  line-height: 18px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}

.syndicate-profile-team-section .sp-team-section-block .sp-team-section-single a.see-profile-button {
  width: 120px;
  margin: 0;
}

.up-add-portfolio-item {
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0px;
}

.up-add-portfolio-item .up-add-portfolio-item select::-webkit-input-placeholder, .up-add-portfolio-item .up-add-portfolio-item input::-webkit-input-placeholder {
  font-family: 'latolight';
  font-weight: 'normal';
}

.up-add-portfolio-item .up-add-portfolio-item select:-ms-input-placeholder, .up-add-portfolio-item .up-add-portfolio-item input:-ms-input-placeholder {
  font-family: 'latolight';
  font-weight: 'normal';
}

.up-add-portfolio-item .up-add-portfolio-item select::placeholder, .up-add-portfolio-item .up-add-portfolio-item input::placeholder {
  font-family: 'latolight';
  font-weight: 'normal';
}

.up-api-inner {
  position: relative;
  width: 100%;
  margin: 0px;
  padding: 7px 60px 7px 10px;
  background-color: #f3f5f6;
}

.up-api-inner > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin: 0px -2px;
  padding: 0px;
}

@media all and (max-width: 600px) {
  .up-api-inner > div {
    width: 100%;
  }
}

.up-api-inner > div .up-api-formgroup {
  width: 100%;
  margin: 0px;
  padding: 10px;
  position: relative;
}

.up-api-inner > div .up-api-formgroup > span {
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
}

.up-api-inner > div .up-api-formgroup > input {
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  color: #7e7e7e;
  font-family: "latobold";
  font-size: 14px;
  height: 42px;
  margin: 9px 0 0;
  padding: 0 10px;
  width: 100%;
}

.up-api-inner > div .up-api-formgroup > span.select2 {
  margin-top: 10px;
}

.up-api-inner > div .up-api-formgroup > span.error-tooltip {
  color: #ffffff;
  width: auto;
  padding: 5px 10px;
}

.up-api-inner .up-api-add-item {
  background-color: #469edc;
  background-image: url("../../images/cert-upload-btn-icon.png");
  background-position: center center;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  height: 40px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 20px;
  bottom: 18px;
  transition: all 0.3s ease 0s;
  width: 40px;
}

.up-cert-tabs-container {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  position: relative;
  /* Certificates tabs UL ends here */
  /* Certificates tabs accountants details content ends here */
  /* Certificates manual upload container ends here */
}

.up-cert-tabs-container .up-cert-tabs {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.up-cert-tabs-container .up-cert-tabs > li {
  float: left;
  width: 50%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-style: solid;
  border-color: #ffffff;
  border-right-width: 1px;
}

.up-cert-tabs-container .up-cert-tabs > li:last-of-type {
  border: 0px;
}

@media all and (max-width: 420px) {
  .up-cert-tabs-container .up-cert-tabs > li {
    width: 100%;
    border-right: 0px;
    border-style: solid;
    border-color: #7c8b97;
    border-bottom-width: 1px;
  }
}

.up-cert-tabs-container .up-cert-tabs > li > a {
  float: left;
  width: 100%;
  height: 35px;
  margin: 0px;
  padding: 9px 0px;
  text-decoration: none;
  font-family: 'latobold';
  font-size: 14px;
  color: #ffffff;
  background-color: #8f9ea9;
  text-align: center;
  transition: 0.3s;
}

.up-cert-tabs-container .up-cert-tabs > li > a:hover, .up-cert-tabs-container .up-cert-tabs > li > a.active {
  background-color: #469edc;
}

.up-cert-tabs-container .up-cert-ad-cont {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.up-cert-tabs-container .up-cert-ad-cont > span,
.up-cert-tabs-container .up-cert-ad-cont .certificate-accaunt-spans {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
  line-height: 18px;
}

.up-cert-tabs-container .up-cert-ad-cont .form-groups-wrapper {
  margin-top: 20px;
}

.up-cert-tabs-container .up-cert-mu-cont {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: none;
}

.upload-doc {
  width: 120px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  background-color: #469edc;
  border: 0px;
  float: right;
  color: #fff;
  font-size: 14px;
  margin: 10px;
  text-transform: uppercase;
  transition: 0.3s;
}

.upload-doc:hover {
  background-color: #5ba9e0;
}

@media all and (max-width: 580px) {
  .upload-doc {
    top: 1px;
  }
}

/* Certificate tabs container ends here */
.up-cert-mu-filegroup .sfg-field {
  padding: 0px 60px 0px 10px;
}

.up-cert-mu-filegroup .sfg-field > .upload-doc {
  width: 70px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  background-color: #469edc;
  background-position: center center;
  background-repeat: no-repeat;
  border: 0px;
  transition: 0.3s;
}

.up-cert-mu-filegroup .sfg-field > .upload-doc:hover {
  background-color: #5ba9e0;
}

@media all and (max-width: 580px) {
  .up-cert-mu-filegroup .sfg-field > .upload-doc {
    top: 1px;
  }
}

.up-cert-mu-filegroup .sfg-field > button.default-documents {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  background-color: #469edc;
  background-position: center center;
  background-image: url(../../images/cert-upload-btn-icon.png);
  background-repeat: no-repeat;
  border: 0px;
  transition: 0.3s;
}

.portfolio-user-role {
  font-size: 11px !important;
  font-family: 'latoregular' !important;
  margin-top: 5px !important;
}

.up-cert-file-blocks {
  float: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 10px 0;
  padding: 0px;
  position: relative;
}

.up-cert-file-blocks .up-cert-file-block {
  float: left;
  width: 49%;
  margin: 0;
  margin-top: 10px;
  padding: 0;
}

.up-cert-file-blocks .up-cert-file-block:nth-child(-n+2) {
  margin-top: 0px;
}

@media all and (max-width: 650px) {
  .up-cert-file-blocks .up-cert-file-block {
    padding: 0px !important;
    width: 100%;
    margin-top: 20px !important;
  }
  .up-cert-file-blocks .up-cert-file-block:first-of-type {
    margin-top: 0px !important;
  }
}

.up-cert-file-blocks .up-cert-file-block div {
  float: left;
  width: 100%;
  margin: 0;
  position: relative;
  background-color: #f3f5f6;
  /* Certificate file titlebar */
}

.up-cert-file-blocks .up-cert-file-block div .up-cert-fileblock-titlebar {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 0px;
  padding: 0px 20px 0px 40px;
  position: relative;
}

.up-cert-file-blocks .up-cert-file-block div .up-cert-fileblock-titlebar > span {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  background-color: #e7e7e7;
  background-repeat: no-repeat;
  background-position: center center;
}

.up-cert-file-blocks .up-cert-file-block div .up-cert-fileblock-titlebar > span.text-file {
  background-color: #dc6e88;
  background-image: url(../../images/cert-file-icon.png);
}

.up-cert-file-blocks .up-cert-file-block div .up-cert-fileblock-titlebar > span.text-file.docx-file {
  background-color: #8fb9cd;
  background-image: url(../../images/cert-text-file-icon.png);
}

.up-cert-file-blocks .up-cert-file-block div .up-cert-fileblock-titlebar > span.text-file.pdf-file {
  background-color: #dc6e88;
  background-image: url(../../images/cert-pdf-file-icon.png);
}

.up-cert-file-blocks .up-cert-file-block div .up-cert-fileblock-titlebar > span.text-file.doc-file {
  background-color: #8fb9cd;
  background-image: url(../../images/cert-text-file-icon.png);
}

.up-cert-file-blocks .up-cert-file-block div .up-cert-fileblock-titlebar > p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 11px 0px 11px 15px;
  font-family: 'latobold';
  font-size: 18px;
  color: #7e7e7e;
}

.up-cert-file-blocks .up-cert-file-block div > p {
  float: left;
  width: 100%;
  margin: 15px 0px 0px 0px;
  padding: 0px 15px 50px;
  font-family: 'latolight';
  font-size: 14px;
  color: #7e7e7e;
  line-height: 18px;
}

.up-cert-file-blocks .up-cert-file-block div .cert-file-download-btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
  margin: 0px;
  padding: 7px 40px 7px 10px;
  height: 26px;
  color: #61a0cb;
  text-decoration: none;
  font-family: 'latobold';
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
  background-image: url(../../images/cert-file-download-btn-icon.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-style: solid;
  border-color: #61a0cb;
  border-width: 1px;
  transition: 0.3s;
}

.up-cert-file-blocks .up-cert-file-block div .cert-file-download-btn:hover {
  background-position: right 10px top 6px;
}

.up-cert-file-blocks .up-cert-file-block div .cert-file-remove-btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
  margin: 0px;
  padding: 7px 40px 7px 10px;
  height: 26px;
  color: #EA7483;
  text-decoration: none;
  font-family: 'latobold';
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
  background-image: url(../../images/cert-file-remove-btn-icon.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-style: solid;
  border-color: #EA7483;
  border-width: 1px;
  transition: 0.3s;
}

.up-cert-file-blocks .up-cert-file-block div .cert-file-remove-btn:hover {
  background-position: right 7px center;
}

.default-rightcol-widget {
  float: left;
  width: 100%;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  position: relative;
}

@media all and (max-width: 960px) {
  .default-rightcol-widget {
    width: 49%;
  }
}

@media all and (max-width: 650px) {
  .default-rightcol-widget {
    width: 100%;
  }
}

@media all and (max-width: 960px) {
  .default-rightcol-widget.right {
    float: right;
    width: 49%;
  }
}

@media all and (max-width: 650px) {
  .default-rightcol-widget.right {
    width: 100%;
  }
}

.default-rightcol-widget.latest-ptf-invest-widget .up-li-person-block > div {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 10px;
  background-color: transparent;
}

.default-rightcol-widget.latest-ptf-invest-widget .up-li-person-block > div a {
  float: left;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  transition: 0.3s;
}

.default-rightcol-widget.latest-ptf-invest-widget .up-li-person-block > div a:hover {
  color: #469edc;
}

.default-rightcol-widget.latest-ptf-invest-widget .up-li-person-block > div .bold {
  font-family: 'latobold';
  display: inline;
}

.default-rightcol-widget.latest-ptf-invest-widget .up-li-person-block > div > .title {
  float: left;
  width: 100%;
  min-height: 30px;
  float: left;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
}

.default-rightcol-widget.latest-ptf-invest-widget .up-li-person-block > div > .title.status {
  text-align: right;
}

.default-rightcol-widget.latest-ptf-invest-widget .up-li-person-block > div > .invest-from {
  float: left;
  width: 100%;
  color: #7e7e7e;
  font-size: 12px;
  font-family: 'latoregular';
  text-align: left;
  padding: 10px 0 0;
}

.default-rightcol-widget.latest-ptf-invest-widget .up-li-person-block > div > .invest-from a {
  display: inline;
  float: none;
  font-size: 12px;
  margin-right: 3px;
}

.default-rightcol-widget.latest-ptf-invest-widget .up-li-person-block > div > .investment {
  float: left;
  font-family: 'latoregular';
  font-size: 14px;
  color: #95c232;
}

.default-rightcol-widget.latest-ptf-invest-widget .up-li-person-block > div > .investment .bold {
  font-size: 16px;
  padding-left: 2px;
}

.default-rightcol-widget.people-like-widget .up-ply-person-block > div {
  background-color: transparent;
  padding: 0 0 0 10px;
}

.default-rightcol-widget.people-like-widget .up-ply-person-block > div span,
.default-rightcol-widget.people-like-widget .up-ply-person-block > div p {
  text-align: left;
}

.default-rightcol-widget.people-like-widget .up-ply-person-block > div .user-profile-title {
  font-family: 'latoregular';
  font-size: 12px;
}

.default-rightcol-widget .view-link {
  float: none;
  width: 93px;
  margin: 10px 0 0 0;
  padding: 0px 0px 0px 5px;
  height: 21px;
  line-height: 20px;
  font-family: 'latolight' !important;
  font-size: 9px !important;
  text-transform: uppercase;
  color: #469edc !important;
  text-decoration: none;
  background-image: url("../../images/blue-button-arrow.png");
  background-repeat: no-repeat;
  background-position: right 5px center;
  border-style: solid;
  border-color: #469edc;
  border-width: 1px;
  transition: 0.3s;
}

.default-rightcol-widget .view-link:hover {
  background-position: right 3px center;
}

.default-rightcol-widget .view-link.investor, .default-rightcol-widget .view-link.profile {
  float: left !important;
}

.default-rightcol-widget .view-link.offer {
  float: right !important;
}

.default-rightcol-widget .drw-title {
  float: left;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 11px 15px;
  background-color: #8f9ea9;
}

.default-rightcol-widget .drw-title > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 16px;
  color: #ffffff;
}

.default-rightcol-widget .drw-content {
  float: left;
  width: 100%;
  min-height: 120px;
  margin: 0px;
  padding: 10px;
  position: relative;
  background-color: #ffffff;
}

.up-li-person-block {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 0px 0px 100px;
  position: relative;
}

.up-li-person-block > img {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 100px;
  height: 100px;
}

.up-li-person-block > div {
  float: left;
  width: 100%;
  min-height: 100px;
  margin: 0px;
  padding: 10px 15px;
  background-color: #f3f5f6;
}

.up-li-person-block > div > span {
  float: left;
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  text-align: right;
}

.up-li-person-block > div > span:first-of-type {
  margin-top: 0px;
}

.up-li-person-block > div > span:nth-child(1), .up-li-person-block > div > span:nth-child(4) {
  font-family: 'latoregular';
  font-size: 12px;
  color: #7e7e7e;
}

.up-li-person-block > div > span:nth-child(2) {
  font-family: 'latoblack';
  font-size: 25px;
  color: #95c232;
}

.up-li-person-block > div > span:nth-child(3) {
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
}

.up-ply-person-block {
  float: left;
  width: 100%;
  min-height: 60px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 60px;
  position: relative;
}

.up-ply-person-block:first-of-type {
  margin-top: 0px;
}

.up-ply-person-block > img {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 60px;
  height: 60px;
}

.up-ply-person-block > div {
  float: left;
  width: 100%;
  min-height: 60px;
  margin: 0px;
  padding: 10px 15px;
  background-color: #f3f5f6;
}

.up-ply-person-block > div > span {
  float: left;
  width: 100%;
  margin: 3px 0px 0px 0px;
  padding: 0px;
  text-align: right;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
}

.up-ply-person-block > div > p {
  float: left;
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  text-align: right;
  font-family: 'latoregular';
  font-size: 12px;
  color: #7e7e7e;
}

.card {
  padding: 20px;
  min-height: 135px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #7e7e7e;
}

@media all and (max-width: 560px) {
  .card {
    min-height: 160px;
    padding: 20px 15px 50px;
  }
}

@media all and (max-width: 560px) {
  .card .cr-project-invested {
    margin: 0;
    padding: 0;
  }
}

@media all and (max-width: 380px) {
  .card .cr-project-invested span {
    font-size: 12px;
  }
}

@media all and (max-width: 380px) {
  .card .cr-project-invested p {
    font-size: 10px;
  }
}

.card h4 {
  font-family: 'latoregular';
  font-size: 18px;
  line-height: 27px;
}

.card h4 span {
  font-size: 14px;
}

.card .card-description p {
  font-size: 14px;
  line-height: 21px;
}

.card .see-offer-button {
  display: inline-block;
  margin: 0;
  padding: 7px 35px 5px 10px;
  min-height: 26px;
  font-family: 'latoblack';
  font-size: 11px;
  text-transform: uppercase;
  color: #469edc;
  text-decoration: none;
  background-image: url(../../images/blue-button-arrow.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-style: solid;
  border-color: #469edc;
  border-width: 1px;
  transition: 0.3s;
  width: 145px;
  margin-left: auto;
}

@media all and (max-width: 560px) {
  .card .single-cr-fo-buttons {
    padding: 0;
    width: auto;
  }
}

@media all and (max-width: 560px) {
  .card .single-cr-fo-buttons .cr-fo-see-offer-btn {
    padding: 6px 20px 5px 10px;
    margin: 0 0 0 10px;
  }
}

span.text-file {
  background-color: #dc6e88;
  background-image: url(../../images/cert-file-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 32px;
  display: inline-block;
}

.file-upload-card {
  display: flex;
  flex-direction: row;
  background-color: #f3f5f6;
}

.file-upload-card .file-info {
  display: flex;
  flex-direction: column;
  padding: 10px;
  width: 100%;
}

.file-upload-card .file-info h4 {
  font-size: 16px;
  line-height: 24px;
  font-family: "latoregular";
  color: #7e7e7e;
}

.file-upload-card .file-info a.file-download-button {
  display: inline-block;
  margin: 0px;
  padding: 7px 40px 7px 10px;
  height: 26px;
  color: #61a0cb;
  text-decoration: none;
  font-family: 'latobold';
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
  background-image: url(../../images/cert-file-download-btn-icon.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-style: solid;
  border-color: #61a0cb;
  border-width: 1px;
  transition: 0.3s;
  margin-left: auto;
}

@media (max-width: 250px) {
  .investor {
    float: right;
  }
}

.investment-table {
  margin-top: 20px;
  color: #7e7e7e;
}

.investment-table th {
  background-color: #8f9ea9;
  color: #fff;
  font-family: latoregular;
}

.investment-table .download-ia-icon {
  color: #b9d879;
}

.investment-table .download-ia-icon:hover {
  cursor: pointer;
}

/* Select 2 style */
.select2-container {
  margin: 9px 0px 0px 0px;
}

.select2-container .select2-selection--multiple {
  height: 42px;
  overflow-y: auto;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 0px;
  border-color: #dfe6eb;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #dfe6eb;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0px 10px;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 9px;
  font-family: "latobold";
  font-size: 14px;
  color: #7e7e7e;
}

.select2-container--open .select2-dropdown {
  top: -10px;
  border-color: #dfe6eb;
  border-radius: 0px;
  font-family: "latobold";
  font-size: 14px;
  color: #7e7e7e;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding: 9px 10px 9px 25px;
  border-radius: 3px;
  border: 0px;
  background-color: #E4ECF1;
  font-family: "latobold";
  font-size: 12px;
  color: #6f8899;
  position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: absolute;
  top: 8px;
  left: 10px;
  color: #8AB5D3;
}

.document-description {
  padding: 0;
}

.document-description .sfg-title {
  width: auto !important;
}

.document-description .sfg-field {
  margin: 10px 0;
  position: static !important;
  float: right;
}

.document-description textarea {
  position: static !important;
  height: 210px !important;
}

.document-description textarea:focus {
  height: inherit !important;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
CREATE SYNDICATE
---------------------------------------------------------- */
.head-top-synd-title {
  float: left;
  margin: 0px;
  padding: 35px 0px 20px 0px;
  margin: 0 0 20px;
  font-family: 'latobold';
  font-size: 22px;
  color: #7e7e7e;
  position: relative;
  text-transform: uppercase;
}

@media all and (max-width: 580px) {
  .head-top-synd-title {
    font-size: 18px;
    padding-bottom: 10px;
  }
}

.head-top-synd-title:after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 85px;
  height: 3px;
  background-color: #469edc;
  content: "";
}

@media all and (max-width: 580px) {
  .head-top-synd-title:after {
    width: 60px;
    height: 2px;
  }
}

/* Create syndicate first step */
.cs-firststep-wrapper {
  text-align: center;
}

.cs-firststep-container {
  display: inline-block;
  width: 100%;
  max-width: 710px;
  padding: 25px;
  background-color: #ffffff;
  margin: 60px 0px 0px 0px;
}

.cs-fs-form {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

/* Create syndicate second step */
.cs-secondstep-container {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.cs-secondstep-container .cs-ss-heading-container {
  float: left;
  margin: 40px 0px 0px 0px;
  padding: 25px;
  background-color: #ffffff;
}

.cs-ss-form-container {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.cs-ss-form-container > div.half {
  float: left;
  width: 50%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

.cs-ss-form-container > div.half:nth-child(1) {
  padding-right: 10px;
}

.cs-ss-form-container > div.half:nth-child(2) {
  padding-left: 10px;
}

@media all and (max-width: 1060px) {
  .cs-ss-form-container > div.half {
    width: 100%;
  }
  .cs-ss-form-container > div.half:nth-child(1), .cs-ss-form-container > div.half:nth-child(2) {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.cs-ss-form-container > div.half > div {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 25px;
  background-color: #ffffff;
  position: relative;
  min-height: 580px;
}

@media all and (max-width: 1060px) {
  .cs-ss-form-container > div.half > div {
    min-height: auto;
  }
}

.cs-ss-form-container > div.full {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

.cs-ss-form-container > div.full > div {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 25px;
  background-color: #ffffff;
  position: relative;
}

.cs-ss-form-group {
  padding: 0px 350px 0px 0px;
}

.cs-ss-form-group .sfg-field {
  padding: 0px 10px 0px 0px;
  max-width: 350px;
}

@media all and (max-width: 1210px) {
  .cs-ss-form-group {
    padding: 0px 275px 0px 0px;
  }
  .cs-ss-form-group .sfg-field {
    max-width: 275px;
  }
}

@media all and (max-width: 1060px) {
  .cs-ss-form-group {
    padding: 0px 350px 0px 0px;
  }
  .cs-ss-form-group .sfg-field {
    max-width: 350px;
  }
}

@media all and (max-width: 620px) {
  .cs-ss-form-group {
    padding: 0px 275px 0px 0px;
  }
  .cs-ss-form-group .sfg-field {
    max-width: 275px;
  }
}

@media all and (max-width: 580px) {
  .cs-ss-form-group {
    padding: 0px;
  }
  .cs-ss-form-group .sfg-field {
    max-width: 100%;
    padding: 0px 10px 10px 10px;
  }
}

.cs-ss-choose-role {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 0px 370px 0px 0px;
  position: relative;
}

@media all and (max-width: 980px) {
  .cs-ss-choose-role {
    padding: 0px;
  }
}

.cs-ss-choose-role-input {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.cs-ss-chose-role-filegroup .sfg-field {
  padding: 0px 60px 0px 10px;
}

@media all and (max-width: 580px) {
  .cs-ss-chose-role-filegroup .sfg-field {
    padding: 0px 30px 0px 5px;
  }
}

.cs-ss-chose-role-filegroup .sfg-field > button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  background-color: #469edc;
  background-position: center center;
  background-image: url(../../images/cert-upload-btn-icon.png);
  background-repeat: no-repeat;
  border: 0px;
  transition: 0.3s;
}

.cs-ss-chose-role-filegroup .sfg-field > button:hover {
  background-color: #5ba9e0;
}

@media all and (max-width: 580px) {
  .cs-ss-chose-role-filegroup .sfg-field > button {
    top: 1px;
  }
}

.cs-ss-cr-adduser {
  padding: 0px 330px 0px 0px;
}

.cs-ss-cr-adduser .sfg-field {
  max-width: 340px;
}

@media all and (max-width: 580px) {
  .cs-ss-cr-adduser {
    padding: 0px 0px 10px 0px;
  }
  .cs-ss-cr-adduser .sfg-field {
    max-width: 100%;
  }
}

.cs-ss-cr-tabs {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  max-width: 360px;
}

@media all and (max-width: 980px) {
  .cs-ss-cr-tabs {
    position: relative;
    top: auto;
    right: auto;
    float: left;
    max-width: 100%;
  }
}

.cs-ss-cr-tabs > a {
  float: left;
  width: 50%;
  height: 60px;
  margin: 0px;
  padding: 15px 20px;
  font-family: 'latobold';
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 15px;
  background-color: #8f9ea9;
  transition: 0.3s;
  text-transform: uppercase;
}

.cs-ss-cr-tabs > a:hover, .cs-ss-cr-tabs > a.active {
  background-color: #9daab4;
}

@media all and (max-width: 980px) {
  .cs-ss-cr-tabs > a {
    height: 35px;
    padding: 9px 20px;
    text-transform: none;
    font-size: 14px;
  }
}

@media all and (max-width: 450px) {
  .cs-ss-cr-tabs > a {
    width: 100%;
  }
}

.cs-cr-results-container {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  position: relative;
  text-align: center;
}

.cs-cr-results-container .cs-cr-no-results {
  display: none;
  width: 100%;
  max-width: 500px;
  margin: 0px;
  padding: 50px 0px;
}

.cs-cr-results-container .cs-cr-no-results > p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 0px 20px 0px;
  font-family: 'latolight';
  font-size: 14px;
  line-height: 18px;
  color: #7e7e7e;
  text-align: center;
}

.cs-cr-results-container .cs-cr-result-blocks-cont {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.cs-cr-results-container .cs-cr-result-blocks-cont .cs-cr-result-block {
  float: left;
  width: 33.3%;
  margin: 0px;
  padding: 10px;
}

@media all and (max-width: 1023px) {
  .cs-cr-results-container .cs-cr-result-blocks-cont .cs-cr-result-block {
    width: 50%;
  }
}

@media all and (max-width: 660px) {
  .cs-cr-results-container .cs-cr-result-blocks-cont .cs-cr-result-block {
    width: 100%;
    padding: 10px 0px;
  }
}

.cs-cr-results-container .cs-cr-result-blocks-cont .cs-cr-result-block > div {
  float: left;
  width: 100%;
  min-height: 95px;
  margin: 0px;
  padding: 0px 0px 0px 95px;
  position: relative;
  background-color: #f3f5f6;
  border-style: solid;
  border-color: #e9eaea;
  border-width: 1px;
}

.cs-cr-results-container .cs-cr-result-blocks-cont .cs-cr-result-block > div > img {
  position: absolute;
  top: 8px;
  left: 15px;
  margin: 0px;
  padding: 0px;
  width: 78px;
  height: 78px;
  border-radius: 40px;
  border-style: solid;
  border-color: #d8dadb;
  border-width: 4px;
}

.cs-cr-results-container .cs-cr-result-blocks-cont .cs-cr-result-block > div > div {
  float: left;
  width: 100%;
  height: 100%;
  min-height: 93px;
  margin: 0px;
  padding: 13px 15px 15px 15px;
  position: relative;
}

.cs-cr-results-container .cs-cr-result-blocks-cont .cs-cr-result-block > div > div > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: right;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  text-transform: uppercase;
  line-height: 18px;
}

.cs-cr-results-container .cs-cr-result-blocks-cont .cs-cr-result-block > div > div > a {
  position: absolute;
  bottom: 15px;
  right: 15px;
  margin: 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 10px;
  text-transform: uppercase;
  color: #469edc;
  text-decoration: none;
}

.cs-cr-results-container .cs-cr-result-blocks-cont .cs-cr-result-block > div > div > a:hover {
  text-decoration: underline;
}

.cs-cr-results-container .cs-cr-result-blocks-cont .cs-cr-result-block > div .cs-cr-result-block-remove {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 12px;
  height: 12px;
  background-image: url(../../images/cr-result-block-remove.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.syndicate-hiw-blocks-wrapper {
  float: left;
  width: 100%;
  margin: 60px 0px 0px 0px;
  padding: 0px 0px 30px 0px;
  text-align: center;
}

.shiw-blocks-title {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: 'montserratbold';
  font-size: 28px;
  color: #898888;
}

.syndicate-hiw-blocks-wrapper .shiw-block {
  margin: 0px 18px 0px;
  padding: 45px 10px;
  width: 100%;
}

.syndicate-hiw-blocks-wrapper .shiw-block:first-of-type {
  margin-left: 0px;
  margin-right: 18px;
}

.syndicate-hiw-blocks-wrapper .shiw-block:last-of-type {
  margin-right: 0px;
  margin-left: 18px;
}

.about-us-our-investors {
  float: left;
  width: 100%;
  margin: 40px 0px 0px 0px;
  padding: 0px;
  text-align: center;
}

.about-us-our-investors > a {
  display: inline-block;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  width: 300px;
  height: 90px;
  border: 1px solid transparent;
}

.about-us-our-investors > a:hover {
  border: 1px solid #e1e1e1;
}

.syndicate-hiw-blocks-wrapper {
  float: left;
  width: 100%;
  margin: 60px 0px 0px 0px;
  padding: 0px 0px 30px 0px;
}

.shiw-blocks-title {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: 'latobold';
  font-size: 28px;
  color: #898888;
}

/* Dijana update - 03.08.2016 */
.all-syndicates-title {
  border-top: 1px solid #d5d5d5;
  margin: 40px 0 0 0;
  padding: 40px 0 0 0;
}

/* Dijana update - 03.08.2016 */
.shiw-blocks-subtitle {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 16px;
  color: #898888;
  text-align: center;
}

.shiw-block {
  display: inline-block;
  margin: 0px 15px;
  padding: 0px;
  width: 100%;
  max-width: 300px;
  min-height: 300px;
  border-width: 1px;
  border-style: solid;
  border-color: #d3dcde;
  background-color: #ffffff;
  text-align: center;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
}

.shiw-block > img {
  display: inline-block;
  margin: 0;
  padding: 0px;
  float: none;
}

.shiw-block > div {
  width: 100%;
  margin: 0;
  margin-bottom: 20px;
  padding: 0px 20px;
  position: absolute;
  top: 160px;
  left: 0px;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.syndicate-inner-cont {
  bottom: 44px !important;
}

.shiw-block > div > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 0px 20px 0px;
  text-align: center;
  font-family: 'latobold';
  color: #898888;
  font-size: 18px;
  text-transform: uppercase;
}

.shiw-block > div > p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #898888;
  border-top-width: 1px;
  border-style: solid;
  border-color: #e2e2e2;
  text-align: center;
}

.syn-blocks-buttons {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
BROWSE OFFERS
---------------------------------------------------------- */
.invest-filter-options-wrapper {
  float: left;
  width: 100%;
  min-height: 70px;
  margin: 30px 0px 0px 0px;
  padding: 0px 15px 0px 140px;
  position: relative;
  background-color: #469edc;
}

.invest-filter-options-wrapper .invest-filter-title {
  position: absolute;
  top: 20px;
  left: 20px;
  margin: 0px;
  padding: 0px;
  font-size: 28px;
  font-family: 'latolight';
  color: #ffffff;
}

.invest-filter-options-wrapper .invest-filter-options {
  float: right;
  margin: 15px 0px 0px 0px;
  padding: 0px;
}

.invest-filter-options-wrapper .invest-filter-options > form {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group {
  float: left;
  margin: 0px;
  padding: 0px 10px 15px 0px;
  position: relative;
  /* if-select-field ends here */
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group:last-of-type {
  padding-right: 0px;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group > a {
  float: left;
  height: 38px;
  width: 130px;
  margin: 0px;
  padding: 9px 34px 0px 10px;
  font-family: 'latolight';
  font-size: 14px;
  color: #ffffff;
  background-position: right 10px center;
  background-repeat: no-repeat;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
  transition: 0.3s;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group > a.active, .invest-filter-options-wrapper .invest-filter-options > form .if-form-group > a:hover {
  background-color: #ffffff;
  color: #469edc;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group > a.if-latest-filter {
  background-image: url("../../images/if-latest-filter-icon.png");
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group > a.if-popular-filter {
  background-image: url("../../images/if-popular-filter-icon.png");
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group > a.if-funded-filter {
  background-image: url("../../images/if-funded-filter-icon.png");
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group > a.if-comingsoon-filter {
  background-image: url("../../images/if-comingsoon-filter-icon.png");
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-select-field {
  float: left;
  width: 130px;
  height: 38px;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 1;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
  transition: 0.3s;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-select-field:before {
  background-color: #469edc;
  background-image: url(../../images/if-select-field-arrow.png);
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  height: 36px;
  width: 36px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
  transition: 0.3s;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-select-field > select {
  float: left;
  width: 100%;
  height: 36px;
  margin: 0px;
  padding: 0px 35px 3px 10px;
  font-family: 'latolight';
  font-size: 14px;
  color: #ffffff;
  background-color: transparent;
  border: 0px;
  cursor: pointer;
  z-index: 3;
  position: relative;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-select-field > select > option {
  background-color: #BBBBBB;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-select-field::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #ffffff;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-select-field:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ffffff;
  opacity: 1;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-select-field::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ffffff;
  opacity: 1;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-select-field:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-search-field {
  float: left;
  width: 130px;
  height: 38px;
  margin: 0px;
  padding: 0px 36px 3px 10px;
  font-family: 'latolight';
  font-size: 14px;
  color: #ffffff;
  background-color: #469edc;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
  transition: 0.3s;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-search-field:hover, .invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-search-field:focus {
  background-color: #2686c9;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-search-field::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #ffffff;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-search-field:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ffffff;
  opacity: 1;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-search-field::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ffffff;
  opacity: 1;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-search-field:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}

.invest-filter-options-wrapper .invest-filter-options > form .if-form-group .if-search-field-btn {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  border: 0px;
  background-color: transparent;
  background-image: url("../../images/if-search-icon.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.invest-tiles-container {
  float: left;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  width: 100%;
  text-align: center;
}

.invest-tiles-container .invest-tiles-half {
  float: left;
  margin: 0px;
  padding: 10px 0px 10px 0px;
  width: 50%;
  /* Invest tile status ends here */
  /* Invest tile syndicate badge ends here */
}

.invest-tiles-container .invest-tiles-half:nth-child(2n+1) {
  padding-right: 10px;
}

.invest-tiles-container .invest-tiles-half:nth-child(2n+2) {
  padding-left: 10px;
}

@media all and (max-width: 580px) {
  .invest-tiles-container .invest-tiles-half {
    display: inline-block;
    float: none;
    width: 100%;
    max-width: 360px;
  }
  .invest-tiles-container .invest-tiles-half:nth-child(2n+1) {
    padding-right: 0px;
  }
  .invest-tiles-container .invest-tiles-half:nth-child(2n+2) {
    padding-left: 0px;
  }
}

.invest-tiles-container .invest-tiles-half .single-invest-tile {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
  background-color: #ffffff;
  border-style: solid;
  border-color: #f1f1f1;
  border-width: 1px;
  -o-box-shadow: 1px 1px 2px #f1f1f1;
  box-shadow: 1px 1px 2px #f1f1f1;
}

.invest-tiles-container .invest-tiles-half .sit-status {
  position: absolute;
  top: 17px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  max-width: 130px;
  width: 100%;
}

.invest-tiles-container .invest-tiles-half .sit-status > div {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.invest-tiles-container .invest-tiles-half .sit-status > div > span {
  float: left;
  width: 100%;
  height: 30px;
  margin: 0px;
  padding: 8px 10px;
  font-family: 'latoblack';
  font-size: 13px;
  color: #ffffff;
  text-align: left;
  position: relative;
  z-index: 1;
}

.invest-tiles-container .invest-tiles-half .sit-status > div > span.completed {
  display: none;
  background-color: #aad155;
}

.invest-tiles-container .invest-tiles-half .sit-status > div > span.completed:after {
  content: "";
  height: 0px;
  width: 0px;
  position: absolute;
  top: 0px;
  right: -5px;
  z-index: 2;
  border-bottom: 15px solid transparent;
  border-left: 5px solid #aad155;
  border-top: 15px solid transparent;
}

.invest-tiles-container .invest-tiles-half .sit-status > div > span.completed:before {
  background-image: url("../../images/hot-tile-completed-checkmark.png");
  background-repeat: no-repeat;
  bottom: 0px;
  right: -3px;
  width: 27px;
  height: 22px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  content: "";
  z-index: 3;
}

.invest-tiles-container .invest-tiles-half .sit-status > div > span.completed.active {
  display: inline-block;
}

.invest-tiles-container .invest-tiles-half .sit-status > div > span.closed {
  display: none;
  background-color: #dd5871;
}

.invest-tiles-container .invest-tiles-half .sit-status > div > span.closed:after {
  content: "";
  height: 0px;
  width: 0px;
  position: absolute;
  top: 0px;
  right: -5px;
  z-index: 2;
  border-bottom: 15px solid transparent;
  border-left: 5px solid #dd5871;
  border-top: 15px solid transparent;
}

.invest-tiles-container .invest-tiles-half .sit-status > div > span.closed:before {
  background-image: url("../../images/hot-tile-closed-icon.png");
  background-repeat: no-repeat;
  bottom: 0px;
  right: -3px;
  width: 23px;
  height: 22px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  content: "";
  z-index: 3;
}

.invest-tiles-container .invest-tiles-half .sit-status > div > span.closed.active {
  display: inline-block;
}

.invest-tiles-container .invest-tiles-half .sit-syndicate-badge-wrapper {
  position: absolute;
  top: 0px;
  right: 10px;
  margin: 0px;
  padding: 0px;
  z-index: 5;
}

.invest-tiles-container .invest-tiles-half .sit-syndicate-badge-wrapper .sit-syndicate-badge {
  float: left;
  width: 29px;
  height: 24px;
  margin: 0px;
  padding: 0px;
  background-color: #5adfd1;
}

.invest-tiles-container .invest-tiles-half .sit-syndicate-badge-wrapper .sit-syndicate-badge:after {
  position: absolute;
  bottom: -5px;
  right: 0px;
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  border-right: 14px solid transparent;
  border-left: 15px solid transparent;
  border-top: 5px solid #5adfd1;
  content: "";
  z-index: 2;
}

.invest-tiles-container .invest-tiles-half .sit-syndicate-badge-wrapper .sit-syndicate-badge:before {
  position: absolute;
  bottom: -13px;
  right: -11px;
  margin: 0px;
  padding: 0px;
  width: 32px;
  height: 30px;
  background-image: url("../../images/hot-tile-syndicate-icon2.png");
  background-repeat: no-repeat;
  background-size: 21px 20px;
  content: "";
  z-index: 3;
}

.invest-tiles-container .invest-tiles-half .sit-syndicate-badge-wrapper .sit-badges-tooltip {
  background-color: #7089a3;
  border-radius: 2px;
  bottom: 35px;
  color: #ffffff;
  font-family: "latolight";
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  min-height: 24px;
  min-width: 170px;
  opacity: 0;
  padding: 5px 10px 6px;
  position: absolute;
  right: -2px;
  visibility: hidden;
  z-index: 100;
}

.invest-tiles-container .invest-tiles-half .sit-syndicate-badge-wrapper .sit-badges-tooltip:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #7089a3;
  bottom: -6px;
  content: "";
  height: 0;
  position: absolute;
  right: 10px;
  width: 0;
}

.invest-tiles-container .invest-tiles-half .sit-top-info {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 10px 10px 10px 150px;
  min-height: 150px;
  position: relative;
}

@media all and (max-width: 775px) {
  .invest-tiles-container .invest-tiles-half .sit-top-info {
    padding: 0px;
  }
}

.invest-tiles-container .invest-tiles-half .sit-top-info .sit-offer-image {
  height: 130px;
  left: 10px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 10px;
  width: 130px;
}

.invest-tiles-container .invest-tiles-half .sit-top-info .sit-offer-image > img {
  height: 100%;
  left: -40px;
  margin: 0;
  padding: 0;
  position: absolute;
}

@media all and (max-width: 775px) {
  .invest-tiles-container .invest-tiles-half .sit-top-info .sit-offer-image {
    float: left;
    height: auto;
    left: 0px;
    top: 0px;
    width: 100%;
    position: relative;
  }
  .invest-tiles-container .invest-tiles-half .sit-top-info .sit-offer-image > img {
    float: left;
    width: 100%;
    left: 0px;
    position: relative;
    height: auto;
  }
}

.invest-tiles-container .invest-tiles-half .sit-top-info .sit-brief-info {
  float: left;
  margin: 0;
  min-height: 130px;
  padding: 0 0 35px;
  position: relative;
  width: 100%;
}

@media all and (max-width: 775px) {
  .invest-tiles-container .invest-tiles-half .sit-top-info .sit-brief-info {
    padding: 0px 10px 35px;
  }
}

.invest-tiles-container .invest-tiles-half .sit-top-info .sit-brief-info .sit-info-title {
  color: #7e7e7e;
  float: left;
  font-family: "latobold";
  font-size: 20px;
  margin: 10px 0 0;
  padding: 0 35px 0 0;
  width: 100%;
}

.invest-tiles-container .invest-tiles-half .sit-top-info .sit-brief-info p.sit-info-desc {
  color: #666666;
  float: left;
  font-family: "latolight";
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
}

.invest-tiles-container .invest-tiles-half .sit-top-info .sit-brief-info span.sit-info-location {
  background-image: url("../../images/offer-tile-location.png");
  background-position: 2px center;
  background-repeat: no-repeat;
  bottom: 10px;
  color: #666666;
  font-family: "latolight";
  font-size: 12px;
  left: 0;
  margin: 0;
  padding: 0 0 0 20px;
  position: absolute;
  width: 100%;
}

@media all and (max-width: 775px) {
  .invest-tiles-container .invest-tiles-half .sit-top-info .sit-brief-info span.sit-info-location {
    background-position: 12px center;
    bottom: 14px;
    padding: 0px 0px 0px 30px;
  }
}

.invest-tiles-container .invest-tiles-half .sit-stats-cont {
  background-color: #BCC5CA;
  border-style: solid;
  border-color: #ebeef0;
  border-top-width: 1px;
  border-bottom-width: 1px;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

.invest-tiles-container .invest-tiles-half .sit-stats-cont > li {
  border-style: solid;
  border-color: #c2d1dc;
  border-right-width: 1px;
  float: left;
  height: 60px;
  margin: 0;
  padding: 0;
  width: 25%;
}

@media all and (max-width: 1110px) {
  .invest-tiles-container .invest-tiles-half .sit-stats-cont > li {
    width: 50%;
  }
  .invest-tiles-container .invest-tiles-half .sit-stats-cont > li:nth-child(2n+2) {
    border-right: 0px;
  }
  .invest-tiles-container .invest-tiles-half .sit-stats-cont > li:nth-child(-n+2) {
    border-style: solid;
    border-color: #c2d1dc;
    border-bottom-width: 1px;
  }
}

.invest-tiles-container .invest-tiles-half .sit-stats-cont > li.last-stat {
  width: 100%;
  border-top-width: 1px;
  height: 38px;
}

.invest-tiles-container .invest-tiles-half .sit-stats-cont > li.last-stat > span {
  width: 50%;
}

.invest-tiles-container .invest-tiles-half .sit-stats-cont > li.last-stat > span.sit-stat-name {
  margin-top: 10px;
}

.invest-tiles-container .invest-tiles-half .sit-stats-cont > li.last-stat > span.sit-stat-value {
  text-align: right;
}

@media all and (max-width: 1110px) {
  .invest-tiles-container .invest-tiles-half .sit-stats-cont > li.last-stat > span.sit-stat-value {
    text-align: left;
  }
}

.invest-tiles-container .invest-tiles-half .sit-stats-cont > li .sit-stat-name {
  color: #ffffff;
  float: left;
  font-family: "latolight";
  font-size: 13px;
  margin: 9px 0 0;
  padding: 0 10px;
  width: 100%;
}

.invest-tiles-container .invest-tiles-half .sit-stats-cont > li .sit-stat-value {
  color: #ffffff;
  float: left;
  font-family: "latobold";
  font-size: 16px;
  margin: 9px 0 0;
  padding: 0 10px;
  width: 100%;
}

.invest-tiles-container .invest-tiles-half .sit-tags-cont {
  background-image: url("../../images/offer-tile-tags.png");
  background-position: 10px 10px;
  background-repeat: no-repeat;
  float: left;
  margin: 0;
  padding: 10px 0 12px 32px;
  width: 100%;
}

.invest-tiles-container .invest-tiles-half .sit-tags-cont > li {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.invest-tiles-container .invest-tiles-half .sit-tags-cont > li > a {
  color: #666666;
  float: left;
  font-family: "latolight";
  font-size: 12px;
  margin: 0 5px 0 0;
  padding: 0;
  text-decoration: none;
}

.invest-tiles-container .invest-tiles-half .sit-tags-cont > li > a:after {
  color: #469edc;
  content: ", ";
  font-family: "latolight";
  font-size: 12px;
}

.invest-tiles-container .invest-tiles-half .sit-tags-cont > li > a:hover {
  text-decoration: underline;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
MY SYNDICATES
---------------------------------------------------------- */
.my-syndicates-wrapper {
  float: left;
  width: 100%;
  margin: 60px 0px 0px 0px;
  padding: 0px 340px 0px 0px;
  position: relative;
}

@media all and (max-width: 960px) {
  .my-syndicates-wrapper {
    padding: 0px;
  }
}

.my-syndicates-wrapper.mysindy-outer .my-synd-save-wrap {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: right;
}

@media all and (max-width: 580px) {
  .my-syndicates-wrapper.mysindy-outer .my-synd-save-wrap {
    position: relative;
    width: 100%;
    margin: 0 20px 20px;
    text-align: left;
  }
  .my-syndicates-wrapper.mysindy-outer .my-synd-save-wrap a {
    margin-top: 0;
  }
}

.my-syndicates-wrapper.mysindy-outer .my-synd-save-wrap .default-submit-button.large {
  display: inline-block;
  float: none;
}

.my-syndicates-wrapper .reg-log-title, .my-syndicates-wrapper .reg-log-subtitle {
  display: block;
  float: none;
}

.my-syndicates-wrapper .ms-leftcol.cr-leftcol {
  padding-top: 20px;
}

.ms-leftcol {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 20px;
  background-color: #ffffff;
  position: relative;
}

.ms-rightcol {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  max-width: 320px;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 960px) {
  .ms-rightcol {
    position: relative;
    right: auto;
    top: auto;
    float: left;
    max-width: 100%;
    padding: 0px;
  }
}

.ms-rightcol .default-rightcol-widget:first-of-type {
  margin-top: 0px;
}

@media all and (max-width: 960px) {
  .ms-rightcol .default-rightcol-widget:first-of-type {
    margin-top: 15px;
  }
}

.my-syndicates-container {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 0px;
}

.single-mysyndicates-block {
  float: left;
  width: 100%;
  min-height: 150px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 150px;
  position: relative;
  background-color: #f3f5f6;
  box-sizing: border-box;
}

.single-mysyndicates-block:first-of-type {
  margin-top: 0px;
}

.single-mysyndicates-block .long, .single-mysyndicates-block .short {
  font: inherit;
}

.single-mysyndicates-block .short {
  display: none;
}

@media all and (max-width: 560px) {
  .single-mysyndicates-block {
    padding: 0px 0px 0px 115px;
  }
}

@media all and (max-width: 480px) {
  .single-mysyndicates-block {
    padding: 120px 0 0 0;
  }
  .single-mysyndicates-block .short {
    display: unset;
  }
}

@media all and (max-width: 480px) {
  .single-mysyndicates-block.raising-syndi-blocks > div {
    min-height: 110px;
  }
}

@media all and (max-width: 480px) {
  .single-mysyndicates-block.raising-syndi-blocks > div .ms-cr-info-action {
    width: 100% !important;
  }
}

@media all and (max-width: 620px) {
  .single-mysyndicates-block.raising-syndi-blocks > div .ms-cr-info-action span,
  .single-mysyndicates-block.raising-syndi-blocks > div .ms-cr-info-action p {
    float: none;
    display: inline;
    padding: 0 5px 0 0;
  }
}

.single-mysyndicates-block > img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 150px;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 560px) {
  .single-mysyndicates-block > img {
    left: 10px;
    width: 110px;
    height: 110px;
  }
}

@media all and (max-width: 480px) {
  .single-mysyndicates-block > img {
    left: 50%;
    margin-left: -55px;
  }
}

.single-mysyndicates-block .ms-status {
  position: absolute;
  top: 0px;
  right: 20px;
  height: 19px;
  font-family: 'latoregular';
  font-size: 11px;
  color: #ffffff;
  margin: 0px;
  padding: 3px 10px;
  background-color: #8f9ea9;
  width: 90px;
  text-align: center;
}

.single-mysyndicates-block .ms-status.active {
  background-color: #aad155;
}

.single-mysyndicates-block .ms-status.pending {
  background-color: #f8b93e;
}

.single-mysyndicates-block .ms-status.disapproved {
  background-color: #ec5f73;
}

.single-mysyndicates-block .ms-status.draft {
  background-color: #8f9ea9;
}

.single-mysyndicates-block .ms-status.complete {
  background-color: #469edc;
}

.single-mysyndicates-block .ms-status.closed {
  background-color: #ec5f73;
}

.single-mysyndicates-block > div {
  float: left;
  width: 100%;
  min-height: 150px;
  margin: 0px;
  padding: 20px 15px 50px 15px;
  position: relative;
}

@media all and (max-width: 1050px) {
  .single-mysyndicates-block > div {
    padding: 20px 15px;
  }
}

@media all and (max-width: 620px) {
  .single-mysyndicates-block > div {
    padding-bottom: 60px !important;
  }
}

@media all and (max-width: 480px) {
  .single-mysyndicates-block > div {
    padding: 10px !important;
  }
}

.single-mysyndicates-block > div > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 70px 0px 0px;
  font-family: 'latoblack';
  font-size: 19px;
  color: #7e7e7e;
}

@media all and (max-width: 620px) {
  .single-mysyndicates-block > div > span {
    padding: 0;
  }
}

@media all and (max-width: 480px) {
  .single-mysyndicates-block > div > span {
    font-size: 16px;
    text-align: center;
  }
}

.single-mysyndicates-block > div > p {
  float: left;
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 13px;
  color: #7e7e7e;
  line-height: 18px;
}

@media all and (max-width: 620px) {
  .single-mysyndicates-block > div > p {
    min-height: 105px;
  }
}

@media all and (max-width: 560px) {
  .single-mysyndicates-block > div > p {
    min-height: 72px;
  }
}

@media all and (max-width: 480px) {
  .single-mysyndicates-block > div > p {
    min-height: auto;
    text-align: center;
  }
}

.single-mysyndicates-block > div .single-ms-action-buttons {
  position: absolute;
  bottom: 15px;
  right: 0px;
  margin: 0px;
  padding: 0px 15px;
  margin: 0px;
}

.single-mysyndicates-block > div .single-ms-action-buttons a {
  margin-right: 0;
}

@media all and (max-width: 480px) {
  .single-mysyndicates-block > div .single-ms-action-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .single-mysyndicates-block > div .single-ms-action-buttons a {
    margin: 10px auto;
  }
}

@media all and (max-width: 350px) {
  .single-mysyndicates-block > div .single-ms-action-buttons a {
    padding-left: 5px !important;
    flex-direction: column;
    justify-content: center;
  }
}

.single-mysyndicates-block > div .single-ms-action-buttons.my-syndicates-listing .ms-see-offer-btn {
  color: #ffffff;
  background-color: #469edc;
  background-image: url("../../../images/white-button-arrow.png");
}

.single-mysyndicates-block > div .single-ms-action-buttons > a {
  float: right;
  margin: 0px 0px 0px 10px;
  padding: 6px 35px 5px 10px;
  min-height: 26px;
  font-family: 'latoblack';
  font-size: 11px;
  text-transform: uppercase;
  color: #469edc;
  text-decoration: none;
  background-image: url("../../images/blue-button-arrow.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-style: solid;
  border-color: #469edc;
  border-width: 1px;
  transition: 0.3s;
}

.single-mysyndicates-block > div .single-ms-action-buttons > a:hover {
  background-position: right 7px center;
}

@media all and (max-width: 490px) {
  .single-mysyndicates-block > div .single-ms-action-buttons > a {
    margin: 0px 10px 0px 0px;
    background-image: none;
    padding: 6px 10px;
    margin-right: 0 !important;
  }
}

@media all and (max-width: 1050px) {
  .single-mysyndicates-block > div .single-ms-action-buttons {
    bottom: auto;
    right: auto;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 5px 0px 0px 0px;
    position: relative;
  }
  .single-mysyndicates-block > div .single-ms-action-buttons > a {
    margin: 10px 10px 0px 0px;
  }
  .single-mysyndicates-block > div .single-ms-action-buttons > a:last-of-type {
    margin: 10px auto;
  }
}

.single-mysyndicates-block > div .ms-cr-info-action {
  position: absolute;
  bottom: 15px;
  left: 15px;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 1050px) {
  .single-mysyndicates-block > div .ms-cr-info-action {
    float: left;
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 10px;
  }
}

@media all and (max-width: 620px) {
  .single-mysyndicates-block > div .ms-cr-info-action {
    position: absolute !important;
    left: -145px !important;
    bottom: 7px !important;
  }
}

@media all and (max-width: 560px) {
  .single-mysyndicates-block > div .ms-cr-info-action {
    left: -105px !important;
  }
}

@media all and (max-width: 480px) {
  .single-mysyndicates-block > div .ms-cr-info-action {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
  }
}

.single-mysyndicates-block > div .ms-cr-info-action > span {
  float: left;
  margin: 0px;
  padding: 0px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  clear: both;
}

@media all and (max-width: 620px) {
  .single-mysyndicates-block > div .ms-cr-info-action > span {
    font-size: 12px;
  }
}

.single-mysyndicates-block > div .ms-cr-info-action > a {
  float: left;
  margin: 3px 0px 0px 0px;
  padding: 0px;
  font-family: "latoregular";
  font-size: 11px;
  color: #469edc;
  text-decoration: none;
  clear: both;
}

.single-mysyndicates-block > div .ms-cr-info-action > a:hover {
  text-decoration: underline;
}

.single-mysyndicates-block > div .ms-cr-info-action > p {
  float: left;
  margin: 3px 0px 0px 0px;
  padding: 0px;
  font-family: "latoregular";
  font-size: 11px;
  color: #7e7e7e;
  text-decoration: none;
  clear: both;
}

/* single-mysyndicates-block ends here */
/* Landing Page Syndicates section */
.landing-top-btns {
  float: left !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.landing-top-btns.blue a {
  background-color: #469edc;
}

.landing-top-btns.blue a:hover {
  background-color: #5ba9e0;
  border-style: solid;
  border-color: #5ba9e0;
  border-width: 1px;
}

.landing-top-btns a {
  float: none !important;
  display: inline-block;
  max-width: 215px;
  margin: 0 15px;
  font-size: 15px;
  line-height: 20px;
  width: 100%;
  padding: 10px 35px 10px 15px;
  color: #ffffff;
  font-family: 'latoregular';
  border-style: solid;
  border-color: #469edc;
  border-width: 1px;
  transition: 0.3s;
}

.landing-top-btns a:hover {
  background-color: #469edc;
}

@media all and (max-width: 580px) {
  .landing-top-btns a {
    font-size: 12px;
    margin: 0 5px;
    max-width: 180px;
  }
}

@media all and (max-width: 420px) {
  .landing-top-btns a {
    margin: 0 10px 15px;
  }
}

.landing-top-btns a:first-child {
  margin-left: 0;
}

@media all and (max-width: 580px) {
  .landing-top-btns a:first-child {
    margin-left: 0;
  }
}

@media all and (max-width: 420px) {
  .landing-top-btns a:first-child {
    margin: 0 10px 15px;
  }
}

.landing-top-btns a:last-child {
  margin-right: 0;
}

@media all and (max-width: 580px) {
  .landing-top-btns a:last-child {
    margin-right: 0;
  }
}

@media all and (max-width: 420px) {
  .landing-top-btns a:last-child {
    margin: 0 10px 0;
  }
}

.landing-top-btns a.landing-browse-btn {
  background-image: url("../../../images/synd-browse-btn-icon@2x.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: right 7px center;
}

.landing-top-btns a.landing-lead-btn {
  background-image: url("../../../images/synd-lead-btn-icon@2x.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: right 7px center;
}

#home-top-wrapper {
  width: 100%;
  height: calc(100vh - 70px);
  background-image: url(../../images/home-top-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  display: table;
  overflow: hidden;
}

@media all and (max-width: 768px) {
  #home-top-wrapper {
    height: 50%;
    padding: 50px 0;
  }
}

#home-top-wrapper.landing-syndicates-top-wrap {
  background-image: url("../../../images/syndicates-lp.jpg");
}

#home-top-wrapper.landing-syndicates-top-wrap .htw-inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

#home-top-wrapper.landing-syndicates-top-wrap .htw-inner .mn-syndicate-title {
  font-size: 48px;
  font-family: latoregular;
  margin-bottom: 22px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  max-width: 780px;
  padding-right: 15px;
  padding-left: 15px;
}

@media all and (max-width: 768px) {
  #home-top-wrapper.landing-syndicates-top-wrap .htw-inner .mn-syndicate-title {
    font-size: 36px;
  }
}

#home-top-wrapper.landing-syndicates-top-wrap .htw-inner .mn-syndicate-subtitle {
  font-size: 24px;
  font-family: latolight;
  max-width: 780px;
  margin-bottom: 40px;
  line-height: 30px;
  text-align: center;
  margin: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media all and (max-width: 768px) {
  #home-top-wrapper.landing-syndicates-top-wrap .htw-inner .mn-syndicate-subtitle {
    font-size: 18px;
  }
}

#home-top-wrapper.landing-syndicates-top-wrap .syndicate-top-btns-cnt {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

#home-top-wrapper.landing-syndicates-top-wrap .syndicate-top-btns-cnt .syndicate-center-blue-btn {
  width: 253px;
  height: 55px;
  background-color: #469edc;
  padding: 20px;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  font-family: latoregular;
  margin-top: 40px;
  transition: .3s;
  margin-right: 20px;
}

#home-top-wrapper.landing-syndicates-top-wrap .syndicate-top-btns-cnt .syndicate-center-blue-btn:hover {
  background-color: rgba(70, 158, 220, 0.9);
}

@media all and (max-width: 560px) {
  #home-top-wrapper.landing-syndicates-top-wrap .syndicate-top-btns-cnt .syndicate-center-blue-btn {
    margin-right: 0;
    margin-top: 15px;
  }
}

#home-top-wrapper.landing-syndicates-top-wrap .syndicate-top-btns-cnt .syndicate-center-white-btn {
  width: 253px;
  height: 55px;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 20px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-family: latoregular;
  margin-top: 40px;
  transition: .3s;
  transition: 0.3s;
}

@media all and (max-width: 560px) {
  #home-top-wrapper.landing-syndicates-top-wrap .syndicate-top-btns-cnt .syndicate-center-white-btn {
    margin-top: 15px;
  }
}

#home-top-wrapper.landing-syndicates-top-wrap .syndicate-top-btns-cnt .syndicate-center-white-btn:hover {
  background-color: #469edc;
  border: 1px solid #469edc;
  color: #ffffff;
}

#home-top-wrapper.landing-syndicates-top-wrap {
  background-image: url("../../../images/syndicates-lp.jpg");
}

#home-top-wrapper.landing-syndicates-top-wrap .syndicates-inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

#home-top-wrapper.landing-syndicates-top-wrap .syndicates-inner .mn-syndicate-title {
  font-size: 48px;
  font-family: latoregular;
  margin-bottom: 22px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  max-width: 780px;
  padding-right: 15px;
  padding-left: 15px;
}

@media all and (max-width: 768px) {
  #home-top-wrapper.landing-syndicates-top-wrap .syndicates-inner .mn-syndicate-title {
    font-size: 38px;
  }
}

@media all and (max-width: 600px) {
  #home-top-wrapper.landing-syndicates-top-wrap .syndicates-inner .mn-syndicate-title {
    font-size: 32px;
  }
}

#home-top-wrapper.landing-syndicates-top-wrap .syndicates-inner .mn-syndicate-subtitle {
  font-size: 24px;
  font-family: latolight;
  max-width: 780px;
  margin-bottom: 40px;
  line-height: 30px;
  text-align: center;
  margin: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media all and (max-width: 768px) {
  #home-top-wrapper.landing-syndicates-top-wrap .syndicates-inner .mn-syndicate-subtitle {
    font-size: 18px;
  }
}

.syndicates-top-faq-link {
  color: #ffffff;
  margin: auto;
  display: block;
  margin-top: 30px;
  text-align: center;
  transition: .3s;
}

.syndicates-top-faq-link:hover {
  color: #469edc;
}

.general-link {
  float: none;
  display: inline-block;
  margin: 0;
  padding: 0 35px 0 10px;
  min-height: 25px;
  line-height: 25px;
  font-family: "latobold";
  font-size: 14px;
  text-transform: uppercase;
  color: #469edc;
  text-decoration: none;
  background-image: url("../../images/blue-button-arrow.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-style: solid;
  border-color: #469edc;
  border-width: 1px;
  transition: 0.3s;
  box-sizing: border-box;
}

.general-link:hover {
  background-position: right 7px center;
}

.green-link {
  float: none;
  display: inline-block;
  width: 100%;
  max-width: 250px;
  text-align: center;
  font-size: 16px;
  line-height: 50px;
  margin: 0;
  padding: 0 5px;
  color: #ffffff;
  background-color: #aad155;
  transition: 0.3s;
  border: 0px;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box;
}

.green-link:hover {
  background-color: #b4d669;
}

.dark-blue-link {
  float: none;
  display: inline-block;
  width: 100%;
  max-width: 250px;
  text-align: center;
  font-size: 16px;
  line-height: 50px;
  margin: 0;
  padding: 0 5px;
  font-family: 'latolight';
  color: #ffffff;
  background-color: #2c6892;
  transition: 0.3s;
  border: 0px;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box;
}

.dark-blue-link:hover {
  background-color: #3276a6;
}

.landing-top-faq-link {
  float: left;
  color: #ffffff;
  font-family: "latoregular";
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 0 2px;
  padding: 0;
  transition: 0.3s;
}

.landing-top-faq-link:hover {
  color: #469edc;
  text-decoration: underline;
}

@media all and (max-width: 530px) {
  .landing-top-faq-link {
    display: inline-block;
    float: none;
    margin: 0;
  }
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .landing-top-faq-link {
    text-align: center;
    float: none;
  }
}

.homepage-cta-wrapper.landing-page > div {
  margin-top: 0;
}

.syndicate-hiw-blocks-wrapper.synd-landing-blocks-out {
  margin: 0;
  padding-bottom: 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

@media all and (max-width: 650px) {
  .syndicate-hiw-blocks-wrapper.synd-landing-blocks-out {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 0;
  }
}

@media all and (max-width: 1020px) {
  .syndicate-hiw-blocks-wrapper.synd-landing-blocks-out .shiw-block {
    max-width: 250px;
  }
}

@media all and (max-width: 860px) {
  .syndicate-hiw-blocks-wrapper.synd-landing-blocks-out .shiw-block {
    margin: 0;
  }
}

@media all and (max-width: 800px) {
  .syndicate-hiw-blocks-wrapper.synd-landing-blocks-out .shiw-block {
    max-width: 220px;
  }
}

@media all and (max-width: 710px) {
  .syndicate-hiw-blocks-wrapper.synd-landing-blocks-out .shiw-block {
    margin: 10px;
  }
}

@media all and (max-width: 510px) {
  .syndicate-hiw-blocks-wrapper.synd-landing-blocks-out .shiw-block {
    max-width: 300px;
    margin: 0 0 10px !important;
  }
}

@media all and (max-width: 860px) {
  .syndicate-hiw-blocks-wrapper.synd-landing-blocks-out .shiw-block:first-of-type {
    margin-right: 5px;
  }
}

@media all and (max-width: 860px) {
  .syndicate-hiw-blocks-wrapper.synd-landing-blocks-out .shiw-block:last-of-type {
    margin-left: 5px;
  }
}

.syndicate-top-btns-cnt {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.syndicate-top-btns-cnt .syndicate-center-blue-btn {
  width: 253px;
  height: 55px;
  background-color: #469edc;
  padding: 20px;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  font-family: latoregular;
  margin-top: 40px;
  transition: .3s;
  margin-right: 20px;
}

.syndicate-top-btns-cnt .syndicate-center-blue-btn:hover {
  background-color: rgba(70, 158, 220, 0.9);
}

@media all and (max-width: 560px) {
  .syndicate-top-btns-cnt .syndicate-center-blue-btn {
    margin-right: 0;
    margin-top: 15px;
  }
}

.syndicate-top-btns-cnt .syndicate-center-white-btn {
  width: 253px;
  height: 55px;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 20px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-family: latoregular;
  margin-top: 40px;
  transition: .3s;
  margin-right: 20px;
  transition: 0.3s;
}

@media all and (max-width: 560px) {
  .syndicate-top-btns-cnt .syndicate-center-white-btn {
    margin-right: 0;
    margin-top: 15px;
  }
}

.syndicate-top-btns-cnt .syndicate-center-white-btn:hover {
  background-color: #469edc;
  border: 1px solid #469edc;
  color: #ffffff;
}

.contact-syndicate.syndicate-landing {
  float: left;
  width: 100%;
  padding: 60px 0;
  background-color: #ebebeb;
}

.contact-syndicate.syndicate-landing .contact-syndicate-heading {
  float: left;
  width: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  font-family: 'latobold';
  font-size: 18px;
  color: #333;
  box-sizing: border-box;
}

@media all and (max-width: 580px) {
  .contact-syndicate.syndicate-landing .contact-syndicate-heading {
    font-size: 15px;
  }
}

.contact-syndicate.syndicate-landing .syndicate-contact-blake {
  float: left;
  width: 100%;
  padding: 30px 0 0;
  margin: 0;
  font-size: 20px;
  color: #ffffff;
}

@media all and (max-width: 580px) {
  .contact-syndicate.syndicate-landing .syndicate-contact-blake {
    font-size: 16px;
  }
}

.contact-syndicate.syndicate-landing .syndicate-contact-blake span {
  float: left;
  width: 100%;
  padding: 0px 10px 0;
  margin: 0;
  text-align: center;
  font-family: "latoregular";
  font-size: 18px;
  line-height: 150%;
  box-sizing: border-box;
}

.contact-syndicate.syndicate-landing .syndicate-contact-blake span.bold {
  font-family: 'latobold';
  font-size: 25px;
}

@media all and (max-width: 580px) {
  .contact-syndicate.syndicate-landing .syndicate-contact-blake span.bold {
    font-size: 20px;
  }
}

.contact-syndicate.syndicate-landing .syndicate-contact-blake span.bottom {
  padding-top: 20px;
  font-size: 18px;
}

@media all and (max-width: 580px) {
  .contact-syndicate.syndicate-landing .syndicate-contact-blake span.bottom {
    font-size: 15px;
  }
}

.home-section.landing-page > div {
  max-width: 1300px;
  margin: 0 auto;
}

.what-wedo-section.landing-page p.home-section-title {
  margin: 0;
  padding: 0;
}

.what-wedo-section.landing-page > div > div.landing-featured-box-out {
  max-width: 1300px;
  padding: 60px 0 50px;
  text-align: center;
}

.what-wedo-section.landing-page > div > div.landing-featured-box-out > div {
  float: none;
  display: inline-block;
  width: 100%;
  max-width: 300px;
  margin: 0 7px 10px;
  background-color: #ffffff;
  padding: 5px;
  box-sizing: border-box;
}

@media all and (max-width: 580px) {
  .what-wedo-section.landing-page > div > div.landing-featured-box-out > div {
    margin: 0 0 10px;
  }
}

.what-wedo-section.landing-page > div > div.landing-featured-box-out > div .shiw-block {
  margin: 0;
  padding-top: 0;
  width: 100%;
}

.what-wedo-section.landing-page > div > div.landing-featured-box-out > div .shiw-block img {
  border-radius: 50%;
  margin-top: 15px;
}

@media all and (max-width: 580px) {
  .what-wedo-section.landing-page > div > div.landing-featured-box-out > div .shiw-block {
    min-height: 320px;
  }
}

.what-wedo-section.landing-page > div > div.landing-featured-box-out .syndicate-inner-cont {
  text-align: center;
}

.what-wedo-section.landing-page > div > div.landing-featured-box-out .syndicate-inner-cont > a {
  float: none;
  display: inline-block;
  color: #898888;
  font-family: "latobold";
  font-size: 16px;
  margin: 0 0 15px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  line-height: 135%;
  transition: 0.3s;
}

.what-wedo-section.landing-page > div > div.landing-featured-box-out .syndicate-inner-cont > a:hover {
  color: #5ba9e0;
}

.lp-syndicates-container .single-mysyndicates-block {
  width: 49%;
}

.lp-syndicates-container .single-mysyndicates-block:first-of-type {
  margin-top: 15px !important;
}

.lp-syndicates-container .single-mysyndicates-block:nth-child(odd) {
  margin-right: 0.5%;
}

.lp-syndicates-container .single-mysyndicates-block:nth-child(even) {
  margin-left: 0.5%;
}

@media all and (max-width: 1055px) {
  .lp-syndicates-container .single-mysyndicates-block {
    width: 100%;
  }
  .lp-syndicates-container .single-mysyndicates-block:nth-child(odd) {
    margin-right: 0px;
  }
  .lp-syndicates-container .single-mysyndicates-block:nth-child(even) {
    margin-left: 0px;
  }
}

.lp-syndicate-ia > div {
  float: left;
  margin: 0px;
  padding: 0px 15px 0px 0px;
}

.lp-syndicate-ia > div > span {
  float: left;
  margin: 0px;
  padding: 0px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  clear: both;
}

.lp-syndicate-ia > div > p {
  float: left;
  margin: 3px 0px 0px 0px;
  padding: 0px;
  font-family: "latoregular";
  font-size: 11px;
  color: #7e7e7e;
  text-decoration: none;
  clear: both;
}

.syndicate-leads-cont {
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.syndicate-leads-cont .slc-half {
  float: left;
  width: 50%;
  margin: 0px;
  padding: 0px;
}

.syndicate-leads-cont .slc-half:first-of-type {
  padding-right: 10px;
}

.syndicate-leads-cont .slc-half:last-of-type {
  padding-left: 10px;
}

@media all and (max-width: 600px) {
  .syndicate-leads-cont .slc-half:last-of-type {
    position: absolute;
    top: 0px;
    left: 0px;
  }
}

.syndicate-leads-cont .slc-half .default-info-tooltip > p {
  line-height: 15px !important;
}

.syndicate-leads-cont .slc-half .login-steps-container {
  margin-top: 0px;
  padding: 0;
}

.syndicate-leads-cont .slc-half .login-steps-container .ls-alternative-buttons p.button-description {
  font-family: 'latolight';
  font-size: 14px;
  color: #7e7e7e;
  line-height: 21px;
  margin-bottom: 10px;
}

.syndicate-leads-cont .slc-half .login-steps-container .ls-alternative-buttons > a {
  background-color: #6aa1c8;
  text-align: left;
  background-image: none;
  position: relative;
}

.syndicate-leads-cont .slc-half .login-steps-container .ls-alternative-buttons > a:after {
  top: 18px;
  right: 15px;
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-left: 10px solid #ffffff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.syndicate-leads-cont .slc-half .login-steps-container .ls-alternative-buttons > a:hover {
  background-color: #7dadcf;
}

.syndicate-leads-cont .slc-half .login-steps-container .ls-alternative-buttons:first-of-type {
  margin-top: 0px;
}

@media all and (max-width: 600px) {
  .syndicate-leads-cont .slc-half {
    width: 100%;
    padding: 0px !important;
  }
}

@media all and (max-width: 600px) {
  .syndicate-leads-cont {
    padding-top: 185px;
  }
}

.syndicate-lead-explainer {
  margin-top: 0;
}

.syndicate-lead-explainer h4 {
  margin-bottom: 25px;
  font-family: 'latobold';
  font-size: 17px;
  color: #6195b9;
}

.syndicate-lead-explainer p {
  font-size: 14px;
  line-height: 21px;
}

.syndicate-lead-explainer strong {
  margin-top: 12px;
  margin-bottom: 12px;
  display: inline-block;
  font-size: 14px;
  color: #6195b9;
}

.create-syndicate-description {
  font-family: 'latolight';
  font-size: 14px;
  color: #7e7e7e;
  line-height: 21px;
  margin-bottom: 20px;
}

@media (max-width: 500px) {
  .create-deal {
    display: none;
  }
}

#mo-buttons a.mo-buttons-items {
  height: 26px;
  flex-direction: row-reverse !important;
  margin-right: 10px !important;
}

@media (max-width: 480px) {
  #mo-buttons {
    display: flex;
    flex-direction: row-reverse;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
FOOTER
---------------------------------------------------------- */
.my-investments-wrapper {
  float: left;
  width: 100%;
  margin: 60px 0px 0px 0px;
  padding: 0px 340px 0px 0px;
  position: relative;
}

@media all and (max-width: 960px) {
  .my-investments-wrapper {
    padding: 0px;
  }
}

.id-info-tooltip {
  margin-bottom: 15px;
}

.id-tabs {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 15px 0px 0px 0px;
  padding: 0px;
  position: relative;
}

@media all and (max-width: 600px) {
  .id-tabs {
    background-color: #8f9ea9;
  }
}

.id-tabs > li {
  float: left;
  width: 33.3%;
  min-height: 40px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-style: solid;
  border-color: #7c8b97;
  border-right-width: 1px;
}

.id-tabs > li:last-of-type {
  border: 0px;
}

@media all and (max-width: 600px) {
  .id-tabs > li {
    width: 50%;
    border-style: solid;
    border-color: #7c8b97;
    border-bottom-width: 1px;
  }
  .id-tabs > li:last-of-type {
    border-style: solid;
    border-color: #7c8b97;
    border-right-width: 1px;
  }
}

.id-tabs > li > a {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 0px;
  padding: 11px 0px 0px 0px;
  text-decoration: none;
  font-family: 'latobold';
  font-size: 15px;
  color: #ffffff;
  background-color: #8f9ea9;
  text-align: center;
  transition: 0.3s;
}

.id-tabs > li > a:hover, .id-tabs > li > a.active {
  background-color: #9daab4;
}

/* Investments details tabs ends here */
.id-inner-tabs {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 15px 0px 0px 0px;
  padding: 0px;
  position: relative;
}

@media all and (max-width: 600px) {
  .id-inner-tabs {
    background-color: #8f9ea9;
  }
}

.id-inner-tabs > li {
  float: left;
  width: 20%;
  min-height: 40px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-style: solid;
  border-color: #7c8b97;
  border-right-width: 1px;
}

.id-inner-tabs > li:last-of-type {
  border: 0px;
}

@media all and (max-width: 600px) {
  .id-inner-tabs > li {
    width: 50%;
    border-style: solid;
    border-color: #7c8b97;
    border-bottom-width: 1px;
  }
  .id-inner-tabs > li:last-of-type {
    border-style: solid;
    border-color: #7c8b97;
    border-right-width: 1px;
  }
}

.id-inner-tabs > li > a {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 0px;
  padding: 11px 0px 0px 0px;
  text-decoration: none;
  font-family: 'latobold';
  font-size: 15px;
  color: #ffffff;
  background-color: #8f9ea9;
  text-align: center;
  transition: 0.3s;
}

.id-inner-tabs > li > a:hover, .id-inner-tabs > li > a.active {
  background-color: #9daab4;
}

/* Investments details inner tabs ends here */

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
CAPITAL RAISINGS
---------------------------------------------------------- */
.capital-raisings-tabs {
  float: left;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  width: 100%;
}

.capital-raisings-tabs > li {
  float: left;
  width: 50%;
  min-height: 40px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-style: solid;
  border-color: #ffffff;
  border-right-width: 1px;
}

@media all and (max-width: 420px) {
  .capital-raisings-tabs > li {
    width: 100%;
  }
}

.capital-raisings-tabs > li:last-of-type {
  border: 0px;
}

.capital-raisings-tabs > li > a {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 0px;
  padding: 11px 0px 0px;
  font-family: 'latobold';
  font-size: 15px;
  color: #ffffff;
  background-color: #8f9ea9;
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
}

.capital-raisings-tabs > li > a:hover, .capital-raisings-tabs > li > a.active {
  background-color: #469edc;
}

@media all and (max-width: 730px) {
  .cr-leftcol {
    padding-top: 60px;
  }
}

@media all and (max-width: 420px) {
  .cr-leftcol {
    padding-top: 110px;
  }
}

.cr-tabs-cont {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  /* Capital raisings tabs content ends here */
}

.cr-tabs-cont .cr-tabs-content {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 15px 0px;
  background-color: #ffffff;
}

.cr-tabs-cont .cr-tabs-content .cr-statistics, .cr-tabs-cont .cr-tabs-content .cr-investments, .cr-tabs-cont .cr-tabs-content .cr-announcements {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

/* Capital raisings tabs container ends here */
.cr-tabs {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 15px 0px 0px 0px;
  padding: 0px;
  position: relative;
}

@media all and (max-width: 600px) {
  .cr-tabs {
    background-color: #8f9ea9;
  }
}

.cr-tabs > li {
  float: left;
  width: 33.3%;
  min-height: 40px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-style: solid;
  border-color: #ffffff;
  border-right-width: 1px;
}

.cr-tabs > li:last-of-type {
  border: 0px;
}

@media all and (max-width: 600px) {
  .cr-tabs > li {
    width: 50%;
    border-style: solid;
    border-color: #7c8b97;
    border-bottom-width: 1px;
  }
  .cr-tabs > li:last-of-type {
    border-style: solid;
    border-color: #7c8b97;
    border-right-width: 1px;
  }
}

.cr-tabs > li > a {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 0px;
  padding: 11px 0px 0px 0px;
  text-decoration: none;
  font-family: 'latobold';
  font-size: 15px;
  color: #ffffff;
  background-color: #8f9ea9;
  text-align: center;
  transition: 0.3s;
}

.cr-tabs > li > a:hover, .cr-tabs > li > a.active {
  background-color: #469edc;
}

/* User profile tabs ends here */
.cr-table-container {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.cr-investments {
  display: none;
}

.cr-announcements {
  display: none;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
NOTIFICATIONS
---------------------------------------------------------- */
.notifications-container {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 0px;
}

.notifications-container .single-notification {
  float: left;
  width: 100%;
  min-height: 65px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 80px;
  background-color: #f3f5f6;
  position: relative;
}

.notifications-container .single-notification:first-of-type {
  margin-top: 0px;
}

.notifications-container .single-notification > img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 65px;
  height: 65px;
  margin: 0px;
  padding: 0px;
}

.notifications-container .single-notification > div {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.notifications-container .single-notification > div > span {
  float: left;
  width: 100%;
  margin: 15px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
}

.notifications-container .single-notification > div > p {
  float: left;
  width: 100%;
  margin: 7px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 12px;
  color: #7e7e7e;
}

.notifications-container .single-notification .remove-notification-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  margin: 0px;
  padding: 0px;
  background-image: url("../../images/remove-notification-btn.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.notifications-container .single-notification .remove-notification-btn:hover {
  background-position: 0px -10px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
OFFER DETAILS
---------------------------------------------------------- */
.od-project-name-header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 60px;
  background-color: #313131;
  z-index: 1005;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.od-project-name-header.od-pnh-visible {
  visibility: visible;
  opacity: 1;
}

.od-project-name-header > div {
  margin: 0px auto;
  width: 100%;
  max-width: 1200px;
  padding: 0px;
  min-height: 60px;
  position: relative;
}

.od-project-name-header > div > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 17px 240px 3px 55px;
  font-family: 'latobold';
  font-size: 22px;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

@media all and (max-width: 768px) {
  .od-project-name-header > div > span {
    padding: 21px 130px 3px 55px;
  }
}

@media all and (max-width: 550px) {
  .od-project-name-header > div > span {
    font-size: 16px;
  }
}

.od-project-name-header > div > a {
  background-color: #aad155;
  background-image: url("../../images/invest-btn-icon.png");
  background-position: right 15px center;
  background-repeat: no-repeat;
  border: 0 none;
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 0px;
  font-family: "latoblack";
  font-size: 14px;
  margin: 0;
  padding: 13px 45px 15px 15px;
  text-transform: uppercase;
  transition: 0.3s;
  width: 220px;
  height: 40px;
}

.od-project-name-header > div > a:before {
  content: "Invest in this offer";
}

@media all and (max-width: 768px) {
  .od-project-name-header > div > a {
    width: 110px;
  }
  .od-project-name-header > div > a:before {
    content: "Invest";
  }
}

.od-project-name-header > div > a:hover {
  background-color: #b4d669;
}

@media all and (max-width: 1240px) {
  .od-project-name-header > div > a {
    right: 10px;
  }
}

.od-pnh-share-cont {
  position: absolute;
  top: 10px;
  left: 0px;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 1240px) {
  .od-pnh-share-cont {
    left: 10px;
  }
}

.od-pnh-share-cont > a {
  float: left;
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border-radius: 20px;
  background-color: #68cfad;
  background-image: url(../../images/offer-details-share-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
}

.od-pnh-share-cont > a:hover {
  background-color: #55c9a2;
}

.od-pnh-share-cont > div {
  float: left;
  margin: 0px;
  padding: 8px 0px 0px 0px;
  height: 40px;
  border-radius: 0px 20px 20px 0px;
  background-color: #68cfad;
  position: relative;
  left: -20px;
  z-index: 1;
  width: 0;
  padding-left: 0;
  overflow: hidden;
}

.od-pnh-share-cont > div > a {
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 0px;
}

.od-pnh-share-cont > div > a > img {
  float: left;
  margin: 0px;
  padding: 0px;
}

.od-ts-share-cont {
  right: 15px;
  top: -70px;
  left: auto;
}

.od-ts-share-cont > a {
  float: right;
}

.od-ts-share-cont > div {
  border-radius: 20px 0px 0px 20px;
  left: 20px;
}

#od-key-statistics {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.offer-details-top-section {
  float: left;
  width: 100%;
  min-height: 440px;
  margin: 0px;
  padding: 0px;
  position: relative;
  background-image: url("../../images/offer-details-ts-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media all and (max-width: 1240px) {
  .offer-details-top-section {
    padding: 0px 10px;
  }
}

.offer-details-top-section:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.offer-details-top-section .od-ts-inner-cont {
  margin: 0px auto;
  width: 100%;
  max-width: 1200px;
  padding: 0px;
  position: relative;
  /* Offer Details info container ends here */
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont {
  float: left;
  width: 100%;
  margin: 95px 0px 0px 0px;
  padding: 0px 0px 0px 220px;
  position: relative;
  text-align: center;
  /* Offer Details logo container ends here */
  /* Offer Details info details ends here */
}

@media all and (max-width: 1240px) {
  .offer-details-top-section .od-ts-inner-cont .od-ts-info-cont {
    padding: 0px 0px 150px 180px;
  }
}

@media all and (max-width: 580px) {
  .offer-details-top-section .od-ts-inner-cont .od-ts-info-cont {
    padding: 0px 0px 150px 0px;
  }
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-logo {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 580px) {
  .offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-logo {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
  }
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-logo > img {
  float: left;
  width: 195px;
  height: 195px;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 1240px) {
  .offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-logo > img {
    width: 160px;
    height: 160px;
  }
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
  /* Order Details top section buttons */
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 18px;
  color: #ffffff;
  line-height: 1.5;
}

@media all and (max-width: 1240px) {
  .offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > p {
    font-size: 15px;
  }
}

@media all and (max-width: 580px) {
  .offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > p {
    text-align: center;
    margin-top: 10px;
  }
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: #ffffff;
  text-transform: uppercase;
}

@media all and (max-width: 580px) {
  .offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > span {
    text-align: center;
  }
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > span.od-ts-id-title {
  font-size: 35px;
  font-family: 'latobold';
}

@media all and (max-width: 1240px) {
  .offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > span.od-ts-id-title {
    font-size: 30px;
    margin-top: 10px;
  }
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > span.od-ts-id-subtitle {
  font-family: 'latolight';
  font-size: 18px;
  line-height: 1.5;
}

@media all and (max-width: 1240px) {
  .offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > span.od-ts-id-subtitle {
    font-size: 15px;
    margin-top: 10px;
  }
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > div {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  text-align: center;
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > div > a {
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 0px;
  text-decoration: none;
  background-repeat: no-repeat;
  color: #ffffff;
  font-size: 35px;
  transition: 0.3s;
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > div > a:hover {
  color: #469edc;
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > div > a.od-id-follow {
  width: 125px;
  height: 36px;
  font-family: 'latobold';
  font-size: 12px;
  color: #ffffff;
  padding: 8px 10px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 3px;
  transition: 0.3s;
  background-image: url("../../images/od-id-follow-arrow.png");
  background-position: right 15px center;
  border-radius: 20px;
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > div > a.od-id-follow:hover {
  background-position: right 10px center;
}

@media all and (max-width: 580px) {
  .offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > div > a {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > ul {
  float: left;
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  text-align: center;
}

@media all and (max-width: 580px) {
  .offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > ul {
    margin-top: 15px;
  }
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > ul > li {
  float: left;
  margin: 10px 10px 0px 0px;
  padding: 0px;
  list-style: none;
}

@media all and (max-width: 580px) {
  .offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > ul > li {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > ul > li > span {
  float: left;
  height: 26px;
  margin: 0px;
  padding: 6px 10px 6px 10px;
  background-color: rgba(0, 0, 0, 0.25);
  font-family: 'latobold';
  font-size: 12px;
  color: #ffffff;
  border-radius: 5px;
  position: relative;
}

.offer-details-top-section .od-ts-inner-cont .od-ts-info-cont .od-ts-info-details > ul > li > span:before {
  content: none;
}

/* Offer Details top section ends here */
.manrags-offer-image {
  background-image: url(/images/manrags-offers-image.jpg);
}

@media all and (max-width: 768px) {
  .manrags-offer-image {
    background-image: url(/images/manrags-offer-sm-min.jpg);
  }
}

.offer-details-main-content {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

@media all and (max-width: 1240px) {
  .offer-details-main-content {
    padding: 0px 10px;
  }
}

.offer-details-main-content .od-mc-inner-cont {
  position: relative;
  top: -65px;
  margin: 0px auto;
  width: 100%;
  max-width: 1200px;
  padding: 0px;
  background-color: #ffffff;
  clear: both;
  z-index: 10;
  /* Offer details main content top section ends here */
}

.offer-details-main-content .od-mc-inner-cont .offer-details-status-wrapper {
  position: absolute;
  top: -74px;
  left: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px 15px;
  transition: 0.3s;
  z-index: 1;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: odStatusAnimation 1.5s forwards;
}

.offer-details-main-content .od-mc-inner-cont .offer-details-status-wrapper > div {
  float: left;
  width: 100%;
  min-height: 56px;
  margin: 0px;
  padding: 0px 0px 0px 50px;
  border-radius: 5px 5px 0px 0px;
  background-color: #469edc;
  background-image: url("../../images/overfunding-status-icon.png");
  background-repeat: no-repeat;
  background-position: 15px center;
}

.offer-details-main-content .od-mc-inner-cont .offer-details-status-wrapper > div .offer-details-status {
  float: left;
  margin: 0px;
  padding: 13px 0px 0px;
  font-size: 20px;
  font-family: 'latoblack';
  color: #fff;
}

.offer-details-main-content .od-mc-inner-cont .offer-details-status-wrapper > div > p {
  float: right;
  margin: 0px;
  padding: 16px 15px;
  font-family: 'latobold';
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top {
  float: left;
  width: 100%;
  margin: 0px;
  position: relative;
  z-index: 2;
  min-height: 506px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background: #fff;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top > div {
  flex: 1;
}

@media all and (max-width: 1023px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top {
    display: block;
    padding: 30px;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video {
  float: left;
  width: auto;
  margin: 0px;
  padding: 0px;
  background-color: #000000;
  text-align: center;
  display: block;
  height: 508px;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video > div {
  width: auto;
  display: block;
  vertical-align: middle;
  position: relative;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video > div iframe, .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video > div object, .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video > div embed {
  height: 508px;
  width: 800px;
}

@media all and (max-width: 1220px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video > div iframe, .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video > div object, .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video > div embed {
    width: 600px;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video > div > img {
  max-height: 100%;
}

@media all and (max-width: 1023px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video {
    height: auto;
    width: 100%;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video iframe, .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video object, .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video embed {
    width: 100% !important;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video img {
    width: 100%;
    max-height: unset !important;
  }
}

@media all and (max-width: 600px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video iframe, .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video object, .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video embed {
    height: 300px !important;
  }
}

@media all and (max-width: 450px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video iframe, .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video object, .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-video embed {
    height: 200px !important;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details {
  box-sizing: border-box;
  margin: 0px;
  padding: 30px;
  max-width: 400px;
  flex: 1 0 400px;
  /* Top details list ends here */
}

@media all and (max-width: 1023px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details {
    max-width: 100%;
    float: left;
    position: relative;
    right: 0px;
    padding: 0px;
    top: 0px;
    margin-top: 30px;
    text-align: center;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  list-style: none;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li.bar-li > p {
  margin-top: 0px;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li:first-of-type {
  margin-top: 0px;
}

@media all and (max-width: 950px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li:first-of-type {
    padding: 8px 12px;
  }
}

@media all and (max-width: 1023px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li {
    width: 16.5%;
    padding: 0px 15px;
    margin-top: 0px;
    min-height: 60px;
    border-style: solid;
    border-color: #ededed;
    border-right-width: 1px;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li:last-of-type {
    border-right-width: 0px;
  }
}

@media all and (max-width: 950px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li {
    width: 33.3%;
    padding: 12px 15px;
    border-style: solid;
    border-color: #ededed;
    border-bottom-width: 1px;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li:nth-child(3n+3) {
    border-right-width: 0px;
  }
}

@media all and (max-width: 950px) and (max-width: 690px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li:nth-child(3n+3) {
    border-right-width: 1px;
  }
}

@media all and (max-width: 950px) and (max-width: 480px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li:nth-child(3n+3) {
    border-right-width: 0px;
  }
}

@media all and (max-width: 950px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li:nth-child(1n+4) {
    border-bottom-width: 0px;
  }
}

@media all and (max-width: 950px) and (max-width: 690px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li:nth-child(1n+4) {
    border-bottom-width: 1px;
  }
}

@media all and (max-width: 690px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li {
    width: 50%;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li:nth-child(1n+5) {
    border-bottom-width: 0px;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li:nth-child(2n+2) {
    border-right-width: 0px;
  }
}

@media all and (max-width: 480px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li {
    width: 100%;
    border-right-width: 0px;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li:nth-child(1n+5) {
    border-bottom-width: 1px;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoblack';
  font-size: 18px;
  color: #7e7e7e;
  text-align: right;
}

@media all and (max-width: 1023px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li > span {
    font-size: 13px;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li > span.od-mc-td-amount-invested {
  font-size: 40px;
  color: #68cfad;
}

@media all and (max-width: 1023px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li > span.od-mc-td-amount-invested {
    font-size: 25px;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li > p {
  float: left;
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 18px;
  color: #b3b3b3;
  text-align: right;
}

@media all and (max-width: 1023px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li > p {
    font-size: 13px;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li .od-mc-td-progresbar {
  float: left;
  width: 100%;
  height: 10px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  background-color: #eff1eb;
  overflow: hidden;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details > ul > li .od-mc-td-progresbar > div {
  float: left;
  height: 30px;
  margin: 0px;
  padding: 0px;
  background: #68cfad;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .invest-offer-button {
  float: right;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 15px 70px 15px 15px;
  font-family: 'latoblack';
  color: #ffffff;
  background-color: #68cfad;
  transition: 0.3s;
  background-image: url("../../images/invest-btn-icon.png");
  background-repeat: no-repeat;
  background-position: right 15px center;
  border: 0px;
  text-transform: uppercase;
  cursor: pointer;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .invest-offer-button:hover {
  background-color: #55c9a2;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .invest-offer-button.large {
  height: 52px;
  font-size: 14px;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .invest-offer-button.funding-complete-inactive {
  background-color: grey;
  cursor: default;
}

@media all and (max-width: 1023px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .invest-offer-button {
    max-width: 320px;
    float: none;
    display: inline-block;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .check-prospectus {
  float: left;
  color: #7e7e7e;
  font-family: "latolight";
  font-size: 15px;
  margin: 5px 0 0;
  padding: 0;
  width: 100%;
  text-align: right;
}

@media all and (max-width: 1023px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .check-prospectus {
    text-align: center;
    margin: 15px 0 0;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .check-prospectus input[type=checkbox].default-checkbox + label.default-checkbox-label {
  padding-left: 30px;
  height: 20px;
  line-height: 20px;
  font-family: "latolight";
  font-size: 14px;
  /* Media queries */
}

@media all and (max-width: 479px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .check-prospectus input[type=checkbox].default-checkbox + label.default-checkbox-label {
    line-height: 16px;
  }
}

@media all and (max-width: 330px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .check-prospectus input[type=checkbox].default-checkbox + label.default-checkbox-label {
    font-size: 12px;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .check-prospectus input[type=checkbox].default-checkbox:checked + label.default-checkbox-label {
  background-position: 0 -20px;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .check-prospectus label.default-checkbox-label {
  background-image: url("../../../images/checkbox-sprite-small.png");
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .check-prospectus label.default-checkbox-label > a {
  text-decoration: none;
  color: #71baed;
  font-family: 'latoregular';
}

.offer-details-main-content .od-mc-inner-cont .od-mc-top .od-mc-top-details .check-prospectus label.default-checkbox-label > a:hover {
  text-decoration: underline;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper {
  float: left;
  width: 100%;
  padding: 0px;
  margin: 0px;
  position: relative;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation {
  position: relative;
  z-index: 100;
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  /* Offer details main tabs ends here */
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation > div {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 0px 0px 1px 0px;
  padding: 0px;
  background-color: #469edc;
  display: none;
}

@media all and (max-width: 580px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation > div {
    display: inline-block;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation > div > span {
  float: left;
  margin: 0px;
  padding: 13px 15px;
  font-family: 'latoblack';
  font-size: 13px;
  color: #ffffff;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation > div .od-mc-main-tabs-menu {
  float: right;
  width: 22px;
  height: 18px;
  margin: 11px;
  padding: 0px;
  background-image: url("../../images/od-tabs-menu-icon.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation > div .od-mc-main-tabs-menu.active {
  background-position: 0px -18px;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

@media all and (max-width: 580px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs {
    display: none;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li {
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  position: relative;
  border-style: solid;
  border-color: #ffffff;
  border-right-width: 1px;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li:last-of-type {
  border-right: 0px;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li > a {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 0px;
  padding: 13px 10px;
  text-decoration: none;
  background-color: #71baed;
  font-family: 'latobold';
  font-size: 13px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  transition: 0.3s;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li > a:hover, .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li > a.active {
  background-color: #44a4e7;
}

@media all and (max-width: 930px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li > a {
    font-size: 11px;
  }
}

@media all and (max-width: 800px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li > a {
    min-height: 48px;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li .od-mc-main-tabs-counter {
  position: absolute;
  top: -15px;
  right: 7px;
  margin: 0px;
  padding: 4px 0px;
  width: 26px;
  height: 26px;
  background-color: #dd1c52;
  border-radius: 15px;
  text-align: center;
  font-family: 'latobold';
  font-size: 9px;
  color: #ffffff;
  z-index: 10;
  border-style: solid;
  border-color: #ffffff;
  border-width: 4px;
}

@media all and (max-width: 950px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li .od-mc-main-tabs-counter {
    top: auto;
    bottom: -12px;
  }
}

@media all and (max-width: 420px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li .od-mc-main-tabs-counter {
    bottom: 6px;
  }
}

@media all and (max-width: 950px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li {
    width: 33.3% !important;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li:nth-child(-n+3) {
    border-bottom-width: 1px;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li:nth-child(3) {
    border-right: 0px;
  }
}

@media all and (max-width: 580px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li {
    width: 50% !important;
    border-bottom-width: 1px;
    border-right-width: 1px !important;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li:nth-child(-n+3) {
    border-bottom-width: 1px;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li:nth-child(3) {
    border-right: 1px solid #ffffff !important;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li:nth-child(2n+2) {
    border-right: none;
  }
}

@media all and (max-width: 420px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li {
    width: 100% !important;
    border-right: 0px;
  }
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs > li:nth-child(3) {
    border-right: none !important;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs.six-tabs > li {
  width: 16.66%;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs.five-tabs > li {
  width: 20%;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs.four-tabs > li {
  width: 25%;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-mc-main-tabs-navigation .od-mc-main-tabs.three-tabs > li {
  width: 33.3%;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-main-tabs-content {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
  background-color: #ffffff;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-main-tabs-content .od-main-tab {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-main-tabs-content .od-main-tab.od-main-tab-padding-right {
  padding-right: 340px;
}

@media all and (max-width: 920px) {
  .offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-main-tabs-content .od-main-tab.od-main-tab-padding-right {
    padding-right: 0px;
  }
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-main-tabs-content .od-main-tab .od-main-tabs-cont-leftcol {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 30px 20px;
  position: relative;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-main-tabs-content .od-main-tab .od-main-tabs-cont-leftcol .default-section-title {
  margin-top: 40px;
  margin-bottom: 0px;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-main-tabs-content .od-main-tab .od-main-tabs-cont-leftcol .default-section-title:first-of-type {
  margin-top: 0px;
}

.offer-details-main-content .od-mc-inner-cont .od-mc-content-wrapper .od-main-tabs-content .od-main-tab .no-padding {
  margin-top: 20px;
}

.offer-details-main-content .offer-details-status-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px 15px;
  transition: 0.3s;
  z-index: 1;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: odStatusAnimation 1.5s forwards;
}

.offer-details-main-content .offer-details-status-wrapper > div {
  width: 100%;
  max-width: 1200px;
  min-height: 46px;
  margin: 0px auto;
  padding: 0px 15px;
}

.offer-details-main-content .offer-details-status-wrapper > div > div {
  float: left;
  width: 100%;
  min-height: 46px;
  margin: 0px;
  padding: 0px 0px 0px 50px;
  border-radius: 5px 5px 0px 0px;
  background-image: url("../../images/overfunding-status-icon.png");
  background-repeat: no-repeat;
  background-position: 15px center;
  position: relative;
  border-radius: 5px 5px 0px 0px;
  background-color: #469edc;
}

@media all and (max-width: 720px) {
  .offer-details-main-content .offer-details-status-wrapper > div > div {
    min-height: 65px;
  }
}

.offer-details-main-content .offer-details-status-wrapper > div > div .offer-details-status {
  float: left;
  margin: 0px;
  padding: 13px 0px 0px;
  font-size: 20px;
  font-family: 'latoblack';
  color: #fff;
}

@media all and (max-width: 620px) {
  .offer-details-main-content .offer-details-status-wrapper > div > div .offer-details-status {
    font-size: 16px;
  }
}

.offer-details-main-content .offer-details-status-wrapper > div > div > p {
  float: right;
  margin: 0px;
  padding: 16px 15px;
  font-family: 'latobold';
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
}

@media all and (max-width: 720px) {
  .offer-details-main-content .offer-details-status-wrapper > div > div > p {
    float: left;
    width: 100%;
    padding: 5px 10px 0px 0px;
  }
}

@media all and (max-width: 620px) {
  .offer-details-main-content .offer-details-status-wrapper > div > div > p {
    font-size: 10px;
  }
}

.mn-container {
  margin-top: 46px;
  margin-left: 20px;
  margin-right: 20px;
}

@media all and (max-width: 768px) {
  .mn-container {
    margin-left: 0;
    margin-right: 0;
  }
}

.mn-container .mn-amount-raise-invest-container {
  display: inline-flex;
  margin: 10px;
}

.mn-container .mn-amount-raise-invest-container .mn-amount-raise-invest-content {
  margin-right: 20px;
}

.mn-container .mn-amount-raise-invest-container .mn-amount-raise-invest-content .total-title {
  font-family: latobold;
  color: #6f8899;
  line-height: 30px;
}

@media all and (max-width: 500px) {
  .mn-container .mn-amount-raise-invest-container .mn-amount-raise-invest-content .total-title {
    font-size: 13px;
  }
}

.mn-container .list-container {
  background-color: #f3f5f6;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid #e4ecf1;
}

.mn-container .list-container li {
  font-family: latobold;
  /* background-color: #f3f5f6; */
  padding: 16px 15px 15px 15px;
  /* border-bottom: 1px solid white; */
  width: 100%;
  height: 50px;
}

.mn-container .list-container li .tooltip-li {
  position: relative;
  display: inline-block;
}

.mn-container .list-container li .tooltip-li .title {
  font-family: latobold;
  font-size: 16px;
  color: #6f8899;
}

@media all and (max-width: 500px) {
  .mn-container .list-container li .tooltip-li .title:after {
    content: "\a";
    white-space: pre;
  }
}

.mn-container .list-container li .tooltip-li .mn-info {
  font-size: 15px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #6f8899;
}

.mn-container .list-container li .tooltip-li .mn-no-border {
  border-bottom: none;
}

.mn-container .list-container li .mn-link-black {
  font-size: 15px;
  font-family: "latolight";
  color: #333;
}

.mn-container .list-container li .mn-link-black .a-blue {
  color: #333;
  font-family: latolight;
}

.mn-container .list-container li .tooltip-li .tooltiptext {
  display: none;
  width: 100%;
  height: auto;
  background-color: #6f8899;
  color: white;
  font-family: latoregular;
  text-align: left;
  /* border-radius: 6px; */
  padding: 15px 10px;
  position: absolute;
  z-index: 999999;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  font-size: 13px;
  line-height: 20px;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-container .list-container li .tooltip-li .tooltiptext {
    width: 90%;
  }
}

.mn-container .list-container li .tooltip-li .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #6f8899 transparent transparent transparent;
}

.mn-container .list-container li .tooltip-li:hover .tooltiptext {
  display: flex;
}

.od-main-tabs-cont-rightcol {
  margin: 0;
  max-width: 320px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 45px;
  width: 100%;
}

.od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  margin-bottom: 10px;
}

.od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  /* Navigation list items ends here */
}

.od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li {
  float: left;
  width: 100%;
  height: 50px;
  margin: 0px 0px 1px 0px;
  list-style: none;
  /* nth-child media queries - sidebar navigation links text adjustment */
}

.od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li > a {
  float: left;
  width: 100%;
  height: 50px;
  margin: 0px;
  padding: 16px 15px 15px 15px;
  background-color: #f3f5f6;
  font-family: 'latobold';
  font-size: 16px;
  color: #6f8899;
  text-align: right;
  transition: 0.3s;
  position: relative;
  border-style: solid;
  border-color: #f3f5f6;
  border-bottom-width: 1px;
}

.od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li > a:hover, .od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li > a.active {
  background-color: #e4ecf1;
}

.od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li > a:hover:after, .od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li > a.active:after {
  visibility: visible;
  opacity: 1;
  left: 15px;
}

.od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li > a:after {
  content: "";
  position: absolute;
  top: 14px;
  left: 40px;
  background-image: url(../../images/settings-sidebar-nav-arrow.png);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
}

@media all and (max-width: 610px) {
  .od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li > a {
    padding: 17px 15px 15px !important;
  }
}

@media all and (max-width: 610px) {
  .od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li {
    width: 50%;
  }
}

@media all and (max-width: 420px) {
  .od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li {
    width: 100%;
  }
}

@media all and (max-width: 990px) {
  .od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li:nth-child(3) > a {
    padding-top: 10px;
  }
}

@media all and (max-width: 818px) {
  .od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li:nth-child(2) > a {
    padding-top: 10px;
  }
}

@media all and (max-width: 798px) {
  .od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li:nth-child(5) > a {
    padding-top: 10px;
  }
}

@media all and (max-width: 747px) {
  .od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li:nth-child(4) > a {
    padding-top: 10px;
  }
}

@media all and (max-width: 652px) {
  .od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation > ul > li:nth-child(1) > a {
    padding-top: 10px;
  }
}

@media all and (max-width: 992px) {
  .od-main-tabs-cont-rightcol .od-maintabs-sidebar-navigation {
    display: none;
  }
}

@media all and (max-width: 992px) {
  .od-main-tabs-cont-rightcol {
    position: relative;
    top: 0 !important;
    margin: 0 auto 50px;
    position: relative;
    max-width: 100%;
    text-align: center;
  }
}

/* Offer details main tabs rightcol */
/*  Add this class to fix the right col nav  */
.fix-right-nav {
  margin: 0;
  max-width: 320px;
  padding: 0;
  top: 10px;
  width: 100%;
  position: fixed;
}

@media all and (max-width: 991px) {
  .fix-right-nav {
    position: relative;
  }
}

/* Offer details rightcol navigation under 950px */
.od-rightcol-fixed-nav {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 40px;
  background-color: #8f9ea9;
  z-index: 1001;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.od-rightcol-fixed-nav.odfixednav-visible {
  opacity: 1;
  visibility: visible;
}

.od-rightcol-fixed-nav .od-rc-fixed-nav-title {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.od-rightcol-fixed-nav .od-rc-fixed-nav-title > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 10px 50px;
  font-family: 'latobold';
  font-size: 18px;
  color: #ffffff;
  text-align: center;
}

.od-rightcol-fixed-nav .od-rc-fixed-nav-title > a {
  position: absolute;
  width: 22px;
  height: 22px;
  margin: 0px;
  padding: 0px;
  background-image: url("../../images/offer-details-fixed-arrows.png");
  background-repeat: no-repeat;
}

.od-rightcol-fixed-nav .od-rc-fixed-nav-title > a:first-of-type {
  top: 9px;
  left: 15px;
  background-position: 0px 0px;
}

.od-rightcol-fixed-nav .od-rc-fixed-nav-title > a:last-of-type {
  top: 9px;
  right: 15px;
  background-position: -22px 0px;
}

.od-tabs-file-blocks {
  float: left;
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 0px 10px 30px;
  position: relative;
}

.od-tabs-file-blocks .od-tabs-file-block {
  float: left;
  width: 33.3%;
  margin: 20px 0px 0px 0px;
  padding: 0px 10px;
}

@media all and (max-width: 650px) {
  .od-tabs-file-blocks .od-tabs-file-block {
    padding: 0px !important;
    width: 100%;
    margin-top: 20px !important;
  }
  .od-tabs-file-blocks .od-tabs-file-block:first-of-type {
    margin-top: 0px !important;
  }
}

.od-tabs-file-blocks .od-tabs-file-block > div {
  float: left;
  width: 100%;
  min-height: 110px;
  margin: 0px;
  padding: 0px;
  position: relative;
  background-color: #f3f5f6;
  /* Certificate file titlebar */
}

.od-tabs-file-blocks .od-tabs-file-block > div .up-cert-fileblock-titlebar {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 0px;
  padding: 0px 20px 0px 40px;
  position: relative;
}

.od-tabs-file-blocks .od-tabs-file-block > div .up-cert-fileblock-titlebar > span {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  background-color: #e7e7e7;
  background-repeat: no-repeat;
  background-position: center center;
}

.od-tabs-file-blocks .od-tabs-file-block > div .up-cert-fileblock-titlebar > span.text-file {
  background-color: #dc6e88;
  background-image: url(../../images/cert-file-icon.png);
}

.od-tabs-file-blocks .od-tabs-file-block > div .up-cert-fileblock-titlebar > span.text-file.docx-file {
  background-color: #8fb9cd;
  background-image: url(../../images/cert-text-file-icon.png);
}

.od-tabs-file-blocks .od-tabs-file-block > div .up-cert-fileblock-titlebar > span.text-file.pdf-file {
  background-color: #dc6e88;
  background-image: url(../../images/cert-pdf-file-icon.png);
}

.od-tabs-file-blocks .od-tabs-file-block > div .up-cert-fileblock-titlebar > span.text-file.doc-file {
  background-color: #8fb9cd;
  background-image: url(../../images/cert-text-file-icon.png);
}

.od-tabs-file-blocks .od-tabs-file-block > div .up-cert-fileblock-titlebar > p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 11px 0px 11px 15px;
  font-family: 'latobold';
  font-size: 18px;
  color: #7e7e7e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.od-tabs-file-blocks .od-tabs-file-block > div > p {
  float: left;
  width: 100%;
  margin: 15px 0px 0px 0px;
  padding: 0px 15px 50px;
  font-family: 'latolight';
  font-size: 14px;
  color: #7e7e7e;
  line-height: 18px;
  height: 150px;
}

.od-tabs-file-blocks .od-tabs-file-block > div .cert-file-download-btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
  margin: 0px;
  padding: 7px 40px 7px 10px;
  height: 26px;
  color: #61a0cb;
  text-decoration: none;
  font-family: 'latobold';
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
  background-image: url(../../images/cert-file-download-btn-icon.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-style: solid;
  border-color: #61a0cb;
  border-width: 1px;
  transition: 0.3s;
}

.od-tabs-file-blocks .od-tabs-file-block > div .cert-file-download-btn:hover {
  background-position: right 10px top 6px;
}

@keyframes odStatusAnimation {
  0% {
    top: 0px;
  }
  50% {
    top: 0px;
  }
  100% {
    top: -110px;
  }
}

@media all and (max-width: 720px) {
  @keyframes odStatusAnimation {
    0% {
      top: 0px;
    }
    50% {
      top: 0px;
    }
    100% {
      top: -130px;
    }
  }
}

.offer-details-team-tab {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 30px 20px 0px;
}

.offer-details-team-tab > p {
  color: #7e7e7e;
  float: left;
  font-family: "latolight";
  font-size: 15px;
  line-height: 1.5;
  margin: 30px 0 0;
  padding-bottom: 20px;
  width: 100%;
}

.offer-details-team-section {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0 10px;
}

@media all and (max-width: 660px) {
  .offer-details-team-section {
    padding: 20px;
  }
}

.offer-details-team-section .od-team-section-block {
  float: left;
  width: 33.3%;
  margin: 0px;
  padding: 10px;
}

@media all and (max-width: 1023px) {
  .offer-details-team-section .od-team-section-block {
    width: 50%;
  }
}

@media all and (max-width: 660px) {
  .offer-details-team-section .od-team-section-block {
    width: 100%;
    padding: 10px 0px;
  }
}

.offer-details-team-section .od-team-section-block > div {
  float: left;
  width: 100%;
  min-height: 95px;
  margin: 0px;
  padding: 0px 0px 0px 95px;
  position: relative;
  background-color: #f3f5f6;
  border-style: solid;
  border-color: #e9eaea;
  border-width: 1px;
}

.offer-details-team-section .od-team-section-block > div > img {
  position: absolute;
  top: 17px;
  left: 15px;
  margin: 0px;
  padding: 0px;
  width: 78px;
  height: 78px;
  border-radius: 40px;
  border-style: solid;
  border-color: #d8dadb;
  border-width: 4px;
}

.offer-details-team-section .od-team-section-block > div > div {
  float: left;
  width: 100%;
  height: 100%;
  min-height: 110px;
  margin: 0px;
  padding: 13px 15px 35px 15px;
  position: relative;
}

.offer-details-team-section .od-team-section-block > div > div > span {
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  text-transform: uppercase;
  line-height: 18px;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  float: left;
  text-align: right;
  overflow: hidden;
}

.offer-details-team-section .od-team-section-block > div > div > p {
  margin: 6px 0px 0px 0px;
  font-family: 'latolight';
  font-size: 13px;
  color: #7e7e7e;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  text-align: right;
}

.offer-details-team-section .od-team-section-block > div > div > p > span {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  text-align: right;
}

.offer-details-team-section .od-team-section-block > div > div > a {
  position: absolute;
  bottom: 12px;
  right: 15px;
  margin: 0px;
  padding: 5px 20px 3px 10px;
  font-family: 'latoregular';
  font-size: 10px;
  text-transform: uppercase;
  background-color: #469edc;
  background-image: url(../../images/submit-btn-arrow.png);
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 5px;
  color: white;
  text-decoration: none;
}

.offer-details-team-section .od-team-section-block > div > div > a:hover {
  text-decoration: underline;
}

.offer-details-team-section .od-team-section-block > div .od-team-section-block-remove {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 12px;
  height: 12px;
  background-image: url(../../images/cr-result-block-remove.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.offer-investor-limit-height-950 {
  height: 950px;
  overflow: hidden;
  animation: fadeIn 1s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.offer-details-team-tabs-wrapper {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.od-team-tabs {
  padding: 0px 20px;
  margin-top: 62px;
}

@media all and (max-width: 600px) {
  .od-team-tabs {
    padding: 0px;
  }
}

@media all and (max-width: 600px) {
  .od-team-tabs > li {
    width: 100%;
    border-right: 0px;
  }
  .od-team-tabs > li:last-of-type {
    border-right: 0px;
  }
}

.offer-details-team-tabs-content {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.od-warning-statement-section {
  margin-top: 70px;
  display: block;
  margin: 0 -20px;
  width: calc(100% + 40px);
}

.od-warning-statement-section .warning-statement {
  max-width: unset;
}

.od-warning-statement-section .ws-text {
  padding-left: 20px;
  padding-right: 20px;
}

.od-warning-statement-section .ws-title {
  padding-left: 0 !important;
}

.od-tab-second, .od-tab-third, .od-tab-fourth, .od-tab-fifth, .od-tab-sixth {
  display: none;
}

.od-members-blocks {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  position: relative;
}

.od-members-blocks > p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
}

.od-members-blocks .od-member-block {
  float: left;
  width: 50%;
  margin: 0px;
  padding: 20px 0px 0px 0px;
}

.od-members-blocks .od-member-block:nth-child(2n+1) {
  padding: 20px 10px 0px 0px;
}

@media all and (max-width: 768px) {
  .od-members-blocks .od-member-block:nth-child(2n+1) {
    padding: 20px 0px 0px 0px;
  }
}

.od-members-blocks .od-member-block:nth-child(2n+2) {
  padding: 20px 0px 0px 10px;
}

@media all and (max-width: 768px) {
  .od-members-blocks .od-member-block:nth-child(2n+2) {
    padding: 20px 0px 0px 0px;
  }
}

.od-members-blocks .od-member-block:nth-child(-n+2) {
  padding-top: 0px;
}

@media all and (max-width: 768px) {
  .od-members-blocks .od-member-block:nth-child(-n+2) {
    padding: 20px 0px 0px 0px;
  }
}

@media all and (max-width: 768px) {
  .od-members-blocks .od-member-block {
    width: 100%;
  }
  .od-members-blocks .od-member-block:first-of-type {
    padding-top: 0px;
  }
}

.od-members-blocks .od-member-block > div {
  float: left;
  width: 100%;
  min-height: 75px;
  margin: 0px;
  padding: 0px 0px 0px 90px;
  position: relative;
  background-color: #f3f5f6;
}

.od-members-blocks .od-member-block > div.no-image {
  padding: 0px;
}

.od-members-blocks .od-member-block > div > img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 75px;
  height: 75px;
  margin: 0px;
  padding: 0px;
}

.od-members-blocks .od-member-block > div > div {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 10px 0px 10px 0px;
}

.od-members-blocks .od-member-block > div > div > span {
  float: left;
  width: 100%;
  margin: 0px 0px 10px 0px;
  padding: 0px 25px 0px 10px;
  font-family: 'latobold';
  font-size: 15px;
  color: #7e7e7e;
}

.od-members-blocks .od-member-block > div > div > p {
  float: left;
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0px 10px;
  font-family: 'latoregular';
  font-size: 13px;
  color: #7e7e7e;
}

.od-members-blocks .od-member-block > div > div > p > span {
  margin: 0px;
  padding: 0px;
  font-family: 'latobold';
  color: #7e7e7e;
}

.od-members-blocks .od-member-block > div > div > a {
  background-image: url("../../images/blue-button-arrow.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  border-style: solid;
  border-color: #469edc;
  border-width: 1px;
  color: #469edc;
  float: left;
  font-family: "latoblack";
  font-size: 11px;
  margin: 15px 0 0 10px;
  min-height: 26px;
  padding: 6px 35px 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s;
}

.od-members-blocks .od-member-block > div > div > a:hover {
  background-position: right 7px center;
}

.od-members-blocks .od-member-block > div .od-member-block-remove {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: 0px;
  padding: 0px;
  background-image: url(../../images/is-cm-remove-icon.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  top: 5px;
  right: 5px;
}

/* Updates and Q.A. */
.od-uq-tab {
  padding: 30px 20px !important;
}

.uq-comments-wrapper {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.uq-comments-blocks {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 0px;
}

.uq-comment-block {
  float: left;
  width: 100%;
  margin: 15px 0px 0px 0px;
  padding: 0px;
}

.uq-comment-block > div {
  float: left;
  width: 100%;
  min-height: 165px;
  margin: 0px;
  padding: 0px 20px 0px 170px;
  background-color: #85afcd;
  position: relative;
}

@media all and (max-width: 580px) {
  .uq-comment-block > div {
    padding: 0px 20px 0px 100px;
  }
}

.uq-comment-block > div > img {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 100%;
  max-width: 150px;
  margin: 0px;
  padding: 0px;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
}

@media all and (max-width: 580px) {
  .uq-comment-block > div > img {
    max-width: 80px;
  }
}

.uq-comment-block > div > .overlay-pic {
  position: absolute;
  width: 50px;
}

@media all and (max-width: 580px) {
  .uq-comment-block > div > .overlay-pic {
    width: 30px;
  }
}

.uq-comment-block > div > div {
  float: left;
  width: 100%;
  min-height: 165px;
  margin: 0px;
  padding: 15px 0px 35px;
  position: relative;
}

@media all and (max-width: 580px) {
  .uq-comment-block > div > div {
    padding: 15px 0px 50px;
  }
}

.uq-comment-block > div > div > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latobold';
  font-size: 20px;
  color: #ffffff;
}

.uq-comment-block > div > div > p {
  float: left;
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 14px;
  color: #ffffff;
  line-height: 1.5;
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for WebKit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.uq-comment-block > div > div .uq-comment-users {
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: absolute;
  bottom: 15px;
  left: 0px;
}

.uq-comment-block > div > div .uq-comment-users > span {
  float: left;
  margin: 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 12px;
  color: #ffffff;
}

.uq-comment-block > div > div .uq-comment-users > p {
  float: right;
  margin: 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 12px;
  color: #ffffff;
}

.uq-comment-block.reply {
  margin-top: 2px;
  padding: 0px 0px 0px 30px;
}

.uq-comment-block.reply > div {
  background-color: #e8edf0;
}

@media all and (max-width: 840px) {
  .uq-comment-block.reply > div > div {
    padding-bottom: 50px;
  }
}

@media all and (max-width: 580px) {
  .uq-comment-block.reply > div > div {
    padding-bottom: 65px;
  }
}

.uq-comment-block.reply > div > div > span, .uq-comment-block.reply > div > div > p, .uq-comment-block.reply > div > div .uq-comment-users > span, .uq-comment-block.reply > div > div .uq-comment-users > p {
  color: #7e7e7e;
}

@media all and (max-width: 840px) {
  .uq-comment-block.reply > div > div .uq-comment-users > p {
    float: left;
    clear: both;
    margin-top: 3px;
  }
}

.uq-reply-btn {
  position: absolute;
  top: 15px;
  right: -5px;
  margin: 0px;
  padding: 0px;
  width: 17px;
  height: 13px;
  background-image: url(../../images/uqa-reply-icon.png);
  background-repeat: no-repeat;
}

.uq-new-comment {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 20px;
  background-color: #e8edf0;
  position: relative;
}

.uq-new-comment > input {
  float: left;
  width: 100%;
  height: 36px;
  margin: 0px;
  padding: 0px 10px;
  font-family: 'latolight';
  font-size: 13px;
  color: #7e7e7e;
  border: 0px;
}

.uq-new-comment > textarea {
  float: left;
  width: 100%;
  min-height: 95px;
  height: 36px;
  margin: 10px 0px 0px 0px;
  padding: 10px;
  font-family: 'latolight';
  font-size: 13px;
  color: #7e7e7e;
  border: 0px;
  resize: none;
}

.uq-new-comment > div {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.uq-new-comment > div > span {
  float: left;
  margin: 0px;
  padding: 27px 0px 0px 0px;
  font-family: 'latolight';
  font-size: 12px;
  color: #7e7e7e;
}

@media all and (max-width: 480px) {
  .uq-new-comment > div > span {
    width: 100%;
    text-align: center;
  }
}

.uq-new-comment > div > span > a {
  color: #469edc;
  font-weight: bold;
  text-decoration: none;
}

.uq-new-comment > div > span > a:hover {
  text-decoration: underline;
}

.uq-new-comment > div > button {
  float: right;
  width: 110px;
  height: 28px;
  margin: 20px 0px 0px 0px;
  padding: 0px 10px;
  font-family: 'latobold';
  font-size: 12px;
  color: #ffffff;
  text-align: left;
  cursor: pointer;
  border: 0px;
  background-color: #469edc;
  transition: 0.3s;
  text-transform: uppercase;
  background-image: url(../../images/eq-new-comment-icon.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.uq-new-comment > div > button:hover {
  background-color: #5ba9e0;
}

@media all and (max-width: 480px) {
  .uq-new-comment > div > button {
    display: inline-block;
    float: none;
  }
}

.uq-new-comment > div > input {
  float: right;
  width: 110px;
  height: 28px;
  margin: 20px 0px 0px 0px;
  padding: 0px 10px;
  font-family: 'latobold';
  font-size: 12px;
  color: #ffffff;
  text-align: left;
  cursor: pointer;
  border: 0px;
  background-color: #469edc;
  transition: 0.3s;
  text-transform: uppercase;
  background-image: url(../../images/eq-new-comment-icon.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.uq-new-comment > div > input:hover {
  background-color: #5ba9e0;
}

@media all and (max-width: 480px) {
  .uq-new-comment > div > input {
    display: inline-block;
    float: none;
  }
}

.new-reply {
  display: none;
}

.new-reply .uq-new-comment {
  margin: 3px 0px 0px 0px;
}

.error-comment {
  position: relative;
}

.error-comment > .error-tooltip {
  color: #ffffff;
  padding: 5px 10px;
}

/* Prefunding form wrapper */
.prefunding-form-wrapper {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px 50px 0px 0px;
  background-color: #F3F5F6;
  position: relative;
  display: none;
}

@media all and (max-width: 580px) {
  .prefunding-form-wrapper {
    padding: 0px 0px 50px 0px;
  }
}

ul.prefunding-form {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

ul.prefunding-form > li {
  float: left;
  width: 50%;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 1060px) {
  ul.prefunding-form > li {
    width: 100%;
  }
}

.prefunding-form-group {
  float: left;
  margin: 0;
  min-height: 60px;
  padding: 22px 300px 22px 15px;
  position: relative;
  width: 100%;
  background-color: #F3F5F6;
}

@media all and (max-width: 580px) {
  .prefunding-form-group {
    padding: 15px;
  }
  .prefunding-form-group.pfg-radio {
    padding: 15px 155px 15px 15px;
  }
}

.prefunding-form-group-title {
  color: #7e7e7e;
  float: left;
  font-family: "latoregular";
  font-size: 14px;
  margin: 0;
  padding: 0 20px 0 0;
  position: relative;
  width: 100%;
}

.prefunding-input-cont {
  max-width: 280px;
  position: absolute;
  right: 10px;
  top: 9px;
  width: 100%;
}

@media all and (max-width: 580px) {
  .prefunding-input-cont {
    position: relative;
    top: auto;
    right: auto;
    float: left;
    max-width: 100%;
    margin-top: 10px;
  }
}

.prefunding-input-cont > input[type="text"],
.prefunding-input-cont > input[type="password"] {
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  color: #7e7e7e;
  float: left;
  font-family: "latobold";
  font-size: 14px;
  height: 42px;
  margin: 0;
  padding: 0 10px;
  width: 100%;
}

.prefunding-add-member {
  background-color: #469edc;
  background-image: url("../../images/cert-upload-btn-icon.png");
  background-position: center center;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  height: 40px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 40px;
  transition: 0.3s;
}

.prefunding-add-member:hover {
  background-color: #5ba9e0;
}

@media all and (max-width: 580px) {
  .prefunding-add-member {
    right: 50%;
    margin-right: -20px;
  }
}

.prefunding-radio-input-cont {
  max-width: 130px;
  position: absolute;
  right: 10px;
  top: 16px;
  width: 100%;
}

.prefunding-members-blocks {
  display: none;
}

.select2-container {
  margin: 0px;
}

.select2-container--default .select2-selection--single {
  height: 40px;
  border-radius: 0px;
  border-color: #dfe6eb;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 7px 6px 0;
  margin-left: -15px;
  margin-top: 3px;
  border-color: #6f8899 transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0px 6px 7px !important;
  margin-left: -15px;
  margin-top: 3px;
  border-color: transparent transparent #6f8899 !important;
}

.header_span {
  padding: 30px 0 10px 0;
  font-weight: bold;
}

.header_span_sub {
  padding: 15px 0 5px 0;
  font-weight: bold;
}

/** Financial services **/
.financial-service-table {
  margin: 15px 0px;
  width: 50%;
}

.financial-service-table tr {
  border-top: 1px solid #7cbee5;
}

.financial-service-table tr:last-child {
  border-top: 1px solid #7cbee5;
  border-bottom: 1px solid #7cbee5;
}

.financial-service-table td {
  padding: 5px;
}

.financial-service-circle-ul {
  list-style-type: circle;
  margin-left: 30px;
}

.disc-investor-list {
  list-style: disc;
  margin-left: 30px;
}

.mn-offer-event-img-cnt {
  display: inline-block;
  position: relative;
  width: 100%;
}

@media all and (max-width: 991px) {
  .mn-offer-event-img-cnt {
    display: block;
  }
}

.offer-event-flex {
  display: inline-flex;
}

.offer-event-image {
  width: 320px;
  height: 160px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media all and (max-width: 991px) {
  .offer-event-image {
    width: 100%;
    height: 240px;
  }
}

.offer-event-image-offer-page {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media all and (max-width: 991px) {
  .offer-event-image-offer-page {
    width: 100%;
    height: 160px;
  }
}

.mn-offer-event-content {
  width: 100%;
  display: inline-block;
  background-color: #f3f5f6;
  padding: 20px 9px;
  color: #6f8899;
}

.mn-offer-event-content .mn-offer-event-title {
  margin-bottom: 8px;
  font-size: 16px;
}

.mn-offer-event-content .mn-offer-event-desc {
  margin-bottom: 8px;
  font-family: latoregular;
}

.event-banner {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  text-align: center;
  background-color: rgba(1, 1, 1, 0.6);
  width: 100%;
  padding: 13px;
  color: white;
  font-size: 24px;
}

#offer-left-sidebar {
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

@media all and (max-width: 768px) {
  #offer-left-sidebar {
    padding-right: 0;
    padding-left: 0;
    float: none;
  }
}

.fixed-top {
  position: fixed;
  top: 110px;
  max-width: 320px;
}

@media all and (max-width: 768px) {
  .fixed-top {
    position: relative;
    top: auto;
    left: auto;
    max-width: 100%;
  }
}

.fixed-bottom {
  position: relative;
  bottom: 14705px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
OFFER INVEST
---------------------------------------------------------- */
.oi-top-navigation {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 0px;
}

.oi-top-navigation > ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.oi-top-navigation > ul > li {
  float: left;
  width: 33.33333333%;
  margin: 0px;
  padding: 0px 2px 0px 0px;
  list-style: none;
}

.oi-top-navigation > ul > li:first-of-type > a:before {
  border: none;
}

.oi-top-navigation > ul > li:last-of-type > a:after {
  border: none;
}

.oi-top-navigation > ul > li > a {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 0px;
  padding: 10px 30px;
  font-family: 'latobold';
  font-size: 16px;
  color: #bdc7cc;
  text-decoration: none;
  transition: 0.3s;
  background-color: #ffffff;
  position: relative;
}

.oi-top-navigation > ul > li > a:hover {
  cursor: pointer;
}

.oi-top-navigation > ul > li > a:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  border-left: 15px solid #F3F5F6;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  transition: 0.3s;
}

.oi-top-navigation > ul > li > a:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -16px;
  width: 0px;
  height: 0px;
  border-left: 16px solid #ffffff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  transition: 0.3s;
  z-index: 3;
}

.oi-top-navigation > ul > li > a.current {
  color: #ffffff;
  background-color: #469edc;
}

.oi-top-navigation > ul > li > a.current:after {
  border-left-color: #469edc;
}

.oi-top-navigation > ul > li > a.completed {
  color: #ffffff;
  background-color: #b5c9d7;
}

.oi-top-navigation > ul > li > a.completed:after {
  border-left-color: #b5c9d7;
}

@media all and (max-width: 1180px) {
  .oi-top-navigation > ul > li > a {
    padding: 11px 15px;
    font-size: 14px;
  }
  .oi-top-navigation > ul > li > a:before, .oi-top-navigation > ul > li > a:after {
    content: none;
  }
}

.oi-top-navigation > ul > li > a.completed-tab:hover {
  cursor: default;
}

@media all and (max-width: 960px) {
  .oi-top-navigation > ul > li {
    width: 50%;
    margin-bottom: 1px;
  }
}

@media all and (max-width: 500px) {
  .oi-top-navigation > ul > li {
    width: 100%;
  }
}

/* Offer invest form container */
.oi-form-container {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.oi-form-container .oi-form-step-cont {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.oi-form-container .oi-form-step-cont.oi-step-three {
  background-color: #ffffff;
  padding: 30px 20px;
  margin-top: 30px;
}

.oi-form-container .oi-form-step-cont .oi-form-left {
  float: left;
  width: 50%;
  margin: 25px 0px 0px 0px;
  padding: 0px 15px 0px 0px;
}

.oi-form-container .oi-form-step-cont .oi-form-right {
  float: left;
  width: 50%;
  margin: 25px 0px 0px 0px;
  padding: 0px 0px 0px 15px;
}

@media all and (max-width: 890px) {
  .oi-form-container .oi-form-step-cont .oi-form-left, .oi-form-container .oi-form-step-cont .oi-form-right {
    width: 100%;
    padding: 0px;
  }
}

.oi-thanks-text {
  float: left;
  width: 100%;
  margin: 40px 0px 0px 0px;
  padding: 0px;
  text-align: center;
  font-family: 'latobold';
  font-size: 26px;
  color: #7e7e7e;
}

.oi-thanks-subtext {
  float: left;
  width: 100%;
  margin: 20px 0px 20px 0px;
  padding: 0px;
  text-align: center;
  font-family: 'latobold';
  font-size: 18px;
  color: #7e7e7e;
}

.oi-thanks-links {
  float: left;
  width: 100%;
  margin: 25px 0px 0px 0px;
  padding: 0px;
}

.oi-thanks-links > li {
  float: left;
  width: 20%;
  margin: 0px;
  padding: 0px 0px 0px 1px;
  list-style: none;
}

@media all and (max-width: 670px) {
  .oi-thanks-links > li {
    width: 100%;
    padding: 0px 0px 1px 0px;
  }
}

.oi-thanks-links > li:first-of-type {
  padding-left: 0px;
}

.oi-thanks-links > li > a {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 0px;
  padding: 11px 15px;
  text-decoration: none;
  background-color: #e1e1e1;
  font-family: 'latoblack';
  font-size: 15px;
  color: #ffffff;
  background-repeat: no-repeat;
  background-position: right 10px center;
  transition: 0.3s;
}

.oi-thanks-links > li > a.oi-tl-fb {
  background-color: #3b5998;
  background-image: url(../../images/oi-thanks-fb-icon.png);
}

.oi-thanks-links > li > a.oi-tl-fb:hover {
  background-color: #4c70ba;
}

.oi-thanks-links > li > a.oi-tl-twitter {
  background-color: #33ccff;
  background-image: url(../../images/oi-thanks-twitter-icon.png);
}

.oi-thanks-links > li > a.oi-tl-twitter:hover {
  background-color: #66d9ff;
}

.oi-thanks-links > li > a.oi-tl-linkedin {
  background-color: #0077b5;
  background-image: url(../../images/oi-thanks-linkedin-icon.png);
}

.oi-thanks-links > li > a.oi-tl-linkedin:hover {
  background-color: #0099e8;
}

.oi-thanks-links > li > a.oi-tl-google {
  background-color: #dd4b39;
  background-image: url(../../images/oi-thanks-google-icon.png);
}

.oi-thanks-links > li > a.oi-tl-google:hover {
  background-color: #e47365;
}

.oi-thanks-links > li > a.oi-tl-email {
  background-color: #c6936a;
  background-image: url(../../images/oi-thanks-email-icon.png);
}

.oi-thanks-links > li > a.oi-tl-email:hover {
  background-color: #d4ae8f;
}

.oi-form-block {
  float: left;
  width: 100%;
  margin: 25px 0px 0px 0px;
  padding: 30px 20px;
  background-color: #ffffff;
}

.oi-form-block:first-of-type {
  margin-top: 0px;
}

.oi-form-block .oi-form-block-form-fields {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

.oi-form-block .oi-form-block-form-fields .settings-form-group .sfg-field {
  padding-left: 0px;
  max-width: 395px;
}

.oi-form-block .oi-form-block-form-fields .error-tooltip {
  z-index: 9999;
}

.download-ia-button {
  float: left;
  margin: 20px 0px 0px 0px;
  padding: 0px 55px 1px 10px;
  min-height: 40px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  background-image: url(../../images/download-ia-button-icon.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-color: #469edc;
  transition: 0.3s;
  text-transform: uppercase;
  border: 0px;
  /* Media queries */
}

.download-ia-button:hover {
  background-color: #5ba9e0;
}

@media all and (max-width: 375px) {
  .download-ia-button {
    font-size: 12px;
  }
}

@media all and (max-width: 330px) {
  .download-ia-button {
    font-family: 'latobold';
    font-size: 11px;
  }
}

.oi-id-groups {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

.oi-id-groups .oi-id-group {
  float: left;
  width: 100%;
  min-height: 46px;
  margin: 0px;
  padding: 15px 0px 14px;
  border-style: solid;
  border-color: #cad7de;
  border-bottom-width: 1px;
}

.oi-id-groups .oi-id-group:last-of-type {
  border-bottom-width: 0px;
}

.oi-id-groups .oi-id-group > span {
  float: left;
  width: 30%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
}

.oi-id-groups .oi-id-group > p {
  float: left;
  width: 70%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoblack';
  font-size: 16px;
  color: #469edc;
  text-align: right;
}

.oi-step-two-fields .form-group {
  padding: 10px;
}

.oi-step-two-fields .form-group .form-group-title {
  float: left;
  position: relative;
  max-width: 100%;
  top: auto;
  left: auto;
  padding: 0px;
}

.oi-account-number-field {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 10px 0px 0px;
  position: relative;
}

.oi-account-number-field.first {
  max-width: 15%;
}

.oi-account-number-field.second {
  max-width: 100px;
}

.oi-account-number-field.third {
  max-width: 35%;
}

.oi-account-number-field.fourth {
  max-width: 30%;
  padding-right: 0px;
}

.form-submit-action {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  border-top-width: 1px;
  border-style: solid;
  border-color: #e0e3e5;
}

.form-submit-action .disabled {
  background-color: grey;
}

.form-submit-action .disabled:hover {
  cursor: not-allowed;
}

.oi-multiple-fields {
  padding-left: 140px !important;
}

.oi-multiple-fields .sfg-title {
  left: 0px;
}

@media all and (max-width: 580px) {
  .oi-multiple-fields .sfg-title {
    position: absolute !important;
    top: 10px;
    left: 5px;
  }
}

.oi-multiple-fields .sfg-field {
  max-width: 100% !important;
}

@media all and (max-width: 400px) {
  .oi-multiple-fields {
    padding-left: 0px !important;
  }
  .oi-multiple-fields .sfg-title {
    position: relative !important;
    left: auto;
    top: auto;
  }
  .oi-multiple-fields .sfg-field {
    padding-left: 10px !important;
  }
  .oi-multiple-fields .sfg-field.first {
    margin-top: 0px;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
QUESTIONAIRE PAGE
---------------------------------------------------------- */
#main-container.questionaire-main-container {
  text-align: center;
}

@media all and (max-width: 890px) {
  #main-container.questionaire-main-container {
    padding-bottom: 10px !important;
  }
}

.questionaire-wrapper {
  width: 100%;
  max-width: 980px;
  display: inline-block;
  margin: 60px 0px 0px 0px;
  padding: 20px;
  position: relative;
  background-color: #ffffff;
}

@media all and (max-width: 890px) {
  .questionaire-wrapper {
    margin-top: 10px;
  }
}

.questionaire-wrapper .default-success-tooltip {
  margin-top: 0px;
  margin-bottom: 20px;
}

.q-form-group-wrapper {
  float: left;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  position: relative;
}

.q-form-group-wrapper > form {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.q-form-group {
  float: left;
  width: 100%;
  min-height: 60px;
  margin: 10px 0px 0px 0px;
  padding: 9px 355px 9px 15px;
  position: relative;
  background-color: #f3f5f6;
  display: table;
  height: 60px;
}

@media all and (max-width: 650px) {
  .q-form-group {
    padding: 15px;
    height: auto;
  }
}

.q-form-group:first-of-type {
  margin-top: 0px;
}

.q-form-group .q-form-question {
  position: absolute;
  width: 100%;
  background: white none repeat scroll 0% 0%;
  z-index: 2;
  top: 0px;
  left: 0px;
  height: 60px;
  opacity: 0.6;
}

.q-form-group .q-form-group-hidden {
  height: 100% !important;
}

.q-form-group .q-form-group-title {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  margin: 0px;
  padding: 0 40px 0 0;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
  position: relative;
  box-sizing: border-box;
}

@media all and (max-width: 650px) {
  .q-form-group .q-form-group-title {
    display: block;
    padding-right: 25px;
  }
}

.q-form-group .q-form-group-title .cp-form-helper {
  top: 50%;
  margin-top: -8px;
}

@media all and (max-width: 890px) {
  .q-form-group .q-form-group-title .cp-form-helper {
    right: 0;
  }
}

@media all and (max-width: 650px) {
  .q-form-group .q-form-group-title .cp-form-helper {
    right: 1px;
    left: auto;
    top: 0;
    margin: 0 0 0 10px;
  }
}

.q-form-group .q-fg-input-cont {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 100%;
  max-width: 335px;
  /* sfg file input ends here */
}

@media all and (max-width: 650px) {
  .q-form-group .q-fg-input-cont {
    float: left;
    margin-top: 10px;
    max-width: 100%;
    position: relative;
    right: auto;
    top: auto;
    text-align: center;
  }
}

.q-form-group .q-fg-input-cont > input[type="text"], .q-form-group .q-fg-input-cont > input[type="password"], .q-form-group .q-fg-input-cont textarea {
  float: left;
  width: 100%;
  height: 42px;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  color: #7e7e7e;
  padding: 0px 10px;
  font-family: 'latoregular';
  font-size: 14px;
}

.q-form-group .q-fg-input-cont textarea[name=description] {
  padding: 10px;
}

.q-form-group .q-fg-input-cont .q-fg-select-field {
  float: left;
  width: 100%;
  height: 42px;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  position: relative;
  z-index: 1;
}

.q-form-group .q-fg-input-cont .q-fg-select-field:after {
  content: "";
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../../images/select-field-arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  z-index: 2;
}

.q-form-group .q-fg-input-cont .q-fg-select-field > select {
  float: left;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 0px 10px 1px;
  margin: 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
  border: 0px;
  position: relative;
  z-index: 3;
  background-color: transparent;
  cursor: pointer;
}

@media all and (max-width: 580px) {
  .q-form-group .q-fg-input-cont .q-fg-select-field {
    margin: 0px;
  }
}

.q-form-group .q-fg-input-cont .q-fg-radiobutton-cont {
  float: right;
  padding: 9px 10px;
}

@media all and (max-width: 650px) {
  .q-form-group .q-fg-input-cont .q-fg-radiobutton-cont {
    float: none;
    display: inline-block;
  }
}

.q-form-group .q-fg-input-cont .q-fg-file-field {
  float: left;
  width: 100%;
  height: 42px;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  position: relative;
  z-index: 1;
}

.q-form-group .q-fg-input-cont .q-fg-file-field:after {
  content: "";
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../../images/file-field-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  z-index: 2;
}

.q-form-group .q-fg-input-cont .q-fg-file-field > input {
  float: left;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 0px 10px;
  margin: 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
  border: 0px;
  position: relative;
  z-index: 3;
  background-color: transparent;
  text-indent: -99999px;
  opacity: 0;
  cursor: pointer;
}

.q-form-group .q-fg-input-cont .q-fg-file-field > span {
  position: absolute;
  top: 12px;
  left: 0px;
  margin: 0px;
  padding: 0px 42px 3px 15px;
  width: 100%;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

@media all and (max-width: 580px) {
  .q-form-group .q-fg-input-cont .q-fg-file-field {
    margin: 0px;
  }
}

ul.custom-autocomplete {
  width: 420px;
  box-sizing: border-box;
  overflow-y: scroll;
  overflow: hidden;
}

ul.custom-autocomplete li {
  width: 100%;
  display: inline-block;
  padding: 7px;
  font-size: 14px;
  border-bottom: 2px solid #ededed;
}

ul.custom-autocomplete li a {
  display: inline-block;
  width: 100%;
  font-family: "latoregular";
  color: #469edc;
}

ul.custom-autocomplete li a:hover {
  color: #5ba9e0;
}

ul.custom-autocomplete > li > .no-results-autocomplete {
  display: inline-block;
  width: 100%;
  color: #7cbee5;
  font-family: "latoregular";
  font-size: 15px;
  padding: 10px 0 0;
  height: 30px;
}

.autocomplete-pr-image {
  display: inline-block;
  width: 40px;
  height: 30px;
}

.autocomplete-pr-name {
  display: inline-block;
  font-family: "latoregular";
  font-size: 13px;
  overflow: hidden;
  padding: 8px 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  color: #469edc;
}

.autocomplete-pr-name:hover {
  text-decoration: underline;
  color: #5ba9e0;
}

.simple-row-name {
  width: 380px;
}

li.add_new_wbi a:hover {
  text-decoration: underline;
}

ul.custom-autocomplete {
  left: auto;
}

.new-company-autocomplete {
  color: #7cbee5;
  display: inline-block;
  font-family: "latoregular";
  padding: 5px;
  font-size: 14px;
  color: #7e7e7e;
}

.new-company-autocomplete > a {
  color: #469edc !important;
}

.new-company-autocomplete > a:hover {
  color: #5ba9e0;
  text-decoration: underline;
}

ul.custom-autocomplete > li > span.new-company-autocomplete > a {
  display: inline;
  padding: 0;
}

.company-autocomplete > li > a.ui-corner-all > button {
  background-color: #469edc;
  border: 0 none;
  color: #fff;
  float: right;
  font-family: "latoregular";
  font-size: 12px;
  height: 30px;
  cursor: pointer;
}

.company-autocomplete > li > a.ui-corner-all > button:hover {
  background-color: #5ba9e0;
}

.loading-spinner {
  display: inline-block;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 12px;
  vertical-align: middle;
  width: 16px;
}

.spinner-smaller-input {
  right: 20px;
  top: 20px;
}

#loading.isloading {
  background-image: url("/images/loading-spinner.gif");
}

.sfg-select-field .loading-spinner {
  display: block;
  z-index: 10 !important;
}

@media all and (max-width: 768px) {
  #ui-id-1 {
    width: 333px;
  }
}

@media all and (max-width: 415px) {
  #ui-id-1 {
    width: 322px;
  }
}

@media all and (max-width: 376px) {
  #ui-id-1 {
    width: 284px;
  }
}

@media all and (max-width: 360px) {
  #ui-id-1 {
    width: 268px;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
CREATE PORJECT PAGE
---------------------------------------------------------- */
/* Create project tabs */
ul.create-project-tabs {
  float: left;
  width: 100%;
  margin: 60px 0px 0px 0px;
  padding: 0px;
}

ul.create-project-tabs > li {
  float: left;
  width: 16.66%;
  min-height: 39px;
  margin: 0px;
  padding: 0px 0px 0px 1px;
  list-style: none;
  position: relative;
}

ul.create-project-tabs > li:first-of-type {
  padding-left: 0px;
}

@media all and (max-width: 920px) {
  ul.create-project-tabs > li {
    width: 33.3%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 500px) {
  ul.create-project-tabs > li {
    width: 50%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 400px) {
  ul.create-project-tabs > li {
    width: 100%;
    padding: 0px 0px 1px 0px;
  }
}

ul.create-project-tabs > li > a {
  float: left;
  width: 100%;
  min-height: 39px;
  margin: 0px;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'latobold';
  font-size: 15px;
  color: #7e7e7e;
  text-decoration: none;
  text-align: center;
}

ul.create-project-tabs > li > a:hover {
  text-decoration: underline;
}

ul.create-project-tabs > li > a.active {
  background-color: #469edc;
  color: #ffffff;
}

ul.create-project-tabs > li > a.active:hover {
  text-decoration: none;
}

ul.create-project-tabs > li > a.error {
  background-color: #f67f7f;
  color: #ffffff;
}

ul.create-project-tabs > li > a.error:hover {
  text-decoration: none;
}

ul.create-project-tabs > li > a.error ~ span.cpt-error-number {
  display: inline-block;
}

ul.create-project-tabs > li > span.cpt-error-number {
  display: none;
  position: absolute;
  top: -13px;
  right: 7px;
  width: 24px;
  height: 24px;
  margin: 0px;
  padding: 4px 0px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 2px;
  border-radius: 12px;
  font-family: 'latoblack';
  font-size: 11px;
  color: #ffffff;
  text-align: center;
  background-color: #f67f7f;
}

ul.create-project-tabs.three-tabs > li {
  width: 33.33%;
}

@media all and (max-width: 850px) {
  ul.create-project-tabs.three-tabs > li {
    width: 33.3%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 560px) {
  ul.create-project-tabs.three-tabs > li {
    width: 100%;
    padding: 0px 0px 1px 0px;
  }
}

ul.create-project-tabs.four-tabs > li {
  width: 25%;
}

@media all and (max-width: 800px) {
  ul.create-project-tabs.four-tabs > li {
    width: 50%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 460px) {
  ul.create-project-tabs.four-tabs > li {
    width: 100%;
    padding: 0px 0px 1px 0px;
  }
}

ul.create-project-tabs.five-tabs > li {
  width: 20%;
}

@media all and (max-width: 850px) {
  ul.create-project-tabs.five-tabs > li {
    width: 33.3%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 550px) {
  ul.create-project-tabs.five-tabs > li {
    width: 50%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 430px) {
  ul.create-project-tabs.five-tabs > li {
    width: 100%;
    padding: 0px 0px 1px 0px;
  }
}

ul.create-project-tabs.six-tabs > li {
  width: 16.66%;
}

@media all and (max-width: 920px) {
  ul.create-project-tabs.six-tabs > li {
    width: 33.3%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 500px) {
  ul.create-project-tabs.six-tabs > li {
    width: 50%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 400px) {
  ul.create-project-tabs.six-tabs > li {
    width: 100%;
    padding: 0px 0px 1px 0px;
  }
}

/* Create project wrapper */
.create-project-wrapper {
  float: left;
  width: 100%;
  margin: 25px 0px 25px 0px;
  padding: 20px;
  background-color: #ffffff;
}

.create-project-wrapper .cp-form-group-wrapper {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.create-project-wrapper .cp-form-group-wrapper > form {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.create-project-wrapper .default-success-tooltip {
  margin-bottom: 25px;
  margin-top: 0;
}

.create-project-wrapper .default-warning-tooltip.id-info-tooltip {
  display: none;
}

.cp-add-block-btn {
  float: left;
  width: 100%;
  min-height: 200px;
  margin: 0px;
  padding: 125px 100px 56px;
  background-color: #e6f1f8;
  background-image: url(../../images/add-new-block-icon.png);
  background-repeat: no-repeat;
  background-position: center top 60px;
  font-family: 'latobold';
  font-size: 18px;
  color: #99b9cf;
  text-align: center;
  transition: 0.3s;
}

.cp-add-block-btn:hover {
  background-color: #f0f5f8;
}

.cp-sections-title {
  float: left;
  width: 100%;
  margin: 40px 0px 0px 0px;
  padding: 0px;
  font-family: 'latobold';
  font-size: 18px;
  color: #7e7e7e;
  text-transform: uppercase;
}

.cp-sections-title:first-of-type {
  margin-top: 0px;
}

.cp-form-group-ul {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

.cp-form-group-ul > li {
  float: left;
  width: 50%;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.cp-form-group-ul > li:nth-child(odd) {
  padding-right: 5px;
}

.cp-form-group-ul > li:nth-child(even) {
  padding-left: 5px;
}

@media all and (max-width: 950px) {
  .cp-form-group-ul > li {
    width: 100%;
  }
  .cp-form-group-ul > li:nth-child(odd) {
    padding-right: 0px;
  }
  .cp-form-group-ul > li:nth-child(even) {
    padding-left: 0px;
  }
}

.cp-form-group-ul > li .cp-fg-textarea-container {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 15px;
  background-color: #f3f5f6;
  position: relative;
}

.cp-form-group-ul > li .cp-fg-textarea-container .cp-fg-tc-title {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.cp-form-group-ul > li .cp-fg-textarea-container .cp-fg-tc-title > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 15px;
  color: #7e7e7e;
}

.cp-form-group-ul > li .cp-fg-textarea-container > textarea {
  fborder-color: #dfe6eb;
  border-style: solid;
  border-width: 1px;
  color: #7e7e7e;
  float: left;
  font-family: "latobold";
  font-size: 14px;
  height: 140px;
  margin: 15px 0 0;
  padding: 10px;
  width: 100%;
  resize: none;
}

.cp-form-group {
  float: left;
  width: 100%;
  min-height: 60px;
  margin: 0px;
  padding: 22px 300px 22px 15px;
  position: relative;
  background-color: #f3f5f6;
}

@media all and (max-width: 1023px) {
  .cp-form-group {
    padding: 22px 235px 22px 15px;
  }
}

@media all and (max-width: 950px) {
  .cp-form-group {
    padding: 22px 365px 22px 15px;
  }
}

@media all and (max-width: 750px) {
  .cp-form-group {
    padding: 22px 265px 22px 15px;
  }
}

@media all and (max-width: 580px) {
  .cp-form-group {
    padding: 15px;
  }
}

.cp-form-group-title {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 20px 0px 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
  position: relative;
}

.cr-fg-input-cont {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 100%;
  max-width: 280px;
}

@media all and (max-width: 1023px) {
  .cr-fg-input-cont {
    max-width: 215px;
  }
}

@media all and (max-width: 950px) {
  .cr-fg-input-cont {
    max-width: 340px;
  }
}

@media all and (max-width: 745px) {
  .cr-fg-input-cont {
    max-width: 240px;
  }
}

@media all and (max-width: 580px) {
  .cr-fg-input-cont {
    position: relative;
    top: auto;
    right: auto;
    float: left;
    max-width: 100%;
    margin-top: 10px;
  }
}

.cr-fg-input-cont > textarea {
  float: left;
  width: 100%;
  height: 112px;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  color: #7e7e7e;
  padding: 9px 10px;
  font-family: 'latobold';
  font-size: 14px;
  resize: none;
  z-index: 1000;
}

.cp-fg-input-cont {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 100%;
  max-width: 280px;
  /* sfg file input ends here */
}

@media all and (max-width: 1023px) {
  .cp-fg-input-cont {
    max-width: 215px;
  }
}

@media all and (max-width: 950px) {
  .cp-fg-input-cont {
    max-width: 340px;
  }
}

@media all and (max-width: 745px) {
  .cp-fg-input-cont {
    max-width: 240px;
  }
}

@media all and (max-width: 580px) {
  .cp-fg-input-cont {
    position: relative;
    top: auto;
    right: auto;
    float: left;
    max-width: 100%;
    margin-top: 10px;
  }
}

.cp-fg-input-cont > textarea {
  float: left;
  width: 100%;
  height: 112px;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  color: #7e7e7e;
  padding: 9px 10px;
  font-family: 'latobold';
  font-size: 14px;
  resize: none;
  position: absolute;
  top: 0px;
  right: 0px;
}

.cp-fg-input-cont > textarea:focus {
  height: 112px;
  z-index: 1000;
}

.cp-fg-input-cont > input[type="text"], .cp-fg-input-cont > input[type="password"] {
  float: left;
  width: 100%;
  height: 42px;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  color: #7e7e7e;
  padding: 0px 10px;
  font-family: 'latobold';
  font-size: 14px;
}

.cp-fg-input-cont .cp-fg-select-field {
  float: left;
  width: 100%;
  height: 42px;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  position: relative;
  z-index: 1;
}

.cp-fg-input-cont .cp-fg-select-field:after {
  content: "";
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../../images/select-field-arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  z-index: 2;
}

.cp-fg-input-cont .cp-fg-select-field > select {
  float: left;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 0px 10px 1px;
  margin: 0px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border: 0px;
  position: relative;
  z-index: 3;
  background-color: transparent;
  cursor: pointer;
}

@media all and (max-width: 580px) {
  .cp-fg-input-cont .cp-fg-select-field {
    margin: 0px;
  }
}

.cp-fg-input-cont .cp-fg-radiobutton-cont {
  float: right;
  padding: 9px 10px;
}

.cp-fg-input-cont .cp-fg-file-field {
  float: left;
  width: 100%;
  height: 42px;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  position: relative;
  z-index: 1;
}

.cp-fg-input-cont .cp-fg-file-field:after {
  content: "";
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../../images/file-field-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  z-index: 2;
}

.cp-fg-input-cont .cp-fg-file-field > input {
  float: left;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 0px 10px;
  margin: 0px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border: 0px;
  position: relative;
  z-index: 3;
  background-color: transparent;
  text-indent: -99999px;
  opacity: 0;
  cursor: pointer;
}

.cp-fg-input-cont .cp-fg-file-field > span {
  position: absolute;
  top: 12px;
  left: 0px;
  margin: 0px;
  padding: 0px 42px 3px 15px;
  width: 100%;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

@media all and (max-width: 580px) {
  .cp-fg-input-cont .cp-fg-file-field {
    margin: 0px;
  }
}

.cp-fg-image-preview {
  position: absolute;
  top: 1px;
  left: -45px;
  width: 39px;
  height: 39px;
  cursor: pointer;
  text-align: center;
}

.cp-fg-image-preview .cp-fg-ip-thumbnail {
  float: none;
  display: inline-block;
  max-width: 39px;
  max-height: 39px;
}

.cp-fg-ip-thumbnail-image {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 45px;
  left: 0px;
  width: 150px;
  height: 150px;
  padding: 1px;
  background-color: #e9e9e9;
  border-radius: 3px;
  z-index: 1005;
  transition: 0.3s;
}

.cp-fg-ip-thumbnail-image:before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 14px;
  margin: 0px;
  padding: 0px;
  border-top: 6px solid #e9e9e9;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.cp-fg-ip-thumbnail-image > img {
  float: left;
  max-width: 100%;
  max-height: 100%;
  margin: 0px;
  padding: 0px;
  border-radius: 3px;
}

.cp-fg-image-preview > img:hover ~ .cp-fg-ip-thumbnail-image {
  opacity: 1;
  visibility: visible;
}

.cp-form-helper {
  background-color: #9ec0d1;
  border-radius: 10px;
  color: #ffffff;
  cursor: pointer;
  float: right;
  font-family: "latoblack";
  font-size: 12px;
  height: 16px;
  margin: 0;
  padding: 2px 0 0;
  text-align: center;
  width: 16px;
  position: absolute;
  top: 0px;
  right: 0px;
}

.cp-form-helper:hover .cp-form-helper-text {
  opacity: 1;
  visibility: visible;
}

.cp-form-helper-text {
  background-color: #6c99af;
  border-radius: 2px;
  bottom: 24px;
  color: #ffffff;
  font-family: "latolight";
  font-size: 12px;
  margin: 0;
  min-height: 22px;
  min-width: 200px;
  padding: 10px;
  position: absolute;
  right: -8px;
  text-align: center;
  transition: 0.3s;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  line-height: 130%;
}

.cp-form-helper-text:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #6c99af;
  bottom: -5px;
  content: "";
  height: 0;
  right: 10px;
  position: absolute;
  width: 0;
}

.cp-action-buttons-cont {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  min-height: 80px;
  background-color: #3b739a;
  z-index: 1005;
}

@media all and (max-width: 420px) {
  .cp-action-buttons-cont {
    height: 60px;
    min-height: 60px !important;
    max-height: 60px;
  }
}

.cp-action-buttons-cont > div {
  margin: 0px auto;
  width: 100%;
  max-width: 1200px;
  padding: 8px 10px 0px;
}

@media all and (max-width: 420px) {
  .cp-action-buttons-cont > div {
    padding: 0;
  }
}

.cp-action-buttons-info {
  float: left;
  width: 100%;
  max-width: 300px;
  margin: 0px;
  background-color: #e0edf6;
  background-image: url("../../images/default-info-tooltip-icon.png");
  background-position: 20px 20px;
  background-repeat: no-repeat;
  padding: 14px 15px 16px 63px;
  position: relative;
}

@media all and (max-width: 980px) {
  .cp-action-buttons-info {
    max-width: 100%;
    background-position: 20px 12px;
  }
}

.cp-action-buttons-info > span {
  color: #6195b9;
  float: left;
  font-family: "latoregular";
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cp-action-buttons {
  float: right;
  margin: 0px;
  padding: 15px 0px;
  min-width: 630px;
}

@media all and (max-width: 980px) {
  .cp-action-buttons {
    min-width: 100%;
    text-align: center;
    padding: 15px 20px;
  }
  .cp-action-buttons > a {
    float: none !important;
    display: inline-block;
    margin-bottom: 10px !important;
  }
}

@media all and (max-width: 980px) and (max-width: 456px) {
  .cp-action-buttons > a {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media all and (max-width: 700px) {
  .cp-action-buttons {
    display: flex;
    flex-direction: row;
  }
  .cp-action-buttons a {
    flex: 1;
  }
}

.cp-action-buttons .offer-word {
  font: inherit;
}

@media all and (max-width: 580px) {
  .cp-action-buttons .offer-word {
    display: none;
  }
}

@media all and (max-width: 420px) {
  .cp-action-buttons {
    padding: 5px 0px;
  }
  .cp-action-buttons a {
    margin: 5px !important;
    font-size: 12px;
  }
}

.cp-action-buttons > a {
  float: left;
  width: 100%;
  max-width: 200px;
  height: 40px;
  margin: 0px 15px 0px 0px;
  padding: 12px 15px;
  font-family: 'latobold';
  font-size: 14px;
  color: #ffffff;
  background-repeat: no-repeat;
  background-position: right 15px center;
  transition: 0.3s;
}

.cp-action-buttons > a:last-of-type {
  margin-right: 0px;
}

.cp-action-buttons .cp-save-offer {
  background-color: #ff9e20;
  background-image: url(../../images/cp-save-icon.png);
}

.cp-action-buttons .cp-save-offer:hover {
  background-color: #ffa93a;
}

.cp-action-buttons .cp-preview-offer {
  background-color: #469edc;
  background-image: url(../../images/cp-preview-icon.png);
}

.cp-action-buttons .cp-preview-offer:hover {
  background-color: #5ba9e0;
}

.cp-action-buttons .cp-submit-offer {
  background-color: #aad155;
  background-image: url(../../images/cp-submit-icon.png);
}

.cp-action-buttons .cp-submit-offer:hover {
  background-color: #b4d669;
}

.cp-formgroup-textarea {
  min-height: 130px !important;
}

.cr-announcements-form > .cp-form-group {
  margin-top: 10px;
}

.cr-announcements-form > .cp-form-group:first-of-type {
  margin-top: 0px;
}

.cp-add-announcement-btn {
  float: right;
  width: 100%;
  max-width: 260px;
  height: 45px;
  margin: 20px 0px 0px 0px;
  padding: 14px 15px;
  font-family: 'latoblack';
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  background-color: #469edc;
  transition: 0.3s;
  text-transform: uppercase;
  background-image: url("../../images/cert-upload-btn-icon.png");
  background-repeat: no-repeat;
  background-position: right 15px center;
}

.cp-add-announcement-btn:hover {
  background-color: #5ba9e0;
}

.document-cont-list .error-tooltip {
  margin-right: 50px !important;
}

/* Create project who is behind tab */
.cp-who-behind-wrapper {
  float: left;
  width: 100%;
  margin: 25px 0px 0px 0px;
  padding: 20px;
  background-color: #ffffff;
}

.cp-documents-browse-input {
  margin-top: 2px;
}

.cp-editable-input {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.cp-editable-input > input {
  border-color: #dfe6eb;
  border-style: solid;
  border-width: 1px;
  color: #7e7e7e;
  float: left;
  font-family: "latobold";
  font-size: 14px;
  height: 42px;
  margin: 0;
  padding: 0 10px;
  width: 100%;
}

.cp-editable-block > textarea {
  height: 113px !important;
}

.tabs-control-tab {
  display: none;
}

.tabs-control-tab.active {
  display: block;
}

/* ----------------------------------------------------------
CREATE PORJECT PAGE
---------------------------------------------------------- */
/* Create project tabs */
ul.create-project-tabs {
  float: left;
  width: 100%;
  margin: 60px 0px 0px 0px;
  padding: 0px;
}

ul.create-project-tabs > li {
  float: left;
  min-height: 39px;
  margin: 0px;
  padding: 0px 0px 0px 1px;
  list-style: none;
  position: relative;
}

ul.create-project-tabs > li:first-of-type {
  padding-left: 0px;
}

ul.create-project-tabs > li > a {
  float: left;
  width: 100%;
  min-height: 39px;
  margin: 0px;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'latobold';
  font-size: 15px;
  color: #7e7e7e;
  text-decoration: none;
  text-align: center;
}

ul.create-project-tabs > li > a:hover {
  text-decoration: underline;
}

ul.create-project-tabs > li > a.active {
  background-color: #469edc;
  color: #ffffff;
}

ul.create-project-tabs > li > a.active:hover {
  text-decoration: none;
}

ul.create-project-tabs > li > a.error {
  background-color: #f67f7f;
  color: #ffffff;
}

ul.create-project-tabs > li > a.error:hover {
  text-decoration: none;
}

ul.create-project-tabs > li > a.error ~ span.cpt-error-number {
  display: inline-block;
}

ul.create-project-tabs > li > span.cpt-error-number {
  display: none;
  position: absolute;
  top: -13px;
  right: 7px;
  width: 24px;
  height: 24px;
  margin: 0px;
  padding: 4px 0px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 2px;
  border-radius: 12px;
  font-family: 'latoblack';
  font-size: 11px;
  color: #ffffff;
  text-align: center;
  background-color: #f67f7f;
}

ul.create-project-tabs.tabs-3 > li {
  width: 33.33%;
}

@media all and (max-width: 850px) {
  ul.create-project-tabs.tabs-3 > li {
    width: 33.3%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 560px) {
  ul.create-project-tabs.tabs-3 > li {
    width: 100%;
    padding: 0px 0px 1px 0px;
  }
}

ul.create-project-tabs.tabs-4 > li {
  width: 25%;
}

@media all and (max-width: 800px) {
  ul.create-project-tabs.tabs-4 > li {
    width: 50%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 460px) {
  ul.create-project-tabs.tabs-4 > li {
    width: 100%;
    padding: 0px 0px 1px 0px;
  }
}

ul.create-project-tabs.tabs-5 > li {
  width: 20%;
}

@media all and (max-width: 850px) {
  ul.create-project-tabs.tabs-5 > li {
    width: 33.3%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 550px) {
  ul.create-project-tabs.tabs-5 > li {
    width: 50%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 430px) {
  ul.create-project-tabs.tabs-5 > li {
    width: 100%;
    padding: 0px 0px 1px 0px;
  }
}

ul.create-project-tabs.tabs-6 > li {
  width: 16.66%;
}

@media all and (max-width: 920px) {
  ul.create-project-tabs.tabs-6 > li {
    width: 33.3%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 500px) {
  ul.create-project-tabs.tabs-6 > li {
    width: 50%;
    padding: 0px 0px 1px 1px;
  }
}

@media all and (max-width: 400px) {
  ul.create-project-tabs.tabs-6 > li {
    width: 100%;
    padding: 0px 0px 1px 0px;
  }
}

/* Create project wrapper */
.create-project-wrapper {
  float: left;
  width: 100%;
  margin: 25px 0px 25px 0px;
  padding: 20px;
  background-color: #ffffff;
}

.create-project-wrapper .cp-form-group-wrapper {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.create-project-wrapper .cp-form-group-wrapper > form {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.cp-add-block-btn {
  float: left;
  width: 100%;
  min-height: 200px;
  margin: 0px;
  padding: 125px 100px 56px;
  background-color: #e6f1f8;
  background-image: url(../../images/add-new-block-icon.png);
  background-repeat: no-repeat;
  background-position: center top 60px;
  font-family: 'latobold';
  font-size: 18px;
  color: #99b9cf;
  text-align: center;
  transition: 0.3s;
}

.cp-add-block-btn:hover {
  background-color: #f0f5f8;
}

.cp-sections-title {
  float: left;
  width: 100%;
  margin: 40px 0px 0px 0px;
  padding: 0px;
  font-family: 'latobold';
  font-size: 18px;
  color: #7e7e7e;
  text-transform: uppercase;
}

.cp-sections-title:first-of-type {
  margin-top: 0px;
}

.cp-form-group-ul {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

.cp-form-group-ul > li {
  float: left;
  width: 50%;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.cp-form-group-ul > li:nth-child(odd) {
  padding-right: 5px;
}

.cp-form-group-ul > li:nth-child(even) {
  padding-left: 5px;
}

@media all and (max-width: 950px) {
  .cp-form-group-ul > li {
    width: 100%;
  }
  .cp-form-group-ul > li:nth-child(odd) {
    padding-right: 0px;
  }
  .cp-form-group-ul > li:nth-child(even) {
    padding-left: 0px;
  }
}

.cp-form-group-ul > li .cp-fg-textarea-container {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 15px;
  background-color: #f3f5f6;
}

.cp-form-group-ul > li .cp-fg-textarea-container .cp-fg-tc-title {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.cp-form-group-ul > li .cp-fg-textarea-container .cp-fg-tc-title > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
}

.cp-form-group-ul > li .cp-fg-textarea-container > textarea {
  border-color: #dfe6eb;
  border-style: solid;
  border-width: 1px;
  color: #7e7e7e;
  float: left;
  font-family: "latobold";
  font-size: 14px;
  height: 140px;
  margin: 15px 0 0;
  padding: 10px;
  width: 100%;
  resize: none;
}

.cp-form-group {
  float: left;
  width: 100%;
  min-height: 60px;
  margin: 0px;
  padding: 22px 300px 22px 15px;
  position: relative;
  background-color: #f3f5f6;
}

@media all and (max-width: 1023px) {
  .cp-form-group {
    padding: 22px 235px 22px 15px;
  }
}

@media all and (max-width: 950px) {
  .cp-form-group {
    padding: 22px 365px 22px 15px;
  }
}

@media all and (max-width: 750px) {
  .cp-form-group {
    padding: 22px 265px 22px 15px;
  }
}

@media all and (max-width: 580px) {
  .cp-form-group {
    padding: 15px;
  }
}

.cp-form-group-title {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 20px 0px 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #7e7e7e;
  position: relative;
}

.cp-fg-input-cont {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 100%;
  max-width: 280px;
  min-height: 42px;
  /* sfg file input ends here */
}

@media all and (max-width: 1023px) {
  .cp-fg-input-cont {
    max-width: 215px;
  }
}

@media all and (max-width: 950px) {
  .cp-fg-input-cont {
    max-width: 340px;
  }
}

@media all and (max-width: 745px) {
  .cp-fg-input-cont {
    max-width: 240px;
  }
}

@media all and (max-width: 580px) {
  .cp-fg-input-cont {
    position: relative;
    top: auto;
    right: auto;
    float: left;
    max-width: 100%;
    margin-top: 10px;
  }
}

@media all and (max-width: 580px) {
  .cp-fg-input-cont.mob-img-input-fix {
    padding-left: 45px;
  }
}

@media all and (max-width: 580px) {
  .cp-fg-input-cont.mob-img-input-fix .cp-fg-image-preview {
    left: 0;
  }
}

.cp-fg-input-cont > textarea {
  float: left;
  width: 100%;
  height: 42px;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  color: #7e7e7e;
  padding: 9px 10px;
  font-family: 'latobold';
  font-size: 14px;
  resize: none;
  position: absolute;
  top: 0px;
  right: 0px;
}

.cp-fg-input-cont > textarea:focus {
  height: 112px;
  z-index: 1000;
}

@media all and (max-width: 580px) {
  .cp-fg-input-cont > textarea {
    position: relative;
    top: auto;
    right: auto;
  }
}

.cp-fg-input-cont > input[type="text"], .cp-fg-input-cont > input[type="password"] {
  float: left;
  width: 100%;
  height: 42px;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  color: #7e7e7e;
  padding: 0px 10px;
  font-family: 'latobold';
  font-size: 14px;
}

.cp-fg-input-cont .cp-fg-select-field {
  float: left;
  width: 100%;
  height: 42px;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  position: relative;
  z-index: 1;
}

.cp-fg-input-cont .cp-fg-select-field:after {
  content: "";
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../../images/select-field-arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  z-index: 2;
}

.cp-fg-input-cont .cp-fg-select-field > select {
  float: left;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 0px 10px 1px;
  margin: 0px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border: 0px;
  position: relative;
  z-index: 3;
  background-color: transparent;
  cursor: pointer;
}

@media all and (max-width: 580px) {
  .cp-fg-input-cont .cp-fg-select-field {
    margin: 0px;
  }
}

.cp-fg-input-cont .cp-fg-radiobutton-cont {
  float: right;
  padding: 9px 10px;
}

.cp-fg-input-cont .cp-fg-file-field {
  float: left;
  width: 100%;
  height: 42px;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  position: relative;
  z-index: 1;
}

.cp-fg-input-cont .cp-fg-file-field:after {
  content: "";
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../../images/file-field-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  z-index: 2;
}

.cp-fg-input-cont .cp-fg-file-field > input {
  float: left;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 0px 10px;
  margin: 0px;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  border: 0px;
  position: relative;
  z-index: 3;
  background-color: transparent;
  text-indent: -99999px;
  opacity: 0;
  cursor: pointer;
}

.cp-fg-input-cont .cp-fg-file-field > span {
  position: absolute;
  top: 12px;
  left: 0px;
  margin: 0px;
  padding: 0px 42px 3px 15px;
  width: 100%;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

@media all and (max-width: 580px) {
  .cp-fg-input-cont .cp-fg-file-field {
    margin: 0px;
  }
}

.cp-form-helper {
  background-color: #9ec0d1;
  border-radius: 10px;
  color: #ffffff;
  cursor: pointer;
  float: right;
  font-family: "latoblack";
  font-size: 12px;
  height: 16px;
  margin: 0;
  padding: 2px 0 0;
  text-align: center;
  width: 16px;
  position: absolute;
  top: 0px;
  right: 0px;
}

.cp-form-helper:hover .cp-form-helper-text {
  opacity: 1;
  visibility: visible;
}

.cp-form-helper-text {
  background-color: #6c99af;
  border-radius: 2px;
  bottom: 24px;
  color: #ffffff;
  font-family: "latolight";
  font-size: 12px;
  margin: 0;
  min-height: 22px;
  min-width: 200px;
  padding: 10px;
  position: absolute;
  right: -8px;
  text-align: center;
  transition: 0.3s;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  line-height: 130%;
}

.cp-form-helper-text:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #6c99af;
  bottom: -5px;
  content: "";
  height: 0;
  right: 10px;
  position: absolute;
  width: 0;
}

.left-aligned-form-helper {
  margin: 0px 10px;
  left: auto;
  right: initial;
}

.diff-left-aligned-helper {
  margin: 20px 10px;
  left: auto;
  right: initial;
}

.cp-action-buttons-cont {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  min-height: 80px;
  background-color: #3b739a;
  z-index: 1001;
}

/* Create project who is behind tab */
.cp-who-behind-wrapper {
  float: left;
  width: 100%;
  margin: 25px 0px 0px 0px;
  padding: 20px;
  background-color: #ffffff;
}

.cp-documents-browse-input {
  margin-top: 2px;
}

.cp-editable-input {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.cp-editable-input > input {
  border-color: #dfe6eb;
  border-style: solid;
  border-width: 1px;
  color: #7e7e7e;
  float: left;
  font-family: "latobold";
  font-size: 14px;
  height: 42px;
  margin: 0;
  padding: 0 10px;
  width: 60%;
}

.cp-editable-block > textarea {
  height: 113px !important;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
SYNDICATED OFFER PAGE
---------------------------------------------------------- */
.syndicated-offer-half {
  float: left;
  width: 50%;
  margin: 0px;
  padding: 0px;
}

@media all and (max-width: 1080px) {
  .syndicated-offer-half {
    width: 100%;
    padding: 0px !important;
  }
}

.syndicated-offer-half input[disabled] {
  background: #F3F5F6;
}

div[class="syndicated-offer-half"]:nth-of-type(even) {
  padding-left: 10px;
}

div[class="syndicated-offer-half"]:nth-of-type(odd) {
  padding-right: 10px;
}

.syndicated-offer-half > ul.cp-form-group-ul > li {
  width: 100%;
  padding: 0px !important;
}

.syndicate-division-wrapper {
  float: left;
  width: 100%;
}

.so-editor-cont {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 15px;
  background-color: #F3F5F6;
  position: relative;
  /* Dijana - 11.07 */
}

.so-editor-cont > .cp-form-group-title {
  padding: 0px !important;
}

.mce-tinymce {
  margin-top: 15px !important;
  float: left !important;
}

@media all and (max-width: 1080px) {
  .mce-tinymce {
    width: 100% !important;
  }
}

.so-slider-container {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 15px 10px;
  background-color: #F3F5F6;
}

.so-slider-inputs {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.so-slider-inputs > ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.so-slider-inputs > ul > li {
  float: left;
  width: 25%;
  margin: 0px;
  padding: 0px 5px;
}

.so-slider-input {
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  color: #7e7e7e;
  float: left;
  font-family: "latobold";
  font-size: 14px;
  height: 42px;
  margin: 0;
  padding: 0 10px;
  width: 100%;
}

.so-slider-input[disabled] {
  background-color: transparent;
}

.so-slider-range-cont {
  float: left;
  width: 100%;
  margin: 29px 0px;
  padding: 0px 27px 0px 12px;
}

.so-slider-range {
  border-color: #dfe6eb !important;
  border-radius: 0px !important;
  height: 14px;
  border-left: 0px !important;
  border-right: 0px !important;
}

.so-slider-range:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -7px;
  width: 15px;
  height: 12px;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  border-right: 0px !important;
  background-color: #ffffff;
}

.so-slider-range:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -21px;
  width: 30px;
  height: 12px;
  border-style: solid;
  border-color: #dfe6eb;
  border-width: 1px;
  border-left: 0px !important;
  background-color: #ffffff;
}

.ui-slider-horizontal .ui-slider-range {
  background-color: #469edc;
}

.mce-panel {
  border: 1px solid #dfe6eb !important;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
FOOTER
---------------------------------------------------------- */
#footer {
  float: left;
  width: 100%;
  margin: 0px;
  background-color: #ebebeb;
  text-align: center;
  padding: 5px 0 30px;
  /* Footer inner div ends here */
}

#footer .warning-statement-section {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

#footer .warning-statement-section .link-wrap {
  padding-top: 25px;
}

#footer .find-out-more-section {
  background-color: #ebebeb;
  color: #fff;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

#footer .find-out-more-section .find-out-more-text p {
  color: #333;
  font-size: 14px;
  line-height: 21px;
}

#footer .footer-main {
  min-height: 350px;
  display: block;
  margin: 0 auto;
  padding-top: 30px;
}

#footer > div {
  /* Footer navigation ends here */
  /* Footer newsletter ends here */
  /* Footer copyright ends here */
}

#footer > div .footer-navigation {
  width: 100%;
  max-width: 770px;
  /* Media queries */
}

#footer > div .footer-navigation > ul {
  float: left;
  width: 33.3%;
  margin: 0px;
  padding: 0px 30px 0px 10px;
}

#footer > div .footer-navigation > ul > li {
  float: left;
  width: 100%;
  margin: 8px 0px 0px 0px;
  list-style: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: left 4px;
}

#footer > div .footer-navigation > ul > li:first-of-type {
  background-image: none;
  padding-left: 0px;
  padding-bottom: 5px;
  margin-top: 0px;
}

#footer > div .footer-navigation > ul > li > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  font-family: 'latoregular';
  font-size: 16px;
  color: #333;
}

#footer > div .footer-navigation > ul > li > a {
  float: left;
  margin: 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 14px;
  color: #6b7984;
  text-decoration: none;
}

#footer > div .footer-navigation > ul > li > a:hover {
  color: #333;
}

@media all and (max-width: 1210px) {
  #footer > div .footer-navigation {
    max-width: 100%;
    text-align: center;
  }
  #footer > div .footer-navigation > ul {
    display: inline-block;
    float: none;
    max-width: 220px;
    vertical-align: top;
  }
}

@media all and (max-width: 1210px) and (max-width: 705px) {
  #footer > div .footer-navigation > ul {
    width: 100%;
    max-width: 100%;
    margin: 30px 0px 0px 0px;
  }
}

@media all and (max-width: 1210px) and (max-width: 705px) and (max-width: 440px) {
  #footer > div .footer-navigation > ul > li {
    width: 100%;
  }
}

@media all and (max-width: 1210px) {
  #footer > div .footer-navigation {
    padding-bottom: 30px;
    border-right: 0px;
    border-style: solid;
    border-color: #ccc;
    border-bottom-width: 2px;
  }
}

#footer > div .footer-newsletter {
  float: right;
  margin: 0px 0px 0px 10px;
}

@media all and (max-width: 1200px) {
  #footer > div .footer-newsletter {
    max-width: 390px;
    text-align: center;
    display: block;
    float: none;
    margin: 30px auto;
  }
}

#footer > div .footer-newsletter .mn-footer-newsletter-header {
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}

@media all and (max-width: 1210px) {
  #footer > div .footer-newsletter .mn-footer-newsletter-header {
    text-align: center;
  }
}

#footer > div .footer-newsletter > form {
  margin: 0px;
  padding: 0px;
  text-align: center;
  margin-top: 20px;
  display: inline-block;
}

#footer > div .footer-newsletter > form .footer-newsletter-input {
  float: left;
  width: 100%;
  height: 45px;
  margin: 0px;
  padding: 0px;
  color: #ffffff;
  margin: 20px 0px 0px 0px;
  padding: 0px 10px;
  font-family: 'latolight';
  font-size: 16px;
  background-color: #7fb0d3;
  border-width: 0px;
  border-style: solid;
  border-color: #469edc;
  border-bottom-width: 2px;
  /* Media queries */
}

@media all and (max-width: 1210px) {
  #footer > div .footer-newsletter > form .footer-newsletter-input {
    float: none;
    display: inline-block;
  }
}

#footer > div .footer-newsletter > form > span {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-family: 'latolight';
  font-size: 18px;
  color: #333;
}

#footer > div .footer-newsletter > form .footer-subscribe-button {
  display: inline-block;
  cursor: pointer;
  margin: 40px 0px 0px 0px;
  padding: 10px 120px 10px 10px;
  border: none;
  overflow: hidden;
  transition: 0.3s;
  position: relative;
  font-size: 18px;
  font-family: 'latolight';
  color: #ffffff;
  background-color: #469edc;
}

#footer > div .footer-newsletter > form .footer-subscribe-button:hover {
  background-color: #4095d0;
}

#footer > div .footer-newsletter > form .footer-subscribe-button:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  margin: -5px 0px 0px -5px;
  height: 200%;
  background-color: rgba(255, 255, 255, 0.1);
  transform: rotate(-20deg);
  transform-origin: 0 0 0;
  width: 30%;
  transition: 0.3s;
}

#footer > div .footer-newsletter > form .footer-subscribe-button:hover:after {
  width: 40%;
}

#footer > div .footer-newsletter > form .footer-subscribe-button:before {
  font-size: 140%;
  height: 100%;
  left: auto;
  line-height: 3;
  position: absolute;
  right: 10px;
  top: 0px;
  width: 60px;
  z-index: 2;
  content: "";
  background-image: url(../../images/footer-news-arrow.png);
  background-repeat: no-repeat;
  background-position: right 15px top 15px;
}

#footer > div .form-inline {
  margin-top: 20px;
}

#footer > div .form-control {
  height: 51px;
  width: 260px;
  padding: 10px;
}

@media all and (max-width: 736px) {
  #footer > div .form-control {
    border-radius: 0;
    text-align: center;
  }
}

#footer > div .footer-btn-default {
  height: 51px;
  background-color: #469edc;
  color: white;
}

#footer > div .footer-copyright {
  float: left;
  width: 100%;
  margin: 30px 0px 30px 0px;
  padding: 20px 0px 0px 0px;
  text-align: center;
}

#footer > div .footer-copyright > p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  max-width: 978px;
  font-size: 13px;
  font-family: 'latolight';
  color: #6b7984;
  line-height: 18px;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  #footer > div .footer-copyright > p {
    font-size: 14px;
    text-align: center;
  }
}

@media all and (max-width: 736px) {
  #footer > div .footer-copyright > p {
    font-size: 13px;
    text-align: center;
  }
}

#footer > div .footer-copyright .logo-grey {
  float: left;
  margin-right: 30px;
  margin-top: 6px;
  margin-bottom: 10px;
}

@media all and (max-width: 1210px) {
  #footer > div .footer-copyright .logo-grey {
    margin-bottom: 30px;
    float: none;
    display: inline-block;
    text-align: center;
  }
}

@media all and (max-width: 736px) {
  #footer > div .footer-copyright .logo-grey {
    margin-left: 0;
    margin: 10px;
  }
}

.footer-content {
  padding: 10px;
  background-color: white;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  font-size: 15px;
  opacity: 0.75;
}

@media all and (max-width: 736px) {
  .footer-content {
    padding: 1rem 4.5rem 1rem 1rem;
    text-align: left;
    font-size: .75rem;
  }
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .footer-content {
    padding: 1rem 4.5rem 1rem 1rem;
    font-size: 17px;
    text-align: left;
  }
}

.footer-social-btns {
  margin: 0px;
  padding: 0px;
}

.footer-social-btns > h1 {
  margin: 20px 0px 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #333;
}

@media all and (max-width: 1210px) {
  .footer-social-btns > h1 {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

.footer-social-btns > div {
  margin-top: 20px;
  padding: 0px;
}

.footer-social-btns > div > a {
  float: left;
  height: 25px;
  width: 24px;
  margin-right: 20px;
  transition: 0.3s;
}

@media all and (max-width: 1210px) {
  .footer-social-btns > div > a {
    margin-left: 20px;
  }
}

.footer-social-btns > div > a.footer-fb {
  background-image: url(../../images/icons/005-facebook-logo.png);
  background-repeat: no-repeat;
}

.footer-social-btns > div > a.footer-tw {
  background-image: url(../../images/icons/twitter-1.png);
  background-repeat: no-repeat;
}

.footer-social-btns > div > a.footer-ins {
  background-image: url(../../images/icons/001-instagram.png);
  background-repeat: no-repeat;
}

.footer-social-btns > div > a.footer-li {
  background-image: url(../../images/icons/linkedin.png);
  background-repeat: no-repeat;
}

.footer-social-btns > div > a.footer-g {
  background-image: url(../../images/icons/003-google-plus.png);
  background-repeat: no-repeat;
}

@media all and (max-width: 1210px) {
  .footer-social-btns {
    display: inline-block;
    float: none;
    padding-bottom: 20px;
  }
}

/* Footer social buttons ends here */
@media all and (max-width: 736px) {
  .mn-input-group-btn {
    white-space: normal;
    display: block;
  }
}

@media all and (max-width: 736px) {
  .mn-btn-default {
    width: 260px;
    border-radius: 0;
    margin-top: 10px;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
FAQ PAGE
---------------------------------------------------------- */
.faq-question {
  float: left;
  width: 100%;
  margin: 50px 0px 0px 0px;
  padding: 0px 0px 0px 40px;
  font-family: 'latolight';
  font-size: 24px;
  color: #3f3e3e;
  position: relative;
  line-height: 150%;
}

.faq-question:before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: "Q: ";
  font-family: 'latobold';
  font-size: 20px;
  color: #3f3e3e;
  line-height: 150%;
}

.faq-answer {
  float: left;
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 4px 0px 0px 40px;
  font-family: 'latolight';
  font-size: 16px;
  color: #7e7e7e;
  position: relative;
  line-height: 150%;
}

.faq-answer:before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "A: ";
  font-family: 'latobold';
  font-size: 20px;
  color: #3f3e3e;
  line-height: 150%;
}

.faq-search {
  float: left;
  width: 100%;
  margin: 0px 0px 20px 0px;
  padding: 10px 60px 10px 10px;
  background-color: #ffffff;
  position: relative;
}

.faq-search > input[type="text"] {
  float: left;
  width: 100%;
  height: 42px;
  margin: 0px;
  padding: 0px 10px;
  border: 1px solid #ededed;
  font-family: 'latobold';
  font-size: 14px;
  color: #7e7e7e;
}

.faq-search > input[type="submit"] {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 42px;
  height: 42px;
  background-color: #469edc;
  border: 0px;
  text-indent: -99999px;
  cursor: pointer;
  transition: 0.3s;
  background-image: url(../../images/faq-search-icon.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.faq-search > input[type="submit"]:hover {
  background-color: #5ba9e0;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
EQUITISE TEAM
---------------------------------------------------------- */
.team-wrapper {
  padding-top: 80px;
  padding-bottom: 120px;
}

.team-wrapper .team-title {
  font-size: 36px;
  color: #7e7e7e;
  text-align: center;
  font-family: latoregular;
}

.team-wrapper .team-section {
  float: left;
  width: 100%;
  margin: 50px 0px 0px 0px;
  padding: 0px;
}

.team-wrapper .team-section > span.team-subheading {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 0px 20px 0px;
  font-family: 'latoregular';
  font-size: 20px;
  color: #7e7e7e;
  text-align: center;
}

.team-wrapper .team-section .team-blocks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}

@media all and (max-width: 1200px) {
  .team-wrapper .team-section .team-blocks {
    justify-content: center;
  }
}

.team-wrapper .team-section .team-blocks > .team-block {
  float: left;
  width: 300px;
  margin: 0px;
  min-height: 515px;
  margin: 40px;
}

.team-wrapper .team-section .team-blocks > .team-block > div {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  position: relative;
}

.team-wrapper .team-section .team-blocks > .team-block > div > img {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  width: 300px;
  height: 300px;
}

@media all and (max-width: 320px) {
  .team-wrapper .team-section .team-blocks > .team-block > div > img {
    width: 250px;
    height: 250px;
  }
}

.team-wrapper .team-section .team-blocks > .team-block > div span.team-member-name {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 20px 0px 10px;
  text-align: center;
  font-family: 'latobold';
  font-size: 18px;
  color: #7e7e7e;
}

.team-wrapper .team-section .team-blocks > .team-block > div span.team-member-role {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latoregular';
  font-size: 15px;
  color: #469edc;
  text-align: center;
}

.team-wrapper .team-section .team-blocks > .team-block > div a.team-member-linkedin {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  background-image: url(../../images/eq-team-linkedin.png);
  background-repeat: no-repeat;
}

.team-wrapper .team-section .team-blocks > .team-block > div .member-info-cnt {
  height: 96px;
}

.team-wrapper .team-section .team-blocks > .team-block > div .member-info-cnt .member-info {
  width: 100%;
  margin: 15px 0px 0px 0px;
  padding: 0px;
  font-family: 'latolight';
  font-size: 14px;
  color: #7e7e7e;
  line-height: 150%;
  line-height: 1.2em;
  height: 3.6em;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 3;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  overflow: hidden;
  text-overflow: ellipsis;
}

.team-wrapper .team-section .team-blocks > .team-block > div .member-info-cnt .expand {
  line-height: 150%;
  position: absolute;
  top: 0;
  background-color: rgba(1, 1, 1, 0.7);
  color: white;
  width: 100%;
  padding: 20px;
  height: 500px;
  line-height: 150%;
  font-size: 14px;
  margin: 0;
  overflow: hidden;
  transition: height .5s;
  -webkit-line-clamp: 50;
}

.team-wrapper .team-section .team-blocks > .team-block > div .more-less {
  padding: 8px;
  border: 1px solid #7e7e7e;
  cursor: pointer;
  float: left;
  width: 140px;
  text-align: center;
}

.team-wrapper .team-section .team-blocks > .team-block > div .more-less:hover {
  background-color: rgba(1, 1, 1, 0.7);
  border: none;
  color: white;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
ABOUT EQUITISE
---------------------------------------------------------- */
.about-equitise-section {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.about-equitise-section span.about-equitise-subheading {
  color: #7e7e7e;
  float: left;
  font-family: "latoregular";
  font-size: 20px;
  margin: 50px 0px 0px 0;
  padding: 0 0 20px;
  width: 100%;
}

.about-equitise-section > p {
  color: #7e7e7e;
  float: left;
  font-family: "latolight";
  font-size: 14px;
  line-height: 150%;
  margin: 15px 0 0;
  padding: 0;
  width: 100%;
}

.about-equitise-steps {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 50px 0px;
}

.about-equitise-steps > .about-equitise-step {
  float: left;
  width: 33.33%;
  margin: 0px;
  padding: 0px 10px;
}

.about-equitise-steps > .about-equitise-step > div {
  float: left;
  width: 100%;
  min-height: 284px;
  margin: 0px;
  padding: 50px 30px;
  text-align: center;
  border: 1px solid #ededed;
}

.about-equitise-steps > .about-equitise-step > div > img {
  display: inline-block;
  margin: 0px;
  padding: 0px;
}

.about-equitise-steps > .about-equitise-step > div > span {
  color: #7e7e7e;
  float: left;
  font-family: "latobold";
  font-size: 18px;
  margin: 0;
  padding: 20px 0 10px;
  text-align: center;
  width: 100%;
}

.about-equitise-steps > .about-equitise-step > div > p {
  color: #7e7e7e;
  float: left;
  font-family: "latolight";
  font-size: 16px;
  line-height: 150%;
  margin: 0px;
  padding: 0;
  width: 100%;
  text-align: center;
}

ul.about-equitise-investors {
  float: left;
  width: 100%;
  margin: 50px 0px;
  padding: 0px;
  text-align: center;
}

ul.about-equitise-investors > li {
  display: inline-block;
  width: 300px;
  height: 90px;
  margin: 10px;
  padding: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: 0.3s;
}

ul.about-equitise-investors > li:hover {
  border-color: #ededed;
}

ul.about-equitise-investors > li > a {
  float: left;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

ul.about-equitise-investors > li > a > img {
  float: left;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

ul.default-info-list {
  float: left;
  width: 100%;
  margin: 50px 0px 30px 0px;
  padding: 0px 0px 0px 16px;
}

ul.default-info-list > li {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 7px 0px;
  list-style: circle;
  color: #6195b9;
}

ul.default-info-list > li > p {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 150%;
  font-family: 'latoregular';
  font-size: 13px;
  color: #6195b9;
}

/* ----------------------------------------------------------
CONTACT
---------------------------------------------------------- */
.contact-map-cont {
  float: left;
  width: 100%;
  padding: 30px 0px 30px 0px;
}

.contact-map-cont iframe {
  width: 100%;
  margin: auto;
}

.contact-info {
  float: left;
  padding: 0px 0px 0px 20px;
  width: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.contact-info h2 {
  padding: 0px 0px 0px 0px !important;
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'latobold';
  font-size: 22px;
  color: #7e7e7e;
}

.contact-info p {
  float: left;
  color: #7e7e7e;
  font-family: "latoregular";
  font-size: 14px;
  text-align: left;
  padding: 10px 0px 20px;
  line-height: 140%;
  width: 100%;
}

.contact-info span {
  float: left;
  padding: 1px 0px 0px 20px;
  margin: 5px 0px 0px;
  height: 25px;
  color: #7e7e7e;
  font-family: "latoregular";
  font-size: 14px;
  text-align: left;
  width: 100%;
}

span.contact-phone {
  background: url("../../images/contact-icons.png") no-repeat 0px 0px;
}

span.contact-email {
  background: url("../../images/contact-icons.png") no-repeat 0px -25px;
}

span.contact-twitter {
  background: url("../../images/contact-icons.png") no-repeat 0px -50px;
}

.contact-info span a {
  color: #818181;
  text-decoration: none;
}

.contact-info span a:hover {
  text-decoration: underline;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
TERMS AND CONDITIONS
---------------------------------------------------------- */
.text-page-section {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 30px 0px;
}

.text-page-section .mn-agreement-p {
  color: #7e7e7e;
  font-family: "latolight";
  font-size: 15px;
  line-height: 150%;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.text-page-section p {
  color: #7e7e7e;
  float: left;
  font-family: "latolight";
  font-size: 15px;
  line-height: 150%;
  margin-bottom: 40px;
  padding: 0;
  width: 100%;
}

.text-page-section p > a {
  color: #469edc;
}

.text-page-section p > a:hover {
  text-decoration: underline;
}

.text-page-section span.tp-heading {
  color: #7e7e7e;
  float: left;
  font-family: "latoregular";
  font-size: 20px;
  margin: 50px 0 0;
  padding: 0 0 20px;
  width: 100%;
}

.text-page-section ul.tp-list {
  float: left;
  margin: 0px;
  padding: 20px 0px 20px 55px;
}

.text-page-section ul.tp-list > li {
  float: left;
  clear: both;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  font-family: "latolight";
  font-size: 15px;
  color: #7e7e7e;
  list-style: lower-roman;
}

.text-page-section ul.tp-list > li:first-of-type {
  margin-top: 0px;
}

.text-page-section ul.tp-list > li a {
  color: #469edc;
}

.text-page-section ul.tp-list > li a:hover {
  text-decoration: underline;
}

.print-button {
  float: right;
  width: 100px;
  height: 45px;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  font-family: 'latobold';
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  border: 0px;
  background-color: #469edc;
  transition: 0.3s;
}

.print-button:hover {
  background-color: #5ba9e0;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
CREATE COMPANY
---------------------------------------------------------- */
#company-registration .cp-form-group {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 580px) {
  #company-registration .cp-form-group {
    display: block;
    padding: 15px;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
PROGRESS BAR STYLE
---------------------------------------------------------- */
.offer-progress-bar {
  display: block;
  float: left;
  width: 100%;
  height: 20px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  background-color: #eff1eb;
  overflow: hidden;
}

.offer-progress-bar > .proggress-loading {
  display: block;
  float: left;
  width: 0;
  height: 20px;
  margin: 0px;
  padding: 0px;
  background: #aad155;
  color: #ffffff;
  font-family: 'latoregular';
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
PAGINATION STYLE
---------------------------------------------------------- */
.pagination-out-wrap {
  float: left;
  width: 100%;
  margin: 0;
  padding: 20px 0 0;
  text-align: center;
}

.pagination {
  float: none;
  display: inline-block;
}

.pagination li {
  float: left;
  width: 25px;
  height: 25px;
  margin: 0 3px;
  display: table;
}

.pagination li a,
.pagination li span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-family: 'latoregular';
  color: #469edc;
  font-size: 14px;
}

.pagination li.active a,
.pagination li.active span, .pagination li:hover a,
.pagination li:hover span {
  background-color: #469edc;
  color: #ffffff;
}

.pagination li.disabled a,
.pagination li.disabled span, .pagination li.disabled:hover a,
.pagination li.disabled:hover span {
  background-color: transparent;
  color: rgba(70, 158, 220, 0.8);
}

.pagination li:first-child a,
.pagination li:first-child span, .pagination li:last-child a,
.pagination li:last-child span {
  font-size: 18px;
  padding-bottom: 4px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
/* ----------------------------------------------------------
DATEPICKER RESTYLE
---------------------------------------------------------- */
.ui-widget-header {
  font-family: 'latolight';
  border: 1px solid #dfe6eb;
  background: #f3f5f6;
  color: #7e7e7e;
  font-weight: initial;
}

.ui-datepicker-calendar span {
  font-family: 'latoregular';
  color: #7e7e7e;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  font-family: 'latolight';
  border: 1px solid #dfe6eb;
  background: #f3f5f6;
  color: #7e7e7e;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #469edc;
  background: #469edc;
  font-weight: normal;
  color: #ffffff;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #469edc;
  background: #dee5e8;
  font-weight: normal;
  color: #469edc;
}

.ui-widget-header .ui-icon {
  background-image: url("../../../images/left-arrow.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  opacity: 0.8;
  transition: 0.3s;
}

.ui-datepicker-next .ui-icon {
  /* IE 9 */
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

.ui-datepicker-prev,
.ui-datepicker-next {
  transition: 0.3s;
  border-width: 0px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
  background-color: transparent !important;
  border-width: 0px;
}

.ui-datepicker-prev:hover .ui-icon,
.ui-datepicker-next:hover .ui-icon {
  opacity: 1;
}

.ui-datepicker .ui-datepicker-title select {
  font-family: 'latolight';
  color: #7e7e7e;
  font-size: 14px;
  -moz-appearance: none;
  background-color: white;
  border: thin solid #469edc;
  border-radius: 0px;
  box-sizing: border-box;
  display: inline-block;
  -webkit-font-feature-settings: inherit;
  font-feature-settings: inherit;
  -webkit-font-kerning: inherit;
  font-kerning: inherit;
  -webkit-font-language-override: inherit;
  font-language-override: inherit;
  font-stretch: inherit;
  font-style: inherit;
  font-synthesis: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 15px;
  margin: 0;
  padding: 0 25px 0 5px;
  background-image: linear-gradient(45deg, transparent 50%, #469edc 50%), linear-gradient(135deg, #469edc 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 10px) calc(7px + 2px), calc(100% - 5px) calc(7px + 2px), calc(100% - 20px) 0;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
  margin-right: 1px;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  margin-left: 1px;
}

.dropdown-with-arrow .select2-selection--multiple:after {
  content: "";
  position: absolute;
  top: 16px;
  right: 20px;
  width: 0;
  height: 0;
  transition: all 0.2s;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #6f8899 transparent transparent transparent;
}

.dropdown-with-arrow .select2-selection--multiple[aria-expanded=true]:after {
  transform: scaleY(-1);
}

*[data-href] {
  cursor: pointer;
}

.ui-slider .ui-slider-handle {
  width: 22px;
  height: 22px;
}

.synd-member-tile-buttons {
  text-align: right;
  line-height: 26px;
}

.synd-member-tile-buttons a {
  padding: 5px;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'latoregular';
}

.synd-member-tile-buttons a.profile {
  border: 1px solid #469edc;
  background-color: #469edc;
  color: #FFFFFF;
}

.synd-member-tile-buttons a.reject {
  border: 1px solid #C9302C;
  color: #C9302C;
}

.synd-member-tile-buttons a.accept {
  border: 1px solid #449D44;
  color: #449D44;
}

.synd-team-member-section {
  float: left;
  padding: 5px;
}

@media (max-width: 430px) {
  .synd-team-member-section {
    width: 100%;
  }
}

.synd-team-member-section-block {
  border: 1px solid #e9eaea;
  background-color: #f3f5f6;
  padding: 10px;
  display: flex;
  flex-direction: row;
}

.synd-team-member-section-avatar {
  height: 100px;
  widht: 100px;
}

.synd-team-member-section-details {
  float: right;
  padding-left: 10px;
  width: 240px;
}

.syndicates-members-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-wrap: wrap;
}

.synd-team-member-section-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/********************************/
/*   TIME LINE LANDING PAGE     */
/********************************/
/* Time line landing page 22.01.2016 */
.lp-header {
  width: 100%;
  height: 57px;
  float: left;
}

#lp-top-cont {
  width: 100%;
  height: 100%;
  float: left;
}

#lp-top-cont * {
  box-sizing: border-box;
}

.lp-heading {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
  top: 15%;
}

.lp-heading h1 {
  width: 100%;
  float: left;
  font-size: 120px;
  font-family: 'montserratlight';
  text-align: center;
  padding: 10px;
  color: #fff;
  text-indent: -9999px;
  background: url("../../images/lp-review-title.png") center center no-repeat;
}

.lp-line-cont {
  float: left;
  width: 100%;
  position: relative;
  height: 243px;
  top: 20%;
  background: url("../../images/lp-line2015.png") center center no-repeat;
}

.lp-scroll-cont {
  float: left;
  width: 100%;
  position: relative;
  height: 243px;
  top: 20%;
  text-align: center;
}

a.lp-scroll-btn {
  display: inline-block;
  padding: 15px 20px;
  background: #45a0d8;
  font-family: 'montserratultra_light';
  font-size: 20px;
  color: #fff;
  transition: .5s;
  text-decoration: none;
}

a.lp-scroll-btn:hover {
  background: #63bef6;
  transition: .5s;
}

.lp-time-cont {
  float: left;
  width: 100%;
  min-height: 1000px;
  padding: 50px 0px;
}

.lp-time-cont * {
  box-sizing: border-box;
}

.lp-time-line {
  width: 100%;
  float: left;
  text-align: center;
  vertical-align: middle;
  position: relative;
  display: none;
}

.lp-time-date {
  display: inline-block;
  padding: 10px 30px;
  vertical-align: middle;
  width: 390px;
  color: #fff;
  font-family: 'montserratultra_light';
  font-size: 27px;
  text-align: right;
}

.lp-time-icon {
  display: inline-block;
  padding: 0px 30px;
  vertical-align: middle;
  width: 140px;
}

.lp-time-desc {
  display: inline-block;
  padding: 10px 30px;
  vertical-align: middle;
  width: 390px;
  color: #fff;
  font-family: 'montserratultra_light';
  font-size: 27px;
  text-align: left;
}

.lp-line-split {
  float: left;
  width: 100%;
  text-align: center;
  height: 50px;
  position: relative;
  top: -2px;
  display: none;
}

.lp-line-split span {
  display: inline-block;
  width: 4px;
  height: 56px;
  background: #fff;
}

.third-split {
  top: -16px;
}

.third-split span {
  height: 68px;
}

.lp-text-two, .lp-text-three, .lp-text-four, .lp-text-five, .lp-text-six {
  display: none;
}

.lp-circles-cont {
  width: 100%;
  float: left;
}

.lp-circles-cont-in {
  margin: 0px auto;
  text-align: center;
  position: relative;
  width: 960px;
}

.lp-total-circle {
  margin: 0px auto;
  width: 200px;
  height: 200px;
  background: url("../../images/lp-total-circle.png") no-repeat;
  top: -3px;
  position: relative;
  display: none;
}

.lp-total-text {
  width: 200px;
  height: 200px;
  background: url("../../images/lp-total-text.png") no-repeat;
  top: -2px;
  left: 380px;
  position: absolute;
  display: none;
}

.lp-circle-one {
  position: absolute;
  top: -30px;
  left: 223px;
  width: 171px;
  height: 124px;
  background: url("../../images/lp-circle1.png") no-repeat;
  display: none;
}

.lp-circle-two {
  position: absolute;
  top: -30px;
  right: 223px;
  width: 171px;
  height: 124px;
  background: url("../../images/lp-circle2.png") no-repeat;
  display: none;
}

.lp-circle-three {
  position: absolute;
  top: 110px;
  left: 240px;
  width: 161px;
  height: 121px;
  background: url("../../images/lp-circle3.png") no-repeat;
  display: none;
}

.lp-circle-four {
  position: absolute;
  top: 110px;
  right: 240px;
  width: 161px;
  height: 121px;
  background: url("../../images/lp-circle4.png") no-repeat;
  display: none;
}

.lp-subscribe-cont {
  float: left;
  width: 100%;
  text-align: center;
  padding: 50px 0px;
}

.lp-subscribe-cont span {
  color: #fff;
  display: inline-block;
  font-family: "montserratultra_light";
  font-size: 27px;
  padding: 30px 0px;
  text-align: left;
  vertical-align: middle;
  width: 960px;
  border-top: 1px solid #fff;
  text-align: center;
}

.lp-inputs-cont {
  float: left;
  width: 100%;
  text-align: center;
  padding: 0px 0px;
}

.lp-email-field {
  border: 3px solid #898888;
  box-sizing: border-box;
  color: #898888;
  display: inline-block;
  font-family: "Montserrat";
  font-size: 16px;
  height: 50px;
  margin: 0px 30px 0px 0px;
  max-width: 425px;
  width: 370px;
  padding: 10px;
  float: none;
}

.lp-submit-btn {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #7cbee5 url("../../images/check-icon.png") no-repeat scroll 96% 50%;
  border-color: -moz-use-text-color -moz-use-text-color #397ba2;
  -o-border-image: none;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 1px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-family: "montserratbold";
  font-size: 17px;
  text-align: left;
  width: 200px;
  height: 50px;
  display: inline-block;
  float: none !important;
  margin: 0px !important;
}

.lp-submit-btn:hover {
  opacity: 0.8;
}

.inv-type-select {
  display: inline-block;
  width: 100%;
  padding: 0px 0px 20px;
}

.inv-type-select label {
  display: inline-block;
  font-family: "montserratultra_light";
  font-size: 18px;
  padding: 15px 26px 15px 0px;
  text-align: center;
  color: #ffffff;
}

#lp-invetsor-type {
  padding: 5px;
  margin-right: 0px;
  display: inline-block;
  width: 200px;
}

.error-invtype-select {
  display: inline-block;
  font-family: "montserratultra_light";
  font-size: 18px;
  padding: 15px 26px 15px 0px;
  text-align: center;
  color: red;
  width: 100%;
}

.timeline-invtype-link {
  color: #ffffff;
}

.timeline-invtype-info {
  position: relative;
}

.timeline-invtype-info span.tooltip {
  background-color: #36a6bb;
  border-radius: 5px;
  bottom: 45px;
  color: #ffffff;
  font-family: "open_sansregular";
  font-size: 11px;
  left: -20px;
  line-height: 1.2;
  opacity: 0;
  position: absolute;
  text-align: justify;
  visibility: hidden;
  width: 305px;
  z-index: 1;
  padding: 10px;
  border-top: 0px;
  visibility: hidden;
  transition: .5s;
}

.timeline-invtype-info img {
  bottom: -6px;
  position: absolute;
}

@media only screen and (min-device-width: 581px) and (max-device-width: 768px) {
  .promo-lp-wrap {
    min-height: 900px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 580px) {
  .promo-lp-wrap {
    min-height: 1000px;
  }
}

.partners-container h2 {
  font-size: 36px;
  text-align: center;
}

@media (max-width: 500px) {
  .partners-container h2 {
    font-size: 32px;
  }
}

.partners-container .partners-info {
  padding-top: 165px;
  padding-bottom: 95px;
  background-color: #fff;
}

.partners-container .partners-info > header h2 {
  font-size: 36px;
  text-align: center;
}

.partners-container .partners-info > header p {
  text-align: center;
  width: 700px;
  margin: 35px auto;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 800px) {
  .partners-container .partners-info > header p {
    width: 100%;
    padding: 20px;
    margin: 0;
  }
}

.partners-container .partners-info section.partner-logos {
  margin: 50px auto;
  max-width: 1100px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.partners-container .partners-info section.partner-logos .partner-logo-item {
  background-color: black;
  margin: 7px;
  border: 1px solid #ccc;
  position: relative;
}

.partners-container .partners-info section.partner-logos .partner-logo-item:hover .overlay {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.95);
  opacity: .95;
}

.partners-container .partners-info section.partner-logos .partner-logo-item .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.95);
}

.partners-container .partners-info section.partner-logos .partner-logo-item .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.partners-container .partners-info section.partner-logos .partner-logo-item .text h4 {
  color: white;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  margin-bottom: 10px;
}

@media (max-width: 400px) {
  .partners-container .partners-info section.partner-logos .partner-logo-item .text {
    font-size: 24px;
    line-height: 36px;
    width: 85%;
  }
}

.partners-container .partners-info section.partner-logos .partner-logo-item .text p {
  text-transform: uppercase;
  text-align: center;
  color: white;
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
}

@media (max-width: 290px) {
  .partners-container .partners-info section.partner-logos .partner-logo-item .text h4 {
    font-size: 24px;
    line-height: 36px;
  }
}

.partners-container .partners-info section.partner-logos .partner-logo-item img {
  width: 100%;
  display: block;
}

.partners-container section.reason-why {
  padding: 105px 15px 0 15px;
}

.partners-container section.reason-why .reason-why-container {
  max-width: 1300px;
  margin: 40px auto;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}

.partners-container section.reason-why .reason-why-container .why-statements {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 270px;
  margin-top: 60px;
}

.partners-container section.reason-why .reason-why-container .why-statements p {
  margin: 35px auto;
  margin-bottom: 0;
  text-align: center;
  width: 270px;
}

.partners-container section.partner-why-equitise {
  margin-top: 125px;
  background-image: url("../../images/partners-form-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  top: 0px;
  left: 0px;
  display: table;
  height: 800px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.partners-container section.partner-why-equitise p {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  margin: 20px auto;
  margin-bottom: 25px;
  width: 350px;
}

.partners-container section.partner-why-equitise .form {
  width: 560px;
}

@media (max-width: 630px) {
  .partners-container section.partner-why-equitise .form {
    width: 100%;
    padding: 20px;
  }
  .partners-container section.partner-why-equitise .form p {
    width: 100%;
    padding: 20px;
  }
}

.partners-container section.partner-why-equitise .form input {
  border: 1px solid #fff;
  width: 100%;
  padding: 20px;
  height: 50px;
  font-size: 16px;
  font-family: 'latolight';
  color: #fff;
  margin-top: 30px;
  margin-bottom: 8px;
  background: rgba(255, 255, 255, 0.4);
}

.partners-container section.partner-why-equitise .form input.error {
  border-left: 2px solid #DD1C52;
  animation: fadein 2s;
}

.partners-container section.partner-why-equitise .form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  letter-spacing: 1px;
}

.partners-container section.partner-why-equitise .form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  letter-spacing: 1px;
}

.partners-container section.partner-why-equitise .form :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  letter-spacing: 1px;
}

.partners-container section.partner-why-equitise .form :-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  letter-spacing: 1px;
}

.partners-container section.partner-why-equitise .form #partnerSubmit {
  background-color: #44A4E7;
  margin: 0 auto;
  display: inherit;
  margin-top: 30px;
  height: 50px;
  font-size: 16px;
  font-family: 'latolight';
  width: 200px;
  color: #fff;
  border: none;
}

.partners-container section.partner-why-equitise .form #partnerSubmit[disabled]:hover {
  cursor: progress;
}

.partners-container section.partner-why-equitise .form #partnerSubmit:hover {
  cursor: pointer;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
.dealsContainer {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

.dealsContainer header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dealsContainer .buttonFilter {
  margin-bottom: 50px;
  justify-content: center;
}

.dealsContainer button.filterButton {
  margin: 10px;
  padding: 10px;
  min-width: 140px;
  font-size: 16px;
  font-family: 'latolight';
  background: none;
  border: 1px solid #469edc;
  color: #469edc;
  border-radius: 2px;
  transition: background 0.3s ease;
}

.dealsContainer button.filterButton:hover, .dealsContainer button.filterButton.buttonFilterSelected {
  cursor: pointer;
  background: #469edc;
  color: #fff;
}

.dealsContainer .selectFilter {
  margin: 10px;
  padding: 10px;
  min-width: 140px;
  font-size: 16px;
  font-family: 'latolight';
  background: none;
  border: 1px solid #469edc;
  color: #469edc;
  border-radius: 2px;
  background: url("../../images/blue-button-arrow-down.png") no-repeat 90%;
}

.dealsContainer .filterOption {
  width: 44px;
  height: 44px;
  margin: 10px;
  padding: 10px;
  padding-top: 13px;
  padding-bottom: 7px;
  font-size: 16px;
  font-family: 'latolight';
  background: url("../../images/filter-icon.png") no-repeat;
  background-position: center;
  border: 1px solid #469edc;
  color: #469edc;
  border-radius: 2px;
  transition: background-color 0.3s ease;
}

.dealsContainer .filterOption:hover {
  background: url("../../images/filter-icon-hover.png") no-repeat;
  background-color: #469edc;
  background-position: center;
  cursor: pointer;
}

.dealsContainer .center {
  text-align: center;
}

.dealsContainer .filterOptions {
  margin: 10px;
  margin-top: 0;
  margin-bottom: 40px;
  padding: 10px;
  padding-top: 0;
  transition: background-color 0.3s ease;
  border-radius: 2px;
}

.dealsContainer .filterOptions header input[type="text"] {
  border: 1px solid #469edc;
  background: none;
  height: 44px;
  border-radius: 2px;
  padding: 10px;
  font-size: 16px;
  font-family: 'FontAwesome', 'latolight';
}

.dealsContainer .filterOptions .filterOptionsContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.dealsContainer .filterOptions .filterOptionsContainer .filterOptionsContainerColumn {
  display: flex;
  flex-direction: column;
}

.dealsContainer .filterOptions .filterOptionsContainer .filterOptionsContainerColumn h4 {
  text-align: center;
  font-family: 'latolight';
  color: #333;
  font-size: 18px;
  line-height: 30px;
}

.dealsContainer section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -10px 0 0 10px;
  justify-content: center;
  align-items: flex-start;
}

.dealsContainer section .dealSectionItem {
  display: inline-block;
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(100% * (1/4) - 10px - 1px);
  margin-bottom: 20px;
  position: relative;
}

@media (max-width: 700px) {
  .dealsContainer section .dealSectionItem {
    width: calc(100% * (1/2) - 10px - 1px);
  }
}

@media (max-width: 450px) {
  .dealsContainer section .dealSectionItem {
    width: calc(100% - 10px - 1px);
  }
}

.dealsContainer section .dealSectionItem .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 95%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dealsContainer section .dealSectionItem .overlay .overlayHeader {
  justify-content: flex-start;
}

.dealsContainer section .dealSectionItem .overlay .overlayHeader h4 {
  font-family: 'latoregular';
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}

.dealsContainer section .dealSectionItem .overlay .overlayContainer p {
  color: white;
  font-family: 'latolight';
  font-size: 18px;
  line-height: 27px;
}

@media (max-width: 450px) {
  .dealsContainer section .dealSectionItem .overlay .overlayContainer p {
    display: none;
  }
}

.dealsContainer section .dealSectionItem .overlay .overlayContainer .registerInterest {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-content: center;
}

.dealsContainer section .dealSectionItem .overlay .overlayContainer .registerInterest input[type=text] {
  margin-bottom: 10px;
  font-size: 15px;
  height: 40px;
  width: 100%;
  border-radius: 2px;
  font-family: 'latolight';
  border: none;
  padding: 10px;
  color: #333;
}

.dealsContainer section .dealSectionItem .overlay .overlayContainer .registerInterest .registerButton {
  padding: 10px;
  min-width: 140px;
  font-size: 16px;
  font-family: 'latolight';
  background: #469edc;
  border: 1px solid #469edc;
  color: #fff;
  border-radius: 2px;
  transition: background 0.3s ease;
}

.dealsContainer section .dealSectionItem .overlay .overlayContainer .registerInterest .registerButton:hover, .dealsContainer section .dealSectionItem .overlay .overlayContainer .registerInterest .registerButton.buttonFilterSelected {
  cursor: pointer;
  background: #469edc;
  color: #fff;
}

.dealsContainer section .dealSectionItem .overlay .overlayContainer .registerInterest p.thankyou {
  display: block;
}

.dealsContainer section .dealSectionItem .overlay .amountFundedBar {
  width: 100%;
  height: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #fff;
}

.dealsContainer section .dealSectionItem .overlay .amountFundedBar .amountFundedTotal {
  width: 75%;
  background: #aad155;
  height: 4px;
}

.dealsContainer section .dealSectionItem:hover .overlay {
  opacity: 1;
  cursor: pointer;
}

.dealsContainer section .dealSectionItem .private {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  padding: 15px;
  padding-bottom: 0;
  margin-top: -60px;
}

@media (max-width: 800px) {
  .dealsContainer section .dealSectionItem .private {
    margin-top: -35px;
    padding: 0;
  }
}

@media (max-width: 600px) {
  .dealsContainer section .dealSectionItem .private {
    padding: 0;
  }
}

.dealsContainer section .dealSectionItem .private img {
  border-radius: 50px;
  width: 60px;
  height: 60px;
  display: inherit;
  margin-left: auto;
}

@media (max-width: 900px) {
  .dealsContainer section .dealSectionItem .private img {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 650px) {
  .dealsContainer section .dealSectionItem .private img {
    margin: 0 auto;
  }
}

.dealsContainer section .dealSectionItem .public {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  padding: 15px;
  padding-bottom: 0;
  margin-top: -60px;
}

@media (max-width: 800px) {
  .dealsContainer section .dealSectionItem .public {
    margin-top: -35px;
    padding: 0;
  }
}

@media (max-width: 600px) {
  .dealsContainer section .dealSectionItem .public {
    padding: 0;
  }
}

.dealsContainer section .dealSectionItem .public img {
  border-radius: 50px;
  width: 60px;
  height: 60px;
  display: inherit;
  margin-left: auto;
}

@media (max-width: 900px) {
  .dealsContainer section .dealSectionItem .public img {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 650px) {
  .dealsContainer section .dealSectionItem .public img {
    margin: auto;
  }
}

.dealsContainer section .dealSectionItem article {
  color: #fff;
  width: 95%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

@media (max-width: 450px) {
  .dealsContainer section .dealSectionItem article {
    border-top: 1px solid #ccc;
    margin-top: 20px;
  }
}

.dealsContainer section .dealSectionItem article img {
  width: 100%;
}

@media (max-width: 450px) {
  .dealsContainer section .dealSectionItem article img {
    display: none;
  }
}

.dealsContainer section .dealSectionItem article:hover .overlay {
  opacity: 1;
}

.dealsContainer section .dealSectionItem article .articleContainer {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  border-top: none;
  font-size: 16px;
  line-height: 24px;
  padding: 15px;
  color: #333;
  min-height: 220px;
}

@media (max-width: 1000px) {
  .dealsContainer section .dealSectionItem article .articleContainer {
    min-height: 250px;
  }
}

@media (max-width: 450px) {
  .dealsContainer section .dealSectionItem article .articleContainer {
    min-height: 200px;
  }
}

.dealsContainer section .dealSectionItem article .articleContainer h4 {
  font-family: 'latoregular';
  font-size: 18px;
  line-height: 27px;
}

.dealsContainer section .dealSectionItem article .articleContainer p {
  font-size: 15px;
  line-height: 22.5px;
}

.dealsContainer footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.dealsContainer footer .loadMoreButton {
  margin: 10px;
  padding: 10px;
  min-width: 140px;
  font-size: 16px;
  font-family: 'latolight';
  background: none;
  border: 1px solid #469edc;
  color: #469edc;
  border-radius: 2px;
  transition: background 0.3s ease;
}

.dealsContainer footer .loadMoreButton:hover, .dealsContainer footer .loadMoreButton.buttonFilterSelected {
  cursor: pointer;
  background: #469edc;
  color: #fff;
}

/*---------------------------
      Mina CSS
-----------------------------*/
/* deals page  */
main {
  background-color: #fff;
}

.full {
  width: 100%;
  height: 380.5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0;
  position: relative;
  align-items: center;
  display: flex;
  justify-content: center;
}

.full .mn-country-background {
  width: 250px;
  height: 50px;
  background-color: #ebebeb;
  border-radius: 30px;
  margin: auto;
  text-align: right;
  padding: 15px;
  position: relative;
  margin-bottom: 31px;
}

.full .mn-country-background .mn-country-toggle {
  width: 125px;
  height: 44px;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  padding: 12px;
  text-align: center;
}

.full .mn-country-background .mn-country-toggle.active {
  background-color: #469edc;
  color: #FFFFFF;
}

.full .mn-deal-title {
  font-family: latoregular;
  font-size: 44px;
  text-align: center;
  color: #ffffff;
  margin-top: 43px;
  margin: auto;
  line-height: 40px;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .full .mn-deal-title {
    font-size: 35px;
  }
}

@media all and (max-width: 736px) {
  .full .mn-deal-title {
    font-size: 29px;
  }
}

.full .mn-deal-subtitle {
  line-height: 35px;
  margin: 34px 0 0 0;
  font-family: 'latolight';
  font-weight: 300;
  font-size: 24px;
  color: #fff;
  text-align: center;
  max-width: 950px;
  padding-right: 20px;
  padding-left: 20px;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .full .mn-deal-subtitle {
    font-size: 19px;
  }
}

@media all and (max-width: 736px) {
  .full .mn-deal-subtitle {
    font-size: 15px;
    margin: 14px 0 0 0;
  }
}

.selectpicker {
  font-size: 16px;
  height: 34px;
  width: 150px;
  padding-left: 10px;
  border: none;
  background-color: white;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}

.selectpicker:not(.is-multiple)::after {
  border: 1px solid #3273dc;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.5em;
  pointer-events: none;
  position: absolute;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.5em;
  margin-top: -0.375em;
  right: 1.125em;
  top: 50%;
  z-index: 4;
}

.mn-filter-option {
  margin-top: 70px;
}

@media all and (max-width: 736px) {
  .mn-filter-option {
    margin-top: 30px;
  }
}

.mn-filter-option .mn-filter-container {
  margin-bottom: 34px;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-filter-option .mn-filter-container {
    margin-bottom: 26px;
  }
}

.mn-filter-option .mn-filter-blue {
  background-color: #469edc;
  color: white;
}

.mn-filter-option .mn-deals-filter-title {
  font-size: 27px;
  font-family: latoregular;
  margin-right: 40px;
}

.mn-filter-option .navbar-form {
  margin-left: 254px;
  padding-right: 0;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-filter-option .navbar-form {
    margin-left: 0;
  }
}

@media all and (max-width: 736px) {
  .mn-filter-option .navbar-form {
    margin-left: 0;
  }
}

.mn-all-delas-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.mn-tile-container {
  margin-bottom: 30px;
  width: 356px;
  position: relative;
  margin: 12px;
}

@media all and (max-width: 736px) {
  .mn-tile-container {
    width: 352px;
  }
}

@media all and (max-width: 320px) {
  .mn-tile-container {
    width: 292px;
  }
}

.mn-tile-container .mn-offer-tile-up {
  width: 100%;
  height: 152px;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.mn-tile-container .mn-offer-tile-up .mn-tile-banner {
  width: 100%;
  height: 100%;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
}

.mn-tile-container .mn-offer-tile-up .mn-tile-circle-logo {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

.tileHover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}

.mn-deal-tile-content {
  border: 1px solid #e1e1e1;
}

.mn-deal-tile-content .mn-tile-content-container {
  padding: 76px 20px 21px;
  background-color: white;
  height: 440px;
  position: relative;
}

.mn-deal-tile-content .underline {
  text-decoration: underline;
}

.mn-deal-tile-content .mn-tile-desc-black {
  color: #333;
  font-size: 16px;
  font-family: latolight;
  text-align: center;
  margin-bottom: 26px;
}

.mn-deal-tile-content .mn-tile-desc-black-live {
  color: #333;
  font-size: 16px;
  font-family: latolight;
  text-align: center;
  margin-bottom: 17px;
}

.mn-deal-tile-content .mn-deals-page-button {
  margin: auto;
  max-width: 277px;
  height: 55px;
  padding: 20px;
  text-align: center;
  font-size: 16px;
  font-family: latoregular;
  margin-top: 16px;
  margin-bottom: 20px;
  cursor: pointer;
}

.mn-deal-tile-content .mn-deals-page-button:hover {
  -webkit-filter: brightness(85%);
  filter: brightness(85%);
  transition: opacity 0.15s linear;
}

.mn-tile-desc {
  font-size: 20px;
  font-family: latoregular;
  text-align: center;
}

.mn-margin-4 {
  margin-bottom: 4px;
}

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

.mn-form {
  position: relative;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .mn-form {
    text-align: center;
  }
}

.mn-glyphicon {
  width: 20px;
}

@media all and (max-width: 736px) {
  .mn-glyphicon {
    width: 20px;
    position: absolute;
    top: -4px;
    left: 312px;
  }
}

@media all and (max-width: 400px) {
  .mn-glyphicon {
    left: 254px;
  }
}

.mn-filter-container {
  display: flex;
  flex-direction: column;
}

.mn-filter-container .select-box {
  margin: 10px 10px 10px 19px;
  padding: 10px;
  min-width: 170px;
  font-size: 16px;
  font-family: 'latolight';
  background: none;
  border: none;
  border-bottom: 1px solid #469edc;
  color: #469edc;
  border-radius: 2px;
}

@media all and (max-width: 736px) {
  .mn-filter-container .select-box {
    min-width: 102px;
  }
}

@media all and (max-width: 736px) {
  .mn-filter-container .select-box-wide {
    min-width: 140px;
  }
}

.mn-filter-container .white-arrow {
  background: url(../../images/white-arrow-horiz.png) no-repeat 90%;
}

.mn-filter-container .blue-arrow {
  background: url(../../images/blue-button-arrow-down.png) no-repeat 90%;
}

.search-container {
  margin-top: 7px;
}

@media all and (max-width: 736px) {
  .search-container {
    margin-top: 20px;
  }
}

.search-container .search-box {
  border: none;
  border-bottom: 1px solid #469edc;
  padding: 8px;
  font-size: 17px;
  font-family: latolight;
  color: #469edc;
  width: 314px;
  margin-left: 190px;
}

@media only screen and (min-device-width: 737px) and (max-device-width: 1200px) {
  .search-container .search-box {
    width: 364px;
    margin-left: 0;
  }
}

@media all and (max-width: 736px) {
  .search-container .search-box {
    margin-top: -13px;
    margin-left: 0px;
    margin-right: 40px;
    width: 304px;
    float: right;
  }
}

@media all and (max-width: 400px) {
  .search-container .search-box {
    width: 246px;
  }
}

.search-container input::-webkit-input-placeholder {
  color: #469edc;
}

.search-container input:-ms-input-placeholder {
  color: #469edc;
}

.search-container input::placeholder {
  color: #469edc;
}

.search-container button {
  border: none;
  background-color: white;
}

@media all and (max-width: 736px) {
  .search-container button {
    margin-top: 10px;
  }
}

.mn-label {
  color: #7e7e7e;
}

.loading-snipper {
  height: 561px;
  width: 100%;
}

.loading-snipper .loading-snipper-img {
  display: block;
  margin: auto;
}

.unknown-address {
  display: inline-block;
}

.unknown-address, .search-address {
  display: inline-block;
  font-size: 14px;
  margin-top: 10px;
  color: #7e7e7e;
}

.unknown-address:hover, .search-address:hover {
  cursor: pointer;
}

.address-wrapper, .search-address {
  display: none;
}

ul.addResults {
  position: absolute;
  z-index: 5;
  background-color: white;
  top: 51px;
}

ul.addResults > li {
  padding: 10px;
  font-size: 15px;
  border: 1px solid #dfe6eb;
  border-top: none;
  top: 51px;
}

ul.addResults > li:hover {
  cursor: pointer;
  background-color: #e4ecf1;
}

@media (min-width: 670px) {
  ul.addResults > li {
    width: 338px;
  }
}

.add_new_wbi {
  font-size: 14px !important;
}

#company_id {
  font-size: 14px !important;
}

@media (max-width: 321px) {
  .ui-autocomplete {
    width: 230px !important;
    font-size: 11px !important;
  }
  .company-autocomplete > li > a.ui-corner-all > button {
    background-color: #469edc;
    border: 0 none;
    color: #fff;
    font-family: "latoregular";
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
  }
}

.address-wrapper {
  display: none;
}

input[readonly="readonly"], input[disabled="disabled"], textarea[readonly="readonly"], textarea[disabled="disabled"] {
  background-color: #f3f5f6 !important;
  border: none !important;
}

.remodal-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ipo-fsg-prospectus .notice {
  font-weight: bold;
  padding-bottom: 20px;
  text-align: center;
}

.api-investment-errors {
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.api-investment-errors .exclamation-mark {
  height: 55px;
  width: 55px;
  margin-bottom: 10px;
}

.api-investment-errors .modal-heading {
  color: #2b2e38;
  font-size: 22px;
  font-family: 'latoregular';
  margin-bottom: 22px;
}

@media (max-width: 321px) {
  .api-investment-errors {
    padding: 25px;
  }
  .api-investment-errors .exclamation-mark, .api-investment-errors .modal-heading {
    display: none;
  }
}

.api-investment-errors .my-modal-container {
  display: flex;
  flex-direction: column;
  box-shadow: none;
}

.api-investment-errors .my-modal-container .my-modal-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 35px;
  max-width: 650px;
}

.api-investment-errors .my-modal-container .my-modal-item .icon {
  width: auto !important;
}

.api-investment-errors .my-modal-container .my-modal-item p.modal-p {
  font-size: 16px;
  line-height: 24px;
  margin-left: 15px;
  display: inline-block;
  width: initial;
  padding-bottom: 0;
  float: none;
}

.api-investment-errors .my-modal-container a.modal-link {
  color: #71baed;
}

.api-investment-errors button.close {
  border-radius: 3px;
  padding: 10px 20px;
  margin: 10px;
}

.api-investment-errors button.cancel {
  border-radius: 3px;
  padding: 10px 20px;
  background-color: #f0ad4e;
  margin: 10px;
}

.up-bio-maintext:empty:after {
  color: #7e7e7e;
  font-family: "latolight";
  font-size: 16px;
  line-height: 24px;
  padding-top: 10px;
  padding-bottom: 32px;
}

.img-responsive img {
  width: 100%;
}

.submitting-modal {
  background-color: white;
  border-radius: 5px;
}

.submitting-modal .partner-subscribe-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  padding-bottom: 0;
}

.submitting-modal .partner-subscribe-container h2 {
  font-size: 30px;
  margin-bottom: 45px;
  text-align: center;
}

.submitting-modal .partner-subscribe-container .exclamation-mark {
  text-align: center;
  width: 60px;
  margin-bottom: 30px;
}

.submitting-modal .partner-subscribe-container button {
  border-radius: 3px;
}

.submitting-modal .submitting-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
}

.submitting-modal .submitting-container h2 {
  font-size: 30px;
  margin-bottom: 45px;
}

.submitting-modal #circleG {
  width: 140px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: auto;
}

.submitting-modal .circleG {
  background-color: #5ba9e0;
  height: 30px;
  width: 30px;
  animation-name: bounce_circleG;
  -o-animation-name: bounce_circleG;
  -ms-animation-name: bounce_circleG;
  -webkit-animation-name: bounce_circleG;
  -moz-animation-name: bounce_circleG;
  animation-duration: 2.24s;
  -o-animation-duration: 2.24s;
  -ms-animation-duration: 2.24s;
  -webkit-animation-duration: 2.24s;
  -moz-animation-duration: 2.24s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  border-radius: 24px;
  -o-border-radius: 24px;
  -ms-border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
}

.submitting-modal #circleG_1 {
  margin-left: 0;
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
}

.submitting-modal #circleG_2 {
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}

.submitting-modal #circleG_3 {
  margin-right: right;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}

@keyframes bounce_circleG {
  0% {
  }
  50% {
    background-color: white;
  }
  100% {
  }
}

a.completedNoGo:hover {
  cursor: default !important;
}

#agreement-text h2 {
  margin-bottom: 10px;
  font-size: 18px;
}

#accept-terms-direct-debits {
  padding-left: 20px;
  padding-right: 20px;
}

#accept-terms-direct-debits ol {
  margin-left: 20px;
  list-style-type: lower-alpha;
}

#accept-terms-direct-debits ol p {
  margin-bottom: 5px;
  line-height: 16px;
}

#accept-terms-direct-debits ol li {
  margin-bottom: 10px;
  line-height: 16px;
}

#accept-terms-direct-debits ol li ol.inner-list {
  margin-top: 5px;
  list-style-type: lower-roman;
}

strong {
  font-family: 'latoregular';
}

#agreement-text p {
  margin-bottom: 10px;
}

#agreement-text h3 {
  font-family: 'latoregular';
  font-size: 18px;
  margin-bottom: 10px;
}

.warning-static-ul {
  margin-bottom: 10px;
}

.warning-static-ul li {
  margin-bottom: 10px;
}

#warning-text p, #warning-text h3 {
  margin-bottom: 10px;
}

#warning-text h3 {
  font-family: 'latoregular';
  font-size: 18px;
}

a.invest-link {
  font-size: 14px;
  font-family: 'latolight';
  vertical-align: middle;
}

.reg-log-leftcol > .default-warning-tooltip {
  padding: 20px 20px 20px 60px;
  background-position: 20px 17px;
}

#invest-text {
  padding-bottom: 60px;
}

#invest-text h1 {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  font-family: 'latolight';
  font-size: 26px;
  color: #7e7e7e;
  position: relative;
  text-transform: uppercase;
}

#invest-text h1:after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 85px;
  height: 3px;
  background-color: #469edc;
  content: "";
}

#invest-text h2 {
  margin-top: 50px;
  font-family: "latolight";
  font-size: 24px;
  color: #7c7c7c;
}

#invest-text h3 {
  margin-top: 30px;
  font-family: "latolight";
  font-size: 20px;
  color: #7e7e7e;
}

#invest-text p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
}

#invest-text li {
  margin-top: 5px;
  font-size: 16px;
  line-height: 24px;
}

.center {
  text-align: center;
  display: block;
}

.prospectus-info {
  padding: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.prospectus-info p {
  padding: 20px;
  color: #7e7e7e;
  font-family: "latolight";
  font-size: 16px;
  line-height: 24px;
}

.prospectus-info a {
  background-color: #68cfad;
  color: white;
  font-family: "latoregular";
  padding: 15px;
  width: 250px;
  display: block;
  margin: 0 auto;
}

@media all and (max-width: 414px) {
  .prospectus-info a {
    width: 100%;
  }
}

a:hover {
  text-decoration: none;
}

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

@media all and (max-width: 736px) {
  .modal-dialog {
    margin-top: 200px;
  }
}

#mySophisticatedModal2 .modal-body, #mySophisticatedModal0 .modal-body {
  text-align: center;
  padding: 20px;
}

#mySophisticatedModal2 .modal-body .glyphicon.glyphicon-thumbs-up, #mySophisticatedModal0 .modal-body .glyphicon.glyphicon-thumbs-up {
  font-size: 38px;
  color: #469edc;
  margin: 15px;
}

#mySophisticatedModal2 .modal-body .glyphicon.glyphicon-exclamation-sign, #mySophisticatedModal0 .modal-body .glyphicon.glyphicon-exclamation-sign {
  font-size: 38px;
  color: #FF7F00;
  margin: 15px;
}

#mySophisticatedModal2 .modal-body p, #mySophisticatedModal0 .modal-body p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  font-family: 'latoregular';
  margin-top: 20px;
}

#mySophisticatedModal2 .modal-body button, #mySophisticatedModal0 .modal-body button {
  margin: 10px;
  margin-top: 60px;
  padding: 10px;
  min-width: 140px;
  font-size: 16px;
  font-family: 'latolight';
  background: none;
  border: 1px solid #469edc;
  color: #469edc;
  border-radius: 2px;
  transition: background 0.3s ease;
}

#mySophisticatedModal2 .modal-body button:hover, #mySophisticatedModal0 .modal-body button:hover {
  cursor: pointer;
  background: #469edc;
  color: #fff;
}

.syndicates-buttons-container {
  text-align: center;
}

#number-swapper .od-mc-td-amount-invested {
  font-size: 40px;
  color: #68cfad;
  float: right;
  font-family: 'latoregular';
}

@media all and (max-width: 1023px) {
  #number-swapper .od-mc-td-amount-invested {
    font-size: 25px;
  }
}

#number-swapper .underarm-investment {
  display: none;
  font-size: 40px;
  color: #469EDC;
  float: right;
  font-family: 'latoregular';
}

@media all and (max-width: 1023px) {
  #number-swapper .underarm-investment {
    font-size: 25px;
  }
}

.home-section .home-offer-tiles-wrapper .hot-bottom-cont p.private-p {
  margin-top: 10px;
}

.p-underwrite-remaining {
  display: none;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
.xinja-container {
  background-image: url(../../images/xinja-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  padding: 80px 100px;
}

@media all and (max-width: 500px) {
  .xinja-container {
    padding: 10px;
  }
}

@media all and (max-width: 800px) {
  .xinja-container .container {
    flex-direction: column;
  }
  .xinja-container .phone {
    display: block;
  }
}

.xinja-container .container {
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 900px) {
  .xinja-container .container {
    flex-direction: column;
    width: 100%;
  }
}

.xinja-container .container .phone {
  position: relative;
  width: 306px;
  margin: 0 auto;
  margin-top: 50px;
}

.xinja-container .container .phone img {
  width: 306px;
  height: 617px;
  height: 38.5625rem;
  max-width: none;
}

.xinja-container .container .phone iframe {
  position: absolute;
  top: 71px;
  width: 266px;
  left: 20px;
  height: 472px;
  pointer-events: none;
}

@media all and (max-width: 1000px) {
  .xinja-container .container .phone img {
    max-width: none;
    height: auto;
  }
  .xinja-container .container .phone iframe {
    top: 70px;
  }
}

@media all and (max-width: 550px) {
  .xinja-container .container .phone {
    width: 250px;
  }
  .xinja-container .container .phone img {
    width: 250px;
  }
  .xinja-container .container .phone iframe {
    top: 59px;
    width: 216px;
    height: 384px;
    left: 17px;
  }
}

.xinja-container .container .text-content {
  padding: 0px 60px;
  margin-left: 80px;
}

@media all and (max-width: 1030px) {
  .xinja-container .container .text-content {
    margin-left: 0;
  }
}

.xinja-container .container .text-content h1 {
  color: #fff;
  font-family: "Montserrat";
  font-weight: 300;
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 40px;
}

.xinja-container .container .text-content p {
  font-size: 1.3rem;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 20px;
}

@media all and (max-width: 1000px) {
  .xinja-container .container .text-content {
    padding: 30px;
  }
  .xinja-container .container .text-content h1 {
    font-size: 2rem;
  }
  .xinja-container .container .text-content p {
    font-size: 1.2rem;
  }
}

.xinja-container .container .text-content p.nb {
  font-size: 15px;
  margin-top: 50px;
}

@media all and (max-width: 800px) {
  .xinja-container .container .text-content {
    padding: 50px 0;
  }
  .xinja-container .container .text-content h1 {
    font-size: 2rem;
  }
  .xinja-container .container .text-content p {
    font-size: 1.2rem;
  }
}

.xinja-container .container .text-content .xinja-form-fields {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 800px) {
  .xinja-container .container .text-content .xinja-form-fields {
    flex-direction: column;
  }
}

.xinja-container .container .text-content .xinja-form-fields #xinja-name, .xinja-container .container .text-content .xinja-form-fields #xinja-email {
  padding: 10px;
  border-radius: 4px;
  margin-right: 20px;
  font-weight: 400;
  height: 50px;
  border: none;
}

@media all and (max-width: 800px) {
  .xinja-container .container .text-content .xinja-form-fields #xinja-name, .xinja-container .container .text-content .xinja-form-fields #xinja-email {
    flex-direction: column;
    margin-bottom: 30px;
  }
}

.mn-xinja-btn {
  color: #fff;
  font-family: 'Montserrat';
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  background: none;
  border: none;
  background-color: #ab337a;
  padding: 10px 20px;
  border-radius: 11px;
}

.mn-xinja-btn:hover {
  background-color: #c14b90;
  opacity: 0.7;
  transition: opacity 0.5s linear;
}

.xinja-landing-page-text article {
  padding-top: 100px;
  padding-bottom: 100px;
}

.xinja-landing-page-text article .container {
  padding-right: 30px;
  padding-left: 30px;
}

.xinja-landing-page-text article h2 {
  min-width: 150px;
  margin: 0px 0px 35px;
  padding: 0px 0px 10px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  font-family: 'latolight';
  font-size: 34px;
  line-height: 41px;
  color: #FFF;
}

@media all and (max-width: 650px) {
  .xinja-landing-page-text article h2 {
    font-size: 26px;
    line-height: 36px;
  }
}

.xinja-landing-page-text article p {
  font-size: 20px;
  line-height: 30px;
  color: #FFF;
  margin-bottom: 28px;
}

.xinja-landing-page-text .ground-floor {
  background-image: url("../../images/xinja-build-own-bank.jpg");
  background-position: center;
  background-size: cover;
}

.xinja-landing-page-text .ground-floor .ground-floor-content {
  width: 45%;
}

@media all and (max-width: 800px) {
  .xinja-landing-page-text .ground-floor {
    background-position: left;
  }
  .xinja-landing-page-text .ground-floor .ground-floor-content {
    width: 100%;
  }
}

.xinja-landing-page-text .so-why h2, .xinja-landing-page-text .so-why p {
  color: #333;
}

section.xinja-form-below {
  background-image: url(../../images/xinja-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  top: 0px;
  left: 0px;
  display: table;
  height: 500px;
  min-height: 650px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}

section.xinja-form-below p {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  margin: 20px auto;
  margin-bottom: 25px;
  width: 350px;
}

section.xinja-form-below .form {
  width: 560px;
}

section.xinja-form-below .form h2 {
  min-width: 150px;
  margin: 0px 0px 35px;
  padding: 0px 0px 10px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  font-family: 'latolight';
  font-size: 34px;
  line-height: 41px;
  color: #FFF;
}

@media (max-width: 630px) {
  section.xinja-form-below .form {
    width: 100%;
    padding: 20px;
  }
  section.xinja-form-below .form p {
    width: 100%;
    padding: 20px;
  }
}

section.xinja-form-below .form input {
  border: 1px solid #fff;
  width: 100%;
  padding: 20px;
  height: 50px;
  font-size: 16px;
  font-family: 'latolight';
  color: #fff;
  margin-top: 30px;
  margin-bottom: 8px;
  background: rgba(255, 255, 255, 0.4);
}

section.xinja-form-below .form input.error {
  border-left: 2px solid #DD1C52;
  animation: fadein 2s;
}

section.xinja-form-below .form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  letter-spacing: 1px;
}

section.xinja-form-below .form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  letter-spacing: 1px;
}

section.xinja-form-below .form :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  letter-spacing: 1px;
}

section.xinja-form-below .form :-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  letter-spacing: 1px;
}

section.xinja-form-below .form #partnerSubmit {
  background-color: #44A4E7;
  margin: 0 auto;
  display: inherit;
  margin-top: 30px;
  height: 50px;
  font-size: 16px;
  font-family: 'latolight';
  width: 200px;
  color: #fff;
  border: none;
}

section.xinja-form-below .form #partnerSubmit[disabled]:hover {
  cursor: progress;
}

section.xinja-form-below .form #partnerSubmit:hover {
  cursor: pointer;
}

#social-proof {
  padding-top: 80px;
  padding-bottom: 120px;
  background-color: #fff;
}

#social-proof h2 {
  min-width: 150px;
  margin: 0;
  margin-bottom: 50px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  font-family: 'latolight';
  font-size: 34px;
  line-height: 41px;
  color: #333;
  display: block;
}

#social-proof img {
  vertical-align: middle;
  height: auto;
  width: auto;
  margin: 0 auto;
}

@media all and (max-width: 992px) {
  #social-proof img {
    max-width: 250px;
  }
}

#social-proof .brands-item {
  min-height: 70px;
}

#social-proof .brands-item a {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 0 auto;
  text-align: center;
  justify-content: center;
}

#partnerForm p.nb {
  font-size: 15px !important;
  line-height: 18px !important;
}

#xinja-hero-banner {
  background: url(/images/landing-pages/xinja_nov_18_landing_page_general_top_section_2000x.png) no-repeat center;
  background-size: cover;
  display: table;
  position: relative;
  width: 100%;
}

.xinja-hero-height-600 {
  height: 600px;
}

.xinja-hero-height-680 {
  height: 680px;
}

.xinja-hero-height-100 {
  height: calc(100vh - 70px);
}

.xinja-hero-height-540 {
  height: 540px;
}

.xinja-logo {
  width: 200px;
  margin-bottom: 20px;
  margin-bottom: 34px;
}

@media all and (max-width: 600px) {
  .xinja-logo {
    width: 160px;
    margin-bottom: 24px;
  }
}

.xinja-hero-title {
  text-align: left;
  margin-bottom: 34px;
  font-family: 'latoregular';
}

@media all and (max-width: 768px) {
  .xinja-hero-title {
    text-align: center;
  }
}

.xinja-size-70 {
  font-size: 70px;
}

@media all and (max-width: 600px) {
  .xinja-size-70 {
    font-size: 32px;
  }
}

.xinja-size-40 {
  font-size: 40px;
}

@media all and (max-width: 600px) {
  .xinja-size-40 {
    font-size: 32px;
  }
}

.xinja-hero-subtitle {
  font-size: 24px;
  text-align: left;
  line-height: 35px;
  margin-bottom: 34px;
}

@media all and (max-width: 768px) {
  .xinja-hero-subtitle {
    text-align: center;
  }
}

@media all and (max-width: 600px) {
  .xinja-hero-subtitle {
    font-size: 19px;
    margin-bottom: 24px;
  }
}

.xinja-register-title {
  font-size: 36px;
  margin-bottom: 34px;
  text-align: left;
}

@media all and (max-width: 600px) {
  .xinja-register-title {
    font-size: 32px;
    margin-bottom: 24px;
  }
}

.xinja-form-field {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 410px;
  margin-left: 0;
  text-align: center;
}

@media all and (max-width: 1024px) {
  .xinja-form-field-center-md {
    margin: auto;
  }
}

@media all and (max-width: 768px) {
  .xinja-form-field-center-sm {
    margin: auto;
  }
}

.xinja-risk-warning-note {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #3d3d3c;
}

.xinja-risk-warning-width {
  max-width: 391px;
}

@media all and (max-width: 768px) {
  .xinja-risk-warning-center-sm {
    margin: auto;
    text-align: center;
    color: #fff;
  }
}

.xinja-link {
  color: #37c0c7;
}

.xinja-link:hover {
  color: #e41970;
  text-decoration: underline;
}

.xinja-button-style {
  background-color: #37c0c7;
  background: linear-gradient(to right, #37c0c7 0%, #5f6db3 100%);
  border: none;
}

.xinja-button-style:hover {
  background: linear-gradient(to right, #e41970 0%, #744495 100%);
  background-color: #e41970;
  color: #fff;
}

@media all and (max-width: 768px) {
  .xinja-view-offer-btn-cnt {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.xinja-view-offer-btn {
  border-radius: 4px;
  height: 49px;
  width: 200px;
  background-color: #37c0c7;
  background: linear-gradient(to right, #37c0c7 0%, #5f6db3 100%);
  border: none;
  color: #fff;
  transition: all 0.5s ease;
  animation: bounce 3s;
  margin-bottom: 20px;
}

.xinja-view-offer-btn:hover {
  background: linear-gradient(to right, #e41970 0%, #744495 100%);
  background-color: #e41970;
  transition: .5s;
}

.xinja-hero-content-cnt {
  position: absolute;
  top: 57px;
  max-width: 560px;
}

@media all and (max-width: 768px) {
  .xinja-hero-content-cnt {
    position: relative;
    margin: auto;
    text-align: center;
  }
}

.xinja-thanks-registering {
  text-align: left;
  font-family: 'latoregular';
  font-size: 40px;
  margin-bottom: 34px;
}

.xinja-return-message-subscription {
  line-height: 35px;
  font-family: 'latolight';
  font-size: 20px;
  text-align: left;
  max-width: 780px;
  margin: auto;
  line-height: 1.5;
  margin-bottom: 20px;
}

.xinja-pink {
  color: #e41970;
}

.xinja-text-grey {
  color: #3d3d3c;
}

.xinja-landing-page-content {
  width: 100%;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media all and (max-width: 1024px) {
  .xinja-text-center-md {
    text-align: center;
  }
}

@media all and (max-width: 768px) {
  .xinja-text-center-sm {
    text-align: center;
  }
}

.xinja-36 {
  font-size: 36px;
}

.xinja-18 {
  font-size: 18px;
}

.xinja-back-grey {
  background-color: #f2f1f2;
}

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

#xinja-sec-3 {
  background: url(/images/landing-pages/xinja_nov_18_landing_page_general_section_3_option_1_2000x.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
}

@media all and (max-width: 600px) {
  #xinja-sec-3 {
    padding: 50px 0;
  }
}

.xinja-list {
  list-style: disc inside;
}

@media all and (max-width: 1024px) {
  .xinja-list {
    padding-left: 0;
  }
}

.xinja-list li:nth-child(1), .xinja-list li:nth-child(5), .xinja-list li:nth-child(9) {
  list-style-image: url("/images/landing-pages/xinja-ninja_emojis_LIGHT_BLUE-02.svg");
}

.xinja-list li:nth-child(2), .xinja-list li:nth-child(6), .xinja-list li:nth-child(10) {
  list-style-image: url("/images/landing-pages/xinja-ninja_emojis_LILAC-13.svg");
}

.xinja-list li:nth-child(3), .xinja-list li:nth-child(7) {
  list-style-image: url("/images/landing-pages/xinja-ninja_emojis_NAVY_BLUE-03.svg");
}

.xinja-list li:nth-child(4), .xinja-list li:nth-child(8) {
  list-style-image: url("/images/landing-pages/xinja-ninja_emojis_PINK-01.svg");
}

.xinja-list li {
  margin-bottom: 10px;
  line-height: 1.7rem;
}

.xinja-list li::before {
  content: "";
  padding-left: 10px;
}

.xinja-list-2 {
  list-style: disc inside;
}

.xinja-list-2 li:nth-child(1), .xinja-list-2 li:nth-child(5), .xinja-list-2 li:nth-child(9) {
  list-style-image: url("/images/landing-pages/xinja-ninja_emojis_LIGHT_BLUE-02.svg");
}

.xinja-list-2 li:nth-child(2), .xinja-list-2 li:nth-child(6), .xinja-list-2 li:nth-child(10) {
  list-style-image: url("/images/landing-pages/xinja-ninja_emojis_LILAC-13.svg");
}

.xinja-list-2 li:nth-child(3), .xinja-list-2 li:nth-child(7) {
  list-style-image: url("/images/landing-pages/xinja-ninja_emojis_NAVY_BLUE-03.svg");
}

.xinja-list-2 li:nth-child(4), .xinja-list-2 li:nth-child(8) {
  list-style-image: url("/images/landing-pages/xinja-ninja_emojis_PINK-01.svg");
}

.xinja-list-2 li {
  margin-bottom: 10px;
  line-height: 1.7rem;
}

.xinja-list-2 li::before {
  content: "";
  padding-left: 10px;
}

.xinja-empty-container {
  padding: 10px 0;
}

@media all and (max-width: 1024px) {
  .xinja-empty-container {
    padding: 0;
  }
}

@media all and (max-width: 768px) {
  .xinja-empty-container {
    padding: 30px 0;
  }
}

@media all and (max-width: 600px) {
  .xinja-empty-container {
    padding: 60px 0;
  }
}

.xinja-raise-empty-container {
  padding: 10px 0 100px;
}

@media all and (max-width: 1024px) {
  .xinja-raise-empty-container {
    padding: 70px 0 100px;
  }
}

.xinja-2-container {
  padding: 70px 0 40px;
}

@media all and (max-width: 768px) {
  .xinja-2-container {
    padding: 10px 0 40px;
  }
}

#xinja-sec-4 {
  padding: 100px 0;
}

@media all and (max-width: 600px) {
  #xinja-sec-4 {
    padding: 50px 0;
  }
}

.xinja-sec-5-content {
  padding: 100px 0;
}

@media all and (max-width: 600px) {
  .xinja-sec-5-content {
    padding: 50px 0;
  }
}

#xinja-last-form-sec {
  padding: 100px 0;
}

@media all and (max-width: 600px) {
  #xinja-last-form-sec {
    padding: 50px 0;
  }
}

.xinja-video-wrap-2 .xinja-mobile-video-wrap-2 {
  position: absolute;
  top: 70px;
  right: 23px;
  width: 306px;
  margin: 0 auto;
  margin-top: 50px;
}

@media all and (max-width: 1440px) {
  .xinja-video-wrap-2 .xinja-mobile-video-wrap-2 {
    top: 40px;
  }
}

@media all and (max-width: 768px) {
  .xinja-video-wrap-2 .xinja-mobile-video-wrap-2 {
    position: relative;
    margin: auto;
    right: 0;
    top: 130px;
  }
}

.xinja-video-wrap-2 .xinja-mobile-video-wrap-2 .xinja-thumb-2 {
  width: 306px;
  height: 617px;
  max-width: none;
}

.xinja-video-wrap-2 .xinja-mobile-video-wrap-2 .xinja-video-2 {
  position: absolute;
  top: 70px;
  width: 268px;
  left: 19px;
  height: 475px;
}

.xinja-video-wrap {
  position: absolute;
  overflow: hidden;
  top: 130px;
  width: 317px;
  right: 23px;
}

@media all and (max-width: 1440px) {
  .xinja-video-wrap {
    top: 40px;
  }
}

@media all and (max-width: 768px) {
  .xinja-video-wrap {
    position: relative;
    margin: auto;
    width: 267px;
    right: 0;
    top: 130px;
  }
}

.xinja-video-wrap .xinja-thumb {
  position: relative;
  z-index: 2;
  margin: 0;
  pointer-events: none;
}

.xinja-video-wrap .xinja-thumb img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.xinja-video-wrap .xinja-video {
  position: absolute;
  left: 18px;
  top: 13px;
  right: 17px;
  bottom: 13px;
  background: #fff;
}

.xinja-video-wrap .xinja-video iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#mn-hashching-tp-banner {
  background-image: url(/images/landing-pages/hashching-bk-img-2.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ccc;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 70px);
  display: table;
}

@media all and (max-width: 736px) {
  #mn-hashching-tp-banner {
    background-image: url(/images/landing-pages/hashching-mobile.jpg);
  }
}

#mn-hashching-tp-banner .hashching-layer {
  background-color: rgba(23, 50, 77, 0.8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

#mn-hashching-tp-banner .mn-max-width {
  max-width: 470px;
  display: block;
  margin: auto;
}

#mn-hashching-tp-banner .mn-hashching-logo {
  width: 430px;
  margin-bottom: 80px;
}

@media all and (max-width: 736px) {
  #mn-hashching-tp-banner .mn-hashching-logo {
    margin-bottom: 30px;
  }
}

.hashching-BlueGreen {
  color: #157B98;
}

.hashching-BabyBlue {
  color: #0AB5DD;
}

.hashching-BabyBlue:hover {
  color: #747474;
}

.hashching-RoyalBlue {
  color: #1F3F5F;
}

.hashching-RoyalBlue-bk {
  background-color: #1F3F5F;
}

.padding-top-150 {
  padding-top: 150px;
}

@media all and (max-width: 736px) {
  .padding-top-150 {
    padding-top: 50px;
  }
}

#mn-hashching-blue-bk {
  background-color: #0ab5dd;
  position: relative;
}

@media all and (max-width: 1200px) {
  #mn-hashching-blue-bk {
    background-image: none;
    background-color: #0AB5DD;
    padding-bottom: 60px;
  }
}

.mn-hashching-content-cnt {
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 90px;
}

@media all and (max-width: 1024px) {
  .mn-hashching-content-cnt {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.mn-socila-proof {
  padding: 60px 0;
  left: 0;
  min-height: 170px;
}

.mn-socila-proof .mn-brand-cnt .col {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

@media all and (max-width: 1200px) {
  .mn-socila-proof .mn-brand-cnt .col {
    display: block;
  }
}

.mn-socila-proof .mn-brand-cnt .brands-img {
  width: 200px;
  margin-bottom: 20px;
}

.mn-socila-proof .mn-brand-cnt .brands-img-bigger {
  width: 300px;
  margin-bottom: 20px;
}

.mn-socila-proof .mn-brand-cnt .brands-img-small {
  width: 146px;
  margin-bottom: 20px;
}

.mn-socila-proof .mn-brand-cnt .center-block {
  display: table;
  margin: auto;
  margin-bottom: 10px;
}

.hashching-broker-view-offer-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #ff5b09;
  padding: 15px 30px;
  color: white;
  border-radius: 4px;
  margin-left: -70px;
  width: 140px;
}

@media all and (max-width: 736px) {
  .hashching-broker-view-offer-btn {
    position: inherit;
    display: block;
    margin: auto;
  }
}

.hashching-btn-bounce {
  animation: bounce 3s infinite;
}

.hashching-broker-live-text {
  position: absolute;
  top: 30%;
  left: 50%;
  text-align: center;
  margin-left: -260px;
  max-width: 500px;
  font-size: 50px;
  font-family: latoregular;
}

.hashching-down-form {
  margin-top: 90px;
  margin-bottom: 90px;
  height: 270px;
}

@media all and (max-width: 1024px) {
  .hashching-down-form {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.hashching-down-register {
  width: 100%;
  background-color: white;
  border-color: white;
  color: grey;
  margin-bottom: 20px;
  border-radius: 4px;
  height: 49px;
}

.hashching-form-field {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 410px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.hashching-form-field .hashching-name {
  padding: 10px;
  border-radius: 4px;
  margin-right: 20px;
  font-weight: 400;
  height: 50px;
  border: none;
  margin-bottom: 10px;
  width: 192px;
  border: 1px solid #e8e8e8;
}

@media all and (max-width: 736px) {
  .hashching-form-field .hashching-name {
    width: 105px;
  }
}

@media all and (max-width: 320px) {
  .hashching-form-field .hashching-name {
    width: 193px;
    margin-right: 0;
  }
}

.hashching-form-field .hashching-email {
  padding: 10px;
  border-radius: 4px;
  /* margin-right: 20px; */
  font-weight: 400;
  height: 50px;
  border: none;
  margin-bottom: 10px;
  width: 192px;
  border: 1px solid #e8e8e8;
}

.hashching-btn {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 4px;
  height: 49px;
}

@media all and (max-width: 736px) {
  .hashching-btn {
    width: 324px;
  }
}

@media all and (max-width: 320px) {
  .hashching-btn {
    width: 193px;
  }
}

.hashching-view-offer-btn {
  width: 200px;
  animation: bounce 3s;
}

.hashching-button-style {
  background-color: #157B98;
  border: none;
  color: white;
}

.hashching-button-style:hover {
  background-color: #0f576b;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#mn-nabo-tp-banner {
  background-image: url(/images/landing-pages/nabo-bk-img-min.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 70%;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 0px;
  left: 0px;
  display: table;
}

@media all and (max-width: 736px) {
  #mn-nabo-tp-banner {
    height: 100%;
  }
}

#mn-nabo-tp-banner .mn-img-sm {
  width: 300px;
  margin-bottom: 20px;
}

@media all and (max-width: 736px) {
  #mn-nabo-tp-banner .mn-img-sm {
    width: 200px;
    height: auto;
  }
}

#mn-nabo-tp-banner .layer {
  background-color: rgba(1, 1, 1, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.nabo-line-hight-52 {
  line-height: 52px;
}

.mn-left-ctn {
  background-color: #00AF92;
  height: 900px;
  position: relative;
}

.mn-laptop-img-cnt {
  position: absolute;
  left: 600px;
}

.mn-laptop-img-cnt .mn-laptop-img {
  position: relative;
  margin: 0 auto;
  margin-top: 50px;
}

.mn-laptop-img-cnt .mn-laptop-img .lap-top-img {
  height: 38.5625rem;
  max-width: none;
}

.mn-laptop-img-cnt .mn-laptop-img .mn-slide-img {
  position: absolute;
  top: 36px;
  width: 814px;
  left: 130px;
  pointer-events: none;
}

#mn-nabo-half-green-bk {
  background-image: url(/images/landing-pages/green-bk.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #ccc;
  position: relative;
}

@media all and (max-width: 1200px) {
  #mn-nabo-half-green-bk {
    background-image: none;
    background-color: #00AF92;
  }
}

@media screen and (min-width: 1400px) {
  #mn-nabo-half-green-bk .carousel-indicators-list {
    background-color: #8bcbc0;
    border: 1px solid #8bcbc0;
  }
}

.mn-landing-page-content-cnt {
  margin: 90px auto;
}

.nabo-form-field {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media all and (max-width: 768px) {
  .nabo-form-field {
    justify-content: center;
  }
}

.nabo-form-field #nabo-name {
  padding: 10px;
  border-radius: 4px;
  margin-right: 20px;
  font-weight: 400;
  height: 50px;
  border: none;
}

@media all and (max-width: 736px) {
  .nabo-form-field #nabo-name {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}

.nabo-form-field #nabo-offer {
  padding: 10px;
  border-radius: 4px;
  margin-right: 20px;
  font-weight: 400;
  height: 50px;
  border: none;
}

.nabo-form-field #nabo-email {
  padding: 10px;
  border-radius: 4px;
  margin-right: 20px;
  font-weight: 400;
  height: 50px;
  border: none;
}

@media all and (max-width: 736px) {
  .nabo-form-field #nabo-email {
    margin-right: 0;
    border-radius: 4px 0 0 4px;
  }
}

.nabo-form-field #nabo-register {
  color: #fff;
  background-color: #00ae91;
  border-color: #00957c;
}

@media all and (max-width: 736px) {
  .nabo-form-field #nabo-register {
    border-radius: 0 4px 4px 0;
  }
}

.mn-form-center {
  justify-content: center;
}

.nabo-link {
  color: #8bcbc0;
}

.nabo-link:hover {
  color: #337ab7;
}

.nabo-text-link {
  color: #8bcbc0;
}

.nabo-text-link:hover {
  text-decoration: underline;
  color: #8bcbc0;
}

.nabo-green {
  color: #00AF92;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#mn-westwinds-tp-banner {
  height: 1080px;
  width: 100%;
}

@media only screen and (min-width: 736px) and (max-width: 1440px) {
  #mn-westwinds-tp-banner {
    height: 920px;
  }
}

@media all and (max-width: 735px) {
  #mn-westwinds-tp-banner {
    height: 670px;
  }
}

#mn-westwinds-tp-banner .mn-westwinds-layer {
  height: 100%;
  width: 100%;
  background-color: rgba(1, 1, 1, 0.4);
  padding-bottom: 40px;
}

#mn-westwinds-tp-banner .mn-westwinds-top-content-ctn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

#mn-westwinds-tp-banner .mn-westwinds-top-content-ctn .mn-westwinds-top-content-ctn-with-padding {
  padding-top: 50px;
}

@media all and (max-width: 1440px) {
  #mn-westwinds-tp-banner .mn-westwinds-top-content-ctn .mn-westwinds-top-content-ctn-with-padding {
    padding-top: 0;
  }
}

#mn-westwinds-tp-banner .mn-westwinds-header {
  font-family: 'Pathway Gothic One',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 40px;
  color: #fff;
  letter-spacing: 13px;
  display: inline-block;
  position: relative;
  line-height: 64px;
  text-align: center;
}

@media all and (max-width: 735px) {
  #mn-westwinds-tp-banner .mn-westwinds-header {
    letter-spacing: 0;
    font-size: 24px;
    line-height: 39px;
  }
}

#mn-westwinds-tp-banner .mn-westwinds-subheader {
  font-size: 40px;
  color: #fff;
  line-height: 64px;
  text-align: center;
  margin: 40px auto;
  font-family: latoregular;
}

@media all and (max-width: 736px) {
  #mn-westwinds-tp-banner .mn-westwinds-subheader {
    font-size: 24px;
    line-height: 39px;
    letter-spacing: 0;
    margin-bottom: -20px;
  }
}

#mn-westwinds-tp-banner .mn-line-div {
  background-color: white;
  height: 3px;
}

@media all and (max-width: 736px) {
  #mn-westwinds-tp-banner .mn-line-div {
    display: none;
  }
}

#mn-westwinds-tp-banner .mn-westwinds-logo {
  max-width: 300px;
}

@media only screen and (min-width: 321px) and (max-width: 1280px) {
  #mn-westwinds-tp-banner .mn-westwinds-logo {
    max-width: 200px;
  }
}

@media all and (max-width: 320px) {
  #mn-westwinds-tp-banner .mn-westwinds-logo {
    width: 100px;
  }
}

#mn-westwinds-tp-banner .mn-bottom-line {
  background-color: white;
  height: 3px;
  margin-top: 60px;
  margin-bottom: 30px;
}

@media all and (max-width: 736px) {
  #mn-westwinds-tp-banner .mn-bottom-line {
    margin-top: 7px;
  }
}

#mn-westwinds-tp-banner .westwinds-form-field {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 410px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

@media all and (max-width: 736px) {
  #mn-westwinds-tp-banner .westwinds-form-field {
    width: 320px;
  }
}

@media all and (max-width: 320px) {
  #mn-westwinds-tp-banner .westwinds-form-field {
    width: 270px;
  }
}

#mn-westwinds-tp-banner .westwinds-form-field #westwinds-name {
  max-width: 192px;
  padding: 10px;
  border-radius: 4px;
  margin-right: 20px;
  font-weight: 400;
  height: 50px;
  border: 2px solid white;
  background-color: transparent;
  color: white;
}

@media all and (max-width: 736px) {
  #mn-westwinds-tp-banner .westwinds-form-field #westwinds-name {
    margin-bottom: 10px;
    width: 105px;
  }
}

#mn-westwinds-tp-banner .westwinds-form-field ::-webkit-input-placeholder {
  color: white;
}

#mn-westwinds-tp-banner .westwinds-form-field :-ms-input-placeholder {
  color: white;
}

#mn-westwinds-tp-banner .westwinds-form-field ::placeholder {
  color: white;
}

#mn-westwinds-tp-banner .westwinds-form-field #westwinds-email {
  max-width: 192px;
  padding: 10px;
  border-radius: 4px;
  font-weight: 400;
  height: 50px;
  border: 2px solid white;
  background-color: transparent;
  color: white;
}

@media all and (max-width: 320px) {
  #mn-westwinds-tp-banner .westwinds-form-field #westwinds-email {
    max-width: 142px;
  }
}

#mn-westwinds-tp-banner .westwinds-form-field #westwinds-register {
  border: 2px solid #008cba;
  background-color: transparent;
  color: white;
  border-radius: 4px;
  width: 100%;
  height: 49px;
  background-color: #008cba;
  margin-top: 20px;
}

@media only screen and (min-width: 737px) and (max-width: 1280px) {
  #mn-westwinds-tp-banner .westwinds-form-field #westwinds-register {
    width: 100%;
  }
}

@media all and (max-width: 736px) {
  #mn-westwinds-tp-banner .westwinds-form-field #westwinds-register {
    width: 100%;
    margin-top: 0;
  }
}

#mn-westwinds-tp-banner .westwinds-form-field #westwinds-register:hover {
  background-color: #0093c4;
  transform: translate(0.9);
}

#mn-westwinds-tp-banner .westwinds-form-field .wwg-view-offer-btn {
  border: 2px solid #008cba;
  color: white;
  border-radius: 4px;
  height: 49px;
  width: 200px;
  background-color: #008cba;
  animation: bounce 3s;
}

#mn-westwinds-tp-banner .westwings-blue {
  color: #008cba;
}

#mn-westwinds-tp-banner .westwings-blue:hover {
  text-decoration: underline;
  color: #008cba;
}

#mn-westwinds-tp-banner .carousel {
  height: 100%;
}

#mn-westwinds-tp-banner .item {
  width: 100%;
  height: 100%;
  transition: opacity 1s;
}

#mn-westwinds-tp-banner .carousel-inner {
  height: 100%;
}

#mn-westwinds-tp-banner .carousel .one {
  background-image: url(/images/landing-pages/west-winds-gin-rocks-min.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #002d72;
}

@media all and (max-width: 736px) {
  #mn-westwinds-tp-banner .carousel .one {
    background-image: url(/images/landing-pages/west-winds-gin-rocks-min-mobile.jpg);
  }
}

#mn-westwinds-tp-banner .carousel .two {
  background-image: url(/images/landing-pages/west-winds-BottlesOnTheDeck.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #002d72;
}

@media all and (max-width: 736px) {
  #mn-westwinds-tp-banner .carousel .two {
    background-image: url(/images/landing-pages/west-winds-BottlesOnTheDeck-mobile-min.jpg);
  }
}

#mn-westwinds-tp-banner .carousel .three {
  background-image: url(/images/landing-pages/west-winds-tasmania-min.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #002d72;
}

@media all and (max-width: 1200px) {
  #mn-westwinds-tp-banner .carousel .three {
    background-image: url(/images/landing-pages/west-winds-tasmania-min-mobile.jpg);
  }
}

#mn-westwinds-content-section {
  position: relative;
  background-color: white;
}

#mn-westwinds-content-section .mn-content-rightside-img {
  width: 600px;
  margin: auto;
}

#mn-westwinds-content-section .mn-westwinds-justify-content {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

#mn-westwinds-content-section .mn-westwinds-content-ctn {
  margin: 90px auto;
}

#mn-westwinds-content-section .mn-westwinds-content-ctn .mn-westwinds-content-header {
  font-size: 40px;
  margin-bottom: 2.5rem;
  font-family: latoregular;
}

@media all and (max-width: 1200px) {
  #mn-westwinds-content-section .mn-westwinds-content-ctn .mn-westwinds-content-header {
    text-align: center;
    font-size: 30px;
  }
}

#mn-westwinds-content-section .mn-westwinds-content-ctn .westwinds-link {
  color: #008cba;
}

#mn-westwinds-content-section .west-winds-bottle-padding-top {
  padding-top: 114px;
}

@media screen and (min-width: 1500px) {
  #mn-westwinds-content-section .west-winds-bottle-padding-top {
    padding-top: 36px;
  }
}

@media all and (max-width: 1200px) {
  #mn-westwinds-content-section .west-winds-bottle-padding-top {
    padding-top: 0;
  }
}

#mn-westwinds-content-section .carousel {
  height: 100%;
}

@media all and (max-width: 1200px) {
  #mn-westwinds-content-section .carousel {
    display: none;
  }
}

#mn-westwinds-content-section .item {
  width: 100%;
  height: 100%;
  transition: opacity 1s;
}

#mn-westwinds-content-section .carousel-inner {
  height: 100%;
}

.wwg-button-style {
  background-color: #008cba;
  border: 1px solid #008cba;
  color: #fff;
  font-size: 18px;
  transition: all 0.5s ease;
}

.wwg-button-style:hover {
  color: white;
  opacity: .7;
  border: 1px solid #008cba;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#travello-top-banner {
  background-image: url(/images/travello-top-bk.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.travello-top-banner-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#choovie-tp-banner {
  background-image: url(/images/landing-pages/choovie-bk.jpg);
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  position: relative;
  display: table;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}

@media all and (max-width: 1440px) {
  #choovie-tp-banner {
    background-image: url(/images/landing-pages/choovie-artboard.jpg);
  }
}

@media all and (max-width: 736px) {
  #choovie-tp-banner {
    display: block;
  }
}

#choovie-tp-banner .choovie-landing-page-content-container {
  padding-top: 50px;
}

@media all and (max-width: 736px) {
  #choovie-tp-banner .choovie-landing-page-content-container {
    padding-top: 20px;
  }
}

#choovie-tp-banner .choovie-landing-page-content-container #choovie-top-header {
  font-family: 'MuseoSansRounded-1000', Arial, sans-serif !important;
  font-size: 40px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 40px;
  max-width: 800px;
  margin: 0 auto 110px auto;
}

@media all and (max-width: 736px) {
  #choovie-tp-banner .choovie-landing-page-content-container #choovie-top-header {
    font-size: 24px;
    margin: 0 auto 15px auto;
    line-height: 27px;
  }
}

@media all and (max-width: 320px) {
  #choovie-tp-banner .choovie-landing-page-content-container #choovie-top-header {
    font-size: 20px;
  }
}

#choovie-tp-banner .choovie-landing-page-content-container #choovie-resgister-subheader {
  font-size: 32px;
  text-align: center;
  letter-spacing: 1px;
  max-width: 800px;
  margin: 0 auto 30px auto;
}

@media all and (max-width: 736px) {
  #choovie-tp-banner .choovie-landing-page-content-container #choovie-resgister-subheader {
    font-size: 24px;
  }
}

@media all and (max-width: 320px) {
  #choovie-tp-banner .choovie-landing-page-content-container #choovie-resgister-subheader {
    font-size: 20px;
  }
}

#choovie-tp-banner .choovie-head-logo-cnt {
  text-align: center;
  margin-bottom: 20px;
}

@media all and (max-width: 736px) {
  #choovie-tp-banner .choovie-head-logo-cnt {
    margin-bottom: 10px;
  }
}

@media all and (max-width: 736px) {
  #choovie-tp-banner .choovie-head-logo-cnt .choovie-head-logo {
    width: 300px;
  }
}

#choovie-tp-banner .choovie-mobile {
  display: block;
  margin: auto;
}

#choovie-tp-banner .choovie-button-style {
  border: 1px solid #fff;
  color: #fff;
  font-size: 18px;
  transition: all 0.5s ease;
}

#choovie-tp-banner .choovie-button-style:hover {
  color: white;
  box-shadow: 1px 2px 4px rgba(1, 1, 1, 0.5);
}

#choovie-tp-banner ::-webkit-input-placeholder {
  color: white;
}

#choovie-tp-banner :-ms-input-placeholder {
  color: white;
}

#choovie-tp-banner ::placeholder {
  color: white;
}

#Choovie-content-section .choovie-content-cnt {
  display: flex;
  overflow: hidden;
}

#Choovie-content-section .choovie-content-logo {
  width: 400px;
  display: block;
  margin: auto;
}

#Choovie-content-section .choovie-eggplant-bk-color {
  background-color: #2E2B3D;
  padding: 80px 30px;
  flex: 1;
  order: 0;
}

@media all and (max-width: 736px) {
  #Choovie-content-section .choovie-eggplant-bk-color {
    padding: 80px 15px;
  }
}

#Choovie-content-section .choovie-eggplant-bk-color .choovie-link {
  text-decoration: underline;
  color: white;
  cursor: pointer;
}

#Choovie-content-section .choovie-eggplant-bk-color .choovie-link:hover {
  color: #F05030;
  text-decoration: underline;
  cursor: pointer;
}

#Choovie-content-section .choovie-orange-bk-color {
  background-color: #F05030;
  background-image: url(/images/landing-pages/choovie-banner-3.jpg);
  background-size: cover;
  background-position: center;
  padding: 200px 30px;
  flex: 1;
  order: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

#Choovie-content-section .choovie-orange-bk-color .choovie-content-title {
  text-align: center;
  font-family: 'latoregular';
  font-size: 40px;
  margin-bottom: 34px;
  line-height: 50px;
  max-width: 707px;
  display: block;
  margin: auto;
  margin-top: 50px;
}

.choovie-eggplant-bk {
  background-color: #2E2B3D;
}

.choovie-orange-bk {
  background-color: #F05030;
}

.choovie-eggplant-color {
  color: #2E2B3D;
}

.choovie-orange-color {
  color: #F05030;
}

.choovie-link-white {
  color: white;
  text-decoration: underline;
  cursor: pointer;
}

.choovie-link-black:hover {
  color: black;
  cursor: pointer;
}

.choovie-justify {
  text-align: justify;
  text-justify: distribute;
}

.choovie-view-offer-btn {
  color: #fff;
  border-radius: 4px;
  height: 49px;
  width: 200px;
  background-color: rgba(1, 1, 1, 0.8);
  transition: all 0.5s ease;
  animation: bounce 3s;
}

.choovie-view-offer-btn:hover {
  background-color: #F05030;
  color: white;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
.hop-top-banner-ctn {
  padding-top: 80px;
  position: relative;
  background-color: #fff;
}

@media all and (max-width: 1280px) {
  .hop-top-banner-ctn {
    padding-top: 46px;
    padding-bottom: 80px;
  }
}

@media all and (max-width: 1024px) {
  .hop-top-banner-ctn {
    padding-bottom: 0;
  }
}

@media all and (max-width: 736px) {
  .hop-top-banner-ctn {
    padding-top: 19px;
  }
}

.hop-top-banner-ctn .hop-layer {
  position: absolute;
  background-color: rgba(1, 1, 1, 0.3);
  height: 750px;
  top: 0;
  width: 100%;
}

@media all and (max-width: 736px) {
  .hop-top-banner-ctn .hop-layer {
    height: 830px;
  }
}

.hop-top-banner-ctn .vertical-align {
  display: flex;
  align-items: center;
}

.hop-top-banner-ctn .hop-logo {
  margin: 16px auto 50px;
}

@media all and (max-width: 736px) {
  .hop-top-banner-ctn .hop-logo {
    margin: 30px auto;
  }
}

.hop-top-banner-ctn .hop-red-bk-color {
  background-color: #e74444;
  border: none;
}

.hop-top-banner-ctn ::-webkit-input-placeholder {
  color: #fff;
}

.hop-top-banner-ctn :-ms-input-placeholder {
  color: #fff;
}

.hop-top-banner-ctn ::placeholder {
  color: #fff;
}

.iphone-slider {
  width: 344px;
  padding: 78px 21px 103px 21px;
  background-image: url(/images/top-banner-iphone.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: auto;
}

@media all and (max-width: 1280px) {
  .iphone-slider {
    width: 284px;
    padding: 64px 17px 103px 17px;
  }
}

.hop-top-banner-ctn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 750px;
  background-image: url(/images/hop-top-banner-min-min.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media all and (max-width: 736px) {
  .hop-top-banner-ctn::before {
    height: 830px;
  }
}

.hop-red-bk-color:hover {
  background-color: #ec6d6d;
  transition: 3s;
}

.hop-red-color {
  color: #e74444;
}

.hop-red-color:hover {
  text-decoration: underline;
}

.hop-second-section {
  background-color: #fff;
  padding: 67px 0 110px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#dhd-landing-page .dhd-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: calc(100vh - 70px);
}

#dhd-landing-page .dhd-content-cnt {
  width: 100%;
  position: absolute;
  top: 90px;
  left: 0px;
}

#dhd-landing-page .dhd-content-cnt .dhd-logo {
  display: block;
  margin: 50px auto;
}

#dhd-landing-page .carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

#dhd-landing-page .carousel-fade .carousel-inner .active {
  opacity: 1;
}

#dhd-landing-page .carousel-fade .carousel-inner .active.left,
#dhd-landing-page .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

#dhd-landing-page .carousel-fade .carousel-inner .next.left,
#dhd-landing-page .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

#dhd-landing-page .carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  #dhd-landing-page .carousel-fade .carousel-inner > .item.next,
  #dhd-landing-page .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  #dhd-landing-page .carousel-fade .carousel-inner > .item.prev,
  #dhd-landing-page .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  #dhd-landing-page .carousel-fade .carousel-inner > .item.next.left,
  #dhd-landing-page .carousel-fade .carousel-inner > .item.prev.right,
  #dhd-landing-page .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

#dhd-landing-page .one {
  background-image: url(/images/landing-pages/dhd-top-banner-1.jpg);
}

#dhd-landing-page .two {
  background-image: url(/images/landing-pages/dhd-top-banner-4.jpg);
}

#dhd-landing-page .tree {
  background-image: url(/images/landing-pages/dhd-top-banner-3.jpg);
}

#dhd-landing-page .dhd-carousel-control {
  width: 5%;
  z-index: 10;
}

.dhd-content-section {
  display: flex;
}

.dhd-content-section .dhd-half-banner {
  width: 100%;
}

.dhd-content-section .dhd-half-content {
  padding-top: 80px;
  padding-bottom: 80px;
  flex: 1;
  order: 1;
}

@media all and (max-width: 1024px) {
  .dhd-content-section .dhd-half-content {
    padding-top: 0;
  }
}

.dhd-video-row {
  width: 100%;
  display: table;
}

.video {
  max-width: 100%;
  height: auto;
}

.collage-img {
  margin-top: 180px;
}

.video-width-wrapper {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}

.iframe-width {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

.dhd-button-style {
  background-color: rgba(1, 1, 1, 0.8);
}

.second-table {
  padding: 80px 80px 20px 80px;
  height: 400px;
}

.dhd-input-border-black {
  border: 1px solid rgba(1, 1, 1, 0.2) !important;
}

.dhd-p-width {
  max-width: 780px;
  margin: 30px auto;
}

@media all and (max-width: 1200px) {
  .dhd-p-width {
    margin: auto;
  }
}

.dhd-pro-img {
  background-image: url(/images/landing-pages/dhd-Modom-Products-04.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 790px;
  margin-left: -15px;
  margin-right: -15px;
}

@media all and (max-width: 1024px) {
  .dhd-pro-img {
    height: 530px;
  }
}

@media all and (max-width: 767px) {
  .dhd-pro-img {
    height: 230px;
  }
}

@media all and (max-width: 1200px) {
  .second-table {
    padding: 30px 20px 20px 20px;
  }
}

@media all and (max-width: 1024px) {
  .dhd-content-section {
    display: flex;
    flex-direction: column;
  }
  .dhd-content-section .dhd-first-col {
    flex-basis: 100%;
    width: 100%;
    order: 0;
  }
  .dhd-content-section .dhd-sec-col {
    flex-basis: 100%;
    width: 100%;
    order: 1;
  }
  .collage-img {
    margin-top: 20px;
  }
  .dhd-video-row {
    display: flex;
    flex-direction: column;
  }
  .second-table {
    flex-basis: 100%;
    width: 100%;
    order: 1;
    padding: 80px 20px;
    height: 100%;
  }
  .video {
    flex-basis: 100%;
    width: 100%;
    order: 0;
  }
}

.dhd-event-header {
  padding: 70px 25px;
  text-align: center;
  font-size: 24px;
  line-height: 34px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#mangras-landing-page {
  background-image: url(/images/landing-pages/manrags-banner-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 800px;
  width: 100%;
  position: relative;
  display: table;
}

@media all and (max-width: 768px) {
  #mangras-landing-page {
    background-image: url(/images/landing-pages/manrags-banner-mobile.jpg);
  }
}

#mangras-landing-page .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 1, 1, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 767px) {
  #mangras-landing-page .layer {
    background-color: rgba(1, 1, 1, 0.2);
    align-items: start;
  }
}

#mangras-landing-page .manrags-title-width {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

#mangras-landing-page .manrags-logo {
  display: block;
  margin: 0 auto 50px;
}

@media all and (max-width: 767px) {
  #mangras-landing-page .manrags-logo {
    width: 280px;
    margin: 30px auto;
  }
}

.manrags-line-banner {
  width: 100%;
}

#manrags-content-section {
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 1200px) {
  #manrags-content-section {
    flex-direction: column-reverse;
  }
}

#manrags-content-section .manrags-half-banner {
  background-image: url(/images/landing-pages/manrags-002-min.jpeg);
  background-size: contain;
  background-position: top;
  background-color: #fff;
  background-repeat: repeat-y;
}

#manrags-content-section .manrags-half-content {
  padding: 80px 50px;
}

@media all and (max-width: 768px) {
  #manrags-content-section .manrags-half-content {
    padding: 80px 20px;
  }
}

.sec-eoi {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 500px;
}

@media all and (max-width: 1024px) {
  .sec-eoi {
    height: 400px;
  }
}

.manrags-button-style {
  background-color: rgba(1, 1, 1, 0.8);
  border: 1px solid black;
  transition: .5s;
}

.manrags-button-style:hover {
  color: #fff;
  opacity: .7;
}

.manrags-down-half-banner-top {
  background-image: url(/images/landing-pages/manrags-001-min.jpg);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  margin: 0px -15px 0px -15px;
  height: 500px;
}

.manrags-view-offer-button-style {
  border: 1px solid black;
  color: white;
  border-radius: 4px;
  height: 49px;
  width: 200px;
  background-color: rgba(1, 1, 1, 0.8);
  animation: bounce 3s;
  transition: .3s;
}

.manrags-view-offer-button-style:hover {
  background-color: #3d3c3c;
  border: 1px solid #3d3c3c;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#careers-top-banner {
  background-image: url(/images/banners/career-banner-2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 700px;
  position: relative;
  display: table;
}

@media all and (max-width: 1440px) {
  #careers-top-banner {
    height: calc(100vh - 70px);
  }
}

@media all and (max-width: 768px) {
  #careers-top-banner {
    background-image: url(/images/banners/career-banner-2-sm.jpg);
    height: 50%;
  }
}

#careers-top-banner .careers-top-banner-title {
  font-size: 48px;
  font-family: latoregular;
  margin-bottom: 22px;
  text-align: center;
  padding-right: 15px;
  padding-left: 15px;
}

@media all and (max-width: 768px) {
  #careers-top-banner .careers-top-banner-title {
    font-size: 38px;
  }
}

@media all and (max-width: 600px) {
  #careers-top-banner .careers-top-banner-title {
    font-size: 32px;
  }
}

#careers-top-banner .careers-top-banner-subtitle {
  font-size: 24px;
  font-family: latolight;
  max-width: 780px;
  margin-bottom: 40px;
  line-height: 30px;
  text-align: center;
  margin: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media all and (max-width: 768px) {
  #careers-top-banner .careers-top-banner-subtitle {
    font-size: 18px;
  }
}

#careers-top-banner .career-layer {
  width: 100%;
  height: 100%;
  background-color: rgba(1, 1, 1, 0.5);
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 1440px) {
  #careers-top-banner .scroll-hide-career {
    display: none;
  }
}

.top-snippet {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media all and (max-width: 1280px) {
  .top-snippet {
    padding-bottom: 0;
  }
}

@media all and (max-width: 768px) {
  .top-snippet {
    padding-top: 40px;
  }
}

.snippet-header {
  font-size: 20px;
}

.snippet-width {
  max-width: 500px;
}

@media all and (max-width: 768px) {
  .snippet-width {
    max-width: 100%;
  }
}

.snippet-content {
  line-height: 1.7rem;
}

.open-position-content {
  max-width: 40em;
  line-height: 1.7rem;
  margin: auto;
  text-align: center;
}

.position-cnt {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media all and (max-width: 1200px) {
  .position-cnt {
    justify-content: center;
  }
}

.position-cnt .position-tile {
  width: 30%;
  height: 200px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 40px;
  margin-right: 56px;
  margin-top: 40px;
  margin-bottom: 40px;
  color: #333;
  cursor: pointer;
}

@media all and (max-width: 1024px) {
  .position-cnt .position-tile {
    margin-right: 30px;
    margin-bottom: 0;
    width: 45%;
  }
}

@media all and (max-width: 768px) {
  .position-cnt .position-tile {
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
  }
}

.position-cnt .position-tile .position-name {
  font-size: 18px;
  font-family: latoregular;
  margin-bottom: 5px;
}

.position-cnt .position-tile .position-city {
  font-size: 14px;
}

.position-cnt .position-tile:last-child {
  margin-right: 0;
}

.position-cnt .position-tile:hover {
  box-shadow: 3px 5px 30px rgba(0, 0, 0, 0.3);
}

.perks-cnt {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
}

.perks-cnt::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

.perks-cnt::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

.perks-cnt::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
  border-radius: 10px;
}

.circular-quay-sec {
  background-image: url(/images/circular-quay-min.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 390px;
}

.snippet-title {
  font-size: 40px;
  font-family: latoregular;
  margin-bottom: 50px;
}

.sydney-img-title {
  font-size: 40px;
}

@media all and (max-width: 768px) {
  .sydney-img-title {
    font-size: 30px;
  }
}

.tabs-list {
  margin-left: 20px;
  border-bottom: 1px solid #ddd;
  display: inline-flex;
}

@media all and (max-width: 560px) {
  .tabs-list {
    margin-left: 0;
    margin-top: 20px;
  }
}

.tab-cnt {
  display: flex;
  align-items: flex-end;
}

@media all and (max-width: 560px) {
  .tab-cnt {
    align-items: flex-start;
    flex-direction: column;
  }
}

.nav-tab-link {
  color: #fff;
  padding: 10px 15px;
  display: block;
}

.nav-tab-link:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  text-decoration: none;
}

.banner-layer {
  width: 100%;
  height: 100%;
  background-color: rgba(1, 1, 1, 0.6);
  position: relative;
  display: flex;
  align-items: center;
}

.snippet-subtitle {
  font-size: 24px;
  line-height: 35px;
  margin-bottom: 80px;
}

.btn-ctn {
  padding: 15px 21px;
}

.view-job-btn {
  display: inline-block;
  vertical-align: middle;
  padding: 15px 10px;
  max-width: 160px;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
}

.view-job-btn:hover {
  border: 1px solid #fff;
  color: #fff;
}

.career-info {
  padding-top: 90px;
  padding-bottom: 100px;
}

@media all and (max-width: 1024px) {
  .career-info {
    padding-top: 0;
  }
}

.career-info .career-title {
  font-size: 36px;
  font-family: latoregular;
  margin-bottom: 10px;
  margin-top: 60px;
}

.career-info .career-subtitle {
  font-size: 20px;
  font-family: latoregular;
  margin-bottom: 70px;
  margin-top: 90px;
  line-height: 1.7rem;
}

.career-info .about-us-text-first {
  line-height: 1.7rem;
  margin-top: 80px;
  font-size: 18px;
}

.career-info .about-us-text {
  line-height: 1.7rem;
  margin-top: 30px;
  font-size: 18px;
}

.career-info .responsibility-list-cnt {
  list-style-type: disc;
}

.career-info .responsibility-list-cnt .responsibility-list {
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.6rem;
}

.form-label {
  color: rgba(0, 0, 0, 0.54);
  font-family: latoregular;
  margin-bottom: 10px;
}

.career-form-group {
  margin-top: 20px;
  max-width: 500px;
}

.career-submit-btn {
  width: 200px;
  height: 55px;
  background-color: #469edc;
  border: 1px solid #469edc;
  padding: 20px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-family: latoregular;
  margin-top: 40px;
}

.position-sketch {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#moneyball-top-banner {
  padding-top: 120px;
  position: relative;
  background-color: #fff;
  height: calc(100vh - 70px);
}

@media all and (max-width: 1200px) {
  #moneyball-top-banner {
    padding-top: 20px;
  }
}

#moneyball-top-banner .moneyball-top-banner-layer {
  position: absolute;
  background-color: rgba(1, 1, 1, 0.7);
  height: calc(100vh - 70px);
  top: 0;
  width: 100%;
}

#moneyball-top-banner .half-banner-iphone {
  background-image: url(/images/landing-pages/moneyball-iphone.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 715px;
}

@media all and (max-width: 1200px) {
  #moneyball-top-banner .half-banner-iphone {
    height: 340px;
  }
}

#moneyball-top-banner .moneyball-logo {
  margin: 0 auto 70px;
  display: block;
  width: 300px;
}

@media all and (max-width: 768px) {
  #moneyball-top-banner .moneyball-logo {
    margin: 0 auto 30px;
  }
}

@media all and (max-width: 320px) {
  #moneyball-top-banner .moneyball-logo {
    width: 200px;
  }
}

#moneyball-top-banner .moneyball-title-max-width {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

#moneyball-top-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/images/landing-pages/moneynball-banner-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: calc(100vh - 70px);
  width: 100%;
}

#moneyball-content-section {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

@media all and (max-width: 1200px) {
  #moneyball-content-section {
    flex-direction: column;
  }
}

#moneyball-content-section .half-banner-trophy-guy {
  background-image: url(/images/landing-pages/moneyball-happy-punter.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 580px;
}

@media all and (max-width: 1200px) {
  #moneyball-content-section .half-banner-trophy-guy {
    height: 340px;
  }
}

#moneyball-content-section .moneyball-content-cnt {
  padding: 30px 0;
}

@media all and (max-width: 1200px) {
  #moneyball-content-section .moneyball-content-cnt {
    padding: 20px 15px;
  }
}

@media all and (max-width: 320px) {
  #moneyball-content-section .moneyball-content-cnt {
    padding: 20px 7px;
  }
}

.second-form {
  background-color: #455a64;
  padding: 30px 30px;
}

@media all and (max-width: 768px) {
  .second-form {
    padding: 30px 0;
  }
}

@media all and (max-width: 320px) {
  .second-form {
    padding-right: 7px;
    padding-left: 7px;
  }
}

.moneyball-button-style {
  background-color: #48B115;
  border: none;
}

.moneyball-button-style:hover {
  opacity: .9;
  transition: .9s;
}

.moneyball-link-color {
  color: #48B115;
}

.moneyball-link-color:hover {
  color: #30770d;
}

.equitise-about-box {
  padding: 15px 30px;
  height: 100%;
}

@media all and (max-width: 768px) {
  .equitise-about-box {
    padding: 15px 15px;
  }
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

@media all and (max-width: 1200px) {
  .first-form {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media all and (max-width: 1200px) {
  .moneyball-down-form {
    padding: 40px 0;
  }
}

#moneyball-video .maneyball-video-row {
  width: 100%;
  display: flex;
  align-items: center;
}

@media all and (max-width: 1200px) {
  #moneyball-video .maneyball-video-row {
    display: flex;
    flex-direction: column;
  }
}

#moneyball-video .video {
  max-width: 100%;
  height: auto;
}

#moneyball-video .no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media all and (max-width: 1200px) {
  #moneyball-video .manyball-second-table {
    flex-basis: 100%;
    order: 1;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#ms-top-banner {
  position: relative;
  height: calc(100vh - 70px);
  width: 100%;
}

@media all and (max-width: 700px) {
  #ms-top-banner {
    height: 610px;
  }
}

#ms-top-banner .ms-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: calc(100vh - 70px);
}

@media all and (max-width: 700px) {
  #ms-top-banner .ms-banner {
    height: 610px;
  }
}

@media all and (max-width: 600px) {
  #ms-top-banner .ms-banner {
    background-position: right;
  }
}

#ms-top-banner .ms-logo {
  margin-bottom: 50px;
}

@media all and (max-width: 500px) {
  #ms-top-banner .ms-logo {
    width: 200px;
  }
}

#ms-top-banner .ms-carousel-control {
  width: 6% !important;
}

#ms-top-banner .ms-banner-one {
  background-image: url(/images/landing-pages/makerandson-banner-2.jpg);
}

@media all and (max-width: 600px) {
  #ms-top-banner .ms-banner-one {
    background-image: url(/images/landing-pages/makerandson-banner-2-mobile.jpg);
  }
}

#ms-top-banner .ms-banner-two {
  background-image: url(/images/landing-pages/makerandson-banner-5.jpg);
}

@media all and (max-width: 1024px) {
  #ms-top-banner .ms-banner-two {
    background-image: url(/images/landing-pages/makerandson-banner.jpg);
  }
}

@media all and (max-width: 600px) {
  #ms-top-banner .ms-banner-two {
    background-image: url(/images/landing-pages/makerandson-banner-mobile.jpg);
  }
}

#ms-top-banner .ms-banner-three {
  background-image: url(/images/landing-pages/makerandson-banner-3.jpg);
}

@media all and (max-width: 600px) {
  #ms-top-banner .ms-banner-three {
    background-image: url(/images/landing-pages/makerandson-banner-3-mobile.jpg);
  }
}

#ms-top-banner .ms-top-content-cnt {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  height: calc(100vh - 70px);
  padding-top: 150px;
  background-color: rgba(1, 1, 1, 0.5);
  padding-right: 15px;
  padding-left: 15px;
}

@media all and (max-width: 1024px) {
  #ms-top-banner .ms-top-content-cnt {
    width: 510px;
    padding-top: 50px;
  }
}

@media all and (max-width: 730px) {
  #ms-top-banner .ms-top-content-cnt {
    width: 100%;
  }
}

@media all and (max-width: 700px) {
  #ms-top-banner .ms-top-content-cnt {
    height: 610px;
  }
}

#ms-top-banner .ms-title-width {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

@media all and (max-width: 1650px) {
  #ms-top-banner .ms-title-width {
    max-width: 520px;
  }
}

#ms-top-banner .carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

#ms-top-banner .carousel-fade .carousel-inner .active {
  opacity: 1;
}

#ms-top-banner .carousel-fade .carousel-inner .active.left,
#ms-top-banner .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

#ms-top-banner .carousel-fade .carousel-inner .next.left,
#ms-top-banner .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

#ms-top-banner .carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  #ms-top-banner .carousel-fade .carousel-inner > .item.next,
  #ms-top-banner .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  #ms-top-banner .carousel-fade .carousel-inner > .item.prev,
  #ms-top-banner .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  #ms-top-banner .carousel-fade .carousel-inner > .item.next.left,
  #ms-top-banner .carousel-fade .carousel-inner > .item.prev.right,
  #ms-top-banner .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

#ms-pro-banner .product-header {
  color: #171717;
  margin-bottom: 60px;
}

@media all and (max-width: 768px) {
  #ms-pro-banner .product-header {
    margin-bottom: 20px;
  }
}

.ms-first-content {
  padding: 40px;
}

@media all and (max-width: 1200px) {
  .ms-first-content {
    padding: 40px 40px 0 40px;
  }
}

.ms-second-content {
  padding: 40px;
}

@media all and (max-width: 1200px) {
  .ms-second-content {
    padding: 0 40px 40px 40px;
  }
}

.ms-equal-cnt-sec {
  display: flex;
  width: 100%;
}

@media all and (max-width: 1200px) {
  .ms-equal-cnt-sec {
    flex-direction: column;
  }
}

.ms-half-banner {
  background-image: url(/images/landing-pages/armchair-with-footstool.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media all and (max-width: 1200px) {
  .ms-half-banner {
    height: 424px;
  }
}

.ms-second-half-banner {
  background-image: url(/images/landing-pages/makerandson-half-banner.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media all and (max-width: 1200px) {
  .ms-second-half-banner {
    height: 424px;
  }
}

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

.ms-button-style {
  background-color: #469edc;
  border: 1px solid #469edc;
}

.ms-view-offer-btn {
  border: 1px solid #469edc;
  color: white;
  border-radius: 4px;
  height: 49px;
  width: 200px;
  background-color: #469edc;
  animation: bounce 3s;
}

.ms-video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background-color: black;
}

@media all and (max-width: 1024px) {
  .ms-video-iframe {
    height: 100%;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#macro-top-banner {
  background-image: url(/images/landing-pages/macrovue-vr-top-banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: calc(100vh - 70px);
  width: 100%;
  position: relative;
  display: table;
}

@media all and (max-width: 1200px) {
  #macro-top-banner {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

@media all and (max-width: 768px) {
  #macro-top-banner {
    height: calc(100vh - 70px);
  }
}

#macro-top-banner .macro-layer {
  width: 100%;
  height: 100%;
  background-color: rgba(1, 1, 1, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media all and (max-width: 1440px) {
  #macro-top-banner .macro-layer {
    align-items: baseline;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

#macro-top-banner .macro-layer .macro-logo {
  margin-bottom: 50px;
}

@media all and (max-width: 1440px) {
  #macro-top-banner .macro-layer .macro-logo {
    margin-bottom: 20px;
  }
}

@media all and (max-width: 400px) {
  #macro-top-banner .macro-layer .macro-logo {
    width: 250px;
  }
}

#macro-top-banner .macro-layer .macro-title-width {
  max-width: 660px;
  margin: 0 auto 40px;
}

@media all and (max-width: 1440px) {
  #macro-top-banner .macro-mobile-img {
    width: 330px;
  }
}

@media all and (max-width: 768px) {
  #macro-top-banner .macro-mobile-img {
    width: 200px;
  }
}

.mm::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: inherit;
  -webkit-filter: hue-rotate(180deg);
  /* Safari 6.0 - 9.0 */
  filter: hue-rotate(180deg);
  transition: .8;
}

#section-two .macro-half-banner {
  background-image: url(/images/landing-pages/macrovie-content-car-of-the-future.jpg);
  background-repeat: no-repeat;
  background-position: center;
  /*background-size: cover;*/
  height: 806px;
  padding-right: 0;
  padding-left: 0;
  background-size: contain;
  background-position-y: center;
}

@media all and (max-width: 1451px) {
  #section-two .macro-half-banner {
    height: 789px;
  }
}

@media all and (max-width: 1236px) {
  #section-two .macro-half-banner {
    height: 851px;
  }
}

@media all and (max-width: 1024px) {
  #section-two .macro-half-banner {
    height: 320px;
  }
}

#section-two .second-img-layer {
  width: 100%;
  height: 100%;
  background-color: rgba(1, 1, 1, 0.3);
}

#section-two .macro-first-content-cnt {
  padding: 50px;
}

@media all and (max-width: 1200px) {
  #section-two .macro-first-content-cnt {
    padding: 50px 0;
  }
}

.macro-third-half-banner {
  background-image: url(/images/landing-pages/macrovue-apple_tech-Stars.jpeg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 736px;
  padding-right: 0;
  padding-left: 0;
}

@media all and (max-width: 1521px) {
  .macro-third-half-banner {
    height: 816px;
  }
}

@media all and (max-width: 1329px) {
  .macro-third-half-banner {
    height: 876px;
  }
}

@media all and (max-width: 1024px) {
  .macro-third-half-banner {
    height: 320px;
  }
}

@media only screen and (min-width: 1440px) {
  #second-content-sec .macro-second-content-cnt {
    padding: 50px 130px;
  }
}

@media all and (max-width: 1440px) {
  #second-content-sec .macro-second-content-cnt {
    padding: 50px;
  }
}

@media all and (max-width: 1200px) {
  #second-content-sec .macro-second-content-cnt {
    padding: 50px 0 50px;
    max-width: 780px;
    margin: auto;
  }
}

#second-form-section {
  background: rgba(1, 1, 1, 0.9);
}

#second-form-section .flex-items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 100px;
  padding-bottom: 100px;
}

#second-form-section .center-video {
  display: flex;
  justify-content: center;
}

@media all and (max-width: 1046px) {
  #second-form-section .center-video {
    margin-bottom: 80px;
  }
}

.macro-third-content-cnt {
  padding: 50px;
}

@media all and (max-width: 1200px) {
  .macro-third-content-cnt {
    padding: 0 0 50px;
  }
}

.macro-button-style {
  background-color: #4cb854;
  border: 1px #4cb854;
  color: white;
}

.macro-create-account-btn {
  width: 240px;
  color: white;
  margin-bottom: 20px;
  border-radius: 4px;
  height: 49px;
}

@media all and (max-width: 1200px) {
  .macro-create-account-btn {
    display: block;
    margin: auto;
  }
}

#mySVG {
  position: fixed;
  top: 15%;
  width: 410px;
  height: 1000px;
  margin-left: -50px;
}

.ms-link {
  color: #4cb854;
}

.ms-link:hover {
  color: #38913e;
}

.ms-iframe {
  width: 516px;
  height: 315px;
}

@media all and (max-width: 600px) {
  .ms-iframe {
    width: 100%;
    height: 100%;
  }
}

ul.li {
  list-style-type: circle;
  padding-left: 40px;
  color: white;
}

#macro-forth-sec {
  background-image: url(/images/landing-pages/macrovue-Car_of_the_Future.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
}

#macro-forth-sec .macro-forth-layer {
  width: 100%;
  height: 100%;
  background-color: rgba(1, 1, 1, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media only screen and (min-width: 1440px) {
  #macro-forth-sec .macro-forth-layer .macro-forth-content-cnt {
    padding: 50px 130px;
  }
}

@media all and (max-width: 1440px) {
  #macro-forth-sec .macro-forth-layer .macro-forth-content-cnt {
    padding: 50px;
  }
}

@media all and (max-width: 1200px) {
  #macro-forth-sec .macro-forth-layer .macro-forth-content-cnt {
    padding: 50px 0;
    max-width: 780px;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#ph-top-banner {
  background-image: url(/images/landing-pages/purahealth-leaf-desktop.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  position: relative;
  height: 800px;
}

@media all and (max-width: 1440px) {
  #ph-top-banner {
    height: calc(100vh - 70px);
  }
}

@media all and (max-width: 1024px) {
  #ph-top-banner {
    background-image: url(/images/landing-pages/purahealth-leaf-ipad.jpg);
    height: 650px;
  }
}

@media all and (max-width: 600px) {
  #ph-top-banner {
    background-image: url(/images/landing-pages/purahealth-leaf-mobile.jpg);
    height: calc(100vh - 70px);
  }
}

#ph-top-banner .ph-middle-tone-title {
  font-size: 46px;
}

@media all and (max-width: 768px) {
  #ph-top-banner .ph-middle-tone-title {
    font-size: 26px;
  }
}

#ph-top-banner .ph-layer-removed {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}

#ph-top-banner .ph-logo {
  margin-bottom: 50px;
}

@media all and (max-width: 768px) {
  #ph-top-banner .ph-logo {
    width: 250px;
    margin-top: 50px;
  }
}

#ph-top-banner .ph-title-width {
  max-width: 780px;
  margin-right: auto;
  margin-left: auto;
}

#ph-top-banner .ph-layer {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgba(255, 255, 255, 0.4);
}

@media all and (max-width: 768px) {
  #ph-top-banner .ph-layer {
    height: 100%;
    width: 100%;
  }
}

#ph-top-banner .ph-top-banner-cnt {
  width: 660px;
  height: 100%;
  padding: 10% 15px 0;
  position: absolute;
  left: 10%;
  background-color: rgba(1, 1, 1, 0.4);
}

@media all and (max-width: 1024px) {
  #ph-top-banner .ph-top-banner-cnt {
    width: 100%;
    left: 0;
  }
}

@media all and (max-width: 767px) {
  #ph-top-banner .ph-top-banner-cnt {
    padding-top: 0;
  }
}

#middle-tone {
  padding-top: 80px;
  padding-bottom: 60px;
}

@media all and (max-width: 768px) {
  #middle-tone {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}

#middle-tone .middle-tone-title {
  text-align: center;
  font-size: 30px;
  margin-bottom: 34px;
  line-height: 2rem;
}

@media (max-width: 736px) {
  #middle-tone .middle-tone-title {
    font-size: 28px;
  }
}

#ph-first-content-cnt .ph-first-content-cnt {
  padding-top: 30px;
}

#ph-first-content-cnt .ph-first-half-banner {
  background: url(/images/landing-pages/purahealth-image-half-min.jpg) no-repeat center;
  background-size: cover;
  height: 100%;
  /*height: 1200px;
    @include mquery(1350px) {
      height: 1350px
    }
    @include mquery(1200px) {
      height: 210px;
      background-position: center;
    }*/
}

.ph-first-half-banner-cnt {
  height: 1064px;
  overflow: hidden;
  padding-left: 0;
}

@media all and (max-width: 1500px) {
  .ph-first-half-banner-cnt {
    height: 1220px;
  }
}

#ph-sec-content-cnt .ph-sec-half-banner {
  background-image: url(/images/landing-pages/purehealth-half-banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 660px;
}

@media all and (max-width: 1504px) {
  #ph-sec-content-cnt .ph-sec-half-banner {
    height: 760px;
  }
}

@media all and (max-width: 1272px) {
  #ph-sec-content-cnt .ph-sec-half-banner {
    height: 760px;
  }
}

@media all and (max-width: 1200px) {
  #ph-sec-content-cnt .ph-sec-half-banner {
    height: 210px;
  }
}

#ph-sec-content-cnt .ph-sec-content {
  padding-top: 50px;
}

@media all and (max-width: 1024px) {
  #ph-sec-content-cnt .ph-sec-content {
    padding-top: 0;
  }
}

.ph-button-style {
  background-color: rgba(1, 1, 1, 0.8);
  transition: all 0.5s ease;
}

.ph-button-style:hover {
  background-color: black;
}

.ph-view-offer-btn {
  border-radius: 4px;
  width: 200px;
  text-align: center;
  background-color: rgba(1, 1, 1, 0.8);
  transition: all 0.5s ease;
  animation: bounce 3s;
  color: #fff;
  padding: 16px;
}

.ph-view-offer-btn:hover {
  background-color: black;
  color: #fff;
}

#sec-form-sec {
  padding-top: 70px;
  padding-bottom: 70px;
}

.purahealth-list {
  font-size: 1.05rem;
  padding-left: 30px;
  margin: 20px 0;
}

.purahealth-list > li {
  line-height: 1.7rem;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
.offer-info-sec {
  background-color: white;
  margin-top: 40px;
}

.offer-info-sec .offer-img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  border: 1px solid #ebebeb;
  padding: 20px;
  margin-bottom: 30px;
}

@media all and (max-width: 767px) {
  .offer-info-sec .offer-img {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media all and (max-width: 320px) {
  .offer-info-sec .offer-img {
    width: 100%;
  }
}

.offer-info-sec .offer-info {
  font-size: 18px;
  color: #7e7e7e;
  padding: 70px;
}

.offer-info-sec .offer-info .offer-info-detail {
  margin-bottom: 10px;
}

.offer-info-sec .table-top-margin {
  margin-top: 159px;
}

@media all and (max-width: 1024px) {
  .offer-info-sec .table-top-margin {
    margin-top: 34px;
  }
}

.offer-info-sec .blue-thead {
  background-color: #469edc;
  color: white;
}

.offer-info-sec .offer-check-deal-btn {
  color: #333;
  padding: 10px;
  border: 1px solid #333;
  transition: .3s;
  margin: 20px auto;
}

.offer-info-sec .offer-check-deal-btn:hover {
  background-color: #469edc;
  border: 1px solid #469edc;
  color: #fff;
}

.offer-info-sec .offer-name {
  border-top: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding: 10px;
  background-color: #f5f5f5;
}

@media all and (max-width: 767px) {
  .offer-info-sec .offer-name {
    width: 300px;
    margin: auto;
  }
}

@media all and (max-width: 320px) {
  .offer-info-sec .offer-name {
    width: 100%;
  }
}

.offer-info-sec .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  cursor: pointer;
  background-color: #fff;
  margin: 4px;
}

.offer-info-sec .nav-tabs > li > a:hover {
  background-color: #ebebeb;
}

.offer-info-sec .nav-tabs > li.active > a, .offer-info-sec .nav-tabs > li.active > a:focus, .offer-info-sec .nav-tabs > li.active > a:hover {
  color: #fff;
  cursor: default;
  background-color: #469edc;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  margin: 4px;
}

.offer-info-sec .btn-blue {
  color: #fff;
  background-color: #469edc;
  border-color: #469edc;
}

@media all and (max-width: 727px) {
  .offer-info-sec .nav-tabs > li {
    float: left;
    width: 50%;
  }
}

.tab-content-style {
  padding-top: 50px;
  padding-bottom: 50px;
  border: 1px solid #ddd;
}

.filter-group-style {
  text-align: center;
  border: 1px solid #333;
  padding: 10px;
}

.btn-group:hover .dropdown-menu {
  display: block;
}

.btn-group-flex-center {
  margin-bottom: 50px;
}

@media all and (max-width: 500px) {
  .btn-group-flex-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
  }
}

.dropdown-menu li {
  padding: 5px;
  cursor: pointer;
}

.graphCanvas {
  margin: 10px auto 80px auto;
  height: 400px;
}

.graphCanvas canvas {
  width: 100% !important;
}

.offer-flex-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}

@media all and (max-width: 767px) {
  .offer-flex-row {
    flex-direction: column;
  }
}

.dailyandcomulative-button {
  text-align: center;
  float: right;
}

@media all and (max-width: 767px) {
  .dailyandcomulative-button {
    float: none;
  }
}

@media all and (max-width: 767px) {
  .viewOffer-button {
    text-align: center;
  }
}

.offer-tab {
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
}

@media all and (max-width: 500px) {
  .mn-btn-responsive-xs-100 {
    min-width: 100%;
    border-radius: 4px !important;
    margin-bottom: 10px;
  }
}

@media all and (max-width: 320px) {
  .mn-push-xs {
    display: block;
  }
}

.mn-table-striped > tbody > tr:nth-child(odd) > td,
.mn-table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #efefef;
}

.mn-table-striped > tbody > tr > td {
  text-align: center;
}

.mn-table-striped > thead > tr > th {
  text-align: center;
}

.shareholder-report-main-cnt {
  margin-top: 20px;
  padding: 20px;
  background: white;
}

.shareholder-log-title {
  font-family: 'latobold';
  font-size: 20px;
  color: #7e7e7e !important;
  text-transform: uppercase;
  text-align: center;
}

.box-justify-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 910px;
  margin: auto;
}

.mn-box {
  max-width: 283px;
  height: 133px;
  border: 1px solid #ddd;
  margin: 10px 10px 20px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media all and (max-width: 768px) {
  .mn-box {
    width: 200px;
    height: 200px;
  }
}

.mn-box .mn-box-header {
  font-size: 28px;
  font-family: latobold;
  color: #7e7e7e;
  margin-bottom: 20px;
  margin-top: 30px;
}

.graph-back {
  background: #F5F5F5;
  padding: 20px;
}

.text-commentary {
  width: 100%;
  background: #F5F5F5;
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-commentary .text-commentary-header {
  font-size: 16px;
  color: #7e7e7e;
  padding: 20px;
  line-height: 1.3rem;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#soda-top-banner-cnt {
  height: calc(100vh - 70px);
  display: table;
  overflow: hidden;
  width: 100%;
  position: relative;
  background: url(/images/landing-pages/soda-top-banner-new.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media all and (max-width: 320px) {
  #soda-top-banner-cnt {
    height: 100vh;
  }
}

.soda-layer {
  background-color: rgba(1, 1, 1, 0.6);
  height: 100%;
  width: 100%;
}

.soda-layer .soda-top-content-cnt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

.soda-layer .soda-top-content-cnt .soda-logo {
  margin-bottom: 70px;
}

@media all and (max-width: 414px) {
  .soda-layer .soda-top-content-cnt .soda-logo {
    margin-bottom: 30px;
    width: 200px;
  }
}

.soda-link {
  color: #66e5f2;
  cursor: pointer;
}

.soda-link:hover {
  color: #62c7d1;
}

.soda-button-style {
  background: #66e5f2;
  border: 1px solid #66e5f2;
  color: #333;
  transition: .3s;
}

.soda-button-style:hover {
  background: #62c7d1;
  border: 1px solid #62c7d1;
  color: #fff;
}

.first-half-image {
  width: 50%;
  display: block;
  margin: auto;
}

#soda-second-content-sec {
  background-attachment: fixed;
  background-image: url(/images/landing-pages/soda-paralax-banner.JPG);
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

.soda-second-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.4);
  padding-top: 100px;
  padding-bottom: 100px;
}

.soda-add-top-padd {
  padding-top: 100px;
  padding-bottom: 100px;
}

.soda-empty-white-div {
  height: 100%;
  position: relative;
}

#soda-video {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media all and (max-width: 1200px) {
  #soda-video {
    padding: 0;
  }
}

.soda-video-iframe {
  width: 90%;
  height: 400px;
  background-color: black;
}

@media all and (max-width: 1200px) {
  .soda-video-iframe {
    width: 100%;
  }
}

.soda-square-img-cnt {
  margin-top: 80px;
}

.soda-first-half-img {
  background-image: url(/images/landing-pages/soda-half-mobile.png);
  background-size: contain;
  height: 600px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 50px;
}

@media all and (max-width: 769px) {
  .soda-first-half-img {
    height: 300px;
  }
}

.soda-sec-form {
  padding-top: 80px;
  padding-bottom: 34px;
}

.soda-p-width {
  padding-top: 50px;
  padding-bottom: 50px;
}

.soda-last-half-img {
  background-image: url(/images/landing-pages/soda-half-banner-new-2.jpg);
  background-size: cover;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center center;
}

@media all and (max-width: 767px) {
  .soda-last-half-img {
    height: 260px;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#bit-trade-top-banner-cnt {
  background-image: url(/images/landing-pages/bit-trade-hero-bg-black.png);
  width: 100%;
  height: calc(100vh - 70px);
  background-color: #2e142c;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: table;
  position: relative;
}

#bit-trade-top-banner-cnt .bit-trade-layer {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bit-trade-logo {
  width: 350px;
}

@media all and (max-width: 500px) {
  .bit-trade-logo {
    width: 200px;
  }
}

.bit-trade-button-style {
  background-color: #e5390d;
  color: white;
  border: 1px solid #e5390d;
}

.bit-trade-button-style:hover {
  box-shadow: inset 0 0 0 20rem rgba(38, 13, 36, 0.06);
}

.bit-trade-link {
  color: #e5390d;
}

.bit-trade-link:hover {
  color: #e1380d;
}

.bit-trade-first-half-img {
  padding: 0;
}

.bit-trade-sec-two-content {
  padding: 50px;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
  height: 100%;
}

@media only screen and (min-width: 1511px) and (max-width: 1765px) {
  .bit-trade-landing-page-content {
    font-size: 1.05rem !important;
  }
}

@media only screen and (min-width: 1461px) and (max-width: 1510px) {
  .bit-trade-landing-page-content {
    font-size: 1.0rem !important;
  }
}

@media only screen and (min-width: 1405px) and (max-width: 1460px) {
  .bit-trade-landing-page-content {
    font-size: 0.95rem !important;
  }
}

@media only screen and (min-width: 1245px) and (max-width: 1404px) {
  .bit-trade-landing-page-content {
    font-size: 0.8rem !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1246px) {
  .bit-trade-landing-page-content {
    font-size: 0.75rem !important;
  }
}

.bit-trade-align-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

@media all and (max-width: 700px) {
  .bit-trade-cicle-order-2 {
    order: 2;
  }
}

.bit-trade-p-width {
  padding: 50px;
}

@media all and (max-width: 1024px) {
  .bit-trade-p-width {
    padding: 50px 0;
  }
}

.bit-trade-sec-two-row {
  overflow: hidden;
}

.bit-trade-features-circle {
  width: 170px;
  height: 170px;
  background-color: #dbdbdb;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.bit-trade-features-circle.one {
  background-image: url(http://www.wwf.org.au/images/UserUploadedImages/403/img-thumb-antarctica-penguin-dive-200x200.jpg);
}

.bit-trade-features-circle.two {
  background-image: url(http://www.wwf.org.au/ecThemes/3/Images/img-thumbnail-homepage-species-200x200.jpg);
}

.bit-trade-features-circle.three {
  background-image: url(http://www.wwf.org.au/ecThemes/3/Images/img-thumbnail-home-climate-200x200.png);
}

/*#bit-trade-thrid-sec {
   background-color: #2e142c;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   height: calc(100vh - 70px);
   background-image: url(/images/landing-pages/bit-trade-liquidity-gateway-showcase.png);
 }*/
.bit-trade-half-mobile-bk {
  background: url(/images/landing-pages/bit-trade-hero-bg-half-black.png);
  background-color: #2e142c;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  padding: 50px;
}

#bit-trade-iphone-sec {
  height: 80%;
  overflow: hidden;
}

@media all and (max-width: 1300px) {
  #bit-trade-iphone-sec {
    height: 800px;
  }
}

@media all and (max-width: 1200px) {
  #bit-trade-iphone-sec {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.bit-trade-iphone-sec-cont-cnt {
  background-color: #e5390d;
  height: 100%;
}

.bit-trade-iphone-sec-header {
  font-size: 26px;
  max-width: 390px;
  display: block;
  margin: 0 auto 40px;
  line-height: 1.5;
}

@media all and (max-width: 1024px) {
  .bit-trade-hero-smartphones {
    width: 280px;
  }
}

#bit-trade-paralax-sec {
  background-attachment: fixed;
  background-image: url(/images/landing-pages/bit-trade-what-is-equity-crowdfunding-bg.png);
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

#bit-trade-paralax-sec .bit-trade-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.4);
  padding-top: 100px;
  padding-bottom: 100px;
}

.bit-trade-user-stock-one-img {
  background-color: #2e142c;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 400px;
  width: 34%;
  background-image: url(/images/landing-pages/btrade-bottom-left.png);
}

@media all and (max-width: 1024px) {
  .bit-trade-user-stock-one-img {
    width: 50%;
  }
}

@media all and (max-width: 500px) {
  .bit-trade-user-stock-one-img {
    height: 180px;
  }
}

.bit-trade-user-stock-two-img {
  background-color: #2e142c;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 400px;
  width: 34%;
  background-image: url(/images/landing-pages/btrade-bottom-right.png);
}

@media all and (max-width: 1024px) {
  .bit-trade-user-stock-two-img {
    width: 50%;
    order: 1;
  }
}

@media all and (max-width: 500px) {
  .bit-trade-user-stock-two-img {
    height: 180px;
  }
}

#bit-trade-last-form-sec {
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 1024px) {
  #bit-trade-last-form-sec {
    flex-wrap: wrap;
  }
}

.bit-trade-last-form-cnt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
  width: 32%;
}

@media all and (max-width: 1420px) {
  .bit-trade-last-form-cnt {
    width: 52%;
  }
}

@media all and (max-width: 1024px) {
  .bit-trade-last-form-cnt {
    width: 100%;
    order: 3;
  }
}

.bit-trade-last-form-cnt .bit-trade-last-form-title {
  text-align: center;
  font-family: 'latoregular';
  font-size: 30px;
  margin-bottom: 34px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#republic-top-banner {
  background-image: url(/images/landing-pages/republic-header.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right bottom;
  height: calc(100vh - 70px);
  width: 100%;
  display: table;
  position: relative;
}

#republic-top-banner .republic-align-top-table {
  height: calc(100vh - 70px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.flex-logos.column {
  flex-direction: column;
}

@media all and (max-width: 500px) {
  .flex-logos {
    flex-direction: column;
  }
}

.x-style {
  width: 40px;
  height: 89px;
  font-size: 30px;
  font-family: latobold;
  color: #469edc;
}

@media all and (max-width: 500px) {
  .x-style {
    width: 10px;
    height: 29px;
    font-size: 30px;
  }
}

.republic-button-style {
  background-color: #1560FA;
  border: 1px solid #1560FA;
  color: #fff;
}

.republic-button-style:hover {
  background-color: #3d7bfb;
  text-decoration: underline;
}

.equitise-republic-logo {
  margin-right: 20px;
  margin-bottom: 50px;
  width: 300px;
}

@media all and (max-width: 500px) {
  .equitise-republic-logo {
    margin-right: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 200px;
  }
}

@media all and (max-width: 320px) {
  .equitise-republic-logo {
    margin-top: 30px;
    width: 150px;
  }
}

.republic-logo {
  margin-bottom: 50px;
  width: 300px;
  margin-left: 20px;
}

@media all and (max-width: 500px) {
  .republic-logo {
    margin-top: 10px;
    margin-bottom: 40px;
    width: 200px;
    margin-left: 0;
  }
}

@media all and (max-width: 320px) {
  .republic-logo {
    width: 150px;
  }
}

.republic-link {
  color: #1560FA;
}

.republic-link:hover {
  color: #3d7bfb;
}

#republic-sec-two {
  background: url(/images/landing-pages/republic-half-img.svg) no-repeat left bottom;
  background-size: cover;
  background-color: #fff;
}

.republic-sec-two-content {
  padding: 80px 70px;
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
}

@media all and (max-width: 1200px) {
  .republic-sec-two-content {
    padding: 50px 15px;
  }
}

.republic-first-half-img {
  padding: 0;
}

#republic-third-name-sec-banner {
  background-image: url(/images/landing-pages/republic-name-banner.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 288px;
}

#republic-last-table {
  background-color: #ceeaff;
}

.republic-last-table-cnt {
  padding-bottom: 214px;
  padding-top: 64px;
  background: url(/images/landing-pages/republic-founders.svg) no-repeat right 20% bottom;
}

@media all and (max-width: 1024px) {
  .republic-last-table-cnt {
    padding-bottom: 254px;
  }
}

@media all and (max-width: 500px) {
  .republic-last-table-cnt {
    padding-bottom: 50px;
    padding-top: 50px;
    background: none;
  }
}

#republic-third-sec {
  padding: 50px 0;
}

@media all and (max-width: 768px) {
  .no-margin-sm {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#dit-top-banner-sec {
  background: url(/images/landing-pages/dit-Newimage.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: calc(100vh - 70px);
  position: relative;
  display: table;
}

@media all and (max-width: 768px) {
  #dit-top-banner-sec {
    background-image: url(/images/landing-pages/dit-Newimage-mobile.jpg);
  }
}

.dit-logo {
  width: 300px;
  margin-bottom: 20px;
}

.dit-align-top-table {
  height: 100%;
  width: 750px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.6);
}

@media all and (max-width: 1024px) {
  .dit-align-top-table {
    width: 100%;
  }
}

.dit-link {
  color: #105090;
  text-decoration: underline;
}

.dit-link:hover {
  color: #0f4b87;
}

.dit-link-white {
  color: #fff;
  text-decoration: underline;
  transition: .5s;
}

.dit-link-white:hover {
  background-color: #ccc;
}

.dit-button-style {
  background-color: #105090;
  border: 1px solid #105090;
}

.dit-button-style:hover {
  background-color: #0f4b87;
  color: #fff;
}

.dit-view-offer-btn {
  border-radius: 4px;
  height: 49px;
  width: 200px;
  background-color: #105090;
  border: 1px solid #105090;
  color: #fff;
  transition: all 300ms ease;
  animation: bounce 3s;
}

.dit-view-offer-btn:hover {
  background-color: #0f4b87;
}

#dit-second-section {
  background-color: #105090;
  padding: 60px 0;
}

#dit-third-section {
  background-color: #fff;
}

#dit-third-section .dit-third-row {
  overflow: hidden;
}

#dit-third-section .dit-third-half-img {
  background: url(/images/landing-pages/dit-sheep-eating.jpg) no-repeat;
  background-size: cover;
  height: 600px;
  background-position: right;
}

@media all and (max-width: 1500px) {
  #dit-third-section .dit-third-half-img {
    height: 650px;
  }
}

@media all and (max-width: 1380px) {
  #dit-third-section .dit-third-half-img {
    height: 730px;
  }
}

#dit-third-section .dit-sec-three-content {
  padding: 50px;
}

@media all and (max-width: 768px) {
  #dit-third-section .dit-sec-three-content {
    padding: 50px 15px;
  }
}

#dit-paralax-sec {
  background-attachment: fixed;
  background-image: url(/images/landing-pages/dit-top-banner-car.jpg);
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

.dit-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.4);
  padding-top: 100px;
  padding-bottom: 100px;
}

#dit-last-table-sec {
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 1024px) {
  #dit-last-table-sec {
    flex-wrap: wrap;
  }
}

.dit-last-form-cnt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 460px;
  width: 32%;
}

@media all and (max-width: 1420px) {
  .dit-last-form-cnt {
    width: 52%;
  }
}

@media all and (max-width: 1024px) {
  .dit-last-form-cnt {
    width: 100%;
    order: 3;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.dit-cow-looking-img {
  background: url(/images/landing-pages/dit-half-cow.jpg) no-repeat center;
  background-size: cover;
  width: 34%;
  height: 460px;
}

@media all and (max-width: 1024px) {
  .dit-cow-looking-img {
    width: 50%;
  }
}

@media all and (max-width: 500px) {
  .dit-cow-looking-img {
    height: 180px;
  }
}

.dit-sheep-looking-img {
  background: url(/images/landing-pages/dit-sheep-looking.jpg) no-repeat center;
  background-size: cover;
  height: 460px;
  width: 34%;
}

@media all and (max-width: 1024px) {
  .dit-sheep-looking-img {
    width: 50%;
    order: 1;
  }
}

@media all and (max-width: 500px) {
  .dit-sheep-looking-img {
    height: 180px;
  }
}

.last-table-title {
  max-width: 601px;
}

@media all and (max-width: 768px) {
  .last-table-title {
    max-width: 391px;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#wse-top-banner {
  background: url(/images/landing-pages/wse-top-banner.jpg) no-repeat center center;
  background-size: cover;
  height: calc(100vh - 70px);
  width: 100%;
  position: relative;
  display: table;
}

#wse-top-banner .wse-align-center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 50%;
  background-color: rgba(1, 1, 1, 0.5);
}

@media all and (max-width: 1024px) {
  #wse-top-banner .wse-align-center {
    width: 100%;
  }
}

.wse-button-style {
  background-color: #3754bf;
  border: 1px solid #3754bf;
  color: #fff;
}

.wse-button-style:hover {
  opacity: .5;
}

.wse-link {
  color: #50d253;
}

.wse-link:hover {
  color: #d88713;
}

.lp-flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.lp-flex-row .lp-flex-col {
  width: 50%;
}

@media all and (max-width: 1200px) {
  .lp-flex-row .lp-flex-col {
    width: 100%;
  }
}

.wse-first-half-content {
  padding: 60px;
}

@media all and (max-width: 1500px) {
  .wse-first-half-content {
    padding: 20px 60px;
  }
}

@media all and (max-width: 1250px) {
  .wse-first-half-content {
    padding: 20px 40px;
  }
}

@media all and (max-width: 768px) {
  .wse-first-half-content {
    padding: 25px;
  }
}

.wse-first-half-img {
  background: url(/images/landing-pages/wse-second-banner.jpg) no-repeat center center;
  background-size: cover;
  height: 731px;
}

@media all and (max-width: 1200px) {
  .wse-first-half-img {
    width: 100%;
    display: none;
  }
}

.wse-section-three {
  padding: 20px 0;
}

@media all and (max-width: 1280px) {
  .wse-section-three {
    padding: 0;
  }
}

@media all and (max-width: 1200px) {
  .wse-section-three {
    height: auto;
    padding: 50px 0 0;
  }
}

@media all and (max-width: 768px) {
  .wse-section-three {
    height: auto;
    padding: 0;
  }
}

#wse-full-height-img {
  background: url(/images/landing-pages/wse-full-height-img.jpg) no-repeat center center;
  background-size: cover;
  height: calc(100vh);
}

.wse-second-half-img {
  background: url(/images/landing-pages/wse-third-banner.jpg) no-repeat center center;
  background-size: contain;
  height: 481px;
}

@media all and (max-width: 768px) {
  .wse-second-half-img {
    background-size: contain;
    height: 511px;
  }
}

@media all and (max-width: 600px) {
  .wse-second-half-img {
    background-size: contain;
    height: 251px;
  }
}

.wse-second-half-content {
  padding: 60px;
}

@media all and (max-width: 1350px) {
  .wse-second-half-content {
    padding: 50px;
  }
}

@media all and (max-width: 768px) {
  .wse-second-half-content {
    padding: 25px;
  }
}

.wse-bluegrey-back {
  background-color: #6a7c88;
}

#wse-paralax-sec {
  background-attachment: fixed;
  background-image: url(/images/landing-pages/wse-paralex-img.jpg);
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

#wse-paralax-sec .wse-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.7);
  padding-top: 50px;
  padding-bottom: 50px;
}

#wse-last-table-sec {
  background-color: #fff;
  padding: 50px 0;
}

.wse-view-offer-btn {
  border-radius: 4px;
  height: 49px;
  width: 200px;
  background-color: #3754bf;
  border: 1px solid #3754bf;
  color: #fff;
  transition: all 0.5s ease;
  animation: bounce 3s;
}

.wse-view-offer-btn:hover {
  opacity: .5;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#douugh-hero .douugh-hero-bg {
  background: url(/images/landing-pages/douugh-hero-bg-2000x800-min.jpg) no-repeat center;
  background-size: cover;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 130px;
  background-position: right bottom;
}

@media all and (max-width: 1440px) {
  #douugh-hero .douugh-hero-bg {
    padding-top: 50px;
    padding-bottom: 0;
  }
}

@media all and (max-width: 768px) {
  #douugh-hero .douugh-hero-bg {
    background-position: left;
  }
}

#douugh-hero .douugh-logo {
  width: 200px;
  margin-bottom: 20px;
}

@media all and (max-width: 500px) {
  #douugh-hero .douugh-logo {
    width: 170px;
  }
}

#douugh-hero .douugh-hero-title {
  font-family: 'latoregular';
  font-size: 36px;
  margin-bottom: 10px;
  line-height: 2.7rem;
}

@media all and (max-width: 500px) {
  #douugh-hero .douugh-hero-title {
    font-size: 30px;
  }
}

#douugh-hero .douugh-hero-subtitle {
  font-family: 'latolight';
  font-size: 26px;
  margin-bottom: 34px;
  line-height: 2.7rem;
}

@media all and (max-width: 1440px) {
  #douugh-hero .douugh-hero-subtitle {
    margin-bottom: 14px;
  }
}

@media all and (max-width: 500px) {
  #douugh-hero .douugh-hero-subtitle {
    font-size: 19px;
  }
}

#douugh-hero .douugh-hero-subtitle-register {
  font-family: 'latoregular';
  font-size: 28px;
  margin-bottom: 34px;
  line-height: 2.7rem;
}

@media all and (max-width: 768px) {
  #douugh-hero .douugh-hero-subtitle-register {
    font-size: 20px;
    line-height: 2rem;
  }
}

@media all and (max-width: 1024px) {
  #douugh-hero .douugh-hero-image-cnt {
    padding-top: 20px;
  }
}

@media all and (max-width: 500px) {
  #douugh-hero .douugh-hero-image-cnt {
    padding-top: 0;
  }
}

#douugh-hero .douugh-hero-image {
  background: url(/images/landing-pages/douugh-new-hero-20-min.png) no-repeat center;
  background-size: contain;
  height: 550px;
}

@media all and (max-width: 500px) {
  #douugh-hero .douugh-hero-image {
    height: 250px;
  }
}

.douugh-gradient-bk {
  background-image: linear-gradient(135deg, #6d4de2, #00f5a1);
  opacity: 0.9;
}

.douugh-mastercard-logo-cnt {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100px;
}

.douugh-mastercard-logo-cnt .mastercard-logo {
  opacity: 0.5;
  width: 100px;
  margin-bottom: 20px;
}

.douugh-mastercard-logo-cnt .chart-logo {
  opacity: 0.5;
  width: 80px;
  margin-bottom: 20px;
}

.douugh-button-style {
  background: linear-gradient(160.34deg, #FFC303 0.05%, #FE4D1F 100%, #FE4D1F 100%);
  border: none;
}

.douugh-button-style:hover {
  background: #FF8800;
}

.douugh-link {
  color: #FF8800;
}

.douugh-link:hover {
  color: #FE4D1F;
}

.douugh-grey-color {
  color: #707070;
}

#quote-sec {
  padding: 100px 10px 20px;
}

@media all and (max-width: 768px) {
  #quote-sec {
    padding: 50px 10px 50px;
  }
}

#quote-sec p {
  font-size: 36px;
  color: #707070;
}

@media all and (max-width: 768px) {
  #quote-sec p {
    font-size: 24px;
  }
}

#douugh-iphone-sec {
  background-image: linear-gradient(135deg, #6d4de2, #00f5a1);
  opacity: 0.9;
  padding: 100px 0;
}

@media all and (max-width: 768px) {
  #douugh-iphone-sec {
    padding: 50px 0;
  }
}

@media all and (max-width: 1024px) {
  #douugh-iphone-sec .douugh-iphone-cnt {
    padding-top: 10px;
  }
}

@media all and (max-width: 768px) {
  #douugh-iphone-sec .douugh-iphone-cnt {
    order: 1;
  }
}

#douugh-iphone-sec .douugh-iphone-slider {
  width: 324px;
  background: url(/images/landing-pages/douugh-iPhoneX-clay-light3_2x-min.png) no-repeat center;
  background-size: contain;
  margin: auto;
  padding: 78px 21px 103px 21px;
}

@media all and (max-width: 1440px) {
  #douugh-iphone-sec .douugh-iphone-slider {
    width: 264px;
  }
}

@media all and (max-width: 500px) {
  #douugh-iphone-sec .douugh-iphone-slider {
    width: 224px;
  }
}

#douugh-iphone-sec .douugh-partnership-header {
  font-size: 26px;
  line-height: 1.33;
  height: 68px;
}

@media all and (max-width: 768px) {
  #douugh-iphone-sec .douugh-partnership-header {
    height: 100%;
  }
}

#douugh-iphone-sec .douugh-partnership-subheader {
  font-size: 18px;
  height: 162px;
}

@media all and (max-width: 768px) {
  #douugh-iphone-sec .douugh-partnership-subheader {
    height: 100%;
  }
}

#douugh-iphone-sec .douugh-align-center {
  display: flex;
  align-items: center;
}

@media all and (max-width: 768px) {
  #douugh-iphone-sec .douugh-align-center {
    flex-wrap: wrap;
    justify-content: center;
  }
}

#douugh-first-info-sec {
  padding: 100px 0 100px;
}

@media all and (max-width: 768px) {
  #douugh-first-info-sec {
    padding: 0 0 50px;
  }
}

.douugh-landing-page-content-header {
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
}

#douugh-third-info-sec {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media all and (max-width: 768px) {
  #douugh-third-info-sec {
    padding: 50px 0;
  }
}

#douugh-paralax-sec {
  background-attachment: fixed;
  background-image: url(/images/landing-pages/douugh-notifications-background-03-min.jpg);
  width: 100%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

@media all and (max-width: 768px) {
  #douugh-paralax-sec {
    background-image: url(/images/landing-pages/douugh-notifications-background-mobile-min.jpg);
  }
}

@media all and (max-width: 500px) {
  #douugh-paralax-sec {
    background-attachment: inherit;
  }
}

#douugh-paralax-sec .douugh-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.5);
  padding: 100px 50px;
  width: 760px;
}

@media all and (max-width: 1024px) {
  #douugh-paralax-sec .douugh-paralax-layer {
    width: 100%;
    padding: 100px 10px;
  }
}

@media all and (max-width: 768px) {
  #douugh-paralax-sec .douugh-paralax-layer {
    padding: 50px 0;
  }
}

.douugh-be-part-of-image {
  background: url(/images/landing-pages/douugh-phone-motion-min.png) no-repeat center;
  background-size: contain;
  height: 440px;
}

@media all and (max-width: 500px) {
  .douugh-be-part-of-image {
    height: 240px;
  }
}

.douugh-be-part-of-content {
  padding-top: 110px;
  padding-bottom: 0;
}

@media all and (max-width: 1024px) {
  .douugh-be-part-of-content {
    padding-bottom: 110px;
  }
}

@media all and (max-width: 768px) {
  .douugh-be-part-of-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

#douugh-last-form-sec {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: linear-gradient(135deg, #6d4de2, #00f5a1);
  opacity: 0.9;
}

@media all and (max-width: 768px) {
  #douugh-last-form-sec {
    padding: 50px 0;
  }
}

.douugh-be-part-of-title {
  width: 100%;
  font-size: 32px;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media all and (max-width: 768px) {
  .douugh-be-part-of-title {
    font-size: 28px;
  }
}

#douugh-video-sec {
  position: relative;
  width: 100%;
  padding-top: 28.25%;
  background-image: linear-gradient(135deg, #6d4de2, #00f5a1);
  opacity: 0.9;
}

@media all and (max-width: 1024px) {
  #douugh-video-sec {
    padding-top: 56.25%;
  }
}

#douugh-video-sec .douugh-video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#endeavour-top-banner {
  background-image: url(/images/landing-pages/endeavour-banner-min.jpg);
  width: 100%;
  height: calc(100vh - 70px);
  background-color: #2e142c;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: table;
  position: relative;
}

#endeavour-top-banner .endeavour-layer {
  background-color: rgba(1, 1, 1, 0.5);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
}

#endeavour-top-banner .endeavour-logo {
  margin-bottom: 40px;
}

@media all and (max-width: 500px) {
  #endeavour-top-banner .endeavour-logo {
    width: 250px;
  }
}

.endeavour-link {
  color: #34ba00;
}

.endeavour-link:hover {
  color: #34ba00;
  text-decoration: underline;
}

.endeavour-button-style {
  background-color: #34ba00;
  border: 1px solid #34ba00;
  transition: all 300ms ease;
}

.endeavour-button-style:hover {
  background-color: #191919;
  color: #34ba00;
  border: 1px solid #191919;
}

.endeavour-view-offer-btn {
  border-radius: 4px;
  height: 49px;
  width: 200px;
  background-color: #34ba00;
  border: 1px solid #34ba00;
  color: #fff;
  transition: all 300ms ease;
  animation: bounce 3s;
}

.endeavour-view-offer-btn:hover {
  background-color: #191919;
  color: #34ba00;
  border: 1px solid #191919;
}

@media all and (max-width: 1024px) {
  #endeavour-info-sec .endeavour-init-info {
    width: 100%;
    left: 0;
    top: 0;
    position: relative;
    border-radius: 0;
  }
}

#endeavour-info-sec .endeavour-init-2-info {
  border-radius: 52px;
}

@media all and (max-width: 1024px) {
  #endeavour-info-sec .endeavour-init-2-info {
    width: 100%;
    right: 0;
    top: 0px;
    position: relative;
    border-radius: 0;
    padding: 40px 0;
  }
}

.endeavour-row-2 {
  margin: 50px 0;
}

@media all and (max-width: 1024px) {
  .endeavour-row-2 {
    margin: 0;
  }
}

#endeavour-paralax-sec {
  background-attachment: fixed;
  background-image: url(/images/landing-pages/endeavour-banner-2-min.jpg);
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

#endeavour-paralax-sec .endeavour-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.7);
  padding-top: 100px;
  padding-bottom: 100px;
}

#endeavour-last-form-sec {
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 1024px) {
  #endeavour-last-form-sec {
    flex-wrap: wrap;
  }
}

#endeavour-last-form-sec .endeavour-last-form-cnt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
  width: 32%;
}

@media all and (max-width: 1420px) {
  #endeavour-last-form-sec .endeavour-last-form-cnt {
    width: 52%;
  }
}

@media all and (max-width: 1024px) {
  #endeavour-last-form-sec .endeavour-last-form-cnt {
    width: 100%;
    order: 3;
  }
}

#endeavour-last-form-sec .endeavour-user-stock-one-img {
  background-color: #2e142c;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 400px;
  width: 34%;
  background-image: url(/images/landing-pages/endeavour-argyle-ale-min.jpg);
}

@media all and (max-width: 1024px) {
  #endeavour-last-form-sec .endeavour-user-stock-one-img {
    width: 50%;
  }
}

#endeavour-last-form-sec .endeavour-user-stock-two-img {
  background-color: #2e142c;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 400px;
  width: 34%;
  background-image: url(/images/landing-pages/endeavour-hops-resized-min.jpg);
}

@media all and (max-width: 1024px) {
  #endeavour-last-form-sec .endeavour-user-stock-two-img {
    width: 50%;
    order: 1;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#abs-hero-banner {
  background: url(/images/landing-pages/abs-bg-1-min.jpeg) no-repeat center;
  background-size: cover;
  width: 100%;
  height: calc(100vh - 70px);
  display: table;
  position: relative;
}

@media all and (max-width: 1024px) {
  #abs-hero-banner {
    height: 0;
  }
}

#abs-hero-banner .abs-hero-layer {
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: calc(100vh - 70px);
  display: table;
  padding: 70px 0;
}

@media all and (max-width: 1440px) {
  #abs-hero-banner .abs-hero-layer {
    padding: 20px 0;
  }
}

@media all and (max-width: 1024px) {
  #abs-hero-banner .abs-hero-layer {
    padding: 140px 0;
  }
}

@media all and (max-width: 500px) {
  #abs-hero-banner .abs-hero-layer {
    padding: 0;
  }
}

#abs-hero-banner .abs-hero-layer .abs-logo {
  margin-bottom: 20px;
  width: 300px;
}

@media all and (max-width: 1440px) {
  #abs-hero-banner .abs-hero-layer .abs-logo {
    width: 230px;
    margin-top: 20px;
  }
}

@media all and (max-width: 500px) {
  #abs-hero-banner .abs-hero-layer .abs-logo {
    width: 160px;
  }
}

#abs-hero-banner .abs-hero-title {
  font-family: 'latoregular';
  font-size: 36px;
  margin-bottom: 10px;
  line-height: 2.7rem;
}

@media all and (max-width: 1440px) {
  #abs-hero-banner .abs-hero-title {
    font-size: 27px;
  }
}

@media all and (max-width: 768px) {
  #abs-hero-banner .abs-hero-title {
    font-size: 22px;
    line-height: 2rem;
    margin-bottom: 0;
  }
}

#abs-quote-sec {
  background: url(/images/landing-pages/abs-background_still-min.png) no-repeat;
  background-size: contain;
  background-position: 100% 100%;
  padding: 140px 0;
}

@media all and (max-width: 500px) {
  #abs-quote-sec {
    padding: 70px 0;
  }
}

#abs-quote-sec .abs-quote-header {
  font-size: 48px;
  line-height: 1.1;
  color: #bca090;
  margin: 0 0 20px 0;
}

@media all and (max-width: 500px) {
  #abs-quote-sec .abs-quote-header {
    font-size: 30px;
  }
}

#abs-quote-sec .abs-quote-subheader {
  font-size: 28px;
  line-height: 1.4;
  color: #bca090;
  margin-bottom: 40px;
}

@media all and (max-width: 500px) {
  #abs-quote-sec .abs-quote-subheader {
    font-size: 20px;
  }
}

#abs-quote-sec .abs-quote-info {
  font-size: 20px;
  line-height: 1.5;
  color: #bca090;
  margin-bottom: 20px;
}

@media all and (max-width: 500px) {
  #abs-quote-sec .abs-quote-info {
    font-size: 17px;
  }
}

#abs-quote-sec .abs-border-left {
  border-left: 1px solid #423a35;
  padding-left: 90px;
}

@media all and (max-width: 1024px) {
  #abs-quote-sec .abs-border-left {
    padding-left: 20px;
  }
}

#abs-first-carousel {
  background: url(/images/landing-pages/abs-bg-2-min.jpeg) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
  min-height: 50vh;
}

@media all and (max-width: 1024px) {
  #abs-first-carousel {
    min-height: 30vh;
  }
}

@media all and (max-width: 768px) {
  #abs-first-carousel {
    background-attachment: initial;
  }
}

#abs-about-sec {
  background: url(/images/landing-pages/home-restaurant-bg-min.png) no-repeat;
  background-color: #fff;
  background-position: 100% 100%;
  background-size: cover;
  padding: 140px 0;
}

@media all and (max-width: 500px) {
  #abs-about-sec {
    padding: 70px 0;
  }
}

#abs-about-sec .abs-bottlelineup-img {
  width: 100%;
  margin-bottom: 50px;
}

#abs-about-sec .abs-fisrt-info-row {
  margin-bottom: 80px;
}

@media all and (max-width: 1024px) {
  #abs-about-sec .abs-fisrt-info-row {
    margin-bottom: 0;
  }
}

#abs-about-equitise-carousel {
  background: url(/images/landing-pages/abs-bg-3-min.jpeg) no-repeat center;
  background-attachment: fixed;
  width: 100%;
  background-size: cover;
  position: relative;
}

@media all and (max-width: 768px) {
  #abs-about-equitise-carousel {
    background-attachment: initial;
    background-position: 20%;
  }
}

#abs-about-equitise-carousel .abs-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.5);
  padding-top: 70px;
  padding-bottom: 70px;
}

#abs-last-form-sec {
  background: #1d1d1d;
  padding-top: 70px;
  padding-bottom: 70px;
}

.abs-text-color {
  color: #bca090;
}

.abs-text-darker-color {
  color: #232222;
}

.abs-button-style {
  background-color: #8a7468;
  border: 1px solid #8a7468;
  transition: .5s;
}

.abs-button-style:hover {
  background-color: #372f2c;
  border: 1px solid #372f2c;
}

.abs-link {
  color: #8a7468;
  text-decoration: underline;
}

.abs-link:hover {
  text-decoration: underline;
  color: #372f2c;
}

.abs-white-link {
  color: #fff;
  text-decoration: underline;
}

.abs-white-link:hover {
  color: #8a7468;
  text-decoration: underline;
}

.abs-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 1200px) {
  .abs-flex-center {
    display: block;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
.booktopia-link {
  color: #009a3e;
  text-decoration: none;
}

.booktopia-link:hover {
  color: #333;
}

.booktopia-button-style {
  background-color: #009a3e;
  border: none;
  transition: .5s;
}

.booktopia-button-style:hover {
  background: linear-gradient(to bottom, #009a3e 0%, #075f20 100%);
  transition: .5s;
}

.booktopia-view-offer-btn {
  border-radius: 4px;
  height: 49px;
  width: 200px;
  background-color: #009a3e;
  border: 1px solid #009a3e;
  color: #fff;
  transition: all 0.5s ease;
  animation: bounce 3s;
}

.booktopia-view-offer-btn:hover {
  background: linear-gradient(to bottom, #009a3e 0%, #075f20 100%);
  transition: .5s;
}

.booktopia-1-half-img {
  background: url(/images/landing-pages/booktopia-sec-1.JPG) no-repeat center;
  background-size: cover;
  background-color: #009a3e;
  background-size: cover;
  height: 500px;
  background-position: right;
}

@media all and (max-width: 1549px) {
  .booktopia-1-half-img {
    height: 600px;
  }
}

.booktopia-1-content {
  padding: 0 50px;
}

@media all and (max-width: 1200px) {
  .booktopia-1-content {
    padding: 50px 30px 0;
  }
}

@media all and (max-width: 600px) {
  .booktopia-1-content {
    padding: 50px 15px 0;
  }
}

.booktopia-2-content {
  padding: 0 50px;
}

@media all and (max-width: 1200px) {
  .booktopia-2-content {
    padding: 0 30px 50px;
  }
}

@media all and (max-width: 600px) {
  .booktopia-2-content {
    padding: 0 15px 50px;
  }
}

.booktopia-2-half-img {
  background: url(/images/landing-pages/booktopia-sec-2.JPG) no-repeat center;
  background-size: cover;
  background-color: #009a3e;
  background-size: cover;
  height: 500px;
  background-position: right;
}

@media all and (max-width: 1549px) {
  .booktopia-2-half-img {
    height: 600px;
  }
}

#booktopia-paralax-sec {
  background-attachment: fixed;
  background-color: #075f20;
  background-image: url(/images/landing-pages/booktopia-warehouse.JPG);
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

@media all and (max-width: 1024px) {
  #booktopia-paralax-sec {
    background-attachment: initial;
  }
}

#booktopia-paralax-sec .booktopia-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.7);
  padding-top: 100px;
  padding-bottom: 100px;
}

@media all and (max-width: 600px) {
  #booktopia-paralax-sec .booktopia-paralax-layer {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

#booktopia-hero-video {
  position: relative;
  height: calc(100vh - 70px);
  width: 100%;
  overflow: hidden;
  display: table;
}

.booktopia-hero-video-cnt {
  position: relative;
  display: table;
  width: 100%;
  height: calc( 100vh - 70px);
  padding: 10% 0;
  background-color: rgba(1, 1, 1, 0.7);
}

@media all and (max-width: 1024px) {
  .booktopia-hero-video-cnt {
    padding-top: 30%;
  }
}

@media all and (max-width: 600px) {
  .booktopia-hero-video-cnt {
    padding-top: 10%;
  }
}

.booktopia-video {
  box-sizing: border-box;
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  width: 177.77777778vh;
}

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

@media all and (max-width: 600px) {
  .booktopia-logo {
    width: 270px;
    margin-bottom: 30px;
  }
}

.booktopia-rc-all-video-cnt {
  padding-top: 70px;
}

@media all and (max-width: 600px) {
  .booktopia-rc-all-video-cnt {
    padding-top: 20px;
  }
}

.booktopia-video-card {
  margin-top: 30px;
  position: relative;
  box-shadow: 0 10px 27px 4px rgba(0, 0, 0, 0.15);
  border: 1px solid #ebebeb;
}

#booktopia-resource-center-hero-banner {
  background: url(/images/landing-pages/booktopia-hero-resource-center.jpg) no-repeat center;
  background-size: cover;
  height: 369px;
  width: 100%;
  display: table;
  position: relative;
}

@media all and (max-width: 600px) {
  #booktopia-resource-center-hero-banner {
    background-image: url(/images/landing-pages/booktopia-hero-resource-center-sm.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 219px;
  }
}

#booktopia-resource-center-hero-banner .booktopia-rc-hero-layer {
  background-color: rgba(1, 1, 1, 0.65);
  width: 100%;
  height: 369px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 600px) {
  #booktopia-resource-center-hero-banner .booktopia-rc-hero-layer {
    height: 100%;
    padding: 20px;
  }
}

#booktopia-resource-center-hero-banner .booktopia-rc-hero-layer .booktopia-rc-hero-title {
  font-size: 3rem;
  font-family: latoregular;
  line-height: 34px;
  margin-bottom: 1.5rem;
}

@media all and (max-width: 600px) {
  #booktopia-resource-center-hero-banner .booktopia-rc-hero-layer .booktopia-rc-hero-title {
    font-size: 2rem;
  }
}

#booktopia-resource-center-hero-banner .booktopia-rc-hero-layer .booktopia-rc-hero-subtitle {
  font-size: 1.5rem;
}

@media all and (max-width: 600px) {
  #booktopia-resource-center-hero-banner .booktopia-rc-hero-layer .booktopia-rc-hero-subtitle {
    font-size: 1.25rem;
  }
}

.booktopia-video-card-content {
  border-top: 1px solid #ebebeb;
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

#view-offer-btn-cnt {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 0 40px;
}

.booktopia-event-header {
  padding: 70px 25px;
  text-align: center;
  font-size: 22px;
  line-height: 34px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#lp-3-sec-2 .lp-3-sec-2-align-center, #lp-3-sec-6 .lp-3-sec-6-video-bk {
  display: flex;
  align-items: center;
  justify-content: center;
}

#lp-hero-banner, #lp-1-sec-2 .lp-1-sec-2-img, #lp-1-sec-3 .lp-1-sec-3-img, #lp-2-sec-1 .lp-2-sec-1-half-img, #lp-3-sec-6 .lp-3-sec-6-video-bk {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.mn-landing-page-content {
  width: 100%;
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media all and (max-width: 1024px) {
  .mn-landing-page-content {
    text-align: center;
  }
}

.mn-p-width {
  max-width: 780px;
  margin: auto;
}

.mn-landing-page-content-container {
  padding-top: 50px;
  padding-bottom: 50px;
  height: 700px;
}

.mn-small-risk-warning-note {
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  max-width: 391px;
  display: block;
  margin: 20px auto;
}

@media all and (max-width: 1024px) {
  .mn-small-risk-warning-note {
    text-align: center;
  }
}

@media all and (max-width: 320px) {
  .mn-small-risk-warning-note {
    font-size: 13px;
  }
}

.mn-landing-page-laptop {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-top: 34px;
}

.mn-landing-page-laptop .mn-landing-page-screen {
  box-sizing: border-box;
  background: url(/images/laptop-mockup-sm.png) center center no-repeat;
  background-size: contain;
  padding: 9.4% 11.9% 12.8%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
  .mn-landing-page-laptop .mn-landing-page-screen {
    padding-top: 10.4%;
  }
}

@media all and (max-width: 736px) {
  .mn-landing-page-laptop .mn-landing-page-screen {
    padding-top: 11.9%;
  }
}

.my-return-thanks-registering {
  text-align: center;
  font-family: 'latoregular';
  font-size: 40px;
  margin-bottom: 34px;
}

@media all and (max-width: 736px) {
  .my-return-thanks-registering {
    font-size: 28px;
  }
}

@media all and (max-width: 320px) {
  .my-return-thanks-registering {
    font-size: 24px;
  }
}

.my-return-message-subscription {
  line-height: 35px;
  font-family: 'latolight';
  font-size: 20px;
  text-align: center;
  max-width: 780px;
  margin: auto;
  line-height: 1.5;
}

@media all and (max-width: 600px) {
  .my-return-message-subscription {
    font-size: 19px;
  }
}

.mn-justify-content {
  align-items: center;
  justify-content: center;
  display: flex;
}

.landing-page-flex-center {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landing-page-form-field {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 410px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.landing-page-form-field .landing-page-form-name {
  padding: 10px;
  border-radius: 4px;
  margin-right: 20px;
  font-weight: 400;
  height: 50px;
  border: none;
  margin-bottom: 10px;
  width: 192px;
}

@media all and (max-width: 736px) {
  .landing-page-form-field .landing-page-form-name {
    width: 105px;
  }
}

@media all and (max-width: 320px) {
  .landing-page-form-field .landing-page-form-name {
    width: 95px;
  }
}

.landing-page-form-field .landing-page-form-email {
  padding: 10px;
  border-radius: 4px;
  font-weight: 400;
  height: 50px;
  border: none;
  margin-bottom: 10px;
  width: 197px;
}

@media all and (max-width: 320px) {
  .landing-page-form-field .landing-page-form-email {
    width: 175px;
  }
}

.landing-page-form-field .hidden {
  display: none;
}

.landing-page-form-field .landing-page-form-register {
  width: 100%;
  color: white;
  margin-bottom: 20px;
  border-radius: 4px;
  height: 49px;
  font-size: 18px;
  font-family: latoregular;
}

@media all and (max-width: 736px) {
  .landing-page-form-field .landing-page-form-register {
    width: 324px;
  }
}

@media all and (max-width: 320px) {
  .landing-page-form-field .landing-page-form-register {
    width: 100%;
  }
}

.landing-page-form-field .landingpage-button-border {
  background-color: transparent;
  color: white;
  border: 1px solid #e8e8e8;
}

.landing-page-form-field .landingpage-button-border-black {
  background-color: transparent;
  color: white;
  border: 1px solid #333;
}

.landing-page-title-width {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.landing-page-register-title {
  font-family: latolight;
  font-size: 36px;
  margin-bottom: 34px;
  line-height: 2.7rem;
}

@media all and (max-width: 736px) {
  .landing-page-register-title {
    font-size: 28px;
  }
}

.input-border-black {
  border: 1px solid rgba(1, 1, 1, 0.2) !important;
}

.register-form-last-has-3 {
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 1024px) {
  .register-form-last-has-3 {
    flex-wrap: wrap;
  }
}

.register-form-last-has-3 .img-sec-1 {
  background-size: cover;
  width: 34%;
  height: 460px;
}

@media all and (max-width: 1024px) {
  .register-form-last-has-3 .img-sec-1 {
    width: 50%;
  }
}

@media all and (max-width: 600px) {
  .register-form-last-has-3 .img-sec-1 {
    height: 180;
  }
}

.register-form-last-has-3 .form-sec-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 460px;
  width: 32%;
}

@media all and (max-width: 1420px) {
  .register-form-last-has-3 .form-sec-2 {
    width: 52%;
  }
}

@media all and (max-width: 1024px) {
  .register-form-last-has-3 .form-sec-2 {
    width: 100%;
    order: 3;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.register-form-last-has-3 .img-sec-3 {
  background-size: cover;
  height: 460px;
  width: 34%;
}

@media all and (max-width: 1024px) {
  .register-form-last-has-3 .img-sec-3 {
    width: 50%;
    order: 1;
  }
}

.register-form-last-has-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #075f20;
  padding: 100px 0;
}

@media all and (max-width: 600px) {
  .register-form-last-has-1 {
    padding: 50px 0;
  }
}

.register-form-last-has-1 .form-sec {
  max-width: 600px;
}

.lp-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 1024px) {
  .lp-flex-center {
    display: block;
    margin: auto;
    text-align: center;
  }
}

.view-offer-btn {
  border-radius: 4px;
  height: 49px;
  width: 200px;
  transition: all 0.5s ease;
  animation: bounce 3s;
}

.lp-hero-title {
  font-family: 'latoregular';
  margin-bottom: 34px;
  line-height: 2.7rem;
  font-size: 40px;
  padding: 0 15px;
}

@media all and (max-width: 1440px) {
  .lp-hero-title {
    font-size: 38px;
  }
}

@media all and (max-width: 600px) {
  .lp-hero-title {
    font-size: 32px;
    margin-bottom: 10px;
  }
}

.lp-title-register {
  font-family: 'latolight';
  margin-bottom: 34px;
  line-height: 2.7rem;
  font-size: 36px;
  padding: 0 15px;
}

@media all and (max-width: 1440px) {
  .lp-title-register {
    font-size: 32px;
  }
}

@media all and (max-width: 600px) {
  .lp-title-register {
    font-size: 28px;
  }
}

#lp-hero-banner {
  background-image: url("");
  height: calc(100vh - 70px);
  width: 100%;
  background-color: #b7b7b7;
  display: table;
}

@media all and (max-width: 600px) {
  #lp-hero-banner {
    background-image: url("");
  }
}

#lp-hero-banner #lp-hero-banner-layer {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  padding: 50px 0;
  display: flex;
  align-items: center;
  height: calc(100vh - 70px);
  padding: 0;
}

#lp-hero-banner #lp-hero-banner-layer .lp-logo {
  margin-bottom: 40px;
  width: 300px;
}

@media all and (max-width: 500px) {
  #lp-hero-banner #lp-hero-banner-layer .lp-logo {
    width: 250px;
  }
}

#lp-hero-banner #lp-hero-banner-layer .lp-hero-title-width {
  max-width: 600px;
  margin: 0 auto 40px;
}

.lp-button-style {
  background-color: #469edc;
  color: #fff;
  transition: all 300ms ease;
}

.lp-button-style:hover {
  background-color: #469edc;
  color: #fff;
  opacity: .8;
}

.lp-link {
  color: #469edc;
}

.lp-link:hover {
  color: #469edc;
  text-decoration: underline;
}

#lp-1-sec-1 {
  padding: 60px 0;
}

#lp-1-sec-1 .lp-1-sec-1-header {
  color: #333;
  font-size: 40px;
  letter-spacing: -0.91px;
  line-height: 1.2;
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 60px;
}

@media all and (max-width: 1200px) {
  #lp-1-sec-1 .lp-1-sec-1-header {
    text-align: center;
  }
}

@media all and (max-width: 768px) {
  #lp-1-sec-1 .lp-1-sec-1-header {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #lp-1-sec-1 .lp-1-sec-1-header {
    font-size: 26px;
  }
}

#lp-1-sec-1 .lp-1-sec-1-copy {
  color: #333;
  font-size: 18px;
  letter-spacing: -0.41px;
  line-height: 1.5;
  margin-bottom: 65px;
}

#lp-1-sec-1 .lp-1-sec-1-stats-cnt {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 44px;
}

#lp-1-sec-1 .lp-1-sec-1-stats-cnt .lp-1-sec-1-stats-circle {
  width: 122px;
  height: 122px;
  margin: 0 auto 40px;
  background-color: #fff;
  border-radius: 100%;
}

#lp-1-sec-1 .lp-1-sec-1-stats-cnt .lp-1-sec-1-stats-header {
  color: #fff;
  font-size: 40px;
  letter-spacing: -0.91px;
  line-height: 1.2;
  margin-bottom: 42px;
}

@media all and (max-width: 768px) {
  #lp-1-sec-1 .lp-1-sec-1-stats-cnt .lp-1-sec-1-stats-header {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #lp-1-sec-1 .lp-1-sec-1-stats-cnt .lp-1-sec-1-stats-header {
    font-size: 26px;
  }
}

#lp-1-sec-1 .lp-1-sec-1-stats-cnt .lp-1-sec-1-stats-copy {
  letter-spacing: -0.41px;
  line-height: 1.4;
  color: #fff;
  max-width: 300px;
  margin: 0 auto;
}

@media all and (max-width: 1200px) {
  #lp-1-sec-1 .lp-1-sec-1-stats-cnt .lp-1-sec-1-stats-copy {
    margin-bottom: 40px;
  }
}

#lp-1-sec-2 {
  padding: 30px 0 60px;
}

@media all and (max-width: 1200px) {
  #lp-1-sec-2 {
    padding: 60px 0;
  }
}

@media all and (max-width: 768px) {
  #lp-1-sec-2 {
    padding: 0 0 60px;
  }
}

#lp-1-sec-2 .lp-1-sec-2-img {
  margin: 0 0 40px;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 309px;
}

#lp-1-sec-2 .lp-1-sec-2-img .img-1 {
  background-image: url("");
}

#lp-1-sec-2 .lp-1-sec-2-img .img-2 {
  background-image: url("");
}

#lp-1-sec-2 .lp-1-sec-2-img {
  margin-bottom: 40px;
}

@media all and (max-width: 1200px) {
  #lp-1-sec-2 .lp-1-sec-2-left-col-cnt {
    margin-bottom: 60px;
  }
}

.lp-content {
  width: 100%;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media all and (max-width: 1200px) {
  .lp-content {
    text-align: center;
  }
}

#lp-1-sec-3 {
  padding: 0 0 60px;
}

#lp-1-sec-3 .lp-1-sec-3-img {
  margin-bottom: 40px;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 500px;
  background-image: url("");
}

#lp-paralax-sec {
  background-attachment: fixed;
  background-image: url("");
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
  background-color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 600px) {
  #lp-paralax-sec {
    background-image: url("");
  }
}

@media all and (max-width: 768px) {
  #lp-paralax-sec {
    background-attachment: initial;
  }
}

#lp-paralax-sec .lp-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.4);
  padding-top: 100px;
  padding-bottom: 100px;
}

@media all and (max-width: 1200px) {
  #lp-paralax-sec .lp-paralax-layer {
    padding: 60px 0;
  }
}

#lp-last-form-cnt {
  padding: 60px 0;
}

#lp-last-form-cnt .lp-bottom-link {
  color: #469edc;
}

#lp-last-form-cnt .lp-bottom-link:hover {
  color: #469edc;
  text-decoration: underline;
}

#lp-last-form-cnt .lp-bottom-button-style {
  background-color: #469edc;
  color: #fff;
  transition: all 300ms ease;
}

#lp-last-form-cnt .lp-bottom-button-style:hover {
  background-color: #469edc;
  color: #fff;
  opacity: .8;
}

#lp-2-sec-1 .lp-2-sec-1-half-img-cnt {
  padding: 0;
}

#lp-2-sec-1 .lp-2-sec-1-half-img {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 700px;
  display: table;
  background-image: url("");
}

@media all and (max-width: 1200px) {
  #lp-2-sec-1 .lp-2-sec-1-half-img {
    height: 350px;
  }
}

#lp-2-sec-1 .lp-2-sec-1-content-cnt {
  width: 100%;
  height: 700px;
  max-width: 780px;
  margin: auto;
  padding: 6%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 1200px) {
  #lp-2-sec-1 .lp-2-sec-1-content-cnt {
    max-width: 100%;
    padding: 60px 0;
    height: 100%;
  }
}

@media all and (max-width: 1200px) {
  #lp-2-sec-1 .lp-2-sec-1-change-order {
    display: flex;
    flex-direction: column;
  }
}

@media all and (max-width: 1200px) {
  #lp-2-sec-1 .lp-2-sec-1-change-order .lp-2-sec-1-order-1 {
    order: 1;
  }
}

@media all and (max-width: 1200px) {
  #lp-2-sec-1 .lp-2-sec-1-change-order .lp-2-sec-1-order-0 {
    order: 0;
  }
}

#lp-3-sec-1 {
  padding: 60px 0;
}

#lp-3-sec-1 .lp-3-sec-1-header {
  color: #333;
  font-size: 40px;
  letter-spacing: -0.91px;
  line-height: 1.2;
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
}

@media all and (max-width: 1200px) {
  #lp-3-sec-1 .lp-3-sec-1-header {
    text-align: center;
  }
}

@media all and (max-width: 768px) {
  #lp-3-sec-1 .lp-3-sec-1-header {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #lp-3-sec-1 .lp-3-sec-1-header {
    font-size: 26px;
  }
}

#lp-3-sec-2 {
  background-color: rgba(0, 0, 0, 0.6);
  height: 430px;
  position: relative;
}

@media all and (max-width: 1200px) {
  #lp-3-sec-2 {
    height: initial;
    padding: 60px 0;
  }
}

@media all and (max-width: 1200px) {
  #lp-3-sec-2 .lp-3-sec-2-align-center {
    flex-direction: column;
  }
}

#lp-3-sec-2 .lp-3-sec-2-header {
  font-size: 35px;
  letter-spacing: -0.8px;
  color: #fff;
  margin-bottom: 20px;
}

@media all and (max-width: 768px) {
  #lp-3-sec-2 .lp-3-sec-2-header {
    font-size: 30px;
  }
}

#lp-3-sec-2 .lp-3-sec-2-subheader {
  font-size: 21px;
  letter-spacing: -0.8px;
  color: #fff;
  line-height: 1.5;
  margin: auto;
  max-width: 639px;
}

@media all and (max-width: 1024px) {
  #lp-3-sec-2 .lp-3-sec-2-subheader {
    margin: 0 auto 40px;
  }
}

#lp-3-sec-2 .lp-3-sec-2-img-cnt {
  background-color: #cbcbcb;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 430px;
}

#lp-3-sec-3 {
  padding: 60px 0;
}

#lp-3-sec-4 .lp-3-sec-4-img {
  margin-bottom: 40px;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 500px;
  background-image: url("");
}

@media all and (max-width: 1200px) {
  #lp-3-sec-4 .lp-3-sec-4-img {
    margin-bottom: 0;
  }
}

@media all and (max-width: 768px) {
  #lp-3-sec-4 .lp-3-sec-4-img {
    height: 210px;
  }
}

#lp-3-sec-5 {
  padding: 60px 0;
}

#lp-3-sec-5 .lp-3-sec-5-stats-circle {
  width: 122px;
  height: 122px;
  margin: 0 auto 40px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 100%;
  padding: 26px 10px 24px 10px;
}

#lp-3-sec-5 .lp-3-sec-5-stats-copy {
  letter-spacing: -0.41px;
  line-height: 1.4;
  color: #333;
}

@media all and (max-width: 767px) {
  #lp-3-sec-5 .lp-3-sec-5-stats-copy {
    margin-bottom: 40px;
  }
}

#lp-3-sec-6 {
  padding: 60px 0;
}

@media all and (max-width: 1200px) {
  #lp-3-sec-6 {
    padding: 0 0 60px;
  }
}

#lp-3-sec-6 .lp-3-sec-6-video-bk {
  background-image: url("");
  background-color: rgba(0, 0, 0, 0.6);
  height: 440px;
}

@media all and (max-width: 767px) {
  #lp-3-sec-6 .lp-3-sec-6-video-bk {
    height: 210px;
  }
}

#lp-3-sec-6 .lp-3-sec-6-video-bk .lp-3-sec-6-video-info-cnt {
  z-index: 1;
}

#lp-3-sec-6 .lp-3-sec-6-video-bk .lp-3-sec-6-video-btn {
  border: 1px solid #fff;
  color: #fff;
  padding: 10px 20px;
  transition: .3s;
  width: 120px;
  text-align: center;
}

#lp-3-sec-6 .lp-3-sec-6-content-cnt {
  padding: 0 50px;
}

@media all and (max-width: 1200px) {
  #lp-3-sec-6 .lp-3-sec-6-content-cnt {
    padding: 0;
    margin-top: 60px;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#rhinohide-top-banner #rhinohide-top-banner-layer, #rhinohide-last-form-sec .rhinohide-last-form-sec-2, #rhinohide-story-sec .rhinohide-video-bk, #rhinohide-story-sec .rhinohide-story-bk, #rhinohide-market-sec .rhinohide-market-bk {
  display: flex;
  align-items: center;
  justify-content: center;
}

#rhinohide-top-banner, #rhinohide-last-form-sec .rhinohide-last-form-sec-1, #rhinohide-last-form-sec .rhinohide-last-form-sec-3, #rhinohide-story-sec .rhinohide-video-bk, #rhinohide-story-sec .rhinohide-story-bk, #rhinohide-market-sec .rhinohide-market-bk {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#rhinohide-top-banner {
  background-image: url("/images/landing-pages/banners/rhinohide-top-banner.jpg");
  height: calc(100vh - 70px);
  width: 100%;
  background-color: #000;
  display: table;
}

@media all and (max-width: 600px) {
  #rhinohide-top-banner {
    background-image: url("/images/landing-pages/banners/rhinohide-top-banner-mobile.jpg");
  }
}

#rhinohide-top-banner #rhinohide-top-banner-layer {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  padding: 50px 0;
}

#rhinohide-top-banner #rhinohide-top-banner-layer .rhinohide-logo {
  margin-bottom: 40px;
  width: 400px;
}

@media all and (max-width: 500px) {
  #rhinohide-top-banner #rhinohide-top-banner-layer .rhinohide-logo {
    width: 250px;
  }
}

.rhinohide-view-offer-btn {
  border-radius: 4px;
  height: 52px;
  width: 250px;
  background-color: #af3e19;
  border: 1px solid #af3e19;
  color: #fff;
  font-size: 20px;
  /* transition: all 0.5s ease;
  animation: bounce 1.5s; */
}

#rhinohide-paralax-sec {
  background-attachment: fixed;
  background-image: url("/images/landing-pages/banners/rhinohide-parallax-banner.jpg");
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

@media all and (max-width: 600px) {
  #rhinohide-paralax-sec {
    background-image: url("/images/landing-pages/banners/rhinohide-parallax-banner-mobile.jpg");
  }
}

#rhinohide-paralax-sec .rhinohide-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.7);
  padding-top: 100px;
  padding-bottom: 100px;
}

#rhinohide-last-form-sec {
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 1024px) {
  #rhinohide-last-form-sec {
    flex-wrap: wrap;
  }
}

#rhinohide-last-form-sec .rhinohide-last-form-sec-1 {
  background-color: #000;
  height: 400px;
  width: 34%;
  background-image: url("/images/landing-pages/banners/rhinohide-exploring-WA-coast-563x350.jpg");
}

@media all and (max-width: 1024px) {
  #rhinohide-last-form-sec .rhinohide-last-form-sec-1 {
    width: 50%;
  }
}

@media all and (max-width: 500px) {
  #rhinohide-last-form-sec .rhinohide-last-form-sec-1 {
    height: 180px;
  }
}

#rhinohide-last-form-sec .rhinohide-last-form-sec-2 {
  height: 400px;
  width: 32%;
  padding: 10px;
}

@media all and (max-width: 1420px) {
  #rhinohide-last-form-sec .rhinohide-last-form-sec-2 {
    width: 52%;
  }
}

@media all and (max-width: 1024px) {
  #rhinohide-last-form-sec .rhinohide-last-form-sec-2 {
    width: 100%;
    order: 3;
  }
}

#rhinohide-last-form-sec .rhinohide-last-form-sec-3 {
  background-color: #000;
  height: 400px;
  width: 34%;
  background-image: url("/images/landing-pages/banners/rhinohide-bottom-right-banner.jpg");
}

@media all and (max-width: 1024px) {
  #rhinohide-last-form-sec .rhinohide-last-form-sec-3 {
    width: 50%;
    order: 1;
  }
}

@media all and (max-width: 500px) {
  #rhinohide-last-form-sec .rhinohide-last-form-sec-3 {
    height: 180px;
  }
}

#rhinohide-intro-sec {
  padding: 60px 0;
}

#rhinohide-intro-sec .rhinohide-intro-text {
  padding: 0 20px;
}

#rhinohide-story-sec {
  padding: 60px 0;
}

@media all and (max-width: 1200px) {
  #rhinohide-story-sec {
    padding: 0;
  }
}

#rhinohide-story-sec .rhinohide-story-text {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #rhinohide-story-sec .rhinohide-story-text {
    padding: 60px 0 0;
  }
}

#rhinohide-story-sec .rhinohide-story-text-2 {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #rhinohide-story-sec .rhinohide-story-text-2 {
    padding: 0 0 60px;
  }
}

#rhinohide-story-sec .rhinohide-video-bk {
  background-image: url(/images/landing-pages/banners/rhinohide-Screen-Shot-2018-02-01-at-3.09.29-pm-535x344.png);
  height: 440px;
}

@media all and (max-width: 768px) {
  #rhinohide-story-sec .rhinohide-video-bk {
    height: 210px;
  }
}

#rhinohide-story-sec .rhinohide-video-bk .rhinohide-video-title {
  font-size: 24px;
  margin-bottom: 20px;
  font-family: latoregular;
}

#rhinohide-story-sec .rhinohide-video-bk .rhinohide-video-btn {
  border: 1px solid #fff;
  color: #fff;
  padding: 10px 20px;
  transition: .3s;
  width: 120px;
  text-align: center;
}

#rhinohide-story-sec .rhinohide-video-bk .rhinohide-video-btn:hover {
  background-color: #af3e19;
  border: 1px solid #af3e19;
}

#rhinohide-story-sec .rhinohide-video-bk .rhinohide-video-info-cnt {
  z-index: 1;
}

#rhinohide-story-sec .rhinohide-video-bk::after {
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  width: 100%;
}

#rhinohide-story-sec .rhinohide-story-bk {
  background-image: url(/images/landing-pages/banners/rhinohide-bottom-right-banner-2.jpg);
  height: 160px;
}

#rhinohide-market-sec {
  padding: 60px 0;
}

@media all and (max-width: 1200px) {
  #rhinohide-market-sec {
    padding: 0 0 60px;
  }
}

#rhinohide-market-sec .rhinohide-market-bk {
  background-image: url(/images/landing-pages/banners/rhinohide-RHD00181_SEMA_Digital_Showcase_3.jpg);
  height: 470px;
}

@media all and (max-width: 768px) {
  #rhinohide-market-sec .rhinohide-market-bk {
    height: 210px;
  }
}

#rhinohide-market-sec .rhinohide-market-text {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #rhinohide-market-sec .rhinohide-market-text {
    padding: 60px 0 0;
  }
}

.rhinohide-link {
  color: #af3e19;
}

.rhinohide-link:hover {
  color: #a43a17;
  text-decoration: underline;
}

.subscription_link_color {
  color: #af3e19;
}

.subscription_link_color:hover {
  color: #a43a17;
  text-decoration: underline;
}

.rhinohide-button-style {
  background-color: #af3e19;
  color: #fff;
  transition: all 300ms ease;
}

.rhinohide-button-style:hover {
  background-color: #af3e19;
  color: #fff;
  opacity: 0.8;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#sofispritz-last-form-sec .sofispritz-last-form-sec-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

#sofispritz-last-form-sec .sofispritz-last-form-sec-1, #sofispritz-last-form-sec .sofispritz-last-form-sec-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#sofispritz-last-form-sec {
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 1024px) {
  #sofispritz-last-form-sec {
    flex-wrap: wrap;
  }
}

#sofispritz-last-form-sec .sofispritz-last-form-sec-1 {
  background-color: #000;
  height: 400px;
  width: 34%;
  background-image: url("/images/landing-pages/sofi/ss-5.jpg");
  background-size: cover;
}

@media all and (max-width: 1024px) {
  #sofispritz-last-form-sec .sofispritz-last-form-sec-1 {
    width: 50%;
  }
}

@media all and (max-width: 500px) {
  #sofispritz-last-form-sec .sofispritz-last-form-sec-1 {
    height: 180px;
  }
}

#sofispritz-last-form-sec .sofispritz-last-form-sec-2 {
  height: 400px;
  width: 32%;
  padding: 10px;
}

@media all and (max-width: 1420px) {
  #sofispritz-last-form-sec .sofispritz-last-form-sec-2 {
    width: 52%;
  }
}

@media all and (max-width: 1024px) {
  #sofispritz-last-form-sec .sofispritz-last-form-sec-2 {
    width: 100%;
    order: 3;
  }
}

#sofispritz-last-form-sec .sofispritz-last-form-sec-3 {
  background-color: #000;
  height: 400px;
  width: 34%;
  background-image: url("/images/landing-pages/sofi/ss-4.jpg");
}

@media all and (max-width: 1024px) {
  #sofispritz-last-form-sec .sofispritz-last-form-sec-3 {
    width: 50%;
    order: 1;
  }
}

@media all and (max-width: 500px) {
  #sofispritz-last-form-sec .sofispritz-last-form-sec-3 {
    height: 180px;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#urbotanica-last-form-sec .urbotanica-last-form-sec-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

#urbotanica-last-form-sec .urbotanica-last-form-sec-1, #urbotanica-last-form-sec .urbotanica-last-form-sec-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#urbotanica-last-form-sec {
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 1024px) {
  #urbotanica-last-form-sec {
    flex-wrap: wrap;
  }
}

#urbotanica-last-form-sec .urbotanica-last-form-sec-1 {
  background-color: #000;
  height: 400px;
  width: 34%;
  background-image: url("/images/landing-pages/urbotanica/plant.png");
}

@media all and (max-width: 1024px) {
  #urbotanica-last-form-sec .urbotanica-last-form-sec-1 {
    width: 50%;
  }
}

@media all and (max-width: 500px) {
  #urbotanica-last-form-sec .urbotanica-last-form-sec-1 {
    height: 180px;
  }
}

#urbotanica-last-form-sec .urbotanica-last-form-sec-2 {
  height: 400px;
  width: 32%;
  padding: 10px;
}

@media all and (max-width: 1420px) {
  #urbotanica-last-form-sec .urbotanica-last-form-sec-2 {
    width: 52%;
  }
}

@media all and (max-width: 1024px) {
  #urbotanica-last-form-sec .urbotanica-last-form-sec-2 {
    width: 100%;
    order: 3;
  }
}

#urbotanica-last-form-sec .urbotanica-last-form-sec-3 {
  background-color: #000;
  height: 400px;
  width: 34%;
  background-image: url("/images/landing-pages/urbotanica/herbs.jpg");
}

@media all and (max-width: 1024px) {
  #urbotanica-last-form-sec .urbotanica-last-form-sec-3 {
    width: 50%;
    order: 1;
  }
}

@media all and (max-width: 500px) {
  #urbotanica-last-form-sec .urbotanica-last-form-sec-3 {
    height: 180px;
  }
}

#urbotanica-paralax-sec {
  background-attachment: fixed;
  background-image: url("/images/landing-pages/urbotanica/urbi-dino.jpg");
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

@media all and (max-width: 600px) {
  #urbotanica-paralax-sec {
    background-image: url("/images/landing-pages/urbotanica/urbi-dino.jpg");
  }
}

#urbotanica-paralax-sec .urbotanica-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.7);
  padding-top: 100px;
  padding-bottom: 100px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#kitfit-paralax-sec {
  background-attachment: fixed;
  background-image: url("/images/landing-pages/kitfit/backgroundfooter.jpg");
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

@media all and (max-width: 600px) {
  #kitfit-paralax-sec {
    background-image: url("/images/landing-pages/kitfit/backgroundfooter.jpg");
  }
}

#kitfit-paralax-sec .kitfit-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.7);
  padding-top: 100px;
  padding-bottom: 100px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#food-to-nourish-story-sec .food-to-nourish-video-bk, #food-to-nourish-story-sec .food-to-nourish-story-bk, #food-to-nourish-market-sec .food-to-nourish-market-bk {
  display: flex;
  align-items: center;
  justify-content: center;
}

#food-to-nourish-last-form-sec .food-to-nourish-last-form-sec-1, #food-to-nourish-last-form-sec .food-to-nourish-last-form-sec-3, #food-to-nourish-story-sec .food-to-nourish-video-bk, #food-to-nourish-story-sec .food-to-nourish-story-bk, #food-to-nourish-market-sec .food-to-nourish-market-bk {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.food-to-nourish-view-offer-btn {
  border-radius: 4px;
  height: 52px;
  width: 250px;
  background-color: #af3e19;
  border: 1px solid #af3e19;
  color: #fff;
  font-size: 20px;
  /* transition: all 0.5s ease;
  animation: bounce 1.5s; */
}

#food-to-nourish-paralax-sec {
  background-attachment: fixed;
  background-image: url("/images/landing-pages/");
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

@media all and (max-width: 600px) {
  #food-to-nourish-paralax-sec {
    background-image: url("/images/landing-pages/");
  }
}

#food-to-nourish-paralax-sec .food-to-nourish-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.7);
  padding-top: 100px;
  padding-bottom: 100px;
}

#food-to-nourish-last-form-sec {
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 1024px) {
  #food-to-nourish-last-form-sec {
    flex-wrap: wrap;
  }
}

#food-to-nourish-last-form-sec .food-to-nourish-last-form-sec-1 {
  background-color: #000;
  height: 400px;
  width: 34%;
  background-image: url("/images/landing-pages/food-to-nourish/6.jpg");
}

@media all and (max-width: 1024px) {
  #food-to-nourish-last-form-sec .food-to-nourish-last-form-sec-1 {
    width: 50%;
  }
}

@media all and (max-width: 500px) {
  #food-to-nourish-last-form-sec .food-to-nourish-last-form-sec-1 {
    height: 180px;
  }
}

#food-to-nourish-last-form-sec .food-to-nourish-last-form-sec-2 {
  display: flex;
  flex-direction: column;
  align-content: center;
  height: 400px;
  width: 32%;
  padding: 10px;
}

@media all and (max-width: 1420px) {
  #food-to-nourish-last-form-sec .food-to-nourish-last-form-sec-2 {
    width: 52%;
  }
}

@media all and (max-width: 1024px) {
  #food-to-nourish-last-form-sec .food-to-nourish-last-form-sec-2 {
    width: 100%;
    order: 3;
  }
}

#food-to-nourish-last-form-sec .food-to-nourish-last-form-sec-3 {
  background-color: #000;
  height: 400px;
  width: 34%;
  background-image: url("/images/landing-pages/food-to-nourish/7.jpg");
}

@media all and (max-width: 1024px) {
  #food-to-nourish-last-form-sec .food-to-nourish-last-form-sec-3 {
    width: 50%;
    order: 1;
  }
}

@media all and (max-width: 500px) {
  #food-to-nourish-last-form-sec .food-to-nourish-last-form-sec-3 {
    height: 180px;
  }
}

#food-to-nourish-intro-sec {
  padding: 60px 0;
}

#food-to-nourish-intro-sec .food-to-nourish-intro-text {
  padding: 0 20px;
}

#food-to-nourish-story-sec {
  padding: 60px 0;
}

@media all and (max-width: 1200px) {
  #food-to-nourish-story-sec {
    padding: 0;
  }
}

#food-to-nourish-story-sec .food-to-nourish-story-text {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #food-to-nourish-story-sec .food-to-nourish-story-text {
    padding: 60px 0 0;
  }
}

#food-to-nourish-story-sec .food-to-nourish-story-text-2 {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #food-to-nourish-story-sec .food-to-nourish-story-text-2 {
    padding: 0 0 60px;
  }
}

#food-to-nourish-story-sec .food-to-nourish-video-bk {
  background-image: url(/images/landing-pages/banners/food-to-nourish-Screen-Shot-2018-02-01-at-3.09.29-pm-535x344.png);
  height: 440px;
}

@media all and (max-width: 768px) {
  #food-to-nourish-story-sec .food-to-nourish-video-bk {
    height: 210px;
  }
}

#food-to-nourish-story-sec .food-to-nourish-video-bk .food-to-nourish-video-title {
  font-size: 24px;
  margin-bottom: 20px;
  font-family: latoregular;
}

#food-to-nourish-story-sec .food-to-nourish-video-bk .food-to-nourish-video-btn {
  border: 1px solid #fff;
  color: #fff;
  padding: 10px 20px;
  transition: .3s;
  width: 120px;
  text-align: center;
}

#food-to-nourish-story-sec .food-to-nourish-video-bk .food-to-nourish-video-btn:hover {
  background-color: #af3e19;
  border: 1px solid #af3e19;
}

#food-to-nourish-story-sec .food-to-nourish-video-bk .food-to-nourish-video-info-cnt {
  z-index: 1;
}

#food-to-nourish-story-sec .food-to-nourish-video-bk::after {
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  width: 100%;
}

#food-to-nourish-story-sec .food-to-nourish-story-bk {
  background-image: url(/images/landing-pages/banners/food-to-nourish-bottom-right-banner-2.jpg);
  height: 160px;
}

#food-to-nourish-market-sec {
  padding: 60px 0;
}

@media all and (max-width: 1200px) {
  #food-to-nourish-market-sec {
    padding: 0 0 60px;
  }
}

#food-to-nourish-market-sec .food-to-nourish-market-bk {
  background-image: url(/images/landing-pages/banners/food-to-nourish-RHD00181_SEMA_Digital_Showcase_3.jpg);
  height: 470px;
}

@media all and (max-width: 768px) {
  #food-to-nourish-market-sec .food-to-nourish-market-bk {
    height: 210px;
  }
}

#food-to-nourish-market-sec .food-to-nourish-market-text {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #food-to-nourish-market-sec .food-to-nourish-market-text {
    padding: 60px 0 0;
  }
}

.food-to-nourish-link {
  color: #af3e19;
}

.food-to-nourish-link:hover {
  color: #a43a17;
  text-decoration: underline;
}

.subscription_link_color {
  color: #af3e19;
}

.subscription_link_color:hover {
  color: #a43a17;
  text-decoration: underline;
}

.food-to-nourish-button-style {
  background-color: #af3e19;
  color: #fff;
  transition: all 300ms ease;
}

.food-to-nourish-button-style:hover {
  background-color: #af3e19;
  color: #fff;
  opacity: 0.8;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#plastiq-story-sec .plastiq-video-bk, #plastiq-story-sec .plastiq-story-bk, #plastiq-market-sec .plastiq-market-bk {
  display: flex;
  align-items: center;
  justify-content: center;
}

#plastiq-last-form-sec .plastiq-last-form-sec-1, #plastiq-last-form-sec .plastiq-last-form-sec-3, #plastiq-story-sec .plastiq-video-bk, #plastiq-story-sec .plastiq-story-bk, #plastiq-market-sec .plastiq-market-bk {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.plastiq-view-offer-btn {
  border-radius: 4px;
  height: 52px;
  width: 250px;
  background-color: #af3e19;
  border: 1px solid #af3e19;
  color: #fff;
  font-size: 20px;
  /* transition: all 0.5s ease;
  animation: bounce 1.5s; */
}

#plastiq-paralax-sec {
  background-attachment: fixed;
  background-image: url("/images/landing-pages/");
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

@media all and (max-width: 600px) {
  #plastiq-paralax-sec {
    background-image: url("/images/landing-pages/");
  }
}

#plastiq-paralax-sec .plastiq-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.7);
  padding-top: 100px;
  padding-bottom: 100px;
}

#plastiq-last-form-sec {
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 1024px) {
  #plastiq-last-form-sec {
    flex-wrap: wrap;
  }
}

#plastiq-last-form-sec .plastiq-last-form-sec-1 {
  background-color: #000;
  height: 400px;
  width: 34%;
  background-image: url("/images/landing-pages/plastiq/4.jpg");
}

@media all and (max-width: 1024px) {
  #plastiq-last-form-sec .plastiq-last-form-sec-1 {
    width: 50%;
  }
}

@media all and (max-width: 500px) {
  #plastiq-last-form-sec .plastiq-last-form-sec-1 {
    height: 180px;
  }
}

#plastiq-last-form-sec .plastiq-last-form-sec-2 {
  display: flex;
  flex-direction: column;
  align-content: center;
  height: 400px;
  width: 32%;
  padding: 20px 10px 10px 10px;
}

@media all and (max-width: 1420px) {
  #plastiq-last-form-sec .plastiq-last-form-sec-2 {
    width: 52%;
  }
}

@media all and (max-width: 1024px) {
  #plastiq-last-form-sec .plastiq-last-form-sec-2 {
    width: 100%;
    order: 3;
  }
}

#plastiq-last-form-sec .plastiq-last-form-sec-3 {
  background-color: #000;
  height: 400px;
  width: 34%;
  background-image: url("/images/landing-pages/plastiq/3.jpg");
}

@media all and (max-width: 1024px) {
  #plastiq-last-form-sec .plastiq-last-form-sec-3 {
    width: 50%;
    order: 1;
  }
}

@media all and (max-width: 500px) {
  #plastiq-last-form-sec .plastiq-last-form-sec-3 {
    height: 180px;
  }
}

#plastiq-intro-sec {
  padding: 60px 0;
}

#plastiq-intro-sec .plastiq-intro-text {
  padding: 0 20px;
}

#plastiq-story-sec {
  padding: 60px 0;
}

@media all and (max-width: 1200px) {
  #plastiq-story-sec {
    padding: 0;
  }
}

#plastiq-story-sec .plastiq-story-text {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #plastiq-story-sec .plastiq-story-text {
    padding: 60px 0 0;
  }
}

#plastiq-story-sec .plastiq-story-text-2 {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #plastiq-story-sec .plastiq-story-text-2 {
    padding: 0 0 60px;
  }
}

#plastiq-story-sec .plastiq-video-bk {
  background-image: url(/images/landing-pages/plastiq/);
  height: 440px;
}

@media all and (max-width: 768px) {
  #plastiq-story-sec .plastiq-video-bk {
    height: 210px;
  }
}

#plastiq-story-sec .plastiq-video-bk .plastiq-video-title {
  font-size: 24px;
  margin-bottom: 20px;
  font-family: latoregular;
}

#plastiq-story-sec .plastiq-video-bk .plastiq-video-btn {
  border: 1px solid #fff;
  color: #fff;
  padding: 10px 20px;
  transition: .3s;
  width: 120px;
  text-align: center;
}

#plastiq-story-sec .plastiq-video-bk .plastiq-video-btn:hover {
  background-color: #af3e19;
  border: 1px solid #af3e19;
}

#plastiq-story-sec .plastiq-video-bk .plastiq-video-info-cnt {
  z-index: 1;
}

#plastiq-story-sec .plastiq-video-bk::after {
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  width: 100%;
}

#plastiq-story-sec .plastiq-story-bk {
  background-image: url(/images/landing-pages/banners/plastiq-bottom-right-banner-2.jpg);
  height: 160px;
}

#plastiq-market-sec {
  padding: 60px 0;
}

@media all and (max-width: 1200px) {
  #plastiq-market-sec {
    padding: 0 0 60px;
  }
}

#plastiq-market-sec .plastiq-market-bk {
  background-image: url(/images/landing-pages/banners/plastiq-RHD00181_SEMA_Digital_Showcase_3.jpg);
  height: 470px;
}

@media all and (max-width: 768px) {
  #plastiq-market-sec .plastiq-market-bk {
    height: 210px;
  }
}

#plastiq-market-sec .plastiq-market-text {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #plastiq-market-sec .plastiq-market-text {
    padding: 60px 0 0;
  }
}

.plastiq-link {
  color: #af3e19;
}

.plastiq-link:hover {
  color: #a43a17;
  text-decoration: underline;
}

.subscription_link_color {
  color: #af3e19;
}

.subscription_link_color:hover {
  color: #a43a17;
  text-decoration: underline;
}

.plastiq-button-style {
  background-color: #af3e19;
  color: #fff;
  transition: all 300ms ease;
}

.plastiq-button-style:hover {
  background-color: #af3e19;
  color: #fff;
  opacity: 0.8;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#agunity-last-form-sec .agunity-last-form-sec-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

#agunity-last-form-sec .agunity-last-form-sec-1, #agunity-last-form-sec .agunity-last-form-sec-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#agunity-last-form-sec {
  display: flex;
  flex-direction: row;
}

@media all and (max-width: 1024px) {
  #agunity-last-form-sec {
    flex-wrap: wrap;
  }
}

#agunity-last-form-sec .agunity-last-form-sec-1 {
  background-color: #000;
  height: 400px;
  width: 34%;
  background-image: url("/images/landing-pages/agunity/form-1.png");
}

@media all and (max-width: 1024px) {
  #agunity-last-form-sec .agunity-last-form-sec-1 {
    width: 50%;
  }
}

@media all and (max-width: 500px) {
  #agunity-last-form-sec .agunity-last-form-sec-1 {
    height: 180px;
  }
}

#agunity-last-form-sec .agunity-last-form-sec-2 {
  background-color: 0, 0, 0, 0.65;
  height: 400px;
  width: 32%;
  padding: 10px;
}

@media all and (max-width: 1420px) {
  #agunity-last-form-sec .agunity-last-form-sec-2 {
    width: 52%;
  }
}

@media all and (max-width: 1024px) {
  #agunity-last-form-sec .agunity-last-form-sec-2 {
    width: 100%;
    order: 3;
  }
}

#agunity-last-form-sec .agunity-last-form-sec-3 {
  background-color: #000;
  height: 400px;
  width: 34%;
  background-image: url("/images/landing-pages/agunity/form-2.png");
}

@media all and (max-width: 1024px) {
  #agunity-last-form-sec .agunity-last-form-sec-3 {
    width: 50%;
    order: 1;
  }
}

@media all and (max-width: 500px) {
  #agunity-last-form-sec .agunity-last-form-sec-3 {
    height: 180px;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
.greenid-form-groups-wrapper {
  margin: 30px 0 0 0;
  position: relative;
}

.greenid-form-groups-wrapper .greenId-row-margin {
  margin-top: 20px;
}

.greenid-form-groups-wrapper .greenId-form-group {
  width: 100%;
  min-height: 60px;
  margin-bottom: 10px;
  position: relative;
  padding: 22px 15px;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #8da3b1;
  cursor: pointer;
}

.greenid-form-groups-wrapper .greenId-form-group .greenId-list-header {
  font-family: 'latobold';
  padding-bottom: 10px;
}

.greenid-form-groups-wrapper .greenId-form-group:hover {
  box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
}

.greenid-form-groups-normal {
  background-color: #f3f5f6;
}

.greenid-form-groups-success {
  background-color: #d4edda;
  cursor: default;
}

.greenid-form-groups-error {
  background-color: #f8d7da;
  cursor: default;
}

.greenId-form-group-cnt {
  margin-bottom: 20px;
}

.greenId-each-sec-ins {
  background-color: #fff;
  padding: 20px;
  line-height: 1.4;
  color: #6f8899;
  margin-bottom: 10px;
}

.greenId-each-sec-header {
  font-family: latoregular;
  font-size: 20px;
  color: #6f8899;
  margin-bottom: 20px;
}

.greenId-field-required {
  color: red;
}

.greenId-field-required {
  font-size: 12px;
  margin: 20px 0;
}

.greenId-select-cert-header {
  margin: 20px 0;
}

.greenId-mandatory-text {
  margin: 20px 0;
  font-size: 12px;
}

.certLink {
  width: 100%;
  height: 206px;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid #ddd;
  cursor: pointer;
  margin-bottom: 20px;
  position: relative;
}

.certLink-label {
  font-size: 12px;
  padding: 10px;
  text-align: center;
  background-color: #6c8697;
  color: #fff;
  height: 44px;
}

.greenId-filterDiv {
  display: none;
}

.greenId-filterDiv-show {
  display: block !important;
  animation: fadeIn 1s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.filter-greenId-source {
  display: none;
}

.greenId-source-list-active {
  background-color: #fff !important;
  border: 1px solid #f3f5f6 !important;
  box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1) !important;
}

.greenId-1 {
  background: url(/images/select-citizenshipcertificatedvs-1.jpg) no-repeat center center;
}

.greenId-2 {
  background: url(/images/select-citizenshipcertificatedvs-2.jpg) no-repeat center center;
}

.greenId-3 {
  background: url(/images/select-citizenshipcertificatedvs-3.jpg) no-repeat center center;
}

.greenId-4 {
  background: url(/images/select-citizenshipcertificatedvs-4.jpg) no-repeat center center;
}

.greenId-5 {
  background: url(/images/select-citizenshipcertificatedvs-other.png) no-repeat center center;
}

.chooseMedicareSelect {
  width: 100%;
  height: 100px;
  padding: 20px;
  margin: 40px 0;
}

#creditHistory-title {
  margin: 30px 0;
  line-height: 1.3;
}

#creditHistory-desc {
  padding: 20px;
  border: 1px solid #ccc;
  line-height: 1.3;
}

.greenId-uploadDoc-desc {
  padding: 20px;
  border: 1px solid #ccc;
  line-height: 1.3;
  margin: 30px 0;
}

.greenId-uploadDoc-header {
  margin: 0 0 20px;
}

.greenId-uploadDoc-number {
  font-size: 80px;
  color: #6c8697;
}

.greenId-submit-btn-cnt {
  margin: 40px 0 10px;
  float: right;
}

.greenId-default-source {
  padding: 20px;
  background: #ffffcc;
  border: #FC0 1px solid;
}

@media all and (max-width: 1024px) {
  .greenId-labels {
    margin: 15px 0;
  }
}

.greenId-certificateShow {
  display: block;
}

.greenId-certificateHide {
  display: none;
}

.hideReturnBtn {
  display: none !important;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#credi-top-banner #credi-top-banner-layer {
  display: flex;
  align-items: center;
  justify-content: center;
}

#credi-top-banner {
  height: calc(100vh - 70px);
  width: 100%;
  position: relative;
}

@media all and (max-width: 1440px) {
  #credi-top-banner {
    height: initial;
    padding: 60px 0;
  }
}

@media all and (max-width: 768px) {
  #credi-top-banner {
    padding: 20px 0;
  }
}

#credi-top-banner #credi-top-banner-layer {
  height: calc(100vh - 70px);
}

@media all and (max-width: 1440px) {
  #credi-top-banner #credi-top-banner-layer {
    height: initial;
  }
}

@media all and (max-width: 1280px) {
  #credi-top-banner #credi-top-banner-layer {
    display: block;
  }
}

#credi-top-banner #credi-top-banner-layer .credi-logo {
  margin-bottom: 40px;
  width: 300px;
}

@media all and (max-width: 500px) {
  #credi-top-banner #credi-top-banner-layer .credi-logo {
    width: 250px;
  }
}

@media all and (max-width: 1440px) {
  #credi-top-banner #credi-top-banner-layer .credi-logo {
    width: 200px;
    padding-top: 20px;
    margin-bottom: 40px;
  }
}

@media all and (max-width: 600px) {
  #credi-top-banner #credi-top-banner-layer .credi-logo {
    width: 150px;
  }
}

#credi-top-banner .credi-title-width {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
}

@media all and (max-width: 767px) {
  #credi-top-banner .credi-title-width {
    max-width: 430px;
    margin-right: auto;
    margin-left: auto;
  }
}

#credi-top-banner .credi-top-banner-content {
  z-index: 10;
  padding: 0 15px;
}

@media all and (max-width: 1440px) {
  #credi-top-banner .credi-top-banner-content {
    max-width: 650px;
    margin: auto;
  }
}

#credi-top-banner .credi-subtitle-width {
  max-width: 630px;
  margin: 0 auto 60px;
}

#credi-top-banner .credi-top-banner-left-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
}

#credi-top-banner .credi-top-banner-right-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
}

#credi-top-banner .input-border-credi-grey {
  border: 1px solid #ccc;
}

#credi-real-different-sec {
  background-color: #25ade4;
  padding: 60px 0;
}

#credi-real-different-sec .credi-real-different-header {
  font-size: 40px;
  margin-bottom: 40px;
}

@media all and (max-width: 768px) {
  #credi-real-different-sec .credi-real-different-header {
    font-size: 32px;
  }
}

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

@media all and (max-width: 1024px) {
  .credi-icon-margin {
    margin-bottom: 20px;
  }
}

#credi-mission-sec {
  background-color: #ff9e1d;
  padding: 60px 0;
}

#credi-mission-sec .credi-mission-img {
  width: 200px;
}

@media all and (max-width: 767px) {
  #credi-mission-sec .credi-mission-img {
    display: block;
    margin: 0 auto 40px;
    width: 150px;
  }
}

#credi-support-sec {
  background-color: #ff9e1d;
  padding: 60px 0;
}

#credi-support-sec .credi-support-img {
  float: right;
  width: 400px;
}

@media all and (max-width: 767px) {
  #credi-support-sec .credi-support-img {
    display: block;
    margin: 0 auto 40px;
    float: none;
    width: 180px;
  }
}

@media all and (max-width: 766px) {
  #credi-support-sec .credi-change-order {
    display: flex;
    flex-direction: column;
  }
}

@media all and (max-width: 766px) {
  #credi-support-sec .credi-change-order .credi-change-order-0 {
    order: 1;
  }
}

@media all and (max-width: 766px) {
  #credi-support-sec .credi-change-order .credi-change-order-1 {
    order: 0;
  }
}

.credi-sec-header {
  font-size: 40px;
  margin-bottom: 40px;
}

@media all and (max-width: 1024px) {
  .credi-sec-header {
    text-align: center;
  }
}

@media all and (max-width: 768px) {
  .credi-sec-header {
    font-size: 32px;
  }
}

.credi-blue {
  color: #25ade4;
}

#credi-market-size-sec {
  padding: 60px 0;
}

@media all and (max-width: 1024px) {
  #credi-market-size-sec .credi-market-size-img {
    width: 100%;
  }
}

#credi-story-sec {
  padding: 60px 0;
}

#credi-story-sec .credi-story-bk {
  background: url(/images/landing-pages/banners/Credi_Logo_Asset-story.png) no-repeat center;
  background-size: contain;
  height: 360px;
}

#credi-two-year-plan-sec {
  padding: 60px 0;
  background-color: #25ade4;
}

#credi-two-year-plan-sec .credi-triangle-down {
  margin: 40px auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 50px solid #fff;
}

.credi-video {
  width: 100%;
  height: 304px;
}

@media all and (max-width: 1200px) {
  .credi-video {
    height: 400px;
  }
}

@media all and (max-width: 600px) {
  .credi-video {
    height: 200px;
  }
}

#credi-addressable-market-sec {
  padding: 60px 0;
}

.credi-link {
  color: #becf00;
}

.credi-link:hover {
  color: #b2c200;
  text-decoration: underline;
}

.subscription_link_color {
  color: #becf00;
}

.subscription_link_color:hover {
  color: #a43a17;
  text-decoration: underline;
}

.credi-button-style {
  background-color: #becf00;
  color: #fff;
  transition: all 300ms ease;
}

.credi-button-style:hover {
  background-color: #abb703;
  color: #fff;
  opacity: 1;
}

#credi-paralax-sec {
  background-attachment: fixed;
  background-image: url("/images/landing-pages/banners/credi-paralax-banner.jpg");
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

@media all and (max-width: 600px) {
  #credi-paralax-sec {
    background-image: url("/images/landing-pages/banners/credi-paralax-banner-mobile.jpg");
  }
}

@media all and (max-width: 768px) {
  #credi-paralax-sec {
    background-attachment: initial;
  }
}

#credi-paralax-sec .credi-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.7);
  padding-top: 100px;
  padding-bottom: 100px;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#cake-top-banner .cake-top-banner-flex-center, #cake-story-sec .cake-revenue-bk, #cake-story-sec .cake-story-bk {
  display: flex;
  align-items: center;
  justify-content: center;
}

#cake-story-sec .cake-revenue-bk, #cake-story-sec .cake-story-bk {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#cake-top-banner .cake-top-banner-flex-center {
  height: calc(100vh - 70px);
}

#cake-top-banner .cake-top-banner-flex-center .cake-logo {
  width: 220px;
  margin-bottom: 10px;
}

@media all and (max-width: 600px) {
  #cake-top-banner .cake-top-banner-flex-center .cake-logo {
    width: 170px;
    margin-top: 40px;
  }
}

#cake-top-banner .cake-top-banner-flex-center .cake-subtitle {
  line-height: 35px;
  font-family: 'latolight';
  font-size: 30px;
  text-align: center;
  margin-bottom: 40px;
  text-align: center;
}

@media all and (max-width: 600px) {
  .cake-top-quote {
    padding: 60px 0 0;
  }
}

.cake-wholesale-text {
  font-size: 24px;
}

.cake-title {
  font-size: 36px;
  margin-bottom: 34px;
  line-height: 2.7rem;
}

.cake-register-title {
  font-size: 30px;
  margin-bottom: 34px;
  line-height: 2.7rem;
}

.cake-big-title {
  font-size: 40px;
  padding-bottom: 32px;
}

@media all and (max-width: 600px) {
  .cake-big-title {
    font-size: 30px;
  }
}

#cake-intro-sec {
  padding: 60px 0;
}

#cake-intro-sec .cake-intro-text {
  padding: 0 20px;
}

#cake-quote-sec {
  padding: 60px 0;
}

@media all and (max-width: 600px) {
  #cake-quote-sec {
    padding: 90px 0 0;
  }
}

.cake-dashed-border {
  border: 6px dashed #d9db2f;
  padding: 40px 30px;
  position: relative;
}

.cake-icon {
  position: absolute;
  top: -98px;
  right: -100px;
  width: 100px;
}

@media all and (max-width: 1280px) {
  .cake-icon {
    right: -6px;
  }
}

#cake-story-sec {
  padding: 60px 0;
}

@media all and (max-width: 1200px) {
  #cake-story-sec {
    padding: 0;
  }
}

#cake-story-sec .cake-list {
  list-style: disc inside;
  font-size: 17px;
}

#cake-story-sec .cake-list li:nth-child(1), #cake-story-sec .cake-list li:nth-child(2), #cake-story-sec .cake-list li:nth-child(3), #cake-story-sec .cake-list li:nth-child(4), #cake-story-sec .cake-list li:nth-child(5), #cake-story-sec .cake-list li:nth-child(6) {
  list-style-image: url("/images/landing-pages/cake-list-dotts.png");
}

#cake-story-sec .cake-list li {
  margin-bottom: 10px;
  line-height: 1.7rem;
}

#cake-story-sec .cake-list li::before {
  content: "";
  padding-left: 10px;
}

#cake-story-sec .cake-story-text {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #cake-story-sec .cake-story-text {
    padding: 60px 0 0;
  }
}

#cake-story-sec .cake-story-text-2 {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #cake-story-sec .cake-story-text-2 {
    padding: 0 0 60px;
  }
}

#cake-story-sec .cake-revenue-bk {
  background-image: url(/images/landing-pages/banners/cake-half-banner-1.jpg);
  height: 592px;
}

@media all and (max-width: 768px) {
  #cake-story-sec .cake-revenue-bk {
    height: 600px;
  }
}

@media all and (max-width: 600px) {
  #cake-story-sec .cake-revenue-bk {
    height: 310px;
  }
}

#cake-story-sec .cake-story-bk {
  background-image: url(/images/landing-pages/banners/cake-half-banner-2.jpg);
  height: 520px;
}

.cake-link {
  color: #d8da2f;
}

.cake-link:hover {
  color: #a43a17;
  text-decoration: underline;
}

.subscription_link_color {
  color: #d8da2f;
}

.subscription_link_color:hover {
  color: #d4d626;
  text-decoration: underline;
}

.cake-button-style {
  background-color: #d8da2f;
  color: #fff;
  transition: all 300ms ease;
}

.cake-button-style:hover {
  background-color: #bfbf2b;
  color: #fff;
  opacity: 0.8;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#bricklane-top-banner #bricklane-top-banner-layer {
  display: flex;
  align-items: center;
  justify-content: center;
}

#bricklane-top-banner, .bricklane-intro-bk, .bricklane-why-raise-bk {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#bricklane-top-banner {
  background-image: url("/images/landing-pages/banners/bricklane-banner_home.png");
  height: calc(100vh - 70px);
  width: 100%;
  background-color: #000;
  display: table;
}

@media all and (max-width: 600px) {
  #bricklane-top-banner {
    background-image: url("/images/landing-pages/banners/bricklane-banner_home.png");
  }
}

#bricklane-top-banner #bricklane-top-banner-layer {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  padding: 50px 0;
}

#bricklane-top-banner #bricklane-top-banner-layer .bricklane-logo {
  margin-bottom: 40px;
  width: 350px;
}

@media all and (max-width: 500px) {
  #bricklane-top-banner #bricklane-top-banner-layer .bricklane-logo {
    width: 250px;
  }
}

#bricklane-top-banner #bricklane-top-banner-layer .bricklane-title-width {
  max-width: 800px;
  margin: 0 auto 40px;
}

#bricklane-paralax-sec {
  background-attachment: fixed;
  background-image: url("/images/landing-pages/banners/bricklane-paralax-banner.JPG");
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

@media all and (max-width: 600px) {
  #bricklane-paralax-sec {
    background-image: url("/images/landing-pages/banners/bricklane-paralax-banner-mobile.jpg");
  }
}

#bricklane-paralax-sec .bricklane-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.7);
  padding-top: 100px;
  padding-bottom: 100px;
}

.bricklane-intro-bk {
  background-image: url(/images/landing-pages/banners/BrickLane_QVM_KateShanasy_Feb2019-2838.jpg);
  height: 360px;
}

.bricklane-why-raise-bk {
  background-image: url(/images/landing-pages/banners/BrickLaneBrewing_KateShanasy_Oct2018-9424.jpg);
  height: 360px;
}

#bricklane-story-sec {
  padding: 60px 0;
}

#bricklane-story-sec .bricklane-story-text {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #bricklane-story-sec .bricklane-story-text {
    padding: 60px 0 0;
  }
}

#bricklane-why-raise-sec {
  padding: 60px 0;
}

#bricklane-why-raise-sec .bricklane-why-raise-text {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #bricklane-why-raise-sec .bricklane-why-raise-text {
    padding: 60px 0 0;
  }
}

#bricklane-partnership-with-sec {
  background: #ef5d6a;
  padding: 60px 0;
}

#bricklane-last-form-cnt {
  background: #ef5d6a;
  padding: 60px 0;
}

.bricklane-link {
  color: #ef5d6a;
}

.bricklane-link:hover {
  color: #ef5d6a;
  text-decoration: underline;
}

.bricklane-bottom-link {
  color: #26333b;
}

.bricklane-bottom-link:hover {
  color: #fff;
  text-decoration: underline;
}

.bricklane-bottom-button-style {
  background-color: #26333b;
  color: #fff;
  transition: all 300ms ease;
}

.bricklane-bottom-button-style:hover {
  background-color: #f5f1e5;
  color: #26333b;
  opacity: 1;
}

.bricklane-button-style {
  background-color: #ef5d6a;
  color: #fff;
  transition: all 300ms ease;
}

.bricklane-button-style:hover {
  background-color: #f5f1e5;
  color: #26333b;
  opacity: 1;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#goodments-top-banner .goodments-logo-cnt, #goodments-quote {
  display: flex;
  align-items: center;
  justify-content: center;
}

#goodments-top-banner {
  background-image: url(/images/landing-pages/banners/goodments-img_header.jpg);
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  display: table;
}

@media only screen and (min-width: 2000px) {
  #goodments-top-banner {
    background-image: url(/images/landing-pages/banners/goodments-img_header@2x.png);
  }
}

@media all and (max-width: 768px) {
  #goodments-top-banner {
    background-size: contain;
    background-image: url(/images/landing-pages/banners/goodments-header_mobile@3x.png);
  }
}

#goodments-top-banner .goodments-logo-cnt {
  width: 100%;
  display: none;
}

@media all and (max-width: 768px) {
  #goodments-top-banner .goodments-logo-cnt {
    display: block;
  }
}

#goodments-top-banner .goodments-logo-cnt .goodments-logo {
  margin-bottom: 0;
  width: 400px;
}

@media all and (max-width: 500px) {
  #goodments-top-banner .goodments-logo-cnt .goodments-logo {
    width: 250px;
  }
}

@media all and (max-width: 768px) {
  #goodments-top-banner .goodments-logo-cnt .goodments-logo {
    margin-top: 275px;
    margin-bottom: 40px;
    width: 300px;
  }
}

@media all and (max-width: 600px) {
  #goodments-top-banner .goodments-logo-cnt .goodments-logo {
    margin-top: 240px;
    margin-bottom: 20px;
    width: 250px;
  }
}

@media all and (max-width: 500px) {
  #goodments-top-banner .goodments-logo-cnt .goodments-logo {
    margin-top: 210px;
  }
}

@media all and (max-width: 400px) {
  #goodments-top-banner .goodments-logo-cnt .goodments-logo {
    margin-top: 180px;
  }
}

@media all and (max-width: 320px) {
  #goodments-top-banner .goodments-logo-cnt .goodments-logo {
    margin-top: 150px;
    width: 200px;
  }
}

#goodments-top-banner .goodments-register-cnt {
  margin-top: 250px;
  margin-bottom: 50px;
}

@media only screen and (min-width: 1800px) {
  #goodments-top-banner .goodments-register-cnt {
    margin-top: 260px;
  }
}

@media only screen and (min-width: 2000px) {
  #goodments-top-banner .goodments-register-cnt {
    margin-top: 310px;
  }
}

@media only screen and (min-width: 2400px) {
  #goodments-top-banner .goodments-register-cnt {
    margin-top: 350px;
  }
}

@media only screen and (min-width: 2700px) {
  #goodments-top-banner .goodments-register-cnt {
    margin-top: 380px;
  }
}

@media all and (max-width: 768px) {
  #goodments-top-banner .goodments-register-cnt {
    margin-top: 20px;
    position: relative;
  }
}

#goodments-top-banner .goodments-form-header {
  color: #3E61DF;
  font-size: 40px;
  max-width: 600px;
  margin-bottom: 40px;
  line-height: 1.2;
  letter-spacing: -1.14px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

@media all and (max-width: 768px) {
  #goodments-top-banner .goodments-form-header {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #goodments-top-banner .goodments-form-header {
    font-size: 26px;
    margin-top: 0;
  }
}

#goodments-top-banner .goodments-form-subheader {
  max-width: 600px;
  margin: 0 auto 40px;
  line-height: 1.5;
  font-size: 18px;
}

#goodments-top-banner .goodments-form-register-text {
  font-size: 24px;
  letter-spacing: -0.5px;
}

#goodments-top-banner .goodments-form-filed-cnt {
  max-width: 849px;
  padding: 40px;
  background-color: #f8f8f8;
}

#goodments-top-banner .goodments-form-name {
  padding: 10px;
  margin-right: 20px;
  height: 50px;
  border: none;
  margin-bottom: 25px;
  width: 48%;
  border: 1px solid #bdbdbd;
}

#goodments-top-banner .goodments-form-name::-webkit-input-placeholder {
  color: #D9D9D9;
}

#goodments-top-banner .goodments-form-name:-ms-input-placeholder {
  color: #D9D9D9;
}

#goodments-top-banner .goodments-form-name::placeholder {
  color: #D9D9D9;
}

@media all and (max-width: 720px) {
  #goodments-top-banner .goodments-form-name {
    width: 100%;
    margin-right: 0;
  }
}

#goodments-top-banner .goodments-form-email {
  padding: 10px;
  font-weight: 400;
  height: 50px;
  border: none;
  margin-bottom: 25px;
  width: 48%;
  border: 1px solid #bdbdbd;
}

#goodments-top-banner .goodments-form-email::-webkit-input-placeholder {
  color: #D9D9D9;
}

#goodments-top-banner .goodments-form-email:-ms-input-placeholder {
  color: #D9D9D9;
}

#goodments-top-banner .goodments-form-email::placeholder {
  color: #D9D9D9;
}

@media all and (max-width: 720px) {
  #goodments-top-banner .goodments-form-email {
    width: 100%;
  }
}

#goodments-top-banner .goodments-form-button {
  width: 280px;
  color: white;
  border-radius: 34px;
  height: 50px;
  background-color: #32DB9A;
  border: 1px solid #32DB9A;
  transition: .5s;
  font-size: 20px;
  letter-spacing: -0.56px;
}

#goodments-top-banner .goodments-form-button:hover {
  background-color: #fff;
  color: #32DB9A;
  border: 1px solid #32DB9A;
}

@media all and (max-width: 720px) {
  #goodments-top-banner .goodments-form-button {
    width: 100%;
  }
}

#goodments-mission-sec {
  height: 424px;
  background-color: #3E61DF;
  position: relative;
}

#goodments-mission-sec .goodments-mission-title {
  font-size: 40px;
  color: #fff;
  margin-bottom: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

@media all and (max-width: 768px) {
  #goodments-mission-sec .goodments-mission-title {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #goodments-mission-sec .goodments-mission-title {
    font-size: 26px;
  }
}

#goodments-mission-sec .goodments-mission-subtitle {
  font-size: 40px;
  color: #fff;
  font-size: 28px;
  max-width: 511px;
  line-height: 1.3;
}

@media all and (max-width: 768px) {
  #goodments-mission-sec .goodments-mission-subtitle {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #goodments-mission-sec .goodments-mission-subtitle {
    font-size: 26px;
  }
}

#goodments-mission-sec .goodments-iphone-cnt {
  height: 424px;
  width: 40%;
}

@media all and (max-width: 768px) {
  #goodments-mission-sec .goodments-iphone-cnt {
    width: 100%;
  }
}

#goodments-mission-sec .goodments-hand-icon {
  background-image: url(/images/landing-pages/icons/goodments_ic_rockHand.png);
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  height: 315px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media all and (max-width: 1000px) {
  #goodments-mission-sec .goodments-hand-icon {
    height: 424px;
    background-position: center;
  }
}

#goodments-mission-sec .goodments-iphone {
  position: absolute;
  bottom: 0;
}

@media all and (max-width: 768px) {
  #goodments-mission-sec .goodments-iphone {
    right: 0;
  }
}

#goodments-video-sec {
  background-color: #000;
  width: 100%;
}

#goodments-video-sec .goodments-iframe-cnt {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}

#goodments-video-sec .goodments-iframe-cnt .goodments-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

#goodments-about-sec {
  padding: 0 0 60px;
}

#goodments-about-sec .goodments-about-header {
  color: #CDB3F1;
  font-size: 40px;
  letter-spacing: -0.91px;
  line-height: 1.2;
  margin-bottom: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

@media all and (max-width: 1200px) {
  #goodments-about-sec .goodments-about-header {
    text-align: center;
  }
}

@media all and (max-width: 768px) {
  #goodments-about-sec .goodments-about-header {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #goodments-about-sec .goodments-about-header {
    font-size: 26px;
  }
}

#goodments-about-sec .goodments-about-copy {
  color: #4B4B4B;
  font-size: 18px;
  letter-spacing: -0.41px;
  line-height: 1.5;
  margin-bottom: 65px;
}

#goodments-about-sec .goodments-impact-so-far-cnt {
  border-radius: 8px;
  background-color: rgba(205, 179, 241, 0.7);
  padding: 44px;
}

#goodments-about-sec .goodments-impact-so-far-cnt .goodments-impact-header {
  color: #fff;
  font-size: 40px;
  letter-spacing: -0.91px;
  line-height: 1.2;
  margin-bottom: 42px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

@media all and (max-width: 768px) {
  #goodments-about-sec .goodments-impact-so-far-cnt .goodments-impact-header {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #goodments-about-sec .goodments-impact-so-far-cnt .goodments-impact-header {
    font-size: 26px;
  }
}

#goodments-about-sec .goodments-impact-so-far-cnt .goodments-impact-icon {
  margin-bottom: 20px;
}

#goodments-about-sec .goodments-impact-so-far-cnt .goodments-impact-copy {
  letter-spacing: -0.41px;
  line-height: 1.4;
  color: #2E3074;
}

@media all and (max-width: 1200px) {
  #goodments-about-sec .goodments-impact-so-far-cnt .goodments-impact-copy {
    margin-bottom: 40px;
  }
}

#goodments-sustainable-means {
  padding: 120px 0;
}

@media all and (max-width: 600px) {
  #goodments-sustainable-means {
    padding: 60px 0;
  }
}

#goodments-sustainable-means .goodments-ustainable-means-header {
  color: #CDB3F1;
  font-size: 40px;
  letter-spacing: -0.91px;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

@media all and (max-width: 768px) {
  #goodments-sustainable-means .goodments-ustainable-means-header {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #goodments-sustainable-means .goodments-ustainable-means-header {
    font-size: 26px;
  }
}

#goodments-sustainable-means .goodments-sustainable-means-subheader {
  color: #4B4B4B;
  font-size: 21px;
  letter-spacing: -0.48px;
  line-height: 1.5;
  margin-bottom: 50px;
  max-width: 639px;
}

#goodments-sustainable-means .goodments-sustainable-means-circle {
  width: 220px;
  height: 220px;
  border-radius: 100%;
  margin: auto;
  padding: 30px;
}

#goodments-sustainable-means .goodments-sustainable-means-circle .goodments-sustainable-means-circle-header-cnt {
  padding: 0 23px;
  position: relative;
}

#goodments-sustainable-means .goodments-sustainable-means-circle .goodments-sustainable-means-orange-circle-header-cnt {
  padding: 0 3px;
  position: relative;
}

#goodments-sustainable-means .goodments-sustainable-means-circle .goodments-sustainable-means-circle-header {
  font-size: 80px;
  letter-spacing: -2.05px;
  line-height: 109px;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
}

#goodments-sustainable-means .goodments-sustainable-means-circle .goodments-sustainable-means-circle-header-dolor {
  color: #fff;
  font-size: 30px;
  font-family: latobold;
  position: absolute;
  top: 16px;
  left: -10px;
  font-family: 'Noto Sans JP', sans-serif;
}

#goodments-sustainable-means .goodments-sustainable-means-circle .goodments-sustainable-means-circle-header-percent {
  color: #fff;
  font-size: 30px;
  font-family: latobold;
  position: absolute;
  top: 16px;
  font-family: 'Noto Sans JP', sans-serif;
}

#goodments-sustainable-means .goodments-sustainable-means-circle .goodments-sustainable-means-circle-header-orange {
  font-size: 70px;
  letter-spacing: -1.82px;
  line-height: 109px;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
}

#goodments-sustainable-means .goodments-sustainable-means-circle .goodments-sustainable-means-circle-subheader {
  font-size: 15px;
  letter-spacing: -0.34px;
  line-height: 1.1;
  color: #2E3074;
  text-align: center;
}

#goodments-sustainable-means .how-goodments-track {
  background-color: #F8F8F8;
  padding: 30px;
  background-image: url(/images/landing-pages/icons/goodments-ic_rocket.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 328px;
  margin-top: 80px;
}

@media all and (max-width: 768px) {
  #goodments-sustainable-means .how-goodments-track {
    background-size: cover;
    height: 100%;
  }
}

#goodments-sustainable-means .how-goodments-track .how-goodments-track-top-header {
  color: #CDB3F1;
  font-size: 40px;
  letter-spacing: -0.91px;
  line-height: 1.2;
  margin-bottom: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

@media all and (max-width: 768px) {
  #goodments-sustainable-means .how-goodments-track .how-goodments-track-top-header {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #goodments-sustainable-means .how-goodments-track .how-goodments-track-top-header {
    font-size: 26px;
  }
}

#goodments-sustainable-means .how-goodments-track .how-goodments-track-header {
  color: #3E61DF;
  font-size: 60px;
  letter-spacing: -1.82px;
}

#goodments-sustainable-means .how-goodments-track .how-goodments-track-subheader {
  color: #4B4B4B;
  font-size: 21px;
  letter-spacing: -0.48px;
  line-height: 1.5;
}

@media all and (max-width: 767px) {
  #goodments-sustainable-means .how-goodments-track .how-goodments-track-subheader {
    margin-bottom: 20px;
  }
}

#goodments-sustainable-means .goodments-since-nov-text {
  color: #BDBDBD;
  font-size: 15px;
  letter-spacing: -0.34px;
  line-height: 1.5;
  text-align: center;
  text-align: center;
  margin-top: 89px;
}

#goodments-sustainable-means .goodments-sustainable-source-txt {
  color: #959595;
  letter-spacing: -0.23px;
  font-size: 10px;
  line-height: 12px;
  margin-top: 10px;
}

@media all and (max-width: 768px) {
  #goodments-sustainable-means .goodments-sustainable-source-txt {
    margin-bottom: 40px;
  }
}

#goodments-why-raise {
  background-color: #32DB9A;
  height: 430px;
  position: relative;
}

@media all and (max-width: 1200px) {
  #goodments-why-raise {
    height: initial;
    padding: 60px 0;
  }
}

#goodments-why-raise .goodments-why-raise-align-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 1200px) {
  #goodments-why-raise .goodments-why-raise-align-center {
    flex-direction: column;
  }
}

@media all and (max-width: 1200px) {
  #goodments-why-raise .goodments-lululemon-iphone {
    margin-bottom: 40px;
  }
}

#goodments-why-raise .goodments-why-raise-header {
  font-size: 35px;
  letter-spacing: -0.8px;
  color: #fff;
  margin-bottom: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

@media all and (max-width: 768px) {
  #goodments-why-raise .goodments-why-raise-header {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #goodments-why-raise .goodments-why-raise-header {
    font-size: 26px;
  }
}

#goodments-why-raise .goodments-why-raise-subheader {
  font-size: 21px;
  letter-spacing: -0.8px;
  color: #fff;
  line-height: 1.5;
  margin: auto;
  max-width: 639px;
}

@media all and (max-width: 1024px) {
  #goodments-why-raise .goodments-why-raise-subheader {
    margin: 0 auto 40px;
  }
}

#goodments-why-raise .goodments-partners-img {
  padding: 4px;
}

#goodments-quote {
  padding: 120px 0;
  background-color: #CDB3F1;
}

@media all and (max-width: 1200px) {
  #goodments-quote {
    height: initial;
    padding: 60px 0;
  }
}

#goodments-quote .goodments-quote-header {
  max-width: 1016px;
  margin: auto;
  color: #fff;
  font-size: 40px;
  letter-spacing: -0.5px;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

@media all and (max-width: 768px) {
  #goodments-quote .goodments-quote-header {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #goodments-quote .goodments-quote-header {
    font-size: 26px;
  }
}

#goodments-quote .goodments-quote-subheader {
  margin: auto;
  color: #fff;
  font-size: 20px;
  letter-spacing: -0.25px;
  line-height: 1.2;
}

.goodments-link {
  color: #3E61DF;
}

.goodments-link:hover {
  text-decoration: underline;
  color: #3E61DF;
}

.goodments-blue {
  color: #3E61DF;
}

.goodments-purple {
  background-color: #CDB3F1;
}

.goodments-orange {
  background-color: #FFA377;
}

.goodments-green {
  background-color: #A7D9C5;
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#chmpagen-logo-top-banner {
  margin: 0;
  padding: 33.33333px 0;
  background-color: #0b253b;
  color: #a7925b;
  display: flex;
  align-items: center;
  justify-content: center;
}

#chmpagen-logo-top-banner .champagne-logo {
  width: 400px;
}

@media all and (max-width: 768px) {
  #chmpagen-logo-top-banner .champagne-logo {
    width: 200px;
  }
}

#champagne-hero-video {
  position: relative;
  height: calc(100vh - 207.66px);
  width: 100%;
  overflow: hidden;
  display: table;
}

#champagne-hero-video .champagne-video {
  box-sizing: border-box;
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  width: 177.77777778vh;
}

#champagne-hero-video .champagne-hero-video-cnt {
  position: relative;
  display: table;
  width: 100%;
  height: calc(100vh - 207.66px);
  padding: 80px 0;
  background-color: rgba(11, 37, 59, 0.7);
}

#champagne-hero-top-banner {
  background-image: url(/images/landing-pages/banners/champagne-Napoleon.jpg);
  width: 100%;
  background-color: #0b253b;
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 110px 0;
}

@media all and (max-width: 1024px) {
  #champagne-hero-top-banner {
    padding: 60px 0;
  }
}

@media all and (max-width: 767px) {
  #champagne-hero-top-banner {
    background-image: url(/images/landing-pages/banners/champagne-Napoleon-mobile.jpg);
  }
}

#champagne-nepoleon-quote {
  padding: 60px 0;
}

#champagne-nepoleon-quote .champagne-nepoleon-quote-header {
  font-size: 40px;
  letter-spacing: -0.91px;
  line-height: 1.2;
  margin-bottom: 20px;
}

@media all and (max-width: 768px) {
  #champagne-nepoleon-quote .champagne-nepoleon-quote-header {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #champagne-nepoleon-quote .champagne-nepoleon-quote-header {
    font-size: 26px;
  }
}

#champagne-nepoleon-quote .champagne-nepoleon-quote-subheader {
  font-size: 20px;
  letter-spacing: -0.25px;
  line-height: 1.2;
}

@media all and (max-width: 768px) {
  #champagne-nepoleon-quote .champagne-nepoleon-quote-subheader {
    font-size: 17px;
  }
}

#champagne-intro-sec {
  padding: 30px 0 60px;
}

@media all and (max-width: 768px) {
  #champagne-intro-sec {
    padding: 0 0 60px;
  }
}

.champagne-content {
  width: 100%;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media all and (max-width: 1200px) {
  .champagne-content {
    text-align: center;
  }
}

#champagne-stats-sec {
  padding: 30px 0 60px;
}

@media all and (max-width: 768px) {
  #champagne-stats-sec {
    padding: 0 0 60px;
  }
}

#champagne-stats-sec .champagne-stats-cnt {
  border-radius: 8px;
  background-color: #0b253b;
  padding: 80px;
}

#champagne-stats-sec .champagne-stats-cnt .champagne-stats-circle {
  width: 120px;
  margin: 0 auto 20px;
  height: 120px;
  border-radius: 100%;
}

#champagne-stats-sec .champagne-stats-cnt .champagne-stats-text {
  color: #fff;
  line-height: 1.3;
}

@media all and (max-width: 767px) {
  #champagne-stats-sec .champagne-stats-cnt .champagne-stats-text {
    margin-bottom: 40px;
  }
}

#champagne-stats-sec .champagne-stats-cnt .champagne-stats-img {
  width: 120px;
}

#champagne-story-sec {
  padding: 30px 0 60px;
}

@media all and (max-width: 1200px) {
  #champagne-story-sec {
    padding: 60px 0;
  }
}

@media all and (max-width: 768px) {
  #champagne-story-sec {
    padding: 0 0 60px;
  }
}

@media all and (max-width: 1200px) {
  #champagne-story-sec .champagne-story-sec-text {
    margin-bottom: 60px !important;
  }
}

#champagne-story-sec .champagne-story-sec-img {
  margin: 0 0 40px;
}

#champagne-story-sec .champagne-story-sec-img {
  margin-bottom: 40px;
}

#champagne-quote-sec {
  padding: 60px 0;
  background-color: #0b253b;
}

#champagne-quote-sec .champagne-quote-header {
  max-width: 1016px;
  margin: auto;
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 20px;
  letter-spacing: -0.5px;
}

@media all and (max-width: 768px) {
  #champagne-quote-sec .champagne-quote-header {
    text-align: center;
  }
}

@media all and (max-width: 767px) {
  #champagne-quote-sec .champagne-quote-header {
    font-size: 24px;
  }
}

#champagne-quote-sec .champagne-quote-subheader {
  margin: auto;
  font-size: 20px;
  line-height: 1.2;
}

@media all and (max-width: 768px) {
  #champagne-quote-sec .champagne-quote-subheader {
    text-align: center;
  }
}

@media all and (max-width: 767px) {
  #champagne-quote-sec .champagne-quote-subheader {
    font-size: 14px;
  }
}

#champagne-quote-sec .champagne-quote-img {
  border: 1px solid #a7925b;
  padding: 20px;
}

#champagne-footnote {
  background-color: #0b253b;
  color: #fff;
  font-size: 14px;
  padding: 20px;
}

@media all and (max-width: 1200px) {
  #champagne-footnote {
    padding: 0 0 60px;
  }
}

@media all and (max-width: 990px) {
  #champagne-footnote .champagne-footnote-p {
    text-align: center;
    font-size: 14px;
  }
}

#champagne-partners-sec {
  background-image: url(/images/landing-pages/banners/champagne-newyear1.jpg);
  background-repeat: no-repeat;
  background-color: white;
  background-size: cover;
  background-position: center;
}

@media all and (max-width: 767px) {
  #champagne-partners-sec {
    background-image: url(/images/landing-pages/banners/champagne-newyear1-sm.jpg);
  }
}

#champagne-partners-sec .champagne-partners-sec-layer {
  padding: 120px 0;
  background-color: #fff;
  opacity: .8;
}

@media all and (max-width: 1200px) {
  #champagne-partners-sec .champagne-partners-sec-layer {
    padding: 60px 0;
  }
}

#champagne-revenue-sec {
  padding: 60px 0;
}

#champagne-revenue-sec .champagne-revenue-sec-layer {
  padding: 120px 0;
  background-color: #fff;
  opacity: .8;
}

@media all and (max-width: 1200px) {
  #champagne-revenue-sec .champagne-revenue-sec-layer {
    padding: 60px 0;
  }
}

#champagne-revenue-sec .champagne-revenue-img {
  margin-top: 40px;
}

#champagne-last-sec {
  padding: 120px 0;
}

@media all and (max-width: 768px) {
  #champagne-last-sec {
    padding: 60px 0;
  }
}

#champagne-last-sec .champagne-last-sec-text {
  max-width: 1016px;
  margin: auto;
  color: #a7925b;
  font-size: 40px;
  letter-spacing: -0.5px;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: latobold;
  text-align: center;
}

@media all and (max-width: 768px) {
  #champagne-last-sec .champagne-last-sec-text {
    font-size: 30px;
  }
}

@media all and (max-width: 600px) {
  #champagne-last-sec .champagne-last-sec-text {
    font-size: 26px;
  }
}

.champagne-link {
  color: #a7925b;
  text-decoration: underline;
  transition: all 300ms ease-out;
}

.champagne-link:hover {
  color: #a7925b;
}

.champagne-button-style {
  color: #fff;
  background-color: #a7925b;
  border: 1px solid #a7925b;
  transition: all 300ms ease-out;
}

.champagne-button-style:hover {
  background-color: #736748;
  border-color: #736748;
  color: #fff;
  cursor: pointer;
}

.champagne-navy {
  color: #0b253b;
}

.champagne-gold {
  color: #a7925b;
}

#champagne-paralax-sec {
  background-attachment: fixed;
  background-image: url("/images/landing-pages/banners/champagne-background-grid.svg");
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
  background-color: #0b253b;
}

@media all and (max-width: 600px) {
  #champagne-paralax-sec {
    background-image: url("/images/landing-pages/banners/champagne-background-grid.svg");
  }
}

@media all and (max-width: 768px) {
  #champagne-paralax-sec {
    background-attachment: initial;
  }
}

#champagne-paralax-sec .champagne-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.4);
  padding-top: 100px;
  padding-bottom: 100px;
}

@media all and (max-width: 1200px) {
  #champagne-paralax-sec .champagne-paralax-layer {
    padding: 60px 0;
  }
}

/* General variables */
/* Default rightcol widget */
/* Header & Home Top Wrapper variables */
/* Home Sections variables */
/* Offer tiles variables */
/* Additional offers section variables */
/* Warning statement variables */
/* Register & Login pages variables */
/* Settings pages variables */
/* User profile variables */
/* Create syndicate variables */
/* My syndicates colors */
/* Browse offers variables */
/* Offer details variables */
/* Footer variables */
#firstcheck-top-banner #firstcheck-top-banner-layer, #firstcheck-story-sec-one .firstcheck-story-video-bk, #firstcheck-stats-sec-2 .firstcheck-stats-circle, #firstcheck-story-sec-three .firstcheck-story-sec-three-bk {
  display: flex;
  align-items: center;
  justify-content: center;
}

#firstcheck-story-sec-one .firstcheck-story-video-bk, #firstcheck-story-sec-three .firstcheck-story-sec-three-bk {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#firstcheck-top-banner {
  background-image: url("/images/landing-pages/banners/Firstcheck-home image-menu-screen.jpg");
  height: calc(100vh - 70px);
  width: 100%;
  background-color: #fff;
  display: table;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

@media all and (max-width: 600px) {
  #firstcheck-top-banner {
    background-image: url("/images/landing-pages/banners/Firstcheck-home image-menu-screen-small.jpg");
  }
}

#firstcheck-top-banner #firstcheck-top-banner-layer {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  padding: 50px 0;
  height: calc(100vh - 70px);
}

#firstcheck-top-banner #firstcheck-top-banner-layer .firstcheck-logo {
  margin-bottom: 40px;
  width: 350px;
}

@media all and (max-width: 500px) {
  #firstcheck-top-banner #firstcheck-top-banner-layer .firstcheck-logo {
    width: 250px;
  }
}

#firstcheck-top-banner #firstcheck-top-banner-layer .firstcheck-title-width {
  max-width: 600px;
  margin: 0 auto 40px;
}

#firstcheck-story-sec-one {
  padding: 60px 0;
}

@media all and (max-width: 1200px) {
  #firstcheck-story-sec-one {
    padding: 0 0 60px;
  }
}

#firstcheck-story-sec-one .firstcheck-story-sec-one-text {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #firstcheck-story-sec-one .firstcheck-story-sec-one-text {
    padding: 60px 0 0;
  }
}

#firstcheck-story-sec-one .firstcheck-story-video-bk {
  background-image: url(/images/landing-pages/banners/firstcheck-story-bk.jpg);
  height: 440px;
}

@media all and (max-width: 1200px) {
  #firstcheck-story-sec-one .firstcheck-story-video-bk {
    margin-top: 60px;
  }
}

@media all and (max-width: 768px) {
  #firstcheck-story-sec-one .firstcheck-story-video-bk {
    height: 210px;
  }
}

#firstcheck-story-sec-one .firstcheck-story-video-bk .firstcheck-story-video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(1, 1, 1, 0.7);
}

#firstcheck-story-sec-one .firstcheck-story-video-bk .firstcheck-video-title {
  font-size: 24px;
  margin-bottom: 20px;
  font-family: latoregular;
}

#firstcheck-story-sec-one .firstcheck-story-video-bk .firstcheck-video-btn {
  border: 1px solid #fff;
  color: #fff;
  padding: 10px 20px;
  transition: .3s;
  width: 120px;
  text-align: center;
  cursor: pointer;
}

#firstcheck-story-sec-one .firstcheck-story-video-bk .firstcheck-video-btn:hover {
  background-color: #229dd4;
  border: 1px solid #229dd4;
}

#firstcheck-story-sec-one .firstcheck-story-video-bk .firstcheck-story-video-cnt {
  z-index: 10;
}

#firstcheck-stats-sec {
  padding: 60px 0;
  background-color: #229dd4;
}

#firstcheck-stats-sec .firstcheck-stats-cnt {
  text-align: center;
  margin: 0 auto 20px;
}

.firstcheck-stats-img {
  width: 70px;
}

@media all and (max-width: 767px) {
  .firstcheck-stats-margin {
    margin-bottom: 40px;
  }
}

#firstcheck-stats-sec-2 {
  padding: 60px 0;
}

#firstcheck-stats-sec-2 .firstcheck-stats-circle {
  background-color: #229dd4;
  width: 130px;
  height: 130px;
  border-radius: 100%;
  padding: 25px;
  text-align: center;
  margin: 0 auto 20px;
}

#firstcheck-stats-sec-2 .firstcheck-stats-text {
  color: #229dd4;
}

#firstcheck-story-sec-three {
  padding: 60px 0;
}

@media all and (max-width: 1200px) {
  #firstcheck-story-sec-three {
    padding: 0;
  }
}

#firstcheck-story-sec-three .firstcheck-story-sec-three-bk {
  background-image: url(/images/landing-pages/banners/firstcheck-story-sec-two.jpg);
  height: 470px;
}

@media all and (max-width: 1200px) {
  #firstcheck-story-sec-three .firstcheck-story-sec-three-bk {
    margin-top: 60px;
  }
}

@media all and (max-width: 768px) {
  #firstcheck-story-sec-three .firstcheck-story-sec-three-bk {
    height: 210px;
  }
}

#firstcheck-story-sec-three .firstcheck-story-sec-three-text {
  padding: 0 20px;
}

@media all and (max-width: 1200px) {
  #firstcheck-story-sec-three .firstcheck-story-sec-three-text {
    padding: 60px 0 0;
  }
}

#firstcheck-story-sec-four {
  padding: 60px 0;
}

@media all and (max-width: 1200px) {
  #firstcheck-story-sec-four {
    padding: 0 0 60px 0;
  }
}

#firstcheck-story-sec-four .firstcheck-story-sec-four-text {
  padding: 0 20px;
}

#firstcheck-paralax-sec {
  background-attachment: fixed;
  background-image: url("/images/landing-pages/banners/firstcheck-parallax-banner.jpg");
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
  position: relative;
}

@media all and (max-width: 600px) {
  #firstcheck-paralax-sec {
    background-image: url("/images/landing-pages/banners/firstcheck-parallax-banner-mobile.jpg");
  }
}

@media all and (max-width: 768px) {
  #firstcheck-paralax-sec {
    background-attachment: initial;
  }
}

#firstcheck-paralax-sec .firstcheck-paralax-layer {
  height: 100%;
  background-color: rgba(1, 1, 1, 0.7);
  padding-top: 100px;
  padding-bottom: 100px;
}

#firstcheck-last-form-cnt {
  background: #229dd4;
  padding: 60px 0;
}

.firstcheck-bottom-button-style {
  background-color: transparent;
  border: 2px solid #fff !important;
  transition: .3s;
}

.firstcheck-bottom-button-style:hover {
  background-color: white;
  border: 2px solid #fff !important;
  color: #333;
}

.firstcheck-bottom-link {
  color: #333;
  transition: .2s;
}

.firstcheck-bottom-link:hover {
  color: #333;
  text-decoration: underline;
}

.firstcheck-link {
  color: #229dd4;
}

.firstcheck-link:hover {
  color: #2095c9;
  text-decoration: underline;
}

.firstcheck-button-style {
  background-color: #229dd4;
  color: #fff;
  transition: all 300ms ease;
}

.firstcheck-button-style:hover {
  background-color: #229dd4;
  color: #fff;
  opacity: 0.8;
}

/*# sourceMappingURL=app.css.map */