/*
    Theme Name: Captiva | A CommerceGurus WooCommerce theme
    Theme URI: http://www.commercegurus.com
    Author: CommerceGurus
    Author URI: http://themeforest.net/user/commercegurus
    Description: A Premium WordPress and WooCommerce Theme designed to make selling beautiful and easy.
    Version: 2.0.0
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html

-------------------------------------------------------------------------

    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: 'Lato', Arial, sans-serif;
    font-size: 15px;
    color: #222;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    overflow-x: hidden !important;
}

*, 
*: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;
}

.screen-reader-text {
    display: none;
}

mark{
    background: none;
}

.content-area address {
    font-size: 15px;
    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;
}

/* -- 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;
}

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

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

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

.woocommerce.archive #cap-page-wrap .row .row {
    margin: 0px;
}

.woocommerce.archive #cap-page-wrap .row .product-listing-wrapper .row {
    margin-left: -15px;
    margin-right: -15px;
}

/* -- Boxed Max Width */

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


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

#primary {
    margin-top: 18px;
}

body.blog #primary {
    margin-top: 40px;
}

body.single #primary {
    margin-top: 25px;
}

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

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

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

.content-area {
   
}

.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: 'Lato', Arial, sans-serif;
}

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

.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;
}

.content-area .cap-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.8em 0px 0.8em 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 h2.entry-title{
    font-size: 34px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}

.content-area h3 {
    font-size: 22px;
    margin: 20px 0px 12px 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: 20px 0px 15px 0px;
    line-height: 1.5em;
}

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

.content-area p {
    font-size: 15px;
    line-height: 1.6em;
    margin-bottom: 15px;
    font-weight: 400;
}

.content-area .checkout_coupon p {
    margin-bottom: 0px;
}

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

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

.content-area a {
    border-bottom: 1px dotted rgba(115,174,8,0.4);
    word-wrap: break-word;
    padding-bottom: 2px;
}

.content-area a:hover {
    border-bottom: 1px dotted rgba(115,174,8,1.0);
    color: #222;
    text-decoration: none;
}

/* -- Divider */

.content-area .captiva-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 .aligncenter p, 
.content-area .alignleft p, 
.content-area .alignright p, 
.content-area .alignnone p {
    text-align: center;
    font-size: 13px;
    color: #888;
    margin: 10px 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.alignright {
    float: right;    
    margin: 4px 0px 30px 20px;
}

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

.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: 40px 0px 40px 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.order_details li strong {
    margin-left: 5px;
}

.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.65em;
    left: -20px;
    width: 6px;
    height: 6px;
    background: #169fda;
    border-radius: 3px;
}

.content-area ul.vc_tta-tabs-list li:before {
    display: none;
}

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

/* shipping conflicts */

#shipping_method input {
    width: inherit !important;
}

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

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

/* -- 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 tr th {
    padding: 10px 8px;
    border-bottom: 1px solid #e2e2e2;
}

.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;
}


/* -- 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: #169fda;
    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: #169fda;
    content: "\201C";
    font-size: 5em;
    position: absolute;
    left: 25px;
    top: 0.8em;
    line-height: 0.1em;
    font-family: Georgia;
}

blockquote:after {
    color: #169fda;
    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; 
}

.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: #169fda;
    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-radius: 20px;
    border: 2px solid #333;
    color: #333;
    font-size: 13px;
}

.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: 7px 25px;
    text-transform: uppercase;
    font-size: 15px;
    transition: all 0.2s linear;
    color: #FFF;
    border: 2px solid rgba(255,255,255,0.4);
    border-radius: 20px;
    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;
}


/*-------------------------------------------------------------------------*/
/*  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: 20px;
    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
/*-------------------------------------------------------------------------*/

#top {
    background: #169fda;
}

    #top p {
        font-weight: 400;
        font-size: 14px;
        line-height: 40px;
        color: #fff;
    }

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

        #top ul li a {
            padding: 2px 15px;
            line-height: 38px;
            border-left: 1px solid rgba(255, 255, 255, 0.2);
            display: block;
            float: left;
            text-decoration: none;
            font-size: 14px;
        }

    #top ul li:first-child a {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
    }

    #top .dropdown-menu {
        top: 40px;
        padding: 10px 0px;
        z-index: 999;
        border-top: none;        
    }

    #top .dropdown:hover .dropdown-menu {
        display: block;
    }

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

        #top .dropdown-menu li a:hover {
            background: none;
        }

    #top .caret {
        border-top-color: #f5f5f5;
    }

    #top li.dropdown:hover a {
        opacity: 0.7;
        text-decoration: none;
    }

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

#top ul li i {
    margin: 12px 14px;
}

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

#top ul li a:hover {
    text-decoration: none;
}

ul.top-menu {
    margin-right: 38px;
    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-menu-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: #d8f0fe;
    color: #222;
}

.dropdown-menu {
    box-shadow: none;
}

/*-------------------------------------------------------------------------*/
/*  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 #169fda;    
}

.logo {
    position: relative;
}

/* -- Standard Logo */

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

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

/* -- Fixed Header Logo */

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


.cap-header-fixed-wrapper.cap-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;
}

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

    .logo a {
        color: #169fda;
    }

    .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 {
    display: block;
    float: right;
    margin: 0;
}

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

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


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

#mobile-menu {
    display: none; 
}

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

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

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

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

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

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

.cap-header-fixed-wrapper.cap-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;
}

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

.cap-primary-menu-below-wrapper {
    border-bottom: 1px solid #eee;
}

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

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

.cap-header-fixed .menu, .cap-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;
}

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

.cap-primary-menu.cap-primary-menu-below-wrapper .menu > li > a {
    line-height: 60px !important;
}

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

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

.cap-primary-menu .menu > li > a {
    display: block;
    position: relative;
    line-height: 100px; /* Dynamic */
    font-size: 14px;
    color: #333;
    font-weight: 700; 
}

.cap-header-fixed .menu > li.menu-item-has-children:hover > a:before,
.cap-primary-menu .menu > li.menu-item-has-children:hover > a:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    z-index: 5;
    left: 15px;
    bottom: 1px;
    border-bottom-color: rgba(255,255,255,0.97);
}

.cap-header-fixed .menu > li.menu-item-has-children > a:after,
.cap-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;
}

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

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

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


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

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

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

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

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

.cap-primary-menu .menu > li .cap-submenu-ddown .container > ul > li a,
.cap-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;
}

.cap-header-fixed .menu > li .cap-submenu-ddown .container > ul > li a:hover,
.cap-primary-menu .menu > li .cap-submenu-ddown .container > ul > li a:hover {
    color: #169fda;
}

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

.cap-header-fixed .menu > li .cap-submenu-ddown .container > ul .menu-item-has-children > a:before,
.cap-primary-menu .menu > li .cap-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;
}

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

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

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

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

.cap-header-fixed .menu > li.menu-full-width .cap-submenu-ddown,
.cap-primary-menu .menu > li.menu-full-width .cap-submenu-ddown {
    padding: 20px 25px 25px;
    width: 100%;
    left: 0;
    border: 1px solid #eee;
    background: #fff;
}

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

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

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


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

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

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

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

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

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

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

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

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

.cap-header-fixed .menu > li.menu-full-width .cap-submenu-ddown .container > ul > li .cap-submenu ul li,
.cap-primary-menu .menu > li.menu-full-width .cap-submenu-ddown .container > ul > li .cap-submenu ul li {
    background: none;
    width: auto;
    border-top: 1px solid #f2f2f2;
    padding: 4px 0px;
}

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

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

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

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

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

.cap-header-fixed .menu .menu-full-width .cap-submenu-ddown .container > ul > li,
.cap-primary-menu .menu .menu-full-width .cap-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%;
}

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

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

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

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

.cap-primary-menu .menu > li .cap-submenu-ddown .container ul .menu-item-has-children .cap-submenu ul li:last-child a,
.cap-header-fixed .menu > li .cap-submenu-ddown .container ul .menu-item-has-children .cap-submenu ul li:last-child a,
.cap-primary-menu > .menu > li > .cap-submenu-ddown > .container > ul > li:last-child a {
    border-bottom: 1px solid #dbdbdb;
}

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

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

.cap-wp-menu-wrapper .menu li a:hover {
    color: #169fda;
    text-decoration: none;
}

.cap-wp-menu-wrapper .menu li:hover > a {
    color: #169fda;
}

.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;
}

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

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


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

#top-bar-search .sb-search label, 
#top-bar-search h4.widget-title {
    display: none;
}

#top-bar-search .sb-search {
    position: absolute;
    z-index: 1000;
    right: 0px;
    top: 0px;
    width: 0%;
    min-width: 39px;
    height: 39px;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

#top-bar-search .sb-search-input {
    position: absolute;
    top: 2px;
    right: 25px;
    border: none;
    outline: none;
    background: #fff;
    width: 67%;
    margin: 0;
    border: 1px solid #fff;
    padding: 5px 10px 4px 10px;
    font-family: inherit;
    font-size: 15px;
    color: #2c3e50;
    font-weight: 400;
    opacity: 1;
    background-repeat: no-repeat !important;
}

#top-bar-search .sb-search-input:focus {
    border-color: #fff;
}

input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

.sb-search-input::-webkit-input-placeholder, 
.sb-search-input:-moz-placeholder, 
.sb-search-input:-ms-input-placeholder {
    color: #777;
}

#top-bar-search #sb-search .fa {
    position: absolute;
    top: 13px;
    right: 30px;
    color: #fff;
    z-index: 12;
    cursor: pointer;
    position: absolute;
    top: 12px;
    z-index: 10;
    right: 27px;
}

#top-bar-search .sb-icon-search, #top-bar-search .sb-search-submit {
    width: 39px;
    height: 37px;
    display: block;
    position: absolute;
    right: 15px;
    top: 1px;
    padding: 0;
    margin: 0;
    background: #169fda;
    line-height: 39px;
    text-align: center;
    cursor: pointer;
}

#top-bar-search .sb-search-submit {
    background: #fff;
    color: transparent;
    border: none;
    outline: none;
}

#top-bar-search .sb-search-submit:before {
    content: "\f002";
    font-family: FontAwesome;
}

#top-bar-search .sb-icon-search {
    color: #fff;
    z-index: 1000;
    font-size: 15px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

#top-bar-search .sb-icon-search:before {
    content: "\f002";
    font-family: FontAwesome;
}

#top-bar-search .sb-search input[type=submit]{
    background: #169fda;
}

/* -- Open State --
   ================================================== */

