/*Theme Name: SuuntaTheme 
URI: http://wwwc.suuntastudios.com
Theme URI: http://www.suuntastudios.comAuthor: Suunta Studios
Author URI: http://www.suuntastudios.comDescription: Suunta Studios-teema
Version: 0.1License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htmlTags: light,  theme-options,  translation-ready
Text Domain: framework*/

/*visual form builder tweaks*/
.vfb-col-12 {
	padding-left:0px !important;
	padding-right:0px !important;
}
.vfbp-form .btn {
	padding:16px 24px !important;;
	border-radius:2px !important;
}
/*not ones that are in group*/
.vfb-well .vfb-col-12 {
	padding-left:15px !important;
	padding-right:15px !important;
}
/*move group title to right, hope not to break other fields*/
.vfb-form-group  div div:not(.intl-tel-input):not(.vfb-form-group):not(.flag-dropdown):not(.arrow):not(.flag):not(.vfb-col-2)
{
    padding-left:15px; 
}
.vfbp-form .btn-primary {
	color:#fff;
	background-color:#448fdb !important;
	border-color:#3883cf !important;
}
.vfbp-form .btn-primary:hover,.vfbp-form .btn-primary:focus,.vfbp-form .btn-primary.focus,.vfbp-form .btn-primary:active,.vfbp-form .btn-primary.active,.vfbp-form .open>.dropdown-toggle.btn-primary {
	color:#fff;
	background-color:#286090 !important;
	border-color:#204d74 !important;
}



.mailunsub
{
    font-size:85%;
}

.buttonshadow a
{
    box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
}

.thintitle h1,.thintitle h2,.thintitle h3,.thintitle h4,.thintitle h5,.thintitle h6
{
    font-weight: 300 !important;;
}

.product-hero .fl-slide-content img
{
    height: auto;
}

/*comparison table style*/
.compare table tbody tr td ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
}

.compare table tbody tr td ul li
{
    line-height: 1.9em;
}

.compare table tbody tr td ul li ul li
{
    list-style-type: circle;
}

/*mustat nuolet slideriin*/
.product-hero .fl-content-slider-navigation path
{
    fill: rgba(0,0,0,0.5);
}

/*testimonialit tummalla pohjalla*/
.testimonials-dark .fl-testimonial::before
{
    color: #666;
}
.testimonials-dark .fl-testimonial p
{
    color: #ccc;
}
.testimonials-dark .fl-testimonial strong
{
    color: #aaa;
}

/*email boksi subscriben teksti*/
#mce-EMAIL {
    color: #666;
}
.mustavarjo_s
{
    text-shadow: 0px 0px 5px #000,0px 0px 5px #000;
}
.mustavarjo_l
{
    text-shadow: 0 0 10px #000;
}
.mustavarjo_drop_l
{
    text-shadow: 0 9px 4px rgba(0,0,0,0.5), 0 10px 15px rgba(0,0,0,0.6),
    -1px -1px 0 rgba(0,0,0,0.5), /*black edge to text*/
    1px -1px 0 rgba(0,0,0,0.5),
    -1px 1px 0 rgba(0,0,0,0.5),
    1px 1px 0 rgba(0,0,0,0.5);
}
.mustavarjo_thin_l/*dark shadow for thin text*/
{
    text-shadow: 0 0px 10px rgba(0,0,0,1),
    0 0px 20px rgba(0,0,0,1),
    0 0px 20px rgba(0,0,0,1),
    0 0px 20px rgba(0,0,0,1),
    0 0px 20px rgba(0,0,0,1),
    0 0px 20px rgba(0,0,0,1),
    0 0px 20px rgba(0,0,0,1),
    0 0px 20px rgba(0,0,0,1),
    0 0px 20px rgba(0,0,0,1),
    0 0px 20px rgba(0,0,0,1);
}


.fl-builder-content .bluebutton a.fl-button,.fl-builder-content .bluebutton a.fl-button:visited,.fl-rich-text a.add_to_cart_button
{
    font-size: 16px;
    line-height: 16px;
    padding: 14px 28px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #448fdb;
    border: 1px solid #3883cf;
    font-size: 16px;
    color: #FFF;
}
.fl-builder-content .bluebutton a.fl-button *, .fl-builder-content .bluebutton a.fl-button:visited * {
    color: #fff;
    font-size: 16px;
}

.fl-builder-content .bluebutton a.fl-button:hover,.fl-rich-text a.add_to_cart_button:hover {
    font-size: 16px;
    line-height: 16px;
    padding: 14px 28px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #80addb;
    border: 1px solid #448fdb;
}
.fl-rich-text a.add_to_cart_button
{
    display: block;
    max-width: 160px;
    margin: 15px auto 0;
    text-align: center;
}


/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
html, button, input, select, textarea {
    font-family: sans-serif;
}
body {
    margin: 0;
}
a:focus {
    outline: thin dotted;
}
a:active, a:hover {
    outline: 0;
}
h1 {
    font-size: 2em;
    margin: .67em 0;
}
h2 {
    font-size: 1.5em;
    margin: .83em 0;
}
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
h5 {
    font-size: .83em;
    margin: 1.67em 0;
}
h6 {
    font-size: .67em;
    margin: 2.33em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none;
}
b, strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
p, pre {
    margin: 1em 0;
}
code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before, q:after {
    content: '';
    content: none;
}
small {
    font-size: 80%
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
dl, menu, ol, ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 40px;
}
menu, ol, ul {
    padding: 0 0 0 40px;
}
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button, input {
    line-height: normal;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}
button[disabled], html input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Base********************** */
html, body {
    height: 100%;
}
html, button, input, select, textarea {
    color: #333;
}
body {
    position: relative;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 26px;
    line-height: 1.8;
    text-rendering: optimizelegibility;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-text-size-adjust: none;
    -moz-font-smoothing: antialiased;
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-text-size-adjust: none;
    -ms-font-smoothing: antialiased;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Sections ******************** */
.container {
    width: 90%;
    margin: 0 auto;
}
section {
    position: relative;
}
.fl-row-fixed-width {
    width: 96%;
}
/* Fonts**********************/
h1 {
    font-size: 2.32em;
    font-weight: 500;
    font-style: normal;
    margin: 0px 0 10px;
    line-height: 1;
}
h1.fl-heading {
    line-height: 1;
}
h2 {
    font-size: 21px;
    line-height: 1.2em;
    margin: 0 0 10px;
    font-weight: 500;
}
h3 {
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 5px;
    line-height: 1.2;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 18px;
    font-size: 1.125rem;
}
h6 {
    font-size: 16px;
    font-size: 1rem;
}
.fl-col .intro, .fl-col h2.fl-heading {
    max-width: 960px;
    margin-left: auto !important;
    margin-right: auto !important;
}
em {
    font-style: normal;
    line-height: inherit;
}
strong {
    font-weight: 700;
    line-height: inherit;
}
.mediumsizefont strong {
    font-weight: 500;/*tero, was 700 before 7.72017*/
    line-height: inherit;
}
.smallsizefont strong {
    font-weight: 700;/*tero, was 700 before 7.72017*/
    line-height: inherit;
}
a {
    color: #4490db;
    text-decoration: none;
    outline: 0;
    line-height: inherit;
}
a:hover {
    color: #85bdf5;
}
#dna-categories a:hover {
    color: #fff;
}
i {
    font-style: normal;
}
.woocommerce .summary .entry-content a {
    color: #222;
    text-decoration: underline;
    outline: 0;
    line-height: inherit;
}
/* Builder library */
.thin div > * {
    font-weight: 300 !important;
}
.bold div > * {
    font-weight: 700 !important;
}
.heavy div > * {
    font-weight: 900 !important;
}
.italic div > * {
    font-style: italic !important;
}
.uppercase div > * {
    text-transform: uppercase !important;
}
.underline div > * {
    text-decoration: underline;
}
.nomargin div > * {
    margin: 0 !important;
}
.tight div > * {
    letter-spacing: -0.03em !important;
}
.grey {
    background: #f1f1f1;
}
.blue {
    background: #44C2D5;
    color: #FFF;
}
.dark {
    background: #222;
    color: #bbb;
}
.fl-callout-text-wrap {
    font-size: 1.1em;
    font-weight: 300;
}
.intro div > p {
    font-weight: 300;
    font-size: 1.3em;
    margin: 0.5em auto;
}
.fl-col .intro, .fl-col h2.fl-heading {
    margin-top: 10px;
    margin-bottom: 5px;
}
.fl-col-small .intro, .fl-col-small h2.fl-heading {
    margin-top: 0;
    margin-bottom: 0;
}
.fl-col-small .intro div > p {
    margin-bottom: 0;
}
/* Featured list */
.feature-list ul {
    font-size: 1.4em;
    margin-left: 0;
    padding-left: 1.1em;
    list-style: none;
    margin-top: 0;
}
.feature-list li {
    margin-bottom: 0;
    padding-bottom: 0;
}
.feature-list li:before {
    content: "\f00c";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: -20px;
    margin-right: 10px;
}
.feature-list p {
    margin: 0 0 10px 38px;
    max-width: 500px;
}
/* Modules ********************/
/* Callouts */
.prods .fl-photo-content {
    min-height: 305px;
}
body a.fl-callout-title-link {
    color: #333;
}
.prods h2.fl-callout-title {
    font-weight: 400 !important;
    font-size: 22px !important;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 10px;
    padding-bottom: 10px !important;
}
.prods a.fl-callout-cta-link {
    font-weight: 400;
    font-size: 16px;
}
/* Testimonials */
.compact .fl-testimonial {
    padding-left: 35px;
}
.compact .fl-testimonial:before {
    content: '"';
    font-size: 5em;
    position: absolute;
    left: -5px;
    top: -14px;
    font-family: Georgia;
    color: #ddd;
}
.fl-testimonial p {
    color: #777;
}
/* Sliders */
.fl-slide-photo-wrap img {
    margin: auto;
}
.fl-slide-content h2 {
    line-height: 1em !important;
}
.fl-slide-text p {
    line-height: 2em !important;
}
.bx-wrapper img {
    display: inline-block !important;
}
br {
    display: none;
}
/* Tables */
.fl-rich-text table {
    width: 100%;
    margin-left: -5%;
}
.fl-rich-text table thead {
    background: #EEE;
}
.fl-rich-text table td {
    border: 1px solid #DDD;
    vertical-align: top;
    padding: 20px;
}
.fl-rich-text table td:first-child {
    border: none;
    text-align: right;
    padding: 20px;
    background: #FFF;
}
/*.fl-rich-text  a.add_to_cart_button  {
    	background:  #4490DB;
    	color:  #FFF;
    	padding:  10px 30px;
    	display:  block;
    	max-width:  160px;
    	margin:  15px auto 0;
    	text-align:  center;
    	font-weight:  400;
    	font-size:  0.9em;
    	text-shadow:  none;
    	box-shadow:  none;
    	border:  1px solid;
}
.fl-rich-text  a.add_to_cart_button:hover  {
    	background: #222;
    	color: #fff;
}*/

