/*
Theme Name: FlatOn
Theme URI: http://www.webulousthemes.com/flaton/
Author: N. Venkat Raj
Author URI: http://www.webulousthemes.com/
Description: FlatOn is inspired by flat design trend and comes with modern and responsive design. Also has two different color schemes. It uses skeleton framework for grids which keeps minimal css. Stylesheet is generated using SASS and so stays DRY. Best suited for Corporate/Business/Blog sites and also support Jigoshop eCommerce. Supports theme options panel and comes with lots of options. Has 4 Footer Widget Areas, allows Custom CSS via theme option panel. Demo: http://demo.webulous.in/flaton
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flaton
Tags: custom-background, custom-header, custom-menu, featured-images, post-formats, responsive-layout, right-sidebar, left-sidebar, sticky-post, threaded-comments, translation-ready, two-columns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 Reset
1.0 Grid
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
    5.1 Links
    5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
    10.1 Posts and pages
    10.2 Asides
    10.3 Comments
11.0 Infinite scroll
12.0 Media
    12.1 Captions
    12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
0.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background: #FFFFFF;
    /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

/*ol, ul {
    list-style: none;
}*/
table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}

/*--------------------------------------------------------------
1.0 Grid
--------------------------------------------------------------*/
.container {
    position: relative;
    width: 93%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0;
}

.container .one.column {
    width: 4.1%;
}

.container .two.columns {
    width: 10.4%;
}

/*
.container .three.columns {
    width: 16.6%;
}*/

.container .three.columns {
    width: 31.3%;
}

.container .four.columns {
    width: 22.9%;
}

.container .five.columns {
    width: 29.16%;
}

.container .six.columns {
    width: 35%;
}

.container .seven.columns {
    width: 41.6%;
}

.container .eight.columns {
    width: 47.9%;
}

.container .nine.columns {
    width: 54.16%;
}

.container .ten.columns {
    width: 60%;
}

.container .eleven.columns {
    width: 66.66%;
}

.container .twelve.columns {
    width: 72.9%;
}

.container .thirteen.columns {
    width: 79.16%;
}

.container .fourteen.columns {
    width: 85%;
}

.container .fifteen.columns {
    width: 91.66%;
}

.container .sixteen.columns {
    width: 97.9%;
}

.container .one-third.column {
    width: 31.25%;
}

.container .tow-thirds.column {
    width: 64.5%;
}

.container .offset-by-one {
    padding-left: 6.25%;
}

.container .offset-by-two {
    padding-left: 12.5%;
}

.container .offset-by-three {
    padding-left: 18.75%;
}

.container .offset-by-four {
    padding-left: 25%;
}

.container .offset-by-five {
    padding-left: 31.25%;
}

.container .offset-by-six {
    padding-left: 37.5%;
}

.container .offset-by-seven {
    padding-left: 43.7%;
}

.container .offset-by-eight {
    padding-left: 50%;
}

.container .offset-by-nine {
    padding-left: 56.25%;
}

.container .offset-by-ten {
    padding-left: 62.5%;
}

.container .offset-by-eleven {
    padding-left: 68.75%;
}

.container .offset-by-twelve {
    padding-left: 75%;
}

.container .offset-by-thirteen {
    padding-left: 81.25%;
}

.container .offset-by-fourteen {
    padding-left: 87.5%;
}

.container .offset-by-fifteen {
    padding-left: 93.75%;
}

.column, .columns {
    float: left;
    display: inline;
    margin-left: 1%;
    margin-right: 1%;
}

.column .alpha, .columns .alpha {
    margin-left: 0;
}

.column .omega, .columns .omega {
    margin-right: 0;
}

.row {
    margin-bottom: 2%;
}

/* #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,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-section-divider:before,
.panel-row-style-section-divider:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,
.clearfix:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-section-divider:before,
.panel-row-style-section-divider: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;
}

/*--------------------------------------------------------------
iPad - Landscape 
--------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 100%;
    }

    .container .column, .container .columns {
        margin-left: 1%;
        margin-right: 1%;
    }

    .container .column .alpha, .container .columns .alpha {
        margin-left: 0;
        margin-right: 1.3%;
    }

    .container .column .omega, .container .columns .omega {
        margin-left: 1.3%;
        margin-right: 0%;
    }

    .container .one.column {
        width: 3.64%;
    }

    .container .two.columns {
        width: 9.89%;
    }

    .container .three.columns {
        width: 29%;
    }

    .container .four.columns {
        width: 22.39%;
    }

    .container .five.columns {
        width: 28.64%;
    }

    .container .six.columns {
        width: 34.89%;
    }

    .container .seven.columns {
        width: 41.14%;
    }

    .container .eight.columns {
        width: 47.39%;
    }

    .container .nine.columns {
        width: 53.64%;
    }

    .container .ten.columns {
        width: 59.89%;
    }

    .container .eleven.columns {
        width: 66.14%;
    }

    .container .twelve.columns {
        width: 72.39%;
    }

    .container .thirteen.columns {
        width: 78.64%;
    }

    .container .fourteen.columns {
        width: 84.89%;
    }

    .container .fifteen.columns {
        width: 91.14%;
    }

    .container .sixteen.columns {
        width: 97.39%;
    }

    .container .one-third.column {
        width: 30.72%;
    }

    .container .two-thirds.column {
        width: 64%;
    }

    .container .offset-by-one {
        padding-left: 6.25%;
    }

    .container .offset-by-two {
        padding-left: 12.5%;
    }

    .container .offset-by-three {
        padding-left: 18.75%;
    }

    .container .offset-by-four {
        padding-left: 25%;
    }

    .container .offset-by-five {
        padding-left: 31.25%;
    }

    .container .offset-by-six {
        padding-left: 37.5%;
    }

    .container .offset-by-seven {
        padding-left: 43.75%;
    }

    .container .offset-by-eight {
        padding-left: 45%;
    }

    .container .offset-by-nine {
        padding-left: 56.25%;
    }

    .container .offset-by-ten {
        padding-left: 62.5%;
    }

    .container .offset-by-eleven {
        padding-left: 68.75%;
    }

    .container .offset-by-twelve {
        padding-left: 75%;
    }

    .container .offset-by-thirteen {
        padding-left: 81.25%;
    }

    .container .offset-by-fourteen {
        padding-left: 87.5%;
    }

    .container .offset-by-fifteen {
        padding-left: 93.75%;
    }

}

/*--------------------------------------------------------------
Mobile Devices - Retina to older versions
--------------------------------------------------------------*/

@media only screen and (max-width: 767px) {
    .container {
        width: 93%;
    }

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
        width: 100%;
    }

    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen {
        padding-left: 0;
    }

    .columns, .column {
        margin: 0;
    }

}

/*--------------------------------------------------------------
Mobile Devices - Retina devices - Landscape Only
--------------------------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 93%;
    }

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
        width: 100%;
    }

    .columns, .column {
        margin: 0;
    }
}

/* ==|== primary styles =====================================================
   Author: Lucas - Skeleton Based Media Queries
   ========================================================================== */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #34495E;
    /*font-family: "Source Sans Pro", sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    /*font-family: "Bitter", serif;*/
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

h1 {
    font-size: 40px;
    font-size: 4rem;
}

h2 {
    font-size: 30px;
    font-size: 3rem;
}

h3 {
    font-size: 22px;
    font-size: 2.2rem;
}

h4 {
    font-size: 20px;
    font-size: 2rem;
}

h5 {
    font-size: 18px;
    font-size: 1.8rem;
}

h6 {
    font-size: 16px;
    font-size: 1.6rem;
}

p {
    margin-bottom: 1.5em;
}

b, strong {
    font-weight: bold;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #F5F5F5;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
    border: 1px solid #ECF0F1;
}

code, kbd, tt, var {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
    border-bottom: 1px dotted #34495E;
    cursor: help;
}

mark, ins {
    background: #b9c8d8;
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
    background-color: #ECF0F1;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul, ol {
    margin: 0 0 1.5em 3em;
}

/*ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}*/
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 0;
}

table {
    width: 100%;
    border-spacing: 0;
    margin: 0 0 1.5em;
    border-collapse: separate;
    border: 1px solid #ECF0F1;
}

table th {
    font-weight: bold;
}

table caption,
table td,
table th {
    text-align: center;
    padding: 5px;
}

table td,
table th {
    border: 1px solid #ECF0F1;
    border-top: 0;
    border-right: 0;
}

table td#today {
    background-color: #3498db;
    color: #FFFFFF;
}

table {
    border-left: 0;
    border-bottom: 0;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #000000;
    color: #FFFFFF;
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */
    line-height: 1;
    padding: 10px 10px;
    border: 0;
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    font-size: 14px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #444444;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #444444;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box;
    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #6D6D6D;
    border: 1px solid #ECF0F1;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #6D6D6D;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}

textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
    color: #000000;
    text-decoration: none;
}

a:visited {
    color: #444444;
}

a:hover, a:focus, a:active {
    color: #444444;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    text-align: center;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    background-color: #34495E;
    float: left;
    position: absolute;
    top: 57px;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li {
    line-height: 40px;
}

.main-navigation ul ul li:hover > ul {
    left: 100%;
}

.main-navigation ul ul a {
    width: 300px;
    border-left: 5px solid transparent;
    padding-left: 15px;
}

.main-navigation ul ul :hover > a {
    padding-left: 25px;
    -webkit-transition: padding 0.5s ease;
    -moz-transition: padding 0.5s ease;
    -ms-transition: padding 0.5s ease;
    -o-transition: padding 0.5s ease;
    transition: padding 0.5s ease;
}

.main-navigation ul ul a:hover {
    border-color: #1aace7;
}

.main-navigation ul li:hover > ul {
    left: auto;
}

.main-navigation li {
    position: relative;
    line-height: 40px;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
}

.main-navigation li:hover > a {
    background-color: #333333;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    padding: 0 25px;
    color: #FFFFFF;
}

.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
    background-color: #333333;
}

/* Small menu */
.menu-toggle {
    display: none;
}

