/*
    Author: CommerceGurus
    Author URI: http://www.commercegurus.com
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html

[Table of contents]
-------------------------------------------------------------------------

    1.  Globally Applied Styles
    2.  Layout/Boxed
    3.  Main Containers
    4.  Typography + Styleguide
    5.  Links/Buttons
    6.  Forms
    7.  Topbar
    8.  Logo and Header
    9.  Navigation
    10. Search + Language Select
    11. Dropdown Cart
    12. Breadcrumbs
    13. Product Item Styling
    14. Individual Products
    15. Product Details
    16. Grid/Listings Switch
    17. Category Images
    18. Shop Notices
    19. Pagination
    20. Star Rating
    21. Sale Tag
    22. Wishlist
    23. Reviews/Comments
    24. Sidebar + Widgets
    25. WooCommerce Layered Navigation
    26. Comments on Posts
    27. Blog Stying
    28. Cart and Checkout Process
    29. Billing
    30. Visual Composer Shortcodes
    31. Showcase/Portfolio
    32. Contact Page
    33. 404 Page
    34. Flexslider
    35. Product Grids
    36. iOS Slider
    37. Magnific Popup
    38. MeanMenu (Mobile Navigation)
    39. Owl Carousel
    40. Chosen - Transform Selects
    41. Tipr - Tooltips
    42. Preloader
    43. Icomoon Font
    44. Chat Widget
    45. Bootstrap Select
    46. qTip
    47. animate.css
    48. Layer Slider
    49. Footer
    50. Browser Bugs

-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------*/
/*  1.  Globally Applied Styles
/*-------------------------------------------------------------------------*/
body {
    /* font-family: 'Roboto', Arial, sans-serif;*/
    font-size: 15px;
    color: #222;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    overflow-x: hidden !important;
}

::-moz-selection,
::selection {
  background: rgba(0, 0, 0, 0.06);
}

h1,
h2,
h3,
h4 {
  text-rendering: optimizeLegibility;
}

*,
*:before,
*:after { /* Resets */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

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

.site {
    margin-top: -1px;
    overflow: hidden !important;
}

p,
ul,
ol {
    margin: 0px;
}

ins {
    text-decoration: none;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

abbr.required,
abbr.required {
    border: none;
    color: #c91305;
}

mark{
    background: none;
}

.content-area address {
    font-size: 16px;
    line-height: 1.5em;
    font-style: italic;
}

.content-area img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

code {
    white-space: normal;
    margin: 10px 0px;
    font-size: 80%;
}

.gallery-caption {
  display: inline-block;
}

.ct {
    display: inline;
}

#TB_ajaxContent {
    overflow: visible !important;
}

img#wpstats {
    display: none;
}

input::-moz-outer-spin-button,
input::-moz-inner-spin-button { /* -- Hides the Spin Box in HTML 5 */
    -moz-appearance: none;
    margin: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

/* -- Tooltip reset */

.tooltip.top {
    background: none;
}


/* -- Clears */

body.archive hr.clearfix {
    margin-top: 0px;
}

.clear,
hr.clearfix,
.woocommerce .container div.product span.price,
.woocommerce .container div.product p.price,
.woocommerce .container #content div.product span.price,
.woocommerce .container #content div.product p.price,
.woocommerce-page .container div.product span.price,
.woocommerce-page .container div.product p.price,
.woocommerce-page .container #content div.product span.price,
.woocommerce-page .container #content div.product p.price {
    clear: both;
}

/* -- Transitions */

a,
input,
img,
textarea,
button,
.wpb_button_a,
.wpb_button {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

a,
button {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


/*-------------------------------------------------------------------------*/
/*  2.  Layouts / Boxed
/*-------------------------------------------------------------------------*/

#wrapper {
    background-color: #fff;
}

#cg-page-wrap {
    width: 100%;
}

.boxed #wrapper {
    max-width: 1200px;
    margin: 0px auto;
}

.boxed #cg-page-wrap {
    overflow: hidden !important;
    width: 100%;
    margin-top: -1px;
}

/* -- Boxed Max Width */

@media (max-width: 1200px) {
    .boxed #wrapper {
        max-width: 1100px;
    }
}


/*-------------------------------------------------------------------------*/
/*  3.  Main Containers
/*-------------------------------------------------------------------------*/

#primary {
    padding-top: 20px;
    padding-bottom: 40px;
}

.cg-has-no-thumb {
    margin-left: 0px;
    margin-right: 0px;
}

.default-blog {
    margin-left: 0px;
    margin-right: 0px;
}

div.content {
    padding-top: 20px;
}

#secondary {
    margin-top: 25px;
    margin-right: 25px;
}

.content-area{
    min-height: 300px;
}

body.woocommerce-page .content-area,
body.woocommerce-page .entry-content {
    padding-top: 20px;
}

.page-header {
    border: none;
    padding: 0px;
}

body.archive .content-area .page-header {
    margin-top: 18px;
}

.page-header {
    margin-top: 0px;
    border: none;
}


/*-------------------------------------------------------------------------*/
/*  4.  Typography + Styleguide
/*-------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea {
    /* font-family: 'Roboto Condensed', Arial, sans-serif;*/
}

h1,
.h1 {
    font-size: 32px;
    margin-top: 25px;
    color: #222;
}

h1.cg-page-title {
    font-size: 22px !important;
    margin: 0px;
    text-transform: uppercase;
    color: #fff !important;
    padding: 5px 0px;
    font-weight: 400 !important;
    line-height: inherit !important;
}

.content-area h1 {
    line-height: 1.3em;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: -4px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 13px;
}

.header-wrapper {
    background: #df440b;
    padding: 14px 0px;
}

.content-area .header-wrapper h1 {
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
    border: none;
    color: #fff;
    margin-top: 0px !important;
}

.content-area .cg-strip h1 {
    font-size: 52px;
}

.woocommerce-page .content-area h1 {
    margin-top: 40px;
}

.content-area h1 a,
.content-area h1 a:hover {
    border: none;
}

.content-area h2 {
    font-size: 30px;
    font-weight: 400;
    margin: 1.2em 0px 0.6em 0px;
    line-height: 1.25em;
}

.content-area .wpb_wrapper h2,
.content-area .wpb_wrapper h3,
.content-area .wpb_wrapper h4 {
    margin-top: 0px;
}

.content-area .wpb_wrapper h4,
.page-template-template-home-default-php .wpb_wrapper h4 {
    font-size: 20px;
}

.content-area .wpb_wrapper .cg-strip-content h4,
.page-template-template-home-default-php .wpb_wrapper .cg-strip-content h4 {
    font-size: 24px;
}

.content-area h2.entry-title{
    font-size: 36px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 10px;
}

.content-area h3 {
    font-size: 22px;
    margin: 30px 0px 15px 0px;
    font-weight: 400;
    line-height: 1.4em;
}

.content-area .aio-icon-header h3.aio-icon-title,
body .aio-icon-header h3.aio-icon-title {
    font-size: 18px;
}

.content-area h4 {
    font-size: 18px;
    margin: 30px 0px 15px 0px;
}

.content-area h5 {
    font-size: 17px;
    margin: 6px 0px 6px 0px;
    line-height: 1.5em;
}

.content-area h6 {
    font-size: 15px;
    margin: 6px 0px 6px 0px;
    line-height: 1.5em;
}

.content-area p,
.page-template-template-home-default-php #cg-page-wrap .cg-section p {
    line-height: 1.65em;
    margin-bottom: 15px;
    color: #333;
    font-weight: 400;
}

.page-template-template-home-default-php #cg-page-wrap p#breadcrumbs {
    margin-bottom: 0px;
}

.page-template-template-home-default-php .breadcrumb-wrapper {
    display: none;
}

.content-area p.lead {
    font-size: 17px;
}

.content-area p.intro:first-line {
    font-weight: bold;
}

.content-area a {
   word-wrap: break-word;
}

.content-area a:hover {
    color: #222;
    text-decoration: none;
}

/* VC */


body .vc_grid.vc_row .vc_grid-item .vc_btn {
    margin-bottom: 0px;
}

.content-area .vc_pageable-wrapper h4,
.vc_pageable-wrapper h4 {
    line-height: 1.3em;
    margin-bottom: -5px;
    font-weight: 600 !important;
}

.container .vc_toggle_content {
    margin-top: 0.5em !important;
}

.content-area .wpb_wrapper .vc_toggle_title h4 {
    font-weight: 400;
    font-size: 22px;
}

.vc_toggle_icon {
    margin-top: -2px !important;
}

.container .vc_gitem-zone {
    background-color: transparent !important;
}

.vc_grid-gutter-15px {
    padding-right: 15px;
}

body .vc_gitem-zone .vc_btn,
body .vc_gitem-zone .vc_gitem-link {
    padding: 0px !important;
    background: transparent !important;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0px !important;
    color: #111 !important;
    border: none !important;
    font-weight: 600;
}

body .vc_gitem-zone a.vc_btn:hover,
body .vc_gitem-zone .vc_gitem-link:hover {
    color: #111 !important;
}

.container .vc_gitem_row .vc_gitem-col {
    padding: 15px 0px;
}

.content-area .vc_gitem-post-data-source-post_excerpt p,
.vc_gitem-post-data-source-post_excerpt p {
    font-size: 15px;
    line-height: 1.5em;
}

.vc_gitem-post-data.vc_gitem-post-data-source-post_date {
    margin-bottom: 5px;
    margin-top: -12px;
}

.vc_gitem-post-data.vc_gitem-post-data-source-post_date p {
    font-size: 15px;
    color: #999;
}

/* -- Divider */

.content-area .cg-divider{
    background: #e2e2e2;
}

/* -- Alignment */

.content-area .aligncenter {
    display: block;
    margin: 30px auto 40px auto;
}

.content-area .aligncenter img,
.content-area .alignleft img,
.content-area .alignright img {
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.content-area .wp-caption.aligncenter img,
.content-area .wp-caption.alignleft img,
.content-area .wp-caption.alignright img,
.content-area .wp-caption.alignnone img {
    border: none;
    padding: 0px;
}

.content-area .aligncenter p,
.content-area .alignleft p,
.content-area .alignright p,
.content-area .alignnone p {
    text-align: center;
    font-size: 13px;
    color: #888;
    margin: 0px;
}


/* -- Image Alignment */

.content-area img {
    max-width: 100%;
    display: block;
    height: auto;
}

.content-area img.aligncenter {
    display: block;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 30px auto;
}

img.alignleft {
    float: left;
    margin: 4px 20px 30px 0px;
}

img.alignright {
    float: right;
    margin: 4px 0px 30px 20px;
}

.content-area .alignleft {
    float: left;
    margin: 4px 20px 30px 0px;
}

.content-area img.alignleft {
    float: left;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 4px 20px 20px 0px;
}

.content-area .alignright {
    float: right;
    margin: 4px 0px 30px 20px;
}

.content-area img.alignright {
    float: right;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 4px 0px 20px 20px;
}

.content-area .alignnone {
    max-width: 100%;
    margin: 30px 0px 30px 0px;
}

.content-area .alignnone img {
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 3px;
}


/* -- UL Lists */

.content-area ul {
    padding: 0px;
    font-size: 15px;
    line-height: 1.5em;
    margin: 18px 0px 30px 6px;
}

.content-area ul li {
    list-style: none;
    margin-left: 15px;
    margin-bottom: 3px;
    position: relative;
}

.content-area ul li:before {
    content: "";
    position: absolute;
    top: 0.6em;
    left: -20px;
    width: 6px;
    height: 6px;
    background: #DF440B;
    border-radius: 3px;
}

.content-area ul ul {
    padding: 10px;
    margin: 0px;
}

/* Brands Plugin */

.content-area ul.brands_index {
    margin: 0px;
}

.content-area ul.brands_index li {
    margin-left: 0px;
}

.content-area ul.brands_index li:before {
    display: none;
}

.content-area ul.brands_index li a:hover {
    border-color: inherit;
    padding: 6px;
    border-width: 1px;
}


/* shipping conflicts */

#shipping_method input {
    width: inherit !important;
}

#shipping_method li:before {
    background: none !important;
}

.content-area ul#shipping_method {
    margin: 0;
}

.content-area ul#shipping_method li {
    margin-left: 0px;
}

/* -- OL Lists */

.content-area ol {
    margin: 30px 0px;
    font-size: 15px;
    line-height: 1.5em;
    margin-left: -20px;
}

.content-area ol ol {
    margin: 15px 0px;
}

.content-area ol li {
    margin-bottom: 3px;
}


/* -- Definition Lists */

.content-area dl {
    font-size: 15px;
    line-height: 1.5em;
    margin: 30px 0px;
}

.content-area dd {
    margin-bottom: 15px;
}


/* -- Table Styles */

.content-area table {
    width: 100%;
    font-size: 15px;
    margin: 20px 0px 30px 0px;
}

.content-area table.variations {
    margin: 0px 0px 10px 0px;
}

.content-area table thead tr th {
    padding: 10px 8px;
    border-bottom: 1px solid #e2e2e2;
}

.content-area table tr th,
.content-area table tr td {
    padding: 10px 8px;
}

.content-area table tr:nth-child(even) {
    background-color: #f5f5f5;
}

.content-area table.variations tr:nth-child(even) {
    background: #fff;
}

.content-area table a {
    border: none;
}

/* -- Separator */

.separator.small {
    width: 60px;
}

.separator.center {
    margin: 0px auto;
}


/* -- Blockquotes */

blockquote {
    margin: 2.5em 0em 2.5em 0em;
    padding: 0 1em 0 3em;
    position: relative;
}

.content-area blockquote {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    font-weight: 400;
    padding: 1.8em 5em;
    transition: all 0.2s linear;
    margin-top: 15px;
}

.content-area blockquote:hover,
article.format-link .entry-content p:hover {
    border-color: #DF440B;
    transition: all 0.2s linear;
}

.content-area blockquote p {
    font-size: 18px;
    line-height: 1.55em;
}

.content-area blockquote p em {
    display: block;
    font-size: 13px;
    margin-top: 8px;
}

blockquote:before {
    color: #DF440B;
    content: "\201C";
    font-size: 5em;
    position: absolute;
    left: 25px;
    top: 0.8em;
    line-height: 0.1em;
    font-family: Georgia;
}

blockquote:after {
    color: #DF440B;
    content: "\201D";
    font-size: 5em;
    position: absolute;
    right: 25px;
    font-family: Georgia;
    line-height: 0.1em;
}

.content-area blockquote.pullleft {
    float: left;
    width: 45%;
    margin: 8px 30px 20px 0px;
}

.content-area blockquote.pullright {
    float: right;
    width: 45%;
    margin: 8px 0 30px 30px;
}


/* -- Captions */

.wp-caption {
  border: 1px solid #ddd;
  margin-bottom: 1.5em;
  max-width: 100%;
  background: #f6f6f6;
}

.lightfooter .wp-caption {
    background: #fff;
}

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

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

.wp-caption .wp-caption-text {
  padding: 10px 0;
  margin: 0;
}


/*-------------------------------------------------------------------------*/
/*  5.  Links / Buttons
/*-------------------------------------------------------------------------*/

a {
    color: #DF440B;
    text-decoration: none;
}

.button:hover,
.btn:hover {
    border-radius: 0px !important;
}

a.btn, .content-area a.btn,
.content-area a.btn:hover,
#respond input#submit,
.wpcf7 input.wpcf7-submit {
    text-transform: uppercase;
    padding: 6px 22px;
    border: 2px solid #333;
    color: #333;
    font-size: 14px;
    border-radius: 0px;
}

.btn-group.open .dropdown-toggle:focus {
    outline: none !important;
}

/* -- Link Style */

.see-through,
.content-area .see-through,
.wpb_button.see-through {
    margin-left: 15px;
    padding: 6px 20px;
    text-transform: uppercase;
    font-size: 15px !important;
    transition: all 0.2s linear;
    color: #FFF;
    border: 2px solid rgba(255,255,255,0.4);
    background-color: transparent !important;
    text-shadow: none !important;
}

.see-through:hover,
.content-area .see-through:hover,
.wpb_button.see-through:hover {
    border-radius: 0px;
    border: 2px solid rgba(255,255,255,1);
    color: #fff;
}

.solid {
    border: none !important;
}

.vc_read_more {
    border: 1px solid #e2e2e2;
    padding: 6px 12px;
}

.vc_read_more:hover {
    text-decoration: none;
    border-color: #ccc;
}

/*-------------------------------------------------------------------------*/
/*  6.  Forms
/*-------------------------------------------------------------------------*/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="date"],
textarea {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 5px 8px;
    border: 1px solid #ccc;
}

input[type="number"] {
    background: #fff;
    padding: 5px 8px;
    border: 1px solid #ccc;
}

input:focus,
textarea:focus {
    outline: none;
    border-color: #999;
}

input[type="file"] {
    padding: 0px;
    font-size: 13px;
}

.btn {
    border-radius: 0px;
    transition: all 0.2s linear;
}

.btn:hover {
    border-radius: 0px;
    background: #fff;
}

select:focus,
.btn:focus,
button:focus {
    outline: none !important;
}

.bootstrap-select .btn:focus {
    outline: none;
}

.chosen-container { /* New select */
    width: 100% !important;
    margin-bottom:10px;
}

.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
button:focus,
select:focus {
    outline: none !important;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
    border-radius: 0px;
    background: #fff;
}

.bootstrap-select.btn-group .btn .filter-option {
    left: 18px;
    font-size: 13px;
    top: 7px;
    font-weight: 400;
}

span.required {
    color: red;
}

/* -- Password Protected */

.post-password-form input[type="password"] {
    border: 1px solid #333;
    height: 34px;
    background: #fff;
    background: #fff;
    margin-left: 10px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0px 15px;
}

.post-password-form input[type="submit"] {
    height: 34px;
    background: #333;
    color: #fff;
    padding: 0px 15px;
    border: 1px solid #333;
    margin: 0px 0px 0px -6px;
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    top: -1px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}


/*-------------------------------------------------------------------------*/
/*  7.  Top bar
/*-------------------------------------------------------------------------*/


.cg-shopping-toolbar {
    background-color: #333;
}

.cg-shopping-toolbar #lang_sel_list img.iclflag {
    width: 14px;
    height: auto;
    top: -1px;
}

.cg-shopping-toolbar #lang_sel_list {
    font-family: inherit;
}

.cg-shopping-toolbar .yith-ajaxsearchform-container {
    float: right;
}

.cg-shopping-toolbar #lang_sel_list a,
.cg-shopping-toolbar #lang_sel_list a:visited {
    line-height: 33px;
    color: #fff;
}

.cg-shopping-toolbar #lang_sel_list a:hover,
.cg-shopping-toolbar ul.wcml_currency_switcher li:hover {
    opacity: 0.75;
}

.cg-shopping-toolbar ul.wcml_currency_switcher li {
    border: none;
}

ul.wcml_currency_switcher.curr_list_horizontal li {
    padding: 0px;
    font-size: 12px;
    opacity: 0.7;
    color: #fff;
    line-height: 33px;
    margin-right: 8px;
}

.top-bar-right {
    text-align: right;
    line-height: 33px !important;
    font-size: 12px;
    color: #fff;
}

.top-bar-right a {
    color: #fff;
    opacity: 0.7;
}

.top-bar-right a:hover {
    text-decoration: none;
    opacity: 1;
    color: #fff;
}

.top-bar-right a.divider {
    padding-left: 8px;
    margin-left: 5px;
    border-left: 1px solid #666;
}

.cg-logo-inner-cart-wrap .widget_product_search h4 {
    display: none;
}

.cg-logo-inner-cart-wrap input.sb-search-input {
    padding: 8px 14px 8px 10px;
    font-size: 16px;
    height: 36px;
    min-width: 292px;
}

.cg-logo-inner-cart-wrap .autocomplete-suggestions {
    border-radius: 0px;
    border-top: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    margin-top: 18px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.cg-logo-inner-cart-wrap .autocomplete-suggestion {
    line-height: 20px;
    padding: 6px 10px 6px 10px;
    font-size: 13px;
}

.cg-logo-inner-cart-wrap input.sb-search-input:focus {
    border-color: #999;
}

.cg-shopping-toolbar .widget_product_search .widget-title {
    display: none;
}

.cg-shopping-toolbar .autocomplete-suggestions {
    margin-top: 33px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.cg-shopping-toolbar input.sb-search-input {
    border: none;
    border-radius: 20px;
    padding: 5px 14px 5px 11px;
    font-size: 12px;
    width: 100%;
}

.cg-shopping-toolbar #lang_sel_list ul {
    border: none;
}

.cg-shopping-toolbar input.sb-search-submit {
    top: 0px;
}

.cg-shopping-toolbar .sb-search {
    float: right;
    margin-top: 5px;
}

.cg-shopping-toolbar .wcml_currency_switcher {
    float: left;
    margin-left: 12px !important;
    padding-left: 13px !important;
    border-left: 1px solid #444;
}

body .wcml-active-currency {
    background-color: transparent;
    opacity: 1;
}

.cg-shopping-toolbar .wpml .textwidget img {
    display: none;
}

.cg-shopping-toolbar .wpml #lang_sel_click {
    text-transform: uppercase;
    font-family: inherit;
    top: 4px;
}

.cg-shopping-toolbar .wpml #lang_sel_click img.iclflag {
    top: -2px;
    margin-right: 6px;
}

.cg-shopping-toolbar .wpml #lang_sel_click a.lang_sel_sel,
.cg-shopping-toolbar .wpml #lang_sel_click a.lang_sel_sel:visited {
    padding-left: 5px;
    font-size: 12px;
    border: none;
}

.cg-shopping-toolbar .wpml #lang_sel_click a,
.cg-shopping-toolbar .wpml #lang_sel_click img {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.cg-shopping-toolbar .wpml #lang_sel_click ul ul li {
    left: -1px;
}

.cg-shopping-toolbar .wpml #lang_sel_click ul ul li img.iclflag {
    margin-right: 3px;
    top: -1px;
}

.cg-shopping-toolbar .wpml #lang_sel_click ul ul li a {
    padding-left: 5px;
    font-size: 12px;
}

.cg-shopping-toolbar .wpml #lang_sel_click ul ul a:hover {
    background: #f8f8f8;
}

#lang_sel_click ul ul {
    border: 1px solid #eee;
    border-top: none;
}

.cg-shopping-toolbar .wpml .widget_text {
    float: left;
    line-height: 33px;
    color: #eee;
    margin-right: 8px;
}

.cg-shopping-toolbar #lang_sel_list a {
    background: none;
}

.cg-shopping-toolbar .widget_icl_lang_sel_widget {
    float: left;
}

#top-bar-wrap {
    text-align: right;
    float: right;
}

.top-nav-wrap {
    float: right;
}

#top-menu-wrap {
    float: right;
}

#top-menu-wrap li a {
    transition: all 0.5s ease;
}

#top-bar-search {
    float: right;
}

#top-bar-search .widget_product_search {
    float: right;
    margin-left: 10px;
}

/* Regular Search */

#top-bar-search .widget_search {
    max-width: 200px;
    float: right;
    margin-left: 10px;
}

#top-bar-search .widget_search .search-form label:before {
    font-size: 15px;
    top: 0px;
    right: 10px;
}

.widget_search input.search-field {
    padding: 3px 11px 3px 7px;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
}

/* Results */

body.search-results article {
    margin-bottom: 30px;
}

body.search-results .content-area .entry-header {
    margin-bottom: 15px;
}

    .top-nav-wrap p {
        font-weight: 400;
        font-size: 14px;
        line-height: 60px;
        color: #fff;
    }

    .top-nav-wrap ul li {
        display: inline;
        list-style: none;
        font-size: 14px;
        font-weight: 400;
    }

    .top-nav-wrap ul li.heart a:before {
        content: "\f08a";
        font-family: 'FontAwesome';
        z-index: 1;
        font-size: 11px;
        margin-right: 6px;
        position: relative;
        top: -1px;
        color: #888;
        text-indent: 0px;
    }

    .top-nav-wrap ul li.heart a:hover:before {
        color: #222;
    }

        .top-nav-wrap ul li a {
            padding: 0px 0px 0px 14px;
            line-height: 60px;
            display: block;
            float: left;
            text-decoration: none;
            font-size: 14px
        }

        .top-nav-wrap ul li a:hover,
        .top-nav-wrap .nav-pills>li.active>a:hover {
            color: #333;
        }


    .top-nav-wrap .dropdown-menu {
        top: 60px;
        padding: 7px 0px 7px 0px;
        z-index: 999;
        background: #ffffff;
        border: 1px solid #ccc;
    }

.lang-drop .dropdown-menu {
    min-width: 60px;
}

.top-nav-wrap .dropdown-menu:after,
.top-nav-wrap .dropdown-menu:before {
    bottom: 100%;
    left: 33%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.top-nav-wrap .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}

.top-nav-wrap .dropdown-menu:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 8px;
    margin-left: -8px;
}

        .top-nav-wrap .dropdown-menu li a {
            color: #777;
            font-weight: 400;
            background: #fff;
            padding: 0px 15px;
            line-height: 27px;
        }

    .top-nav-wrap .caret {
        border-top-color: #999;
    }

    .top-nav-wrap li.dropdown:hover a {
        text-decoration: none;
    }

    .top-nav-wrap li.dropdown:hover ul li a {
        text-decoration: none;
        background-color: #fff;
    }

.top-nav-wrap ul li i {
    margin: 12px 14px;
}

#top ul li a {
    color: #fff;
}

.top-nav-wraps ul li a:hover {
    text-decoration: none;
}

ul.top-menu {
    padding:0px;
}

/* -- Overwrite Bootstrap Dropdown styles */

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    background: inherit;
}

.top-nav-wrap .nav-pills>li>a {
    border-radius: 0px;
}

.dropdown-toggle {
    position: relative;
}

.dropdown-menu>li>a {
    padding: 6px 12px;
    font-size: 13px;
}

.dropdown-menu>li>a:hover {
    background: #f2f2f2;
    color: #222;
}

.dropdown-menu {
    box-shadow: none;
    border-radius: 0px;
}

/*-------------------------------------------------------------------------*/
/*  8.  Logo and Header
/*-------------------------------------------------------------------------*/

.header {
    height: 89px;
    box-shadow: 0px 1px 5px #ddd;
    background-color: #fff;
    z-index: 998;
}

.header.sticky {
    border-top: 3px solid #DF440B;
}

.logo {
    position: relative;
}

.cg-announcements {
    float: left;
}

.cg-logo-center .cg-announcements ul {
    min-width: 300px;
}

.cg-announcements .divider {
    height: 36px;
    border-left: 1px solid #e2e2e2;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    display: none;
}

.cg-announcements ul {
    display: none;
    padding-left: 0px;
    font-size: 14px;
    margin-top: 1px;
}

.cg-announcements .addthis_toolbox {
    display: none;
}

.cg-announcements li {
    list-style: none;
}

/* -- Center Logo */

.cg-logo-center .logo img {
    float: none !important;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 13px;
    position: relative;
}

.responsive-container {
    position: relative;
    max-width: 370px;
    margin: 0px auto;
    height: 110px; /* default */
}

.dummy {
    /* DYNAMIC HEADER HEIGHT */
    /* forces 1:1 aspect ratio */
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.img-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
}

.cg-menu-below.cg-logo-center .img-container img {
    padding: 22px 0px;
}


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

.cg-menu-below.cg-logo-center .logo {
    float: none !important;
}

.cg-menu-below.cg-logo-center .text-logo {
    float: left !important;
}

.cg-menu-below.cg-logo-center .text-logo {
    width: 100%;
    position: absolute;
}

.cg-menu-below.cg-logo-center .cg-announcements {
    position: absolute;
    top: 0px;
    z-index: 2;
}

.cg-menu-below.cg-logo-center .cg-header-search {
    float: right;
    position: relative;
    z-index: 2;
}

.cg-menu-below.cg-logo-center.cg-menu-center .cg-header-search {
    float: left;
    position: relative;
    z-index: 2;
}

}

/* -- Standard Logo */

.cg-menu-default .logo, .cg-menu-below .logo {
    /* height is dynamic */
    white-space: nowrap;
    float: left;
}

.cg-menu-default .logo img, .cg-menu-below .logo img {
    vertical-align: middle;
    /* max-height is dynamic */
    max-width: 225px;
    padding: 15px 0px;
}

/* -- Fixed Header Logo */

.cg-header-fixed-wrapper.cg-is-fixed .logo{
    /* Height is dynamic */
    white-space: nowrap;
    float: left;
}

.cg-header-fixed-wrapper.cg-is-fixed .logo img {
    vertical-align: middle;
    /* max-height is dynamic */
    max-width: 160px;
}


/* -- Logo Alignment */

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.cg-menu-default .logo a,
.cg-menu-below .logo a,
.cg-header-fixed-wrapper.cg-is-fixed .logo a {
    max-width: none;
    line-height: 0px;
    float: none;
}

    .logo a {
        color: #DF440B;
    }

    .logo a {
        font-weight: 300;
        font-size: 32px;
        transition: all 200ms ease-out;
    }

    .logo a:hover {
        text-decoration: none;
    }

    .logo img {
        transition: all 200ms ease-out;
    }

    .logo.image a {
        font-size: 0;
    }

.text-logo h1 {
    margin: 0;
    line-height: 100px;
}

.overview {
    float: right;
    text-align: left;
    display: block;
    margin: 7px 0 0 0;
}

    .overview .amount {
        display: block;
        font-weight: bold;
        margin-bottom: -9px;
        font-weight: 400;
    }

.cart-wrap {
    margin: 0;
}

.cg-header-fixed-wrapper.cg-is-fixed .header,
.cg-header-fixed-wrapper.cg-is-fixed ul.tiny-cart,
.cg-header-fixed-wrapper.cg-is-fixed .mean-bar{
    height: 60px; /* Dynamic */
}

.cart_subtotal {
    margin-left: 34px;
}

.cg-header-cart-icon-wrap {
    position: absolute;
}

ul.tiny-cart li:hover ul.cart_list {
    top: 100px; /* Dynamic */
}

.paypal-express-checkout-button img {
    text-align: center !important;
    float: none !important;
    padding: 5px 0 !important;
}

/*---------------------------------------------------------------*/
/* 9.  Navigation
/*---------------------------------------------------------------*/

#mobile-menu {
    display: none;
}

.cg-primary-menu {
    position: relative;
}

.cg-logo-inner-cart-wrap {
    position: relative;
}

.cg-header-fixed-wrapper.cg-is-fixed ul.tiny-cart li:hover ul.cart_list {
    top: 60px; /* Dynamic */
    margin-top: 0px;
}

.cg-header-fixed-wrapper.cg-is-fixed .bag-icon {
    margin-right: 0px;
    margin-bottom: -5px;
    background-size: 16px 23px;
    width: 16px;
    height: 23px;
}

.cg-header-fixed-wrapper.cg-is-fixed .cg-header-fixed .menu > li > a, .cg-primary-menu .menu > li > a,
.cg-header-fixed-wrapper.cg-is-fixed .text-logo h1,
.cg-header-fixed-wrapper.cg-is-fixed ul.tiny-cart,
.cg-header-fixed-wrapper.cg-is-fixed .navbar ul li a {
    line-height: 47px;
}

.cg-header-fixed-wrapper.cg-is-fixed .text-logo h1 {
    font-size: 24px;
}

.cg-header-fixed-wrapper.cg-is-fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.cg-menu-default, .cg-menu-below {
    height: 100px;  /* Dynamic */
    -webkit-transition: 0.5s all ease-in-out;
    border-bottom: 1px solid #eee;
}

.cg-primary-menu-below-wrapper .container {
    position: relative;
}

.cg-header-fixed-wrapper {
    position: fixed;
    top: -3000px !important;
}

.cg-header-fixed-wrapper.cg-is-fixed {
    top: 0px !important;
}

.cg-header-fixed .menu, .cg-primary-menu .menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.cg-primary-menu.cg-primary-menu-below-wrapper .menu {
    height: inherit !important;
}

.cg-header-fixed .menu > li, .cg-primary-menu .menu > li {
    display: inline-block;
    padding: 0 14px;
}

.cg-primary-menu-below-wrapper .menu li:first-child {
    padding-left: 0;
}

.cg-primary-menu .menu > li > a {
    display: block;
    position: relative;
    font-size: 14px;
    color: #333;
    font-weight: 700;
}

.cg-header-fixed .menu > li.menu-item-has-children > a:after,
.cg-primary-menu .menu > li.menu-item-has-children > a:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 12px;
    margin-left: 7px;
    opacity: 0.7;
    position: relative;
    top: -1px;
    font-weight: 400;
}

.cg-header-fixed .menu > li .cg-submenu-ddown,
.cg-primary-menu .menu > li .cg-submenu-ddown {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 220px;
    top: 100%;
    padding: 0;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    max-width: 100%;
    margin-top: -2px;
}

.cg-primary-menu .menu > li .cg-submenu-ddown {
    margin-top: -1px;
}

.cg-header-fixed .menu > li .cg-submenu-ddown {
    margin-top: 0;
}

.cg-header-fixed .menu > li .cg-submenu-ddown:before,
.cg-primary-menu .menu > li .cg-submenu-ddown:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -15px;
    z-index: -1;
}

.cg-header-fixed .menu > li .cg-submenu-ddown ul,
.cg-primary-menu .menu > li .cg-submenu-ddown ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.cg-header-fixed .menu > li .cg-submenu-ddown ul li.image-item a,
.cg-primary-menu .menu > li .cg-submenu-ddown ul li.image-item a {
    font-size: 0 !important;
}