.fl-rich-text table p.woocommerce.add_to_cart_inline {
    border: none !important;
    padding: 0 !important;
}
.fl-rich-text table span.amount {
    text-align: center;
    display: block;
    font-size: 1.2em;
    padding: 0;
}
/* Accordion */
.fl-accordion-item {
    border: 1px solid #DDD !important;
    background: #EEE !important;
    color: #333 !important;
}
/* Call to action */
.fl-cta-inline {
    width: auto !important;
    margin: auto;
}
.fl-cta-inline h3.fl-cta-title {
    padding: 16px 0 0 !important;
    line-height: 44px;
}
.fl-cta-inline .fl-cta-text h2.fl-cta-title {
    margin: 0 !important;
    padding: 0;
    padding-top: 13px;
}
/* Modal form */
a.nf-modal-link {
    background: #EEE;
    color: #555;
    padding: 10px 30px;
    margin: 0 20px 0;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
}
/* Blockquotes  ***********************/
blockquote {
    line-height: 1.8em;
    color: #888;
    margin: 10px 0 30px;
    padding: 0px;
    font-style: normal;
}
blockquote p {
    line-height: 1.4em;
    color: #888;
    font-size: 1.6em;
}
.single-post .entry-content blockquote p:first-child {
    text-align: left;
    margin: 50px 0;
    font-style: normal;
    padding: 0 0 0px;
    font-size: 1.3em;
    border: none;
}
blockquote cite {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    color: #555555;
}
blockquote cite:before {
    content: "\2014 \0020";
}
blockquote cite a {
    color: #555555;
}
blockquote cite a:visited {
    color: #555555;
}
abbr, acronym {
    /* font-size:  90%;*/
    color: #222;
    border-bottom: 1px solid #cccccc;
    cursor: help;
}
abbr {
    text-transform: none;
}
/* Images********************* */
img {
    /*	width:  95%;
        	height:  auto;
         */
    vertical-align: middle;
}
/* Lists********************* */
ul, ol {
    margin-bottom: 0.273em;
}
ol {
    list-style: decimal;
    margin-left: 30px;
}
ul {
    margin-left: 25px;
    list-style: square outside;
}
ul ul {
    margin: 4px 0 5px 25px;
}
ol ol {
    margin: 4px 0 5px 30px;
}
li {
    padding-bottom: 0.273em;
}
ul.large li {
    line-height: 21px;
}
dl dt {
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
}
p:empty {
    display: none;
}
/* Buttons ***********************/
.fl-heading br, .fl-module-button br {
    display: none;
}
span.fl-button-text {
    font-weight: 500;
    font-size: inherit;
}
.bottom {
    position: absolute;
    left: 50%;
    margin-left: -8px;
    /*	width:  89%;
        */
    bottom: 0;
}
.admin-bar .bottom {
    position: relative;
}
/* Single product */
.product-hero .fl-module.fl-module-woocommerce {
    width: 170px;
    float: none;
    position: relative;
    display: table-cell;
    vertical-align: bottom;
}
.left.fl-module.fl-module-button {
    display: table-cell;
    vertical-align: bottom;
}
p.product.woocommerce.add_to_cart_inline {
    margin: 0;
    border: none !important;
}
.product-hero .intro div > p {
    margin: 0.5em auto 0;
}
.product-hero .fl-woocommerce-add-cart a.button.add_to_cart_button {
    background: #333;
    display: block;
    color: #FFF;
    text-align: center;
    font-size: 0.9em !important;
    position: relative;
    width: 160px;
    height: 44px;
    line-height: 44px;
    padding: 0;
    font-weight: 400;
    text-shadow: none;
    margin-left: 0;
}
.fl-woocommerce-add-cart .amount {
    display: inline-block;
    font-size: 1.4em;
    line-height: 1;
    margin-bottom: 20px;
}
p.product.woocommerce.add_to_cart_inline del span {
    text-decoration: line-through;
    font-size: 1.2em;
    padding-right: 5px;
    opacity: .6;
}
.woocommerce .product-hero a.added_to_cart, .woocommerce-page .product-hero a.added_to_cart {
    padding-top: 2.5em;
    clear: both;
}
.product-hero a.fl-button {
    width: 160px !important;
    height: 45px;
    line-height: 45px;
    border: 1px solid #BBB !important;
}
.woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel {
    margin: 0 !important;
}
#tab-description {
    display: block !important;
}
/* posts & pages************************ */
#main {
    padding: 0;
}
/* single posts & pages headers***********************************/
.header-with-image {
    position: relative;
    overflow: hidden;
    background: #111;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.header-with-image .entry-title {
    position: relative;
    color: #FFF;
    text-align: center;
    padding: 13% 0 13%;
    max-width: 90%;
    margin: 0 auto;
}
.header-with-image img.wp-post-image {
    position: absolute;
    width: 170%;
    opacity: 0.6;
}
.page .header-with-image h1 {
    margin: 0;
}
.header-with-image .entry-title a {
    color: #fff;
}
.excerpt p {
    font-size: 1em;
    margin: 0 auto;
    max-width: 700px;
    letter-spacing: 0px;
    font-style: normal;
}
/* Without image */
.single-header .entry-title {
    text-align: center;
    padding: 0 0 1%;
    max-width: 1000px;
    margin: 0 auto;
}
.page .single-header .entry-title h1 {
    margin: 0;
}
.single-header .entry-title a {
    color: #444;
}
/* meta */
.meta {
    letter-spacing: 2px;
    font-size: 13px;
    font-style: normal;
    text-transform: uppercase;
    margin: 1.2em 0 0;
    font-weight: 400;
    color: #777;
}
.author {
    font-weight: 400;
}
.date {
    font-style: normal;
}
.byline {
    text-transform: none;
    font-weight: 300;
    letter-spacing: 0;
    font-size: 0.8em;
    display: block;
    font-style: normal;
    margin: 10px 0 0;
    color: #888;
}
/* Single posts content***********************/
.first-child {
    font-size: 1.3em;
    font-style: normal;
    text-align: center;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
.description {
    font-style: normal;
    font-weight: normal;
    margin-bottom: 30px;
    font-size: 11px;
}
.description p {
    margin: 10px 0;
}
.single-post .fl-col-content .fl-module,
.single-post .fl-row-fixed-width {
    width: 100%;
}
.single-post article {
    margin: 0 auto 50px;
}
.single-post .single-header {
    padding: 80px 0 0;
}
.single-post .entry-content, .single-post .single-header .entry-title {
    width: 90%;
}
.single-post .entry-content, .single-header .entry-title {
    text-align: left;
    max-width: 900px;
    margin: 0 auto;
}
.single-post .single-header h1 {
    margin: 5px 0 18px;
    font-size: 3em;
    line-height: 1;
    font-weight: 300;
}
.single-post .entry-content p {
    width: 100%;
    margin: 1em auto;
}
.single-post .entry-content .first-child {
    text-align: center;
    font-size: 1.3em;
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
}
#m-menu {
    top: 0px;
    height: 60px;
    position: relative;
    padding-top: 0px;
    background: #1D2125;
    overflow: hidden;
    z-index: 999;
}
.single-post .entry-content p {
    margin: 1em auto;
}
.single .header-content h1 {
    border-bottom: 1px solid rgb(221, 221, 221);
    padding-bottom: 30px;
    text-align: center;
}
.description {
    font-size: 15px;
}
.entry-content h2 {
    font-weight: bold;
}
.entry-content h3 {
    font-size: 1.3em;
    letter-spacing: 0;
    margin: 5px 0 5px;
    font-weight: 400;
}
.single .main-article {
    width: 100%;
    margin: 0 auto 80px;
}
/* Center */
.alignnone.size-medium, .aligncenter.size-medium {
    display: block;
    margin: 5% auto;
}
.alignnone.size-large, .aligncenter.size-large {
    display: block !important;
}
.alignnone.size-full {
    display: block !important;
}
/* Left */
.alignleft .size-medium {
    display: block !important;
}
.alignleft.size-large {
    display: block !important;
}
/* Right */
.alignright {
    display: block !important;
}
.alignright.size-medium {
    display: block !important;
}
.alignright.size-large {
    display: block !important;
}
/* Gallery********************/
.gallery {
    margin: 60px 0 40px !important;
}
.gallery-item img {
    border: none !important;
    width: 95%;
}
.gallery-item {
    width: 50%;
    margin: 0 !important;
}
/* Post navigation */
.post-navigation {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0px;
    margin-top: 70px;
    position: relative;
    width: 90%;
    margin: 70px auto 30px;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.2;
    border-top: 1px solid #DDD;
    padding-top: 20px;
    font-style: normal;
    max-width: 900px;
}
.post-navigation span {
    margin: 0;
    display: block;
}
.previous-post {
    display: block;
    width: 45%;
    float: left;
    color: #555;
}
.next-post a , .previous-post a {
    color: #555;
}
.next-post {
    display: block;
    width: 45%;
    float: right;
    color: #555;
    text-align: right;
}
/* Archives ************************ */
#main {
    padding: 0;
    /*padding-top:69px;*/
}
@media only screen and (min-width: 1050px)
{
    #main {
        padding-top:69px;
    }
}

