@charset "UTF-8"; /**** MAIN STYLESHEET for [* Site Name Here *] --------------------------------------------------------- BUILT WITH SKYLINE: EVOLVING CSS ARCHITECTURE See README.md for info and credits TABLE OF CONTENTS @toc - Base ............ foundations, mixins, functions, vars - Elements ........ single elements - Layout .......... layout objects like grids, containers - Modules ......... objects created by combining elements --------------------------------------------------------- */ /*** @base --------------------------------------------------------- Your CSS begins with some global variables, a reset which is basically Normalize, some mixins, and a print stylesheet. ----------------------------------------------------- */ /** @variables --------------------------------------------------------- base/_vars.scss -------------------------------------------------------- Global variables are defined here. Define your colors, spacing and grid settings. ----------------------------------------------------- */ /* @colors -------------------------------------------------------- All color variables are defined here. We use real color names here. Although naming something like 'brand' is in fact more generic and reusable, we've found that you end up creating variables like $brand-2, $brand-alt, $brand-complimentary etc. While coding, it's too easy to forget what those mean. If the design changes drastically and the brand changes from, let's say, blue to green, just do a global find/replace - that's what text editors are for. ------------------------------------------------------ */ /* @breakpoints --------------------------------------------------------- Define global breakpoints as xs, sm, md, lg, xl, xxl --------------------------------------------------------- */ /* @global spacing unit --------------------------------------------------------- Define an em value for $unit. $unit is a helpful little variable that serves to keep your spacing consistent. Most often, 1 $unit is equal to your baseline height. So if your baseline height is 1.125ems (which is 18px), that's the value of 1 $unit. --------------------------------------------------------- */ /* @root font size --------------------------------------------------------- The font-size of `` element. --------------------------------------------------------- */ /** @reset --------------------------------------------------------- base/_reset.scss -------------------------------------------------------- This reset institutes the border-box box model and then block and margin/padding resets. Throughout Skyline, each partial has it's own resets. This allows you to only use what you need. Credit goes to Normalize http://normalize.css v2.1.0 http://git.io/normalize --------------------------------------------------------- */ *, *:before, *:after { box-sizing: border-box; padding: 0; margin: 0; } article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, audio, canvas, video { display: block; } /** @helpers mixins and functions -------------------------------------------------------- base/mixins/_helpers.scss -------------------------------------------------------- mixins and functions be used globally. ------------------------------------------------------ */ /** @breakpoints mixin ----------------------------------------------------- base/_mixin-breakpoints.scss ----------------------------------------------------- This mixin makes using inline media queries easy. Options include bp-at-least for min-width, bp-until for max-width, and bp-between for min and max widths. You can use your breakpoint vars, or any other value. Usage: styles at medium breakpoint .some-element { @include bp-at-least($breakpoint__md){ your-styles: go-here; } } Usage: styles at custom breakpoint .another-element { @include bp-until(83.45em){ your-styles: go-here; } } ----------------------------------------------------- */ /** @clearfix mixin --------------------------------------------------------- base/_clearfix.scss -------------------------------------------------------- Use @include clearfix(); in your CSS Usage: clearfix mixin .element-to-clearfix { @include cleafix(); } --------------------------------------------------------- */ /** @fonts -------------------------------------------------------- base/_fonts.scss -------------------------------------------------------- Define the fonts used in this app and declare silent classes to be used in your CSS. If you are using a webfont that you're hosting, add the @embed-font() mixin from base/_mixin-font-face-importer.scs before you declare your fonts. Usage: Create a font-family named "interstate-light" using a font at /fonts/interstate_light-webfont.woff (and other extensions) @include embed-font("interstate-light", "/fonts/interstate_light-webfont"); If you are using Google Fonts, you can add the import code before you declare your fonts. @import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700); -------------------------------------------------------- */ @font-face { font-family: "iconfont"; src: url("../fonts/font/iconfont.eot"); /* IE9 Compat Modes */ src: url("../fonts/font/iconfont.eot?#iefix") format("embedded-opentype"), local("iconfont"), url("../fonts/font/iconfont.woff2") format("woff2"), url("../fonts/font/iconfont.woff") format("woff"), url("../fonts/font/iconfont.ttf") format("truetype"), url("../fonts/font/iconfont.svg#svgFontName") format("svg"); /* Legacy iOS */ font-weight: normal; font-style: normal; } /* @sans -------------------------------------------------------- This is your basic sans font. Usage: use sans regular on a p p { @extend %sans--regular; } ------------------------------------------------------ */ body, .button { font-family: Roboto, Arial, Helvetica, -apple-system, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; font-style: normal; } /* @serif -------------------------------------------------------- This is your basic serif font. Usage: use serif regular on a p p { @extend %serif--regular; } -------------------------------------------------------- */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder { font-family: georgia, times; font-weight: 300; font-style: normal; } .margin-top-half-unit { margin-top: 10px; } @media (min-width: 320px) { .margin-top-half-unit { margin-top: calc(5px + ((1vw - 3.2px) * 0.6097560976)); } } @media (min-width: 1140px) { .margin-top-half-unit { margin-top: 10px; } } @media (max-width: 320px) { .margin-top-half-unit { margin-top: 5px; } } .margin-top-one-unit { margin-top: 20px; } @media (min-width: 320px) { .margin-top-one-unit { margin-top: calc(10px + ((1vw - 3.2px) * 1.2195121951)); } } @media (min-width: 1140px) { .margin-top-one-unit { margin-top: 20px; } } @media (max-width: 320px) { .margin-top-one-unit { margin-top: 10px; } } .margin-bottom-one-unit { margin-bottom: 20px; } @media (min-width: 320px) { .margin-bottom-one-unit { margin-bottom: calc(10px + ((1vw - 3.2px) * 1.2195121951)); } } @media (min-width: 1140px) { .margin-bottom-one-unit { margin-bottom: 20px; } } @media (max-width: 320px) { .margin-bottom-one-unit { margin-bottom: 10px; } } .margin-top-two-unit { margin-top: 40px; } @media (min-width: 320px) { .margin-top-two-unit { margin-top: calc(20px + ((1vw - 3.2px) * 2.4390243902)); } } @media (min-width: 1140px) { .margin-top-two-unit { margin-top: 40px; } } @media (max-width: 320px) { .margin-top-two-unit { margin-top: 20px; } } .margin-top-three-unit { margin-top: 60px; } @media (min-width: 320px) { .margin-top-three-unit { margin-top: calc(30px + ((1vw - 3.2px) * 3.6585365854)); } } @media (min-width: 1140px) { .margin-top-three-unit { margin-top: 60px; } } @media (max-width: 320px) { .margin-top-three-unit { margin-top: 30px; } } .margin-top-four-unit { margin-top: 80px; } @media (min-width: 320px) { .margin-top-four-unit { margin-top: calc(40px + ((1vw - 3.2px) * 4.8780487805)); } } @media (min-width: 1140px) { .margin-top-four-unit { margin-top: 80px; } } @media (max-width: 320px) { .margin-top-four-unit { margin-top: 40px; } } .margin-bottom-three-unit { margin-bottom: 60px; } @media (min-width: 320px) { .margin-bottom-three-unit { margin-bottom: calc(30px + ((1vw - 3.2px) * 3.6585365854)); } } @media (min-width: 1140px) { .margin-bottom-three-unit { margin-bottom: 60px; } } @media (max-width: 320px) { .margin-bottom-three-unit { margin-bottom: 30px; } } .padding-left-one-unit { padding-left: 20px; } @media (min-width: 320px) { .padding-left-one-unit { padding-left: calc(10px + ((1vw - 3.2px) * 1.2195121951)); } } @media (min-width: 1140px) { .padding-left-one-unit { padding-left: 20px; } } @media (max-width: 320px) { .padding-left-one-unit { padding-left: 10px; } } .margin-bottom-two-unit { margin-bottom: 40px; } @media (min-width: 320px) { .margin-bottom-two-unit { margin-bottom: calc(20px + ((1vw - 3.2px) * 2.4390243902)); } } @media (min-width: 1140px) { .margin-bottom-two-unit { margin-bottom: 40px; } } @media (max-width: 320px) { .margin-bottom-two-unit { margin-bottom: 20px; } } .pt0 { padding-top: 0 !important; } .pb0 { padding-bottom: 0 !important; } .is-bold { font-weight: bold !important; } .is-black { color: #000 !important; } .key-color { color: #FF0A88; } .has-text-right { text-align: right; } .has-text-left { text-align: left; } .has-text-centered { text-align: center; } .is-uppercase { text-transform: uppercase; } .block { display: block; } .inline-block { display: inline-block; } .inline-flex { display: -ms-inline-flexbox; display: inline-flex; } .inline { display: inline; } .is-fullwidth { width: 100%; } .clear { clear: both; } .is-clearfix { zoom: 1; } .is-clearfix:before, .is-clearfix:after { content: " "; display: table; } .is-clearfix:after { clear: both; } .is-paddingless { padding: 0; } .is-marginless { margin: 0; } .is-pulled-left { float: left; } .is-pulled-right { float: right; } .is-clipped { overflow: hidden !important; } .is-overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .is-disabled { pointer-events: none; } .is-unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /** @print -------------------------------------------------------- base/_print.scss -------------------------------------------------------- Print Stylesheet from http://h5bp.com/r ----------------------------------------------------- */ /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r CREDIT: HTML5 Boilerplate ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /*** @elements --------------------------------------------------------- Global styling of elements. --------------------------------------------------------- */ /** @body -------------------------------------------------------- elements/_body.scss -------------------------------------------------------- Body should contain the document's default font and background color for the content, if that background color is different than the html. ------------------------------------------------------ */ body { font-feature-settings: "kern"; line-height: 1.5; color: #000; background: #fff; } /** @buttons -------------------------------------------------------- elements/_buttons.scss -------------------------------------------------------- Base settings for buttons. ------------------------------------------------------ */ button:focus, button:active { outline: none; box-shadow: none; border: none; } .button { font-weight: bold; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; background-color: #FF0A88; color: #fff; border: 2px solid #FF0A88; text-transform: uppercase; text-decoration: none; letter-spacing: .225em; padding: 1em 1.25em; border-radius: 5px; text-align: center; min-width: 17em; } @media screen and (max-width: 34.365em) { .button { padding: 0.7em 1.25em; } } .button:hover, .button:focus, .button:active { outline: none; border: 2px solid #FF0A88; color: #FF0A88; background-color: rgba(248, 71, 86, 0); } .button.is-small-size { padding: 0.5em 1.25em; font-size: 0.8em; } @media screen and (max-width: 34.365em) { .button.is-small-size { padding: 0.5em 1em; font-size: 0.7em; } } @media screen and (max-width: 34.365em) { .button { display: block; } } /** @code -------------------------------------------------------- elements/_code.scss -------------------------------------------------------- Code elements like and 

-----------------------------------------------------  */
code {
  vertical-align: middle;
  padding: .25em .5em;
  background: rgba(193, 199, 208, 0.3); }

/**

  @forms
---------------------------------------------------------
  elements/_forms.scss
--------------------------------------------------------

  Base styles for all forms and form related elements

  Below you'll set styles for all forms, and if you have
  any specific kinds of forms, like a search form that you
  create a classname of form--search, put that at the
  bottom of this partial.

  This scss partial is pretty big.  Here's how it is
  organized.

  * Base styling on form elements

  * Styles for form & form modules


--------------------------------------------------------- */
input, textarea, select {
  font-size: 1rem;
  padding: 1em 1.5em;
  border-radius: 0;
  width: 100%;
  border: 1px solid #515554;
  color: #515554;
  background-color: white;
  transition: background-color 0.2s ease-out; }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #8e8e8e; }
  input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
    color: #8e8e8e; }
  input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    color: #8e8e8e; }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #8e8e8e; }
  input:focus, textarea:focus, select:focus {
    outline: none; }
    input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder {
      opacity: .3; }
    input:focus:-moz-placeholder, textarea:focus:-moz-placeholder, select:focus:-moz-placeholder {
      opacity: .3; }
    input:focus::-moz-placeholder, textarea:focus::-moz-placeholder, select:focus::-moz-placeholder {
      opacity: .3; }
    input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder {
      opacity: .3; }
  input.m--error, textarea.m--error, select.m--error {
    background-color: #F8D2D2; }

textarea {
  min-height: 10em; }

input[type=radio] {
  width: 1em;
  height: 1em;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #444;
  background: transparent; }
  input[type=radio]:checked {
    background: #222; }

/**

  @headings
--------------------------------------------------------
  elements/_headings.scss
--------------------------------------------------------

  Base setting for headings.

------------------------------------------------------ */
.h1 {
  font-size: 50px;
  font-weight: normal;
  margin-bottom: 0.6em; }
  @media (min-width: 320px) {
    .h1 {
      font-size: calc(22px + ((1vw - 3.2px) * 3.4146341463)); } }
  @media (min-width: 1140px) {
    .h1 {
      font-size: 50px; } }
  @media (max-width: 320px) {
    .h1 {
      font-size: 22px; } }

.h2 {
  font-size: 30px;
  font-weight: normal; }
  @media (min-width: 320px) {
    .h2 {
      font-size: calc(19px + ((1vw - 3.2px) * 1.3414634146)); } }
  @media (min-width: 1140px) {
    .h2 {
      font-size: 30px; } }
  @media (max-width: 320px) {
    .h2 {
      font-size: 19px; } }

.h3 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 0.6em;
  line-height: 1.4; }
  @media (min-width: 320px) {
    .h3 {
      font-size: calc(17px + ((1vw - 3.2px) * 0.8536585366)); } }
  @media (min-width: 1140px) {
    .h3 {
      font-size: 24px; } }
  @media (max-width: 320px) {
    .h3 {
      font-size: 17px; } }

.h4 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 1em; }
  @media (min-width: 320px) {
    .h4 {
      font-size: calc(16px + ((1vw - 3.2px) * 0.487804878)); } }
  @media (min-width: 1140px) {
    .h4 {
      font-size: 20px; } }
  @media (max-width: 320px) {
    .h4 {
      font-size: 16px; } }

.h5 {
  font-size: 16px;
  margin-bottom: 0.6em; }
  @media (min-width: 320px) {
    .h5 {
      font-size: calc(15px + ((1vw - 3.2px) * 0.1219512195)); } }
  @media (min-width: 1140px) {
    .h5 {
      font-size: 16px; } }
  @media (max-width: 320px) {
    .h5 {
      font-size: 15px; } }

.h6 {
  font-size: 15px;
  margin-bottom: 0.6em; }
  @media (min-width: 320px) {
    .h6 {
      font-size: calc(14px + ((1vw - 3.2px) * 0.1219512195)); } }
  @media (min-width: 1140px) {
    .h6 {
      font-size: 15px; } }
  @media (max-width: 320px) {
    .h6 {
      font-size: 14px; } }

.sub-title {
  color: #7a7a7a;
  font-weight: normal;
  font-size: 19px; }
  @media (min-width: 320px) {
    .sub-title {
      font-size: calc(16px + ((1vw - 3.2px) * 0.3658536585)); } }
  @media (min-width: 1140px) {
    .sub-title {
      font-size: 19px; } }
  @media (max-width: 320px) {
    .sub-title {
      font-size: 16px; } }
  @media screen and (max-width: 34.365em) {
    .sub-title br {
      display: none; } }
  .sub-title.is-small-size {
    font-size: 14px; }
    @media (min-width: 320px) {
      .sub-title.is-small-size {
        font-size: calc(12px + ((1vw - 3.2px) * 0.243902439)); } }
    @media (min-width: 1140px) {
      .sub-title.is-small-size {
        font-size: 14px; } }
    @media (max-width: 320px) {
      .sub-title.is-small-size {
        font-size: 12px; } }
  .sub-title.has-divider {
    padding-bottom: 1em;
    letter-spacing: 4px;
    color: #a0a0a0; }
    .sub-title.has-divider:after {
      content: '';
      display: block;
      width: 40px;
      height: 1px;
      background-color: #FF0A88;
      margin-top: 1em; }
    .sub-title.has-divider.has-text-centered:after {
      margin-left: auto;
      margin-right: auto; }

/**

   @hr
--------------------------------------------------------
  elements/_hr.scss
--------------------------------------------------------

  Horizontal Rule

-------------------------------------------------------- */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/**

   @html
--------------------------------------------------------
  elements/_html.scss
--------------------------------------------------------

  HTML should contain the site's default background color
  and font-size

------------------------------------------------------ */
* {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

/**

  @images
---------------------------------------------------------
  elements/_images.scss
--------------------------------------------------------

  Base styling for images, plus some helpful utility
  classes that modify images.

  Note: You won't add any styling to these image classes,
  these are just utility classes

--------------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: none; }

/* @img--natural
--------------------------------------------------------

  Natural Images are 100% max-width, but their natural width by default

------------------------------------------------------ */
.img--natural {
  width: auto; }

/* @image placement
--------------------------------------------------------

  Here are a few helper classes to position images, particularly
  helpful inside paragraphs.

  Example: Image Right
  
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


  Example: Image, Natural Width
  
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


  Example: Image, Center
  
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


------------------------------------------------------ */
.img--right {
  width: auto;
  float: right;
  margin-bottom: 20px;
  margin-left: 20px; }

.img--left {
  width: auto;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }

.img--center {
  width: auto;
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto; }

.img--right img,
.img--left img,
.img--center img {
  width: auto; }

/* @img--circle
--------------------------------------------------------

  Popular circle image for bios etc.

  Example: Circle image
  

------------------------------------------------------ */
.img--circle {
  border-radius: 50%; }

/**

  @icons
---------------------------------------------------------
  elements/_icons.scss
--------------------------------------------------------

  Your icon set may vary. In this partial, you may wish
  to load in a font icon set and add all the associated
  css that goes with it. This would be the case if you
  were using something like Symbolset or IcoMoon for
  example.

--------------------------------------------------------- */
/* @icon
--------------------------------------------------------

  This is a basic icon element. We set some basic
  structural styles and display styles to get the ball
  rolling.

  Example: Open Icon
  +

  Example: Close Icon
  ×

------------------------------------------------------ */
.icon {
  color: inherit;
  display: inline-block;
  font-style: normal;
  vertical-align: middle;
  font-size: 1em; }

/**

  @links
--------------------------------------------------------
  elements/_links.scss
--------------------------------------------------------

  Base settings for links

-------------------------------------------------------- */
/* @anchors
--------------------------------------------------------

  Anchors will have this base styling

------------------------------------------------------ */
a {
  color: inherit;
  text-decoration: none; }

.like-link {
  text-decoration: underline; }

/* @webkit-tap-highlight
--------------------------------------------------------

  Declare the webkit tap highlight style

------------------------------------------------------ */
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.35); }

/**

  @lists
--------------------------------------------------------
  elements/_lists.scss
--------------------------------------------------------

  Base settings for lists.

-------------------------------------------------------- */
ul li,
ol li {
  line-height: 1;
  list-style: none; }

/**

  @quotes
--------------------------------------------------------
  elements/_quotes.scss
--------------------------------------------------------

  Base settings for Blockquotes and pull quotes

-----------------------------------------------------  */
/**

  @text
--------------------------------------------------------
  elements/_text.scss
--------------------------------------------------------

  Some basic styles to paragraphs and
  inline styles

-----------------------------------------------------  */
p {
  margin-bottom: 1em;
  line-height: 25px; }
  p:last-child {
    margin-bottom: 0; }

.paragraph--sm {
  font-size: 15px; }
  @media (min-width: 320px) {
    .paragraph--sm {
      font-size: calc(14px + ((1vw - 3.2px) * 0.1219512195)); } }
  @media (min-width: 1140px) {
    .paragraph--sm {
      font-size: 15px; } }
  @media (max-width: 320px) {
    .paragraph--sm {
      font-size: 14px; } }

.paragraph {
  font-size: 16px; }
  @media (min-width: 320px) {
    .paragraph {
      font-size: calc(15px + ((1vw - 3.2px) * 0.1219512195)); } }
  @media (min-width: 1140px) {
    .paragraph {
      font-size: 16px; } }
  @media (max-width: 320px) {
    .paragraph {
      font-size: 15px; } }

b,
strong {
  font-weight: bold; }

i,
em {
  font-style: italic; }

/***

  @layout
---------------------------------------------------------

  A large portion of CSS is structural layout. You will use
  these helpers to create the scaffolding that will support
  the elements and modules that make up your site.

---------------------------------------------------------  */
/**

  @container
--------------------------------------------------------
  layout/_container.scss
--------------------------------------------------------

  The .container class is applied to restrict the
  max-width of an element, usually a bit of content.

  Often, you will place a .container div within another
  element that has a background color. This gives you
  a full-bleed background, but the content is contained
  within the max-width.

  Example: Container within a section
  

    

      
Your content goes here... 

    

  


------------------------------------------------------ */
.container, .conversion-banner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1140px; }