.cg-primary-menu .menu > li .cg-submenu-ddown ul li.image-item ul li.image-item a img,
.cg-header-fixed .menu > li .cg-submenu-ddown ul li.image-item ul li.image-item a img {
    margin-top: 12px;
    -webkit-backface-visibility: hidden;
}

.cg-header-fixed .menu > li .cg-submenu-ddown ul li.image-item a:hover img,
.cg-primary-menu .menu > li .cg-submenu-ddown ul li.image-item a:hover img,
.cg-header-fixed .menu > li .cg-submenu-ddown ul li.image-item-title a:hover img,
.cg-primary-menu .menu > li .cg-submenu-ddown ul li.image-item-title a:hover img {
    -webkit-backface-visibility: hidden;
}

.cg-header-fixed .menu > li .cg-submenu-ddown ul li.image-item:before,
.cg-primary-menu .menu > li .cg-submenu-ddown ul li.image-item:before {
    display: none;
}

.cg-header-fixed .menu > li .cg-submenu-ddown .container,
.cg-primary-menu .menu > li .cg-submenu-ddown .container {
    max-width: 100%;
    padding: 0px;
}

.cg-primary-menu .menu > li .cg-submenu-ddown .container > ul > li a,
.cg-submenu-ddown .container > ul > li > a {
    padding: 11px 15px;
    font-size: 13px;
    line-height: 1.4em;
    display: block;
    color: #333;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom-width: 1px !important;
    border-top-width: 0px !important;
}

/*
.cg-header-fixed .menu > li .cg-submenu-ddown .container > ul > li a:hover,
.cg-primary-menu .menu > li .cg-submenu-ddown .container > ul > li a:hover {
    color: #DF440B;
}
*/

.cg-header-fixed .menu > li .cg-submenu-ddown .container > ul .menu-item-has-children,
.cg-primary-menu .menu > li .cg-submenu-ddown .container > ul .menu-item-has-children {
    position: relative;
}

.cg-header-fixed .menu > li .cg-submenu-ddown .container > ul .menu-item-has-children > a:before,
.cg-primary-menu .menu > li .cg-submenu-ddown .container > ul .menu-item-has-children > a:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    right: 5px;
    margin-left: 13px;
    margin-top: 0px;
    color: #999;
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    content: "\f105";
    -webkit-font-smoothing: antialiased;
}

.cg-header-fixed .menu > li .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu,
.cg-primary-menu .menu > li .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu {
    position: absolute;
    left: 219px;
    top: 0;
}

.cg-header-fixed .menu > li .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu li,
.cg-primary-menu .menu > li .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu li {
    background: #fff;
    width: 220px;
}

.cg-header-fixed .menu > li .cg-submenu-ddown .container > ul .menu-item-has-children:hover > .cg-submenu,
.cg-primary-menu .menu > li .cg-submenu-ddown .container > ul .menu-item-has-children:hover > .cg-submenu {
    display: block;
}

.cg-header-fixed .menu > li .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu,
.cg-primary-menu .menu > li .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu {
    display: none;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown {
    width: 100%;
    left: 0;
    background: #fff;
}

/* 4 col */
.cg-header-fixed .menu > li.menu-full-width.col-4 .cg-submenu-ddown,
.cg-primary-menu .menu > li.menu-full-width.col-4 .cg-submenu-ddown {
    width: 80%;
    left: auto;
}

/* 3 col */
.cg-header-fixed .menu > li.menu-full-width.col-3 .cg-submenu-ddown,
.cg-primary-menu .menu > li.menu-full-width.col-3 .cg-submenu-ddown {
    width: 60%;
    left: auto;
}

/* 2 col */
.cg-header-fixed .menu > li.menu-full-width.col-2 .cg-submenu-ddown,
.cg-primary-menu .menu > li.menu-full-width.col-2 .cg-submenu-ddown {
    width: 50%;
    left: auto;
}


.menu-full-width .cg-menu-ul {
    padding: 20px 25px 25px !important;
}

.menu-full-width .cg-menu-img {
    height: 200px;
}

.cg-menu-img {
    background-image: url('../images/placeholder_1200x250.gif');
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    background-size: cover;
    z-index: 10;
}

.cg-menu-title-wrap {
    display: none;
}

.menu-full-width .cg-menu-title-wrap {
    display: block;
    line-height: 200px;
}

.menu-full-width .cg-menu-title {
    background-color: #000;
    padding: 15px;
    font-size: 22px;
    color: #fff;
    margin: 0 20px;
    text-transform: uppercase;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li > a:after,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li > a:after {
          display: block;
          width: 68px;
          height: 3px;
          background-color: white;
          margin-top: 10px;
          content: "";
          bottom: 0;
          left: 0;
          -webkit-transition: width 0.2s ease-in-out;
          -moz-transition: width 0.2s ease-in-out;
          transition: width 0.2s ease-in-out;
      }

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li.image-item > a:after,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li.image-item > a:after {
    display: none;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li:hover > a:after,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li:hover > a:after {
    width: 100%;
}

/* 5 col */
.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li {
    width: 18.297%;
}

/* 4 col */
.cg-header-fixed .menu > li.menu-full-width.col-4 .cg-submenu-ddown .container > ul > li,
.cg-primary-menu .menu > li.menu-full-width.col-4 .cg-submenu-ddown .container > ul > li {
    width: 23.3%;
}

/* 3 col */
.cg-header-fixed .menu > li.menu-full-width.col-3 .cg-submenu-ddown .container > ul > li,
.cg-primary-menu .menu > li.menu-full-width.col-3 .cg-submenu-ddown .container > ul > li {
    width: 31.9%;
}

/* 2 col */
.cg-header-fixed .menu > li.menu-full-width.col-2 .cg-submenu-ddown .container > ul > li,
.cg-primary-menu .menu > li.menu-full-width.col-2 .cg-submenu-ddown .container > ul > li {
    width: 48.9%;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li > a,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li > a {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li > a:hover,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li > a:hover {
    text-decoration: none;
    color: #111;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li > a:before,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li > a:before {
    display: none;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li a,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li a {
    padding: 2px 0px;
    border: none;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li .cg-submenu,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li .cg-submenu {
    display: block;
    position: relative;
    left: auto;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li .cg-submenu ul li,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li .cg-submenu ul li {
    background: none;
    width: auto;
    padding: 4px 0px;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li .cg-submenu ul li.image-item,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li .cg-submenu ul li.image-item {
    margin-top: -5px;
    border: none;
    padding: 0px;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li .cg-submenu ul li ul,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li .cg-submenu ul li ul {
    margin: 3px 0 3px 3px;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li .cg-submenu ul li ul li:before,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li .cg-submenu ul li ul li:before {
    line-height: 17px;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li .cg-submenu ul li ul li a,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul > li .cg-submenu ul li ul li a {
    padding: 3px;
    font-size: 11px;
}

.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container > ul .menu-item-has-children > a:before,
.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container > ul .menu-item-has-children > a:before {
    background: none;
}

.cg-header-fixed .menu .menu-full-width .cg-submenu-ddown .container > ul > li,
.cg-primary-menu .menu .menu-full-width .cg-submenu-ddown .container > ul > li {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 2.127659574468085%;
}

.cg-header-fixed .menu .menu-full-width .cg-submenu-ddown .container > ul > li,
.cg-primary-menu .menu .menu-full-width .cg-submenu-ddown .container > ul > li {
    float: left;
}

.cg-header-fixed .menu .menu-full-width .cg-submenu-ddown .container > ul > li:first-child,
.cg-primary-menu .menu .menu-full-width .cg-submenu-ddown .container > ul > li:first-child {
    margin-left: 0 !important;
}

.cg-header-fixed .menu > li:nth-last-child(1) .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu,
.cg-primary-menu .menu > li:nth-last-child(1) .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu,
.cg-header-fixed .menu > li:nth-last-child(2) .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu,
.cg-primary-menu .menu > li:nth-last-child(2) .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu {
    right: auto;
    left: 219px;
}

.cg-header-fixed .menu > li.menu-full-width:nth-last-child(1) .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu,
.cg-primary-menu .menu > li.menu-full-width:nth-last-child(1) .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu,
.cg-header-fixed .menu > li.menu-full-width:nth-last-child(2) .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu,
.cg-primary-menu .menu > li.menu-full-width:nth-last-child(2) .cg-submenu-ddown .container > ul .menu-item-has-children .cg-submenu {
    left: auto;
    right: auto;
}

.cg-primary-menu .menu > li.menu-full-width .cg-submenu-ddown .container ul .menu-item-has-children .cg-submenu ul li:last-child a,
.cg-header-fixed .menu > li.menu-full-width .cg-submenu-ddown .container ul .menu-item-has-children .cg-submenu ul li:last-child a {
    border-bottom: none;
}

.cg-header-fixed .menu .menu-full-width .cg-submenu-ddown .container > ul > li:first-child, .cg-primary-menu .menu .menu-full-width .cg-submenu-ddown .container > ul > li {
    padding-bottom: 30px;
}

.cg-header-fixed {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.07);
}

.cg-wp-menu-wrapper .menu li a:hover {
    color: #DF440B;
    text-decoration: none;
}

.cg-wp-menu-wrapper .menu li:hover > a {
    color: #DF440B;
}

.my-account-link .install-info {
    font-size: 12px !important;
}

.install-menu-info {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.side-area .sidebar-widget h6 {
    color: #f5f5f5;
    margin-top: 20px;
}

.cg-wp-menu-wrapper .setup-message {
  text-align: center;
  line-height: 100px;
  float: left;
}

.cg-header-fixed .cg-wp-menu-wrapper .setup-message {
  width: auto;
  float: left;
  display: block;
  margin-left: 20px;
  line-height: 60px;
}

.cg-header-search {
    float: right;
}

/*-------------------------------------------------------------------------*/
/*  10.  Search + Language Select
/*-------------------------------------------------------------------------*/


form#yith-ajaxsearchform,
.widget_product_search {
    position: relative;
}

input.sb-search-input,
.widget_product_search input.search-field {
    border: 1px solid #ccc;
    padding: 7px 14px 7px 9px;
    font-size: 14px;
    width: 100%;
    line-height: normal;
    background-position: 88% center !important;
}

.widget_product_search input.search-field {
    width: 100%;
}

#top-bar-search input.sb-search-input {
    border-radius: 20px;
    width: 155px;
}

#top-bar-search input.sb-search-input:focus {
    border-color: #999;
    width: 175px;
}

input.sb-search-submit {
    background: #222;
    color: #fff;
    border: none;
    padding: 4px 12px;
    font-weight: 300;
    font-size: 14px;
    margin-left: -5px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    right: 0px;
    top: 0px;
}

#top-bar-search input.sb-search-submit {
    position: relative;
    top: auto;
    right: auto;
}


/* -- Autocomplete Suggestions --
   ================================================== */

#top-bar-search .autocomplete-suggestions {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0px;
}

#top-bar-search .autocomplete-suggestion {
    background: #fff;
    padding: 4px 8px;
    cursor: pointer;
    text-align: left;
    line-height: 25px;
    font-size: 13px;
}

#top-bar-search .autocomplete-suggestion:hover {
    background: #f4f4f4;
}

/* -- Language Switcher --
   ================================================== */

#top #lang_sel {
    z-index: 3;
    margin-right: 15px;
    float: right;
}

#top #lang_sel a.lang_sel_sel img {
    float: none;
}

#top #lang_sel a.lang_sel_sel img {
    top: 0px;
}

#top #lang_sel a.lang_sel_sel:hover {
    color: #fff;
}

.widget_icl_lang_sel_widget h4 {
    display: none;
}

body #lang_sel ul ul {
    top: 32px;
}

#lang_sel ul ul li a {
    font-size: 13px !important;
}

body #lang_sel ul ul a{
    padding: 8px 10px;
    display: block;
    text-align: left;
    width: 150px;
}

#top #lang_sel a,
#top #lang_sel a:visited {
    font-size: 14px;
    line-height: 20px;
    padding: 0px 0px 0px 5px;
    border: 1px solid #eee;
    border-top: none;
    text-align: right;
}

#top #lang_sel a.lang_sel_sel {
    width: 100%;
    background: 0;
    color: #fff;
    border: none;
    line-height: 40px;
}

#top #lang_sel a.lang_sel_sel:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 12px;
    margin-left: 7px;
    opacity: 0.7;
    top: 1px;
    position: relative;
    font-weight: 400;
}

#top #lang_sel ul ul a:hover{
    background: #fff;
    color: #DF440B;
}

#top #lang_sel {
    font-family: inherit;
}

#top #lang_sel img.iclflag {
    transition: none;
    top: 4px;
    float: right;
    margin-left: 10px;
}

/* Horizontal icons */

#top #lang_sel_list {
    font-family: inherit;
    height: 40px;
    float: right;
}

#top #lang_sel_list a {
    background: 0;
    opacity: 0.7;
    line-height: 40px;
}

#top #lang_sel_list a.lang_sel_sel {
    color: #fff;
    opacity: 1;
}

#top #lang_sel_list a:hover {
    opacity: 1;
}

#top #lang_sel_list img.iclflag {
    top: 0px;
}

/*-------------------------------------------------------------------------*/
/*  11.  Dropdown Cart
/*-------------------------------------------------------------------------*/

.cg-cart-icon-wrap {
    position: relative;
}

.cg-cart-count {
    background: #eee;
    display: block;
    position: absolute;
    bottom: 8px;
    left: 14px;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 400;
    line-height: 21px;
    color: #222;
    padding: 0 7px;
}

    .cart_subtotal .amount {
        padding-left: 8px;
        font-size: 15px;
        text-transform: none !important;
    }

span.cart_itemstotal {
    font-size: 13px;
}

span.cart_itemstotal {
    padding: 0 0 0 5px;
}

ul.tiny-cart li  ul.cart_list {
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
}

ul.tiny-cart li {
    list-style: none;
}

    ul.tiny-cart li .cart_dropdown_link:hover {
        text-decoration: none;
    }

ul.tiny-cart .cart_dropdown_link .icon-shopping-cart {
    font-size: 14px;
    padding-right: 10px;
}

ul.tiny-cart li:hover {
    position: static;
}

ul.tiny-cart li ul.cart_list {
    visibility: hidden;
    z-index: 998;
    background: #fff;
    left: auto;
    right: 0;
    top: 48px !important;
    margin: 1px -1px 0 0;
    padding-top: 10px;
    position: absolute;
    width: 300px;
    color: #2c2c2c;
    opacity: 0;
    border: 1px solid #e2e2e2;
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

ul.tiny-cart li:hover ul.cart_list {
    visibility: visible;
    left: auto;
    right: 0;
    opacity: 1.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

ul.tiny-cart {
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    font-size: 12px;
    height: 50px;
    line-height: 48px;
}

    ul.tiny-cart li {
        list-style: none;
    }

    ul.tiny-cart li:last-child {
        border-bottom: 0 none;
        width: auto;
    }

    ul.tiny-cart li {
        width: auto;
    }

        ul.tiny-cart li a {
            font-size: 13px;
            border-bottom: 0 none;
            border-right: 0 none;
            color: #111;
        }

ul.tiny-cart li:last-child {
    border-bottom: 0 none;
    width: auto;
}

ul.tiny-cart li ul.cart_list li.empty {
    border: medium none;
    padding: 15px 20px 15px 20px;
    font-size: 14px;
    margin-bottom: 8px;
}

.cg-header-fixed-wrapper ul.tiny-cart li ul.cart_list li.empty{
    padding: 0px 20px 0px 20px;
    line-height: 40px;
    height: 40px;
}

ul.tiny-cart li ul.cart_list li {
    line-height: 1.1;
    padding: 9px 0;
    text-align: left;
}

ul.tiny-cart li ul.cart_list li.cart-title {
    border: 0 none;
    padding: 0;
    text-align: right;
}

    ul.tiny-cart li ul.cart_list li.cart-title h3 {
        border-bottom: 1px solid #eee;
        color: #2c2c2c;
        margin: 0;
        padding: 6px 0 10px;
    }

ul.tiny-cart li ul.cart_list li.cart_list_product {
    clear: left;
    overflow: hidden;
    padding: 10px 5px;
    border-bottom: 1px solid #eee;
    line-height: 1.4em;
}

ul.tiny-cart li ul.cart_list li.cart_list_product:first-child {
    border-top: none;
}

ul.tiny-cart li ul.cart_list li.cart_list_product img {
    width: 38px;
    float: right;
    margin: 0px 0em 0.20em 0.5em;
    box-shadow: none;
}

ul.tiny-cart li ul.cart_list li.cart_list_product a {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    box-shadow: none;
    margin: 3px 0;
    padding: 0;
    text-decoration: none;
    font-size: 14px;
}

ul.tiny-cart li ul.cart_list li.cart_list_product a:hover {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    box-shadow: none;
    padding: 0;
    text-decoration: underline;
}

ul.tiny-cart li ul.cart_list li.cart_list_product dl.variation {
    margin-bottom: 0;
    opacity: 0.7;
    overflow: hidden;
}

    ul.tiny-cart li ul.cart_list li.cart_list_product dl.variation dt {
        clear: left;
        float: left;
        font-weight: 700;
    }

ul.tiny-cart li ul.cart_list li.cart_list_product .quantities {
    float: none;
    display: block;
    margin: 4px 0 0 0;
    margin-right: 0 !important;
    font-size: 12px;
    opacity: 0.7;
}

ul.tiny-cart li ul.cart_list li.total {
    text-align: center;
    padding: 18px 20px 3px 20px;
    line-height: 1;
    font-size: 18px;
}

ul.tiny-cart li ul.cart_list li.total strong {
    padding-right: 6px;
}

ul.tiny-cart li ul.cart_list li.buttons {
    border-bottom: medium none;
    margin: -8px 0px;
    padding: 20px;
    text-transform: uppercase;
}

    ul.tiny-cart li ul.cart_list li.buttons .button {
        line-height: 38px;
        text-align: center;
        background-color: #fff;
        border: 1px solid #e2e2e2;
        color: #aeaeae;
        margin-bottom: 8px;
        padding: 0;
        font-size: 15px !important;
        cursor: pointer;
        transition: all 0.2s linear;
    }

    ul.tiny-cart li ul.cart_list li.buttons .button:hover {
        color: #111;
        border-color: #111;
        text-decoration: none;
        background: #fff !important;
        border-radius: 0px;
    }

    ul.tiny-cart li ul.cart_list li.buttons .button {
        width: 100%;
        display: block;
        padding: 11px 0px;
        font-size: 16px !important;
        border-width: 2px;
    }

    ul.tiny-cart li ul.cart_list li.buttons .button.checkout {
        color: #fff !important;
        font-weight: 700;
        background: #000 !important;
    }

    ul.tiny-cart li ul.cart_list li.buttons .button.checkout:after {
        content: "\f105";
        font-family: "FontAwesome";
        font-size: 16px;
        opacity: 0.5;
        text-indent: 0;
        position: relative;
        left: 8px;
        transition: all 100ms ease-out;
    }

    ul.tiny-cart li ul.cart_list li.buttons .button.checkout:hover:after {
        left: 12px;
    }

    ul.tiny-cart li ul.cart_list li.buttons .button:hover {
        color: #111 !important;
        border-color: #111 !important;
    }

    ul.tiny-cart li ul.cart_list li.buttons .button.checkout:hover {
        text-decoration: none;
        background: #111 !important;
        color: #fff !important;
        border-color: #111 !important;
    }

.cart_list {
    margin-left: 0;
    padding: 20px 20px 0 20px;
}

div .dropdown_widget .cart_list li {
    border-top: none;
    font-size: 11px;
    list-style: none;
    padding: 15px 0;
    margin: 8px 0;
    clear: both;
}

.dropdown_widget .cart_list li.empty {
    border-bottom: none;
    text-align: center;
    font-weight: bold;
}

.dropdown_widget ul.cart_list li a {
    display: block;
    font-weight: bold;
}

ul.tiny-cart li ul.cart_list li.cart_list_product a.cg-cart-remove {
    display: block;
    height: 16px;
    width: 15px;
    background: #e2e2e2;
    line-height: 16px;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    margin-top: 3px;
    text-decoration: none;
}

ul.tiny-cart li ul.cart_list li.cart_list_product a.cg-cart-remove:hover {
    color: #eee;
}

/*-------------------------------------------------------------------------*/
/*  12.  Breadcrumbs
/*-------------------------------------------------------------------------*/

.breadcrumb-wrapper {
    background: #f5f5f5;
    padding: 8px 30px 7px 30px;
}

.breadcrumb-wrapper a:hover {
    text-decoration: none;
    color: #111 !important;
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
    margin: 0 -30px 0 -30px;
    color: #333;
    font-size: 13px;
}

.woocommerce-breadcrumb i {
    padding: 0px 5px;
}

.woocommerce .woocommerce-breadcrumb a:hover {
    text-decoration: none;
    color: #111;
}

p#breadcrumbs {
    font-size: 13px;
    color: #333;
    padding: 5px 15px;
}

body.boxed p#breadcrumbs {
    padding: 5px 0px;
}

p#breadcrumbs i {
    padding: 0px 5px;
}

/*-------------------------------------------------------------------------*/
/*  13.  Product Item Styling
/*-------------------------------------------------------------------------*/

.cg-back-to-prev-wrap {
    padding: 9px 15px;
    margin: 0 -30px;
}

body.single-product .product-title-wrapper {
    background-color: #111 !important;
}

.cg-back-to-prev a {
    /*font-family: 'Roboto Condensed';*/
    color: #fff;
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    position: relative;
    top: 1px;
}

.cg-back-to-prev a:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
}

.cg-back-to:before {
    content: "\f104";
    font-family: "FontAwesome";
    font-size: 14px;
    opacity: 1;
    text-indent: 0;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.cg-back-to span {
    display: none;
}

/* Resets */
.woocommerce div.product div.images img,
.woocommerce #content div.product div.images img,
.woocommerce-page div.product div.images img,
.woocommerce-page #content div.product div.images img {
    box-shadow: none !important;
}

.woocommerce div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce-page #content div.product div.images {
    width: 100% !important;
}

.woocommerce .container div.product div.summary,
.woocommerce .container #content div.product div.summary,
.woocommerce-page .container div.product div.summary,
.woocommerce-page .container #content div.product div.summary {
    width: 100%;
    float: left;
}

/* Grid */
.content-area ul.woogrid {
    margin-left: 0px;
    margin-right: 0px;
}

.content-area ul.products li {
    margin: 0px 0px 45px 0px;
}

.content-area ul.products li.product-category {
    margin-bottom: 30px;
}

.content-area ul.products li:before {
    display: none;
}

.cg-shop-archive {
    margin-top: 40px;
}

.product-listing-wrapper {
    padding-bottom: 30px;
}

.archive .yit-wcan-container {
    clear: both;
    min-height: 500px;
}

.cg-product-img {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px auto;
    border: 1px solid #eee;
}

    .cg-product-img .first-flip {
        display: block;
        width: auto;
        height: auto;
        margin: 0px auto;
    }

        .cg-product-img .first-flip img {
            margin: 0px auto;
            height: auto;
            width: 100%;
            display: block;
        }

    .cg-product-img .back-flip img {
        opacity: 0;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
        position: absolute;
        top: 0px;
        width: 100%;
        height: auto;
        display: block;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        margin: 0 auto;
    }

.cg-product-img:hover .back-flip img {
    opacity: 1;
}

.cg-product-img:hover .cg-product-cta .button {
    bottom: 10px;
    opacity: 1;
}

.added_to_cart {
    display: none !important;
}

.container .cg-product-cta a.button.added,
.container .cg-product-cta a.button.loading {
    opacity: 1; /* NB */
    border: none;
    text-align: center;
    background: #DF440B !important;
    color: #fff;
}

.container .cg-product-cta a.button.added:before,
table.wishlist_table a.button.added:before {
    content: "\f00c";
    font-weight: 400;
    font-family: FontAwesome;
    color: #fff;
    margin-right: 5px;
    opacity: 0.5;
    font-size: 12px;
}

.container .cg-product-cta a.button.loading,
table.wishlist_table a.button.loading {
    opacity: 0.5;
    filter: alpha(opacity=@opacity * 100);
}

.container .cg-product-cta a.button.loading:before,
table.wishlist_table a.button.loading:before {
    display: inline-block;
    content: "\f021";
    font-family: 'FontAwesome';
    -webkit-animation-name: spin-360;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    width: 1em;
    margin-right: 5px;
}

/* Spin 360 */

