#outerPageContainer {
	width:100%;
	margin:0 auto;
}
/* PAGE NORMALIZING */
.ff {
	max-width:1400px;
	margin:0 auto;
}
.ff *, .ff *::after, .ff *::before  {
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:0;
	margin:0;
}
.ff a, .ff a:link, .ff a:visited {
	color:currentColor;
	text-decoration: none;
}
.ff a {
	cursor:pointer;
}
.ff img {
	max-width:100%;
	vertical-align: top;
}

/* HEADLINES */
.ff-headline {
	font:18.593vw/1 'BodoniDisplayDemi', serif;
	text-transform: capitalize;
}
.ff-headline--span {
	font:.5em 'GibsonRegular', sans-serif;
	text-transform: uppercase;
	letter-spacing:0.1em;
	display:block;
}

@media only screen and (min-width:768px) {
	.ff-headline {
		font-size:6.142vw;
	}
}

@media only screen and (min-width:1400px) {
	.ff-headline {
		font-size:5.375em;
	}
}

/* COPY */
.ff-copy {
	font:5.625vw/1.8 'GibsonLight', sans-serif;
	font-weight:normal;
}
.ff-copy--small {
	font-size:2.81vw;
}

@media only screen and (min-width:768px) {
	.ff-copy {
		font-size:1.714vw;
		line-height:1.375;
	}
	.ff-copy--small {
		font-size:1.285vw;
	}
}

@media only screen and (min-width:1400px) {
	.ff-copy {
		font-size:1.5em;
	}
	.ff-copy--small {
		font-size:1.125em;
	}
}

/* CTAS */
.ff-cta {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-flow:column wrap;
	        flex-flow:column wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	height:17vw;
	width:75.4%;
	padding-left:30px;
	padding-right:30px;
	background:none;
	background-color:white;
	border:1px solid #000;
	font:5.625vw/1.2 'GibonsonRegular', sans-serif;
	letter-spacing:0.1em;
	text-transform:uppercase;
	margin:0 auto;
}
.ff-cta--break {
	display:block;
}

@media only screen and (min-width:768px) {
	.ff-cta {
		font-size:1.285vw;
		height:4.5vw;
		width:auto;
	}
}

@media only screen and (min-width:1400px) {
	.ff-cta {
		font-size:1.125em;
		height:50px;
		-webkit-transition: color ease .4s, background ease .3s;
		-o-transition: color ease .4s, background ease .3s;
		transition: color ease .4s, background ease .3s;
	}
	.ff-cta:hover {
		background:#000;
		color:#FFF !important;
	}
}

/* RESPONSIVE HIDE CLASSES */
@media screen and (max-width:767px) {
	.ff-desktop {
		display:none;
	}
}

@media screen and (min-width:768px) {
	.ff-mobile {
		display:none;
	}
}

/* HERO */
.ff-hero {
	text-align: center;
	margin-bottom:20%;
}

.ff-hero__header {
	position: relative;
}

.ff-hero__background {
	width:100%;
	height:auto;
	background-color:#f1e7de;
}

.ff-hero__text {
	position: absolute;
	bottom:0;
	width:100%;
	background-color: #ffffffd9;
	padding:4% 0 0;
}

.ff-hero__copy {
	padding:10% 5% 7%;
}

@media only screen and (min-width:768px) {
	.ff-hero {
		margin-bottom:7%;
	}
	.ff-hero__text {
		width:auto;
		bottom:50%;
		right:50%;
		margin:0 auto;
		-webkit-transform:translate(50%, 50%);
		    -ms-transform:translate(50%, 50%);
		        transform:translate(50%, 50%);
		padding:5% 2.5%;
	}
	.ff-hero__copy {
		padding:2% 2% 2.5%;
	}
}

/* WIDTHS */

.ff-width {
	text-align:center;
	position:relative;
	margin-bottom:15%;
}