#top-bar-search .sb-search.sb-search-open, #top-bar-search .no-js .sb-search {
    width: 100%
}

    #top-bar-search .sb-search.sb-search-open .sb-icon-search, #top-bar-search .no-js .sb-search .sb-icon-search {
        background: #169fda;
        color: #fff;
        z-index: 11;
    }

    #top-bar-search .sb-search-submit {
        z-index: 10;
        text-indent: -9999px;
    }

.search-dropdown .nav-dropdown button, 
.search-dropdown .nav-dropdown input {
    margin-bottom: 0
}

.search-dropdown .nav-dropdown {
    width: 260px;
    padding-right: 30px;
}

.search-dropdown input {
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0px;
    border: 1px solid #000;
    height: 100%;
}

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

#top-bar-search .autocomplete-suggestions {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #ccc;
    right: 54px;
    margin-top: 42px;
    width: 363px !important;
}

#top-bar-search .autocomplete-suggestion {
    line-height: 28px;
    font-size: 13px;
}

/* -- 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;
}

#top #lang_sel ul ul {
    top: 40px;
    width: 199px;
    border: none;
    right: 0px;
    left: 49px;
}

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

#top #lang_sel ul ul a{
    color: #444;
    width: 199px;
    padding: 8px 10px;
}

#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: 36px;
}

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

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

#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
/*-------------------------------------------------------------------------*/

.bag-icon {
    background: url(../images/icons/shopping-bag.png);    
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -8px;
    background-size: 23px 32px;
    width: 23px;
    height: 32px;
}

    .cart_subtotal .amount {
        padding-left: 8px;        
        font-size: 15px;
    }

span.cart_itemstotal {
    font-size: 12px;
    font-weight: 300;
}

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: 84px;
    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: 85px;
    line-height: 85px;
}

    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: 13px;
    margin-bottom: 8px;    
}

.cap-header-fixed-wrapper ul.tiny-cart li ul.cart_list li.empty{
    padding: 0px 20px 0px 20px;
}

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 20px;
    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;
    padding: 0.20em;
    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: 13px;
}

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: 5px 0 0 0;
    margin-right: 0 !important;
    font-size: 12px;
}

ul.tiny-cart li ul.cart_list li.total {
    text-transform: uppercase;
    text-align: center;
    padding: 18px 20px 0px 20px;
    line-height: 1;
    font-size: 14px;
    font-weight: 700;
}

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: 0 0 -8px;
    padding: 20px;
}

    ul.tiny-cart li ul.cart_list li.buttons .button {
        line-height: 38px;
        text-align: center;
        background: #fff;
        border: 2px solid #e2e2e2;
        color: #aeaeae;
        border-radius: 20px;        
        text-transform: uppercase;
        margin-bottom: 8px;
        padding: 0;        
        font-size: 14px;
        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;
    }

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

    ul.tiny-cart li ul.cart_list li.buttons .button.checkout:hover {
        text-decoration: none;
    }

.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;
}


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

.woocommerce .woocommerce-breadcrumb, 
.woocommerce-page .woocommerce-breadcrumb {
    margin-top: 35px !important;
    color: #333;
    font-size: 13px;
    padding-bottom: 15px;
}

.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 0px;
}

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

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

.cap-prod-gallery {
    padding-top: 10px;
}

/* 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.woogrid .cap-product-cta{
    position: absolute;
    z-index: 99;
    width: 100%;
    bottom: 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;
}

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

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

.item {
    margin-bottom: 20px;
}

.cap-product-img {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px auto;
}

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

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

    .cap-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;
    }

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

    .cap-product-cta .button {
        position: absolute;
        bottom: 0px;
        right: 0;
        width: 100%;
        text-align: center;
        opacity: 0;
        -webkit-transition: all 150ms ease-out;
        -moz-transition: all 150ms ease-out;
        transition: all 150ms ease-out;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        font-weight: 600;
        margin: 0px auto;
        width: 100%;
        font-size: 12px !important;
        color: #fff !important;        
        text-transform: uppercase;
        background: #fff;
        padding: 12px 0px !important;
        display: block;        
        transition: all 0.2s linear;
        margin-bottom: -10px !important;
        background-color: rgba(0, 0, 0, 0.8) !important;        
        border-radius: 0px !important;
    }

    .woocommerce-page .container .cap-product-cta a.button{
        position: absolute;       
        background: rgba(0, 0, 0, 0.7) !important;
    }  

.cap-product-cta .button:hover {
    color: #fff !important;
    border: none;
}

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

.added_to_cart {
    display: none !important;
}

.container .cap-product-cta a.button.added, 
.container .cap-product-cta a.button.loading {
    position: absolute;
    bottom: 10px;
    opacity: 1; /* NB */
    font-size: 12px;  
    text-align: center;
    width: 100%;
    padding: 12px;
    background: #169fda !important;
    border-radius: 0px;
    color: #fff;   
}

.container .cap-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 .cap-product-cta a.button.loading,
table.wishlist_table a.button.loading {
    opacity: 0.5;
    filter: alpha(opacity=@opacity * 100);
}

.container .cap-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;
}

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

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

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

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

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

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

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

    .cap-product-wrap a .category {
        color: #999;
    }

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

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

.content-area .product-image .yith-wcwl-add-to-wishlist a {
    display: none;
}

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

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

.cap-product-info .name {
    display: block;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #111;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.4em;
}

/* Just cross sells */
.cross-sells .cap-product-info .name {
    font-size: 15px !important;
}


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

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

.cap-product-info .price {
    display: block;
    margin-top: 3px;
}

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

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

    .container div.product p.price del {
        font-size: 18px;
        color: #888;
        padding-right: 10px;
    }

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

        .cap-product-info .price del span.amount {
            font-weight: 300;
            margin: 0px 3px;
            color: #999;
            font-size: 12px;
        }

.cap-product-info .amount {
    font-size: 14px;
    color: #111;
    font-weight: 600;
}

.cap-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;
    font-size: 15px;
    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;
    }

.price {
    font-size: 120%;
    color: #222;
    line-height: 100%;
}

.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: #169fda;
    }



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

.summary h1, .content-area .summary h1  {
    line-height: 1.3em;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 6px;
    padding-bottom: 0px;
    border: none;
}

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

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


div[itemprop="description"], .woocommerce-product-details__short-description {
    margin-bottom: 30px;
    clear: both;
}

div[itemprop="description"] p, .woocommerce-product-details__short-description p {
    font-size: 15px;
    margin-right: 10px;
    margin-bottom: 2px;
}

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

div[itemprop="description"] ul li, .woocommerce-product-details__short-description ul li {
    margin-bottom: 2px;
}

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

.cart .quantity {
    position: relative;
    width: 120px;
    float: left;
    clear: both;
    height: 60px;
    margin-bottom: 5px;    
}

    .cart .quantity input.plus, 
    .cart .quantity input.minus {
        background-color: #F8F8F8;
        background-repeat: repeat-x;
        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-left: medium none;
    border-right: medium none;
    border-top: 1px solid #e2e2e2;
    border-bottom-width: 1px;
    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 .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: 25px;
    margin-bottom: 15px;
    clear: both;
}

    .summary .product_meta  .divider {
        width: 30px;
        height: 2px;
        background: #e2e2e2;
        margin-bottom: 15px;
        visibility: hidden;
    }

.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 {
    float: left;
    margin-top: 5px;
    font-size: 20px;
    margin-bottom: 12px;
}

.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, 
    .content-area .summary .product_meta p a:hover {
        text-decoration: none;
        color: #111;
    }

.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: #169fda;
    }

.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: 28px;
    font-size: 15px;
}

    .woocommerce .container table.shop_attributes th {
        text-align: left;
        font-weight: normal;
        border-bottom: 0;
        padding-left: 0px;
        color: #000;
        width: 25%;
    }

    .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 */

.cap-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; 
}

/* 3.0 Gallery */

.woocommerce div.product div.woocommerce-product-gallery.images {
    width: auto !important;
}

@media (min-width: 1100px) {
   .woocommerce div.product div.woocommerce-product-gallery.images {
   } 
}

.woocommerce-product-gallery {
    position: relative;
    margin-bottom: 3em
}

.woocommerce-product-gallery figure {
    margin: 0
}

.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 25%;
    display: inline-block
}

.woocommerce-product-gallery .flex-control-nav li {
    margin: 0 !important;
}

.woocommerce-product-gallery .flex-control-thumbs li {
    list-style: none;
    float: left;
    cursor: pointer
}

.woocommerce-product-gallery .flex-control-thumbs img {
    opacity: .5
}

.woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover {
    opacity: 1
}

.woocommerce-product-gallery img {
    display: block
}

.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: 33.3333%
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 25%
}

.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 20%
}

.woocommerce-product-gallery__trigger {
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 99;
}

a.woocommerce-product-gallery__trigger {
    text-decoration: none;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    position: absolute;
    top: .875em;
    right: .875em;
    display: block;
    height: 2em;
    width: 2em;
    border-radius: 3px;
    z-index: 99;
    text-align: center;
    text-indent: -999px;
    overflow: hidden;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    background-color: #169fda;
    color: #ffffff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
    background-color: #1781ae;
    border-color: #1781ae;
    color: #ffffff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
    font: normal normal normal 1em/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    content: "\f00e";
    line-height: 2;
    text-indent: 0;
}


/*-------------------------------------------------------------------------*/
/*  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 0 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 --
   ================================================== */

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

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