.container--v-center {
  position: relative;
  display: table;
  height: 100%; }
  .container--v-center > * {
    display: table-cell;
    vertical-align: middle; }

.container--ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.regular-section, .grey-section, .yellow-section {
  padding-top: 80px;
  padding-bottom: 80px; }
  @media (min-width: 320px) {
    .regular-section, .grey-section, .yellow-section {
      padding-top: calc(40px + ((1vw - 3.2px) * 4.8780487805));
      padding-bottom: calc(40px + ((1vw - 3.2px) * 4.8780487805)); } }
  @media (min-width: 1140px) {
    .regular-section, .grey-section, .yellow-section {
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media (max-width: 320px) {
    .regular-section, .grey-section, .yellow-section {
      padding-top: 40px;
      padding-bottom: 40px; } }

.grey-section {
  background-color: #f8f8f8; }

.yellow-section {
  background-color: #FFEB3B;
  background-image: url("../images/geometry-bg.png"); }

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .row.has-gap {
    margin: -10px; }
    @media screen and (max-width: 34.365em) {
      .row.has-gap {
        margin: -5px; } }
    .row.has-gap > * {
      padding: 10px; }
      @media screen and (max-width: 34.365em) {
        .row.has-gap > * {
          padding: 5px; } }

.is-vertically-centered {
  -ms-flex-align: center;
  align-items: center; }

.is-horizontally-centered {
  -ms-flex-pack: center;
  justify-content: center; }

@media screen and (min-width: 34.365em) {
  .has-two-columns > .column {
    width: 50%; } }

.has-four-columns > .column {
  width: 25%; }
  @media screen and (max-width: 34.365em) {
    .has-four-columns > .column {
      width: 50%; } }

.has-five-columns > .column {
  width: 20%; }

.column-30 {
  width: 30%; }

.column-35 {
  width: 35%; }

.column-65 {
  width: 65%; }

.column-70 {
  width: 70%; }

.column-40 {
  width: 40%; }

.column-45 {
  width: 45%; }

.column-55 {
  width: 55%; }

.column-60 {
  width: 60%; }

.column-15 {
  width: 15%; }

.column-25 {
  width: 25%; }

.column-20 {
  width: 20%; }

.column-75 {
  width: 75%; }

.column-80 {
  width: 80%; }

.column-85 {
  width: 85%; }

/**

  @hide
---------------------------------------------------------
  layout/_hide.scss
--------------------------------------------------------

  Utility state classes to hide things in different ways

--------------------------------------------------------- */
.is-hidden {
  display: none !important;
  visibility: hidden !important; }

.is-visually-hidden {
  visibility: hidden; }

/**

  @media
--------------------------------------------------------
  layout/_media.scss
--------------------------------------------------------

  The 'media' object is a common pattern in OOCSS.
  It consists of a wrapper element with a classname of
  .media and then two child elements, one that contains
  an image or video that is floated, and the other
  contains text.

  This used commonly in bios, or comments where you
  have an avatar to one site, and the comment next to it.

  Source: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

-----------------------------------------------------  */
/* @media objects
---------------------------------------------------------

  Example: Media object, left
  

    

      
    

    

      
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

    

  


  Example: Media object, right
  

    

      
    

    

      
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

    

  


---------------------------------------------------------  */
.media {
  display: block;
  zoom: 1;
  margin-bottom: 1em; }
  .media:before, .media:after {
    content: " ";
    display: table; }
  .media:after {
    clear: both; }

.media__left {
  float: left;
  margin-right: 1em; }

.media__right {
  float: right;
  margin-left: 1em; }

.media__left img,
.media__right img {
  display: block; }

.media__body {
  overflow: hidden; }

.media__body,
.media__body > :last-child {
  margin-bottom: 0; }

/**

  @ups
--------------------------------------------------------
  layout/_ups.scss
--------------------------------------------------------

  UPS?

  Yep, ups.  These are global classes that will set
  their direct children to a specific width.  You will
  mainly use these in grids, and maybe with tabs or
  navigations.

  For instance: four-up will set each child to 25%

  Set the ups configuration variables below in this partial
  to specify how many or how few classes you want available
  in your project.

  Example: Ups and grids
  

    

    

  

  

    

    

    

  


  Ups work like widths in that they have responsive behavior.  If
  you prepend an up class with a responsive prefix, like (s for small
  or m for medium) the behaviour will only kick in at those
  viewports.

  For example, if you want your gallery to be two-up at the smallest
  viewport, four-up at medium, six-up at large, and eight-up on the largest then use
  this.

  Example: Responsive Ups
  

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

  

  
  

-----------------------------------------------------  */
/*

              Widths at default Viewport

            ---------------------------------------------------- */
.one-up > * {
  width: 100%; }

.two-up > * {
  width: 50%; }

.three-up > * {
  width: 33.3333333333%; }

.four-up > * {
  width: 25%; }

.five-up > * {
  width: 20%; }

.six-up > * {
  width: 16.6666666667%; }

.seven-up > * {
  width: 14.2857142857%; }

.eight-up > * {
  width: 12.5%; }

.nine-up > * {
  width: 11.1111111111%; }

.ten-up > * {
  width: 10%; }

.eleven-up > * {
  width: 9.0909090909%; }

.twelve-up > * {
  width: 8.3333333333%; }

/*

              Responsive ups at $breakpoint__xs

            ---------------------------------------------------- */
@media screen and (min-width: 19.99em) {
  .xs-one-up > * {
    width: 100%; }
  .xs-two-up > * {
    width: 50%; }
  .xs-three-up > * {
    width: 33.3333333333%; }
  .xs-four-up > * {
    width: 25%; }
  .xs-five-up > * {
    width: 20%; }
  .xs-six-up > * {
    width: 16.6666666667%; }
  .xs-seven-up > * {
    width: 14.2857142857%; }
  .xs-eight-up > * {
    width: 12.5%; }
  .xs-nine-up > * {
    width: 11.1111111111%; }
  .xs-ten-up > * {
    width: 10%; }
  .xs-eleven-up > * {
    width: 9.0909090909%; }
  .xs-twelve-up > * {
    width: 8.3333333333%; } }

/*

              Responsive ups at $breakpoint__sm

            ---------------------------------------------------- */
@media screen and (min-width: 34.365em) {
  .sm-one-up > * {
    width: 100%; }
  .sm-two-up > * {
    width: 50%; }
  .sm-three-up > * {
    width: 33.3333333333%; }
  .sm-four-up > * {
    width: 25%; }
  .sm-five-up > * {
    width: 20%; }
  .sm-six-up > * {
    width: 16.6666666667%; }
  .sm-seven-up > * {
    width: 14.2857142857%; }
  .sm-eight-up > * {
    width: 12.5%; }
  .sm-nine-up > * {
    width: 11.1111111111%; }
  .sm-ten-up > * {
    width: 10%; }
  .sm-eleven-up > * {
    width: 9.0909090909%; }
  .sm-twelve-up > * {
    width: 8.3333333333%; } }

/*

              Responsive ups at $breakpoint__md

            ---------------------------------------------------- */
@media screen and (min-width: 47.99em) {
  .md-one-up > * {
    width: 100%; }
  .md-two-up > * {
    width: 50%; }
  .md-three-up > * {
    width: 33.3333333333%; }
  .md-four-up > * {
    width: 25%; }
  .md-five-up > * {
    width: 20%; }
  .md-six-up > * {
    width: 16.6666666667%; }
  .md-seven-up > * {
    width: 14.2857142857%; }
  .md-eight-up > * {
    width: 12.5%; }
  .md-nine-up > * {
    width: 11.1111111111%; }
  .md-ten-up > * {
    width: 10%; }
  .md-eleven-up > * {
    width: 9.0909090909%; }
  .md-twelve-up > * {
    width: 8.3333333333%; } }

/*

              Responsive ups at $breakpoint__lg

            ---------------------------------------------------- */
@media screen and (min-width: 63.99em) {
  .lg-one-up > * {
    width: 100%; }
  .lg-two-up > * {
    width: 50%; }
  .lg-three-up > * {
    width: 33.3333333333%; }
  .lg-four-up > * {
    width: 25%; }
  .lg-five-up > * {
    width: 20%; }
  .lg-six-up > * {
    width: 16.6666666667%; }
  .lg-seven-up > * {
    width: 14.2857142857%; }
  .lg-eight-up > * {
    width: 12.5%; }
  .lg-nine-up > * {
    width: 11.1111111111%; }
  .lg-ten-up > * {
    width: 10%; }
  .lg-eleven-up > * {
    width: 9.0909090909%; }
  .lg-twelve-up > * {
    width: 8.3333333333%; } }

/*

              Responsive ups at $breakpoint__xl

            ---------------------------------------------------- */
@media screen and (min-width: 78.49em) {
  .xl-one-up > * {
    width: 100%; }
  .xl-two-up > * {
    width: 50%; }
  .xl-three-up > * {
    width: 33.3333333333%; }
  .xl-four-up > * {
    width: 25%; }
  .xl-five-up > * {
    width: 20%; }
  .xl-six-up > * {
    width: 16.6666666667%; }
  .xl-seven-up > * {
    width: 14.2857142857%; }
  .xl-eight-up > * {
    width: 12.5%; }
  .xl-nine-up > * {
    width: 11.1111111111%; }
  .xl-ten-up > * {
    width: 10%; }
  .xl-eleven-up > * {
    width: 9.0909090909%; }
  .xl-twelve-up > * {
    width: 8.3333333333%; } }

/*

              Responsive ups at $breakpoint__xxl

            ---------------------------------------------------- */
@media screen and (min-width: 99.99em) {
  .xxl-one-up > * {
    width: 100%; }
  .xxl-two-up > * {
    width: 50%; }
  .xxl-three-up > * {
    width: 33.3333333333%; }
  .xxl-four-up > * {
    width: 25%; }
  .xxl-five-up > * {
    width: 20%; }
  .xxl-six-up > * {
    width: 16.6666666667%; }
  .xxl-seven-up > * {
    width: 14.2857142857%; }
  .xxl-eight-up > * {
    width: 12.5%; }
  .xxl-nine-up > * {
    width: 11.1111111111%; }
  .xxl-ten-up > * {
    width: 10%; }
  .xxl-eleven-up > * {
    width: 9.0909090909%; }
  .xxl-twelve-up > * {
    width: 8.3333333333%; } }

/**

  @widths
---------------------------------------------------------
  layout/_widths.scss
--------------------------------------------------------

  Global Width Classes like .one-third or .seven-twelfths
  and responsive widths like .sm-one-third or .xl-one-half

  If you append the width class with a size indicator, the
  size will only be applied if the viewport is at least
  at that breakpoint size.

  Set the widths configuration variables below in this partial
  to specify how many or how few classes you want available
  in your project.

  Requires:
  * base/_vars.scss and the breakpoint mixin from
  * base/_mixin-breakpoints.scss

---------------------------------------------------------  */
/*

              Widths at default Viewport

            ---------------------------------------------------- */
.one-whole {
  width: 100%; }

.one-half {
  width: 50%; }

.two-halves {
  width: 100%; }

.one-third {
  width: 33.3333333333%; }

.two-thirds {
  width: 66.6666666667%; }

.three-thirds {
  width: 100%; }

.one-fourth {
  width: 25%; }

.two-fourths {
  width: 50%; }

.three-fourths {
  width: 75%; }

.four-fourths {
  width: 100%; }

.one-fifth {
  width: 20%; }

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

.five-fifths {
  width: 100%; }

.one-sixth {
  width: 16.6666666667%; }

.two-sixths {
  width: 33.3333333333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.6666666667%; }

.five-sixths {
  width: 83.3333333333%; }

.six-sixths {
  width: 100%; }

.one-seventh {
  width: 14.2857142857%; }

.two-sevenths {
  width: 28.5714285714%; }

.three-sevenths {
  width: 42.8571428571%; }

.four-sevenths {
  width: 57.1428571429%; }

.five-sevenths {
  width: 71.4285714286%; }

.six-sevenths {
  width: 85.7142857143%; }

.seven-sevenths {
  width: 100%; }

.one-eighth {
  width: 12.5%; }

.two-eighths {
  width: 25%; }

.three-eighths {
  width: 37.5%; }

.four-eighths {
  width: 50%; }

.five-eighths {
  width: 62.5%; }

.six-eighths {
  width: 75%; }

.seven-eighths {
  width: 87.5%; }

.eight-eighths {
  width: 100%; }

.one-ninth {
  width: 11.1111111111%; }

.two-ninths {
  width: 22.2222222222%; }

.three-ninths {
  width: 33.3333333333%; }

.four-ninths {
  width: 44.4444444444%; }

.five-ninths {
  width: 55.5555555556%; }

.six-ninths {
  width: 66.6666666667%; }

.seven-ninths {
  width: 77.7777777778%; }

.eight-ninths {
  width: 88.8888888889%; }

.nine-ninths {
  width: 100%; }

.one-tenth {
  width: 10%; }

.two-tenths {
  width: 20%; }

.three-tenths {
  width: 30%; }

.four-tenths {
  width: 40%; }

.five-tenths {
  width: 50%; }

.six-tenths {
  width: 60%; }

.seven-tenths {
  width: 70%; }

.eight-tenths {
  width: 80%; }

.nine-tenths {
  width: 90%; }

.ten-tenths {
  width: 100%; }

.one-eleventh {
  width: 9.0909090909%; }

.two-elevenths {
  width: 18.1818181818%; }

.three-elevenths {
  width: 27.2727272727%; }

.four-elevenths {
  width: 36.3636363636%; }

.five-elevenths {
  width: 45.4545454545%; }

.six-elevenths {
  width: 54.5454545455%; }

.seven-elevenths {
  width: 63.6363636364%; }

.eight-elevenths {
  width: 72.7272727273%; }

.nine-elevenths {
  width: 81.8181818182%; }

.ten-elevenths {
  width: 90.9090909091%; }

.eleven-elevenths {
  width: 100%; }

.one-twelfth {
  width: 8.3333333333%; }

.two-twelfths {
  width: 16.6666666667%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.3333333333%; }

.five-twelfths {
  width: 41.6666666667%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.3333333333%; }

.eight-twelfths {
  width: 66.6666666667%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.3333333333%; }

.eleven-twelfths {
  width: 91.6666666667%; }

.twelve-twelfths {
  width: 100%; }

/*

              Responsive widths at $breakpoint__sm

            ---------------------------------------------------- */
@media screen and (min-width: 34.365em) {
  .sm-one-whole {
    width: 100%; }
  .sm-one-half {
    width: 50%; }
  .sm-two-halves {
    width: 100%; }
  .sm-one-third {
    width: 33.3333333333%; }
  .sm-two-thirds {
    width: 66.6666666667%; }
  .sm-three-thirds {
    width: 100%; }
  .sm-one-fourth {
    width: 25%; }
  .sm-two-fourths {
    width: 50%; }
  .sm-three-fourths {
    width: 75%; }
  .sm-four-fourths {
    width: 100%; }
  .sm-one-fifth {
    width: 20%; }
  .sm-two-fifths {
    width: 40%; }
  .sm-three-fifths {
    width: 60%; }
  .sm-four-fifths {
    width: 80%; }
  .sm-five-fifths {
    width: 100%; }
  .sm-one-sixth {
    width: 16.6666666667%; }
  .sm-two-sixths {
    width: 33.3333333333%; }
  .sm-three-sixths {
    width: 50%; }
  .sm-four-sixths {
    width: 66.6666666667%; }
  .sm-five-sixths {
    width: 83.3333333333%; }
  .sm-six-sixths {
    width: 100%; }
  .sm-one-seventh {
    width: 14.2857142857%; }
  .sm-two-sevenths {
    width: 28.5714285714%; }
  .sm-three-sevenths {
    width: 42.8571428571%; }
  .sm-four-sevenths {
    width: 57.1428571429%; }
  .sm-five-sevenths {
    width: 71.4285714286%; }
  .sm-six-sevenths {
    width: 85.7142857143%; }
  .sm-seven-sevenths {
    width: 100%; }
  .sm-one-eighth {
    width: 12.5%; }
  .sm-two-eighths {
    width: 25%; }
  .sm-three-eighths {
    width: 37.5%; }
  .sm-four-eighths {
    width: 50%; }
  .sm-five-eighths {
    width: 62.5%; }
  .sm-six-eighths {
    width: 75%; }
  .sm-seven-eighths {
    width: 87.5%; }
  .sm-eight-eighths {
    width: 100%; }
  .sm-one-ninth {
    width: 11.1111111111%; }
  .sm-two-ninths {
    width: 22.2222222222%; }
  .sm-three-ninths {
    width: 33.3333333333%; }
  .sm-four-ninths {
    width: 44.4444444444%; }
  .sm-five-ninths {
    width: 55.5555555556%; }
  .sm-six-ninths {
    width: 66.6666666667%; }
  .sm-seven-ninths {
    width: 77.7777777778%; }
  .sm-eight-ninths {
    width: 88.8888888889%; }
  .sm-nine-ninths {
    width: 100%; }
  .sm-one-tenth {
    width: 10%; }
  .sm-two-tenths {
    width: 20%; }
  .sm-three-tenths {
    width: 30%; }
  .sm-four-tenths {
    width: 40%; }
  .sm-five-tenths {
    width: 50%; }
  .sm-six-tenths {
    width: 60%; }
  .sm-seven-tenths {
    width: 70%; }
  .sm-eight-tenths {
    width: 80%; }
  .sm-nine-tenths {
    width: 90%; }
  .sm-ten-tenths {
    width: 100%; }
  .sm-one-eleventh {
    width: 9.0909090909%; }
  .sm-two-elevenths {
    width: 18.1818181818%; }
  .sm-three-elevenths {
    width: 27.2727272727%; }
  .sm-four-elevenths {
    width: 36.3636363636%; }
  .sm-five-elevenths {
    width: 45.4545454545%; }
  .sm-six-elevenths {
    width: 54.5454545455%; }
  .sm-seven-elevenths {
    width: 63.6363636364%; }
  .sm-eight-elevenths {
    width: 72.7272727273%; }
  .sm-nine-elevenths {
    width: 81.8181818182%; }
  .sm-ten-elevenths {
    width: 90.9090909091%; }
  .sm-eleven-elevenths {
    width: 100%; }
  .sm-one-twelfth {
    width: 8.3333333333%; }
  .sm-two-twelfths {
    width: 16.6666666667%; }
  .sm-three-twelfths {
    width: 25%; }
  .sm-four-twelfths {
    width: 33.3333333333%; }
  .sm-five-twelfths {
    width: 41.6666666667%; }
  .sm-six-twelfths {
    width: 50%; }
  .sm-seven-twelfths {
    width: 58.3333333333%; }
  .sm-eight-twelfths {
    width: 66.6666666667%; }
  .sm-nine-twelfths {
    width: 75%; }
  .sm-ten-twelfths {
    width: 83.3333333333%; }
  .sm-eleven-twelfths {
    width: 91.6666666667%; }
  .sm-twelve-twelfths {
    width: 100%; } }

/*

              Responsive widths at $breakpoint__md

            ---------------------------------------------------- */
@media screen and (min-width: 47.99em) {
  .md-one-whole {
    width: 100%; }
  .md-one-half {
    width: 50%; }
  .md-two-halves {
    width: 100%; }
  .md-one-third {
    width: 33.3333333333%; }
  .md-two-thirds {
    width: 66.6666666667%; }
  .md-three-thirds {
    width: 100%; }
  .md-one-fourth {
    width: 25%; }
  .md-two-fourths {
    width: 50%; }
  .md-three-fourths {
    width: 75%; }
  .md-four-fourths {
    width: 100%; }
  .md-one-fifth {
    width: 20%; }
  .md-two-fifths {
    width: 40%; }
  .md-three-fifths {
    width: 60%; }
  .md-four-fifths {
    width: 80%; }
  .md-five-fifths {
    width: 100%; }
  .md-one-sixth {
    width: 16.6666666667%; }
  .md-two-sixths {
    width: 33.3333333333%; }
  .md-three-sixths {
    width: 50%; }
  .md-four-sixths {
    width: 66.6666666667%; }
  .md-five-sixths {
    width: 83.3333333333%; }
  .md-six-sixths {
    width: 100%; }
  .md-one-seventh {
    width: 14.2857142857%; }
  .md-two-sevenths {
    width: 28.5714285714%; }
  .md-three-sevenths {
    width: 42.8571428571%; }
  .md-four-sevenths {
    width: 57.1428571429%; }
  .md-five-sevenths {
    width: 71.4285714286%; }
  .md-six-sevenths {
    width: 85.7142857143%; }
  .md-seven-sevenths {
    width: 100%; }
  .md-one-eighth {
    width: 12.5%; }
  .md-two-eighths {
    width: 25%; }
  .md-three-eighths {
    width: 37.5%; }
  .md-four-eighths {
    width: 50%; }
  .md-five-eighths {
    width: 62.5%; }
  .md-six-eighths {
    width: 75%; }
  .md-seven-eighths {
    width: 87.5%; }
  .md-eight-eighths {
    width: 100%; }
  .md-one-ninth {
    width: 11.1111111111%; }
  .md-two-ninths {
    width: 22.2222222222%; }
  .md-three-ninths {
    width: 33.3333333333%; }
  .md-four-ninths {
    width: 44.4444444444%; }
  .md-five-ninths {
    width: 55.5555555556%; }
  .md-six-ninths {
    width: 66.6666666667%; }
  .md-seven-ninths {
    width: 77.7777777778%; }
  .md-eight-ninths {
    width: 88.8888888889%; }
  .md-nine-ninths {
    width: 100%; }
  .md-one-tenth {
    width: 10%; }
  .md-two-tenths {
    width: 20%; }
  .md-three-tenths {
    width: 30%; }
  .md-four-tenths {
    width: 40%; }
  .md-five-tenths {
    width: 50%; }
  .md-six-tenths {
    width: 60%; }
  .md-seven-tenths {
    width: 70%; }
  .md-eight-tenths {
    width: 80%; }
  .md-nine-tenths {
    width: 90%; }
  .md-ten-tenths {
    width: 100%; }
  .md-one-eleventh {
    width: 9.0909090909%; }
  .md-two-elevenths {
    width: 18.1818181818%; }
  .md-three-elevenths {
    width: 27.2727272727%; }
  .md-four-elevenths {
    width: 36.3636363636%; }
  .md-five-elevenths {
    width: 45.4545454545%; }
  .md-six-elevenths {
    width: 54.5454545455%; }
  .md-seven-elevenths {
    width: 63.6363636364%; }
  .md-eight-elevenths {
    width: 72.7272727273%; }
  .md-nine-elevenths {
    width: 81.8181818182%; }
  .md-ten-elevenths {
    width: 90.9090909091%; }
  .md-eleven-elevenths {
    width: 100%; }
  .md-one-twelfth {
    width: 8.3333333333%; }
  .md-two-twelfths {
    width: 16.6666666667%; }
  .md-three-twelfths {
    width: 25%; }
  .md-four-twelfths {
    width: 33.3333333333%; }
  .md-five-twelfths {
    width: 41.6666666667%; }
  .md-six-twelfths {
    width: 50%; }
  .md-seven-twelfths {
    width: 58.3333333333%; }
  .md-eight-twelfths {
    width: 66.6666666667%; }
  .md-nine-twelfths {
    width: 75%; }
  .md-ten-twelfths {
    width: 83.3333333333%; }
  .md-eleven-twelfths {
    width: 91.6666666667%; }
  .md-twelve-twelfths {
    width: 100%; } }

/*

              Responsive widths at $breakpoint__lg

            ---------------------------------------------------- */
@media screen and (min-width: 63.99em) {
  .lg-one-whole {
    width: 100%; }
  .lg-one-half {
    width: 50%; }
  .lg-two-halves {
    width: 100%; }
  .lg-one-third {
    width: 33.3333333333%; }
  .lg-two-thirds {
    width: 66.6666666667%; }
  .lg-three-thirds {
    width: 100%; }
  .lg-one-fourth {
    width: 25%; }
  .lg-two-fourths {
    width: 50%; }
  .lg-three-fourths {
    width: 75%; }
  .lg-four-fourths {
    width: 100%; }
  .lg-one-fifth {
    width: 20%; }
  .lg-two-fifths {
    width: 40%; }
  .lg-three-fifths {
    width: 60%; }
  .lg-four-fifths {
    width: 80%; }
  .lg-five-fifths {
    width: 100%; }
  .lg-one-sixth {
    width: 16.6666666667%; }
  .lg-two-sixths {
    width: 33.3333333333%; }
  .lg-three-sixths {
    width: 50%; }
  .lg-four-sixths {
    width: 66.6666666667%; }
  .lg-five-sixths {
    width: 83.3333333333%; }
  .lg-six-sixths {
    width: 100%; }
  .lg-one-seventh {
    width: 14.2857142857%; }
  .lg-two-sevenths {
    width: 28.5714285714%; }
  .lg-three-sevenths {
    width: 42.8571428571%; }
  .lg-four-sevenths {
    width: 57.1428571429%; }
  .lg-five-sevenths {
    width: 71.4285714286%; }
  .lg-six-sevenths {
    width: 85.7142857143%; }
  .lg-seven-sevenths {
    width: 100%; }
  .lg-one-eighth {
    width: 12.5%; }
  .lg-two-eighths {
    width: 25%; }
  .lg-three-eighths {
    width: 37.5%; }
  .lg-four-eighths {
    width: 50%; }
  .lg-five-eighths {
    width: 62.5%; }
  .lg-six-eighths {
    width: 75%; }
  .lg-seven-eighths {
    width: 87.5%; }
  .lg-eight-eighths {
    width: 100%; }
  .lg-one-ninth {
    width: 11.1111111111%; }
  .lg-two-ninths {
    width: 22.2222222222%; }
  .lg-three-ninths {
    width: 33.3333333333%; }
  .lg-four-ninths {
    width: 44.4444444444%; }
  .lg-five-ninths {
    width: 55.5555555556%; }
  .lg-six-ninths {
    width: 66.6666666667%; }
  .lg-seven-ninths {
    width: 77.7777777778%; }
  .lg-eight-ninths {
    width: 88.8888888889%; }
  .lg-nine-ninths {
    width: 100%; }
  .lg-one-tenth {
    width: 10%; }
  .lg-two-tenths {
    width: 20%; }
  .lg-three-tenths {
    width: 30%; }
  .lg-four-tenths {
    width: 40%; }
  .lg-five-tenths {
    width: 50%; }
  .lg-six-tenths {
    width: 60%; }
  .lg-seven-tenths {
    width: 70%; }
  .lg-eight-tenths {
    width: 80%; }
  .lg-nine-tenths {
    width: 90%; }
  .lg-ten-tenths {
    width: 100%; }
  .lg-one-eleventh {
    width: 9.0909090909%; }
  .lg-two-elevenths {
    width: 18.1818181818%; }
  .lg-three-elevenths {
    width: 27.2727272727%; }
  .lg-four-elevenths {
    width: 36.3636363636%; }
  .lg-five-elevenths {
    width: 45.4545454545%; }
  .lg-six-elevenths {
    width: 54.5454545455%; }
  .lg-seven-elevenths {
    width: 63.6363636364%; }
  .lg-eight-elevenths {
    width: 72.7272727273%; }
  .lg-nine-elevenths {
    width: 81.8181818182%; }
  .lg-ten-elevenths {
    width: 90.9090909091%; }
  .lg-eleven-elevenths {
    width: 100%; }
  .lg-one-twelfth {
    width: 8.3333333333%; }
  .lg-two-twelfths {
    width: 16.6666666667%; }
  .lg-three-twelfths {
    width: 25%; }
  .lg-four-twelfths {
    width: 33.3333333333%; }
  .lg-five-twelfths {
    width: 41.6666666667%; }
  .lg-six-twelfths {
    width: 50%; }
  .lg-seven-twelfths {
    width: 58.3333333333%; }
  .lg-eight-twelfths {
    width: 66.6666666667%; }
  .lg-nine-twelfths {
    width: 75%; }
  .lg-ten-twelfths {
    width: 83.3333333333%; }
  .lg-eleven-twelfths {
    width: 91.6666666667%; }
  .lg-twelve-twelfths {
    width: 100%; } }

/*

              Responsive widths at $breakpoint__xl

            ---------------------------------------------------- */
@media screen and (min-width: 78.49em) {
  .xl-one-whole {
    width: 100%; }
  .xl-one-half {
    width: 50%; }
  .xl-two-halves {
    width: 100%; }
  .xl-one-third {
    width: 33.3333333333%; }
  .xl-two-thirds {
    width: 66.6666666667%; }
  .xl-three-thirds {
    width: 100%; }
  .xl-one-fourth {
    width: 25%; }
  .xl-two-fourths {
    width: 50%; }
  .xl-three-fourths {
    width: 75%; }
  .xl-four-fourths {
    width: 100%; }
  .xl-one-fifth {
    width: 20%; }
  .xl-two-fifths {
    width: 40%; }
  .xl-three-fifths {
    width: 60%; }
  .xl-four-fifths {
    width: 80%; }
  .xl-five-fifths {
    width: 100%; }
  .xl-one-sixth {
    width: 16.6666666667%; }
  .xl-two-sixths {
    width: 33.3333333333%; }
  .xl-three-sixths {
    width: 50%; }
  .xl-four-sixths {
    width: 66.6666666667%; }
  .xl-five-sixths {
    width: 83.3333333333%; }
  .xl-six-sixths {
    width: 100%; }
  .xl-one-seventh {
    width: 14.2857142857%; }
  .xl-two-sevenths {
    width: 28.5714285714%; }
  .xl-three-sevenths {
    width: 42.8571428571%; }
  .xl-four-sevenths {
    width: 57.1428571429%; }
  .xl-five-sevenths {
    width: 71.4285714286%; }
  .xl-six-sevenths {
    width: 85.7142857143%; }
  .xl-seven-sevenths {
    width: 100%; }
  .xl-one-eighth {
    width: 12.5%; }
  .xl-two-eighths {
    width: 25%; }
  .xl-three-eighths {
    width: 37.5%; }
  .xl-four-eighths {
    width: 50%; }
  .xl-five-eighths {
    width: 62.5%; }
  .xl-six-eighths {
    width: 75%; }
  .xl-seven-eighths {
    width: 87.5%; }
  .xl-eight-eighths {
    width: 100%; }
  .xl-one-ninth {
    width: 11.1111111111%; }
  .xl-two-ninths {
    width: 22.2222222222%; }
  .xl-three-ninths {
    width: 33.3333333333%; }
  .xl-four-ninths {
    width: 44.4444444444%; }
  .xl-five-ninths {
    width: 55.5555555556%; }
  .xl-six-ninths {
    width: 66.6666666667%; }
  .xl-seven-ninths {
    width: 77.7777777778%; }
  .xl-eight-ninths {
    width: 88.8888888889%; }
  .xl-nine-ninths {
    width: 100%; }
  .xl-one-tenth {
    width: 10%; }
  .xl-two-tenths {
    width: 20%; }
  .xl-three-tenths {
    width: 30%; }
  .xl-four-tenths {
    width: 40%; }
  .xl-five-tenths {
    width: 50%; }
  .xl-six-tenths {
    width: 60%; }
  .xl-seven-tenths {
    width: 70%; }
  .xl-eight-tenths {
    width: 80%; }
  .xl-nine-tenths {
    width: 90%; }
  .xl-ten-tenths {
    width: 100%; }
  .xl-one-eleventh {
    width: 9.0909090909%; }
  .xl-two-elevenths {
    width: 18.1818181818%; }
  .xl-three-elevenths {
    width: 27.2727272727%; }
  .xl-four-elevenths {
    width: 36.3636363636%; }
  .xl-five-elevenths {
    width: 45.4545454545%; }
  .xl-six-elevenths {
    width: 54.5454545455%; }
  .xl-seven-elevenths {
    width: 63.6363636364%; }
  .xl-eight-elevenths {
    width: 72.7272727273%; }
  .xl-nine-elevenths {
    width: 81.8181818182%; }
  .xl-ten-elevenths {
    width: 90.9090909091%; }
  .xl-eleven-elevenths {
    width: 100%; }
  .xl-one-twelfth {
    width: 8.3333333333%; }
  .xl-two-twelfths {
    width: 16.6666666667%; }
  .xl-three-twelfths {
    width: 25%; }
  .xl-four-twelfths {
    width: 33.3333333333%; }
  .xl-five-twelfths {
    width: 41.6666666667%; }
  .xl-six-twelfths {
    width: 50%; }
  .xl-seven-twelfths {
    width: 58.3333333333%; }
  .xl-eight-twelfths {
    width: 66.6666666667%; }
  .xl-nine-twelfths {
    width: 75%; }
  .xl-ten-twelfths {
    width: 83.3333333333%; }
  .xl-eleven-twelfths {
    width: 91.6666666667%; }
  .xl-twelve-twelfths {
    width: 100%; } }

/*

              Responsive widths at $breakpoint__xxl

            ---------------------------------------------------- */
@media screen and (min-width: 99.99em) {
  .xxl-one-whole {
    width: 100%; }
  .xxl-one-half {
    width: 50%; }
  .xxl-two-halves {
    width: 100%; }
  .xxl-one-third {
    width: 33.3333333333%; }
  .xxl-two-thirds {
    width: 66.6666666667%; }
  .xxl-three-thirds {
    width: 100%; }
  .xxl-one-fourth {
    width: 25%; }
  .xxl-two-fourths {
    width: 50%; }
  .xxl-three-fourths {
    width: 75%; }
  .xxl-four-fourths {
    width: 100%; }
  .xxl-one-fifth {
    width: 20%; }
  .xxl-two-fifths {
    width: 40%; }
  .xxl-three-fifths {
    width: 60%; }
  .xxl-four-fifths {
    width: 80%; }
  .xxl-five-fifths {
    width: 100%; }
  .xxl-one-sixth {
    width: 16.6666666667%; }
  .xxl-two-sixths {
    width: 33.3333333333%; }
  .xxl-three-sixths {
    width: 50%; }
  .xxl-four-sixths {
    width: 66.6666666667%; }
  .xxl-five-sixths {
    width: 83.3333333333%; }
  .xxl-six-sixths {
    width: 100%; }
  .xxl-one-seventh {
    width: 14.2857142857%; }
  .xxl-two-sevenths {
    width: 28.5714285714%; }
  .xxl-three-sevenths {
    width: 42.8571428571%; }
  .xxl-four-sevenths {
    width: 57.1428571429%; }
  .xxl-five-sevenths {
    width: 71.4285714286%; }
  .xxl-six-sevenths {
    width: 85.7142857143%; }
  .xxl-seven-sevenths {
    width: 100%; }
  .xxl-one-eighth {
    width: 12.5%; }
  .xxl-two-eighths {
    width: 25%; }
  .xxl-three-eighths {
    width: 37.5%; }
  .xxl-four-eighths {
    width: 50%; }
  .xxl-five-eighths {
    width: 62.5%; }
  .xxl-six-eighths {
    width: 75%; }
  .xxl-seven-eighths {
    width: 87.5%; }
  .xxl-eight-eighths {
    width: 100%; }
  .xxl-one-ninth {
    width: 11.1111111111%; }
  .xxl-two-ninths {
    width: 22.2222222222%; }
  .xxl-three-ninths {
    width: 33.3333333333%; }
  .xxl-four-ninths {
    width: 44.4444444444%; }
  .xxl-five-ninths {
    width: 55.5555555556%; }
  .xxl-six-ninths {
    width: 66.6666666667%; }
  .xxl-seven-ninths {
    width: 77.7777777778%; }
  .xxl-eight-ninths {
    width: 88.8888888889%; }
  .xxl-nine-ninths {
    width: 100%; }
  .xxl-one-tenth {
    width: 10%; }
  .xxl-two-tenths {
    width: 20%; }
  .xxl-three-tenths {
    width: 30%; }
  .xxl-four-tenths {
    width: 40%; }
  .xxl-five-tenths {
    width: 50%; }
  .xxl-six-tenths {
    width: 60%; }
  .xxl-seven-tenths {
    width: 70%; }
  .xxl-eight-tenths {
    width: 80%; }
  .xxl-nine-tenths {
    width: 90%; }
  .xxl-ten-tenths {
    width: 100%; }
  .xxl-one-eleventh {
    width: 9.0909090909%; }
  .xxl-two-elevenths {
    width: 18.1818181818%; }
  .xxl-three-elevenths {
    width: 27.2727272727%; }
  .xxl-four-elevenths {
    width: 36.3636363636%; }
  .xxl-five-elevenths {
    width: 45.4545454545%; }
  .xxl-six-elevenths {
    width: 54.5454545455%; }
  .xxl-seven-elevenths {
    width: 63.6363636364%; }
  .xxl-eight-elevenths {
    width: 72.7272727273%; }
  .xxl-nine-elevenths {
    width: 81.8181818182%; }
  .xxl-ten-elevenths {
    width: 90.9090909091%; }
  .xxl-eleven-elevenths {
    width: 100%; }
  .xxl-one-twelfth {
    width: 8.3333333333%; }
  .xxl-two-twelfths {
    width: 16.6666666667%; }
  .xxl-three-twelfths {
    width: 25%; }
  .xxl-four-twelfths {
    width: 33.3333333333%; }
  .xxl-five-twelfths {
    width: 41.6666666667%; }
  .xxl-six-twelfths {
    width: 50%; }
  .xxl-seven-twelfths {
    width: 58.3333333333%; }
  .xxl-eight-twelfths {
    width: 66.6666666667%; }
  .xxl-nine-twelfths {
    width: 75%; }
  .xxl-ten-twelfths {
    width: 83.3333333333%; }
  .xxl-eleven-twelfths {
    width: 91.6666666667%; }
  .xxl-twelve-twelfths {
    width: 100%; } }

/***

  @modules
---------------------------------------------------------

  Reusable objects that are combinations
  of elements and other modules.

  When you create a new module, make sure the partial is
  in the modules directory, and you import it below.

  Comment out any partial you don't need for this app.

---------------------------------------------------------  */
/**

   @site
--------------------------------------------------------
  modules/_site.scss
--------------------------------------------------------

  We use the naming convention of .site-* for global
  modules like the header, main, and footer.

  Sometimes it's beneficial to have a wrapping element
  around the site, directly following the . In
  this case, we call that .site.

------------------------------------------------------ */
.site.is-nav-opened .site-main {
  transform: translateX(-65vw); }

.site.is-nav-opened .site-header .__menu {
  visibility: visible;
  transform: translateX(0);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.site.is-nav-opened .site-nav-menu__button {
  transform: rotate(90deg); }
  .site.is-nav-opened .site-nav-menu__button span:first-child {
    transform: scaleX(0); }
  .site.is-nav-opened .site-nav-menu__button span:nth-child(2) {
    transform: rotate(45deg); }
    .site.is-nav-opened .site-nav-menu__button span:nth-child(2):before {
      width: 100%;
      transform: scaleX(1) rotate(91deg); }
  .site.is-nav-opened .site-nav-menu__button span:last-child {
    transform: scaleX(0);
    width: 100%; }

/**

  @site-header
--------------------------------------------------------
  modules/_site-header.scss
--------------------------------------------------------

  Site-wide header

------------------------------------------------------ */
.site-header {
  position: fixed;
  width: 100%;
  z-index: 3;
  top: 0;
/*
  background-color: #000;
*/
  padding: 10px 0;
  color: white; }
  @media screen and (max-width: 1179.99px) {
    /* .site-header {
      padding: 10px 20px; } } */
  .site-header .__left {
    float: left; }
    .site-header .__left .__logo {
      display: block; }
      .site-header .__left .__logo img {
        height: 25px;
        margin-top: 6px; }
        @media screen and (max-width: 34.365em) {
          .site-header .__left .__logo img {
            height: 20px; } }
  .site-header .__right {
    float: right; }
    @media screen and (max-width: 1049.99px) {
      .site-header .__right .__menu {
        margin-top: 56px;
        visibility: hidden;
        position: fixed;
        background: #373737;
        right: 0;
        top: 0;
        width: 65vw;
        bottom: 0;
        padding: 40px;
        transition: 0.7s ease-in-out;
        transform: translateX(66vw); } }
  @media screen and (max-width: 1049.99px) and (min-width: 320px) {
    .site-header .__right .__menu {
      margin-top: calc(50px + ((1vw - 3.2px) * 0.7317073171)); } }
  @media screen and (max-width: 1049.99px) and (min-width: 1140px) {
    .site-header .__right .__menu {
      margin-top: 56px; } }
  @media screen and (max-width: 1049.99px) and (max-width: 320px) {
    .site-header .__right .__menu {
      margin-top: 50px; } }
    @media screen and (max-width: 1049.99px) {
        .site-header .__right .__menu li {
          float: none;
          margin-right: 0;
          margin-bottom: 20px; } }
    @media screen and (min-width: 1049.99px) {
      .site-header .__right .__menu {
        list-style: none;
        zoom: 1;
        float: left; }
        .site-header .__right .__menu:before, .site-header .__right .__menu:after {
          content: " ";
          display: table; }
        .site-header .__right .__menu:after {
          clear: both; }
        .site-header .__right .__menu > li {
          float: left;
          margin-right: 30px; }
          .site-header .__right .__menu > li.last, .site-header .__right .__menu > li:last-child {
            margin-right: 0; } }
    .site-header .__right .__menu li.is-active {
      /* color: #FF0A88;  */
    }
    .site-header .__right .__menu a {
      font-weight: bold;
      display: block;
      padding: 10px 0; }
      .site-header .__right .__menu a:hover {
        /* color: #FF0A88;  */
      }
    .site-header .__right .button {
      min-width: inherit;
      float: left; }
      @media screen and (min-width: 1049.99px) {
        .site-header .__right .button {
          margin-left: 30px; } }

.site-nav-menu__button {
  width: 26px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  float: right;
  margin-top: 8px;
  margin-left: 20px;
  transition: 0.6s ease-in-out; }
  @media screen and (min-width: 1049.99px) {
    .site-nav-menu__button {
      display: none; } }
  @media screen and (max-width: 34.365em) {
    .site-nav-menu__button {
      width: 23px; } }
  .site-nav-menu__button > span {
    height: 2px;
    border-radius: 10px;
    background-color: white;
    display: block;
    transition: 0.3s ease-in-out;
    position: relative; }
    .site-nav-menu__button > span:nth-child(2):before {
      transition: 0.4s ease-in-out;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background-color: #fff;
      height: 2px;
      width: 100%;
      transform: scaleX(0) rotate(0); }
    .site-nav-menu__button > span:not(:last-child) {
      margin-bottom: 6px; }
    .site-nav-menu__button > span:last-child {
      width: 70%; }

/**

  @site-main
--------------------------------------------------------
  modules/_site-main.scss
--------------------------------------------------------

  The site's main content

------------------------------------------------------ */
.site-main {
  /* background: url(../images/bg-color-triangles.png) no-repeat center top; */
  transition: transform 0.7s ease-in-out;
  margin-top: 56px; }
  @media (min-width: 320px) {
    .site-main {
      margin-top: calc(50px + ((1vw - 3.2px) * 0.7317073171)); } }
  @media (min-width: 1140px) {
    .site-main {
      margin-top: 56px; } }
  @media (max-width: 320px) {
    .site-main {
      margin-top: 50px; } }
  @media screen and (max-width: 1189.99px) {
    .site-main {
      padding: 0 25px;
      background-size: 100% auto; }
      .site-main .bleeds-to-left-right {
        margin-left: -25px;
        margin-right: -25px;
        width: auto;
        padding-left: 25px;
        padding-right: 25px; } }

/**

  @site-footer
--------------------------------------------------------
  modules/_site-footer.scss
--------------------------------------------------------

  The site's global footer

------------------------------------------------------ */
.site-footer {
  background-color: #000;
  color: #FFFFFF;
  padding: 10px 0; }

.site-credits {
  margin-top: 10px;
  margin-left: 10px;
  text-align: left;
  font-size: 0.8em; }

.site-data {
  margin-top: -20px;
  margin-right:10px;
  text-align: right;
  font-size: 0.8em; }

/**

  @pages
--------------------------------------------------------
  modules/_pages.scss
--------------------------------------------------------

  Pages contain content and can have styled headers
  and footers if you choose.

-----------------------------------------------------  */
.page__header {
  padding: 20px 0;
  margin-bottom: 20px;
  background: rgba(0, 0, 0, 0.025);
  border-bottom: 1px solid #cfd2d2; }

@keyframes zoom-in-out {
  50% {
    transform: scale(1.1); } }

@keyframes zoom-in-out--light {
  50% {
    transform: scale(1.05); } }

.animation--zoom-in-out, .model-accounts .model-account:hover {
  animation-name: zoom-in-out;
  animation-duration: 0.6s;
  animation-iteration-count: 1; }

/**

  @blocks
--------------------------------------------------------
  modules/_blocks.scss
--------------------------------------------------------

  Blocks contain sections of content.  Blocks can have
  different visual styling, but usually have the same
  structure; one spacing unit margin at the bottom,
  and some have borders, and padding, etc.

-----------------------------------------------------  */
.block {
  margin-bottom: 40px; }

.block--ends {
  margin-top: 40px;
  margin-bottom: 40px; }

[class^="icon-"]:before, [class*=" icon-"]:before, .iconfont, .icon-info:before, .question .__icon:before, .icon-asterisk:before, .note:before, .icon-instagram:before, .model-accounts .model-account .__follower:before {
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .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: .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-info:before, .question .__icon:before {
  content: '\e800'; }

/* '' */
.icon-heart-empty:before {
  content: '\e801'; }

/* '' */
.icon-heart:before {
  content: '\e802'; }

/* '' */
.icon-star:before {
  content: '\e803'; }

/* '' */
.icon-star-empty:before {
  content: '\e804'; }

/* '' */
.icon-right-open-big:before {
  content: '\e805'; }

/* '' */
.icon-asterisk:before, .note:before {
  content: '\e806'; }

/* '' */
.icon-info-circled:before {
  content: '\e807'; }

/* '' */
.icon-ok-circled:before {
  content: '\e808'; }

/* '' */
.icon-down-open-big:before {
  content: '\e809'; }

/* '' */
.icon-left-open-big:before {
  content: '\e80a'; }

/* '' */
.icon-up-open-big:before {
  content: '\e80b'; }

/* '' */
.icon-instagram:before, .model-accounts .model-account .__follower:before {
  content: '\f16d'; }

/* '' */
.icon-twitter:before {
  content: '\f309'; }

/* '' */
.icon-facebook:before {
  content: '\f30c'; }

/* '' */
.icon-facebook-squared:before {
  content: '\f30e'; }

/* '' */
.hero-section > .container > .row, .hero-section > .conversion-banner > .row {
  padding: 9% 0 5% 0; }
  @media screen and (max-width: 34.365em) {
    .hero-section > .container > .row, .hero-section > .conversion-banner > .row {
      padding-top: 25px; } }

.hero-section .__left {
  padding-right: 100px; }
  @media (min-width: 320px) {
    .hero-section .__left {
      padding-right: calc(0px + ((1vw - 3.2px) * 12.1951219512)); } }
  @media (min-width: 1140px) {
    .hero-section .__left {
      padding-right: 100px; } }
  @media (max-width: 320px) {
    .hero-section .__left {
      padding-right: 0px; } }
  .hero-section .__left h1 {
    width: 87%; }
    @media screen and (max-width: 34.365em) {
      .hero-section .__left h1 {
        margin-left: auto;
        margin-right: auto; } }
  @media screen and (min-width: 34.365em) {
    .hero-section .__left h2 {
      margin-top: -8px; } }
  .hero-section .__left h3 {
    width: 90%; }
    @media screen and (max-width: 34.365em) {
      .hero-section .__left h3 {
        margin-left: auto;
        margin-right: auto; } }
  @media screen and (max-width: 34.365em) {
    .hero-section .__left {
      -ms-flex-order: 2;
      order: 2;
      padding-right: 0;
      margin-top: -11px; } }

.hero-section .__right {
  max-width: 55vh; }
  @media screen and (max-width: 34.365em) {
    .hero-section .__right {
      -ms-flex-order: 1;
      order: 1; } }
  .hero-section .__right img {
    max-height: 70vh; }
  @media screen and (max-width: 34.365em) {
    .hero-section .__right .__for-desktop {
      display: none; } }
  @media screen and (min-width: 34.365em) {
    .hero-section .__right .__for-mobile {
      display: none; } }

/**

  @modals
---------------------------------------------------------
  modules/_modals.scss
--------------------------------------------------------

  These are very basic modals, which simply cover the entire
  viewport from top to bottom, left to right.  Feel free
  to edit the styles of modals to suit your needs.

--------------------------------------------------------- */
.modal {
  position: fixed;
  z-index: 200;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.96);
  display: none; }

.modal__container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: table;
  height: 100%;
  padding: 20px; }

.modal__close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 6.6px 6.6px 0 0;
  font-size: 3em;
  border: none;
  background: none;
  display: block; }
  .modal__close:hover, .modal__close:focus {
    outline: none;
    border: none;
    opacity: .85; }
  .modal__close:active {
    opacity: .6; }

.modal__body {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle; }
  .modal__body p {
    margin-bottom: 1em;
    font-size: 1.5em; }

body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] {
  transition-duration: 50ms; }

body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] {
  transition-delay: 0; }
  body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate {
    transition-delay: 50ms; }

body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] {
  transition-duration: 100ms; }

body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] {
  transition-delay: 0; }
  body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate {
    transition-delay: 100ms; }

