quint_v2* {
	padding: 0;
	margin: 0
}
body, html {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	min-height: 100%;
	overflow-x: hidden
}

.no-mobile
{
	display:none;
}
.logo {
	position: fixed;
	z-index: 1000;
	width: 150px;
	left: 50%;
	margin-left: -75px;
	margin-top: 5px
}
.logo img {
	width: 100%
}
body {
	font-family: "helvetica neue", roboto, calibri, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	font-size: 150%
}
p {
	font-family: 'Handlee', cursive;
}
.center-align .full-image img
{
	left:50%;
	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
}
h1 {
	font-size: 2.125em;
	font-weight: 600;
	padding: .625em 0;
}
.story-column .story-element-blurb blockquote, .story-element-text blockquote, .story-element-text blockquote p, h2 {
font-family: 'Cinzel Decorative';
}
h2 {
	font-size: 2.125em;
	font-weight: 600;
	padding: .625em 0;
}
.navbar-inverse .navbar-toggle {
	display: none
}
section {
	margin-bottom: 1px
}
.full-image-section {
	width: 100%;
	height: 100vh;
	position: relative;
	float: left;
	overflow: hidden
}
.full-image, .full-image img {
	position: absolute;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	}
.full-image img {
	height: 100vh;
	width: auto
}
.intro-section {
	background: #7e449a
}
.intro-section .full-image img {
	height: auto;
	width: 100%;
	top: 50vh;
	position: absolute;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%)
}
.background-fixed .full-image {
	position: absolute;
	top: 0;
	z-index: 0;
	clip: rect(0,auto,auto,0)
}
.background-fixed .full-image img {
	object-fit: cover;
	position: fixed;
	top: 0;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	
}
.background-fixed.right-align .full-image img, .right-align .full-image img {
	right: 0
}
.col-image-section {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative
}
.img-saturation img:nth-child(3)
{
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
	opacity:0;
}
.slider-section
{
	background:black;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: #7e449a
}
@media (min-width: 1025px){
.story-column {
	background: rgba(255,0,0,0.0);
	float: left;
	position: relative;
	color: #fff;
	padding: 1em 1.5em
}
.story-column p {
	font-weight: 400;
	font-size: 1.8em;
	line-height: 1.81429em;
	padding-bottom: .625em
}
}
@media (max-width: 1024px){
  .story-column {
   background: rgba(255,0,0,0);
	float: left;
	position: relative;
	color: #3C3C3C;
	padding: 1em 1.5em
  }


.story-column p {
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.81429em;
	padding-bottom: .625em
}
}
iframe {
	border: 0
}
.text-over-media-inner {
	top: 50%;
	left: 25%;
	padding: 5%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position: relative;
	text-align: center;
	width: 50%
}
.video_auto
{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
	display:none;
}
#video-top {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
	
    object-fit: cover;
}
.col-image, .col-image img {
	width: 100%
}
.background-overlay {
	background-color: #000;
	width: 100%;
	height: 100%;
	zoom: 1;
	position: absolute;
	filter: alpha(opacity=20);
	opacity: .4;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-o-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out
}
.placeholder {
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative
}
.placeholder.blur {
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
filter:progid: DXImageTransform.Microsoft.Blur(PixelRadius='10')
}
.col-image img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0
}
.image-caption {
	padding: .25em .75em;
	color: #737373;
	font-size: .75em;
	font-weight: 200;
	line-height: 1.5em;
	text-align: center;
	max-width: 800px;
	margin: 0 auto
}
.col-image {
	padding: 1em 0;
	float: left
}
.story-element {
	display: block;
	position: relative;
	font-size: 1.125em;
	line-height: 1.5em;
	color: #3C3C3C;
	float: left;
	margin: 2em 0
}
.story-element-text blockquote, .story-element-text blockquote p {
	font-style: italic;
	font-weight: 100;
	color: #999;
	padding-bottom: 0
}
.story-column blockquote {
	font-size: 1.25em;
	padding: 0 0 0 1em;
	position: relative
}
.story-column .story-element-blurb blockquote {
	margin: 0;
	font-weight: 100;
	color: #999;
	font-size: 21px;
	line-height: 1.71429em;
	border-left: 7px solid #6a357f;
	padding-left: 1em;
	font-style: normal
}
.story-element-quote .attribution, .story-element-quote blockquote {
	font-family: Merriweather, Georgia, serif;
	font-style: italic;
	font-size: 21px;
	line-height: 1.71429em
}
.story-element-quote blockquote {
	margin: 0;
	padding: 0 0 0 50px;
	font-weight: 100;
	border: 0
}
.story-element-quote blockquote:before {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(https://fea.quintype.com/thequint/assets/icons/blockquote-a720bf94ab7220a93887fb456514f7ae8c2c94efcff5d37b809b4a45e938f61b.svg) center center no-repeat;
	background-size: contain;
	width: 2em;
	height: 2em
}
.col-image-section .full-image, .videoWrapper {
	position: relative
}
.story-element-quote .attribution {
	color: #999;
	text-align: right;
	float: right;
	font-weight: 600
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover, .video_popup {
	color: #7e449a
}
.navbar-inverse .navbar-nav>li>a, .scrolldown span {
	text-align: center
}
.story-element-quote .attribution:before {
	content: "-";
	margin-right: .3125em
}
.videoWrapper {
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	margin: 1em 0
}
.full_video {
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	top: 50%;
	width: 90%;
	margin: 0 5%
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.video_popup {
	font-weight: 700;
	background: url(../images/play_btn.png) 6px no-repeat #ffeec6;
	padding: 7px 7px 8px 23px;
	cursor: pointer;
	margin: 0 5px;
	position: relative
}
.video_popup::before {
	width: 0;
	height: 0;
	position: absolute;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #00f
}
#myModal .videoWrapper {
	margin: 0
}
.navbar-inverse {
	background: #fff;
	border: 0;
	border-bottom: 1px solid #ccc;
	z-index: 999;
	padding-bottom: 0;
	margin: 0;
	font-family: Montserrat, sans-serif
}
.navbar-inverse .navbar-toggle {
	background-color: #fff;
	border: 0
}
.scrolldown {
	width: 40px;
	height: 40px;
	float: left;
	position: fixed;
	bottom: 40px;
	left: 50%;
	cursor: pointer;
	background-color: #FFCD04;
	z-index: 999;
	border-radius: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%)
}
.scrolldown span, .scrolldown:before, footer {
	width: 100%;
	float: left
}
.scrolldown:hover span {
	-webkit-animation-name: hvr-bob;
	animation-name: hvr-bob;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.rotate_screen
{
	width:100%;
	height:100%;
	position:fixed;
	background:#8c58a5;
	top:0px;
	left:0px;
	z-index:10000;
	display:none;
}
.rotate_screen h1
{
	    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
	color:white;
}
.rotate_container
{
	    top: 50%;
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
    left: 50%;
}
.rotate_screen svg
{
width: 220px;
    height: 220px;
    margin: auto;
    left: 50%;
    margin-left: -110px;
    position: relative;
		animation: rotate_phone 2s ease-in-out infinite;
		-o-animation: rotate_phone 2s  ease-in-out infinite;
		-ms-animation: rotate_phone 2s  ease-in-out infinite;
		-webkit-animation: rotate_phone 2s  ease-in-out infinite;
		-moz-animation: rotate_phone 2s  ease-in-out infinite;
}

.rotate_screen h1
{
	font-size:20px;
}
.rotate_screen svg
{
	width:110px;
	height:110px;
	margin-left:-55px;
}

@keyframes rotate_phone{
 0% {
transform: rotate(0deg);
}

 50% {
transform: rotate(90deg);
}

 100% {
transform: rotate(90deg);
}
}
 @-webkit-keyframes rotate_phone {
 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);;
}
50% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
}
@-webkit-keyframes hvr-bob {
0%, 100% {
-webkit-transform:translateY(0) rotate(90deg);
transform:translateY(0) rotate(90deg)
}
50% {
-webkit-transform:translateY(4px) rotate(90deg);
transform:translateY(4px) rotate(90deg)
}
}
@keyframes hvr-bob {
0%, 100% {
-webkit-transform:translateY(0) rotate(90deg);
transform:translateY(0) rotate(90deg)
}
50% {
-webkit-transform:translateY(4px) rotate(90deg);
transform:translateY(4px) rotate(90deg)
}
}
.scrolldown:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 50%;
	-webkit-animation-name: pulse;
	animation-name: pulse;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-toggle .icon-bar {
	background: #F3B72A
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow:0 0 0 0 rgba(204,169,44,.8)
}
70% {
-webkit-box-shadow:0 0 0 20px rgba(204,169,44,0)
}
100% {
-webkit-box-shadow:0 0 0 0 rgba(204,169,44,0)
}
}
@keyframes pulse {
0% {
-moz-box-shadow:0 0 0 0 rgba(204,169,44,.8);
box-shadow:0 0 0 0 rgba(204,169,44,.4)
}
70% {
-moz-box-shadow:0 0 0 20px rgba(204,169,44,0);
box-shadow:0 0 0 20px rgba(204,169,44,0)
}
100% {
-moz-box-shadow:0 0 0 0 rgba(204,169,44,0);
box-shadow:0 0 0 0 rgba(204,169,44,0)
}
}
.fab, .share:after {
	box-shadow: 0 2px 5px rgba(0,0,0,.3)
}
.scrolldown span {
	background-image: url(../images/arrow.svg);
	background-position: 16px 8px;
	background-repeat: no-repeat;
	background-size: 30%;
	height: 100%;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}