/* -- 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 .cap-product-wrap {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-bottom: 12px;
    padding-left: 0px;
    margin-left: 15px;
}

.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 .cap-product-meta-wrap {
    float: right;
    width: 72%;
    margin-top: 0px;
}

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

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

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

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

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

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

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

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

.woocommerce-page .list-layout .cap-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 .cap-product-info .amount {
    font-size: 16px;
}

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

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

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

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

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

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

.upsells h4 {
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px;
    color: #444;
    font-family: 'Quicksand';
    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 {
    float: left;
    width: 100%;    
}

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

.product-page-title h1 {
    color: #111;
    margin-top: 0px;
    margin-bottom: 25px;
}

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

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

.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 {
    margin-bottom:15px;
    font-size: 17px;
    color: #333;
}


/* 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: 700;
}

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

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

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

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

.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;
}

.woocommerce-pagination {
    float: right;
}

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

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

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

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

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

.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:hover {
    border-radius: 20px;
    border-color: #e2e2e2;
}

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

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


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

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

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

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

    p.stars span a:hover, p.stars span a:focus, 
    p.stars span a:hover, p.stars span a:focus {
        background: url(../images/icons/star-on.png) repeat-x left 0;
    }

    p.stars span a.active, 
    p.stars span a.active {
        background: url(../images/icons/star-on.png) repeat-x left 0;
        border: none;
    }

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

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

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

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

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

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

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

.product_list_widget .star-rating {
    margin-bottom: -4px;
}

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

.woocommerce-product-rating {
    margin-top: 10px;
}

.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 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;
}

.woocommerce .container .star-rating, 
.woocommerce-page .container .star-rating {
    float: left;
    margin-right: 10px;
}


#review_form #respond .comment-form-rating .stars {
    float: left;
    margin-left: 20px !important;
    margin-top: 5px !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;
}


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

.onsale, 
.products .onsale, 
.woocommerce span.onsale, 
.products .woocommerce-page span.onsale, 
.woocommerce .container span.onsale, 
.woocommerce-page .container span.onsale {
    width: auto;
    height: auto;
    line-height: 20px;
    padding: 3px 10px;
    display: inline;
    font-size: 11px;    
    border-radius: 0px;    
    text-transform: uppercase;
    background: #31bc69;
    z-index: 2;
    margin-left: 7px;
    position: absolute;
    color: #fff;
    top: 2%;
    left: 8px;
    transition: 0.1s all ease-out;
}

.woocommerce .container span.onsale, 
.woocommerce-page .container span.onsale {
    width: auto;
    height: auto;
    line-height: 20px;
    padding: 3px 10px;
    display: inline !important;
    font-size: 12px;    
    border-radius: 0px;    
    text-transform: uppercase;
    background: #31bc69;
    z-index: 2;
    position: absolute;
    top: 4%;
    margin-left: 7px;
    transition: 0.1s all ease-out;
}

.woocommerce-page .container .grid-layout span.onsale {
    margin-left: 7px;
}

.cap-product-wrap:hover span.onsale {
    padding-left: 17px;
}

.woocommerce .container .product-images span.onsale, 
.woocommerce-page .container .product-images span.onsale,
.woocommerce .single-product span.onsale {
    padding: 5px 15px;
    margin: 0px;
    font-size: 12px;    
    top: 2%;
    margin-left: 7px;
}

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



/* -- 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: 35px;
        text-align: center;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 38px;
        color: #888;
        margin-right: 2px;
        transition: all 300ms ease-out;
    }

    .social-icons a:hover, .content-area .social-icons a:hover {
        text-decoration: none;
        border: 1px solid #111;
        color: #111;
        border-radius: 0px;
    }

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



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

.single_add_to_cart_button:focus {
    outline: none;
}

.cart .quantity input.plus {
    left: 31px;
    border-left: 1px solid #e2e2e2;
}

.shop_table.cart .quantity input.plus {
    left: 30px;
}

.woocommerce .cart .quantity input.qty {
    border-left: medium none;
    border-right: medium none;
    border-top: 1px solid #e2e2e2;
    border-bottom: 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;
    font-weight: 300 !important;
    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;
}

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

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

body .content-area table.shop_table.wishlist_table tfoot td {
    border-bottom: none;
}

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

.product-image .yith-wcwl-add-to-wishlist .add_to_wishlist a, 
.yith-wcwl-add-to-wishlist span.feedback {
    display: none;
}

.yith-wcwl-add-to-wishlist a {
    visibility: hidden;
    display: inline-block;
}

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

.yith-wcwl-add-to-wishlist {
    margin: 3px 0px 0px 0px;
    float: left;
    display: inline-block;
    font-size: 0px;
    width: 45px;
    height: 45px;
}

.yith-wcwl-add-to-wishlist a:before {
    visibility: visible;
    text-indent: 0px;
    margin-top: -3px;
    color: #999;
    content: "\f08a";
    font-family: FontAwesome;
    border: 1px solid #e2e2e2;
    font-size: 15px;
    height: 45px;
    width: 45px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    border-radius: 32px;
    color: #333;
    transition: all 200ms ease-out;
}

.yith-wcwl-wishlistaddedbrowse .yith-wcwl-add-to-wishlist a:before, 
.yith-wcwl-wishlistaddedbrowse .yith-wcwl-add-to-wishlist a:hover:before,
.yith-wcwl-wishlistaddedbrowse .yith-wcwl-wishlistexistsbrowse a:before,
.yith-wcwl-wishlistaddedbrowse .yith-wcwl-wishlistexistsbrowse a:hover:before {
    color: green;
    border-color: green;
    border-radius: 32px;
}

.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
    content: "\f08a";
    line-height: 44px;
    font-size: 15px;
}

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

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

.content-area #yith-wcwl-form table.shop_table thead tr th {
    font-size: 13px;
    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: 20px;
    border:2px solid #111;
    background: #fff;
    color: #111;
    font-weight: 700;
    width: auto;
    padding: 10px 20px;
    font-size: 12px;
}

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


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

#reviews {
    overflow: hidden;
}

#reviews .comment-reply-title {
    font-size: 20px;
    display: block;
    margin: 20px 0px;
}

.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 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 45px;
    border-radius: 40px;
    border: 0;
    padding: 0;
    width: 50px;
    margin-top: 6px;
    position: absolute;
    top: 20px;
    left: 0px;
  }

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

.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 dotted #e2e2e2;
    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;
}

 #comments ol.comment-list li .reply {
    position: absolute;
    top: 20px;
    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 li cite {
    font-weight: 700;
}

#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 0 0.3em;
    }

#respond h3 {
    margin-top: 3px;
    font-size: 14px;    
    text-transform: uppercase;
    margin-bottom: 18px;    
    line-height: 1.3em;
}

.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: 2px;
}

#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;
    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;
}



/* -- Messages --
   ================================================== */

.woocommerce-message, 
.woocommerce-info, 
.content-area ul.woocommerce-error, 
ul.woocommerce-error {
    background-color: #82b965;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding: 10px;
    margin: 0px 0px 25px 0px;
    position: relative;
    border-radius: 3px;
}

ul.woocommerce-error {
    padding: 10px 10px 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: #169fda;
    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-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px;
}

.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: #de4a18;
    margin: 20px 0px;
}

.content-area ul.woocommerce-error li {
    margin-left: 35px;
}

.woocommerce-message a {
    display: none !important;
}

.woocommerce-message:before, 
.woocommerce-info:before, 
.woocommerce-error:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 16px;
}

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

.woocommerce-error:before {
    position: absolute;
    top: 12px;
    left: 15px;
    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 {
    font-size: 13px;
    margin-top: 10px;
    line-height: 1em;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    text-decoration: none;
    overflow: visible;
    padding: 8px 20px;
    text-decoration: none;  
    border-radius: 20px;
    left: auto;   
    text-transform: uppercase;
    color: #fff;
    text-shadow: none;
    border: none;
    background: #111;
    white-space: nowrap;
    display: inline-block;
    box-shadow: none;    
}

.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: 30px;
    border: none;
    height: 45px;
    width: auto;
    line-height: 40px;
    float: left;
    background: #fff;
    border: 2px solid #111;
    color: #111;
    text-shadow: none;
    font-size: 14px;
    padding: 0px 30px;    
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;   
    clear: both;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.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;
}

.container form.cart .button:hover, 
.woocommerce-page .container p.cart a.button:hover {
    border-color: #119dd9;
    color: #119dd9;
    background: #fff;
    border-radius: 0px;
}

.woocommerce-page .container input.button {
    width: 100%;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 700 !important;
    padding: 14px 20px;
    background: #169fda;
    color: #fff;
    border: none;
}

.woocommerce-page .container form.checkout_coupon input.button {
    width: auto;
    font-size: 12px;
}

/* Coupon */

.content-area table.cart tr td.actions {
    padding: 15px 0px 15px 0px;
}

.content-area table.cart tr td.actions .coupon label {
    display: none;
}

.content-area table.cart tr td.actions .coupon {
    width: 60%;
    float: left;
}

.content-area .coupon input#coupon_code {
    width: auto;
    float: left;
    margin-right: 5px;
}

.content-area table.cart tr td.actions .button {
    float: right;
    width: auto;
    margin: 0px;
    padding: 11px 16px 11px 16px;
    position: relative;
    top: 0px;
    border: none;
    font-size: 13px;
}

.content-area table.cart tr td.actions .coupon .button {
    width: auto;
    border: none;
    float: left;
    background-color: #ccc !important;
}


/* -- Product Variations --
   ================================================== */

.single_variation_wrap {
    margin-bottom: 12px;
}

.single_variation_wrap p.stock {
    color: green;
    padding-top: 5px;
}

.summary p.stock {
    margin-bottom: 10px;
}

.single_variation_wrap .price {
    font-size: 20px !important;
    margin-right: 13px;
    margin-bottom: 25px;
}

.single_variation_wrap .price del, 
.single_variation_wrap .price del span.amount {
    color: #888;
    font-weight: 400;
    font-size: 16px;
    margin-right: 2px;
}

.variations_form {
    border-top:1px dotted #ccc;
    padding-top: 15px; 
    padding-bottom: 0px;
    margin-bottom: 15px; 
}

table.variations {
    margin-bottom: 10px;
    width: 100%;
}

table.variations td, 
.content-area table.variations tr td {
    padding: 0px 15px 7px 0px;
}

table.variations .chosen-container {
    margin-top: 0px;
}

table.variations label {
    margin-left: 0px;
    color: #111;
    font-size: 14px;
    font-weight: normal;
    text-transform: capitalize;
}

table.variations select {
    font-size: 15px;
    width: 100%;
}

a.reset_variations {
    color: #222;
    text-decoration: underline;
    font-size: 13px;
}

.content-area a.reset_variations:hover {
    border: none;
    text-decoration: underline;
    color: #169fda;
}


/* Grouped Products */

.group_table {
    width: 100%;
    margin-bottom: 22px;
}

.group_table td {
    width: 100px;
}

.cart .group_table .quantity {
    height: 50px;
}

.group_table td.label {
    width: auto;
}

.group_table td.label label {
    font-weight: normal;
    font-size: 17px;
    color: #111;
    margin-top: 13px;
}

.summary .group_table .price {
    width: auto;
    float: right;
    margin: 0px;
    font-size: 17px;
}

.summary .group_table .price span {
    margin-top: 6px;
    display: inline-block;
}

.thumbnails img {
    width: 100px !important;
}

.related {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
    border-top: 1px solid #e2e2e2;
    padding-top: 15px;
    margin-top: 30px;
}

    .up-sells-bottom h2, 
    .related h2 {
        font-size: 18px;
        color: #111;
        margin-bottom: 20px;        
    }


/* -- WooCommerce Tabs --
   ================================================== */

body.page .single-product .woocommerce-tabs {
    margin: 0px;
}

body.single .woocommerce-tabs {
    margin: 0px;
    padding-top: 15px;
}

.woocommerce-tabs {
  margin: 0px -15px;
}

.content-area .woocommerce-tabs .tabs,
.woocommerce-tabs .tabs {
    padding-left: 0px;
    position: relative;
    margin: 0px;
}
    
    .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: #999;
            background: #fff;
            border: 1px solid #e9e9e9;
            border-top-width: 2px;
            padding: 12px 30px;
            font-size: 15px;
            margin: 0px;
            margin-right: 5px;
            float: left;
            font-weight: 400;
        }

