/*
Theme Name:     Fluent in 3 Months Theme
Description:    A Genesis Child Theme 
Author:         David Csere
Author URI:     
Template:       genesis
Version:        1.2
*/


/* Import Genesis Parent Styles
------------------------------------------------------------ */

@import url(../genesis/style.css);
		

/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
}

li,
ol,
ul {
	margin: 0;
	padding: 0;
}

ol li {
	list-style-type: decimal;
}

hr {
	border: 1px dotted #00a6bd;
	margin-bottom: 25px;
}

.author-box::before, .clearfix::before, .entry::before, .entry-content::before, .nav-primary::before, .nav-secondary::before, .pagination::before, .site-container::before, .site-footer::before, .site-header::before, .site-inner::before, .widget::before, .wrap::before {
    content: " ";
    display: table;
}

.author-box::after, .clearfix::after, .entry::after, .entry-content::after, .nav-primary::after, .nav-secondary::after, .pagination::after, .site-container::after, .site-footer::after, .site-header::after, .site-inner::after, .widget::after, .wrap::after {
    clear: both;
    content: " ";
    display: table;
}

/* Video - FB box fix
------------------------------------------------------------ */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	overflow: hidden;
	margin-bottom: 20px;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fb_iframe_widget, 
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
	width: 100% !important;
	margin-top: 22px;
	margin-bottom: 12px;
}

/* Clearfix
------------------------------------------------------------ */

.clearfix:after { visibility: hidden; display: block; height: 0; font-size: 0; line-height: 0; content: " "; clear: both; }
.clearfix { display: block; }
/* IE6 */
* html .clearfix { height: 1%; }
/* IE7 */
*:first-child + html .clearfix { min-height: 1%; }


/* Hyperlinks
------------------------------------------------------------ */

a,
a:visited {
	color: #0d72c7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	text-decoration: none;
	border: none;
}

a img {
	border: none;
}


/* Body
------------------------------------------------------------ */

body {
	background: #FFFFFF;
	color: #333333;
	font-size: 18px;
	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
	line-height: 1.5625;
	font-weight: 400;
}

::-moz-selection {
	background-color: #0d72c7;
	color: #fff;
}

::selection {
	background-color: #0d72c7;
	color: #fff;
}


/* Wrap
------------------------------------------------------------ */

.site-container {
	background: transparent;
}

.content-sidebar .site-container {
	max-width: 100%;
}

.sidebar-content .site-container {
	max-width: 100%;
}

.full-width-content .site-container {
	max-width: 100%;
}

.wrap {
	width: 100%;
	max-width: 1280px;
	box-sizing: border-box;
}

/* Header
------------------------------------------------------------ */

.site-header {
	background: #F5F3EF url(images/header_bg.png) top left no-repeat;
	min-height: 115px;
	border-bottom: none;
	clear: both;
}

.site-header .wrap {
	margin: 0 auto;
	padding: 0;
	float: none;
}

.title-area {
	width: 370px;
	height: 115px;
	padding: 12px 0 0 0;
	margin: 0 0 0 27px;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
}

.site-title {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
}

.header-image .site-title > a {
	background: url(images/fi3m_logo_4.png) left top no-repeat;
	height: 115px;
	float: left;
    min-height: 60px;
    width: 100%;
}

.header-image .site-description,
.header-image .site-title a {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.site-header .widget-area {
	width: 530px;
	height: 115px;
	margin-right: 25px !important;
	position: relative;
	padding: 0;
	float: right;
    box-sizing: border-box;
    text-align: right;
}


/* Header Search
------------------------------------------------------------ */

.widget_search .search-form {
	padding-top: 0;
	text-align: right;
	margin-top: 20px;
	width: 100%;
}

.search-form input[type="search"] {
	border: 1px solid #DDD; 
	-moz-border-radius: 8px 0 0 8px; 
	-webkit-border-radius: 8px 0 0 8px; 
	border-radius: 8px 0 0 8px; 
	box-shadow: 0 0 6px #DDD inset; 
	color: #666; 
	outline: none; 
	height: 40px;
	padding: 0 5px;
	width: 180px;
	font-size: 14px; 	
}

.search-form input[type="submit"] {
	line-height: 19px;
	height: 40px;
	width: auto;
	background: #00a6bd;
	color: #fff;
	padding: 10px 18px;
	-moz-border-radius: 0 8px 8px 0; 
	-webkit-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
	text-transform: uppercase;
	clip: auto;
	position: relative;
	box-shadow: none;
	font-size: 14px;
	border-width: 0;
}

.search-form input[type="submit"]:hover {
	background: #f9c700;
	border: none;
	color: #fff;
}

.search-form input[type="submit"]:focus {
	font-size: 14px;
	padding: 10px 18px;
	color: #fff;
	background: #f9c700;
	box-shadow: none;
	display: inline-block;
}

/* Header Navigation
------------------------------------------------------------ */

.widget_nav_menu {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 38px;
}

.site-header .genesis-nav-menu {
	background: transparent;
	width: auto;
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1em;
	overflow: hidden;
	float: none;
	clear: both;
	display: inline-block;
}

.site-header .genesis-nav-menu ul {
	float: left;
	background-color: #accdc6;
	position: absolute;
	left: -1200px !important;
	text-align: center;
	padding-left: 1200px;
	width: 1946px;
	height: auto;
	margin: 0;
	z-index: 9999;
	border-top: none;
}

.site-header .genesis-nav-menu li {
	float: left;
	list-style-type: none;
	-moz-border-radius: 5px 5px 0 0; 
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: url(images/button_bottom_sprite_2.png) 50% -3px repeat-x, -moz-linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: url(images/button_bottom_sprite_2.png) 50% -3px repeat-x, -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0.05)), color-stop(100%, rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: url(images/button_bottom_sprite_2.png) 50% -3px repeat-x, -webkit-linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: url(images/button_bottom_sprite_2.png) 50% -3px repeat-x, -o-linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: url(images/button_bottom_sprite_2.png) 50% -3px repeat-x, -ms-linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); /* IE10+ */
	background: url(images/button_bottom_sprite_2.png) 50% -3px repeat-x, linear-gradient(to right, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=1 ) !important; /* IE6-9 */
}

.site-header .genesis-nav-menu li:hover,
.site-header .genesis-nav-menu li.current-menu-item {
	background-position: 50% 35px;	
}

.site-header .genesis-nav-menu a {
	padding: 11px 15px;
	color: #333333;
	text-decoration: none;
	position: relative;
	display: block;
}

.site-header .genesis-nav-menu li li a,
.site-header .genesis-nav-menu li li a:link,
.site-header .genesis-nav-menu li li a:visited {
	background: #ACCDC6;
	width: auto;
	margin: 0;
	padding: 11px 10px;
	border: none;
	color: #FFFFFF;
	text-decoration: none;
	float: none;
	position: relative;
}

.site-header .genesis-nav-menu li li a:active,
.site-header .genesis-nav-menu li li a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	background: #F9C700;
	text-decoration: none;
	color: #fff;
} 

.site-header .genesis-nav-menu li a.sf-with-ul {
	padding-right: 25px;
}

.site-header .genesis-nav-menu.sf-arrows .sf-with-ul:after {
	background: url(images/icon-plus.png) no-repeat;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	top: 11px;
	right: 8px;
	position: absolute;
	content: '';
}

.site-header .genesis-nav-menu li.sh-menu {
	background-color: #00a6bd;
}

.site-header .genesis-nav-menu li.sh-menu:hover {
	background-color: #f9c700;
}

.site-header .genesis-nav-menu li.sh-menu a {
	color: #fff;
}

.home .sh-menu {
	display: none !important;
}

.genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: left;
}

/* Primary Navigation
------------------------------------------------------------ */

.nav-primary {
	background: #00A1BA;
}

.menu-primary a {
	padding: 11px 15px;
	position: relative;
}

.menu-primary li a:active,
.menu-primary li a:hover {
	background: #F9C700;
	color: #333333;
	text-decoration: none;
}

.menu-primary li.current_page_item a,
.menu-primary li.current-menu-item a {
	background: #F9C700;
	color: #333333;
	text-decoration: none;
}

.menu-primary li ul {
	border: none !important;
}

.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited {
	background: #ACCDC6;
	padding: 11px 10px;
	position: relative;
	border: none;
}