.ff-width--foot {
	background: rgb(221, 228, 234);
	background: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(50%, rgba(221, 228, 234, 1)),
	  color-stop(50%, rgba(255, 255, 255, 1)),
	  color-stop(51%, rgba(255, 255, 255, 1)),
	  color-stop(51%, rgba(255, 255, 255, 1))
	);
	background: -o-linear-gradient(
	  bottom,
	  rgba(221, 228, 234, 1) 50%,
	  rgba(255, 255, 255, 1) 50%,
	  rgba(255, 255, 255, 1) 51%,
	  rgba(255, 255, 255, 1) 51%
	);
	background: linear-gradient(
	  0deg,
	  rgba(221, 228, 234, 1) 50%,
	  rgba(255, 255, 255, 1) 50%,
	  rgba(255, 255, 255, 1) 51%,
	  rgba(255, 255, 255, 1) 51%
	);
  }

  .ff-width--calf {
	background: rgb(143, 167, 185);
	background: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(50%, rgba(143, 167, 185, 1)),
	  color-stop(50%, rgba(255, 255, 255, 1)),
	  color-stop(51%, rgba(255, 255, 255, 1)),
	  color-stop(51%, rgba(255, 255, 255, 1))
	);
	background: -o-linear-gradient(
	  bottom,
	  rgba(143, 167, 185, 1) 50%,
	  rgba(255, 255, 255, 1) 50%,
	  rgba(255, 255, 255, 1) 51%,
	  rgba(255, 255, 255, 1) 51%
	);
	background: linear-gradient(
	  0deg,
	  rgba(143, 167, 185, 1) 50%,
	  rgba(255, 255, 255, 1) 50%,
	  rgba(255, 255, 255, 1) 51%,
	  rgba(255, 255, 255, 1) 51%
	);
  }


.ff-width__headline {
	font-size:14.062vw;
	margin-bottom:.5em;
}

.ff-width__product {
	max-width:75%;
	margin:0 auto;
}

.ff-width__cta {
	width:100%;
	padding:0;
	max-width:none;
	margin:15% auto;
}

.ff-width .owl-dots {
	position:absolute;
	bottom:2%;
	margin:0 auto;
	left:0;
	right:0;
}

.ff-width .owl-dot {
	background: white;
    border-radius: 100%;
    width: 2vw;
    height: 2vw;
    display: inline-block;
    margin: 0 .25em;
}

.ff-width .owl-dot.active {
	background:black;
}

@media only screen and (min-width:768px) {
	.ff-width {
		margin-bottom:3em;
	}
	.ff-width__headline {
		font-size:5.857vw;
	}
	.ff-width__products {
		max-width:90%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin:0 auto;
	}
	.ff-width__product {
		max-width:none;
	}
	.ff-width__cta {
		width:100%;
		padding:0;
		max-width:none;
	}
}

@media only screen and (min-width:1400px) {
	.ff-width__headline {
		font-size:5.125em;
	}
}

/* GUIDES */

.ff-guides {
	text-align:center;
}

.ff-guides__list {
	margin:5% auto;
}

.ff-guides__copy {
	text-align: left;
    margin-bottom: 1em;
    width: 96%;
    margin: 0 auto 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.ff-guides__number {
	position:relative;
	font:6vw/1 'GibsonRegular', sans-serif;
	color:white;
	margin-right:2%;
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align:  center;
	    -ms-flex-align:  center;
	        align-items:  center;
	text-align: center;
	width:.5em;
	height:.5em;
	border-radius:100%;
	background:#8fa7b9;
	padding:6.5%;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
}
.ff-guides__print {
	width:96%;
	margin-top:5%;
}

@media only screen and (max-width:767px) {
	.ff-guides__print {
		font-size:3.75vw;
		height:14vw;
	}
}
.ff-guide {
    margin: 5% auto;
}

.ff-guide__trigger {
	font-size:3.75vw;
	color: #000;
    background-color: #8fa7b9;
    border-color: transparent;
	width:96%;
    margin: 0 auto 10px;
    padding-left: 0;
    padding-right: 0;
	height:14vw;
	position:relative;
	-webkit-transition:background-color ease .4s;
	-o-transition:background-color ease .4s;
	transition:background-color ease .4s;
}

.ff-guide__trigger--open {
	background-color:#bccad5;
}

.ff-guide__trigger::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 2vw solid transparent;
    border-right: 0;
    border-bottom: 2vw solid transparent;
    border-left: 2vw solid black;
    position: absolute;
    left: 5%;
	-webkit-transition:-webkit-transform 0.4s ease;
	transition:-webkit-transform 0.4s ease;
	-o-transition:transform 0.4s ease;
	transition:transform 0.4s ease;
	transition:transform 0.4s ease, -webkit-transform 0.4s ease;
}