footer {
	height: 20px;
	background: #22252e;
	position: relative;
	overflow: hidden
}
.fb, .gp, .li, .pi, .sk, .tw {
	background-repeat: no-repeat
}
footer p {
	color: #999;
	font-size: .7em;
	font-family: "Merriweather Sans", sans-serif;
	letter-spacing: .2em;
	line-height: 20px;
	padding-left: 15px
}
.group:after {
	display: table;
	clear: both;
	content: ""
}
.fb {
	background-image: url(http://icons.iconarchive.com/icons/danleech/simple/24/facebook-icon.png)
}
.tw {
	background-image: url(http://icons.iconarchive.com/icons/danleech/simple/24/twitter-icon.png)
}
.gp {
	background-image: url(http://icons.iconarchive.com/icons/danleech/simple/24/google-plus-icon.png)
}
.sk {
	background-image: url(http://icons.iconarchive.com/icons/danleech/simple/24/skype-icon.png)
}
.pi {
	background-image: url(http://icons.iconarchive.com/icons/danleech/simple/24/pinterest-icon.png)
}
.li {
	background-image: url(http://icons.iconarchive.com/icons/danleech/simple/24/linkedin-icon.png)
}
.share_box {
	position: absolute
}
.fab, .share, .share:after, .share:before {
	height: 36px;
	width: 36px;
	border-radius: 50%;
	position: absolute;
	cursor: pointer
}
.share {
	position: fixed;
	z-index: 1000;
	right: 10px;
	top: 5px
}
.share:after, .share:before {
	content: '';
	will-change: transform
}
.share:before {
	background: url(../images/share_icon.svg) center/28px no-repeat;
	z-index: 5;
	-webkit-transition: .3s;
	transition: .3s
}
.share:after {
	background: #fff;
	z-index: -1;
	-webkit-transition: .39s;
	transition: .39s;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.share.active:after {
	background: rgba(255,255,255,.6);
	width: 6000px;
	height: 6000px
}
.fab {
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-animation: .3s down forwards;
	animation: .3s down forwards;
	opacity: 0;
	will-change: animation
}
.fab:nth-child(1) {
	background: url(http://goo.gl/TsaqFB) center/28px no-repeat #1DA1F2;
	top: 92px
}
.fab:nth-child(2) {
	background: url(http://goo.gl/4g3NlE) center/28px no-repeat #46629E;
	top: 46px
}
.fab:nth-child(3) {
	background: url(http://goo.gl/rFa6zA) center/28px no-repeat #DB4437
}
.fab.active {
	-webkit-animation: .48s up forwards;
	animation: .48s up forwards
}
.fab.no {
	-webkit-animation: none;
	animation: none
}
@-webkit-keyframes up {
50% {
-webkit-transform:translateY(-170%);
transform:translateY(-170%)
}
100% {
opacity:1;
-webkit-transform:translateY(-130%);
transform:translateY(-130%)
}
}
@keyframes up {
50% {
-webkit-transform:translateY(170%);
transform:translateY(170%)
}
100% {
opacity:1;
-webkit-transform:translateY(130%);
transform:translateY(130%)
}
}
@-webkit-keyframes down {
0% {
opacity:1;
-webkit-transform:translateY(130%);
transform:translateY(130%)
}
100% {
opacity:0;
-webkit-transform:translateY(0);
transform:translateY(0);
top:0
}
}
@keyframes down {
0% {
opacity:1;
-webkit-transform:translateY(130%);
transform:translateY(130%)
}
100% {
opacity:0;
-webkit-transform:translateY(0);
transform:translateY(0);
top:0
}
}
.navbar-toggle {
	float: left;
	margin-left: 15px
}
.modal-backdrop {
	background: #fff
}
.modal-backdrop.in {
	opacity: .8
}
.logo_desktop {
	display: none
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #7e449a
}
@media (min-width:540px) {
.full-image img {
	height: auto;
	width: 100%
}
}
@media (min-width:768px) {
.intro-section .full-image img {
	width: 50%;
	margin-left: 25%
}
}
@media (min-width:1025px) {
.intro-section .full-image img {
	width: 100%;
	margin-left: 0
}
.video_auto
{
	display:block;
}
.logo {
	margin-top: 10px;
	position: absolute
}
.logo_mob {
	display: none
}
.logo_desktop {
	display: block
}
.modal-dialog, .modal:before {
	display: inline-block;
	vertical-align: middle
}
.navbar-inverse {
	padding-bottom: 0;
	margin: 0;
	font-family: Montserrat, sans-serif;
	left: 0;
	top: 50%;
	width: 50px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	border: 0;
	background: 0 0
}
.navbar-nav>li {
	float: none
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color: #fff;
	background-color: transparent
}
.story-column {
	padding: 2em 3em
}
.story-column p {
	font-weight: 300;
	font-size: 1.6em;
	line-height: 2em
}
h2 {
	font-size: 3.175em
}
h1 {
	font-size: 3.375em
}
.col-fixed .full-image {
	position: fixed!important;
	top: 0
}
.col-fixed-2 .full-image {
	position: absolute!important;
	top: inherit;
	bottom: 0
}
.col-image-section .full-image, .full_video {
	position: absolute
}
.story-column-left {
	margin-left: 8%
}
.story-column-right {
	margin-right: 8%;
	float: right
}

.story-column-center {
	margin-left: 30%;
	float: left;
	text-align:center;
}
.story-column blockquote {
	font-size: 1.5em;
	line-height: 1.91667em
}
.story-element-quote blockquote {
	font-size: 24px;
	line-height: 1.91667em;
	padding: 0 0 0 3em
}
.full_video {
	width: 70%;
	margin: 0 15%;
	padding-bottom: 40%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.modal {
	text-align: center;
	padding: 0!important
}
.modal:before {
	content: '';
	height: 100%;
	margin-right: -4px
}
.modal-dialog {
	text-align: left
}
.navbar-brand, .navbar-nav>li>a {
	padding-top: 22px;
	padding-bottom: 22px
}
.navbar-nav>li a {
	float: left;
	margin: 10px 1px;
	font-size: 0;
	padding: 5px;
	line-height: 0;
	-webkit-transition: color .3s;
	transition: color .3s;
	overflow: hidden;
	color: #fff!important;
	border-radius: 50%;
	background: #fff
}
.navbar-nav>li a::before {
	background: #fbd16d;
	border-radius: 50%
}
.navbar-nav>li a::after, .navbar-nav>li a::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
	-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
	transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}
.button--aylen:hover {
	color: #fff
}
.navbar-nav>li a:hover::after, .navbar-nav>li a:hover::before, .navbar-nav>li.active a::after, .navbar-nav>li.active a::before {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
.navbar-nav>li a:hover::after, .navbar-nav>li.active a::after {
	-webkit-transition-delay: 75ms;
	transition-delay: 75ms
}
.navbar-nav>li a::after {
	background: #ffcd04;
	border-radius: 50%
}
footer {
	position: fixed;
	bottom: 0;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden
}
.share {
	top: 10px
}
.story-column {
	width: 40%
}
.no-mobile
{
	display:block;
}

}


@media all and (orientation:landscape)  and (max-width:768px){
  .rotate_screen
  {
	  display:block;
  }
}