.menu-primary li li a:active,
.menu-primary li li a:hover {
	background: #F9C700;
	color: #FFFFFF;
	text-decoration: none;
}

.menu-primary li a.sf-with-ul {
	padding-right: 25px;
}

.menu-primary.sf-arrows .sf-with-ul:after {
	background: url(images/icon-plus.png) no-repeat;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	top: 11px;
	right: 8px;
	position: absolute;
	content: '';
}

/* Vertical Menu Toggle Button
------------------------------------------------------------ */

.mobile-primary-toggle {
	padding: 10px 0px;
	font-size: 20px;
	line-height: 1.428571429;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background-color: #068192;
	cursor: pointer;
	display: none;
}

.mobile-primary-toggle:hover {
	color: #fff;
	background-color: #F9C700;
}

.mobile-primary-toggle:active {
	color: #fff;
	background-color: #F9C700;
	border: none;
}

i.fa-bars::before {
	font-size: 25px;
}

/* Inner
------------------------------------------------------------ */

.site-inner {
	width: 100%;
	max-width: 100%;
	padding-top: 0;
	overflow: hidden;
	clear: both;
	box-sizing: border-box;	
	margin: 0 auto;
}

body.home .site-inner, 
body.bloghome .site-inner {
	padding: 25px;
	max-width: 1280px;
}

/* Content-Sidebar Wrap
------------------------------------------------------------ */

/* Content
------------------------------------------------------------ */

.content-sidebar .content {
	float: left;
	width: 66%;
}

.sidebar-content .content {
	float: right;
	width: 59%;
}

#byline,
.entry-content,
.entry-footer,
.archive-description,
.archive-pagination,
.pagination {
	width: 100%;
	max-width: 800px;
	padding: 20px 30px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
}

.entry-content p {
	margin: 0 0 25px;
}

.entry-content a,
.entry-content a:visited {
	color: #00A6BD;
	text-decoration: none;
}

.entry-content a:hover {
	color: #F9C700;
	text-decoration: underline;
}

.content blockquote {
	background: url(images/quote_bg.png) no-repeat left top;
	padding: 0 70px;
	margin: 0;
	display: block;
	min-height: 50px;
}

.content blockquote:before {
	content: "";
}

.clear {
	clear: both;
}

article.entry {
	margin-bottom: 0;
}

/* Content Headlines
------------------------------------------------------------ */

.content .post h1,
.content .post h2,
.content .post h3,
.content .post h4,
.content .post h5,
.content .post h6,
.content .page h1,
.content .page h2,
.content .page h3,
.content .page h4,
.content .page h5,
.content .page h6,
.content h1.entry-title,
.content .entry-content h1,
.content h2.entry-title,
.content .entry-content h2,
.content .entry-content h3,
.content .entry-content h4,
.content .entry-content h5,
.content .entry-content h6 {
	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	line-height: 1.1;
	color: #00A6BD;
}

.content .post h1,
.content .page h1,
.content h1.entry-title,
.content .entry-content h1 {
	color: #fff;
	font-size: 46px;
	font-weight: 700;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	border-bottom: 8px solid #00a6bd;
	padding: 10px 30px;
	box-sizing: border-box;
}

.content .post h2 a,
.content .post h2 a:visited,
.content .page h2 a,
.content .page h2 a:visited,
.content h2.entry-title a,
.content h2.entry-title a:visited {
	color: #00A6BD;
	text-decoration: none;
}

.content .post h2 a:hover,
.content .page h2 a:hover,
.content h2.entry-title a:hover {
	color: #F9C700;
	text-decoration: none;
}

.content .post h2,
.content .page h2,
.content h2.entry-title,
.content .entry-content h2 {
	font-weight: 700;
	font-size: 28px;
}

.content .post h3,
.content .page h3,
.content .entry-content h3 {
	font-weight: 700;
	font-size: 24px;
}

.content .post h4,
.content .page h4,
.content .entry-content h4 {
	font-size: 20px;
}

.content .post h5,
.content .page h5,
.content .entry-content h5 {
	font-size: 18px;
}

.content .post h6,
.content .page h6,
.content .entry-content h6 {
	font-size: 14px;
}

/* POST HEADER - átalakításra szorul */

.cover-image {
	position: relative;
	width: 100%;
	display: block;
	z-index: 1;
	background: url(images/main_bg_3.jpg) center top fixed no-repeat #00a6bd;
}

.cover-image img {
	width: auto;
	margin: 0 auto;
	display: block !important;
	position: relative;
	box-sizing: border-box;	
}

.pro-comp-table-container,
.res-data-container,
.cover-image-container {
	max-width: 1280px;
	position: relative;
	margin: 0 auto;
}

.cover-img-title {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 25px 0 25px;;
	position: absolute;
	bottom: 0;
	z-index: 2;
	padding-top: 70px;
	background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(0,166,189,0.76) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(0,166,189,0.76))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(0,166,189,0.76) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(0,166,189,0.76) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(0,166,189,0.76) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(0,166,189,0.76) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#c200a6bd',GradientType=0 ); /* IE6-9 */
}

/* Column Classes
------------------------------------------------------------ */

.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin: 0 0 20px;
	padding-left: 3%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48%;
}

.one-third,
.two-sixths {
	width: 31%;
}

.four-sixths,
.two-thirds {
	width: 65%;
}

.one-fourth {
	width: 22.5%;
}

.three-fourths {
	width: 73.5%;
}

.one-fifth {
	width: 17.4%;
}

.two-fifths {
	width: 37.8%;
}

.three-fifths {
	width: 58.2%;
}

.four-fifths {
	width: 78.6%;
}

.one-sixth {
	width: 14%;
}

.five-sixths {
	width: 82%;
}

/* Featured in Row
------------------------------------------------------------ */

#featured_in_container {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px 10px 0px;
	text-align: center;
	background: #F5F3EF;
	clear: both;
}

#featured_in_container h4 {
	border-bottom: none;
	color: #B6B6B6;
	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 0;
}

#featured_in_container img {
	display: inline-block;
	margin: 0 7px;
}


/* Ordered / Unordered Lists
------------------------------------------------------------ */

.entry-content ol {
  	margin: 0 0 25px 0;
	padding: 0;
}

.entry-content ul {
	list-style: none;
	padding: 0;
  	margin: 0 0 25px 0;
}

.entry-content ul li {
	list-style: none;
	padding-left: 1.9em; 
	text-indent: -1.1em;
}

.entry-content ul li::before {
	content: "• ";
	color: #00a6bd;
	font-weight: 900;
	padding-right: 0.5em;
}

.entry-content ol li {
	margin: 0 0 0 1.9em;
}

.error404 .entry-content ul {
	padding-left: 25px;
	padding-right: 25px;
	display: block;
}

.error404 .entry-content ul li {
	list-style: none;
	margin: 0 0 15px 0;
	padding-left: 0;
	text-indent: 0;
}

.error404 .entry-content ul li a {
	background-color: #00a6bd;
	color: #fff;
	padding: 5px 10px;
	display: block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}

.error404 .entry-content ul li a:hover {
	background: #f9c700;
	text-decoration: none;
}

.error404 ul li:before {
	display: none;
}



/* Full Disclosure
------------------------------------------------------------ */

.disclosure-text {
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 13px;
	color: #b3b3b3;
}

.question {
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #00a6bd;
  line-height: 20px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  border-radius: 50%;
  text-align: center;
  position: relative;
  bottom: 3px;
  opacity: 0.7;
  font-style: normal;
}

.question:hover { 
  opacity: 1;
}

.b-tooltip {
  background-color: #007485;
  color: #fff;
  position: absolute;
  right: -15px;
  bottom: 27px;
  z-index: 1000000;
  width: 250px;
  border-radius: 5px;
  font-style: italic;
  padding: 10px;
  font-weight: 300;
}

.b-tooltip:before {
  border-color: #007485 transparent transparent transparent;
  border-top: 6px solid #007485;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  line-height: 0;
  position: absolute;
  top: 100%;
  right: 20px;
}

/* Author Box
------------------------------------------------------------ */

#authorarea {
	background-color: #f4f6f7;
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top: 6px solid #ffcc00;
	margin-bottom: 30px;
}

#authorarea img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 10px solid #ffcc00;
}

.authorbox-left {
	width: 140px;
	display: inline-block;
	float: left;
}