@-webkit-keyframes spin-360 {
  from {
    -webkit-transform: rotate(0);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(0);
    /* FF3.5+ */
    -ms-transform: rotate(0);
    /* IE9 */
    -o-transform: rotate(0);
    /* Opera 10.5 */
    transform: rotate(0);
    zoom: 1;
  }
  50% {
    -webkit-transform: rotate(180deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(180deg);
    /* FF3.5+ */
    -ms-transform: rotate(180deg);
    /* IE9 */
    -o-transform: rotate(180deg);
    /* Opera 10.5 */
    transform: rotate(180deg);
    zoom: 1;
  }
  to {
    -webkit-transform: rotate(360deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(360deg);
    /* FF3.5+ */
    -ms-transform: rotate(360deg);
    /* IE9 */
    -o-transform: rotate(360deg);
    /* Opera 10.5 */
    transform: rotate(360deg);
    zoom: 1;
  }
}
@-moz-keyframes spin-360 {
  from {
    -webkit-transform: rotate(0);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(0);
    /* FF3.5+ */
    -ms-transform: rotate(0);
    /* IE9 */
    -o-transform: rotate(0);
    /* Opera 10.5 */
    transform: rotate(0);
    zoom: 1;
  }
  50% {
    -webkit-transform: rotate(180deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(180deg);
    /* FF3.5+ */
    -ms-transform: rotate(180deg);
    /* IE9 */
    -o-transform: rotate(180deg);
    /* Opera 10.5 */
    transform: rotate(180deg);
    zoom: 1;
  }
  to {
    -webkit-transform: rotate(360deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(360deg);
    /* FF3.5+ */
    -ms-transform: rotate(360deg);
    /* IE9 */
    -o-transform: rotate(360deg);
    /* Opera 10.5 */
    transform: rotate(360deg);
    zoom: 1;
  }
}
@-o-keyframes spin-360 {
  from {
    -webkit-transform: rotate(0);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(0);
    /* FF3.5+ */
    -ms-transform: rotate(0);
    /* IE9 */
    -o-transform: rotate(0);
    /* Opera 10.5 */
    transform: rotate(0);
    zoom: 1;
  }
  50% {
    -webkit-transform: rotate(180deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(180deg);
    /* FF3.5+ */
    -ms-transform: rotate(180deg);
    /* IE9 */
    -o-transform: rotate(180deg);
    /* Opera 10.5 */
    transform: rotate(180deg);
    zoom: 1;
  }
  to {
    -webkit-transform: rotate(360deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(360deg);
    /* FF3.5+ */
    -ms-transform: rotate(360deg);
    /* IE9 */
    -o-transform: rotate(360deg);
    /* Opera 10.5 */
    transform: rotate(360deg);
    zoom: 1;
  }
}
@keyframes spin-360 {
  from {
    -webkit-transform: rotate(0);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(0);
    /* FF3.5+ */
    -ms-transform: rotate(0);
    /* IE9 */
    -o-transform: rotate(0);
    /* Opera 10.5 */
    transform: rotate(0);
    zoom: 1;
  }
  50% {
    -webkit-transform: rotate(180deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(180deg);
    /* FF3.5+ */
    -ms-transform: rotate(180deg);
    /* IE9 */
    -o-transform: rotate(180deg);
    /* Opera 10.5 */
    transform: rotate(180deg);
    zoom: 1;
  }
  to {
    -webkit-transform: rotate(360deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(360deg);
    /* FF3.5+ */
    -ms-transform: rotate(360deg);
    /* IE9 */
    -o-transform: rotate(360deg);
    /* Opera 10.5 */
    transform: rotate(360deg);
    zoom: 1;
  }
}

.cg-product-wrap {
    list-style-type: none;
    position: relative;
}

body.archive .cg-product-wrap {
    margin-bottom: 3.2em;
}

body.archive .product-category {
    margin-bottom: 2em;
}

.owl-carousel .owl-item {
    padding-left: 15px;
    padding-right: 15px;
}

.cg-prod-gallery .owl-carousel .owl-item {
    padding: 0;
}

.owl-carousel .owl-item .onsale{
    margin-left: 0px;
    left: 0px;
}

    .cg-product-wrap a:hover {
        text-decoration: none;
    }

    .cg-product-wrap a .category {
        color: #b3abab;
    }

.cg-product-info .category {
    display: block;
    font-size: 11px;
    margin-top: 12px;
    margin-bottom: -10px;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: center;
}

.cg-product-wrap .yith-wcwl-add-to-wishlist {
    position: absolute;
    top: 1px;
    right: 13px;
    margin: 0px;
    transition: all 0.2s linear;
}

.cg-product-wrap .yith-wcwl-add-to-wishlist span.feedback {
    display: none;
}

.cg-product-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show {
    opacity: 0;
}

/* Only list view */
.list-layout .cg-product-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show {
    opacity: 1;
}

.list-layout  .cg-product-info .yith-wcwl-add-to-wishlist a:before {
    font-size: 10px;
    width: 30px;
    line-height: 29px;
    text-align: center;
    height: 30px;
    top: 20px;
    border-radius: 50%;
    border: 1px solid #ccc;
    color: #ccc;
    padding: 0px;
    margin-right: 4px;
}

.list-layout  .cg-product-info .yith-wcwl-add-to-wishlist a:hover:before {
    border-radius: 50%;
}

.cg-product-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.show {
    opacity: 1;
}

.cg-product-wrap:hover .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show {
    opacity: 1;
}

.cg-product-info .yith-wcwl-add-to-wishlist .icon {
    display: none;
}

.cg-product-info .yith-wcwl-add-to-wishlist a {
    text-indent: -9999px;
}

.content-area .cg-product-info .yith-wcwl-add-to-wishlist a:hover {
    border: none;
}

.cg-product-info .yith-wcwl-add-to-wishlist a:before {
    content: "\f004";
    font-family: 'FontAwesome';
    z-index: 1;
    font-size: 11px;
    text-indent: 0px;
    position: absolute;
    top: 7px;
    right: 14px;
    color: #333;
    transition: all 300ms ease-in-out;
    zoom: 1;
    padding: 1px;
}

.slider .cg-product-info .yith-wcwl-add-to-wishlist a:before {
    right: 0px;
}

.cg-product-info .yith-wcwl-add-to-wishlist a:hover:before {
   background: none;
   opacity: 1;
}

.cg-product-wrap .divider {
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    margin: 10px 0px;
}

.cg-product-info a:hover .name {
    color: #222;
    text-decoration: underline;
}

.cg-product-info .name {
    display: block;
    margin-top: 12px;
    margin-bottom: 4px;
    color: #111;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3em !important;
    text-align: center;
}

/*-------------------------------------------------------------------------*/
/*  14.  Individual Products
/*-------------------------------------------------------------------------*/

.products {
    padding-left: 0;
    list-style: none;
}

.cg-product-info .price {
    display: block;
    text-align: center;
}

    .cg-product-info .price .from {
        display: none;
    }

    .cg-product-info .price del {
        color: #ccc;
        font-size: 12px;
    }

    .single-product-details .price del {
        font-size: 18px;
        color: #b3abab;
        padding-right: 5px;
    }

    .single-product-details .price del span {
        color: #b3abab !important;
    }

    .single-product-details .price ins {
        font-size: 24px;
        color: #DF440B; /* theme option */
    }

    .single-product-details .variations label {
        line-height: 33px;
    }

    .cg-product-info .price ins {
        font-size: 20px;
    }

        .cg-product-info .price del span.amount {
            font-weight: 400;
            margin: 0px 3px;
            color: #b3abab;
            font-size: 14px;
        }

.cg-product-info .amount {
    font-size: 16px;
    color: #111;
    font-weight: 700;
    text-transform: none !important;
}

.cg-product-wrap a:hover .price {
    text-decoration: none;
}

.product-details-wrapper {
    margin-left: -30px;
    margin-right: -30px;
}

a.woocommerce-review-link,
.content-area a.woocommerce-review-link {
    color: #999;
    border: none;
}

a.woocommerce-review-link:hover,
.content-area a.woocommerce-review-link:hover {
    text-decoration: none;
    color: #333;
    border: none;
}


/* -- Small Product --
   ================================================== */

.product-small {
    position: relative;
    display: block;
}

    .product-small h5 {
        margin-bottom: 0px;
        text-transform: uppercase;
        font-size: 70%;
        color: #999;
        font-weight: bolder;
    }

    .product-small p {
        margin-bottom: 5px;
        line-height: 120%;
        margin-top: 5px;
    }

    .product-small .name {
        font-size: 90%;
    }

    .product-small .tx-div {
        border-width: 3px;
        width: 20px;
        margin: 4px auto 4px auto !important;
    }

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a,
.woocommerce-page ul.cart_list li a,
.woocommerce-page ul.product_list_widget li a {
        display: block;
        transition: all 200ms ease-out;
    }

    .woocommerce ul.product_list_widget li a:hover {
        text-decoration: none;
        color: #DF440B;
    }


/*-------------------------------------------------------------------------*/
/*  15.  Product Details
/*-------------------------------------------------------------------------*/

.cg-product-detail {
    margin-top: 45px;
}

.cg-product-detail .onsale {
    display: none;
}

.cg-product-detail .product_title {
    margin-top: 0;
    font-size: 40px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 38px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
    color: #111 !important;
}

.summary h1,
.content-area .summary h1  {
    line-height: 1.23em !important;
    font-size: 30px !important;
    margin-bottom: 2px;
    margin-top: 6px;
    padding-bottom: 0px;
    border: none;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}

.summary h1 a {
    color: #222;
}

.summary h1 a:hover {
    text-decoration: none;
}

.summary p {
    color: #333;
    font-weight: 400;
    line-height: 1.6em;
}

.summary p.in-stock {
    color: #5b9d4c;
    margin-bottom: 10px;
}

.summary p.out-of-stock {
    color: #df0020;
    margin-bottom: 10px;
}

div[itemprop="description"] {
    margin-bottom: 15px;
}

div[itemprop="description"] p {
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

div[itemprop="description"] ul {
    padding-left: 17px;
    font-size: 13px;
}

div[itemprop="description"] ul li {
    margin-bottom: 2px;
}

.summary .star-rating {
    display: none !important;
}

.summary .woocommerce-product-rating .star-rating {
    display: block !important;
}

.cg-quickview-product-pop .summary .star-rating {
    display: block !important;
    clear: both;
}

.cg-quickview-product-pop  .single_variation_wrap p.stock {
    margin: 0px 0px 7px 0px;
}

.cg-quickview-product-pop .summary .price {
    margin: 6px 0px 8px 0px;
}

.cg-quickview-product-pop .cart .quantity input.qty {
    top: 0px !important;
    width: 33px;
    text-align: center;
    position: relative;
    height: 45px;
}

body .woocommerce .quantity .plus:hover,
body .woocommerce .quantity .minus:hover,
body .woocommerce-page .quantity .plus:hover,
body .woocommerce-page .quantity .minus:hover {
    background-color: transparent;
}

.woocommerce-product-rating[itemprop="aggregateRating"] .star-rating {
    display: inline !important;
}

.woocommerce .cart .quantity input.plus,
.woocommerce .cart .quantity input.minus {
    background-image: none!important;
    box-shadow: none!important;
    font-size: 18px;
    
}

.woocommerce .cart .quantity input.minus {
    margin-right: -4px;
}

.woocommerce .cart .quantity input.plus {
    margin-left: -4px;
}

.cart .quantity {
    display: inline-block;
}

    .cart .quantity input.plus,
    .cart .quantity input.minus {
        background-color: #fff;
        font-family: Georgia;
        border: 1px solid #E1E1E1;
        border-radius: 0 0 0 0;
        color: #666;
        cursor: pointer;
        display: inline!important;
        height: 45px;
        line-height: 45px;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        width: 35px;
        position: relative;
    }

.woocommerce .container div.product form.cart .button {
    margin-bottom: 20px;
}

form.cart .button:focus {
    outline: none;
}

.container .form-submit input {
    background: #fff;
    border: 2px solid #111;
    color: #111;
    font-size: 14px;
}

.container .form-submit input:hover {
    border-color: #119dd9;
    color: #119dd9;
    border-radius: 0px;
}

.woocommerce .cart .quantity input.qty {
    border: 1px solid #e2e2e2;
    display: inline;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0 5px;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    width: 35px;
    position: relative;
    position: absolute;
    top: 0px;
    left: 35px;
    z-index: 2;
}

.woocommerce .cart .quantity input.qty:focus {
    border-color: #999;
}

.woocommerce .container div.product form.cart .button,
.woocommerce .container #content div.product form.cart .button,
.woocommerce-page .container div.product form.cart .button,
.woocommerce-page .container #content div.product form.cart .button {
    background: none;
    border-radius: 0px;
    border: none;
    height: 45px;
    background: #119dd9;
    color: #fff;
    text-shadow: none;
    font-size: 16px;
    padding: 0px 25px;
    margin-top: 0px;
}

.container .woocommerce .quantity input.qty,
.container .woocommerce #content .quantity input.qty,
.container .woocommerce-page .quantity input.qty,
.container .woocommerce-page #content .quantity input.qty {
    background-image: none;
    box-shadow: none;
    border-color: #E1E1E1;
    font-weight: normal;
    font-size: 12px;
}

.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page #content .quantity input.qty {
    float: none !important;
}

.summary .product_meta {
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
}

.summary .product_meta .wcml_currency_switcher {
    display: none;
}

.price .from {
    display: none !important;
}

.product-nocols {
    margin-left: -30px;
    margin-right: -30px;
}

body.page .single-product {
    padding-top: 30px;
}

body.page .single-product .slide img {
    margin-left: -2px;
}

.thumb-inner {
    height: 100px;
}

.summary .price {
    font-size: 22px !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    margin: 3px 0px 3px 0px;
}

.summary .product_meta p {
    font-size: 13px;
    margin-bottom: 3px;
    font-weight: 400;
}

    .summary .product_meta p a,
    .content-area .summary .product_meta p a {
        color: #777;
        padding-bottom: 0px;
        border: none;
    }

    .summary .product_meta p a:hover,
    .summary .product_meta a:hover,
    .content-area .summary .product_meta p a:hover {
        text-decoration: none;
        color: #111;
    }

.sku_wrapper,
.posted_in,
.tagged_as {
    display: block;
    padding: 3px 0px;
    border-top: 1px solid #eee;
    font-size: 12px;
}

.summary .accordionButton {
    border-color: #e2e2e2;
}

    .summary .accordionButton p {
        font-size: 14px;
        padding-top: 10px;
        margin-bottom: 0px;
        padding-bottom: 10px;
        transition: all 0.2s linear;
    }

    .summary .accordionButton p:hover {
        color: #DF440B;
    }

.up-sell-price {
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 300;
}

li.up-sell-product a {
    color: #333;
}

.summary .accordionButton .icon-plus {
    color: #333;
    margin: 0;
    position: relative;
    cursor: pointer;
    font-size: 16px;
}

.summary .accordionButton .icon-plus:before {
    font-size: 13px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    color: #000;
    margin: -6px 0 0 0;
    transition: 0.3s all ease-out;
    border-radius: 50%;
}

.summary .accordionButton.on .icon-plus:before {
    color: #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.summary .accordionContent {
    padding-top: 12px;
}

    .summary .accordionContent h2 {
        display: none;
    }

    .summary .accordionContent p {
        font-size: 14px;
        margin-bottom: 10px;
    }

.woocommerce .container table.shop_attributes {
    width: 100%;
    margin-top: 10px;
    font-size: 15px;
}

    .woocommerce .container table.shop_attributes th {
        text-align: left;
        font-weight: normal;
        border-bottom: 0;
        padding-left: 0px;
        color: #111;
        width: 25%;
        /*font-family: 'Roboto Condensed'; */
        text-transform: uppercase;
    }

    .woocommerce .container table.shop_attributes p {
        margin-bottom: 0px;
    }

    .woocommerce .container table.shop_attributes th,
    .woocommerce .container table.shop_attributes td,
    .content-area table.shop_attributes th,
    .content-area table.shop_attributes td {
        padding: 12px 0px;
        border-top: 1px dotted #e2e2e2;
        border-bottom: none;
    }

    .content-area table.shop_attributes tr:nth-child(even) {
        background: #fff;
    }

    .woocommerce .container table.shop_attributes td {
        color: #000;
        font-style: normal;
        border-bottom: 0;
    }

/* Product Slider */

.single-product .thumbnails img {
    margin-top: 10px;
    margin-right: 10px;
}

.cg-product-gallery-img img {
    width: 100% !important;
}

.product-gallery-slider .sliderNav.small a {
    background: none !important;
    box-shadow: none;
    width: 15% !important;
}

.product-gallery-slider .sliderNav.small a.nextSlide span {
    left: 15px;
    border: 0;
    line-height: 28px;
}

.product-gallery-slider .sliderNav.small a.prevSlide span {
    right: 15px;
    border: 0;
    line-height: 28px;
}

.product-thumbnails .sliderNav.small a {
    bottom: 10px;
    background: none !important;
    box-shadow: none;
}

.product-thumbnails .sliderNav.small a.disabled.nextSlide {
    left: -50px;
}

.product-thumbnails .sliderNav.small a.disabled.prevSlide {
    right: -50px;
}

.product-thumbnails .sliderNav.small a span {
    top: 40%;
    border: 0;
    line-height: 28px;
}

.product-thumbnails {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
    white-space: nowrap;
}

.content-area .product-thumbnails {
    margin-top: 20px;
}

.product-thumbnails .thumb {
    width: 70px !important;
    height: 90px !important;
    overflow: hidden;
    border: 1px solid #eeeeee;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    margin: 0 10px 0 0;
    display: inline-block;
    opacity: 0.5;
}

.product-thumbnails .thumb img {
    display: block;
    width: 100%;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.product-thumbnails .thumb:hover img,
.product-thumbnails .thumb.selected img {
    margin-top: -10px;
}

.product-thumbnails .thumb:hover,
.product-thumbnails .thumb.selected {
    opacity: 1;
    border-color: #ccc;
}


/*-------------------------------------------------------------------------*/
/*  16.  Grid/Listings Switch
/*-------------------------------------------------------------------------*/

.woocommerce-ordering .bootstrap-select.btn-group.orderby {
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}

.view-switcher {
    float: left;
    margin-right: 15px;
    padding: 5px 0 5px 0;
}

.view-switcher label {
    display: none;
}

.toggleList, .toggleGrid {
    color: #6D6262;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    font-size: 10px;
    margin-top:3px;
    transition: all 200ms ease-out;
}

.toggleGrid {
    width: 19px;
    height: 19px;
    background: url(../images/icons/list-grid.png);
    display: block;
}

.toggleList {
  width: 23px;
  height: 19px;
  background: url(../images/icons/list-switch.png);
  display: block;
}

.toggleList:hover,
.toggleGrid:hover,
.toggle-active {
    background-position: 0px -19px;
}

.toggleList i,
.toggleGrid i {
  display: none;
}

/* -- Grid Layout --
   ================================================== */

.cg-product-excerpt {
    display: none;
}

.grid-layout .product {
    margin-bottom: 45px;
    position: relative;
}

.grid-layout .cg-product-wrap {
    text-align: center;
}

.products.grid-layout .star-rating {
    margin: 2px auto 4px auto !important;
}


/* -- List Layout --
   ================================================== */

.grid-layout.list-layout .product {
    margin-bottom: 30px;
}

.products.list-layout {
    padding: 0px 0px;
}

.list-layout .product {
    position: relative;
}

.woocommerce-page .list-layout .product {
    padding-bottom: 30px;
    padding-left: 15px;
}

.woocommerce-page .list-layout .cg-product-wrap {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-bottom: 12px;
    padding-left: 0px;
    margin-left: 15px;
}

.single-product.woocommerce-page .list-layout .cg-product-wrap:first-child {
    padding-top: 0px;
}

.list-layout .cg-product-cta {
    text-align: left;
    float: right;
    width: 72%;
    margin-top: 0px;
}

.woocommerce-page .container .list-layout .cg-product-cta a.button {
    margin-top: 0px;
}

.woocommerce-page .list-layout .product:last-child {
    border: none;
}

.woocommerce-page .list-layout .product span.onsale {
    margin-left: -32px !important;
    margin-top: 20px;
}

.woocommerce-page .list-layout .cg-product-meta-wrap {
    float: right;
    width: 72%;
    margin-top: 0px;
}

body.archive .list-layout .cg-product-img,
body.single .list-layout .cg-product-img {
    width: 23%;
    float: left;
}

body.single .upsells.list-layout h2 {
    margin-bottom: 0px;
}

.woocommerce-page .list-layout .cg-product-img {
    width: 100%;
}

.woocommerce-page .list-layout .cg-product-info .category {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

.woocommerce-page .list-layout .cg-product-wrap .divider {
    display: none;
}

.woocommerce-page .list-layout .cg-product-info .name {
    text-align: inherit;
    clear: both;
    font-size: 1.6em;
    margin-left: 0;
    font-weight: 400;
    margin-top: 1px;
    margin-bottom: -2px;
}

.woocommerce-page .list-layout .star-rating {
    margin: 6px 0px 10px 0px !important;
}

.woocommerce-page .list-layout .cg-product-info .price {
    text-align: inherit;
    margin-top: 12px;
    margin-bottom:20px;
    font-size: 16px;
    margin: 10px 0px;
}

.woocommerce-page .list-layout .cg-product-info .price del span.amount {
    margin-left: 0px;
}

.woocommerce-page .list-layout li.product span.onsale {
    margin-left: -7px !important;
}

.woocommerce-page .list-layout .cg-product-excerpt {
    display: block;
    font-size: 15px;
    line-height: 1.6em;
}

.woocommerce-page .list-layout .cg-product-excerpt ul {
    padding: 0px 0px 0px 17px;
}

.woocommerce-page .list-layout .cg-product-excerpt ul li {
    list-style: disc;
}

.woocommerce-page .content-area .products.grid-layout .cg-product-excerpt {
    display: none;
}

.woocommerce-page .list-layout span.onsale {
    left: 15px;
}

/* -- Upsells --
   ================================================== */

.upsells {
    border-top: 2px solid #333;
    margin-top: 20px;
}

.upsells h4 {
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px;
    color: #444;
    line-height: 1.4em;
    font-weight: 700;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.up-sell-grid {
    margin: 0;
    padding: 0;
    margin-left: -5px;
}

.up-sell-product {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    padding-left: 5px;
}

.tooltiptext {
    display: none;
}


/*-------------------------------------------------------------------------*/
/*  17.  Category Images
/*-------------------------------------------------------------------------*/

.category-wrapper {
    position: relative;
    margin-bottom: 30px;
}

.category-wrapper .product-category-image-normal img {
    width: 100%;
}

.product-category-image {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    min-height: 400px;
    margin-bottom: 30px;
}

.product-cat-meta {
    margin: 5px 0 0px 0px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 25px;
    left: 25px;
    width: 47%;
    padding: 35px;
}

.product-page-title {
    color: #fff;
    margin: 0 -30px;
    padding: 20px 30px;
}

.category-wrapper .product-page-title h1 {
    padding: 0;
    margin: 0;
    font-size: 28px;
    color: #fff;
    font-weight: 400;
}

.product-page-title h1 {
    color: #fff !important;
    margin: 0;
    text-transform: uppercase;
    font-size: 22px !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

h1.entry-title {
    margin-top: 5px;
}

.product-category-description {
    clear: both;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding-top: 10px;
}

.category-wrapper .product-category-description {
    padding-bottom: 0px;
    padding-top: 5px;
}

.category-wrapper .product-category-description p {
    margin-bottom: 0px;
    line-height: 1.55em;
    color: #fff;
    font-size: 15px;
    margin-top: 10px;
}

.product-category-description p {
    font-size: 15px;
    opacity: 0.7;
}


/* Category within a Product Grid */

.cat-pic {
    position: relative;
    overflow: hidden !important;
    border: 1px solid #f2f2f2;
    transition: all 0.5s ease;
}

.cat-pic .cat-title {
    position: absolute;
    bottom: 0%;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: 5px 0px;
    margin-top: -30px;
}

.cat-pic .cat-title h3 {
    font-size: 15px;
    padding: 0px 15px;
    margin: 0px;
    color: #222;
    font-weight: 400;
    text-transform: uppercase;
}

.cat-pic .cat-title h3 span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    color: #999;
    text-transform: uppercase;
}

.content-area .cat-pic .cat-title h3 span {
    margin-top: -6px;
    font-weight: normal;
}

.page-template-page-full-width-php .content-area .cat-pic .cat-title h3 span {
    margin-top: -10px;
}

body.archive .cat-pic .cat-title h3 span {
    margin-top: -10px;
}

.cat-pic img {
    transition: all 0.3s ease;
    width: 100%;
}

.cat-pic:hover img {
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: scale(1.05);
}


/*-------------------------------------------------------------------------*/
/*  18.  Shop Notices
/*-------------------------------------------------------------------------*/

.iosslider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    min-height: 40px;
}

.iosslider .slider {
    width: 100%;
    height: 100%;
}

.iosslider .slider .slide {
    float: left;
    width: 100%;
}

#shop-listing-notices {
    clear: both;
}

.shop-listing-notices-wrap {
    display: none;
    padding: 10px 0px;
    text-align: center;
}

.shop-listing-notices-wrap.green {
    background-color: #82b965;
}

.shop-listing-notices-wrap.blue {
    background-color: #872349;
}

.shop-listing-notices {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}

.shop-listing-notices a {
    color: #fff;
    text-decoration: underline;
}

.shop-listing-notices a:hover {
    text-decoration: none;
    color: #fff;
}

.shop-listing-notices p {
    margin: 0px 10px;
    position: relative;
}

/*-------------------------------------------------------------------------*/
/*  19.  Pagination
/*-------------------------------------------------------------------------*/

.page-numbers {
    float: right;
    font-weight: 400;
    color: #777;
}

.woocommerce-pagination {
    float: right;
    margin-bottom: 15px;
}

.woocommerce-result-count {
    float: none;
    line-height: 34px;
    margin-bottom: 0px;
    font-size: 13px;
}

.page-numbers,
.pagination {
    margin-bottom: 0px;
    padding-left: 0px;
}

.page-numbers li,
.pagination li {
    list-style: none;
    display: inline-block;
    float: left;
    line-height: 21px;
    margin-right: 3px;
}

.page-numbers li span,
.page-numbers li a,
.pagination li span,
.pagination li a {
    display: block;
    font-size: 13px;
    width: 34px;
    height: 34px;
    line-height: 34px !important;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 0px;
    position: relative;
    z-index: 2;
    color: #777;
}

.page-numbers li span,
.page-numbers li a:hover,
.pagination li span,
.pagination li a:hover {
    text-decoration: none;
}

.page-numbers li a:hover {
    background-color: #DF440B;
    color: #fff;
}

.page-numbers li span.dots,
.pagination li span.dots {
    border: 1px solid #e2e2e2;
    padding: 2px 5px;
    border: none;
    line-height: 28px;
    color: #6f6f6f;
}

.page-numbers li span.icon-arrow-right,
.page-numbers li span.icon-arrow-left {
    border: none;
    font-size: 20px;
    margin-top:2px;
}

.page-numbers li span.icon-arrow-left {
    margin-left: -2px;
}

.page-numbers li span.current {
    background-color: #DF440B;
    color: #fff;
}

.page-numbers li span.current:hover {

}

.page-numbers li a.next:before,
.page-numbers li a.prev:before {
    font-family: 'icomoon';
}

.page-numbers li a.next:hover,
.page-numbers li a.prev:hover {
    color: #fff !important;
}

.page-numbers li span:hover,
.page-numbers li a:hover,
.pagination li span:hover,
.pagination li a:hover {
    border-radius: 0px;
    color: #fff !important;
}

/*-------------------------------------------------------------------------*/
/*  20.  Star Rating
/*-------------------------------------------------------------------------*/

p.stars span {
    background-image: url(../images/icons/star-off-retina.png);
    background-repeat: repeat-x;
    background-position: left 0;
    background-size: 16px 16px;
    float: left;
    height: 20px;
    position: relative;
    width: 80px;
}

    p.stars span a.star-1,
    p.stars span a.star-1 {
        width: 16px;
        z-index: 10;
    }

    p.stars span a {
        float: left;
        height: 0;
        left: 0;
        overflow: hidden;
        padding-top: 15px;
        position: absolute;
        top: 0;
        width: 16px;
    }

    p.stars span a:hover,
    p.stars span a:focus,
    p.stars span a.active {
        background-image: url(../images/icons/star-on-hover.png);
        background-repeat: repeat-x;
        background-position: left 0;
        background-size: 16px 16px;

    }

    p.stars span a.star-1,
    p.stars span a.star-1 {
        width: 16px;
        z-index: 10;
    }

    p.stars span a.star-2,
    p.stars span a.star-2 {
        width: 32px;
        z-index: 9;
    }

    p.stars span a.star-3,
    p.stars span a.star-3 {
        width: 48px;
        z-index: 8;
    }

    p.stars span a.star-4,
    p.stars span a.star-4 {
        width: 64px;
        z-index: 7;
    }

    p.stars span a.star-5,
    p.stars span a.star-5 {
        width: 80px;
        z-index: 6;
    }

.star-rating {
    display: inline-block;
    width: 80px;
    height: 20px;
    background-image: url(../images/icons/star-off-retina.png);
    background-repeat: repeat-x;
    background-position: center left;
    background-size: 16px 16px;
    position: relative;
    text-indent: -9999px;
}

.star-rating span {
    background-image: url(../images/icons/star-on-retina.png);
    background-repeat: repeat-x;
    background-position: center left;
    background-size: 16px 16px;
    display: block;
    height: 20px;
    font-size: 0;
    text-align: left;
}

.product_list_widget .star-rating {
    display: table;
    margin-bottom: 2px;
}

.summary .star-rating {
    display: none;
}

.summary .woocommerce-product-rating {
    margin: 5px 0px 7px 0px;
}

.container .summary .woocommerce-product-rating .star-rating{
    float: left;
    margin-top: 1px;
    display: block;
    margin-right: 10px;
}

section.slider .star-rating,
.woocommerce .container .star-rating,
.woocommerce-page .container .star-rating {
    float: none;
    overflow: hidden;
    position: relative;
    margin: 0px 0;
    display: block;
    margin: 0px auto 5px auto;
}

.woocommerce .container .star-rating,
.woocommerce-page .container .star-rating {
    clear: both;
    margin: 0px;
}

.woocommerce .lightwrapper .container .star-rating,
.woocommerce-page .lightwrapper .container .star-rating,
.woocommerce .subfooter .container .star-rating,
.woocommerce-page .subfooter .container .star-rating {
    clear: none;
}

.woocommerce .container section.slider .star-rating {
    margin: 0px auto 5px auto;
}

section.slider .star-rating:before,
.woocommerce .container .star-rating:before,
.woocommerce-page .container .star-rating:before {
    content: "";
    color: #dfdbdf;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

section.slider .star-rating span,
.woocommerce .container .star-rating span,
.woocommerce-page .container .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    color: #fba500;
    text-indent: -9999px;
}

section.slider .star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
}

.woocommerce .star-rating:before,
.woocommerce-page .star-rating:before {
    content: "\73\73\73\73\73";
    color: #e0dadf;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.woocommerce .star-rating span,
.woocommerce-page .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
}

.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating {
    display: block;
    margin: -2px 0px 0.5em 0px;
    float: none;
}

#review_form #respond .comment-form-rating .stars {
    float: left;
    margin-left: 20px !important;
    margin-top: 3px !important;
    width: auto;
    clear: none;
}

#review_form #respond .comment-form-rating .stars a,
#review_form #respond .comment-form-rating .stars a:hover {
    padding-bottom: 0px;
    border: none;
    background-size: 16px 16px;
}


/*-------------------------------------------------------------------------*/
/*  21.  Sale Tag
/*-------------------------------------------------------------------------*/

.woocommerce .container .product-images span.onsale:before,
.woocommerce .single-product span.onsale:before {
  display: none;
}

.cg-prod-gallery-thumbs {
    margin: 10px 0px 30px 0px;
}

.product-nocols .product-images #sync1 {
    padding-left: 95px;
}

.product-nocols .product-images .images img {
    width: 100%;
}

.product-nocols .product-images .thumbnails {
    margin: 10px 0px 20px 0px;
}

.product-nocols .product-images .owl-prev {
    left: 95px;
}

.product-nocols .cg-prod-gallery-thumbs {
    position: absolute;
    top: 0px;
    left: 15px;
    overflow: hidden;
    overflow-y: visible;
}

.product-nocols .cg-prod-gallery-thumbs {
    width: 70px;
    margin: 0px;
}

.product-nocols .cg-prod-gallery-thumbs .owl-wrapper {
    width: 70px;
    left: 0px !important;
}

.product-nocols .cg-prod-gallery-thumbs .owl-wrapper,
.product-nocols .cg-prod-gallery-thumbs .owl-wrapper .owl-item {
    width: 70px !important;
}

.product-nocols .cg-prod-gallery-thumbs .owl-wrapper .owl-item {
    margin-bottom: 11px;
}

.product-nocols .cg-prod-gallery-thumbs .owl-wrapper .cg-prod-gallery-thumb {
    width: 80px;
    padding-right: 20px;
}


/* -- Social Icons --
   ================================================== */

.social-icons {
    padding: 5px 0px 10px 0px;
    margin-bottom: 20px;
}

    .social-icons a, .content-area .social-icons a {
        font-size: 14px;
        width: 35px;
        height: 35px;
        line-height: 36px;
        text-align: center;
        display: inline-block;
        border: 1px solid #e2e2e2;
        color: #888;
        transition: all 300ms ease-out;
    }

    .social-icons a.facebook-icon:hover,
    .content-area .social-icons a.facebook-icon:hover {
        background: #3b589c;
        border-color: #3b589c;
        color: #fff;
        text-decoration: none;
    }

    .social-icons a.twitter-icon:hover,
    .content-area .social-icons a.twitter-icon:hover {
        background: #4397ff;
        border-color: #4397ff;
        color: #fff;
        text-decoration: none;
    }

    .social-icons a.pinterest-icon:hover,
    .content-area .social-icons a.pinterest-icon:hover {
        background: #c92424;
        border-color: #c92424;
        color: #fff;
        text-decoration: none;
    }

    .social-icons a.googleplus-icon:hover,
    .content-area .social-icons a.googleplus-icon:hover {
        background: #db4c32;
        border-color: #db4c32;
        color: #fff;
        text-decoration: none;
    }

    .social-icons a.twitter-icon,
    .content-area .social-icons a.twitter-icon {
        margin-right: -1px;
    }

    .social-icons a.email-icon {
        line-height: 32px;
    }


/* -- Add to Cart --
   ================================================== */

.single_add_to_cart_button:focus {
    outline: none;
}

form.cart {
    margin-bottom: 10px;
}

.woocommerce .cart .quantity input.qty {
    border-left: medium none;
    border-right: medium none;
    border: 1px solid #e2e2e2;
    display: inline;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0 5px;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    font-weight: 400;
    position: relative;
    position: absolute;
    top: 0px;
    left: 35px;
    z-index: 2;
}

.cart .quantity input:focus {
  opacity: 1;
}

.woocommerce .cart .quantity input.qty {
    -moz-appearance: textfield;
}

.tipr_container_top {
    visibility: visible;
}

/*-------------------------------------------------------------------------*/
/*  21.  Wishlist
/*-------------------------------------------------------------------------*/

.woocommerce-wishlist .blockUI {
    display: none !important;
}

.product-images .yith-wcwl-add-to-wishlist {
    display: none;
}

.yith-wcwl-share {
    margin-top: 30px;
}

body .yith-wcwl-share li,
.entry-content .yith-wcwl-share li {
    margin-right: 0px;
}

.product-image .yith-wcwl-add-to-wishlist .add_to_wishlist a,
.yith-wcwl-add-to-wishlist span.feedback {
    display: inline-block;
    float: right;
    font-weight: 400;
    text-transform: none;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 1px;
    color: #999;
}

.yith-wcwl-add-to-wishlist a {
    display: inline-block;
    float: left;
    color: #333 !important;
    font-weight: 400;
    font-size: 15px !important;
    line-height: inherit !important;
}

.yith-wcwl-wishlistexistsbrowse span {
    display: none;
}

.yith-wcwl-add-to-wishlist {
    margin: 15px 0px 0px 0px;
    float: left;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
}

.product-type-grouped .yith-wcwl-add-to-wishlist {
    margin-top: 10px;
}

.yith-wcwl-wishlistexistsbrowse .cg-icon-heart-2-1,
.yith-wcwl-add-button .cg-icon-heart-2-1,
.yith-wcwl-wishlistaddedbrowse .cg-icon-heart-2-1  {
    float: left;
}

.yith-wcwl-wishlistexistsbrowse .cg-icon-heart-2-1:before,
.yith-wcwl-add-button .cg-icon-heart-2-1:before,
.yith-wcwl-wishlistaddedbrowse .cg-icon-heart-2-1:before {
    font-size: 22px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.yith-wcwl-add-to-wishlist a:hover:before {
    border-radius: 0px;
}

#yith-wcwl-form h2 {
    display: none;
}

.content-area #yith-wcwl-form table.shop_table thead tr th {
    font-size: 15px;
    color: #111;
}

#yith-wcwl-form .yith-wcwl-share ul {
    margin: 18px 0px 10px 0px;
}

#yith-wcwl-form .yith-wcwl-share li:before {
    display: none;
}

.woocommerce-page .container #yith-wcwl-form a.button {
    margin: 0px;
    border-radius: 0px;
    border: none;
    color: #fff;
    font-weight: 700;
    width: auto;
    min-width: 120px;
    text-align: center;
    font-size: 12px;
}

.woocommerce-page .container #yith-wcwl-form a.button:hover {
    text-decoration: none;
}


#yith-wcwl-form .woocommerce-message {
    color: #444 !important;
}

/*-------------------------------------------------------------------------*/
/*  23.  Reviews / Comments
/*-------------------------------------------------------------------------*/

#reviews {
    overflow: hidden;
    margin-left: -15px;
}

.comment-author img,
#reviews #comments ol.commentlist li img.avatar,
.woocommerce-page .container #reviews #comments ol.commentlist li img.avatar,
.content-area #reviews #comments ol.commentlist li img.avatar {
    border-radius: 40px;
    border: 0;
    padding: 0;
    width: 50px;
    margin-top: 6px;
    position: absolute;
    top: 20px;
    left: 0px;

}

.comment-author img{
  width: 32px;
  top: 3px;
}

.woocommerce .container #reviews #comments ol.commentlist li .comment-text,
.woocommerce-page .container #reviews #comments ol.commentlist li .comment-text {
    margin: 0px;
    border: none;
    padding: 0.0em 0em 0;
    
}

#comments ol.comment-list {
    border-bottom: 1px solid #eee;
    margin-bottom: 50px;
}

.woocommerce .container #reviews #comments ol.commentlist li,
.woocommerce-page .container #reviews #comments ol.commentlist li,
.content-area #comments ol.commentlist li,
#comments ol.comment-list li {
    padding-left: 80px;
    position: relative;
    padding-top: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
    width: 100%;
}

.content-area #comments ol.commentlist li {
    margin-left: 20px;
}

.row #comments ol.comment-list {
    margin: 0px;
    padding: 0px;
    margin-bottom: 40px;
}

#comments ol.comment-list li {
    padding-left: 50px;
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 30px;
    width: 100%;
}

 #comments ol.comment-list li .reply {
    position: absolute;
    top: 35px;
    right: 0px;
    font-size: 13px;
    display: none;
 }

  #comments ol.comment-list .comment-body:hover .reply {
    display: block;
  }

   #comments ol.comment-list li:hover ul .reply {
    display: none;
  }

#comments ol.comment-list li .comment-metadata a {
    color: #888;
    border: none;
}

#comments ol.comment-list li .comment-metadata .edit-link {
    margin-left: 0px;
}

.comment-content ul li,
.comment-content ol li {
    border: none !important;
    padding: 0px !important;
    margin-bottom: 5px !important;
}

.comment-content ol {
    margin-bottom: 30px !important;
}

.comment-content ol li {
    list-style: decimal;
}

#comments ol.comment-list article {
    padding-bottom: 0px;
}

#comments ol.comment-list li .edit-link a {
    padding-left: 5px;
    color: #333;
}

#comments ol.comment-list ul {
    padding: 0px;
    margin: 20px 0px;
}

#comments ol.comment-list ul li:before {
    width: 0px;
    height: 0px;
}

#comments ol.comment-list li .comment-metadata {
    font-size: 12px;
    padding: 3px 0px 6px 0px;
}

    .woocommerce .container #reviews #comments ol.commentlist li .comment-text p,
    .woocommerce-page .container #reviews #comments ol.commentlist li .comment-text p {
        margin: 0.4em 0 -0.2em 0em;
    }

#respond h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 1.3em;
    font-weight: 400;
}

.content-area #respond h3 {
    margin-top: 0px;
}

.comment-form-rating label {
    float: left;
}

#respond input:focus {
    opacity: 1;
    border-color: #999;
}

#respond input#submit:hover {
    border-radius: 0px;
}

#respond textarea:focus {
    outline: none;
    background: #fff;
    border: 1px solid #999;
}

#respond p {
    clear: both;
}

#respond p.comment-form-rating {
    clear: none;
}

#respond p.comment-form-comment {
    padding-top: 7px;
}

#respond label {
    font-weight: 400;
}

#respond input,
#respond textarea {
    width: 100%;
    display: block;
    border: 1px solid #e2e2e2;
    margin-bottom: 20px;
}

#respond input#submit {
    width: auto;
    background: #fff !important;
    color: #111 !important;
    font-size: 15px !important;
    padding: 6px 22px;
}

.woocommerce .comment_container .star-rating,
.woocommerce-page .commentcontainer .star-rating {
    float: none;
    margin: 0px;
    margin-top: -1px;
    margin-bottom: 0px;
}

.woocommerce #reviews #comments ol.commentlist,
.woocommerce-page #reviews #comments ol.commentlist,
#comments ol.comment-list {
    padding: 0px;
    padding-bottom: 5px;
    list-style: none;
    margin-top: 18px;
    margin-right: 3%;
}


/* -- Messages --
   ================================================== */

.woocommerce-message,
.cg-wc-messages {
    background-color: #82b965;
}

.woocommerce-message,
.woocommerce-info,
.content-area ul.woocommerce-error,
ul.woocommerce-error {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding: 11px 120px 10px 38px;
    margin: 0px 0px 30px 0px;
    position: relative;
    line-height: 1.4em;
}

.woocommerce-info {
    background-color: #f4edd1;
    color: #333;
    padding-top: 15px;
    padding-bottom: 15px;
}

.woocommerce-page .container .woocommerce-info a.button {
    position: absolute;
    right: 10px;
    margin: 0px;
    color: #333;
    border-color: #333;
    top: 8px;
}

ul.woocommerce-error {
    padding: 11px 120px 10px 45px;
    margin: 0px -15px 25px -15px;
    background: #df0020;
}

