/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	     04. Header -----------------------------------
	         Responsive -------------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	         Responsive -------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Bios -------------------------------------
	     02. Button -----------------------------------
	         Button Block -----------------------------
	         Btn Large --------------------------------
	     03. Contacts ---------------------------------
	     04. Form Elements ----------------------------
	     05. Form -------------------------------------
	         Form Subscribe ---------------------------
	     06. Intro ------------------------------------
	     07. Link -------------------------------------
	     08. List -------------------------------------
	         List Merchants ---------------------------
	         List Bullets -----------------------------
	     09. Logo -------------------------------------
	         Responsive -------------------------------
	     10. Media Items ------------------------------
	     11. Mini -------------------------------------
	     12. Nav --------------------------------------
	         Responsive -------------------------------
	     13. PR ---------------------------------------
	     14. Retailers --------------------------------
	     15. Section ----------------------------------
	         Section Odd ------------------------------
	         Section Overlayed ------------------------
	         Section Merchants ------------------------
	         Section Subscribe ------------------------
	         Section Video ----------------------------
	         Section Overview -------------------------
	         Section Reviews --------------------------
	         Section Bios -----------------------------
	         Section Media ----------------------------
	         Section Buy ------------------------------
	         Section Social ---------------------------
	         Section PR -------------------------------
	     16. Slider -----------------------------------
	     17. Social Feeds -----------------------------
	     18. Table ------------------------------------
	     19. Testimonials -----------------------------
	         Responsive -------------------------------
	     20. Touch ------------------------------------
	     21. Video ------------------------------------
	     22. Widget -----------------------------------
	IV.  Themes ---------------------------------------
	     01. Magnific Popup Theme ---------------------
 */