.authorbox-right {
	width: calc(100% - 150px);
	display: inline-block;
	float: right;
	padding: 0 10px;
	box-sizing: border-box;
}

.authorbox-right h3.author-name {
	text-transform: uppercase;
	margin-bottom: 0;
}

.authorbox-right .author-occu {
	font-size: 14px;
	margin-bottom: 15px;
}

.authorbox-right .author-langu {
	font-size: 14px;
	margin-bottom: 15px;
	font-weight: 700;
}

.authorbox-right .author-langu span {
	text-transform: uppercase;
	color: #00a6bd;
}

.authorbox-right .author-desc {
	font-size: 16px;
	margin-bottom: 15px;
}

.authorbox-right a {
	font-size: 16px;
}

/* Images
------------------------------------------------------------ */

img {
	max-width: 100%;
	height: auto;
}

img.centered,
.aligncenter {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	margin: 8px auto;
}

img.alignnone {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline;
	margin: 8px auto;
}

img.alignleft {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline;
	margin: 8px 20px 8px 0;
}

img.alignright {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline;
	margin: 8px 0 8px 20px;
}

.alignleft {
	float: left;
	margin: 8px 20px 8px 0;
}

.alignright {
	float: right;
	margin: 8px 0 8px 20px;
}

.wp-caption {
	background: transparent;
	border: 1px solid #DDDDDD;
	padding: 8px;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 25px;
	max-width: 100%;
}

.wp-caption img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

/* Post Navigation
------------------------------------------------------------ */

.pagination {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 20px;
	overflow: hidden;
}

.pagination a,
.pagination a:visited {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #00a6bd;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 6px 10px 4px 10px;
	text-transform: uppercase;
}

.pagination a:hover {
	background: #f9c700;
	text-decoration: none;
}

.pagination-previous,
.pagination-next {
	margin: 0 3px 0 0;
}

.fixed-navigation a {
	position: fixed;
	top: 50%;
	font-size: 50px;
	z-index: 0;
	opacity: 0;
}

.left a {
	left: 5px;	
}

.right a {
	right: 5px;
}

/* Primary / Secondary Sidebars
------------------------------------------------------------ */

.sidebar {
	float: right;
	display: inline;
}

.sidebar-content .sidebar-primary {
	float: left;
}

.content-sidebar .sidebar-primary {
	width: 32%;
	min-width: 300px;
}

.sidebar-content .sidebar-primary {
	width: 39%;
}

.content-sidebar .sidebar-primary .widget {
	background: rgba(255,255,255, .7);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	margin-bottom: 25px;
	padding: 15px 15px 0px 15px;
}

.sidebar-primary h4 {
	background: url(images/sb_h_1.png) no-repeat left top, url(images/side_arrow.png) right top no-repeat;
	height: 55px;
	position: absolute;
	left: -12px;
	top: 22px;
	padding: 9px 30px 8px 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.9;
	color: #fff;
}

/* General Content
------------------------------------------------------------ */

.entry-header .entry-meta {
	background-color: #00a6bd;
	color: #fff;
	padding: 5px 30px 10px 30px;
	font-style: italic;
	letter-spacing: 0.5px;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 0;
}

.entry-header .entry-meta span {
	text-transform: uppercase;
	font-weight: 700;
	font-style: normal;
	color: #fff;
}

.entry-header .entry-meta .stars {
	width: 100px;
	float: right;
	margin-top: 3px
}

.bctt-click-to-tweet {
	margin: 25px 0;
}

.go-to-facebook,
.show-disqus {
	border: 2px solid #00a6bd;
	text-align: center;
	padding: 22px 20px 20px 20px;
	display: block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 22px;
	color: #00a6bd !important;
	cursor: pointer;
	max-width: 400px;
	width: 100%;
	margin: 15px auto 0 auto;
	line-height: 1em;
	position: relative;
	box-sizing: border-box;
}

.go-to-facebook span {
	text-transform: none;
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
}

.go-to-facebook:before,
.show-disqus:before {
	content: '';
	height: 30px;
	width: 100%;
	display: block;
	position: absolute;
	top: -15px;
	left: 0;
	background: url(images/bubble_b.png) no-repeat center;
}

.go-to-facebook:before {
	background: url(images/bubble_b_fb.png) no-repeat center;

}

.go-to-facebook:hover,
.show-disqus:hover {
	background-color: #f9c700;
	text-decoration: none !important;
	color: #fff !important;
}

#comments {
	margin: 20px auto 0 auto;
}

#tiles-block:before {
	content: '';
	height: 12px;
	width: 100%;
	display: block;
	position: absolute;
	top: -12px;
	left: 0;
	background: url(images/down_tri.png) no-repeat center;
} 

#tiles-block {
	padding: 20px;
	background-color: #d4dddf;
	position: relative;
	z-index: 9999 !important;	
}

.wp-tile-container .grid > div {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.wp-tile-container .grid > div:hover {
	border-bottom: 5px solid #f9c700;
}

.wp-tile-container .grid .title {
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	font-weight: 300 !important;
}

.wp-tiles-pagination {
	margin: 18px 0 10px 0;
}

.wp-tiles-pagination a {
	color: #00a6bd;
	border: 2px solid #00a6bd;
	padding: 12px 20px 10px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-transform: uppercase;
}

.wp-tiles-pagination a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #f9c700;
}

.bl-title {
	text-align: center;
	font-size: 24px;
	line-height: 1.1em;
	padding: 10px;
}

.bl-author {
	text-align: center;
	font-size: 14px;
	font-style: italic;
	padding: 10px;
}

.bl-excerpt {
	text-align: center;
	font-size: 16px;
	padding: 10px;
}

/* Frontpage - Landing page
------------------------------------------------------------ */

.home .site-container {
	background: url(images/main_bg_3.jpg) center top fixed no-repeat #00a6bd;
}

.home .content {
	background: rgb(255,255,255);
	background: rgba(255,255,255, .7);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.home .pic-in-content {
	display: none;
}

.home .entry-content {
	padding: 20px;
}

.home .entry-content p {
	margin-bottom: 8px;
	font-size: 14px;
}

.home .widget h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
}

/* Blog Home
------------------------------------------------------------ */

.bloghome .site-container {
	background: url(images/main_bg_3.jpg) center top fixed no-repeat #00a6bd;
}

.bloghome .content {
	background: rgb(255,255,255);
	background: rgba(255,255,255, .7);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
}

.bloghome .entry-content {
	display: none;
}

.bloghome .tabs {
	width: 100%;
	display: inline-block;
}

.bloghome .tab-links {
	background: url(images/recent_bg.png) no-repeat;
	position: absolute;
	left: -12px;
	top: 22px;
	padding-bottom: 10px;
}

.bloghome .tab-links li {
	margin: 0 !important;
	float: left;
	list-style: none;
}

.bloghome #tab-links-arrow {
	background: url(images/tab_arr.png) no-repeat right;
	width: 35px;
	height: 44px;
}

.bloghome .tab-links a {
	padding: 10px 15px 7px 15px;
	line-height: 1.6;
	display: inline-block;
	background: #accdc6;
	font-size: 17px;
	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff !important;
	transition: all linear 0.3s;
}
 
.bloghome .tab-links a:hover {
	background: #f9c700;
	text-decoration: none;
}
 
.bloghome li.active a {
	background-color: #00a6bd; 
	color: #fff;
}

.bloghome .tab {
	display: none;	
}
 
.bloghome .tab.active {
	display: block;
}

.bloghome .tab-content {
	padding: 0 15px 1px 15px;
	border-radius: 3px;
	margin-top: 90px;  
}
 
.bloghome .tab-content ul li {
	list-style: none;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	min-height: 150px;
	border-bottom: 1px dotted #00a6bd;
}

.bloghome-list-thumb {
	position: absolute;	
}

.bloghome-list-thumb img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.bloghome-list-text {
	margin-left: 165px;
}

.bloghome-list-title h2 {
	line-height: 1.2;
	margin-bottom: 0 !important;
}

.bloghome-list-title h2 a {
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-size: 20px;
	display: inline-block;
}

.bloghome-list-title h2 a:hover {
	color: #00a6bd !important;
	border-left: 5px solid #ffcc00;
	padding-left: 5px;
}

