/*!
Theme Name: Flant
Theme URI: http://underscores.me/
Author: Flavia
Author URI: http://flaviacarrara.it
Description: Un flantastico tema
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: flant-astic-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
main {
	display: block;
}
img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Interactive
	 ========================================================================== */

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

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

/* Misc
	 ========================================================================== */

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

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

/* ! Box Sizing */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/* ! Base */

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Suisse Intl', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Suisse Intl';
}


/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

/* Links
--------------------------------------------- */
a {
	color: #fff;
	text-decoration: none;
}

a:visited {
	color: #fff;
}

a:hover,
a:focus,
a:active {
	color: #fff;
}

a:hover,
a:active {
	outline: 0;
}

@media (max-width: 768px) {
	a {
		/* color: #000000; */
		text-decoration: none;
	}

	a:visited {
		color: #000000;
	}

	a:hover,
	a:focus,
	a:active {
		color: #777777;
	}

	a:hover,
	a:active {
		outline: 0;
	}
}

/* ! Suisse INTL */
@font-face {
    font-family: 'Suisse Intl';
    src: url('fonts/SuisseIntl/Suisse-Light.eot');
    src: url('fonts/SuisseIntl/Suisse-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/SuisseIntl/Suisse-Light.ttf') format('truetype'),
        url('fonts/SuisseIntl/Suisse-Light.svg#Suisse-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('fonts/SuisseIntl/Suisse-Bold.eot');
    src: url('fonts/SuisseIntl/Suisse-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SuisseIntl/Suisse-Bold.ttf') format('truetype'),
        url('fonts/SuisseIntl/Suisse-Bold.svg#Suisse-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* ! Suisse Mono */
@font-face {
    font-family: 'Suisse Mono';
    src: url('fonts/SuisseMono/SuisseMono-Regular.eot');
    src: url('fonts/SuisseMono/SuisseMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SuisseMono/SuisseMono-Regular.ttf') format('truetype'),
        url('fonts/SuisseMono/SuisseMono-Regular.svg#SuisseMono-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}






/* ! FLANTASTICA */


/* ! Lab Tipografia */
.heading-2--white{
	font-size: 38px;
	font-weight: bold;
	color: white;
	line-height: 1.2;
}

.heading-2--black{
	font-size: 38px;
	font-weight: bold;
	color: black;
	line-height: 1.2;
}

.heading-2--yellow{
	font-size: 38px;
	font-weight: bold;
	color: #F0CD32;
	line-height: 1.2;
}

.heading-3--yellow{
	font-size: 28px;
	font-weight: bold;
	color: #F0CD32;
}

.heading-3--black{
	font-size: 28px;
	font-weight: bold;
	color: black;
	line-height: 1.2;
}

.heading-3--white{
	font-size: 28px;
	font-weight: bold;
	color: white;
	line-height: 1.2;
}

.heading-4--black{
	font-size: 15px;
}

.heading-4--white{
	font-size: 15px;
	font-weight: bold;
	color: white;
}

.paragraph--black{
	font-size: 18px;
	font-weight: normal;
	color: black;
}

.paragraph--white{
	font-size: 18px;
	font-weight: normal;
	color: white;
}

.link {
	font-size: 16px;
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

.site-footer__title{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #F0CD32;
	font-family: 'Suisse Mono';
}

.menu-style{
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 1px;
	position: relative;
  left: 260px;
}

@media (max-width: 768px) {
	.menu-style{
	  left: 0px;
		text-align: right;
	}
}

.article-text{
	font-size: 22px;
	font-weight: bold;
	color: white;
	font-family: 'Suisse Mono';
}


@media (max-width: 768px) {
	.heading-2--white{
		font-size: 28px;
		font-weight: bold;
		color: white;
		line-height: 1.2;
	}

	.heading-2--black{
		font-size: 28px;
		font-weight: bold;
		color: black;
		line-height: 1.2;
	}

	.heading-2--yellow{
		font-size: 28px;
		font-weight: bold;
		color: #F0CD32;
		line-height: 1.2;
	}

	.heading-3--yellow{
		font-size: 23px;
		font-weight: bold;
		color: #F0CD32;
	}

	.heading-3--black{
		font-size: 23px;
		font-weight: bold;
		color: black;
		line-height: 1.2;
	}

	.paragraph--black{
		font-size: 18px;
		font-weight: normal;
		color: black;
	}

	.paragraph--white{
		font-size: 18px;
		font-weight: normal;
		color: white;
	}

	.link {
		font-size: 16px;
		color: black;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
	}

	.site-footer__title{
		font-size: 16px;
		text-transform: uppercase;
		font-weight: bold;
		color: #F0CD32;
		font-family: 'Suisse Mono';
	}

	.article-text{
		font-size: 22px;
		font-weight: bold;
		color: white;
		font-family: 'Suisse Mono';
	}
}




/* ! Helpers */
.mobile-menu__item--unclickable > a {
	pointer-events: none;
}

.grey{
	background-color: #EBE7E7;
}

.yellow{
	background-color: #F0CD32;
}

.yellow-text a{
	color: #F0CD32;
}

.aqua{
	background-color: #00A99D;
}

.blue{
	background-color: #445EF2;
}

.black{
	background-color: black;
}

.pink{
	background-color: #F4B8B8;
}

.mono{
	font-family: 'Suisse Mono';
}

@media (min-width: 992px) {
  .hidden--on-desktop {
    visibility: hidden;
    display: none;
  }
}

@media (max-width: 992px) {
  .hidden--on-mob {
    visibility: hidden;
    display: none;
  }
}

.txt-center{
	text-align: center;
}

.txt-right{
	text-align: right;
}

.txt-left{
	text-align: left;
}


@media (max-width: 768px) {
	.txt-center--mobile{
		text-align: center;
	}

	.txt-right--mobile{
		text-align: right;
	}

	.txt-left--mobile{
		text-align: left;
	}
}

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

.padding-20{
	padding: 20px 0;
}

.padding-6{
	padding: 6% 0;
}

.padding-10-lft{
	padding-left: 10px;
}

.padding-10-rgt{
	padding-right: 10px;
}

@media (max-width: 736px) {
	.padding-10-lft{
		padding-left: 0px;
	}
	.padding-10-rgt{
		padding-right: 0px;
	}
	.padding-10-top{
		padding-top: 40px;
	}
}

.vertical-align{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/* ! Custom Button */
button{
	cursor: pointer;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: black;
	border: 0;
	padding: 8px 16px;
}

button:hover{
	background-color: #aaaaaa;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: #F0CD32;
	border: 0;
}

button:focus{
	outline: none;
}


/* ! Fixed */

/* ! Site Header */
.site-header {
	position: fixed;
	width: 100%;
	height: auto;
	z-index: 999;
}

.site-header__icon {
  width: 100%;
	position: absolute;
	top: 36px;
	right: 25px;
	height: auto;
	z-index: 999;
}

@media (max-width: 768px) {

	.site-header{
		height: 60px;
	}

  .site-header__icon{
		top: 36px;
	}
}

#nav-one{
	position: absolute;
  top: 50%;
  right: 0;
}

/* Eye icon */
.right-eye{
	cursor: pointer;
  background: #fff;
  height: 28px;
	border: 1px solid #000;
  width: 28px;
  transform:translate(-50%,-50%) rotate(45deg);
  border-radius: 75% 0;
  overflow: hidden;
}

@media (max-width: 768px) {
	.right-eye{
	  height: 33px;
	  width: 33px;
	}
}

.right-eye--close{
	cursor: pointer;
  background-color: #000;
  height: 28px;
	border: 1px solid #000;
  width: 28px;
  transform:translate(-50%,-50%) rotate(45deg);
  border-radius: 75% 0;
  overflow: hidden;
}

@media (max-width: 768px) {
	.right-eye--close{
		height: 33px;
		width: 33px;
	}
}

.ball{
  width: 11.5px;
  height: 11.5px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}

@media (max-width: 768px) {
	.ball{
	  width: 15.5px;
	  height: 15.5px;
	}
}

.shut{
  width: 60px;
  height: 45px;
  top:50%;
  left:50%;
  position:absolute;
  transform:translate(-50%,-50%) rotate(-45deg);
  z-index: 999;
	transition: 0.4s all;
}

@media (max-width: 768px) {
	.shut{
	  height: 0;
	}
}

.shut span{
  display:block;
  width:100%;
  height:15%;
  background: #000;
  border-radius: 0 0 60% 60%;
  transition:0.4s all;
}

.right-eye:hover >.shut span{
  height:100%;
}

.hidden{
	opacity: 0;
	visibility: hidden;
}


.site-header__logo img{
	width: 200px;
  padding: 20px;
}

@media (max-width: 768px) {
	.site-header__logo img{
		width: 180px;
		z-index: 9999;
		position: relative;
	}
}

.site-header__menu{
	width: 100%;
	position: relative;
	top: -70px;
	left: 50%;
	transform: translate(-25%);
	opacity: 0;
	visibility: hidden;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.site-header__menu--open {
	opacity: 1;
	visibility: visible;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

#main-navigation{
	width: 100%;
	padding-top: 14px;
}

.primary-menu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;

}

.primary-menu__item {
	padding: 0 40px;
}

@media (max-width: 1024px) {
	.primary-menu__item {
		padding: 0 30px;
	}
}

.menu-title a {
	color: var(--black);
}

.menu-title--invert a {
	color: var(--white);
}

.primary-menu__sub-menu{
	width: 100%;
	list-style-type: none;
	font-size: 14px;
  padding: 0;
}

.primary-menu__sub-menu__item{
	padding: 6px;
	visibility: hidden;
	opacity: 0;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

/* ! Change Color - Header */

/* variables */
:root {
  --black: #000;
  --white: #fff;
  --color-1: #F0CD32;
  --gutter: 2rem;
  /* this value is going to be changed by javascript */
  --replace-offset: 50%;
  --replace-offset-2: calc((100% - var(--replace-offset) ) * -1)
}

/* without fixed header this makes no sense */

.section {}

.section--bg {}

/**
  This is the interesting part
**/

/* align content above each other without absolute */
.js-replace {
  display: grid;
}

.js-replace__item {
  grid-row: -1 / 1;
  grid-column: -1 / 1;
  overflow: hidden;
  will-change: transform;
}

/* item to replace with */
.js-replace__item {
  transform: translateY(calc(var(--replace-offset) * 1));
}
.js-replace__content {
  /* fixes problem with calculating correct height in js */
  border: 1px solid transparent;
  will-change: transform;

  transform: translateY(calc(var(--replace-offset) * -1));
}

/* previous replace item*/
.js-replace__item--active {
  transform: translateY(calc(var(--replace-offset-2) * 1));
}
.js-replace__item--active .js-replace__content {
  transform: translateY(calc(var(--replace-offset-2) * -1));
}


/* REVERSE ANIMATION */
.js-replace--reverse
.js-replace__item {
  transform: translateY(calc(var(--replace-offset-2) * 1));
}
.js-replace--reverse
.js-replace__content {
  transform: translateY(calc(var(--replace-offset-2) * -1));
}

/* previous replace item*/
.js-replace--reverse
.js-replace__item--active {
  transform: translateY(calc(var(--replace-offset) * 1));
}
.js-replace--reverse
.js-replace__item--active .js-replace__content {
  transform: translateY(calc(var(--replace-offset) * -1));
}



.site-header__menu-mobile{
	width: 100%;
	height: 100vh;
	background-color: #F0CD32;
	position: absolute;
	top: -1100px;
	left: 0;
	z-index: 99;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.site-header__menu-mobile--open{
	width: 100%;
	height: 100vh;
	background-color: #F0CD32;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}


#main-navigation__mobile{
	padding-top: 80px;
	width: 50%;
}


.menu-title__mobile{
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mobile-menu{
	padding-right: 0;
	width: 100%;
}

.mobile-menu__sub-menu__item{
	list-style-type: none;
}

.mobile-menu__item{
	list-style-type: none;
	font-size: 34px;
	padding-top: 30px
}

.mobile-menu__item a{
	font-weight: bold;
	color: transparent;
	-webkit-text-stroke: 1px #000;
}

.mobile-menu__item a:hover{
	color: black;
}

.mobile-menu__sub-menu{
	font-size: 25px;
}

.mobile-menu__sub-menu a {
	font-weight: 300;
	color: #000;
	-webkit-text-stroke: none;
}

.mobile-menu__sub-menu a:hover {
	font-style: italic;
}

@media (max-width: 768px) {
	.site-header__menu-mobile{
		width: 100%;
		height: 100vh;
		background-color: #F0CD32;
		position: absolute;
		top: -1100px;
		left: 0;
		z-index: 99;
		transition: all 1s cubic-bezier(.215, .61, .355, 1);
	}

	.site-header__menu-mobile--open{
		width: 100%;
		height: 100vh;
		background-color: #F0CD32;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
		transition: all 1s cubic-bezier(.215, .61, .355, 1);
	}

	#main-navigation__mobile{
		padding-top: 80px;
	}

	.menu-title__mobile{
		width: 100%;
		position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	}

	.mobile-menu{
		padding-right: 10%;
		padding-left: 0%;
	}

	.mobile-menu ul{
		padding-left: 0%;
	}

	.mobile-menu__item{
		list-style-type: none;
		font-size: 34px;
		padding-top: 30px
	}

	.mobile-menu__item a{
		font-weight: bold;
		color: transparent;
		-webkit-text-stroke: 1px #000;
	}

	.mobile-menu__item a:hover{
		color: black;
	}

	.mobile-menu__sub-menu {
		list-style-type: none;
		font-size: 21px;
		padding: 0;
	}

	.mobile-menu__sub-menu a {
		font-weight: 300;
		color: #000;
		-webkit-text-stroke: none;
	}

	.mobile-menu__sub-menu a:hover {
		font-style: italic;
	}
}



/* ! Padding */
.padding{
	padding: 14% 0;
}

@media (max-width: 768px) {
	.padding{
		padding: 40% 0;
	}
}

.no-padding{
	padding: 0;
}

/* ! Container Video */
.container__content--video{
	width: 100%;
	position: relative;
	height: 100vh;
	top: 0;
	left: 0;
}

.container__content--video-item{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    object-fit: cover;
}


/* ! Container Centered */
.container__content--centered{
	padding: 6% 0;
}

@media (min-width: 1024px) {
	.container__content--centered{
		padding: 6% 16%;
	}
}

.container__content--black{
	background-color: black;
}

.container__content--grey{
	background-color: #EBE7E7;
}

.container__content--image{
	padding-top: 40px;
}

.container__content--image img{
	height: auto;
	width: 100%;
}

@media (max-width: 768px) {
	.container__content--image img{
		height: auto;
	}
}


/* ! Container Background */
.container__content--background{
	padding: 12% 0;
	position: relative;
}

.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 50%, rgba(255,255,255,0) 100%);
}

.z-index{
	position: relative;
	z-index: 2;
}



/* ! Container Item */
.container__content--three{
	padding: 3% 0;
}

.container__content--item{
	width: 100%;
}

.container__content--item img{
	width: 100%;
}

/* ! Container Sx-Text + Dx-Img */
.container__content-img img{
	width: 100%;
}

.container__content-wrap{
	padding: 10% 0;
}

/* ! Container List */
.container__content-list__title{
	padding: 6% 20%;
}

@media (max-width: 768px) {
	.container__content-list__title{
		padding: 10% 0%;
	}
}

.container__content-list__img img{
	width: 308px;
}

/* ! Container Only Img */
.container__content-only__image{
	width: 100%;
	padding-bottom: 10%;
	padding-top: 2%;
}

.container__content-only__image img{
	width: 70%;
}

@media (max-width: 768px) {
	.container__content-only__image img{
		width: 90%;
	}
}


/* ! Content Alternate */
.container__content-alternate{
	padding: 6% 0;
}

.container__content-alternate-img{
	text-align: right;
}

@media screen and (max-width: 640px) { /* Mobile */
	.container__content-alternate-img{
		text-align: center;
	}
}

.container__content-alternate-img img{
	width: 80%;
}

@media (max-width: 768px) {
	.container__content-alternate-img img{
		padding-top: 20%;
		width: 100%;
	}
}


/* ! Content Presentation */
.container__content-presentation-rect__img{
	width: 100%;
	height: 600px;
	object-fit: cover;
}

@media screen and (max-width: 640px) { /* Mobile */
	.container__content-presentation-rect__img{
		width: 100%;
		height: 320px;
		object-fit: cover;
	}
}


/* ! Container Cover */
.container__content-fullimage{
	width: 100%;
	height: 100vh;
}

@media (max-width: 768px) {
	.container__content-fullimage{
		height: 312px;
	}
}

.container__content-fullimage__wrap{
	width: 100%;
	height: 100%;
	position: relative;
}

.container__content--cover-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.container__content--cover-text{
	position: absolute;
	bottom: 140px;
	left: 0;
	text-align: left;
	width: 100%;
}

@media (max-width: 768px) {
	.container__content--cover-text{
		bottom: 40px;
	}
}


/* ! Container TXTIMG */
.container__content-textimg {
	height: 100vh;
}

@media (max-width: 768px) {
	.container__content-textimg {
		height: 100vh;
		background-size: cover;
		background-position: bottom;
	}
}


/* ! Content Grid */
.container__content-square{
	text-align: center;
	padding: 3% 0;
	height: 459px;
	position: relative;
	margin-bottom: 16px;
}

@media (max-width: 768px) {
	.container__content-square{
		text-align: center;
		padding: 3% 0;
		height: 400px;
		position: relative;
		margin-bottom: 16px;
	}
}

.container__content-square-img{
	width: 100%;
	max-width: 40%;
	object-fit: cover;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.container__content-square-text{
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translate(-50%, 0);
}


/* ! Container Vertical */
.container__content-vertical{
	width: 100%;
	height: 100vh;
}

.container__content-vertical-align{
	padding-top: 8%;
}

@media screen and (max-width: 640px) { /* Mobile */
	.container__content-vertical{
		height: 100%;
		padding-bottom: 10%;
	}
	.container__content-vertical-align{
		padding-top: 46%;
	}
}

.container__content-contact-circle{
	background-color: #efefef;
	border-radius: 100%;
	width: 280px;
	height: 280px;
}

.container__content-contact-circle__img{
	object-fit: cover;
}

.container__content-contact-circle__name{
	padding: 12px 0;
	margin-bottom: 120px;
}

@media screen and (max-width: 640px) { /* Mobile */
	.container__content-contact-circle__name{
		margin-bottom: 60px;
	}
}

.container__content-contact__role,
.container__content-contact__info,
.container__content-contact__social{
	list-style: none;
	padding: 0;
	font-size: 18px;
	color: black;
	margin: 0;
}

.container__content-contact__role a,
.container__content-contact__info a,
.container__content-contact__social a{
	color: black;
}

.container__content-contact__social-hover:hover{
	font-style: italic;
}

.container__content-contact__wrap{
	margin-top: 18px;
}


/* ! 0_CONTENT ACF */
/* ! 1_Centered Text */
.centered_txt{
	height: 100vh;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

.centered_txt-item{
	width: 100%;
}

@media min-width: 1024px) {
	.centered_txt-item{
		width: 100%;
		max-width: 80%;
	}
}



/* ! 2_Slider Full Width */

.main-carousel{
}

.carousel-cell{
	height: 90vh;
	width: 100%;
}

@media (max-width: 768px) {
	.carousel-cell{
		height: 60vh;
		width: 100%;
	}
}

.carousel-cell img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* position dots up a bit */
.flickity-page-dots {
  bottom: -22px;
}
/* dots are lines */
.flickity-page-dots .dot {
  height: 3px;
  width: 40px;
  margin: 0;
  border-radius: 0;
	background-color: #dcdcdc;
}



/* ! 3_Full Image */
.full-image{
	width: 100%;
	height: 90vh;
}

@media (max-width: 768px) {
	.full-image{
		height: 60vh;
	}
}

.full-image__container{
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
}

.full-image__container-item img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/* ! 4_Double Columns */
.double-columns{
	width: 100%;
	height: auto;
}

.double-columns__item{
	width: 100%;
	height: 80vh;
	position: relative;
	top: 0;
	left: 0;
}

@media (max-width: 64em) {
	.double-columns__item{
		width: 100%;
		height: 60vh;
	}
}

@media (max-width: 768px) {
	.double-columns__item{
		width: 100%;
		height: 40vh;
	}
}

.double-columns__item-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/* ! 5_TEXT + IMG */
.txt-img__item{
	width: 100%;
	height: 80vh;
	position: relative;
	top: 0;
	left: 0;
}

@media (max-width: 768px) {
  .txt-img__item{
		height: 60vh;
	}
}

.txt-img__item-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ! 6_Only Vertical Image */
.only-vertical-imgs{
	width: 100%;
	height: 100%;
}

.only-vertical-imgs__sx,
.only-vertical-imgs__dx{
	width: 100%;
	height: 900px;
	position: relative;
	top: 0;
	left: 0;
}

.only-vertical-imgs__sx-img,
.only-vertical-imgs__dx-img{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	top: 0;
	left: 0;
}


/* ! 7_Only Horizontal Image */
.only-horizontal-imgs{
	width: 100%;
	height: 100%;
}

.only-horizontal-imgs__sx,
.only-horizontal-imgs__dx{
	width: 100%;
	height: 600px;
	position: relative;
	top: 0;
	left: 0;
}

.only-horizontal-imgs__sx-img,
.only-horizontal-imgs__dx-img{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	top: 0;
	left: 0;
}


@media (max-width: 768px) {
	.only-vertical-imgs__sx,
	.only-vertical-imgs__dx{
		width: 100%;
		height: 500px;
		position: relative;
		top: 0;
		left: 0;
	}

	.only-horizontal-imgs__sx,
	.only-horizontal-imgs__dx{
		width: 100%;
		height: 350px;
		position: relative;
		top: 0;
		left: 0;
	}
}

/* ! 8_Works Page */
/* .content-page{
	margin: 4% 0;
}

@media (max-width: 768px) {
	.content-page{
		margin: 14% 0;
	}
} */


/* ! Site Footer */
.site-footer{
	background: black;
	position: relative;
	width: 100%;
	z-index: 99;
}

@media (max-width: 375px) {
  .site-footer{
		height: 100vh;

	}
}

@media (max-width: 768px) {
	.site-footer{
		height: 100vh;

	}
}

.site-footer__logo img{
	width: 108px;
}

@media (max-width: 768px) {
  .site-footer__logo{
		padding: 12% 0;
	}
}

.site-footer__content{
	padding: 4% 0;
}

.site-footer__info{
	font-size: 12px;
	color: #F0CD32;
	text-decoration: none;
	list-style: none;
	padding: 0 8px;
	width: 100%;
	position: absolute;
	bottom: 0;
}

.site-footer__info-list{
	font-size: 12px;
	color: #F0CD32;
	text-decoration: none;
	list-style: none;
	padding: 0 8px;
	width: 100%;
}

@media (max-width: 768px) {
	.site-footer__info{
		font-size: 16px;
		color: #F0CD32;
		text-decoration: none;
		list-style: none;
		padding: 0 8px;
		width: 100%;
		position: absolute;
		bottom: 0;
	}

	.site-footer__info-list{
		font-size: 16px;
		color: #F0CD32;
		text-decoration: none;
		list-style: none;
		padding: 0 8px;
		width: 100%;
	}
}









































/* ! Animations */

.fade-left{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateX(-30%);transition-delay: 0.5s}
.fade-left.is-inview{opacity: 1;transform: translateX(0px)}

.fade-right{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateX(30%);transition-delay: 0.5s}
.fade-right.is-inview{opacity: 1;transform: translateX(0px)}

.fade-up{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateY(30%);transition-delay: 0.5s}
.fade-up.is-inview{opacity: 1;transform: translateY(0px)}

.fade-down{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateY(-30%);transition-delay: 0.5s}
.fade-down.is-inview{opacity: 1;transform: translateY(0px)}

.fade{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.fade.is-inview{opacity: 1;}

.reveal-top{height: 0; overflow: hidden; transition: all 1.5s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.reveal-top.is-inview{height: 100%;}

.reveal-left{width: 0; overflow: hidden; transition: all 1.5s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.reveal-left.is-inview{width: 100%;}

.zoom-in{opacity: 0; transform:scale(1.2); transition: all 1s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.zoom-in.is-inview{opacity: 1;transform:scale(1);}

.zoom-out{opacity: 0; transform:scale(0); transition: all 0.6s cubic-bezier(.215, .61, .355, 1);}
.zoom-out.is-inview{opacity: 1;transform:scale(1);}

.zoom-fade-right{opacity: 0; transform:scale(0.8); transition: all 0.6s cubic-bezier(.215, .61, .355, 1);}
.zoom-fade-right.is-inview{opacity: 1;transform:scale(1);}

.text-reveal{overflow: hidden;display: block;}
.text-reveal b{display: inline-block;will-change: transform; transform: translate3d(0,100%,0); transition: all 1.2s cubic-bezier(.4, .0, .0, 1);}

.text-reveal.is-inview b{transform: none;}


.marker{position: relative}
.marker:after{position: absolute;height: 9px;background: #FF274F;bottom:2px; left:0; width: 0; content: " "; animation: subliner 5s cubic-bezier(.215, .61, .355, 1) infinite;}

.marker--1:after{animation-delay: 0.5s}
.marker--2:after{animation-delay: 1s; background: #FFCC01;}
.marker--3:after{animation-delay: 1.5s; background: #49EEA5;}

@keyframes subliner {
  0% {width: 0;opacity: 1}
  25% {width: 0;}
  50% {width: 100%;opacity: 1}
  75% {width: 100%;opacity: 1}
  100% {width: 100%;opacity: 0}
}


.delay-1{transition-delay: .1s!important}
.delay-2{transition-delay: .2s!important}
.delay-3{transition-delay: .3s!important}
.delay-4{transition-delay: .4s!important}
.delay-5{transition-delay: .5s!important}
.delay-6{transition-delay: .6s!important}
.delay-7{transition-delay: .7s!important}
.delay-8{transition-delay: .8s!important}
.delay-9{transition-delay: .9s!important}
.delay-10{transition-delay: 1s!important}
.delay-15{transition-delay: 1.5s!important}
.delay-20{transition-delay: 2s!important}

/* ! Alignments */
.txt-left {
	text-align: left;
}

.txt-right {
	text-align: right;
}

.txt-center {
	text-align: center;
}


/* ! Container */
.grid-container{
  width: 100%;
  margin: 0 auto;
  max-width: 1024px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.grid-container--small{
  width: 100%;
  margin: 0 auto;
  max-width: 800px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.grid-container--large{
  width: 100%;
  margin: 0 auto;
  max-width: 1220px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.grid-container--huge{
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  padding-left: 1rem;
  padding-right: 1rem;
}



/* ! Grid */
.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}


.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-pull-1 {
  left: -8.33333333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-pull-2 {
  left: -16.66666667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-pull-3 {
  left: -25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-pull-4 {
  left: -33.33333333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-pull-5 {
  left: -41.66666667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-pull-6 {
  left: -50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-pull-7 {
  left: -58.33333333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-pull-8 {
  left: -66.66666667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-pull-9 {
  left: -75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-pull-10 {
  left: -83.33333333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-pull-11 {
  left: -91.66666667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-pull-12 {
  left: -100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

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

  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media only screen and (min-width: 64em) {
  .container {
    width: 65rem;
  }

  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media only screen and (min-width: 75em) {
  .container {
    width: 76rem;
  }

  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}