ul.woocommerce-error li {
    list-style: none;
}

body.woocommerce-checkout .woocommerce-info {
    background: none;
    padding: 0px;
    color: #333;
    border-radius: 0px;
    margin-bottom: 10px;
}

body.woocommerce-checkout .woocommerce-info a {
    color: #DF440B;
    border-bottom: 1px dotted #ccc;
}

body.woocommerce-checkout .woocommerce-info a:hover {
    color: #111;
}

body.woocommerce-checkout .woocommerce-info:before {
    display: none;
}

body.single-product .woocommerce-message {
    margin: 0px -15px 0px -15px;
    padding: 15px 120px 15px 40px;
    background-color: #82b965;
}

.content-area .woocommerce-info a {
    color: #fff;
    border-color: #fff;
    opacity: 0.8;
    margin-left: 2px;
}

.content-area .woocommerce-info a:hover {
    opacity: 1;
    color: #fff;
}

.content-area ul.woocommerce-error {
    background: #f5ded7;
    color: #992e11;
    margin: 0px 0px 30px 0px;
}

.content-area ul.woocommerce-error li {
    margin-bottom: 0px;
    margin-left: 0px;
}

.woocommerce-message a {
    position: absolute !important;
    top: -1px;
    right: 15px;
    color: #fff;
    border-color: #fff !important;
}

body.woocommerce-cart .woocommerce-message a {
    top: 0px;
}

.woocommerce-message a:hover {
    opacity: 0.8;
}

.woocommerce-message:before,
.woocommerce-info:before,
.woocommerce-error:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 16px;
    position: absolute;
    left: 15px;
}

.content-area ul.woocommerce-error li:before {
    display: none;
}

.woocommerce-error:before {
    position: absolute;
    top: 12px;
    left: 10px;
    content: "\f071";
}


/* -- Buttons --
   ================================================== */

.woocommerce .button,
.woocommerce .container a.button,
.woocommerce .container button.button,
.woocommerce .container input.button,
.woocommerce .container #respond input#submit,
.woocommerce .container #content input.button,
.woocommerce-page .container a.button,
.woocommerce-page .container button.button,
.woocommerce-page .container input.button,
.woocommerce-page .container #respond input#submit,
.woocommerce-page .container #content input.button,
.slider .cg-product-cta .button {
    font-size: 13px;
    margin-top: 10px;
    line-height: 1em;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    text-decoration: none;
    overflow: visible;
    padding: 8px 14px;
    text-decoration: none;
    left: auto;
    text-transform: uppercase;
    text-shadow: none;
    border: 1px solid #e2e2e2;
    white-space: nowrap;
    display: inline-block;
    box-shadow: none;
    line-height: 16px !important;
}

.woocommerce .container div.product form.cart .button,
.woocommerce .container #content div.product form.cart .button,
.woocommerce-page .container div.product form.cart .button,
.woocommerce-page .container #content div.product form.cart .button,
.woocommerce-page .container p.cart a.button,
.content-area .woocommerce .summary .button {
    background: none;
    border-radius: 0px;
    border: none;
    height: 45px;
    width: auto;
    line-height: 45px !important;
    float: left;
    background: #DF440B; /* theme option */
    border: 0;
    color: #fff; /* theme option */
    text-shadow: none;
    font-size: 14px;
    padding: 0px 30px;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
    clear: both;
    font-weight: 400;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.defaultloop {
    text-align: center;
}

.defaultloop .price {
    float: none;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.defaultloop h3 {
    display: block;
    margin-top: 18px;
    margin-bottom: 4px;
    color: #111;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3em !important;
    text-align: center;
}

.defaultloop .add_to_cart_button {
  clear: both;
  text-transform: none;
  position: relative;
}

.defaultloop .add_to_cart_button.loading {
    opacity: 0.5;
    color: #fff !important;
}

.defaultloop .add_to_cart_button.loading:before {
    display: inline-block;
    content: "\f021";
    font-family: 'FontAwesome';
    -webkit-animation-name: spin-360;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    width: 1em;
    margin-right: 5px;
}

.defaultloop .add_to_cart_button.added {
    color: #fff !important;
}

.defaultloop .add_to_cart_button.added:before {
    content: "\f00c";
    font-weight: 400;
    font-family: FontAwesome;
    color: #fff;
    margin-right: 5px;
    opacity: 0.5;
    font-size: 12px;
}

.defaultloop {
    list-style-type: none;
}

.defaultloop .button {
    font-size: 13px;
    margin-top: 10px;
    line-height: 1em;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    text-decoration: none;
    overflow: visible;
    padding: 8px 14px;
    text-decoration: none;
    left: auto;
    text-transform: uppercase;
    text-shadow: none;
    border: 1px solid #e2e2e2;
    white-space: nowrap;
    display: inline-block;
    box-shadow: none;
    line-height: 16px !important;
}

.woocommerce .container .summary p.cart {
    margin-bottom: 5px;
}

.woocommerce .container .summary p.cart a.button {
    float: none;
    font-weight: 400 !important;
}

.single-product-details .button {
    color: #fff !important; /* theme option */
    font-size: 18px !important; /* theme option */
    text-transform: uppercase;
    margin-left: 10px;
    font-weight: 400 !important;
    height: 45px;
    padding: 0px 20px;
    margin-top: 0px !important;
    border: none !important;
}

.single-product-details .button:hover {
    opacity: 0.9;
}

.woocommerce input.button {
    font-weight: 400;
}

.content-area .woocommerce .return-to-shop .button:hover {
    border: none;
    color: #fff;
}

p.product.woocommerce a.button {
    margin-top: 0px;
    margin-left: 15px;
}

.content-area p.product.woocommerce a.button:hover {
    border: none;
    color: #fff;
}

.woocommerce-page .container input.button,
.cart-collaterals .wc-proceed-to-checkout a {
    width: 100%;
    font-size: 16px !important;
    margin-top: 10px;
    font-weight: 400 !important;
    padding: 14px 20px;
    background: #DF440B;
    color: #fff !important;
    border: none;
    border-radius: 0px !important;
}

.woocommerce-page .container .checkout_coupon input.button {
    margin-top: 0px;
    width: auto;
    background: #999 !important;
}

.woocommerce-page .cart-collaterals .wc-proceed-to-checkout a {
    border: none;
    text-align: center;
    padding: 14px 0px;
}

.woocommerce-page .container .coupon input.button {
    width: auto;
    font-size: 15px;
    padding: 12px 20px 13px 20px;
    margin-top: 0px;
    background: #ccc !important;
    color: #fff;
    position: relative;
    top: 1px;
}


/* -- Product Variations --
   ================================================== */

.single_variation_wrap {
    margin-bottom: 12px;
}

.single_variation_wrap p.stock {
    color: green;
    margin: 10px 0px;
    clear: both;
}

.single_variation_wrap .price {
    font-size: 20px !important;
    margin-right: 13px;
    margin-bottom: 10px;
}

.single_variation_wrap .price del,
.single_variation_wrap .price del span.amount {
    color: #888;
    font-weight: 400;
    font-size: 18px;
    margin-right: 2px;
}

.variations_button {
    clear: both;
}

.variations_form {
    border-top:1px dotted #ccc;
    padding-top: 15px;
    padding-bottom: 0px;
    margin-bottom: 15px;
    margin-top: 20px;
}

.single_variation_wrap .single_variation {
    margin: 12px 0px;
}

table.variations {
    margin-bottom: 20px;
    width: 100%;
}

table.variations td,
.content-area table.variations tr td {
    padding: 0px 15px 0px 0px;
}

table.variations .chosen-container {
    margin-top: 0px;
}

table.variations label {
    margin-left: 0px;
    color: #111 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    /*font-family: 'Roboto Condensed';*/
}

table.variations select {
    font-size: 15px;
    width: 100%;
}

/* Select dropdown style */

table.variations select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #fff url("../images/dropdown.png") right 0.5em center no-repeat;
    background-size: 12px 8px;
    border-radius: 0px;
    border: 1px solid #ccc;
    padding: 0.4em 2em 0.4em 0.6em;
    max-width: 100%;
    text-indent: 0.01px;
    text-overflow: '';
    margin-bottom: 5px;
    font-size: 16px;
    width: 100%;
}

a.reset_variations {
    color: #222;
    text-decoration: none;
    font-size: 13px;
    border-bottom: 1px solid #333;
}

.content-area a.reset_variations:hover {
    text-decoration: none;
}

.variations select {
    padding-left: 6px;
}

.variations select, .dropdown_product_cat, #secondary .widget select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #fff url("../images/icons/dropdown.png") right 0.5em center no-repeat;
    background-size: 12px 8px;
    border-radius: 0px;
    border: 1px solid #e2e2e2;
    padding: 0.33em 2em 0.33em 4px;
    max-width: 100%;
    text-indent: 0.01px;
    text-overflow: '';
    margin-bottom: 5px;
    font-weight: 400;
    width: 100%;
}

.attribute_pa_color_picker_label.swatch-label {
    float: left;
    padding-right: 20px;
    margin-top: 7px;
}

#picker_pa_color {
    float: right;
}

/* Bundled Products - Offical WooTheme Plugin */

.bundle_form {
    padding-top: 20px;
}

.bundle_form .bundled_product_summary {
    padding-top: 0px;
    padding-left: 0px;
}

.cg-product-detail .bundled_product_summary .product_title {
    font-size: 22px;
    line-height: 1.2em;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.bundle_form .variations_form {
    border: none;
    padding-top: 5px;
}

.summary .bundle_form .price {
    font-size: 18px;
    float: none;
    margin-bottom: 5px;
    padding-top: 15px;
}

.summary .bundle_button {
    padding: 20px 0px 7px 0px;
}

.bundle_form .bundled_product_summary .bundled_product_images {
    width: 20%;
}

.bundle_form .bundled_product_summary .details {
    float: left;
    width: 80%;
    overflow: visible;
}

.bundle_form .bundled_product_summary p.stock {
    font-size: 14px;
}

.bundle_form table.variations td.value {
    width: 70%;
}


/* Grouped Products */

.group_table {
    width: 100%;
    margin-bottom: 22px;
}

.group_table td {
    width: 120px;
    padding-bottom: 3px;
}

.cart .group_table .quantity {
    height: 50px;
    margin-top: 5px;
}

.group_table td.label {
    width: auto;
}

.group_table td.label label {
    font-weight: normal;
    font-size: 16px;
    color: #111;
    margin-top: 20px;
}

.summary .group_table .price {
    width: auto;
    float: right;
    margin: 0px;
    font-size: 17px;
}

.summary .group_table .price span {
    margin-top: 15px;
    display: inline-block;
}

.thumbnails img {
    width: 100px !important;
}

.related {
    clear: both;
    overflow: hidden;
    border-top: 2px solid #333;
    margin-top: 20px;
}

    .up-sells-bottom h2,
    .related h2 {
        font-size: 18px;
        color: #111;
        margin-bottom: 25px;
        text-transform: uppercase;
        font-weight: 400;
    }


/* -- WooCommerce Tabs --
   ================================================== */

body.page .single-product .woocommerce-tabs {
    margin: 0px;
}

body.single .woocommerce-tabs {
    margin: 10px 0px 0px 0px;
}

.woocommerce-tabs {
  margin: 0px -15px;
}

.content-area .woocommerce-tabs .tabs,
.woocommerce-tabs .tabs {
    padding-left: 0px;
    position: relative;
    margin: 0px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    height: 50px;
}

    .content-area .woocommerce-tabs .tabs li,
    .woocommerce-tabs .tabs li {
        list-style: none;
        margin-left: 0px;
    }

    .content-area .woocommerce-tabs .tabs li:before{
        display: none;
    }

        .woocommerce-tabs .tabs li a {
            display: inline-block;
            color: #333 !important;
            background: #fff;
            padding: 0px 26px;
            font-size: 16px !important;
            /*font-family: 'Roboto Condensed';*/
            text-transform: uppercase;
            margin: 0px;
            float: left;
            font-weight: 400 !important;
            line-height: 48px !important;
        }

.woocommerce-tabs .tabs li a:hover {
    text-decoration: none;
}

.woocommerce-tabs .tabs li a:focus {
    outline: none;
}

.woocommerce .woocommerce_tabs ul.tabs li.active a,
.woocommerce .woocommerce-tabs ul.tabs li.active a,
ul.tabNavigation li a.active  {
    color: #fff !important;
    text-decoration: none;
    position: relative;
    bottom: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.woocommerce .woocommerce-tabs ul.tabs li.active a:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    z-index: 5;
    left: 50%;
    margin-left: -8px;
    bottom: -8px;
}

.woocommerce-tabs .entry-content {
    width: 100%;
    border-radius: 0px;
    padding-top: 30px;
    margin-bottom: 30px;
    color: #333;
}

.woocommerce-tabs .entry-content .addthis_toolbox {
    display: none;
}

.woocommerce-tabs .entry-content.panel {
    box-shadow: none;
    clear: both;
}

    .woocommerce-tabs .entry-content h2 {
        margin-top: 0px;
        font-size: 18px;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .woocommerce-tabs .entry-content p {
        line-height: 1.6em;
        margin-bottom: 7px;
    }

    .woocommerce-tabs .entry-content ul {
        line-height: 1.5em;
        margin-bottom: 10px;
        font-size: 15px;
        padding: 10px 0px 10px 18px;
    }

    .content-area .woocommerce-tabs .entry-content ul {
        padding-left: 0px;
    }

    .content-area .woocommerce-tabs .entry-content ul li:before {
        display: none;
    }

    .woocommerce-tabs .entry-content ul li,
    .content-area .woocommerce-tabs .entry-content ul li {
      margin-bottom: 3px;
      list-style: disc;
    }

body div.pp_overlay {
    background: #222;
}

body div.pp_woocommerce .pp_content_container {
    padding-top: 30px;
}


/* Product Pagination */

.next-prev-nav {
    text-align: right;
    overflow: hidden;
}

.next-product:before,
.prev-product:before {
    font-family: 'icomoon';
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff;
    border: 1px solid #555;
    border-radius: 0px;
    float: right;
    margin-left: 6px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.next-product:before {
    content: "\e602";
}

.prev-product:before {
    content: "\e628";
}

.prev-product:hover:before,
.next-product:hover:before {
    border-color: #DF440B;
    color: #DF440B;
    border-radius: 0px;
}

.next-prev-nav .nav-dropdown img {
    display: none;
}

.pp_content label {
    margin-bottom: 15px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-right: 20px;
    display: block;
}

.pp_content h3 {
    padding: 20px 40px;
    margin: -30px -40px 20px -40px;
    background: #eee;
    font-weight: 300;
}

.pp_content .comment-form-author label,
.pp_content .comment-form-email label {
    float: left;
}

.pp_content .button {
    background: #111;
    border: none;
    border-radius: 0px;
    font-weight: 400;
    padding: 10px 20px;
    color: #fff;
}

/* Modal close button */


.cg-size-guide-wrap {
    float: left;
    margin-top: 15px;
    margin-right: 25px;
}

.cg-size-guide-wrap .cg-icon-cloth-hanger {
    float: left;
    font-size: 22px;
    margin-top: 3px;
}

.cg-size-guide {
    float: left;
}

.cg-size-guide a {
    color: #333 !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    /*font-family: 'Roboto Condensed';*/
    text-transform: uppercase;
    padding-left: 8px;
    line-height: inherit !important;
}

.cg-size-guide .button {
    background-color: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
    padding-left: 10px !important;
    margin-right: 20px;
}

.pp_content p.stars,
.pp_content .comment-form-comment {
    margin-bottom: 16px;
}

.woocommerce .container .products .star-rating,
.woocommerce-page .container .products .star-rating {
    margin: 6px auto;
    float: none;
}

.list-layout .woocommerce-page .container .products .star-rating {
    margin: 8px 0px;
}


/*-------------------------------------------------------------------------*/
/*  24.  Sidebar + Widgets
/*-------------------------------------------------------------------------*/

body.single-product .right-sidebar .widget {
    margin-right: 0px;
}

.widget {
    margin-bottom: 35px;
}

.widget_recent_entries ul {
    padding: 0px;
}

    .widget_recent_entries ul li:first-child {
        padding-top: 0px !important;
    }

    .widget_recent_entries ul li a {
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
    }

    .widget_recent_entries ul li a:hover {
        color: #222 !important;
        text-decoration: none;
    }

.shop-sidebar-right .widget {
    margin-right: 0px;
    margin-left: 20px;
}

.widget h1 {
    margin-top: 40px;
    margin-bottom: 17px;
    font-size: 14px;
    text-transform: uppercase;
}

h4.widget-title {
    margin-top: -4px;
    margin-bottom: 10px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
}

h4.widget-title span {
    display: inline-block;
    border-bottom: 2px solid #df440b;
    padding-bottom: 7px;
    position: relative;
    bottom: -1px;
}

.widget ul {
    padding: 0px;
}

.widget-area .widget.widget_rss ul li a {
    line-height: 1.3em;
    border: none;
    padding: 0px;
    border: none;
    border-top: 1px solid #e2e2e2;
    padding-top: 15px;
    color: #DF440B;
    margin-top: 15px;
}

.widget-area .widget.widget_rss ul li span.rss-date {
    font-size: 12px;
}

.widget-area .widget.widget_rss ul li a:hover {
    color: #222;
}

.widget ul li a:hover {
    color: #222;
    text-decoration: none;
}

.widget_top_rated_products span.amount {

    margin-top: -5px;
}

.lightwrapper .widget_top_rated_products span.amount,
.subfooter .widget_top_rated_products span.amount {
    margin-top: 0px;
}

.widget ul li dl {
    display: none;
}

.widget_recent_entries ul li span.post-date {
    font-size: 13px;
    color: #888;
    display: block;
    margin: -4px 0px 7px 0px;
}


/* Mailchimp widget */

.mc4wp-form {
    position: relative;
}

.mc4wp-form label {
    display: none;
}

.mc4wp-form input[type="email"] {
    width: 100%;
    height: 40px;
}

.subfooter .mc4wp-form input[type="email"] {
    border: none;
}

.mc4wp-form input[type="submit"] {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;
    padding: 0px 15px;
    color: #fff;
    background-color: #111;
    text-transform: uppercase;
    border: none;
}

#secondary .widget_mc4wp_form_widget h4.widget-title,
.shop-sidebar-left .widget_mc4wp_form_widget h4.widget-title,
.shop-sidebar-right .widget_mc4wp_form_widget h4.widget-title {
    margin-bottom: 20px;
}

.mc4wp-form .mc4wp-response {
    margin: 10px 0px;
}

.rssSummary {
    padding: 7px 0px;
    font-size: 13px;
}

.rsswidget img {
    margin-top: -2px;
    margin-right: 5px;
}

a.rsswidget:hover {
    text-decoration: none;
    color: #222;
}

.textwidget p {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.6em;
}

.textwidget img {
    margin: 10px 0px;
}

.subfooter .textwidget img {
    margin: 0px;
}

.textwidget .wp-caption img {
    margin: 0px;
}

.widget-area .widget.widget_rss ul li span{
    position: relative;
    top: auto;
    right: auto;
}

.widget-area .widget.widget_rss cite {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.widget ul li {
    list-style: none;
    overflow: hidden;
    position: relative;
    line-height: 1.4em;
}

.widget ul.children {
    margin-left: 15px;
    margin-top: -2px;
}

.widget ul.product-categories ul.children li a,
.widget_pages ul ul.children li a {
    opacity: 0.7;
    font-size: 13px;
    padding: 2px 0px 2px 0px;
}

.widget ul.product-categories li a:hover {
    color: #111 !important;
}

.widget ul.product-categories ul.children li span {
    top: 1px;
    font-size: 10px;
}

.widget ul li a {
    color: #333;
    text-transform: uppercase;
    font-size: 12px;
}

/* Advanced Sidebar Widget */
.advanced-sidebar-menu {
    margin-top: 44px;
}

.widget-area .widget.advanced-sidebar-menu ul li.current_page_item a {
    color: #111;
}


/* = Search Widget
    -------------------------------------------------------------- */

.search-form,
.sb-search,
.widget_product_search form {
    position: relative;
}

.search-form label,
.sb-search label {
    display: block;
}

.search-form label:before,
.sb-search:before,
.widget_product_search label:before {
    display: block;
    font-size: 13px;
    content: "\f002";
    position: absolute;
    top: 5px;
    right: 15px;
    font-weight: 400;
    font-family: 'FontAwesome';
    z-index: 2;
    color: #757575;
}

.cg-header-search .sb-search:before,
.cg-header-search .search-form label:before {
    top: 1px;
    right: 10px;
}

.shop-sidebar-left .widget_product_search label:before,
.shop-sidebar-right .widget_product_search label:before,
#secondary .widget_product_search label:before {
    top: auto;
    bottom: 4px;
    right: 10px;
}

.shop-sidebar-left .sb-search:before,
.shop-sidebar-right .sb-search:before {
    margin-top: 4px;
}

.sb-search:before {
    top: auto;
    right: 11px;
    height: 30px;
    font-size: 13px;
}

.no-results .sb-search:before {
    display: none !important;
}

input.search-submit,
.widget_product_search input#searchsubmit,
input.sb-search-submit,
#top-bar-search input.sb-search-submit,
.widget_product_search input[type="submit"] {
    position: absolute;
    border: none;
    z-index: 10;
    top: auto;
    bottom: 0px;
    background: none;
    right: 5px;
    height: 30px;
    width: 25px;
    text-indent: -9999px;
}

.sb-search label,
form.search-form label span.screen-reader-text {
    display: none;
}

form#search-form {
    position: relative;
}

input.search-field,
.widget_product_search input#s {
    border: 1px solid #ccc;
}

input.search-field:focus,
.widget_product_search input#s:focus {
    border-color: #999;
}

section.no-results input.search-field {
    width: 100%;
    padding: 5px 10px;
}


/* = Price Filter Widget
    -------------------------------------------------------------- */

.widget_price_filter .price_slider {
    margin-bottom: 0.65em;
}

.widget_price_filter input {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.widget_price_filter .price_slider_amount {
    text-align: right;
    line-height: 2.4em;
    font-size: 0.8751em;
}

.widget_price_filter .price_slider_amount .button {
    float: left;
}

.widget_price_filter .ui-slider {
    position: relative;
    text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 0.8em;
    height: 0.8em;
    margin:0px -2px;
    border-radius: 1em;
    border: 1px solid #141741;
    cursor: pointer;
    background: #2d338e;
    outline: none;
    top: -0.2em;
    transition: none;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -0.5em;
}

.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background: #c0132c;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background: #e2e2e2 !important;
    border: none;
    height: 4px;
    margin-top: 23px;
}

.subfooter .widget_price_filter .price_slider_wrapper .ui-widget-content,
.subfooter .widget_price_filter .ui-slider .ui-slider-range {
    background: #444 !important;
}

.subfooter .widget_price_filter .ui-slider .ui-slider-range {
    background: #fff !important;
}

.widget_price_filter .ui-slider-horizontal {
    height: .5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
    left: -1px;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
    right: -1px;
}

.widget ul.product-categories li {
    padding: 0px;
    border: none;
}

.widget ul.product-categories li.current-cat a {
    color: #111;
}

.widget ul.product-categories li.current-cat ul li a {
    color: #666;
}

.widget ul.product-categories li a,
.widget-area .widget ul li a,
.widget ul li a {
    display: block;
    padding: 4px 0px 4px 0px;
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
}

.widget-area .widget ul li {
    border: none;
    padding: 0px;
}


/* = Calendar Widget
    -------------------------------------------------------------- */

.widget-area #calendar_wrap table #prev a:hover,
.widget-area #calendar_wrap table #next a:hover,
.widget_search input.search-submit:hover,
.widget_product_search input#searchsubmit:hover {
    text-decoration: none;
    border-radius: 0px;
    border-color: #333;
}

.widget-area #calendar_wrap table th {
    text-align: center;
}

.widget-area #calendar_wrap table tfoot td {
    text-align: left;
}

.widget-area #calendar_wrap table a {
    padding: 0px;
    border: none;
}

.widget-area #calendar_wrap caption {
    border-bottom: 1px solid #e2e2e2;
    padding: 8px 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}

.widget-area #calendar_wrap a {
    font-weight: 700;
}

.widget-area #calendar_wrap a:hover {
    text-decoration: none;
}

.widget-area #calendar_wrap {
    border: 1px solid #e2e2e2;
    padding: 0px 0px 10px 0px;
    margin-top: 15px;
}

.widget-area #calendar_wrap table {
    width: 100%;
    font-size: 13px;
    text-align: center;
}

.widget-area #calendar_wrap table #prev,
.widget-area #calendar_wrap table #next {
    padding: 15px 10px 0px 10px;
}

.widget-area #calendar_wrap table #next {
    text-align: right;
}

.widget ul.product-categories li span,
.widget span.count {
    position: absolute;
    top: 3px;
    right: 0px;
    font-size: 11px;
    color: #999;
}

#secondary .widget ul.product-categories li span,
#secondary .widget-area .widget ul li span {
    position: relative;
}

.widget .menu-main-menu-container {
    margin-bottom: 30px;
}

/* = Calendar Widget
    -------------------------------------------------------------- */

#calendar_wrap {
    border: 1px solid #e2e2e2;
    margin-top: 19px;
}

#calendar_wrap caption {
    color: #fff;
    padding: 5px;
    margin: -1px;
}

#calendar_wrap table,
#calendar_wrap table th {
    text-align: center;
}

#calendar_wrap table th {
    font-weight: 400;
    background: #f5f5f5;
}

#calendar_wrap table tr {
    border-bottom: 1px solid #eee;
}

#calendar_wrap table tfoot tr {
    border: none;
}


/* = Widgets with dividers
    -------------------------------------------------------------- */

ul#recentcomments li,
.widget_rss li {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 12px 0px;
    line-height: 1.3em;
}

.widget_rss li a:first-child {
    border-top: none;
    margin-top: 0px;
}

.cg-shop-archive ul#recentcomments li,
.cg-shop-archive .widget_rss li {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.widget_rss cite {
    text-transform: uppercase;
    font-size: 11px;
}

/* = Price Slider Widget
    -------------------------------------------------------------- */

.woocommerce-page .container .price_slider_amount .button {
    background: #fff !important;
    color: #222;
    border: 1px solid #ccc;
    font-size: 12px;
    border-radius: 3px;
    padding: 4px 10px;
    float: left;
    font-weight: 400;
    transition: all 0.2s linear;
}

.woocommerce .container .price_slider_amount .button:hover {
    border-radius: 0px;
}

.woocommerce .container .price_slider_amount .button:focus {
    outline: none;
}

.woocommerce .container .price_slider_amount .price_label {
    float: right;
    text-align: right;
    font-size: 13px;
    margin-top: 8px;
}

.woocommerce .subfooter .container .price_slider_amount .price_label {
    color: #666;
}

.ui-slider{
    margin: 18px 0px;
    position: relative;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    background-image: none !important;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 0.65em;
    height: 0.65em;
    cursor: pointer;
    outline: none;
    top: -0.25em;
    background-color: #fff !important;
    border-radius: 20px !important;
    border: 1px solid #ccc !important;
    margin-bottom: 15px;
}

.ui-state-active {
    background-image: none !important;
}

.ui-state-hover {
    background: #fff;
}

.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background: #333;
    height: 4px;
 }

.ui-slider-horizontal {
    height: 10px;
    background: #eee;
}

.widget ul.product_list_widget li {
    padding: 10px 0px 14px 0px;
    border-bottom: 1px solid #eee;
}

.widget ul.product_list_widget li a {
    text-transform: none;
    font-size: 14px;
    color: #111;
    border: none;
    padding: 0px;
    line-height: 1.3em;
}

.widget ul.product_list_widget .star-rating {
    float: none !important;
    margin: 5px 0px 2px 0px !important;
    display: table;
    clear: none;
}

.widget_recent_reviews span.reviewer {
    display: block;
    font-size: 13px;
}

.lightwrapper .widget_recent_reviews span.reviewer,
.subfooter .widget_recent_reviews span.reviewer {
    margin-top: 0px;
}

.star-rating span:before {
    content: none !important;
}

.widget ul.product_list_widget li span.amount {
    font-size: 12px;
    color: #777;
}

.widget ul.product_list_widget li del span.amount,
.widget ul.product_list_widget li del {
    color: #ccc;
}

.widget ul.product_list_widget li a:hover {
    text-decoration: underline;
    color: #111;
}

.widget li img {
    float: left;
    max-width: 48px;
    margin-right: 15px;
    margin-top: 4px;
}


/* -- Reviews widget --
   ================================================== */

.widget_products_reviews .comments-list-products {
    margin: 0px -15px 40px -15px;
    overflow: hidden;
}

.widget_products_reviews .comments-list-products li {
    width: 50%;
    float: left;
    padding: 15px 15px 5px 15px;
}

.widget_products_reviews .comments-list-products li:nth-of-type(2n+1) {
    clear: both;
}

.widget_products_reviews .comments-list-products li.list-item a img {
    width: 100%;
    padding: 0px;
    border: none;
    max-width: none;
    margin: 0px;
    margin-bottom: 10px;
}

.widget_products_reviews .comments-list-products li .content-comment {
    font-size: 13px;
    margin: 5px 0px;
    color: #333;
    line-height: 1.4em;
}

.widget_products_reviews .comments-list-products li.list-item .box-author {
    float: none;
    font-weight: 400;
    color: #888;
}

.widget_products_reviews .comments-list-products li.list-item a {
    font-size: 13px;
    padding-top: 0px;
    border: none;
    font-weight: 600;
    line-height: 1.4em;
    color: #222;
    padding-bottom: 0px;
}

.widget_products_reviews .comments-list-products li.list-item a:hover {
    color: #222;
    text-decoration: underline;
}


/* -- Recent Posts extended widget --
   ================================================== */

.rpwe-block ul {
    margin-top: 20px;
}

.widget-area .widget .rpwe-block li img {
    max-width: 105px;
    margin-bottom: 15px;
    padding: 0px !important;
    border: none !important;
    border-radius: 0px;
}

.widget .rpwe-block h3 {
    margin-bottom: -3px !important;
}

.widget-area .widget .rpwe-block li a {
    border: none;
}

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


/* -- TagCloud widget --
   ================================================== */

.widget-area .tagcloud,
.widget .tagcloud,
.widget_product_tag_cloud .tagcloud {
    padding-top: 10px;
}

.widget-area .tagcloud a,
.widget .tagcloud a,
.widget_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a {
    background: #fff;
    border-radius: 0px;
    font-size: 12px !important;
    padding: 1px 8px;
    display: inline-block;
    margin-bottom: 3px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    color: #333;
    border: 1px solid #e2e2e2;
}

#cg-page-wrap .widget .tagcloud a:hover {
    background: none;
    color: #111;
}

.widget-area .tagcloud a:hover,
.widget .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud .tagcloud a:hover {
    border-radius: 0px;
    border-color: #333;
    text-decoration: none;
}

.widget-area .widget #recentcomments {
    margin-top: 10px;
}

.widget-area .widget #recentcomments li {
    padding-bottom: 9px;
    padding-top: 9px;
    font-size: 15px;
    border-bottom: 1px solid #eee;
}

.widget-area .widget #recentcomments li a {
    color: #DF440B;
    padding: 0px;
    padding: 3px 0px 3px 0px;
    border: none;
}

.widget-area .widget #recentcomments li a:hover {
    color: #333;
}

.widget_shopping_cart_content p.total {
    font-size: 15px;
    margin: 20px 0px;
}

.widget_shopping_cart_content p.buttons a {
    margin-bottom: 6px !important;
    display: inline-block !important;
}

.widget_shopping_cart_content p.buttons a.button {
    border: 1px solid #ccc;
    background: #fff;
    color: #888;
    width: 100%;
    text-align: center;
}

.widget_shopping_cart_content p.buttons a.button.checkout {
    border-color: #333;
    background: #333;
    color: #eee;
}

.widget_shopping_cart_content p.buttons a:hover {
    border-radius: 0px;
}

.widget_shopping_cart_content p.buttons {
    margin-bottom: 10px;
}

/*---------------------------------------------------------------*/
/*  25.  WooCommerce Layered Navigation
/*---------------------------------------------------------------*/

.widget_layered_nav ul {
  padding-left: 0;
  margin-bottom: 0;
  float: left;
  width: 100%;
}

.widget_layered_nav ul li {
  position: relative;
  float: left;
  clear: both;
  list-style: none;
  display: block;
  margin: 0 5px 0px 0;
  cursor: pointer;
}

.widget_layered_nav ul {
 margin-bottom: 25px;
}

.widget.widget_layered_nav span.count {
 position: relative;
}

.widget_layered_nav ul li.chosen {
 padding-left: 0px;
}

.widget_layered_nav ul li.chosen a:before {
  content: "\f00c";
  color: #000;
  font-family: FontAwesome;
  font-size: 8px;
  line-height: 12px;
  text-indent: 2px;
  -webkit-appearance: none;
  background-image: url(../images/icons/tick-icon.png);
  padding: 0;
  background-repeat: no-repeat;
  background-position: 0px 1px;
  margin-right: 0;
  width: 16px;
  position: relative;
  height: 14px;
  display: inline-block;
  top: -2px;
  left: -9px;
}

.widget_layered_nav ul li:hover .count {
  cursor: pointer;
}

.widget_layered_nav ul li:hover:before {
  background-image: url(../images/icons/tick-icon.png);
}

.widget_layered_nav ul li .count {
  display: inline-block;
  padding-right: 11px;
  font-size: 12px;
  top: -1px;
}

.widget_layered_nav ul.yith-wcan-list li .count:before {
    font-size: 11px;
    content: " (";
}