.single-post #main, .archive #main, .blog #main {
    margin: 0 auto 20px;
    border-top: 1px solid #ccc;
}
.blog .container, .archive .container {
    width: 90%;
    margin: 0 auto;
}
.loop-meta {
    padding: 40px 0 40px;
    text-align: left;
    width: 90%;
    margin: 0 auto 40px;
    max-width: 900px;
    border-bottom: 1px solid #DDD;
}
h1.loop-title {
    text-align: left;
    font-weight: 300;
    font-size: 5em;
}
.archive article, .blog article {
    margin-bottom: 40px;
}
.archive .header-content {
    padding: 40px 0 40px;
    text-align: left;
    margin: 0 auto 40px;
    max-width: 900px;
    border-bottom: 1px solid #DDD;
}
.single-header h2 {
    font-size: 3em;
    font-weight: 300;
    margin: 5px 0 0;
    line-height: 1;
}
.archive a {
    color: #444;
}
.blog article h1 {
    font-size: 1.2em;
}
.archive .single-header .entry-title, .blog .single-header .entry-title {
    text-align: left;
    max-width: 900px;
    margin: 0 auto;
}
.archive .entry-content, .blog .entry-content {
    padding: 0 0 60px;
    width: 100%;
    margin: 0 auto;
    max-width: 900px;
    border-bottom: 1px solid #DDD;
}
.archive .entry-content .fl-row-fixed-width, .blog .entry-content .fl-row-fixed-width {
    width: 100%;
}
.blog .moretag, .archive .moretag {
    display: block;
    margin: 20px 0 0;
    font-style: normal;
    font-weight: normal;
}
.archive article, .blog article {
    margin-bottom: 40px;
}
/* Woocommerce shop**************************/
#shop-main {
    width: 100%;
    padding-top: 0px;
}
.product-summary {
    display: none;
}
.product-summary .container {
    display: table;
}
.shop-single {
    width: 100%;
    margin: 0 auto;
}
div#shop-archive {
    margin-left: 0.5%;
    width: 101.3%;
}
.woocommerce-page .shop-nav .woocommerce-breadcrumb {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #777;
    float: left;
    width: 30%;
    left: 0;
}
.shop-nav {
    padding: 10px 0 0;
    border-bottom: 0;
}
.woocommerce .shop-nav .woocommerce-ordering select {
    vertical-align: top;
    font-size: 16px;
    margin: 17px 0 0;
    border: 3px solid #CCC;
    color: #999;
    background: #FFF;
}
.shop-nav form#searchform {
    display: inline-block;
    width: 100%;
    float: none;
    padding: 10px 0 0;
    position: relative;
    margin: auto;
}
.shop-nav form#searchform div {
    float: right;
    width: 100%;
}
label.screen-reader-text {
    display: none;
}
input#s {
    width: 100%;
    height: 31px;
    margin-left: 0;
    border: 1px solid #CCC;
    background: #FFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
}
.shop-nav form#searchform input[type='submit'] {
    padding: 0 10px;
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
    border: 0;
    color: #777;
    font-size: 11px;
    margin: 11px 0;
    line-height: 30px;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: 0;
}
.woocommerce #shop-main .products ul, .woocommerce #shop-main ul.products {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {
    margin: 0 !important;
}
.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {
    overflow: hidden;
}
.woocommerce #shop-main .woocommerce-breadcrumb {
    margin: 0 0 1em;
    padding: 0 11%;
    font-size: 13px;
    color: #777;
    height: 55px;
    float: left;
    width: 33.3333%;
}
.woocommerce-page .woocommerce-breadcrumb {
    margin: 0 0 1em;
    padding: 0 11%;
    font-size: 13px;
    color: #777;
    height: 55px;
    background: transparent;
}
.woocommerce #shop-main .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a {
    color: #777;
    display: inline;
    font-size: 1em;
    letter-spacing: 1px;
}
.woocommerce h1.page-title {
    text-align: center;
    font-weight: 100;
    padding: 0;
    line-height: 1;
    margin: 0;
}
.woocommerce .term-description p {
    text-align: center;
    margin: 0;
    font-size: 16px;
    font-style: normal;
}
div#shop-header {
    padding: 40px 0 65px;
}
.woocommerce #shop-archive ul.products li.product {
    width: 99.5%;
    margin: 0 0.5% 0% 0 !important;
    border: none;
    padding: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #DDD;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: none !important;
}
.woocommerce #shop-archive ul.products li.product img {
    width: 49%;
    height: auto;
    display: block;
    margin: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    position: relative;
    top: 0;
    z-index: 15;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    float: left;
}
.archive.woocommerce ul.products li.product .archive-product-img a, .archive.woocommerce-page ul.products li.product .archive-product-img a {
    text-decoration: none;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 90;
    background: transparent;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.woocommerce #shop-archive ul.products li.product img:hover,
.woocommerce #shop-archive ul.products li.product img.active {
    opacity: 0.6;
    z-index: 5;
}
.archive header.product-header {
    position: relative;
    padding-top: 12%;
    padding-bottom: 0%;
    z-index: 10;
    font-size: 10px;
    padding-left: 5%;
    float: right;
    padding-right: 5%;
    width: 50%;
}
.archive header.product-header.active {
    z-index: 10;
}
.woocommerce #shop-archive ul.products li.product h3 {
    padding: .5em 0 .2em;
    font-size: 1.3em;
    text-align: center;
    font-weight: 700;
    color: #444;
}
.woocommerce #shop-archive ul.products li.product .price {
    color: #444;
    display: block;
    font-weight: normal;
    margin-bottom: .5em;
    text-align: center;
    font-weight: 400;
    font-size: 1.2em;
}
.woocommerce #shop-archive .active a.button, .woocommerce #shop-archive .active button.button {
    z-index: 25;
}
.woocommerce #shop-archive a.button, .woocommerce #shop-archive button.button {
    -webkit-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    border: none;
    background: transparent;
    display: inline-block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 1.2em;
    margin: 0;
    line-height: 1.1em;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    padding: 10px 10px;
    font-weight: 500;
    left: auto;
    text-shadow: 0 1px 0 #FFF;
    color: #444;
    text-align: center;
    font-style: normal;
    border-top: 1px solid #444;
    bottom: initial;
    margin-top: 0;
    height: auto;
    width: auto;
    z-index: 10;
}
.woocommerce #shop-archive a.added_to_cart {
    padding: 8px 10px;
    white-space: nowrap;
    display: block;
    position: absolute;
    z-index: 20;
    font-style: normal;
    color: #FFF;
    background: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-top: 0;
    width: 100%;
    bottom: 0;
}
.woocommerce #shop-archive span.onsale {
    min-height: 32px;
    min-width: 32px;
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    line-height: 32px;
    top: 6px;
    left: auto;
    margin: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #111;
    text-shadow: none;
    color: #FFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 30;
    width: 50px;
    top: 0;
    right: 0;
}
.woocommerce #shop-archive ul.products li.product .price del {
    font-size: 0.67em;
    color: #FFF;
    margin: -2px 0 0 0;
}
.woocommerce nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination {
    text-align: center;
    display: block;
    height: auto;
    padding: 25px 0 20px;
    position: relative;
    line-height: initial;
    left: 0;
    width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1em;
    font-size: 1.1em !important;
    font-weight: normal;
    padding: .5em 1em !important;
    min-width: 1em;
    display: block;
}
/* Shop nav*******************/
div#primary {
    line-height: 35px;
}
ul#menu-shop, ul.product-categories {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
ul#menu-shop .menu-item, li.cat-item {
    display: inline-block;
    padding: 0 4px;
    font-style: normal;
    font-size: 1em;
    font-weight: 400;
}
ul#menu-shop .menu-item a, li.cat-item a {
    color: #444;
}
ul#menu-shop li.current-menu-item {
    font-weight: 600;
}
/* Shop messages */
.single-product.woocommerce .woocommerce-message, .single-product.woocommerce-page .woocommerce-message {
    border-top: none;
    margin: 0 !important;
    background: #DDD;
    text-shadow: none;
    padding: 20px 6% !important;
}
.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
    display: none !important;
}
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
    border-top: none;
    background: #EEE;
    text-shadow: none;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    float: right;
    background: #4490DB;
    text-shadow: none;
    color: #FFF;
    font-weight: 400;
    padding: 10px 30px;
    border: none;
}
.woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover {
    color: #555;
}
/* Single product********************/
h1.product_title.entry-title {
    font-size: 1.8em;
    line-height: 1.6em;
    margin-bottom: 0;
    font-weight: 300;
}
/* Product thumbnails*******************/
.images .flex-control-thumbs {
    margin: 0;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 87%;
    width: 13%;
}
.images .flex-viewport {
    margin-right: 15%;
}
.images .flex-control-thumbs li {
    width: 100%;
    float: left;
    margin: 0;
}
.woocommerce div.product div.images div.thumbnails, .woocommerce-page div.product div.images div.thumbnails {
    padding-top: 1em;
    min-height: 300px;
    margin-left: 0px;
}
ul.bxslider {
    margin: 0 0 0 0px;
    padding: 0;
    list-style: none;
}
ul.bxslider li {
    margin: 0 !important;
    padding: 0 !important;
}
/* Single product tabs********************/
div#tab-description > h2 {
    display: none;
}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    width: 100%;
    margin: 0;
    padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0 0 0 1em;
    margin: 0 0 1.618em;
    overflow: hidden;
    position: relative;
    display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
    clear: both;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #DFDBDF;
    background: rgba(0, 0, 0, 0) !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 -5px 0 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
    text-shadow: none !important;
    font-style: normal;
}
.full, .half, .one-third-tall, .one-third, .one-fourth, .one-fifth {
    width: 100%;
}
/* Reviews */
#reviews .commentlist {
    padding: 0;
    margin: 0;
    width: 100% !important;
}
p.woocommerce-noreviews {
    text-align: center;
    font-size: 1.1em;
    margin-top: 0;
}
#reviews .commentlist .comment {
    vertical-align: top;
    text-align: left;
}
#reviews .comment-text {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
#reviews img.avatar {
    display: none;
}
.reviews-cta {
    text-align: center;
}
.reviews-cta .button {
    font-size: 1em !important;
    font-weight: 400 !important;
    text-shadow: none !important;
    padding: 15px 0px !important;
    margin: 0 5px !important;
    width: 150px;
    display: inline-block !important;
}
a.allreviews.button {
    background: #4490DB !important;
    color: #FFF !important;
    box-shadow: none !important;
    border: 0 !important;
}
a.allreviews.button:hover {
    background: #222 !important;
}
/* Review form */
#reviews_wrapper, #review_form_wrapper {
    width: 100%;
    height: 0;
    overflow: hidden;
    background: rgba(160, 160, 160, 0.1);
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
#reviews_wrapper.active, #review_form_wrapper.active {
    height: auto;
    margin: 60px auto 0;
    padding: 40px;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
}
.woocommerce #reviews h3, .woocommerce-page #reviews h3 {
    margin: 0;
    padding: 0 0 1em;
    font-weight: 300;
    font-size: 2em;
}
/* Modal form */
.modal-form {
    width: 100%;
    height: 0;
    overflow: hidden;
    background: rgba(160, 160, 160, 0.1);
/*    text-align: center;*/
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
.modal-form.active {
    height: auto;
    margin: 0 auto 0;
    padding: 0;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
}
/* Account */
.woocommerce.woocommerce-account .addresses .title h3, .woocommerce-page.woocommerce-account .addresses .title h3 {
    float: left;
    font-style: normal;
    letter-spacing: 0;
    font-size: 1em;
}
.woocommerce-account address {
    text-align: right;
    font-size: 0.95em;
    color: #777;
}
.woocommerce-account .entry-content {
    text-align: center;
}
.woocommerce form.login input.text, .woocommerce form.login input.input-text {
    height: 40px;
}
.woocommerce form.login input[type="submit"] {
    background: #222;
    color: #FFF;
    text-shadow: none;
    box-shadow: none;
    width: 100%;
    padding: 0.5em 0;
    text-align: center;
    height: 50px;
    margin-top: 2em;
}
/* Cart********************/
.woocommerce-cart #main {
    margin: 0 auto 40px;
    width: 100%;
    border-top: 1px solid #DDD;
}
.woocommerce-cart .entry-content {
    margin: 60px auto;
    width: 90%;
    max-width: 1100px;
}
.woocommerce table.shop_table thead {
    background: #EEE;
    font-size: 1.2em;
}
.woocommerce table.cart th, .woocommerce table.cart td, .woocommerce #content table.cart th, .woocommerce #content table.cart td, .woocommerce-page table.cart th, .woocommerce-page table.cart td, .woocommerce-page #content table.cart th, .woocommerce-page #content table.cart td {
    font-weight: 300 !important;
    line-height: 1 !important;
    padding: 19px 12px !important;
}
.woocommerce-cart ul.products li.product a img, .woocommerce-page.woocommerce-cart ul.products li.product a img {
    padding-bottom: 100%;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: left !important;
    width: 50% !important;
    text-align: right;
    margin: auto;
}
.woocommerce-cart .entry-content h2 {
    font-size: 1.4em;
    text-align: left;
    font-weight: 300;
    margin: 15px 0 30px;
}
.woocommerce-checkout .woocommerce-info:before, .woocommerce-checkout .woocommerce-info:before, .woocommerce.checkout .woocommerce-info:before, .woocommerce-cart .woocommerce-message:before, .woocommerce-cart .woocommerce-error:before, .woocommerce.cart .woocommerce-info:before {
    height: 2.5em !important;
    line-height: 1 !important;
}
a.shipping-calculator-button {
    color: #444;
}
td.product-name a {
    font-size: 1em;
    color: #333;
    font-weight: 500;
    display: block;
    padding-top: 0px;
}
.woocommerce .cart input.checkout-button {
    background: #444 !important;
    color: #FFF;
}
.woocommerce-checkout #payment #place_order, .woocommerce-page.woocommerce-checkout #payment #place_order, .woocommerce .cart-collaterals .shipping_calculator .button, .woocommerce-page .cart-collaterals .shipping_calculator .button {
    background: #222;
    text-shadow: none;
    color: #FFF;
    padding: 15px 2em;
    font-weight: 500;
    box-shadow: none;
}
.woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text {
    height: 45px;
}
.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce-page .cart .button, .woocommerce-page .cart input.button {
    float: none;
    font-size: 13px;
    border: 1px solid #ccc;
    box-shadow: none;
    text-shadow: none;
    color: #444;
    padding: 15px 20px;
}
.woocommerce-cart .archive-product-img {
    padding-bottom: 90%;
}
.woocommerce-cart .product-header {
    text-align: center;
    font-size: 15px;
}
.woocommerce-cart .product-header br {
    display: none;
}
.woocommerce-cart ul.products li.product a {
    color: #444;
}
.woocommerce-cart ul.products li.product p {
    margin: 0;
}
.woocommerce-cart ul.products li.product h3 {
    font-style: normal;
    letter-spacing: 0;
}
.woocommerce-cart ul.products li.product .price, .woocommerce-cart.woocommerce-page ul.products li.product .price {
    color: #444;
    margin: 0.3em 0 0.8em;
    font-weight: 400;
}
.woocommerce-cart ul.products li.product a.button {
    background: #FFF;
    text-shadow: none;
    border: none;
    border-top: 1px solid #444;
    font-style: normal;
    font-size: 0.9em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: 400;
}
.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator {
    margin-top: 0em;
    border-top: none;
    padding-top: 0em;
}
.woocommerce-cart form .form-row select, .woocommerce-page.woocommerce-cart form .form-row select {
    cursor: pointer;
    margin: 0;
    border: 1px solid #444;
    padding: 0.5em 0.5em;
    background: #FFF;
}
.woocommerce-cart form .form-row input.input-text, .woocommerce-cart form .form-row textarea, .woocommerce-page.woocommerce-cart form .form-row input.input-text, .woocommerce-page.woocommerce-cart form .form-row textarea {
    padding: 0.5em;
    height: 40px;
    border: 1px solid #444;
}
p.cart-empty {
    text-align: center;
    margin: 0 0 2em;
    font-size: 1.3em;
}
.woocommerce .button.wc-backward, .woocommerce .button.wc-backward:hover {
    background: #222;
    border-color: #222;
    color: #FFF;
    text-shadow: none;
    display: block;
    width: 250px;
    height: 45px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 500;
    letter-spacing: 1px;
    font-style: normal;
    font-size: 0.9em;
    line-height: 35px;
    text-align: center;
    margin: auto;
}
/* Checkout**************************/
.woocommerce-checkout #main {
    border-top: 1px solid #DDD;
}
.woocommerce-checkout article {
    max-width: 900px;
    width: 90%;
    margin: 60px auto;
}
.woocommerce-checkout .entry-content h3 {
    font-size: 1.1em;
    font-style: normal;
    letter-spacing: 0;
}
.woocommerce #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img {
    width: auto;
}
.woocommerce-checkout input.input-text {
    padding: 6px;
    height: 46px !important;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single {
    height: 38px !important;
    line-height: 39px !important;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single div b {
    background-position: 0 8px !important;
}
.woocommerce-checkout .woocommerce form .form-row label, .woocommerce-checkout .woocommerce-page form .form-row label {
    line-height: 2em;
    font-size: 0.9em;
    padding: 1em 0 0;
    font-weight: 500;
}
#order_review_heading {
    margin-top: 2em;
}
#order_review thead {
    background: #222;
    color: #FFF;
}
tr.order-total {
    background: #EEE;
}
tr.shipping, tr.cart-subtotal {
    font-size: 0.9em;
}
/* Wiki */
.wikitable th, .wikitable td, .prettytable th, .prettytable td {
    border: 1px #DDD solid !important;
    padding: 1em !important;
}
.wikitable th, .prettytable th {
    text-align: left !important;
    font-size: 1.5em !important;
    font-weight: 300 !important;
}
/* Pagination************************ */
.pagination {
    width: 100%;
    margin: 0px auto 50px;
    padding-top: 10px;
    max-width: 900px;
}
.pagination a {
    display: inline-block;
    padding: 5px 15px;
    background: #FFF;
    margin: 0 10px 0 0;
    color: #555;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    border: 1px solid #CCC;
    line-height: 25px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.pagination a:hover {
    background: #444;
    color: #fff;
}
.pagination span {
    display: inline-block;
    padding: 5px 15px;
    background: #444;
    margin: 0 10px 0 0;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 25px;
    border: 1px solid #444;
}
/* Comments template************************ */
#comments-template input[type="submit"] {
    background: #555;
}
.form-allowed-tags {
    font-size: 15px;
    color: #999;
}
#comments-template abbr {
    color: #999;
}
#comments-template .logged-in-as {
    font-size: 15px;
    font-style: normal;
    color: #AAA;
}
/* Header ************************ */
#wide-site-title {
    color: #FFF;
    margin-top: -1px;
    left: 0;
    position: absolute;
    z-index: 10;
    display: none;
}
#wide-site-title:hover {
    text-decoration: none;
    background: none;
}
#wide-site-title #logo {
    width: 140px;
    opacity: 0.9;
    margin-top: 0;
}
#m-site-title {
    display: block;
    color: #FFF;
    font-weight: 400;
    text-indent: -99999em;
    width: 100px;
    margin-top: 12px;
    margin-left: 2%;
    position: absolute;
    top: 0;
}
/* Home***************************/
.hero .fl-row-content-wrap {
    color: #fff;
    height: auto;
    min-height: 400px;
    position: relative;
    overflow: hidden;
    background-color: #111;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    padding: 0 !important;
    opacity: 0;
}
.admin-bar .hero .fl-row-content-wrap {
    height: auto;
    width: 100%;
    opacity: 1;
    padding: 12% 0 !important;
}
.continue {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.admin-bar .continue {
    position: static;
}
.hero .fl-col .intro, .hero .fl-col h2.fl-heading {
    max-width: none;
}
.hero .fl-separator {
    width: 30%;
    margin: 0 auto;
}
.home #m-menu {
    height: 60px;
    position: relative;
    width: 100%;
    z-index: 999;
    background-color: #111;
}
.home #m-menu.active {
    position: relative;
}
.fl-builder-content .transparent a.fl-button, .fl-builder-content .transparent a.fl-button:hover, .fl-builder-content .transparent a.fl-button:visited {
    font-weight: 500;
    color: #FFF !important;
    display: inline-block;
    margin: 20px 0 0;
    letter-spacing: 1px;
    border: 2px solid #FFF;
    background: transparent;
}
.fl-builder-content .dark a.fl-button, .fl-builder-content .dark a.fl-button:hover, .fl-builder-content .dark a.fl-button:visited {
    font-style: normal;
    letter-spacing: 1px !important;
    border: 2px solid #FFF !important;
    display: inline-block !important;
    font-family: brandon-grotesque !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    background: #222 !important;
    color: #fff !important;
}
.hero .intro div > p {
    font-size: 1.6em;
}
/* Featured********************/
.featured .fl-callout-has-photo.fl-callout-photo-left img.fl-photo-img {
    max-width: 120% !important;
    width: 115% !important;
}
.featured .tall .fl-callout-content {
    position: relative;
    max-height: 600px;
}
.featured .fl-callout-content {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
.featured .fl-callout-photo {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
.featured .tall .fl-callout-photo img.fl-photo-img {
}
.featured .fl-photo-content img {
    width: 100% !important;
    display: block !important;
}
.featured .fl-callout-text-wrap {
    position: relative;
}
.featured .tall .fl-callout-title {
    position: relative;
}
.featured .fl-callout-title {
    position: relative;
    padding: 1.5em 0 0;
}
.featured a {
    color: #444;
}
.featured a.fl-callout-cta-link {
    border-top: 1px solid #444;
    padding-top: 1em;
    font-size: 0.8em;
}
/* Featured two ********************/
.featured-two .fl-callout-content {
    position: relative;
    overflow: hidden;
    padding-bottom: 13%;
}
.featured-two .fl-callout-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.featured-two h3.fl-callout-title {
    position: relative;
    padding-top: 15%;
}
.featured-two .fl-callout-text-wrap {
    position: relative;
    color: #fff;
}
.featured-two a {
    color: #fff;
}
.featured-two a.fl-callout-cta-link {
    border-top: 1px solid #fff;
    padding-top: 1em;
    font-size: 0.8em;
    color: #fff;
}
/* Footer */
#footer {
    background-color: #1d2125;
    color: #888;
    overflow: hidden;
    padding: 60px 0 0;
    font-size: 14px;
    font-weight: 300;
    font-size: 1.2em;
    line-height: 1.6em;
}
#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer li {
    padding-bottom: 0;
}
#footer p {
    margin: 0 0 1em;
}
#footer a {
    color: #aaa;
}
#footer a:hover {
    color: #fff;
}