/* News Ticker */
.news-ticker    { background: #e2e2e2; border: none; display: block; font-size: 17px; height: 27px;}
.ticker-content { font-family: Arial,sans-serif; color: #414141; }
.mh-container, .mh-container2 { width: 980px; margin: 20px auto 0; position: relative;}
.mh-container2 { margin: 0 auto; }
.ticker-title, .ticker-content, .meta, .ticker-item-title { font-family: Arial,sans-serif;  color: #414141; }
.ticker-title { float: left; padding: 4px 10px 5px 10px; background: #cbcbcb; font-weight: 600; color: #000000; text-align: center; font-size: 12px; }
.ticker { height: 27px; overflow:hidden; }
.ticker li { font-size: 12px; line-height: 2; padding: .125rem .875rem; color: #414141;}
.ticker a { display: block; text-decoration: none;}
.meta { font-size: 12px;  color: #979797; }
.ticker li a span { color: #414141; }
.ticker .meta { color: #414141; }
.ticker .ticker-item-title { font-weight: 700; }
.ticker-ad-mobile { display: none; }
.clearfix2 { display: block; }

.mh-container2 { max-width: 980px; width: 100%; }

@media screen and (max-width: 600px) {
    .ticker-title { display: none; }
    .ticker .meta { color: #ffffff; font-size: 16px;}
    .ticker { height: 32px; }
    .news-ticker { background-color: transparent; position: absolute; top: 18px; left: 10%; height: 32px;}
    .ticker .ticker-item-title { font-weight: 400; }
}
@media screen and (max-width: 550px) {
    .ticker .meta { font-size: 15px;}
    .news-ticker { top: 18px; }
}
@media screen and (max-width: 500px) {
    .ticker .meta { font-size: 14px;}
    .news-ticker { top: 19px; }
}
@media screen and (max-width: 450px) {
    .ticker .meta { font-size: 15px;}
    .news-ticker { top: 20px; }
}
@media screen and (max-width: 400px) {
    .ticker .meta { font-size: 14px;}
    .news-ticker { top: 21px; }
}
@media screen and (max-width: 350px) {
    .ticker .meta { font-size: 13px;}
}

/* News Ticker */

@media screen and (max-width: 600px) {
    .menu-toggle,
    .main-navigation.toggled .nav-menu {
        display: block !important;
        padding: 15px 0;
        margin: 5px 0;
        width: 100%;
    }

    .main-navigation li {
        float: none;
        line-height: 40px;
        width: 100%;
        border-top: solid 1px #333;
    }

    .main-navigation li ul {
        display: block;
        top: 40px;
    }

    .main-navigation ul ul li:hover > ul {
        left: 25px;
    }

    .main-navigation ul {
        display: none;
    }
}

.comment-navigation .nav-previous a,
.paging-navigation .nav-previous a,
.post-navigation .nav-previous a, .comment-navigation .nav-next a,
.paging-navigation .nav-next a,
.post-navigation .nav-next a, .page-links a, .more-link {
    display: inline-block;
    background-color: #000000;
    color: #FFFFFF;
    padding: 7px 10px;
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

.comment-navigation .nav-previous a:hover,
.paging-navigation .nav-previous a:hover,
.post-navigation .nav-previous a:hover, .comment-navigation .nav-next a:hover,
.paging-navigation .nav-next a:hover,
.post-navigation .nav-next a:hover, .page-links a:hover, .more-link:hover {
    background-color: #34495E;
    color: #FFFFFF;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-previous .meta-nav,
.paging-navigation .nav-previous .meta-nav,
.post-navigation .nav-previous .meta-nav {
    padding: 6px 10px;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.comment-navigation .nav-next .meta-nav,
.paging-navigation .nav-next .meta-nav,
.post-navigation .nav-next .meta-nav {
    padding: 6px 10px;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #FFFFFF;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #6D6D6D;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget-title {
    color: #3498db;
}

.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets */
}

.widget h3 {
    margin-bottom: .5em;
}

.widget select {
    max-width: 100%;
    width: 100%;
}

.widget ul {
    margin: 0;
    list-style: none;
}

.widget ul li {
    color: #797979;
}

.widget ul li a {
    padding-left: 15px;
    background: url("images/list.png") no-repeat left 8px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 11px;
    text-transform: uppercase;
}

.widget ul li li {
    padding-left: 20px;
}

.widget a {
    color: #34495E;
}

.widget a:hover {
    color: #3498db;
}

.widget_recent_comments ul li a,
.widget_rss ul li a {
    padding: 0;
    background: none;
}

.widget_rss ul li {
    padding: 8px 0;
}

.widget_rss ul li .rss-date {
    color: #3498db;
    display: block;
}

.widget_rss ul li cite {
    color: #797979;
}

/* Search widget */
.widget_search .search-submit {
    display: none;
}

.widget_search input {
    width: 100%;
    padding: 5px 10px;
}

.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_nav_menu li {
    padding: 10px 0;
}

.widget li ul {
    border-top: 1px solid #ECF0F1;
    margin-top: 10px;
}

.widget_tag_cloud a {
    background-color: #ECF0F1;
    padding: 5px;
    margin: 2px;
    display: inline-block;
}

.widget_tag_cloud a:hover {
    color: #FFFFFF;
    background-color: #3498db;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
.site-branding {
    height: 107px;
    padding: 0px;
    text-align: center;
}

.site-title {
    line-height: 1;
}

.site-title a {
    color: #34495E;
}

.site-title a:hover {
    color: #3498db;
}

.site-description {
    font-size: 18px;
    font-size: 1.8rem;
    color: #6D6D6D;
}

#site-navigation {
    background-color: #000000;
    height: 40px;
}

.site-footer {
    background-color: #212121;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.site-footer a {
    color: #FFFFFF;
}

.site-footer a:hover {
    color: #3498db;
}

.site-footer .widget li a {
    color: #FFFFFF;
    background: url("images/footer-bullet.png") no-repeat 0px 7px;
    display: block;
    line-height: 24px;
}

.site-footer .widget li a:hover {
    text-decoration: underline;
}

.site-footer .widget_tag_cloud a {
    background-color: #7F8C8D;
}

.site-footer .widget_tag_cloud a:hover {
    color: #cccccc;
    background-color: #3498db;
}

.site-footer .fa {
    background: #b0b0b0;
    padding: 3px;
    border-radius: 8px;
    margin-right: 5px;
    color: #263340;
    width: 16px;
    height: 16px;
    text-align: center;
}

#colophon {
    color: #FFFFFF;
}

.site-info {
    padding: 20px 0;
}

.footer-top {
    border-bottom: 1px solid #263340;
    padding: 20px 0 0;
}

.footer-bottom {
    border-top: 1px solid #5e5e5e;
    background: #444444;
}

.footer-bottom a {
    color: #3498db;
}

.footer-bottom a:hover {
    color: #FFFFFF;
}

.footer-bottom .widget_text {
    font-size: 11px;
    text-align: center;
    margin: 0px;
}

#content {
    padding-top: 20px;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
    background-color: #F5F5F5;
    padding: 10px;
    border: 1px solid #d6e6ea;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.hentry {
    margin: 0 0 1.5em;
}

.entry-meta,
.entry-footer {
    /* border-top: 1px solid #d6e6ea;
    border-bottom: 1px solid #d6e6ea; */
    padding: 8px 0;
    color: #7F8C8D;
    margin-top: 10px;
}

.entry-meta span,
.entry-footer span {
    padding-right: 25px;
}

.entry-meta span span,
.entry-footer span span {
    padding-right: 0;
}

.entry-meta span i,
.entry-footer span i {
    padding-right: 5px;
}

.entry-meta a,
.entry-footer a {
    color: #7F8C8D;
}

.entry-meta a:hover,
.entry-footer a:hover {
    color: #34495E;
}

.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 10px 0 20px;
}

.entry-content p {
    font-size: 14px;
    padding-bottom: 10px;
}

.entry-content ul {
    font-size: 14px;
    margin-left: 20px;
}

.entry-content ul li {
    font-size: 14px;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

blockquote {
    position: relative;
    margin-bottom: 1.5em;
}

blockquote:before {
    position: absolute;
    content: "\f10d";
    color: #3498db;
    font-size: 1.4em;
    font-family: 'FontAwesome';
}

blockquote p {
    width: 95%;
    margin: 0 0 0 35px;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

h2.comments-title {
    margin-bottom: 30px;
    padding-bottom: 10px;
    line-height: normal;
}

ol.comment-list {
    margin: 0 0 1.5em 0;
    list-style-type: none;
}

ol.comment-list li.pingback {
    border: 1px solid #F5F5F5;
    margin: 5px;
    padding: 10px;
}

ol.comment-list .bypostauthor {
    display: block;
}

ol.comment-list ol.children {
    list-style-type: none;
}

ol.comment-list .comment-body {
    border: 2px solid #F0F2F3;
    left: 60px;
    padding: 5px 20px 10px;
    position: relative;
    width: 92%;
}

ol.comment-list .comment-body p {
    margin-bottom: 10px;
}

ol.comment-list .comment-author img {
    top: 0;
    left: -60px;
    position: absolute;
}

ol.comment-list .parent article {
    border: 2px solid #F0F2F3;
    margin-bottom: 20px;
    padding: 5px 20px 10px;
}

ol.comment-list .comment-metadata {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 20px;
}

ol.comment-list .comment-metadata a {
    color: #797979;
}

ol.comment-list .comment-metadata a:hover {
    color: #3498db;
}

ol.comment-list .comment-author cite {
    font-style: normal;
}

ol.comment-list .comment-author cite a {
    font-size: 17px;
    font-size: 1.7rem;
    color: #34495E;
}

ol.comment-list .comment-author cite a:hover {
    color: #3498db;
}

ol.comment-list .comment-content li {
    list-style-type: unset;
    overflow: visible;
}

ol.comment-list > li {
    margin-bottom: 20px;
}

ol.comment-list .even.depth-1 .comment-body {
    background-color: #F0F2F3;
}

ol.comment-list .odd.depth-1 .comment-body {
    background-color: #fff;
}

ol.comment-list .even.depth-2 .comment-body {
    background-color: #F0F2F3;
}

ol.comment-list .odd.depth-3 .comment-body {
    background-color: #fff;
}

ol.comment-list .even.depth-4 .comment-body {
    background-color: #F0F2F3;
}

ol.comment-list .odd.depth-5 .comment-body {
    background-color: #fff;
}

ol.comment-list .bypostauthor > .comment-body {
    background-color: #d6e6ea !important;
}

ol.comment-list li.pingback .comment-body {
    border: 0;
    padding: 0;
    position: static;
    width: 100%;
    background-color: transparent !important;
}

.comment-form label {
    min-width: 80px;
    display: inline-block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    padding: 5px 10px;
}

.comment-form textarea {
    margin-top: 10px;
}

.services {
    padding-top: 50px;
}

h2.service-title,
h3.service-subtitle {
    text-align: center;
}

h2.service-title {
    font-size: 2.8em;
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

h2.service-title div {
    display: inline;
    padding-bottom: 10px;
    margin-bottom: 30px;
    background-image: url("images/bg-line-title.gif"), url("images/bg-line-title.gif"), url("images/bgrepeat-line-title.gif");
    background-position: left bottom, right bottom, center bottom;
    background-repeat: no-repeat, no-repeat, repeat-x;
}

h3.service-subtitle {
    margin-bottom: 30px;
}

#service-tabs ul {
    text-align: center;
    margin: 0 0 50px;
    list-style-type: none;
}

.ui-tabs-nav li {
    display: inline;
}

#service-tabs ul li a {
    padding: 12px 30px;
    display: inline-block;
    color: #FFFFFF;
}

.ui-tabs-panel {
    clear: both;
}

.tab-icon {
    text-align: center;
}

.tab-icon i {
    font-size: 8em;
    /*padding: 25px;*/
    border-radius: 25px 0 25px 0;
}

#service-tabs .ui-tabs-panel {
    min-height: 250px;
    position: relative;
}

#service-tabs .ui-tabs-panel .tab-icon {
    /*
      min-height: 140px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 22%;
    */
    text-align: center;
    padding: 50px 0;
    background-color: #F0F2F3;
}

.team-col {
    min-height: 170px;
}

.team-col:nth-of-type(2),
.team-col:nth-of-type(4) {
    border-right: 0;
}

.team-col:nth-of-type(3),
.team-col:nth-of-type(4) {
    border-bottom: 0;
}

#service-tabs .service-desc li {
    float: none;
    list-style-type: disc;
}

#service-tabs .service-desc ol {
    list-style-type: disc;
}

#service-tabs .service-desc ul {
    text-align: left;
    margin-left: 30px;
    list-style-type: disc;
}

.team-col strong {
    display: block;
    font-size: 1.4em;
}

.team-col h5 {
    font-size: 1em;
    font-weight: normal;
}

.team-col img {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.team-col p {
    text-align: justify;
}

.team-col p,
.team-col h5 {
    margin-left: 135px;
}

.team-content {
    background-image: url("images/circle.gif"), url("images/circle.gif"), url("images/circle.gif"), url("images/line-repeat.gif");
    background-position: 51% top, 51% bottom, 51% center, 51% top;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat-y;
    margin-bottom: 50px;
}

.team-col {
    padding: 25px;
}

.innercol {
    background-image: url("images/circle.gif"), url("images/circle.gif"), url("images/circle.gif"), url("images/line-repeat.gif");
    background-position: left center, right center, 51% center, center center;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
}

#add-info h1,
#add-info h2,
#add-info h3,
#add-info h4,
#add-info h5 {
    clear: none;
}

#add-info h2 {
    text-align: center;
    margin-bottom: 35px;
}

#add-info img {
    margin-right: 75px;
}

.recent-work {
    margin: 10px;
    height: 250px;
    overflow: hidden;
    position: relative;
    width: 250px;
    float: left;
}

.recent-work:hover .rk-thumb {
    opacity: .5;
    transition: all .5s;
}

.rk-content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    width: 100%;
    min-height: 250px;
    line-height: 1.2;
}

.recent-work:hover .rk-content {
    opacity: 1;
}

.rk-content p {
    text-align: justify;
}

.rk-content h3 {
    padding-bottom: 10px;
}

.rk-content h3 a {
    color: #3498db;
}

.rk-content h3 a:hover {
    color: #FFFFFF;
}

.rk-content p.readmore {
    text-align: center;
}

.rk-content p.readmore a {
    background-color: #34495E;
}

.rk-content p.readmore a:hover {
    color: #FFFFFF;
    background-color: #3498db;
}

.rk-content {
    background-color: rgba(51, 73, 94, 0.8);
    color: #FFFFFF;
}

/* Recent Work Animation */
.rk-thumb {
    overflow: hidden;
}

.rk-thumb img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.rk-content {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -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;
}

.rk-content h3 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.rk-content p {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.recent-work:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.view-first a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.recent-work:hover .rk-content {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.recent-work:hover h3,
.recent-work:hover p,
.recent-work:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.recent-work:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.recent-work:hover a.info {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.team-col h5 {
    color: #3498db;
}

#service-tabs ul li a {
    background-color: #34495E;
}

#service-tabs ul li a:hover,
#service-tabs ul li.ui-tabs-active a {
    background-color: #000000;
}

.flex-direction-nav a:hover {
    background: #444444;
}

.flex-caption {
    position: absolute;
    color: #FFFFFF;
    top: 10%;
    left: 0;
    width: 100%;
    text-align: center;
}

.flex-caption h1, .flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5, .flex-caption h6, .flex-caption p,
.flex-caption ul {
    margin: 0 0 .5em;
    padding: 0 30px;
}

.flex-caption h2, .flex-caption h3 {
    text-shadow: 1px 1px 1px #000;
}

.flexslider .slides > li {
    position: relative;
}

/* Skill Styls Starts 
-------------------------------------- */
.skill-container {
    margin-top: 20px;
    padding-bottom: 1px;
}

.skill {
    height: 12px;
    position: relative;
    margin: -8px 0 10px 50px;
    background-color: #F0F2F3;
}

.skill-percentage {
    height: 12px;
    position: absolute;
    background-color: #3498db;
}

.skill-container i {
    color: #FFFFFF;
}

.skill-container [class*="fa fa-"]:before {
    background: #34495E;
    color: #FFFFFF;
}

.circle {
    top: -3px;
    width: 17px;
    right: -3px;
    height: 17px;
    position: absolute;
    display: none;
}

.skill-content {
    top: -26px;
    position: relative;
}

.skill-content span {
    float: right;
}

.skill-container [class*="fa fa-"]:before {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 8px;
}

.percent5 {
    width: 5%;
}

.percent10 {
    width: 10%;
}

.percent15 {
    width: 15%;
}

.percent20 {
    width: 20%;
}

.percent25 {
    width: 25%;
}

.percent30 {
    width: 30%;
}

.percent35 {
    width: 35%;
}

.percent40 {
    width: 40%;
}

.percent45 {
    width: 45%;
}

.percent50 {
    width: 50%;
}

.percent55 {
    width: 55%;
}

.percent60 {
    width: 60%;
}

.percent65 {
    width: 65%;
}

.percent70 {
    width: 70%;
}

.percent75 {
    width: 75%;
}

.percent80 {
    width: 80%;
}

.percent85 {
    width: 85%;
}

.percent90 {
    width: 90%;
}

.percent95 {
    width: 95%;
}

.percent100 {
    width: 100%;
}

.percent5.start {
    width: 0%;
    -webkit-animation: percent5 2s ease-out forwards;
    -moz-animation: percent5 2s ease-out forwards;
    -ms-animation: percent5 2s ease-out forwards;
    -o-animation: percent5 2s ease-out forwards;
    animation: percent5 2s ease-out forwards;
}

.percent10.start {
    width: 0%;
    -webkit-animation: percent10 2s ease-out forwards;
    -moz-animation: percent10 2s ease-out forwards;
    -ms-animation: percent10 2s ease-out forwards;
    -o-animation: percent10 2s ease-out forwards;
    animation: percent10 2s ease-out forwards;
}

.percent15.start {
    width: 0%;
    -webkit-animation: percent15 2s ease-out forwards;
    -moz-animation: percent15 2s ease-out forwards;
    -ms-animation: percent15 2s ease-out forwards;
    -o-animation: percent15 2s ease-out forwards;
    animation: percent15 2s ease-out forwards;
}

.percent20.start {
    width: 0%;
    -webkit-animation: percent20 2s ease-out forwards;
    -moz-animation: percent20 2s ease-out forwards;
    -ms-animation: percent20 2s ease-out forwards;
    -o-animation: percent20 2s ease-out forwards;
    animation: percent20 2s ease-out forwards;
}

.percent25.start {
    width: 0%;
    -webkit-animation: percent25 2s ease-out forwards;
    -moz-animation: percent25 2s ease-out forwards;
    -ms-animation: percent25 2s ease-out forwards;
    -o-animation: percent25 2s ease-out forwards;
    animation: percent25 2s ease-out forwards;
}

.percent30.start {
    width: 0%;
    -webkit-animation: percent30 2s ease-out forwards;
    -moz-animation: percent30 2s ease-out forwards;
    -ms-animation: percent30 2s ease-out forwards;
    -o-animation: percent30 2s ease-out forwards;
    animation: percent30 2s ease-out forwards;
}

.percent35.start {
    width: 0%;
    -webkit-animation: percent35 2s ease-out forwards;
    -moz-animation: percent35 2s ease-out forwards;
    -ms-animation: percent35 2s ease-out forwards;
    -o-animation: percent35 2s ease-out forwards;
    animation: percent35 2s ease-out forwards;
}

.percent40.start {
    width: 0%;
    -webkit-animation: percent40 2s ease-out forwards;
    -moz-animation: percent40 2s ease-out forwards;
    -ms-animation: percent40 2s ease-out forwards;
    -o-animation: percent40 2s ease-out forwards;
    animation: percent40 2s ease-out forwards;
}

.percent45.start {
    width: 0%;
    -webkit-animation: percent45 2s ease-out forwards;
    -moz-animation: percent45 2s ease-out forwards;
    -ms-animation: percent45 2s ease-out forwards;
    -o-animation: percent45 2s ease-out forwards;
    animation: percent45 2s ease-out forwards;
}

.percent50.start {
    width: 0%;
    -webkit-animation: percent50 2s ease-out forwards;
    -moz-animation: percent50 2s ease-out forwards;
    -ms-animation: percent50 2s ease-out forwards;
    -o-animation: percent50 2s ease-out forwards;
    animation: percent50 2s ease-out forwards;
}

.percent55.start {
    width: 0%;
    -webkit-animation: percent55 2s ease-out forwards;
    -moz-animation: percent55 2s ease-out forwards;
    -ms-animation: percent55 2s ease-out forwards;
    -o-animation: percent55 2s ease-out forwards;
    animation: percent55 2s ease-out forwards;
}

.percent60.start {
    width: 0%;
    -webkit-animation: percent60 2s ease-out forwards;
    -moz-animation: percent60 2s ease-out forwards;
    -ms-animation: percent60 2s ease-out forwards;
    -o-animation: percent60 2s ease-out forwards;
    animation: percent60 2s ease-out forwards;
}

.percent65.start {
    width: 0%;
    -webkit-animation: percent65 2s ease-out forwards;
    -moz-animation: percent65 2s ease-out forwards;
    -ms-animation: percent65 2s ease-out forwards;
    -o-animation: percent65 2s ease-out forwards;
    animation: percent65 2s ease-out forwards;
}

.percent70.start {
    width: 0%;
    -webkit-animation: percent70 2s ease-out forwards;
    -moz-animation: percent70 2s ease-out forwards;
    -ms-animation: percent70 2s ease-out forwards;
    -o-animation: percent70 2s ease-out forwards;
    animation: percent70 2s ease-out forwards;
}

.percent75.start {
    width: 0%;
    -webkit-animation: percent75 2s ease-out forwards;
    -moz-animation: percent75 2s ease-out forwards;
    -ms-animation: percent75 2s ease-out forwards;
    -o-animation: percent75 2s ease-out forwards;
    animation: percent75 2s ease-out forwards;
}

.percent80.start {
    width: 0%;
    -webkit-animation: percent80 2s ease-out forwards;
    -moz-animation: percent80 2s ease-out forwards;
    -ms-animation: percent80 2s ease-out forwards;
    -o-animation: percent80 2s ease-out forwards;
    animation: percent80 2s ease-out forwards;
}

.percent85.start {
    width: 0%;
    -webkit-animation: percent85 2s ease-out forwards;
    -moz-animation: percent85 2s ease-out forwards;
    -ms-animation: percent85 2s ease-out forwards;
    -o-animation: percent85 2s ease-out forwards;
    animation: percent85 2s ease-out forwards;
}

.percent90.start {
    width: 0%;
    -webkit-animation: percent90 2s ease-out forwards;
    -moz-animation: percent90 2s ease-out forwards;
    -ms-animation: percent90 2s ease-out forwards;
    -o-animation: percent90 2s ease-out forwards;
    animation: percent90 2s ease-out forwards;
}

.percent95.start {
    width: 0%;
    -webkit-animation: percent95 2s ease-out forwards;
    -moz-animation: percent95 2s ease-out forwards;
    -ms-animation: percent95 2s ease-out forwards;
    -o-animation: percent95 2s ease-out forwards;
    animation: percent95 2s ease-out forwards;
}

.percent100 {
    width: 0%;
    -webkit-animation: percent100 2s ease-out forwards;
    -moz-animation: percent100 2s ease-out forwards;
    -ms-animation: percent100 2s ease-out forwards;
    -o-animation: percent100 2s ease-out forwards;
    animation: percent100 2s ease-out forwards;
}

@-moz-keyframes percent5 {
    0% {
        width: 0px;
    }
    100% {
        width: 5%;
    }
}

@-moz-keyframes percent10 {
    0% {
        width: 0px;
    }
    100% {
        width: 10%;
    }
}

@-moz-keyframes percent15 {
    0% {
        width: 0px;
    }
    100% {
        width: 15%;
    }
}

@-moz-keyframes percent20 {
    0% {
        width: 0px;
    }
    100% {
        width: 20%;
    }
}

@-moz-keyframes percent25 {
    0% {
        width: 0px;
    }
    100% {
        width: 25%;
    }
}

@-moz-keyframes percent30 {
    0% {
        width: 0px;
    }
    100% {
        width: 30%;
    }
}

@-moz-keyframes percent35 {
    0% {
        width: 0px;
    }
    100% {
        width: 35%;
    }
}

@-moz-keyframes percent40 {
    0% {
        width: 0px;
    }
    100% {
        width: 40%;
    }
}

@-moz-keyframes percent45 {
    0% {
        width: 0px;
    }
    100% {
        width: 45%;
    }
}

@-moz-keyframes percent50 {
    0% {
        width: 0px;
    }
    100% {
        width: 50%;
    }
}

@-moz-keyframes percent55 {
    0% {
        width: 0px;
    }
    100% {
        width: 55%;
    }
}

@-moz-keyframes percent60 {
    0% {
        width: 0px;
    }
    100% {
        width: 60%;
    }
}

@-moz-keyframes percent65 {
    0% {
        width: 0px;
    }
    100% {
        width: 65%;
    }
}

@-moz-keyframes percent70 {
    0% {
        width: 0px;
    }
    100% {
        width: 70%;
    }
}

@-moz-keyframes percent75 {
    0% {
        width: 0px;
    }
    100% {
        width: 75%;
    }
}

@-moz-keyframes percent80 {
    0% {
        width: 0px;
    }
    100% {
        width: 80%;
    }
}

@-moz-keyframes percent85 {
    0% {
        width: 0px;
    }
    100% {
        width: 85%;
    }
}

@-moz-keyframes percent90 {
    0% {
        width: 0px;
    }
    100% {
        width: 90%;
    }
}

@-moz-keyframes percent95 {
    0% {
        width: 0px;
    }
    100% {
        width: 95%;
    }
}

@-moz-keyframes percent100 {
    0% {
        width: 0px;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes percent5 {
    0% {
        width: 0px;
    }
    100% {
        width: 5%;
    }
}

@-webkit-keyframes percent10 {
    0% {
        width: 0px;
    }
    100% {
        width: 10%;
    }
}

@-webkit-keyframes percent15 {
    0% {
        width: 0px;
    }
    100% {
        width: 15%;
    }
}

@-webkit-keyframes percent20 {
    0% {
        width: 0px;
    }
    100% {
        width: 20%;
    }
}

@-webkit-keyframes percent25 {
    0% {
        width: 0px;
    }
    100% {
        width: 25%;
    }
}

@-webkit-keyframes percent30 {
    0% {
        width: 0px;
    }
    100% {
        width: 30%;
    }
}

@-webkit-keyframes percent35 {
    0% {
        width: 0px;
    }
    100% {
        width: 35%;
    }
}

@-webkit-keyframes percent40 {
    0% {
        width: 0px;
    }
    100% {
        width: 40%;
    }
}

@-webkit-keyframes percent45 {
    0% {
        width: 0px;
    }
    100% {
        width: 45%;
    }
}

@-webkit-keyframes percent50 {
    0% {
        width: 0px;
    }
    100% {
        width: 50%;
    }
}

@-webkit-keyframes percent55 {
    0% {
        width: 0px;
    }
    100% {
        width: 55%;
    }
}

@-webkit-keyframes percent60 {
    0% {
        width: 0px;
    }
    100% {
        width: 60%;
    }
}

@-webkit-keyframes percent65 {
    0% {
        width: 0px;
    }
    100% {
        width: 65%;
    }
}

@-webkit-keyframes percent70 {
    0% {
        width: 0px;
    }
    100% {
        width: 70%;
    }
}

@-webkit-keyframes percent75 {
    0% {
        width: 0px;
    }
    100% {
        width: 75%;
    }
}

@-webkit-keyframes percent80 {
    0% {
        width: 0px;
    }
    100% {
        width: 80%;
    }
}

@-webkit-keyframes percent85 {
    0% {
        width: 0px;
    }
    100% {
        width: 85%;
    }
}

@-webkit-keyframes percent90 {
    0% {
        width: 0px;
    }
    100% {
        width: 90%;
    }
}

@-webkit-keyframes percent95 {
    0% {
        width: 0px;
    }
    100% {
        width: 95%;
    }
}

@-webkit-keyframes percent100 {
    0% {
        width: 0px;
    }
    100% {
        width: 100%;
    }
}

/* Skill Styls Ends
-------------------------------------- */

.flexslider .slides img {
    width: 100%;
    height: 100%;
}

p.readmore a,
p.btn-slider a,
p.btn-more a {
    display: inline-block;
    padding: 5px 15px;
}

p.btn-slider a {
    padding: 7px 20px;
    padding-left: 15px;
}

p.btn-slider a i {
    padding-right: 8px;
}

p.btn-slider a,
p.btn-more a {
    background-color: #34495E;
    color: #FFFFFF;
}

p.btn-slider a:hover,
p.btn-more a:hover {
    background-color: #3498db;
}

#service-tabs ul li a {
    background-color: #000000;
}

#service-tabs ul li a:hover,
#service-tabs ul li.ui-tabs-active a {
    background-color: #444444;
}

.flex-direction-nav a:hover {
    background: #444444;
    color: #FFFFFF;
}

.flex-control-paging li a {
    border-color: #212121 !important;
    background-color: #FFFFFF;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
    background-color: #696969 !important;
}

.jigoshop #breadcrumb a {
    color: #3498db !important;
    text-decoration: underline;
}

.jigoshop #breadcrumb a:hover {
    text-decoration: none;
}