.widget_layered_nav ul.yith-wcan-list li .count:after {
    font-size: 11px;
    content: ")";
}

.widget_layered_nav ul li a {
  z-index: 1;
  display: inline-block;
  padding: 5px 5px 5px 10px;
  font-size: 12px;
  position: relative;
}

.widget_layered_nav ul li a:hover {
  text-decoration: none;
}

.widget_layered_nav ul li a:before {
  content: "";
  -webkit-appearance: none;
  background-image: url(../images/icons/tick-icon.png);
  padding: 0;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 0;
  width: 16px;
  position: relative;
  height: 14px;
  display: inline-block;
  top: 2px;
  left: -9px;
}

.widget_layered_nav ul li.chosen .count {
  cursor: pointer;
}

.widget_layered_nav_filters ul {
  padding-left: 0;
}

.widget_layered_nav_filters ul li {
  list-style: none;
  padding: 5px;
  border: 1px solid #ebebeb;
  float: left;
  margin: 5px 10px 5px 0;
  padding-left: 25px;
  padding-right: 3px;
  cursor: pointer;
}

.widget_layered_nav_filters ul li a {
  position: relative;
  padding-right: 5px;
}

.widget_layered_nav_filters ul li a:before {
  content: "\e619";
  width: 12px;
  height: 12px;
  position: absolute;
  font-family: "arrows";
  font-size: 9px;
  margin-right: 5px;
  color: #222;
  top: 3px;
  left: -15px;
}

.widget_price_filter,
.widget_layered_nav {
  margin-bottom: 45px;
}

.widget_price_filter .price_label,
.widget_layered_nav .price_label {
  float: left;
}

.widget_layered_nav ul.yith-wcan {
    margin-bottom: 45px;
}

.widget_layered_nav ul.yith-wcan li {
    float: none;
    border-bottom: 1px solid #eee;
    margin-bottom: 0px;
    position: relative;
}

.widget_layered_nav ul.yith-wcan li a,
.widget_layered_nav ul.yith-wcan li span {
    border: none;
    font-size: 14px;
    padding: 10px 0px 10px 5px;
    display: block;
}

.widget_layered_nav ul.yith-wcan li span {
    color: #666;
    padding-left: 25px;
}

.woocommerce .widget_layered_nav ul.yith-wcan-color li span,
.woocommerce-page .widget_layered_nav ul.yith-wcan-color li span {
    border: 1px solid #fff !important;
    margin-right: 0px !important;
    border-radius: 50%;
    text-indent: -9999px;
    width: 20px !important;
    height: 20px;
    display: block;
}

/* Yii color filters */

.yith-wcan-color li {
  clear: none !important;
}

.yith-wcan-color li a:before {
  background-image: none !important;
}

.widget_layered_nav ul.yith-wcan li small {
    position: absolute;
    top: 12px;
    right: 0px;
    padding: 0px;
}

body.woocommerce .widget_layered_nav ul.yith-wcan-color li a,
body.woocommerce-page .widget_layered_nav ul.yith-wcan-color li a {
    border: 1px solid #fff;
    margin-right: 0px;
    border-radius: 50%;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
}

.woocommerce .widget_layered_nav ul.yith-wcan-group li {
    border: none;
    clear: none;
    float: left;
    margin-right: 2px;
}

.woocommerce .widget_layered_nav ul.yith-wcan-group li.chosen {
    padding-left: 0px;
}

.woocommerce .widget_layered_nav ul.yith-wcan-label li.chosen a,
.woocommerce-page .widget_layered_nav ul.yith-wcan-label li.chosen a {
    border: none;
    color: #fff;
    background: #111;
    border-radius: 3px;
}

body.woocommerce .widget_layered_nav ul.yith-wcan-label li a,
body.woocommerce-page .widget_layered_nav ul.yith-wcan-label li a,
body.woocommerce .widget_layered_nav ul.yith-wcan-label li span {
    background: #eee;
    display: inline-block;
    border-radius: 3px;
    padding: 5px 8px;
    border: none;
    text-align: center;
    min-width: 40px;
}

body.woocommerce .widget_layered_nav ul.yith-wcan-label li a:hover,
body.woocommerce-page .widget_layered_nav ul.yith-wcan-label li a:hover,
body.woocommerce-page .widget_layered_nav ul.yith-wcan-label li.chosen a {
    background: #DF440B;
    display: inline-block;
    border-radius: 3px;
    padding: 5px 8px;
    border: none;
    color: #fff;
}

.widget_layered_nav ul.yith-wcan-list li.chosen {
    padding-left: 0px;
}

.widget_layered_nav ul.yith-wcan-list li a:before {
    font-size: 9px;
    color: #DF440B;
    background-position: 0px 0px;
    top: 4px;
    left: -5px;
}

.woocommerce .widget_layered_nav ul.yith-wcan-color li a,
.woocommerce-page .widget_layered_nav ul.yith-wcan-color li a {
    border-color: #fff;
    margin-right: 0px;
}

.woocommerce .widget_layered_nav ul.yith-wcan-group li a,
.woocommerce-page .widget_layered_nav ul.yith-wcan-group li a {
    background: none;
    display: inline-block;
}

.woocommerce .widget_layered_nav ul.yith-wcan-group li a:before {
    display: none;
}

.widget_layered_nav ul.yith-wcan-list li.chosen a:before {
    content: "\f00c";
    color: #DF440B;
    font-family: FontAwesome;
    font-size: 8px;
    line-height: 12px;
    text-indent: 2px;
    -webkit-appearance: none;
    background-image: url(../images/icons/tick-icon.png);
    padding: 0;
    background-repeat: no-repeat;
    background-position: 0px 1px;
    margin-right: 0;
    width: 16px;
    position: relative;
    height: 14px;
    display: inline-block;
    top: -2px;
    left: -5px;
}

.widget_layered_nav ul.yith-wcan-list li.chosen a {
    color: #DF440B;
}

.widget_layered_nav ul.yith-wcan-color li {
    border: none;
    float: left;
}

.widget_layered_nav ul.yith-wcan-color li a {
    border: 1px solid #fff;
}

.widget_layered_nav ul.yith-wcan-color li.chosen {
    padding-left: 0px;
}

.widget_layered_nav ul.yith-wcan-color li.chosen a:before {
    content: "";
}

.widget_layered_nav ul.yith-wcan-color li.chosen a {
    border: 1px solid #222;
}


/* YITH Ajax Product Filters Premium */

h4.with-dropdown {
    position: relative;
    cursor: pointer;
}

h4.with-dropdown .widget-dropdown {
    border-width: 0;
    width: 22px;
    height: 22px;
    background: url("../images/select-arrow.png") top 0px right no-repeat;
    background-size: 95% !important;
    position: absolute;
    top: 0;
    right: 0;
}

h4.with-dropdown.open .widget-dropdown {
    background-position: bottom 15px right;
}

.yith-wcan .yith-wcan-reset-navigation.button {
    white-space: nowrap !important;
}

/*-------------------------------------------------------------------------*/
/*  26.  Comments on Posts
/*-------------------------------------------------------------------------*/

.content-area .comments-area {
    padding: 30px;
    border: 2px solid #f2f2f2;
    margin: 30px 0px 0px 0px;
}

.content-area .comments-area h2 {
    font-size: 18px !important;
    color: #222 !important;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 1.3em;
}

.content-area a.post-edit-link {
    position: relative;
}

body.single .content-area a.post-edit-link {
    margin-left: 20px;
}

.edit-link a {
    padding-left: 22px;
}

.image-navigation {
    padding: 0px 0px 20px 0px;
    overflow: hidden;
}

.nav-previous {
    float: left;
}

.nav-next {
    float: right;
}

.content-area a.post-edit-link:before {
    color: #adadad;
    content: "\f044";
    font-family: FontAwesome;
    position: absolute;
    top: -1px;
    left: 0px;
}

.content-area .comments-area textarea {
    font-size: 15px;
    padding: 12px;
}

.woocommerce .container #respond h3 {
    margin-top: 10px;
}

.woocommerce .container #respond input#submit {
    padding: 10px 20px;
    font-weight: 700;
    border: 2px solid #333;
    font-size: 14px !important;
}

.woocommerce .container #respond input#submit:hover {
    border-radius: 0px;
}

.comments-area h2 {
    text-transform: uppercase;
    font-size: 16px;
}

.comment-list li {
    list-style: none;
}

.bypostauthor {
  display: inline-block;
}


/*-------------------------------------------------------------------------*/
/*  27.  Blog Styling
/*-------------------------------------------------------------------------*/


/* -- Blog: Article --
   ================================================== */

article.format-link .entry-content p{
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    font-weight: 400;
    padding: 2em 4.6em;
    transition: all 0.2s linear;
    position: relative;
}

article.format-link .entry-content p:before {
    color: #DF440B;
    font-size: 1.8em;
    position:absolute;
    left: 25px;
    top: 1.6em;
    line-height: 0.1em;
    content: "\f0c1";
    font-family: FontAwesome;
}

.readmore {
    margin: 25px 0px;
}

article.format-link .entry-content p.readmore {
    border: none;
    padding: 0em;
}

article.format-link .entry-content p.readmore:before {
    display: none;
}

/* Blog Images Alignment */

.content-area .image img {
    margin-bottom: 40px;
}

body.blog .content-area .image img {
    width: 100%;
    margin-bottom: 30px;
}

body.blog  .content-area article,
.default-blog article {
    padding-bottom: 0px;
    margin-bottom: 40px;
}

.content-area article.sticky {
    padding: 30px 30px 15px 30px;
    background: #faefe9;
}

.content-area article.sticky .image img {
    border: 4px solid #fff;
}

.default-blog .sticky footer.entry-meta {
    border: none;
}

body.blog .content-area article .addthis_toolbox {
    display: none;
}

body.single .content-area .addthis_toolbox {
    margin-top: 40px;
}

body.single section.slider {
    padding-bottom: 0px;
}

body.single .content-area .addthis_toolbox a {
    padding-bottom: 0px;
}

body.single .content-area .addthis_toolbox a:hover {
    border: none;
}

.content-area article.tf_showcase,
.content-area article.showcases {
    margin-bottom: 0px;
}

.content-area article a.more-link {
    text-transform: uppercase;
    padding: 6px 18px;
    border: 2px solid #333;
    color: #fff !important;
    font-size: 16px !important;
    display: inline-block;
    margin-top: 10px;
}

.content-area article a.more-link:hover {
    opacity: 0.8;
}

.content-area article h2 a {
    border: none;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #111;
}

.content-area article h2 a:hover {
    color: #DF440B;
    border: none;
}

.content-area article.comment-body {
    margin-bottom: 40px;
}

.container .content-area article h1 a {
    color: #111;
}

.content-area .entry-meta {
  font-size: 13px;
  color: #666;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}

.content-area header .entry-meta:before {
    color: #222;
    content: "\f133";
    font-family: FontAwesome;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 12px;
}

.content-area header .entry-meta a {
    border: none;
    color: #222;
}

.content-area header .entry-meta a:hover {
    color: #111;
}

.content-area footer.entry-meta {
    line-height: 1.6em;
    margin-top: 0px;
    padding: 60px 0px 25px 0px;
    position: relative;
    margin-bottom: 0px;
    font-size: 13px;
    text-transform: none;
}

body.woocommerce-account .content-area footer.entry-meta,
body.page-template-default .content-area footer.entry-meta,
body.page-template-page-right-sidebar-php .content-area footer.entry-meta,
body.woocommerce-cart .content-area footer.entry-meta,
body.woocommerce-checkout .content-area footer.entry-meta {
    margin: 0px -15px;
}

.default-blog footer.entry-meta {
    padding-top: 15px;
    border-bottom: 1px solid #e2e2e2;
}

.content-area footer.entry-meta a {
    border: none;
    color: #222;
}

.content-area footer.entry-meta a:hover {
    color: #DF440B;
}

.content-area footer.entry-meta .comments-link:hover:before,
.content-area a.post-edit-link:hover:before {
    color: #DF440B;
}

.content-area .entry-meta time.updated {
    display: none;
}

.content-area footer.entry-meta .comments-link:before {
    color: #adadad;
    content: "\f086";
    font-family: FontAwesome;
    position: absolute;
    top: -1px;
    left: 0px;
}

.content-area footer.entry-meta .comments-link {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.content-area footer.entry-meta .cat-links {
    margin-right: 22px;
}

/* Hide Featured Image on a Video and Image Post */
body.single-format-video .content-area article .image,
body.single-format-image .content-area article .image {
    display: none;
}


/* -- Medium Blog Style --
   ================================================== */

.medium-blog,
.cg-blog-layout {
    overflow: hidden;
}

.medium-blog.blog-style article,
.medium-blog.content-area article {
    overflow: hidden;
    margin-bottom: 17px;
    padding-bottom: 37px;
}

.medium-blog.blog-style h1,
.medium-blog.content-area h1 {
    margin-bottom: 35px;
    margin-top: -3px;
}

.medium-blog.blog-style .image img,
.medium-blog.content-area .image img {
    margin-bottom: 0px;
}

.medium-blog.blog-style .entry-meta,
.medium-blog.content-area .entry-meta {
    margin-bottom: 10px;
}

.medium-blog.blog-style .sticky footer.entry-meta {
    margin-bottom: 30px;
}

.medium-blog.blog-style h2.entry-title,
.medium-blog.content-area h2.entry-title {
    margin-bottom: 8px;
    line-height: 0.85em;
}

.medium-blog.blog-style article h2 a,
.medium-blog.content-area article h2 a {
    font-size: 28px;
}

.medium-blog.blog-style footer.entry-meta,
.medium-blog.content-area footer.entry-meta {
    border: none;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
}

.medium-blog p {
    font-size: 15px;
}

.medium-blog blockquote {
    margin-top: 0px;
    margin-bottom: 20px;
}


/* -- Blog Pagination --
   ================================================== */

.blog-pagination {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 0 50px;
    position: relative;
}

.blog-pagination ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.blog-pagination ul li {
    float: left;
    padding: 0;
    margin: 0;
    margin-right: 5px;
    line-height: 35px;
    list-style: none;
}

.blog-pagination ul li:before {
    display: none;
}

.blog-pagination ul li a {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 34px !important;
    margin: 0 0px 0 0;
    text-align: center;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #ccc;
    outline: 0;
    font-size: 14px !important;
    text-shadow: none;
    background: #fff;
    overflow: hidden;
}

.blog-pagination ul li a:hover {
    border-radius: 0px;
    border: 1px solid #DF440B;
}

.blog-pagination ul li.next,
.blog-pagination ul li.last a {
    position: absolute;
    right: 0;
}

.blog-pagination ul li.prev a,
.blog-pagination ul li.next a {
    text-indent: -9999px;
}

.blog-pagination ul li.prev a:before,
.blog-pagination ul li.next a:before {
    font-family: 'icomoon';
    font-size: 18px;
    display: block;
    text-indent: 0px;
    line-height: 36px;
}

.blog-pagination ul li.prev a:before {
    content: "\e628";
}

.blog-pagination ul li.next a:before {
    content: "\e602";
}

.blog-pagination ul li.prev a,
.blog-pagination ul li.first a,
.blog-pagination ul li.next a,
.blog-pagination ul li.last a {
    width: 36px;
    line-height: 36px;
    font-weight: 400;
    margin: 0;
    text-align: center;
    color: #333;
}

.blog-pagination ul li.prev,
.blog-pagination ul li.first {
    position: absolute;
    left: 0;
}

nav#nav-below h1 {
    display: none;
}

#nav-below {
    margin-top: 15px;
    padding-bottom: 50px;
    font-size: 15px;
}

.page-links {
    font-size: 15px;
}


/* -- Blog Post Type: Audio --
   ================================================== */

.container .mejs-audio {
    width: 100% !important;
}

.container .mejs-controls div.mejs-horizontal-volume-slider {
    width: 45px;
    float: right;
}

.container .mejs-mediaelement {
    border-radius: 4px;
}

.container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    width: 30px;
}

.wp-audio-shortcode {
    margin: 10px 0px 30px 0px;
}

.container .mejs-container {
    position: relative;
    text-align: left;
    vertical-align: top;
    text-indent: 0;
    height: 50px !important;
    border: 1px solid #eaeaea;
}

.container .mejs-container .mejs-controls .mejs-time {
    padding: 8px 0px 0 0px;
}

.container .mejs-container,
.mejs-embed body,
.mejs-embed {
    background: none;
}

.container .mejs-controls .mejs-play button,
.container .mejs-controls .mejs-mute button,
.container .mejs-controls .mejs-unmute button,
.container .mejs-controls .mejs-pause button {
    background-repeat: no-repeat;
    background-position: center;
}

.container .mejs-controls .mejs-play button {
    background-image: url(../images/icons/play.png);
}

.container .mejs-controls .mejs-mute button {
    background-image: url(../images/icons/sound.png);
}

.container .mejs-controls .mejs-unmute button {
    background-image: url(../images/icons/mute.png);
}

.container .mejs-controls .mejs-pause button {
    background-image: url(../images/icons/pause.png);
}

.container .mejs-controls .mejs-time-rail .mejs-time-total {
    background: #ddd;
}

.container .mejs-controls .mejs-time-rail span,
.container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    border-radius: 0px;
}

.container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #ddd;
}

.container .mejs-container .mejs-controls {
    background: #fff;
    height: 36px;
    margin-bottom: 2px;
    padding-left: 4px;
}

.container .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #DF440B;
}

.container .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #c4c4c4;
}

.container .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    border-color: #333 transparent transparent transparent;
}

.container .mejs-container .mejs-controls .mejs-time span {
    color: #333;
    margin: 1px 2px 0 0;
}


/* -- Blog Post Type: Gallery --
   ================================================== */

.gallery {
    margin: 30px 0px !important;
}

.gallery img {
    border: none !important;
    width: 100%;
}

.content-area dl.gallery-item {
    margin: 0px !important;
    padding-right: 5px;
    padding-bottom: 5px;
}

.content-area .gallery dd {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0px 20px;
}

body .jp-carousel-info h2 {
    font-size: 15px !important;
}


/*-------------------------------------------------------------------------*/
/*  28.  Cart and Checkout
/*-------------------------------------------------------------------------*/

.content-area table.cart {
    margin: 0px;
    margin-bottom: 50px;
}

.content-area table.cart tr th {
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 0px;
    border-bottom: 1px solid #e2e2e2;
}

.content-area table.cart tr td {
    padding-left: 0px;
    font-size: 15px;
    text-align: left;
}

.content-area table.cart tr td.actions {
    padding-top: 30px;
    padding-left: 0px;
    padding-right: 0px;
}

.content-area table.cart tr td.actions .button {
    width: auto;
    float: right;
    margin: 0px;
}

.content-area table.cart tr td.actions .coupon {
    width: 60%;
    float: left;
}

.content-area table.cart tr td.actions .coupon .button {
    float: none;
    width: auto;
}

.content-area table.cart tr td.product-add-to-cart {
    text-align: right;
}

.content-area table.cart tr td.product-thumbnail {
    width: 70px;
}

.content-area table.cart tr td img {
    max-height: 70px;
}

.content-area table.cart tr td.product-name a {
    color: #222;
}

.content-area table.cart tr td a:hover {
    border: none;
}

.content-area table.cart td .quantity {
    margin: 0px;
    width: auto;
    height: 35px;
}

.content-area table.cart .quantity input.plus,
.content-area table.cart .quantity input.minus {
    height: 35px;
    line-height: 30px;
    font-size: 15px;
    width: 25px;
}

.content-area table.cart .quantity input.qty {
    height: 35px;
    line-height: 35px;
}

.content-area table.cart td.product-remove a {
    font-size: 16px;
    color: #111;
    opacity: 0.6;
    text-align: center;
}

.content-area table.cart td.product-remove a:hover {
   text-decoration: none;
   opacity: 1;
}

.content-area table.cart td dl {
    margin: 0px;
}

.content-area table.cart td dl p {
    font-size: 13px;
    margin: 0px;
    line-height: 1.4em;
    color: #888;
    margin-right: 5px;
    margin-left: 0px;
}

.content-area table.cart td dt,
.content-area table.cart td dd {
    float: left;
    font-size: 12px;
    color: #888;
    font-size: 13px;
    color: #888;
    font-weight: normal;
    line-height: 1.4em;
}

.content-area table.cart td dt {
    text-transform: capitalize;
    color: #666;
}

.content-area table.cart td.product-remove a:hover {
    border-radius: 0px;
}

.content-area .cart_totals h2 {
    padding: 1px 8px 2px 0px;
    text-transform: uppercase;
    font-size: 22px;
    padding-left: 0px;
    margin-top: 0px;
    font-weight: 400;
}

.woocommerce-page .coupon {
    clear: both;
}

.content-area .coupon h3 {
    padding: 11px 8px;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
    color: #222 !important;
    font-size: 16px !important;
}

.content-area .coupon label {
    display: none;
}

.content-area .coupon input#coupon_code {
    width: auto;
    padding: 8px 10px;
    margin-bottom: 10px;
}

.content-area .coupon .button {
    width: 100%;
}

.woocommerce-page .container .cart-collaterals input {
    width: 100%;
    margin-bottom: 2px;
    font-size: 14px;
    margin-right: 4px;
    position: relative;
    top: -1px;
}

.woocommerce-page .container .cart-collaterals input.update-button,
.woocommerce .update-button {
    background: #fff !important;
    font-weight: 700;
    border: 2px solid #e2e2e2;
    color: #aeaeae !important;
    font-size: 16px;
}

.content-area table.cart tr td.actions .button {
    background: #fff !important;
    border: 2px solid #e2e2e2;
    color: #aeaeae !important;
    padding: 10px 20px !important;
}

.content-area table.cart tr td.actions .button:hover {
    border-color: #ccc;
}

.content-area table.cart tr td.actions .coupon .button {
    border: none !important;
    background: #999 !important;
    color: #fff !important;
    padding: 12px 20px 13px 20px !important;
}


.woocommerce-page .container .cart-collaterals input.update-button:hover,
.woocommerce .update-button:hover {
    border-color: #333;
    color: #333 !important;
}

.woocommerce-page .container .cart-collaterals input.checkout-button,
.woocommerce .checkout-button {
    border: 2px solid #111;
    color: #fff;
    font-size: 16px;
}

.woocommerce-page .container .cart-collaterals input:hover,
.woocommerce .checkout-button:hover {
    border-radius: 0px;
}

.woocommerce-page .container .cart-collaterals .coupon input.button {
    width: auto;
    font-size: 13px !important;
    padding: 7px 15px;
    margin-top: 0px;
    background: #999 !important;
    color: #fff;
}

.woocommerce-page .container .cart-collaterals .coupon input.button:hover {
    background: #888 !important;
}

.content-area .cart_totals table {
    margin: 0px;
    font-size: 15px;
    margin-bottom: 20px;
}

.content-area .cart_totals table tr.order-total th,
.content-area .cart_totals table tr.order-total td {
    border-bottom: 2px solid #e2e2e2;
}

.content-area .cart_totals table.shop_table th,
.content-area .cart_totals table.shop_table td {
    border-bottom: 1px dotted #ccc;
    padding: 8px 8px 8px 0px;
    line-height: 1.4em;
}

.content-area .cart_totals table.shop_table td {
    text-align: right;
}

.content-area .cart_totals table tr.shipping {
    vertical-align: top;
}

.content-area .cart_totals table tr:nth-child(even),
.content-area table.cart tr:nth-child(even) {
    background-color: #fff;
}

.content-area table.cart tr td.product-subtotal {
    text-align: right;
}

/* -- Cart Grid -- */

body.woocommerce-cart .content-area form {
    width: 66%;
    float: left;
}

body.woocommerce-cart .content-area .cart-collaterals form {
    width: 100%;
    float: none;
}

.cart-collaterals {
    width: 28%;
    float: right;
    margin-bottom: 50px;
}

body.woocommerce-cart .content-area footer.entry-meta {
    clear: both;
}

.cart-collaterals h2{
    margin: 20px 0px 0px 0px;
}

.cart-collaterals .chosen-container {
    margin-bottom: 0px;
}

.content-area table.cart tr:nth-child(even) {
    border-top: 1px dotted #e2e2e2;
    border-bottom: 1px dotted #e2e2e2;
}

.content-area .cart-collaterals .shipping_calculator h2 {
    padding-top: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.content-area .cart-collaterals h2 a,
.content-area .cart-collaterals h2 a:hover {
    font-size: 16px;
    background-color: inherit;
    font-weight: normal;
    text-transform: uppercase;
}

.content-area .cart-collaterals h2 a:before {
    content: "\f072";
    font-family: FontAwesome;
    margin-right: 8px;
    position: relative;
    bottom: -1px;
}

.woocommerce .shipping-calculator-form button {
    font-weight: 400;
}

.content-area .cart-collaterals .shipping-calculator-form select {
    width: 100%;
}

.content-area .cart-collaterals .shipping-calculator-form p {
    margin-bottom: 5px;
}

.content-area .cart-collaterals .shipping-calculator-form .input-text {
    width: 100%;
    padding: 5px 10px 4px 10px;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 14px;
}

.woocommerce-page .container .shipping-calculator-form button.button {
    font-size: 13px;
    font-weight: 400;
    border: none;
    color: #fff;
    border: none;
    background: #999 !important;
}

.woocommerce-page .container .shipping-calculator-form .chosen-container {
    text-align: left;
}

.woocommerce-page .container .shipping-calculator-form .chosen-container .chosen-results li,
.woocommerce-page .container .shipping-calculator-form .chosen-container-single .chosen-single span {
    font-size: 13px;
}

.woocommerce-page .container .shipping-calculator-form button.button:hover {
    background: #888 !important;
}

.checkout-confirmed-payment {
    padding: 30px 30px 1px 30px;
    background: #d8f1d3;
    margin-top: 10px;
    margin-bottom: 30px;
}

.content-area .checkout-confirmed-payment p {
    font-size: 26px;
    color: #4a863c;
}

.content-area .checkout-confirmed-payment ul li:before {
    background: #60a550 !important;
}

body.woocommerce-checkout .content-area h2 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
}

.woocommerce-checkout-payment img {
    display: inline;
}


/* Cross Sells */

.content-area .cross-sells {
    padding-top: 1px;
    border-top: 2px solid #111;
    clear: both;
}

.content-area .cross-sells h2 {
    font-size: 18px !important;
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 400;
}

.woocommerce-page .cross-sells span.onsale:before {
    display: none;
}

.content-area .cross-sells ul.products {
    margin: 10px 0px;
}

.content-area .cross-sells .product-wrap {
    margin-top: 5px;
}


.woocommerce-page .cross-sells ul.products.list-layout {
    margin: -10px 0px 0px 15px;
}

.woocommerce-page .cross-sells .list-layout .cg-product-info .yith-wcwl-add-to-wishlist a:before {
    right: 5px;
    border: none;
    color: inherit;
}

.woocommerce-page .cross-sells .list-layout .cg-product-wrap {
    margin-left: 0px;
}

.woocommerce-page .cross-sells .list-layout .cg-product-meta-wrap {
    float: none;
    width: 100%;
}

.woocommerce-page .cross-sells .list-layout .cg-product-cta {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: -7px;
}

.woocommerce-page .cross-sells .list-layout .cg-product-info {
    text-align: center;
    margin-top: 10px;
}

.woocommerce-page .cross-sells .list-layout .cg-product-info .category {
    text-align: center;
}

.woocommerce-page .cross-sells .list-layout .star-rating {
    margin: 6px auto -5px auto !important;
}

.woocommerce-page .cross-sells .list-layout .cg-product-info .name {
    font-size: 16px;
}

.woocommerce-page .cross-sells .list-layout .cg-product-meta-wrap .cg-product-excerpt {
    display: none;
}

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

/* Grid of 5ths on cross sells */
.content-area .cross-sells ul.products li {
    width: 20%;
}

.content-area .cross-sells ul.products li:nth-of-type(n) {
    clear: none;
}

.content-area .cross-sells ul.products li:nth-of-type(5n+1) {
    clear: both;
}

}

@media (min-width: 768px) and (max-width: 1024px) {

/* Grid of 4ths on cross sells */
.content-area .cross-sells ul.products li {
    width: 25% !important;
}

.content-area .cross-sells ul.products li:nth-of-type(n) {
    clear: none;
}

.content-area .cross-sells ul.products li:nth-of-type(4n+1) {
    clear: both;
}

}

@media (min-width: 480px) and (max-width: 768px) {

/* Grid of 3rds on cross sells */
.content-area .cross-sells ul.products li {
    width: 33.3% !important;
}

.content-area .cross-sells ul.products li:nth-of-type(n) {
    clear: none;
}

.content-area .cross-sells ul.products li:nth-of-type(3n+1) {
    clear: both;
}

}


/*-------------------------------------------------------------------------*/
/*  29.  Billing
/*-------------------------------------------------------------------------*/

.woocommerce-billing-fields label,
.woocommerce-shipping-fields label {
    display: block;
    margin-top: 10px;
}

.woocommerce-billing-fields .input-text,
.woocommerce-shipping-fields .input-text {
    width: 100%;
}

.woocommerce-billing-fields .chosen-container {
    margin-top: 0px;
}

.content-area .woocommerce-billing-fields p,
.content-area .woocommerce-shipping-fields p {
    margin-bottom: 5px;
}

.content-area .woocommerce-billing-fields h3 {
    margin: 30px 0px 25px 0px;
    border-top: 2px solid #eee;
    padding-top: 23px;
    color: #333;
    font-size: 24px;
    text-transform: uppercase;
}

#billing_company_field {
    margin-top: 10px;
}

#order_comments_field {
    margin-bottom: 50px;
}

#billing_address_2_field {
    margin-bottom: 15px;
}

.content-area .woocommerce-shipping-fields h3#ship-to-different-address {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 11px 0px;
    margin-bottom: 30px;
    font-size: 16px;
    text-transform: uppercase;
}

.content-area .woocommerce-shipping-fields h3#ship-to-different-address label.checkbox {
    display: inline;
    padding-left: 0px;
    font-weight: 400;
}

.content-area .woocommerce-shipping-fields h3#ship-to-different-address input {
    margin-left: 10px;
}

.order-wrap {
    border-top: 2px solid #DF440B;
    margin-top: 30px;
    margin-left: 30px;
}

.content-area .order-wrap h3 {
    margin-top: 0px;
    padding-top: 25px;
    font-size: 24px;
    text-transform: uppercase;
    color: #DF440B;
}

.content-area table.shop_table th,
.content-area table.shop_table td {
    padding-left: 0px;
}

.content-area table.shop_table td.product-name strong {
    font-weight: normal;
}

.content-area table.shop_table tr:nth-child(even) {
    background: #fff;
}

.content-area table.shop_table tr th,
.content-area table.shop_table tfoot td {
    border-bottom: 2px solid #e2e2e2;
}

.content-area table.shop_table.wishlist_table tfoot td {
    border: none;
}

.content-area table.shop_table thead tr th {
    font-size: 15px;
    color: #222;
    text-transform: uppercase;
    font-weight: 400;
    border-top: 1px solid #e2e2e2;
}

.content-area table.shop_table thead tr th.product-subtotal {
    text-align: right;
}

.content-area table.shop_table .product-total,
.content-area table.shop_table tfoot td {
    text-align: right;
}

.content-area table.shop_table.wishlist_table tfoot td {
    text-align: left;
}

.content-area ul.payment_methods .payment_method_bacs p {
    background: #fff;
    padding: 15px;
    margin: 5px 0px 10px 0px;
}

.content-area ul.payment_methods {
    margin-left: 0px;
    background: #f2f2f2;
    padding: 25px 25px 12px 25px;
    margin-bottom: 10px;
}

.content-area ul.payment_methods li {
    margin-left: 0px;
}

.content-area ul.payment_methods li.payment_method_paypal img {
   margin-top: -2px;
   display: inline;
   margin-left: 7px;
   max-width: 100px;
   margin-right: 10px;
}

.content-area ul.payment_methods li.payment_method_paypal a {
    font-weight: 400;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
}

.content-area p.terms {
    position: relative;
}

.content-area p.terms input.input-checkbox {
    position: absolute;
    top: 7px;
    margin: 0px;
}

.content-area ul.payment_methods li input {
    margin-right: 6px;
}

.content-area ul.payment_methods li:before {
    display: none;
}

.content-area ul.payment_methods p {
    color: #777;
    font-size: 13px;
    line-height: 1.5em;
}

.content-area #payment input.button {
    color: #fff !important;
    font-size: 18px !important;
}

.content-area table.shop_table dl {
    margin: 0px;
}

.content-area table.shop_table dl p {
    font-size: 13px;
    color: #888;
    margin: 0px;
    line-height: 1.5em;
}

.content-area table.shop_table dd,
.content-area table.shop_table dt {
    float: left;
    font-size: 13px;
    color: #888;
    line-height: 1.5em;
    margin: 0px;
}

.content-area table.shop_table dt {
    text-transform: capitalize;
}

.content-area table.shop_table dd {
    margin-right: 10px;
    margin-left: 4px;
}

.content-area p#order_comments_field label {
    display: block;
}

#billing_postcode_field label {
    clear: both;
    padding-top: 7px;
}

.content-area p#order_comments_field textarea {
    width: 100%;
}

.content-area .woocommerce-billing-fields p.create-account {
    margin-top: 15px;
}

.content-area .woocommerce-billing-fields p.create-account label {
    display: inline-block;
    margin: 0px;
    padding-left: 5px;
}

.content-area table.my_account_orders td {
    border-bottom: 1px solid #e2e2e2;
}

.content-area table.my_account_orders td.order-actions {
    text-align: right;
}