body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] {
  transition-duration: 150ms; }

body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] {
  transition-delay: 0; }
  body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate {
    transition-delay: 150ms; }

body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] {
  transition-duration: 200ms; }

body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] {
  transition-delay: 0; }
  body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate {
    transition-delay: 200ms; }

body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] {
  transition-duration: 250ms; }

body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] {
  transition-delay: 0; }
  body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate {
    transition-delay: 250ms; }

body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] {
  transition-duration: 300ms; }

body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] {
  transition-delay: 0; }
  body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate {
    transition-delay: 300ms; }

body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] {
  transition-duration: 350ms; }

body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] {
  transition-delay: 0; }
  body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate {
    transition-delay: 350ms; }

body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] {
  transition-duration: 400ms; }

body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] {
  transition-delay: 0; }
  body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate {
    transition-delay: 400ms; }

body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] {
  transition-duration: 450ms; }

body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] {
  transition-delay: 0; }
  body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate {
    transition-delay: 450ms; }

body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] {
  transition-duration: 500ms; }

body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] {
  transition-delay: 0; }
  body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate {
    transition-delay: 500ms; }

body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] {
  transition-duration: 550ms; }

body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] {
  transition-delay: 0; }
  body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate {
    transition-delay: 550ms; }