.bloghome-list-author {
	font-size: 14px;
	color: #00a6bd;
	display: inline-block;
	padding: 2px 0;
	margin-bottom: 8px;
	font-style: italic;
}

.bloghome-list-author a {
	color: #00a6bd;
	font-style: normal;
	text-transform: uppercase;
}

.bloghome-list-content {
	font-size: 14px;
}

.the-more-button {
	background: url(images/more_bg_sprite.png) 0 0 no-repeat;
	font-size: 12px;
	line-height: 1.4;
	color: #fff !important;
	width: 51px;
	height: 15px;
	padding-left: 6px;
	display: block;
	margin-top: 10px;
	transition: none;
	text-decoration: none !important;
}

.the-more-button:hover {
	background-position: 0 -15px;
	text-decoration: none !important;
}

.the-more-button:visited {
	color: #fff;
}

#bloghome-full-list-button {
	text-align: center;
}

#bloghome-full-list-button a {
	font-weight: 700;
	color: #00a6bd;
	border-bottom: 6px solid #f9c700;
	padding: 0 35px;
	position: relative;
	bottom: 2px;
}

#bloghome-full-list-button a:hover {
	color: #f9c700;
	text-decoration: none;
}

.bloghome .join-spot-bloghome {
	position: absolute;
	top: -40px;	
	right: -40px;
	width: 30%;
}

.bloghome .ck_form_fields {
	background: none;
	padding: 5px;
}

.bloghome .ck_form_fields .widget-optin-title {
	margin-top: 65px !important;
	padding: 0 !important;	
	color: #00a6bd;
	font-weight: 700 !important;
	font-size: 1.1em;
}

.bloghome .ck_form_fields .optin-text {
	padding: 0;	
	color: #00a6bd;
}

.bloghome .ck_form_fields  label {
	color: #00a6bd;
}

.bloghome .ck_form_fields input[type="text"],
.bloghome .ck_form_fields input[type="email"],
.bloghome .ck_form_fields select {
	width: 90%;
}

.bloghome .ck_form_fields button {
	margin-top: 20px;
	width: 90%;
}

/* ABOUT - SPEAKER
------------------------------------------------------------ */

.content .page .special-cover-img-title,
.search .special-cover-img-title {
	max-width: 500px;
	width: auto;
	box-sizing: border-box;
	padding: 10px 20px;
	position: absolute;
	top: 50%;
	z-index: 2;
	left: 20%;
	border-left: 2px dotted #fff; 
	-webkit-transform: translateX(-20%) translateY(-50%);
	-moz-transform: translateX(-20%) translateY(-50%);
	-ms-transform: translateX(-20%) translateY(-50%);
	-o-transform: translateX(-20%) translateY(-50%);
	transform: translateX(-20%) translateY(-50%);
	text-align: left;
	color: #fff;
}

.content .page .special-cover-img-title h1,
.search .special-cover-img-title h1 {
	font-size: 66px;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	line-height: 1.1;
	margin-bottom: 18px;
	text-transform: uppercase;
	font-weight: 300;
	border-bottom: none;
	padding: 0;
}

.special-cover-img-title p {
	margin-bottom: 18px;
	font-size: 16px;
}

.speaker-page h2 {
	background: 
		url(images/perfored_bg_left.png) left repeat-y, 
		url(images/perfored_bg_right.png) right repeat-y, 
		url(images/zigzag_bg.png);
	background-color: #00a6bd;
	color: #fff !important;
	padding: 25px 20px;
	margin-bottom: 30px !important;
	margin-top: 5px !important;
}

.img-speaker-icon {
	vertical-align: middle;
	margin: 0 20px 0 10px !important;
}

.speaker-page .entry-content > p {
	padding-left: 25px;
	padding-right: 25px;
}

.speaker-page a.button {
	margin-bottom: 20px;
}

.special-cover-img-title.title-center {
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	border: none;
}

.speaker-page #special-footer-title {
	color: #fff;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 18px;
}

#benny-about-block {
	background: 
		url(images/perfored_bg_left.png) left repeat-y, 
		url(images/perfored_bg_right.png) right repeat-y, 
		url(images/zigzag_bg.png);
	background-color: #00a6bd;
	color: #fff !important;
	padding: 30px 30px 5px 30px;
	margin-bottom: 30px;
}

#benny-about-block h2 {
	background: none;
	padding: 0;
	margin-top: 0 !important;
}

#benny-about-block p {
	color: #fff !important;
	font-size: 16px;
}

.about-block-portrait {
	display: inline-block;
	float: left;
	width: 30%;
	margin-right: 3%;
}

.about-block-text {
	display: inline-block;
	width: 65%;
}

/* ABOUT - LIFE HACKER
------------------------------------------------------------ */

.img-portrait {
	vertical-align: middle;
	margin: 0 5px 10px 0 !important;
	border: none !important;	
}

a#where-is-benny {
	background: url(images/place_icon.png) no-repeat center #00a6bd;
	text-align: center;
	padding: 65px 10px 60px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	max-width: 360px;
	min-height: 140px;
	margin: 25px auto;
	text-transform: uppercase;
	color: #fff;
	display: block;
	text-decoration: none;
}

#where-is-benny:hover {
	background-color: #068192;
}

#where-is-benny b {
	color: #f9c700;
	font-size: 26px;
}

/* List Page
------------------------------------------------------------ */

.list-page .entry-title {
	text-align: center;
}

.list-page .entry-header {
	padding: 30px 30px 5px 30px;
}

.list-page .entry-header .entry-meta,
.list-page .entry-header .entry-meta span {
	background: transparent;
	color: #00A6BD;
	text-align: center;
	font-size: 15px;
}

.list-page .type-products .entry-header .entry-meta {
	display: none;
}

.list-page .type-pages .entry-header .entry-meta {
	display: none;
}

.list-page .entry-content {
	border-bottom: 1px dashed #00A6BD;
	padding: 20px 30px 30px 30px;
}

.list-page .entry-footer {
	display: none;
}

.list-page .entry-content img {
	border: none;
	padding: 0;
	margin: 7px 20px 10px 0;
}

.list-page p {
	margin-bottom: 0;
}

.list-page .the-more-button {
	float: right;
}

/* Products Page
------------------------------------------------------------ */

.products-page .products-content li.product-list-item {
	list-style: none;
	border-bottom: 1px dotted #00a6bd;
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
}

.products-page .products-content li.product-list-item::before {
	display: none;
}

.products-page .products-content .product-content .product-text {
	display: inline-block;
	width: 70%;
	margin-top: 25px;
}

.products-page .products-content .product-content {
	padding-top: 15px;
	padding-bottom: 25px;
	padding-left: 20px;
}

.products-page .products-content .product-content img {
	display: inline-block;
	float: left;
	margin-right: 10px;
}

.products-page .products-content .product-content p {
	margin-bottom: 10px;
	font-size: 0.9em;
}

/* Author list page
------------------------------------------------------------ */

body.author h2.entry-title, 
body.author .special-cover-img-title h1 {
	margin-bottom: 0;
}

/* Forum Page
------------------------------------------------------------ */

.forum-page .entry-content {
	border-top: none !important;
	max-width: 1200px;
}

/* 404 Page
------------------------------------------------------------ */

.error404 .genesis-404-search {
	margin-bottom: 23px;
	margin-left: 25px;
}

/* Search
------------------------------------------------------------ */

.search-no-results .entry {
	text-align: center;
	margin-top: 60px;	
}

/* Stop Page
------------------------------------------------------------ */

.stop-page .cover-img-title {
	display: none;
}

/* FI3MC FULL
------------------------------------------------------------ */

.fi3mc-full .cover-img-title {
	display: none;
}

/* Sitemap Page
------------------------------------------------------------ */

.archive-list > ul {
	display: none;
}

ul.archive-list li span {
	background-color: #accdc6;
	color: #fff !important;
	display: block;
	text-align: center;
	padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 20px;
	cursor: pointer;
}

ul.archive-list li span:hover {
	background: #f9c700;
}

ul.archive-list li {
	list-style: none;
	margin-bottom: 10px;
	margin-left: 0;
}

ul.archive-list li ul {
	padding: 0 20px;
	margin-bottom: 25px
}

/* Language Learning Resources 
------------------------------------------------------------ */

.res-circle-container {
	text-align: center;
}

.res-img-container {
	display: inline-block;
	margin: 10px;
}