.woocommerce .woocommerce_tabs ul.tabs li.active a, 
.woocommerce .woocommerce-tabs ul.tabs li.active a, 
ul.tabNavigation li a.active {
    border-top: 2px solid #289dcc;
    border-top-width: 2px !important;
}

.woocommerce-tabs .tabs li a:hover {
    text-decoration: none;
    color: #000;
}

.woocommerce-tabs .tabs li.active a {
    color: #000;
    border-bottom: 1px solid #fff;
}

.woocommerce-tabs .entry-content {
    margin-top: -1px;
    float: right;
    width: 100%;
    border-radius: 0px;
    border: 1px solid #e9e9e9;
    padding: 30px;
    margin-bottom: 30px;
}

    .woocommerce-tabs .entry-content h2 {
        margin-top: 0px;        
        margin-top: 5px;
        font-size: 14px;
        margin-bottom: 10px;        
        text-transform: uppercase;
    }

    .woocommerce-tabs .entry-content p {
        line-height: 1.6em;
        margin-bottom: 10px;
        font-size: 15px;
    }

    .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;
}


/* Product Pagination */

.next-prev-nav {
    text-align: right;
    overflow: hidden;
    margin: 12px 0px 53px 0px;
}

.next-product:before, 
.prev-product:before {
    font-family: 'icomoon';
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #666;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 50%;
    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: #119dd9;
    color: #119dd9;
    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 */

.pp_content {
    margin-bottom: -40px;
}

.cap-size-guide {
    margin-top: 25px;
}

.woocommerce-page .container a.button.small, 
.content-area .woocommerce a.button.small {
    font-size: 11px;
    background: #eee;
    padding: 6px 18px;
    color: #666;
    width: auto !important;    
    border-radius: 0px;
}

.woocommerce-page .container a.button.small p, 
.content-area .woocommerce a.button.small p {
    font-size: 11px;
}

.woocommerce-page .container a.button.small:hover,
.content-area .woocommerce a.button.small:hover {
  background: #e2e2e2;
}

.pp_content p.stars, 
.pp_content .comment-form-comment {
    margin-bottom: 16px;
}

.woocommerce .container .products .star-rating, 
.woocommerce-page .container .products .star-rating {
    margin: 3px 0px;
    float: none;
}

.list-layout .woocommerce-page .container .products .star-rating {
    margin: 8px 0px;
}


/*-------------------------------------------------------------------------*/
/*  24.  Sidebar + Widgets
/*-------------------------------------------------------------------------*/

/* LHS & RHS Spacing added */
body.single-product .product-details-wrapper .widget {
    margin-right: 30px;
}

body.single-product .right-sidebar .widget {
    margin-right: 0px;
}

.widget {
    margin-bottom: 50px;
}

.widget_recent_entries ul {
    padding: 0px;
}

    .widget_recent_entries ul li:first-child {
        padding-top: 0px !important;
    }

    .widget_recent_entries ul li a {
        color: #e2e2e2;
        -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: #169fda;
        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;
}

.widget h4 {
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
}

.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: #169fda;
    margin-top: 15px;
}

.widget-area .widget.widget_rss ul li a:hover {
    color: #222;
}

.widget ul li a:hover {
    color: #222;
    text-decoration: none;
}

.widget ul li dl {
    display: none;
}

.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.7em;
}

.textwidget img {
    margin: 10px 0px;
}

.subfooter .widget_recent_entries ul li a {
    color: #fff !important;
}

.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;
}

.widget ul.children{
    margin-left: 15px;
}

.widget ul li a {
    color: #666;    
    text-transform: uppercase;    
    font-size: 12px;
}

/* Recent Comments */
.widget ul#recentcomments li {
    padding: 9px 0px;
    border-bottom: 1px solid #e2e2e2;
    line-height: 1.35em;
}

.widget ul#recentcomments li a {
    border: none;
}


/* 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 {
    position: relative;
}

.search-form label {
    display: block;
}

.search-form label:before {
    display: block;
    font-size: 16px;
    content: "\f002";
    position: absolute;
    top: 11px;
    right: 15px;
    font-weight: 400;
    font-family: 'FontAwesome';
    z-index: 2;
    color: #757575;
}

input.search-submit, 
.widget_product_search input#searchsubmit {
    position: absolute;
    border: none;
    z-index: 10;
    top: 9px;
    background: none;
    right: 9px;
    height: 25px;
    width: 25px;
    text-indent: -9999px;
}

.widget_search span, 
.widget_product_search span {
    display: none;
}

.widget_product_search label,
form.search-form label span.screen-reader-text {
    display: none;
}

input.search-field, 
.widget_product_search input#s {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 6px 15px;
    font-size: 13px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

input.search-field:focus, 
.widget_product_search input#s:focus {
    border-color: #333;
    font-size: 13px;
}


/* = 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 {
    font-size: 1.15em;
}

.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: #f2f2f2 !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: 11px 0px 11px 0px;
    border-top: 1px solid #eee;
    text-transform: none;
    font-size: 15px;
    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: 10px;
    text-transform: uppercase;
    font-size: 12px;
    margin-left: -10px;
    margin-right: -11px;
    color: #333;
    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 10px 20px 10px;
    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 {
    position: absolute;
    top: 13px;
    right: 0px;
    font-size: 12px;
    color: #444;
}

#secondary .widget ul.product-categories li span,
#secondary .widget-area .widget ul li span {
    position: relative;
}


/* = Price Slider Widget
    -------------------------------------------------------------- */

.woocommerce-page .container .price_slider_amount .button {
    background: #fff;
    color: #111;
    border: 2px solid #333;
    font-size: 12px;
    padding: 7px 13px;
    float: left;
    font-weight: 700;
    transition: all 0.2s linear;
    font-size: 11px;
}

.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: 9px;
}

.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.9em;
    height: 0.9em;
    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: #169fda;
    height: 7px;
 }

.ui-slider-horizontal {
    height: 10px;
    background: #eee;
}

.widget ul.product_list_widget li {
    padding: 14px 0px;
    border-bottom: 1px solid #eee;
    line-height: 1.1em;
}

.widget ul.product_list_widget li a {
    text-transform: none;
    font-size: 13px;
    color: #111;
    font-weight: 700;
    border: none;
    padding: 0px;
    line-height: 1.35em;
}

.widget ul.product_list_widget .star-rating {
    float: none !important;
    margin: 2px 0px 2px 0px !important;
    display: block;
}

.star-rating span:before {
    content: none !important;
}

.widget ul.product_list_widget li span {
    font-size: 12px;
}

.widget ul.product_list_widget li span.product-title {
    font-size: 13px;
    font-weight: 700;
    color: #111;
}


.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 {
    padding-top: 10px;
}

.widget-area .tagcloud a, 
.widget .tagcloud a {
    background: #fff;
    border: 1px solid #e2e2e2;
    color: #333;
    border-radius: 20px;
}

.tagcloud a {
    padding: 4px 10px;
    font-size: 11px !important;
    background: #222;
    color: #999;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    display: inline-block;
    margin-bottom: 3px;
}

.tagcloud a:hover {
    color: #e2e2e2;
    text-decoration: none;
    background: #333;
}

#cap-page-wrap .widget .tagcloud a:hover {
    background: none;
    color: #111;
}

.widget-area .tagcloud a:hover, 
.widget .tagcloud a:hover {
    border-radius: 0px;
    border-color: #333;
}

.widget-area .widget #recentcomments {
    margin-top: 20px;
}

.widget-area .widget #recentcomments li {
    padding-bottom:10px;
    margin-bottom: 0px;
    font-size: 15px;
    border-bottom: 1px solid #e2e2e2;
    line-height: 1.6em;
}

.widget-area .widget #recentcomments li a {
    color: #169fda;
    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 5px 0;
  cursor: pointer;
}

.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;
}

.widget_layered_nav ul li .count:before {
  font-size: 11px;
  content: " (";
}

.widget_layered_nav ul 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 {
  padding-left: 14px;
}

.widget_layered_nav ul li.chosen a:before {
  content: "\e615";
  font-family: "arrows";
  font-size: 21px;
  color: #aaa;
  position: absolute;
  left: -18px;
  top: -3px;
  -webkit-appearance: none;
  background-image: url(../images/icons/tick-icon.png);
  padding: 0;
  background-repeat: no-repeat;
  background-position: 4px 10px;
  margin-right: 0;
  width: 20px;
  height: 22px;
}

.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: 55px;
}

.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 10px;
    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: 3px;
    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: 3px;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
}

body.woocommerce .widget_layered_nav ul.yith-wcan-color li a:hover, 
body.woocommerce-page .widget_layered_nav ul.yith-wcan-color li a:hover {
    border: 1px solid #111;
}

.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: #169fda;
    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 {
    left: 0px;
    top: 0px;
    font-size: 9px;
    color: #169fda;
    background-position: 0px 0px;
    top: 3px;
    left: -10px;
}

.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: #169fda;
    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: -10px;
}

.widget_layered_nav ul.yith-wcan-list li.chosen a {
    color: #169fda;
}

.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;
}


/*-------------------------------------------------------------------------*/
/*  26.  Comments on Posts
/*-------------------------------------------------------------------------*/

.content-area .comments-area {
    padding: 40px;
    border: 2px solid #f2f2f2;
    margin: 30px 0px;
}

.content-area .comments-area h2 {   
    font-size: 16px;
    margin-top: 10px;
    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: 0px;
    left: 0px;
}

.content-area .comments-area textarea {
    font-size: 15px;
    padding: 12px;
}

.woocommerce .container #respond h3 {
    margin-top: 16px;
}

.woocommerce .container #respond input#submit {
    padding: 10px 20px;
    font-weight: 700;
    border: 2px solid #333;
}

.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: #169fda;
    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 {
    /* margin-bottom: 25px; **/
}

.content-area article {
    padding-bottom: 0px;
    margin-bottom: 50px;
}

body.blog .content-area article { 
    border-bottom: 1px solid #e2e2e2;
}

.content-area article.tf_showcase,
.content-area article.showcases {
    margin-bottom: 0px;
}

.content-area article a.more-link {    
    text-transform: uppercase;
    padding: 4px 22px;    
    border-radius: 20px;
    border: 2px solid #333;
    color: #333;
    font-size: 13px;
    display: inline-block;
    margin-top: 10px;
}

.content-area article a.more-link:hover {
    border-radius: 0px;
    border: 2px solid #333;
}

.content-area article h2 a {
    border: none;
    font-weight: 600;
    letter-spacing: -0.01em;
   color: #111;
}