.content-area table.my_account_orders td.order-actions a {
    background-color: #222;
    color: #fff;
    margin-top: 0px;
    font-weight: 700;
    border: none;
}

.woocommerce-page .container a.button {
    font-size: 13px;
}

.woocommerce-page .container p.return-to-shop a.button,
.woocommerce-page .container p.return-to-shop a.button:hover {
    width: auto;
    background: #fff;
    color: #333;
    border: 2px solid #333;
}

.woocommerce-page .container p.return-to-shop a.button:hover {
    border-radius: 0px;
}

.content-area p.cart-empty {
    background: #fbe7a2;
    padding: 15px;
    color: #111;
}


/* -- Login Form --
   ================================================== */

#customer_login {
    margin-top: -30px;
}

#customer_login .col-1 {
    width: 48%;
    float: left;
}

#customer_login .col-2 {
    width: 48%;
    float: right;
}

.woocommerce-page .container #customer_login input.button {
    width: auto;
}

form.login {
    border: 2px solid #333;
    padding: 32px;
    margin: 30px 0px;
}

form.login label {
    display: block;
}

form.login input.input-text {
    width: 100%;
}

.woocommerce-page .container form.login input.button {
    font-size: 14px;
    margin: 5px 0px 22px 0px;
}

.woocommerce-page .container form.login input#rememberme {
    margin-right: 4px;
}

.content-area p.form-row label {
    display: block;
    border: none;
    font-size: 15px;
}

.content-area p.form-row input.input-text {
    width: 100%;
    font-size: 15px;
    color: #333;
}

.content-area .addresses h3 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.content-area .addresses address {
    padding-top: 5px;
    display: block;
    font-style: normal;
}

.col2-set.addresses {
    overflow: hidden;
    margin-bottom: 50px;
}

.col2-set.addresses .col-1,
.col2-set.addresses .col-2 {
    float: left;
    margin-right: 30px;
    width: 46%;
}

.woocommerce-page .content-area form h2 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
}

.woocommerce-page .content-area form .chosen-container {
    margin-top: 0px;
}

.woocommerce-page .content-area form h3 {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 400;
}

.woocommerce-page .content-area form .coupon h3 {
    margin-bottom: 0px;
}

.woocommerce-page .content-area form.checkout_coupon {
    margin-bottom: 0px;
}

.woocommerce-page .content-area form fieldset legend {
    border: none;
    text-transform: uppercase;
    font-size: 20px !important;
    font-weight: inherit !important;
    padding-top: 30px;
}

/* -- My Account - Navigation --
   ================================================== */

.content-area .woocommerce-MyAccount-navigation ul {
    margin: 0px 0px 30px 0px;
}

.content-area .woocommerce-MyAccount-navigation ul li {
    display: inline;
    margin: 0px 12px 0px 0px;
    padding: 5px 9px 5px 0px;
    border-right: 1px solid #eee;
}

.content-area .woocommerce-MyAccount-navigation ul li:last-child {
    border: none;
}

.content-area .woocommerce-MyAccount-navigation ul li:before {
    display: none;
}

.content-area .woocommerce-MyAccount-navigation ul li a {
    color: #333;
}

.content-area .woocommerce-MyAccount-navigation ul li a:hover,
.content-area .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #000;
}

/*-------------------------------------------------------------------------*/
/*  30.  Visual Composer Shortcodes
/*-------------------------------------------------------------------------*/

body .container .wpb_row {
    padding-top: 0px;
}

.wpb_row .container {
    padding-left: 0px;
    padding-right: 0px;
}

/* 4.3 fixes */

.wpb_row {
    margin-left: -15px !important;
    margin-right: -15px !important;
    overflow: hidden;
}

.wpb_row:before,
.wpb_row:after {
    content: " ";
    display: table;
}

.wpb_row:before,
.wpb_row:after {
    content: " ";
    display: table;
}

.wpb_content_element .wpb_tabs_nav li {
    background-color: #f0f0f0 !important;
}

.fourk-icon-container {
    padding-top: 5px;
}

/* end 4.3 fixes */

/* -- Shortcode: Highlight Block --
   ================================================== */

.highlight-block {
    background: #f6653c;
    padding: 45px 0px 45px 0px;
}

    .highlight-block h2,
    .content-area .highlight-block h2 {
        margin: 0;
        font-size: 22px;
        text-align: center;
        color: #fff;
        font-weight: 400;
        line-height: 1em;
    }

    .highlight-block h2 a,
    .content-area .highlight-block h2 a {
      display: inline-block;
      font-size: 14px;
      padding: 10px 25px;
    }

    .content-area .highlight-block h2 a {
        padding: 1px 25px;
    }

        .highlight-block h2 a:hover,
        .content-area .highlight-block h2 a:hover {
            text-decoration: none;
            color: #fff;
            border: 2px solid rgba(255,255,255,1);
            border-radius: 0px;
        }


/* -- Shortcode: Advise (Homepage) --
   ================================================== */

.cg-tip p,
.cg-tip span {
    font-size: 20px !important;
    line-height: 1.5em !important;
}

.tip.routine {
    background: url(../images/bg/saycheese.jpg) no-repeat center center fixed;
    background-size: cover;
}

.tip {
    padding: 0;
    overflow: hidden;
    height: 350px;
}

    .tip h4 {
        font-size: 36px;
        padding: 0;
        margin: 85px 0 20px 0;
        position: relative;
        color: #fff;
        font-weight: 400;
    }

    .tip p,
    .tip span {
        font-size: 20px;
        color: #fff;
        font-weight: 400;
        line-height: 1.5em !important;
        margin-right: 10%;
    }

    .tip h4:before {
        font-size: 90px;
        position: absolute;
        left: -140px;
        top: 6px;
    }


/* -- Shortcode: Reasons/Features --
   ================================================== */

.cg-features .row {
    margin-bottom: 60px
}

.cg-features {
    text-align: center;
    padding-bottom: 20px !important;
    background: #e0f0fd;
}

.cg-features .cg-strip-wrap h2 {
    margin-bottom: 20px !important;
}

    .cg-features p {
        font-weight: 400;
        line-height: 1.55em !important;
        margin-left: 15px;
        margin-right: 15px;
    }

    .cg-features i {
        font-size: 55px !important;
        color: #DF440B;
        display: block;
        margin-top: 40px;
    }

    .cg-features h4.icon-equipment:before {
        color: #00aff0;
    }

    .cg-features h2 {
        font-size: 20px;
        color: #DF440B;
    }

    .cg-features .cg-strip-wrap h3 {
        margin-bottom: 20px !important;
        font-weight: 400;
        font-size: 28px;
        margin-left: 15px;
        margin-right: 15px;
        line-height: 1.3em;
    }

    .cg-features h4 {
        margin: 20px 0 11px 0;
        text-align: center;
        position: relative;
        font-size: 16px;
        font-weight: 700;
    }


/* -- Shortcode: Testimonials --
   ================================================== */

.testimonials-wrap {
    text-align: center;
    border: 1px solid #e2e2e2;
    padding: 20px 0px;
}

.testimonials-wrap .owl-carousel .owl-item {
    padding-bottom: 20px;
}

    .testimonials-wrap p,
    .content-area .testimonials-wrap p {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.7em;
        margin: 0px 30px;
    }

    .testimonials-wrap img {
        width: 200px;
        margin: 0px auto 20px auto;
    }

    .testimonials-wrap span {
        display: block;
        font-size: 14px;
        color: #888;
        margin-top: 20px;
        opacity: 1;
        text-transform: uppercase;
    }


/* -- Shortcode: FAQs and Reviews --
   ================================================== */

    .faqs-reviews h2,
    .content-area .faqs-reviews h2 {
        margin: 0px 0 10px 0;
        font-size: 22px;
        font-weight: 400;
        color: #111;
    }

    .faqs-reviews h3 {
        margin-top: 20px;
        font-weight: 400;
        font-size: 24px;
    }

    .faqs-reviews ul,
    .content-area .faqs-reviews ul {
        margin: 0px;
        padding: 0px;
    }

        .faqs-reviews ul li h6,
        .content-area .faqs-reviews ul li h6 {
            text-transform: uppercase;
            font-size: 15px;
            color: #111;
            margin-top: 10px;
        }

        .faqs-reviews ul li span {
            font-size: 28px;
            color: #fea604;
        }

        .faqs-reviews ul li,
        .content-area .faqs-reviews ul li {
            list-style: none;
            margin: 0px 0 20px 0;
            padding: 0 0 25px 0;
            border-bottom: 1px solid #dbdbdb;
            position: relative;
            font-weight: 400;
            line-height: 1.5em;
            font-size: 15px;
        }

        .content-area .faqs-reviews ul li:before {
            display: none;
        }

        .faqs-reviews ul li:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

.accordionButton {
    border-top: 1px solid #dbdbdb;
}

.faqs-reviews .accordionButton.first {
    border-top: none;
}

.faqs-reviews .accordionButton .icon-plus {
    color: #111;
    line-height: 1.5em;
    padding: 25px 0 25px 50px;
    margin: 0;
    position: relative;
    cursor: pointer;
    font-size: 17px;
}

.faqs-reviews .accordionButton .icon-plus:before {
    font-family: 'icomoon';
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
    margin: -15px 0 0 0;
    background: #DF440B;
    transition: 0.3s all ease-out;
    border-radius: 50%;
}

.faqs-reviews .accordionButton:hover .icon-plus:before {
    background: #f6653c;
}

.faqs-reviews .accordionButton.on .icon-plus:before {
    background: #f6653c;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.accordionContent {
    padding-bottom: 25px;
}

    .accordionContent p {
        font-size: 15px;
        font-weight: 400;
        color: #555;
        line-height: 1.55em;
    }


/* -- Shortcode: Logos scroll --
   ================================================== */

.cg-logos a {
    transition: all 300ms ease-in;
}

.cg-logos img {
    display: block;
    margin: 0px auto;
    border: 1px solid #e2e2e2;
}

/* -- Shortcode: Latest Posts Slider --
   ================================================== */

.articles-wrap {
    margin-top: 0px;
}

    .articles-wrap .titlewrap h2 {
        margin-bottom: 10px;
    }

.taxonomy-description {
    margin-bottom: 30px;
}

.titlewrap {
    border-bottom: 1px solid #eee;
    padding: 7px 0px;
}

.titlewrap h2,
.content-area .titlewrap h2 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #111;
    margin-top: 15px;
    margin-bottom: 0px;
}


.articles-wrap .owl-theme .owl-controls {
    margin-top: 20px;
    text-align: right;
    position: absolute;
    top: -64px;
    right: 0px;
}

section.slider .owl-theme .owl-controls {
    text-align: right;
    position: absolute;
    top: -47px;
    right: 10px;
}

section.slider .owl-theme .owl-controls .owl-pagination {
    display: none;
}

section.slider .star-rating {
    margin: 0px auto 5px auto;
}

#cg-articles {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#cg-articles img {
    margin-bottom: 10px;
    width: 100%;
}

    #cg-articles h3 {
        margin-top: 5px;
        line-height: 0.95em;
        margin-bottom: 0px;
    }

        #cg-articles h3 a {
            font-size: 18px;
            font-weight: 400;
            color: #DF440B;
            border: none;
        }

        #cg-articles h3 a:hover {
            text-decoration: none;
            color: #111;
        }

    #cg-articles p {
        margin: 8px 15px 5px 0px !important;
        color: #333;
        line-height: 1.6em;
    }

    #cg-articles p.comments {
        color: #999 !important;
        font-size: 14px;
    }

    #cg-articles .thumb {
        position: relative;
    }

        #cg-articles .thumb .date {
            width: 40px;
            position: absolute;
            top: 0px;
            left: 0px;
            text-align: center;
            background: #222;
            color: #fff;
            font-size: 14px;
            padding: 4px 0px 6px 0px;
        }

            #cg-articles .thumb .date span {
                display: block;
                font-size: 14px;
            }

            #cg-articles .thumb .date span.day {
                font-size: 1.2em;
                font-weight: 600;
            }

            #cg-articles .thumb .date span.month {
                text-transform: uppercase;
                font-size: 0.8em;
                margin-top: -6px;
            }


/* -- Shortcode: Get Started (Homepage) --
   ================================================== */

#get-started {
    display: block;
    background: #fff;
    position: relative;
    z-index: 10;
    padding: 0;
    overflow: hidden;
}

    #get-started .main {
        margin: 0 auto;
        max-width: 74em;
        width: 100%;
        background: url(../images/bg/reasons_1.jpg) bottom left no-repeat;
        padding-bottom: 60px;
    }

#get-started .main h2 {
    padding: 30px 0 0 0;
    margin: 0 0 15px 0;
    font-size: 32px;
    font-weight: 400;
}

#get-started .main h6 {
    margin: 0 0 11px 0;
    position: relative;
    padding: 95px 0 0 0;
    margin-top: 30px;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
}

#get-started .main h6:before {
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 65px;
}

#get-started .main h6.icon-space:before {
    color: #d0233c;
}

#get-started .main h6.icon-equipment:before {
    color: #00aff0;
}

#get-started .main p {
    line-height: 1.5em;
    color: #222;
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 17px;
}

#get-started .main .col-lg-4 p {
    margin-bottom: 0px;
    color: #666;
    font-size: 15px;
}

#get-started .main h6.icon-ipad:before {
    color: #26ad61;
}

#get-started .main h6.icon-time:before {
    color: #e89f34;
}


/* -- Shortcode: Desk (Homepage) --
   ================================================== */

#desk {
    height: 650px;
    background: url(../images/bg/desk.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 50px;
    position: relative;
}

    #desk h3 {
        color: #222;
        font-size: 1.6em;
        font-weight: 400;
        margin-left: 15px;
        margin-right: 15px;
        line-height: 1.4em;
        margin-top: 10px;
    }

    #desk h4 {
        color: #077eb2;
        font-size: 2.4em;
        font-weight: 300;
        margin-left: 15px;
        margin-right: 15px;
        line-height: 1.3em;
    }

.preview {
    position: absolute;
    bottom: 210px;
    left: 50%;
    margin-left: -212px;
}

.preview ul,
.content-area .preview ul {
    padding: 0px;
    margin: 0px;
}

.preview ul li:before,
.content-area .preview ul li:before {
    display: none;
}

.preview ul li {
    vertical-align: top;
    list-style: none;
    display: inline-block;
    width: 426px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.preview a .image-wrap {
    display: block;
    height: 269px;
    background-size: 100%;
    background-position: center 0%;
    background-image: url("../images/scrolling-template.jpg");
}

.preview ul li a:hover .image-wrap {
    background-position: center 100%;
}

/* Scrolling movement and speed */

.preview-item {
    -webkit-transform: translate(0, 15%);
    -moz-transform: translate(0, 15%);
    -ms-transform: translate(0, 15%);
    transform: translate(0, 15%);
    -webkit-transition: all .75s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1.4s;
    -moz-transition: all .75s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1.4s;
    -ms-transition: all .75s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1.4s;
    -o-transition: all .75s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1.4s;
    transition: all .75s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1.4s;
}

.preview-item.animate {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.move-medium {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}


/* -- Shortcode: Images --
   ================================================== */

.img {
    display: table;
    margin: 0px auto;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    padding: 0px;
    box-shadow: 0px 1px 5px #ccc;
}

.overlay {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background: #000;
    opacity: 0;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit;
    border: inherit;
    -webkit-transition: all 190ms ease-in-out;
    -moz-transition: all 190ms ease-in-out;
    -ms-transition: all 190ms ease-in-out;
    -o-transition: all 190ms ease-in-out;
    transition: all 190ms ease-in-out;
}

.img:hover .overlay,
.img.active .overlay {
    opacity: .4;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit;
}

.img:hover img {
    opacity: 1;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.img .caption.bottom,
.img .caption {
    background: #fff;
    color: #333;
    position: absolute;
    bottom: 40px;
    left: 0px;
    right: 0px;
    padding-top: 20px;
    width: 100%;
    height: auto;
    z-index: 9;
    padding-bottom: 10px;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.img .caption.bottom.slideUp,
.img .caption.slideUp {
    opacity: 0;
    bottom: -5%;
}

.img:hover .caption.bottom.slideUp,
.img:hover .caption.slideUp {
    opacity: 1;
    bottom: 0px;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

/* img caption txt */

.img .caption .heading {
    font-size: 1.1em;
    text-align: center;
    display: block;
    padding-top: 3px;
    font-weight: 400;
    font-size: 17px;
}

.content-area .img .caption .heading a {
    padding:0px;
    border: none;
    color: #111;
}

.img .caption .heading a:hover {
    text-decoration: none;
    color: #111;
}

.img .caption p {
    margin: 0px;
    text-align: center;
    margin-bottom: 5px;
    margin-left: 10px;
    padding: 0px 5px;
    color: #888;
    font-size: 0.95em;
}

/* slide up caption */

.img.slideUp {
    display: block;
    height: 225px;
    overflow: hidden;
    background: #fff;
}

.img.slideUp img {
    width: inherit;
    height: auto !important;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.img.slideUp .caption {
    position: relative;
    width: inherit;
    height: 40%;
    display: block;
    padding-bottom: 20px;
    z-index: 100;
}

.img.slideUp:hover .caption {
    margin-top: 15%;
}

.img.slideUp:hover img {
    margin-top: -10%;
    position: relative;
    vertical-align: top;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}


/* -- Shortcode: Tabs --
   ================================================== */

.container .ui-widget {
    font-family: inherit;
}

.container .wpb_row h2 {
    margin-top: 5px;
}

.container .wpb_toggle_content {
    padding: 0px 0px 0px 42px;
    margin-bottom: 0px;
}

.container .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.container .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    background: #fff;
}

.container .wpb_content_element .wpb_accordion_header a {
    padding: 0.8em 1em;
}

.container .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.container .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
    display: none;
}

.container .ui-widget-header {
    background: #eee;
}

.container .wpb_content_element .wpb_tabs_nav {
    border-radius: 0px;
    margin: -1px -1px 0px -1px;
    border: none;
    border-top: 5px solid #eee;
    padding-left: 5px !important;
}

.container .wpb_tabs .wpb_tabs_nav li {
    font-weight: 400;
}

.container .wpb_tabs .wpb_tabs_nav li a {
    color: #999;
}

.container .wpb_tabs .wpb_tabs_nav li a:hover {
    color: #222;
    border-color: inherit;
}

.container .wpb_tabs .wpb_tabs_nav li.ui-state-active {
    margin-bottom: -1px !important;
}

.container .wpb_tabs .wpb_tabs_nav li.ui-state-hover,
.container .wpb_tabs .wpb_tabs_nav li.ui-state-hover a {
    border-color: #ddd;
}

.container .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
    color: #111;
    background: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.container .wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
.container.wpb_content_element .wpb_tabs_nav li:hover {
    background-color: #fff;
    border-color: transparent;
}


/* -- Shortcode: Accordion --
   ================================================== */

.container .ui-state-default a,
.container .ui-state-default a:link,
.container .ui-state-default a:visited {
    color: #DF440B;
}

.container .ui-state-hover {
    border-color: #DF440B;
}

.container .ui-state-active.ui-state-hover {
    border-color: #ddd;
}

.container .wpb_accordion_section {
    margin-top: 5px;
}

.container .ui-state-active a,
.container .ui-state-active a:link,
.container .ui-state-active a:visited {
    color: #111;
}

.container .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    margin-top: -15px;
    margin-bottom: 2px;
    margin-top: -3px;
    margin-bottom: 3px;
    border: 1px solid #eee;
    border-top: none;
}

.container .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
    margin-bottom: 12px;
    border: 1px solid #eee !important;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
    margin: 0 -1px 1px -1px !important;
}

.container .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active a {
    color: #fff;
}

/* -- Shortcode: Horizontal Line --
   ================================================== */

.vc_separator.vc_separator_align_center h4,
.vc_separator.vc_separator_align_left h4 {
    font-size: 18px;
    font-weight: 400;
    padding: 0px 1.8em;
    text-transform: uppercase;
}

.vc_separator {
    margin-bottom: 15px !important;
}


/* -- Shortcode: Profile --
   ================================================== */

.profile .wpb_wrapper {
    background: #fff;
}

.content-area .column_container.profile h2,
.content-area .column_container.profile h3,
.content-area .column_container.profile h4,
.content-area .column_container.profile h5 {
    margin-bottom: 0.3em;
}

.profile img {
    margin: 0px auto 20px auto !important
}

.profile .wpb_wrapper h2,
.profile .wpb_wrapper h3,
.profile .wpb_wrapper h4,
.profile .wpb_wrapper h5 {
    padding: 0px 30px;
}

.profile .container {
    padding: 0px 30px 20px 30px;
}

.content-area .profile .wpb_wrapper h5 {
    margin-top: 0.5em;
    font-size: 15px;
}

.profile .wpb_content_element {
    margin-bottom: 20px;
}

.profile a.aio-tooltip {
    float: left;
    margin-right: 13px;
}

.profile a.aio-tooltip:hover .aio-icon {
    color: #DF440B !important;
}

.content-area a.aio-tooltip,
.content-area a.aio-tooltip:hover {
    border: none;
    padding: 0px;
}

.cg-person {
    margin-bottom: 30px !important;
}

.cg-person-inner {
    background-color: #fff;
}

.cg-person-text-inner {
    padding: 10px;
    text-align: center;
}

.cg-person-name {
    font-size: 18px;
    margin: 0 !important;
}

.cg-person-title {
    color: #c0c0c0;
    display: block;
}

.cg-person-desc {
    font-style: italic;
    margin: 0 0 30px 0;
    font-size: 14px;
}

.cg-person-social-container {
    text-align: center;
}

.cg-person-social-container a {
    color: #9e9e9e;
}

.cg-social-icon-container {
    margin: 0px 5px;
    text-align: center;
    font-size: 18px;
}

.cg-social-icon-container a {
    text-decoration: none;
    border-bottom: none;
}

.cg-social-icon-container a:hover {
    border-bottom: none;
    opacity: 0.8;
}

.subfooter .cg-social-icon-container a{
    color: #fff;
}

/* -- Shortcode: List with Icons --
   ================================================== */

.content-area .smile_icon_list_wrap ul li:before {
    display: none;
}

.content-area .icon_list_icon {
    margin-top: 5px;
}

.container .smile_icon_list li .icon_description p {
    font-size: 15px;
}


/* -- Shortcode: Icons --
   ================================================== */

.container .aio-icon {
    margin-bottom: 10px;
}

.icon-center {
    margin: 0px auto 20px auto !important;
    display: block !important;
}

/* -- Shortcode: Infographics --
   ================================================== */

.container .vc_pie_chart .vc_pie_chart_value {
    font-size: 150%;
}

.container .vc_pie_chart .vc_pie_wrapper {
    margin-bottom: 12px;
}

.content-area .vc_pie_chart h4 {
    font-size: 18px;
}

.container .vc_progress_bar .vc_single_bar {
    background: #f2f2f2;
}

.container .vc_pie_chart {
    margin-bottom: 20px;
}

.container .wpb_row h2.wpb_progress_bar_heading {
    font-size: 20px;
}

.vc_progress_bar .vc_single_bar {
    box-shadow: none !important;
}

.vc_progress_bar .vc_single_bar .vc_label {
    text-shadow: none !important;
    font-size: 15px;
}


/* -- Shortcode: Tour --
   ================================================== */

.container .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
    float: none;
    background: #fff;
    color: #888;
    font-weight: 400;
}

.container .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a:hover {
    color: #111;
    border-right: 2px solid #ddd;
}

.container .wpb_tour .wpb_tabs_nav li {
    float: none;
    margin: 0px;
}

.container .wpb_tour .wpb_tabs_nav li {
    border:none !important;
    border-bottom: 1px solid #ddd !important;
}

.container .wpb_tour.wpb_content_element .wpb_tabs_nav {
    border: none;
    background: #fff;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    min-height: 150px;
}

.container .wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
    margin-bottom: 0px;
    border-right: 2px solid #ddd;
}

.container .wpb_tour .wpb_tour_tabs_wrapper {
    border: none;
    background: transparent;
}

.container .wpb_tour_next_prev_nav span {
    padding-top: 2.5em;
}

.container .wpb_tour_next_prev_nav a {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    border: 2px solid #444;
    padding: 8px 16px;
    color: #111;
}

.container .wpb_tour_next_prev_nav a:hover {
    border: 2px solid #444;
    border-radius: 0px;
}

/* -- Shortcode: Hadings --
   ================================================== */

.uvc-heading .uvc-main-heading h2 {
    font-size: 34px;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
}

.content-area .uvc-sub-heading p {
    font-size: 20px;
}

.content-area .uvc-heading-spacer {
    margin-top: 20px;
}


/* -- Shortcode: FAQs --
   ================================================== */

.wpb_toggle:before,
h4.wpb_toggle:before {
    font-family: 'fontawesome';
    content: "\f067";
    font-size: 11px;
    line-height: 27px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    width: 26px;
    height: 26px;
    color: #fff;
    margin: 0px 0 0 0;
    background: #DF440B;
    transition: 0.3s all ease-out;
    border-radius: 50%;
}

.wpb_toggle,
h4.wpb_toggle {
    padding-left: 42px;
    position: relative;
    background: none;
}

h4.wpb_toggle,
.content-area h4.wpb_toggle  {
    font-size: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 20px !important;
    line-height: 1.4em;
    font-weight: 400;
}

.wpb_toggle_title_active:before {
    background: #f6653c;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* -- Shortcode: Images - Flexslider --
   ================================================== */

.content-area .flexslider ul li:before {
    display: none;
}

.content-area .wpb_flexslider.flexslider {
    margin: 0 0 60px;
    background: none;
    border: none;
    position: relative;
    border-radius: 0px;
    box-shadow: none;
}

.content-area .flex-direction-nav {
    position: absolute;
    top: 48%;
    width: 94%;
    left: 3%;
}

.content-area .wpb_flexslider .flex-direction-nav a,
#showcaseimg .flex-direction-nav a {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    color: #fff;
}

.content-area .wpb_flexslider .flex-direction-nav a.flex-prev:before,
#showcaseimg .flex-direction-nav a.flex-prev:before {
    font-size: 19px;
    position: absolute;
    left: 12px;
    top: 12px;
    color: #111;
    text-indent: 0;
}

.content-area .wpb_flexslider .flex-direction-nav a.flex-next:before,
#showcaseimg .flex-direction-nav a.flex-next:before {
    font-size: 19px;
    position: absolute;
    left: 14px;
    top: 12px;
    color: #111;
}

#showcaseimg .flex-direction-nav a.flex-next:before {
    left: 13px;
}

.content-area .wpb_flexslider .flex-direction-nav a:hover {
    border: none;
}

.container .wpb_gallery .wpb_flexslider .flex-control-nav {
    bottom: 0px;
    margin: 0px;
}

.container .wpb_gallery .wpb_flexslider .flex-control-nav.flex-control-paging {
    margin-top: 20px;
}

.container .flex-control-paging li a {
    background: rgba(0,0,0,0.2);
    box-shadow: none;
}

.container .dark .flex-control-paging li a {
    background: rgba(255,255,255,0.2);
}

.container .dark .flex-control-paging li a.flex-active {
    background: rgba(255,255,255,0.9);
}

.pp_bottom {
    bottom: -40px !important;
}

.container .flexslider {
    border: none;
    margin-top: 10px;
}

.container .flex-viewport {
    margin-left: 1px;
}

.container .wpb_posts_slider .flex-caption {
    background: #111;
    padding: 20px 20px 30px 20px;
}

.content-area .flex-caption h2 {
    margin-bottom: 6px;
}

.content-area .flex-caption h2 a {
    font-size: 26px;
    color: #fff;
}

.content-area .flex-caption p {
    color: #ddd;
}


/* -- Shortcode: Nivo Images --
   ================================================== */

.container .theme-default .nivoSlider {
    box-shadow: none;
}

/* -- Shortcode: Image Grids --
   ================================================== */

.container .content-area .wpb_image_grid a {
    padding: 0px;
    border: none;
}


/* -- Shortcode: Post Lists --
   ================================================== */


/* 4.3 fixes */

.container .vc_carousel .vc_carousel {
    border: 1px solid #eee;
    padding: 10px 15px 15px 15px;
    margin-bottom: 50px !important;
}

.container .vc_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {
    margin: 15px 10px 15px 15px !important;
}

.content-area .entry-content ol.vc_carousel-indicators {
    margin-bottom: -65px;
}

.container .vc_carousel .vc_carousel-indicators li {
    border: none;
}

.content-area .vc_carousel .post-thumb {
    margin-bottom: 10px;
}

.content-area .vc_carousel h2 {
    margin-bottom: 12px;
    margin-top: 10px;
    line-height: 0.7em;
}

.content-area .vc_carousel h2 a {
    font-size: 18px;
    line-height: 1.1em;
}

.content-area .vc_carousel p {
    font-size: 14px;
    line-height: 1.5em;
}

.content-area .vc_carousel .vc_carousel-indicators li {
    width: 13px;
    height: 13px;
    background: rgba(0,0,0,0.2);
    margin-left: 5px;
}

.container .vc_carousel-control {
    width: auto !important;
    opacity: 1 !important;
}

.container .vc-carousel-control:hover {
    background: #fff !important;
    opacity: 1 !important;
}

.container .vc_carousel-control .icon-prev:before {
    content: "\e628" !important;
    font-family: 'icomoon' !important;
    top: 4px !important;
    left: -1px !important;
}

.container .vc_carousel-control .icon-next:before {
    content: "\e602" !important;
    font-family: 'icomoon' !important;
    top: 4px !important;
    left: 1px !important;
}

.container .vc_carousel-control.vc-left {
    margin-left: -3px !important;
}

.container .vc_carousel-control.vc-right {
    margin-right: 1px !important;
}

.content-area .vc_carousel .vc_carousel-indicators li.vc_active {
    background-color: #333 !important;
}

.container .vc_carousel .vc_carousel-control,
.container .vc_carousel .vc_carousel-control:hover {
    border: none !important;
}

.container .vc_carousel .vc_carousel-control .icon-prev,
.vc_carousel .vc_carousel-control .icon-next {
    width: 32px !important;
    height: 32px !important;
    font-size: 20px !important;
    background: #fff !important;
    border-radius: 50% !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
}

.vc_carousel .vc_carousel-control .icon-prev:hover,
.vc_carousel .vc_carousel-control .icon-next:hover {
background-color: #f0f0f0 !important;
}

/* end 4.3 fixes */

.container .vc-carousel {
    border: 1px solid #eee;
    padding: 10px 15px 15px 15px;
    margin-bottom: 50px !important;
}

.container .vc-carousel.vc-per-view-more .vc-carousel-slideline .vc-carousel-slideline-inner > .vc-item > .vc-inner {
    margin: 15px 10px 15px 15px;
}

.content-area  .entry-content ol.vc-carousel-indicators {
    margin-bottom: -65px;
}

.container .vc_carousel .vc-carousel-indicators li {
    border: none;
}

.content-area .vc-carousel .post-thumb {
    margin-bottom: 10px;
}

.content-area .vc-carousel h2 {
    margin-bottom: 12px;
    margin-top: 10px;
    line-height: 0.7em;
}

.content-area .vc-carousel h2 a {
    font-size: 18px;
    line-height: 1.1em;
}

.content-area .vc-carousel p {
    font-size: 14px;
    line-height: 1.5em;
}

.content-area .vc_carousel .vc-carousel-indicators li {
    width: 13px;
    height: 13px;
    background: rgba(0,0,0,0.2);
    margin-left: 5px;
}

.container .vc-carousel-control {
    width: auto;
    opacity: 1;
}

.container .vc-carousel-control:hover {
    background: #fff;
    opacity: 1;
}

.container .vc-carousel-control .icon-prev:before {
    content: "\e628";
    font-family: 'icomoon';
    top: 4px;
    left: -1px;
}

.container .vc-carousel-control .icon-next:before {
    content: "\e602";
    font-family: 'icomoon';
    top: 4px;
    left: 1px;
}

.container .vc-carousel-control.vc-left {
    margin-left: -3px;
}

.container .vc-carousel-control.vc-right {
    margin-right: 1px;
}

.content-area .vc_carousel .vc-carousel-indicators li.vc-active {
    background-color: #333;
}

.container .vc_carousel .vc-carousel-control,
.container .vc_carousel .vc-carousel-control:hover {
    border: none;
}

.container .vc_carousel .vc-carousel-control .icon-prev,
.vc_carousel .vc-carousel-control .icon-next {
    width: 32px;
    height: 32px;
    font-size: 20px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    color: #333;
}

/* Vertical version */

.container .entry-content .vc_carousel_vertical ol.vc-carousel-indicators {
    position: absolute;
    bottom: -45px;
    left: 0px;
    width: 100%;
}

/* -- Shortcode: Calls to Action --
   ================================================== */

.container .vc_call_to_action {
    background-color: #fff;
    border: 1px solid #eee ;
}

.content-area .vc_call_to_action a {
    border-bottom: none;
}

.container .content-area .vc_call_to_action p {
    margin-bottom: 20px;
}

.container .wpb_call_to_action {
    border: none;
    background-color: #fff;
    border: 1px solid #ccc !important;
    padding: 32px 30px 30px 30px;
}

.container .wpb_row .wpb_call_to_action h2 {
    font-size: 22px;
}

.container .vc_call_to_action hgroup h2 {
    margin-bottom: 10px;
}

.container .wpb_row .wpb_call_to_action hgroup h2 {
    margin-bottom: 10px;
}

.container .wpb_row .wpb_call_to_action .wpb_button {
    border: none;
}


/* -- Shortcode: Buttons --
   ================================================== */

/* Custom class name added for grey buttons */
.black{
    color: #333 !important;
    text-shadow: none !important;
}