body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] {
  transition-duration: 600ms; }

body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] {
  transition-delay: 0; }
  body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate {
    transition-delay: 600ms; }

body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] {
  transition-duration: 650ms; }

body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] {
  transition-delay: 0; }
  body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate {
    transition-delay: 650ms; }

body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] {
  transition-duration: 700ms; }

body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] {
  transition-delay: 0; }
  body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate {
    transition-delay: 700ms; }

body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] {
  transition-duration: 750ms; }

body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] {
  transition-delay: 0; }
  body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate {
    transition-delay: 750ms; }

body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] {
  transition-duration: 800ms; }

body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] {
  transition-delay: 0; }
  body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate {
    transition-delay: 800ms; }

body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] {
  transition-duration: 850ms; }

body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] {
  transition-delay: 0; }
  body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate {
    transition-delay: 850ms; }

body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] {
  transition-duration: 900ms; }

body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] {
  transition-delay: 0; }
  body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate {
    transition-delay: 900ms; }

body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] {
  transition-duration: 950ms; }

body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] {
  transition-delay: 0; }
  body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate {
    transition-delay: 950ms; }

body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] {
  transition-duration: 1000ms; }

body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] {
  transition-delay: 0; }
  body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate {
    transition-delay: 1000ms; }