.content-area article h2 a:hover {
    color: #169fda;
    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: 16px;
  margin-bottom: 20px;
}

.content-area header .entry-meta:before {    
    color: #adadad;
    content: "\f017";
    font-family: FontAwesome;
    position: absolute;
    top: 1px;
    left: 0px;
}

.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;
    /* border-bottom: 1px solid #e2e2e2; */
    
}

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;
}

.woocommerce-cart .content-area article {
    border: none;
}

.default-blog footer.entry-meta {
    padding-top: 30px;
}

body.blog .content-area footer.entry-meta {
    /* padding-top: 30px; **/
}

.content-area footer.entry-meta a {
    border: none;
    color: #222;
}

.content-area footer.entry-meta a:hover {
    color: #169fda;
}

.content-area footer.entry-meta .comments-link:hover:before, 
.content-area a.post-edit-link:hover:before {
    color: #169fda;
}

.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, .cap-blog-layout {
    overflow: hidden;
}

.medium-blog.blog-style article, .medium-blog.content-area article {
    overflow: hidden;
    margin-bottom: 37px;
    padding-bottom: 37px;
    /* border-bottom: 1px solid #e2e2e2; */
} 

.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 .blog-pagination, .medium-blog.content-area .blog-pagination {
    margin-top: 30px;
}

.medium-blog.blog-style h2.entry-title, .medium-blog.content-area h2.entry-title {
    margin-bottom: 8px;
    line-heght: 26px;
}

.medium-blog.blog-style article h2 a, .medium-blog.content-area article h2 a {
    font-size: 24px;
}

.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;
    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;
    margin: 0 5px 0 0;
    text-align: center;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 50%;
    font-size: 14px;
    text-shadow: none;
    background: #fff;    
    overflow: hidden;
}

.blog-pagination ul li a:hover {
    border-radius: 0px;
    border: 1px solid #169fda;
}

.blog-pagination ul li.active a {
    color: #111;
}

.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: 16px;
    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;
}

.blog-pagination ul li.prev, 
.blog-pagination ul li.first {
    position: absolute;
    left: 0;
}

nav#nav-below h1 {
    display: none;
}

#nav-below {
    padding-bottom: 30px;
    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-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    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: #169fda;
}

.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;
}

#main .image {
    /* margin-bottom: 30px; **/
}


/*-------------------------------------------------------------------------*/
/*  28.  Cart and Checkout
/*-------------------------------------------------------------------------*/

.content-area table.cart {
    margin: 0px;
    margin-bottom: 30px;
}

.content-area table.cart tr th {
    text-align: left;    
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 0px;
    border-bottom: 2px solid #e2e2e2;
}

.content-area table.cart tr td {
    padding-left: 0px;
    font-size: 15px;
    text-align: left;
}

.content-area table.cart tr td.product-quantity {
    min-width: 100px;
}

.content-area table.cart tr td.product-add-to-cart {
    text-align: right;
}

.content-area table.cart tr td.product-thumbnail {
    font-size: 60px;
}

.content-area table.cart tr td img {
    max-width: 50px;
}

.content-area table.cart tr td.product-name a {
    color: #333;
    border: none;
    padding: 0px;
}

.content-area table.cart tr td.product-name p {
    clear: both;
}

.content-area table.cart tr td a:hover {
    border: none;
    color: #111;
    text-decoration: underline;
}

.content-area table.cart td .quantity {
    margin: 0px;
    width: 100%;
    height: 35px;
}

.content-area table.cart .quantity input.plus, 
.content-area table.cart .quantity input.minus {
    height: 35px;
    line-height: 35px;
    width: 30px;
    font-weight: 400;
}

.content-area table.cart .quantity input.qty {
    height: 35px;
    left: 30px;
    line-height: 35px;
}

.content-area table.cart td.product-remove a {
    font-size: 13px;
    color: #999;
    padding: 4px 8px;
    border: 1px solid #eee;
    border-radius: 20px;
    text-align: center;
}

.content-area table.cart td.product-remove a:hover {
    border: 1px solid #222;
    border-radius: 0px;
    text-decoration: none;
}

.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: 15px;
    margin-left: 6px;
}

.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: 13px;
    padding-left: 0px;
    border-bottom: 2px solid #e2e2e2;
    margin-top: 0px;
}

.content-area .coupon h3 {
    padding: 11px 8px;    
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
}

.content-area .coupon .button {
    width: 100%;
}

.woocommerce-page .container .cart-collaterals .wc-proceed-to-checkout .checkout-button {
    width: 100%;
    margin-bottom: 2px;
    padding: 12px 0px;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 20px;
    margin-top: 0px;
}

.woocommerce-page .container .cart-collaterals table tr.shipping {
    vertical-align: top;
}

.woocommerce-page .container .cart-collaterals table tr.shipping th {
    width: 30%;
}

.shipping-calculator-form {
    text-align: left;
}

.shipping-calculator-form .chosen-container {
    margin-bottom: 0px;
}

.woocommerce-page .container .cart-collaterals input.update-button, 
.woocommerce .update-button {
    background: #fff !important;
    font-weight: 700;
    border: 2px solid #e2e2e2;
    color: #aeaeae;
}

.woocommerce-page .container .cart-collaterals input.update-button:hover, 
.woocommerce .update-button:hover {
    border-color: #333;
    color: #333;
}

.woocommerce-page .container .cart-collaterals input.checkout-button, 
.woocommerce .checkout-button {
    border: 2px solid #111;
}

.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: 12px;
    padding: 10px 20px;
}

.content-area .cart_totals table {
    margin: 0px;
    font-size: 14px;
    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 td {
    text-align: right;
}

.content-area .cart_totals table th, 
.content-area .cart_totals table td {
    border-bottom: 1px dotted #ccc;
    padding: 8px 8px 8px 0px;
}

.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;
}

body.woocommerce-cart .content-area form {
    width: 66%;
    float: left;
}

body.woocommerce-cart .content-area .cart-collaterals form {
    width: 100%;
    float: none;
    margin-bottom: 0px;
    font-size: 14px;
    margin-bottom: 5px;
}

body.woocommerce-cart .content-area .cart-collaterals form .shipping-calculator-form {
    padding-top: 10px;
}

.cart-collaterals {
    width: 28%;
    float: right;
    margin-bottom: 50px;
}

.cart-collaterals h2{
    margin: 20px 0px 0px 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;
    color: #289dcc;
}

.content-area .cart-collaterals h2 a:before {
    content: "\f196";
    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;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 14px;
}

.woocommerce-page .container .shipping-calculator-form button.button {
    font-size: 11px;
}

.woocommerce-page .container .shipping-calculator-form button.button:hover {
    border-radius: 0px;
}

.checkout-confirmed-payment {
    padding: 30px 30px 1px 30px;
    background: #d8f1d3;
    margin-bottom: 30px;
}

.content-area .checkout-confirmed-payment p {
    font-size: 24px;
    color: #4a863c;
}

.content-area .checkout-confirmed-payment ul li:before {
    background: #60a550 !important;
}


/* Cross Sells */

.content-area .cross-sells {
    padding-top: 1px;
    border-top: 1px solid #e2e2e2;
    margin-top: 30px;
    clear: both;
}

.content-area .cross-sells h2 {
    font-size: 18px;
    margin-bottom: 0.7em;
}

.woocommerce-page .cross-sells span.onsale {
    font-size: 10px !important;
}

.woocommerce-page .cross-sells span.onsale:before {
    display: none;
}

.woocommerce-page .cross-sells a.button {
    font-size: 11px !important;
}

.content-area .cross-sells ul.products {
    margin: 10px 0px;
}

.content-area .cross-sells .product-wrap {   
    margin-top: 5px;
}

.content-area .cross-sells .cap-product-info .name {
    font-size: 17px !important;
    margin-top: 10px;
}

.content-area .cross-sells .cap-product-info .amount {
    font-size: 14px;
}

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

/* Grid of 5ths on cross sells */
.content-area .cross-sells ul.products li {
    width: 20% !important;
}

.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: 15px;
}

.woocommerce-billing-fields .input-text, 
.woocommerce-shipping-fields .input-text {
    width: 100%;
}

body .select2-container .select2-choice .select2-arrow b:after {
    display: none;
}

.select2-container .select2-choice:hover {
    border: 1px solid #aaa;
}

.content-area .woocommerce-billing-fields p, 
.content-area .woocommerce-shipping-fields p {
    margin-bottom: 5px;
}

.content-area .woocommerce-billing-fields p#billing_email_field input {
    width: 50%;
    margin-top: 5px;
}

.content-area .woocommerce-billing-fields h3 {
    margin: 30px 0px 25px 0px;
    border-top: 2px solid #eee;
    padding-top: 25px;
    color: #333;
    font-size: 26px;
}

.content-area .woocommerce-shipping-fields h3#ship-to-different-address {
    font-size: 18px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 11px 0px;
    margin-bottom: 30px;
}

.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 #169fda;
    margin-top: 30px;
    margin-left: 30px;    
}

.content-area .order-wrap h3 {
    margin-top: 0px;
    padding-top: 25px;    
    font-size: 17px;
    text-transform: uppercase;
    color: #169fda;
}

.content-area table.shop_table th, 
.content-area table.shop_table td {
    padding-left: 0px;
}

.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 {
}

.content-area table.woocommerce-checkout-review-order-table.shop_table td {
    border-bottom: 1px solid #e2e2e2;
}

.content table.woocommerce-checkout-review-order-table.shop_table input[type="radio"] {
    margin-right: 4px;
    position: relative;
    top: -1px;
}

.content-area table.shop_table.customer_details tr th,
.content-area table.shop_table.customer_details tr td {
    border-bottom: 1px solid #e2e2e2;
}

.content-area table.shop_table.wishlist_table tfoot td {
    text-align: left;
}


.content-area table.shop_table thead tr th {
    font-size: 13px;
    text-transform: uppercase;
}

.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 tr.order-total th {
    text-transform: uppercase;
}

.content-area table.shop_table tfoot td {
    width: 60%;
}

.content-area table.shop_table tfoot td input {
    margin-left: 10px;
}

#order_review p.terms {
    position: relative;
}

#order_review p.terms input.input-checkbox {
    position: absolute;
    top: 3px;
}

.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 15px 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 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 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;
}

.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 a {
    background: #fff;
    color: #111;
    text-align: center;
    border: 2px solid #111;
    border-radius: 20px;
    margin-top: 0px;
}

#billing_first_name_field, 
#billing_last_name_field, 
#billing_city_field, 
#billing_state_field, 
#shipping_first_name_field, 
#shipping_last_name_field, 
#shipping_city_field, 
#shipping_state_field {
    width: 50%;
    float: left;
}