.container .wpb_row .wpb_call_to_action a .wpb_button,
.container .vc_btn,
.wpb_button {
    font-size: 14px;
    padding: 11px 25px !important;
    transition: all 0.2s linear !important;
    color: #FFF;
    border: none;
    text-transform: uppercase;
    border-radius: 0px !important;
    color: #fff !important;
    text-shadow: none !important;
}

.wpb_button.black {
    color: #333 !important;
}

.container button.wpb_btn-small,
.container span.wpb_btn-small,
.container .vc_btn_sm {
    font-size: 13px;
}

.container button.wpb_regularsize,
.container span.wpb_regularsize,
.container .vc_btn_md {
    font-size: 15px !important;
}

button.wpb_btn-large,
span.wpb_btn-large,
.vc_btn_lg {
    font-size: 17px !important;
}

.wpb_button:hover {
    border-radius: 0px !important;
    transition: all 0.2s linear;
}

.vc_btn {
    color: #fff !important;
}

.container .wpb_row .wpb_call_to_action a .wpb_button.wpb_btn-mini,
.container .wpb_row .wpb_button.wpb_btn-mini {
    font-size: 12px;
}

.container .wpb_row .wpb_call_to_action a .wpb_button.wpb_btn-small,
.container .wpb_row .wpb_button.wpb_btn-small {
    font-size: 13px;
}

.container .wpb_row .wpb_call_to_action a .wpb_button.wpb_btn-large,
.container .wpb_row .wpb_button.wpb_btn-large {
    font-size: 16px;
}

.content-area a.wpb_button_a:hover {
    border: none;
}


/* -- Shortcode: Posts --
   ================================================== */

/* 4.3 fixes */

.isotope-item.vc_col-sm-4 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.container .wpb_column .wpb_wrapper .wpb_teaser_grid {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/* end 4.3 fixes */

.container .wpb_column .wpb_wrapper .wpb_teaser_grid {
    margin-left: 0px;
    margin-right: 0px;
}

.container .wpb_row .wpb_filtered_grid ul.wpb_thumbnails-fluid {
    margin: 20px -15px;
}

.content-area .teaser_grid_container ul {
    margin: 0px;
}

.container .wpb_filtered_grid .wpb_row {
    margin-left: 0px;
    margin-right: 0px;
}

body .wpb_row .wpb_teaser_grid li h2 {
    background: #fff;
    margin-top: 0px;
    line-height: 0.4em;
    margin-bottom: 0px;
    padding: 15px 15px 10px 0px;
}

body .wpb_row .wpb_teaser_grid li h2 a {
    font-size: 20px;
    line-height: 1.25em;
}

.wpb_teaser_grid .categories_filter li.active a {
    border: 1px solid;
    color: #fff !important;
}

.wpb_teaser_grid li .entry-content {
    background: #fff;
    width: 100%;
    padding: 0px 15px 20px 0px;
}


/* -- Shortcode: Filters --
   ================================================== */

body .wpb_teaser_grid .categories_filter {
    margin: 40px 0px 0px 0px;
    text-align: center;
}

body .wpb_teaser_grid .categories_filter li {

    margin-right: 3px;
    margin-bottom: 14px;
    display: inline-block;
    float: none;
    float: none;
}

#filters button,
body .wpb_teaser_grid .categories_filter li a {
    padding: 4px 13px;
    color: #333 !important;
    text-transform: uppercase;
    font-size: 11px;
    border: none;
    border: 1px solid #eee;
    margin-right: 3px;
    background: #fff;
    font-weight: 400 !important;
}

#filters button {
    font-size: 12px;
    margin-right: 6px;
}

body .wpb_teaser_grid .categories_filter li a:hover,
#filters button:hover {
    border: 1px solid #ccc;
    color: #000;
}

#filters button.is-checked,
#filters button.is-checked:hover {
    color: #fff !important;
}

/* -- Shortcode: Messages --
   ================================================== */

.cg-msg-wrap {
    position: relative;
    overflow: hidden;
}

.cg-msg-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.cg-msg-text {
    bottom: 32% !important;
    top: auto !important;
    position: absolute;
    left: 0;
    width: 100%;
}

.cg-msg-heading {
    line-height: 0;
}

.content-area .cg-msg-text h1 {
    border: none;
    font-weight: 400;
    font-size: 48px;
    color: #fff;
    cursor: default;
}

.content-area .messagebox_text p {
    font-size: 17px;
}


/* -- Shortcode: Message Strips --
   ================================================== */

.cg-strip-caption {
    position: relative;
    background: rgba(255, 255, 255, 1.0);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.cg-strip-border {
    border: 1px solid rgba(255, 255, 255, 0.7);
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.cg-strip-wrap {
    position: relative;
    overflow: hidden;
}

.cg-strip-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.cg-strip p {
    font-size: 17px;
    line-height: 1.6em !important;
    margin: 20px 15px !important;
}

.cg-strip .cg-pos {
  position: absolute;
  white-space: normal;
  left: 10%;
  bottom: 10%;
  right: 10%;
  margin: 0 auto;
  z-index: 3;
}

.cg-strip .valign-top {
  top: 12% !important;
  margin: 0 auto !important;
  bottom: auto !important;
}

.cg-strip .valign-bottom {
  bottom: 12% !important;
  margin: 0 auto !important;
  top: auto !important;
}

.cg-strip .valign-center {
  bottom: 50% !important;
  top: auto !important;
  text-align: center;
}

.cg-strip .halign-left {
  left: 10%;
  right: auto;
  text-align: left;
}

.cg-strip .halign-right {
  left: auto;
  right: 10%;
  text-align: right;
}

.cg-strip .text-align-left {
    text-align: left !important;
}

.cg-strip .text-align-right {
    text-align: right !important;
}

.cg-strip .text-align-center {
    text-align: center !important;
}

.cg-strip-wrap h1,
.cg-strip-wrap h2,
.cg-strip-wrap h3,
.cg-strip-wrap h4,
.cg-strip-wrap h5,
.cg-strip-wrap h6,
.cg-strip-wrap p {
    margin: 15px 0 !important;
    padding: 0 !important;
    line-height: 1.2em;
}

.content-area .cg-strip-wrap p,
.cg-strip-wrap p {
    font-size: 17px;
}

.content-area .cg-strip-wrap h3,
.cg-strip-wrap h3 {
    font-size: 34px;
    font-weight: 400;
    line-height: 1.3em !important;
    margin-bottom: 0px !important;
}

.content-area .cg-strip-wrap h4,
.cg-strip-wrap h4 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.25em !important;
}

.content-area .cg-strip-wrap h5,
.cg-strip-wrap h5 {
    font-size: 17px;
    font-weight: 600;
}

.cg-strip-wrap h1 {
    border: none;
    font-weight: 700 !important;
    font-size: 48px !important;
}

.cg-strip-content.light h1,
.cg-strip-content.light h2,
.cg-strip-content.light h3,
.cg-strip-content.light h4,
.cg-strip-content.light h5,
.cg-strip-content.light h6,
.cg-strip-content.light,
.cg-content-strip-big.light h2 {
    color: #fff;
}

.cg-strip-content.light h1 {
    line-height: 1.2em;
}

.cg-strip-content.dark {
    color: #444 !important;
}

.cg-strip-content a {
    color: #fff;
}

.content-area .cg-strip-content .see-through {
    color: #fff;
}

.cg-strip-content a:hover {
    text-decoration: none !important;
}

.cg-strip-wrap hr {
    width: 40px;
    margin: 15px auto 12px auto;
    border-top: 2px solid #fff;
}

.cg-strip .cg-strip-bg {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background-size: cover !important;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/* Hover effect if class is added to VC */
.cg-content-hover .cg-strip .cg-strip-bg {
    opacity: 0.75;
}

.cg-strip:hover .cg-strip-bg{
    opacity: 0.7;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cg-strip-content-big {
    line-height: 1.5em;
}

.cg-strip-content-big h1,
.cg-strip-content-big h2,
.cg-strip-content-big h3,
.cg-strip-content-big h4,
.cg-strip-content-big h5,
.cg-strip-content-big h6,
.cg-strip-content-big p {
    margin: 8px 0 !important;
    padding: 0 !important;
}

.light {
    color: #fff;
}

.cg-strip-content-big.light h1,
.cg-strip-content-big.light h2,
.cg-strip-content-big.light h3,
.cg-strip-content-big.light h4,
.cg-strip-content-big.light h5,
.cg-strip-content-big.light h6,
.cg-strip-content-big.light {
    color: #fff;
}

.cg-strip-content-big.dark {
    color: #444 !important;
}

.cg-strip-content-big hr {
    width: 40px;
    margin: 15px auto 12px auto;
    border-top: 2px solid #fff;
}

/* -- Shortcode: Map --
   ================================================== */

.content-area #cg-map-container img {
  max-width: inherit !important;
}

.cg-map-info {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0px;
}

.cg-map-info .col-md-4 {
    float: right;
}

.cg-map-info .row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 1170px;
}

.map_inner {
    padding: 30px 30px 25px 30px;
    font-size: 17px;
    border-top: 3px solid #DF440B;
    background: #fff;
}

/* Responsive */

@media (max-width: 1200px) {
    .map-info .row {
        max-width: 970px;
    }
}


/* -- Shortcode: Dividers --
   ================================================== */

.cg-divider {
    border: 0;
    height: 1px;
    background: #e2e2e2;
    margin: 2em 0;
}

.cg-divider--strong {
    height: 7px;
}

.cg-divider--double {
    height: 7px;
}

.cg-divider--double:after {
    content: '';
    display: block;
    border-bottom: 1px solid #363f48;
    position: relative;
    top: 10px;
}

.cg-divider--dashed {
    background: none;
    border-bottom: 1px dashed #363f48;
}

.cg-divider--dotted {
    background: none;
    border-bottom: 1px dotted #363f48;
}

.subfooter .cg-divider--dotted {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}

/* -- Shortcode: Dropcap --
   ================================================== */

.cg-dropcap {
    display: block;
    float: left;
    width: auto !important;
    height: auto !important;
    padding: 0px 10px 4px 0px;
    margin: 0px 0px 15px 0;
    text-align: left;
    font-weight: 700;
}

.cg-dropcg--squared {
    background: #363f48;
    color: #fff;
    text-align: center;
    margin: 7px 15px 5px 0px;
    padding: 5px 10px;
}


/* -- Shortcode: Video --
   ================================================== */

.video-banner-content h1,
.video-banner-content h2,
.video-banner-content h3,
.video-banner-content h4,
.video-banner-content h5,
.video-banner-content h6,
.video-banner-content p {
    line-height: 100% !important;
    margin: 8px 0 !important;
    padding: 0 !important;
}

.video-banner-content p {
    line-height: 1.5em !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5em !important;
    margin: 20px 0px !important;
}

.content-area .video-banner-content p {
    font-size: 17px;
}

.video-banner-content h2 {
    font-size: 48px;
    margin-bottom: 30px;
}

.content-area .video-banner-content h3 {
    font-size: 34px;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 20px !important;
}

.content-area .video-banner-content h4 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.content-area .video-banner-content h4.larger {
    font-size: 28px;
    margin-bottom: 15px !important;
}

.content-area .video-banner-content h5 {
    font-size: 18px;
}

.video-banner-content h1 {
    border: none;
    font-weight: 700;
    font-size: 48px;
}

.video-banner-content h2,
.video-banner-content h3 {
    font-weight: 600;
}

.video-banner-content.light h1,
.video-banner-content.light h2,
.video-banner-content.light h3,
.video-banner-content.light h4,
.video-banner-content.light h5,
.video-banner-content.light h6,
.video-banner-content.light {
    color: #fff;
}

.video-banner-content.light h4 {
    margin: 10px 15px 30px 15px !important;
}

.video-banner-content.dark {
    color: #444 !important;
}

.video-banner-content hr {
    width: 40px;
    margin: 15px auto 12px auto;
    border-top: 2px solid #fff;
}

.video-bg-img {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #eee;
}

.video-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    background-image: url("../images/cg-vid-overlay.png");
    background-position: 0 0;
    background-repeat: repeat;
    opacity: 1;
    z-index: 2;
}

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

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

video.fillWidth {
    width: 100%;
}

.youtube-player {
    width: 100% !important;
    margin: 20px 0px;
}

.video-player {
    margin-bottom: 30px;
}


/*-------------------------------------------------------------------------*/
/*  31.  Showcase/Portfolio
/*-------------------------------------------------------------------------*/

.cg-folio-thumb {
    overflow: hidden;
    display: block;
    position: relative;
}

.cg-folio-img {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
}

.cg-thumbnail {
    position: relative;
    display: block;
    width: 100%;
    z-index: 100;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 1;
    transform: scale(1.05);
}

.cg-folio-thumb:hover .cg-thumbnail {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 0.75;
    transform: scale(1);
}

.cg-folio-text-wrap {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    visibility: visible;
    overflow: hidden;
    width: 100%;
    z-index: 200;
}

.cg-folio-text-outer {
    display: table;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cg-folio-text-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.cg-folio-title,
.cg-folio-title a {
    color: #fff;
    font-size: 22px;
    display: block;
    margin: 0px 10px 2px 10px;
    line-height: 1.2em;
}

.cg-folio-title a:hover {
    color: #fff;
    text-decoration: none;
}

.cg-folio-thumb:hover .cg-folio-text-wrap {
    opacity: 1;
    filter: alpha(opacity=100);
}

.cg-folio-categories {
    color: #ccc;
}

.wpb_column .cg-recent-folio-text-wrap {
    border: none;
}

.wpb_column .cg-recent-folio-categories {
    font-size: 15px;
    margin-top: -7px;
    color: #222;
}

.showcase-entry-title {
    line-height: 1.3em;
    font-size: 30px;
    margin-bottom: 25px;
    margin-top: 10px;
    font-weight: 700;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 16px;
}

.element-item {
    position: relative;
}

.tf_showcase,
.showcases {
    margin-bottom: 20px;
}

.twocolwrap .tf_showcase,
.fourcolwrap .tf_showcase,
.twocolwrap .showcases,
.fourcolwrap .showcases {
    margin-bottom: 30px;
}

#showcase {
    margin: 20px 0 0 0;
}

#showcase-wrap {
    position: relative;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
}

.fourcolwrap .showcases.col-lg-3,
.threecolwrap .showcases.col-lg-4,
.twocolwrap .showcases.col-lg-6 {
    padding: 0px;
    margin: 0px;
}

#filters {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

#filters h2 {
    display: none;
}

/* Showcase Categories */

.single-tf_showcase .entry-title,
.single-showcases .entry-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 35px;
    margin-top: 10px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e2e2;
    color: #111;
}

#showcasecontent p {
    margin-bottom: 12px;
}

#showcasecontent h4 {
    margin-top: 0;
    font-size: 24px;
}

#showcasedetails h4 {
    font-size: 16px;
    margin-top: 0px;
    font-weight: 600;
}

.scasetop {
    margin: 0 0 35px 0;
    border-bottom: 1px solid #efefef;
    overflow: auto;
}

.scase-pgtitle {
    float: left;
    padding: 0 30px 30px 0;
    text-transform: uppercase;
}

#showcase_cats {
    margin-bottom: 30px;
}

#showcase_cats h2 {
    display: block;
    float: left;
    font-size: 18px;
    margin: 0;
}

body.single-showcases .content {
    padding-top: 40px;
}

.cg-more-work h2 {
    font-size: 20px !important;
    font-weight: 400 !important;
    margin-bottom: 10px;
    margin-top: 15px;
    text-transform: uppercase;
    padding-top: 20px;
    border-top: 1px solid #e2e2e2;
}

.cg-recent-folio-text-wrap {
    background-color: #fff;
    border: 1px solid #eaeaea;
    text-align: center;
    padding-bottom: 15px;
}

.cg-recent-folio-title,
.content-area h2.cg-recent-folio-title {
    margin-top: 0;
    line-height: 1.4em;
}

.cg-recent-folio-title a,
.content-area h2.cg-recent-folio-title a {
    color: inherit;
    font-size: 18px;
    color: #DF440B;
}

.cg-recent-folio-title a:hover,
.content-area h2.cg-recent-folio-title a:hover {
   color: #111;
   text-decoration: none;
}

.cg-folio-video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.cg-folio-video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

#scasewrap {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 0 0 13px 0;
    margin: 0;
    font-size: 11px;
}

#scasenav .nav-previous,
#scasenav .nav-next {
    margin: 0;
}

#scasenav .scase-prev:before {
    content: "\f08e";
    font-family: FontAwesome;
}

#scasenav .nav-previous a {
    display:block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    float: right;
    border: 1px solid #ccc;
    opacity: 0.5;
    background-color: #fff;
    transition: all 200ms ease-in-out;
}

#scasenav .nav-next a {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/button-arrows-grey.png) no-repeat 0 0;
    background-position: 0 -30px !important;
    text-indent: -9999px;
    float: right;
    margin-left: 5px;
    border: 1px solid #ccc;
    opacity: 0.5;
}

#scasenav .nav-previous a:hover,
#scasenav .nav-next a:hover {
    background-color: #efefef;
}

#sort-by {
    display: block;
    float: left;
    font-size: 18px;
}

#sort-by a.active {
    color: #DA590F;
}

.showcasecontent p {
    margin: 0 10px 15px 10px;
}

.scwebsite .icon-external-link {
    padding-right: 5px;
}

.scwebsite:before {
    color: #adadad;
    content: "\f08e";
    font-family: FontAwesome;
    position: absolute;
    margin-top: 2px;
    font-size: 13px;
}

.scwebsite a {
    margin-left: 24px;
}

.scwebsite:hover:before {
    color: #DF440B;
}

#showcase_cats li {
    list-style: none;
    display: inline;
    padding: 0 10px;
}

.sc-entry-title {
    font-size: 28px;
    margin-bottom: 20px;
}

.tf_showcase .post_thumb img,
.showcases .post_thumb img {
    margin-bottom: 10px;
}

#showcaseimg {
    margin-bottom: 20px;
}

.container #showcaseimg .flexslider {
    margin: 0px;
}

.content-area #showcaseimg .flex-direction-nav {
    top: 50%;
}

.content-area #showcaseimg ul {
    margin: 0px;
}

.content-area #showcaseimg ul li {
    margin: 0px;
}

#showcaseimg #slider .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 400ms ease-in-out;
}

#showcasecontent h4 {
    margin-bottom: 15px;
}

#showcasedetails h4 {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 18px;
}

#showcasecontent {
    margin-bottom: 40px;
}

.scwebsite {
    display: block;
    margin: 10px 0 10px 0;
}

.media-right .pullquote {
    border-left: 1px solid #DDD;
}

.pullquote {
    padding: 10px 20px;
    font-size: 1.2em;
    color: black;
}

#testimonial {
    padding: 10px 20px 10px 50px;
    color: #444;
    margin: 20px 0 20px 0;
}

#testimonial p {
    clear: both;
    float: left;
    font-style: italic;
    margin: 0 0 10px 0;
}

#testimonial cite {
    clear: both;
    display: block;
    float: left;
    margin: 0 0 0 20px;
}

#postterms {
    clear: both;
    float: left;
}

#postterms h5 {
    font-size: 14px;
    margin-bottom: 10px;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
}

/*-------------------------------------------------------------------------*/
/*  32.  Contact Page
/*-------------------------------------------------------------------------*/

.content-area .wpcf7 p {
    margin-bottom: 20px;
}

.wpcf7 input,
.wpcf7 textarea {
    margin-top: 6px;
    width: 100%;
    padding: 5px 8px;
}

.wpcf7 textarea {
    height: 200px;
}

.wpcf7 input[type="file"] {
    padding: 0px;
}

.content-area span.wpcf7-list-item {
    margin-left: 1em;
    position: relative;
    display: block;
}

.wpcf7 .wpcf7-list-item input[type="radio"],
.wpcf7 .wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    left: -1.2em;
    top: 1px;
}

#respond input#submit,
.wpcf7 input.wpcf7-submit {
    color: #333 !important;
    font-size: 14px !important;
}

.wpcf7 input.wpcf7-submit {
    width: auto;
    background: #fff;
}

.wpcf7 input.wpcf7-submit:hover {
    border-radius: 0px;
}

.content-area img.ajax-loader {
    margin-top: 15px;
}

.content-area div.wpcf7-response-output {
    margin: 0em;
}

.content-area div.wpcf7-validation-errors {
    background: #ffffcc;
    padding: 12px;
    margin-top: -20px;
    font-size: 15px;
    border: none;
}

.content-area div.wpcf7-mail-sent-ok {
    background: #31bc69;
    margin-top: -20px;
    font-size: 15px;
    border:none;
    padding: 12px;
    color: #fff;
    border: none;
}

.content-area span.wpcf7-not-valid-tip {
    padding: 3px 0px;
    font-size: 0.8em;
}


/*-------------------------------------------------------------------------*/
/*  33.  404 Page
/*-------------------------------------------------------------------------*/

body.error404 .content-area h1 {
    border: none;
    text-align: center;
    font-size: 40px;
    margin-top: 30px;
    padding-bottom: 0px;
    font-weight: 400;
}

body.error404 .content-area p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}

body.error404 .content-area a.btn {
    color: #222 !important;
}


/*-------------------------------------------------------------------------*/
/*  34.  Flexslider
/*-------------------------------------------------------------------------*/

.preloading {
  min-height: 359px;
  background: url('../images/ajax-load.gif') no-repeat center center !important;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

@font-face {
    font-family: 'flexslider-icon';
    src:url('fonts/flexslider-icon.eot');
    src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
        url('fonts/flexslider-icon.woff') format('woff'),
        url('fonts/flexslider-icon.ttf') format('truetype'),
        url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

.slides li:after {
  content: ".";
  position:absolute;
  top:0;
  left:0;
  z-index:-1000;
}

.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

.no-js .slides > li:first-child {
  display: block;
}

.flexslider {
  position: relative;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  line-height: 1;
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0,0,0,0.8);
  text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
}

.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}

.flex-direction-nav a:before  {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
}

.flex-direction-nav a.flex-next:before  {
  content: '\f002';
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before  {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

.flex-pauseplay a:hover  {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px !important;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0,0,0,0.5);
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0,0,0,0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}


/* Responsive */
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}


/*-------------------------------------------------------------------------*/
/*  35.  Product Grids
/*-------------------------------------------------------------------------*/

.col-xs-product-1 > li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
    .col-xs-product-1 > li:nth-of-type(n) {
      clear: none;
    }

    .col-xs-product-1 > li:nth-of-type(1n+1) {
      clear: both;
    }

  .col-xs-product-2 > li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }

    .col-xs-product-2 > li:nth-of-type(n) {
      clear: none;
    }

    .col-xs-product-2 > li:nth-of-type(2n+1) {
      clear: both;
    }

    /* Related */
    .related .col-xs-product-2 > li:nth-of-type(2n+1) {
      clear: none;
    }

  .col-xs-product-3 > li {
    width: 33.33333%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-xs-product-3 > li:nth-of-type(n) {
      clear: none;
    }

    .col-xs-product-3 > li:nth-of-type(3n+1) {
      clear: both;
    }

  .col-xs-product-4 > li {
    width: 25%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }
    .col-xs-product-4 > li:nth-of-type(n) {
      clear: none;
    }

    .col-xs-product-4 > li:nth-of-type(4n+1) {
      clear: both;
    }

  .col-xs-product-5 > li {
    width: 20%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-xs-product-5 > li:nth-of-type(n) {
      clear: none;
    }

    .col-xs-product-5 > li:nth-of-type(5n+1) {
      clear: both;
    }

  .col-xs-product-6 > li {
    width: 16.66667%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-xs-product-6 > li:nth-of-type(n) {
      clear: none;
    }

    .col-xs-product-6 > li:nth-of-type(6n+1) {
      clear: both;
    }

  .col-xs-product-7 > li {
    width: 14.28571%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-xs-product-7 > li:nth-of-type(n) {
      clear: none;
    }

    .col-xs-product-7 > li:nth-of-type(7n+1) {
      clear: both;
    }

  .col-xs-product-8 > li {
    width: 12.5%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-xs-product-8 > li:nth-of-type(n) {
      clear: none;
    }

    .col-xs-product-8 > li:nth-of-type(8n+1) {
      clear: both;
    }

  .col-xs-product-9 > li {
    width: 11.11111%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-xs-product-9 > li:nth-of-type(n) {
      clear: none;
    }

    .col-xs-product-9 > li:nth-of-type(9n+1) {
      clear: both;
    }

  .col-xs-product-10 > li {
    width: 10%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-xs-product-10 > li:nth-of-type(n) {
      clear: none;
    }

    .col-xs-product-10 > li:nth-of-type(10n+1) {
      clear: both;
    }

  .col-xs-product-11 > li {
    width: 9.09091%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-xs-product-11 > li:nth-of-type(n) {
      clear: none;
    }

    .col-xs-product-11 > li:nth-of-type(11n+1) {
      clear: both;
    }

  .col-xs-product-12 > li {
    width: 8.33333%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-xs-product-12 > li:nth-of-type(n) {
      clear: none;
    }

    .col-xs-product-12 > li:nth-of-type(12n+1) {
      clear: both;
    }


@media (min-width: 768px) {

  .col-xs-product-1 > li:nth-of-type(1n+1) {
    clear: none;
  }

  .col-xs-product-2 > li:nth-of-type(2n+1) {
    clear: none;
  }

  .col-xs-product-3 > li:nth-of-type(3n+1) {
    clear: none;
  }

  .col-xs-product-4 > li:nth-of-type(4n+1) {
    clear: none;
  }

  .col-xs-product-5 > li:nth-of-type(5n+1) {
    clear: none;
  }

  .col-xs-product-6 > li:nth-of-type(6n+1) {
    clear: none;
  }

  .col-xs-product-7 > li:nth-of-type(7n+1) {
    clear: none;
  }

  .col-xs-product-8 > li:nth-of-type(8n+1) {
    clear: none;
  }

  .col-xs-product-9 > li:nth-of-type(9n+1) {
    clear: none;
  }

  .col-xs-product-10 > li:nth-of-type(10n+1) {
    clear: none;
  }

  .col-xs-product-11 > li:nth-of-type(11n+1) {
    clear: none;
  }

  .col-xs-product-12 > li:nth-of-type(12n+1) {
    clear: none;
  }

 .col-lg-product-1 > li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }

    .col-lg-product-1 > li:nth-of-type(n) {
      clear: none;
    }

    .col-lg-product-1 > li:nth-of-type(1n+1) {
      clear: both;
    }

  .col-lg-product-2 > li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }

    .col-lg-product-2 > li:nth-of-type(n) {
      clear: none;
    }

    .col-lg-product-2 > li:nth-of-type(2n+1) {
      clear: both;
    }

    /* Override for Cross Sells */
    .cross-sells .col-lg-product-2 > li:nth-of-type(2n+1) {
      clear:none;
    }

    .cross-sells .col-lg-product-2 > li:nth-of-type(4n+1){
      clear:both;
    }

    .col-lg-product-3 > li {
      width: 33.33333%;
      float: left;
      padding-left: 15px;
      padding-right: 15px;
    }

    .col-lg-product-3 > li:nth-of-type(n) {
      clear: none;
    }

    .col-lg-product-3 > li:nth-of-type(3n+1) {
      clear: both;
    }

    .col-lg-product-4 > li {
      width: 25%;
      float: left;
      padding-left: 15px;
      padding-right: 15px;
    }

    .col-lg-product-4 > li:nth-of-type(n) {
      clear: none;
    }

    .col-lg-product-4 > li:nth-of-type(4n+1) {
      clear: both;
    }

    .col-lg-product-5 > li {
      width: 20%;
      float: left;
      padding-left: 15px;
      padding-right: 15px;
    }

    .col-lg-product-5 > li:nth-of-type(n) {
      clear: none;
    }

    .col-lg-product-5 > li:nth-of-type(5n+1) {
      clear: both;
    }

  .col-lg-product-6 > li {
    width: 16.66667%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-lg-product-6 > li:nth-of-type(n) {
      clear: none;
    }

    .col-lg-product-6 > li:nth-of-type(6n+1) {
      clear: both;
    }

  .col-lg-product-7 > li {
    width: 14.28571%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-lg-product-7 > li:nth-of-type(n) {
      clear: none;
    }

    .col-lg-product-7 > li:nth-of-type(7n+1) {
      clear: both;
    }

  .col-lg-product-8 > li {
    width: 12.5%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-lg-product-8 > li:nth-of-type(n) {
      clear: none;
    }

    .col-lg-product-8 > li:nth-of-type(8n+1) {
      clear: both;
    }

  .col-lg-product-9 > li {
    width: 11.11111%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-lg-product-9 > li:nth-of-type(n) {
      clear: none;
    }

    .col-lg-product-9 > li:nth-of-type(9n+1) {
      clear: both;
    }

  .col-lg-product-10 > li {
    width: 10%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-lg-product-10 > li:nth-of-type(n) {
      clear: none;
    }

    .col-lg-product-10 > li:nth-of-type(10n+1) {
      clear: both;
    }

  .col-lg-product-11 > li {
    width: 9.09091%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-lg-product-11 > li:nth-of-type(n) {
      clear: none;
    }

    .col-lg-product-11 > li:nth-of-type(11n+1) {
      clear: both;
    }

  .col-lg-product-12 > li {
    width: 8.33333%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

    .col-lg-product-12 > li:nth-of-type(n) {
      clear: none;
    }

    .col-lg-product-12 > li:nth-of-type(12n+1) {
      clear: both;
    }
}

/*-------------------------------------------------------------------------*/
/*  36.  iOS Slider
/*-------------------------------------------------------------------------*/

.iosSlider {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transition: min-height 500ms ease-out;
  -moz-transition: min-height 500ms ease-out;
  transition: min-height 500ms ease-out;
  margin-bottom: 20px;
}

.iosSlider .slider {
  width: 100%;
  height: 100%;
}

.iosSlider .slider .slide {
  float: left;
  width: 100%;
}

.iosSlider.default {
  position: relative;
  height: 300px;
  min-height: 300px;
  overflow: hidden;
  width: 100%;
  position: relative;
  top: -1px !important;
}

.iosSlider.product-gallery-slider {
  height: 500px;
  min-height: 500px;
  overflow: hidden;
  width: 100%;
}

.iosSlider .slider > .ux_banner,
.iosSlider .slider > .row {
  float: left;
  width: 100%;
  height: 100%;
}

.iosSlider .slider > a {
  display: block;
}

.iosSlider .slider > a img {
  width: 100% !important;
}

.cat-header .iosSlider {
  margin-bottom: 0;
}

.iosSlider .product-image .front-image img,
.iosSlider .product-image .back-image img {
  width: 100% !important;
}

.iosSlider .sliderNav a {
  z-index: 2;
  width: 7%;
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.iosSlider .sliderNav a span {
  display: block;
  line-height: 30px;
  position: absolute;
  top: 45%;
  font-size: 32px;
  width: 38px;
  height: 38px;
  text-align: center;
  color: #fff;
  border: 3px solid #FFF;
  -webkit-border-radius: 99px;
  border-radius: 99px;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.iosSlider:hover .sliderNav a {
  opacity: 0.7;
}

.iosSlider .sliderNav a:hover {
  opacity: 1;
}

.iosSlider .sliderNav a.nextSlide {
  left: 0;
}

.iosSlider .sliderNav a.prevSlide {
  right: 0;
}

.iosSlider .sliderNav a.nextSlide span {
  left: 30%;
  padding-right: 3px;
}

.iosSlider .sliderNav a.prevSlide span {
  right: 30%;
  padding-left: 3px;
}

.sliderNav.small a {
  width: 15px;
}

.iosSlider:hover .sliderNav.small a {
  width: 40px;
}

.sliderNav.small a {
  opacity: 1;
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0px -150px 30px 0px rgba(0, 0, 0, 0.3);
}

.sliderNav.small a.disabled {
  opacity: 0 !important;
}

.product-image .sliderNav a {
  top: 100px;
  bottom: 100px;
  border:none;
  padding:0px;
}

.iosSlider:hover .sliderNav.small a span {
  opacity: 1;
}

.sliderNav.small a span {
  opacity: 0;
  border-color: #000;
  color: #000;
  height: 30px;
  width: 30px;
  border-width: 2px;
  line-height: 24px;
}

.sliderNav.small a.nextSlide span {
  left: 0px;
  padding-right: 3px;
}

.sliderNav.small a.prevSlide span {
  right: 0px;
  padding-left: 3px;
}

.iosSlider .sliderNav.simple a {
  border: 0;
}

.iosSlider .sliderNav.simple a span {
  line-height: 26px;
}

.iosSlider .sliderNav.dark a {
  color: #777;
}

.iosSlider .sliderNav.simple a.nextSlide {
  left: 10px;
}

.iosSlider .sliderNav.simple a.prevSlide {
  right: 10px;
}


/*-------------------------------------------------------------------------*/
/*  37.  Magnific Popup
/*-------------------------------------------------------------------------*/


.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-content .product-images {
    padding-left: 15px;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

  .mfp-preloader a {
    color: #ccc;
  }

    .mfp-preloader a:hover {
      color: white;
    }

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 38px;
  height: 38px;
  line-height: 38px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 24px;
  font-family: Arial, Baskerville, monospace;
}

  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-close-btn-in .mfp-close:hover {
    color: #000;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: white;
    text-align: center;
    position: absolute;
    top: 40px;
    height: 38px;
    right: 0px;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

  .mfp-arrow:active {
    margin-top: -54px;
  }

  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .mfp-arrow:before,
  .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
  }

  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
  }

  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
  }

.mfp-arrow-left {
  left: 0;
}

  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
  }

  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
  }

.mfp-arrow-right {
  right: 0;
}

  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
  }

  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
  }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
  }

  .mfp-iframe-holder .mfp-close {
    top: -40px;
  }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
  }

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

.mfp-figure {
  line-height: 0;
}

  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444;
  }

  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
  }

  .mfp-figure figure {
    margin: 0;
  }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0;
    }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
    }
 }

@media all and (max-width: 900px) {

  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
    }
 }

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}


/*-------------------------------------------------------------------------*/
/*  38.  MeanMenu
/*-------------------------------------------------------------------------*/


a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-bar {
  position: relative;
  z-index: 9;
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  position: absolute;
  padding: 20px;
  top: 0px;
  right: 0px !important;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #666;
  height: 2px;
  margin-top: 4px;
  transition: all 500ms ease-in-out;
}

.mean-container a.meanmenu-reveal.meanclose span:nth-of-type(n+1) {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg) ;
  margin-top: 10px;
}