.ff-guide__trigger--open::before {
	-webkit-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	        transform:rotate(90deg)
}

.ff-guide__table {
	width: 96%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    background-color: #fff;
    margin: 0 auto 3%;
}
.ff-guide th, .ff-guide td {
	font: 2.6vw 'GibsonSemiBold' ,sans-serif;
	border: 1px solid #2a202f;
    text-align: center;
    vertical-align: middle;
}

.ff-guide th {
	background-color: #bccad5;
	height: 10vw;
    padding: 1%;
    max-width: 10vw;
}

.ff-guide th + th {
    background-color: #d7dfe6;
}

.ff-guide__header {
	text-transform: uppercase;
}

.ff-guides__cta {
	width:96%;
	margin-bottom:3%;
}

@media only screen and (max-width:767px) {
	.ff-guides__cta {
		font-size:3.75vw;
	}
}

@media only screen and (min-width:768px) {
	.ff-guides {
		margin: 5% auto 1%;
	}

	.ff-guide {
		margin: 5% auto 2.5%;
	}

	.ff-guides__list {
		margin: 2% auto;
		text-align: left;
		width: 80%;
	}

	.ff-guides__number {
		font-size:1.7vw;
		-webkit-box-flex:0;
		    -ms-flex:none;
		        flex:none;
		padding:2%;
	}
	.ff-guides__copy {
		display:inline-block;
	}

	.ff-guides__print {
		margin-top:2%;
		width: auto;
	}
	.ff-guide__table {
		max-width:1200px;
	}
	.ff-guide__trigger {
		font-size: 1.875vw;
		width: 96%;
		height: 6vw;
	}
	.ff-guide__trigger::before {
		border-width: 1vw 0 1vw 1vw;
	}
	.ff-guide th, .ff-guide td {
		font-size: 1.285vw;
	}
	.ff-guide th {
		height:6vw;
		width:6vw;
		max-width:6vw;
	}

	.ff-guides__cta {
		width: 30%;
		margin: 0 .5% 2%;
     	vertical-align: top;
	}
}

@media only screen and (min-width:1024px) {
	.ff-guides__number {
		font-size:1.125em;
	}
	.ff-guide th, .ff-guide td {
		font-size: 11px;
	}
	.ff-guide th {
		height: 40px;
		width: 80px;
    	max-width: 90px;
	}

}

@media screen and (max-width:1023px) {
	.ff-guide--desktop {
		display:none;
	}
}

@media screen and (min-width:1024px) {
	.ff-guide--mobile {
		display:none;
	}
}

@media only screen and (min-width:1400px) {
	.ff-guides__cta {
		height:60px;
	}
}

/* STYLE */
.ff-style {
	text-align:center;
	margin:10% auto;
}

.ff-style__headline {
	margin-bottom:.5em;
}

.ff-style__product {
	max-width:75%;
	margin:0 auto 10%;
}

.ff-style__cta {
	width:100%;
	padding:0;
	margin-top:13%;
}

@media only screen and (min-width:768px) {
	.ff-style {
		margin: 5% auto;
		background: rgb(221, 228, 234);
		background: -webkit-gradient(
		  linear,
		  left bottom,
		  left top,
		  color-stop(40%, rgba(221, 228, 234, 1)),
		  color-stop(40%, rgba(255, 255, 255, 1)),
		  color-stop(41%, rgba(255, 255, 255, 1)),
		  color-stop(41%, rgba(255, 255, 255, 1))
		);
		background: -o-linear-gradient(
		  bottom,
		  rgba(221, 228, 234, 1) 40%,
		  rgba(255, 255, 255, 1) 40%,
		  rgba(255, 255, 255, 1) 41%,
		  rgba(255, 255, 255, 1) 41%
		);
		background: linear-gradient(
		  0deg,
		  rgba(221, 228, 234, 1) 40%,
		  rgba(255, 255, 255, 1) 40%,
		  rgba(255, 255, 255, 1) 41%,
		  rgba(255, 255, 255, 1) 41%
		);
	  }

	.ff-style__product {
		display:inline-block;
		width: 24%;
		margin: 4% 1.5%;
	}

	.ff-style__cta {
		width:100%;
	}
}