#billing_city_field, 
#billing_state_field, 
#shipping_city_field, 
#shipping_state_field {
    margin-bottom: 15px;
}

#billing_first_name_field, 
#billing_city_field, 
#shipping_first_name_field, 
#shipping_city_field {
    padding-right: 2%;
}

.woocommerce-page .container a.button {
    font-size: 13px;
    padding: 10px 0px;
    width: 100%;
    text-align: center;  
}

.woocommerce-page .container p.return-to-shop a.button, 
.woocommerce-page .container p.return-to-shop a.button:hover {
    width: auto;
    border-radius: 20px;
    background: #fff;
    color: #333;
    border: 2px solid #333;
    padding:10px 20px;
}

.woocommerce-page .container p.return-to-shop a.button:hover {
    border-radius: 0px;
}

.content-area p.cart-empty {
    background: #fbe7a2;
    padding: 15px;
    border-radius: 3px;
    color: #111;
}


/* -- Login Form --
   ================================================== */

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;
}

.content-area p.form-row input.input-text {
    width: 100%;
    font-size: 15px;
    color: #333;
}

.content-area .addresses h3 {
    font-size: 18px;
    font-weight: 600;
}

.content-area .addresses address {
    padding-top: 5px;
    display: block;
}

.col2-set.addresses {
    overflow: hidden;
}

.col2-set.addresses .col-1, 
.col2-set.addresses .col-2 {
    float: left;
    margin-right: 30px;
    width: 46%;
}

.woocommerce-page .container #place_order {
    border: none;
    padding: 20px 0px;
    width: 100%;
    font-size: 20px;
    color: #fff;
}

/* -- 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;
    margin-top: 10px;
    margin-bottom: 10px;    
}

.wpb_row .container {
    padding-left: 0px;
    padding-right: 0px;
}

/* 4.3 fixes */

.wpb_row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.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;
}

/* 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 {
      border-radius: 20px;
      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) --
   ================================================== */

.captiva-tip p, 
.captiva-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 --
   ================================================== */

.captiva-features .row {
    margin-bottom: 60px
}

.captiva-features {
    text-align: center;
    padding-bottom: 20px !important;    
    background: #e0f0fd;
}

.captiva-features .cap-strip-wrap h2 {
    margin-bottom: 20px !important;
}

    .captiva-features p {
        font-weight: 400;
        line-height: 1.55em !important;
        margin-left: 15px;
        margin-right: 15px;
    }

    .captiva-features i {
        font-size: 55px !important;
        color: #169fda;
        display: block;
        margin-top: 40px;
    }

    .captiva-features h4.icon-equipment:before {
        color: #00aff0;
    }

    .captiva-features h2 {
        font-size: 20px;
        color: #169fda;
    }

    .captiva-features .cap-strip-wrap h3 {
        margin-bottom: 20px !important;
        font-weight: 400;
        font-size: 28px;
        margin-left: 15px;
        margin-right: 15px;
        line-height: 1.3em;
    }

    .captiva-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;
    background: #008de4;
    padding: 50px 0px;
}

.testimonials-wrap .owl-carousel .owl-item {
    padding-bottom: 20px;
}

    .testimonials-wrap p, 
    .content-area .testimonials-wrap p {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.7em;
        margin: 0px 40px;
    }

    .testimonials-wrap img {
        width: 160px;        
        margin: 0px auto 30px auto;
    }

    .testimonials-wrap span {
        display: block;        
        font-size: 14px;
        color: #fff;
        margin-top: 30px;
        opacity: 0.6;
        text-transform: uppercase;        
    }

.testimonials-wrap:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    position: absolute;
    z-index: 5;
    left: 50%;
    margin-left: -30px;
    bottom: -23px;
}

.testimonials-wrap:after {
    border-top-color: #008de4;
}


/* -- 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: #169fda;
    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 --
   ================================================== */

.captiva-logos a {
    transition: all 300ms ease-in;
}

.captiva-logos img {
    display: block;
    margin: 0px auto;
}

.captiva-logos a:hover img {  
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  transition: all 300ms ease-in;
}

/* -- Shortcode: Latest Posts Slider --
   ================================================== */

.articles-wrap {
    margin-top: 0px;
}

    .articles-wrap .titlewrap h2 {
        margin-bottom: 10px;
    }

.taxonomy-description { 
    margin-bottom: 30px;
}

.titlewrap h2, 
.content-area .titlewrap h2 {
    font-size: 15px;
    font-family: 'Quicksand';
    font-weight: 700;
    text-transform: uppercase;
    color: #111;
    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: -41px;
    right: 10px;
}

section.slider .owl-theme .owl-controls .owl-pagination {
    display: none;
}

section.slider .star-rating {
    margin-bottom: -6px; 
}

section.slider {
    padding-bottom: 0px;
    margin-top: 0px;
}

#captiva-articles {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#captiva-articles img {
    margin-bottom: 18px;
    width: 100%;
}

    #captiva-articles h3 {
        margin-top: 5px;
        line-height: 0.95em;        
    }

        #captiva-articles h3 a {
            font-size: 18px;
            font-weight: 400;
            color: #169fda;
            border: none;
        }

        #captiva-articles h3 a:hover {
            text-decoration: none;
            color: #111;
        }

    #captiva-articles p {
        font-size: 15px;
        margin: 10px 15px 15px 0px;
        color: #333;        
        line-height: 1.6em;
    }

    #captiva-articles p.comments {
        color: #999;
        font-weight: 300;
        font-size: 14px;
    }

    #captiva-articles .thumb {
        position: relative;
    }

        #captiva-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;
        }

            #captiva-articles .thumb .date span {
                display: block;
                font-size: 14px;
            }

            #captiva-articles .thumb .date span.day {
                font-size: 1.2em;
                font-weight: 600;
            }

            #captiva-articles .thumb .date span.month {
                text-transform: uppercase;
                font-size: 0.8em;
                margin-top: -3px;
            }


/* -- 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 #ddd;
}

.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;
}

.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.8em;
}

/* 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 .caption:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;    
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

.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 {
    top: 1.1em;
}


.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;
}

.container .wpb_tabs .wpb_tabs_nav li {
    margin: -1px 0px 0 -1px;
    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;
    margin-bottom: 1px;
    background: #fff;
}

.container .wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
.container.wpb_content_element .wpb_tabs_nav li:hover {
    background-color: #fff;
}


/* -- Shortcode: Accordion --
   ================================================== */

.container .ui-state-default a, 
.container .ui-state-default a:link, 
.container .ui-state-default a:visited {
    color: #169fda;
}

.container .ui-state-hover {
    border-color: #169fda;
}

.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;
}

.container .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
    margin-bottom: 12px;
    border: 1px solid #eee !important;
}

/* -- Shortcode: Horizontal Line --
   ================================================== */

.vc_separator.vc_separator_align_center h4 {
    font-size: 16px;
    font-weight: 700;
    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: #169fda !important;
}

.content-area a.aio-tooltip, 
.content-area a.aio-tooltip:hover {
    border: none;
    padding: 0px;
}

.captiva-person {
    margin-bottom: 30px !important;
}

.captiva-person-inner {
    background-color: #fff;
}

.captiva-person-text-inner {
    padding: 10px;
    text-align: center;
}

.captiva-person-name {
    /*padding: 20px 30px 10px 30px !important; */
    font-size: 18px;
    margin: 0 !important;
}

.captiva-person-title {
    color: #c0c0c0;
    display: block;
    /* padding: 0 30px; */
}

.captiva-person-desc {
    /*padding: 0 30px; */
    font-style: italic;
    margin: 0 0 30px 0;
    font-size: 14px;
}

.captiva-person-social-container {
    text-align: center;
}

.captiva-person-social-container a {
    color: #9e9e9e;
}

.captiva-social-icon-container {
    margin: 0px 5px;
    text-align: center;
    font-size: 18px;
}

.captiva-social-icon-container a {
    text-decoration: none;
    border-bottom: none;
}

.captiva-social-icon-container a:hover {
    border-bottom: none;
    opacity: 0.8;
}

.subfooter .captiva-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;
}

.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;
}


/* -- 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;
}

.container .wpb_tour_next_prev_nav span {
    padding-top: 2.5em;
}

.container .wpb_tour_next_prev_nav a {
    text-transform: uppercase;    
    font-size: 11px;
    font-weight: 700;
    border: 2px solid #444;
    border-radius: 20px;
    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: 'icomoon';
    content: "\e61e";
    font-size: 10px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    width: 26px;
    height: 26px;
    color: #fff;
    margin: -3px 0 0 0;
    background: #169fda;
    transition: 0.3s all ease-out;
    border-radius: 50%;
}

.wpb_toggle, 
h4.wpb_toggle {
    padding-left: 42px;
    position: relative;
    background: none;
}

h4.wpb_toggle {
    font-size: 18px;
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 20px !important;
    line-height: 1.4em;
}

.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: 44%;
    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 {
    content: "\e628";
    font-family: 'icomoon';
    font-size: 26px;
    position: absolute;
    left: 11px;
    top: 8px;
    color: #111;
    text-indent: 0;
}

.content-area .wpb_flexslider .flex-direction-nav a.flex-next:before, 
#showcaseimg .flex-direction-nav a.flex-next:before {
    content: "\e602";
    font-family: 'icomoon';
    font-size: 26px;
    position: absolute;
    left: 14px;
    top: 8px;
    color: #111;
}

#showcaseimg .flex-direction-nav a.flex-next:before {
    left: 13px;
}

.container .wpb_gallery .wpb_flexslider .flex-control-nav {
    bottom: 0px;
    margin: 0px;
    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: 10px;
}

.content-area .flex-caption h2 a {
    font-size: 22px;
    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 ;
    border-radius: 4px !important;
}

.container .content-area .vc_call_to_action p {
    margin-bottom: 20px;
}

.container .wpb_call_to_action {
    border: none;
    background-color: #fff;
    border: 1px solid #eee !important;
    border-radius: 4px;
    padding: 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 {
    border-radius: 20px !important;
    font-size: 14px;
    padding: 11px 25px !important;
    transition: all 0.2s linear !important;
    color: #FFF;
    border: none;
    text-transform: uppercase;
}

.wpb_button:hover {
    border-radius: 0px !important;
    transition: all 0.2s linear;
}

.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;
}

.container .wpb_row .wpb_teaser_grid li {
    margin-bottom: 25px;
}

body .wpb_row .wpb_teaser_grid li h2 {
    background: #fff;
    margin-top: 0px;
    line-height: 0.65em;
    margin-bottom: 0px;
    padding: 15px 15px 10px 15px;
}

body .wpb_row .wpb_teaser_grid li h2 a {
    font-size: 20px;
    line-height: 1.25em;
}

.wpb_teaser_grid li .entry-content {
    background: #fff;
    width: 100%;
    font-size: 15px;
    color: #666;
    padding: 0px 15px 20px 15px;
}


/* -- Shortcode: Filters --
   ================================================== */