.ico-play { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 247.40259740259742% 100%; width: 154px; height: 154px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo { background-image: url(images/sprite.png); background-position: 100% 0%; background-size: 170.85201793721973% 208.10810810810813%; width: 223px; height: 74px; display: inline-block; vertical-align: middle; font-size: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-play { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 247.40259740259742% 100%; width: 154px; height: 154px; display: inline-block; vertical-align: middle; font-size: 0; }
	.logo { background-image: url(images/sprite.@2x.png); background-position: 100% 0%; background-size: 170.85201793721973% 208.10810810810813%; width: 223px; height: 74px; display: inline-block; vertical-align: middle; font-size: 0; }}
.footer:before,
.section-overlayed:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: .5; background: #01b3bd; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #fff; font-family: 'Work Sans', 'Arial', 'Helvetica', sans-serif; font-size: 15px; line-height: 1.53; color: #000; }
@media (max-width: 1023px) {
	body { font-size: 14px; }
}
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.765em; line-height: 1.2; }
h1 { font-size: 2.33em;  }
h2 { font-size: 1.73em; }
h3 { font-size: 1.67em; }
h4 { font-size: 1.27em; }
h5 { font-size: 1.13em; }
h6 { font-size: 1em; }
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.53em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols { margin: 0 -15px; }
.cols:after { }
.col { float: left; width: 100%; padding: 0 15px; }
.col-1of2 { width: 50%; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 1024px) and (max-width: 1280px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1281px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container {}
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { position: relative; padding: 68px 0; }
.footer:before { }
.footer p { margin: 0; font-size: 1.13em; line-height: 1.76; max-width: 85%; }
.footer .shell { position: relative; z-index: 2; max-width: 1084px; }
@media (max-width: 767px) {
	.footer { padding: 20px 0; }
}
@media (max-width: 666px) {
	.footer { padding: 10px 0; }
	.footer p { font-size: .8em; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 10; padding: 16px 0; transition: background-color .15s, padding .15s; }
.header .shell { transition: max-width .15s; }
/*  Responsive  */
@media (max-width: 1023px) {
	.header { padding: 10px 0; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1274px; padding-left: 20px; padding-right: 20px; margin: auto; }
.shell-fluid { max-width: none; }
/*  Responsive  */
@media (max-width: 1023px) {
	.shell { padding-left: 10px; padding-right: 10px; }
}
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { min-height: 100vh; overflow-x: hidden; }
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Bios
\* ------------------------------------------------------------ */
.bios { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; color: #fff; }
.bio { width: 37%; margin: 8px 0 0; }
.bio-head { padding: 0 0 26px; }
.bio-title { font-weight: 300; letter-spacing: .03em; text-align: center; }
.bio-image { display: block; margin: 0 auto 28px; border: 8px solid #ffd428; border-radius: 50%; }
.bio-body { letter-spacing: .03em; line-height: 1.53; }
.bio-body .list-bullets { max-width: 70%; }
@media (max-width: 767px) {
	.bio { width: 44%; }

	.bio-image { width: 60%; }
}
@media (max-width: 666px) {
	.bios { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }

	.bio { width: auto; }
	.bio + .bio { margin: 30px 0 0; }
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; background: #ffd428; border: 0 none; border-radius: 0; font-weight: 700; font-size: 1em; text-transform: uppercase; color: #7a7b7c; transition: background .15s, color .15s; letter-spacing: .03em; text-decoration: none; padding: 6px 12px; min-width: 138px; text-align: center; 
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}
.btn:hover,
.btn:focus,
.btn:active { color: #000; }
.btn:not(a) { height: 38px; }
/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }
/*  Btn Large  */
.btn-l { color: #404041; text-transform: none; letter-spacing: .025em; padding: 12px 18px 12px 12px; min-width: 200px; position: relative; border-left: 6px solid #ffd428; border-radius: 5px/25px 0 0 25px; transition: padding .15s, background .15s, color .15s, border-width .15s, border-radius .15s, letter-spacing .15s, font-size .15s, min-width .15s; }
/* ------------------------------------------------------------ *\
	Contacts
\* ------------------------------------------------------------ */
.contacts { list-style: none; margin: 30px 0 0; font-size: 1.13em; line-height: 1.76; letter-spacing: .03em; }
.contacts dt { float: left; }
.contacts dt:after { content: ':'; margin-right: 6px; }
.contacts a { text-decoration: none; }
.contacts a[href^="mailto:"] { color: #00a7b1; text-decoration: underline; }
.contacts a[href^="mailto:"]:hover { text-decoration: none; }
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input::-moz-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field,
.textarea,
.select { background: #fff; border: 1px solid #fff; font-size: 1.07em; font-weight: 300; color: #000; width: 100%; padding: 8px 14px 9px; transition: border-color .15s; border-radius: 0; }
.field:focus,
.textarea:focus,
.select:focus { border-color: #01b3bd; }
.field,
.select { height: 38px; }
.textarea { height: 120px; resize: none; }
.field-group { list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.field-group li { padding: 0 25px 0 0; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
@media (max-width: 767px) {
	.field,
	.select,
	.textarea { font-size: 1.14em; }

	.field-group { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }
	.field-group li { padding: 0 0 25px; }
}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form {}
.form-head { padding: 5px 0 28px; }
.form-title { letter-spacing: .03em; font-weight: 400; color: #fff; }
.form-row + .form-row { margin: 15px 0 0; }
/*  Form Subscribe  */
.form-subscribe { margin-left: auto; margin-right: auto; max-width: 850px; }
.form-subscribe form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.form-subscribe .form-head { width: 100%; }
.form-subscribe .form-body { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
@media (max-width: 767px) {
	.form-subscribe { max-width: 320px; }
	.form-subscribe form { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }
	
	.form-subscribe .form-head,
	.form-subscribe .form-actions { text-align: center; }
}
/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro { background: url(images/temp/img-intro.jpg) 50% 37% no-repeat; background-size: cover; color: #fff; }
.intro .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: relative; min-height: 586px; padding: 106px 20px 0; }
.intro-head,
.intro-body { width: 44%; }
.intro-head { padding: 12px 5px 16px; }
.intro-title { font-weight: 300; }
.intro-body { padding: 0 5px 52px; }
.intro-body p { font-size: 1.33em; line-height: 1.2; }
.intro-media { width: 272px; position: absolute; top: 0; left: 50%; bottom: 0; margin-left: 8.6%; background: #c2d1e5; border-width: 0 14px; border-style: solid; border-color: rgba(255,212,40,.8); background-clip: padding-box; padding: 146px 0 28px; height: 100%; }
.intro-image { max-width: none; width: auto; height: 100%; position: relative; left: 50%; -webkit-transform: translateX(-49%); -ms-transform: translateX(-49%); transform: translateX(-49%); }
@media (max-width: 1023px) {
	.intro .shell { padding: 70px 10px 0; min-height: 420px; }

	.intro-body { padding: 0 5px 15px; }

	.intro-media { padding: 80px 0 20px; }
}
@media (max-width: 666px) {
	.intro { background-position: 35% 30%; margin: 150px 0 0; }

	.intro .shell { min-height: 240px; }

	.intro-title { font-size: 2em; }

	.intro-head,
	.intro-body { width: auto; }

	.intro-body p { font-size: 1.13em; }

	.intro-media { top: auto; bottom: 100%; left: 0; right: 0; height: 90px; margin: 0; width: auto; border-width: 5px 0; padding: 5px 0; }

	.intro-image { width: 130px; height: auto; }
}
/* ------------------------------------------------------------ *\
	Link
\* ------------------------------------------------------------ */
.link-video { display: block; position: relative; }
.link-video img { display: block; width: 100%; height: auto; }
.link-video .ico-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); opacity: .5; transition: opacity .15s; }
.link-video:hover .ico-play { opacity: .8; }
@media (max-width: 767px) {
	.link-video .ico-play { width: 80px; height: 80px; }
}
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/*  List Merchants  */
.list-merchants { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.list-merchants dt,
.list-merchants dd { padding: 0 25px; }
.list-merchants dt { padding-top: 4px; }
.list-merchants img { display: block; margin: 0 auto; }
@media (max-width: 1023px) {
	.list-merchants dt { width: 100%; text-align: center; margin: 0 0 25px; }
	.list-merchants dt,
	.list-merchants dd { padding: 0 15px; }
}
@media (max-width: 767px) {
	.list-merchants dd { width: 33%; margin: 0 0 25px; }
}
/*  List Bullets  */
.list-bullets { list-style: none; padding: 0; }
.list-bullets li { padding: 0 0 0 36px; position: relative; }
.list-bullets li:before { content: '•'; position: absolute; top: 0; left: 23px; }
@media (max-width: 767px) {
	.list-bullets li { padding-left: 18px; }
	.list-bullets li:before { left: 5px; }
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { display: block; transition: width .15s, height .15s, background-size .15s; }
/*  Responsive  */
@media (max-width: 1023px) {
	.logo { width: 122px; height: 40px; }
}
/* ------------------------------------------------------------ *\
	Media Items
\* ------------------------------------------------------------ */
.media-items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; text-align: center; }
.media-item { width: 25%; margin: 38px 0 0; }
.media-item a { text-decoration: none; display: block; position: relative; }
.media-item .ico-play { width: 87px; height: 87px; opacity: .5; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); transition: opacity .15s; }
.media-item a:hover .ico-play { opacity: .8; }
.media-item p { margin-left: auto; margin-right: auto; max-width: 70%; font-size: .93em; line-height: 1.43; }
.media-item-image { display: block; margin: 0 auto 20px; }
.media-item-video { display: block; position: relative; }
@media (max-width: 1023px) {
	.media-item { padding: 0 5px; }

	.media-item .ico-play { width: 40px; height: 40px; }
}
@media (max-width: 666px) {
	.media-item { width: 50%; margin: 20px 0 0; }

	.media-item-image { margin-bottom: 10px; }
}
/* ------------------------------------------------------------ *\
	Mini
\* ------------------------------------------------------------ */
@media (min-width: 1024px) {
	.mini-header { background: rgba(255,255,255,.9); padding: 6px 0; }

	.mini-header .shell { max-width: 788px; }

	.mini-header .logo { width: 115px; height: 38px; }

	.mini-header .nav { padding: 5px 8px 5px 0; font-size: 1em; right: 50%; margin-right: -374px; }
	.mini-header .nav li + li { margin-left: 34px; }
	.mini-header .nav li:last-child { margin-left: 30px; }
	.mini-header .nav a { padding: 9px 0; }

	.mini-header .btn-l { min-width: 154px; padding: 9px 9px 9px 3px; border-left-width: 4px; }
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav { position: absolute; top: 0; right: 0; margin-right: 0; padding: 28px 32px 28px 0; font-size: 1.13em; font-weight: 700; transition: padding .15s, font-size .15s, right .15s, margin-right .15s; }
.nav ul { list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; }
.nav li { display: block; transition: margin .15s; }
.nav li + li { margin-left: 40px; }
.nav li:last-child { margin-left: 44px; }
.nav a:not(.btn) { display: block; text-decoration: none; color: #00a7b1; padding: 12px 0; transition: padding .15s, color .15s; }
.nav a:not(.btn):hover,
.nav a:not(.btn):focus,
.nav a:not(.btn):active { color: #000; }
/*  Responsive  */
@media (max-width: 1023px) {
	.nav { position: fixed; top: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #fff; width: 320px; text-align: center; padding: 40px 0; box-shadow: 0 0 15px rgba(0,0,0,.25); transition: visibility 0s .3s, -webkit-transform .3s; transition: transform .3s, visibility 0s .3s; transition: transform .3s, visibility 0s .3s, -webkit-transform .3s; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); visibility: hidden; max-width: 90%; }
	.nav ul { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }
	.nav li + li { margin-left: 0; border-top: 1px solid rgba(0,0,0,.1); }
	.nav li:last-child { margin-left: 0; padding-top: 20px; }

	.nav-toggle { width: 40px; height: 40px; position: absolute; top: 10px; right: 10px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 15; padding: 10px 0; }
	.nav-toggle span { background: #000; height: 2px; display: block; width: 24px; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

	.nav-open .nav { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

	.nav-open .nav-toggle span:nth-child(1) { -webkit-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); }
	.nav-open .nav-toggle span:nth-child(2) { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); }
	.nav-open .nav-toggle span:nth-child(3) { -webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }
}
/* ------------------------------------------------------------ *\
	PR
\* ------------------------------------------------------------ */
.pr-item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; letter-spacing: .03em; }
.pr-item h5 { font-weight: 600; line-height: 1.76; }
.pr-item-media { width: 39%; padding: 0 15px; }
.pr-item-image { display: block; margin: 0 auto; border-radius: 50%; box-shadow: 4px 4px 5px rgba(0,0,0,.19); }
.pr-item-body { width: 61%; }
@media (max-width: 666px) {
	.pr-item { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }

	.pr-item-media,
	.pr-item-body { width: 100%; }

	.pr-item-media { padding: 0 0 16px; }
}
/* ------------------------------------------------------------ *\
	Retailers
\* ------------------------------------------------------------ */
.retailers { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.retailer { -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 30px 0 20px; }
.retailer img { display: block; margin: 0 auto; }
@media (max-width: 666px) {
	.retailer { margin: 0; padding: 0 5px; }
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section { padding: 70px 0; }
.section-head { text-align: center; }
.section-title { font-weight: 300; color: #00a7b1; }
.section-body { padding: 24px 0; }
/*  Section Odd  */
.section-odd { background: #f2f2f2; }
/*  Section Overlayed  */
.section-overlayed { position: relative; }
.section-overlayed:before { }
.section-overlayed .section-head,
.section-overlayed .section-body,
.section-overlayed .section-foot { position: relative; z-index: 2; }
/*  Section Merchants  */
.section-merchants { padding: 38px 0; }
.section-merchants .section-title { font-weight: 600; color: #a3a3a3; }
.section-merchants .section-body { padding: 0; }
@media (max-width: 767px) {
	.section-merchants { padding: 25px 0 0; }
}
/*  Section Subscribe  */
.section-subscribe { background: url(images/temp/img-chapter.jpg) 50% 100% no-repeat; background-size: cover; background-attachment: fixed; }
.section-subscribe .section-body { padding: 0 0 26px; }
@media (max-width: 666px) {
	.section-subscribe { padding: 36px 0; }
}
/*  Section Video  */
.section-video { padding: 0; }
.section-video .section-head { padding: 52px 0 59px; }
.section-video .section-title { font-weight: 500; letter-spacing: .03em; }
.section-video .section-body { padding: 0; }
@media (max-width: 767px) {
	.section-video .section-body .shell { padding: 0; }
}
@media (max-width: 666px) {
	.section-video .section-head { padding: 36px 0; }
}
/*  Section Overview  */
.section-overview { padding: 0; }
.section-overview .shell { max-width: 888px; }
.section-overview .section-head { padding: 42px 0 0; }
.section-overview .section-title { font-weight: 500; color: #000; opacity: .5; letter-spacing: .03em; }
.section-overview .section-body { padding: 34px 0 46px; }
@media (max-width: 666px) {
	.section-overview .section-head { padding: 36px 0 0; }

	.section-overview .section-body { padding: 36px 0; }
}
/*  Section Reviews  */
.section-reviews { padding: 42px 0; }
.section-reviews .section-head { border-top: 10px solid #e5e5e5; padding: 46px 0 0; }
.section-reviews .section-body { padding: 56px 0 6px; }
@media (max-width: 767px) {
	.section-reviews { padding: 0; }

	.section-reviews .section-head { border-top-width: 5px; padding: 36px 0 0; }

	.section-reviews .section-body { padding: 42px 0 0; }
}
/*  Section Bios  */
.section-bios { background: url(images/temp/img-bios.jpg) 50% no-repeat; background-attachment: fixed; background-size: cover; }
.section-bios:before { opacity: .9; }
.section-bios .section-body { padding: 0; }
@media (max-width: 767px) {
	.section-bios { padding: 42px 0; }
}
@media (max-width: 666px) {
	.section-bios { padding: 36px 0; }
}
/*  Section Media  */
.section-media { padding: 42px 0; }
.section-media .section-head { border-bottom: 10px solid #00a7b1; padding: 0 0 24px; }
.section-media .section-body { padding: 18px 0 20px; }
@media (max-width: 767px) {
	.section-media .section-head { border-bottom-width: 5px; }
}
@media (max-width: 666px) {
	.section-media { padding: 36px 0; }
}
/*  Section Buy  */
.section-buy { padding: 72px 0; }
.section-buy p { font-size: 1.13em; font-weight: 500; letter-spacing: .03em; }
.section-buy .section-body { padding: 30px 0 0; text-align: center; }
@media (max-width: 767px) {
	.section-buy { padding: 42px 0; }
}
@media (max-width: 666px) {
	.section-buy { padding: 36px 0; }
}
/*  Section Social  */
.section-social { padding: 48px 0 106px; }
.section-social .section-body { padding: 64px 0 0; }
@media (max-width: 767px) {
	.section-social { padding: 40px 0; }

	.section-social .section-body { padding: 40px 0 0; }
}
@media (max-width: 666px) {
	.section-social { padding: 36px 0; }

	.section-social .section-body { padding: 36px 0 0; }
}
/*  Section PR  */
.section-pr { padding: 65px 0; }
.section-pr .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.section-pr .section-head { text-align: right; -webkit-flex: 37; -ms-flex: 37; flex: 37; }
.section-pr .section-body { padding: 0; -webkit-flex: 63; -ms-flex: 63; flex: 63; }
@media (max-width: 767px) {
	.section-pr { padding: 40px 0; }

	.section-pr .section-head { -webkit-flex: 30; -ms-flex: 30; flex: 30; }

	.section-pr .section-body { -webkit-flex: 70; -ms-flex: 70; flex: 70; }
}
@media (max-width: 666px) {
	.section-pr { padding: 36px 0; }
	.section-pr .shell { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }

	.section-pr .section-head,
	.section-pr .section-body { -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; }

	.section-pr .section-head { text-align: center; }

	.section-pr .section-body { padding: 16px 0 0; }
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider {}
.slider .slides { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Social Feeds
\* ------------------------------------------------------------ */
.social-feeds { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.social-feed { width: 40%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }
.social-feed .fb-page { display: block; height: 560px; width: 100%; }
.social-feed .fb-page > span,
.social-feed .fb-page iframe { display: block !important; width: 100% !important; height: 100% !important; }
@media (max-width: 1023px) {
	.social-feed { width: 44%; }
}
@media (max-width: 767px) {
	.social-feed { width: 50%; padding: 0 5px; }
}
@media (max-width: 666px) {
	.social-feed { width: 100%; padding: 0; }
	.social-feed + .social-feed { margin: 36px 0 0; }
	
	.social-feed .fb-page,
	.social-feed iframe { max-height: 300px; max-width: 500px; margin-left: auto; margin-right: auto; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Testimonials
\* ------------------------------------------------------------ */
.testimonials { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.testimonial { background: #f2f2f2; width: 48%; margin: 0 0 40px; padding: 40px 60px 36px; position: relative; }
.testimonial:before,
.testimonial:after { position: absolute; font-size: 12.47em; line-height: 1; color: #a3a3a3; font-weight: 300; }
.testimonial:before { content: '“'; top: 0; left: -3.3%; }
.testimonial:after { content: '”'; right: -4%; bottom: 10%; line-height: .3; }
.testimonial h4 { font-weight: 300; letter-spacing: .03em; line-height: 1.58; }
.testimonial h4 a { font-size: .84em; }
.testimonial p { font-size: 1.13em; line-height: 1.76; font-weight: 600; opacity: .8; letter-spacing: .03em; }
.testimonial-foot { margin: 32px 0 0; text-align: right; }
/*  Responsive  */
@media (max-width: 1280px) {
	.testimonial { padding: 30px 40px 26px; margin: 0 0 36px; }
	.testimonial:before,
	.testimonial:after { font-size: 11em; }
}
@media (max-width: 767px) {
	.testimonial { margin: 0 0 24px; }
	.testimonial h4 { font-size: 1.13em; }
	.testimonial p { font-size: 1em; }
}
@media (max-width: 666px) {
	.testimonials { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }

	.testimonial { width: auto; padding: 15px 25px; margin: 0 0 10px; }
	.testimonial:before,
	.testimonial:after { font-size: 6em; }
}
/* ------------------------------------------------------------ *\
	Touch
\* ------------------------------------------------------------ */
.touch .wrapper { overflow: hidden; }
.touch .section { background-attachment: scroll; }
.touch .social-feed { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
/* ------------------------------------------------------------ *\
	Video
\* ------------------------------------------------------------ */
.video-container { max-width: 858px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; }
.video { padding: 0 0 56.25%; position: relative; }
.video iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-container .link-video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: opacity .15s; }
.video-container .link-video img { min-height: 100%; min-width: 100%; }
.video-playing .link-video { opacity: 0; visibility: hidden; transition: opacity .15s, visibility 0s .15s; }
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	IV.  Themes
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Magnific Popup Theme
\* ------------------------------------------------------------ */
.mfp-fade.mfp-bg,
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; transition: opacity .4s; }
.mfp-fade.mfp-bg.mfp-ready { opacity: .8; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); transition: opacity .4s, -webkit-transform .4s; transition: opacity .4s, transform .4s; transition: opacity .4s, transform .4s, -webkit-transform .4s; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); }
.mfp-container { padding-left: 15px; padding-right: 15px; }
@media (max-width: 666px) {
	.mfp-container { padding-left: 10px; padding-right: 10px; }
}