#top {
    display: block;
    background: #222;
    color: white;
    font-size: 27px;
    display: none;
    width: 39px;
    height: 39px;
    text-align: center;
    position: fixed;
    bottom: 9px;
    right: 9px;
    font-style: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.toplink, .toplink:hover {
    color: #fff;
}
#top span {
    margin: 0;
    padding: 0 0 0;
    font-style: normal;
    display: block;
    font-size: 42px;
    height: 39px;
}
#footer h2 {
    font-weight: 300;
    padding: 17px 0 0;
    font-size: 1.8em;
}
#footer h3.widget-title {
    font-weight: 300;
    font-size: 1.4em;
    margin-bottom: 15px;
    color: #777;
}
/* Footer Mailchimp */
#footer #mc_embed_signup {
    background: transparent;
    clear: left;
    font: inherit;
}
#footer #mc_embed_signup form {
    padding: 10px 0 10px 0;
}
#footer #mc_embed_signup label {
    font-size: 1em;
    font-weight: 300;
    line-height: 0.6em;
    padding: 0 0 1em;
}
#footer #mc_embed_signup input.email {
    display: block;
    padding: 0px 0;
    margin: 0 4% 10px 0;
    text-indent: 10px;
    width: 100%;
    min-width: 130px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #444;
    font-size: 0.9em;
    color: #888;
}
#footer #mc_embed_signup input.button {
    display: block;
    margin: 15px 0 10px 0;
    background: #222;
    font-family: inherit;
    font-size: 15px;
    font-weight: 300;
    border-radius: 0;
    width: 45%;
    max-width: 320px;
    padding: 12px 0;
    height: auto;
}
#footer #mc_embed_signup .clear {
    clear: none;
    display: inline;
    visibility: visible;
    width: auto;
    height: auto;
}
/* Footer Social media */
#footer i {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
	font-weight:900;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    font-size: 1em;
    color: #4490DB;
    width: 20px;
}
i.facebook {
    content: "\xf09a";
}
i.twitter {
    content: "\xf099";
}
i.youtube {
    content: "\xf166";
}
i.linkedin {
    content: "\xf0e1";
}
.some a {
    display: block;
}
/* Credits *********************** */
.credits {
    font-size: 0.7em;
    margin: 60px 0 0px;
    text-align: center;
    color: #AAA;
}
/* Forms Styles */
textarea, input[type='text'], input[type='email'] , input[type='tel'] {
    text-align: left;
    margin: 0;
    width: 90%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: rgba(260, 260, 260, 0.9);
    padding: 7px;
    font-size: 90%;
}
input[type='text'] , input[type='email'] , input[type='tel'] {
    height: 33px;
}
input[type='submit'] {
    padding: 15px 30px;
    border-radius: 2px;
    background: #448FDB;
    border: 1px solid #448FDB;
    font-weight: 400;
    color: white;
}
.fl-module-content .visual-form-builder-container {
    margin-top: 50px;
}
.fl-module-content .visual-form-builder fieldset {
    clear: both;
    margin: 0;
    padding: 0;
    border: 1px solid #DDD;
    border-radius: 0;
    background-color: #F2F2F2;
}
.fl-module-content input.vfb-text, .fl-module-content input[type="text"].vfb-text, .fl-module-content input[type="tel"].vfb-text, .fl-module-content input[type="email"].vfb-text, .fl-module-content input[type="url"].vfb-text, .fl-module-content textarea.vfb-textarea {
    padding: 10px 10px;
    border-radius: 0;
    width: 100%;
}
.fl-module-content input.vfb-large, .fl-module-content input[type="text"].vfb-large, .fl-module-content input[type="tel"].vfb-large, .fl-module-content input[type="email"].vfb-large, .fl-module-content input[type="url"].vfb-large, .fl-module-content select.vfb-large, .fl-module-content textarea.vfb-textarea {
    width: 100%;
}
.fl-module-content .visual-form-builder .vfb-legend {
    border-bottom: none;
    color: inherit;
}
.fl-module-content .visual-form-builder .vfb-fieldset-2 {
    background: transparent;
    border: none;
}
li.vfb-item.vfb-item-secret input[type="text"] {
    margin: 10px auto;
    width: 100px;
}
/* MOBILE: Menu********************* */
#menu-icon {
    background-color: #4490DB;
    color: #FFF;
    padding: 15px 21px 20px;
    width: auto;
    display: block;
    line-height: 35px;
    cursor: pointer;
    position: relative;
    margin: 0 0 0 5px;
    text-align: center;
    z-index: 999;
    top: 0;
    float: right;
    font-weight: 500;
    font-size: 1em;
    font-weight: 500;
    font-size: 0.9em;
}
#m-menu .secondary-menu {
    position: relative;
    width: auto;
    height: 40px;
    background: rgba(0, 0, 0, 0);
    top: 0px;
    z-index: 999;
    float: right;
    margin-top: 0;
}
nav {
    background: rgba(255, 255, 255, 0.97);
    line-height: 60px;
    position: fixed;
    z-index: 9;
    width: 100%;
    top: 0;
    display: none;
    height: 100%;
    padding: 15% 10% 20%;
    overflow-y: scroll;
}
nav img {
    width: auto;
}
.toplink {
    display: block;
    padding: 0;
    width: 39px;
    color: white;
}
nav i {
    font-size: 20px;
}
nav .container {
    width: 100%;
}
nav .menu {
    margin: 0;
    padding: 0;
    background: transparent;
    color: #5A5A5A;
    list-style: none;
    width: 100%;
    clear: both;
    position: relative;
    left: 0;
    z-index: 999;
    overflow: visible;
}
nav .menu li {
    background: transparent;
    padding: 0px;
    float: none;
    width: 100%;
}
.quad {
    display: none;
}
nav .menu li a {
    font-size: 15px;
    color: #333;
    font-weight: 400;
    display: block;
    margin: 0 0 0 1px;
    padding: 4px 0px;
    background: transparent;
    width: 100%;
    border: none;
    text-transform: uppercase;
    text-transform: none;
}
.lt-ie9 nav .menu li a {
    background: transparent;
}
.lt-ie9 nav.fixed {
    background: #111;
}
nav ul li {
    text-align: center;
    float: none;
    display: inline-block;
}
nav a {
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    display: block;
    color: #fff;
    width: auto;
}
nav a:hover, nav a:visited {
}
.fullwrapper {
    overflow: hidden;
    background-color: #fff;
    /*  Prevents Flickering  */
    /*webkit hidden on chrome causes fuzzy blurry text*/
    /*-webkit-backface-visibility: hidden;*/
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}
.shop-nav .mobile-menu form#searchform {
    display: block;
    width: 93%;
    float: none;
    padding: 10px 0 0;
    position: relative;
    margin: 0 auto 2em;
}
.mobile-menu form#searchform {
    margin: 2em auto 0;
    position: relative;
    width: 90%;
}
.mobile-menu input#s {
    height: 41px;
    width: 100%;
    margin: 1em auto 0;
    display: block;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #444;
    text-indent: 1em;
    font-size: 0.9em;
    color: #AAA;
}
.mobile-menu input#searchsubmit {
    position: absolute;
    top: 0;
    right: 0;
    background: #777;
    color: #AAA;
    border: none;
    padding: 13px 16px;
    width: 48px;
    height: auto;
    opacity: 1;
}
/* Top menu**********************/
#topmenu {
    background: #222;
    color: #AAA;
    position: relative;
    font-size: 14px;
    padding: 8px 0;
    font-weight: 400;
    display: none;
    /*tero*/
}
#topmenu .left {
    width: 50%;
}
#topmenu .right {
    position: absolute;
    right: 0;
    top: 0;
}
#topmenu .contact-info {
    float: left;
    display: inline-block;
}
#topmenu .contact-info span {
    padding: 0 10px;
}
#topmenu p {
    margin: 0;
}
#topmenu .right a {
    padding: 0 10px;
    border-left: 1px solid #333;
}
#topmenu a {
    color: #ccc;
}
/* Secondary menu **********************/
.secondary-menu {
    display: none;
}
/* Breadcrumb */
.fl-row.breadcrumb {
    background: #F2F2F2;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}
.breadcrumb .fl-row-content-wrap {
    padding: 10px 0 !important;
}
.breadcrumb {
    font-size: 0.9em;
    color: #999;
}
.single-product .breadcrumb {
    font-size: 0.9em;
    color: #999;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
    width: 100% !important;
    display: block;
    left: 0;
    border-top: 1px solid #E5E5E5;
    position: absolute;
}
#breadcrumbs {
    list-style: none;
    margin: 10px 0;
    overflow: hidden;
    font-size: 12px;
    color: #555;
    padding: 0;
}
.single-product #breadcrumbs {
    margin: 10px auto;
    width: 96%;
    max-width: 1100px;
}
#breadcrumbs a {
    color: #AAA;
    font-style: normal;
}
#breadcrumbs li {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
}
#breadcrumbs .separator {
    font-weight: 300;
    font-size: 1em;
    color: #999;
}
ul#breadcrumbs p {
    display: inline;
}
.breadcrumb select.dropdown_product_cat {
    display: block;
    padding: 3px 0;
    margin: 6px auto;
    border: 2px solid #CCC;
    color: #999;
    width: 100%;
}
/* ALL: IE Fixes********************* */
.ie7 .title {
    padding-top: 20px;
}
/* Search form */
input#searchsubmit {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0);
    color: #AAA;
    border: none;
    padding: 13px 16px;
    width: 48px;
    height: auto;
    opacity: 0.2;
}
/* Search results***********************/
.search #main {
    border-top: 1px solid #ddd;
}
.search article {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5em 0 0.5em;
    width: 100%;
    border-bottom: 1px solid #DDD;
}
.search .loop-meta {
    margin: 0 auto 0em;
}
.search h1.loop-title {
    font-size: 3em;
}
.search h1 {
    font-size: 2em;
    line-height: 1;
    font-weight: 300;
}
.search h1 a {
    color: #444;
}
.search a.moretag {
    display: block;
    margin: 1em 0 0;
    padding: 0em 0 0;
}
.loop-meta .pagination {
    margin: 30px 0 0;
    padding: 0;
}
.loop-meta .pagination span, .loop-meta .pagination a {
    padding: 5px 15px;
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 25px;
}
.search .pagination {
    margin-top: 20px;
}
.search-no-results .page-content {
    max-width: 900px;
    width: 100%;
    margin: 2em auto 6em;
    text-align: center;
}
.search-no-results h1.loop-title {
    text-align: center;
}
.search-no-results .page-content form#searchform {
    position: relative;
    width: 70%;
    margin: 40px auto;
}
.search-no-results .page-content input#s {
    width: 100%;
    height: 50px;
    margin: 0;
    border: 1px solid #CCC;
    background: #FFF;
    border-radius: 0;
    text-indent: 5%;
    font-size: 0.8em;
    color: #999;
}
.search-no-results .page-content input#searchsubmit {
    padding: 0;
    background: #333;
    border: 1px solid rgba(0, 0, 0, 0.3);
    font-weight: bold;
    color: #FFF;
    display: inline-block;
    margin-top: 0px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    font-size: 1em;
    font-weight: 500;
    height: 49px;
    width: 20%;
    margin-left: -4px;
}
.search nav .menu .menu-item-object-product {
    display: none !important;
}
/* 404 *******************/
.error404 #main {
    border-top: 1px solid #DDD;
}
.error404 .page-content {
    max-width: 900px;
    width: 100%;
    margin: 0 auto 6em;
    text-align: center;
}
.error404 h1.loop-title {
    text-align: center;
}
.error404 .loop-meta {
    padding: 40px 0 0px;
    text-align: left;
    width: 90%;
    margin: 0 auto 0px;
    max-width: 900px;
    border-bottom: none;
}
.error404 .page-content form#searchform {
    position: relative;
    width: 70%;
    margin: auto;
}
.error404 .page-content input#s {
    width: 100%;
    height: 50px;
    margin: 0;
    border: 1px solid #CCC;
    background: #FFF;
    border-radius: 0;
    text-indent: 5%;
    font-size: 0.8em;
    color: #999;
}
.error404 .page-content input#searchsubmit {
    padding: 0;
    background: #333;
    border: none;
    font-weight: bold;
    color: #FFF;
    display: inline-block;
    margin-top: 13px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    font-size: 1em;
    font-weight: 500;
    height: 25px;
    width: 30px;
    margin-left: -14px;
    padding: 0;
    opacity: 0.3;
    background: rgba(0, 0, 0, 0);
    margin-right: 15px;
}
/* Only mobile */
@media only screen and (max-width: 959px) {
    .fl-row-content-wrap {
        padding-top: 3em !important;
        padding-bottom: 5em !important;
    }
    .product-hero .fl-row-content-wrap {
        padding-top: 0 !important;
    }
    #m-site-title {
        margin-top: 12px;
    }
    h1.fl-heading {
        font-size: 2.8em !important;
    }
    h2.fl-heading {
        font-size: 2.4em !important;
    }
    /* Library */
    .prods .thin div > * {
        font-weight: 400 !important;
    }
    body .prods .fl-col-group {
        max-width: none;
    }
    .prods .fl-col.fl-col-small {
        width: 25% !important;
        float: left;
        clear: none;
    }
    .prods .fl-col.fl-col-small .fl-col-content.fl-node-content {
        padding: 0 20px !important;
        font-size: 13px;
    }
    .fl-rich-text ul {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /* Testimonials */
    .compact .fl-testimonial {
        padding-left: 0;
    }
    .compact .fl-testimonial:before {
        display: none;
    }
    /* Home */
    .home .fl-col-small {
        max-width: none;
    }
    
    
    /* Hero */
    .hero .fl-heading {
        font-size: 3em !important;
    }
    
    .hero p {
        margin: 1em 0 !important;
    }
    .hero p span {
        font-size: 1.4em !important;
    }
    #footer .widget-container {
        padding: 0 0 2em;
    }
    /* Specs & wiki tables */
    .specs, .wiki .fl-module {
        overflow-x: scroll;
    }
    /* Shop */
    .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
        float: none !important;
        display: block;
        margin: 0 0 1em 0 !important;
    }
    .single-product.woocommerce .woocommerce-message, .single-product.woocommerce-page .woocommerce-message {
        text-align: center;
    }
    .product-hero a.fl-button {
        width: 140px !important;
    }
    #footer .container,
    .single-product .fl-col-small {
        max-width: 80%;
    }
    .single-product .fl-col-content .fl-module {
        margin: 0 auto !important;
    }
    .product-hero .fl-module-button .fl-button-left, .product-hero .fl-module-button .fl-button-right {
        text-align: left;
    }
    .fl-rich-text table {
        width: 100%;
        margin-left: -7%;
        margin-top: 40px;
    }
    .product-hero h1.fl-heading {
        margin-top: 70px !important;
    }
    /* Review */
    #reviews .comment-text {
        margin: 0 auto !important;
        max-width: 340px;
    }
    #reviews .comment-text .description {
        text-align: center;
    }
}
@media only screen and (max-width: 1049px) {
    .fl-row-content-wrap {
        /*		padding-top:  3em !important;
        		padding-bottom:  5em !important;*/
        padding-bottom: 15px !important;
    }
    .fl-col-content .fl-row-content-wrap {
        width: 90%;
        margin: 0 auto !important;
    }
    /* library */
    .feature-list ul {
        font-size: 1.1em;
    }
    /* Mobile navigation */
    #topmenu .right {
        padding: 7px 0;
    }
    .mobile-menu ul {
        list-style: none;
        padding: 2em;
        margin: 0;
    }
    .mobile-menu ul li ul{
        list-style: none;
        padding: 0.5em 0em 0em 2em;
        margin: 0;
    }
    .mobile-menu a {
        color: #BBB;
        display: block;
        border-bottom: 1px solid #333;
        padding: 0.4em 0;
        font-size: 0.9em;
    }
    /* NAVIGATION ANIMATION */
    .mobile-menu {
        width: 90%;
        max-width: 300px;
        height: 100%;
        padding-bottom: 100px;
        position: fixed;
        right: 0;
        top: 60px;
        margin: 0;
        background-color: #222;
        overflow: hidden;
        
        /* starting point */
        opacity: .3;
        z-index: -1;
        
        -webkit-transform: translate3d(5%,0,0)scale(0.97);
        -moz-transform: translate3d(5%,0,0)scale(0.97);
        transform: translate3d(5%,0,0)scale(0.97);
    
    }
    
    /*Nav Expanding Open Effect*/
    .mobile-menu.m-open {
        opacity: 1;
        /* height:auto; */
        
        z-index: 10;
        
        -webkit-transform: translate3d(0,0,0)scale(1);
        -webkit-animation: slideIn .35s ease-in-out;
        
        -moz-transform: translate3d(0,0,0)scale(1);
        -moz-animation: slideIn .35s ease-in-out;
        
        transform: translate3d(0,0,0)scale(1);
        animation: slideIn .35s ease-in-out;
        
        -moz-box-shadow: 0 0 50px #000;
        -webkit-box-shadow: 0 0 50px #000;
        box-shadow: 0 0 50px #000;
        
        overflow-x: hidden;
        overflow-y: scroll;
        /* has to be scroll, not auto */
        
        -webkit-overflow-scrolling: touch;
    
    }
    
    /*Nav Shrinking Closed Effect*/
    @-webkit-keyframes slideIn {
        0% {
            opacity: .3;
            -webkit-transform: translate3d(5%,0,0)scale(.97);
        }
        100% {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0)scale(1);
        }
    }
    @-moz-keyframes slideIn {
        0% {
            opacity: .3;
            -moz-transform: translate3d(5%,0,0)scale(.97);
        }
        100% {
            opacity: 1;
            -moz-transform: translate3d(0,0,0)scale(1);
        }
    }
    @keyframes slideIn {
        0% {
            opacity: .3;
            transform: translate3d(5%,0,0)scale(.97);
        }
        100% {
            opacity: 1;
            transform: translate3d(0,0,0)scale(1);
        }
    }
    
    /*Nav Shrinking Closed Effect*/
    .mobile-menu.m-close {
        opacity: .3;
        
        -webkit-transform: translate3d(5%,0,0)scale(.97);
        -webkit-animation: slideOut .3s ease-in-out;
        
        -moz-transform: translate3d(5%,0,0)scale(.97);
        -moz-animation: slideOut .3s ease-in-out;
        
        transform: translate3d(5%,0,0)scale(.97);
        animation: slideOut .3s ease-in-out;
    }
    @-webkit-keyframes slideOut {
        0% {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0)scale(1);
        }
        100% {
            opacity: .3;
            -webkit-transform: translate3d(5%,0,0)scale(.97);
        }
    }
    @-moz-keyframes slideOut {
        0% {
            opacity: 1;
            -moz-transform: translate3d(0,0,0)scale(1);
        }
        100% {
            opacity: .3;
            -moz-transform: translate3d(5%,0,0)scale(.97);
        }
    }
    @keyframes slideOut {
        0% {
            opacity: 1;
            transform: translate3d(0,0,0)scale(1);
        }
        100% {
            opacity: .3;
            transform: translate3d(5%,0,0)scale(.97);
        }
    }
    
    /* CONTENT ANIMATION */
    .fullwrapper {
        /* starting point */
        z-index: 1;
        position: relative;
        top: 0;
        
        /*  Prevents Flickering  */
        /*-webkit-backface-visibility: hidden; fuzzy text on chrone*/
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        /* starting point */
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    
    }
    
    /*Content Sliding Open Effect*/
    .fullwrapper.m-open {
        
        -webkit-transform: translate3d(-240px,0,0);
        -webkit-animation: open .5s ease-in-out;
        
        -moz-transform: translate3d(-240px,0,0);
        -moz-animation: open .5s ease-in-out;
        
        transform: translate3d(-240px,0,0);
        animation: open .5s ease-in-out;
        
        height: 100%;
        width: 100%;
        
        /*  Prevents Flickering  */
        /*-webkit-backface-visibility: hidden; fuzzy on chrome*/
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        
        overflow: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    
    @-webkit-keyframes open {
        0% {
            -webkit-transform: translate3d(0,0,0);
        }
        70% {
            -webkit-transform: translate3d(-260px,0,0);
        }
        100% {
            -webkit-transform: translate3d(-240px,0,0);
        }
    }
    @-moz-keyframes open {
        0% {
            -moz-transform: translate3d(0,0,0);
        }
        70% {
            -moz-transform: translate3d(-260px,0,0);
        }
        100% {
            -moz-transform: translate3d(-240px,0,0);
        }
    }
    @keyframes open {
        0% {
            transform: translate3d(0,0,0);
        }
        70% {
            transform: translate3d(-260px,0,0);
        }
        100% {
            transform: translate3d(-240px,0,0);
        }
    }
    
    
    /*Content Sliding Closed Effect*/
    .fullwrapper.m-close
    {
        -webkit-transform: translate3d(0,0,0);
        -webkit-animation: close .3s ease-in-out;
        
        -moz-transform: translate3d(0,0,0);
        -moz-animation: close .3s ease-in-out;
        
        transform: translate3d(0,0,0);
        animation: close .3s ease-in-out;
    }
    
    @-webkit-keyframes close {
        0% {
            -webkit-transform: translate3d(-240px,0,0);
        }
        100% {
            -webkit-transform: translate3d(0,0,0);
        }
    }
    @-moz-keyframes close {
        0% {
            -moz-transform: translate3d(-240px,0,0);
        }
        100% {
            -moz-transform: translate3d(0,0,0);
        }
    }
    @keyframes close {
        0% {
            transform: translate3d(-240px,0,0);
        }
        100% {
            transform: translate3d(0,0,0);
        }
    }
    
    .m-mask {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background: #000;
        opacity: 0;
        overflow: hidden;
        display: none;
        overflow: hidden;
    }
    
    .nav-open .m-mask {
        display: block;
    }
    
    .nav-open {
        overflow: hidden;
    }
    
    /* hacks */
    .no-csstransforms3d .mobile-menu {
        margin-left: -100%;
        padding: 0;
    }
    
    .no-csstransforms3d .mobile-menu.m-open {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        opacity: 1;
        margin: 0;
    }
    .shop-nav form#searchform {
        display: none;
    }
    .prods .fl-photo-content {
        min-height: 200px;
    }
    .bottom {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .fl-callout {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /*ensure gap in mobile view*/
    .gaptop
    {
        margin-top: 30px;
    }
    .gapbottom
    {
        margin-bottom: 30px;
    }
    
    .fl-col-group {
        max-width: 80%;
        margin: 0 auto;
    }
    .home .fl-col-group div > * {
        /*by tero	text-align:center;*/
    }
    /*by tero add pysty margin in images in tablet mode*/
    .fl-photo-content {
        line-height: 0;
        margin: 20px 0;
    }
    
    ul {
        margin-left: 0px;
        list-style: square outside;
    }
    ul ul {
        margin: 4px 0 5px 0px;
    }
}
@media only screen and (max-width: 500px) {
    h1.fl-heading {
        font-size: 2em !important;
    }
    h2.fl-heading {
        font-size: 1.6em !important;
        font-weight: 400 !important;
    }
    .hero h1.fl-heading {
        font-size: 2.4em !important;
    }
    .intro div > p {
        font-size: 1.1em;
        font-weight: 400 !important;
        margin: 1em 0;
    }
    .hero .intro div > p {
        font-size: 1.2em;
    }
    .intro p span {
        font-size: 16px !important;
    }
    .product-hero .fl-woocommerce-add-cart a.button.add_to_cart_button {
        margin-right: 5px;
    }
    #footer .container, .single-product .fl-col-small {
        max-width: 100%;
    }
    .fl-col-group {
        max-width: 90%;
        margin: 0 auto;
    }
    .prods .fl-col.fl-col-small {
        width: 100% !important;
        float: left;
        clear: none;
    }
    h1.loop-title {
        font-size: 3em;
    }
    .fl-photo-content {
        line-height: 0;
        margin: 20px 0;
    }
    .feature-list p {
        margin: 1em 0;
        max-width: none;
    }
    
    /* Mobile top menu */
    #topmenu {
        font-size: 11px;
    }
    #topmenu .left {
        display: none;
    }
    #topmenu .right {
        position: relative;
        white-space: nowrap;
        height: 35px;
    }
    #topmenu .container {
        width: 100%;
    }
    #topmenu .contact-info span, #topmenu .right a {
        padding: 0 7px;
    }
    span.right-menu {
        float: right;
    }
    .fl-callout-icon-left .fl-icon, .fl-callout-icon-left-text .fl-icon {
        padding-right: 15px;
        width: 90px;
    }
}
/*  Media Queries
************************************************* */
@media only screen and (min-width: 960px) {
    body {
        font-size: 16px;
    }
    h1 {
        font-size: 1.8em;
    }
    .fl-col h2.fl-heading {
        font-size: 44px !important;
    }
    .fl-col-small h2.fl-heading {
        font-size: 40px !important;
    }
    .blog article h1 {
        font-size: 1.8em;
    }
    .row {
        margin-left: 0%;
        max-width: 105%;
    }
    .fl-col-group {
        margin-left: -3%;
        width: 103%;
        padding: 0 4%;
    }
    .fl-col {
        padding-left: 3%;
    }
    .columns, .column {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        margin-left: 0%;
        margin-right: -.25em;
        /* Clearfix */
        overflow: hidden;
        *overflow: visible;
    }
    nav .container, .container {
        width: 96%;
        margin: 0 auto;
    }
    .one-third {
        width: 33%;
    }
    .one-third-tall {
        width: 33%;
    }
    .two-thirds {
        width: 63.666666666%;
    }
    .one-fourth {
        width: 24.8%;
    }
    .one-fifth {
        width: 19.8%;
    }
    .half {
        width: 49.6%;
    }
    .full {
        width: 100%;
        display: block;
    }
    ul#menu-shop .menu-item, li.cat-item {
        padding: 0 12px;
        font-size: 0.8em;
    }
    
    
    /* INTERMEDIATE:  Home	
    	************************** */
    .hero .fl-row-content-wrap {
        height: auto;
        width: 100%;
        padding: 0;
        min-height: 500px;
    }
    .home .section-content, .hero .container {
        width: 100%;
    }
    #footer .widget-container {
        width: 70%;
        margin: auto;
    }
    /* INTERMEDIATE:  IE Fixes	
    		************************** */
    nav ul li {
        display: inline;
    }
    .oldie nav a {
        margin: 0 0.7%;
    }
    /* INTERMEDIATE:  Typography	
    	************************  */
    h2 {
        font-size: 36px;
        font-size: 1.4em;
    }
    .single-post .single-header h1 {
        margin: 5px 0 18px;
        font-size: 5em;
    }
    .description {
        font-size: 15px;
    }
    /* INTERMEDIATE:  breadcrumb	
    	*************************** */
    .breadcrumb select.dropdown_product_cat {
        float: right;
        display: block;
        padding: 3px 0;
        margin: 6px 0;
        border: 2px solid #CCC;
        color: #999;
        width: 200px;
    }
    .single-product .breadcrumb {
        position: absolute;
        top: 0;
    }
    /* INTERMEDIATE:  post images	
    	*********************/
    /* Center */
    .alignnone.size-medium, .aligncenter.size-medium {
        display: block;
        margin: 5% auto;
    }
    .alignnone.size-large, .aligncenter.size-large {
        margin-left: 0;
        width: 100%;
        padding: 40px 0;
        display: block !important;
        max-width: 100%;
    }
    .alignnone.size-full {
        margin-left: 0;
        width: 100%;
        padding: 40px 0;
        display: block !important;
        max-width: 100%;
    }
    /* Left */
    .alignleft .size-medium {
        margin-left: 0;
        padding-bottom: 40px;
        margin-right: 0;
        margin-top: 0.8em;
        max-width: 550px;
    }
    .alignleft.size-large {
        margin-left: 0;
        width: 100%;
        padding: 40px 0;
        max-width: 100%;
    }
    /* Right */
    .alignright {
        margin-right: 0%;
        padding: 0px 0;
        float:right;
    }
    .alignright.size-medium {
        margin-left: 2%;
        padding: 0 0;
        width:40%;
        height:auto;
    }
    .alignright.size-large {
        margin-left: 0;
        width: 100%;
        padding: 40px 0;
        max-width: 100%
    }
    /* Galleries */
    .gallery-columns-1 {
        width: 100%;
    }
    .gallery-columns-2 {
        margin-left: -15% !important;
        width: 135%;
    }
    /* INTERMEDIATE:  Single posts and pages	
    		********************************/
    .page-template-default #main {
        min-height: 800px;
        /*border-top: 1px solid #ccc;*/
    }
    .header-with-image .entry-title {
        max-width: 80%;
        padding: 11% 0;
    }
    .header-with-image img.wp-post-image {
        width: 100%;
    }
    .post-navigation {
        font-size: 18px;
        width: 90%;
    }
    #contact .entry-summary {
        padding: 12% 5% 25%;
    }
    .byline {
        font-size: 0.9em;
    }
    .meta {
        font-size: 13px;
    }
    .first-child {
        text-align: center;
        font-size: 1.3em;
        margin: 1em 0;
        padding: 1em 0;
    }
    /* INTERMEDIATE:  shop	
    	**********************/
    .shop-nav {
        padding: 0;
        border-bottom: 1px solid #DDD;
    }
    .woocommerce-page .shop-nav .woocommerce-breadcrumb {
        margin: 0;
        padding: 0;
        font-size: 11px;
        color: #BBB;
        float: left;
        width: 27%;
        left: 0;
        line-height: 64px;
    }
    div#primary {
        line-height: 60px;
        width: 100%;
    }
    .mobile-menu form#searchform {
        width: 80%;
        padding: 0;
        position: relative;
        margin: 40px auto 0;
    }
    .secondary-menu form#searchform {
        width: 80%;
        float: right;
    }
    .secondary-menu form#searchform > div {
        position: relative;
    }
    .shop-nav form#searchform input[type='submit'] {
        padding: 0 10px;
        border-radius: 0;
        background: rgba(0, 0, 0, 0);
        border: 0;
        color: #BBB;
        font-size: 20px;
        margin: 16px 0% 0 0%;
        line-height: 30px;
        font-weight: 400;
        position: absolute;
        right: 0;
        top: 0;
    }
    h1.product_title.entry-title {
        font-size: 3.2em;
    }
    /* INTERMEDIATE:  shop archive
    	**************************/
    .woocommerce #shop-archive ul.products li.product {
        width: 24%;
        margin: 0 0.5% 0.5% 0;
        border: none;
        padding: 0;
        background: #fff;
        text-align: center;
        position: relative;
        overflow: hidden;
        border: none;
        float: left;
        min-height: 400px;
    }
    .archive header.product-header {
        position: relative;
        padding-top: 14%;
        padding-bottom: 12%;
        font-size: 12px;
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .archive-product-img {
        position: relative;
        overflow: hidden;
        padding-bottom: 100%;
    }
    .woocommerce #shop-archive ul.products li.product img {
        top: 0;
        z-index: 15;
        float: none;
        width: 100%;
        position: absolute;
    }
    /* INTERMEDIATE:  Reviews */
    #reviews .commentlist {
        margin-left: -1.3em !important;
        padding: 0;
        width: 104% !important;
    }
    p.woocommerce-noreviews {
        text-align: center;
        font-size: 1.1em;
        margin-top: 0;
    }
    #reviews .commentlist .comment {
        width: 32.33333%;
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }
    #reviews img.avatar {
        display: none;
    }
    #reviews .comment-text {
        padding: 0 !important;
        margin: 0 0 0 2em !important;
    }
    .reviews-cta {
        text-align: center;
    }
    .reviews-cta .button {
        font-size: 1em !important;
        font-weight: 400 !important;
        text-shadow: none !important;
        padding: 15px 0px !important;
        margin: 0 5px !important;
        width: 200px;
    }
    a.allreviews.button {
        background: #4490DB !important;
        color: #FFF !important;
        box-shadow: none !important;
        border: 0 !important;
    }
    a.allreviews.button:hover {
        background: #222 !important;
    }
    /* INTERMEDIATE:  Review form */
    #reviews_wrapper,
    #review_form_wrapper {
        width: 80%;
        height: 0;
        overflow: hidden;
        background: rgba(160, 160, 160, 0.1);
        text-align: center;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    #reviews_wrapper.active,
    #review_form_wrapper.active {
        height: auto;
        margin: 60px auto 0;
        padding: 40px;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        display: block;
    }
    .woocommerce #reviews h3,
    .woocommerce-page #reviews h3 {
        margin: 0;
        padding: 0 0 1em;
        font-weight: 300;
        font-size: 2em;
    }
    /* INTERMEDIATE:  footer	
    		************************/
    #footer .footer-links .row {
        display: table;
        width: 100%;
    }
    #footer .footer-links .column {
        border-right: 1px solid #333;
        display: table-cell;
        vertical-align: top;
    }
    #footer .footer-links .column.last {
        border: 0;
    }
    .product-hero .fl-woocommerce-add-cart a.button.add_to_cart_button {
        top: 0;
    }
    /* INTERMEDIATE:  forms	
    	***********************/
    .fl-module-content input.vfb-text, .fl-module-content input[type="text"].vfb-text, .fl-module-content input[type="tel"].vfb-text, .fl-module-content input[type="email"].vfb-text, .fl-module-content input[type="url"].vfb-text, .fl-module-content input.vfb-large, .fl-module-content input[type="text"].vfb-large, .fl-module-content input[type="tel"].vfb-large, .fl-module-content input[type="email"].vfb-large, .fl-module-content input[type="url"].vfb-large, .fl-module-content select.vfb-large, .fl-module-content textarea.vfb-textarea {
        width: 50%;
    }
    .intro div > p, .product-hero .intro div > p {
        font-size: 1.4em;
    }
}