body .wpb_teaser_grid .categories_filter {
    margin: 0px 0px 40px 0px;
    text-align: center;    
}

body .wpb_teaser_grid .categories_filter li {
    margin-right: 3px;
    margin-bottom: 0px;
    display: inline;
    float: none;
}

#filters button,
body .wpb_teaser_grid .categories_filter li a {
    padding: 8px 13px;
    border-radius: 20px;
    color: #333;    
    text-transform: uppercase;
    font-size: 11px;
    border: none;
    border: 1px solid #eee;
    margin-right: 3px;
    background: #fff;
}

#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;
}

body .wpb_teaser_grid .categories_filter li.active a { 
    border-bottom: 1px solid #ccc;
}


/* -- Shortcode: Messages --
   ================================================== */

.cap-msg-wrap {
    position: relative;
    overflow: hidden;
}

.cap-msg-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.cap-msg-text {
    bottom: 32% !important;  
    top: auto !important;
    position: absolute;
    left: 0;
    width: 100%;
}

.cap-msg-heading {
    line-height: 0;
}

.content-area .cap-msg-text h1 {
    border: none;
    font-weight: 400;
    font-size: 48px;
    color: #fff;
    cursor: default;
}


/* -- Shortcode: Message Strips --
   ================================================== */

.cap-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;
}

.cap-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;
}

.cap-strip-wrap {
    position: relative;
    overflow: hidden;
}

.cap-strip-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.cap-strip p {
    font-size: 17px;
    line-height: 1.6em !important;
    margin: 20px 15px !important;
}

.cap-strip .cap-pos {
  position: absolute;
  white-space: normal;
  left: 10%;
  bottom: 10%;
  right: 10%;
  margin: 0 auto; 
  z-index: 3;
}

.cap-strip .valign-top {
  top: 12% !important;
  margin: 0 auto !important;
  bottom: auto !important; 
}

.cap-strip .valign-bottom {
  bottom: 12% !important;
  margin: 0 auto !important;
  top: auto !important; 
}

.cap-strip .valign-center {
  bottom: 50% !important;  
  top: auto !important;
  text-align: center; 
}

.cap-strip .halign-left {
  left: 10%;
  right: auto;
  text-align: left; 
}

.cap-strip .halign-right {
  left: auto;
  right: 10%;
  text-align: right; 
}

.cap-strip .text-align-left {
    text-align: left !important;
}

.cap-strip .text-align-right {
    text-align: right !important;
}

.cap-strip .text-align-center {
    text-align: center !important;
}

.cap-strip-wrap h1, 
.cap-strip-wrap h2, 
.cap-strip-wrap h3, 
.cap-strip-wrap h4, 
.cap-strip-wrap h5, 
.cap-strip-wrap h6,
.cap-strip-wrap p {    
    margin: 15px 0 !important;
    padding: 0 !important;
    line-height: 1.2em;
}

.content-area .cap-strip-wrap p, 
.cap-strip-wrap p {
    font-size: 17px;   
}

.content-area .cap-strip-wrap h3, 
.cap-strip-wrap h3 {
    font-size: 34px;
    font-weight: 400;
    line-height: 1.3em !important;
    margin-bottom: 20px !important;
}

.content-area .cap-strip-wrap h4, 
.cap-strip-wrap h4 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.25em !important;
}

.content-area .cap-strip-wrap h5, 
.cap-strip-wrap h5 {
    font-size: 17px;
    font-weight: 600;
}

.cap-strip-wrap h1 {
    border: none;
    font-weight: 700;
    font-size: 48px;
}

.cap-strip-content.light h1, 
.cap-strip-content.light h2, 
.cap-strip-content.light h3, 
.cap-strip-content.light h4, 
.cap-strip-content.light h5, 
.cap-strip-content.light h6, 
.cap-strip-content.light,
.cap-content-strip-big.light h2 {
    color: #fff;
}

.cap-strip-content.dark {
    color: #444 !important;
}

.cap-strip-content a {
    color: #fff;
}

.cap-strip-content a:hover {
    text-decoration: none !important;
}

.cap-strip-wrap hr {
    width: 40px;
    margin: 15px auto 12px auto;
    border-top: 2px solid #fff;
}

.cap-strip .cap-strip-bg {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background-size: cover !important;
}

/* Hover effect if class is added to VC */
.cap-content-hover .cap-strip .cap-strip-bg {
    opacity: 0.75;
} 

.cap-content-hover .cap-strip:hover .cap-strip-bg {
    opacity: 0.6;
} 

.cap-strip-content-big {
    line-height: 1.5em;
}

.cap-strip-content-big h1, 
.cap-strip-content-big h2, 
.cap-strip-content-big h3, 
.cap-strip-content-big h4, 
.cap-strip-content-big h5, 
.cap-strip-content-big h6, 
.cap-strip-content-big p {
    margin: 8px 0 !important;
    padding: 0 !important;
}

.light {
    color: #fff;
}

.cap-strip-content-big.light h1, 
.cap-strip-content-big.light h2, 
.cap-strip-content-big.light h3, 
.cap-strip-content-big.light h4, 
.cap-strip-content-big.light h5, 
.cap-strip-content-big.light h6, 
.cap-strip-content-big.light {
    color: #fff;
}

.cap-strip-content-big.dark {
    color: #444 !important;
}

.cap-strip-content-big hr {
    width: 40px;
    margin: 15px auto 12px auto;
    border-top: 2px solid #fff;
}

/* -- Shortcode: Map --
   ================================================== */

.content-area #cap-map-container img {
    max-width: inherit !important;
}

.cap-map-info {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0px;
}

.cap-map-info .row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 1170px;
}

.map_inner {
    padding: 30px;
    font-size: 17px;
    background: #fff url(../images/bg/postage.gif) no-repeat top right;
    border-top: 3px solid #169fda;
    border-radius: 3px;
    box-shadow: 0px 1px 5px #ddd
}

/* Responsive */

@media (max-width: 1200px) {
    .map-info .row {
        max-width: 970px;
    }
}


/* -- Shortcode: Dividers --
   ================================================== */

.captiva-divider {
    border: 0;
    height: 1px;
    background: #e2e2e2;
    margin: 2em 0;
}

.captiva-divider--strong {
    height: 7px;
}

.captiva-divider--double {
    height: 7px;
}

.captiva-divider--double:after {
    content: '';
    display: block;
    border-bottom: 1px solid #363f48;
    position: relative;
    top: 10px;
}

.captiva-divider--dashed {
    background: none;
    border-bottom: 1px dashed #363f48;
}

.captiva-divider--dotted {
    background: none;
    border-bottom: 1px dotted #363f48;
}

.subfooter .captiva-divider--dotted {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}

/* -- Shortcode: Dropcap --
   ================================================== */

.captiva-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;
}

.captiva-dropcap--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: 36px;
    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.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/cap-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
/*-------------------------------------------------------------------------*/

.cap-folio-thumb {
    overflow: hidden;
    display: block;
    position: relative;
}

.cap-folio-img {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
}

.cap-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;
}

.cap-thumbnail:hover {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 0.75;
}

.cap-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;
}

.cap-folio-text-outer {
    display: table;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cap-folio-text-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.cap-folio-title, .cap-folio-title a {
    color: #fff;
    font-size: 22px;
    display: block;
    margin: 0px 10px 2px 10px;
    line-height: 1.2em;
}

.cap-folio-title a:hover {
    color: #fff;
    text-decoration: none;
}

.cap-folio-thumb:hover .cap-folio-text-wrap {
    opacity: 1;
    filter: alpha(opacity=100);
}

.cap-folio-categories {
    color: #ccc;
}

.wpb_column .cap-recent-folio-text-wrap {
    border: none;
}

.wpb_column .cap-recent-folio-categories {
    font-size: 15px;
    margin-top: -13px;
    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: 0px;
    padding-right: 0px;
}

#showcase-wrap .col-sm-4, 
#showcase-wrap .col-md-4, 
#showcase-wrap .col-lg-4 {
    padding-right: 10px;
    padding-left: 10px;
}

#filters {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 33px;
}

#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;
}

#cap-folio-recent {
    margin-bottom: 25px;
}

.cap-more-work h2 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}

.cap-recent-folio-text-wrap {
    background-color: #fff;
    border: 1px solid #eaeaea;
    text-align: center;
    padding-bottom: 15px;
}

.cap-recent-folio-title, 
.content-area h2.cap-recent-folio-title {
    margin-top: 0;
    line-height: 1.4em;  
}

.cap-recent-folio-title a, 
.content-area h2.cap-recent-folio-title a {
    color: inherit;
    font-size: 18px;
    color: #169fda;
}

.cap-recent-folio-title a:hover, 
.content-area h2.cap-recent-folio-title a:hover {
   color: #111;
   text-decoration: none;
}

.cap-folio-video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.cap-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;
}

.scwebsite a {
    margin-left: 20px;
}

.scwebsite:hover:before {
    color: #169fda;
}

#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, 
#showcasedetails h4 {
    margin-bottom: 15px;
}

#showcasecontent {
    margin-bottom: 40px;
}

.scwebsite {
    display: block;
    margin: 0 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;
}

.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;
}