.res-img-container img {
	width: 180px;
	transition: transform .2s;
}

.res-img-container img:hover {
	transform: scale(1.2);
}

.res-benny-signature {
	text-align: right;
}

.res-benny-signature img {
	width: 150px;
	margin-left: auto;
	margin-right: 0;
}

/* Resources Page - Single
------------------------------------------------------------ */

.res-data {
	width: 33%;
	position: absolute;
	top: 0;
	height: 100%;
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	line-height: 38px;
	box-sizing: border-box;
	display: table-cell;
}

.res-data span {
	font-weight: 700;
}

.data-map {
	left: 0px;
	background: rgba(0,0,0,.6)
}

.data-map img {
	width: 70%;
	margin-top: 12%;
}

.data-speakers {
	left: 33%;
	border-left: 2px dotted #fff;
	border-right: 2px dotted #fff;
	padding: 10px 20px;
}

.data-countries {
	left: 66%;
	padding: 10px 20px;
}

.data-text {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.page-id-15353 .res-data-container {
	display: none;
}

/* Category Selector Row
------------------------------------------------------------ */

#category-selector {
	width: 100%;
	background: url(images/optin_bg.png) no-repeat center #00a6bd;
	color: #fff;
	padding: 30px 0 0 0;
	display: block;
	text-align: center;
}

#category-selector h4 {
	display: inline-block;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
}

#category-selector ul li{
	display: inline-block;
	list-style: none;
	width: 190px;
	padding-top: 30px;
	padding-bottom: 30px;
}

#category-selector ul li a{
	color: #fff;
	text-transform: uppercase;
	padding-top: 100px;
	display: block;
	transition: none;
}

#category-selector ul li a:hover {
	color: #f9c700;
	text-decoration: none;
	background-position: 50% 0px;
}

li.cat-item-362 a {
	background: url(images/success_stories_icon_sprite.png) no-repeat 50% -133px;
}

li.cat-item-363 a {
	background: url(images/language_hacking_icon_sprite.png) no-repeat 50% -133px;
}

li.cat-item-3 a {
	background: url(images/language_missions_icon_sprite.png) no-repeat 50% -133px;
}

li.cat-item-373 a {
	background: url(images/fun_icon_sprite.png) no-repeat 50% -133px;
}

li.cat-item-45 a {
	background: url(images/culture_icon_sprite.png) no-repeat 50% -133px;
}

/* Language Resource Selector Row
------------------------------------------------------------ */

#lang-cat-hook {
	background-color: #309eb3;
	color: #fff;
	padding: 5px;
}

#lang-cat-wrap {
	width: auto;
	text-align: center;
}

#lang-cat-hook h4 {
	display: inline-block;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 18px;
	position: relative;
	top: 3px;
}

#lang-cat-wrap > ul {
	display: inline-block;
	margin: 5px 5px 5px 5px;
	text-align: left !important;
}

#lang-drop ul {
	display: none;
}

#lang-drop:hover > ul {
	display: block;
}

#lang-drop {
	/* Size and position */
	list-style: none !important;
	position: relative;
	width: 200px;
	padding: 5px 10px;
	z-index: 9999 !important;
	/* Styles */
	background: #fff;
	border-radius: 7px;
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: 0 1px 1px rgba(50,50,50,0.1);
	cursor: pointer;
	outline: none;
	/* Font settings */
	font-weight: 700;
	color: #00a6bd;
}

#lang-drop a {
	color: #00a6bd;
	text-decoration: none;
}

#lang-drop:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -3px;
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #8aa8bd transparent;
}

#lang-drop ul {
	/* Size & position */
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	/* Styles */
	background: white;
	border-radius: inherit;
	border: 1px solid rgba(0,0,0,0.17);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	font-weight: 400;
	transition: all 0.5s ease-in;
	list-style: none !important;
}

#lang-drop ul li a {
	font-size: 14px;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #8aa8bd;
	border-bottom: 1px solid #e6e8ea;
	box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	transition: all 0.3s ease-out;
}
	
#lang-drop ul li:first-of-type a {
	border-radius: 7px 7px 0 0;
}
 
#lang-drop ul li:last-of-type a {
	border-radius: 0 0 7px 7px;
	border: none;
}
 
#lang-drop ul li:hover a {
	background: #f3f8f8;
}

ul.bf-lang-list li:before {
	display: none;
}

ul.bf-lang-list li {
	display: inline-block;
	text-indent: 0;
	padding-left: 0;
	margin: 6px 0;
}

ul.bf-lang-list li a {
	background: #fff;
	border-radius: 7px;
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: 0 1px 1px rgba(50,50,50,0.1);
	cursor: pointer;
	outline: none;
	padding: 5px 10px;
}

ul.bf-lang-list li a:hover {
	background: #00a6bd;
	color: #fff;
	text-decoration: none;
}

#lang-drop ul li {
	padding-left: 0;
}

#lang-drop ul:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 15px;
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: #fff transparent;    
}
 
#lang-drop ul:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 13px;
	border-width: 0 8px 8px 8px;
	border-style: solid;
	border-color: rgba(0,0,0,0.1) transparent;    
}

/* Hide/Show email
------------------------------------------------------------ */

.contact-email {
	display: none;
	background-color: #fff;
	padding: 3px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left: 20px;
}

.show-contact {
	background-color: #accdc6;
	display: inline-block;
	padding: 5px 10px; 
	color: #fff;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
}

/* Accordion
------------------------------------------------------------ */

.toggle-head {
 	background-image: url(images/arrow-down.png);
 	background-color: #00a6bd;
 	background-repeat: no-repeat;
 	background-position: left;
 	display: block;
 	-webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 35px;
	margin-bottom: 10px;
	cursor: pointer;
}

.toggle-head a {
	color: #fff !important;
	text-decoration: none !important;
}

.toggle-head.toggle-open {
	background-image: url(images/arrow-up.png);
}

.toggle-body {
	margin-left: 20px;
	margin-top: -15px;
}

/* Form elements
------------------------------------------------------------ */

input[type="text"], 
input[type="email"] {
	border: 1px solid #DDD; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px; 
	box-shadow: 0 0 6px #DDD inset; 
	color: #666; 
	outline: none; 
	height: 40px;
	margin: 5px;
	padding: 0 10px;
	width: 40%;
	box-sizing: border-box;
	font-size: 16px;
}

textarea {
	border: 1px solid #DDD; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px; 
	box-shadow: 0 0 6px #DDD inset; 
	color: #666;
	margin: 5px; 
	padding: 5px;
	outline: none; 
}