.jigoshop .site-content {
    width: 1170px;
}

.jigoshop .products li {
    width: 32%;
    min-height: 150px;
    margin-bottom: 65px;
    padding: 20px 0 !important;
}

.jigoshop .products li a.button {
    position: absolute;
    right: 10px;
    bottom: 20px;
    margin: 0;
}

.jigoshop .products li a:hover img {
    border: 0;
}

.jigoshop .products li strong {
    padding: 0 10px;
    min-height: 50px;
    text-align: center;
    line-height: normal;
}

.jigoshop .products li strong:hover {
    color: #3498db;
}

a.button,
button.button,
input.button,
#review_form #submit {
    background-color: #3498db;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0;
    border-radius: 0;
}

a.button:hover,
button.button:hover,
input.button:hover,
#review_form #submit:hover {
    background-color: #34495E;
    color: #FFFFFF;
}

.products li .price,
div.product p.price,
p.stock {
    color: #444;
}

.products li .price .from,
.products li .price del {
    font-size: 12px;
}

span.onsale {
    margin: 0 !important;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #DA54C8;
    padding: 10px 20px;
    left: 0;
    right: auto;
}

.woocommerce ul.products li.product span.soldout,
.woocommerce ul.product_list_widget li.product span.soldout {
    font-size: 13px;
    line-height: 1.3;
    padding-top: 10px;
    color: white;
    background: black;    
    top: 0;
    right: 0;
    left: auto;
}

.button-alt {
    margin-top: 0;
    padding: 7px;
    background: #34495e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #34495e 0%, #273347 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #34495e), color-stop(100%, #273347));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #34495e 0%, #273347 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #34495e 0%, #273347 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #34495e 0%, #273347 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #34495e 0%, #273347 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34495e', endColorstr='#273347', GradientType=0);
    /* IE6-9 */
    border: 1px solid #34495E;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
}

a.button-alt {
    color: #FFFFFF;
}

.button-alt:hover {
    background: #3498db;
    /* Old browsers */
    background: -moz-linear-gradient(top, #3498db 0%, #3498db 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3498db), color-stop(100%, #3498db));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3498db 0%, #3498db 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3498db 0%, #3498db 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3498db 0%, #3498db 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #3498db 0%, #3498db 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3498db', endColorstr='#3498db', GradientType=0);
    /* IE6-9 */
    border-color: #136CAB;
}

.jigoshop .site-content .quantity input.plus,
.jigoshop .site-content .quantity input.minus {
    background-color: #34495E;
}

.jigoshop .site-content .quantity input.plus:hover,
.jigoshop .site-content .quantity input.minus:hover {
    background-color: #3498db;
}

.related ul.products {
    float: none;
    width: 100%;
}

div.product div.summary,
div.product div.images {
    width: 48%;
}

.single-product div.product div.images img {
    width: auto;
    border-color: #d6e6ea;
    height: 465px;
    margin: 0 auto;
}

div.product #tabs ul.tabs {
    background-color: #D7D7D7;
}

div.product #tabs .panel {
    border-color: #D7D7D7;
}

div.product #tabs ul.tabs a {
    background-color: #F0F2F3;
}

.products li span.price {
    float: none;
    text-align: left;
    padding-left: 10px;
}

ins {
    background-color: #34495E;
    color: #FFFFFF;
    padding: 0 5px;
}

.product-remove a.remove {
    background-color: #fa0000;
    margin: 0 auto;
}

.product-remove a.remove:hover {
    background-color: #34495E;
}

.product-name a:hover {
    color: #34495E;
}

table.shop_table th {
    color: #34495E;
    font-size: 14px;
}

.quantity input.qty {
    text-align: center;
}

.shop_table.cart .actions a.checkout-button:hover {
    color: #FFFFFF;
}

.cart-collaterals .cart_totals,
.cart-collaterals .shipping_calculator {
    width: 48%;
}

form .form-row input.input-text:focus,
#content .form-row input.input-text:focus,
form .form-row textarea:focus,
#content .form-row textarea:focus {
    box-shadow: inset 0 0 0 1px #3498db;
    -webkit-box-shadow: inset 0 0 0 1px #3498db;
    -moz-box-shadow: inset 0 0 0 1px #3498db;
}

#payment div.payment_box {
    background: #88bfe8;
    /* Old browsers */
    background: -moz-linear-gradient(top, #88bfe8 0%, #70b0e0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88bfe8), color-stop(100%, #70b0e0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #88bfe8 0%, #70b0e0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #88bfe8 0%, #70b0e0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #88bfe8 0%, #70b0e0 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #88bfe8 0%, #70b0e0 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88bfe8', endColorstr='#70b0e0', GradientType=0);
    /* IE6-9 */
    border-color: #3498db;
}

#payment div.payment_box p {
    color: #FFFFFF;
}

#payment div.payment_box:after {
    border-bottom-color: #3498db;
}

.form-row .required {
    color: #f94242;
}

form .form-row input.input-text,
#content .form-row input.input-text,
form .form-row textarea,
#content .form-row textarea {
    line-height: normal;
}

#payment .payment_methods.methods li input#payment_method_cheque,
#payment .payment_methods.methods li label {
    display: inline;
}

td.cart-row-subtotal,
td.cart-row-total {
    color: #3498db;
}

.checkout .jigoshop-invalid input.input-text,
.checkout .jigoshop-validated select {
    border-color: #3498db !important;
}

.jigoshop .site-content div.jigoshop_error,
.jigoshop .site-content div.jigoshop_message {
    position: relative;
    text-shadow: 0 1px 0 #fff;
    list-style: none outside !important;
    *zoom: 1;
    width: auto;
    -webkit-box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.05), inset 0 -2px 30px rgba(0, 0, 0, 0.015), inset 0 1px 0 #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.05), inset 0 -2px 30px rgba(0, 0, 0, 0.015), inset 0 1px 0 #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
    border: 0;
    border-top: 3px solid #3498db;
    background-color: #F0F2F3;
}

.woocommerce-error li strong {
    color: #ff0000;
}

.jigoshop .site-content div.jigoshop_error span,
.jigoshop .site-content div.jigoshop_message span {
    padding-bottom: 5px;
    /*color: #secondary_color;*/
}

a.button,
button.button,
input.button,
#review_form #submit {
    padding: 6px 10px;
}

.jigoshop .products li {
    border: 1px solid #d6e6ea;
    position: relative;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
}

.woocommerce ul.products li.product a img {
    border: 0;
    margin-bottom: 10px !important;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 300px;
    width: auto;
}

.related.products li a img {
    height: 150px !important;
}

.woocommerce ul.products li.product span.price, .woocommerce-page ul.products li.product span.price {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.star-rating,
p.stars span,
.star-rating span,
p.stars span a:hover,
p.stars span a:focus,
p.stars span a.active {
    background-image: url("images/star.png");
}

a.lost_password {
    padding: 5px 10px;
    display: inline-block;
}

a.lost_password:hover {
    color: #34495E;
}

.info a {
    color: #3498db;
}

.info a:hover {
    color: #3498db;
}

.related.products li span.price {
    font-size: 15px;
    padding-top: 5px;
}

.form-cart-items td.actions a.checkout-button.button-alt:nth-of-type(2) {
    background: #87e0fd;
    /* Old browsers */
    background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87e0fd), color-stop(40%, #53cbf1), color-stop(100%, #05abe0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#05abe0', GradientType=0);
    /* IE6-9 */
    border-color: #6FB4E6;
    color: #FFFFFF;
}

.form-cart-items td.actions a.checkout-button.button-alt:nth-of-type(2):hover {
    background: #05abe0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #05abe0 0%, #53cbf1 60%, #87e0fd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #05abe0), color-stop(60%, #53cbf1), color-stop(100%, #87e0fd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #05abe0 0%, #53cbf1 60%, #87e0fd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #05abe0 0%, #53cbf1 60%, #87e0fd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #05abe0 0%, #53cbf1 60%, #87e0fd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #05abe0 0%, #53cbf1 60%, #87e0fd 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05abe0', endColorstr='#87e0fd', GradientType=0);
    /* IE6-9 */
}

a.button, button.button, input.button, #review_form #submit {
    color: #FFFFFF;
}