body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] {
  transition-duration: 1050ms; }

body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] {
  transition-delay: 0; }
  body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate {
    transition-delay: 1050ms; }

body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] {
  transition-duration: 1100ms; }

body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] {
  transition-delay: 0; }
  body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate {
    transition-delay: 1100ms; }

body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] {
  transition-duration: 1150ms; }

body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] {
  transition-delay: 0; }
  body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate {
    transition-delay: 1150ms; }

body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] {
  transition-duration: 1200ms; }

body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] {
  transition-delay: 0; }
  body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate {
    transition-delay: 1200ms; }

body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] {
  transition-duration: 1250ms; }

body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] {
  transition-delay: 0; }
  body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate {
    transition-delay: 1250ms; }

body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] {
  transition-duration: 1300ms; }

body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] {
  transition-delay: 0; }
  body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate {
    transition-delay: 1300ms; }

body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] {
  transition-duration: 1350ms; }

body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] {
  transition-delay: 0; }
  body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate {
    transition-delay: 1350ms; }

body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] {
  transition-duration: 1400ms; }

body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] {
  transition-delay: 0; }
  body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate {
    transition-delay: 1400ms; }

body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] {
  transition-duration: 1450ms; }

body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] {
  transition-delay: 0; }
  body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate {
    transition-delay: 1450ms; }