@media only screen and (min-width: 1050px) {
    body {
        font-size: 16px;
    }
    h1 {
        font-size: 3.5em;
        line-height: 1.2;
        letter-spacing: -0.03em;
    }
    .fl-col-group {
        padding: 0;
    }
    .blog article h1 {
        font-size: 2.3em;
    }
    .title {
        float: left;
    }
    blockquote {
        padding: 19px 30px;
    }
    blockquote p {
    }
    /* Semiwide:  header	
    	**************************/
    #menu-icon {
        display: none;
    }
    .mobile-menu, #m-menu {
        display: none;
    }
    nav {
        width: 55%;
        position: relative;
        margin: 0 auto;
        height: auto;
        display: block;
        padding: 0;
        background: transparent;
        overflow: visible;
    }
    nav .container, .container {
        position: relative;
        width: 96%;
        margin: 0 auto;
        padding: 0;
        max-width: none;
    }
    header#masthead {
        background-color: #1d2125;
        padding: 10px 0;
        position: relative;
        /*-webkit-transition:  all 0.4s ease-in-out;
            		-moz-transition:  all 0.4s ease-in-out;
            		-o-transition:  all 0.4s ease-in-out;
            		-ms-transition:  all 0.4s ease-in-out;
            		transition:  all 0.4s ease-in-out;*/
        width: 100%;
        z-index: 10;
        position: fixed;
    }
    nav .container {
        width: 90%;
        max-width: 1300px;
    }
    .menu-left {
        position: absolute;
        left: 0;
    }
    .menu-right {
        position: absolute;
        right: 0;
    }
    nav .menu {
        display: block;
        background: rgba(0, 0, 0, 0);
        text-align: center;
        position: relative;
        width: auto;
        left: auto;
        line-height: 49px;
    }
    nav .menu ul {
        margin: 0;
        padding: 10px 10px 10px 20px;
    }
    ul.sub-menu {
    }
    nav .menu li {
        display: inline-block;
        padding: 0 7px 0;/*tero,menuitemeiden vaakaväli kapealla ruudulla*/
        margin: 0;
        width: auto;
    }
    nav .menu li a {
        color: #eee;
        display: inline;
        margin: 0px 0px 0px 1px;
        width: auto;
        font-size: 17px;
    
    }
    nav .menu li a:hover,
    .mega-nav a:hover {
        color: #4490DB;
    }
    nav .menu .current-page-ancestor a,
    nav .menu li.current-menu-item a {
        font-weight: 600;
        color: #4490DB;
    }
    nav .menu .sub-menu li.current-menu-item a {
        font-weight: 300;
    }
    .mega-nav .sub-menu .current-menu-item a {
        font-weight: 400;
    }
    .mega-nav .sub-menu .current-menu-item a:before {
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-style: normal;
        font-weight: 900;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f105";
        margin-right: 8px;
    }
    nav .menu li a /*tero: siiretty tanne 1500px leveasta*/
    {
        font-size: 16px;
        font-weight: 600;
    }
    div#primary {
        width: auto;
    }
    .secondary-menu {
        position: absolute;
        width: 26%;
        background: rgba(0, 0, 0, 0);
        top: 4px;
        z-index: 999;
        right: 0px;
        display: block;
    }
    .secondary-menu a {
        color: #FFF;
        font-size: 12px;
        display: inline-block;
        padding: 0px 10px;
        font-weight: 400;
        background: #4490DB;
        border-top: 0;
        margin: 0 0px 0 5px;
        line-height: 40px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    /* Semiwide:  mega-nav */
    ul.sub-menu {
        position: absolute;
        background: #333;
        width: 200px;
        line-height: 2.5em;
        display: none;
    }
    nav .menu li:hover .sub-menu {
        display: block;
    }
    nav .menu .widget-area {
        margin-top: 10px;
        border: 1px solid #DDD;
        background: #F5F5F5;
        margin-bottom: 0;
        width: 101%;
        padding-bottom: 15px;
    }
    nav .widget-area ul.sub-menu {
        position: relative;
        text-align: left;
    }
    nav .menu .sub-menu li {
        padding: 0;
        margin: 0;
        text-align: left;
        display: block;
    }
    .sub-menu .widget-area li a {
        text-transform: none;
        font-size: 1.1em;
        font-weight: 300;
        padding: 0 0 0 1em;
        margin: 0;
        border-bottom: 1px solid #DDD;
        display: block;
        text-align: left;
    }
    .sub-menu .widget-area li .sub-menu li a {
        font-size: 1em;
        font-weight: 400;
        margin-left: 20px;
        border: none;
        padding-top: 10px;
        display: block;
    }
    input#s {
        width: 100%;
        height: 40px;
        margin-left: 0;
        border: 1px solid #CCC;
        background: #FFF;
        border-radius: 0;
        text-indent: 5%;
        font-size: 0.8em;
        color: #999;
    }
    /* semiWIDE:  Common 	
    	************************* */
    img {
        width: auto;
        height: auto;
    }
    .post-navigation {
        font-size: 18px;
    }
    .post-navigation p {
        font-size: 14px;
    }
    /*  Semiwide:  Header	
    	********************* */
    #wide-site-title {
        display: block;
    }
    #m-site-title {
        display: none;
    }
    /*  Semiwide:  Home
    	********************* */
    .hero .fl-row-content-wrap {
        overflow: hidden;
        width: 100%;
        height: 800px;
        padding: 0;
        top: 0;
    }
    /* Semiwide:  Single post & pages	
    	**************************** */
    .page-template-default #main {
        min-height: initial;
    }
    .single-post .entry-content p {
        margin: 1em auto;
    }
    .page-template-default article h1 {
        text-align: center;
        padding-bottom: 15px;
    }
    .description {
        font-size: 15px;
    }
    .entry-content h2 {
        font-weight: bold;
        font-size: 1.4em;
    }
    .single .main-article {
        width: 100%;
        margin: 0 auto 80px;
    }
    /* Semiwide:  post images	
    	*********************/
    /* left */
    .alignleft.size-medium {
        float: left;
        display: block !important;
        margin-left: 0;
        margin-right: 40px;
    }
    .alignleft.wp-caption {
        margin-left: 0;
        float: left;
    }
    /* Right */
    .alignright.size-medium {
        margin-right: 0;
        padding: 0% 0%;
        float: right;
        margin-left: 3%;
    }
    /* Semiwide:  shop	
    		***********************/
    .woocommerce .shop-single #content div.product div.summary, .woocommerce .shop-single div.product div.summary, .woocommerce-page .shop-single #content div.product div.summary, .woocommerce-page .shop-single div.product div.summary {
        width: 35%;
        display: table-cell;
        vertical-align: middle;
    }
    .woocommerce #shop-archive ul.products li.product {
        width: 24%;
    }
    .woocommerce-page .shop-single .product .images {
        width: 50%;
    }
    .images .flex-viewport {
        right: 0;
        width: 100%;
    }
    .images .flexslider:hover .flex-prev,
    .images .flex-direction-nav .flex-prev {
        left: 100px !important;
    }
    .images .flex-control-thumbs li {
        max-height: none;
    }
    .images .flex-control-thumbs {
        margin: 0 !important;
        width: 12% !important;
        position: absolute !important;
        top: 8% !important;
        right: 0;
    }
    .images .flex-control-thumbs li {
        width: 100% !important;
        float: none !important;
        margin: 0 0 5% !important;
    }
    .product-hero .fl-woocommerce-add-cart a.button.add_to_cart_button {
        margin-left: 0;
    }
    /* Semiwide:  Cart	
    	*************************/
    .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
        float: left;
        width: 45%;
    }
    .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
        width: 50% !important;
    }
}