.products ul,
ul.products {
    float: none;
}

#payment ul.payment_methods li input {
    margin-right: 5px !important;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #444444;
    color: #ffffff;
}

#reviews h2 {
    margin-bottom: 20px;
}

/* Hide unneeded payment method box depending on which class is set */
#payment.credit-card-method #paypal_panel {display: none;}
#payment.paypal-method #cc_panel {display: none;}

.woocommerce #payment.paypal-method #place_order, 
.woocommerce-page #payment.paypal-method #place_order { display: none; }
/* End Hide unneeded payment method */

.select_payment_method>div {
    display: inline-block;
    margin: 10px 20px 30px 0px;
    text-transform: uppercase;
    font-size: 14px;
}
.select_payment_method>div input {
    margin-right: 5px;
}
.woocommerce-checkout #payment ul.payment_methods li img {
    margin: 0px 0 0 .5em;
}
.woocommerce-checkout #payment ul.payment_methods li img:first-child {
    margin-left: 0px;
}
.woocommerce #payment .button.paypal_button,
.woocommerce #payment .button.paypal_button {
    display: block;
    width: 240px;
    height: 38px;
    border: none;
    margin: 0 auto;
    background: url(images/paypal-button.png) no-repeat;
    background-size: cover;
}

.woocommerce #payment .button.paypal_button:hover,
.woocommerce #payment .button.paypal_button:hover {
    background-position: 0px -38px;
}

#paypal_panel {
    padding: 0 0 10px 0;
}
.paypal-text {
    font-size: 12px;
    padding: 0 2em 2em;
}
.paypal_button:hover {
    background-position: 0 -45px;
}
.paypal-logo {  
    background: url(images/paypal-logo-s.png) no-repeat;
    vertical-align: bottom;
    margin-left: 6px;
    display: inline-block;
    width: 29px;
    height: 19px;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    padding:10px 0 0 0;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin-bottom: 20px;
}

.gallery-item img {
    border: 1px solid #3498db;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
12.3 Galleries
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
    .jigoshop .site-content {
        width: 100%;
    }
}

@media only screen and (max-width: 960px) {
    .site-branding {
        height: auto;
        padding: 0px 0;
    }
}

@media only screen and (max-width: 768px) {
    .team-content,
    .innercol {
        background: none;
    }

    .team-col,
    .team-col:nth-of-type(3) {
        border-bottom: 1px solid #ccc;
    }

    .service-desc {
        margin-top: 20px;
    }

    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        padding-right: 20px;
    }
}

@media only screen and (max-width: 700px) {
    .flexslider .flex-image {
        height: auto;
    }

    #site-navigation {
        height: auto;
    }

    ol.comment-list .comment-body {
        width: 88%;
    }
}

@media only screen and (max-width: 500px) {
    .menu-toggle, .main-navigation.toggled .nav-menu {
        display: none;
    }

    .menu-all-pages-container {
        padding: 10px 0;
    }

    .menu-all-pages-container select {
        width: 100%;
        padding: 5px 0;
    }

    #service-tabs ul li a {
        border-bottom: 1px solid #425A73;
        display: block;
    }

    .comment-navigation .nav-previous,
    .paging-navigation .nav-previous,
    .post-navigation .nav-previous,
    .comment-navigation .nav-next,
    .paging-navigation .nav-next,
    .post-navigation .nav-next {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .comment-navigation .nav-previous a,
    .paging-navigation .nav-previous a,
    .post-navigation .nav-previous a,
    .comment-navigation .nav-next a,
    .paging-navigation .nav-next a,
    .post-navigation .nav-next a {
        display: block;
    }

    .post-password-form input[type="submit"],
    .post-password-form input[type="password"] {
        width: 100%;
        margin-bottom: 10px;
    }

    ol.comment-list .comment-body {
        width: 85%;
    }

    ol.comment-list li > ul,
    ol.comment-list li > ol {
        margin-left: 0;
    }

    .widget_search input {
        width: 95%;
    }

    .gallery {
        width: 95%;
    }

    .gallery img {
        max-width: 90%;
    }

    .team-col p, .team-col h5 {
        margin: 0;
        float: none;
    }

    .team-col img {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .flex-caption {
        top: 2%;
    }

    .flex-caption p {
        line-height: normal;
    }

    .flex-direction-nav a {
        top: 40%;
    }
}

/*--------------------------------------------------------------
LifeCellSkin Custom Changes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Header Classes
--------------------------------------------------------------*/
#top-bar {
    text-align: center;
    line-height: 30px;
    background: #ffffff;
    padding: 5px;
    color: #151313;
    font-size: 13px;
    display: none; /*Disabled for now*/
}

#top-bar .row {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#top-bar .row .widget {
    margin: 0px;
}

header .container .sixteen.columns {
    position: relative;
}

header .container .quick-nav {
    position: absolute;
    top: 40px;
    right: 0px;
}

header .container .quick-nav #cart {
    margin: 0px;
    padding: 0px;
}

header .container .quick-nav #cart li {
    display: inline-block;
    color: #252525;
    padding-right: 15px;
}

header .container .quick-nav #cart li select {
    color: #252525;
    font-size: 12px;
    border: none;
    outline: none;
}

header .container .quick-nav #cart li select option {
    color: #252525;
    font-size: 12px;
}

header .container .quick-nav #cart li .cart-words {
    color: #252525;
    font-size: 12px;
    text-transform: uppercase;
    padding-right: 15px;
}

header .container .quick-nav #cart li .fa-shopping-cart {
    color: #252525;
    font-size: 12px;
}

header .container .quick-nav #cart li .cart-contents {
    color: #252525;
    font-size: 12px;
}

.flexslider .flex-image {
    height: auto !important;
}

/*--------------------------------------------------------------
Featured Products Classes
--------------------------------------------------------------*/

.product-container-featured .woocommerce.widget_products {
    width: 100%;
    margin: 25px auto;
}

.product-container-featured .woocommerce.widget_products .title {
    border: solid 1px #eaeaea;
    padding: 20px;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 0px 20px 0px;
    color: #000000;
    border-left: none;
    border-right: none;
    display: inline-block;
    width: 100%;
}

.product-container-featured .home-category-banner-container {
    width: 100%;
    margin: 20px auto 0;
    text-align: center;
    display: inline-block;
    overflow: hidden;
}

.product-container-featured .home-category-banner-container img {
    display: inline-block;
    width: 100%;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget li {
    float: left;
    width: 25%;
    text-align: center;
    border: none;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget .owl-item li {
    width: 100%;
}

/*.product-container-featured .woocommerce.widget_products ul.product_list_widget.three-products li {
    width: 33%;
}*/

.product-container-featured .woocommerce.widget_products ul.product_list_widget.two-products li {
    width: 50%;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget.one-products li {
    width: 100%;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget li div {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0px;
    background: none;
    text-transform: capitalize;
}

.woocommerce ul.product_list_widget li a {
    display: inline;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget li a img {
    width: auto;
    display: inline-block;
    text-align: center;
    max-width: 180px;
    height: auto;
    float: none;
    max-height: 278px;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget li a span.product-subtitle {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    padding: 5px 0;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget li .product-category {
    float: left;
    width: 100%;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget li .product-category a {
    font-size: 14px;
    color: #717171;
    font-weight: 400;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget li .woocommerce-Price-amount {
    color: #000000;
    font-size: 14px;
    width: 100%;
    display: block;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget li del .woocommerce-Price-amount {
    font-size: 12px;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget li ins {
    background: none;
}

.product-container-featured .woocommerce.widget_products ul.product_list_widget li ins .woocommerce-Price-amount {
    font-size: 17px;
}

.product-container-featured {
    float: left;
    width: 100%;
    background: #ffffff;
}

.menu-toggle {
    text-align: left;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    cursor: pointer;
    color: #ffffff;
}

.fa-times {
    display: none;
    margin-top: 3px;
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}

.home .product-container-featured .desktop h2 {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #333333 ! important;
    font-size: 20px;
}

.home-category-banner-container {
    position: relative;
}

.home-category-banner-container .caption {
    padding: 2em;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.home-category-banner-container .caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    display: none;
}

.home-category-banner-container .caption::before, .home-category-banner-container .caption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.home-category-banner-container h3 {
    padding-top: 9%;
    font-size: 20px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}

.home-category-banner-container.caption h3 {
    font-weight: bold;
    text-transform: none;
    color: #ffffff;
}

.home-category-banner-container .caption h3, .home-category-banner-container .caption p {
    margin: 0;
}

.home-category-banner-container p {
    padding: 5px 2.5em;
    opacity: 0;
    font-size: 16px;
    -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);
}

.home-category-banner-container .caption p {
    letter-spacing: 1px;
    text-transform: none;
}

.home-category-banner-container .caption::before {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.home-category-banner-container .caption::after {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.home-category-banner-container:hover h3, .home-category-banner-container:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.home-category-banner-container:hover .caption::before, .home-category-banner-container:hover .caption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*--------------------------------------------------------------
Common Classes
--------------------------------------------------------------*/

span.sub-message {
    display: block;
    border: solid 1px #c0bebe;
    font-size: 9px;
    padding: 1% 0;
    margin: 0 28%;
}

.mobile-cart-container {
    display: none;
}

.site-content {
    width: 100%;
    margin: 0 auto;
    padding: 0px 20px !important;
}

.site-content #content {
    padding-top: 10px;
}

.site-content #content h1 {
    font-size: 30px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
}

.site-content #content h2 {
    font-size: 20px;
}

.site-content #content h3 {
    font-size: 16px;
}

.site-content #content h4 {
    font-size: 14px;
}

.site-content #content .woocommerce-breadcrumb {
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.woocommerce ul.product_list_widget li a.add_to_cart_button,
.woocommerce ul.product_list_widget li a.ajax_add_to_cart,
.woocommerce li span.coming_soon {
    display: inline-block;
    margin-top: 10px;
}

/*--------------------------------------------------------------
Product Listing Classes
--------------------------------------------------------------*/

.site-content .term-description {
    font-size: 14px;
    margin-bottom: 10px;
}

.archive #secondary,
.page-template-default #secondary {
    display: none;
}

.archive.category-blog #secondary {
    display: block;
}

.site-content .woocommerce-result-count {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.site-content .woocommerce-ordering .orderby {
    font-size: 13px;
    border: solid 1px #cccccc;
    padding: 3px;
}

/*--------------------------------------------------------------
Product Detail Classes
--------------------------------------------------------------*/

.single-product span.sub-message {
    border: solid 1px #c0bebe;
    font-size: 9px;
    float: left;
    text-align: left;
    margin: 0px 0px 10px 0px;
    padding: 1%;
}

.single-product .widget.woocommerce.widget_recently_viewed_products span.sub-message {
    display: block;
    border: solid 1px #c0bebe;
    font-size: 9px;
    padding: 1% 0;
    margin: 0 28%;
    float: none;
    text-align: center;
}

.single-product .site-content #content .product.status-publish {
    width: 77%;
    float: left;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #e96cce;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #e950bd;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: left;
    color: black;
}

.single-product .site-content #content .related.products {
    width: 23%;
    float: right;
    text-align: center;
    border-left: solid 1px #e8e8e8;
    border-right: solid 1px #e8e8e8;
    margin-top: -35px;
}

.single-product .site-content #content .related.products h2 {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    padding-top: 55px;
}

.single-product .site-content #content .related.products ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.single-product .site-content #content .related.products ul li.product {
    text-align: center;
    width: 100%;
    margin: 10px 0px 0px;
    border: none;
}

.single-product .site-content #content .related.products ul li.product:last-child {
    margin-bottom: 20px;
}

.single-product .site-content #content .related.products ul li.product span {
    display: none;
}

.single-product .site-content #content .related.products ul li.product .button {
    display: none;
}

.single-product .site-content #content .related.products ul li.product a h3 {
    font-size: 13px;
}

.single-product .site-content #content .related.products ul li.product a .price {
    display: none;
}

.single-product .site-content #content .summary.entry-summary h1 {
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #080808;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 25px;
    padding-top: 10px;
}

.single-product .site-content #content .summary.entry-summary .product_meta {
    display: none;
}

.woocommerce-tabs.wc-tabs-wrapper .reviews_tab {
    display: none !important;
}

.single-product .site-content #content .summary.entry-summary div {
    font-size: 12px;
    line-height: 18px;
    clear: both;
}

.single-product .site-content #content .summary.entry-summary div p {
    padding-bottom: 20px;
}

.single-product .site-content #content .summary.entry-summary div p.price {
    color: #080808;
}

.single-product .site-content #content .summary.entry-summary div p.price del span {
    color: #080808;
    font-size: 12px;
}

.single-product .site-content #content .summary.entry-summary div p.price ins span {
    color: #080808;
}

.single-product .site-content #content .summary.entry-summary .quantity .qty {
    width: 3.631em;
    text-align: center;
    font-size: 10px;
    color: #000000;
}

.single-product .site-content #content .summary.entry-summary button.button {
    font-size: 8px;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 6px 20px;
    font-weight: bold;
    border-radius: 3px;
    left: auto;
    color: #ffffff;
    background-color: #000000;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

.single-product .site-content #content .summary.entry-summary button.button:hover {
    background-color: #34495E;
    color: #FFFFFF;
}

/*--------------------------------------------------------------
Recently Viewed Classes
--------------------------------------------------------------*/

.single-product .site-content .widget_recently_viewed_products {
    width: 100%;
    float: left;
    margin: 0px auto 25px;
}

.single-product .site-content .widget_recently_viewed_products .recently-viewed-container {
    border: solid 1px #eaeaea;
    padding: 20px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    border-left: none;
    border-right: none;
    margin-bottom: 20px;
}

.single-product .site-content .widget_recently_viewed_products ul.product_list_widget {
    float: left;
    width: 100%;
}

.single-product .site-content .widget_recently_viewed_products ul.product_list_widget li {
    float: left;
    width: 25%;
    text-align: center;
    border: none;
}

.single-product .site-content .widget_recently_viewed_products ul.product_list_widget li a,
.single-product .site-content .widget_recently_viewed_products ul.product_list_widget li span.coming_soon {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0px;
    background: none;
}

.single-product .site-content .widget_recently_viewed_products ul.product_list_widget li a img {
    display: inline-block;
    text-align: center;
    max-width: 180px;
    float: none;
    height: 200px;
    width: auto;
}

.single-product .site-content .widget_recently_viewed_products ul.product_list_widget li a span.product-subtitle {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 17px;
    color: #353535;
    font-weight: 400;
}

.single-product .site-content .widget_recently_viewed_products ul.product_list_widget li .product-category {
    float: left;
    width: 100%;
}

.single-product .site-content .widget_recently_viewed_products ul.product_list_widget li .product-category a {
    font-size: 14px;
    color: #717171;
    font-weight: 400;
}

.single-product .site-content .widget_recently_viewed_products ul.product_list_widget li .woocommerce-Price-amount {
    color: #353535;
    font-size: 17px;
}

.single-product .site-content .widget_recently_viewed_products ul.product_list_widget li del .woocommerce-Price-amount {
    font-size: 12px;
}

.single-product .site-content .widget_recently_viewed_products ul.product_list_widget li ins {
    background: none;
}

.single-product .site-content .widget_recently_viewed_products ul.product_list_widget li ins .woocommerce-Price-amount {
    font-size: 17px;
}

.single-product .site-footer {
    margin-top: 0px;
}

.single-product.woocommerce-page #secondary {
    display: none;
}

.woocommerce span.onsale {
    height: 50px;
    width: 50px;
    top: 10px;
    background-color: #da1e26;
}

.widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_recent_comments li, .widget_recent_entries li, .widget_nav_menu li {
    padding: 0px;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    padding-right: 2%;
}

.custom-checkout-content {
    display: none;
}