body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] {
  transition-duration: 1500ms; }

body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] {
  transition-delay: 0; }
  body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate {
    transition-delay: 1500ms; }

body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] {
  transition-duration: 1550ms; }

body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] {
  transition-delay: 0; }
  body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate {
    transition-delay: 1550ms; }

body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] {
  transition-duration: 1600ms; }

body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] {
  transition-delay: 0; }
  body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate {
    transition-delay: 1600ms; }

body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] {
  transition-duration: 1650ms; }

body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] {
  transition-delay: 0; }
  body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate {
    transition-delay: 1650ms; }

body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] {
  transition-duration: 1700ms; }

body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] {
  transition-delay: 0; }
  body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate {
    transition-delay: 1700ms; }

body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] {
  transition-duration: 1750ms; }

body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] {
  transition-delay: 0; }
  body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate {
    transition-delay: 1750ms; }

body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] {
  transition-duration: 1800ms; }

body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] {
  transition-delay: 0; }
  body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate {
    transition-delay: 1800ms; }

body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] {
  transition-duration: 1850ms; }

body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] {
  transition-delay: 0; }
  body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate {
    transition-delay: 1850ms; }

body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] {
  transition-duration: 1900ms; }

body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] {
  transition-delay: 0; }
  body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate {
    transition-delay: 1900ms; }