@media only screen and (min-width: 1160px) {
    /* WIDE base	
    	************************* */
    body {
        font-size: 16px;
    }
    /*  WIDE:  Header	
    	********************* */
    nav {
        width: 60%;
        margin: auto;
        text-align: center;
    }
    nav .container,
    .container {
        width: 96%;
        max-width: 1100px;
    }
    nav .menu li a {
        font-size: 18px;
    }
    .secondary-menu {
        width: 22%;
        right: 0;
    }
    .secondary-menu a {
        font-size: 13px;
    }
    /* WIDE:  Single post 	
    	**************************** */
    .single-post .entry-content p {
        margin: 1em auto;
    }
    .description {
        font-size: 15px;
    }
    .entry-content h2 {
        font-size: 26px;
    }
    /* WIDE:  Single posts & pages	********************/
    .header-with-image .entry-title {
        max-width: 1000px;
    }
    /* WIDE:  Shop 	****************/
    .archive header.product-header {
        padding-top: 10%;
        padding-bottom: 12%;
    }
    .upsells.products, .related.products {
        clear: both;
        text-align: left;
        width: 35%;
        margin: -14% 0 0 0;
        float: right;
        padding-top: 0%;
    }
    nav .menu li {
        padding: 0 10px 0;/*tero,menuitemeiden vaakaväli kokoruudulla*/
    }

}
@media only screen and (min-width: 1500px) {
    /* Widescreen	
    		***************************/
    nav {
        top: 0;
    }
    nav .container {
        width: 80%;
        max-width: 1500px;
    }

    .site-description h1 {
        font-size: 59px;
    }
    #hero hr {
        width: 100%;
        max-width: 1500px;
    }
}
/* ==========================================================================  
 Helper classes  
 ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* ==========================================================================  
 Print styles  
 ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:  h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a, a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*	 * Don't show links for images,  or javascript/internal links	 */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }
    pre, blockquote {
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }
    tr, img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns, 	or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.row:after, .clearfix:after {
    clear: both;
}
.row, .clearfix {
    zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/*granitecore logo otsikkokuvan yläkulmaan
builderissa: oikean colum settingsiin toi id ja kuvaan class granitecoreoverlay*/
#mainrightcolumn
{
    position: relative;
}
#mainrightcolumn .granitecoreoverlay
{
        position: absolute; 
        top: 60px; 
        right: 0;
        border: 0; 
        width: 150px;
        height:auto;
}
@media only screen and (max-width: 768px) 
{
    #mainrightcolumn .granitecoreoverlay
    {
        position: absolute; 
        top: 15px; 
        right: 0;
        border: 0; 
        width: 150px;
        height:auto;
    }
}