/*--------------------------------------------------------------
Custom Checkout Classes
--------------------------------------------------------------*/

body[class*="custom-checkout"] .main-navigation .container {
    display: none;
}

body[class*="custom-checkout"] .content-area {
    margin-top: 20px;
}

body[class*="custom-checkout"] #primary .woocommerce-info,
body[class*="custom-checkout"] #primary .woocommerce-error,
body[class*="custom-checkout"] #primary .woocommerce-message,
body[class*="custom-checkout"] #primary form.checkout_coupon {
    margin: 0 1% 2em!important;
}

body[class*="custom-checkout"] .ui-accordion .ui-accordion-header {
    font-size: 12px;
    font-weight: 600;
    padding: 0 20px;
    line-height: 40px;
    margin: 0px 0px 10px 0px;
}

body[class*="custom-checkout"] .ui-accordion .ui-accordion-header.ui-state-default {
    background: #ededed;
    border-radius: 0px;
    border: none;
    border-top: solid 1px #dfdfdf;
    border-bottom: solid 1px #dfdfdf;
}

body[class*="custom-checkout"] .ui-accordion .ui-accordion-header.ui-state-active,
body[class*="custom-checkout"] .ui-accordion .ui-accordion-header.ui-state-default.completed {
    background: #ededed;
    border-radius: 0px;
    border: none;
    border-top: solid 1px #dae0d9;
    border-bottom: solid 1px #dae0d9;
}

body[class*="custom-checkout"] h3 .completedIcon {
    display: none;
}

.woocommerce-checkout #payment {
    background: none;
}

.woocommerce-checkout #payment ul.payment_methods {
    padding: 0px;
}

.woocommerce-checkout #payment div.payment_box:before {
    display: none;
}

body[class*="custom-checkout"] h3.completed .completedIcon {
    background: url("images/checkcircle-new.png") 0px 0px no-repeat;
    width: 21px;
    height: 21px;
    background-size: contain;
    display: inline-block;
    float: right;
    margin-top: 10px;
}

body[class*="custom-checkout"] .sheildImg {
    background: url("images/payment-icon.png") 0px 0px no-repeat;
    width: 21px;
    height: 21px;
    background-size: contain;
    display: inline-block;
    float: left;
    margin-top: 8px;
    margin-right: 5px;
}

body[class*="custom-checkout"] .shipping_method {
    font-size: 12px;
    float: right;
    margin-top: 8px;
}

body[class*="custom-checkout"] .ui-widget-content {
    border: none;
}

body[class*="custom-checkout"] .ui-accordion .ui-accordion-content {
    padding: 10px 20px 20px;
}

body[class*="custom-checkout"] .ui-accordion .ui-accordion-content h3 {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
    margin-bottom: 10px;
}

body[class*="custom-checkout"] .custom-checkout-content {
    display: block;
    max-width: 1170px;
    margin: 0 auto;
    line-height: 40px;
    text-align: right;
    font-size: 12px;
    color: #ffffff;
    padding-right: 5%;
}

body[class*="custom-checkout"] .woocommerce form .form-row {
    padding: 0px 10px 10px 0px;
    margin: 0 0 10px;
    display: inline-block;
    float: none;
}

body[class*="custom-checkout"] .woocommerce form .form-row label {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}

body[class*="custom-checkout"] form .form-row input.input-text, #content .form-row input.input-text, form .form-row textarea, #content .form-row textarea {
    line-height: normal;
    font-size: 12px;
    border-radius: 0px;
    padding: 8px 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #ECF0F1;
}

body[class*="custom-checkout"] .woocommerce form .form-row select {
    font-size: 12px;
    border-radius: 0px;
    padding: 8px 8px;
}

body[class*="custom-checkout"] .left-pane .custom-checkout-container {
    width: 100%;
    float: left;
}

body[class*="custom-checkout"] .left-pane .selection-picks {
    width: 100%;
    float: left;
}

body[class*="custom-checkout"] .left-pane .tab-container {
    width: 100%;
    float: left;
}

body[class*="custom-checkout"] .left-pane .tab-container .tab-header {
    width: 105%;
    float: left;
    background: #ffffff;
    border-bottom: solid 1px #d7d7d7;
    padding: 0 20px;
    margin-left: -20px;
}

body[class*="custom-checkout"] .left-pane .tab-container.disabled .tab-header {
    width: 100%;
    float: left;
    background: #ededed;
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    padding: 0 30px;
}

body[class*="custom-checkout"] .left-pane .tab-container .tab-header h2 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 40px;
    color: #000000;
}

body[class*="custom-checkout"] .left-pane .tab-container.disabled .tab-header h2 {
    color: #a9a9a9;
}

body[class*="custom-checkout"] .editBtn {
    display: none;
    font-size: 12px;
    width: 75px;
    line-height: 23px;
    background: #999999;
    padding: 0px;
    border-radius: 3px;
    text-transform: uppercase;
    float: right;
    margin: 8px 0;

}

body[class*="custom-checkout"] .left-pane .tab-container .tab-content {
    width: 100%;
    float: left;
    padding: 15px 20px 0px;
}

body[class*="custom-checkout"] .left-pane .tab-container .tab-content ul {
    margin: 0px;
    padding: 0px;
}

body[class*="custom-checkout"] .left-pane .tab-container .tab-content ul li {
    float: left;
    list-style: none;
    width: 133px;
    text-align: center;
    cursor: pointer;
    height: 130px;
    position: relative;
    margin: 10px 23px;
}

body[class*="custom-checkout"] form .form-row input.input-text:focus, #content .form-row input.input-text:focus, form .form-row textarea:focus, #content .form-row textarea:focus {
    box-shadow: none !important;
}

#ship-to-different-address label {
    display: inline-block;
}

#ship-to-different-address .input-checkbox {
    margin-left: 10px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step .tab-content ul li .title {
    width: 100%;
    text-align: center;
    color: #7f7f7f;
    float: left;
    padding-top: 5px;
}

body[class*="custom-checkout"] .tab-submit {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0px;
}

body[class*="custom-checkout"] .tab-button.next {
    font-size: 12px;
    width: 150px;
    line-height: 30px;
    background: #fd4862;
    padding: 0px;
    border-radius: 3px;
    text-transform: uppercase;
}

body[class*="custom-checkout"] .tab-button.next:hover {
    background: #fd7a84;
}

body[class*="custom-checkout"] .left-pane .tab-container.step .tab-content ul li:hover .title,
body[class*="custom-checkout"] .left-pane .tab-container.step .tab-content ul li.selected .title {
    color: #010101;
    font-weight: bold;
}

body[class*="custom-checkout"] .left-pane .tab-container.step .tab-content ul li .image {
    width: 133px;
    height: 78px;
    display: inline-block;
    float: left;
}

body[class*="custom-checkout"] .left-pane .tab-container.step .tab-content ul li .qty-counter {
    width: 70px;
    margin-top: -20px;
    position: relative;
    -webkit-box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.75);
    display: inline-block;
    border-radius: 8px;
    margin-left: -99999px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step .tab-content ul li:hover .qty-counter,