body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] {
  transition-duration: 1950ms; }

body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] {
  transition-delay: 0; }
  body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate {
    transition-delay: 1950ms; }

body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] {
  transition-duration: 2000ms; }

body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] {
  transition-delay: 0; }
  body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate {
    transition-delay: 2000ms; }

body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] {
  transition-duration: 2050ms; }

body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] {
  transition-delay: 0; }
  body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate {
    transition-delay: 2050ms; }

body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] {
  transition-duration: 2100ms; }

body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] {
  transition-delay: 0; }
  body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate {
    transition-delay: 2100ms; }

body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] {
  transition-duration: 2150ms; }

body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] {
  transition-delay: 0; }
  body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate {
    transition-delay: 2150ms; }

body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] {
  transition-duration: 2200ms; }

body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] {
  transition-delay: 0; }
  body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate {
    transition-delay: 2200ms; }

body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] {
  transition-duration: 2250ms; }

body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] {
  transition-delay: 0; }
  body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate {
    transition-delay: 2250ms; }

body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] {
  transition-duration: 2300ms; }

body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] {
  transition-delay: 0; }
  body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate {
    transition-delay: 2300ms; }

body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] {
  transition-duration: 2350ms; }

body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] {
  transition-delay: 0; }
  body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate {
    transition-delay: 2350ms; }

body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] {
  transition-duration: 2400ms; }

body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] {
  transition-delay: 0; }
  body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate {
    transition-delay: 2400ms; }

body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] {
  transition-duration: 2450ms; }

body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] {
  transition-delay: 0; }
  body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate {
    transition-delay: 2450ms; }

body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] {
  transition-duration: 2500ms; }

body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] {
  transition-delay: 0; }
  body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate {
    transition-delay: 2500ms; }

body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] {
  transition-duration: 2550ms; }

body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] {
  transition-delay: 0; }
  body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate {
    transition-delay: 2550ms; }

body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] {
  transition-duration: 2600ms; }

body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] {
  transition-delay: 0; }
  body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate {
    transition-delay: 2600ms; }

body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] {
  transition-duration: 2650ms; }

body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] {
  transition-delay: 0; }
  body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate {
    transition-delay: 2650ms; }

body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] {
  transition-duration: 2700ms; }

body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] {
  transition-delay: 0; }
  body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate {
    transition-delay: 2700ms; }

body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] {
  transition-duration: 2750ms; }

body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] {
  transition-delay: 0; }
  body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate {
    transition-delay: 2750ms; }

body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] {
  transition-duration: 2800ms; }

body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] {
  transition-delay: 0; }
  body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate {
    transition-delay: 2800ms; }

body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] {
  transition-duration: 2850ms; }

body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] {
  transition-delay: 0; }
  body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate {
    transition-delay: 2850ms; }

body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] {
  transition-duration: 2900ms; }

body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] {
  transition-delay: 0; }
  body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate {
    transition-delay: 2900ms; }

body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] {
  transition-duration: 2950ms; }

body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] {
  transition-delay: 0; }
  body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate {
    transition-delay: 2950ms; }

body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] {
  transition-duration: 3000ms; }

body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] {
  transition-delay: 0; }
  body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate {
    transition-delay: 3000ms; }

body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }

body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1); }

body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1); }

body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }

body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^='fade'][data-aos^='fade'] {
  opacity: 0;
  transition-property: opacity, transform; }
  [data-aos^='fade'][data-aos^='fade'].aos-animate {
    opacity: 1;
    transform: translate(0, 0); }

[data-aos='fade-up'] {
  transform: translate(0, 100px); }

[data-aos='fade-down'] {
  transform: translate(0, -100px); }

[data-aos='fade-right'] {
  transform: translate(-100px, 0); }

[data-aos='fade-left'] {
  transform: translate(100px, 0); }

[data-aos='fade-up-right'] {
  transform: translate(-100px, 100px); }

[data-aos='fade-up-left'] {
  transform: translate(100px, 100px); }

[data-aos='fade-down-right'] {
  transform: translate(-100px, -100px); }

[data-aos='fade-down-left'] {
  transform: translate(100px, -100px); }

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^='zoom'][data-aos^='zoom'] {
  opacity: 0;
  transition-property: opacity, transform; }
  [data-aos^='zoom'][data-aos^='zoom'].aos-animate {
    opacity: 1;
    transform: translate(0, 0) scale(1); }

[data-aos='zoom-in'] {
  transform: scale(0.6); }

[data-aos='zoom-in-up'] {
  transform: translate(0, 100px) scale(0.6); }

[data-aos='zoom-in-down'] {
  transform: translate(0, -100px) scale(0.6); }

[data-aos='zoom-in-right'] {
  transform: translate(-100px, 0) scale(0.6); }

[data-aos='zoom-in-left'] {
  transform: translate(100px, 0) scale(0.6); }

[data-aos='zoom-out'] {
  transform: scale(1.2); }

[data-aos='zoom-out-up'] {
  transform: translate(0, 100px) scale(1.2); }

[data-aos='zoom-out-down'] {
  transform: translate(0, -100px) scale(1.2); }

[data-aos='zoom-out-right'] {
  transform: translate(-100px, 0) scale(1.2); }

[data-aos='zoom-out-left'] {
  transform: translate(100px, 0) scale(1.2); }

/**
 * Slide animations
 */
[data-aos^='slide'][data-aos^='slide'] {
  transition-property: transform; }
  [data-aos^='slide'][data-aos^='slide'].aos-animate {
    transform: translate(0, 0); }

[data-aos='slide-up'] {
  transform: translateY(100%); }

[data-aos='slide-down'] {
  transform: translateY(-100%); }

[data-aos='slide-right'] {
  transform: translateX(-100%); }

[data-aos='slide-left'] {
  transform: translateX(100%); }

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^='flip'][data-aos^='flip'] {
  backface-visibility: hidden;
  transition-property: transform; }

[data-aos='flip-left'] {
  transform: perspective(2500px) rotateY(-100deg); }
  [data-aos='flip-left'].aos-animate {
    transform: perspective(2500px) rotateY(0); }

[data-aos='flip-right'] {
  transform: perspective(2500px) rotateY(100deg); }
  [data-aos='flip-right'].aos-animate {
    transform: perspective(2500px) rotateY(0); }

[data-aos='flip-up'] {
  transform: perspective(2500px) rotateX(-100deg); }
  [data-aos='flip-up'].aos-animate {
    transform: perspective(2500px) rotateX(0); }

[data-aos='flip-down'] {
  transform: perspective(2500px) rotateX(100deg); }
  [data-aos='flip-down'].aos-animate {
    transform: perspective(2500px) rotateX(0); }

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