.mean-container a.meanmenu-reveal.meanclose span:nth-of-type(n+2) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg) ;
  margin-top: -2px;
}

.mean-container a.meanmenu-reveal.meanclose span:nth-of-type(n+3){
  opacity: 0;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  position: absolute;
  margin-top: -1px;
  background-color: rgba(0, 0, 0, 1);
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 0.8em 18px;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid rgba(255,255,255,0.1);
  font-weight: 600;
  text-decoration: none;
}

.mean-container .mean-nav ul li li a {
  width: 85%;
  font-size: 14px;
  padding: 0.9em 7.5%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255,255,255,0.1);
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
  font-weight: 400;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 80%;
  padding: 1em 10%;
  font-weight: 400;
}

.mean-container .mean-nav ul li li li li a {
  width: 70%;
  padding: 1em 15%;
  font-weight: 400;
}

.mean-container .mean-nav ul li li li li li a {
  width: 65%;
  padding: 1em 22.5%;
  font-weight: 400;
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 18px;
  padding: 10px 12px 12px 12px !important;
  text-align: center;
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 2;
  border: none !important;
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 1000;
}

.mean-remove {
  display: none !important;
}


/*-------------------------------------------------------------------------*/
/*  39.  Owl Carousel
/*-------------------------------------------------------------------------*/

.owl-theme .owl-controls .owl-buttons div {
    font-family: 'icomoon';
    font-size: 18px;
    line-height: 23px;
    padding:0px;
    text-align: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #666;
    border: 1px solid #ccc;
    background: #fff;
    transition: 0.3s all ease-out;
    margin-left: 2px;
}

.cg-prod-gallery .owl-theme .owl-controls .owl-buttons div {
    width: auto;
    height: auto;
    border: none;
    opacity: 0;
}

.cg-prod-gallery:hover .owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
}

.cg-prod-gallery .owl-theme .owl-controls .owl-buttons i {
    font-size: 48px;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    border-color: #DF440B;
    color: #DF440B;
    border-radius: 0px;
}

.owl-theme .owl-controls .owl-buttons div.disabled,
.owl-theme .owl-controls .owl-buttons div.disabled:hover {
    color: #e2e2e2;
    border-color: #e2e2e2;
}

.owl-theme .owl-controls .owl-buttons .fa-angle-left:before{
    margin-left: -2px;
}

.owl-theme .owl-controls .owl-buttons .fa-angle-right:before{
    margin-right: -2px;
}

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  margin: 0px;
  margin-top: 10px;
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 10px;
}

.cg-prod-gallery .owl-carousel .owl-wrapper {
    margin-top: 0;
}

.cg-prod-gallery .owl-carousel .owl-wrapper-outer {
  padding-top: 0px;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-carousel .owl-item .cg-product-excerpt {
  display: none;
}

.owl-carousel .owl-item .col-lg-4,
.owl-carousel .owl-item .col-md-4,
.owl-carousel .owl-item .col-sm-6 {
  width: 100%;
  padding-left: 0px;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.owl-carousel .owl-item ul{
  padding: 0px;
}

.owl-carousel .owl-item ul li {
    margin: 0px;
}

.content-area .owl-carousel .owl-item ul li {
    margin: 0px;
}

.content-area .owl-carousel .owl-item ul li:before {
    display: none;
}

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x : 50%;
  -webkit-perspective-origin-y : 50%;
  -moz-perspective : 1200px;
  -moz-perspective-origin-x : 50%;
  -moz-perspective-origin-y : 50%;
  perspective : 1200px;
}

.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

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

@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

}

.owl-theme .owl-controls {
    text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    /**/*display: inline;
    margin: 5px 3px;
    padding: 7px 9px;
    font-size: 11px;
    background: none;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    color: #999;
}

.owl-theme .owl-controls .owl-buttons i {
    position: relative;
    top: -3px;
    font-size: 18px;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 11px;
    height: 11px;
    margin: 5px 5px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: none;
    border: 1px solid #666;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #da4600;
    border-color: #da4600;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.cg-prod-gallery .owl-prev {
    position: absolute;
    top: 45%;
    left: 15px;
}

.cg-prod-gallery .owl-next {
    position: absolute;
    top: 45%;
    right: 15px;
}

.cg-prod-gallery-thumb {
    opacity: 0.7;
    transition: opacity 200ms ease-out;
    margin: 0 10px 0 0;

}

.cg-prod-gallery-thumb:hover {
    opacity: 1;
}

.owl-item.synced .cg-prod-gallery-thumb {
    opacity: 1;
}

.owl-item.loading {
    min-height: 150px;
    background: url(../images/AjaxLoader.gif) no-repeat center center;
}

/* Quick View */

.cg-product-wrap.loading .cg-product-img:after {
    background: rgba(255,255,255,.8) url(../images/fetching.gif) no-repeat center center;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.cg-quick-view-mfp-lightbox .mfp-content {
    background: #fff;
    max-width: 940px;
}

.mfp-bg.mfp-s-ready {
    background: #fff;
}

.cg-quickview-product-pop .item {
    margin-bottom: 0;
}

.cg-quickview-product-pop .cg-prod-gallery {
    margin-bottom: 0;
    padding-top: 0;
}

.cg-quick-view-wrap {
    position: absolute;
    bottom: 12px;
    left: 10px;
    z-index: 10;
}

.cg-quick-view-wrap a {
    display: block;
    padding: 3px 12px;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    text-transform: uppercase;
    font-size: 12px;
    filter: alpha(opacity=0);
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -webkit-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}

.cg-quick-view-wrap a,
.cg-quick-view-wrap a:hover {
    color: #fff;
}

.cg-product-img:hover .cg-quick-view-wrap a {
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
    visibility: visible;
}

/* overlay at start */
.cg-quick-view-mfp-lightbox.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.cg-quick-view-mfp-lightbox.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.cg-quick-view-mfp-lightbox.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.cg-quick-view-mfp-lightbox.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* content animate it */
.cg-quick-view-mfp-lightbox.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.cg-quick-view-mfp-lightbox.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.cg-quick-view-mfp-lightbox .mfp-content .summary {
    padding: 30px 30px 0px 0px;
}

.woocommerce .cg-quick-view-mfp-lightbox .cart .quantity {
    width: auto;
    margin: 0px;
    float: left;
    padding-right: 0px;
}

.woocommerce .cart .quantity input.qty {
    position: relative;
    left: 0px;
    position: relative;
    border-radius: 0px;
}

/* End Quick View */

.owl-carousel .owl-controls {
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

   .articles-wrap:hover .owl-controls {
      opacity: 1;
    }

/* Add to cart */

.cg-product-cta {
    text-align: center;
}

.container .cg-product-cta a.button.added,
.container .cg-product-cta a.button.loading {
    padding: 8px 16px !important;
    color: #fff !important;
}

/* New On Sale */

.onsale-wrap {
    position: absolute;
    margin: 0px 15px;
    top: -6px;
    left: 7px;
    border: 1px solid #222;
    border-radius: 99px;
    padding: 2px;
    background: #fff;
    width: 48px;
}

.single-product-details .onsale-wrap {
    left: 100px;
    z-index: 10;
    width: 68px;
}

.single-product-details .onsale-wrap .onsale-inner {
    width: 62px;
    height: 62px;
}

.single-product-details .onsale-wrap .onsale-inner .onsale {
    font-size: 16px !important;
}

.list-layout .onsale-wrap {
    top: 15px;
    left: 7px;
    margin: 0px;
}

.slider .onsale-wrap {
    margin: 0px;
}

.onsale-wrap .onsale-inner {
    width: 42px;
    height: 42px;
    border-radius: 99px;
    background-color: #222;
    display: table;
}

.onsale-wrap .onsale-inner .onsale {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 12px !important;
    color: #fff !important;
    font-weight: 400 !important;
    text-transform: uppercase;
}

/*-------------------------------------------------------------------------*/
/*  40.  Chosen - transform selects
/*-------------------------------------------------------------------------*/

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-top:10px;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: inherit;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 35px;
  border: 1px solid #aaa;
  border-radius: 0px;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
  background-image: none !important;
  font-size: 15px;
}

.content-area .chosen-container-single .chosen-single:hover {
    border-bottom: 1px solid #aaa;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.woocommerce-checkout .form-row .chosen-container-single .chosen-single {
    height: 32px;
    line-height: 32px;
    font-size: 15px;
}

.woocommerce-checkout .form-row .chosen-container-single .chosen-single:hover {
    border-bottom: 1px solid #aaa;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 33px;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../images/icons/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/icons/chosen-sprite.png') no-repeat 0px 8px;
  margin-top: 0px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
  display: none;
}

.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('../images/icons/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../images/icons/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 4px 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  color: #333;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px !important;
  list-style: none;
  line-height: 25px;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #f6f6f6;
    background-image: none;
    color: #222;
}

.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../images/icons/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .result-selected {
    display: none;
}

.chosen-container-active .chosen-single {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single,
.content-area .chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 8px;
}

.woocommerce-checkout .form-row .chosen-container-single .chosen-single div b {
    margin-top: 3px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}

.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('../images/icons/chosen-sprite.png') no-repeat -30px -20px;
  background: url('../images/icons/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('../images/icons/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/*-------------------------------------------------------------------------*/
/*  41. Tipr - tooltips
/*-------------------------------------------------------------------------*/

.tipr_content {
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    text-indent: 0;
    background-color: #DF440B;
    color: #fff;
    padding: 9px 17px;
    margin-top: -51px;
}

.tipr_container_bottom {
    display: none;
    position: absolute;
    margin-top: 13px;
    z-index: 1000;
}

.tipr_container_top {
    display: none;
    position: absolute;
    margin-top: -90px;
    z-index: 100000;
}

.tipr_point_top,
.tipr_point_bottom {
    position: relative;
    background: #fff;
}

.tipr_point_top:after,
.tipr_point_top:before {
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    top: 100%;
    content: "";
    height: 0;
    width: 0;
}

.tipr_point_top:after {
    border-top-color: #DF440B;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}

.tipr_point_top:before {
    border-width: 9px;
    left: 50%;
    margin-left: -9px;
}

.tipr_point_bottom:after,
.tipr_point_bottom:before {
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    width: 0;
}

.tipr_point_bottom:after {
    border-bottom-color: #DF440B;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}

.tipr_point_bottom:before {
    border-bottom-color: #DF440B;
    border-width: 9px;
    left: 50%;
    margin-left: -9px;
}

/*-------------------------------------------------------------------------*/
/*  42. Preloader
/*-------------------------------------------------------------------------*/

/* REMOVED */

/*-------------------------------------------------------------------------*/
/*  43.  Icomoon Font
/*-------------------------------------------------------------------------*/

@font-face {
    font-family: 'icomoon';
    src: url("../css/fonts/icomoon.eot");
    src: url("../css/fonts/icomoon.eot?#iefix") format("embedded-opentype"),
    url("../css/fonts/icomoon.ttf") format("truetype"),
    url("../css/fonts/icomoon.woff") format("woff"),
    url("../css/fonts/icomoon.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class*="icon-"]:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.woocomposer [class*="icon-"]:before, .wcmp-quick-view-wrapper [class*="icon-"]:before {
    font-family: inherit;
}

.icon-plus:before {
  content: "\e61e"
}

.icon-checklist:before {
  content: "\e634"
}

.icon-cost:before {
  content: "\e603"
}

.icon-monitor:before {
  content: "\e61b"
}

.icon-images:before {
  content: "\e62c"
}

.icon-space:before {
  content: "\e60e"
}

.icon-equipment:before {
  content: "\e614"
}

.icon-ipad:before {
  content: "\e619"
}

.icon-time:before {
  content: "\e62f"
}

.icon-five-stars:before {
  content: "\e636"
}

.icon-arrow-left:before {
  content: "\e628"
}

.icon-arrow-right:before {
  content: "\e602"
}

.icon-checkmark:before,
.block-list li.active:before {
  content: "\e606"
}

.icon-facebook:before,
footer.global #footer-nav ul#menu-footer-menu-connect li.menu-facebook a:before {
  content: "\e621"
}

.icon-twitter:before,
footer.global #footer-nav ul#menu-footer-menu-connect li.menu-twitter a:before {
  content: "\e622"
}

.icon-pinterest:before,
footer.global #footer-nav ul#menu-footer-menu-connect li.menu-pinterest a:before {
  content: "\e623"
}

.icon-instagram:before,
footer.global #footer-nav ul#menu-footer-menu-connect li.menu-instagram a:before {
  content: "\e624"
}

/*-------------------------------------------------------------------------*/
/*  43b.  CommerceGurus Font
/*-------------------------------------------------------------------------*/

@font-face {
  font-family: "commercegurus";
  src:url("../css/fonts/commercegurus.eot");
  src:url("../css/fonts/commercegurus.eot?#iefix") format("embedded-opentype"),
    url("../css/fonts/commercegurus.woff") format("woff"),
    url("../css/fonts/commercegurus.ttf") format("truetype"),
    url("../css/fonts/commercegurus.svg#commercegurus") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "commercegurus" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="cg-icon-"]:before,
[class*=" cg-icon-"]:before {
  font-family: "commercegurus" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cg-icon-bag-shopping-2:before {
  content: "a";
}

.cg-icon-basket-1:before {
  content: "b";
}

.cg-icon-cart-2:before {
  content: "c";
}

.cg-icon-cart-1:before {
  content: "d";
}

.cg-icon-shopping-1:before {
  content: "e";
}

.cg-icon-basket-2:before {
  content: "f";
}

.cg-icon-basket-1-1:before {
  content: "g";
}

.cg-icon-bag-shopping-2-1:before {
  content: "h";
}

.cg-icon-shopping-1-1:before {
  content: "i";
}

.cg-icon-cart-2-1:before {
  content: "j";
}

.cg-icon-cart-1-1:before {
  content: "k";
}

.cg-icon-basket-2-1:before {
  content: "l";
}

.cg-icon-basket-3:before {
  content: "m";
}

.cg-icon-cloth-hanger:before {
  content: "n";
}

.cg-icon-ruler-1:before {
  content: "o";
}

.cg-icon-heart-2:before {
  content: "p";commerceg
}

.cg-icon-cloth-hanger-1:before {
  content: "q";
}

.cg-icon-ruler-1-1:before {
  content: "r";
}

.cg-icon-heart-2-1:before {
  content: "s";
}

.icon.cg-icon-bag-shopping-2,
.icon.cg-icon-basket-1,
.icon.cg-icon-shopping-1 {
    font-size: 24px;
    display: inline-block;
    float: left;
    position: relative;
    top: 2px;
}

/*-------------------------------------------------------------------------*/
/*  44.  Chat Widget
/*-------------------------------------------------------------------------*/

body #sc_chat_box {
  z-index: 90;
}

#sc_chat_box .sc-chat-wrapper {
  border-color:#ccc;
}

body #sc_chat_box div.sc-chat-header {
  background: #fff;
  color: #333;
  border: 1px solid #ccc;
  border-bottom: none;
  font-weight: 600;
  padding-left: 20px;
  margin-bottom: -10px;
}

#sc_chat_box,
#sc_chat_box *,
.sc_chat_box {
  font-family: 'Lato' !important;
  font-size: 13px;
}

#sc_chat_box p.sc-lead{
  margin-top: -10px;
}

    body #sc_chat_box .sc-chat-wrapper .sc-start-chat-btn {
        text-align: left;
        transition: all 200ms ease-out;
    }

span.sc-req {
    display: none
}

#sc_chat_box .sc-chat-wrapper label {
    color:#333;
}


/*-------------------------------------------------------------------------*/
/*  45.  Bootstrap Select
/*-------------------------------------------------------------------------*/

/*!
 * bootstrap-select v1.3.5
 * http://silviomoreto.github.io/bootstrap-select/
 *
 * Copyright 2013 bootstrap-select
 * Licensed under the MIT license
 */

.bootstrap-select.btn-group,
.bootstrap-select.btn-group[class*="span"] {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 0;
}
.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.bootstrap-select.form-control {
    padding: 0;
    border: none;
}

.bootstrap-select.btn-group.pull-right,
.bootstrap-select.btn-group[class*="span"].pull-right,
.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
    float: right;
}

.input-append .bootstrap-select.btn-group {
    margin-left: -1px;
}

.input-prepend .bootstrap-select.btn-group {
    margin-right: -1px;
}

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
    width: 204px;
}

.bootstrap-select {
    /*width: 220px\9; IE8 and below*/
    width: 204px\0; /*IE9 and below*/
}

.bootstrap-select.form-control:not([class*="span"]) {
    width: 100%;
}

.bootstrap-select > .btn {
    width: 100%;
}

.error .bootstrap-select .btn {
    border: 1px solid #b94a48;
}

.dropdown-menu {
  z-index: 2000;
}

.bootstrap-select.show-menu-arrow.open > .btn {
    z-index: 2051;
}

.bootstrap-select .btn:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.btn-group .btn .filter-option {
    overflow: hidden;
    position: absolute;
    left: 12px;
    right: 25px;
    text-align: left;
}

.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group > .disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group > .disabled:focus {
    outline: none !important;
}

.bootstrap-select.btn-group[class*="span"] .btn {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu dt {
    display: block;
    padding: 3px 20px;
    cursor: default;
}

.bootstrap-select.btn-group .div-contain {
    overflow: hidden;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li > a.opt {
    position: relative;
    padding-left: 35px;
}

.bootstrap-select.btn-group .dropdown-menu li > a {
    cursor: pointer;
}

.bootstrap-select.btn-group .dropdown-menu li > dt small {
    font-weight: normal;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
    display: inline-block;
    position: absolute;
    right: 15px;
    margin-top: 2.5px;
}

.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
    display: none;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small {
    color: #64b1d8;
    color: rgba(255,255,255,0.4);
}

.bootstrap-select.btn-group .dropdown-menu li > dt small {
    font-weight: normal;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block;
}

.mobile-device {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select.btn-group.fit-width .btn .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .btn .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.control-group.error .bootstrap-select .dropdown-toggle{
    border-color: #b94a48;
}

.bootstrap-select-searchbox {
    padding: 4px 8px;
}


/*-------------------------------------------------------------------------*/
/*  46.  qTip Minified
/*-------------------------------------------------------------------------*/


.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;border-color:transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-focus{}.qtip-hover{}.qtip-default{border-width:1px;border-style:solid;border-color:#F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111} .qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1} .qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030} .qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0} .qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-red .qtip-icon{border-color:#D95252}.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252} .qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0} .qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-rounded,.qtip-tipsy,.qtip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"}.qtip-jtools .qtip-titlebar,.qtip-jtools .qtip-content{background:transparent;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:transparent}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}x:-o-prefocus,.qtip .qtip-tip{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:transparent;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed;left:0;top:0;width:100%;height:100%}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}.qtipmodal-ie6fix{position:absolute!important}


/*-------------------------------------------------------------------------*/
/*  47.  Animate.css
/*-------------------------------------------------------------------------*/

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}


/*-------------------------------------------------------------------------*/
/*  48.  Layer Slider
/*-------------------------------------------------------------------------*/

.ls-nav-prev,
.ls-nav-next {
    position: absolute;
    display: block !important;
    margin: -20px 0 0;
    top: 60%;
    line-height: 38px;
    z-index: 70;
    opacity: 0.7 !important;
    cursor: pointer;
}

.ls-nav-prev {
    background-color: transparent !important;
    background-image: none !important;
    height: 54px;
    width: 54px;
    font-size: 14px;
    line-height: 54px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 23px;
    margin-top: -27px;
    z-index: 10;
    -webkit-transition: opacity .3s ease 0s !important;
    -moz-transition: opacity .3s ease 0s !important;
    -o-transition: opacity .3s ease 0s !important;
    transition: opacity .3s ease-in-out !important;
    opacity: 0.7;
    border-radius: 54px;
}

.ls-nav-prev:after {
    position: absolute;
    left: 0 !important;
    color: #fff;
    width: 100%;
    height: 100%;
    content: "\f104";
    font-family: 'FontAwesome', serif;
    line-height: 54px;
    text-align: center;
    display: block !important;
    font-size: 52px;
}

.ls-nav-next {
    background-color: transparent !important;
    background-image: none !important;
    height: 54px;
    width: 54px;
    font-size: 14px;
    line-height: 54px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    z-index: 10;
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    transition: opacity .2s ease-in-out;
    opacity: 0;
    border-radius: 54px;
    right: 20px;
}

.ls-nav-next:after {
    position: absolute;
    left: 0 !important;
    color: #fff;
    width: 100%;
    height: 100%;
    content: "\f105";
    font-family: 'FontAwesome', serif;
    line-height: 54px;
    text-align: center;
    display: block !important;
    font-size: 52px;
}

.ls-nav-prev:hover,
.ls-nav-next:hover {
    opacity: 1 !important;
}


/*-------------------------------------------------------------------------*/
/*  49.  Footer
/*-------------------------------------------------------------------------*/

.below-body-widget-area {
    margin-bottom: 30px;
}

.below-body-widget-area .row {
    margin-bottom: 30px;
}

.footer {
    background: #111;
    padding: 20px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

    .footer p {
        color: #777;
        font-size: 13px;
        font-weight: 400;
        margin-top: 8px;
    }

    .footer ul {
        padding: 0px;
        transition: all 200ms ease-out;
    }

        .footer ul li {
            list-style: none;
            display: inline;
            margin-right: 5px;
        }

            .footer ul li a {
                background: #fff;
                border-radius: 20px;
                width: 30px;
                height: 30px;
                text-align: center;
                display: inline-block;
                line-height: 30px;
                color: #111;
                font-size: 1.3em;
            }

    .footer ul:hover li a {
        background: #555;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
    }

    .footer ul li a:hover {
        background: #fff
    }


/* -- Light Grey --
   ================================================== */

.lightwrapper {
    background: #f5f5f5;
    padding: 20px 0px 40px 0px;
    margin-top: -1px;
}

   .lightwrapper h4 {
        font-weight: 700;
        color: #222;
        font-size: 14px;
        margin-bottom: 10px;
        clear: both;
        padding-top: 30px;
        border: none;
    }

    .lightwrapper ul {
        padding: 0px;
    }

        .lightwrapper ul li a {
            color: #333;
            font-size: 14px;
            font-weight: 400;
            margin-right: 18px;
            padding-top: 13px;
        }

        .lightwrapper ul li a:hover {
          text-decoration: underline !important;
          color: #333 !important;
        }

        .lightwrapper ul li {
            font-weight: 400;
            border-bottom: 1px solid rgba(0, 0, 0, 0.07);
            line-height: 1.5em;
            position: relative;
            font-size: 13px;
        }

        .lightwrapper ul.menu li {
            border: none;
            padding: 4px 0px;
        }

        .lightwrapper ul.menu ul {
            margin: 5px 0px 10px 15px;
        }

        .lightwrapper ul.menu ul li a {
            font-size: 12px;
            opacity: 0.7;
        }

        .lightwrapper ul.product-categories li {
            list-style: none;
            padding: 6px 0px;
            border: none;
        }

        .lightwrapper ul.product-categories li ul {
            margin-left: 15px;
            margin-top: 5px;
        }

        .lightwrapper ul.product-categories li ul span.count {
            font-size: 10px;
            top: 5px;
        }

        .lightwrapper ul.product-categories li ul li {
            padding: 3px 0px;
        }

        .lightwrapper ul.product-categories li ul li a {
            font-size: 12px;
            opacity: 0.7;
        }

        .lightwrapper .widget_nav_menu ul li {
            padding: 0px !important;
        }

        .lightwrapper .widget_recent_entries ul {
            padding-top: 10px;
        }

        .lightwrapper ul li .reviewer {
            opacity: 0.6;
        }

        .lightwrapper ul li span.count,
        .subfooter ul li span.count {
            position: absolute;
            top: 10px;
            right: 0px;
            font-size: 11px;
            opacity: 0.7;
        }

        iframe.twitter-timeline {
            margin-top: 12px;
        }

        #calendar_wrap table {
            width: 100%;
            font-size: 13px;
            background: #fff;
        }

        .lightwrapper .widget_archive select,
        .lightwrapper .widget_categories select,
        .subfooter .widget_archive select,
        .subfooter .widget_categories select {
            width: 100%;
        }

        .woocommerce .subfooter .container .star-rating,
        .woocommerce-page .subfooter .container .star-rating {
            clear: none;
            margin: 0px;
        }

        .subfooter .widget_rss a,
        .subfooter .widget_rss a:hover {
            color: #fff;
        }

        .lightwrapper .widget_rss .rss-date,
        .lightwrapper .widget_rss cite,
        .subfooter .widget_rss .rss-date,
        .subfooter .widget_rss cite,
        .widget_rss .rss-date {
            font-size: 12px;
            display: block;
        }

        .subfooter .widget_rss .rss-date,
        .subfooter .widget_rss cite {
            color: #999;
        }

        .subfooter .wp-caption {
            padding: 0px;
            max-width: 100%;
            background: #232323;
            border: none;
        }

        .lightwrapper .widget_pages ul ul.children li,
        .subfooter .widget_pages ul ul.children li,
        .subfooter .widget_nav_menu ul ul.sub-menu li {
            border: none;
            padding: 4px 20px 4px 15px;
        }

        .lightwrapper .widget_pages ul ul.children,
        .subfooter .widget_pages ul ul.children {
            padding-top: 12px;
        }

        .subfooter .widget_nav_menu ul ul.sub-menu li {
            padding-top: 0px;
        }

        .lightwrapper .widget_pages ul ul.children li a,
        .subfooter .widget_pages ul ul.children li a,
        .subfooter .widget_nav_menu ul ul.sub-menu li a {
            font-size: 12px;
        }

        .lightwrapper .widget_archive ul li,
        .lightwrapper .widget_categories ul li,
        .lightwrapper .widget_pages ul li,
        .lightwrapper .widget_meta ul li,
        .lightwrapper .widget_recent_comments ul li,
        .lightwrapper .widget_recent_entries ul li,
        .lightwrapper .widget_rss ul li,
        .lightwrapper .widget_nav_menu ul li,
        .subfooter .widget_archive ul li,
        .subfooter .widget_categories ul li,
        .subfooter .widget_pages ul li,
        .subfooter .widget_meta ul li,
        .subfooter .widget_recent_comments ul li,
        .subfooter .widget_recent_entries ul li,
        .subfooter .widget_rss ul li,
        .subfooter .widget_nav_menu ul li {
            list-style: none;
            padding: 10px 0px;
        }

        .subfooter .widget_rss ul li {
            color: #888;
        }

        .subfooter .widget_recent_comments ul li {
            opacity: 0.8;
            color: #fff;
        }

.lightwrapper .amount {
    opacity: 0.8;
}

.lightwrapper .woocommerce ul.product_list_widget {
    padding: 0px;
}

.lightwrapper .woocommerce ul.product_list_widget li {
    list-style-type: none;
    overflow: hidden;
    min-height: 84px;
    padding-bottom: 10px;
}

.lightwrapper .woocommerce ul.product_list_widget li img,
.lightwrapper .woocommerce-page ul.product_list_widget li img {
    margin-right: 12px;
    float: left;
    margin-left: 0px;
    margin-bottom: 4px;
    width: 44px;
    box-shadow: none;
}


/* -- Dark --
   ================================================== */

.subfooter {
    background: #111;
    padding: 55px 0px 45px 0px;
}

    .subfooter h4.widget-title,
    .subfooter h4 {
        border: none;
        color: #fff;
        font-size: 16px;
        clear: both;
        padding-top: 0px;
        margin-bottom: 15px;
        line-height: 1.5em;
        font-weight: 400;
    }

    .subfooter .textwidget,
    .subfooter #mc_subheader {
        color: #fff;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.7em;
    }

    .subfooter #mc_subheader {
        padding-top: 10px;
    }

    .subfooter ul {
        padding: 0px;
    }

    .subfooter ul li {
        list-style: none;
        padding: 9px 0px;
        font-size: 13px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        position: relative;
    }

    .subfooter ul li a {
        color: #ccc;
    }

    .subfooter ul li a:hover {
        color: #fff;
        text-decoration: none;
    }

    .subfooter ul li span.count {
        color: #666;
    }

.subfooter ul.product-categories li ul.children  {
    margin-left: 15px;
    margin-top: 4px;
}

.subfooter ul.product-categories li ul.children span.count {
    top: 2px;
}

.subfooter ul.product-categories li ul.children li {
    border: none;
    font-size: 12px;
    padding: 3px 0px;
}

.subfooter ul.simple-links li {
    border: none;
    padding: 2px 0px;
}

.subfooter ul.simple-links li a {
    color: #eaa900;
    text-transform: uppercase;
    font-size: 12px !important;
}

.subfooter ul.simple-links li a:hover {
    opacity: 0.6;
}

.subfooter ul.product_list_widget {
    padding: 0px;
    margin-top: -10px;
}

.subfooter ul.product_list_widget li {
    overflow: hidden;
    color: #fff;
}

.subfooter ul.product_list_widget li del,
.subfooter ul.product_list_widget li del span.amount {
    color: rgba(255, 255, 255, 0.6);
    margin-right: 2px;
}

.subfooter ul.product_list_widget img {
    max-width: 30px;
    float: left;
    margin: 3px 10px 2px 0px;
}

.subfooter ul.product_list_widget li a {
    color: #fff;
}

.subfooter ul.product_list_widget li span.amount {
    color: #999;
}

.subfooter .mc_var_label {
    display: none;
}

#mc_signup {
    position: relative;
}

.subfooter .mc_signup_submit {
    margin-top: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.subfooter .mc_input {
    height: 35px;
    border: none;
}

#mc_message {
    margin-bottom: 5px;
}

.subfooter #mc_signup_submit {
    margin-top: 0em;
    width: auto;
    text-align: left;
    float: left;
    border: none;
    padding: 0px 15px 0px 15px;
    height: 35px;
    font-weight: 400 !important;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 0px;
}

.woocommerce-page .subfooter .container input#mc_signup_submit.button {
     padding: 10px 20px;
}

.subfooter #mc_signup_submit:hover {
    border-radius: 0px;
    border-color: #fff;
    opacity: 0.9;
}

.facebook-link,
.twitter-link,
.googleplus-link,
.pinterest-link,
.rss-link {
    color: #fff;
    width: 28px;
    height: 28px;
    text-align: center;
    display: inline-block;
    border-radius: 99%;
    line-height: 28px;
    margin-right: 4px;
}

.facebook-link i.fa,
.twitter-link i.fa,
.googleplus-link i.fa,
.pinterest-link i.fa,
.rss-link i.fa {
    line-height: 28px;
}

.facebook-link:hover,
.twitter-link:hover,
.googleplus-link:hover,
.pinterest-link:hover,
.rss-link:hover {
    color: #fff;
    opacity: 0.7;
}

.facebook-link {
    background: #3a77be;
}

.twitter-link {
    background: #45c5f4;
}

.pinterest-link {
    background: #e85250;
}

.googleplus-link {
    background: #d23c04;
}

.rss-link {
    background: #e9bd00;
}

.footer-copyright {
    float: left;
}

.footer-credit-cards {
    float: right;
}

.footer-credit-cards .cg-card img {
    width: 40px;
}

.cg-card {
    padding-left: 6px !important;
    padding-right: 0px !important;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 20px;
  right: 15px;
  z-index: 101;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 1) url(../images/icons/top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-fade-out {
  opacity: .6;
}

.no-touch .cd-top:hover {
  background-color: #000;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 40px;
    width: 40px;
    right: 15px;
    bottom: 20px;
  }
}


/*-------------------------------------------------------------------------*/
/*  50.  Browser Bugs
/*-------------------------------------------------------------------------*/

/* VC bug */
  .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.ie9 ul.rpwe-ul time {
    font-size: 11px;
    color: #999;
}

.ie9 ul#recentcomments li a{
    display: inline;
}

.ie9 ul.rpwe-ul li a{
    padding-top: 0px;
    padding-bottom: 0px;
}

.ie9 ul.rpwe-ul h3 {
    margin-top: 0px;
}

.subfooter .mc_signup_submit {
    top: 12px\9;
    margin-top: 1px\9;
}

audio {
  width: 100%;
}

/* BuddyPress */

#buddypress .standard-form#signup_form div.submit {
    position: relative;
    z-index: 99;
}

#buddypress .standard-form #basic-details-section,
#buddypress .standard-form #blog-details-section,
#buddypress .standard-form #profile-details-section {
    position: relative;
    z-index: 99;
}

.food-ls {
    letter-spacing: -0.02em;
    line-height: 1.5em;
}


/* fix for more than 3 owls */

#sync2 .owl-wrapper {
  transform: translate3d(0, 0, 0) !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
}

.demo_store {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 1em 1.387em;
    background-color: #333;
    color: #fff;
}
/*-------------------------------------------------------------------------*/
/*  ENDS. -----
/*-------------------------------------------------------------------------*/