body[class*="custom-checkout"] .left-pane .tab-container.step .tab-content ul li.selected .qty-counter {
    margin-left: 0px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step .tab-content ul li .qty-counter .start {
    float: left;
    width: 20px;
    text-align: center;
    background: #fcfcfc;
    border: solid 1px #e8e8e8;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step .tab-content ul li .qty-counter .counter {
    float: left;
    width: 30px;
    text-align: center;
    background: #fcfcfc;
    border: solid 1px #e8e8e8;
}

body[class*="custom-checkout"] .left-pane .tab-container.step .tab-content ul li .qty-counter .finish {
    float: left;
    width: 20px;
    text-align: center;
    background: #fcfcfc;
    border: solid 1px #e8e8e8;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step .tab-submit {
    float: left;
    width: 100%;
    padding: 0px 0px 15px;
    text-align: center;
}

body[class*="custom-checkout"] .left-pane .tab-container.step .tab-submit .tab-button {
    font-size: 12px;
    width: 150px;
    line-height: 30px;
    background: #fd4862;
    padding: 0px;
    border-radius: 3px;
    text-transform: uppercase;
}

body[class*="custom-checkout"] .left-pane .tab-container.step .tab-submit .tab-button:hover {
    background: #fd7a84;
}

/*--------------------------------------------------------------
Custom Checkout - Step 01 - Classes
--------------------------------------------------------------*/

body[class*="custom-checkout"] .left-pane .tab-container.step-1 .tab-content ul li.matte .image {
    background: url("images/cat-matte-sprite.png") 0px 0px no-repeat;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-1 .tab-content ul li.matte:hover .image,
body[class*="custom-checkout"] .left-pane .tab-container.step-1 .tab-content ul li.matte.selected .image {
    background-position: 0px -78px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-1 .tab-content ul li.lacquer .image {
    background: url("images/cat-lacquer-sprite.png") 0px 0px no-repeat;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-1 .tab-content ul li.lacquer:hover .image,
body[class*="custom-checkout"] .left-pane .tab-container.step-1 .tab-content ul li.lacquer.selected .image {
    background-position: 0px -78px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-1 .tab-content ul li.chrome .image {
    background: url("images/cat-chrome-sprite.png") 0px 0px no-repeat;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-1 .tab-content ul li.chrome:hover .image,
body[class*="custom-checkout"] .left-pane .tab-container.step-1 .tab-content ul li.chrome.selected .image {
    background-position: 0px -78px;
}

/*--------------------------------------------------------------
Custom Checkout - Step 02 - Classes
--------------------------------------------------------------*/

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-1 .image {
    background: url("images/set-1-sprite.png") 0px 0px no-repeat;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-1:hover .image,
body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-1.selected .image {
    background-position: 0px -78px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-2 .image {
    background: url("images/set-2-sprite.png") 0px 0px no-repeat;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-2:hover .image,
body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-2.selected .image {
    background-position: 0px -78px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-3 .image {
    background: url("images/set-3-sprite.png") 0px 0px no-repeat;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-3:hover .image,
body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-3.selected .image {
    background-position: 0px -78px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-4 .image {
    background: url("images/set-4-sprite.png") 0px 0px no-repeat;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-4:hover .image,
body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-4.selected .image {
    background-position: 0px -78px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-5 .image {
    background: url("images/set-5-sprite.png") 0px 0px no-repeat;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-5:hover .image,
body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-5.selected .image {
    background-position: 0px -76px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-6 .image {
    background: url("images/set-6-sprite.png") 0px 0px no-repeat;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-6:hover .image,
body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-6.selected .image {
    background-position: 0px -76px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-7 .image {
    background: url("images/set-7-sprite.png") 0px 0px no-repeat;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-7:hover .image,
body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-7.selected .image {
    background-position: 0px -76px;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-8 .image {
    background: url("images/set-8-sprite.png") 0px 0px no-repeat;
}

body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-8:hover .image,
body[class*="custom-checkout"] .left-pane .tab-container.step-2 .tab-content ul li.set-8.selected .image {
    background-position: 0px -76px;
}

/*--------------------------------------------------------------
Custom Checkout - Right Pane - Classes
--------------------------------------------------------------*/

body[class*="custom-checkout"] .right-pane {
    float: left;
    width: 100%;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container {
    float: left;
    width: 100%;
    background: #ededed;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container {
    float: left;
    width: 100%;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container h2 {
    font-size: 15px;
    text-align: center;
    width: 100%;
    padding: 0 10px;
    text-transform: uppercase;
    line-height: 60px;
    font-weight: 600;
    border-bottom: solid 1px #e0e0e0;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table {
    float: left;
    width: 100%;
    padding: 20px 0px;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul {
    padding: 0px;
    margin: 0px;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li {
    list-style: none;
    float: left;
    width: 100%;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .img {
    float: left;
    width: 30%;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content {
    float: left;
    width: 70%;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content .left-pane {
    width: 65%;
    float: left;
    padding-top: 20px;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content .left-pane .prod-name {
    width: 100%;
    float: left;
    font-size: 12px;
    text-transform: uppercase;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content .left-pane .attr {
    width: 100%;
    float: left;
    font-size: 12px;
    padding-bottom: 20px;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content-bottom {
    float: right;
    width: 70%;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content-bottom .left-pane {
    width: 65%;
    float: left;
    display: none;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content-bottom .left-pane .prod-name {
    float: left;
    line-height: 30px;
    font-size: 13px;
    padding-left: 15px;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content-bottom .left-pane .img {
    width: 30%;
    float: left;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content-bottom .right-pane {
    float: right;
    width: 50%;
    font-size: 12px;
    padding: 0px 20px 0px 0px;
    line-height: 30px;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content-bottom .right-pane .qty {
    float: left;
    width: 100%;
    text-align: right;

}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content-bottom .right-pane .label {
    float: right;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content-bottom .right-pane span {
    float: right;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table ul li .content .right-pane {
    width: 35%;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding-right: 20px;
    text-align: right;
    padding-top: 20px;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .order-summary {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .order-summary h2 {
    font-size: 15px;
    text-align: center;
    width: 100%;
    padding: 0 10px;
    text-transform: uppercase;
    line-height: 60px;
    font-weight: 600;
    border-bottom: solid 1px #e0e0e0;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .order-summary ul {
    padding: 20px;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .order-summary li {
    width: 100%;
    float: left;
    list-style: none;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .order-summary li .label {
    float: left;
    width: 35%;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 36px;
    color: #2d2d2d;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .order-summary li .label select {
    padding: 3px;
    width: 100px;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .order-summary li .price {
    float: right;
    width: 50%;
    text-align: right;
    font-size: 12px;
    line-height: 36px;
    color: #2d2d2d;
}
body[class*="custom-checkout"] .right-pane .shopping-cart-container .order-summary li.discount-applied .label,
body[class*="custom-checkout"] .right-pane .shopping-cart-container .order-summary li.discount-applied .price {
    color: #80af4e!important;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .order-summary li.total .label {
    font-weight: bold;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .order-summary .note {
    float: left;
    padding: 20px;
    font-size: 12px;
    font-style: italic;
    display: none;
}

.woocommerce ul.products li.product h3 {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.woocommerce ul.products li.product .price {
    color: #000000;
    display: block;
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 14px;
    padding-left: 0;
}

.woocommerce a.button {
    color: #ffffff;
    background-color: #000000;
    font-weight: 400;
    padding: 10px 20px;
    font-size: 14px;
}

.woocommerce a.button:hover {
    background-color: #444444;
    color: #ffffff;
}

span.coming_soon.button {
    color: #ffffff;
    background-color: #b5b5b5;
    font-weight: 400;
    font-size: 14px;
    border-radius: 3px;
    cursor: default;
    padding: 10px 20px;
}

.fancybox-overlay span.coming_soon.button {
    padding: 0 15px;
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container h2:after {
    content: "\f07a";
    font-family: 'FontAwesome';
    font-size: 15px;
    color: #000000;
    margin-left: 5px;
}

.woocommerce.widget_products.desktop,
.inner_widget_products.desktop {
    display: block;
}

.woocommerce.widget_products.swiper-container.mobile,
.inner_widget_products.swiper-container.mobile {
    display: none;
}

/*--------------------------------------------------------------
Blog - Classes
--------------------------------------------------------------*/

.category-blog #container {
    width: 70%;
    float: left;
}

.single-post #container {
    width: 100%;
    float: left;
}

.single-post .site-main {
    padding-top: 10px;
    width: 70%;
    float: left;
}

.category-blog #container article,
.single-post #container article {
    margin: 0 0 20px 0;
    border-bottom: solid 1px #eeeeee;
    padding-bottom: 20px;
}

.category-blog #container article h1.entry-title {
    font-size: 20px;
    border-bottom: none;
    padding: 0px;
    margin: 0px;
}

.single-post #container article h1.entry-title {
    font-size: 30px;
    margin: 0 0 20px 0;
    border-bottom: solid 1px #eeeeee;
    padding-bottom: 5px;
}

.category-blog #container article .entry-meta,
.category-blog #container article .entry-footer,
.single-post #container article .entry-meta,
.single-post #container article .entry-footer {
    padding: 0px;
    font-size: 12px;
    margin-top: 0px;
}

.category-blog #container article .more-link,
.single-post #container article .more-link {
    display: block;
    max-width: 150px;
    width: 100%;
    margin: 20px 0 0;
    color: #ffffff;
}

.category-blog #container article .more-link:hover,
.category-blog #container article .more-link:visited,
.category-blog #container article .more-link:active {
    color: #ffffff;
}

.single-post #container article .more-link:hover,
.single-post #container article .more-link:visited,
.single-post #container article .more-link:active {
    color: #ffffff;
}

.category-blog #secondary,
.single-post #secondary {
    width: 25%;
    float: right;
    padding: 0px;
}

.category-blog #secondary aside,
.single-post #secondary aside {
    margin: 50px 0 15px 0;
}

.category-blog #secondary aside h3,
.single-post #secondary aside h3 {
    font-size: 20px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
    color: #000000;
}

.category-blog #secondary aside ul,
.single-post #secondary aside ul {
    color: #000000;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
}

.category-blog #secondary aside ul li,
.single-post #secondary aside ul li {
    color: #000000;
    font-size: 14px;
    padding-bottom: 20px;
    display: inline-block;
}

.category-blog #secondary aside ul li a,
.single-post #secondary aside ul li a {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: none;
    padding-left: 0px;
    text-transform: capitalize;
}

.category-blog #secondary aside ul li .post-date,
.single-post #secondary aside ul li .post-date {
    float: left;
    width: 100%;
}

.comment-notes, .comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url {
    padding-bottom: 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    font-size: 14px;
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding-right: 20px;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 14px !important;
    font-weight: bold;
    padding-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs .panel p {
    font-size: 12px;
}

.woocommerce table.shop_attributes {
    font-size: 14px;
    border-right: 1px dotted rgba(0, 0, 0, .1);
}

.woocommerce table.shop_attributes th {
    font-size: 12px;
}

.woocommerce table.shop_attributes td {
    padding: 8px;
    font-size: 12px;
    font-style: normal;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: solid 1px #e8e8e8;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    box-shadow: 2px 2px 0 #e8e8e8;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border-bottom: solid 1px #e8e8e8;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
    box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
    box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    outline: none;
}

#accordion div.clear {
    display: none;
}

/*--------------------------------------------------------------
Flex - Classes
--------------------------------------------------------------*/

.flex-caption {
}

.flex-caption .slider-container {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
}

.flex-caption .slider-container .image-container {
    width: 100%;
    max-width: 250px;
}

.flex-caption .slider-container .image-container.center {
    margin: 0 auto;
}

.flex-caption .slider-container .image-container.left {
    float: left;
    margin-left: 10%;
}

.flex-caption .slider-container .image-container.right {
    float: right;
    margin-right: 10%;
}

.flex-caption .slider-container .image-container .image {
    margin: 0 auto;
    padding: 0 15%;
}

.flex-caption .slider-container .image-container .button {
    margin-top: -30px;
}

.flex-caption .slider-container .image-container .button a {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fffefe;
    border: solid 2px #ffffff;
    background: #363636;
    line-height: 54px;
    display: inline-block;
}

.flex-caption .slider-container .image-container .nsu-form {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #fffefe;
    border: solid 2px #ffffff;
    background: #363636;
    line-height: 30px;
    display: inline-block;
    padding: 10px;
    margin-top: -40px;
    float: left;
    z-index: 50;
    position: relative;
}

.flex-caption .slider-container .image-container .nsu-form p {
    margin: 0px;
    padding: 0px;
}

.flex-caption .slider-container .image-container .nsu-form p label {
    padding-bottom: 5px;
}

.flex-caption .slider-container .image-container .nsu-form p .nsu-field {
    float: left;
    border-radius: 0px;
    font-size: 13px;
    line-height: 25px;
}

.flex-caption .slider-container .image-container .nsu-form p .nsu-submit {
    float: right;
}

@media only screen and (max-width: 1024px) {
    .flex-caption .slider-container .image-container {
        max-width: 160px;
    }

    .flex-caption .slider-container .image-container .button a {
        font-size: 16px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 768px) {
    .flex-caption .slider-container .image-container {
        max-width: 130px;
    }
}

@media only screen and (max-width: 767px) {
    .flex-caption .slider-container .image-container {
        width: 20%;
        max-width: 100%;
        margin-top: 1%;
    }

    .flex-caption .slider-container .image-container .button a {
        font-size: 12px;
        line-height: 20px;
        border: solid 1px #ffffff;
    }

    .woocommerce div.product form.cart .button {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        padding-right: 0px;
    }

    .home-category-banner-container h3 {
        padding-top: 18%;
    }

    .news-ticker-scrolled {
        z-index: 1000;
        position: fixed !important;
        width: 100%;
        top: 21px;
        padding: 0;
        bottom: inherit;
    }
    .select_payment_method>div {
        display: block;
        font-size: 16px;
    }
    .select_payment_method>div input {
        margin-right: .7em;
    }
    .paypal-logo {  
        background: url(images/paypal-logo-s-m.png) center no-repeat;
        background-size: contain;
        width: 40px;
        height: 36px;
        position: absolute;
        margin-top: -9px;
        margin-left: 10px;
    }
    .select_payment_method {
        margin: 20px 0;
    }
    .select_payment_method>div {
        margin: 0 10px 10px 0;
    }
    .paypal-text {
        font-size: 15px;
    }
    .select_payment_method {
        text-align: left;
    }

    .paypal-text {
        font-size: 17px;
        padding: 0 .2em 1.5em;
    }
    .paypal_button {
        display: block;
        max-width: 600px;
        width: 95%;
        height: 125px;
        border: none;
        margin: 0 auto;
        background: url(images/paypal-button-m.png) center no-repeat;
        background-size: contain;
    }
    .paypal_button:hover {
        background-position: center;
    }
}

@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (orientation: landscape) {
    .mobile-cart-container {
        top: 7px;
    }
}

body[class*="custom-checkout"] .right-pane .shopping-cart-container .bag-container .cart-table img {
    margin: 0 auto;
    display: block;
    max-width: 85%;
    max-height: 140px;
    width: auto;
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
Success Page - Classes
--------------------------------------------------------------*/

.woocommerce-order-received {

}

.woocommerce-order-received .site-content #content {
    padding-top: 0px;
}

.woocommerce-order-received .woocommerce-breadcrumb {
    display: none;
}

.woocommerce-order-received .entry-header {
    display: none;
}

.woocommerce-order-received .entry-content {
    margin-top: 0px;
}

.woocommerce-order-received .thank-you-banner-container {
    background: url('images/thank-you-banner.jpg') no-repeat top center;
    background-size: cover;
    min-height: 340px;
    position: relative;
}

.woocommerce-order-received .social-icon-container {
    text-align: center;
    width: 60%;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.woocommerce-order-received .social-icon-container .top {
    width: 100%;
    float: left;
}

.woocommerce-order-received .social-icon-container .bottom {
    width: 100%;
    float: left;
}

.woocommerce-order-received .social-icon-container .bottom .social {
    display: inline-block;
}

.woocommerce-order-received .thank-you-content {
    width: 90%;
    margin: 20px auto;
    background: #ebebeb;
    padding: 2%;
    border: solid 1px #ffffff;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
}

.woocommerce-order-received .thank-you-content {
    text-align: center;
}

.woocommerce-order-received .thank-you-content .woocommerce-thankyou-order-received .strong {
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 5px;
}

.woocommerce-order-received .thank-you-content .woocommerce-thankyou-order-received {
    font-size: 13px;
    line-height: 25px;
}

.woocommerce-order-received .woocommerce-thankyou-order-details.order_details {
    display: none;
}

.woocommerce-order-received .thank-you-order-details {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}

.woocommerce-order-received table td, .woocommerce-order-received table th {
    border: none;
}

.woocommerce-order-received table td.product-name {
    vertical-align: top;
    text-align: left;
}

.woocommerce-order-received table td.product-total {
    text-align: center;
    vertical-align: top;
}

.woocommerce-order-received .thank-you-order-details tr.discount-applied label,
.woocommerce-order-received .thank-you-order-details tr.discount-applied .value {
    color: #80af4e!important;
}

.woocommerce-order-received .thank-you-order-details tbody tr.order_item td.product-image a img {
    height: auto;
    max-width: 100%;
    max-height: 100px;
    width: auto;
}

.woocommerce-order-received .thank-you-order-details tfoot tr td {
    border-top: solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
}

.woocommerce-order-received .thank-you-order-details tfoot tr td .left {
    float: left;
    padding-left: 7%;
}

.woocommerce-order-received .thank-you-order-details tfoot tr td .left label {
    display: inline-block;
    padding-right: 10px;
    font-size: 14px;
}

.woocommerce-order-received .thank-you-order-details tfoot tr td .left .value {
    display: inline-block;
}

.woocommerce-order-received .thank-you-order-details tfoot tr td .right {
    float: right;
    padding-right: 7%;
}

.woocommerce-order-received .thank-you-order-details tfoot tr td .right label {
    display: inline-block;
    padding-right: 10px;
    font-size: 14px;
}

.woocommerce-order-received .thank-you-order-details tfoot tr td .right .value {
    display: inline-block;
}

.woocommerce-order-received .thank-you-order-details tfoot tr:last-child td {
    border: none;
}

.woocommerce-order-received .shop_table.order_details thead th {
    background: #ebebeb;
}

.woocommerce-order-received .thank-you-order-details .shipping-billing-container {
    margin-top: 20px;
}

.woocommerce-order-received .thank-you-order-details .shipping-billing-container .title {
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 16px;
}

.woocommerce-order-received .thank-you-order-details .shipping-billing-container .shipping-address {
    float: left;
    width: 48%;
    background: #e4e4e4;
    padding: 20px;
    font-size: 14px;
}

.woocommerce-order-received .thank-you-order-details .shipping-billing-container .billing-address {
    float: right;
    width: 48%;
    background: #e4e4e4;
    padding: 20px;
    font-size: 14px;
}

/*--------------------------------------------------------------
Popup Product Quick View button - Classes
--------------------------------------------------------------*/

.product_list_widget li {
    position: relative;
}

body .product_list_widget li span.quick-view,
.archive ul.products li span.quick-view,
.single-product .site-content #content ul.products li span.quick-view {
    font: 13px "Roboto", Arial, sans-serif !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    text-align: center !important;
    background-color: #000000 !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    padding: 12px 16px !important;
    position: absolute !important;
    top: 35%;
    left: 31%;
    right: 31%;
    display: none;
    width: 100px !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}

body .product_list_widget li:hover span.quick-view,
.archive ul.products li:hover span.quick-view,
.single-product .site-content #content ul.products li.product:hover span.quick-view {
    display: inline-block;
}

@media only screen and (max-width: 959px) {
    body .product_list_widget li:hover span.quick-view,
    .archive ul.products li:hover span.quick-view,
    .single-product .site-content #content ul.products li.product:hover span.quick-view {
        display: none;
    }
}

/*body .product_list_widget.four-products li span.quick-view {
    left: 34% !important;
}*/

body .product_list_widget.three-products li span.quick-view {
    left: 37% !important;
}

body .product_list_widget.two-products li span.quick-view {
    left: 42% !important;
}

body .product_list_widget.one-products li span.quick-view {
    left: 46% !important;
}

/*--------------------------------------------------------------
Popup Product Quick View - Fancy Box - Classes
--------------------------------------------------------------*/

*, :after, :before {
    box-sizing: border-box;
}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(255, 255, 255, 0.93);
}

.fancybox-inner .summary .product-description p {
    margin: 10px 0;
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-skin {
    position: relative;
    background: #ffffff;
    color: #000000;
    text-shadow: none;
}

.fancybox-opened .fancybox-skin {
    border: 1px solid #d5d5d5;
    min-height: 40px;
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.quick-shop {
    overflow: hidden;
    max-width: 800px;
}

.gridlock .row {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.gridlock .row [class*=all-], .gridlock .row [class*=min-], .gridlock .row [class*=mobile-], .gridlock .row [class*=tablet-], .gridlock .row [class*=desktop-], .gridlock .row [class*=max-] {
    float: left;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
}

#product-description, .product-description {
    border-right: 1px solid #eeeeee;
    padding-right: 20px;
}

.quick-shop .product-description {
    border: 0;
}

.compare-price, .product-price {
    font-weight: bold;
}

.fancybox-wrap form {
    margin-bottom: 0;
}

.what-is-it {
    line-height: 40px;
}

#product-add {
    margin-top: 20px;
    float: left;
    clear: left;
    width: 100%;
}

label, legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
}

#product-description form label, .product-description form label {
    float: left;
    line-height: 40px;
    margin-right: 10px;
    min-width: 50px;
}

#product-add label {
    float: left;
    line-height: 40px;
    margin-right: 10px;
    padding: 0 ! important;
}

.fancybox-wrap .button, .fancybox-wrap button, .fancybox-wrap input[type="submit"], .fancybox-wrap input[type="reset"], .fancybox-wrap input[type="button"] {
    background: #000000;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    border: 0;
    border-radius: 3px;
    -webkit-transition: background .5s ease, color .5s ease;
    -moz-transition: background .5s ease, color .5s ease;
    -o-transition: background .5s ease, color .5s ease;
    transition: background .5s ease, color .5s ease;
    -webkit-appearance: none;
    display: inline-block;
    width: auto;
    padding: 0 15px;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
}

.fancybox-wrap .quantity-increment {
    border: 1px solid #eeeeee;
    background: transparent;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    color: #000000;
    font-weight: 400;
    float: left;
    display: inline-block;
    margin: 0;
    outline: 0 none;
    border-radius: 0;
}

button.js-qty__adjust.js-qty__adjust--minus.quantity-increment {
    border-radius: 0;
}

button.js-qty__adjust.js-qty__adjust--plus.quantity-increment {
    border-radius: 0;
    margin-left: -1px;
}

.fancybox-wrap input[type="text"], .fancybox-wrap input[type="password"], .fancybox-wrap input[type="email"], .fancybox-wrap textarea, .fancybox-wrap select {
    border: 1px solid #eeeeee;
    height: 40px;
    line-height: 40px;
    outline: none;
    font: 13px 'Roboto', sans-serif;
    color: #000000;
    margin: 0;
    width: 100%;
    max-width: 100%;
    display: block;
    border-radius: 3px;
    margin-bottom: 10px;
    background: transparent;
    height: 40px;
}

.fancybox-wrap input[type=text], .fancybox-wrap input[type=password], .fancybox-wrap input[type=email], .fancybox-wrap input[type=url], .fancybox-wrap input[type=number] {
    width: 100%;
    background: transparent;
    border: 1px solid #eeeeee;
    padding: 15px 0px;
    margin: 0px;
    margin-bottom: 20px;
    max-width: 100%;
    text-indent: 10px;
    outline: none;
    min-height: 32px;
}

input.js-qty__num {
    float: left;
    display: inline-block;
    width: initial;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    border-left: 0;
    border-right: 0;
    text-align: center;
    min-width: initial;
    max-width: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0;
    outline: 0 none;
}

#quantity {
    line-height: 40px;
    text-indent: 0 ! important;
    text-align: center;
    padding: 0 ! important;
    width: 50px;
    background: transparent ! important;
    border: 1px solid #eeeeee;
    display: inline-block;
    color: #000000;
}

input#quantity {
    border-radius: 0;
    margin-left: -1px;
}

.fancybox-wrap .add {
    display: inline-block ! important;
    margin-left: 20px;
    width: auto ! important;
    line-height: 40px ! important;
    padding: 0 20px ! important;
}

.fancybox-wrap .button, .fancybox-wrap button, .fancybox-wrap input[type="submit"], .fancybox-wrap input[type="reset"], .fancybox-wrap input[type="button"] {
    background: #000000;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    border: 0;
    border-radius: 3px;
    -webkit-transition: background .5s ease, color .5s ease;
    -moz-transition: background .5s ease, color .5s ease;
    -o-transition: background .5s ease, color .5s ease;
    transition: background .5s ease, color .5s ease;
    -webkit-appearance: none;
    display: inline-block;
    width: auto;
    padding: 0 15px;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
}

.add-to-cart-msg {
    clear: left;
}

div.rte {
    margin-bottom: 10px;
}

.desc {
    float: left;
    border-top: 1px solid #eeeeee;
    padding: 20px 0;
    width: 100%;
    margin-top: 20px;
    line-height: 26px;
}

.gridlock .row:after {
    height: 0;
    clear: both;
    content: ".";
    display: block;
    line-height: 0;
    visibility: hidden;
}

.fancybox-close {
    background: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 8040;
    font-size: 20px;
    color: #000;
    text-align: center;
}

.fancybox-close:before {
    /*content: "\00D7";*/
    content: "";
    font-weight: 300;
    line-height: 25px;
}

.fancybox-wrap .images {
    width: 28% !important;
    display: inline-block;
    float: left;
}

.fancybox-wrap .summary {
    width: 68% !important;
    display: inline-block;
    float: left;
}

.fancybox-wrap .images img {
    width: auto !important;
    border-color: #d6e6ea;
    background-color: transparent;
    height: 300px !important;
    margin: 30px auto 0;
    display: block;
    box-shadow: none;
}

.fancybox-wrap .fancybox-close {
    background-color: transparent !important;
}

.fancybox-wrap .view-details {
    width: 100%;
    display: inline-block;
    float: left;
}

.fancybox-wrap .view-details a {
    border-bottom: 1px solid #444444;
}

.fancybox-wrap .product-description {
    font-size: 13px;
    margin-bottom: 15px;
}

.fancybox-wrap .price {
    font-weight: 700;
    font-size: 18px;
}

.fancybox-wrap .quantity {
    display: inline-block;
    float: left;
    margin-right: 12px;
}

.MenuScroll {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.main-nav-scrolled {
    z-index: 1000;
    position: fixed;
    width: 100%;
    top: 0;
    padding: 0;
    bottom: inherit;
}

body.logged-in .main-nav-scrolled {
    top: 32px;
}

header .menu-wrap .quick-nav #cart li .cart-words {
    color: #ffffff !important;
}

header .menu-wrap .quick-nav {
    top: 0 !important;
    z-index: 100;
}

.main-navigation .menu-wrap .quick-nav a {
    display: inline;
    padding: 0;
    color: #ffffff;
}

header .menu-wrap .quick-nav #cart li .cart-contents {
    color: #ffffff;
}

.menu-wrap .fa-shopping-cart:before {
    color: #ffffff;
}

#woocommerce_products-2 .featured-products {
    border-left: none;
    border-right: none;
}

@media screen and (min-width: 1680px) {
    .gridlock .row {
        width: 1400px;
    }
}

@media screen and (min-width: 1220px) {
    .gridlock .row {
        width: 1200px;
    }
}

@media screen and (min-width: 980px) {
    .gridlock .row {
        width: 960px;
    }

    .gridlock .row .desktop-6 {
        width: 47.91666667%;
    }

    .gridlock .row .desktop-10 {
        width: 81.25%;
    }

    .gridlock .row .desktop-2 {
        width: 14.58333333%;
    }
}

@media screen and (max-width: 855px) {
    body .menu-wrap .quick-nav .cart-words {
        display: none !important;
    }

    body header .menu-wrap .quick-nav #cart li .fa-shopping-cart {
        font-size: 18px;
        margin-right: 2px;
    }

    body header .menu-wrap .quick-nav #cart li .cart-contents {
        font-size: 15px;
    }
}

@media screen and (max-width: 782px) {
    body.logged-in .main-nav-scrolled {
        top: 46px;
    }
}

@media screen and (min-width: 740px) {
    .gridlock .row {
        width: 720px;
    }
}

@media screen and (min-width: 500px) {
    .gridlock .row {
        width: 480px;
    }
}

/* Iphone 5 portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) 
and (orientation : portrait) {
    .woocommerce-checkout #payment div.payment_box input#cc_number {
        font-size: 1em;
    }
}

/* Iphone 6 portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) 
and (orientation : portrait) {
    .woocommerce-checkout #payment div.payment_box input#cc_number {
        font-size: 1.3em;
    }
}

.wc-credit-card-form-card-cvc {
    width: 100% !important;
}

body.archive #content h3 {
    font-size: 20px;
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
    .flex-caption .slider-container .image-container {
        width: 100%;
        max-width: 190px;
    }
}

.flex-container-custom {
    width: 100%;
    float: left;
}

.flex-container-custom .desktop-image {
    width: 100%;
    float: left;
}

.flex-container-custom .desktop-image img {
    display: block;
    width: 100%;
}

.flex-container-custom .mobile-image {
    display: none;
    width: 100%;
    float: left;
}

.flex-container-custom .mobile-image img {
    display: block;
    width: 100%;
}

@media only screen and (max-width: 500px) {
    .flex-container-custom .mobile-image {
        display: block;
    }

    .flex-container-custom .desktop-image {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .mobile-cart-container {
        display: block;
        width: 50px;
        position: absolute;
        top: 18px;
        right: 10px;
    }

    .mobile-cart-container a {
        float: right;
        padding: 0px;
    }
}

/*--------------------------------------------------------------
Hero Banners for Category and Content Pages - Classes
--------------------------------------------------------------*/

.tax-product_cat .site-content.container {
    max-width: 100%;
    padding: 0 !important;
}

.tax-product_cat .site-content.container > img {
    width: 100%;
}

.tax-product_cat .site-content #content h1 + img {
    display: none;
}

.tax-product_cat .site-content.container #container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px !important;
}

.page-template-default .site-content.container {
    max-width: 100%;
    padding: 0 !important;
}

.page-template-default .site-content.container .hero-banner {
    padding-bottom: 20px;
}

.page-template-default .site-content.container .hero-banner img {
    width: 100%;
    display: block;
}

.page-template-default .site-content.container #container #content {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px !important;
}

/*--------------------------------------------------------------
Sliders - Classes
--------------------------------------------------------------*/

.swiper-container {
    width: 100%;
    margin: 20px auto;
}

.swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*--------------------------------------------------------------
OWl Sliders - Classes
--------------------------------------------------------------*/

.owl-buttons {
    position: absolute;
    top: -50px;
    right: 10px;
}

.owl-buttons > div {
    background: #000;
    padding: 3px 10px;
    color: #fff;
    font-family: FontAwesome;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    transition: background-color 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out;
    -webkit-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
}

.owl-buttons > div:hover {
    cursor: pointer;
    background: #eee;
    color: #000;
}

.owl-prev {
    margin-right: 5px;
}

.owl-prev:before {
    content: "\f104"
}

.owl-next:before {
    content: "\f105"
}


/*--------------------------------------------------------------
Signup Alert - Popup
--------------------------------------------------------------*/
.signup .fancybox-skin {
    background: #ecedf1 url(images/jwoww-popup-desktop.png) center bottom no-repeat;
    background-size: cover;
    border-radius: 0;
    border: none;
}
.signup .fancybox-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 8040;
    font-size: 20px;
    color: #000;
    text-align: center;
    background: none;
}
.signup .fancybox-close:before {
    content: "\00D7";
    font: 35px Arial, sans-serif;
    font-weight: 400;
    line-height: 25px;
}
.popup-wrapper {
    max-width: 100%;
    max-height: 100%;
    width: 962px;
    height: 490px;

}
.subscribe_popup {
    width: 48%!important;
    float: right;
    text-align: center;
}
.subscribe_popup h1 {
    text-transform: uppercase;
    font: 77px 'Source Sans Pro', sans-serif;
    font-weight: 300;
    margin: 12% 0 0 0;
    line-height: 1em;
}
.s-text {
    font: 27px 'Lato-light', sans-serif; 
    font-weight: 300;
    padding: 0 15%;
    margin: 4% 0 6% 0;
    line-height: 1.1em;
}
.s-text span { 
    color: #ee0c37;
 }
 #signup-email {
    font: 20px 'Lato', sans-serif;
    font-weight: 300px;
    text-align: center;
    display: block;
    padding: 2% 3% 2.5%;
    border: 1px solid #5f5f5f;
    margin: 0 auto 3%;
    width: 70%;
}
.signup .fancybox-inner {
    background-color: transparent!important;
    height: auto!important;
}
#signup-email::-webkit-input-placeholder  { font-weight: 100; }
#signup-email:-moz-placeholder            { font-weight: 100; }
#signup-email::-moz-placeholder           { font-weight: 100; }
#signup-email:-ms-input-placeholder       { font-weight: 100; }
#signup-button {
    font: 20px 'Lato', sans-serif;
    color: #ffffff;
    background-color: #313131;
    padding: 3% 12% 3% 12%!important;
    border: none;
    font-weight: 100;
    cursor: pointer;
    margin: 0;
    height: auto;
 }
 #signup-button:hover {
    background-color: #1d1c1c;
 }
 @media only screen and (max-width: 1190px) {
    .subscribe_popup  { width: 53%!important; }
    .subscribe_popup h1 { padding: 0 2%; }
}
@media only screen and (max-width: 1040px) {
    .subscribe_popup  { width: 56%!important; }
}
@media only screen and (max-width: 1000px) {
    .subscribe_popup h1 { font-size: 65px!important; }
    .s-text { font-size: 24px!important; }
    #signup-email, #signup-button { font-size: 18px!important; }
}
@media only screen and (max-width: 960px) {
    .subscribe_popup h1 { font-size: 62px!important; }
    .s-text { font-size: 22px!important; }
    #signup-email, #signup-button { font-size: 16px!important; }
    .subscribe_popup { padding-bottom: 3%!important; }
}

@media only screen
and (min-device-width: 480px)
and (max-device-width: 600px)
and (orientation: landscape) {

    .subscribe_popup h1 {
        font-size: 25px!important;
    }
    .subscribe_popup {
        width: 60%!important;
    }

    .signup .fancybox-inner {
        height: 268px!important;
    }

    .s-text {
        margin: 4% 0 0% 0;
        font-size: 20px!important;
    }

    .signup .fancybox-skin {
        background: #ecedf1 url('images/jwoww-popup-desktop.png') -10px top no-repeat;
        background-size: cover;
    }

    .popup-wrapper {
        overflow: hidden;
    }

}

@media only screen
and (min-device-width: 601px)
and (max-device-width: 700px)
and (orientation: landscape) {

    .subscribe_popup h1 {
        font-size: 30px!important;
    }
    .subscribe_popup {
        width: 60%!important;
    }

    .signup .fancybox-inner {
        height: 310px!important;
    }

    .s-text {
        margin: 4% 0 0% 0;
    }

    .signup .fancybox-skin {
        background: #ecedf1 url('images/jwoww-popup-desktop.png') -10px top no-repeat;
        background-size: cover;
    }

    .fancybox-opened {
        top:33px !important;
    }

    .popup-wrapper {
        overflow: hidden;
    }

}

@media only screen
and (min-device-width: 701px)
and (max-device-width: 760px)
and (orientation: landscape) {
    .subscribe_popup h1 {
        font-size: 30px!important;
    }
    .subscribe_popup {
        width: 60%!important;
    }

    .signup .fancybox-inner {
        height: 320px!important;
    }

    .s-text {
        margin: 4% 0 0% 0;
    }

    .signup .fancybox-skin {
        background: #ecedf1 url('images/jwoww-popup-desktop.png') -10px top no-repeat;
        background-size: cover;
    }

    .fancybox-opened {
        top:33px !important;
    }

    .popup-wrapper {
        overflow: hidden;
    }
}


/*--------------------------------------------------------------
iPad - Portrait 
--------------------------------------------------------------*/

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

    /*header .container .quick-nav {
        top: 65px !important;
    }*/

    body[class*="custom-checkout"] .container .sixteen.columns {
        width: 100%;
        margin: 20px 0px;
    }

    body[class*="custom-checkout"] .container .eleven.columns {
        width: 60%;
        margin-left: 0;
    }

    body[class*="custom-checkout"] .container .five.columns {
        width: 38%;
        margin-right: 0;
    }

    body[class*="custom-checkout"] .shipping_method {
        max-width: 170px;
    }

    .woocommerce table.shop_table_responsive tr td,
    .woocommerce-page table.shop_table_responsive tr td {
        min-height: 52px;
    }

    .woocommerce table.shop_table_responsive tr td .quantity,
    .woocommerce-page table.shop_table_responsive tr td .quantity {
        float: right;
    }

    .woocommerce-cart .shipping_method {
        float: right;
        max-width: 200px;
        width: 100%;
        font-size: 12px;
        margin-top: 4px;
    }

    .woocommerce-order-received .thank-you-banner-container {
        background-size: contain;
        min-height: 280px;
    }

    .woocommerce-order-received .thank-you-content {
        width: 100%;
    }

    body .product_list_widget li span.quick-view, .archive ul.products li span.quick-view {
        top: 30%;
        left: 37%;
        right: 37%;
    }
    span.quick-view {
        display: none !important;
    }

}

/*--------------------------------------------------------------
Mobile Devices - Retina to older versions
--------------------------------------------------------------*/

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

    header .container .quick-nav {
        display: none;
    }

    .menu-toggle {
        background: #000000;
        outline: none;
        font-weight: bold;
        text-transform: uppercase;
    }

    .menu-toggle:hover {
        background: #000000;
    }

    #menu-main-menu {
        padding: 0px;
    }

    #menu-main-menu li {
        width: 100%;
        border-top: solid 1px #333;
    }

    .product-container-featured .woocommerce.widget_products {
        padding: 0px;
    }

    .product-container-featured .woocommerce.widget_products .featured-products {
        margin: 0px 0px 20px !important;
    }

    .product-container-featured .woocommerce.widget_products ul.product_list_widget li {
        float: left;
        width: 100% !important;
        text-align: center;
        border: none;
        padding-bottom: 20px;
        border-bottom: solid 1px #eee !important;
    }

    .product-container-featured .woocommerce.widget_products ul.product_list_widget li:last-child {
        border-bottom: none !important;
    }

    .container .three.columns {
        width: 100%;
        clear: both;
        padding: 0 20% 0 30%;
    }

    #top-bar {
        line-height: 18px !important;
        padding-top: 10px !important;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
        width: 100%;
        border-bottom: solid 1px #eee !important;
        margin: 0 0 20px;
        padding-bottom: 20px;
    }

    .category-blog #container, .site-content #content {
        width: 100% !important;
    }

    .category-blog #secondary,
    .single-post #secondary {
        width: 100% !important;
    }

    .single-product .site-content #content .product.status-publish {
        width: 100% !important;
    }

    .single-product .site-content #content .related.products {
        width: 100% !important;
    }

    .woocommerce div.product .woocommerce-tabs .panel {
        padding-right: 0px !important;
    }

    .single-product .site-content #content .related.products {
        border-top: solid 1px #e8e8e8;
    }

    .single-product .site-content #content .related.products h2 {
        padding-top: 20px !important;
        font-size: 16px !important;
    }

    .single-product .site-content #content .related.products ul li.product {
        border-bottom: none !important;
    }

    .single-product .site-content .widget_recently_viewed_products ul.product_list_widget li {
        width: 100% !important;
        border-bottom: solid 1px #eee !important;
        margin: 0 0 20px;
        padding-bottom: 20px;
    }

    .woocommerce-order-received .thank-you-content {
        width: 100%;
    }

    .woocommerce-order-received .thank-you-order-details .shipping-billing-container .shipping-address {
        width: 100%;
        margin-bottom: 20px;
    }

    .woocommerce-order-received .thank-you-order-details .shipping-billing-container .billing-address {
        width: 100%;
    }

    .woocommerce-order-received .thank-you-banner-container {
        background: url('images/thank-you-banner-mobile.jpg') no-repeat top center;
        background-size: contain;
    }

    .woocommerce-order-received .thank-you-banner-container {
        min-height: 480px;
    }

    .woocommerce-order-received .social-icon-container {
        width: 100%;
    }

    body .product_list_widget.four-products li span.quick-view,
    body .product_list_widget.three-products li span.quick-view,
    body .product_list_widget.two-products li span.quick-view {
        left: 42% !important;
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%;
    }

    #payOptions {
        margin-bottom: 50px;
    }

    .product-container-featured .woocommerce.widget_products ul.product_list_widget li {
        padding-bottom: 40px;
    }

    .woocommerce.widget_products.swiper-container.mobile,
    .inner_widget_products.swiper-container.mobile {
        display: block;
    }

    .woocommerce table.shop_table_responsive tr td,
    .woocommerce-page table.shop_table_responsive tr td {
        min-height: 52px;
    }

    .woocommerce table.shop_table_responsive tr td .quantity,
    .woocommerce-page table.shop_table_responsive tr td .quantity {
        float: right;
    }

    .woocommerce-cart .shipping_method {
        float: right;
        max-width: 140px;
        width: 100%;
        font-size: 12px;
        margin-top: 4px;
    }

    .product-container-featured .woocommerce.widget_products ul.product_list_widget li a img {
        height: 200px;
    }

    .woocommerce form .form-row .agree-term-div {
        float: none;
    }

    header .menu-wrap .quick-nav {
        display: none !important;
    }

    .product-container-featured .home-category-banner-container img {
        left: -50%;
        position: relative;
        width: 200%;
        max-width: 200%;
    }
}
/*--------------------------------------------------------------
CSS for Cart Functionality
--------------------------------------------------------------*/