.logo-section {
  background-color: #f0f0f0;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 60px; }
  @media (min-width: 320px) {
    .logo-section {
      padding-top: calc(30px + ((1vw - 3.2px) * 3.6585365854));
      padding-bottom: calc(30px + ((1vw - 3.2px) * 3.6585365854)); } }
  @media (min-width: 1140px) {
    .logo-section {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 320px) {
    .logo-section {
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media (min-width: 320px) {
    .logo-section {
      padding-left: calc(10px + ((1vw - 3.2px) * 1.2195121951));
      padding-right: calc(10px + ((1vw - 3.2px) * 1.2195121951)); } }
  @media (min-width: 1140px) {
    .logo-section {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (max-width: 320px) {
    .logo-section {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 320px) {
    .logo-section {
      margin-top: calc(30px + ((1vw - 3.2px) * 3.6585365854)); } }
  @media (min-width: 1140px) {
    .logo-section {
      margin-top: 60px; } }
  @media (max-width: 320px) {
    .logo-section {
      margin-top: 30px; } }
  .logo-section h1 {
    text-align: center;
    font-size: 17px;
    letter-spacing: 4px;
    font-weight: normal;
    color: gray; }

.logo-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 34.365em) {
    .logo-list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .logo-list li {
        width: 30%; } }
  .logo-list li {
    padding: 10px; }

.strength-section {
  margin: -20px; }
  @media screen and (min-width: 34.365em) {
    .strength-section {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      text-align: center; } }
  .strength-section .strength {
    padding: 20px; }
    @media screen and (min-width: 34.365em) {
      .strength-section .strength {
        width: 33.333%; } }
    .strength-section .strength .__image {
      text-align: center; }
      .strength-section .strength .__image img {
        width: 40%;
        height: auto; }
        @media screen and (max-width: 34.365em) {
          .strength-section .strength .__image img {
            width: 30%; } }
    .strength-section .strength .sub-title {
      padding-top: 1em; }
    @media screen and (max-width: 34.365em) {
      .strength-section .strength .__text {
        text-align: center; } }

.conversion-banner {
  text-align: center;
  color: #FF0A88;
  border: 3px solid;
  padding: 40px;
  border-radius: 10px; }
  @media (min-width: 320px) {
    .conversion-banner {
      padding: calc(20px + ((1vw - 3.2px) * 2.4390243902)); } }
  @media (min-width: 1140px) {
    .conversion-banner {
      padding: 40px; } }
  @media (max-width: 320px) {
    .conversion-banner {
      padding: 20px; } }
  .conversion-banner .h3 {
    margin-bottom: 1em; }
    @media screen and (max-width: 34.365em) {
      .conversion-banner .h3 {
        font-size: 4.3vw; } }
  .conversion-banner > .__icon {
    text-align: center;
    background: white;
    width: 120px;
    margin-top: -60px;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 320px) {
      .conversion-banner > .__icon {
        margin-top: calc(-30px + ((1vw - 3.2px) * -3.6585365854)); } }
    @media (min-width: 1140px) {
      .conversion-banner > .__icon {
        margin-top: -60px; } }
    @media (max-width: 320px) {
      .conversion-banner > .__icon {
        margin-top: -30px; } }
    @media (min-width: 320px) {
      .conversion-banner > .__icon {
        margin-bottom: calc(17.5px + ((1vw - 3.2px) * 2.1341463415)); } }
    @media (min-width: 1140px) {
      .conversion-banner > .__icon {
        margin-bottom: 35px; } }
    @media (max-width: 320px) {
      .conversion-banner > .__icon {
        margin-bottom: 17.5px; } }

.services .__icon {
  width: 15%; }
  .services .__icon img {
    display: block;
    width: 100%;
    height: auto; }

.services .__content {
  width: 85%;
  padding-left: 40px; }
  @media (min-width: 320px) {
    .services .__content {
      padding-left: calc(20px + ((1vw - 3.2px) * 2.4390243902)); } }
  @media (min-width: 1140px) {
    .services .__content {
      padding-left: 40px; } }
  @media (max-width: 320px) {
    .services .__content {
      padding-left: 20px; } }
  .services .__content .h3 {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    color: #7f7f7f;
    margin-bottom: 40px;
    font-size: 18px; }
    @media (min-width: 320px) {
      .services .__content .h3 {
        margin-bottom: calc(20px + ((1vw - 3.2px) * 2.4390243902)); } }
    @media (min-width: 1140px) {
      .services .__content .h3 {
        margin-bottom: 40px; } }
    @media (max-width: 320px) {
      .services .__content .h3 {
        margin-bottom: 20px; } }
    @media (min-width: 320px) {
      .services .__content .h3 {
        font-size: calc(16px + ((1vw - 3.2px) * 0.243902439)); } }
    @media (min-width: 1140px) {
      .services .__content .h3 {
        font-size: 18px; } }
    @media (max-width: 320px) {
      .services .__content .h3 {
        font-size: 16px; } }

.services__list {
  margin-left: auto;
  margin-right: auto; }
  .services__list > .row {
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #BEBEBE; }
    @media (min-width: 320px) {
      .services__list > .row {
        margin-bottom: calc(40px + ((1vw - 3.2px) * 4.8780487805)); } }
    @media (min-width: 1140px) {
      .services__list > .row {
        margin-bottom: 80px; } }
    @media (max-width: 320px) {
      .services__list > .row {
        margin-bottom: 40px; } }
    @media (min-width: 320px) {
      .services__list > .row {
        padding-bottom: calc(40px + ((1vw - 3.2px) * 4.8780487805)); } }
    @media (min-width: 1140px) {
      .services__list > .row {
        padding-bottom: 80px; } }
    @media (max-width: 320px) {
      .services__list > .row {
        padding-bottom: 40px; } }
    .services__list > .row:first-child {
      padding-top: 80px;
      border-top: 1px solid #BEBEBE; }
      @media (min-width: 320px) {
        .services__list > .row:first-child {
          padding-top: calc(40px + ((1vw - 3.2px) * 4.8780487805)); } }
      @media (min-width: 1140px) {
        .services__list > .row:first-child {
          padding-top: 80px; } }
      @media (max-width: 320px) {
        .services__list > .row:first-child {
          padding-top: 40px; } }
  @media screen and (min-width: 34.365em) {
    .services__list {
      width: 80%; } }
  .services__list .__case {
    margin-bottom: 20px; }
  @media screen and (min-width: 34.365em) {
    .services__list .__case-content {
      width: 75%;
      padding-left: 20px; } }
  @media screen and (max-width: 34.365em) {
    .services__list .__case-content .h4 {
      margin-top: 1em;
      margin-bottom: 6px; } }
  @media screen and (max-width: 34.365em) {
    .services__list .__case-content .__title {
      display: block; } }
  @media screen and (min-width: 34.365em) {
    .services__list .__case-image {
      width: 25%; } }

.tag {
  background-color: #FF0A88;
  color: white;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 2px 5px;
  margin-right: 1em;
  letter-spacing: 1px;
  font-size: 0.8em; }
  @media screen and (max-width: 34.365em) {
    .tag {
      font-size: 0.8em; } }

.note {
  color: #959595; }
  .note.is-small-size {
    font-size: 0.8em; }
    @media screen and (max-width: 34.365em) {
      .note.is-small-size {
        font-size: 0.75em; } }
  @media screen and (max-width: 34.365em) {
    .note {
      font-size: 0.85em; } }

.questions {
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 34.365em) {
    .questions {
      width: 60%; } }

.question {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 40px;
  box-shadow: 0 1px 3px #d3d3d3;
  border-radius: 10px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px; }
  @media (min-width: 320px) {
    .question {
      padding: calc(20px + ((1vw - 3.2px) * 2.4390243902)); } }
  @media (min-width: 1140px) {
    .question {
      padding: 40px; } }
  @media (max-width: 320px) {
    .question {
      padding: 20px; } }
  @media (min-width: 320px) {
    .question {
      font-size: calc(14px + ((1vw - 3.2px) * 0.243902439)); } }
  @media (min-width: 1140px) {
    .question {
      font-size: 16px; } }
  @media (max-width: 320px) {
    .question {
      font-size: 14px; } }
  .question .__icon:before {
    font-size: 60px;
    margin-left: 0;
    margin-right: 20px;
    float: left; }
    @media (min-width: 320px) {
      .question .__icon:before {
        font-size: calc(40px + ((1vw - 3.2px) * 2.4390243902)); } }
    @media (min-width: 1140px) {
      .question .__icon:before {
        font-size: 60px; } }
    @media (max-width: 320px) {
      .question .__icon:before {
        font-size: 40px; } }
  .question span {
    display: inline-block; }

.title-icon {
  margin-bottom: 20px; }
  .title-icon img {
    width: 70px;
    height: auto; }

.instagram-market {
  margin-left: auto;
  margin-right: auto; }
  .instagram-market canvas {
    width: 100% !important; }
  @media screen and (min-width: 34.365em) {
    .instagram-market {
      width: 80%; } }
  .instagram-market > .row:not(:last-child) {
    margin-bottom: 40px; }
  @media screen and (min-width: 34.365em) {
    .instagram-market .__content {
      padding-left: 40px; } }
  @media screen and (max-width: 34.365em) {
    .instagram-market .__content {
      margin-top: 20px; } }

@media screen and (min-width: 34.365em) {
  .advantages {
    width: 80%;
    margin-left: auto;
    margin-right: auto; } }

.advantages > .advantage:not(:last-child) {
  margin-bottom: 40px; }

@media screen and (max-width: 34.365em) {
  .advantages > .advantage .h5 .__title {
    display: block;
    margin-top: 10px; } }

@media screen and (min-width: 34.365em) {
  .advantages .__content {
    padding-left: 40px;
    width: 60%; } }
  @media screen and (min-width: 34.365em) and (min-width: 320px) {
    .advantages .__content {
      padding-left: calc(20px + ((1vw - 3.2px) * 2.4390243902)); } }
  @media screen and (min-width: 34.365em) and (min-width: 1140px) {
    .advantages .__content {
      padding-left: 40px; } }
  @media screen and (min-width: 34.365em) and (max-width: 320px) {
    .advantages .__content {
      padding-left: 20px; } }

@media screen and (max-width: 34.365em) {
  .advantages .__content {
    margin-top: 20px; } }

@media screen and (min-width: 34.365em) {
  .advantages .__image {
    width: 40%; } }

.advantages .cases .case:not(:last-child) {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 20px; }

.model-accounts {
  display: -ms-flexbox;
  display: flex;
  margin: -8px; }
  .model-accounts .model-account {
    padding: 8px;
    text-align: center; }
    .model-accounts .model-account a {
      display: block; }
    .model-accounts .model-account .__photo {
      border-radius: 100%;
      display: block;
      margin-bottom: 10px;
      width: 100%; }
    .model-accounts .model-account .__name {
      display: block;
      font-size: 14px;
      margin-bottom: 5px;
      font-weight: bold; }
    .model-accounts .model-account .__follower {
      display: block;
      font-size: 14px; }

.works-section {
  width: 85%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1189.99px) {
    .works-section {
      width: 90%; }
      .works-section .__intro {
        width: 50% !important; }
      .works-section .slider-container {
        width: 50% !important; } }
  @media screen and (min-width: 768.99px) {
    .works-section .show-case__case:nth-child(even) .__intro {
      -ms-flex-order: 2;
      order: 2;
      padding-right: 0;
      padding-left: 40px; }
    .works-section .show-case__case:nth-child(even) .slider-container {
      -ms-flex-order: 1;
      order: 1; } }
  @media screen and (max-width: 768.99px) {
    .works-section {
      width: 80%; }
      .works-section .__header {
        text-align: center; }
        .works-section .__header .__project-name:after {
          margin-left: auto;
          margin-right: auto; }
        .works-section .__header .__result {
          max-width: 320px;
          text-align: left;
          margin-left: auto;
          margin-right: auto; }
      .works-section .__intro {
        width: 100% !important;
        padding-right: 0 !important; }
        .works-section .__intro .__content {
          margin-bottom: 20px; }
      .works-section .slider-container {
        width: 100% !important; } }
  @media screen and (max-width: 34.365em) {
    .works-section {
      width: 100% !important; } }

.show-case__case {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .show-case__case:not(:last-child) {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #dfdfdf; }
    @media (min-width: 320px) {
      .show-case__case:not(:last-child) {
        padding-bottom: calc(30px + ((1vw - 3.2px) * 3.6585365854)); } }
    @media (min-width: 1140px) {
      .show-case__case:not(:last-child) {
        padding-bottom: 60px; } }
    @media (max-width: 320px) {
      .show-case__case:not(:last-child) {
        padding-bottom: 30px; } }
    @media (min-width: 320px) {
      .show-case__case:not(:last-child) {
        margin-bottom: calc(30px + ((1vw - 3.2px) * 3.6585365854)); } }
    @media (min-width: 1140px) {
      .show-case__case:not(:last-child) {
        margin-bottom: 60px; } }
    @media (max-width: 320px) {
      .show-case__case:not(:last-child) {
        margin-bottom: 30px; } }
  @media screen and (max-width: 768.99px) {
    .show-case__case:first-child {
      padding-top: 60px;
      border-top: 1px solid #dfdfdf; } }
  @media screen and (max-width: 768.99px) and (min-width: 320px) {
    .show-case__case:first-child {
      padding-top: calc(30px + ((1vw - 3.2px) * 3.6585365854)); } }
  @media screen and (max-width: 768.99px) and (min-width: 1140px) {
    .show-case__case:first-child {
      padding-top: 60px; } }
  @media screen and (max-width: 768.99px) and (max-width: 320px) {
    .show-case__case:first-child {
      padding-top: 30px; } }
  .show-case__case > .__intro {
    width: 40%;
    padding-right: 40px; }
    .show-case__case > .__intro .__client {
      font-size: 15px;
      color: #656565;
      margin-bottom: 1em;
      line-height: 1;
      font-weight: normal;
      letter-spacing: 1px; }
      @media (min-width: 320px) {
        .show-case__case > .__intro .__client {
          font-size: calc(14px + ((1vw - 3.2px) * 0.1219512195)); } }
      @media (min-width: 1140px) {
        .show-case__case > .__intro .__client {
          font-size: 15px; } }
      @media (max-width: 320px) {
        .show-case__case > .__intro .__client {
          font-size: 14px; } }
      .show-case__case > .__intro .__client span {
        background-color: black;
        color: white;
        padding: 4px 8px;
        border-radius: 5px;
        display: inline-block; }
    .show-case__case > .__intro .__project-name {
      font-size: 40px;
      font-weight: normal;
      line-height: 1;
      margin-bottom: 30px; }
      @media (min-width: 320px) {
        .show-case__case > .__intro .__project-name {
          font-size: calc(28px + ((1vw - 3.2px) * 1.4634146341)); } }
      @media (min-width: 1140px) {
        .show-case__case > .__intro .__project-name {
          font-size: 40px; } }
      @media (max-width: 320px) {
        .show-case__case > .__intro .__project-name {
          font-size: 28px; } }
      .show-case__case > .__intro .__project-name:after {
        content: '';
        display: block;
        width: 1.7em;
        height: 2px;
        background-color: #000;
        margin-top: 30px; }
    .show-case__case > .__intro .__result {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 30px; }
      .show-case__case > .__intro .__result .__icon {
        width: 15%; }
      .show-case__case > .__intro .__result .__text {
        width: 85%;
        padding-left: 20px;
        font-size: 15px;
        font-weight: bold; }
        @media (min-width: 320px) {
          .show-case__case > .__intro .__result .__text {
            font-size: calc(14px + ((1vw - 3.2px) * 0.1219512195)); } }
        @media (min-width: 1140px) {
          .show-case__case > .__intro .__result .__text {
            font-size: 15px; } }
        @media (max-width: 320px) {
          .show-case__case > .__intro .__result .__text {
            font-size: 14px; } }
    .show-case__case > .__intro .__content {
      color: #606060; }

.slider-container {
  width: 60%; }
  .slider-container .owl-stage-outer {
    box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.14); }
  .slider-container .__slider-nav {
    margin-top: 15px;
    list-style: none;
    zoom: 1;
    display: inline-block; }
    .slider-container .__slider-nav:before, .slider-container .__slider-nav:after {
      content: " ";
      display: table; }
    .slider-container .__slider-nav:after {
      clear: both; }
    .slider-container .__slider-nav > li {
      float: left;
      margin-right: 15px; }
      .slider-container .__slider-nav > li.last, .slider-container .__slider-nav > li:last-child {
        margin-right: 0; }
    .slider-container .__slider-nav .__slide {
      cursor: pointer;
      width: 50px; }
      @media (min-width: 320px) {
        .slider-container .__slider-nav .__slide {
          width: calc(30px + ((1vw - 3.2px) * 2.4390243902)); } }
      @media (min-width: 1140px) {
        .slider-container .__slider-nav .__slide {
          width: 50px; } }
      @media (max-width: 320px) {
        .slider-container .__slider-nav .__slide {
          width: 30px; } }

#campaign .__cale-card {
  position: relative;
  width: 540px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

#campaign .__label {
  position: absolute;
  width: 34%;
  height: auto;
  right: -21%;
  top: 8%; }
  @media screen and (max-width: 769.99px) {
    #campaign .__label {
      position: absolute;
      width: 29%;
      height: auto;
      right: -17%;
      top: 8%; } }
  @media screen and (max-width: 725.99px) {
    #campaign .__label {
      display: none; } }

/*# Amin Start */



.img--logo {
  width: auto;
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  padding-top: 20px;
  margin-left: auto; }	  
	  
	  
.part_line{
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 150%;
    padding: 0.25em 0.5em;
    text-decoration: none;
	border-bottom: solid 3px #FF1A91;
    transition: .4s;
	margin-bottom: 10px;
	margin-top: 10px;
    }
	
.FM-services {
  width: 200px;
  display: block;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 0px;
  margin-left: auto; }
  
/* CTAボタン */
#page_contact {
  position: fixed;
  bottom: 5px;
  z-index: 999;
  right: 0;
  width: 12%;
}
#page_contact a {
  position: relative;
  display: block;
  text-decoration: none;
}
/*# sourceMappingURL=app.css.map */