.button,
button.formkit-submits, 
.wpcf7 input[type="submit"] { 
	padding: 10px 15px 10px 15px; 
	line-height: 20px; 
	color: #fff !important; 
	text-decoration: none !important; 
	font-size: 18px; 
	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
	font-weight: 700; 
	display: inline-block; 
	text-align: center; 
	background: #f7d812; 
	background: -moz-linear-gradient(top, #f7d812, #f7d812 50%, #f9c700 51%, #f9c700); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7d812), color-stop(.5, #f7d812), color-stop(.5, #f9c700), to(#f9c700));  
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	border: 1px solid #ffe618;  
	text-shadow: 1px 1px 1px grey; 
	-moz-box-shadow: 0 1px 3px black; 
	-webkit-box-shadow: 0 1px 3px black; 
	box-shadow: 0 1px 3px black; 
} 
	
.button:hover,
button.formkit-submits:hover, 
.wpcf7 input[type="submit"]:hover { 
	background: #0dffab; 
	background: -moz-linear-gradient(top, #0dffab, #0dffab 50%, #00db8f 51%, #00db8f); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0dffab), color-stop(.5, #0dffab), color-stop(.51, #00db8f), to(#00db8f)); 
	cursor: pointer;
	border: 1px solid #56ffc8;
} 

select {
	border: 1px solid #DDD !important;
	-webkit-appearance: none;  /*Removes default chrome and safari style */
	-moz-appearance: none !important; /* Removes Default Firefox style */
	background: url(images/select-arrow.png) no-repeat 97% center #fff;
	width: 40%; /*Width of select dropdown to give space for arrow image*/
	height: 40px;		
	text-indent: 0.01px !important; /* Removes default arrow from firefox*/
	text-overflow: "" !important;  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
	margin: 5px;
	border-radius: 8px;
	padding: 0 10px;
	font-size: 16px;
}

select:focus {
	outline: none;
}

/* ConvertKit Form
------------------------------------------------------------ */

.ck_form_fields {
	background: url(images/optin_bg.png) center center #00a6bd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
	text-align: center;
	position: relative;
}

.ck_form_fields h3 {
	margin: 0 !important;
	padding: 0 20% !important;
	color: #fff !important;
	font-weight: 400 !important;
}

.ck_form_fields .optin-emp {
	font-weight: 700;
	color: #f9c700;
}

.ck_form_fields .optin-text {
	color: #fff;
	font-size: 14px;
	margin: 15px 0;
	padding: 0 20%;
	display: block;
}

.ck_form_fields .button {
	margin: 15px 0;
}

.ck_form_fields .what-language {
	display: block;
	font-size: 14px;
	color: #fff;
}

.ck_form_fields .join-spot {
	position: absolute;
	top: -20px;	
	right: -20px;
	width: 20%;
}

.ck_form_fields #join-block {
	display: none;
}

.ck_form .ck_converted_content {
	margin-top: 10px;
	display: none;
}

.ck_form .ck_converted_content img {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.single .ck_form {
	opacity: 0;
}

/* ConvertKit Form NEW
------------------------------------------------------------ */

.siaw_optin_container {
	background: url(images/optin_bg.png) center center #00a6bd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
	text-align: center;
	position: relative;
}

.siaw_optin_container h3 {
	margin: 0 !important;
	padding: 0 20% !important;
	color: #fff !important;
	font-weight: 400 !important;
}

.siaw_optin_container .optin-emp {
	font-weight: 700;
	color: #f9c700;
}

.siaw_optin_container .optin-text {
	color: #fff;
	font-size: 14px;
	margin: 15px 0;
	padding: 0 20%;
	display: block;
}

.siaw_optin_container .button {
	margin: 15px 0;
}

.siaw_optin_container .join-spot {
	position: absolute;
	top: -20px;	
	right: -20px;
	width: 20%;
}

.siaw_optin_container #join-block {
	display: none;
}

.ck_form .ck_converted_content img {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.formkit-field input,
.formkit-field select {
	margin: 0;
}

.formkit-powered-by {
	display: none !important;
}

button.formkit-submit { 
	padding: 10px 15px 10px 15px; 
	display: inline-block; 
	text-align: center; 
	background: #f7d812; 
	background: -moz-linear-gradient(top, #f7d812, #f7d812 50%, #f9c700 51%, #f9c700); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7d812), color-stop(.5, #f7d812), color-stop(.5, #f9c700), to(#f9c700));  
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	border: 1px solid #ffe618;  
	text-shadow: 1px 1px 1px grey; 
	-moz-box-shadow: 0 1px 3px black; 
	-webkit-box-shadow: 0 1px 3px black; 
	box-shadow: 0 1px 3px black; 
	width: 100%;
	max-width: 300px;
	margin: 0 auto !important;
} 

button.formkit-submit span {
	line-height: 20px; 
	color: #fff !important; 
	text-decoration: none !important; 
	font-size: 18px !important; 
	font-family: 'Fira Sans', Helvetica, Arial, sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase;
}
	
button.formkit-submit:hover { 
	background: #0dffab; 
	background: -moz-linear-gradient(top, #0dffab, #0dffab 50%, #00db8f 51%, #00db8f); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0dffab), color-stop(.5, #0dffab), color-stop(.51, #00db8f), to(#00db8f)); 
	cursor: pointer;
	border: 1px solid #56ffc8;
}

.formkit-field:nth-child(1),
.formkit-field:nth-child(2) {
	flex-basis: 50% !important;
}

.formkit-field:nth-child(1) {
	padding-right: 5px;
}

.formkit-field:nth-child(2) {
	padding-left: 5px;
}

.formkit-fields {
	width: 80% !important;
	margin: 0 auto;
}

.siaw_optin_container select {
	border: 1px solid #DDD !important;
	height: 40px !important;		
	padding: 0 10px !important;
}

.siaw_optin_container ul li:before {
	display: none;
}

.my-test-page .ck_form {
	display: none;
}

/* Cheatsheet Form
------------------------------------------------------------ */

.cheatsheet-page .ck_form {
	display: none;
}

.cheatsheet-page .ck_form.cheatsheet_form {
	display: block;
}

.cheatsheet-cover {
	width: 35%;
	float: left;
	padding-top: 8px;
	padding-left: 8px;
	text-align: left;
}

.cheatsheet_form form {
	width: 63%;
	float: right;
}

.cheatsheet_form form h3 {
	padding: 12px 5px !important;
}


@media only screen and (max-width:650px) {
	.cheatsheet-cover {
		display: none
	}
	
	.cheatsheet_form form {
		width: 100%;
		
	}
}

/* Product Comparsion Table
------------------------------------------------------------ */

.pro-comp-table-container {
	padding: 30px 55px;
	background-color: rgba(255,255,255,.8);
	overflow-x: auto;
}

.pro-comp-table-container table {
	line-height: 1.3;
	font-size: 0.9em;
	margin-bottom: 0;
}

.pro-comp-table-container table tr th,
.pro-comp-table-container table tr td {
	text-align: center;
	padding: 10px;
	border-top: none;
}

.pro-comp-table-container table tr th {
	color: #fff;
	font-weight: 900;
}

.pro-comp-table-container table tr th:nth-child(2n+2) {
	background-color: #00A6BD;
}

.pro-comp-table-container table tr th:nth-child(2n+1) {
	background-color: #04c7e2;
}

.pro-comp-table-container table tr th:first-child {
	background-color: transparent;
}

.pro-comp-table-container table tr:nth-child(2) td {
	font-size: 0.7em;
}

.pro-comp-table-container table tr:nth-child(2) td:nth-child(2n+2) {
	background-color: rgba(255,255,255,.1);
}

.pro-comp-table-container table tr:nth-child(2) td:nth-child(2n+1) {
	background-color: rgba(255,255,255,.2);
}

.pro-comp-table-container table tr:nth-child(2) td:first-child {
	background-color: transparent;
}

.pro-comp-table-container table tr:nth-child(2) td {
	border-bottom: 1px solid transparent;
}

.pro-comp-table-container table tr:nth-child(3) td:nth-child(2n+2) {
	background-color: #f8c700;
}

.pro-comp-table-container table tr:nth-child(3) td:nth-child(2n+1) {
	background-color: #ffda42;
}

.pro-comp-table-container table tr:nth-child(3) td:first-child {
	background-color: transparent;
}

.pro-comp-table-container table tr:nth-child(3) td {
	border-bottom: 1px solid transparent;
}

.pro-comp-table-container table tr:nth-child(n+4) td:nth-child(2n+2) {
	background-color: rgba(255,255,255,.1);
}

.pro-comp-table-container table tr:nth-child(n+4) td:nth-child(2n+1) {
	background-color: rgba(255,255,255,.2);
}

.pro-comp-table-container table tr:nth-child(n+4) td:first-child {
	background-color: transparent;
}

.pro-comp-table-container table tr:nth-child(n+4) {
	border-bottom: 1px solid #00A6BD;
}

.pro-comp-table-container table tr:last-child td:nth-child(2n+2) {
	background-color: #0a3044;
}

.pro-comp-table-container table tr:last-child td:nth-child(2n+1) {
	background-color: #134b68;
}

.pro-comp-table-container table tr:last-child td:first-child {
	background-color: transparent;
}

.pro-comp-table-container table tr:last-child {
	border-bottom: 1px solid transparent;
}

.pro-comp-table-container table a {
	color: #0a3044;
	background-color: #ffda42;
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	line-height: 1em;
}

.pro-comp-table-container table a:hover {
	background-color: #f8c700;
	text-decoration: none;
}

.cover-image .pro-comp-chm {
	width: 25px;
}

/* Content Table
------------------------------------------------------------ */

.responsive-table {
	margin-bottom: 0;
}

.responsive-table tr th {
	background-color: #134b68;
	border: 1px solid #fff;
	color: #fff;
	padding: 0.5em;
    font-size: 0.8em;
    box-sizing: border-box;
    line-height: 1.1;
    border-radius: 5px;
    text-align: center;
}

.responsive-table tr td {
	background-color: #00A6BD;
	border: 1px solid #fff;
	color: #fff;
	padding: 0.5em;
    font-size: 0.8em;
    box-sizing: border-box;
    line-height: 1.1;
    border-radius: 5px;
    text-align: center;
}

/* Product Review Sales Page
------------------------------------------------------------ */

.pro-rev-block {
	background: 
		url(images/perfored_bg_left.png) left repeat-y, 
		url(images/perfored_bg_right.png) right repeat-y, 
		url(images/zigzag_bg.png);
	background-color: #00a6bd;
	color: #fff !important;
	padding: 25px 30px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.pro-rev-block strong {
	color: #f8c700;
}

/* Footer
------------------------------------------------------------ */

.site-footer {
	background: #00A6BD;
	clear: both;
    border-top: 1px solid #ddd;
    font-size: 1.6rem;
    line-height: 1;
    padding: 40px 0;
}

.site-footer .wrap {
	margin: 0 auto;
	padding: 0 15px;
}

.site-footer p {
	color: #fff;
	font-size: 14px;
	text-align: center;
}

.site-footer a,
.site-footer a:visited {
	color: #fff;
	text-decoration: none;
}

.site-footer a:hover {
	color: #F9C700;
	text-decoration: underline;
}

.site-footer hr {
	width: 150px;
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #fff;
	margin: 18px auto;
}

.follow-footer {
	text-align: center;
}

.follow-footer a {
	margin: 0.5em 0.2em;
	display: inline-block;
}

.follow-footer svg:hover {
	fill: #ffce00;
}

/* Hacks
------------------------------------------------------------ */

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

.entry-content h2 {
	clear: both !important;
}

.no-comment .go-to-facebook {
	display: none;
}

.no-comment .comments-area {
	display: none;
}

.post-without-optin .ck_form {
	display: none;
}

/* Responsive Styles
------------------------------------------------------------ */

@media only screen and (min-width: 1281px) {

	.cover-image > div > img { border-left: 1px dashed #fff; border-right: 1px dashed #fff;	}

}

@media only screen and (max-width: 980px) {
	
	.res-data-container { display: none; }

}

@media screen and (min-device-width: 320px) and (max-device-width: 1024px) {
/* CSS for iPhone and iPad only */
	html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
}

@media only screen and (max-width: 880px) {

	.site-container { border: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
	body.override .site-header .wrap, .site-header .widget-area { width: 100%; }
	.title-area { height: 115px; padding-left: 0; text-align: center; float: none; }
	.site-header .widget-area { padding: 0; }
	.header-image .site-header .wrap .title-area { margin: 0 auto; float: none; }
	body.override .menu-primary, .site-header .widget-area { width: 100%; }
	.site-header .widget-area { float: none; }
	.genesis-nav-menu li.right { display: none; }
	ul.menu-primary, .site-header ul.genesis-nav-menu { float: none; text-align: center; }
	.menu-primary li, .site-header .genesis-nav-menu li { display: inline-block; float: none; }
	.menu-primary li li, .site-header .genesis-nav-menu li li { text-align: center; }
	body.override .content-sidebar-wrap, body.override .content { width: 100%; }
	body.override .site-inner { padding-bottom: 10px; }
	.content { padding: 0; }
	body.override .sidebar-primary { width: 100%; float: left; }
	.five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth,
	.one-half, .one-sixth, .one-third, .three-fifths, .three-fourths,
	.three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { width: 100%; padding: 0 0 25px; }
	.first { padding-top: 0 !important; }
	#home-hook-wrap { padding-bottom: 0; }
	.site-inner { padding-left: 0; padding-right: 0; }

	/* HEADER */

	.title-area { margin: 0 auto !important; }
	.header-widget-area { width: 100%; }
	.nav-header { text-align: center; }
	.widget_search .search-form { text-align: center; position: relative; bottom: 20px; }
	.site-header .genesis-nav-menu li {	float: left; }

	/* CONTENT */

	.pic-in-content { display: block !important; }
	.home .content, .bloghome .content { width: 100% !important; }

	/* SIDEBAR */

	.home .sidebar { display: none; } 
	.bloghome .sidebar { width: 100% !important; }

}

@media only screen and (max-width: 936px) {

	.bloghome .content { width: 100% !important; }

	/* SIDEBAR */

	.bloghome .sidebar { width: 100% !important; }

	.bloghome .join-spot-bloghome {	top: -40px !important; right: -40px !important;	width: 20%; }

	.sidebar-primary { margin: 20px 0 0; }

}

@media only screen and (min-width: 768px) and (max-width: 880px) {

}

@media only screen and (min-width: 480px) and (max-width: 880px) {

	.join-spot { top: -20px !important;	right: -20px !important; }
	.cover-img-title h1, #special-footer-title { font-size: 1.6em !important; }
	.site-inner { padding-bottom: 25px !important; }
	.widget_nav_menu ul.sub-menu li { float: none !important; }

}

@media only screen and (max-width: 767px) {

	/* MENU */

	.nav-primary .wrap { padding: 0; }
	.nav-primary, .site-header .widget-area, .site-header .genesis-nav-menu { height: 100%; border-bottom: 0; } 
	.menu-primary, .site-header .menu, .menu-primary li, .site-header .genesis-nav-menu li, .menu-primary li ul, .site-header .genesis-nav-menu li ul { width: 100%; } 
	.menu-primary li ul, .site-header .genesis-nav-menu li ul { display: block; visibility: visible; height: 100%; left: 0; position: relative; width: 100% !important; }
	.menu-primary a { color: #fff; border-right: 0 !important; border-bottom: 1px solid #068192 !important; text-align: center !important; } 
	.site-header .genesis-nav-menu a { border-right: 0 !important; border-bottom: 1px solid #068192 !important; } 
	.menu-primary li li, .site-header .genesis-nav-menu li li { text-align: center; } 
	.menu-primary li li a, .menu-primary li li a:link, .menu-primary li li a:visited, .site-header .genesis-nav-menu li li a, .site-header .genesis-nav-menu li li a:link, .site-header .genesis-nav-menu li li a:visited { width: auto; } 
	.menu-primary li ul ul, .site-header .genesis-nav-menu li ul ul { margin: 0; } 
	.nav-primary, .nav-header { display: none; } 
	.mobile-primary-toggle { display: block; }
	.menu-primary li a.sf-with-ul { padding-right: 12px; }
	.mobile-primary-toggle i { vertical-align: middle; }

	/* NOT MENU */

	span.art { display: none; }
	.bloghome .tab-links a { padding: 11px 12px 10px 12px; display: inline-block; font-size: 15px; }
	.entry-content { padding: 15px;	}
	.product-comparsion-page h2 img, .products-page h2 img, .speaker-page h2 img { width: 40px; }
	.about-block-text, .about-block-portrait { width: 100%;	margin-right: 0; }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.product-comparsion-page .special-cover-img-title p, .products-page .special-cover-img-title p, .speaker-page .special-cover-img-title p { font-size: 14px; margin-bottom: 5px; }
	.site-header { height: 180px; }

}

@media only screen and (max-width: 479px) {

	.title-area { width: 100%; }
	.header-image .site-title > a {	background: url(images/fi3m_logo_web_vector.svg) top center / 270px no-repeat !important; background-size: 270px auto; }
	.special-cover-img-title h1, .cover-img-title h1 { font-size: 1em !important; padding-left: 0; padding-right: 0; }
	#byline { font-size: 14px; }
	.authorbox-left { width: 100%; }
	.authorbox-right { padding: 0; width: 100%; }
	input[type="search"] { width: 175px !important; }
	.site-inner { padding: 0 0 10px 0 !important; }
	.home .site-inner, .bloghome .site-inner { padding: 10px !important; }
	.list-page .entry-header { padding: 30px 30px 0 30px; font-size: 24px; }
	.list-page .entry-content { padding: 0 30px 30px 30px; }
	.list-page .archive-pagination { padding: 10px; }
	.entry-content p, .entry-content li, .entry-content dl, .entry-content tbody { font-size: 80% !important; }
	.entry-content blockquote {	padding-right: 0 !important; }
	.entry-content h1 {	font-size: 26px !important; }
	.entry-content h2, .entry-content h3 { font-size: 24px !important; }
	.entry-content h4, .entry-content h5 { font-size: 20px !important; }
	.ck_form_fields .join-spot { display: none !important; }
	.bloghome .ck_form_fields .join-spot-bloghome { top: -30px !important; right: 0 !important;	width: 30%; }
	.ck_form_fields #join-block { padding: 10px; display: block; margin-bottom: 10px; color: #fff; text-align: center; line-height: 18px; background-color: #f9c700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.ck_form_fields h3, .ck_form_fields .optin-text { padding: 0 5px; }
	.ck_form_fields input.button { font-size: 16px; }
	.home input[type="text"], .ck_control_group input[type="text"], .ck_control_group input[type="email"] {	width: 90% !important; display: block; margin: 5px auto !important; }
	.ck_control_group select { width: 90% !important; }
	.fixed-navigation a { font-size: 14px; }
	.left a { left: 2px; }
	.right a { right: 2px; }
	#category-selector ul li { display: inline-block; width: 120px; padding: 10px 0; }
	#category-selector ul li a { font-size: 12px; }
	.list-page .entry-content img, .bloghome-list-thumb { display: none; }
	.bloghome-list-text { margin-left: 0; }
	#bloghome-full-list-button a { padding: 0 5px; }
	.speaker-page h2 img { display: none; }
	.speaker-page .entry-content > p { padding-left: 0; padding-right: 0; }
	.speaker-page #special-footer-title { display: none; }
	.product-comparsion-page .cover-img-title h1 { margin-bottom: 0; }
	.products-page .cover-img-title h1 { margin-bottom: 0; }
	.products-page .special-cover-img-title p, .speaker-page .special-cover-img-title p { display: none; }
	.special-cover-img-title.title-center {	width: 100%; }
	.products-page .product-content img { width: 80px; }
	.products-page .tab-content .product-content .product-text { margin-top:  0; }
	.products-page .tab-content .product-content .product-text h2 { margin-bottom: 0; margin-top: 5px; }
	.products-page .tab-links li { display: block; }
	.products-page .tab-links li a { text-align: center; display: block; }
	.products-page .tab-links {	padding-left: 0; }
	#search-container { padding-bottom: 20px; }

}

@media only screen and (min-width: 768px) {

	.nav-primary { display: none !important; }

}

.hide-cover .entry-header {
	display: none;
}

.rounded-team-img {
	border-radius: 50% !important;
}

.toppick_banner {
	border-radius: 5px;
	margin-bottom: 25px;
}

.category-black-friday .entry-content strong a {
	padding: 10px 15px 10px 15px;
    line-height: 20px;
    color: #000 !important;
    text-decoration: none !important;
    font-size: 18px;
    font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    background: #f7d812;
    background: -moz-linear-gradient(top, #f7d812, #f7d812 50%, #f9c700 51%, #f9c700);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7d812), color-stop(.5, #f7d812), color-stop(.5, #f9c700), to(#f9c700));
    border-radius: 10px;
    border: 1px solid #ffe618;
    box-shadow: 0 1px 3px black;	
}

.category-black-friday .entry-content strong a:hover {
    background: #0dffab;
    background: -moz-linear-gradient(top, #0dffab, #0dffab 50%, #00db8f 51%, #00db8f);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0dffab), color-stop(.5, #0dffab), color-stop(.51, #00db8f), to(#00db8f));
    cursor: pointer;
    border: 1px solid #56ffc8;
}

/* BLACK FRIDAY 2019 */
/*
.header-image .site-title > a {
	background: url(images/bf-img/fi3m-logo-black.svg) left top no-repeat;
	background-size: auto 89px;
	height: 115px;
	float: left;
    min-height: 60px;
    width: 100%;
}

.bf-subheader {
	background: #000;
	color: #fff;
}

.bf-subheader .wrap {
    margin: 0 auto;
    padding: 0;
    float: none;
    display: flex;
    align-items: center;
}

.bf-home-black {
	width: 370px;
	margin: -10px auto 15px 27px;
}

.bf-subheader .wrap ul {
	margin-right: 27px;
}

.bf-subheader .wrap p {
	margin-right: 27px;
	font-size: 1.5em;
}

.bf-subheader .wrap p strong {
	color: #d93535;
}

@media only screen and (max-width: 1160px) {
	.bf-subheader .wrap p {
		margin-right: 10px;
		font-size: 1em;
		line-height: 1;
	}
}

@media only screen and (max-width: 880px) {

	.bf-home-black {
		width: 370px;
		margin-top: 10px;
	}

}

@media only screen and (max-width: 768px) {

	.bf-subheader .wrap {
	    flex-direction: column;
	}

	.bf-home-black {
		margin: 10px auto;
	}

	.bf-subheader .wrap ul {
		margin: 10px auto;
	}

	.bf-subheader .wrap p {
		margin: 0 auto;
	}

}

.bf-slider-container {
	color: #fff;
	font-family: 'quatro', sans-serif;
	line-height: 1.2;
	background: url(images/bf-img/bf2019-home-bg.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	padding-top: 2em;
}

.bf-slider-container .container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.bf-slider-container .bf-content {
	display: flex;
}

.bf-slider-container .bf-content-1 {
	flex-basis: 0;
	flex-grow: 2;
	position: relative;
	padding: 0 1em;
}

.bf-slider-container .bf-content-2 {
	flex-basis: 0;
	flex-grow: 3;
	position: relative;
	padding: 0 1em 1em;
}

.bf-slider-container .bf-content-2 p {
	font-size: 2em;
	margin: 0;
}

.bf-slider-container .bf-content-2 p strong {
	font-weight: 800;
	color: #d93535;
}

.bf-slider-container .benny-quote {
	position: absolute;
	top: 150px;
	right: 10px;
	width: 200px;
    padding: 1em 1em 0;
    background: rgba(0,0,0,.5);
    z-index: 2;
    box-sizing: border-box;
}

.bf-slider-container .benny-quote p {
	margin-bottom: 1em;
}

.bf-slider-container .bf-benny {
	position: absolute;
	bottom: 0;
	left: 10px;
	max-width: 400px;
}

.bf-slider-container .bf-button {
	background-color: #fcd019;
    box-shadow: inset 0px 0px 0px #fcd019, 0px 5px 0px #ccaa2c;
    color: #000;
	font-family: var(--font-quatro);
	font-weight: 800;
	padding: 10px 30px 5px;
	border-radius: 5px;
	display: block;
    margin: 1em auto;
    text-align: center;
    text-decoration: none;
    font-size: 1.6em;
    text-transform: uppercase;
    display: block;
}

.bf-slider-container .lan-link {
	max-width: 320px;
	width: 100%;
	box-sizing: border-box;
}

.bf-slider-container .bf-button:hover {
	background-color: #ccaa2c;
    box-shadow: inset 0px 0px 0px #ccaa2c, 0px 5px 0px #ccaa2c;
    color: #000;
}

.bf-slider-container .bf-content-2 .p-2 {
	font-size: 1.5em;
}

.bf-slider-container .bf-content-2 .p-3 {
	margin: 1em 0;
	text-align: center;
	font-size: 1.5em;
	font-weight: 800;
}

.bf-slider-container #select-box {
	margin: 0 auto;
    display: block;
    border-radius: 10px;
}

.bf-2019-postimage {
	border-radius: 5px;
}

@media only screen and (max-width: 1200px) {

	.bf-slider-container .benny-quote {
		width: 80%;
		right: auto;
		top: auto;
		left: auto;
		bottom: 150px;
    	padding: 1em;
	}

	.bf-slider-container .bf-content-2 .p-1 {
		font-size: 1.5em;
	}

}

@media only screen and (max-width: 780px) {

	.bf-slider-container .bf-content {
		flex-direction: column-reverse;
	}

	.bf-slider-container .bf-benny {
		position: relative;
		width: 100%;
	}

	.bf-slider-container .benny-quote {
		width: 100%;
		position: relative;
		bottom: auto;
		padding: 0.5em 1em;
	}

	.bf-slider-container .bf-content-2 {
		padding-bottom: 1em;
	}

	.bf-slider-container #select-box {
		width: 100%;
		max-width: 320px;
	}

}*/

.bf-ended .formkit-field,
.bf-ended .formkit-fields,
.bf-ended .formkit-form {
	margin: 0 auto !important;
}

.bf-ended .formkit-submit {
	width: 100%;
	max-width: 100%;
	margin-top: 1em !important;
}