.drawer {
    outline-style: none;
    outline-width: 0px;
    position: fixed;
    overflow-y: auto;
    overflow-x: auto;
    top: 0px;
    bottom: 0px;
    padding: 0 15px 15px;
    max-width: 95%;
    z-index: 22;
    color: #000000;
    background-color: #ffffff;
    will-change: transform;
    display: none;
}
.drawer-open .drawer {
    display: block;
}
.drawer--right{
    width: 300px;
    right: 0px;
    border-left: 1px solid #eeeeee;
}
.drawer__header{
    display: table;
    height: 70px;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #eeeeee;

}
.table-cell{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.drawer__close{
    text-align: right;
    float: right;
    cursor: pointer;
}
.js-drawer-open{
    overflow: hidden;
    height: 100%;
}
.js-drawer-open-right {

    transform: translateX(-300px);
}
.is-moved-by-drawer {
    transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
}

.ajaxcart__inner{
    margin-bottom: 30px;
}
.ajaxcart__product{
    position: relative;
    max-height: 500px;
}
#CartDrawer .row {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    width: 270px;
}
.gridlock .row {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}
.gridlock .row [class*=all-], .gridlock .row [class*=min-], .gridlock .row [class*=mobile-], .gridlock .row [class*=tablet-], .gridlock .row [class*=desktop-], .gridlock .row [class*=max-] {
    float: left;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
}
.ajaxcart__product-image {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}
.ajaxcart__product-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.quantity-increment {
    border: 1px solid #eeeeee;
    background: transparent;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    color: #000000;
    font-weight: 400;
    float: left;
    display: inline-block;
    margin: 0;
    outline: 0 none;
    border-radius: 0;
}
input.ajaxcart__qty-num {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eeeeee;
    padding: 0;
    text-align: center;
    -webkit-appearance: none;
    text-indent: 0;
    -moz-appearance: none;
    color: #000000;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    background: transparent;
    outline: 0 none;
    border-radius: 0;
}
label {
    display: block;
    font-weight: bold;
}
textarea #CartSpecialInstructions {
    width: 270px! important;
    max-width: 270px;
    min-width: 270px;
}
textarea {
    width: 100%;
    background: transparent;
    border: 1px solid #eeeeee;
    height: 200px;
    margin: 0px;
    margin-bottom: 40px;
    max-width: 100%;
    padding: 2% 17px;
    outline: none;
    min-height: 60px;
}
.ajaxcart__footer.row .text-right {
    line-height: initial;
}
.drawer .text-right {
    line-height: 40px;
}
.text-right {
    text-align: right;
}
.ajaxcart__footer.row .text-center {
    clear: left;
}
.text-center {
    text-align: center;
}
.cart__checkout {
    width: 100%;
}
div {
    display: block;
}
@media screen and (min-width: 980px){
    .gridlock .row .desktop-4 {
        width: 31.25%;
    }
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

.clearfix:before, .clearfix:after, .row:before, .row:after, .panel-row-style-full-width-layout:before, .panel-row-style-full-width-layout:after, .panel-row-style-section-divider:before, .panel-row-style-section-divider:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.grid__item {
    float: left;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
}
.ajaxcart__footer div {
    display: inline-block;
    padding-right: 15%;
    padding-bottom: 2%;
}

.row, .clearfix {
    zoom: 1;
}

#shippingtext {
    padding-bottom: 2%;
}