/*-------------------------------------------------------------------------*/
/*  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-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: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; 
}

  .mfp-close:hover, 
  .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); 
  }

  .mfp-close:active {
    top: 1px; 
  }

.mfp-close-btn-in .mfp-close {
  color: #333333; 
}

.mfp-image-holder .mfp-close, 
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; 
}

.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 0px;
  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;
  background-color: rgba(0, 0, 0, 0.92);
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.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;
}

.mean-container a.meanmenu-reveal span:before {
  content: "";
  display: block;
  height: 2px;
  margin-top: 4px;
}
.mean-container a.meanmenu-reveal.meanclose span:nth-of-type(n+2) {
  margin-top: -6px;
}



/*-------------------------------------------------------------------------*/
/*  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: 2px solid #ccc;
    background: #fff;
    transition: 0.3s all ease-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 2px;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    border-color: #169fda;
    color:#169fda;
    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;
}

.cap-prod-gallery {
    margin-bottom: 30px;
}

.cap-prod-gallery .owl-carousel .owl-wrapper {
    margin-top: 0;
}

.cap-prod-gallery .owl-carousel .owl-wrapper-outer {
  padding-top: 0;
}

.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 .cap-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;
    list-style: none;
}

.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;
    padding: 7px 9px;
    font-size: 11px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: none;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    color:#999;
}

.owl-theme .owl-controls .owl-buttons i {
    position: relative;
    top:-4px;
    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: 12px;
    height: 12px;
    margin: 5px 5px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: none;
    border: 2px solid #fff;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
}

.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;
}

.cap-prod-gallery .owl-prev {
    position: absolute;
    top: 45%;
    left: 15px;
}

.cap-prod-gallery .owl-next {
    position: absolute;
    top: 45%;
    right: 15px;
}

.cap-prod-gallery-thumb {
    opacity: 0.7;
    transition: opacity 200ms ease-out;
    margin: 0 10px 0 0;
    border: 1px solid #fff;
}

.cap-prod-gallery-thumb:hover {
    opacity: 1;
}

.owl-item.synced .cap-prod-gallery-thumb {
    border: 1px solid #ccc;
    opacity: 1;
}

.owl-item.loading {
    min-height: 150px;
    background: url(../images/AjaxLoader.gif) no-repeat center center
}

.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;
      }



/*-------------------------------------------------------------------------*/
/*  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;
}

.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: #fff;
  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: 23px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  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;
}

.chosen-container-single .chosen-single:hover {
    border-bottom-style: solid;
    border-color: inherit;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.7em;
}

.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 2px;
}

.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 0 4px 4px;
  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;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px !important;
  list-style: none;
  line-height: 15px;
  -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: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.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;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  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 {
  border: 1px solid #5897fb;
  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;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  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 2px;
}

.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: #169fda;
    color: #fff;
    padding: 9px 17px;
    margin-top: -11px; 
}

.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: #169fda;
    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: #169fda;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}

.tipr_point_bottom:before {
    border-bottom-color: #169fda;
    border-width: 9px;
    left: 50%;
    margin-left: -9px;
}


/*-------------------------------------------------------------------------*/
/*  42. Preloader
/*-------------------------------------------------------------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff; 
    z-index: 9999;
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
}

.ajax-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 11000;
    width: 32px;
    height: 32px;
    background-color: #303030;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    -webkit-animation: scaleout 0.2s infinite ease-in-out;
    animation: scaleout 0.2s infinite ease-in-out;
}

.loader-container {
  width: 200px;
  height: 100px;
  padding-top: 50px;
  margin: 0 auto;
}

.ball {
  width: 7px;
  height: 7px;
  margin: 7px auto;
  border-radius: 50px;
  }  

    .ball:nth-child(1) {
      background: #169fda;
      -webkit-animation: right 1s infinite ease-in-out;
      -moz-animation: right 1s infinite ease-in-out;
      animation: right 1s infinite ease-in-out;    
    }

    .ball:nth-child(2) {
      background: #169fda;
      -webkit-animation: left 1.1s infinite ease-in-out;
      -moz-animation: left 1.1s infinite ease-in-out;
      animation: left 1.1s infinite ease-in-out;
    }

    .ball:nth-child(3) {
      background: #169fda;
      -webkit-animation: right 1.05s infinite ease-in-out;
      -moz-animation: right 1.05s infinite ease-in-out;
      animation: right 1.05s infinite ease-in-out;
    }

    .ball:nth-child(4) {
      background: #169fda;
      -webkit-animation: left 1.15s infinite ease-in-out;
      -moz-animation: left 1.15s infinite ease-in-out;
      animation: left 1.15s infinite ease-in-out;
     }

    .ball:nth-child(5) {
      background: #169fda;  
      -webkit-animation: right 1.1s infinite ease-in-out;
      -moz-animation: right 1.1s infinite ease-in-out;
      animation: right 1.1s infinite ease-in-out;
    }

    .ball:nth-child(6) {
      background: #169fda;  
      -webkit-animation: left 1.05s infinite ease-in-out;
      -moz-animation: left 1.05s infinite ease-in-out;
      animation: left 1.05s infinite ease-in-out;
     }

    .ball:nth-child(7) {
      background: #169fda;  
      -webkit-animation: right 1s infinite ease-in-out;
      -moz-animation: right 1s infinite ease-in-out;
      animation: right 1s infinite ease-in-out;
    }

@-webkit-keyframes right {
  0%   { -webkit-transform: translate(-15px);   }
  50%  { -webkit-transform: translate(15px);    }
  100% { -webkit-transform: translate(-15px);   }
}

@-webkit-keyframes left {
  0%   { -webkit-transform: translate(15px);    }
  50%  { -webkit-transform: translate(-15px);   }
  100% { -webkit-transform: translate(15px);    }
}

@-moz-keyframes right {
  0%   { -moz-transform: translate(-15px);   }
  50%  { -moz-transform: translate(15px);    }
  100% { -moz-transform: translate(-15px);   }
}

@-moz-keyframes left {
  0%   { -moz-transform: translate(15px);    }
  50%  { -moz-transform: translate(-15px);   }
  100% { -moz-transform: translate(15px);    }
}

@keyframes right {
  0%   { transform: translate(-15px);  }
  50%  { transform: translate(15px);   }
  100% { transform: translate(-15px);  }
}

@keyframes left {
  0%   { transform: translate(15px);   }
  50%  { transform: translate(-15px);  }
  100% { transform: translate(15px);   }
}

@-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;
  }
}


/*-------------------------------------------------------------------------*/
/*  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" 
}


/*-------------------------------------------------------------------------*/
/*  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: 220px;
}

.bootstrap-select {
    /*width: 220px\9; IE8 and below*/
    width: 220px\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;
    border: 2px solid #fff !important;
    height: 54px;
    width: 54px;
    font-size: 14px;
    line-height: 54px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 23px;
    margin-top: -27px;
    -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: 30px;
}

.ls-nav-next {
    background-color: transparent !important;
    background-image: none !important;
    border: 2px solid #fff !important;
    height: 54px;
    width: 54px;
    font-size: 14px;
    line-height: 54px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    -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: 32px;
}

.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: 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: #f2f2f2;
    padding: 20px 0px 50px 0px;
    margin-top: -1px;
}

   .lightwrapper h4 {
        font-weight: 700;
        color: #222;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 3px;
        clear: both;
        padding-top: 30px;
    }

    .lightwrapper ul {
        padding: 0px;
    }

        .lightwrapper ul li a {
            color: #333;
            font-size: 13px;
            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 li span.count, 
        .subfooter ul li span.count {
            position: absolute;
            top: 10px;
            right: 0px;
            font-size: 13px;
        }

        #calendar_wrap table { 
            width: 100%;
            font-size: 13px;
        }

        .subfooter #calendar_wrap table {
            color: #e2e2e2;
        }

        .subfooter #calendar_wrap table a {
            font-weight: 700;
            color: #fff;
        }

        .lightwrapper .widget_archive select, 
        .lightwrapper .widget_categories select,
        .subfooter .widget_archive select, 
        .subfooter .widget_categories select {
            width: 100%;
        }

        .lightwrapper .widget_rss a, 
        .subfooter .widget_rss a {
            font-weight: 700;
        }

        .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 {
            font-size: 12px;
            display: block;
        }

        .subfooter .widget_rss .rss-date, 
        .subfooter .widget_rss cite {
            color: #999;
        }

        .subfooter .wp-caption {
            padding: 0px 10px 10px 10px;
            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,
        .subfooter .widget_nav_menu ul ul.sub-menu li {
            padding-top: 12px;
        }

        .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 .star-rating {
    display: none;
}

.lightwrapper .woocommerce ul.product_list_widget {
    padding: 0px;
}

.lightwrapper .woocommerce ul.product_list_widget li {
    list-style-type: none;
    overflow: hidden;
    min-height: 84px;
}

.lightwrapper .woocommerce ul.product_list_widget li a {
    font-weight: 700;
}

.lightwrapper .woocommerce ul.product_list_widget li img, 
.lightwrapper .woocommerce-page ul.product_list_widget li img {
    margin-right: 15px;
    float: left;
    margin-left: 0px;
    width: 40px;
    box-shadow: none;
    border: 1px solid #fff;
}


/* -- Dark --
   ================================================== */

.subfooter {
    background: #111;
    padding: 10px 0px 50px 0px;
}

    .subfooter h4 {
        text-transform: uppercase;
        color: #666;
        font-size: 13px;
        clear: both;
        padding-top: 40px;
        margin-bottom: 20px;
        line-height: 1.5em;
    }

    .subfooter .textwidget, 
    .subfooter #mc_subheader {
        color: #ccc;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.55em;
    }

    .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_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 !important;
    font-weight: 700;
}

.subfooter ul.product_list_widget li span.amount {
    color: #999;
}

.subfooter .mc_var_label {
    display: none;
}

.subfooter .mc_signup_submit {
    margin-top: 0px;
}

.subfooter .mc_input {
    padding: 6px;
    border: none;
}

.mc4wp-form {
    margin-top: 20px;
}

.mc4wp-form-fields input[type="email"] {
    border: none;
    width: 100%;
}

.subfooter #mc_signup_submit,
.mc4wp-form-fields input[type="submit"] {
    margin-top: 0em;
    width: auto;
    text-align: left;
    float: left;
    border: none;
    padding: 6px 20px;
    background: none !important;
    font-weight: 700 !important;
    border: 2px solid #444;
    border-radius: 20px;
    font-size: 11px;    
    text-transform: uppercase;
    color: #fff;
}

.woocommerce-page .subfooter .container input#mc_signup_submit.button {
     padding: 10px 20px;
}

.subfooter #mc_signup_submit:hover,
.mc4wp-form-fields input[type="submit"]:hover {
    border-radius: 0px;
    border-color: #fff;
}

.footer-copyright {
    float: left;
}

.footer-credit-cards {
    float: left;
}

.footer-credit-cards .captiva-card img {
    width: 40px;
}


/*-------------------------------------------------------------------------*/
/*  50.  Browser Bugs
/*-------------------------------------------------------------------------*/


.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;
}

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;
}

/* hide default term-description as we're outputting our own version - but leave the markup on the frontend in case some plugins hook into this action */

.product-listing-wrapper .term-description {
    display: none;
}

#shipping_method li label {
    display: inline;
}

/* LS5 */

.content-area .ls-overflow-visible {
  overflow: hidden !important;
}

.structured-metadata {
  display: none;
 }

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

.product-images .thumbnails .zoom {
    margin-right: 20px;
}

/* LayerSlider 6 */

.wpb_layerslider_element.ls-overflow-visible .ls-inner {
  z-index: 1;
}

.wpb_layerslider_element.ls-overflow-visible .ls-inner:before {
  z-index: 35 !important;
}

/* VC5 */

.content-area .ls-overflow-visible {
  overflow: hidden !important;
}

img.zoomImg {
    transition: none;
}

/*-------------------------------------------------------------------------*/
/*  ENDS. -----
/*-------------------------------------------------------------------------*/