@charset "UTF-8";
/*!
Theme Name: BornThisWay
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bornthisway
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

BornThisWay is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}
a:visited {
  color: purple;
}
a:hover, a:focus, a:active {
  color: midnightblue;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
body {
  background-color: #f2f2f2;
  margin: 0;
  transition: all 500ms;
}
body.no-scroll {
  overflow: hidden;
}
body.overlay:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 100;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
}

*:focus {
  outline: none;
  box-sizing: border-box;
}

.main-image-wrap {
  overflow: hidden;
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}

.tint-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.scroll-wrap {
  margin-top: 100vh;
  background-color: #f2f2f2;
  z-index: 0;
  position: relative;
  box-sizing: border-box;
}

.page {
  margin: 0;
  line-height: 1.6;
}

.noscroll {
  overflow: hidden;
}

@keyframes shareText {
  0% {
    color: #000;
  }
  50% {
    color: #7d78ff;
  }
  100% {
    color: #23c8d2;
  }
}
.ourmission-wrap, .single-blog-post-wrap, .blog-page-wrap, .our-work-wrap, .default-donation-page-wrap, .resources-wrap, .to-get-help-wrap, .single-team-wrap, .privacy-policy-wrap, .single-research-article-wrap, .research-wrap, .vegasknowus-wrap, .events-wrap, .search-results-wrap, .join-us-wrap {
  opacity: 0;
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
}
.ourmission-wrap.in-view, .single-blog-post-wrap.in-view, .blog-page-wrap.in-view, .our-work-wrap.in-view, .default-donation-page-wrap.in-view, .resources-wrap.in-view, .to-get-help-wrap.in-view, .single-team-wrap.in-view, .privacy-policy-wrap.in-view, .single-research-article-wrap.in-view, .research-wrap.in-view, .vegasknowus-wrap.in-view, .events-wrap.in-view, .search-results-wrap.in-view, .join-us-wrap.in-view {
  opacity: 1;
}

.headline {
  font-family: BasisGrotesqueProBlack;
  width: 100%;
  margin: 0;
  text-transform: uppercase;
}

.manage_cookies_banner_holder {
  position: fixed;
  line-height: 1.6;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5019607843);
  z-index: 20;
  display: none;
}
@media only screen and (max-width: 600px) {
  .manage_cookies_banner_holder {
    overflow: scroll;
  }
}
.manage_cookies_banner_holder .manage_cookies_banner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;
  border: 10px solid #fff;
  z-index: 1;
  max-width: 1100px;
  width: 100%;
  padding: 40px 95px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1300px) {
  .manage_cookies_banner_holder .manage_cookies_banner {
    padding: 30px 65px;
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .manage_cookies_banner_holder .manage_cookies_banner {
    max-width: 900px;
  }
}
@media only screen and (max-width: 860px) {
  .manage_cookies_banner_holder .manage_cookies_banner {
    max-width: 700px;
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 600px) {
  .manage_cookies_banner_holder .manage_cookies_banner {
    left: 0;
    top: 0;
    transform: none;
  }
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie {
  display: flex;
  width: 100%;
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .left {
  width: 9%;
}
@media only screen and (max-width: 600px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .left {
    width: 20%;
  }
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .left .toggle {
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 600px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .left .toggle {
    width: 30px;
    height: 15px;
  }
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .left .toggle:before {
  content: "";
  position: relative;
  top: 3px;
  left: 3px;
  width: 46px;
  height: 19px;
  display: block;
  background: #3C3C3C;
  border-radius: 10px;
  transition: background 0.2s ease;
}
@media only screen and (max-width: 600px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .left .toggle:before {
    width: 30px;
    height: 14px;
  }
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .left .toggle span {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  display: block;
  background: white;
  border-radius: 100px;
  box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
  transition: all 0.2s ease;
}
@media only screen and (max-width: 600px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .left .toggle span {
    width: 20px;
    height: 20px;
  }
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .left .toggle span:before {
  content: "";
  position: absolute;
  display: block;
  margin: -18px;
  width: 56px;
  height: 56px;
  background: rgba(79, 46, 220, 0.5);
  border-radius: 50%;
  transform: scale(0);
  opacity: 1;
  pointer-events: none;
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .left .cbx:checked + .toggle span {
  background: #7D78FF;
  transform: translateX(24px);
  transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
  box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
}
@media only screen and (max-width: 600px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .left .cbx:checked + .toggle span {
    transform: translateX(20px);
  }
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .left .cbx:checked + .toggle span:before {
  transform: scale(1);
  opacity: 0;
  transition: all 0.4s ease;
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .right {
  width: 91%;
}
@media only screen and (max-width: 600px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .right {
    width: 80%;
  }
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .right h4 {
  font-size: 18px;
  margin-top: 0px;
  font-family: BasisGrotesqueProBlack;
  color: #7D78FF;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1500px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .right h4 {
    font-size: 15px;
  }
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .right p {
  font-size: 16px;
  color: #fff;
  font-family: BasisGrotesqueProMedium;
}
@media only screen and (max-width: 1500px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .right p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 1300px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .cookies_list .single_cookie .right p {
    font-size: 14px;
  }
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content h3 {
  color: #7D78FF;
  font-family: BasisGrotesqueProBlack;
  margin-bottom: 10px;
  font-size: 33px;
  margin-top: 0px;
}
@media only screen and (max-width: 1500px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1300px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content h3 {
    font-size: 25px;
  }
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content p {
  font-size: 18px;
  margin-bottom: 20px;
  color: #fff;
  margin-top: 0px;
  font-family: BasisGrotesqueProMedium;
}
@media only screen and (max-width: 1500px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content p {
    font-size: 15px;
  }
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content p a {
  color: #7D78FF;
  text-decoration: none;
  -webkit-transition: all 400ms ease 0ms;
  -moz-transition: all 400ms ease 0ms;
  -o-transition: all 400ms ease 0ms;
  transition: all 400ms ease 0ms;
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content p a:hover {
  color: #fff;
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .button_holder a {
  display: inline-block;
  height: 45px;
  width: 260px;
  margin-right: 25px;
  border: 3px solid #7D78FF;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-family: BasisGrotesqueProBlack;
  text-decoration: none;
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 400ms ease 0ms;
  -moz-transition: all 400ms ease 0ms;
  -o-transition: all 400ms ease 0ms;
  transition: all 400ms ease 0ms;
}
@media only screen and (max-width: 1500px) {
  .manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .button_holder a {
    font-size: 15px;
  }
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .button_holder a:after {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: -1;
  -webkit-transition: all 400ms ease 0ms;
  -moz-transition: all 400ms ease 0ms;
  -o-transition: all 400ms ease 0ms;
  transition: all 400ms ease 0ms;
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .button_holder a:hover {
  color: #7D78FF;
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .button_holder a:hover:after {
  width: 100%;
}
.manage_cookies_banner_holder .manage_cookies_banner .manage_cookies_banner_content .button_holder a:nth-of-type(2) {
  margin: 0px;
}

.footer_cookie_banner_holder {
  position: fixed;
  left: 0;
  top: 0;
  line-height: 1.6;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5019607843);
  z-index: 20;
}
.footer_cookie_banner_holder.closed {
  display: none;
}
.footer_cookie_banner_holder .footer_cookie_banner {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: #000;
  border: 10px solid #fff;
  z-index: 1;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1500px) {
  .footer_cookie_banner_holder .footer_cookie_banner {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .footer_cookie_banner_holder .footer_cookie_banner {
    height: 80vh;
    overflow: scroll;
  }
}
.footer_cookie_banner_holder .footer_cookie_banner .image_holder {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content {
  max-width: 960px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin: auto;
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .form-group {
  margin-bottom: 20px;
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .form-group label {
  position: relative;
  cursor: pointer;
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .form-group label:before {
  content: "";
  background-color: #fff;
  -webkit-appearance: none;
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  top: -2px;
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .form-group input:checked + label:after {
  content: "×";
  display: block;
  position: absolute;
  color: #7D78FF;
  top: -14px;
  left: 0px;
  width: 6px;
  height: -10px;
  font-size: 35px;
}
@media only screen and (max-width: 1500px) {
  .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .form-group input:checked + label:after {
    top: -16px;
  }
}
@media only screen and (max-width: 600px) {
  .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .form-group input:checked + label:after {
    top: -15px;
  }
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content h3 {
  color: #7D78FF;
  font-family: BasisGrotesqueProBlack;
  margin-bottom: 10px;
  font-size: 33px;
  width: 95%;
}
@media only screen and (max-width: 1500px) {
  .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 600px) {
  .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content h3 {
    font-size: 26px;
  }
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content label p {
  display: inline-block;
  margin: 0px;
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content p, .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content label {
  font-size: 18px;
  margin-bottom: 20px;
  color: #fff;
  margin-top: 0px;
  font-family: BasisGrotesqueProMedium;
}
@media only screen and (max-width: 1500px) {
  .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content p, .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content label {
    font-size: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content p, .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content label {
    font-size: 14px;
  }
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content p a, .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content label a {
  color: #7D78FF;
  text-decoration: none;
  -webkit-transition: all 400ms ease 0ms;
  -moz-transition: all 400ms ease 0ms;
  -o-transition: all 400ms ease 0ms;
  transition: all 400ms ease 0ms;
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content p a:hover, .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content label a:hover {
  color: #fff;
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .button_holder a {
  display: inline-block;
  height: 45px;
  cursor: pointer;
  width: 260px;
  margin-right: 25px;
  border: 3px solid #7D78FF;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-family: BasisGrotesqueProBlack;
  text-decoration: none;
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  -webkit-transition: all 400ms ease 0ms;
  -moz-transition: all 400ms ease 0ms;
  -o-transition: all 400ms ease 0ms;
  transition: all 400ms ease 0ms;
}
@media only screen and (max-width: 1500px) {
  .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .button_holder a {
    font-size: 15px;
  }
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .button_holder a:after {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: -1;
  -webkit-transition: all 400ms ease 0ms;
  -moz-transition: all 400ms ease 0ms;
  -o-transition: all 400ms ease 0ms;
  transition: all 400ms ease 0ms;
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .button_holder a:hover {
  color: #7D78FF;
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .button_holder a:hover:after {
  width: 100%;
}
.footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .button_holder a:nth-of-type(2) {
  margin: 0px;
}
@media only screen and (max-width: 1100px) {
  .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .button_holder a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .button_holder a {
    margin-bottom: 20px;
    margin-right: 0px;
  }
  .footer_cookie_banner_holder .footer_cookie_banner .footer_cookie_banner_content .button_holder a:nth-of-type(2) {
    margin: 0px;
  }
}

.button {
  border: solid 6px #ffffff;
  color: #fff;
  font-family: BasisGrotesqueProBlack;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 2.32em;
  text-align: center;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  position: relative;
  z-index: 2;
}
.button:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.button:hover {
  color: #000;
}
.button:hover:after {
  width: 100%;
}

.custom-link {
  margin: 0;
  font-family: BasisGrotesqueProBlack;
  width: 100%;
  display: inline-block;
  text-decoration: none;
  transform: skewX(-25deg);
  border-right: solid 5px #000;
  border-left: solid 5px #000;
  text-align: center;
  z-index: 2;
}
.custom-link span {
  position: relative;
  top: 50%;
  transform: translateY(-50%) skewX(25deg);
  display: inline-block;
  z-index: 2;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.custom-link:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.custom-link:hover:after {
  width: 100%;
}

.template-1-wrap {
  width: 100%;
  background-color: #23c8d2;
  padding-top: 195px;
  padding-bottom: 100px;
  min-height: calc(100vh - 367px);
}
@media only screen and (max-width: 600px) {
  .template-1-wrap {
    padding-bottom: 50px;
    padding-top: 135px;
  }
}
.template-1-wrap .template-1-wrap-content {
  max-width: 1150px;
  width: 100%;
  padding: 0px 20px 0px 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 1400px) {
  .template-1-wrap .template-1-wrap-content {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .template-1-wrap .template-1-wrap-content {
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .template-1-wrap .template-1-wrap-content {
    padding: 0px 40px;
  }
}
.template-1-wrap .headline {
  max-width: 620px;
  margin: 0px;
  max-width: 835px;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9;
  margin-bottom: 40px;
  color: #fff;
}
@media only screen and (max-width: 1400px) {
  .template-1-wrap .headline {
    font-size: 60px;
    max-width: 500px;
  }
}
@media only screen and (max-width: 1100px) {
  .template-1-wrap .headline {
    font-size: 50px;
    padding-left: 0px;
    max-width: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .template-1-wrap .headline {
    padding-left: 0px;
    font-size: 38px;
    max-width: 350px;
    margin-bottom: 25px;
  }
}
.template-1-wrap .template-1-holder .template-1-container-wrap {
  max-width: 960px;
  padding: 0px 20px;
  margin: 0 auto;
  padding-bottom: 80px;
  margin-top: 35px;
}
@media only screen and (max-width: 1400px) {
  .template-1-wrap .template-1-holder .template-1-container-wrap {
    max-width: 840px;
  }
}
@media only screen and (max-width: 1100px) {
  .template-1-wrap .template-1-holder .template-1-container-wrap {
    max-width: 700px;
  }
}
@media only screen and (max-width: 600px) {
  .template-1-wrap .template-1-holder .template-1-container-wrap {
    padding: 0px 0px 50px 0px;
  }
}
.template-1-wrap .template-1-holder .template-1-container-wrap a {
  color: #fff;
  -webkit-transition: all 0.5s ease 0ms;
  -moz-transition: all 0.5s ease 0ms;
  -o-transition: all 0.5s ease 0ms;
  transition: all 0.5s ease 0ms;
}
.template-1-wrap .template-1-holder .template-1-container-wrap a:hover {
  color: #000;
}
.template-1-wrap .template-1-holder .template-1-container-wrap p {
  font-family: BasisGrotesquePro;
  font-size: 32px;
  line-height: 1.44em;
  color: #000000;
  margin: 0px 0px 25px 0px;
}
.template-1-wrap .template-1-holder .template-1-container-wrap p:first-child {
  font-family: BasisGrotesqueProMedium;
}
@media only screen and (max-width: 1400px) {
  .template-1-wrap .template-1-holder .template-1-container-wrap p:first-child {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .template-1-wrap .template-1-holder .template-1-container-wrap p:first-child {
    font-size: 14px;
    padding: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  .template-1-wrap .template-1-holder .template-1-container-wrap p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .template-1-wrap .template-1-holder .template-1-container-wrap p {
    font-size: 14px;
    padding: 0;
    margin-bottom: 20px;
  }
}
.template-1-wrap .template-1-holder .template-1-container-wrap strong {
  font-family: BasisGrotesqueProBlack;
  font-size: 28px;
  line-height: 1;
  color: #000000;
}
@media only screen and (max-width: 1400px) {
  .template-1-wrap .template-1-holder .template-1-container-wrap strong {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .template-1-wrap .template-1-holder .template-1-container-wrap strong {
    font-size: 14px;
    padding: 0;
    margin-bottom: 30px;
  }
}
.template-1-wrap .template-1-holder .template-1-container-wrap strong:last-child {
  margin-bottom: 0;
}

.rows-container {
  border-top: solid 1px #fff;
}
.rows-container .row-content {
  max-width: 1150px;
  width: 100%;
  padding: 0px 20px 0px 20px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .rows-container .row-content {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .rows-container .row-content {
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .rows-container .row-content {
    top: -5px;
    padding: 0px 10px;
  }
}
.rows-container .row {
  cursor: pointer;
  background-color: transparent;
  color: white;
  border-top: solid 1px #fff;
  padding: 20px 0px 20px 0px;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .rows-container .row {
    padding: 10px 0px 10px 0px;
  }
}
.rows-container .row:first-child {
  border-top: none;
}
.rows-container .row:last-child {
  border-bottom: solid 1px #fff;
}
.rows-container .row.white {
  background-color: #fff;
}
.rows-container .row h1 {
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  margin: 0px;
  display: inline-block;
  font-family: BasisGrotesqueProBlack;
  font-size: 44px;
  letter-spacing: 0.1px;
  color: #fff;
  padding-left: 70px;
  max-width: 100%;
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .rows-container .row h1 {
    font-size: 30px;
    padding-left: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .rows-container .row h1 {
    font-size: 18px;
    padding-left: 40px;
    position: relative;
    top: 7px;
  }
}
.rows-container .row .icon {
  width: 30px;
  height: 30px;
  margin-right: 50px;
  position: absolute;
  top: 20px;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  cursor: pointer;
}
@media only screen and (max-width: 1400px) {
  .rows-container .row .icon {
    transform: scale(0.8);
    top: 7px;
  }
}
@media only screen and (max-width: 600px) {
  .rows-container .row .icon {
    margin-right: 5px;
    transform: scale(0.6);
    top: 5px;
  }
}
.rows-container .row .icon.rotate span:nth-child(2) {
  top: 4px;
  transform: rotate(0deg);
}
.rows-container .row .icon span {
  display: block;
  width: 30px;
  height: 7px;
  background-color: #000;
  position: relative;
  -webkit-transition: all 700ms ease 0ms;
  -moz-transition: all 700ms ease 0ms;
  -o-transition: all 700ms ease 0ms;
  transition: all 700ms ease 0ms;
}
.rows-container .row .icon span:nth-child(1) {
  top: 11px;
}
.rows-container .row .icon span:nth-child(2) {
  top: 4px;
  transform: rotate(90deg);
}
.rows-container .row .row-text {
  display: none;
  max-width: 850px;
  margin: auto;
}
.rows-container .row .row-text a {
  margin: 0px 6px;
  font-family: BasisGrotesqueProBlack;
  display: inline-block;
  text-decoration: none;
  transform: skewX(-25deg);
  border-right: solid 5px transparent;
  border-left: solid 5px transparent;
  text-align: center;
  z-index: 0;
  font-family: BasisGrotesqueProBlack;
  font-size: 18px;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  height: 20px;
  padding: 0px 10px;
}
@media only screen and (max-width: 1400px) {
  .rows-container .row .row-text a {
    font-size: 14px;
    border-right: solid 4px transparent;
    border-left: solid 4px transparent;
  }
}
.rows-container .row .row-text a span {
  line-height: 1.4;
  position: relative;
  top: 50%;
  transform: translateY(-50%) skewX(25deg);
  display: inline-block;
  z-index: 2;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.rows-container .row .row-text a:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.rows-container .row .row-text a:hover span {
  color: #fff !important;
}
.rows-container .row .row-text a:hover:after {
  width: 100%;
}
.rows-container .row .row-text p {
  font-family: BasisGrotesqueProMedium;
  font-size: 24px;
  line-height: 1.58;
  letter-spacing: -0.4px;
  color: #000000;
}
@media only screen and (max-width: 1400px) {
  .rows-container .row .row-text p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .rows-container .row .row-text p {
    font-size: 14px;
  }
}

.prev-next-template-wrap {
  overflow: hidden;
}
.prev-next-template-wrap .button {
  max-width: 300px;
  width: 100%;
  color: #fff;
}
.prev-next-template-wrap .template-posts {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: auto;
  padding: 75px 20px;
}
@media only screen and (max-width: 600px) {
  .prev-next-template-wrap .template-posts {
    padding: 50px 40px;
  }
}
.prev-next-template-wrap .template-posts .template-post {
  position: relative;
  opacity: 0;
  width: 50%;
  box-sizing: border-box;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
.prev-next-template-wrap .template-posts .template-post.in-view {
  opacity: 1;
}
.prev-next-template-wrap .template-posts .template-post.in-view:first-child {
  left: 0px;
}
.prev-next-template-wrap .template-posts .template-post.in-view:last-child {
  right: 0px;
}
@media only screen and (max-width: 600px) {
  .prev-next-template-wrap .template-posts .template-post {
    width: 100%;
    margin-bottom: 25px;
  }
}
.prev-next-template-wrap .template-posts .template-post:first-child {
  left: -400px;
  padding-right: 40px;
}
@media only screen and (max-width: 980px) {
  .prev-next-template-wrap .template-posts .template-post:first-child {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .prev-next-template-wrap .template-posts .template-post:first-child {
    padding: 0px;
  }
}
.prev-next-template-wrap .template-posts .template-post:last-child {
  right: -400px;
  padding-left: 40px;
}
@media only screen and (max-width: 980px) {
  .prev-next-template-wrap .template-posts .template-post:last-child {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .prev-next-template-wrap .template-posts .template-post:last-child {
    padding: 0px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .prev-next-template-wrap .template-posts .template-post {
    width: 100%;
  }
}
.prev-next-template-wrap .template-posts .template-post .nextPrevBtn {
  margin: 0px;
  display: inline-block;
  font-family: BasisGrotesqueProBlack;
  font-size: 18px;
  color: #ffffff;
  border-right: solid 3px #fff;
  border-left: solid 3px #fff;
  margin-bottom: 25px;
  transform: skew(-30deg);
  padding: 0px 10px;
  box-sizing: border-box;
  line-height: 0.9;
}
@media only screen and (max-width: 1400px) {
  .prev-next-template-wrap .template-posts .template-post .nextPrevBtn {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .prev-next-template-wrap .template-posts .template-post .nextPrevBtn {
    margin-bottom: 15px;
  }
}
.prev-next-template-wrap .template-posts .template-post .nextPrevBtn span {
  display: inline-block;
  transform: skew(30deg);
  position: relative;
  top: 1px;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.prev-next-template-wrap .template-posts .template-post .nextPrevBtn:after {
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.prev-next-template-wrap .template-posts .template-post .nextPrevBtn:hover span {
  color: #000;
}
.prev-next-template-wrap .template-posts .template-post .nextPrevBtn:hover:after {
  width: 100%;
}
.prev-next-template-wrap .template-posts .template-post .template-content {
  padding: 20px;
  background-color: #fff;
  min-height: 150px;
  display: block;
  text-decoration: none;
}
@media only screen and (max-width: 600px) {
  .prev-next-template-wrap .template-posts .template-post .template-content {
    min-height: auto;
  }
}
.prev-next-template-wrap .template-posts .template-post .template-content h1 {
  margin: 0px;
  font-family: BasisGrotesqueProBold;
  font-size: 24px;
  line-height: 1.08;
  color: #000000;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1400px) {
  .prev-next-template-wrap .template-posts .template-post .template-content h1 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 600px) {
  .prev-next-template-wrap .template-posts .template-post .template-content h1 {
    font-size: 20px;
  }
}
.prev-next-template-wrap .template-posts .template-post .template-content p {
  margin: 0px;
  font-family: BasisGrotesquePro;
  font-size: 13px;
  line-height: 1.46;
  color: #000000;
}

.single-template-post-wrap {
  background-color: #F2F2F2;
  padding-top: 160px;
}
@media only screen and (max-width: 600px) {
  .single-template-post-wrap {
    padding-top: 135px;
  }
}
.single-template-post-wrap .single-template-post-container {
  max-width: 980px;
  margin: auto;
  padding: 0px 20px 120px 20px;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 1300px) {
  .single-template-post-wrap .single-template-post-container {
    padding-left: 100px;
  }
}
@media only screen and (max-width: 1100px) {
  .single-template-post-wrap .single-template-post-container {
    padding: 0px 40px 120px 40px;
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-post-wrap .single-template-post-container {
    padding: 0px 40px 50px 40px;
  }
}
.single-template-post-wrap .single-template-post-container .tag {
  position: relative;
  transform: skew(-30deg);
  background-color: #7d78ff;
  max-width: 310px;
  height: 40px;
  margin-bottom: 20px;
  text-align: center;
  left: 12px;
}
@media only screen and (max-width: 1400px) {
  .single-template-post-wrap .single-template-post-container .tag {
    max-width: 250px;
    height: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-post-wrap .single-template-post-container .tag {
    max-width: 180px;
    height: 25px;
  }
}
.single-template-post-wrap .single-template-post-container .tag p {
  margin: 0px;
  font-family: BasisGrotesqueProMedium;
  font-size: 25px;
  line-height: 1.7;
  color: #ffffff;
  transform: skew(30deg);
}
@media only screen and (max-width: 1400px) {
  .single-template-post-wrap .single-template-post-container .tag p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-post-wrap .single-template-post-container .tag p {
    font-size: 14px;
    line-height: 1.9;
  }
}
.single-template-post-wrap .single-template-post-container h1 {
  margin: 0px;
  font-family: BasisGrotesqueProBlack;
  font-size: 48px;
  line-height: 0.96;
  color: #7d78ff;
  display: block;
  width: 100%;
  margin-bottom: 15px;
  word-break: keep-all;
}
@media only screen and (max-width: 1400px) {
  .single-template-post-wrap .single-template-post-container h1 {
    font-size: 35px;
  }
}
.single-template-post-wrap .single-template-post-container h2 {
  margin: 0px;
  font-family: BasisGrotesqueProBlack;
  font-size: 28px;
  line-height: 1.25;
  color: #000000;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1400px) {
  .single-template-post-wrap .single-template-post-container h2 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-post-wrap .single-template-post-container h2 {
    margin-bottom: 10px;
  }
}
.single-template-post-wrap .single-template-post-container .template-post-text {
  padding-left: 60px;
  position: relative;
  opacity: 0;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
.single-template-post-wrap .single-template-post-container .template-post-text.in-view {
  opacity: 1;
}
.single-template-post-wrap .single-template-post-container .template-post-text .button {
  max-width: 270px;
  width: 100%;
  border: 5px solid #000;
  color: #000;
  background-color: #f2f2f2;
  font-size: 22px;
  -webkit-transition: all 0.5s ease 0ms;
  -moz-transition: all 0.5s ease 0ms;
  -o-transition: all 0.5s ease 0ms;
  transition: all 0.5s ease 0ms;
}
.single-template-post-wrap .single-template-post-container .template-post-text .button:after {
  background-color: #000;
}
.single-template-post-wrap .single-template-post-container .template-post-text .button:hover {
  color: #fff !important;
}
@media only screen and (max-width: 600px) {
  .single-template-post-wrap .single-template-post-container .template-post-text .button {
    font-size: 20px;
    max-width: 240px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-post-wrap .single-template-post-container .template-post-text {
    padding-left: 0px;
  }
}
.single-template-post-wrap .single-template-post-container .template-post-text ul {
  margin: 0px;
}
.single-template-post-wrap .single-template-post-container .template-post-text ul li {
  color: #000;
}
.single-template-post-wrap .single-template-post-container .template-post-text a {
  color: #7d78ff;
  line-height: 1.36;
  -webkit-transition: all 0.5s ease 0ms;
  -moz-transition: all 0.5s ease 0ms;
  -o-transition: all 0.5s ease 0ms;
  transition: all 0.5s ease 0ms;
}
.single-template-post-wrap .single-template-post-container .template-post-text a:hover {
  color: #000;
}
.single-template-post-wrap .single-template-post-container .template-post-text p, .single-template-post-wrap .single-template-post-container .template-post-text li {
  font-family: BasisGrotesqueProMedium;
  color: #000000;
  font-size: 28px;
  line-height: 1.36;
  color: #000000;
}
@media only screen and (max-width: 1400px) {
  .single-template-post-wrap .single-template-post-container .template-post-text p, .single-template-post-wrap .single-template-post-container .template-post-text li {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-post-wrap .single-template-post-container .template-post-text p, .single-template-post-wrap .single-template-post-container .template-post-text li {
    font-size: 14px;
  }
}
.single-template-post-wrap .single-template-post-container .template-post-text .social-media {
  position: absolute;
  left: -70px;
  top: 3px;
  text-align: center;
}
.single-template-post-wrap .single-template-post-container .template-post-text .social-media:hover p {
  animation-name: shareText;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@media only screen and (max-width: 980px) {
  .single-template-post-wrap .single-template-post-container .template-post-text .social-media {
    margin: 25px 0px;
    position: relative;
    left: 0;
    top: 0;
    text-align: left;
  }
}
.single-template-post-wrap .single-template-post-container .template-post-text .social-media p {
  margin: 0px;
  font-family: BasisGrotesqueProBlack;
  font-size: 18px;
  color: #000000;
  margin-bottom: 30px;
}
@media only screen and (max-width: 980px) {
  .single-template-post-wrap .single-template-post-container .template-post-text .social-media p {
    display: inline-block;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  .single-template-post-wrap .single-template-post-container .template-post-text .social-media p {
    font-size: 15px;
  }
}
.single-template-post-wrap .single-template-post-container .template-post-text .social-media a {
  text-decoration: none;
}
.single-template-post-wrap .single-template-post-container .template-post-text .social-media a i {
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-bottom: 10px;
  color: #000;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .single-template-post-wrap .single-template-post-container .template-post-text .social-media a i {
    font-size: 18px;
  }
}
@media only screen and (max-width: 980px) {
  .single-template-post-wrap .single-template-post-container .template-post-text .social-media a i {
    display: inline-block;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-post-wrap .single-template-post-container .template-post-text .social-media a i {
    font-size: 16px;
  }
}
.single-template-post-wrap .single-template-post-container .template-post-text .social-media a i:last-child {
  margin-bottom: 0px;
}
.single-template-post-wrap .single-template-post-container .template-post-text .social-media a i:hover.icon-facebook {
  color: #7d78ff;
}
.single-template-post-wrap .single-template-post-container .template-post-text .social-media a i:hover.icon-twitter {
  color: #23c8d2;
}

.loader {
  background-color: black;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
}
.loader.hidden {
  opacity: 0;
}
.loader.hidden img {
  opacity: 0;
}
.loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 220px;
  transform-origin: 0% 0%;
}

/**
 * Swiper 4.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 1, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 27px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 27px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #ffffff;
  opacity: 0.7;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

.slide-image {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.slide-image:after {
  content: "";
  display: block;
  padding-top: 58%;
}

.footer-wrap {
  width: 100%;
  background-color: #000;
  color: #fefefe;
  display: flex;
  padding-top: 50px;
  position: relative;
}
@media only screen and (max-width: 1100px) {
  .footer-wrap {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 1100px) {
  .footer-wrap .footer-logo-wrap {
    width: 145px;
  }
}
@media only screen and (max-width: 480px) {
  .footer-wrap .footer-logo-wrap {
    width: 125px;
  }
}
.footer-wrap .left-side, .footer-wrap .right-side {
  opacity: 0;
  -webkit-transition: all 3s ease 0ms;
  -moz-transition: all 3s ease 0ms;
  -o-transition: all 3s ease 0ms;
  transition: all 3s ease 0ms;
}
.footer-wrap .left-side.in-view, .footer-wrap .right-side.in-view {
  opacity: 1;
}
.footer-wrap .left-side {
  width: 60%;
}
.footer-wrap .left-side .left {
  max-width: 564px;
  width: 100%;
  margin-left: 165px;
  font-family: BasisGrotesquePro;
  color: #fefefe;
  margin-bottom: 20px;
}
.footer-wrap .left-side .left .joinourcommunity {
  display: block;
  margin-top: 20px;
  font-family: BasisGrotesqueProMedium;
  font-size: 24px;
  letter-spacing: -0.2px;
  color: #fefefe;
  text-decoration: none;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.footer-wrap .left-side .left .joinourcommunity.second {
  margin-top: 20px;
}
.footer-wrap .left-side .left .joinourcommunity:hover {
  color: #ff7061;
}
@media only screen and (max-width: 480px) {
  .footer-wrap .left-side .left .joinourcommunity {
    font-size: 14px;
  }
}
.footer-wrap .left-side .left .gfield_label {
  margin-top: 45px;
  margin-bottom: 25px;
  font-size: 24px;
}
@media only screen and (max-width: 600px) {
  .footer-wrap .left-side .left .gfield_label {
    font-size: 14px;
  }
}
.footer-wrap .left-side .left span {
  margin-top: 25px;
  font-size: 12px;
  max-width: 564px;
  width: 100%;
  display: block;
}
.footer-wrap .left-side .left .gf_browser_chrome form, .footer-wrap .left-side .left .gform_wrapper form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.footer-wrap .left-side .left .gf_browser_chrome form .validation_error, .footer-wrap .left-side .left .gform_wrapper form .validation_error {
  margin-bottom: 0px;
}
.footer-wrap .left-side .left .gf_browser_chrome form .gform_body, .footer-wrap .left-side .left .gform_wrapper form .gform_body {
  max-width: 445px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .footer-wrap .left-side .left .gf_browser_chrome form .gform_body, .footer-wrap .left-side .left .gform_wrapper form .gform_body {
    width: 70%;
  }
}
@media only screen and (max-width: 1100px) {
  .footer-wrap .left-side .left .gf_browser_chrome form .gform_body, .footer-wrap .left-side .left .gform_wrapper form .gform_body {
    width: 100%;
    display: block;
  }
}
.footer-wrap .left-side .left .gf_browser_chrome form .gform_body .gfield .ginput_container input[type=text], .footer-wrap .left-side .left .gf_browser_chrome form .gform_body .gfield .ginput_container_email input[type=text], .footer-wrap .left-side .left .gf_browser_chrome form .gform_body .gfield_contains_required .ginput_container input[type=text], .footer-wrap .left-side .left .gf_browser_chrome form .gform_body .gfield_contains_required .ginput_container_email input[type=text], .footer-wrap .left-side .left .gf_browser_chrome form .gform_body .field_sublabel_below .ginput_container input[type=text], .footer-wrap .left-side .left .gf_browser_chrome form .gform_body .field_sublabel_below .ginput_container_email input[type=text], .footer-wrap .left-side .left .gf_browser_chrome form .gform_body .field_description_below .ginput_container input[type=text], .footer-wrap .left-side .left .gf_browser_chrome form .gform_body .field_description_below .ginput_container_email input[type=text], .footer-wrap .left-side .left .gf_browser_chrome form .gform_body .gfield_visibility_visible .ginput_container input[type=text], .footer-wrap .left-side .left .gf_browser_chrome form .gform_body .gfield_visibility_visible .ginput_container_email input[type=text], .footer-wrap .left-side .left .gform_wrapper form .gform_body .gfield .ginput_container input[type=text], .footer-wrap .left-side .left .gform_wrapper form .gform_body .gfield .ginput_container_email input[type=text], .footer-wrap .left-side .left .gform_wrapper form .gform_body .gfield_contains_required .ginput_container input[type=text], .footer-wrap .left-side .left .gform_wrapper form .gform_body .gfield_contains_required .ginput_container_email input[type=text], .footer-wrap .left-side .left .gform_wrapper form .gform_body .field_sublabel_below .ginput_container input[type=text], .footer-wrap .left-side .left .gform_wrapper form .gform_body .field_sublabel_below .ginput_container_email input[type=text], .footer-wrap .left-side .left .gform_wrapper form .gform_body .field_description_below .ginput_container input[type=text], .footer-wrap .left-side .left .gform_wrapper form .gform_body .field_description_below .ginput_container_email input[type=text], .footer-wrap .left-side .left .gform_wrapper form .gform_body .gfield_visibility_visible .ginput_container input[type=text], .footer-wrap .left-side .left .gform_wrapper form .gform_body .gfield_visibility_visible .ginput_container_email input[type=text] {
  width: 100%;
  max-height: 36px;
}
.footer-wrap .left-side .left .gf_browser_chrome form .gform_footer, .footer-wrap .left-side .left .gf_browser_chrome form .top_label, .footer-wrap .left-side .left .gform_wrapper form .gform_footer, .footer-wrap .left-side .left .gform_wrapper form .top_label {
  padding: 0;
  margin: 0;
}
.footer-wrap .left-side .left .gf_browser_chrome form .gform_footer input[type=submit], .footer-wrap .left-side .left .gf_browser_chrome form .top_label input[type=submit], .footer-wrap .left-side .left .gform_wrapper form .gform_footer input[type=submit], .footer-wrap .left-side .left .gform_wrapper form .top_label input[type=submit] {
  margin-top: 99px;
  background-color: #000;
  color: #fefefe;
  border: 3px solid #fefefe;
  text-transform: uppercase;
  font-family: BasisGrotesqueProBlack;
  line-height: 1;
  border-radius: 0px;
}
@media only screen and (max-width: 860px) {
  .footer-wrap .left-side .left .gf_browser_chrome form .gform_footer input[type=submit], .footer-wrap .left-side .left .gf_browser_chrome form .top_label input[type=submit], .footer-wrap .left-side .left .gform_wrapper form .gform_footer input[type=submit], .footer-wrap .left-side .left .gform_wrapper form .top_label input[type=submit] {
    margin-top: 20px;
  }
}
.footer-wrap .left-side .left .gf_browser_chrome form .gform_footer input[type=text], .footer-wrap .left-side .left .gf_browser_chrome form .top_label input[type=text], .footer-wrap .left-side .left .gform_wrapper form .gform_footer input[type=text], .footer-wrap .left-side .left .gform_wrapper form .top_label input[type=text] {
  border-radius: 0px;
}
.footer-wrap .left-side .left .gf_browser_chrome form .gfield .gfield_error, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_contains_required, .footer-wrap .left-side .left .gf_browser_chrome form .field_sublabel_below, .footer-wrap .left-side .left .gf_browser_chrome form .field_description_below, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_visibility_visible, .footer-wrap .left-side .left .gform_wrapper form .gfield .gfield_error, .footer-wrap .left-side .left .gform_wrapper form .gfield_contains_required, .footer-wrap .left-side .left .gform_wrapper form .field_sublabel_below, .footer-wrap .left-side .left .gform_wrapper form .field_description_below, .footer-wrap .left-side .left .gform_wrapper form .gfield_visibility_visible {
  margin: 0px;
  padding-top: 0;
  background-color: #000;
  border: 0px;
}
@media only screen and (max-width: 768px) {
  .footer-wrap .left-side .left .gf_browser_chrome form .gfield .gfield_error, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_contains_required, .footer-wrap .left-side .left .gf_browser_chrome form .field_sublabel_below, .footer-wrap .left-side .left .gf_browser_chrome form .field_description_below, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_visibility_visible, .footer-wrap .left-side .left .gform_wrapper form .gfield .gfield_error, .footer-wrap .left-side .left .gform_wrapper form .gfield_contains_required, .footer-wrap .left-side .left .gform_wrapper form .field_sublabel_below, .footer-wrap .left-side .left .gform_wrapper form .field_description_below, .footer-wrap .left-side .left .gform_wrapper form .gfield_visibility_visible {
    padding-right: 16px;
  }
}
.footer-wrap .left-side .left .gf_browser_chrome form .gfield .gfield_error .gfield_label, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_contains_required .gfield_label, .footer-wrap .left-side .left .gf_browser_chrome form .field_sublabel_below .gfield_label, .footer-wrap .left-side .left .gf_browser_chrome form .field_description_below .gfield_label, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_visibility_visible .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .gfield .gfield_error .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .gfield_contains_required .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .field_sublabel_below .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .field_description_below .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .gfield_visibility_visible .gfield_label {
  margin-top: 36px;
}
@media only screen and (max-width: 600px) {
  .footer-wrap .left-side .left .gf_browser_chrome form .gfield .gfield_error .gfield_label, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_contains_required .gfield_label, .footer-wrap .left-side .left .gf_browser_chrome form .field_sublabel_below .gfield_label, .footer-wrap .left-side .left .gf_browser_chrome form .field_description_below .gfield_label, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_visibility_visible .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .gfield .gfield_error .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .gfield_contains_required .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .field_sublabel_below .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .field_description_below .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .gfield_visibility_visible .gfield_label {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 80px;
  }
}
@media only screen and (max-width: 380px) {
  .footer-wrap .left-side .left .gf_browser_chrome form .gfield .gfield_error .gfield_label, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_contains_required .gfield_label, .footer-wrap .left-side .left .gf_browser_chrome form .field_sublabel_below .gfield_label, .footer-wrap .left-side .left .gf_browser_chrome form .field_description_below .gfield_label, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_visibility_visible .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .gfield .gfield_error .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .gfield_contains_required .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .field_sublabel_below .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .field_description_below .gfield_label, .footer-wrap .left-side .left .gform_wrapper form .gfield_visibility_visible .gfield_label {
    margin-bottom: 10px;
  }
}
.footer-wrap .left-side .left .gf_browser_chrome form .gfield .gfield_error .ginput_container, .footer-wrap .left-side .left .gf_browser_chrome form .gfield .gfield_error .ginput_container_email, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_contains_required .ginput_container, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_contains_required .ginput_container_email, .footer-wrap .left-side .left .gf_browser_chrome form .field_sublabel_below .ginput_container, .footer-wrap .left-side .left .gf_browser_chrome form .field_sublabel_below .ginput_container_email, .footer-wrap .left-side .left .gf_browser_chrome form .field_description_below .ginput_container, .footer-wrap .left-side .left .gf_browser_chrome form .field_description_below .ginput_container_email, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_visibility_visible .ginput_container, .footer-wrap .left-side .left .gf_browser_chrome form .gfield_visibility_visible .ginput_container_email, .footer-wrap .left-side .left .gform_wrapper form .gfield .gfield_error .ginput_container, .footer-wrap .left-side .left .gform_wrapper form .gfield .gfield_error .ginput_container_email, .footer-wrap .left-side .left .gform_wrapper form .gfield_contains_required .ginput_container, .footer-wrap .left-side .left .gform_wrapper form .gfield_contains_required .ginput_container_email, .footer-wrap .left-side .left .gform_wrapper form .field_sublabel_below .ginput_container, .footer-wrap .left-side .left .gform_wrapper form .field_sublabel_below .ginput_container_email, .footer-wrap .left-side .left .gform_wrapper form .field_description_below .ginput_container, .footer-wrap .left-side .left .gform_wrapper form .field_description_below .ginput_container_email, .footer-wrap .left-side .left .gform_wrapper form .gfield_visibility_visible .ginput_container, .footer-wrap .left-side .left .gform_wrapper form .gfield_visibility_visible .ginput_container_email {
  margin-top: 8px;
}
.footer-wrap .left-side .left .gf_browser_chrome .gfield_required, .footer-wrap .left-side .left .gform_wrapper .gfield_required {
  display: none;
}
.footer-wrap .left-side .left .gf_browser_chrome .gform_footer, .footer-wrap .left-side .left .gform_wrapper .gform_footer {
  width: 60px;
}
@media only screen and (max-width: 1100px) {
  .footer-wrap .left-side .left {
    margin-left: 40px;
  }
}
.footer-wrap .right-side {
  width: 40%;
  position: relative;
}
.footer-wrap .right-side .right {
  padding-left: 250px;
}
@media only screen and (max-width: 520px) {
  .footer-wrap .right-side .right {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 1200px) {
  .footer-wrap .right-side .right {
    padding-left: 150px;
  }
}
@media only screen and (max-width: 1100px) {
  .footer-wrap .right-side .right {
    padding-left: 140px;
  }
}
@media only screen and (max-width: 600px) {
  .footer-wrap .right-side .right {
    padding-left: 60px;
  }
}
.footer-wrap .right-side .right a {
  font-size: 24px;
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none;
  color: #fefefe;
  font-family: BasisGrotesquePro;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .footer-wrap .right-side .right a {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .footer-wrap .right-side .right a {
    font-size: 14px;
  }
}
.footer-wrap .right-side .right a:hover {
  color: #ff7061;
}
.footer-wrap .right-side .right .privacy-policy {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #fefefe;
  font-family: BasisGrotesquePro;
  font-size: 12px;
}
@media only screen and (max-width: 600px) {
  .footer-wrap .right-side .right .privacy-policy {
    position: relative;
    font-size: 14px;
    margin-top: 3px;
    bottom: 0;
  }
}

.donation-alert-fullscreen {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 950;
  line-height: 1.6;
}
.donation-alert-fullscreen:after {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: -1;
}
.donation-alert-fullscreen .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  opacity: 0.92;
  height: 100vh;
}
.donation-alert-fullscreen .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FF7061;
  padding: 20px;
  padding-top: 40px;
  padding-bottom: 30px;
  max-width: 540px;
  padding-right: 60px;
  width: 100%;
  border: 6px solid #fff;
}
@media only screen and (max-width: 600px) {
  .donation-alert-fullscreen .content {
    max-width: 320px;
    padding-right: 20px;
  }
}
.donation-alert-fullscreen .content .ribbon {
  position: absolute;
  right: 0;
  bottom: 0px;
  width: auto;
}
.donation-alert-fullscreen .content .text, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle {
  max-width: 410px;
}
@media only screen and (max-width: 600px) {
  .donation-alert-fullscreen .content .text, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle {
    max-width: 213px;
  }
}
.donation-alert-fullscreen .content .text h1, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1, .donation-alert-fullscreen .content .text p, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle p, .donation-alert-fullscreen .content .text a, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle a, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle a {
  font-family: BasisGrotesqueProMedium;
  margin: 0px;
  text-decoration: none;
  color: #fff;
  font-size: 25px !important;
}
.donation-alert-fullscreen .content .text h1 span, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1 span, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1 span, .donation-alert-fullscreen .content .text h1 strong, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1 strong, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1 strong, .donation-alert-fullscreen .content .text p span, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle p span, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle p span, .donation-alert-fullscreen .content .text p strong, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle p strong, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle p strong, .donation-alert-fullscreen .content .text a span, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle a span, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle a span, .donation-alert-fullscreen .content .text a strong, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle a strong, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle a strong {
  font-family: BasisGrotesqueProBlack;
  font-weight: normal;
}
.donation-alert-fullscreen .content .text a, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle a, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle a {
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.donation-alert-fullscreen .content .text a:hover, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle a:hover, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle a:hover {
  color: #fff;
}
.donation-alert-fullscreen .content .text h1, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1 {
  color: #000;
  font-size: 35px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1400px) {
  .donation-alert-fullscreen .content .text h1, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .donation-alert-fullscreen .content .text h1, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .donation-alert-fullscreen .content .text h1, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1 {
    max-width: 70%;
  }
}
.donation-alert-fullscreen .content .text h1 span, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1 span, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1 span {
  color: #D585B3;
}
.donation-alert-fullscreen .content .text h1 span span:nth-child(2), .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1 span span:nth-child(2), .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1 span span:nth-child(2) {
  color: #619780;
}
.donation-alert-fullscreen .content .text h1 span span:nth-child(3), .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1 span span:nth-child(3), .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1 span span:nth-child(3) {
  color: #A4BDE1;
}
.donation-alert-fullscreen .content .text h1 span span:nth-child(4), .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1 span span:nth-child(4), .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1 span span:nth-child(4) {
  color: #E69B3F;
}
.donation-alert-fullscreen .content .text h1 span span:nth-child(5), .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1 span span:nth-child(5), .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1 span span:nth-child(5) {
  color: #DD5134;
}
.donation-alert-fullscreen .content .text h1 span span:nth-child(6), .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle h1 span span:nth-child(6), .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle h1 span span:nth-child(6) {
  color: #D585B3;
}
.donation-alert-fullscreen .content .text p, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle p {
  font-size: 25px;
}
@media only screen and (max-width: 1400px) {
  .donation-alert-fullscreen .content .text p, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .donation-alert-fullscreen .content .text p, .donation-alert-fullscreen .content .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .donation-alert-fullscreen .content .bottom-subtitle p {
    font-size: 20px !important;
  }
}
.donation-alert-fullscreen .content img {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 183px;
}
@media only screen and (max-width: 600px) {
  .donation-alert-fullscreen .content img {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 20px;
  }
}
.donation-alert-fullscreen .content .donatebtn {
  margin-top: 50px;
  display: inline-block;
  padding: 4px 60px;
  border: solid 4px #fff;
  text-align: center;
  background-color: #fff;
  text-decoration: none;
  color: #000;
  font-size: 24px;
  line-height: 1.2em;
  font-family: BasisGrotesqueProBlack;
  position: relative;
  z-index: 1;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .donation-alert-fullscreen .content .donatebtn {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .donation-alert-fullscreen .content .donatebtn {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .donation-alert-fullscreen .content .donatebtn {
    display: block;
    margin-top: 20px;
  }
}
.donation-alert-fullscreen .content .donatebtn:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  width: 0%;
  background-color: #000;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  z-index: -9;
}
.donation-alert-fullscreen .content .donatebtn:hover {
  color: #fff;
}
.donation-alert-fullscreen .content .donatebtn:hover:after {
  width: 100%;
}
.donation-alert-fullscreen .content .second_button_holder {
  display: inline-block;
  text-align: center;
  position: absolute;
  right: 60px;
  bottom: 15px;
}
@media only screen and (max-width: 600px) {
  .donation-alert-fullscreen .content .second_button_holder {
    display: block;
    text-align: left;
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 20px;
  }
}
.donation-alert-fullscreen .content .second_button_holder .donatebtn.second {
  background: transparent;
  color: #000;
  height: 80px;
  width: 80px;
  text-align: center;
  padding: 0;
  border: 3px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: BasisGrotesqueProMedium;
  margin: auto;
  font-size: 14px;
}
@media only screen and (max-width: 600px) {
  .donation-alert-fullscreen .content .second_button_holder .donatebtn.second {
    margin: inherit;
  }
}
.donation-alert-fullscreen .content .second_button_holder .donatebtn.second a {
  font-family: BasisGrotesqueProBlack;
}
.donation-alert-fullscreen .content .second_button_holder p {
  margin: 0px;
  font-size: 11px;
}
.donation-alert-fullscreen .content .second_button_holder p a {
  color: #000;
  font-family: BasisGrotesqueProBlack;
  text-decoration: none;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.donation-alert-fullscreen .content .second_button_holder p a:hover {
  color: #fff;
}
.donation-alert-fullscreen .content .closebtn {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 20px;
  height: 20px;
  font-family: BasisGrotesqueProBlack;
  cursor: pointer;
}
.donation-alert-fullscreen .content .closebtn span {
  cursor: pointer;
  display: block;
  position: absolute;
  height: 3px;
  width: 20px;
  background-color: #fff;
  border-radius: 3px;
}
.donation-alert-fullscreen .content .closebtn span:nth-child(1) {
  transform: rotate(-45deg);
}
.donation-alert-fullscreen .content .closebtn span:nth-child(2) {
  transform: rotate(45deg);
}

.donation-alert {
  width: 100%;
  line-height: 1.6;
  top: -200px;
  left: 0px;
  overflow: hidden;
  background: #FF7061;
  position: fixed;
  width: 100%;
  z-index: 900;
  border-bottom: 10px solid #fff;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.donation-alert.active {
  top: 0px;
  left: 0px;
}
.donation-alert .ribbon {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
}
.donation-alert .donation-alert-content {
  margin: auto;
  padding: 0px 20px;
  box-sizing: border-box;
  position: relative;
}
.donation-alert .donation-alert-content .text, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle {
  max-width: 920px;
}
@media only screen and (max-width: 1300px) {
  .donation-alert .donation-alert-content .text, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle {
    max-width: 820px;
  }
}
@media only screen and (max-width: 1200px) {
  .donation-alert .donation-alert-content .text, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle {
    max-width: 520px;
  }
}
@media only screen and (max-width: 980px) {
  .donation-alert .donation-alert-content .text, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle {
    max-width: 420px;
  }
}
@media only screen and (max-width: 860px) {
  .donation-alert .donation-alert-content .text, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle {
    max-width: 80%;
  }
}
@media only screen and (max-width: 720px) {
  .donation-alert .donation-alert-content .text, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle {
    max-width: 100%;
  }
}
.donation-alert .donation-alert-content .text p, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle p {
  color: #fff;
  font-size: 20px;
  margin: 20px 0px;
  font-family: BasisGrotesqueProMedium;
}
@media only screen and (max-width: 1300px) {
  .donation-alert .donation-alert-content .text p, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle p {
    font-size: 16px;
    margin: 30px 0px;
  }
}
@media only screen and (max-width: 860px) {
  .donation-alert .donation-alert-content .text p, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle p {
    margin: 10px 0px;
  }
}
@media only screen and (max-width: 720px) {
  .donation-alert .donation-alert-content .text p, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle p {
    font-size: 13px;
    margin-bottom: 0px;
  }
}
.donation-alert .donation-alert-content .text p span, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle p span, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle p span, .donation-alert .donation-alert-content .text p strong, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle p strong, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle p strong {
  font-family: BasisGrotesqueProBlack;
  font-weight: normal;
}
.donation-alert .donation-alert-content .text a, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle a, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle a {
  color: #000;
  text-decoration: none;
  font-size: 16px;
  font-family: BasisGrotesqueProMedium;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 720px) {
  .donation-alert .donation-alert-content .text a, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle a, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle a {
    font-size: 13px;
  }
}
.donation-alert .donation-alert-content .text a:hover, .donation-alert .donation-alert-content .home-wrapper .first-section-wrap .bottom-subtitle a:hover, .home-wrapper .first-section-wrap .donation-alert .donation-alert-content .bottom-subtitle a:hover {
  color: #fff;
}
.donation-alert .donation-alert-content .donatebtn {
  display: inline-block;
  padding: 4px 40px;
  position: absolute;
  border: solid 4px #fff;
  text-align: center;
  right: 160px;
  line-height: 1.2em;
  top: 50%;
  background-color: #fff;
  transform: translateY(-50%);
  text-decoration: none;
  color: #000;
  font-size: 24px;
  font-family: BasisGrotesqueProBlack;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1300px) {
  .donation-alert .donation-alert-content .donatebtn {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1200px) {
  .donation-alert .donation-alert-content .donatebtn {
    right: 200px;
  }
}
@media only screen and (max-width: 980px) {
  .donation-alert .donation-alert-content .donatebtn {
    padding: 4px 30px;
  }
}
@media only screen and (max-width: 860px) {
  .donation-alert .donation-alert-content .donatebtn {
    position: relative;
    right: auto;
    left: auto;
    font-size: 14px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 720px) {
  .donation-alert .donation-alert-content .donatebtn {
    top: 0px;
    margin-top: 0px;
  }
}
.donation-alert .donation-alert-content .donatebtn:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  width: 0%;
  background-color: #000;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  z-index: -9;
}
.donation-alert .donation-alert-content .donatebtn:hover {
  color: #fff;
}
.donation-alert .donation-alert-content .donatebtn:hover:after {
  width: 100%;
}
.donation-alert .donation-alert-content .second_button_holder {
  display: inline-block;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1200px) {
  .donation-alert .donation-alert-content .second_button_holder {
    right: 70px;
  }
}
@media only screen and (max-width: 860px) {
  .donation-alert .donation-alert-content .second_button_holder {
    top: 50px;
  }
}
@media only screen and (max-width: 720px) {
  .donation-alert .donation-alert-content .second_button_holder {
    display: inline-block;
    text-align: left;
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 5px;
    transform: none;
    top: auto;
  }
}
.donation-alert .donation-alert-content .second_button_holder .second_btn {
  background: transparent;
  color: #000;
  height: 80px;
  width: 80px;
  right: auto;
  top: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  padding: 0;
  border: 3px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: BasisGrotesqueProMedium;
  margin: auto;
  font-size: 14px;
}
@media only screen and (max-width: 720px) {
  .donation-alert .donation-alert-content .second_button_holder .second_btn {
    margin: inherit;
    height: 40px;
    width: 100%;
  }
}
.donation-alert .donation-alert-content .second_button_holder .second_btn:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  width: 0%;
  background-color: #fff;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  z-index: -9;
}
.donation-alert .donation-alert-content .second_button_holder .second_btn:hover {
  color: #000;
}
.donation-alert .donation-alert-content .second_button_holder .second_btn:hover:after {
  width: 100%;
}
.donation-alert .donation-alert-content .second_button_holder p {
  margin: 0px;
  font-size: 11px;
}
.donation-alert .donation-alert-content .second_button_holder p a {
  color: #000;
  text-decoration: none;
  font-family: BasisGrotesqueProBlack;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.donation-alert .donation-alert-content .second_button_holder p a:hover {
  color: #fff;
}
.donation-alert .donation-alert-content .closebtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
  font-family: BasisGrotesqueProBlack;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .donation-alert .donation-alert-content .closebtn {
    right: 50px;
  }
}
@media only screen and (max-width: 720px) {
  .donation-alert .donation-alert-content .closebtn {
    top: auto;
    bottom: 30px;
  }
}
.donation-alert .donation-alert-content .closebtn span {
  cursor: pointer;
  display: block;
  position: absolute;
  height: 3px;
  width: 20px;
  background-color: #fff;
  border-radius: 3px;
}
.donation-alert .donation-alert-content .closebtn span:nth-child(1) {
  transform: rotate(-45deg);
}
.donation-alert .donation-alert-content .closebtn span:nth-child(2) {
  transform: rotate(45deg);
}

.webborder {
  background: #fff;
  position: fixed;
  z-index: 40;
}
.webborder.wbborderl {
  height: 100vh;
  width: 10px;
  left: 0;
  top: 0;
}
.webborder.wbborderr {
  height: 100vh;
  width: 10px;
  right: 0;
  top: 0;
}
.webborder.wbbordert {
  height: 10px;
  width: 100vw;
  left: 0;
  top: 0;
}
.webborder.wbborderb {
  height: 10px;
  width: 100vw;
  left: 0;
  bottom: 0;
}

#page {
  position: relative;
}

header {
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
}
header .site-branding {
  width: 100%;
}
header .site-branding .logo-1, header .site-branding .logo-2 {
  z-index: 9;
}
header .site-branding .logo-1 img, header .site-branding .logo-2 img {
  width: 100%;
}
header .site-branding .logo-1, header .site-branding .logo-2, header .site-branding .search-icon, header .site-branding .hamburger {
  z-index: 10;
}
header .site-branding .logo-1 {
  width: 145px;
  top: 27px;
  left: 27px;
}
@media only screen and (max-width: 1400px) {
  header .site-branding .logo-1 {
    width: 120px;
  }
}
@media only screen and (max-width: 980px) {
  header .site-branding .logo-1 {
    width: 85px;
    left: 10px;
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  header .site-branding .logo-1 {
    width: 67px;
    top: 13px;
    left: 12px;
  }
}
header .site-branding .logo-2 {
  width: 217px;
  top: 50px;
  left: 220px;
}
@media only screen and (max-width: 1400px) {
  header .site-branding .logo-2 {
    width: 180px;
    left: 180px;
    top: 48px;
  }
}
@media only screen and (max-width: 1100px) {
  header .site-branding .logo-2 {
    width: 150px;
    left: 180px;
  }
}
@media only screen and (max-width: 980px) {
  header .site-branding .logo-2 {
    width: 135px;
    left: 20px;
    /* left: 125px; */
    top: 40px;
  }
}
@media only screen and (max-width: 600px) {
  header .site-branding .logo-2 {
    width: 129px;
    top: 22px;
    left: 108px;
    left: 20px;
  }
}
header .site-branding .triangle-top {
  z-index: 9;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
  border-top: 430px solid #fff;
  border-right: 230px solid transparent;
}
@media only screen and (max-width: 1400px) {
  header .site-branding .triangle-top {
    border-top: 365px solid #fff;
    border-right: 195px solid transparent;
  }
}
@media only screen and (max-width: 980px) {
  header .site-branding .triangle-top {
    border-top: 250px solid #fff;
    border-right: 135px solid transparent;
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  header .site-branding .triangle-top {
    border-top: 204px solid #fff;
    border-right: 108px solid transparent;
  }
}
header .site-branding .menu-toggle {
  display: block;
  top: 55px;
  right: 55px;
  background: transparent;
  padding: 0px;
  border: none;
  z-index: 999;
  cursor: pointer;
}
@media only screen and (max-width: 980px) {
  header .site-branding .menu-toggle {
    top: 45px;
  }
}
@media only screen and (max-width: 600px) {
  header .site-branding .menu-toggle {
    top: 24px;
    right: 28px;
  }
}
header .site-branding .menu-toggle.black span {
  background-color: #000;
}
header .site-branding .menu-toggle span {
  display: block;
  width: 21px;
  height: 3px;
  background: #fff;
  margin-bottom: 3px;
  position: relative;
  top: 0px;
  -webkit-transition: all 700ms ease 0ms;
  -moz-transition: all 700ms ease 0ms;
  -o-transition: all 700ms ease 0ms;
  transition: all 700ms ease 0ms;
}
@media only screen and (max-width: 600px) {
  header .site-branding .menu-toggle span {
    width: 16px;
    height: 2px;
  }
}
header .site-branding .menu-toggle span:nth-child(2) {
  width: 16px;
  left: 5px;
}
@media only screen and (max-width: 600px) {
  header .site-branding .menu-toggle span:nth-child(2) {
    width: 11px;
  }
}
header .site-branding .menu-toggle.rotate span {
  background-color: #fff;
}
header .site-branding .menu-toggle.rotate span:nth-child(1) {
  transform-origin: right;
  transform: rotate(-45deg);
  top: -1px;
}
header .site-branding .menu-toggle.rotate span:nth-child(2) {
  width: 0%;
}
header .site-branding .menu-toggle.rotate span:nth-child(3) {
  transform-origin: right;
  transform: rotate(45deg);
  top: 2px;
}
@media only screen and (max-width: 600px) {
  header .site-branding .menu-toggle.rotate span:nth-child(3) {
    top: 1px;
  }
}
header .site-branding .search-icon {
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  opacity: 1;
  top: 52px;
  right: 90px;
  width: 16px;
  transform: scale(1);
  cursor: pointer;
}
@media only screen and (max-width: 980px) {
  header .site-branding .search-icon {
    top: 44px;
  }
}
@media only screen and (max-width: 600px) {
  header .site-branding .search-icon {
    top: 20px;
    right: 55px;
    width: 14px;
  }
}
header .site-branding .search-icon img {
  width: 100%;
}
header .site-branding .search-icon.hide {
  opacity: 0;
  right: 50px;
  transform: scale(0.3);
}
@media only screen and (max-width: 600px) {
  header .site-branding .search-icon.hide {
    right: 20px;
  }
}
header .logo-2 {
  position: absolute;
}
header .logo-1, header .search-icon, header .menu-toggle, header .triangle-top {
  position: fixed;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.nav-background {
  width: 100%;
  height: 100vh;
  background: #000;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 8;
  display: none;
}

.main-navigation {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 8;
  opacity: 0;
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
}
.main-navigation .navigation-container {
  opacity: 0;
  position: absolute;
  top: 55%;
  left: 55%;
  transform: translate(-50%, -50%);
  width: 80%;
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
}
@media only screen and (max-height: 680px) {
  .main-navigation .navigation-container {
    top: 54%;
    left: 54%;
  }
}
@media only screen and (max-width: 600px) {
  .main-navigation .navigation-container {
    top: 47%;
    left: 54%;
  }
}
.main-navigation .navigation-container .menu-side-menu-container .menu, .main-navigation .navigation-container .menu-side-menu-container .nav-menu {
  display: block;
}
.main-navigation .navigation-container .menu-side-menu-container .menu li, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li {
  display: block;
  width: 100%;
  line-height: 0.9;
  clear: both;
  float: none;
}
.main-navigation .navigation-container .menu-side-menu-container .menu li:nth-child(1) a:hover, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li:nth-child(1) a:hover {
  color: #ff7061;
}
.main-navigation .navigation-container .menu-side-menu-container .menu li:nth-child(2) a:hover, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li:nth-child(2) a:hover {
  color: #ff7061;
}
.main-navigation .navigation-container .menu-side-menu-container .menu li:nth-child(3) a:hover, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li:nth-child(3) a:hover {
  color: #23C8D2;
}
.main-navigation .navigation-container .menu-side-menu-container .menu li:nth-child(4) a:hover, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li:nth-child(4) a:hover {
  color: #23C8D2;
}
.main-navigation .navigation-container .menu-side-menu-container .menu li:nth-child(5) a:hover, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li:nth-child(5) a:hover {
  color: #FFB4A5;
}
.main-navigation .navigation-container .menu-side-menu-container .menu li:nth-child(6) a:hover, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li:nth-child(6) a:hover {
  color: #7D78FF;
}
.main-navigation .navigation-container .menu-side-menu-container .menu li a, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li a {
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  font-family: BasisGrotesqueProBlack;
  color: #fff;
  font-size: 100px;
  letter-spacing: -2.5px;
}
.main-navigation .navigation-container .menu-side-menu-container .menu li a:hover, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li a:hover {
  color: #ff7061;
}
@media only screen and (max-width: 1400px) {
  .main-navigation .navigation-container .menu-side-menu-container .menu li a, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li a {
    font-size: 65px;
  }
}
@media only screen and (max-width: 1300px) {
  .main-navigation .navigation-container .menu-side-menu-container .menu li a, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li a {
    font-size: 55px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 1200px) {
  .main-navigation .navigation-container .menu-side-menu-container .menu li a, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li a {
    font-size: 45px;
  }
}
@media only screen and (max-height: 680px) {
  .main-navigation .navigation-container .menu-side-menu-container .menu li a, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li a {
    margin-bottom: 12px;
  }
}
@media only screen and (max-height: 800px) {
  .main-navigation .navigation-container .menu-side-menu-container .menu li a, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li a {
    font-size: 55px;
  }
}
@media only screen and (max-width: 600px) {
  .main-navigation .navigation-container .menu-side-menu-container .menu li a, .main-navigation .navigation-container .menu-side-menu-container .nav-menu li a {
    font-size: 35px;
    max-width: 270px;
    margin-bottom: 12px;
  }
}
.main-navigation .navigation-container .navigation2 {
  display: block;
  position: relative;
  top: 20px;
}
.main-navigation .navigation-container .navigation2 ul {
  display: block;
}
.main-navigation .navigation-container .navigation2 ul li {
  display: block;
  width: 100%;
  line-height: 1;
  margin-bottom: 3px;
}
@media only screen and (max-width: 600px) {
  .main-navigation .navigation-container .navigation2 ul li {
    margin-bottom: 6px;
  }
}
.main-navigation .navigation-container .navigation2 ul li a {
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  font-family: BasisGrotesquePro;
  color: #fff;
  font-size: 28px;
  letter-spacing: -0.1px;
  color: #fefefe;
}
@media only screen and (max-width: 1300px) {
  .main-navigation .navigation-container .navigation2 ul li a {
    font-size: 20px;
  }
}
@media only screen and (max-height: 800px) {
  .main-navigation .navigation-container .navigation2 ul li a {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .main-navigation .navigation-container .navigation2 ul li a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 980px) {
  .main-navigation .navigation-container .navigation2 ul li a {
    font-size: 14px;
  }
}
.main-navigation .navigation-container .navigation2 ul li a.search-link {
  cursor: pointer;
}
.main-navigation .navigation-container .navigation2 ul li a.search-link:hover {
  color: #7D78FF;
}
.main-navigation .navigation-container .navigation2 ul li a.face-link:hover {
  color: #3b5998;
}
.main-navigation .navigation-container .navigation2 ul li a.twitter-link:hover {
  color: #38A1F3;
}
.main-navigation .navigation-container .navigation2 ul li a.insta-link:hover {
  color: #C13584;
}
.main-navigation.show-nav {
  opacity: 1;
  right: 0;
  z-index: 8;
}
.main-navigation.show-nav .navigation-container {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.main-navigation.show-nav .search-container {
  opacity: 0;
  left: 2000px;
  transform: translate(-50%, -50%) scale(0.3);
}
.main-navigation.show-search {
  opacity: 1;
  right: 0;
  z-index: 8;
}
.main-navigation.show-search .navigation-container {
  opacity: 0;
  left: -2000px;
  transform: translate(-50%, -50%) scale(0.3);
}
.main-navigation.show-search .search-container {
  opacity: 1;
  left: 55%;
  transform: translate(-50%, -50%) scale(1);
}
@media only screen and (max-width: 600px) {
  .main-navigation.show-search .search-container {
    left: 50%;
    top: 50%;
  }
}
.main-navigation .search-container {
  opacity: 0;
  position: absolute;
  top: 55%;
  left: 2000px;
  transform: translate(-50%, -50%);
  width: 70%;
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
}
@media only screen and (max-width: 600px) {
  .main-navigation .search-container {
    width: 80%;
    left: 50%;
    top: 50%;
  }
}
.main-navigation .search-container input {
  display: block;
  font-family: BasisGrotesquePro;
  background-color: transparent;
  width: 100%;
  border: none;
  border-bottom: solid 3px #fff;
  font-size: 82px;
  color: #fff;
  margin-bottom: 32px;
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .main-navigation .search-container input {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1300px) {
  .main-navigation .search-container input {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1100px) {
  .main-navigation .search-container input {
    font-size: 50px;
  }
}
@media only screen and (max-width: 980px) {
  .main-navigation .search-container input {
    font-size: 45px;
  }
}
@media only screen and (max-width: 768px) {
  .main-navigation .search-container input {
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .main-navigation .search-container input {
    font-size: 32px;
  }
}
.main-navigation .search-container .input-holder {
  position: relative;
}
.main-navigation .search-container .input-holder span {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 4px;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  background: #7D78FF;
}
.main-navigation .search-container ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: BasisGrotesquePro;
  color: #fff;
}
.main-navigation .search-container button {
  width: 375px;
  border: solid 4px #fff;
  border-radius: 0px;
  height: 70px;
  background-color: transparent;
  color: #fff;
  font-size: 28px;
  font-family: BasisGrotesqueProBlack;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .main-navigation .search-container button {
    font-size: 24px;
    height: 60px;
  }
}
@media only screen and (max-width: 1300px) {
  .main-navigation .search-container button {
    font-size: 20px;
    height: 55px;
    width: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .main-navigation .search-container button {
    font-size: 19px;
    height: 50px;
    width: 250px;
  }
}
@media only screen and (max-width: 600px) {
  .main-navigation .search-container button {
    width: 140px;
    font-size: 18px;
    height: 37px;
    border: solid 3px #fff;
    line-height: 0;
  }
}
.main-navigation .search-container button:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  background: #fff;
  z-index: -9;
}
.main-navigation .search-container button:hover {
  color: #000;
}
.main-navigation .search-container button:hover:after {
  width: 100%;
}

.bottom-menu {
  z-index: 9;
  position: fixed;
  bottom: 0px;
  right: 0px;
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
}
.bottom-menu ul {
  transform: rotate(-62deg);
  padding: 0px;
  position: fixed;
  width: 500px;
  bottom: 10px;
  right: -186px;
  line-height: 1;
}
@media only screen and (max-width: 1400px) {
  .bottom-menu ul {
    position: absolute;
    bottom: 3px;
    right: -196px;
  }
}
.bottom-menu ul li {
  list-style: none;
  border-bottom: solid 1px #eee;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.bottom-menu ul li:last-child {
  border: none;
}
.bottom-menu ul li:nth-child(1) a {
  color: #7D78FF;
}
.bottom-menu ul li:nth-child(1) a:hover {
  background-color: #7D78FF;
  color: #fff;
}
.bottom-menu ul li:nth-child(2) a {
  color: #ff7061;
}
.bottom-menu ul li:nth-child(2) a:hover {
  background-color: #ff7061;
  color: #fff;
}
.bottom-menu ul li:nth-child(3) a {
  color: #23C8D2;
}
.bottom-menu ul li:nth-child(3) a:hover {
  background-color: #23C8D2;
  color: #fff;
}
.bottom-menu ul li a {
  display: block;
  width: 100%;
  text-align: center;
  font-family: BasisGrotesqueProBlack;
  text-decoration: none;
  font-size: 16px;
  padding: 5px 0px;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .bottom-menu ul li a {
    font-size: 13px;
  }
}
.bottom-menu .triangle-bottom {
  position: fixed;
  bottom: -20px;
  right: 0px;
  width: 0;
  height: 0;
  border-bottom: 305px solid #fff;
  border-left: 160px solid transparent;
  pointer-events: none;
}
@media only screen and (max-width: 1400px) {
  .bottom-menu .triangle-bottom {
    position: absolute;
    border-bottom: 260px solid #fff;
    border-left: 138px solid transparent;
  }
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

@font-face {
  font-display: swap;
  font-family: "fontello";
  src: url("fonts/fontello.eot?1224668");
  src: url("fonts/fontello.eot?1224668#iefix") format("embedded-opentype"), url("fonts/fontello.woff2?1224668") format("woff2"), url("fonts/fontello.woff?1224668") format("woff"), url("fonts/fontello.ttf?1224668") format("truetype"), url("fonts/fontello.svg?1224668#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BasisGrotesqueProMedium";
  src: url("fonts/BasisGrotesquePro-Medium.eot");
  src: url("fonts/BasisGrotesquePro-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/BasisGrotesquePro-Medium.woff2") format("woff2"), url("fonts/BasisGrotesquePro-Medium.woff") format("woff"), url("fonts/BasisGrotesquePro-Medium.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "BasisGrotesqueProBlack";
  src: url("fonts/BasisGrotesquePro-Black.eot");
  src: url("fonts/BasisGrotesquePro-Black.eot?#iefix") format("embedded-opentype"), url("fonts/BasisGrotesquePro-Black.woff2") format("woff2"), url("fonts/BasisGrotesquePro-Black.woff") format("woff"), url("fonts/BasisGrotesquePro-Black.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "BasisGrotesquePro";
  src: url("fonts/BasisGrotesquePro.eot");
  src: url("fonts/BasisGrotesquePro.eot?#iefix") format("embedded-opentype"), url("fonts/BasisGrotesquePro.woff2") format("woff2"), url("fonts/BasisGrotesquePro.woff") format("woff"), url("fonts/BasisGrotesquePro.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "BasisGrotesqueProBold";
  src: url("fonts/BasisGrotesquePro-Bold.eot");
  src: url("fonts/BasisGrotesquePro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/BasisGrotesquePro-Bold.woff2") format("woff2"), url("fonts/BasisGrotesquePro-Bold.woff") format("woff"), url("fonts/BasisGrotesquePro-Bold.ttf") format("truetype");
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-display: swap;
    font-family: 'fontello';
    src: url('../font/fontello.svg?7078475#fontello') format('svg');
  }
}
*/
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* 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: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* 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-facebook:before {
  content: "\e800";
}

/* '' */
.icon-twitter:before {
  content: "\e801";
}

/* '' */
.icon-up-big:before {
  content: "\e802";
}

/* '' */
.icon-instagram:before {
  content: "\f16d";
}

/* '' */
.home-wrapper {
  background-color: #f2f2f2;
}
.home-wrapper a, .home-wrapper h1, .home-wrapper h4, .home-wrapper p {
  margin: 0px;
}
.home-wrapper .homepage-swiper {
  display: block;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  .home-wrapper .mobile-swiper {
    display: block;
    z-index: 1;
  }
}
@keyframes zoom-in {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.15);
  }
}
.home-wrapper .homepage-swiper .video-holder, .home-wrapper .mobile-swiper .video-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
}
.home-wrapper .homepage-swiper .video-holder video, .home-wrapper .mobile-swiper .video-holder video {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home-wrapper .homepage-swiper .video-holder img, .home-wrapper .mobile-swiper .video-holder img {
  min-width: 100%;
  min-height: 100%;
  max-width: 10000000em;
  max-height: 10000000em;
}
.home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide, .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide {
  height: 100vh;
  overflow: hidden;
}
.home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide:nth-child(2) .background-text, .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide:nth-child(2) .background-text {
  color: #ff7061;
}
.home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide:nth-child(3) .background-text, .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide:nth-child(3) .background-text {
  color: #7d78ff;
}
.home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide:nth-child(4) .background-text, .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide:nth-child(4) .background-text {
  color: #23c8d2;
}
.home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide:nth-child(5) .background-text, .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide:nth-child(5) .background-text {
  color: #ffb4a5;
}
.home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide:nth-child(6), .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide:nth-child(6) {
  color: #ff7061;
}
.home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide:nth-child(7), .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide:nth-child(7) {
  color: #7d78ff;
}
.home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .background-image, .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .background-image {
  z-index: -999;
  animation-name: zoom-in;
  animation-duration: 5s;
}
.home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide .background-image, .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide .background-image {
  position: relative;
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  transform: scale(1.15);
  z-index: -999;
}
.home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide .background-text, .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide .background-text {
  position: absolute;
  bottom: 85px;
  left: 150px;
  max-width: 857px;
  font-family: BasisGrotesqueProBlack;
  font-size: 150px;
  line-height: 0.83;
  letter-spacing: -0.5px;
  z-index: 999;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide .background-text, .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide .background-text {
    font-size: 90px;
    max-width: 300px;
  }
}
@media only screen and (max-width: 1100px) {
  .home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide .background-text, .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide .background-text {
    font-size: 80px;
    max-width: 300px;
    left: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .homepage-swiper .swiper-wrapper .swiper-slide .background-text, .home-wrapper .mobile-swiper .swiper-wrapper .swiper-slide .background-text {
    bottom: 220px;
    left: 40px;
    max-width: 240px;
    font-size: 42px;
  }
}
.home-wrapper .scroll-wrap {
  padding-top: 80px;
}
@media only screen and (max-width: 1100px) {
  .home-wrapper .scroll-wrap {
    padding-top: 0px;
  }
}
.home-wrapper .first-section-wrap {
  position: relative;
  max-width: 1150px;
  box-sizing: border-box;
  padding: 0px 20px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
  opacity: 0;
  top: 200px;
}
.home-wrapper .first-section-wrap.contact_section {
  padding-bottom: 0px;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .first-section-wrap {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .home-wrapper .first-section-wrap {
    max-width: 780px;
  }
}
.home-wrapper .first-section-wrap.in-view {
  opacity: 1;
  top: 0px;
}
.home-wrapper .first-section-wrap .first-section, .home-wrapper .first-section-wrap .bottom-section {
  background-color: #fefefe;
  padding: 30px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.home-wrapper .first-section-wrap .first-section .custom-link, .home-wrapper .first-section-wrap .bottom-section .custom-link {
  height: 60px;
  width: 210px;
  margin-bottom: 50px;
  border-color: #ff7061;
  position: relative;
  left: 15px;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .first-section-wrap .first-section .custom-link, .home-wrapper .first-section-wrap .bottom-section .custom-link {
    height: 50px;
    width: 160px;
  }
}
.home-wrapper .first-section-wrap .first-section .custom-link span, .home-wrapper .first-section-wrap .bottom-section .custom-link span {
  font-size: 28px;
  color: #000;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .first-section-wrap .first-section .custom-link span, .home-wrapper .first-section-wrap .bottom-section .custom-link span {
    font-size: 18px;
  }
}
.home-wrapper .first-section-wrap .first-section .custom-link:after, .home-wrapper .first-section-wrap .bottom-section .custom-link:after {
  background-color: #ff7061;
}
.home-wrapper .first-section-wrap .first-section .custom-link:hover span, .home-wrapper .first-section-wrap .bottom-section .custom-link:hover span {
  color: #fff;
}
.home-wrapper .first-section-wrap .first-section .custom-link:hover:after, .home-wrapper .first-section-wrap .bottom-section .custom-link:hover:after {
  width: 100%;
}
.home-wrapper .first-section-wrap .first-section:hover .right-side img, .home-wrapper .first-section-wrap .bottom-section:hover .right-side img {
  opacity: 0.5;
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap .first-section, .home-wrapper .first-section-wrap .bottom-section {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }
}
.home-wrapper .first-section-wrap .first-section .headline, .home-wrapper .first-section-wrap .bottom-section .headline {
  position: absolute;
  width: 542px;
  font-family: BasisGrotesqueProBLack;
  font-size: 80px;
  line-height: 0.88em;
}
.home-wrapper .first-section-wrap .first-section .headline a, .home-wrapper .first-section-wrap .bottom-section .headline a {
  color: #ff7061;
  text-decoration: none;
  -webkit-transition: all 0.5s ease 0ms;
  -moz-transition: all 0.5s ease 0ms;
  -o-transition: all 0.5s ease 0ms;
  transition: all 0.5s ease 0ms;
}
.home-wrapper .first-section-wrap .first-section .headline a:hover, .home-wrapper .first-section-wrap .bottom-section .headline a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .first-section-wrap .first-section .headline, .home-wrapper .first-section-wrap .bottom-section .headline {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1100px) {
  .home-wrapper .first-section-wrap .first-section .headline, .home-wrapper .first-section-wrap .bottom-section .headline {
    font-size: 40px;
    max-width: 300px;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap .first-section .headline, .home-wrapper .first-section-wrap .bottom-section .headline {
    font-size: 38px;
  }
}
.home-wrapper .first-section-wrap .first-section .headline.title, .home-wrapper .first-section-wrap .bottom-section .headline.title {
  top: -90px;
  left: 30px;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .first-section-wrap .first-section .headline.title, .home-wrapper .first-section-wrap .bottom-section .headline.title {
    top: -60px;
  }
}
@media only screen and (max-width: 1100px) {
  .home-wrapper .first-section-wrap .first-section .headline.title, .home-wrapper .first-section-wrap .bottom-section .headline.title {
    top: -46px;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap .first-section .headline.title, .home-wrapper .first-section-wrap .bottom-section .headline.title {
    left: 15px;
    top: -44px;
  }
}
.home-wrapper .first-section-wrap .first-section .headline.title-third, .home-wrapper .first-section-wrap .bottom-section .headline.title-third {
  top: -90px;
  left: 30px;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .first-section-wrap .first-section .headline.title-third, .home-wrapper .first-section-wrap .bottom-section .headline.title-third {
    top: -60px;
    max-width: 250px;
  }
}
@media only screen and (max-width: 1100px) {
  .home-wrapper .first-section-wrap .first-section .headline.title-third, .home-wrapper .first-section-wrap .bottom-section .headline.title-third {
    top: -50px;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap .first-section .headline.title-third, .home-wrapper .first-section-wrap .bottom-section .headline.title-third {
    left: 15px;
    top: -44px;
  }
}
.home-wrapper .first-section-wrap .first-section .headline.bottom-headline, .home-wrapper .first-section-wrap .bottom-section .headline.bottom-headline {
  max-width: 520px;
}
.home-wrapper .first-section-wrap .first-section .headline.bottom-headline a, .home-wrapper .first-section-wrap .bottom-section .headline.bottom-headline a {
  color: #23c8d2;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .first-section-wrap .first-section .headline.bottom-headline, .home-wrapper .first-section-wrap .bottom-section .headline.bottom-headline {
    font-size: 50px;
    max-width: 300px;
  }
}
@media only screen and (max-width: 1100px) {
  .home-wrapper .first-section-wrap .first-section .headline.bottom-headline, .home-wrapper .first-section-wrap .bottom-section .headline.bottom-headline {
    font-size: 40px;
    max-width: 250px;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap .first-section .headline.bottom-headline, .home-wrapper .first-section-wrap .bottom-section .headline.bottom-headline {
    font-size: 38px;
    max-width: 230px;
  }
}
.home-wrapper .first-section-wrap .first-section .left-side, .home-wrapper .first-section-wrap .bottom-section .left-side {
  width: 48%;
}
@media only screen and (max-width: 768px) {
  .home-wrapper .first-section-wrap .first-section .left-side, .home-wrapper .first-section-wrap .bottom-section .left-side {
    width: 100%;
    order: 2;
  }
}
@media only screen and (max-width: 1300px) {
  .home-wrapper .first-section-wrap .first-section .left-side, .home-wrapper .first-section-wrap .bottom-section .left-side {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .home-wrapper .first-section-wrap .first-section .left-side, .home-wrapper .first-section-wrap .bottom-section .left-side {
    padding-right: 0;
  }
}
.home-wrapper .first-section-wrap .first-section .left-side .subtitle, .home-wrapper .first-section-wrap .bottom-section .left-side .subtitle {
  color: #000;
  font-family: BasisGrotesqueProBold;
  font-size: 66px;
  line-height: 0.85em;
  max-width: 480px;
  width: 100%;
  margin: 0;
  margin-bottom: 30px;
  margin-top: 60px;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .first-section-wrap .first-section .left-side .subtitle, .home-wrapper .first-section-wrap .bottom-section .left-side .subtitle {
    font-size: 40px;
    margin-top: 70px;
  }
}
@media only screen and (max-width: 1100px) {
  .home-wrapper .first-section-wrap .first-section .left-side .subtitle, .home-wrapper .first-section-wrap .bottom-section .left-side .subtitle {
    font-size: 40px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .home-wrapper .first-section-wrap .first-section .left-side .subtitle, .home-wrapper .first-section-wrap .bottom-section .left-side .subtitle {
    max-width: 100%;
    margin-top: 20px;
  }
}
.home-wrapper .first-section-wrap .first-section .left-side .text, .home-wrapper .first-section-wrap .first-section .left-side .bottom-subtitle, .home-wrapper .first-section-wrap .bottom-section .left-side .text, .home-wrapper .first-section-wrap .bottom-section .left-side .bottom-subtitle {
  font-family: BasisGrotesqueProMedium;
  font-size: 18px;
  line-height: 1.56em;
  max-width: 480px;
  width: 100%;
  margin: 0;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .home-wrapper .first-section-wrap .first-section .left-side .text, .home-wrapper .first-section-wrap .first-section .left-side .bottom-subtitle, .home-wrapper .first-section-wrap .bottom-section .left-side .text, .home-wrapper .first-section-wrap .bottom-section .left-side .bottom-subtitle {
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap .first-section .left-side .text, .home-wrapper .first-section-wrap .first-section .left-side .bottom-subtitle, .home-wrapper .first-section-wrap .bottom-section .left-side .text, .home-wrapper .first-section-wrap .bottom-section .left-side .bottom-subtitle {
    font-size: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap .first-section .left-side a, .home-wrapper .first-section-wrap .bottom-section .left-side a {
    margin-bottom: 10px;
  }
}
.home-wrapper .first-section-wrap .first-section .right-side, .home-wrapper .first-section-wrap .bottom-section .right-side {
  width: 52%;
}
@media only screen and (max-width: 768px) {
  .home-wrapper .first-section-wrap .first-section .right-side, .home-wrapper .first-section-wrap .bottom-section .right-side {
    width: 100%;
  }
}
.home-wrapper .first-section-wrap .first-section .right-side .image, .home-wrapper .first-section-wrap .bottom-section .right-side .image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.home-wrapper .first-section-wrap .first-section .right-side .image .img, .home-wrapper .first-section-wrap .bottom-section .right-side .image .img {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat;
}
.home-wrapper .first-section-wrap .first-section .right-side .image .img:after, .home-wrapper .first-section-wrap .bottom-section .right-side .image .img:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.home-wrapper .first-section-wrap.top-distance-second {
  padding-top: 100px;
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap.top-distance-second {
    margin-top: 0px;
    padding-top: 50px;
  }
}
.home-wrapper .first-section-wrap.bottom-distance {
  padding-bottom: 100px;
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap.bottom-distance {
    padding-bottom: 0px;
  }
}
.home-wrapper .first-section-wrap .bottom-section {
  padding-left: 93px;
  background-color: #f2f2f2;
  padding-bottom: 100px;
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap .bottom-section {
    padding-bottom: 0;
    padding-left: 20px;
    padding-top: 0px;
  }
}
.home-wrapper .first-section-wrap .bottom-section .headline {
  position: absolute;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .first-section-wrap .bottom-section .headline {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1100px) {
  .home-wrapper .first-section-wrap .bottom-section .headline {
    font-size: 40px;
    max-width: 325px;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap .bottom-section .headline {
    font-size: 38px;
  }
}
.home-wrapper .first-section-wrap .bottom-section .left-side {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .home-wrapper .first-section-wrap .bottom-section .left-side {
    width: 100%;
  }
}
.home-wrapper .first-section-wrap .bottom-section .left-side .info-wrap {
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap .bottom-section .left-side .info-wrap h4 {
    max-width: 170px;
  }
}
@media only screen and (max-width: 768px) {
  .home-wrapper .first-section-wrap .bottom-section .left-side .info-wrap {
    margin: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap .bottom-section .left-side .info-wrap {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.home-wrapper .first-section-wrap .bottom-section .left-side .text-wrap {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .home-wrapper .first-section-wrap .bottom-section .left-side .text-wrap {
    width: 100%;
  }
}
.home-wrapper .first-section-wrap .bottom-section .left-side .text-wrap .text-holder {
  max-width: 380px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .home-wrapper .first-section-wrap .bottom-section .left-side .text-wrap .text-holder {
    margin-bottom: 30px;
  }
}
.home-wrapper .first-section-wrap .bottom-section .left-side .text-wrap .text-holder a {
  margin: 0;
  color: #000;
  line-height: 1.1;
  font-family: BasisGrotesquePro;
  font-size: 26px;
  text-decoration: none;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1300px) {
  .home-wrapper .first-section-wrap .bottom-section .left-side .text-wrap .text-holder a {
    font-size: 18px;
  }
}
.home-wrapper .first-section-wrap .bottom-section .left-side .text-wrap .text-holder a:hover {
  color: #23c8d2;
}
.home-wrapper .first-section-wrap .bottom-section .left-side .text-wrap .text-holder h6 {
  font-family: BasisGrotesqueProBlack;
  font-size: 26px;
  width: 100%;
  color: #000;
  line-height: 1.08em;
  margin: 0;
}
@media only screen and (max-width: 1300px) {
  .home-wrapper .first-section-wrap .bottom-section .left-side .text-wrap .text-holder h6 {
    font-size: 18px;
  }
}
.home-wrapper .first-section-wrap .bottom-section .left-side h4 {
  font-family: BasisGrotesqueProMedium;
  font-size: 26px;
  width: 100%;
  margin: 0;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1300px) {
  .home-wrapper .first-section-wrap .bottom-section .left-side h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .home-wrapper .first-section-wrap .bottom-section .left-side.right-side {
    width: 100%;
  }
}
.home-wrapper .first-section-wrap .bottom-section .right-side {
  margin-top: 57px;
  order: 2;
}
.home-wrapper .first-section-wrap .bottom-subtitle {
  font-size: 26px;
  max-width: 320px;
}
.home-wrapper .blog-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 1150px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  width: 100%;
  background-color: #f2f2f2;
  position: relative;
  padding-bottom: 100px;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
  opacity: 0;
  top: 200px;
}
.home-wrapper .blog-wrapper.in-view {
  opacity: 1;
  top: 0px;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .blog-wrapper {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .home-wrapper .blog-wrapper {
    max-width: 780px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .blog-wrapper {
    margin-top: 140px;
  }
}
.home-wrapper .blog-wrapper .headline {
  max-width: 80%;
  font-family: BasisGrotesqueProBLack;
  font-size: 80px;
  line-height: 0.88em;
  padding: 0px 20px;
}
.home-wrapper .blog-wrapper .headline a {
  color: #7d78ff;
  text-decoration: none;
  -webkit-transition: all 0.5s ease 0ms;
  -moz-transition: all 0.5s ease 0ms;
  -o-transition: all 0.5s ease 0ms;
  transition: all 0.5s ease 0ms;
}
.home-wrapper .blog-wrapper .headline a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .blog-wrapper .headline {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1100px) {
  .home-wrapper .blog-wrapper .headline {
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .blog-wrapper .headline {
    font-size: 38px;
    padding: 0px 10px;
  }
}
.home-wrapper .blog-wrapper .headline.title-second {
  top: -75px;
  left: 30px;
}
.home-wrapper .blog-wrapper .blog-section {
  display: flex;
  flex-wrap: wrap;
  max-width: 950px;
  width: 100%;
  padding: 30px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .blog-wrapper .blog-section {
    max-width: 880px;
  }
}
@media only screen and (max-width: 520px) {
  .home-wrapper .blog-wrapper .blog-section {
    padding: 0;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .blog-wrapper .blog-section {
    padding: 0px 20px;
  }
}
.home-wrapper .blog-wrapper .blog-section .left-side .link-holder, .home-wrapper .blog-wrapper .blog-section .right-side .link-holder {
  width: auto;
  position: absolute;
  left: 33px;
  bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .home-wrapper .blog-wrapper .blog-section .left-side .link-holder, .home-wrapper .blog-wrapper .blog-section .right-side .link-holder {
    left: 10px;
  }
}
.home-wrapper .blog-wrapper .blog-section .left-side .link-holder .custom-link, .home-wrapper .blog-wrapper .blog-section .right-side .link-holder .custom-link {
  position: relative;
  left: 10px;
  width: 140px;
  height: 20px;
}
.home-wrapper .blog-wrapper .blog-section .left-side .link-holder .custom-link span, .home-wrapper .blog-wrapper .blog-section .right-side .link-holder .custom-link span {
  margin: 0;
  font-size: 18px;
  color: #000;
  line-height: 1.1;
}
.home-wrapper .blog-wrapper .blog-section .left-side .link-holder .custom-link:after, .home-wrapper .blog-wrapper .blog-section .right-side .link-holder .custom-link:after {
  background-color: #000;
}
.home-wrapper .blog-wrapper .blog-section .left-side .link-holder .custom-link:hover span, .home-wrapper .blog-wrapper .blog-section .right-side .link-holder .custom-link:hover span {
  color: #fff;
}
.home-wrapper .blog-wrapper .blog-section .left-side {
  width: 50%;
  padding-right: 15px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .home-wrapper .blog-wrapper .blog-section .left-side {
    width: 100%;
    padding: 0;
  }
}
.home-wrapper .blog-wrapper .blog-section .right-side {
  width: 50%;
  padding-left: 15px;
}
@media only screen and (max-width: 768px) {
  .home-wrapper .blog-wrapper .blog-section .right-side {
    width: 100%;
    padding: 0;
  }
}
.home-wrapper .blog-wrapper .blog-section .blog-wrap {
  max-width: 445px;
  position: relative;
  width: 100%;
  margin: 0;
  border: 3px solid #000;
  min-height: 230px;
  padding: 20px 30px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .home-wrapper .blog-wrapper .blog-section .blog-wrap {
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .home-wrapper .blog-wrapper .blog-section .blog-wrap {
    padding: 10px;
    padding-bottom: 40px;
  }
}
.home-wrapper .blog-wrapper .blog-section .blog-wrap .title {
  margin-bottom: 15px;
}
.home-wrapper .blog-wrapper .blog-section .blog-wrap .title .custom-link {
  font-family: BasisGrotesqueProBold;
  position: relative;
  left: 0px;
  height: 15px;
  border-left: 0px;
  border-right: solid 3px;
  color: #7d78ff;
  width: auto;
  display: inline-block;
  padding: 0px 7px;
}
.home-wrapper .blog-wrapper .blog-section .blog-wrap .title .custom-link span {
  text-transform: uppercase;
  margin: 0;
  font-size: 13px;
  line-height: 2;
}
.home-wrapper .blog-wrapper .blog-section .blog-wrap .title .custom-link:after {
  background-color: #7d78ff;
}
.home-wrapper .blog-wrapper .blog-section .blog-wrap .title .custom-link:hover span {
  color: #fff;
}
.home-wrapper .blog-wrapper .blog-section .blog-wrap .text, .home-wrapper .blog-wrapper .blog-section .blog-wrap .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .blog-wrapper .blog-section .blog-wrap .bottom-subtitle {
  max-width: 100%;
  height: 100%;
  font-family: BasisGrotesqueProBold;
  font-size: 32px;
  line-height: 1.06em;
  color: #000000;
  margin: 0;
  word-break: break-word;
  padding-bottom: 30px;
}
@media only screen and (max-width: 1400px) {
  .home-wrapper .blog-wrapper .blog-section .blog-wrap .text, .home-wrapper .blog-wrapper .blog-section .blog-wrap .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .blog-wrapper .blog-section .blog-wrap .bottom-subtitle {
    font-size: 26px;
  }
}

.error-page-wrap {
  background-color: #000000;
  padding-top: 190px;
  min-height: 95vh;
}
@media only screen and (max-width: 600px) {
  .error-page-wrap {
    padding: 0px 20px;
    padding-top: 135px;
  }
}
.error-page-wrap .page-header {
  width: 100%;
  padding-right: 20px;
  box-sizing: border-box;
}
.error-page-wrap .page-title {
  max-width: 815px;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9em;
  color: #ff7061;
  text-transform: uppercase;
  margin: 0;
  margin-left: 145px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1400px) {
  .error-page-wrap .page-title {
    font-size: 60px;
    max-width: 700px;
  }
}
@media only screen and (max-width: 768px) {
  .error-page-wrap .page-title {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 520px) {
  .error-page-wrap .page-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .error-page-wrap .page-title {
    font-size: 35px;
    max-width: 400px;
  }
}
.error-page-wrap p {
  max-width: 665px;
  font-family: BasisGrotesqueProBlack;
  font-size: 58px;
  line-height: 0.9em;
  color: #ffffff;
  margin: 0;
  margin-left: 260px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1400px) {
  .error-page-wrap p {
    font-size: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .error-page-wrap p {
    font-size: 22px;
    margin-left: 20px;
  }
}
.error-page-wrap .button {
  color: #fff;
  max-width: 375px;
  width: 100%;
  margin-left: 260px;
  cursor: pointer;
}
@media only screen and (max-width: 1400px) {
  .error-page-wrap .button {
    max-width: 300px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .error-page-wrap .button {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 520px) {
  .error-page-wrap .button {
    max-width: 250px;
    font-size: 18px;
  }
}

.ourmission-wrap {
  background: #ff7061;
}
.ourmission-wrap .ourmission-content-container {
  max-width: 1150px;
  padding: 135px 20px 0px 20px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .ourmission-wrap .ourmission-content-container {
    padding: 155px 20px 0px 20px;
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .ourmission-wrap .ourmission-content-container {
    padding: 170px 20px 0px 20px;
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container {
    padding: 100px 40px 0px 40px;
  }
}
.ourmission-wrap .ourmission-content-container h1 {
  max-width: 6em;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9;
  color: #ffffff;
  margin-bottom: 0px;
  z-index: 2;
  margin: 0px;
}
.ourmission-wrap .ourmission-content-container h1.title {
  position: relative;
  top: 60px;
}
@media only screen and (max-width: 1400px) {
  .ourmission-wrap .ourmission-content-container h1.title {
    top: 40px;
  }
}
@media only screen and (max-width: 1100px) {
  .ourmission-wrap .ourmission-content-container h1.title {
    top: 25px;
  }
}
@media only screen and (max-width: 1400px) {
  .ourmission-wrap .ourmission-content-container h1 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1100px) {
  .ourmission-wrap .ourmission-content-container h1 {
    font-size: 50px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .ourmission-wrap .ourmission-content-container h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container h1 {
    font-size: 38px;
    top: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container .content-wrap {
    font-size: 38px;
    padding-left: 0;
    top: 23px;
  }
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container {
  position: relative;
  z-index: 1;
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container:after {
  content: "";
  display: block;
  padding-top: 54%;
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 101%;
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container video *:focus {
  outline: none;
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .triangle {
  z-index: 9;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
  border-top: 305px solid #ff7061;
  border-right: 160px solid transparent;
}
@media only screen and (max-width: 1100px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-container .triangle {
    border-top: 202px solid #ff7061;
    border-right: 108px solid transparent;
  }
}
@media only screen and (max-width: 520px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-container .triangle {
    border-top: 125px solid #ff7061;
    border-right: 67px solid transparent;
  }
}
@media only screen and (max-width: 480px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-container .triangle {
    border-top: 114px solid #ff7061;
    border-right: 61px solid transparent;
  }
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .custom-timebar {
  visibility: hidden;
  cursor: pointer;
  height: 7px;
  outline: thin solid #fff;
  overflow: hidden;
  width: 70%;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%) skew(-25deg);
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-container .custom-timebar {
    bottom: -20px;
    width: 95%;
  }
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .custom-timebar.show {
  visibility: visible;
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .custom-timebar:hover span {
  opacity: 0.8;
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .custom-timebar span {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 0px;
  -webkit-transition: all 300ms ease 0ms;
  -moz-transition: all 300ms ease 0ms;
  -o-transition: all 300ms ease 0ms;
  transition: all 300ms ease 0ms;
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .video-controls-conatiner {
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
  opacity: 1;
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .video-controls-conatiner.hide {
  opacity: 0;
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video {
  width: 123px;
  height: 123px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  background: #fff;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  cursor: pointer;
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video:hover {
  opacity: 0.8;
  transform: translate(-50%, -50%) scale(0.95);
}
@media only screen and (max-width: 1400px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video {
    width: 45px;
    height: 45px;
  }
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video .play-icon {
  cursor: pointer;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  display: block;
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-left: 50px solid #ff7061;
  border-bottom: 35px solid transparent;
  position: relative;
  left: 30px;
  transform: scale(1);
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video .play-icon {
    border-top: 20px solid transparent;
    border-left: 30px solid #ff7061;
    border-bottom: 20px solid transparent;
    left: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video .play-icon {
    border-top: 13px solid transparent;
    border-left: 20px solid #ff7061;
    border-bottom: 13px solid transparent;
    left: 3px;
  }
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video .play-icon.hide {
  transform: scale(0);
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video .pause-icon {
  cursor: pointer;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video .pause-icon span {
  width: 8px;
  height: 50px;
  display: inline-block;
  background: #ff7061;
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video .pause-icon span:first-child {
  margin-right: 5px;
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video .pause-icon span:first-child {
    margin-right: 2px;
  }
}
@media only screen and (max-width: 1400px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video .pause-icon span:first-child {
    margin-right: 3px;
  }
}
@media only screen and (max-width: 1400px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video .pause-icon span {
    height: 30px;
    width: 6px;
  }
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video .pause-icon span {
    height: 20px;
    width: 5px;
  }
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-container .play-video .pause-icon.show {
  transform: translate(-50%, -50%) scale(1);
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-description,
.ourmission-wrap .ourmission-content-container .content-wrap .our-history {
  max-width: 940px;
  padding: 0px 20px;
}
@media only screen and (max-width: 1400px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-description,
.ourmission-wrap .ourmission-content-container .content-wrap .our-history {
    max-width: 840px;
  }
}
@media only screen and (max-width: 1100px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-description,
.ourmission-wrap .ourmission-content-container .content-wrap .our-history {
    max-width: 700px;
  }
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-description,
.ourmission-wrap .ourmission-content-container .content-wrap .our-history {
    padding: 0px;
  }
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-description p,
.ourmission-wrap .ourmission-content-container .content-wrap .our-history p {
  line-height: 1.44;
  font-family: BasisGrotesqueProMedium;
  color: #fefefe;
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-description {
  margin: 80px auto 100px auto;
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-description {
    margin: 50px auto 50px auto;
  }
}
.ourmission-wrap .ourmission-content-container .content-wrap .video-description p {
  font-size: 32px;
}
@media only screen and (max-width: 1400px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-description p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .video-description p {
    font-size: 14px;
  }
}
.ourmission-wrap .ourmission-content-container .content-wrap .our-history {
  margin: 0px auto 0px auto;
  padding-bottom: 100px;
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .our-history {
    padding-bottom: 25px;
  }
}
.ourmission-wrap .ourmission-content-container .content-wrap .our-history p {
  font-size: 28px;
}
@media only screen and (max-width: 1400px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .our-history p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .ourmission-wrap .ourmission-content-container .content-wrap .our-history p {
    font-size: 14px;
  }
}

.teams-wrap {
  max-width: 1140px;
  padding: 0px 20px;
  margin: auto;
  margin-top: 60px;
  padding-bottom: 90px;
}
@media only screen and (max-width: 1400px) {
  .teams-wrap {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 600px) {
  .teams-wrap {
    margin-top: 25px;
    padding-bottom: 25px;
  }
}
.teams-wrap .team-content {
  background: #f2f2f2;
  width: 100%;
}
.teams-wrap .team-content h1 {
  max-width: 500px;
  font-family: BasisGrotesqueProBlack;
  font-size: 80px;
  line-height: 0.86;
  color: #ff7061;
  margin: 0px;
  margin-bottom: 60px;
  padding-left: 10px;
}
@media only screen and (max-width: 1400px) {
  .teams-wrap .team-content h1 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 600px) {
  .teams-wrap .team-content h1 {
    margin-bottom: 25px;
    font-size: 38px;
  }
}
.teams-wrap .team-content .team-container {
  display: flex;
  flex-wrap: wrap;
}
.teams-wrap .team-content .team-container .one-team-wrap {
  text-decoration: none;
  padding: 10px;
  width: 33.333%;
  position: relative;
  top: 200px;
  opacity: 0;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
.teams-wrap .team-content .team-container .one-team-wrap.in-view {
  top: 0px;
  opacity: 1;
}
@media only screen and (max-width: 600px) {
  .teams-wrap .team-content .team-container .one-team-wrap {
    width: 50%;
  }
}
@media only screen and (max-width: 520px) {
  .teams-wrap .team-content .team-container .one-team-wrap:nth-child(even) {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 520px) {
  .teams-wrap .team-content .team-container .one-team-wrap:nth-child(odd) {
    padding-left: 0px;
  }
}
.teams-wrap .team-content .team-container .one-team-wrap:nth-child(1) {
  width: 50%;
}
@media only screen and (max-width: 520px) {
  .teams-wrap .team-content .team-container .one-team-wrap:nth-child(1) {
    width: 100%;
    padding: 0px;
  }
}
.teams-wrap .team-content .team-container .one-team-wrap:nth-child(2) {
  width: 50%;
}
@media only screen and (max-width: 520px) {
  .teams-wrap .team-content .team-container .one-team-wrap:nth-child(2) {
    width: 100%;
    padding: 0px;
  }
}
.teams-wrap .team-content .team-container .one-team-wrap .image {
  width: 100%;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
.teams-wrap .team-content .team-container .one-team-wrap .image:after {
  display: block;
  content: "";
  padding-top: 100%;
}
.teams-wrap .team-content .team-container .one-team-wrap h4 {
  text-align: center;
  font-family: BasisGrotesqueProBlack;
  font-size: 22px;
  color: #000000;
  text-transform: uppercase;
}
@media only screen and (max-width: 1400px) {
  .teams-wrap .team-content .team-container .one-team-wrap h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .teams-wrap .team-content .team-container .one-team-wrap h4 {
    font-size: 16px;
  }
}

.privacy-policy-wrap {
  background-color: #000000;
  padding-top: 195px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 600px) {
  .privacy-policy-wrap {
    padding-bottom: 50px;
    padding-top: 135px;
  }
}
.privacy-policy-wrap .privacy-policy-holder {
  max-width: 1150px;
  width: 100%;
  padding: 0px 20px 0px 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 1400px) {
  .privacy-policy-wrap .privacy-policy-holder {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .privacy-policy-wrap .privacy-policy-holder {
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .privacy-policy-wrap .privacy-policy-holder {
    padding: 0px 40px;
  }
}
.privacy-policy-wrap .privacy-policy-holder .headtitle {
  max-width: 428px;
  width: 100%;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9em;
  letter-spacing: 0px;
  color: #7d78ff;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1400px) {
  .privacy-policy-wrap .privacy-policy-holder .headtitle {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1100px) {
  .privacy-policy-wrap .privacy-policy-holder .headtitle {
    font-size: 50px;
    padding-left: 0px;
    max-width: 350px;
  }
}
@media only screen and (max-width: 600px) {
  .privacy-policy-wrap .privacy-policy-holder .headtitle {
    padding-left: 0px;
    font-size: 38px;
    max-width: 250px;
    margin-bottom: 25px;
  }
}
.privacy-policy-wrap .privacy-policy-holder .container-wrap {
  max-width: 960px;
  margin: auto;
  padding: 0px 20px;
  word-break: break-word;
}
@media only screen and (max-width: 1400px) {
  .privacy-policy-wrap .privacy-policy-holder .container-wrap {
    max-width: 840px;
  }
}
@media only screen and (max-width: 1100px) {
  .privacy-policy-wrap .privacy-policy-holder .container-wrap {
    max-width: 700px;
  }
}
@media only screen and (max-width: 600px) {
  .privacy-policy-wrap .privacy-policy-holder .container-wrap {
    padding: 0px;
  }
}
.privacy-policy-wrap .privacy-policy-holder .container-wrap h1, .privacy-policy-wrap .privacy-policy-holder .container-wrap h2, .privacy-policy-wrap .privacy-policy-holder .container-wrap h3, .privacy-policy-wrap .privacy-policy-holder .container-wrap h4, .privacy-policy-wrap .privacy-policy-holder .container-wrap h5, .privacy-policy-wrap .privacy-policy-holder .container-wrap li {
  color: #fff;
}
.privacy-policy-wrap .privacy-policy-holder .container-wrap h2 {
  font-size: 28px;
}
.privacy-policy-wrap .privacy-policy-holder .container-wrap h3 {
  font-size: 24px;
}
.privacy-policy-wrap .privacy-policy-holder .container-wrap ul {
  margin: 0px;
}
.privacy-policy-wrap .privacy-policy-holder .container-wrap strong {
  width: 100%;
  font-family: BasisGrotesqueProBlack;
  font-size: 24px;
  line-height: 1.42em;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0;
}
@media only screen and (max-width: 1100px) {
  .privacy-policy-wrap .privacy-policy-holder .container-wrap strong {
    font-size: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .privacy-policy-wrap .privacy-policy-holder .container-wrap strong {
    font-size: 16px;
    padding: 0;
    margin-bottom: 30px;
  }
}
.privacy-policy-wrap .privacy-policy-holder .container-wrap p, .privacy-policy-wrap .privacy-policy-holder .container-wrap li {
  width: 100%;
  font-family: BasisGrotesqueProMedium;
  font-size: 24px;
  line-height: 1.42em;
  color: #ffffff;
  margin: 0;
  padding-bottom: 30px;
}
@media only screen and (max-width: 1400px) {
  .privacy-policy-wrap .privacy-policy-holder .container-wrap p, .privacy-policy-wrap .privacy-policy-holder .container-wrap li {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .privacy-policy-wrap .privacy-policy-holder .container-wrap p, .privacy-policy-wrap .privacy-policy-holder .container-wrap li {
    font-size: 14px;
  }
}

.single-team-wrap {
  width: 100%;
}
.single-team-wrap .custom-link {
  height: 60px;
  width: 210px;
  margin-bottom: 50px;
  border-color: #ff7061;
  position: relative;
  left: 15px;
}
@media only screen and (max-width: 1400px) {
  .single-team-wrap .custom-link {
    height: 50px;
    width: 160px;
  }
}
@media only screen and (max-width: 600px) {
  .single-team-wrap .custom-link {
    display: none;
  }
  .single-team-wrap .custom-link.mobile {
    display: block;
    margin-bottom: 0px;
    margin-top: 30px;
  }
}
.single-team-wrap .custom-link span {
  font-size: 28px;
  color: #000;
}
@media only screen and (max-width: 1400px) {
  .single-team-wrap .custom-link span {
    font-size: 18px;
  }
}
.single-team-wrap .custom-link:after {
  background-color: #ff7061;
}
.single-team-wrap .custom-link:hover span {
  color: #fff;
}
.single-team-wrap .custom-link:hover:after {
  width: 100%;
}
.single-team-wrap .image {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.single-team-wrap .image:after {
  content: "";
  display: block;
  padding-top: 41%;
}
@media only screen and (max-width: 980px) {
  .single-team-wrap .image:after {
    padding-top: 65%;
  }
}
@media only screen and (max-width: 600px) {
  .single-team-wrap .image:after {
    padding-top: 100%;
  }
}
.single-team-wrap .content {
  max-width: 1150px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 70px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1400px) {
  .single-team-wrap .content {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .single-team-wrap .content {
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .single-team-wrap .content {
    margin-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.single-team-wrap .content .left, .single-team-wrap .content .right {
  opacity: 0;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
.single-team-wrap .content .left.in-view, .single-team-wrap .content .right.in-view {
  opacity: 1;
}
.single-team-wrap .content .left {
  width: 65%;
  padding-left: 90px;
  order: 2;
}
@media only screen and (max-width: 1100px) {
  .single-team-wrap .content .left {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .single-team-wrap .content .left {
    width: 100%;
    padding-left: 0;
  }
}
.single-team-wrap .content .left .persontitle {
  max-width: 371px;
  font-family: BasisGrotesqueProBold;
  font-size: 66px;
  line-height: 0.83;
  letter-spacing: 0px;
  color: #ff7061;
  margin: 0;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1400px) {
  .single-team-wrap .content .left .persontitle {
    font-size: 35px;
    max-width: 300px;
  }
}
@media only screen and (max-width: 1100px) {
  .single-team-wrap .content .left .persontitle {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .single-team-wrap .content .left .persontitle {
    font-size: 25px;
  }
}
.single-team-wrap .content .left .position {
  max-width: 311px;
  width: 100%;
  font-family: BasisGrotesqueProBlack;
  font-size: 22px;
  letter-spacing: -0.1px;
  color: #000000;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1400px) {
  .single-team-wrap .content .left .position {
    font-size: 20px;
  }
}
.single-team-wrap .content .left .text, .single-team-wrap .content .left .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .single-team-wrap .content .left .bottom-subtitle {
  max-width: 667px;
  width: 100%;
  font-family: BasisGrotesqueProMedium;
  font-size: 22px;
  line-height: 1.73em;
  color: #000000;
}
@media only screen and (max-width: 1400px) {
  .single-team-wrap .content .left .text, .single-team-wrap .content .left .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .single-team-wrap .content .left .bottom-subtitle {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .single-team-wrap .content .left .text, .single-team-wrap .content .left .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .single-team-wrap .content .left .bottom-subtitle {
    font-size: 14px;
  }
}
.single-team-wrap .content .right {
  width: 35%;
}
@media only screen and (max-width: 600px) {
  .single-team-wrap .content .right {
    width: 100%;
  }
}
.single-team-wrap .content .right .person-image {
  margin-bottom: 60px;
}
@media only screen and (max-width: 600px) {
  .single-team-wrap .content .right .person-image {
    margin-bottom: 30px;
  }
}
.single-team-wrap .content .right .person-image .image {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat;
  width: 100%;
  height: 450px;
}
@media only screen and (max-width: 1100px) {
  .single-team-wrap .content .right .person-image .image {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1100px) {
  .single-team-wrap .content .right .person-image .image:after {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
.single-team-wrap .content .mobile {
  display: none;
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  .single-team-wrap .content .mobile {
    display: block;
  }
}

.our-work-wrap {
  width: 100%;
  background-color: #ff7061;
  padding-top: 135px;
  min-height: calc(100vh - 367px);
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap {
    padding-top: 155px;
  }
}
@media only screen and (max-width: 1100px) {
  .our-work-wrap {
    padding-top: 170px;
  }
}
@media only screen and (max-width: 600px) {
  .our-work-wrap {
    padding-top: 100px;
  }
}
.our-work-wrap .our-work-content-container {
  max-width: 1140px;
  width: 100%;
  padding: 0px 20px 0px 20px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .our-work-wrap .our-work-content-container {
    max-width: 780px;
  }
}
@media only screen and (max-width: 520px) {
  .our-work-wrap .our-work-content-container {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.our-work-wrap .our-work-content-container .video-container {
  position: relative;
  z-index: 1;
}
.our-work-wrap .our-work-content-container .video-container:after {
  content: "";
  display: block;
  padding-top: 54%;
}
.our-work-wrap .our-work-content-container .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 101%;
}
.our-work-wrap .our-work-content-container .video-container video *:focus {
  outline: none;
}
.our-work-wrap .our-work-content-container .video-container .triangle {
  z-index: 9;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
  border-top: 305px solid #ff7061;
  border-right: 160px solid transparent;
}
@media only screen and (max-width: 1100px) {
  .our-work-wrap .our-work-content-container .video-container .triangle {
    border-top: 202px solid #ff7061;
    border-right: 108px solid transparent;
  }
}
@media only screen and (max-width: 520px) {
  .our-work-wrap .our-work-content-container .video-container .triangle {
    border-top: 125px solid #ff7061;
    border-right: 67px solid transparent;
  }
}
@media only screen and (max-width: 480px) {
  .our-work-wrap .our-work-content-container .video-container .triangle {
    border-top: 114px solid #ff7061;
    border-right: 61px solid transparent;
  }
}
.our-work-wrap .our-work-content-container .video-container .custom-timebar {
  visibility: hidden;
  cursor: pointer;
  height: 7px;
  outline: thin solid #fff;
  overflow: hidden;
  width: 70%;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%) skew(-25deg);
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .our-work-content-container .video-container .custom-timebar {
    bottom: -20px;
    width: 95%;
  }
}
.our-work-wrap .our-work-content-container .video-container .custom-timebar.show {
  visibility: visible;
}
.our-work-wrap .our-work-content-container .video-container .custom-timebar:hover span {
  opacity: 0.8;
}
.our-work-wrap .our-work-content-container .video-container .custom-timebar span {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 0px;
  -webkit-transition: all 300ms ease 0ms;
  -moz-transition: all 300ms ease 0ms;
  -o-transition: all 300ms ease 0ms;
  transition: all 300ms ease 0ms;
}
.our-work-wrap .our-work-content-container .video-container .video-controls-conatiner {
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
}
.our-work-wrap .our-work-content-container .video-container .video-controls-conatiner.hide {
  opacity: 0;
}
.our-work-wrap .our-work-content-container .video-container .play-video {
  width: 123px;
  height: 123px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  cursor: pointer;
}
.our-work-wrap .our-work-content-container .video-container .play-video:hover {
  opacity: 0.8;
  transform: translate(-50%, -50%) scale(0.95);
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .video-container .play-video {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .our-work-content-container .video-container .play-video {
    width: 45px;
    height: 45px;
  }
}
.our-work-wrap .our-work-content-container .video-container .play-video .play-icon {
  cursor: pointer;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  display: block;
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-left: 50px solid #ff7061;
  border-bottom: 35px solid transparent;
  position: relative;
  left: 30px;
  transform: scale(1);
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .video-container .play-video .play-icon {
    border-top: 20px solid transparent;
    border-left: 30px solid #ff7061;
    border-bottom: 20px solid transparent;
    left: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .our-work-content-container .video-container .play-video .play-icon {
    border-top: 13px solid transparent;
    border-left: 20px solid #ff7061;
    border-bottom: 13px solid transparent;
    left: 3px;
  }
}
.our-work-wrap .our-work-content-container .video-container .play-video .play-icon.hide {
  transform: scale(0);
}
.our-work-wrap .our-work-content-container .video-container .play-video .pause-icon {
  cursor: pointer;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}
.our-work-wrap .our-work-content-container .video-container .play-video .pause-icon span {
  width: 8px;
  height: 50px;
  display: inline-block;
  background: #ff7061;
}
.our-work-wrap .our-work-content-container .video-container .play-video .pause-icon span:first-child {
  margin-right: 5px;
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .our-work-content-container .video-container .play-video .pause-icon span:first-child {
    margin-right: 2px;
  }
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .video-container .play-video .pause-icon span:first-child {
    margin-right: 3px;
  }
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .video-container .play-video .pause-icon span {
    height: 30px;
    width: 6px;
  }
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .our-work-content-container .video-container .play-video .pause-icon span {
    height: 20px;
    width: 5px;
  }
}
.our-work-wrap .our-work-content-container .video-container .play-video .pause-icon.show {
  transform: translate(-50%, -50%) scale(1);
}
.our-work-wrap .our-work-content-container .headline {
  max-width: 5em;
  width: 100%;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9em;
  color: #ffffff;
  position: relative;
  top: 62px;
  z-index: 2;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .headline {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1100px) {
  .our-work-wrap .our-work-content-container .headline {
    font-size: 50px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .our-work-wrap .our-work-content-container .headline {
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .our-work-content-container .headline {
    font-size: 38px;
    top: 38px;
  }
}
.our-work-wrap .our-work-content-container .headline.title {
  position: relative;
  top: 62px;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .headline.title {
    top: 40px;
  }
}
@media only screen and (max-width: 1100px) {
  .our-work-wrap .our-work-content-container .headline.title {
    top: 25px;
  }
}
.our-work-wrap .our-work-content-container .toptext {
  max-width: 940px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-family: BasisGrotesqueProMedium;
  line-height: 1.44em;
  color: #fefefe;
  font-size: 32px;
  margin: 80px auto 100px auto;
  opacity: 0;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
.our-work-wrap .our-work-content-container .toptext.in-view {
  opacity: 1;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .toptext {
    max-width: 840px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 1100px) {
  .our-work-wrap .our-work-content-container .toptext {
    max-width: 700px;
  }
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .our-work-content-container .toptext {
    font-size: 14px;
    padding: 0;
    margin: 50px auto;
  }
}
.our-work-wrap .our-work-content-container .subtitle {
  width: 100%;
  font-family: BasisGrotesqueProBlack;
  font-size: 80px;
  line-height: 0.86em;
  color: #ffffff;
  text-transform: uppercase;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .subtitle {
    font-size: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .our-work-wrap .our-work-content-container .subtitle {
    font-size: 25px;
  }
}
.our-work-wrap .our-work-content-container .text, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .bottom-subtitle {
  max-width: 940px;
  padding: 0px 20px 0px 20px;
  width: 100%;
  font-family: BasisGrotesqueProMedium;
  font-size: 28px;
  line-height: 1.36em;
  color: #fefefe;
  margin: 0px auto 120px auto;
  position: relative;
  top: 200px;
  opacity: 0;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .text, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .bottom-subtitle {
    max-width: 840px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 1100px) {
  .our-work-wrap .our-work-content-container .text, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .bottom-subtitle {
    max-width: 700px;
  }
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .our-work-content-container .text, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .bottom-subtitle {
    font-size: 14px;
    padding: 0;
    margin: 50px auto;
  }
}
.our-work-wrap .our-work-content-container .text.in-view, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .in-view.bottom-subtitle, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .in-view.bottom-subtitle {
  opacity: 1;
  top: 0px;
}
.our-work-wrap .our-work-content-container .text .custom-link, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-subtitle .custom-link, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .bottom-subtitle .custom-link {
  position: relative;
  left: 10px;
  width: 330px;
  height: 60px;
  border-color: #fff;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .text .custom-link, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-subtitle .custom-link, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .bottom-subtitle .custom-link {
    width: 200px;
    height: 50px;
  }
}
.our-work-wrap .our-work-content-container .text .custom-link span, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-subtitle .custom-link span, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .bottom-subtitle .custom-link span {
  margin: 0;
  font-size: 28px;
  color: #fff;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .text .custom-link span, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-subtitle .custom-link span, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .bottom-subtitle .custom-link span {
    font-size: 18px;
  }
}
.our-work-wrap .our-work-content-container .text .custom-link:after, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-subtitle .custom-link:after, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .bottom-subtitle .custom-link:after {
  background-color: #fff;
}
.our-work-wrap .our-work-content-container .text .custom-link:hover span, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-subtitle .custom-link:hover span, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .bottom-subtitle .custom-link:hover span {
  color: #000;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .text, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .bottom-subtitle {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .our-work-content-container .text, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .our-work-wrap .our-work-content-container .bottom-subtitle {
    margin: 0px auto 50px 0px;
    font-size: 14px;
    padding: 0;
  }
}
.our-work-wrap .our-work-content-container .link, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .first-section .left-side a, .home-wrapper .first-section-wrap .first-section .left-side .our-work-wrap .our-work-content-container a, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-section .left-side a, .home-wrapper .first-section-wrap .bottom-section .left-side .our-work-wrap .our-work-content-container a {
  display: block;
  max-width: 300px;
  color: #fff;
  border-right: solid 5px #fff;
  border-left: solid 5px #fff;
  margin-top: 40px;
}
.our-work-wrap .our-work-content-container .link:after, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .first-section .left-side a:after, .home-wrapper .first-section-wrap .first-section .left-side .our-work-wrap .our-work-content-container a:after, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-section .left-side a:after, .home-wrapper .first-section-wrap .bottom-section .left-side .our-work-wrap .our-work-content-container a:after {
  background-color: #fff;
}
.our-work-wrap .our-work-content-container .link:hover, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .first-section .left-side a:hover, .home-wrapper .first-section-wrap .first-section .left-side .our-work-wrap .our-work-content-container a:hover, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-section .left-side a:hover, .home-wrapper .first-section-wrap .bottom-section .left-side .our-work-wrap .our-work-content-container a:hover {
  color: #ff7061;
}
.our-work-wrap .our-work-content-container .link:hover:after, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .first-section .left-side a:hover:after, .home-wrapper .first-section-wrap .first-section .left-side .our-work-wrap .our-work-content-container a:hover:after, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-section .left-side a:hover:after, .home-wrapper .first-section-wrap .bottom-section .left-side .our-work-wrap .our-work-content-container a:hover:after {
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .our-work-content-container .link, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .first-section .left-side a, .home-wrapper .first-section-wrap .first-section .left-side .our-work-wrap .our-work-content-container a, .our-work-wrap .our-work-content-container .home-wrapper .first-section-wrap .bottom-section .left-side a, .home-wrapper .first-section-wrap .bottom-section .left-side .our-work-wrap .our-work-content-container a {
    font-size: 18px;
    max-width: 215px;
  }
}
.our-work-wrap .partners-wrap {
  width: 100%;
  background-color: #fff;
  padding-bottom: 100px;
  opacity: 0;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .partners-wrap {
    padding-bottom: 50px;
  }
}
.our-work-wrap .partners-wrap.in-view {
  opacity: 1;
  top: 0px;
}
.our-work-wrap .partners-wrap .partners-holder {
  max-width: 1150px;
  margin: 0 auto;
  padding: 60px 20px 0px 20px;
}
.our-work-wrap .partners-wrap .partners-holder .title {
  margin: 0px;
  width: 100%;
  font-family: BasisGrotesqueProBlack;
  font-size: 80px;
  line-height: 0.86;
  color: #ff7061;
  margin-bottom: 60px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .partners-wrap .partners-holder .title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .partners-wrap .partners-holder .title {
    font-size: 38px;
  }
}
.our-work-wrap .partners-wrap .partners-holder .text, .our-work-wrap .partners-wrap .partners-holder .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .our-work-wrap .partners-wrap .partners-holder .bottom-subtitle {
  opacity: 0;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.our-work-wrap .partners-wrap .partners-holder .text.in-view, .our-work-wrap .partners-wrap .partners-holder .home-wrapper .first-section-wrap .in-view.bottom-subtitle, .home-wrapper .first-section-wrap .our-work-wrap .partners-wrap .partners-holder .in-view.bottom-subtitle {
  opacity: 1;
}
.our-work-wrap .partners-wrap .partners-holder .logotypes {
  display: flex;
  flex-wrap: wrap;
}
.our-work-wrap .partners-wrap .partners-holder .logotypes .logo {
  align-self: center;
  width: 25%;
  padding: 0px 30px 55px 30px;
  box-sizing: border-box;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
  position: relative;
  opacity: 0;
  top: 200px;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
.our-work-wrap .partners-wrap .partners-holder .logotypes .logo.in-view {
  opacity: 1;
  top: 0px;
}
@media only screen and (max-width: 980px) {
  .our-work-wrap .partners-wrap .partners-holder .logotypes .logo {
    padding: 0px 15px 30px 15px;
  }
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .partners-wrap .partners-holder .logotypes .logo {
    padding: 0px 10px 30px 10px;
  }
}
.our-work-wrap .partners-wrap .partners-holder .logotypes .logo img {
  width: 100%;
}
.our-work-wrap .partners-wrap .partners-holder .text, .our-work-wrap .partners-wrap .partners-holder .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .our-work-wrap .partners-wrap .partners-holder .bottom-subtitle {
  max-width: 885px;
  width: 100%;
  height: 35px;
  font-family: BasisGrotesqueProMedium;
  font-size: 28px;
  color: #000000;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .partners-wrap .partners-holder .text, .our-work-wrap .partners-wrap .partners-holder .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .our-work-wrap .partners-wrap .partners-holder .bottom-subtitle {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .our-work-wrap .partners-wrap .partners-holder .text, .our-work-wrap .partners-wrap .partners-holder .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .our-work-wrap .partners-wrap .partners-holder .bottom-subtitle {
    font-size: 14px;
    padding: 0;
  }
}
.our-work-wrap .partners-wrap .button {
  max-width: 380px;
  width: 100%;
  border: 5px solid #000;
  color: #000;
  position: relative;
  opacity: 0;
  top: 200px;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.our-work-wrap .partners-wrap .button:hover {
  color: #fff;
}
.our-work-wrap .partners-wrap .button:hover:after {
  width: 100%;
}
.our-work-wrap .partners-wrap .button:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 0%;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  background-color: #000;
}
.our-work-wrap .partners-wrap .button.in-view {
  opacity: 1;
  top: 0px;
}
@media only screen and (max-width: 1400px) {
  .our-work-wrap .partners-wrap .button {
    font-size: 18px;
    max-width: 215px;
  }
}

.search-results-wrap {
  padding-top: 185px;
  padding-bottom: 100px;
  background: #7d78ff;
  min-height: 100vh;
}
@media only screen and (max-width: 600px) {
  .search-results-wrap {
    padding-top: 145px;
    padding-bottom: 25px;
  }
}
.search-results-wrap .results {
  max-width: 1040px;
  margin: auto;
}
@media only screen and (max-width: 1300px) {
  .search-results-wrap .results {
    padding-left: 100px;
  }
}
@media only screen and (max-width: 980px) {
  .search-results-wrap .results {
    padding: 0px 40px;
  }
}
.search-results-wrap .results h1 {
  font-family: BasisGrotesqueProBlack;
  font-size: 66px;
  font-weight: 900;
  letter-spacing: -2.5px;
  color: #ffffff;
  margin: 0px;
  line-height: 0.9;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1400px) {
  .search-results-wrap .results h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .search-results-wrap .results h1 {
    font-size: 38px;
    margin-bottom: 10px;
  }
}
.search-results-wrap .results .result-info {
  display: flex;
  text-align: center;
  margin-bottom: 125px;
  position: relative;
  left: 18px;
}
@media only screen and (max-width: 980px) {
  .search-results-wrap .results .result-info {
    margin-bottom: 70px;
    left: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .search-results-wrap .results .result-info {
    margin-bottom: 30px;
    left: 7px;
  }
}
.search-results-wrap .results .result-info .tag, .search-results-wrap .results .result-info .hits {
  display: block;
  transform: skew(-30deg);
}
.search-results-wrap .results .result-info .tag p, .search-results-wrap .results .result-info .hits p {
  font-family: BasisGrotesqueProMedium;
  font-size: 25px;
  line-height: 1.4;
  color: #000000;
  transform: skew(30deg);
  margin: 0px;
  padding: 0px 10px;
}
@media only screen and (max-width: 1400px) {
  .search-results-wrap .results .result-info .tag p, .search-results-wrap .results .result-info .hits p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .search-results-wrap .results .result-info .tag p, .search-results-wrap .results .result-info .hits p {
    font-size: 14px;
  }
}
.search-results-wrap .results .result-info .tag {
  margin-right: 30px;
  background: #fff;
}
@media only screen and (max-width: 1400px) {
  .search-results-wrap .results .result-info .tag {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .search-results-wrap .results .result-info .tag {
    margin-right: 0px;
  }
}
.search-results-wrap .results .result-info .tag p {
  padding: 0px 10px;
}
.search-results-wrap .results .result {
  margin-bottom: 95px;
  position: relative;
  opacity: 0;
  top: 200px;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
.search-results-wrap .results .result.in-view {
  opacity: 1;
  top: 0px;
}
@media only screen and (max-width: 980px) {
  .search-results-wrap .results .result {
    margin-bottom: 65px;
  }
}
@media only screen and (max-width: 600px) {
  .search-results-wrap .results .result {
    margin-bottom: 25px;
  }
}
.search-results-wrap .results .result:last-child {
  margin-bottom: 0px;
}
.search-results-wrap .results .result .result-date {
  font-family: BasisGrotesqueProBlack;
  font-size: 22px;
  font-weight: 900;
  color: #000000;
}
@media only screen and (max-width: 1400px) {
  .search-results-wrap .results .result .result-date {
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .search-results-wrap .results .result .result-date {
    font-size: 14px;
  }
}
.search-results-wrap .results .result .result-title {
  font-family: BasisGrotesqueProBlack;
  font-size: 48px;
  font-weight: 900;
  line-height: 1;
  color: #fefefe;
  margin: 10px 0px;
}
@media only screen and (max-width: 1400px) {
  .search-results-wrap .results .result .result-title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 600px) {
  .search-results-wrap .results .result .result-title {
    font-size: 20px;
  }
}
.search-results-wrap .results .result .read-more {
  font-family: BasisGrotesqueProBlack;
  font-size: 18px;
  font-weight: 900;
  color: #000000;
  text-decoration: none;
  transform: skew(-30deg);
  display: inline-block;
  position: relative;
  border-right: solid 4px #000;
  border-left: solid 4px #000;
  line-height: 1;
  padding: 0px 10px;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .search-results-wrap .results .result .read-more {
    font-size: 14px;
  }
}
.search-results-wrap .results .result .read-more span {
  display: inline-block;
  transform: skew(30deg);
}
.search-results-wrap .results .result .read-more:after {
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.search-results-wrap .results .result .read-more:hover {
  border-right: solid 4px #fff;
  border-left: solid 4px #fff;
}
.search-results-wrap .results .result .read-more:hover span {
  color: #000;
}
.search-results-wrap .results .result .read-more:hover:after {
  width: 100%;
}

.research-wrap {
  background: #ff7061;
}
.research-wrap .research-content-container {
  max-width: 1150px;
  padding: 135px 20px 0px 20px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .research-wrap .research-content-container {
    padding: 155px 20px 0px 20px;
    padding-top: 155px;
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .research-wrap .research-content-container {
    padding-top: 170px;
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container {
    padding: 100px 40px 0px 40px;
  }
}
.research-wrap .research-content-container h1 {
  margin: 0px;
  max-width: 7em;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9;
  color: #ffffff;
  margin-bottom: 0px;
  z-index: 2;
}
.research-wrap .research-content-container h1.title {
  position: relative;
  top: 62px;
}
@media only screen and (max-width: 1400px) {
  .research-wrap .research-content-container h1.title {
    top: 40px;
  }
}
@media only screen and (max-width: 1100px) {
  .research-wrap .research-content-container h1.title {
    top: 25px;
  }
}
@media only screen and (max-width: 1400px) {
  .research-wrap .research-content-container h1 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1100px) {
  .research-wrap .research-content-container h1 {
    font-size: 50px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .research-wrap .research-content-container h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container h1 {
    font-size: 38px;
    top: 23px;
  }
}
.research-wrap .research-content-container .content-wrap .main-image {
  position: relative;
  z-index: 1;
}
.research-wrap .research-content-container .content-wrap .main-image .image-holder .image {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 100%;
  background: #d8d8d8;
}
.research-wrap .research-content-container .content-wrap .main-image .image-holder .image:after {
  content: "";
  display: block;
  padding-top: 54%;
}
.research-wrap .research-content-container .content-wrap .main-image .triangle {
  z-index: 9;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
  border-top: 305px solid #ff7061;
  border-right: 160px solid transparent;
}
@media only screen and (max-width: 1100px) {
  .research-wrap .research-content-container .content-wrap .main-image .triangle {
    border-top: 202px solid #ff7061;
    border-right: 108px solid transparent;
  }
}
@media only screen and (max-width: 520px) {
  .research-wrap .research-content-container .content-wrap .main-image .triangle {
    border-top: 125px solid #ff7061;
    border-right: 67px solid transparent;
  }
}
@media only screen and (max-width: 480px) {
  .research-wrap .research-content-container .content-wrap .main-image .triangle {
    border-top: 114px solid #ff7061;
    border-right: 61px solid transparent;
  }
}
.research-wrap .research-content-container .content-wrap .description {
  margin: 80px auto;
  margin-bottom: 0px;
  max-width: 940px;
  padding: 0px 20px;
}
@media only screen and (max-width: 1400px) {
  .research-wrap .research-content-container .content-wrap .description {
    max-width: 840px;
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 1100px) {
  .research-wrap .research-content-container .content-wrap .description {
    max-width: 700px;
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .description {
    padding: 0px;
    margin: 50px auto;
    margin-bottom: 0px;
  }
}
.research-wrap .research-content-container .content-wrap .description p {
  font-family: BasisGrotesqueProMedium;
  font-size: 32px;
  line-height: 1.44;
  color: #fefefe;
}
@media only screen and (max-width: 1400px) {
  .research-wrap .research-content-container .content-wrap .description p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .description p {
    font-size: 14px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned {
  padding-bottom: 120px;
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned {
    padding: 50px 0px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned h1 {
  margin: 0px;
  max-width: 800px;
  font-family: BasisGrotesqueProBold;
  font-size: 58px;
  font-weight: bold;
  line-height: 0.9;
  letter-spacing: 0.3px;
  color: #fefefe;
  margin-bottom: 95px;
}
@media only screen and (max-width: 1400px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned h1 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned h1 {
    font-size: 25px;
    margin-bottom: 30px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container {
  display: flex;
  flex-wrap: wrap;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post {
  position: relative;
  width: 50%;
  box-sizing: border-box;
  margin-bottom: 100px;
  opacity: 0;
  top: 200px;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post.in-view {
  opacity: 1;
  top: 0px;
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post {
    width: 100%;
    margin-bottom: 30px;
  }
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post:last-child {
    margin-bottom: 0px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post:nth-child(odd) {
  padding-right: 40px;
}
@media only screen and (max-width: 1100px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post:nth-child(odd) {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post:nth-child(odd) {
    padding: 0px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post:nth-child(even) {
  padding-left: 40px;
}
@media only screen and (max-width: 1100px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post:nth-child(even) {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post:nth-child(even) {
    padding: 0px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post:nth-child(even) .social-media {
  right: 0px;
}
@media only screen and (max-width: 1100px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post:nth-child(even) .social-media {
    right: -5px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post:hover .image-holder .image {
  opacity: 0.5;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .image-holder {
  position: relative;
  background-color: #fff;
  margin-bottom: 30px;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .image-holder {
    margin-bottom: 25px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .image-holder .image {
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
  width: 100%;
  background: #d8d8d8;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .image-holder .image:after {
  content: "";
  display: block;
  padding-top: 94%;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .post-title {
  font-family: BasisGrotesqueProBold;
  font-size: 38px;
  color: #fff;
  margin: 0px;
  line-height: 1;
}
@media only screen and (max-width: 1400px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .post-title {
    font-size: 25px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .learn-more {
  display: block;
  max-width: 100%;
  height: 70px;
  color: #fff;
  font-family: BasisGrotesqueProBlack;
  font-size: 28px;
  line-height: 2.32;
  text-align: center;
  color: #fff;
  border: solid 4px #fff;
  position: relative;
  margin-top: 55px;
  z-index: 2;
  text-decoration: none;
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .learn-more {
    font-size: 22px;
    height: 60px;
    margin-top: 45px;
  }
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .learn-more {
    font-size: 16px;
    line-height: 2.8;
    height: 50px;
    margin-top: 15px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .learn-more:after {
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #fff;
  z-index: 9;
  z-index: -1;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .learn-more:hover {
  color: #000;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .learn-more:hover:after {
  width: 100%;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .social-media {
  position: absolute;
  right: 40px;
  bottom: 3px;
}
@media only screen and (max-width: 1100px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .social-media {
    right: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .social-media {
    right: -5px;
    bottom: 0px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .social-media i {
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-bottom: 0px;
  color: #fff;
}
@media only screen and (max-width: 1400px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .social-media i {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .social-media i {
    font-size: 16px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .social-media i:last-child {
  margin-bottom: 0px;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .social-media i:hover.icon-facebook {
  color: #3b5998;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .posts-container .post .social-media i:hover.icon-twitter {
  color: #38A1F3;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .pagination {
  margin-top: 50px;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .pagination ul {
  display: inline-block;
  position: relative;
  left: 50%;
  margin: 0px;
  transform: translateX(-50%);
  padding: 0px;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .pagination ul li {
  display: inline-block;
  padding-right: 30px;
  box-sizing: border-box;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .pagination ul li:last-child {
  padding-right: 0px;
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .pagination ul li {
    padding-right: 20px;
  }
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .pagination ul li a {
  font-family: BasisGrotesqueProBlack;
  font-size: 24px;
  line-height: 1.08;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.research-wrap .research-content-container .content-wrap .what-we-have-learned .pagination ul li a:hover {
  color: #000;
}
@media only screen and (max-width: 1400px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .pagination ul li a {
    display: inline-block;
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .research-wrap .research-content-container .content-wrap .what-we-have-learned .pagination ul li a {
    font-size: 14px;
  }
}

.events-wrap {
  width: 100%;
  background-color: #ff7061;
}
.events-wrap .events-holder {
  max-width: 1150px;
  padding: 135px 20px 0px 20px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .events-wrap .events-holder {
    padding: 155px 20px 0px 20px;
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .events-wrap .events-holder {
    padding: 170px 20px 0px 20px;
    max-width: 780px;
  }
}
@media only screen and (max-width: 520px) {
  .events-wrap .events-holder {
    padding: 100px 40px 0px 40px;
  }
}
@media only screen and (max-width: 600px) {
  .events-wrap .events-holder {
    padding: 135px 40px 0px 40px;
  }
}
.events-wrap .events-holder .headline {
  margin: 0px;
  max-width: 6em;
  width: 100%;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9em;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1400px) {
  .events-wrap .events-holder .headline {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1100px) {
  .events-wrap .events-holder .headline {
    font-size: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .events-wrap .events-holder .headline {
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .events-wrap .events-holder .headline {
    font-size: 38px;
    padding-left: 0;
    margin-bottom: 20px;
  }
}
.events-wrap .events-holder .headline.title {
  position: relative;
  top: 43px;
}
@media only screen and (max-width: 1400px) {
  .events-wrap .events-holder .headline.title {
    top: 39px;
  }
}
@media only screen and (max-width: 1100px) {
  .events-wrap .events-holder .headline.title {
    top: 28px;
  }
}
@media only screen and (max-width: 768px) {
  .events-wrap .events-holder .headline.title {
    top: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .events-wrap .events-holder .headline.title {
    top: 0px;
  }
}
.events-wrap .events-holder .container-wrap {
  max-width: 960px;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 520px) {
  .events-wrap .events-holder .container-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
.events-wrap .events-holder .container-wrap .info-section {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
  position: relative;
  opacity: 0;
  top: 200px;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
.events-wrap .events-holder .container-wrap .info-section.in-view {
  opacity: 1;
  top: 0px;
}
@media only screen and (max-width: 768px) {
  .events-wrap .events-holder .container-wrap .info-section {
    margin-bottom: 50px;
  }
}
.events-wrap .events-holder .container-wrap .info-section:nth-child(even) {
  flex-direction: row-reverse;
}
.events-wrap .events-holder .container-wrap .info-section:nth-child(even) .right {
  padding: 0;
}
.events-wrap .events-holder .container-wrap .info-section .custom-link {
  height: 60px;
  width: 210px;
  border-color: #fff;
  position: relative;
  left: 15px;
}
@media only screen and (max-width: 600px) {
  .events-wrap .events-holder .container-wrap .info-section .custom-link {
    height: 50px;
    width: 160px;
  }
}
.events-wrap .events-holder .container-wrap .info-section .custom-link span {
  font-size: 28px;
  color: #000;
}
@media only screen and (max-width: 600px) {
  .events-wrap .events-holder .container-wrap .info-section .custom-link span {
    font-size: 18px;
  }
}
.events-wrap .events-holder .container-wrap .info-section .custom-link:after {
  background-color: #fff;
}
.events-wrap .events-holder .container-wrap .info-section .custom-link:hover span {
  color: #000;
}
.events-wrap .events-holder .container-wrap .info-section .custom-link:hover:after {
  width: 100%;
}
.events-wrap .events-holder .container-wrap .info-section .left {
  align-self: flex-end;
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .events-wrap .events-holder .container-wrap .info-section .left {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .events-wrap .events-holder .container-wrap .info-section .left {
    width: 100%;
  }
}
.events-wrap .events-holder .container-wrap .info-section .left .image {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1100px) {
  .events-wrap .events-holder .container-wrap .info-section .left .image {
    height: auto;
  }
}
.events-wrap .events-holder .container-wrap .info-section .left .image .section-image {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 100%;
  background: grey;
}
.events-wrap .events-holder .container-wrap .info-section .left .image .section-image:after {
  content: "";
  display: block;
  padding-top: 450px;
}
@media only screen and (max-width: 600px) {
  .events-wrap .events-holder .container-wrap .info-section .left .image .section-image:after {
    padding-top: 100%;
  }
}
.events-wrap .events-holder .container-wrap .info-section .right {
  width: 60%;
  padding-left: 60px;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .events-wrap .events-holder .container-wrap .info-section .right {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .events-wrap .events-holder .container-wrap .info-section .right {
    width: 100%;
    padding-left: 0;
  }
}
.events-wrap .events-holder .container-wrap .info-section .right .date {
  margin: 0px;
  max-width: 119px;
  width: 100%;
  font-family: BasisGrotesqueProBlack;
  font-size: 22px;
  font-weight: 900;
  color: #231f20;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1400px) {
  .events-wrap .events-holder .container-wrap .info-section .right .date {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .events-wrap .events-holder .container-wrap .info-section .right .date {
    margin-top: 20px;
  }
}
.events-wrap .events-holder .container-wrap .info-section .right .title {
  margin: 0;
  width: 100%;
  font-family: BasisGrotesqueProBold;
  font-size: 55px;
  line-height: 0.83em;
  color: #fff;
  margin-bottom: 30px;
  padding-top: 40px;
}
@media only screen and (max-width: 1400px) {
  .events-wrap .events-holder .container-wrap .info-section .right .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1100px) {
  .events-wrap .events-holder .container-wrap .info-section .right .title {
    font-size: 35px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .events-wrap .events-holder .container-wrap .info-section .right .title {
    font-size: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .events-wrap .events-holder .container-wrap .info-section .right .title {
    padding-top: 20px;
  }
}
.events-wrap .events-holder .container-wrap .info-section .right .text, .events-wrap .events-holder .container-wrap .info-section .right .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .events-wrap .events-holder .container-wrap .info-section .right .bottom-subtitle {
  max-width: 507px;
  width: 100%;
  font-family: BasisGrotesqueProMedium;
  font-size: 17px;
  line-height: 1.56em;
  color: #fefefe;
}
@media only screen and (max-width: 600px) {
  .events-wrap .events-holder .container-wrap .info-section .right .text, .events-wrap .events-holder .container-wrap .info-section .right .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .events-wrap .events-holder .container-wrap .info-section .right .bottom-subtitle {
    font-size: 14px;
    padding: 0;
  }
}
.events-wrap .events-holder .container-wrap .info-section .right .link, .events-wrap .events-holder .container-wrap .info-section .right .home-wrapper .first-section-wrap .first-section .left-side a, .home-wrapper .first-section-wrap .first-section .left-side .events-wrap .events-holder .container-wrap .info-section .right a, .events-wrap .events-holder .container-wrap .info-section .right .home-wrapper .first-section-wrap .bottom-section .left-side a, .home-wrapper .first-section-wrap .bottom-section .left-side .events-wrap .events-holder .container-wrap .info-section .right a {
  border-right: solid 5px #fff;
  border-left: solid 5px #fff;
  color: #000;
  margin: 0;
}
@media only screen and (max-width: 1400px) {
  .events-wrap .events-holder .container-wrap .info-section .right .link, .events-wrap .events-holder .container-wrap .info-section .right .home-wrapper .first-section-wrap .first-section .left-side a, .home-wrapper .first-section-wrap .first-section .left-side .events-wrap .events-holder .container-wrap .info-section .right a, .events-wrap .events-holder .container-wrap .info-section .right .home-wrapper .first-section-wrap .bottom-section .left-side a, .home-wrapper .first-section-wrap .bottom-section .left-side .events-wrap .events-holder .container-wrap .info-section .right a {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1100px) {
  .events-wrap .events-holder .container-wrap .info-section .right .link, .events-wrap .events-holder .container-wrap .info-section .right .home-wrapper .first-section-wrap .first-section .left-side a, .home-wrapper .first-section-wrap .first-section .left-side .events-wrap .events-holder .container-wrap .info-section .right a, .events-wrap .events-holder .container-wrap .info-section .right .home-wrapper .first-section-wrap .bottom-section .left-side a, .home-wrapper .first-section-wrap .bottom-section .left-side .events-wrap .events-holder .container-wrap .info-section .right a {
    font-size: 18px;
  }
}

*:focus {
  outline: none;
  box-sizing: border-box;
}

.page {
  margin: 0;
}

.noscorll {
  overflow: hidden;
}

.headline {
  font-family: BasisGrotesqueProBlack;
  font-size: 80px;
  width: 100%;
  color: #ff7061;
  line-height: 0.88em;
  margin: 0;
  text-transform: uppercase;
}

.button {
  display: block;
  border: solid 6px #ffffff;
  color: #fff;
  font-family: BasisGrotesqueProBlack;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 2.32em;
  text-align: center;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  position: relative;
  z-index: 2;
  text-decoration: none;
}
.button:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.button:hover {
  color: #000;
}
.button:hover:after {
  width: 100%;
}

.triangle {
  z-index: 9;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
}

.resource-wrap .template-1-wrap {
  background-color: #23c8d2;
}
.resource-wrap .rows-container .row.white h1 {
  color: #23c8d2;
}
.resource-wrap .rows-container .row .row-text a {
  border-color: #23c8d2;
}
.resource-wrap .rows-container .row .row-text a span {
  color: #23c8d2;
}
.resource-wrap .rows-container .row .row-text a:after {
  background-color: #23c8d2;
}

.selfcare-wrap .template-1-wrap {
  background-color: #23c8d2;
}
.selfcare-wrap .rows-container .row.white h1 {
  color: #23c8d2;
}
.selfcare-wrap .rows-container .row .row-text a {
  border-color: #23c8d2;
}
.selfcare-wrap .rows-container .row .row-text a span {
  color: #23c8d2;
}
.selfcare-wrap .rows-container .row .row-text a:after {
  background-color: #23c8d2;
}

.vegas-wrap .template-1-wrap {
  background-color: #ff7061;
}
.vegas-wrap .template-1-wrap h1 {
  max-width: 82%;
}
@media only screen and (max-width: 1100px) {
  .vegas-wrap .template-1-wrap h1 {
    max-width: 560px;
  }
}
.vegas-wrap .rows-container .row.white h1 {
  color: #ff7061;
}
.vegas-wrap .rows-container .row .row-text a {
  border-color: #ff7061;
}
.vegas-wrap .rows-container .row .row-text a span {
  color: #ff7061;
}
.vegas-wrap .rows-container .row .row-text a:after {
  background-color: #ff7061;
}

.vegasknowus-wrap {
  background-color: #ff7061;
  padding-bottom: 100px;
}
@media only screen and (max-width: 600px) {
  .vegasknowus-wrap {
    padding-bottom: 50px;
  }
}
.vegasknowus-wrap .vegasknowus-holder {
  max-width: 1150px;
  padding: 135px 20px 0px 20px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .vegasknowus-wrap .vegasknowus-holder {
    max-width: 1000px;
    padding-top: 155px;
  }
}
@media only screen and (max-width: 1100px) {
  .vegasknowus-wrap .vegasknowus-holder {
    padding-top: 170px;
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .vegasknowus-wrap .vegasknowus-holder {
    padding: 100px 40px 0px 40px;
  }
}
.vegasknowus-wrap .vegasknowus-holder .image-holder {
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 70px;
}
@media only screen and (max-width: 600px) {
  .vegasknowus-wrap .vegasknowus-holder .image-holder {
    margin-bottom: 30px;
  }
}
.vegasknowus-wrap .vegasknowus-holder .image-holder .triangle {
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
  border-top: 310px solid #ff7061;
  border-right: 165px solid transparent;
}
@media only screen and (max-width: 1100px) {
  .vegasknowus-wrap .vegasknowus-holder .image-holder .triangle {
    border-top: 202px solid #ff7061;
    border-right: 108px solid transparent;
  }
}
@media only screen and (max-width: 520px) {
  .vegasknowus-wrap .vegasknowus-holder .image-holder .triangle {
    border-top: 125px solid #ff7061;
    border-right: 67px solid transparent;
  }
}
@media only screen and (max-width: 480px) {
  .vegasknowus-wrap .vegasknowus-holder .image-holder .triangle {
    border-top: 114px solid #ff7061;
    border-right: 61px solid transparent;
  }
}
.vegasknowus-wrap .vegasknowus-holder .image-holder:after {
  content: "";
  display: block;
  padding-top: 54%;
}
.vegasknowus-wrap .vegasknowus-holder .headline {
  max-width: 434px;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9;
  color: #ffffff;
  margin-bottom: 0px;
  z-index: 2;
  margin: 0px;
}
.vegasknowus-wrap .vegasknowus-holder .headline.title {
  position: relative;
  top: 62px;
}
@media only screen and (max-width: 1400px) {
  .vegasknowus-wrap .vegasknowus-holder .headline.title {
    top: 40px;
  }
}
@media only screen and (max-width: 1100px) {
  .vegasknowus-wrap .vegasknowus-holder .headline.title {
    top: 25px;
  }
}
@media only screen and (max-width: 1400px) {
  .vegasknowus-wrap .vegasknowus-holder .headline {
    font-size: 60px;
    max-width: 350px;
  }
}
@media only screen and (max-width: 1100px) {
  .vegasknowus-wrap .vegasknowus-holder .headline {
    max-width: 200px;
    font-size: 50px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .vegasknowus-wrap .vegasknowus-holder .headline {
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .vegasknowus-wrap .vegasknowus-holder .headline {
    font-size: 38px;
    top: 23px;
  }
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap, .vegasknowus-wrap .vegasknowus-holder .headtext {
  max-width: 940px;
  padding: 0px 20px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap, .vegasknowus-wrap .vegasknowus-holder .headtext {
    max-width: 840px;
  }
}
@media only screen and (max-width: 1100px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap, .vegasknowus-wrap .vegasknowus-holder .headtext {
    max-width: 700px;
  }
}
@media only screen and (max-width: 600px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap, .vegasknowus-wrap .vegasknowus-holder .headtext {
    padding: 0px;
  }
}
.vegasknowus-wrap .vegasknowus-holder .headtext p {
  font-family: BasisGrotesqueProMedium;
  font-size: 32px;
  line-height: 1.44em;
  color: #ffffff;
  margin: 0 auto;
  margin-bottom: 90px;
  padding-right: 60px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1400px) {
  .vegasknowus-wrap .vegasknowus-holder .headtext p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .vegasknowus-wrap .vegasknowus-holder .headtext p {
    font-size: 14px;
    padding: 0;
    margin-bottom: 30px;
  }
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
  position: relative;
  opacity: 0;
  top: 200px;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section.in-view {
  opacity: 1;
  top: 0px;
}
@media only screen and (max-width: 600px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section {
    margin: 30px 0px;
  }
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section:nth-child(odd) {
  flex-direction: row-reverse;
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section:nth-child(odd) .right {
  padding: 0;
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .left {
  width: 50%;
}
@media only screen and (max-width: 1100px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .left {
    width: 55%;
  }
}
@media only screen and (max-width: 600px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .left {
    width: 100%;
  }
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .left .image {
  width: 100%;
  height: 100%;
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .left .image .img {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 100%;
  background: grey;
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .left .image .img:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right {
  width: 50%;
  padding-left: 60px;
  display: flex;
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .right-holder {
  align-self: flex-end;
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .custom-link {
  height: 60px;
  width: 210px;
  margin-top: 35px;
  margin-bottom: 20px;
  border-color: #fff;
  position: relative;
  left: 15px;
}
@media only screen and (max-width: 1400px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .custom-link {
    height: 50px;
    width: 160px;
  }
}
@media only screen and (max-width: 600px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .custom-link {
    margin-bottom: 0px;
  }
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .custom-link span {
  font-size: 28px;
  color: #000;
}
@media only screen and (max-width: 1400px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .custom-link span {
    font-size: 18px;
  }
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .custom-link:after {
  background-color: #fff;
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .custom-link:hover span {
  color: #000;
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .custom-link:hover:after {
  width: 100%;
}
@media only screen and (max-width: 1100px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right {
    padding-left: 30px;
    width: 45%;
  }
}
@media only screen and (max-width: 600px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right {
    width: 100%;
    padding-left: 0;
  }
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .date {
  max-width: 119px;
  width: 100%;
  font-family: BasisGrotesqueProBlack;
  font-size: 22px;
  font-weight: 900;
  color: #231f20;
  margin-bottom: 15px;
}
.vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .title {
  margin: 0px;
  max-width: 500px;
  width: 100%;
  font-family: BasisGrotesqueProBold;
  font-size: 46px;
  line-height: 1.09em;
  color: #ffffff;
}
@media only screen and (max-width: 1100px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .title {
    font-size: 35px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .title {
    font-size: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .vegasknowus-wrap .vegasknowus-holder .container-wrap .info-section .right .title {
    margin-top: 30px;
  }
}

.join-us-wrap {
  background-color: #ff7061;
  padding-top: 195px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 600px) {
  .join-us-wrap {
    padding-bottom: 50px;
    padding-top: 135px;
  }
}
.join-us-wrap .join-us-holder {
  max-width: 1150px;
  padding: 0px 20px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .join-us-wrap .join-us-holder {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .join-us-wrap .join-us-holder {
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .join-us-wrap .join-us-holder {
    padding: 0px 40px;
  }
}
.join-us-wrap .headline {
  max-width: 700px;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9;
  color: #ffffff;
  margin-bottom: 50px;
  margin: 0px;
  margin-bottom: 55px;
}
@media only screen and (max-width: 1400px) {
  .join-us-wrap .headline {
    font-size: 60px;
    max-width: 600px;
  }
}
@media only screen and (max-width: 1100px) {
  .join-us-wrap .headline {
    font-size: 50px;
    max-width: 400px;
    padding-left: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .join-us-wrap .headline {
    padding-left: 0px;
    font-size: 38px;
    max-width: 300px;
    margin-bottom: 25px;
  }
}
.join-us-wrap .text, .join-us-wrap .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .join-us-wrap .bottom-subtitle {
  max-width: 960px;
  margin: auto;
  padding: 0px 20px;
}
@media only screen and (max-width: 1400px) {
  .join-us-wrap .text, .join-us-wrap .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .join-us-wrap .bottom-subtitle {
    max-width: 840px;
  }
}
@media only screen and (max-width: 1100px) {
  .join-us-wrap .text, .join-us-wrap .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .join-us-wrap .bottom-subtitle {
    max-width: 700px;
  }
}
@media only screen and (max-width: 600px) {
  .join-us-wrap .text, .join-us-wrap .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .join-us-wrap .bottom-subtitle {
    padding: 0px;
  }
}
.join-us-wrap .text p, .join-us-wrap .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .join-us-wrap .bottom-subtitle p {
  font-family: BasisGrotesqueProMedium;
  font-size: 32px;
  line-height: 1.44;
  letter-spacing: -0.4px;
  color: #fefefe;
  margin: 0px;
}
@media only screen and (max-width: 1400px) {
  .join-us-wrap .text p, .join-us-wrap .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .join-us-wrap .bottom-subtitle p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .join-us-wrap .text p, .join-us-wrap .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .join-us-wrap .bottom-subtitle p {
    font-size: 14px;
  }
}
.join-us-wrap .form-container iframe {
  position: relative;
  width: 100%;
  height: 85vh;
}
@media only screen and (max-width: 1500px) {
  .join-us-wrap .form-container iframe {
    height: 100vh;
  }
}
@media only screen and (max-width: 1300px) {
  .join-us-wrap .form-container iframe {
    height: 115vh;
  }
}
@media only screen and (max-width: 980px) {
  .join-us-wrap .form-container iframe {
    height: 90vh;
  }
}

.to-get-help-wrap {
  background-color: #23c8d2;
  padding-bottom: 100px;
}
@media only screen and (max-width: 600px) {
  .to-get-help-wrap {
    padding-bottom: 50px;
  }
}
.to-get-help-wrap .to-get-help-content {
  max-width: 1150px;
  padding: 135px 20px 0px 20px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .to-get-help-wrap .to-get-help-content {
    max-width: 1000px;
    padding-top: 155px;
  }
}
@media only screen and (max-width: 1100px) {
  .to-get-help-wrap .to-get-help-content {
    padding-top: 170px;
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .to-get-help-wrap .to-get-help-content {
    padding: 100px 40px 0px 40px;
  }
}
.to-get-help-wrap .to-get-help-content h1 {
  max-width: 434px;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9;
  color: #ffffff;
  margin-bottom: 0px;
  z-index: 2;
  margin: 0px;
}
.to-get-help-wrap .to-get-help-content h1.title {
  position: relative;
  top: 62px;
}
@media only screen and (max-width: 1400px) {
  .to-get-help-wrap .to-get-help-content h1.title {
    top: 40px;
  }
}
@media only screen and (max-width: 1100px) {
  .to-get-help-wrap .to-get-help-content h1.title {
    top: 25px;
  }
}
@media only screen and (max-width: 1400px) {
  .to-get-help-wrap .to-get-help-content h1 {
    font-size: 60px;
    max-width: 350px;
  }
}
@media only screen and (max-width: 1100px) {
  .to-get-help-wrap .to-get-help-content h1 {
    max-width: 250px;
    font-size: 50px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .to-get-help-wrap .to-get-help-content h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .to-get-help-wrap .to-get-help-content h1 {
    max-width: 200px;
    font-size: 38px;
    top: 23px;
  }
}
.to-get-help-wrap .to-get-help-content .main-image {
  position: relative;
  z-index: 1;
}
.to-get-help-wrap .to-get-help-content .main-image .image-holder .image {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 100%;
  background: grey;
}
.to-get-help-wrap .to-get-help-content .main-image .image-holder .image:after {
  content: "";
  display: block;
  padding-top: 54%;
}
.to-get-help-wrap .to-get-help-content .main-image .triangle {
  z-index: 9;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
  border-top: 305px solid #23c8d2;
  border-right: 160px solid transparent;
}
@media only screen and (max-width: 1100px) {
  .to-get-help-wrap .to-get-help-content .main-image .triangle {
    border-top: 202px solid #23c8d2;
    border-right: 108px solid transparent;
  }
}
@media only screen and (max-width: 520px) {
  .to-get-help-wrap .to-get-help-content .main-image .triangle {
    border-top: 125px solid #23c8d2;
    border-right: 67px solid transparent;
  }
}
@media only screen and (max-width: 480px) {
  .to-get-help-wrap .to-get-help-content .main-image .triangle {
    border-top: 114px solid #23c8d2;
    border-right: 61px solid transparent;
  }
}
.to-get-help-wrap .to-get-help-content .description {
  margin: 80px auto;
  margin-bottom: 0px;
  max-width: 950px;
  padding: 0px 20px;
  opacity: 0;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.to-get-help-wrap .to-get-help-content .description.in-view {
  opacity: 1;
}
@media only screen and (max-width: 1400px) {
  .to-get-help-wrap .to-get-help-content .description {
    max-width: 700px;
  }
}
@media only screen and (max-width: 600px) {
  .to-get-help-wrap .to-get-help-content .description {
    padding: 0px;
    margin: 50px auto;
    margin-bottom: 0px;
  }
}
.to-get-help-wrap .to-get-help-content .description p {
  margin: 0px;
  font-family: BasisGrotesqueProMedium;
  font-size: 32px;
  line-height: 1.44;
  color: #fefefe;
}
@media only screen and (max-width: 1400px) {
  .to-get-help-wrap .to-get-help-content .description p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .to-get-help-wrap .to-get-help-content .description p {
    font-size: 14px;
  }
}
.to-get-help-wrap .to-get-help-content .description .button-group {
  display: flex;
  margin-top: 70px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .to-get-help-wrap .to-get-help-content .description .button-group {
    margin-top: 30px;
  }
}
.to-get-help-wrap .to-get-help-content .description .button-group a {
  height: 160px;
  font-family: BasisGrotesqueProBold;
  font-size: 66px;
  line-height: 0.85;
  letter-spacing: 1.2px;
  color: #000000;
  text-decoration: none;
  transform: skew(-25deg, 0deg);
}
.to-get-help-wrap .to-get-help-content .description .button-group a:hover span {
  color: #fff;
}
@media only screen and (max-width: 1400px) {
  .to-get-help-wrap .to-get-help-content .description .button-group a {
    font-size: 35px;
    height: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .to-get-help-wrap .to-get-help-content .description .button-group a {
    font-size: 18px;
    height: 60px;
  }
}
.to-get-help-wrap .to-get-help-content .description .button-group a:first-child {
  max-width: 355px;
  border-right: solid 6px #fff;
}
@media only screen and (max-width: 1400px) {
  .to-get-help-wrap .to-get-help-content .description .button-group a:first-child {
    max-width: 210px;
    border-right: solid 4px #fff;
  }
}
@media only screen and (max-width: 600px) {
  .to-get-help-wrap .to-get-help-content .description .button-group a:first-child {
    max-width: 140px;
    border-right: solid 3px #fff;
  }
}
.to-get-help-wrap .to-get-help-content .description .button-group a:last-child {
  max-width: 450px;
  padding-left: 85px;
}
@media only screen and (max-width: 1400px) {
  .to-get-help-wrap .to-get-help-content .description .button-group a:last-child {
    max-width: 300px;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .to-get-help-wrap .to-get-help-content .description .button-group a:last-child {
    max-width: 150px;
    padding-left: 25px;
  }
}
.to-get-help-wrap .to-get-help-content .description .button-group a span {
  display: block;
  position: relative;
  top: 50%;
  transform: skew(25deg, 0deg) translateY(-50%);
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}

.blog-page-wrap {
  background-color: #7d78ff;
  padding-top: 195px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap {
    padding-bottom: 50px;
    padding-top: 135px;
  }
}
.blog-page-wrap .blog-content-container {
  max-width: 1150px;
  padding: 0px 20px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .blog-page-wrap .blog-content-container {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .blog-page-wrap .blog-content-container {
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blog-content-container {
    padding: 0px 40px;
  }
}
.blog-page-wrap .blog-content-container h1 {
  max-width: 434px;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9;
  color: #ffffff;
  margin-bottom: 50px;
  margin: 0px;
  margin-bottom: 55px;
}
@media only screen and (max-width: 1400px) {
  .blog-page-wrap .blog-content-container h1 {
    font-size: 60px;
    max-width: 300px;
  }
}
@media only screen and (max-width: 1100px) {
  .blog-page-wrap .blog-content-container h1 {
    font-size: 50px;
    max-width: 300px;
    padding-left: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blog-content-container h1 {
    padding-left: 0px;
    font-size: 38px;
    max-width: 200px;
    margin-bottom: 25px;
  }
}
.blog-page-wrap .blog-content-container .description {
  max-width: 960px;
  margin: auto;
  padding: 0px 20px;
}
@media only screen and (max-width: 1400px) {
  .blog-page-wrap .blog-content-container .description {
    max-width: 840px;
  }
}
@media only screen and (max-width: 1100px) {
  .blog-page-wrap .blog-content-container .description {
    max-width: 700px;
  }
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blog-content-container .description {
    padding: 0px;
  }
}
.blog-page-wrap .blog-content-container .description p {
  font-family: BasisGrotesqueProMedium;
  font-size: 32px;
  line-height: 1.44;
  letter-spacing: -0.4px;
  color: #fefefe;
  margin: 0px;
}
@media only screen and (max-width: 1400px) {
  .blog-page-wrap .blog-content-container .description p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blog-content-container .description p {
    font-size: 14px;
  }
}
.blog-page-wrap .blog-content-container .categories-block {
  margin-top: 45px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blog-content-container .categories-block {
    margin-bottom: 50px;
  }
}
.blog-page-wrap .blog-content-container .categories-block .bordertop {
  height: 2px;
  width: 100%;
  transform: skewX(-25deg);
  margin-bottom: 20px;
  background-color: #fff;
}
.blog-page-wrap .blog-content-container .categories-block .categories {
  margin: 0px;
  padding: 0px;
}
.blog-page-wrap .blog-content-container .categories-block .categories li {
  list-style: none;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  margin: 5px 0px;
  margin-right: 15px;
  z-index: 2;
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blog-content-container .categories-block .categories li {
    display: block;
  }
}
.blog-page-wrap .blog-content-container .categories-block .categories li:last-child {
  margin-right: 0px;
}
.blog-page-wrap .blog-content-container .categories-block .categories li:hover a {
  color: #7d78ff;
}
.blog-page-wrap .blog-content-container .categories-block .categories li:hover a:after {
  width: 100%;
}
.blog-page-wrap .blog-content-container .categories-block .categories li a {
  font-family: BasisGrotesqueProMedium;
  font-size: 12px;
  text-decoration: none;
  padding: 5px;
  color: #fff;
  z-index: 9;
  transform: skewX(-25deg);
  display: block;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.blog-page-wrap .blog-content-container .categories-block .categories li a span {
  display: block;
  transform: skewX(25deg);
}
.blog-page-wrap .blog-content-container .categories-block .categories li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 0%;
  height: 100%;
  z-index: -1;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.blog-page-wrap .blog-content-container .categories-block .categories li.active a {
  color: #7d78ff;
}
.blog-page-wrap .blog-content-container .categories-block .categories li.active a:after {
  width: 100%;
}
.blog-page-wrap .blogs-container {
  display: flex;
  flex-wrap: wrap;
}
.blog-page-wrap .blogs-container .blog-post {
  width: 50%;
  position: relative;
  margin-bottom: 50px;
  box-sizing: border-box;
  opacity: 0;
  top: 200px;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
.blog-page-wrap .blogs-container .blog-post.in-view {
  opacity: 1;
  top: 0px;
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blogs-container .blog-post {
    width: 100%;
    margin-bottom: 25px;
  }
}
.blog-page-wrap .blogs-container .blog-post:nth-child(odd) {
  padding-left: 15px;
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blogs-container .blog-post:nth-child(odd) {
    padding-left: 0px;
  }
}
.blog-page-wrap .blogs-container .blog-post:nth-child(even) {
  padding-right: 15px;
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blogs-container .blog-post:nth-child(even) {
    padding-right: 0px;
  }
}
.blog-page-wrap .blogs-container .blog-post:first-child {
  padding: 0px;
  width: 100%;
}
@media only screen and (max-width: 1100px) {
  .blog-page-wrap .blogs-container .blog-post:first-child .blog-post-description {
    min-height: auto;
  }
}
.blog-page-wrap .blogs-container .blog-post:first-child .blog-post-description h2 {
  font-size: 48px;
}
@media only screen and (max-width: 1400px) {
  .blog-page-wrap .blogs-container .blog-post:first-child .blog-post-description h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blogs-container .blog-post:first-child .blog-post-description h2 {
    font-size: 25px;
  }
}
.blog-page-wrap .blogs-container .blog-post:first-child .blog-post-description p {
  font-size: 18px;
}
@media only screen and (max-width: 1100px) {
  .blog-page-wrap .blogs-container .blog-post:first-child .blog-post-description p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1100px) {
  .blog-page-wrap .blogs-container .blog-post:first-child .social-media-inline {
    top: 0px;
    bottom: auto;
  }
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blogs-container .blog-post:first-child .social-media-inline {
    position: relative;
  }
}
.blog-page-wrap .blogs-container .blog-post:first-child .social-media-inline i {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0px;
}
.blog-page-wrap .blogs-container .blog-post:first-child .social-media-inline i:last-child {
  margin-right: 0px;
  margin-bottom: 0px;
}
.blog-page-wrap .blogs-container .blog-post:hover .image-holder .image {
  opacity: 0.5;
}
.blog-page-wrap .blogs-container .blog-post .image-holder {
  margin-bottom: 30px;
  position: relative;
  background-color: #fff;
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blogs-container .blog-post .image-holder {
    margin-bottom: 25px;
  }
}
.blog-page-wrap .blogs-container .blog-post .image-holder .image {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat;
  height: 460px;
  width: 100%;
  background: grey;
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
}
@media only screen and (max-width: 1100px) {
  .blog-page-wrap .blogs-container .blog-post .image-holder .image {
    height: 244px;
  }
}
.blog-page-wrap .blogs-container .blog-post .blog-post-description {
  position: relative;
  padding-left: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1100px) {
  .blog-page-wrap .blogs-container .blog-post .blog-post-description {
    min-height: 140px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blogs-container .blog-post .blog-post-description {
    min-height: auto;
    padding-left: 0px;
  }
}
.blog-page-wrap .blogs-container .blog-post .blog-post-description h2 {
  font-family: BasisGrotesqueProBold;
  font-size: 38px;
  color: #fff;
  margin: 0px;
  margin-bottom: 10px;
  line-height: 1;
  max-width: 88%;
}
@media only screen and (max-width: 1400px) {
  .blog-page-wrap .blogs-container .blog-post .blog-post-description h2 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1100px) {
  .blog-page-wrap .blogs-container .blog-post .blog-post-description h2 {
    max-width: 100%;
  }
}
.blog-page-wrap .blogs-container .blog-post .blog-post-description p {
  font-family: BasisGrotesqueProBold;
  font-size: 18px;
  margin: 0px;
  line-height: 2.11;
  color: #000;
  max-width: 86%;
}
@media only screen and (max-width: 1400px) {
  .blog-page-wrap .blogs-container .blog-post .blog-post-description p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blogs-container .blog-post .blog-post-description p {
    line-height: 1.5;
    max-width: 100%;
  }
}
.blog-page-wrap .blogs-container .blog-post .social-media-inline {
  position: absolute;
  right: 20px;
  top: 0px;
}
@media only screen and (max-width: 1100px) {
  .blog-page-wrap .blogs-container .blog-post .social-media-inline {
    right: 0;
    top: auto;
    bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blogs-container .blog-post .social-media-inline {
    position: relative;
    top: 0px;
    text-align: right;
    margin-top: 15px;
  }
}
.blog-page-wrap .blogs-container .blog-post .social-media-inline i {
  cursor: pointer;
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
  display: block;
  font-size: 22px;
  margin-bottom: 10px;
  color: #fff;
}
@media only screen and (max-width: 1400px) {
  .blog-page-wrap .blogs-container .blog-post .social-media-inline i {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1100px) {
  .blog-page-wrap .blogs-container .blog-post .social-media-inline i {
    display: inline-block;
  }
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .blogs-container .blog-post .social-media-inline i {
    font-size: 16px;
  }
}
.blog-page-wrap .blogs-container .blog-post .social-media-inline i:last-child {
  margin-bottom: 0px;
}
.blog-page-wrap .blogs-container .blog-post .social-media-inline i:hover.icon-facebook {
  color: #3b5998;
}
.blog-page-wrap .blogs-container .blog-post .social-media-inline i:hover.icon-twitter {
  color: #38A1F3;
}
.blog-page-wrap .pagination {
  margin-top: 50px;
}
.blog-page-wrap .pagination ul {
  display: inline-block;
  position: relative;
  left: 50%;
  margin: 0px;
  transform: translateX(-50%);
  padding: 0px;
}
.blog-page-wrap .pagination ul li {
  display: inline-block;
  padding-right: 30px;
  box-sizing: border-box;
}
.blog-page-wrap .pagination ul li:last-child {
  padding-right: 0px;
}
.blog-page-wrap .pagination ul li.active a {
  color: #000;
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .pagination ul li {
    padding-right: 20px;
  }
}
.blog-page-wrap .pagination ul li a {
  font-family: BasisGrotesqueProBlack;
  font-size: 24px;
  line-height: 1.08;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.blog-page-wrap .pagination ul li a:hover {
  color: #000;
}
@media only screen and (max-width: 1400px) {
  .blog-page-wrap .pagination ul li a {
    display: inline-block;
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .blog-page-wrap .pagination ul li a {
    font-size: 14px;
  }
}

.single-template-post-wrap.blog-template-post-wrap h1 {
  color: #7d78ff;
  margin-bottom: 20px;
}

.prev-next-template-wrap.blog-prev-next {
  background-color: #7d78ff;
}

.single-template-post-wrap.article-template-post-wrap h1 {
  color: #ff7061;
  margin-bottom: 60px;
}
@media only screen and (max-width: 600px) {
  .single-template-post-wrap.article-template-post-wrap h1 {
    margin-bottom: 25px;
  }
}

.prev-next-template-wrap.article-prev-next {
  background-color: #ff7061;
}

.donation-page-wrap {
  background: #4F997E;
}
.donation-page-wrap p,
.donation-page-wrap h1,
.donation-page-wrap i {
  margin: 0px;
  color: #fff;
}
.donation-page-wrap .donation-content {
  max-width: 1150px;
  margin: auto;
  padding: 195px 20px 95px 20px;
}
@media only screen and (max-width: 1100px) {
  .donation-page-wrap .donation-content {
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content {
    padding: 135px 40px 50px 40px;
  }
}
.donation-page-wrap .donation-content h1 {
  max-width: 835px;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9;
}
@media only screen and (max-width: 1400px) {
  .donation-page-wrap .donation-content h1 {
    font-size: 70px;
    padding-left: 105px;
  }
}
@media only screen and (max-width: 1100px) {
  .donation-page-wrap .donation-content h1 {
    font-size: 50px;
    padding-left: 0px;
    max-width: 600px;
  }
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content h1 {
    padding-left: 0px;
    font-size: 38px;
    max-width: 350px;
    margin-bottom: 25px;
  }
}
.donation-page-wrap .donation-content .page-logo {
  max-width: 925px;
  margin: 45px 0px 90px 0px;
}
@media only screen and (max-width: 1400px) {
  .donation-page-wrap .donation-content .page-logo {
    padding-left: 105px;
    max-width: 750px;
  }
}
@media only screen and (max-width: 1100px) {
  .donation-page-wrap .donation-content .page-logo {
    max-width: 470px;
    padding-left: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .page-logo {
    margin-bottom: 50px;
  }
}
.donation-page-wrap .donation-content .page-logo img {
  width: 100%;
}
.donation-page-wrap .donation-content .nested-content {
  box-sizing: border-box;
  max-width: 960px;
  margin: auto;
  padding: 0px 20px;
}
@media only screen and (max-width: 1100px) {
  .donation-page-wrap .donation-content .nested-content {
    max-width: 90%;
  }
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .nested-content {
    padding: 0px;
    max-width: 100%;
  }
}
.donation-page-wrap .donation-content .description {
  margin-bottom: 0px;
  padding-bottom: 80px;
  border-bottom: solid 4px #fff;
}
@media only screen and (max-width: 1100px) {
  .donation-page-wrap .donation-content .description {
    max-width: 700px;
  }
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .description {
    padding-bottom: 50px;
  }
}
.donation-page-wrap .donation-content .description p {
  font-family: BasisGrotesqueProMedium;
}
.donation-page-wrap .donation-content .description .emphasized {
  margin-bottom: 40px;
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .description .emphasized {
    margin-bottom: 20px;
  }
}
.donation-page-wrap .donation-content .description .emphasized p {
  font-size: 32px;
  line-height: 1.44;
  letter-spacing: -0.4px;
}
@media only screen and (max-width: 1400px) {
  .donation-page-wrap .donation-content .description .emphasized p {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1100px) {
  .donation-page-wrap .donation-content .description .emphasized p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .description .emphasized p {
    font-size: 16px;
  }
}
.donation-page-wrap .donation-content .description .de-emphasized p {
  font-size: 28px;
  line-height: 1.36;
}
@media only screen and (max-width: 1400px) {
  .donation-page-wrap .donation-content .description .de-emphasized p {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1100px) {
  .donation-page-wrap .donation-content .description .de-emphasized p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .description .de-emphasized p {
    font-size: 14px;
  }
}
.donation-page-wrap .donation-content .form-part {
  padding: 80px 0px;
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .form-part {
    padding: 50px 0px;
  }
}
.donation-page-wrap .donation-content .quote {
  padding-top: 80px;
  border-top: solid 4px #fff;
  padding-bottom: 70px;
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .quote {
    padding: 50px 0px;
  }
}
.donation-page-wrap .donation-content .quote:hover .image-holder .image .cborder.borderl {
  height: 0%;
}
.donation-page-wrap .donation-content .quote:hover .image-holder .image .cborder.borderr {
  height: 0%;
}
.donation-page-wrap .donation-content .quote:hover .image-holder .image .cborder.bordert {
  width: 0%;
}
.donation-page-wrap .donation-content .quote:hover .image-holder .image .cborder.borderb {
  width: 0%;
}
.donation-page-wrap .donation-content .quote .image-holder {
  max-width: 400px;
  margin: auto;
  position: relative;
}
.donation-page-wrap .donation-content .quote .image-holder .image {
  position: relative;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 100%;
}
.donation-page-wrap .donation-content .quote .image-holder .image .cborder {
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
  position: absolute;
  background: #fff;
}
.donation-page-wrap .donation-content .quote .image-holder .image .cborder.borderl {
  height: 100%;
  width: 5px;
  left: 0;
  top: 0;
}
.donation-page-wrap .donation-content .quote .image-holder .image .cborder.borderr {
  height: 100%;
  width: 5px;
  right: 0;
  top: 0;
}
.donation-page-wrap .donation-content .quote .image-holder .image .cborder.bordert {
  height: 5px;
  width: 100%;
  left: 0;
  top: 0;
}
.donation-page-wrap .donation-content .quote .image-holder .image .cborder.borderb {
  height: 5px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.donation-page-wrap .donation-content .quote .image-holder .image:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.donation-page-wrap .donation-content .quote .image-holder .social-media {
  position: absolute;
  right: -90px;
  top: 0px;
  text-align: left;
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .quote .image-holder .social-media {
    position: relative;
    right: auto;
    margin-top: 25px;
  }
}
.donation-page-wrap .donation-content .quote .image-holder .social-media p {
  font-family: BasisGrotesqueProBlack;
  font-size: 18px;
  color: #000;
  margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .quote .image-holder .social-media p {
    display: inline-block;
  }
}
.donation-page-wrap .donation-content .quote .image-holder .social-media i {
  cursor: pointer;
  -webkit-transition: all 1s ease 0ms;
  -moz-transition: all 1s ease 0ms;
  -o-transition: all 1s ease 0ms;
  transition: all 1s ease 0ms;
  display: block;
  font-size: 22px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .quote .image-holder .social-media i {
    display: inline-block;
  }
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .quote .image-holder .social-media i {
    font-size: 16px;
  }
}
.donation-page-wrap .donation-content .quote .image-holder .social-media i:last-child {
  margin-bottom: 0px;
}
.donation-page-wrap .donation-content .about-foundation h1 {
  font-family: BasisGrotesqueProBlack;
  font-size: 32px;
  line-height: 0.9;
  margin-bottom: 10px;
  padding: 0px;
  max-width: 100%;
}
@media only screen and (max-width: 1400px) {
  .donation-page-wrap .donation-content .about-foundation h1 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1100px) {
  .donation-page-wrap .donation-content .about-foundation h1 {
    font-size: 25px;
  }
}
.donation-page-wrap .donation-content .about-foundation p {
  font-family: BasisGrotesqueProMedium;
  font-size: 28px;
  line-height: 1.44;
  margin-bottom: 40px;
}
.donation-page-wrap .donation-content .about-foundation p:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 1400px) {
  .donation-page-wrap .donation-content .about-foundation p {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1100px) {
  .donation-page-wrap .donation-content .about-foundation p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .about-foundation p {
    font-size: 14px;
  }
}
.donation-page-wrap .donation-content .updates-info {
  background: #9EBEE4;
  padding: 40px 0px;
  max-width: 1110px;
  margin: 45px 0px;
}
.donation-page-wrap .donation-content .updates-info p {
  font-family: BasisGrotesqueProBold;
  font-size: 58px;
  line-height: 1;
  letter-spacing: -0.1px;
  box-sizing: border-box;
  max-width: 960px;
  margin: auto;
  padding: 0px 20px;
}
@media only screen and (max-width: 1100px) {
  .donation-page-wrap .donation-content .updates-info p {
    max-width: 90%;
  }
}
@media only screen and (max-width: 1400px) {
  .donation-page-wrap .donation-content .updates-info p {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1100px) {
  .donation-page-wrap .donation-content .updates-info p {
    font-size: 38px;
  }
}
@media only screen and (max-width: 600px) {
  .donation-page-wrap .donation-content .updates-info p {
    max-width: 100%;
    font-size: 28px;
  }
}
.donation-page-wrap .donation-content .message-info p {
  font-family: BasisGrotesqueProMedium;
  font-size: 14px;
  line-height: 1.71;
}

.default-donation-page-wrap {
  background: #FFB4A5;
  padding-top: 195px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 600px) {
  .default-donation-page-wrap {
    padding-bottom: 50px;
    padding-top: 135px;
  }
}
.default-donation-page-wrap p,
.default-donation-page-wrap h1,
.default-donation-page-wrap i {
  color: #fff;
}
.default-donation-page-wrap .donation-content {
  max-width: 1150px;
  padding: 0px 20px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .default-donation-page-wrap .donation-content {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .default-donation-page-wrap .donation-content {
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .default-donation-page-wrap .donation-content {
    padding: 0px 40px;
  }
}
.default-donation-page-wrap .donation-content h1 {
  margin: 0px;
  max-width: 835px;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.9;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1400px) {
  .default-donation-page-wrap .donation-content h1 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1100px) {
  .default-donation-page-wrap .donation-content h1 {
    font-size: 50px;
    padding-left: 0px;
    max-width: 600px;
  }
}
@media only screen and (max-width: 600px) {
  .default-donation-page-wrap .donation-content h1 {
    padding-left: 0px;
    font-size: 38px;
    max-width: 350px;
    margin-bottom: 25px;
  }
}
.default-donation-page-wrap .donation-content .nested-content {
  box-sizing: border-box;
  max-width: 1060px;
  margin: auto;
  padding: 0px 20px;
}
@media only screen and (max-width: 1400px) {
  .default-donation-page-wrap .donation-content .nested-content {
    max-width: 940px;
  }
}
@media only screen and (max-width: 1100px) {
  .default-donation-page-wrap .donation-content .nested-content {
    max-width: 800px;
  }
}
@media only screen and (max-width: 600px) {
  .default-donation-page-wrap .donation-content .nested-content {
    padding: 0px;
    max-width: 100%;
  }
}
.default-donation-page-wrap .donation-content .description p {
  margin: 0px;
  font-family: BasisGrotesquePro;
  font-size: 24px;
  line-height: 1.58;
  letter-spacing: -0.4px;
  color: #000;
}
@media only screen and (max-width: 1400px) {
  .default-donation-page-wrap .donation-content .description p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .default-donation-page-wrap .donation-content .description p {
    font-size: 14px;
  }
}
.default-donation-page-wrap .donation-content .btn-container {
  display: inline-block;
  margin-top: 70px;
}
@media only screen and (max-width: 600px) {
  .default-donation-page-wrap .donation-content .btn-container {
    margin-top: 50px;
  }
}
.default-donation-page-wrap .donation-content .btn-container h3 {
  color: #fff;
  margin: 0px;
  max-width: 100%;
  font-family: BasisGrotesqueProBlack;
  font-size: 70px;
  line-height: 0.9;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 1400px) {
  .default-donation-page-wrap .donation-content .btn-container h3 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 768px) {
  .default-donation-page-wrap .donation-content .btn-container h3 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .default-donation-page-wrap .donation-content .btn-container h3 {
    font-size: 30px;
  }
}
.default-donation-page-wrap .donation-content .btn-container .donate-button-group {
  display: flex;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .default-donation-page-wrap .donation-content .btn-container .donate-button-group {
    flex-wrap: wrap;
  }
}
.default-donation-page-wrap .donation-content .btn-container .donate-button-group a {
  margin: 0px;
  height: 77px;
  font-family: BasisGrotesqueProBold;
  font-size: 24px;
  line-height: 1.08;
  color: #000000;
  transform: skew(-25deg, 0deg);
  text-decoration: none;
  padding-left: 30px;
  padding-right: 30px;
  border-right: solid 6px #fff;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.default-donation-page-wrap .donation-content .btn-container .donate-button-group a:hover {
  color: #fff;
}
@media only screen and (max-width: 1400px) {
  .default-donation-page-wrap .donation-content .btn-container .donate-button-group a {
    font-size: 20px;
    height: 65px;
    border-right: solid 4px #fff;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .default-donation-page-wrap .donation-content .btn-container .donate-button-group a {
    font-size: 16px;
    height: 48px;
    padding-left: 30px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .default-donation-page-wrap .donation-content .btn-container .donate-button-group a {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    width: 50%;
    margin-bottom: 20px;
    height: 40px;
  }
}
.default-donation-page-wrap .donation-content .btn-container .donate-button-group a:last-child {
  border: none;
}
@media only screen and (max-width: 600px) {
  .default-donation-page-wrap .donation-content .btn-container .donate-button-group a:last-child {
    border-right: solid 4px #fff;
  }
}
.default-donation-page-wrap .donation-content .btn-container .donate-button-group a span {
  display: block;
  position: relative;
  top: 50%;
  transform: skew(25deg, 0deg) translateY(-50%);
}
.default-donation-page-wrap .donation-content .form-part iframe {
  width: 100%;
  height: 1300px;
}
@media only screen and (max-width: 1500px) {
  .default-donation-page-wrap .donation-content .form-part iframe {
    height: 1300px;
  }
}
@media only screen and (max-width: 1300px) {
  .default-donation-page-wrap .donation-content .form-part iframe {
    height: 1300px;
  }
}
@media only screen and (max-width: 980px) {
  .default-donation-page-wrap .donation-content .form-part iframe {
    height: 1300px;
  }
}
@media only screen and (max-width: 600px) {
  .default-donation-page-wrap .donation-content .form-part {
    padding: 50px 0px;
  }
}

.password_protected {
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.report_wrap .pdf-viewer {
  margin-bottom: 3em;
}
.report_wrap .pdf-viewer iframe {
  width: 90%;
  height: 80vh;
  border: 0;
  margin: 0 auto;
  display: block;
}
.report_wrap .template-1-wrap {
  background-color: #7D78FF;
}
.report_wrap .template-1-wrap .template-1-holder .template-1-container-wrap p {
  font-family: BasisGrotesquePro;
}
.report_wrap .template-1-wrap .button_wrap {
  margin-top: 50px;
}
.report_wrap .template-1-wrap .button_wrap .button {
  max-width: 340px;
}
@media only screen and (max-width: 1400px) {
  .report_wrap .template-1-wrap .button_wrap .button {
    max-width: 300px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .report_wrap .template-1-wrap .button_wrap .button {
    max-width: 250px;
    font-size: 20px;
  }
}
.report_wrap .swiper_holder h2 {
  font-size: 66px;
  text-transform: none;
  margin-bottom: 20px;
  margin-top: 60px;
  max-width: 100%;
}
@media only screen and (max-width: 1400px) {
  .report_wrap .swiper_holder h2 {
    font-size: 55px;
  }
}
@media only screen and (max-width: 1100px) {
  .report_wrap .swiper_holder h2 {
    font-size: 44px;
  }
}
.report_wrap .swiper_holder .swiper-button-next-holder {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  background: #7D78FF;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #7D78FF;
  -webkit-transition: all 400ms ease 0ms;
  -moz-transition: all 400ms ease 0ms;
  -o-transition: all 400ms ease 0ms;
  transition: all 400ms ease 0ms;
}
.report_wrap .swiper_holder .swiper-button-next-holder:hover {
  border: 1px solid #fff;
  background-color: transparent;
}
@media only screen and (max-width: 600px) {
  .report_wrap .swiper_holder .swiper-button-next-holder {
    display: none;
  }
}
.report_wrap .swiper_holder .swiper-button-next-holder .swiper-button-next {
  width: 100%;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin: 0px;
  height: 100%;
}
.report_wrap .swiper_holder .swiper-button-prev-holder {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  background: #7D78FF;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #7D78FF;
  -webkit-transition: all 400ms ease 0ms;
  -moz-transition: all 400ms ease 0ms;
  -o-transition: all 400ms ease 0ms;
  transition: all 400ms ease 0ms;
}
@media only screen and (max-width: 600px) {
  .report_wrap .swiper_holder .swiper-button-prev-holder {
    display: none;
  }
}
.report_wrap .swiper_holder .swiper-button-prev-holder:hover {
  border: 1px solid #fff;
  background-color: transparent;
}
.report_wrap .swiper_holder .swiper-button-prev-holder .swiper-button-prev {
  width: 100%;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin: 0px;
  height: 100%;
}
.report_wrap .swiper_holder .template-1-container-wrap {
  padding-bottom: 40px;
}
.report_wrap .swiper_holder .swiper_navigation {
  position: relative;
}
.report_wrap .swiper_holder .swiper_navigation .swiper_counter p {
  color: #Fff;
  font-size: 18px;
  font-family: BasisGrotesqueProBlack;
}
.report_wrap .swiper_holder .swiper_navigation .swiper_navigation_button {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.report_wrap .swiper_holder .swiper_navigation .swiper_navigation_button .swiper-button-next {
  background-image: none;
  right: auto;
  left: auto;
  position: relative;
  top: auto;
  width: auto;
  height: auto;
  margin: 0px;
}
.report_wrap .swiper_holder .swiper_navigation .swiper_navigation_button .swiper-button-next img {
  position: relative;
  right: 0px;
  -webkit-transition: all 400ms ease 0ms;
  -moz-transition: all 400ms ease 0ms;
  -o-transition: all 400ms ease 0ms;
  transition: all 400ms ease 0ms;
}
.report_wrap .swiper_holder .swiper_navigation .swiper_navigation_button .swiper-button-next:hover img {
  right: -5px;
}
.report_wrap .swiper_holder .swiper_navigation .swiper_navigation_button .swiper-button-prev {
  display: none;
}
.report_wrap .swiper_holder .swiper_navigation .swiper_navigation_button p {
  color: #Fff;
  font-size: 18px;
  font-family: BasisGrotesqueProBlack;
  letter-spacing: 1px;
  display: inline-block;
  margin-right: 10px;
}
.report_wrap .swiper_holder .impact-swiper .swiper-slide {
  opacity: 0.5;
  @inlcude transition();
}
.report_wrap .swiper_holder .impact-swiper .swiper-slide .image_holder {
  position: relative;
  overflow: hidden;
  padding-top: 129%;
}
.report_wrap .swiper_holder .impact-swiper .swiper-slide .image_holder img {
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}
.report_wrap .swiper_holder .impact-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.report_wrap .rows-container {
  border-top: solid 1px #fff;
}
.report_wrap .rows-container .row_year {
  cursor: pointer;
  background-color: transparent;
  color: white;
  border-top: solid 1px #fff;
  padding: 20px 0px 20px 0px;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .report_wrap .rows-container .row_year {
    padding: 10px 0px 10px 0px;
  }
}
.report_wrap .rows-container .row_year:first-child {
  border-top: none;
}
.report_wrap .rows-container .row_year:last-child {
  border-bottom: solid 1px #fff;
}
.report_wrap .rows-container .row_year.white {
  background-color: #fff;
}
.report_wrap .rows-container .row_year.white h1 {
  color: #7D78FF;
}
.report_wrap .rows-container .row_year h1 {
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  margin: 0px;
  display: inline-block;
  font-family: BasisGrotesqueProBlack;
  font-size: 44px;
  letter-spacing: 0.1px;
  color: #fff;
  padding-left: 70px;
  max-width: 100%;
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .report_wrap .rows-container .row_year h1 {
    font-size: 30px;
    padding-left: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .report_wrap .rows-container .row_year h1 {
    font-size: 18px;
    padding-left: 40px;
    position: relative;
    top: 7px;
  }
}
.report_wrap .rows-container .row_year .icon {
  width: 30px;
  height: 30px;
  margin-right: 50px;
  position: absolute;
  top: 20px;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  cursor: pointer;
}
@media only screen and (max-width: 1400px) {
  .report_wrap .rows-container .row_year .icon {
    transform: scale(0.8);
    top: 7px;
  }
}
@media only screen and (max-width: 600px) {
  .report_wrap .rows-container .row_year .icon {
    margin-right: 5px;
    transform: scale(0.6);
    top: 5px;
  }
}
.report_wrap .rows-container .row_year .icon.rotate span:nth-child(2) {
  top: 4px;
  transform: rotate(0deg);
}
.report_wrap .rows-container .row_year .icon span {
  display: block;
  width: 30px;
  height: 7px;
  background-color: #000;
  position: relative;
  -webkit-transition: all 700ms ease 0ms;
  -moz-transition: all 700ms ease 0ms;
  -o-transition: all 700ms ease 0ms;
  transition: all 700ms ease 0ms;
}
.report_wrap .rows-container .row_year .icon span:nth-child(1) {
  top: 11px;
}
.report_wrap .rows-container .row_year .icon span:nth-child(2) {
  top: 4px;
  transform: rotate(90deg);
}
.report_wrap .rows-container .row_year .row_header {
  max-width: 1150px;
  width: 100%;
  padding: 0px 20px 0px 20px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .report_wrap .rows-container .row_year .row_header {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .report_wrap .rows-container .row_year .row_header {
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .report_wrap .rows-container .row_year .row_header {
    top: -5px;
    padding: 0px 10px;
  }
}
.report_wrap .rows-container .row_year .single_month {
  display: none;
  flex-wrap: wrap;
}
.report_wrap .rows-container .row_year .single_month .single_row {
  max-width: 100%;
  width: 100%;
  padding: 0px 20px 0px 20px;
  margin: 0 auto;
  position: relative;
  background-color: #F2F2F2;
}
.report_wrap .rows-container .row_year .single_month .single_row.odd {
  background-color: #fff;
}
.report_wrap .rows-container .row_year .single_month .single_row .border {
  height: 1px;
  background-color: #C8C8C8;
  width: 100%;
  max-width: 1140px;
  margin: auto;
}
.report_wrap .rows-container .row_year .single_month .single_row:last-child .border {
  display: none;
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text {
  max-width: 960px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding-top: 25px;
  padding-bottom: 25px;
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text .left {
  width: 40%;
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text .left .image_holder {
  padding-top: 61%;
  overflow: hidden;
  position: relative;
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text .left .image_holder img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text .text, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text .text.right, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .right.bottom-subtitle, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .right.bottom-subtitle {
  width: 60%;
  padding-left: 30px;
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text .text h2, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle h2, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle h2 {
  color: #7D78FF;
  font-size: 44px;
  text-transform: none;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1100px) {
  .report_wrap .rows-container .row_year .single_month .single_row .row-text .text h2, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle h2, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle h2 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 600px) {
  .report_wrap .rows-container .row_year .single_month .single_row .row-text .text h2, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle h2, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle h2 {
    font-size: 24px;
  }
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text .text a, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle a, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle a {
  margin: 0px 6px;
  font-family: BasisGrotesqueProBlack;
  display: inline-block;
  text-decoration: none;
  transform: skewX(-25deg);
  border-right: solid 5px transparent;
  border-left: solid 5px transparent;
  text-align: center;
  z-index: 0;
  font-family: BasisGrotesqueProBlack;
  font-size: 18px;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
  height: 20px;
  padding: 0px 10px;
}
@media only screen and (max-width: 1400px) {
  .report_wrap .rows-container .row_year .single_month .single_row .row-text .text a, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle a, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle a {
    font-size: 14px;
    border-right: solid 4px transparent;
    border-left: solid 4px transparent;
  }
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text .text a span, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle a span, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle a span {
  line-height: 1.4;
  position: relative;
  top: 50%;
  transform: translateY(-50%) skewX(25deg);
  display: inline-block;
  z-index: 2;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text .text a:after, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle a:after, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle a:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text .text a:hover span, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle a:hover span, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle a:hover span {
  color: #fff !important;
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text .text a:hover:after, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle a:hover:after, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle a:hover:after {
  width: 100%;
}
.report_wrap .rows-container .row_year .single_month .single_row .row-text .text p, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle p {
  font-family: BasisGrotesqueProMedium;
  font-size: 24px;
  margin: 0px;
  letter-spacing: -0.4px;
  color: #000000;
}
@media only screen and (max-width: 1400px) {
  .report_wrap .rows-container .row_year .single_month .single_row .row-text .text p, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .report_wrap .rows-container .row_year .single_month .single_row .row-text .text p, .report_wrap .rows-container .row_year .single_month .single_row .row-text .home-wrapper .first-section-wrap .bottom-subtitle p, .home-wrapper .first-section-wrap .report_wrap .rows-container .row_year .single_month .single_row .row-text .bottom-subtitle p {
    font-size: 14px;
  }
}
.report_wrap .report-stats {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 1.5em;
}
.report_wrap .report-stats .impact-stat {
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 2rem;
  border: 0px solid white;
  border-bottom-width: 1em;
  margin-bottom: 3.5%;
  font-size: 1rem;
  width: 90%;
}
.report_wrap .report-stats .impact-stat .impact-stat-inner h2 {
  font-size: 4em;
  margin: 0;
  text-align: center;
  font-family: BasisGrotesqueProBlack, sans-serif;
}
.report_wrap .report-stats .impact-stat .impact-stat-inner p {
  font-size: 1.2rem;
  font-family: BasisGrotesquePro, sans-serif;
  text-align: center;
}
@media (min-width: 768px) {
  .report_wrap .report-stats .impact-stat {
    width: 45%;
  }
}
@media (min-width: 1100px) {
  .report_wrap .report-stats .impact-stat {
    width: 30%;
  }
  .report_wrap .report-stats .impact-stat .impact-stat-inner h2 {
    font-size: 3.5em;
  }
}
@media (min-width: 1400px) {
  .report_wrap .report-stats .impact-stat {
    width: 30%;
  }
  .report_wrap .report-stats .impact-stat .impact-stat-inner h2 {
    font-size: 4em;
  }
}

.single-template-bekind-wrap {
  background-color: #23C8D2;
  padding-top: 160px;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 600px) {
  .single-template-bekind-wrap {
    padding-top: 135px;
  }
}
.single-template-bekind-wrap #main-content-inner, .single-template-bekind-wrap .col-sm-12 {
  padding: 0px !important;
}
.single-template-bekind-wrap .form-part iframe {
  width: 100%;
  height: 50vh;
}
@media only screen and (max-width: 1950px) {
  .single-template-bekind-wrap .form-part iframe {
    height: 60vh;
  }
}
@media only screen and (max-width: 1700px) {
  .single-template-bekind-wrap .form-part iframe {
    height: 70vh;
  }
}
@media only screen and (max-width: 1300px) {
  .single-template-bekind-wrap .form-part iframe {
    height: 80vh;
  }
}
@media only screen and (max-width: 1100px) {
  .single-template-bekind-wrap .form-part iframe {
    height: 105vh;
    padding: 0 50px;
  }
}
@media only screen and (max-width: 980px) {
  .single-template-bekind-wrap .form-part iframe {
    height: 80vh;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-bekind-wrap .form-part iframe {
    height: 120vh;
    padding: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-bekind-wrap .form-part {
    padding: 50px 0px;
  }
}
.single-template-bekind-wrap .single-template-bekind-container {
  max-width: 980px;
  margin: auto;
  padding: 0px 20px 50px 20px;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 1300px) {
  .single-template-bekind-wrap .single-template-bekind-container {
    padding-left: 100px;
  }
}
@media only screen and (max-width: 1100px) {
  .single-template-bekind-wrap .single-template-bekind-container {
    padding: 0px 40px 50px 40px;
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-bekind-wrap .single-template-bekind-container {
    padding: 0px 40px 50px 40px;
  }
}
.single-template-bekind-wrap .single-template-bekind-container .tag {
  position: relative;
  transform: skew(-30deg);
  background-color: #7d78ff;
  max-width: 310px;
  height: 40px;
  margin-bottom: 20px;
  text-align: center;
  left: 12px;
}
@media only screen and (max-width: 1400px) {
  .single-template-bekind-wrap .single-template-bekind-container .tag {
    max-width: 250px;
    height: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-bekind-wrap .single-template-bekind-container .tag {
    max-width: 180px;
    height: 25px;
  }
}
.single-template-bekind-wrap .single-template-bekind-container .tag p {
  margin: 0px;
  font-family: BasisGrotesqueProMedium;
  font-size: 25px;
  line-height: 1.7;
  color: #ffffff;
  transform: skew(30deg);
}
@media only screen and (max-width: 1400px) {
  .single-template-bekind-wrap .single-template-bekind-container .tag p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-bekind-wrap .single-template-bekind-container .tag p {
    font-size: 14px;
    line-height: 1.9;
  }
}
.single-template-bekind-wrap .single-template-bekind-container h1 {
  margin: 0px;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.96;
  color: #fff;
  display: block;
  width: 100%;
  margin-bottom: 15px;
  word-break: keep-all;
}
@media only screen and (max-width: 1400px) {
  .single-template-bekind-wrap .single-template-bekind-container h1 {
    font-size: 60px;
    max-width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-bekind-wrap .single-template-bekind-container h1 {
    font-size: 35px;
  }
}
.single-template-bekind-wrap .single-template-bekind-container h2 {
  margin: 0px;
  font-family: BasisGrotesqueProBlack;
  font-size: 28px;
  line-height: 1.25;
  color: #000000;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1400px) {
  .single-template-bekind-wrap .single-template-bekind-container h2 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-bekind-wrap .single-template-bekind-container h2 {
    margin-bottom: 10px;
  }
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text {
  padding-left: 100px;
  position: relative;
  opacity: 0;
  -webkit-transition: all 2s ease 0ms;
  -moz-transition: all 2s ease 0ms;
  -o-transition: all 2s ease 0ms;
  transition: all 2s ease 0ms;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text.in-view {
  opacity: 1;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .button {
  max-width: 270px;
  width: 100%;
  border: 5px solid #000;
  color: #000;
  background-color: #f2f2f2;
  font-size: 22px;
  -webkit-transition: all 0.5s ease 0ms;
  -moz-transition: all 0.5s ease 0ms;
  -o-transition: all 0.5s ease 0ms;
  transition: all 0.5s ease 0ms;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .button:after {
  background-color: #000;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .button:hover {
  color: #fff !important;
}
@media only screen and (max-width: 600px) {
  .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .button {
    font-size: 20px;
    max-width: 240px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text {
    padding-left: 0px;
  }
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text ul {
  margin: 0px;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text ul li {
  color: #000;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text a {
  position: relative;
  color: #000;
  text-decoration: none;
  -webkit-transition: all 0.5s ease 0ms;
  -moz-transition: all 0.5s ease 0ms;
  -o-transition: all 0.5s ease 0ms;
  transition: all 0.5s ease 0ms;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background-color: #000000;
  -webkit-transition: all 0.5s ease 0ms;
  -moz-transition: all 0.5s ease 0ms;
  -o-transition: all 0.5s ease 0ms;
  transition: all 0.5s ease 0ms;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text a:hover {
  color: #000;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text a:hover:after {
  width: 0%;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text p, .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text li {
  font-family: BasisGrotesqueProMedium;
  color: #000000;
  font-size: 28px;
  line-height: 1.36;
  color: #000000;
}
@media only screen and (max-width: 1400px) {
  .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text p, .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text li {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text p, .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text li {
    font-size: 14px;
  }
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media {
  position: absolute;
  left: 0px;
  top: 3px;
  text-align: center;
}
@media only screen and (max-width: 980px) {
  .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media {
    margin: 25px 0px;
    position: relative;
    left: 0;
    top: 0;
    text-align: left;
  }
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media p {
  margin: 0px;
  font-family: BasisGrotesqueProBlack;
  font-size: 18px;
  color: #000000;
  margin-bottom: 30px;
}
@media only screen and (max-width: 980px) {
  .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media p {
    display: inline-block;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media p {
    font-size: 15px;
  }
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media a {
  text-decoration: none;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media a i {
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-bottom: 10px;
  color: #fff;
  -webkit-transition: all 500ms ease 0ms;
  -moz-transition: all 500ms ease 0ms;
  -o-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media only screen and (max-width: 1400px) {
  .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media a i {
    font-size: 18px;
  }
}
@media only screen and (max-width: 980px) {
  .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media a i {
    display: inline-block;
  }
}
@media only screen and (max-width: 600px) {
  .single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media a i {
    font-size: 16px;
  }
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media a i:last-child {
  margin-bottom: 0px;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media a i:hover.icon-facebook {
  color: #000;
}
.single-template-bekind-wrap .single-template-bekind-container .template-bekind-text .social-media a i:hover.icon-twitter {
  color: #000;
}

.calendar_wrap {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.calendar_wrap .button_holder {
  margin-bottom: 40px;
  display: inline-block;
}
@media only screen and (max-width: 600px) {
  .calendar_wrap .button_holder {
    margin-bottom: 0px;
    margin-top: 20px;
  }
}
.calendar_wrap .button_holder .btn {
  border: 4px solid #000;
  background-color: transparent;
  line-height: 1em;
  color: #000;
  font-size: 28px;
  font-family: BasisGrotesqueProBlack;
  padding: 15px 30px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 400ms ease 0ms;
  -moz-transition: all 400ms ease 0ms;
  -o-transition: all 400ms ease 0ms;
  transition: all 400ms ease 0ms;
}
@media only screen and (max-width: 600px) {
  .calendar_wrap .button_holder .btn {
    font-size: 18px;
  }
}
.calendar_wrap .button_holder .btn:hover {
  background-color: #000;
  color: #fff;
}
.calendar_wrap .button_holder.enable, .calendar_wrap .button_holder.disable {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .calendar_wrap .button_holder.enable {
    display: inline-block;
  }
}
.calendar_wrap .calendar_content {
  max-width: 1150px;
  padding: 40px 20px 0px 20px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .calendar_wrap .calendar_content {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .calendar_wrap .calendar_content {
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .calendar_wrap .calendar_content {
    padding: 20px 20px 0px 20px;
  }
}
.calendar_wrap .calendar_content h2 {
  margin: 0px;
  font-family: BasisGrotesqueProBlack;
  font-size: 100px;
  line-height: 0.96;
  color: #000;
  display: block;
  width: 100%;
  margin-bottom: 15px;
  word-break: keep-all;
}
@media only screen and (max-width: 1400px) {
  .calendar_wrap .calendar_content h2 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .calendar_wrap .calendar_content h2 {
    font-size: 35px;
  }
}
.calendar_wrap .calendar_content .text_holder {
  border-bottom: 2px solid #000;
  padding-left: 100px;
  padding-right: 110px;
  box-sizing: border-box;
}
@media only screen and (max-width: 600px) {
  .calendar_wrap .calendar_content .text_holder {
    padding-right: 0px;
  }
}
.calendar_wrap .calendar_content .text_holder .text, .calendar_wrap .calendar_content .text_holder .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .calendar_wrap .calendar_content .text_holder .bottom-subtitle {
  font-size: 28px;
  color: #000;
  font-family: BasisGrotesqueProMedium;
}
@media only screen and (max-width: 1100px) {
  .calendar_wrap .calendar_content .text_holder .text, .calendar_wrap .calendar_content .text_holder .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .calendar_wrap .calendar_content .text_holder .bottom-subtitle {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: 1100px) {
  .calendar_wrap .calendar_content .text_holder .text, .calendar_wrap .calendar_content .text_holder .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .calendar_wrap .calendar_content .text_holder .bottom-subtitle {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .calendar_wrap .calendar_content .text_holder {
    padding-left: 0px;
  }
}
.calendar_wrap .calendar_content .small_text_holder .text, .calendar_wrap .calendar_content .small_text_holder .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .calendar_wrap .calendar_content .small_text_holder .bottom-subtitle {
  margin-top: 35px;
  font-size: 18px;
  color: #000;
  font-family: BasisGrotesqueProMedium;
}
.calendar_wrap .calendar_content .small_text_holder .text.mobile, .calendar_wrap .calendar_content .small_text_holder .home-wrapper .first-section-wrap .mobile.bottom-subtitle, .home-wrapper .first-section-wrap .calendar_wrap .calendar_content .small_text_holder .mobile.bottom-subtitle {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .calendar_wrap .calendar_content .small_text_holder .text.mobile, .calendar_wrap .calendar_content .small_text_holder .home-wrapper .first-section-wrap .mobile.bottom-subtitle, .home-wrapper .first-section-wrap .calendar_wrap .calendar_content .small_text_holder .mobile.bottom-subtitle {
    display: block;
  }
  .calendar_wrap .calendar_content .small_text_holder .text.desktop, .calendar_wrap .calendar_content .small_text_holder .home-wrapper .first-section-wrap .desktop.bottom-subtitle, .home-wrapper .first-section-wrap .calendar_wrap .calendar_content .small_text_holder .desktop.bottom-subtitle {
    display: none;
  }
  .calendar_wrap .calendar_content .small_text_holder .text.red, .calendar_wrap .calendar_content .small_text_holder .home-wrapper .first-section-wrap .red.bottom-subtitle, .home-wrapper .first-section-wrap .calendar_wrap .calendar_content .small_text_holder .red.bottom-subtitle {
    color: red;
    font-size: 12px;
  }
}
.calendar_wrap .calendar_content #sortable2, .calendar_wrap .calendar_content #sortable1 {
  margin: 0px;
  padding: 0px;
  min-height: 100px;
  position: relative;
}
.calendar_wrap .calendar_content #sortable2 li, .calendar_wrap .calendar_content #sortable2 .droppable, .calendar_wrap .calendar_content #sortable1 li, .calendar_wrap .calendar_content #sortable1 .droppable {
  font-size: 15px;
  cursor: grab;
}
.calendar_wrap .calendar_content #sortable1 {
  margin-bottom: 30px;
}
.calendar_wrap .calendar_content #sortable1 li, .calendar_wrap .calendar_content #sortable1 .droppable {
  padding: 10px;
  box-sizing: border-box;
  background-color: #EBEBEB;
  list-style-type: decimal !important;
  list-style-position: inside;
  font-weight: bold;
  position: relative;
  font-family: BasisGrotesqueProBlack;
  font-size: 18px;
}
.calendar_wrap .calendar_content #sortable1 li .input_content, .calendar_wrap .calendar_content #sortable1 .droppable .input_content {
  display: inline-block;
  z-index: 1;
  position: relative;
}
.calendar_wrap .calendar_content #sortable1 li .input_content .remove, .calendar_wrap .calendar_content #sortable1 .droppable .input_content .remove {
  display: none;
  width: 20px;
  text-align: center;
  height: 100%;
}
@media only screen and (max-width: 1100px) {
  .calendar_wrap .calendar_content #sortable1 li .input_content .remove, .calendar_wrap .calendar_content #sortable1 .droppable .input_content .remove {
    display: inline-block;
    width: 20px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
  }
}
.calendar_wrap .calendar_content #sortable1 li:hover .input_content .remove, .calendar_wrap .calendar_content #sortable1 .droppable:hover .input_content .remove {
  display: inline-block;
}
.calendar_wrap .calendar_content #sortable1 li .checkobx, .calendar_wrap .calendar_content #sortable1 .droppable .checkobx {
  display: block;
  right: 10px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background-color: transparent;
  border: 1px solid #959595;
}
.calendar_wrap .calendar_content #sortable1 li .checkobx.active, .calendar_wrap .calendar_content #sortable1 .droppable .checkobx.active {
  background-color: #000;
}
.calendar_wrap .calendar_content #sortable1 li:nth-of-type(even), .calendar_wrap .calendar_content #sortable1 .droppable:nth-of-type(even) {
  background-color: #FFFFFF;
}
.calendar_wrap .calendar_content #sortable1 li .tag, .calendar_wrap .calendar_content #sortable1 .droppable .tag {
  font-weight: normal;
  color: #000;
  margin-left: 10px;
  padding: 2px 10px;
  border-radius: 20px;
  box-sizing: border-box;
  font-family: BasisGrotesqueProBlack;
  font-size: 15px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}
.calendar_wrap .calendar_content #sortable1 li:nth-child(5n+1) .tag, .calendar_wrap .calendar_content #sortable1 .droppable:nth-child(5n+1) .tag {
  background-color: #8E8AFF;
}
.calendar_wrap .calendar_content #sortable1 li:nth-child(5n+2) .tag, .calendar_wrap .calendar_content #sortable1 .droppable:nth-child(5n+2) .tag {
  background-color: #23C8D2;
}
.calendar_wrap .calendar_content #sortable1 li:nth-child(5n+3) .tag, .calendar_wrap .calendar_content #sortable1 .droppable:nth-child(5n+3) .tag {
  background-color: #FF7061;
}
.calendar_wrap .calendar_content #sortable1 li:nth-child(5n+4) .tag, .calendar_wrap .calendar_content #sortable1 .droppable:nth-child(5n+4) .tag {
  background-color: #FFB4A5;
}
.calendar_wrap .calendar_content #sortable1 li:nth-child(5n+5) .tag, .calendar_wrap .calendar_content #sortable1 .droppable:nth-child(5n+5) .tag {
  background-color: #000000;
  color: #fff;
}
@media only screen and (max-width: 1100px) {
  .calendar_wrap .calendar_content #sortable1 li .tag {
    font-size: 16px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .calendar_wrap .calendar_content #sortable1 li .input_content {
    width: 80%;
  }
  .calendar_wrap .calendar_content #sortable1 li .input_content .tag {
    max-width: 80%;
    font-size: 11px;
  }
}
.calendar_wrap .calendar_content #sortable2 {
  position: relative;
  margin-bottom: 40px;
}
.calendar_wrap .calendar_content #sortable2 .text, .calendar_wrap .calendar_content #sortable2 .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .calendar_wrap .calendar_content #sortable2 .bottom-subtitle {
  display: none;
  font-family: BasisGrotesqueProBlack;
  font-size: 20px;
  margin: 0px;
  margin-bottom: 20px;
}
.calendar_wrap .calendar_content #sortable2 .checkobx {
  display: none;
}
.calendar_wrap .calendar_content #sortable2 .remove {
  display: none;
}
.calendar_wrap .calendar_content #sortable2 li {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 5px;
}
.calendar_wrap .calendar_content #sortable2 li .input_content {
  z-index: 1000;
}
.calendar_wrap .calendar_content #sortable2 li .tag {
  display: inline-block;
  color: #000;
  padding: 2px 10px;
  border-radius: 20px;
  box-sizing: border-box;
  font-family: BasisGrotesqueProBlack;
  -webkit-font-smoothing: antialiased;
}
.calendar_wrap .calendar_content #sortable2 li:nth-child(5n+1) .tag {
  background-color: #8E8AFF;
}
.calendar_wrap .calendar_content #sortable2 li:nth-child(5n+2) .tag {
  background-color: #23C8D2;
}
.calendar_wrap .calendar_content #sortable2 li:nth-child(5n+3) .tag {
  background-color: #FF7061;
}
.calendar_wrap .calendar_content #sortable2 li:nth-child(5n+4) .tag {
  background-color: #FFB4A5;
}
.calendar_wrap .calendar_content #sortable2 li:nth-child(5n+5) .tag {
  background-color: #000000;
  color: #fff;
}
.calendar_wrap .calendar_content #sortable2 .close_items {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .calendar_wrap .calendar_content #sortable2 {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 101;
    transform: translate(-50%, -50%);
    max-height: 400px;
    overflow: auto;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    width: 70%;
  }
  .calendar_wrap .calendar_content #sortable2 .text, .calendar_wrap .calendar_content #sortable2 .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .calendar_wrap .calendar_content #sortable2 .bottom-subtitle {
    display: block;
  }
  .calendar_wrap .calendar_content #sortable2 .close_items {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    max-width: 25px;
  }
  .calendar_wrap .calendar_content #sortable2 li {
    display: block;
  }
  .calendar_wrap .calendar_content #sortable2 li .tag {
    font-size: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .calendar_wrap .calendar_content #sortable2 {
    width: 95%;
  }
  .calendar_wrap .calendar_content #sortable2 li .tag {
    font-size: 11px;
  }
}

.ideas_wrap {
  background-color: #F2F2F2;
  padding-bottom: 100px;
}
@media only screen and (max-width: 600px) {
  .ideas_wrap {
    padding-bottom: 50px;
  }
}
.ideas_wrap .ideas_wrap_content {
  max-width: 1150px;
  padding: 40px 20px 0px 20px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .ideas_wrap .ideas_wrap_content {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1100px) {
  .ideas_wrap .ideas_wrap_content {
    max-width: 780px;
  }
}
@media only screen and (max-width: 600px) {
  .ideas_wrap .ideas_wrap_content {
    padding: 20px 40px 0px 40px;
  }
}
.ideas_wrap .ideas_wrap_content h2 {
  font-family: BasisGrotesqueProBlack;
  font-size: 80px;
  line-height: 0.9;
  color: #23C8D2;
  margin-bottom: 0px;
  z-index: 2;
  margin: 0px;
  left: -30px;
}
@media only screen and (max-width: 1400px) {
  .ideas_wrap .ideas_wrap_content h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1100px) {
  .ideas_wrap .ideas_wrap_content h2 {
    left: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .ideas_wrap .ideas_wrap_content h2 {
    font-size: 25px;
  }
}
.ideas_wrap .ideas_wrap_content h2.title {
  position: relative;
  top: 62px;
}
@media only screen and (max-width: 1400px) {
  .ideas_wrap .ideas_wrap_content h2.title {
    top: 40px;
  }
}
@media only screen and (max-width: 1100px) {
  .ideas_wrap .ideas_wrap_content h2.title {
    top: 25px;
  }
}
@media only screen and (max-width: 1400px) {
  .ideas_wrap .ideas_wrap_content h2 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1100px) {
  .ideas_wrap .ideas_wrap_content h2 {
    font-size: 50px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .ideas_wrap .ideas_wrap_content h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .ideas_wrap .ideas_wrap_content h2 {
    font-size: 38px;
    top: 23px;
  }
}
.ideas_wrap .ideas_box {
  background-color: #fff;
  padding: 60px 50px;
  padding-top: 100px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1400px) {
  .ideas_wrap .ideas_box {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .ideas_wrap .ideas_box {
    padding: 60px 20px;
  }
}
.ideas_wrap .ideas_box .ideas_box_content {
  display: flex;
  flex-wrap: wrap;
}
.ideas_wrap .ideas_box .ideas_box_content .single_box {
  width: 33.33333%;
  margin-bottom: 30px;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1100px) {
  .ideas_wrap .ideas_box .ideas_box_content .single_box {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .ideas_wrap .ideas_box .ideas_box_content .single_box {
    width: 100%;
  }
}
.ideas_wrap .ideas_box .ideas_box_content .single_box .image_wrap {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
}
.ideas_wrap .ideas_box .ideas_box_content .single_box .image_wrap img {
  position: absolute;
  object-fit: cover;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ideas_wrap .ideas_box .ideas_box_content .single_box .text, .ideas_wrap .ideas_box .ideas_box_content .single_box .home-wrapper .first-section-wrap .bottom-subtitle, .home-wrapper .first-section-wrap .ideas_wrap .ideas_box .ideas_box_content .single_box .bottom-subtitle {
  margin-bottom: 30px;
  margin-top: 0px;
  font-family: BasisGrotesqueProMedium;
  font-size: 18px;
  line-height: 26px;
}
.ideas_wrap .ideas_box .ideas_box_content .single_box h3 {
  font-size: 32px;
  font-family: BasisGrotesqueProBold;
  line-height: 34px;
  color: #000;
  margin-bottom: 10px;
  margin-top: 20px;
}
@media only screen and (max-width: 600px) {
  .ideas_wrap .ideas_box .ideas_box_content .single_box h3 {
    font-size: 24px;
  }
}
.ideas_wrap .ideas_box .ideas_box_content .single_box .custom_link_wrap {
  margin-top: auto;
}
.ideas_wrap .ideas_box .ideas_box_content .single_box .custom-link {
  display: inline-block;
  border-right: solid 5px #23C8D2;
  border-left: solid 5px #23C8D2;
  width: auto;
  padding: 0 10px;
}
.ideas_wrap .ideas_box .ideas_box_content .single_box .custom-link span {
  transform: none;
  transform: skewX(25deg);
  color: #23C8D2;
  font-size: 18px;
}
@media only screen and (max-width: 600px) {
  .ideas_wrap .ideas_box .ideas_box_content .single_box .custom-link span {
    font-size: 15px;
  }
}
.ideas_wrap .ideas_box .ideas_box_content .single_box .custom-link:after {
  background-color: #23C8D2;
}
.ideas_wrap .ideas_box .ideas_box_content .single_box .custom-link:hover span {
  color: #fff;
}

/*# sourceMappingURL=style.css.map */