/*--------------------------------------------------------------
Video Page
--------------------------------------------------------------*/
.page-template-videos .site-content.container {
    max-width: 100%;
    padding: 0 !important;
}
.page-template-videos .site-content.container #container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px !important;
}
.page-template-videos .site-content.container .banner > img {
    width: 100%;
}
.page-template-videos #videos li {
    text-align: center;
    width: 50%;
    display: inline-block;
    float: left;
    margin-bottom: 35px;
    list-style: none;
    padding: 0 2.5%;
    max-height: 386px;
}
.video-info {
    color: #363636;
    text-align: left;
    margin-left: 5%;
}
.video-info .title {
    text-transform: uppercase;
    font: 20px 'Roboto', sans-serif;
    font-weight: 500;
    padding: 15px 0 5px;
}
.video-info .description {
    font: 14px 'Roboto', sans-serif;
    height: 50px;
    overflow: hidden;
}
.video_cat {
    text-align: center;
    margin-bottom: 30px;
}
.filters .sort {
    cursor: pointer;
    display: inline-block;
}
.filters.border .sort {
    padding: 5px 18px 5px 20px;
}
.filters.border .current_choice {
    border: 1px solid;
}
.filters.single_border .current_choice, .filters.border .current_choice {
    color: #e0a240;
}
.filters .filter_item {
    font-weight: normal;
    margin-bottom: 0;
    display: inline-block;
}
.filters .filter_item {
    font: 400 12px "Montserrat","Open Sans","Arial",sans-serif;
    color: #222222;
    line-height: 32px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.filters.border .filter_item {
    margin-right: 5px;
}
ul#videos {
    margin-left: 0;
}
.video-mobile, .video-desktop {
    width: 100%;
}
.video-mobile {
    display: none;
}
@media only screen and (max-width: 767px) {
    .page-template-videos #videos li {
        width: 100%;
        float: none;
        display: block;
    }
    .page-template-videos .entry-content ul {
        margin-left: 0;
    }
    .video-mobile {
        display: block;
    }
    .video-desktop {
        display: none;
    }
}

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

    .video-info .description {
        font: 14px 'Roboto', sans-serif;
        height: auto;
        overflow: visible;
    }

}

/*--------------------------------------------------------------
Newsletter Popup
--------------------------------------------------------------*/

.fancybox-skin {padding: 0px!important;border: 0!important;}
#subscribe_popup {
    max-width: 1000px;
    width: 1000px;
    height: 500px;
    max-height: 500px;
    position: relative;
    opacity: 1;
    overflow: visible;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    background: url('/wp-content/uploads/2016/08/popup-desktop-bg.jpg') 0px 0px no-repeat #ecedf1;
    background-size: cover;
}
.right-content {
    padding: 15px;
    width: 50%;
    float: right;
    height: auto;
    min-height: 40px;
    position: relative;
    color: #000000;
    text-shadow: none;
}

#subscribe_popup h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 68px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 70px;
    letter-spacing: 2px;
}

#subscribe_popup p {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    padding: 20px;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 10px;
}

input#mce-EMAIL {
    width: 100%;
    background: transparent;
    border: 1px solid #eeeeee;
    padding: 15px 0px;
    margin: 0px;
    margin-bottom: 20px;
    max-width: 100%;
    text-indent: 10px;
    outline: none;
    min-height: 32px;
    line-height: 40px;
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: 100;
    color: #000000;
    display: block;
    border-radius: 3px;
    height: 40px;
}
input#mc-embedded-subscribe {
    width: 100%;
    background: #000000;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    border: 0;
    border-radius: 3px;
    transition: background .5s ease,color .5s ease;
    -webkit-appearance: none;
    display: inline-block;
    padding: 0 15px;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #subscribe_popup h2 {
        font-size: 50px;
        line-height: 50px;
    }
    #subscribe_popup p {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .fancybox-inner { height: 524px!important;background-color: #ecedf1;}
    #subscribe_popup {
        background: url('/wp-content/uploads/2016/08/popup-mobile-bg.jpg') 0px 0px no-repeat #ecedf1;
        background-size: contain;
        width: 100%;
    }
    #subscribe_popup .right-content {
        float: none;
        width: 100%;
        top: 85%;
    }

    #subscribe_popup h2 {
        font-size: 50px;
        line-height: 50px;
    }

    #subscribe_popup p {
        font-size: 22px;
        line-height: 25px;
        padding: 15px;
    }
}

@media only screen and (max-width: 480px) {
    #subscribe_popup .right-content { top: 45% !important; }
    #subscribe_popup h2 {
        font-size: 40px;
        line-height: 40px;
    }

    #subscribe_popup p {
        font-size: 20px;
        line-height: 25px;
        padding: 10px;
    }
}
/*--------------------------------------------------------------
Subscription Message - Popup
--------------------------------------------------------------*/

.fancybox-skin {padding: 0px!important;border: 0!important;}
#message_popup {
    max-width: 500px;
    width: 500px;
    height: 300px;
    max-height: 300px;
    position: relative;
    opacity: 1;
    overflow: visible;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
}
.full-content {
    padding: 15px;
    width: 100%;
    float: left;
    height: auto;
    min-height: 40px;
    position: relative;
    color: #000000;
    text-shadow: none;
}

#message_popup h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 70px;
    letter-spacing: 1px;
}

#message_popup p {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    padding: 20px;
    width: 80%;
    margin: 0 auto;
    padding-top: 0px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
    #message_popup h2 {
        font-size: 50px;
        line-height: 50px;
    }
    #message_popup p {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .fancybox-inner { height: 400px!important; background-color: #ecedf1;}
    #message_popup {
        width: 100%;
    }
    #message_popup .full-content {
        float: none;
        width: 100%;
        top: 0%;
    }

    #message_popup h2 {
        font-size: 50px;
        line-height: 50px;
    }

    #message_popup p {
        font-size: 22px;
        line-height: 25px;
        padding: 15px;
    }
}

@media only screen and (max-width: 480px) {
    #message_popup .full-content { top: 0% !important; }
    #message_popup h2 {
        font-size: 40px;
        line-height: 40px;
    }

    #message_popup p {
        font-size: 20px;
        line-height: 30px;
        padding: 10px;
        width: 100%;
    }
}
/*--------------------------------------------------------------
Checkout Page - Styles
--------------------------------------------------------------*/

body[class*="custom-checkout"] .ui-accordion .ui-accordion-header.completed {
    background-color: #e8f9e6;
}
.editBtn {
    display: none;
    font-size: 15px;
    width: 75px;
    line-height: 23px;
    background: #999999;
    padding: 0px;
    border-radius: 3px;
    text-transform: uppercase;
    float: right;
    margin-right: 3%;

}
.completedIcon {
    display: none;
    height: 24px;
    width: 24px;
    float: right;
    margin-right: 3%
}
h3.completed .completedIcon, h3.completed .editBtn {
    display: block;
}
#sheildImg {
    height: 24px;
    width: 24px;
    float: left;
}
.ui-state-active{
    color: black !important;
    background-color: default;
    border: 1px solid green;
}
#paypalRadio {
    margin-left: 3%;
}
#textfields{
    margin-top: 2%;
}
#billCheck{
    margin-left: 7%;
    margin-top: 3%;
    margin-bottom: 2%;
}
#payOptions{
    background-color: #ededed;
}
.ui-icon{
    display: none !important;
}
body[class*="custom-checkout"] .right-pane .shopping-cart-container { position: relative;}


.agree-term-div {
    float: left;
    margin-right: 20px;
    min-height: 37px;
    display: inline-block;
    padding: 10px 0;
}

/* Subscription Terms hidden till user adds subscription item to cart */
.subscription-terms { display: none;}
.subscriptionAdded .subscription-terms { display: block;}
.agree-term-div input[type=checkbox] {
    margin-right: 5px;
}
.woocommerce form .form-row .agree-term-div label{
    display: inline-block;
}

/*--------------------------------------------------------------
Mobile Devices - Custom Media Queries
--------------------------------------------------------------*/

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .news-ticker.news-ticker-scrolled {
        display: none;
    }

    .woocommerce-checkout .news-ticker.news-ticker-scrolled {
        display: none;
    }
}
@media only screen and (max-width: 560px) { 
    .paypal_button {
        max-height: 100px;
    }
}   
@media only screen and (max-width: 500px) {
    .woocommerce-order-received .thank-you-banner-container {
        min-height: 600px;
    }
    .woocommerce-order-received .thank-you-order-details tfoot tr td .left {
        float: right;
        padding-right: 7%;
        width: 100%;
        text-align: right;
    }
    .woocommerce form .form-row .agree-term-div label {
        width: 80%;
        vertical-align: middle;
    }
    .signup .fancybox-skin {
        background: #ecedf1 url(images/jwoww-popup-mobile-top.png) center top no-repeat;
        background-size: contain;
        border-radius: 0;
        border: none;
    }   
    .popup-wrapper {
        width: 100%;
        height: 100%;
        max-width: 418px;
        max-height: 680px;
    }
    .subscribe_popup  { 
        width: 100%!important; 
        margin-top: 70%;
        background-color: #ecedf1;
    }
    .signup .fancybox-skin { 
        padding-bottom: 5%!important; 
    }
}
@media only screen and (max-width: 460px) {
    .paypal_button {
        max-height: 68px;
    }
    .select_payment_method>div {
        font-size: 16px;
    }
}
@media only screen and (max-width: 460px) {
    .subscribe_popup  { margin-top: 60%; }
}

@media only screen and (max-width: 400px) {
    .woocommerce-order-received .thank-you-banner-container {
        min-height: 520px;
    }
    .subscribe_popup h1 { font-size: 52px!important; }
    .subscribe_popup  { margin-top: 60%; }
    .popup-wrapper { height: 100%;}
    .signup .fancybox-skin { padding-bottom: 5%!important; }
     .select_payment_method>div {
        font-size: 16px;
    }
    .paypal-logo {
        height: 30px;
        background-position: center bottom;
    }
    .select_payment_method {
        margin: 20px 0;
    }
    .select_payment_method>div {
        margin: 0 0 10px 0;
    }
    .paypal-text {
        font-size: 15px;
    }
    .select_payment_method {
        text-align: left;
    }

}
@media only screen and (max-width: 360px) {
    .subscribe_popup h1 { font-size: 46px!important; padding: 0 3%;}
    .s-text { font-size: 20px!important; }
}
@media only screen and (max-width: 350px) {
    .woocommerce-order-received .thank-you-banner-container {
        min-height: 480px;
    }
}
@media only screen and (max-width: 320px) {
    .subscribe_popup h1 { font-size: 38px!important; padding: 0 5%; margin: 6% 0 0 0; }
    .s-text { font-size: 18px!important; }
    #signup-email, #signup-button { font-size: 14px!important; }
}

/*# sourceMappingURL=style.css.map */