/*

Theme Name: Berry
Theme URI: http://www.bosque-creative.pl
Author: Bosque Creative
Author URI: http://www.bosque-creative.pl
Description: Responsive Multi-Purpose WordPress Theme
Version: 2.0.3
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: purple, gray, black, red, green, light, dark, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready

*/

/*-------------------------------------------------------------------------*/
/*	1.	Browser Reset & General Styles                            
/*-------------------------------------------------------------------------*/

/* Sygmelab reinterpretacje */

.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    font-size: 14px;
    border: 1px solid #bbc3c1 !important;
    border-radius: 5px;
    padding: 10px 20px !important;
    color: #bbc3c1;
  }

.woo-cell {
    margin-top: 60px;
  }

.button[name="update_cart"] {
    background: #252423 !important;
    color: #fff !important;
    font-size: 12px !important;
    padding: 12px 22px !important;
  }

#block-2 {
    text-align: right;
}

.ft-name {
font-size: 20px;
font-weight: 600;
line-height: 24px;
margin-bottom: 13px
}

.ft-address {
    color: #ECE3DC;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.64px;
    margin-bottom: 28px;
}

.ft-phone {
    margin-bottom: 8px;
}

.ft-phone a {
    color: #F5765F;
    font-size: 42px;
    font-weight: 400;
    line-height: 50px; /* 119.048% */
    font-family: "DM Serif Display",sans-serif;
}

.ft-mail a {
    color: #ECE3DC;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px; /* 120% */
}

.feats-research-table .feats-table {
    margin: 0;
    align-items: center;
  }

  .feats-research-table {
    margin-bottom: 40px;
    justify-content: space-between;
  }

  .single-product .price {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    float: left;
  }

.gram {
    color: #252423;
    font-weight: 400;
    line-height: 18px; 
    font-size: 14px;
}

.product-composition-title {
    color: #252423;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 24px;
    }

.composition-one {
    gap: 16px;
    justify-content: start;
    margin-bottom: 20px;
    color: #28745B;
}

.composition-one svg {
    flex: 1 0 20px;
    max-width: 20px;
}

.dark-feat {
    border-radius: 5px;
    background: #21201F;
    padding: 4px 18px;
    color: #E2FFEC;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
}

.card-product-composition {
    font-size: 12px;
    color: #1C634C;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .feats-table {
    gap: 16px;
    margin-bottom: 32px;
  }

  .card-title {
    font-size: 21px;
    color: #3E362D;
    font-family: "DM Serif Display",sans-serif;
  }

.block-price {
    color: #F5765F;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px; 
}  

.card-product-image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #E7EFED;
    border-radius: 15px;
    max-height: 270px;
    margin-bottom: 30px;
  }

.card-product-image img {
    max-height: 230px;
    width: auto;
  }

.block-footer .feat-add-to-cart {
    color: #21201F;
    font-size: 12px;
}

.product-card {
    border: 2px solid #E7EFED;
    border-radius: 15px;
    padding: 20px;
    flex: 1 1;
  }

  .wpb-js-composer .vc_tta.vc_tta-spacing-10 .vc_tta-tab {
    margin: 4px Im !important;
  }

  .wpb-js-composer .vc_tta.vc_general .vc_tta-tabs-list {
    background: #1C634C;
    display: inline-block !important;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    margin: 0 !important;
  }

  .wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab > a {
    color: #E7EFED !important;
    background: transparent !important;
    border: 0 !important;
    padding: 9px 18px !important;
    border-radius: 3px !important;
    transition: all .3 ease-in-out !important;
  }

  .wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active > a {
    color: #1C634C !important;
    background-color: #fff !important;
  }

  .wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab > a:hover {
    opacity: 1 !important;
    background: #21201F !important;
  }

#hero-section .vc_column-inner {
    padding: 0;
}

#hero-section .wpb_content_element {
    margin: 0;
}

#hero-section .wpb_single_image {
    border-radius: 0 0 0 15px;
    overflow: hidden;
  }

#hero-section {
    color: #fff;
}

#hero-section p {
    max-width: 310px;
  }

#hero-section h3 {
    color: #fff;
    font-size: 56px;
    line-height: 50px;
    margin-bottom: 33px;
  }

  #hero-section strong {
  color: #FBB57B;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 16px;
  width: 100%;
  display: block;
}

.products-slider-column .vc_column-inner {
    justify-content: flex-end;
  }

.hero-products-block {
    position: relative;
  }

.hero-product.active {
    display: block;
  }
  .hero-product {
    display: none;
  }

  #hero-section {
    border-radius: 0 0 15px 15px;
    padding-top: 88px;
  }

  .hero-product-flex {
    display: flex;
    align-items: center;
  }
  
  .hero-feats {
    display: flex;
    flex-direction: column;
    width: 66px;
  }

  .hero-product-feats:first-child {
    border-top: 1px solid #fff;
    border-radius: 5px 5px 0 0;
  }
  
    .hero-product-image {
        position: relative;
        width: 190px;
        height: 340px;
  }
  
    .hero-blurred-bg {
    filter: blur(5px);
    position: absolute;
    max-width: 170px !important;
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%);
    z-index: 0;
    max-height: 386px;
  }
  
  .hero-image-product {
    position: absolute;
    z-index: 1;
    max-width: 170px !important;
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%);
    max-height: 386px;
  }

  .hero-product-feats {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    display: flex;
    flex-direction: column;
    color: #C1E9DC;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 16px;
    font-weight: 400;
    gap: 4px;
    padding-top: 24px;
  }

  .feats-down-arrow svg {
    display: block;
    width: 100%;
    height: auto;
  }  

.slider-nav {
  position: absolute;
  right: 10px;
bottom: -25px;
cursor: pointer;
}

.slider-nav-image {
    z-index: -1;
    position: relative;
  }

  .slider-nav-image .hero-image-product {
    max-height: 180px;
    transform: translate(10px, -35px);
  }

.slider-nav-holder {
  position: relative;
  width: 56px;
  height: 56px;
  background: #292827;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  transition: all 200ms ease 0s;
  overflow: hidden;
}

.slider-nav svg {
    position: relative;
    margin-top: 17px;
    z-index: 1;
}
.slider-nav-effect {
    border-radius: 50%;
    position: absolute;
    background-color:#f5735c;
    width: 2px;
    height: 2px;
    content: "";
    top: 50%;
    left: 50%;
    display: block;
    transition: all 300ms ease 0s;
    transform: scale(0);
    opacity: 0;
  }

.slider-nav:hover .slider-nav-effect {
    transform: scale(30);
    opacity: 1;
  }

#hero-section .title {
    font-size: 22px;
    margin-bottom: 20px;
    line-height: 28px;
  }

.hero-product-list {
    list-style: none !important;
    margin: 0 0 26px 0 !important;
    color: #DFF5EE;
    font-size: 12px;
}

.hero-product-list li {
    line-height: 16px;
    margin-bottom: 8px;
  }

.hero-product-list li::before {
    color: #28745B;
    content: "\f14a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 6px;
    font-size: 14px;
}

.featured-product-buttons {
    display: flex;
    gap: 28px;
    align-items: center;
  }

.feat-add-to-cart-icon {
    width: 46px;
    height: 46px;
    background: #F5735C;
    border-radius: 50px;
    padding-left: 13px;
    padding-top: 11px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .feat-add-to-cart {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-weight: 600;
    gap: 2px;
  }

  .feat-add-to-cart:hover {
    opacity: 1
  }

  .feat-add-to-cart:hover .feat-add-to-cart-icon {
    background: #FBB57B;
  }

  .feat-add-to-cart .feat-add-to-cart-icon svg circle {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .feat-add-to-cart:hover .feat-add-to-cart-icon svg circle {
    fill: #FBB57B;
  }

span.wpcf7-list-item {
    margin: 0;
}

.berry-button #arrow {
    margin-left: 20px;
}

.column-blog.cells {
    width: 100%;
}

#post-area article {
    width: 50%;
    padding: 0 20px 20px;
    float: left;
    margin-bottom: 40px;
}

.data-fabric-info {
    max-width: 110px;
}

.ar-1 {
    fill: #fff;
}

#arrow-left {
    transform: rotate(180deg);
}

.caroufredsel_wrapper .block-shadow {
    -webkit-box-shadow: 0 0px 10px 8px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px 8px rgba(0, 0, 0, 0.08);
}

.legal-warning {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 80px;
    font-size: 12px;
    line-height: 22px;
  }

.legal-title {
    color: #252423;
font-size: 16px;
font-weight: 600;
line-height: 22px;
margin-bottom: 28px;
}

.related.products {
    width: 100%;
    display: block;
    float: left;
}

.accesories {
    float: left;
    width: 100%;
    margin-top: 60px;
}

.page-template-page-produkty #header-page {
    margin-bottom: 0;
}

.product-block {
    margin-top: 32px;
}

.block-shadow {
    -webkit-box-shadow: 0 0px 30px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 30px 10px rgba(0, 0, 0, 0.15);
}

.block-footer {
    display: flex;
    align-items: start;
    margin-top: 22px;
    justify-content: end;
    gap: 28px;
  }

.block-more {
    flex: 1;
}

.product-mb {
    color: #909090;
    margin-top: 16px;
    float: right;
    font-weight: 500;
    margin-left: 10px;
}

#arrow {
    max-width: 35px;
}

.product-more {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.5px;
    float: right;
    font-size: 15px;
}

.product-image {
    height: 220px;
    width: 100%;
    background-size: cover;
    background-position: center center;
}

.arrow-main {
    fill:none;
    stroke:#f57059;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2px;
}

.wc-tabs-wrapper {
    margin-top: 70px;
    float: left;
    width: 100%;
}

.product_meta, .nav-dropdown .single_add_to_cart_button {
    display: none !important;
}

.woocommerce div.product form.cart {
    float: right;
    display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
gap: 24px;
}

.measure-qty {
    width: 110px;
    display: flex;
    border: 3px solid #9b9b9b;
    border-radius: 50px;
    float: right;
}

.measure-qty td input {
    border: 0;
    text-align: center !important;
    font-size: 20px;
    font-weight: 700;
    width: 46px !important;
}

#price_calculator {
    max-width: 400px;
    margin-top: 26px;
    color: #1a1a1a;
    font-weight: 600;
    text-transform: uppercase;
    min-width: 255px;
}

#price_calculator input {
    float: unset;
}

#price_calculator .minus, #price_calculator .plus {
    border: 0;
    background-color: transparent;
    font-size: 24px;
    color: #9b9b9b;
    margin-top: -6px;
}

.product-info {
    margin-top: 22px;
    margin-bottom: 35px;
}


.berry-anim-block {
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
}

.berry-anim-block.right-st {
    margin-top: 70px;
}

.feats-column .vc_column-inner {
    padding: 0 6px;
  }

figure.effect-back {
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    padding: 16px;
    border-radius: 15px;
}

.feats-icon-holder {
    margin-bottom: 16px;
}

.feats-column .feats-icon-holder svg {
    margin-left: 16px;
}

.featured-icon {
    z-index: 2;
    position: relative;
  }

.berry-anim-block.featured {
    margin-top: -44px;
  }

.featured figure.effect-back {
    background-color: #DFF5EE;
    padding: 60px 16px 25px;
  }

.effect-back img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
}

.effect-back figcaption::before,
.effect-back figcaption::after {
    position: absolute;
    content: '';
    opacity: 0;
    border-radius: 15px;
}

.effect-back figcaption::before {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border-top: 2px solid #70B49F;
    border-bottom: 2px solid #70B49F;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.effect-back figcaption::after {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border-right: 2px solid #70B49F;
    border-left: 2px solid #70B49F;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

figure.effect-layla img,
.effect-back figcaption::before,
.effect-back figcaption::after {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
    opacity: 0.7;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.effect-back:hover figcaption::before,
.effect-back:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.effect-back:hover figcaption::after,
figure.effect-layla:hover img {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.block-title h3 {
    font-weight: 600;
    margin: 0 0 16px 0 !important;
    font-family: "Rubik";
    font-size: 22px;
}

.feats-block-text {
    color: #4E6C63;
  }

#milestones .centered-content {
    max-width: 1000px;
}

.action-box.feats-box {
    min-height: 90px;
    background-repeat: no-repeat;
    padding-left: 95px !important;
    display: flex;
    align-items: center;
    background-position: center left;
    margin-top: 15px !important;
}

.block-type-one .action-box.stick-out {
    position: absolute;
    top: 155px;
    width: 50%;
    right: 20px;
    border: 0 none;
}

.block-type-one h2 {
    position: absolute;
    top: 60px;
    width: 50%;
    left: 43px;
    max-width: 300px;
    line-height: 38px;
}

.nav-dropdown {
    -moz-box-shadow: 0 30px 40px -25px #21201f;
    -webkit-box-shadow: 0 30px 40px -25px #21201f;
    box-shadow: 0 30px 40px -25px #21201f;
    display: none;
    background: #fff;
    padding: 0;
    z-index: 999;
    position: absolute;
    right: 10px;
    width: 330px;
    top: 55px;
    border-radius: 10px;
  }

/* DO SPRAWDZENIA */

.wpcf7-form label {
    font-weight: 600;
    color: #1a1a1a;
}

.woocommerce div.product form.cart .variations select {
    background-color: #e7efed;
    padding: 0px 10px !important;
    width: 100%;
}

.float-social {
    position: fixed;
    right: 0;
    top: 230px;
    z-index: 9999;
    background-color: #fff;
    padding-top: 5px;
    border: 1px solid #e4e4e4;
    border-right: 0 none;
}
.float-social .fa.icon-header-sl {
    font-size: 17px;
}

.line-cover {
    position: absolute;
    width: 100%;
    margin: 0;
}

.line-cover .vc_column-inner {
    padding: 0;
}

.narrow-sct {
    max-width: 700px;
    margin: 0 auto;
}

.narrow-contact {
    max-width: 860px;
    margin: 0 auto;
}

.docu-title {
    color: #1a1a1a;
    font-family: "Rubik";
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    display: block;
}

.docu-type {
    color: #7e8895;
    font-size: 12px;
    text-transform: uppercase;
}

.docu-ico {
    text-align: center;
    height: 60px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 55px;
}

.docu-link:hover {
    opacity: 1;
}

.document-list {
    margin-top: 20px !important;
}

.container-docs {
    display: flex;
}

.simple-element.katalog-ver {
    flex: 1 1 25%;
    margin: 15px;
    padding: 15px;
    max-width: 190px;
    background-color: #e7efed;
    border-radius: 5px;
    position: relative;
    height: 205px;
    overflow: hidden;
}

.download-block {
    background-color: #f57059;
    border-radius: 5px 5px 0 0;
    text-align: center;
    color: #fff;
    font-family: "Rubik";
    font-weight: 600;
    font-size: 13px;
    width: 100px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    opacity: 0;
    transform: translateY(10px);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.simple-element.katalog-ver:hover .download-block {
    transform: translateY(0px);
    opacity: 1;
}

.ico-doc-stroke {
    fill:none;
    stroke:#00c6ff;
    stroke-linejoin: round;
    stroke-width:2px;
    stroke-linecap:round;
}

.middle-download {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding-bottom: 25px !important;
}

.icon-button-holder {
    display: flex;
    margin-top: 20px;
    justify-content: center;
    position: relative;
    z-index: 9;
  }

.berry-button.icon-button.medium {
    display: inline-block;
    background: #252423;
padding: 8px 25px;
}

.berry-button.icon-button.medium .btn-content {
    display: flex;
    align-items: center;
    gap: 14px;
  }

.berry-button.download {
    background: url(images/ico-download.png) calc(100% - 17px) center no-repeat;
}

.berry-button.glass {
    background: url(images/ico-glass.png) calc(100% - 17px) center no-repeat;
}

.berry-button.grid {
    background: url(images/ico-grid.png) calc(100% - 17px) center no-repeat;
}

.berry-button.medium.offer {
    background: #fccf2b url(images/ico-grid-d.png) calc(100% - 17px) center no-repeat;
    color: #f57059;
    border-color: #fccf2b;
    text-transform: uppercase;
    padding: 10px 60px 10px 25px;
    margin-right: 10px;
}

.berry-button.medium.offer::after {
    display: none;
}

.download-style p {
    font-size: 14px;
    line-height: 18px;
    color: #7e8895 !important;
}

.action-box.download-style {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    background-color: #fff;
    padding: 30px 10px 30px 10px !important;
    margin-bottom: 60px !important;
}

#milstone-home, .line-bgs {
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
}

.white-sct p {
    color: #5c8ebc;
}

.milestone-txt p {
    font-size: 15px;
    line-height: 24px;
}

.narrow-1-3 .vc_column-inner {
    max-width: 300px;
    margin: 0 auto;
}

.skoff-link {
    color: #f57059;
    font-family: "Rubik";
    font-weight: 600;
    font-size: 17px;
    background: url(images/arrow.png) right center no-repeat;
    padding-right: 35px;
}

.skoff-link:hover {
    opacity: 1;
    color:#00c6ff;
}
.wide-content {
    padding: 0 50px;
}

.wide-content .vc_col-sm-1\/5 {
    padding: 0 20px;
}

.wide-content .vc_col-sm-1\/5 {
    font-size: 14px;
    line-height: 18px;
}

.wide-content .vc_col-sm-1\/5 .wpb_single_image h2 {
    position: absolute;
    font-size: 20px;
    color: #fff;
    max-width: 200px;
    line-height: 24px;
    text-align: left;
    font-weight: 600;
    padding: 20px;
}

.cart-overlay {
    background: #000;
    opacity: 0;
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.cart-open .cart-overlay {
    opacity: 0.5;
    display: block;
}

.cart-holder {
    position: fixed;
    top: 0;
    right: -360px;
    background-color: #fff;
    height: 100%;
    z-index: 99999;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 360px;
    padding-top: 30px;
    /* box-shadow: -10px 0px 50px 10px rgba(0, 0, 0, 0.1); */
}

.cart-open .cart-holder {
    right: 0;
}

body.cart-open {
    overflow: hidden;
}

.woocommerce-mini-cart__buttons.buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.woocommerce-mini-cart__buttons a.button {
    margin: 0 10px !important;
    padding: 10px 20px !important;
    background-color: #1a1a1a;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
}

.woocommerce-mini-cart__buttons a.button.checkout {
    background-color: #fcd135;
    display: none;
}

.button-first .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
.button-second .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #f57059;
    font-family: "Rubik";
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 30px;
    border: 0 none;
}

.button-second .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background-color: #9ea7b2;
}

.button-first .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background-color: #fccf2b;
    padding-right: 60px;
}

.button-first .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern .fa {
    color: #f57059;
    font-size: 20px;
    height: 18px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.button-first .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,
.button-second .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    background-color: #f57059;
    color: #fff;
    background-image: none;
}

.button-first .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover .fa {
    color: #fff;
}

.button-pair {
    float: left;
    margin-right: 20px;
}

.dgwt-wcas-has-headings .dgwt-wcas-suggestion-headline .dgwt-wcas-st {
    font-size: 14px !important;
    color: #f57059 !important;
    font-weight: 700 !important;
    font-family: "Rubik" !important;
}

.dgwt-wcas-suggestion {
    padding: 0 !important;
}

.dgwt-wcas-suggestion > span {
    padding: 15px !important;
}

.dgwt-wcas-suggestion > span.dgwt-wcas-si {
    padding: 0 !important;
    margin-left: 10px !important;
}

.dgwt-wcas-suggestions-wrapp {
    top: 135px !important;
}

.dgwt-wcas-search-wrapp {
    width: 214px !important;
}

.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
    opacity: 1 !important;
    fill: #fff !important;
}

.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    height: 40px !important;
    min-width: 70px !important;
    top: 10px !important;
    min-height: 40px !important;
    text-shadow: none !important;
    font-size: 16px !important;
    text-transform: lowercase !important;
    font-weight: 400 !important;
    left: -7px !important;
  }

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    height: 38px !important;
    padding: 14px 36px !important;
    background: rgba(28, 99, 76, 0.40) !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    font-family: "Rubik" !important;
    border: 1px solid #247158 !important;
    font-size: 12px !important;
    transition: all 150ms ease-in !important;
}

input[type="search"].dgwt-wcas-search-input:focus {
    border-color: #fbb67d !important;
    background: inherit !important;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
    color: #6AB29B !important;
    font-weight: 400 !important;
    font-style: normal !important;
    transition: all 150ms ease-in !important;
}

input[type="search"].dgwt-wcas-search-input:focus::placeholder {
    color: #fbb67d !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: none !important;
}

.product-nav {
    margin: 30px 0 100px;
}

.product-nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
}

.product-nav ul a {
    color: #7e8895;
    margin: 0 20px;
}

.side-projects .facetwp-checkbox {
    background-image: url(images/checkbox.png);
    font-size: 14px;
    color: #7e8895;
    margin-bottom: 12px;
    line-height: 18px;
    background-position: 0px 2px;
}

.facetwp-counter, .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before {
    display: none;
}

.cart_totals .woocommerce-shipping-totals ul#shipping_method,
.cart_totals .woocommerce-shipping-totals .woocommerce-shipping-destination {
    font-size: 14px;
}

.side-projects .facetwp-checkbox.checked {
    background-image: url(images/checkbox-on.png);
}

.side-projects aside {
    border: 1px solid #e1e1e1;
    border-top: 0 none;
}

.side-projects .facetwp-facet {
    padding: 15px 20px 30px 20px;
    margin-bottom: 0;
}

.filter-title {
    border-bottom: 1px solid #e1e1e1;
    font-family: "Rubik";
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 700;
    margin-top: 0;
    padding: 15px 25px;
}

.filter-box {
    border-bottom: 1px solid #e1e1e1;
}

.side-projects aside .filter-box:last-child {
    border-bottom: 0 none;
}

.breadcrumbs-page {
    background-color: #c4c4c4;
    border-radius: 5px 15px 0 0;
    margin: 0 auto;
    max-width: 520px;
    padding: 10px;
}

.breadcrumbs-page .breadcrumbs {
    display: flex;
    justify-content: center;
}

.breadcrumbs-page .breadcrumbs a, .breadcrumbs-page .breadcrumbs li::after, .breadcrumbs-page .breadcrumbs li {
    color: #f57059;
}

.vc_column_container {
    padding-left: 0;
    padding-right: 0;
}

.vc_col-sm-8 {
    width: 66.66666667%;
}

.vc_col-sm-4 {
    width: 33.33333333%;
}

.vc_col-sm-9 {
    width: 75%;
}

.vc_col-sm-3 {
    width: 25%;
}

.vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
    float: left;
}

.products-content {
    display: flex;
    max-width: 1408px;
    margin: 0 auto;
}

.side-projects {
    width: 270px;
    flex: 1 0 270px;
}

#products-holder {
    flex: 1 1 100%;
    max-width: 1180px;
    margin-left: 20px;
    margin-top: 30px;
}

ul.products {
    display: grid;
    width: 100%;
    gap: 32px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    list-style: none !important;
    margin: 0 !important;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    display: none;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .facetwp-template li.product {
    margin: 0 !important;
width: unset !important;
display: flex;
  }

.prod-pictograms img {
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 10px !important;
    transition: all linear 0.3s;
    opacity: 0;
}

.product-image:hover .prod-pictograms img {
    transform: translateY(-10px);
    opacity: 1;
}

.prod-pictograms img:nth-child(1) {
    transition-delay: 0s !important;
}

.prod-pictograms img:nth-child(2)  {
    transition-delay: 0.2s !important;
}

.prod-pictograms img:nth-child(3)  {
    transition-delay: 0.4s !important;
}

.prod-pictograms img:nth-child(4)  {
    transition-delay: 0.6s !important;
}

.prod-pictograms {
    position: absolute;
    right: 15px;
    top: 100px;
    width: 50px;
}

.angle-title {
    font-size: 19px;
    line-height: 19px;
    font-family: "Rubik";
    color: #1a1a1a;
    font-weight: 700;
    margin-top: 2px;
}

.prod-category-thumb p {
    margin: 0;
}

.woocommerce-Tabs-panel .vc_tta-panels-container ul li {
    position: relative;
    padding-left: 13px;
}

.woocommerce-Tabs-panel .vc_tta-panels-container ul li::before {
    content: "";
    background-color: #00c6ff;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0px;
    top: 14px;
    display: block;
    border-radius: 50px;
}

.contact-footer {
    color: #5c8ebc;
    background:  #f57059 url(images/contact-bg.png) right center no-repeat;
    border-radius: 5px;
    padding: 50px 40px 20px 40px;
    margin-left: 30px;
    line-height: 22px;
}

.phone-prefix {
    font-weight: 500;
    font-size: 14px;
    margin-top: -12px;
    float: left;
    margin-right: 12px;
}

.phone-contact {
    font-family: "Rubik";
    font-size: 30px;
    font-weight: 700;
    margin: 30px 0 20px;
}

.contact-title {
    font-family: "Rubik";
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.offer-footer {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding: 50px 25px 50px 40px;
}

.vm-el {
    padding: 5px 0 5px 45px;
    font-family: "Rubik";
    font-weight: 700;
    color: #1a1a1a;
    font-size: 16px;
}

.vm-el a {
    color: #1a1a1a;
}

.menu-offer {
    flex-flow: row wrap;
}

.menu-offer .widget {
    flex: 1 50%;
}

.visual-menu {
    flex: 1 100%;
    margin-top: 30px;
}

.music-el {
    background: url(images/vm-music.png) left center no-repeat;
    margin-right: 35px;
}

.akcesoria-el {
    background: url(images/vm-akcesoria.png) left center no-repeat;
}

.newsletter-form {
    position: relative;
    max-width: 300px;
    float: right;
}

.newsletter-form input.wpcf7-text {
    border: 2px solid #c0c0c0;
    color: #515151;
    font-family: "Rubik";
    font-size: 16px;
    font-weight: 500;
    margin-top: 0px;
    padding: 10px 20px;
    border-radius: 50px;
    height: 55px;
}

.wpcf7-form .newsletter-form .wpcf7-submit {
    background-color: #c0c0c0;
    text-transform: initial;
    font-weight: 700;
    border-radius: 0 50px 50px 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    height: 55px;
    width: 100px;
    padding: 0;
}

.vc_col-sm-4 .footer-widget {
    width: 100%;
    max-width: 300px;
    float: right;
}

.vc_col-sm-4 .footer-widget .textwidget {
    text-align: right;
}

.vc_tta-panel-body {
    margin-top: 20px;
}

.woocommerce.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab > a {
    font-family: "Rubik";
    text-transform: uppercase;
    color: #9ca5b1;
    background: transparent;
    border: 1px solid #9ca5b1;
    padding: 5px 26px;
}

.woocommerce.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab > a:hover {
    background-color: #9ca5b1;
    border-color: #9ca5b1;
    color: #f57059;
    opacity: 1;
}

.woocommerce.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active > a {
    color: #fff;
    background-color: #f57059;
    border-color: #f57059;
}

.ver-ind {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.prod-links {
    width: 100%;
    float: left;
    margin-top: 40px;
}

#arrow-prod {
    width: 30px;
    margin-right: 15px;
}

.prod-link a {
    color: #9ca5b1;
    font-size: 18px;
    text-transform: uppercase;
}

.ver-ind-link {
    color: #f57059;
    font-family: "Rubik";
    font-weight: 600;
    font-size: 14px;
    border-bottom: 2px solid;
}

.woocommerce button.single_add_to_cart_button.button.alt {
    border-radius: 50px;
    background: #F57059;
    display: inline-flex;
    padding: 12px 20px 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    float: right !important;
    font-size: 18px;
    font-weight: 500;
    color: #252423;
    transition: all .3s ease-in-out;
}

.woocommerce button.single_add_to_cart_button.button.alt svg circle {
    transition: all .3s ease-in-out;
}

.woocommerce button.single_add_to_cart_button.button.alt:hover {
    background:#FBB67D;
}

.woocommerce button.single_add_to_cart_button.button.alt:hover svg circle {
    fill:#FBB67D;
}

.woocommerce-product-details__short-description img {
    max-width: 100%;
    margin-top: 30px;
}

.woocommerce-product-details__short-description {
    color: #404A47;
    margin-top: 25px;
}

.woocommerce div.product .product_title {
    color: #3E362D;
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 0px;
}

.prod-kod {
    font-size: 16px;
    color: #1a1079;
    font-weight: 600;
}

.prod-category, .prod-category-thumb {
    color: #1C634C;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.woocommerce-product-gallery__image:hover {
    box-shadow: 0 0px 20px 5px rgba(0, 0, 0, 0.15);
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    position: relative;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2),
.woocommerce-product-gallery__image {
    width: 100px;
    display: block;
    height: 70px;
    overflow: hidden;
    float: left;
    margin-right: 3px;
    position: relative;
}

.woocommerce-product-gallery__image::before {
    position: absolute;
    height: 0px;
    background-color: #f57059;
    width: 100%;
    top: 0;
    content: "";
    transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
}

.woocommerce-product-gallery__image:hover::before,
.woocommerce-product-gallery__image:focus::before {
    height: 3px;
}

.thumbnail-gal-nav {
    width: 100%;
    position: absolute;
    bottom: -60px;
    left: 15px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    height: 80px;
}

#product-main-img {
    max-height: 400px;
    width: auto;
    margin: 0 auto;
    mix-blend-mode: multiply;
}

.woocommerce-product-gallery {
    z-index: 9;
    margin: 0;
    padding: 0px;
}

#product-slider-image {
    padding: 60px 0;
    background: #E7EFED;
    border-radius: 15px;
  }

.breadcrumbs {
    list-style: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Rubik';
}

.breadcrumbs-product a {
    color: #bebebe;
}

.breadcrumbs-product {
    color: #1a1a1a;
    margin: 40px 0;
    width: 100%;
}

.breadcrumbs li {
    float: left;
    position: relative;
    padding-right: 15px;
}

.breadcrumbs li::after {
    content: "/";
    position: absolute;
    color: #bebebe;
    right: 5px;
}

.breadcrumbs li:last-child::after {
    display: none;
}

.fill-one {
    fill:#97a1ad;
}

.enter-account {
    float: left;
    align-items: center;
    display: flex;
    padding-right: 24px;
    gap: 15px;
    border-right: 2px solid #247158;
    height: 28px;
  }

.enter-account img {
    width: 31px;
}

.shopping-cart {
    float: right;
}

.cart-menu {
    align-items: center;
    display: flex;
    gap: 16px;
}

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

.cart-wrap {
    position: absolute;
    bottom: -1px;
    background-color: #FBB67D;
    color: #186049;
    font-weight: 700;
    border-radius: 50px;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 16px;
    right: -5px;
  }

.enter-account a {
    color: #fff;
}

#account-ico {
    width: 42px;
    margin-left: 13px;
}

.soft-ico {
    fill: #c0c0c0;
}

.flex-table {
    display: flex;
}

.top-bar .container {
    justify-content: space-between;
}

.top-bar-left a {
    color: inherit;
}

.top-bar {
    padding: 15px 0;
    font-size: 12px;
}

.top-bar-left {
    font-weight: 600;
    color: #21201F;
    font-size: 14px;
    gap: 18px;
    display: flex;
    align-items: center;
}

#menu-top {
    display: flex;
    gap: 35px;
}

#menu-top a {
    color: #21201F;
    font-weight: 500;
}

.contact-phone {
    margin-left: 4px;
}

.middle-bar .container {
    padding: 15px 25px;
    background-color: #186049;
    border-radius: 15px;
    align-items: center;
    gap: 42px;
}

.home .middle-bar .container {
    border-radius: 15px 15px 0 0;
}

.search-section {
    flex: 2 1 100%;
}

.account-head {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    gap: 24px;
  }

/* WCZESNIEJSZE REINTERPRETACJE DO SPRAWDZENIA */

.img-link a:hover {
    opacity: 1;
} 

.woocommerce-table tbody tr:nth-child(2n+1) {
    background-color: #f5f5f5;
}

.woocommerce-table tbody tr:nth-child(2n) {
    background-color: #e8e8e8;
}

#place_order {
    padding: 25px 50px 25px 50px;
    font-size: 18px;
    margin: 20px;
    color: #21201f;
  }

.woocommerce-billing-fields__field-wrapper {
    padding: 30px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
}

.woocommerce .woocommerce-checkout .col-1,
.woocommerce .woocommerce-checkout .col-2 {
    display: block;
    width: 50%;
}

.woocommerce .woocommerce-checkout .col-2 {
    margin: 40px 0;
    padding-left: 40px;
  }

.artykul-cell .product {
    width: 100% !important;
    max-width: 300px;
    margin-top: 150px !important;
}

.artykul-cell {
    margin-top: 70px;
}

.blog-header {
    max-width: none;
    padding-top: 70px;
    text-align: center;
    height: 200px;
}

.modal-header > h4 {
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 22px;
}

.modal-prelegent {
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
}

.modal-temat {
    font-size: 14px;
    font-weight: 600;
    margin-top: 40px;
    color: #000;
    padding-bottom: 40px;
}

.modal-job {
    color: #000;
    font-style: italic;
}

.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    color: #8c8c8c;
    outline: 0 none;
    position: relative;
    text-align: left;
    padding: 50px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fff;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=50);
}

.modal-header {
    position: relative;
    padding-top: 25px;
}

.modal-header button.close {
    background-color: #371eb7;
    color: #fff;
    border: 0 none;
    cursor: pointer;
    float: right;
    font-size: 25px;
    position: absolute;
    right: -5px;
    top: 24px;
    line-height: 20px;
    padding: 0px 15px 5px 15px;
    border-radius: 50px;
    width: 52px;
    height: 52px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
    margin: 30px auto;
    max-width: 700px;
    top: 60px;
    width: 80%;
}
  .modal-content {
    -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.modal-body-left .image {
    background-size: cover;
    height: 450px;
    width: 100%;
}

.modal-image {
    position: absolute;
    bottom: 0;
    left: 30px;
}

.modal-body-left {
    float: left;
    width: 25%;
    min-height: 1px;
}

.modal-body-right {
    float: left;
    padding-left: 35px;
    padding-right: 35px;
    width: 75%;
}

.white-sct h1, .white-sct h2, .white-sct h3, .white-sct h4
.white-sct h5, .white-sct h6, .white-sct {
    color: #fff;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-size: 18px;
    margin-bottom: 50px;
    margin-top: 30px;
}

.woocommerce ul.order_details li {
    border: 0 none;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
}

.woocommerce-order-overview__total.total {
    color: #272727;
    font-weight: 600;
}

.woocommerce ul.order_details li {
    border: 0 none;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
}

h2.wc-bacs-bank-details-heading {
    font-size: 20px;
}

.woocommerce ul.order_details li strong {
    display: inline;
    font-size: 16px;
    line-height: 1;
    text-transform: none;
}

.woocommerce ul.wc-bacs-bank-details .account_number {
    color: #282828;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
}

.woocommerce .wc-bacs-bank-details-account-name {
    font-size: 16px;
    margin-bottom: 6px;
}

#content div.product p.price {
    font-size: 36px !important;
    font-weight: 800 !important;
    margin-bottom: 100px !important;
    margin-top: 80px !important;
    text-align: center;
    width: 100%;
}

.product .summary.entry-summary {
    position: relative;
}

.woocommerce div.product {
    margin-top: 50px;
}

.woocommerce .woocommerce-checkout-review-order-table .order-total {
    background-color: #1c634c;
    padding: 15px;
}

.woocommerce .woocommerce-checkout-review-order-table .order-total th {
    border-top: 0 none;
    color: #fff;
    font-weight: 600;
}

.woocommerce .woocommerce-checkout-review-order-table .order-total td {
    padding: 0 0 0 20px;
    color: #fff;
    font-size: 26px;
    border: 0 none;
}

.wpcf7-form .wpcf7-submit {
    border: medium none;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Rubik",sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    padding: 16px 50px;
    text-transform: uppercase;
    background-color: #f57059;
}

.open-toggle {
    background-color: #14b09c;
    border-radius: 5px;
    bottom: 5px;
    color: #fff;
    font-weight: 700;
    padding: 0 10px;
    position: absolute;
    right: 25px;
}

.cat-desc {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

#sidebar .widget {
    margin-bottom: 25px;
}

#sidebar .widget-title h5 {
    color: #000;
    font-family: "Rubik";
    font-size: 18px;
    width: 100%;
}

.woocommerce .related.products .price, .woocommerce .related.products .product_type_variable.add_to_cart_button {
    display: none !important;
}

.recent-work-carousel .carousel-heading .container {
    height: 32px;
    right: 2px;
    top: 10px;
    width: 78px;
    z-index: 10;
}

.recent-work-carousel .fa {
    color: #4b3e36;
    font-size: 15px;
}

.recent-work-carousel .carousel-prev, .recent-work-carousel .carousel-next {
    background-color: #e7efed;
    padding: 12px;
    margin-left: -2px;
}

#produkty-wiecej {
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

#produkty-wiecej:hover {
     background-color: #4b3e36 !important;
}

#produkty-wiecej:hover .berry-button.large {
     background-color: #4b3e36 !important;
     color: #f5735c !important;
     border-color: #f5735c;
}

#produkty-wiecej:hover .berry-button.large .fa.side-icon {
     color: #f5735c;
     border-color: #f5735c;
}


.full-width-section .black p, .full-width-section .black h2 {
    color: #000;
}

.section-title {
    margin-bottom: 70px;
    text-align: center;
}

.products-carousel a:hover { opacity: 1; }

.products-carousel h3 {
    margin-bottom: 0;
    margin-top: 20px;
    text-align: center;
}

.products-carousel .price, .products-carousel .add_to_cart_button {
    display: none;
}

.products-carousel li {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    padding: 15px;
}

.products-carousel .carousel-heading .fa {
    color: #fff;
    font-size: 16px;
    margin-top: -35px;
    padding: 27px;
    top: 50%;
    border-radius: 999px;
        transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.products-carousel .carousel-prev {
    background-color: #1a1a1a;
    height: 68px;
    left: -45px;
    margin-top: -44px;
    padding-left: 22px;
    padding-top: 22px;
    position: absolute;
    top: 50%;
    width: 68px;
    z-index: 9;
    overflow: hidden;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.products-carousel .carousel-next {
    background-color: #1a1a1a;
    height: 68px;
    right: -45px;
    margin-top: -44px;
    padding-left: 18px;
    padding-top: 22px;
    position: absolute;
    top: 50%;
    width: 68px;
    z-index: 9;
    overflow: hidden;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.caru-ico {
    width: 30px;
}

.products-carousel .carousel-next:hover, .products-carousel .carousel-prev:hover {
	background-color: #99a2ae;
	opacity: 1;
}

.products-carousel .fa {
    color: #99a2ae;
    font-size: 22px;
}

.products-carousel .carousel-next:hover .fa, .products-carousel .carousel-prev:hover .fa {
    color: #fff;
}

.products-carousel .carousel-heading a.carousel-prev .fa {
    background-color: #eec273;
}

.products-carousel .carousel-heading a.carousel-next .fa {
    background-color: #eec273;
}

.products-carousel .carousel-heading a.carousel-prev .fa:hover {
    background-color: #6f451b;
}

.products-carousel .carousel-heading a.carousel-next .fa:hover {
    background-color: #6f451b;
}

.carousel-heading a:hover {
    opacity: 1;
}

/*
.carousel-heading .container {
    background-color: transparent;
    height: 60px;
    position: relative;
    top: 50%;
    width: 100%;
    z-index: 1;
}

.carousel-heading .fa {
    background-color: #222222;
    border-left: 1px solid #333333;
    color: #333333;
    font-size: 16px;
    padding: 22px;
        transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.carousel-wrap { padding: 40px 40px 0 40px; }
*/

.caroufredsel_wrapper {
    margin: 0 !important;
    max-height: 400px;
}

.carousel-heading .container {
    background-color: transparent;
    max-width: 100%;
    position: absolute;
    width: 100%;
}

.post-content.clearfix {
    margin-bottom: 45px;
}

.blog-recent-hover {
    float: right;
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.img-link {
    position: relative;
    padding-right: 40px;
    float: right;
}

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

.container.center-logo.clearfix {
    max-width: none;
}

ul#menu-glowne {
    display: flex;
    gap: 30px;
}

.gallery-wrap ul.imggallery li { text-align: center;}

.imggallery a:hover { opacity: 0.8 !important; }

.gallery-wrap img {
    display: inline !important;
}

/* koniec*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt,
b, u, i, center,
dl, dt, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
big {
    font-size: 18px;
}

body {
	line-height: 1;
}

h1 {
    color: #1a1a1a;
    font-family: "DM Serif Display",sans-serif;
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 25px;
    overflow-wrap: break-word;
}

h2 {
    color: #1a1a1a;
    font-family: "DM Serif Display",sans-serif;
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 15px;
    word-wrap: break-word;
}

h3 {
    color: #1a1a1a;
    font-family: "DM Serif Display",sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 24px;
    word-wrap: break-word;
}

h4 {
    font-size: 16px;
    line-height: 26px;
    margin: 16px 0 26px 0;
    font-weight: 600;
    color: #1a1a1a;
    word-wrap: break-word;
}

h5 {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin: 18px 0;
    word-wrap: break-word;
    font-family: "DM Serif Display",sans-serif;
}

h6 {
	font-size: 17px;
	line-height: 28px;
	margin: 16px 0 16px 0;
	font-family: "Rubik",sans-serif;
	font-weight: 700;
	color: #282828;
	word-wrap: break-word;
}


blockquote {
	quotes: none;
}

blockquote:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { 
	border: none; 
}

/* end of browser reset */

.alignright { float: right; padding-left: 15px; }
.alignleft { float: left; padding-right: 15px;}
.aligncenter { margin: 20px auto; display: block; }

body {
	font-size: 14px;	
	font-family: 'Rubik',sans-serif;
	color: #404A47;
	background-color: #fff;
	line-height: 22px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    overflow-x: hidden;
}
p {
	margin-bottom: 20px;	
}
.first {
    margin-left: 0 !important;
}

em {
	font-style: italic;
}

* { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}

h4.comment {
    font-size: 26px;
    line-height: 36px;
    margin: 0px;
}

a {
	color: #f57059;
	text-decoration: none;
	transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
}

a:hover {
	opacity: 0.8;
}
a#logo:hover, a.harmony-menu, ul.slides li > a:hover, .header-social a:hover, a.ui-slider-handle a:hover, ul.products a:hover,
.images a:hover, .product-thumbnail > a:hover, .widget-thumb a:hover, .block-post-img a:hover, a.img-link:hover {
	opacity: 1;
}

#empty-space { 
	height: 20px; 
}

#wrapper { 
	background: #fff; 
    padding: 0 15px;
}

#content ol, 
#content ul {
	padding-left: 15px;
}
ul.comments-list, ul.products {
    padding-left: 0 !important;
}
ul.comments-list {
    padding-left: 0 !important;
}

blockquote {
    background: #f7f7f7;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    margin: 35px 0;
    padding: 20px 25px 20px;
    position: relative;
}

blockquote::before {
    bottom: -23px;
    content: "";
    background: url(images/blc-sign.png) center center no-repeat;
    height: 155px;
    left: -30px;
    position: absolute;
    width: 60px;
    z-index: 0;
}

blockquote p {
    position: relative;
}

.wp-caption {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
	border: 5px solid rgba(255, 255, 255, 0.4);
	max-width: 100%;
	padding: 10px;
}
.wp-caption.alignleft {
    margin-right: 15px;
}
.wp-caption.alignright {
    margin-left: 15px;
}
.wp-caption.alignnone {
    margin: 15px 0;
}
.wp-caption .wp-caption-text {
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
}

.wp-caption img {
	display: block;
	margin-bottom: 15px;
}

pre, code {  
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
	clear: both;
	display: block;
	font-family: "Courier New",monospace;
	line-height: 16px;
	overflow: auto;
	padding: 15px;
	white-space: pre;
}
pre { white-space: pre-wrap; }

.main-content ul, .main-content ol {
	margin: 17px 20px;
	list-style: disc outside none;
}

.widget ul, .widget ol, ul.project-attrs {
	margin: 0;
	list-style: none outside none;
}

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

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

object, object embed {
	display: block;
	height: auto;
	max-width: 100%!important;	
}

.wp-smiley {
	margin-bottom: 0px!important;
}

.gallery-caption {
	padding: 5px 10px 10px;
}

.gallery .gallery-item img {
    border: 5px solid #fff !important;
}

#wpstats {
	display: none;
}

#wpadminbar {
	z-index: 999999!important;	
}

.clear {
	clear:both;	
}

strong {
	font-weight: 600;
}

/* columns */

.column-1-6 {
	width: 33.33%;
}

.column-1-4 {
	width: 23.5%;
}
.column-1-4:last-child {
    margin-right: 0;
}
.column-1-4.no-margins {
	width: 25%;
	margin: 0;
}

.column-1-3 {
    width: 33.3333%;
    padding: 0 40px;
}

.column-1-3.no-margins {
	width: 33.3333%;
	margin: 0;
}


.column-1-2 {
	width: 49%;
}
.column-1-2:last-child, .column-1-2:nth-child(2) {
    margin-right: 0;
}

.column-2-3 {
	width: 65.2%;
}

.column-2-3:last-child {
	margin: 0 !important;
}

.column-3-4 {
	width: 73.5%;
}

.column-5-6 {
	width: 83.0%;
}

.cells {
	position: relative;
	display: block;
	float: left;
	min-height: 1px;
}

.last, .last-column {
    margin-right: 0;
}

.row:after, .col:after, .clr:after, .group:after, cells:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix:after, clearfix:before {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */

.clearfix {
	zoom:1;
}

.container { 
	margin: 0 auto;  
	position: relative;
	max-width: 1408px;
}

/* table */

table {
	max-width: 100%;
}

th {
	text-align: left;
}

table {
	width: 100%;
	margin-bottom: 20px;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
}

table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
	border-top: 0;
}

table > tbody + tbody {
	border-top: 2px solid #ddd;
}

table .table {
	background-color: #fff;
}

table-condensed > thead > tr > th,
table-condensed > tbody > tr > th,
table-condensed > tfoot > tr > th,
table-condensed > thead > tr > td,
table-condensed > tbody > tr > td,
table-condensed > tfoot > tr > td {
	padding: 5px;
}

table-bordered {
	border: 1px solid #ddd;
}

table-bordered > thead > tr > th,
table-bordered > tbody > tr > th,
table-bordered > tfoot > tr > th,
table-bordered > thead > tr > td,
table-bordered > tbody > tr > td,
table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}

table-bordered > thead > tr > th,
table-bordered > thead > tr > td {
	border-bottom-width: 2px;
}

table-striped > tbody > tr:nth-child(odd) > td,
table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #eaeaea;
}

table-hover > tbody > tr:hover > td,
table-hover > tbody > tr:hover > th {
	background-color: #f5f5f5;
}

/* buttons & inputs */

.hover-info {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 999px;
    color: #555555;
    font-family: 'open_sansregular',sans-serif;
    font-size: 13px;
    height: 38px;
    line-height: 37px;
    margin: 0 auto;
    min-width: 38px;
    opacity: 0;
    padding: 0 5px;
    position: relative;
    text-align: center;
    top: -38px;
    display: block !important;
}

.button-send {
    background: none repeat scroll 0 0 #4E4A71;
    box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    display: inline-block;
    float: right;
    height: 30px;
    padding: 2px 14px;
}

.button-grey {
    border: 2px solid #f5f5f5;
    display: inline-block;
    font-family: "Rubik";
    font-size: 18px;
    font-weight: 600;
    height: 40px;
    padding: 6px 26px;
}

input[type=submit] {
    display: inline-block;
    float: right;
    padding: 2px 14px;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 14px;
    line-height: 24px !important;
}

input[type=submit]:hover {
    background-color: #f57059;
    color: #fff;
}
.input-name:focus, .input-email:focus, 
.input-website:focus, .textarea-comment:focus,
.post-password-form label input:focus {
    background: #fff;
    border-color: #4E4A71;
}

input[type=text], textarea, input[type=email], input[type=password] {
    width: 100%;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

/* fonts */

.single-post h1.post {
    font-family: "Rubik",sans-serif;
}

h1.post {
    color: #1a1a1a;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 45px;
    text-align: center;
}
/* icons */

.fa {
    color: #fff;
    display: inline-block;
    height: auto;
    max-width: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

.fa-1x {
    padding: 0 4px;
}

.fa-3x {
    width: 50px !important;
    padding: 0 6px;
}

.fa-2x {
    width: 52px !important;
    padding: 0 8px;
}

.fa-4x {
    padding: 0 10px;
}

.fa-5x {
    padding: 0 12px;
}

/* General pages style */

.cell-full { 
    width: 100%; 
    display: block;
    margin: 0 auto;
    max-width: 1408px;
}

.cell-side {
    width: 22%;
    float: left;
    display: inline-block;
    position: relative;
}

.cell-content { 
    width: 72%;
    float: left;
    display: inline-block;
    position: relative;
}

.cell-content.right-side {
    margin-right: 0%;
    margin-left: 3%;
    float: right;
	max-width: 827px;
}

.masonry-blog img, .cell-content img,
.cell-full img, .cell-side img {
    height: auto;
    max-width: 100%;
}

/* back to top */

#back-to-top {
	display: none;
	position: fixed;
	text-align: center;
	right: 17px;
	bottom: 30px;
	color: #fff;
	cursor: pointer;
	z-index: 10000;
	height: 35px;
	width: 35px;
	background-color: rgba(0,0,0,0.4);
	background-repeat: no-repeat;
	background-position: center;
	transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -moz-border-radius: 3px !important;	
}

#back-to-top i {
	line-height: 35px!important;
	width: 35px!important;
	height: 35px!important;
	font-size: 14px!important;
	top: 0px!important;
	left: 0px!important;
	text-align: center!important;
	background-color: transparent!important;
}

/*-------------------------------------------------------------------------*/
/*	2.	Icons Styles                                                  
/*-------------------------------------------------------------------------*/

.site-icons.quote.fa-globe {
    height: 14px;
    line-height: 15px;
    margin-right: 5px;
}

.site-icons.quote.fa-clock-o {
    float: left !important;
    line-height: 24px;
}

body .site-icons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    top: 0;
    margin-right: 8px;
}

body .button-icons[class^="fa-"],
body .button-icons[class*=" fa-"]  {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    display: inline-block;
    float: right;
    font-size: 23px;
    height: 24px;
    line-height: 24px;
    top: 0;
    width: 29px;
}

/*-------------------------------------------------------------------------*/
/*	3.	Plugins                                                     
/*-------------------------------------------------------------------------*/

/* prettyPhoto */

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px;}
div.pp_default .pp_top .pp_left{background:url(/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;}/* Top left corner */
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;}/* Top pattern/color */
div.pp_default .pp_top .pp_right{background:url(/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;}/* Top right corner */
div.pp_default .pp_content .ppt{color:#f8f8f8;}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px;}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px;}
div.pp_default .pp_content{background-color:#fff;}/* Content background */
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer;}/* Next button */
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer;}/* Previous button */
div.pp_default .pp_expand{background:url(/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px;}/* Expand button */
div.pp_default .pp_expand:hover{background:url(/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer;}/* Expand button hover */
div.pp_default .pp_contract{background:url(/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px;}/* Contract button */
div.pp_default .pp_contract:hover{background:url(/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer;}/* Contract button hover */
div.pp_default .pp_close{width:30px;height:30px;background:url(/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;}/* Close button */
div.pp_default #pp_full_res .pp_inline{color:#000;}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa;}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a{border-color:#fff;}
div.pp_default .pp_social{margin-top:7px;}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto;}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px;}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px;}
div.pp_default .pp_details{position:relative;}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0 0;width:20px;}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px;}/* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details{margin-top:5px;}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative;}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px;}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7;}
div.pp_default .pp_description{font-size:11px;font-weight:bold;line-height:14px;margin:5px 50px 5px 0;}
div.pp_default .pp_bottom .pp_left{background:url(/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;}/* Bottom left corner */
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;}/* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right{background:url(/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;}/* Bottom right corner */
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat;}/* Loader icon */

.pp_top,.pp_bottom{height:20px;position:relative;}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

div.pp_pic_holder a:focus{outline:none;}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9999;}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000;}
.pp_top{height:20px;position:relative;}
* html .pp_top{padding:0 20px;}
.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}
.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}
* html .pp_top .pp_middle{left:0;position:static;}
.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}
.pp_content{height:40px;min-width:40px;}
* html .pp_content{width:40px;}
.pp_fade{display:none;}
.pp_content_container{position:relative;text-align:left;width:100%;}
.pp_content_container .pp_left{padding-left:20px;}
.pp_content_container .pp_right{padding-right:20px;}
.pp_content_container .pp_details{float:left;margin:10px 0 2px 0;}
.pp_description{display:none;margin:0;}
.pp_social{float:left;margin:0;}
.pp_social .facebook{float:left;width:55px;overflow:hidden;}
.pp_social .twitter{float:left;margin-right:5px;}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0;}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap;}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px;}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px;}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000;}
.pp_gallery div{float:left;overflow:hidden;position:relative;}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap;}
.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden;}
.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}
.pp_gallery ul a img{border:0;}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0;}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}
.pp_gallery li.default a img{display:none;}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%;}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%;}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000;}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px;}
.pp_bottom{height:20px;position:relative;}
* html .pp_bottom{padding:0 20px;}
.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}
.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}
* html .pp_bottom .pp_middle{left:0;position:static;}
.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px;}
#pp_full_res{line-height:1 !important;}
#pp_full_res .pp_inline{text-align:left;}
#pp_full_res .pp_inline p{margin:0 0 15px 0;}
div.ppt{color:#fff;display:none!important;font-size:17px;margin:0 0 5px 15px;z-index:9999;}

div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}
div.light_square .pp_content .ppt{color:#000;}
div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer;}/* Expand button */
div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer;}/* Expand button hover */
div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer;}/* Contract button */
div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer;}/* Contract button hover */
div.light_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;}/* Close button */
div.light_square .pp_details{position:relative;}
div.light_square .pp_description{margin-right:85px;}
div.light_square #pp_full_res .pp_inline{color:#000;}
div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}
div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}
div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}
div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}/* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}
div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}/* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default;}
div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer;}/* Next button */
div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer;}/* Previous button */
div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}/* Loader icon */

/* WooCommerce PrettyPhoto*/

div.pp_woocommerce .pp_content_container { border-radius: 0px }
div.pp_woocommerce .pp_arrow_previous, div.pp_woocommerce .pp_arrow_next, div.pp_woocommerce .pp_close,
div.pp_woocommerce .pp_previous:before, div.pp_woocommerce .pp_next:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 3px solid #777777;
    border-radius: 100%;
    box-shadow: none;
    color: #777777 !important;
    font-family: verdana !important;
    font-size: 16px !important;
    font-weight: bold !important;
    height: 25px;
    right: 5px;
    text-shadow: none;
    top: 5px;
    width: 25px;
}
div.pp_woocommerce .pp_previous:before, div.pp_woocommerce .pp_next:before { top: 50% !important; background: #fff !important; line-height: 22px !important; }
div.pp_woocommerce .pp_arrow_previous:before, div.pp_woocommerce .pp_arrow_next:before, div.pp_woocommerce .pp_close:before { line-height: 18px; }
.pp_nav p { margin: 0 7px 0 0 !important; }
div.pp_woocommerce .pp_nav, div.pp_woocommerce .pp_description { line-height: 32px !important; }
div.pp_woocommerce div.ppt { display: none !important;}
div.pp_woocommerce .pp_gallery ul li a { border: 3px solid #777777; border-radius:0; box-shadow: none; }
.woocommerce .pp_content_container .pp_left{padding-left:40px;}

/* LayerSlider */

.ls-inner { z-index: 0 !important; }

/* isotope */

.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;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-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;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, 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;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* helpers */

.video {
    position: relative;
}

.container .video iframe {
    max-height: 500px;
}

body.pp-video-function #pp-video-wrap {
    height: 420px;
    width: 100%;
}

.video iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.facebook_like > iframe {
    position: relative;
}

/* UberMenu */


/**********************************************************************
 * UberMenu Skin: Custom
 * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com
 **********************************************************************/

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremuRubikr:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremuRubikr:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremuRubikr:after {
  display: none;
}

/* Menu Bar */
#megaMenu {

}

.sub-menu.sub-menu-2, .sub-menu.sub-menu-3 {
    margin-top: 1px !important;
}

/* Top Level Items */
#megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremuRubikr {
  font-size: 13px;
  border-width: 0px;
}

#megaMenu > ul > li {
  margin-left: 20px !important;
}
#megaMenu .wpmega-link-title { line-height: inherit;}

/* Horizontal Menu Items */
#megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremuRubikr {
    padding: 8px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

header.main.e #megaMenu.megaMenuHorizontal ul.megaMenu {
    padding-left: 230px;
    padding-right: 226px;
    position: relative;
    right: 230px;
    width: 665px;
    left: 0;
}

#megaMenu.megaMenuHorizontal ul.megaMenu {
    display: inline-block;
    float: right;
    position: static;
    width: auto;
}

#cssmenu-content.e #megaMenu.megaMenuHorizontal ul.megaMenu {
    left: auto;
}

#cssmenu-content.e #megaMenu ul.megaMenu li.menu-item > a {
    line-height: 32px;
}

/* Vertical Menu Items */
#megaMenu.megaMenuVertical ul.megaMenu > li > a, #megaMenu.megaMenuVertical ul.megaMenu > li > span.um-anchoremuRubikr {
    height: 70px;
    padding: 8px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menu Items with Dropdowns */
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a,
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremuRubikr,
#megaMenu ul li.mega-with-sub > a,
#megaMenu ul li.mega-with-sub > span.um-anchoremuRubikr,
#megaMenu ul li.ss-nav-menu-mega > a,
#megaMenu ul li.ss-nav-menu-mega > span.um-anchoremuRubikr {
  padding-right: 20px;
}

/* Top Level Menu Item Titles */
#megaMenu ul.megaMenu > li > a span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremuRubikr span.wpmega-link-title {
  text-transform: none;
  text-shadow: 0 -1px 1px #ffffff;
}

/* Top Level Items - Hover */
#megaMenu ul.megaMenu > li.ss-nav-menu-item-depth-0:hover > a {
  border-bottom: 5px solid #2f1f2c !important;
}

#megaMenu ul.megaMenu > li.ss-nav-menu-item-depth-0.current-menu-item > a {
  border-bottom: 5px solid #2f1f2c !important;
}

#megaMenu ul.megaMenu li ul li:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

#megaMenu ul.megaMenu > li > ul > li.menu-item-has-children:hover {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

/* Top Level Items Title - Hover */
#megaMenu ul.megaMenu > li:hover > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li:hover > span.um-anchoremuRubikr span.wpmega-link-title,
#megaMenu ul.megaMenu > li > a:hover span.wpmega-link-title,
#megaMenu ul.megaMenu > li > span.um-anchoremuRubikr:hover span.wpmega-link-title,
#megaMenu ul.megaMenu > li.megaHover > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li.megaHover > span.um-anchoremuRubikr span.wpmega-link-title {
  color: inherit;
}

/* Top Level Items - Current Item */
#megaMenu ul.megaMenu > li.current-menu-item > a, #megaMenu ul.megaMenu > li.current-menu-parent > a, #megaMenu ul.megaMenu > li.current-menu-ancestor > a {
  color: #444444;
}

#megaMenu ul.megaMenu > li > ul.sub-menu > li.current-menu-item {
  background-color: rgba(255, 255, 255, 0.2);
}

/* Sub Menu Container Style */
#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {

}

#megaMenu.wpmega-nojs li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1, #megaMenu.megaFullWidthSubs li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1,
#megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-mega-fullWidth ul.sub-menu.sub-menu-1 {
    max-width: 1408px;
    width: 100%;
}


#megaMenu.megaMenuContainer {
    width: 1408px;
}

/* Horizontal Sub Menus */
#megaMenu.megaMenuHorizontal ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border: 0px !important;
    padding: 0px;
}

#megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-reg.mega-colgroup ul.sub-menu {
   padding: 10px 0px;
}

/* Sub Menu Columns */
#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li {
  min-width: 100px;
  padding: 0 0px !important;
  margin: 0px !important;
}

#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li.ss-nav-menu-highlight {
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}
#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li.ss-nav-menu-highlight:last-child {
  border-right: 0px;
}

#cssmenu ul ul {
  min-width: 160px;
}

/* Sub Menu Headers */#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a,
#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a,
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a,
.wpmega-widgetarea h2.widgettitle {
  color: #FFFFFF;
  font-family: 'open_sansregular',sans-serif;
  font-size: 12px;
  height: 22px !important;
  line-height: 22px !important;
  padding: 6px 12px;
  border-bottom: 0 none;
  margin: 5px 0px !important;
}

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > a, #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > span.um-anchoremuRubikr {
    white-space: normal;
}

/* Sub Menu Links & Fake Links */
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a,
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremuRubikr,
#megaMenu ul ul.sub-menu li > a,
#megaMenu ul ul.sub-menu li > span.um-anchoremuRubikr {
  color: #FFFFFF;
  font-family: 'open_sansregular',sans-serif;
  font-size: 12px;
  height: auto !important;
  line-height: 18px !important;
  padding: 10px 15px !important;
  min-width: 175px;
  margin: 0px !important;
  border-bottom: 0 none;
}

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item:last-child {
  border-bottom: 0 none;
}

#megaMenu .ss-colgroup-3 > .ss-col, #megaMenu .wpmega-nonlink.ss-colgroup-3 li, #megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-3 > ul > li {
  width: auto;
}

.mega-colgroup-2 > ul > li {
    width: 49.9% !important;
}

.mega-colgroup-3 > ul > li {
    width: 33.3% !important;
}

.mega-colgroup-4 > ul > li {
    width: 24.9% !important;
}

.mega-colgroup-5 > ul > li {
    width: 19.9% !important;
}

.mega-colgroup-6 > ul > li {
    width: 16.6% !important;
}

.mega-colgroup-7 > ul > li {
    width: 14.2% !important;
}

/* Sub Menu Link Hover */
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:hover, #megaMenu ul ul.sub-menu > li:hover > a {

  background-color: transparent;
}

/* Top Level Search Bar */
#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform {
  padding-top: 2px;
}

/* Highlight color */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremuRubikr {
  font-family: 'open_sanssemibold',sans-serif !important;
  text-transform: uppercase;
  font-size: 14px !important;
  height: 25px !important;
  line-height: 20px !important;
  margin-bottom: 0em !important;
  padding-bottom: 0em !important;
  color: #ffffff;
  margin-left: 12px;
}

/* Image Spacing */
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremuRubikr > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremuRubikr > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremuRubikr > .wpmega-item-description {
  padding-left: 25px;
}
.ss-nav-menu-with-img {
  min-height: 16px;
}

/* Item Description */
#megaMenu ul.megaMenu li a span.wpmega-item-description, #megaMenu ul.megaMenu li span.um-anchoremuRubikr span.wpmega-item-description {
  font-size: 9px;
  color: #bbbbbb;
  text-transform: uppercase;
}

/* Arrow Colors */
#megaMenu ul li.mega-with-sub > a:after,
#megaMenu ul li.ss-nav-menu-mega > a:after,
#megaMenu ul li.mega-with-sub > span.um-anchoremuRubikr:after,
#megaMenu ul li.ss-nav-menu-mega > span.um-anchoremuRubikr:after {
  border-top-color: #bbbbbb;
}
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremuRubikr:after {
  border-left-color: #bbbbbb;
}

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremuRubikr:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremuRubikr:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremuRubikr:after {
  border: 0 none !important
}

/* Vertical */
#megaMenu.megaMenuVertical > ul > li > a, #megaMenu.megaMenuVertical > ul > li > span.um-anchoremuRubikr {
  background-color: #fefefe;
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
  background: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background: -ms-linear-gradient(top, #fefefe, #f4f4f4);
  background: -o-linear-gradient(top, #fefefe, #f4f4f4);
}
#megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after,
#megaMenu.megaMenuVertical ul li.mega-with-sub > a:after,
#megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > a:after,
#megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremuRubikr:after,
#megaMenu.megaMenuVertical ul li.mega-with-sub > span.um-anchoremuRubikr:after,
#megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > span.um-anchoremuRubikr:after {
  border-left-color: #bbbbbb;
}
#megaMenu.megaMenuVertical ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {
  border-left: 1px solid #e0e0e0;
}
/* IE7 Hacks */
#megaMenu.megaMenuHorizontal ul.megaMenu {
  *border-bottom: none;
}
#megaMenu.megaMenuVertical ul.megaMenu {
  *border-right: none;
}

/*-------------------------------------------------------------------------*/
/*	4.	Blog styles
/*-------------------------------------------------------------------------*/

#post-area.masonry_4_col {
    opacity: 0;
}

#post-area.masonry_3_col {
    opacity: 0;
    max-width: 876px !important;
}

.container.blog-text {
    margin-bottom: 55px;
}

.block-post {
    min-height: 98px;
    position: relative;
}

.block-post .block-post-img .post-featured-img img {
	max-width: none;
	width: 100%;
}

/* blog classic */

.blog-classic .block-desc-quote .read-more,
.blog-classic .author {
    color: #666
}

.blog-classic .block-title {
    font-size: 11px;
    padding: 0 0 15px;
}

.blog-classic article {
    margin-bottom: 50px;
}

.blog-classic .post-gallery {
    border: 10px solid #ffffff;
    box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
}

.blog-classic .block-post-span-quote {
    min-height: 75px;
    position: relative;
    overflow: hidden;
}

.blog-classic .block-desc {
    border: 0 none;
}

.block-post-span-quote > p {
    position: relative;
}

.blog-classic .block-title > h2.title {
    font-family: "Rubik",sans-serif;
    font-size: 36px;
    font-weight: normal;
    margin-top: 0px;
    line-height: 32px;
}

.blog-classic .post-gallery {
    margin-bottom: 50px;
}

.blog-classic .post-thumb .block-post .block-post-img,
.blog-classic .block-video {
    width: auto;
    border: 10px solid rgba(255, 255, 255, 0.4);
    box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    margin-right: 3%;
    width: 34%;
    float: left;
}

.blog-classic .post-thumb .block-post .block-post-img .post-featured-img {
    height: 340px;
    max-height: none;
}

.blog-classic .block-video {
    float: left;
    height: 360px;
    width: 34%;
}

.blog-classic iframe {
    height: 340px !important;
}

.blog-classic .post-thumb .block-post-content,
.blog-classic .format-video .block-post-content {
    float: left;
    width: 63%;
}

.blog-classic .format-link .fa.fa-link.fa-5x {
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    right: 0px;
    top: 0px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 0;
    cursor: default;
}

.blog-classic .format-quote .fa.fa-quote-right.fa-5x {
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 0;
    cursor: default;
}

.blog-classic .block-video-hover .fa.fa-play-circle.fa-5x {
    left: 40%;
    top: 46%;
}

/* blog masonry - general */

.masonry-blog .block-title {
    font-size: 11px;
}

.masonry-blog .block-post-span {
    margin-bottom: 35px;
    margin-top: 35px;
}

.masonry-blog .block-post-content {
    position: relative;
    background: #f7f7f7;
    margin-bottom: 0px;
    padding: 30px;
}

.masonry-blog .block-title > h2.title {
    font-size: 17px;
    line-height: 26px;
    font-weight: bold;
}

.masonry-blog .block-post-span-quote > a,
.masonry-blog .format-quote .block-title,
.masonry-blog .format-quote .title > a,
.masonry-blog .format-quote .title,
.masonry-blog .block-desc-quote .date .author > a,
.masonry-blog .block-desc-quote .date .the-time,
.masonry-blog .block-desc-quote .read-more .fa-angle-right,
.masonry-blog .block-desc-quote .fa.site-icons {
	color: #fff !important;
}

.blog-notes .block-post {
}

.blog-notes .masonry-four-columns {
    width: 22.9%;
    margin: 0 1% 25px;
}

/* blog masonry - metro */

.blog-metro-more .block-desc .date {
    text-align: right;
    width: 81%;
}

.blog-metro-more .format-gallery .block-desc .date { width: 91%;}

.blog-metro .format-gallery, .blog-metro .post-thumb, .blog-metro-more .format-gallery, .blog-metro-more .post-thumb,
.blog-metro-avatar .format-gallery, .blog-metro-avatar .post-thumb {
    width: 49.9%;
}

.blog-metro.masonry_3_col .post-thumb, .blog-metro.masonry_3_col .format-gallery,
.blog-metro-more.masonry_3_col .post-thumb, .blog-metro-more.masonry_3_col .format-gallery,
.blog-metro-avatar.masonry_3_col .post-thumb, .blog-metro-avatar.masonry_3_col .format-gallery {
    width: 64.3% !important;
}

.blog-metro-more .format-link .block-title .title, .blog-metro-more .format-quote .block-title .title,
.blog-metro-avatar .format-link .block-title .title, .blog-metro-avatar .format-quote .block-title .title {
    margin-left: 57px;
    margin-top: 10px;
}

.blog-metro-more .block-desc-quote, .blog-metro-more .block-desc, .blog-metro-more .block-post-span,
.blog-metro-avatar .block-desc-quote, .blog-metro-avatar .block-desc, .blog-metro-avatar .block-post-span {
    border: 0;
}

.blog-metro-avatar .block-desc .read-more {
    border: 1px solid #A5A5A5;
    padding: 0 8px;
}

.blog-metro-avatar .block-desc-quote .read-more {
    border: 1px solid #fff;
    padding: 0 8px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
}

.blog-metro .post-thumb .block-post-content, .blog-metro-more .post-thumb .block-post-content, .blog-metro-avatar .post-thumb .block-post-content {
    width: 50%;
    float: right;
    display: inline-block;
}

.blog-metro .post-thumb .block-post .block-post-img, .blog-metro-more .post-thumb .block-post .block-post-img, .blog-metro-avatar .post-thumb .block-post .block-post-img {
    width: 50%;
    display: inline-block;
    float: left;
}

.block-desc .block-avatar {
    float: right;
    position: relative;
}
.block-desc .block-avatar .avatar {
    border: 2px solid #a5a5a5;
    background: #a5a5a5;
}

.block-desc {
}

.block-post-span {
    color: #777777;
}

.block-title > a {
    font-family: 'open_sansregular',sans-serif;
    opacity: 0.6;
    transition: color 0.15s ease 0s;
    -moz-transition: color 0.15s ease 0s;
    -webkit-transition: color 0.15s ease 0s;
    -o-transition: color 0.15s ease 0s;
}

.block-title > a:hover {
    opacity: 1;
    transition: color 0.15s ease 0s;
    -moz-transition: color 0.15s ease 0s;
    -webkit-transition: color 0.15s ease 0s;
    -o-transition: color 0.15s ease 0s;
}

.format-gallery .gallery {
    display: none;
}

.post-thumb .block-post .block-post-img .post-featured-img {
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    min-height: 230px;
    width: 100%;
}

.post-gallery .site-icons.fa-caret-up {
    font-size: 55px;
    padding-left: 30px;
    position: absolute;
    top: 94%;
    width: 20px;
    z-index: 1;
}

.single-post .site-icons {
    display: none;
}

.block-post-img .site-icons.fa-caret-left {
    font-size: 55px;
    margin-top: 30px;
    width: 20px;
}

.block-post-img .block-avatar {
    float: right;
    position: relative;
    right: 20px;
    top: 15px;
}

.right-avatar {
    border-top: 2px solid #FFFFFF;
    display: inline-block;
    float: right;
    height: 2px;
    margin-left: 43px;
    position: absolute;
    top: 21px;
    width: 30px;
}

.bottom-avatar {
    border-left: 2px solid #FFFFFF;
    display: inline-block;
    height: 75px;
    margin-left: 22px;
    position: absolute;
    top: 21px;
    width: 30px;
    z-index: -1;
}

.date .site-icons.fa-clock-o,
.date .site-icons.fa-globe,
.read-more .fa-angle-right {
    color: #000;
    font-size: 14px;
    padding-left: 0;
}

.date .site-icons.fa-clock-o {
    color: #fff;
    font-size: 14px;
    padding-left: 0;
}

.read-more .fa-angle-right {
    line-height: 23px;
    margin-left: 8px;
}

a.read-more .site-icons {
    margin-right: 0;
}

.author {
    display: block;
    width: 100%;
}

.the-time {
    color: #000;
    display: block;
    line-height: 22px;
    width: 100%;
}

.block-desc .read-more {
    color: #000;
    display: inline-block;
    float: right;
    font-family: "Rubik",sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.block-desc .read-more:hover {
    color: #309c9c;
}

.block-desc .date {
    display: inline-block;
    font-family: "Rubik";
    font-size: 16px;
    font-weight: 600;
}

.masonry-two-columns {
    width: 45%;
    float: left;
}

.masonry-three-columns {
    width: 40%;
    margin: 0 2% 30px;
    float: left;
    display: inline-block;
}

.masonry-four-columns {
    width: 25%;
    float: left;
    display: inline-block;
}

.block-video .site-icons.fa-caret-up {
    cursor: default;
    font-size: 60px;
    left: 30px;
    padding-left: 0;
    position: absolute;
    top: 235px;
    width: 0;
    z-index: 2;
}

.masonry-blog .format-video .video > iframe {
    height: 253px !important;
}

.block-video-hover {
    cursor: pointer;
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    height: 340px;
    width: 362px;
    position: absolute;
    z-index: 1;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    overflow: hidden;
}

.masonry_3_col.isotope .block-video-hover { max-width: 346px }
.masonry_4_col.isotope .block-video-hover { max-width: 256px }

.block-video-hover:hover {
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}

.block-video-hover .fa.fa-play-circle.fa-5x {
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    left: 36%;
    position: absolute;
    top: 40%;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}

.post-password-form label input {
    border: 2px solid #000 !important;
}

#post-area .post-password-form input {
    width: 100%;
    margin-bottom: 25px;
}

/* gallery post slider */

.post-gallery {
    position: relative;
    margin-bottom: 35px;
}

.post-gallery img {
    width: 100%;
    margin-bottom: -6px;
}

.post-control {
    height: 30px;
    position: absolute;
    width: 100%;
}

.post-control .flex-direction-nav {
    margin: 135px 0 auto;
    width: 100%;
}

.post-gallery .flex-direction-nav li,
.pf-gallery .flex-direction-nav li {
    height: 0px;
    list-style: none;
}

.no-js .slides > li:first-child {display: block;}

.post-control .flex-direction-nav a.flex-prev .icon-double-arrow,
.post-control .flex-direction-nav a.flex-next .icon-double-arrow-right {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6) !important;
    border: 1px solid #A1A1A1;
    border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -o-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    color: #A1A1A1;
    font-size: 24px;
    height: 45px;
    line-height: 40px !important;
    transition: background 0.3s ease-in-out 0s;
    -moz-transition:  background 0.3s ease-in-out 0s;
    -webkit-transition:  background 0.3s ease-in-out 0s;
    -o-transition:  background 0.3s ease-in-out 0s;
    width: 45px;
}

.post-control .flex-direction-nav a.flex-prev,
.post-control .flex-direction-nav a.flex-next {
    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;
    overflow: hidden;
}

.flex-viewport ul {
   margin-top: 0px;
}

.loading .flex-viewport {
    max-height: 300px;
}

.post-gallery .block-avatar {
    bottom: 0;
    left: 20px;
    margin-bottom: 30px;
}

/* quote special styles */

.single-format-quote .container.main-cell {
    margin-top: 95px;
}

.single-format-quote .block-post-content {
    margin: 50px 1% 100px !important;
}

.single-format-link .block-post-content {
    margin: 50px 1% 55px !important;
}

.link-entry-meta {
    margin-bottom: 45px;
    float: right;
    text-align: right;
    line-height: 16px;
}

.single-format-quote .block-post-content > p,
.single-format-link .block-post-content > p {
    margin-bottom: 0;
    padding: 15px 15px 0;
    position: relative;
}

.block-post-span-quote > a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.single-format-link .block-post-content a  {
    font-size: 24px !important;
    color: #716e8d !important;
    padding-left: 22px;
}

.single-format-link .block-post-content a:hover  {
    color: #4E4A71 !important;
}

.single-format-quote .fa.fa-quote-left.fa-3x,
.single-format-link .fa.fa-link.fa-5x {
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    z-index: 0;
    cursor: default;
}

.format-link.isotope-item .fa.fa-link.fa-5x {
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    right: -27px;
    top: 80px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 0;
    cursor: default;
}

.format-quote.isotope-item .fa.fa-quote-right.fa-5x {
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    right: -40px;
    bottom: -25px;
    z-index: 0;
    cursor: default;
}

.single-format-quote .fa.fa-quote-right.fa-3x {
    color: rgba(255, 255, 255, 0.8);
    float: right;
    margin-top: -15px;
    z-index: 0;
    position: inherit;
}

.block-avatar .avatar {
    z-index: 2;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 55px;
    -webkit-border-radius: 55px;
    -o-border-radius: 55px;
    -moz-border-radius: 55px;
}

.block-avatar {
    z-index: 1;
    display: inline-block;
    height: 44px;
    position: absolute;
    width: 44px;
}

.block-title-cat > a {
	color: #fff;
}

.masonry-blog .block-post-span-quote {
    color: #FFFFFF;
    font-family: 'open_sansbold',sans-serif;
    font-size: 19px;
    line-height: 21px;
    padding: 8px 14px;
    position: relative;
    overflow: hidden;
}

.block-post-span-quote {
    color: #4E4A71;
    font-family: 'open_sansregular',sans-serif;
    font-size: 23px;
    line-height: 28px;
    padding: 8px 14px;
}

.block-desc-quote {
    color: #fff;
    background-color: rgba(255,255,255, 0.2);
    min-height: 45px;
    height: auto;
    padding: 4px 14px;
}

.block-desc-quote .read-more {
    font-family: 'open_sansregular',sans-serif;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 11px;
    margin-top: 7px;
}

.block-desc-quote .read-more:hover {
    color: #e9e9e9;
}

.block-desc-quote .date {
    display: inline-block;
    font-family: 'open_sansregular',sans-serif;
    font-size: 11px;
    line-height: 16px;
    vertical-align: sub;
}

/* audio post */

.blog-classic .audio-wrap {
    margin-bottom: 25px
}

article .mejs-controls .mejs-button button:focus {
    outline: 0 none;
}

article .mejs-controls .mejs-play button {
    background:url(images/play.png) center center no-repeat;
}

article .mejs-controls .mejs-pause button {
    background:url(images/pause.png) center center no-repeat;
}

article .mejs-controls .mejs-mute button {
    background:url(images/sound.png) center center no-repeat;
}

article .mejs-controls .mejs-unmute button {
    background:url(images/mute.png) center center no-repeat;
}

article .mejs-container .mejs-controls .mejs-time span {
    color: #666;
}

article .mejs-container, .mejs-embed, .mejs-embed body,
article .mejs-container .mejs-controls {
    background: transparent;
}

article .mejs-controls .mejs-time-rail .mejs-time-loaded,
article .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #666;
}

article .mejs-controls .mejs-time-rail .mejs-time-current,
article .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #52C0AF;
}

article .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    border-color: #666666 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    left: -5px;
    top: 11px;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

article .mejs-controls .mejs-time-rail span {
    border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
}

article .mejs-controls .mejs-time-rail .mejs-time-float {
    top: -22px;
    margin-left: 0px;
    border: 0 none;
    background: #666;
    color: #fff;
}

article .mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 3px;
    width: 29px;
}

article .mejs-button {
    opacity: 0.9;
}

article .mejs-button:hover {
    opacity: 1;
}

#post-area .format-audio .block-post-content {
    padding-top: 18px;
}

.audio-wrap {
    padding: 0 5px;
}

.single-post .audio-wrap {
    padding: 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    margin-bottom: 25px;
}

/*-------------------------------------------------------------------------*/
/*	5.	Single Post & Single Portfolio                                      
/*-------------------------------------------------------------------------*/

/* pf single */

#post-area.cell-content,
#content.cell-content {	
    margin-right: 0px !important;
    max-width: 827px;
    width: 72%;
}

#post-area.cell-full{
    max-width: 1408px;
    width: 100%;
}

#sidebar.cell-side {
    margin-left: 3%;
    width: 25%;
}

.page-template-page-left-sidebar-php #sidebar.cell-side {
    margin-left: 0px !important;
    float: left;
}

.single-post .post-thumb {
    width: 100%;
}

.cell-content .pf-gallery {
    position: relative;
    display: block;
}

.single-portfolio #content .video {
    margin-bottom: 15px;
}

.pf-gallery .slides {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.pf-gallery .slides li img {
    width: 100%
}

.pf-gallery .flex-direction-nav, 
.post-gallery .flex-direction-nav {
    position: absolute;
    top: 41%;
    margin: 0;
}

.pf-gallery .flex-direction-nav a.flex-next,
.post-gallery .flex-direction-nav a.flex-next {
    float: right;
    height: 80px;
    position: relative;
    width: 50px;
}

.pf-gallery .flex-direction-nav a.flex-prev,
.post-gallery .flex-direction-nav a.flex-prev {
    float: left;
    height: 80px;
    position: relative;
    width: 50px;
}

.pf-gallery .left-direction:hover,
.pf-gallery .right-direction:hover,
.post-gallery .left-direction:hover,
.post-gallery .right-direction:hover {
    padding: 0;
    width: 50px;
}

.pf-gallery .left-direction,
.pf-gallery .right-direction,
.post-gallery .left-direction,
.post-gallery .right-direction {
    padding-right: 0;
    width: 50px;
    font-size: 32px;
}

.flex-direction-nav a.flex-next,
.flex-direction-nav a.flex-prev {
	z-index: 9;
}

#pf-container {
    margin: 45px 0;
    width: 100%;
}

.content-narrow {
    padding-left: 95px;
    display: block;
}

.pf-sidebar {
    background: transparent !important;
}

.sidebar-content {
    color: #666666;
    display: block;
}

.sidebar-content.no-border {
    border:0;
    padding-top: 0;
}

.pf-sidebar .sidebar-content > p:last-child {
    margin-bottom: 0 !important;
}

.pf-sidebar-icon[class*=" fa-"]  {
    color: rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-size: 15px;
    line-height: 31px;
    width: 16%;
    vertical-align: top;
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
}

.project-attrs li {
    color: #666666;
    font-family: 'open_sanslight',sans-serif;
    font-size: 18px;
    line-height: 28px;
}

.project-attrs.checks p {
    display: inline-block;
    width: 84%;
}

/* Previous and Next work */

.pf-navigation {
    margin-top: 55px;
    width: 100%;
    background-color: #fff;
    display: none;
}

.navigation-content {
    margin: 0 auto;
    width: 600px;
}

.navigation-content a:hover {
    opacity: 1;
}

.navigation-content a > div:hover {
    background-color: #f5f5f5;
}

.navigation-content a > div {
    width: 33.33%;
    display: inline-block;
    float: left;
    height: 150px;
    padding: 40px 0;
    text-align: center;
    transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -webkit-transition: all 0.25s ease-in-out 0s;
}

.navigation-content .all-works, .navigation-content .previous-work {
    border-left: 1px solid #E3E3E3;
}

.navigation-content .all-works, .navigation-content .next-work {
    border-right: 1px solid #E3E3E3;
}

.pf-navigation .cat-nav {
    color: #BABABA;
    font-size: 70px;
}

/* Share functions */

#pf-content-social {
    background: none repeat scroll 0 0 #FFFF00;
    display: inline-block;
    float: left;
    height: 150px;
    width: 90px;
}

#sticky-social {
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    border-style: solid;
	margin-bottom: 5px;
    width: 100%;
    transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
}

#sticky-social.slide-down {
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -moz-border-radius: 0px;
}

#sticky-social.slide-down:hover {
    border-color: #4E4A71;
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
}

#sticky-social.sticky {
    float: none;
    left: auto;
    position: fixed;
    top: 20px;
}

.single-portfolio .comments-section {
    height: 100%;
    display: block;
    margin-top: 50px;
}

.share-text {
    color: rgba(0, 0, 0, 0.3);
    font-family: 'open_sansregular',sans-serif;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}

.share-icon  {
    color: rgba(0, 0, 0, 0.2);
    display: block;
    font-size: 20px;
    line-height: 12px;
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
}

ul.sharing {
    display: block;
    text-align: left;
}

.share-on-facebook, .share-on-twitter, 
.share-on-linkedin, .share-on-pinterest {
    display: block;
}

#sticky-social .share-on-facebook, #sticky-social .share-on-twitter,
#sticky-social .share-on-linkedin, #sticky-social .share-on-pinterest {
    background-color: rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
    padding: 8px 10px 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
}

.social-counter:hover,
.share-icon.slide-down:hover {
    color: #4E4A71;
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
}

.share-icon.fa-caret-down.slide-down:hover {
    color: rgba(0, 0, 0, 0.2);
}

.social-counter {
    color: rgba(0, 0, 0, 0.3);
}

/* common */

h5.taglist {
    background: none repeat scroll 0 0 #bababa;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 12px !important;
    letter-spacing: 0.6px;
    margin: 0 5px 0 0;
    padding: 1px 10px;
    line-height: 27px;
}

.taglist .fa.fa-tags {
    font-size: 14px;
    padding-right: 7px;
}

#tag-list {
    position: absolute;
    top: 15px;
}

#tag-list > a {
    background-color: #f5735c;
    border-radius: 0 55px 55px 0;
    color: #000 !important;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin: 0 5px 5px 0;
    padding: 3px 10px;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

#tag-list > a:hover {
   background-color: #453830;
   color: #ffffff !important;
   opacity: 1;
}

.single-post #tag-list > a {
   display: inline-block;
   border-radius: 999px;
}

.single-post #tag-list {
    bottom: -60px;
    text-align: center;
    top: unset;
    width: 100%;
}

.single-post .container.main-cell.tag-line {
    margin-top: 125px;
}

.post-head {
    margin-top: 35px;
}

.post-headline {
    float: left;
}

.post-headline h1 {
    color: #f57059;
    font-size: 26px;
    margin-bottom: 0;
}

.blog-header-meta {
    color: #737373;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    float: left;
    line-height: 32px;
}

.blog-header {
    margin-top: 60px;
}

.single-post-img .attachment-full.wp-post-image {
    margin: 0 auto 30px;
}

.single-img-uniq {
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    height: 400px;
    width: auto;
    margin: 0 auto 25px;
}

.single-post article {
    padding-bottom: 30px;
}

.info-footer {
    color: #FFFFFF;
    display: inline-block;
    height: auto;
    position: relative;
    width: 100%;
}

.info-footer-top {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.info-name {
    display: inline-block;
    float: left;
    text-align: center;
}

.single-avatar {
    background: #bababa;
    border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -o-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    height: 90px;
    padding: 5px;
    width: 90px;
    display: inline-block;
    float: left;
    text-align: center;
    color: #5E5E5E;
}

.single-description {
    color: #666;
    text-align: center;
}

.single-avatar .avatar {
    border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -o-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
}

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

.button-grey a {
    color: #000;
    line-height: 25px;
}

.info-footer-top .author-section {
    width: 100%;
    border: 1px solid #bababa;
    margin: 15px 0;
    padding: 15px;
    float: left;
}

.fa.button-icons.fa-envelope-o {
    font-size: 18px
}

#coment-sl {
    display: inline-block;
    margin: 30px 0 30px;
    width: 100%;
}

.social-button {
    display: inline-block;
    text-align: center;
    width: 42px;
    margin-left: 8px;
}

.info-author {
    color: #777777;
    display: inline-block;
    float: left;
    font-family: 'open_sansregular',sans-serif;
    min-height: 90px;
    padding: 0 0 5px 15px;
    width: 88%;
}

.info-footer .site-icons.fa-play {
    float: left;
    font-size: 26px;
    padding-left: 0;
    width: 20px;
    min-height: 90px;
    line-height: 85px;
    color: rgba(0, 0, 0, 0.2);
}

.fa.icon-info-sl {
    color: #4E4A71;
    font-size: 36px;
    height: 44px;
    line-height: 46px;
}

.fa.icon-info-sl.fa-facebook:hover {
    color: #3c599b !important;
}

.fa.icon-info-sl.fa-twitter:hover {
    color: #1bb2e9 !important;
}

.fa.icon-info-sl.fa-pinterest:hover {
    color: #cb2028 !important;
}

/* comments section */


li.pingback .button-grey, ul.children ul ul ul .button-grey {
    display: none;
}
.comments-section .comments-list {
    list-style: none outside none;
    margin-top: 20px;
}
.comment .children {
    list-style: none outside none;
    margin-left: 10px;
}

.single-avatar-cm {
    background: #bababa;
    border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -o-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    height: 50px;
    padding: 5px;
    width: 50px;
    display: inline-block;
    float: left;
}

.single-avatar-cm .avatar {
    border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -o-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
}

img.avatar {
    width: 100%;
}

.comment-left-side {
    color: #14b09c;
    display: inline-block;
    float: left;
    font-weight: 600;
}

.comment-right-side {
    border-top: 2px solid #f5f5f5;
    float: left;
    margin-bottom: 30px;
    margin-top: 20px;
    min-height: 80px;
    padding-top: 20px;
    width: 100%;
    position: relative;
}

.comment-author {
    font-family: "Rubik",sans-serif;
    font-weight: 600;
}

.info-name .comment-author {
    font-size: 14px;
    margin-top: 6px;
}

.comment-meta.commentmetadata {
    font-family: 'open_sansregular',sans-serif;
    font-size: 11px;
}

#author-login {
    display: inline-block;
    float: left;
    padding: 15px;
    width: 15%;
}

.loged-comment {
    width: 85% !important;
}

.single-portfolio .comments-section #respond {
    margin-top: 30px;
}

.title-respond {
    background-color: #f5f5f5;
    padding: 20px 15px 1px;
    text-align: center;
}

.comment .reply {
    position: absolute;
    right: 0;
    top: -60px;
}

input.wpcf7-text, textarea.wpcf7-textarea, .input-name, .input-email, .input-website, .textarea-comment,
.post-password-form label input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #bfbfbf;
    color: #515151;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 10px 20px;
    width: 100%;
    border-radius: 5px;
}

textarea.wpcf7-textarea {
    border-radius: 5px !important;
    padding: 10px 20px !important;
}

p.contact-send .wpcf7-form-control.wpcf7-submit {
    background-color: #6f451b !important;
    display: block;
    margin: 0;
    width: 100%;
}

textarea.wpcf7-textarea {
    height: 160px !important;
}

p.form-submit {
    clear: both;
    min-height: 50px;
}

.single-description > h2 {
    line-height: 20px;
    color: #5E5E5E;
    font-family: 'open_sanssemibold',sans-serif;
    font-size: 14px;
    margin: -10px 0 0 0;
}

.textarea-comment {
    height: auto;
    margin: 0 0 5px;
    min-height: 216px;
}

#cancel-comment-reply-link {
    background: none repeat scroll 0 0 #4E4A71;
    box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    display: inline-block;
    float: right;
    height: 30px;
    padding: 2px 14px;
    color: #fff;
    font-size: 14px;
    line-height: 27px;
    margin: 15px 30px;
}

/*-------------------------------------------------------------------------*/
/*	6.	Page Styles                                               
/*-------------------------------------------------------------------------*/

#header-page, #header-pf {
    background-position: center center;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

#header-page.no-margin-head {
    margin-bottom: 0;
}

.blog-page.clearfix {
    margin-top: 60px;
}

.container.main-content {
    max-width: none;
    overflow: hidden;
    max-width: 1408px;
}

.page-template-page-full-php .container.main-content, .page-template-page-berry-slider-php .container.main-content,
.page-template-page-testimonial .container.main-content {
    max-width: none;
    margin-bottom: 0;
    padding: 0;
}

.single-portfolio .container.main-cell {
    background-color: #fff;
    margin-top: 110px;
}

.single-post .container.main-cell {
    margin-top: 75px;
}

/*-------------------------------------------------------------------------*/
/*	7.	Sidebar & Widgets                                           
/*-------------------------------------------------------------------------*/

#recent-posts.widget {
    margin-top: 22px;
}

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

#sidebar .widget-content li a::before,
.woocommerce-MyAccount-navigation li a::before {
    position: absolute;
    content: "";
    border-radius: 999px;
    border: 2px solid #f57059;
    width: 6px;
    height: 6px;
    left: -20px;
    top: 5px;
}

#sidebar .widget-content li a,
.woocommerce-MyAccount-navigation li a {
    color: #000;
    position: relative;
    margin-left: 20px;
    font-weight: 400;
}

.woocommerce-MyAccount-navigation li a {
    font-weight: 600;
    line-height: 16px;
    display: block;
    margin-bottom: 18px;
}

.woocommerce-MyAccount-navigation ul,
.woocommerce-mini-cart.cart_list.product_list_widget {
    list-style: none;
    margin: 0;
}

.widget-title h5 {
   font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    margin: 0 0 15px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}

.widget-title > div {
    display: inline-block;
    width: 82%;
}

.recent_post_widget.widget-content {
    padding: 22px 0 0;
}

.recent_post_widget .widget-title {
    margin-left: 0;
    margin-bottom: 0
}

.recent-post-item {
    display: block;
    height: 70px;
    width: 245px;
    margin-bottom: 10px;
}

.recent-post-item:last-child { 
    border-bottom: 0 none;
    height: 69px;
}

.widget-thumb {
    display: inline-block;
    float: left;
    height: 69px;
    width: 69px;
}

.recent-post-thumb {
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    height: 69px !important;
    width: 69px !important;
}

.post-widget-text {
    color: #9E9E9E;
    display: inline-block;
    font-size: 10px;
    height: auto;
    padding: 0px 10px;
    width: 175px;
}

.recent-post-item a {
    line-height: 16px;
    color: #666;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}

.recent_pf_items.widget-content {
    padding: 22px 0 0;
}

.recent_pf_items.widget-content .widget-title {
    margin-left: 0;
    margin-bottom: 0
}

#recent-posts .widget-content {
    display: none;
}

#recent-posts .widget-title {
    cursor: pointer;
    margin-left: 0;
    width: 100%;
}

ul .widget-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    padding: 0;
}

ul .widget-content {
    padding: 0;
}

ul .widget-title h5 { color: #2f1f2c }

#sidebar .widget_pages ul ul, #sidebar .widget_nav_menu ul ul {
    line-height: 25px;
    padding: 0 0 0 18px;
}

#sidebar .widget_pages li {
    padding-bottom: 5px;
}

#sidebar .widget_nav_menu li {
    padding: 10px;
}

#sidebar .widget_nav_menu ul {
    list-style: none outside none;
    margin: 0;
}

.widget_nav_menu .widget-content {
    padding: 0;
}

/* Search widget transform */

.widget_search #search-form #searchinput {
   color: #9E9E9E !important;
   width: 158px;
}

.widget_search #search-form {
    border: 1px solid #BABABA;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -moz-border-radius: 0px;
    font-size: 12px;
    height: 24px;
    width: 100%;
    padding-top: 0px;
    margin-right: 0px;
}

.widget_search {
    display: inline-block;
    background: #ffffff;
}

.tagcloud > a {
    background-color: #f5735c;
    border-radius: 999px;
    color: #000 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px !important;
    font-weight: 600;
    margin: 0 5px 5px 0;
    padding: 8px 14px;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

/* Login form widget transform */

.login_form_widget .widget-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    padding: 22px 22px 0;
}

.login_form_widget h5 {
    color: #9E9E9E !important;
}

.login_form_widget {
    border: 3px solid #4E4A71;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
}

.login_form_widget .input-name {
    height: auto;
    padding: 13px 10px;
}

.widget-content #rememberme {
    margin: 0 5px 0 0;
}

#remember-text {
    position: relative;
    top: -3px;
}

.login_form_widget p {
    height: 15px;
}

.login_form_widget .single-avatar {
    float: none;
}

.login-text {
    display: inline-block;
    float: right;
    margin: 10px;
}

.login-text > h2 {
    line-height: 18px;
    margin: 6px 0;
}

/* facebook like box widget transform */

.widget.facebook_like {
    border: 0 none;
    overflow: hidden;
    max-height: 639px;
}

.widget.facebook_like .widget-title {
    margin-bottom: 0;
}

.widget.facebook_like iframe {
    margin-left: -23px;
}

/* better recent comments widget transform */

.better_widget_recent_comments .widget-content {
    padding: 0;
}

.widget.better_widget_recent_comments.widget-content {
    padding: 22px 0 0;
}

.better_widget_recent_comments > ul {
    margin: 0 !important;
}

.better_widget_recent_comments .widget-title {
    margin-left: 0;
    margin-bottom: 0;
}

.widget-icon[class*=" fa-"] {
    color: #9E9E9E;
    float: left;
    font-size: 40px;
    margin-right: 10px;
    width: 40px;
    height: 40px;
}

.author-comment {
   line-height: 22px;
}

.better_widget_recent_comments li.better-comment:nth-child(2n)  {
    background: none repeat scroll 0 0 #F4F4F4;
}

.better_widget_recent_comments li.better-comment {
	padding: 11px;
	border-bottom: 1px solid #E9E9E9;
	position: relative;
	display: block;
}

.better-comment > a {
    display: inline-block;
    line-height: 22px;
}

/* Calendar */

.widget_calendar {
    position: relative;	
}

.widget_calendar table {
    width: 100%;
}

.widget_calendar table th {
    color: #888888;
    font-family: 'open_sanslight',sans-serif;
    padding-bottom: 10px;
    text-align: center;
}

.widget_calendar table #prev,
.widget_calendar table #next  {
    vertical-align: middle;
    padding: 5px;
}

.widget_calendar table tbody td {
    color: #888888;
    font-size: 10px;
    padding: 5px;
}

.widget_calendar table td {
    text-align: center;
}

#wp-calendar #prev > a,
#wp-calendar #next > a {
    color: #716E8D;
}

.widget_calendar table tbody tr:nth-child(2n+1) {
    border: 1px solid #716E8D;
}

.widget_calendar caption {
    font-family: 'open_sanslight',sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
    text-align: center;
}

/*-------------------------------------------------------------------------*/
/*	8.	Header, Content & Footer                                  
/*-------------------------------------------------------------------------*/

/* header */

#header-space {
    height: 123px;	
}

#top-content.sticky {
	height: 80px;
}

#top-content.no-sticky {
	height: 0px;
}

#header-container {
    width: 100%;
    font-family: 'Rubik';
}

#header-container.sticky { position: fixed; }

header.main.d {
	padding-top: 8px !important;
}

.admin-bar #header-container.sticky {
    top: 32px;
}

header.main #logo {
    color: #888888;
    display: block;
    float: left;
    font-size: 20px;
    width: 200px;
}

.logo-section {
	position: relative;
	flex: 1 1 164px;
}

.center-logo .logo-section {
    width: 100%;
    float: none;
    position: relative;
    text-align: center;
}

.nav-section {
	flex: 1 0 auto;
}

header#main #logo img {
    width: auto;
    display: block;
    margin-top: 10px;
    max-height: 50px;
}

#logo > img {
    font-size: 40px;
    font-weight: 400;
    height: 42px;
    line-height: 100px;
    width: auto;
}

.mobile-nav {
    display: none;
    text-align: right;
    float: right;
    margin-top: -8px;
  }

.mobile-nav .fa.fa-bars {
    color: #fff;
    font-size: 35px;
    cursor: pointer;
}

#respons-nav {
    background-color: #fff;
    display: none;
    padding: 0;
    top: 0px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    margin-left: 15px;
    font-size: 14px;
}

.close-nav {
    width: 100%;
    background:#f57059;
    border: 0 none;
    font-size: 40px;
    padding-bottom: 7px;
    color: #fff;
    text-align: right;
}

#header-e #respons-nav {
    top: 14px
}

#respons-nav .container > ul > li:last-child a {
    border-bottom: 0px;
}

#respons-nav ul li a {
    font-weight: 600;
    color: #000;
    display: block;
    padding: 10px 20px !important;
    position: relative;
    text-align: center;
    font-family: 'Rubik',sans-serif;
    border-bottom: 1px solid #e8e8e8;
}

ul.sub-menu li a {
	font-family: 'Rubik',sans-serif !important;
}

#respons-nav ul.sub-menu li a:before {
    content: ">";
}

#respons-nav .icon-angle-down {
    color: #A7A4A3;
}

#respons-nav ul li ul {
    margin: 0 auto;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
}

#respons-nav ul li a:hover, #mobile-menu ul li a:hover [class^="fa-"], #respons-nav li.open > a {
	background: #e8e8e8;
}

.sub-menu {
    font-family: 'open_sanslight',sans-serif;
    font-size: 13px;
    z-index: 3;
}

/* sliding widget */


#berry_slider {
    position: absolute;
    z-index: 100;
    width: 100%;
    top: -140%;
}

#berry__cont {
    padding-top: 135px;
    overflow: hidden;
    width: 100% !important;
    padding-left: 10px;
}

.berry-slide-widgets {
    margin: 0 auto;
    max-width: 1164px;
}

.slider-widget {
    display: inline-block;
    margin: 0 10px 25px;
    width: 23%;
    float: left;
}

.slider-widget:first-child { margin-left: 0; }
.slider-widget:last-child { margin-right: 0; }

.slider-widget .widget-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    padding-top: 5px;
    margin: 0 !important;
    padding: 10px 0;
}

.slider-widget .widget-content {
    padding-top: 0px
}

.slider-widget .widget {
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    background: transparent !important;
}

.slider-widget .widget {
    max-width: 288px;
}

.slider-widget .login_form_widget {
    background: #ffffff !important;
}

.slider-widget .widget_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: ffffff
}

.slider-widget .widget_text .widget-title h5 {
    color: #ffffff;
}

.slider-widget .login_form_widget .widget-title h5 {
    padding-top: 5px;
}

.slider-widget .widget-title h5 {
    color: #716E8D;
}

.slider-widget .recent-post-item {
    max-width: 288px;
    width: 100%
}

/* Header Cart */

.panel-button #cart > a { color: #ffffff; }
.header-cart #cart .woocommerce.widget_shopping_cart,
.panel-button #cart .woocommerce.widget_shopping_cart {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border-color: #B7B7B7;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3) !important;
    -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3) !important;
    left: 5px;
    padding: 20px 0 0;
    top: -26px;
    width: 360px;
}

.header-cart #cart .woocommerce.widget_shopping_cart .cart_list.product_list_widget,
.panel-button #cart .woocommerce.widget_shopping_cart .cart_list.product_list_widget {
    padding: 0 20px;
}

.header-cart #cart .woocommerce.widget_shopping_cart .total,
.panel-button #cart .woocommerce.widget_shopping_cart .total {
    border-bottom: 1px solid #B7B7B7;
    border-top: 1px solid #B7B7B7;
    margin-bottom: 0;
    padding: 10px 20px;
}

.header-cart #cart .woocommerce.widget_shopping_cart .buttons,
.panel-button #cart .woocommerce.widget_shopping_cart .buttons {
    background: none repeat scroll 0 0 #F4F4F4;
    border-top: 1px solid #E4E4E4;
    margin-bottom: 0;
}

.header-cart #cart .woocommerce.widget_shopping_cart,
.panel-button #cart .woocommerce.widget_shopping_cart {
    background: none repeat scroll 0 0 #FFFFFF !important;
    left: 5px;
    top: -26px;
    width: 360px;
}

.header-cart #cart .woocommerce.widget_shopping_cart .buttons .button:first-child,
.panel-button #cart .woocommerce.widget_shopping_cart .buttons .button:first-child {
    margin-right: 0;
}

.header-cart #cart .woocommerce.widget_shopping_cart .buttons .button,
.panel-button #cart .woocommerce.widget_shopping_cart .buttons .button {
    background: none repeat scroll 0 0 #C2C2C2;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    margin: 10px;
    text-align: center;
    width: 162px;
}

.header-cart #cart .woocommerce.widget_shopping_cart .cart_list.product_list_widget .variation,
.panel-button #cart .woocommerce.widget_shopping_cart .cart_list.product_list_widget .variation {
    border-left: 0 none;
    display: inline-block;
    padding: 0;
}

.header-cart #cart .woocommerce.widget_shopping_cart .cart_list.product_list_widget .variation > dt,
.panel-button #cart .woocommerce.widget_shopping_cart .cart_list.product_list_widget .variation > dt {
    margin-right: 5px;
}

.header-cart #cart .woocommerce.widget_shopping_cart .cart_list.product_list_widget .variation > dd,
.panel-button #cart .woocommerce.widget_shopping_cart .cart_list.product_list_widget .variation > dd {
    display: inline;
    padding: 0;
}

.header-cart #cart .woocommerce.widget_shopping_cart .cart_list.product_list_widget .quantity,
.panel-button #cart .woocommerce.widget_shopping_cart .cart_list.product_list_widget .quantity {
    display: block;
    font-weight: bold;
}

.header-cart #cart .woocommerce.widget_shopping_cart .total strong,
.panel-button #cart .woocommerce.widget_shopping_cart .total strong {
    margin-right: 5px;
}

.header-cart #cart .woocommerce.widget_shopping_cart .total .amount,
.panel-button #cart .woocommerce.widget_shopping_cart .total .amount {
    font-size: 14px;
}

/* header-bg portfolio */

#header-pf { 
    height: 150px;
    padding-top: 95px;
    background-position: center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.col-pf-left {
    display: inline-block;
    float: left;
    width: 80%;
}

.category-pf {
    background-color: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    display: inline-block;
    font-family: 'open_sanslight',sans-serif;
    font-size: 13px;
    font-weight: 300;
    min-height: 42px;
    line-height: 14px;
    padding: 16px;
    width: auto;
}

.col-pf-right {
    display: inline-block;
    float: left;
    margin-bottom: 40px;
    margin-top: 35px;
    width: 100%;
}

.sort-pf {
    color: #c7081b !important;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin-top: 8px;
    font-size: 14px;
    padding: 5px 10px;
}

#sort-by a {
    color: #fff;
    font-size: 14px;
}

#sort-by {
    display: inline-block;
    float: left;
}

i.sort {
    display: inline-block;
    position: absolute;
    font-size: 38px;
    width: 38px;
    color: #fff;
    opacity: 0.4;
    transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
}

i.sort:hover .hover-info {
    display:block;
}

i.sort:hover { 
    opacity: 0.8;
    transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
}

#sort-by > li,
.category-pf li {
   background-color: #c7081b;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: 500;
    margin-top: 8px;
    padding: 5px 10px;
    margin-right: 10px;
}

.category-pf li:after {
    content: "/";
    padding-left: 5px;
}

.category-pf li:last-child:after {
    content: none;
}

/* header head titles */

.archive .container.main-cell .cell-full,
.search-results h1.page-title {
    margin-top: 60px;
    margin-bottom: 30px;
}

.pf-title.reverse, .subtitle-content.reverse {
    color: #000;
}

.header-title {
    margin-top: 0 !important;
    position: relative;
    padding-top: 50px;
}

.header-title.float_center h1.post {
    text-align: center;
}

.header-title.float_center .subtitle-content {
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-left: 0px;
}

.header-title.float_right h1.post {
    float: right;
}

.header-title.float_right .subtitle-content {
    float: right;
}

.subtitle-content {
    font-family: 'open_sanslight',sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin-left: 18px;
}

/* content */

.main-cell { 
    clear: both;
    content: "";
    display: block;
}

/* footer */


#footer {
    position: relative;
    z-index: 10;
    color: #ECE3DC;
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    margin-top: 100px;
    background-color: #21201F;
    padding-top: 32px;
  }

  #footer .widget-title h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: "Rubik";
    padding: 0;
    margin-bottom: 19px;
  }

  .footer-widget li {
    margin-bottom: 4px;
  }

  .footer-widget li a {
	color: #A1A1A1;
	font-weight: 500;
}

#footer .copyright-section {
    display: block;
    color: #fff !important;
    font-size: 12px;
}

#footer .footer-widgets {
	padding: 44px 0 40px 0;
}

#footer h4 { margin: 0; }

.footer-widget {
    width: 33.3333%;
	float: left;
    font-size: 15px;
    font-weight: 300;
}

#footer #copyright {
    color: #f57059;
    width: 100%;
}

.page-template-page-no-widgets-php #copyright {
    margin-top: 0 !important;
}

.footer-social { 
	display: inline-block; 
}

#footer .social-section {
    display: block;
    margin: 0 auto;
    width: 50px;
}

.icon-footer-sl {
    font-size: 36px !important;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    width: 70px !important;
    transition: transform 0.3s ease-in-out 0s;
    -moz-transition: transform 0.3s ease-in-out 0s;
    -webkit-transition: transform 0.3s ease-in-out 0s;
    -o-transition: transform 0.3s ease-in-out 0s;
}

.icon-footer-sl:hover { 
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.icon-info-sl, .icon-footer-sl { 
	border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
}

#footer .left-social { 
	border-top: 0 none; 
}

.footer-social-section {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 12px 0 5px;
}

/*-------------------------------------------------------------------------*/
/*	9.	Contact Page                                                   
/*-------------------------------------------------------------------------*/

.content-contact {
	display: inline-block;
	width: 60% !important;
}

#contact-form {
	width: 40%;
	display: inline-block;
}

html:not(.js) #map-canvas {
	display: none;	
}

#map-canvas {
	width: 100%;
	height: 370px;
	margin-bottom: 30px;
}

#map-canvas div {
	box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	-webkit-box-sizing: content-box!important;
}

.gmnoprint {
	margin-top: 10px !important;
}

.gm-style-mtc {
	margin-top: 50px;
}

p > iframe {
	margin-bottom: -16px;
}

/*-------------------------------------------------------------------------*/
/*	10.	Portfolio                                                     
/*-------------------------------------------------------------------------*/

#portfolio {
	width: 100%;
}

.pf-pattern { background-image: url(framework/portfolio/pf-pattern.png);
    -moz-border-radius: 999px 999px 999px 999px;
    -o-border-radius: 999px 999px 999px 999px;
    -webkit-border-radius: 999px 999px 999px 999px;
    border-radius: 999px 999px 999px 999px;
    height: 170px;
    margin-top: 10px;
    position: absolute;
    top: 0;
    width: 170px;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {	
	.pf-pattern {
		background-size: 170px 170px;
		background-image: url(framework/portfolio/pf-pattern@2x.png);
	}	
}

#portfolio.portfolio-items .pf-block .pf-element .projects-info a {
    padding: 6px 11px;
    font-size: 11px!important;
    margin: 3px;
}

#portfolio.portfolio-items .pf-block {
    margin: 0;
    width: 25%;
    float: left;
    position: relative;
    display: inline-block;
}

.pf-button {
    background-color: transparent !important;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0px;
    height: auto;
    left: 50%;
    margin-left: -76px;
    margin-top: -24px;
    padding: 10px 50px;
    position: absolute;
    top: 50%;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.button-grey.pf-button:hover {
    background-color: #fff !important;
    color: #453830;
    border-color: #fff;
    opacity: 1;
}

.portfolio-items .pf-element .projects-info a {
    background-color: #333;
    padding: 9px 15px;
    color: #fff!important;
    font-size: 12px!important;
    margin: 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

.portfolio-items .pf-element .projects-info a:hover {
    opacity: 0.8;
}

.portfolio-items .pf-element .projects-info [id^="video-popup-"] {
    display: none;
}

.pf-element .pf-image {
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.title-span {
    display: inline-block;
    float: left;
    line-height: 5px;
    padding: 0 10px 10px;
}

.classic-pf.fa.fa-angle-right {
    border-left: 1px solid #888888;
    color: #888888;
    font-size: 50px;
    padding-left: 5px;
    width: 50px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.classic-pf.fa.fa-angle-right:hover {
    background-color: #4E4A71;
    border-left: 1px solid #ffffff;
    color: #ffffff;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.button-span {
    display: inline-block;
    float: right;
}

.classic-pf h4 {
    margin: 0 0 5px 0px;
}

.pf-image-hide {
    display: none;
}

.info-bar {
    display: block;
    margin: 0 auto;
    width: auto;
    padding-bottom: 15px;
}

.title-holder {
    width: 100%;
    text-align: center;
}

.element-title h4 {
    background-color: #fff;
    color: #6f451b;
    display: inline-block;
    font-family: "Rubik",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    width: 100%;
    z-index: 1;
    margin: 0;
}

.projects-info {
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 0;
	z-index: 1;
}

.simple-element:hover .projects-info {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.hover-desc-pf {
    color: #54544C;
    font-size: 12px;
    padding: 15px;
    position: absolute;
}

.rounded-pf .pf-block .pf-element {
    overflow: hidden;
    position: relative;
}

.rounded-pf .pf-element .pf-image  {
    color: transparent;
    transition: filter 2s ease-out;
    -moz-transition: -moz-filter 2s ease-out;
    -webkit-transition: -webkit-filter 2s ease-out;
    -o-transition: -o-filter 2s ease-out;
    display: block;
    height: 270px;
    width: 100%;
    margin-bottom: 0;
}

.rounded-pf .pf-element .pf-image:hover {

}

.rounded-pf .projects-info-bg {

}

.rounded-pf .pf-hover {
    background-color: #fff;
    margin: 0 auto;
    position: relative;
}

.rounded-pf .element-title > h4 {
    background-color: #fff;
    bottom: 0;
    color: #6f451b;
    font-family: "Rubik",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    position: absolute;
    z-index: 1;
    margin: 0;
}

.rounded-pf .projects-info {

}

.rounded-pf .element-title {
    bottom: 30px;
    color: #232527;
    position: absolute;
    width: 100%;
}

.classic-pf .projects-info {
    background: rgba(255, 255, 255, 0.75);
    display: block !important;
    height: 100%;
    position: absolute;
    top: 100%;
    width: 100%;
}

.classic-pf .element_big,
.classic-pf .element_wide {
    width: 50% !important;
}
.classic-pf .element_big .pf-element .pf-image,
.classic-pf .element_tall .pf-element .pf-image {
    height: 560px !important;
    width: 100%;
    }
.classic-pf .element_wide .pf-element .pf-image,
.classic-pf .element_regular .pf-element .pf-image {
    height: 280px !important;
    width: 100%;
    }
.classic-pf .element_tall_2 .pf-element .pf-image {
    height: 840px !important;
    width: 100%;
    }

.classic-pf .pf-block { overflow: hidden; }

.classic-pf .element-title {
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0 5px 10px 4px rgba(0, 0, 0, 0.20);
    -o-box-shadow: 0 5px 10px 4px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 5px 10px 4px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 5px 10px 4px rgba(0, 0, 0, 0.20);
    position: absolute;
    width: 100%;
}

.classic-pf .element_big.pf-divided, .portfolio-items .element_wide.pf-divided {
    margin: 0.2% !important;
    width: 49.5% !important;
}

.classic-pf .pf-block.pf-divided {
    margin: 0.2%;
    width: 24.5%;
}

/*-------------------------------------------------------------------------*/
/*	11.	Shortcodes
/*-------------------------------------------------------------------------*/

/* Galleries */

.gallery-columns-3 dl.gallery-item {
    margin-top: 10px !important;
    padding: 0 10px;
    width: 33.3333% !important;
}

.gallery-columns-3 {
    max-width: 960px;
}

.gallery a img {
    transition: all 0.2s linear 0s;
    -moz-transition:  all 0.2s linear 0s;
	-webkit-transition:  all 0.2s linear 0s;
	-o-transition:  all 0.2s linear 0s;
    width: 300px;
}

.gallery a:hover img {
	border: 5px solid rgba(255, 255, 255, 0.4) !important;
}

/* Testimonial slider */

.testimonial-slider {
    margin: 0 auto;
    max-width: 800px;
    position: relative;
}

.testimonial-slider .testimonial {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.05);
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.quote-content::before {
    color: #64cef4;
    content: ",,";
    font-family: "Rubik";
    font-size: 190px;
    left: -3px;
    position: absolute;
    top: -77px;
}

.quote-content::after {
    bottom: -75px;
    color: #64cef4;
    content: ",,";
    font-family: "Rubik";
    font-size: 190px;
    position: absolute;
    right: -5px;
    transform: rotate(180deg);
}

.quote-content {
    padding: 40px;
}

.testimonial-content .author {
    display: block;
    font-family: "Rubik";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-top: -10px;
}

.testi-job {
    color: #9e9e9e;
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
    width: 100%;
}

.controls {
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 25;
}

.controls > ul {
    list-style: outside none none;
    margin: 0;
}

.controls ul li {
    display: inline;
    list-style: outside none none;
    margin: 5px;
}

.pagination-switch {
    background-color: #cccccc;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
}

.pagination-switch.active {
    background-color: #64cef4;
}

/* columns */

.cells.centered-text {
    text-align: center !important;
}

.column-1-4.no-margins {
    margin: 0 !important;
}

.column-1-2.no-margins {
    margin: 0 !important;
    width: 50% !important;
}

.column-1-2[data-moving="slide-from-left"] {
    left: -30%;
    opacity: 0;
}

.column-1-2[data-moving="slide-from-right"] {
    right: -30%;
    opacity: 0;
}

.column-1-4:first-child, .column-1-3:first-child, .column-1-2:first-child, 
.column-2-3:first-child, .column-3-4:first-child {
    clear: left;
} 


.divided {
    border-bottom: 3px solid rgba(255, 255, 255, 0.6);
    margin: 10px 2%;
    min-height: 120px;
    padding: 15px 0 !important;
    width: 46%;
}

.divided.off {
    border-bottom: 0;
}

.divided:after {
    background-color: rgba(255, 255, 255, 0.6);
    bottom: 15px;
    content: "";
    display: block;
    position: absolute;
    right: -4.7%;
    top: 0;
    width: 3px;
}

.divided.last:after {
    display: none;
}

/* carousel */

.carousel-wrap {
    position: relative;
}

.carousel.gallery.clearfix > div {
    float: left;
}

html:not(.js) .carousel-wrap  {
    display: none;
}

/* image gallery */

.gallery-wrap {
    clear: both;
}

.gallery-wrap a:hover {
    opacity: 1;
}

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

.gallery-wrap ul.imggallery li {
    display: block;
    float: left;
    position: relative;
}

.imggallery li {
    margin: 0 2% 20px 0;
}

.gal2 .imggallery li {
    width: 49%;
}

.gal3 .imggallery li {
    width: 32%;
}

.gal4 .imggallery li {
    width: 23.5%;
}

.gal5 .imggallery li {
    width: 18.4%;
}

.gal6 .imggallery li {
    width: 15%;
}

.gal2 .imggallery li:nth-child(2n), .gal3 .imggallery li:nth-child(3n), .gal4 .imggallery li:nth-child(4n),
.gal4 .imggallery li:nth-child(4n), .gal5 .imggallery li:nth-child(5n), .gal6 .imggallery li:nth-child(6n) {
    margin-right: 0;
}

.gallery-wrap .image-hover {
    bottom: 0;
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translateZ(0px);
    transition: opacity 0.4s ease 0s;
    visibility: visible;
    width: 100%;
}

.gallery-wrap .image-hover .fa-search {
    color: #FFFFFF;
    font-size: 32px;
    left: 50%;
    margin: 0 0 0 -16px;
    position: relative;
    top: 30%;
}

.gallery-wrap .image-hover h3 {
    color: #FFFFFF;
    font-family: 'Rubik';
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 34%;
}

.gallery-wrap .image-hover:hover {
    opacity: 1;
}

.gallery-wrap img {
    display: block;
}

/* action box */

.action-box.cells {
    margin: 0;
    padding: 0 15px;
    width: 100%;
}

.action-box.cells.clean.margin.free {
    margin: 0;
    padding: 0;
    width: 100%;
}

.action-box.stick-out {
    display: block;
    float: left;
    margin-bottom: 60px;
    position: relative;
    width: 90%;
    box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 15px 25px 25px 30px;
    margin-right: 20px;
    font-weight: 500;
    border-left: 3px solid #f57059;
}

.curtain-section .action-box.cells {
    width: 25%;
}

.full-width-section .action-box.cells.stick-out {
    width: 96%;
}
  
.action-box.site {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #dededd;
    border-radius: 10px;
    margin: 5px;
}

/* Colors */

.black { 
	color: #333 !important;
}

.white { 
	color: #fff !important;
}

.white > h2 { 
	color: #fff;
}

.gray { 
	color: #666 !important;
}

/* Round container and image */

.rounded-container:nth-child(2) .rounded-content::before {
    top: 0px;
}

.right-counter .rounded-content::before {
    background-color: #cab097;
    left: 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 2px;
    top: 0;
}

.right-counter .rounded-content {
    float: right;
    padding: 0 20px 25px 75px;
    position: relative;
    text-align: left;
}

.left-counter .rounded-content::before {
    background-color: #cab097;
    content: "";
    height: 100%;
    position: absolute;
    right: -2px;
    top: 0;
    width: 2px;
}
.left-counter .rounded-content {
    float: left;
    position: relative;
    text-align: right;
}

.left-counter .rounded-dot {
    left: unset;
    right: -5px;
}

.rounded-dot {
    background-color: #cab097;
    border-radius: 50px;
    height: 8px;
    left: -3px;
    position: absolute;
    top: 0px;
    width: 8px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.rounded-dot::before {
    border: 1px solid #cab097;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 30px;
    content: "";
    opacity: 0;
    transform: scale(0);
}

.rounded-dot::after {
    border: 1px solid #cab097;
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 16px;
    content: "";
    opacity: 0;
    transform: scale(0);
}

.rounded-container:hover .rounded-dot::before {
    opacity: 1;
    animation: 1s ease 0.2s alternate none infinite running eff;
}
.rounded-container:hover .rounded-dot::after {
    opacity: 1;
    animation: 1s ease 0s alternate none infinite running eff;
}

@keyframes eff {
0% {
    opacity: 0.5;
    transform: scale(0.7);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}

.rounded-container {
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    float: none;
    margin: 0 auto;
    text-align: center;
}

.rounded-content {
    padding: 0px 75px 25px 20px;
    width: 50%;
}

.right-counter .rounded-inside {
    padding: 0px 20px 5px 55px;
}
.rounded-inside {
    border: 2px solid #e3e3e3;
    padding: 0px 55px 5px 20px;
        transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    background-color: #fff;
}

.rounded-container:hover .rounded-inside {
    border-color: #cab097;
}

.rounded-image {
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    border: 10px solid;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    margin: 0 auto;
}

.rounded-img.cells {
	text-align: center;
	width: 100%;
}

.centered .rounded-img.cells, .centered-text .rounded-img.cells {
    width: 100%;
}

.rounded-image-desc {
    font-size: 14px;
    text-align: center;
}

.rotate .rounded-img.cells {
    z-index: 2;
}

.rounded-img.cells.movement {
    position: absolute;
}

.right-counter .rounded-content .milestone {
    left: 35px;
    text-align: left;
}
.rounded-inside .milestone {
    background-color: #4b3e36;
    border-radius: 999px;
    height: 80px;
    margin-top: -52px;
    padding: 9px;
    position: absolute;
    right: 35px;
    top: 50%;
    width: 80px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.rounded-container:hover .rounded-inside .milestone {
    background-color: #cab097;
}

.rounded-container:hover .rounded-inside .milestone .number {
    color: #4b3e36 !important;
}

.left-counter .rounded-content .milestone {
    right: 35px;
    text-align: right;
}

/* milestone */

.milestone {
    text-align: center;
}

.number {
    display: block;
    font-family: "DM Serif Display";
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
    color: #000;
    background-color: #f57059;
    height: 100px;
    padding: 10px;
}

.milestone-data {
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 500;
    background-color: #ecdab7;
    padding: 2px 0 6px;
}

.milestone-title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    background-color: #b5944f;
    padding: 35px 0;
}

/* curtain-section */

.curtain-more .fa.fa-hand-o-up.fa-3x {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding-top: 50px;
}

.curtain-section {
    position: relative
}

.curtain-content {
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    padding: 25px;
}

.curtain-section.transparent .curtain-content {
    opacity: 0.97;
}

h2.curtain {
    display: block;
    font-size: 45px;
    text-align: center;
    font-family: 'open_sanslight',sans-serif;
}

/* portfolio recent */

/* portfolio recent */

.recent-projects {
    padding: 50px 0;
}

.recent-projects .element-title h4,
.recent-projects span {
    color: #282828;
}

.recent-projects .simple-element .pf-hover {
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    height: 190px;
    margin: 0 auto;
    position: relative;
    width: 190px;
}

.recent-projects .simple-element .element-title {

}

.simple-element .car_description {
    font-size: 14px;
    line-height: 12px;
    padding-left: 0;
    text-indent: 0;
}

.recent-projects .simple-element .element-title > h4 {
    margin: 11px 0;
}

.recent-projects .simple-element .pf-element {
    margin: 0 auto 20px;
    position: relative;
}

.recent-projects .projects-info {
    position: absolute;
    top: 150px;
    width: 190px;
}

.recent-projects .info-bar {
    display: table;
    margin: 0 auto;
    opacity: 0;
    width: auto;
}

.simple-element {
    display: block;
    float: left;
    margin: 0 1px;
    position: relative;
    width: 100%;
}

.shop-dsc {
    padding: 15px 15px 15px 0;
}

.simple-element .pf-img-short {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    height: 200px;
    margin-bottom: 0;
    width: 100%;
}

.simple-element .pf-img-short:hover {
    transition: filter 2s ease-out;
    -moz-transition: -moz-filter 2s ease-out;
    -webkit-transition: -webkit-filter 2s ease-out;
    -o-transition: -o-filter 2s ease-out;
    filter: none;
    -webkit-filter: grayscale(0);
}

/* blog recent alternate */

.blog-recent.alternate .cells {
    margin: 0 auto;
    width: 100%;
}

.blog-recent.alternate .recent-image {
    height: 420px !important;
}

.blog-recent.alternate .recent-content,
.blog-recent.alternate .recent-content a {
    color: #7d7d7d;
}

/* blog recent */

.column-1-2 .blog-recent .column-1-4.cells {
    width: 48%;
}

.column-1-2 .blog-recent .column-1-4.cells:first-child {
    margin-right: 4%;
}

.blog-recent .plus-sign {
    border: 4px solid #4E4A71;
    content: "+";
    font-size: 70px;
    height: 60px;
    left: 41%;
    line-height: 42px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    top: 128px;
    width: 60px;
    z-index: 1;
}

.blog-recent {
    display: inline-block;
    width: 100%;
}

.blog-recent .column-1-2:last-child {
    margin-right: 0;
}

.recent-image {
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    height: 200px !important;
    max-width: 100%;
}

.title > a { color: #fff;}

.recent-image.no-image {
    color: #FFFFFF;
    font-size: 22px;
    padding-top: 46%;
    text-align: center;
    text-indent: inherit;
    opacity: 0;
}

.blog-recent.alternate .recent-image.no-image {
    color: #666666;
}

.recent-content a {
    font-family: "Rubik",sans-serif;
}

.recent-content .title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.recent-content a.read-more {
    color: #0099ff;
    float: left;
    font-size: 14px;
    font-weight: 600;
    padding-top: 15px;
    width: 100%;
}

.recent-content {
    color: #585858;
    box-shadow: 40px -30px 40px 0 rgba(0, 0, 0, 0.08);
    border-radius: 0 0px 0 0;
    float: left;
    font-size: 14px;
    line-height: 22px;
    min-height: 190px;
    padding: 25px 10px;
    font-weight: 300;
    margin-right: 20px;
    margin-top: -15px;
    background-color: #fff;
    position: relative;
    z-index: 99;
}

.recent-footer {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 30px;
    position: relative;
    text-align: left;
    color: #f57059;
    font-weight: 600;
    font-size: 12px;
    padding: 0 10px;
}

.blog-recent .column-1-3.cells {
    background-color: #fff;
    border: 1px solid #f7f7f7;
    margin-right: 0;
    padding: 20px;
    text-align: center;
    width: 33.3333%;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.blog-recent .column-1-3.cells:last-child {
   border-right: 0 none;
   margin-right: 0;
}

.blog-recent .column-1-3.cells:hover {
    background-color: #1a3761;
}

.blog-recent .column-1-3.cells:hover .title > a {
    color: #fff;
}

/* Team */

.member-content > h4 {
    color: #FFFFFF;
    font-family: 'open_sanslight',sans-serif;
    margin: 0px;
    line-height: 24px;
}

.job {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    padding: 0 5px;
    text-transform: uppercase;
}

.member-content {
    background: none repeat scroll 0 0 #4E4A71;
    left: 75px;
    opacity: 0;
    position: absolute;
    top: 25px;
    padding: 30px;
    width: 100%;
    min-width: 260px;
    max-width: 300px;
    z-index: 100;
    text-align: left;
}

.member-content:before {
    background: none repeat scroll 0 0 #4E4A71;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    content: "";
    height: 20px;
    left: -8px;
    position: absolute;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    width: 20px;
}

.member-close {
    left: 85%;
    position: absolute;
    top: 6px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.member-open {
    color: #5F5F5F;
    left: 61%;
    position: absolute;
    top: 70%;
}

.member-open .fa.fa-search.fa-3x {
    color: #5F5F5F;
    cursor: pointer;
}

.member-more {
    background: none repeat scroll 0 0 rgba(220, 220, 220, 0.8);
    border: 3px solid rgba(255, 255, 255, 0.5);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    height: 56px;
    padding-top: 6px;
}

.member-img {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    height: 290px;
    padding: 10px;
    width: 290px;
    color: transparent;
    margin: 0 auto;
}

.member-img > img, .member-img .image {
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    height: 100% !important;
    max-width: 290px !important;
    width: 100%;
    text-indent: 9999px;
    display: block;
}

.column-1-3 .member-img,
.column-1-4 .member-img {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    height: 190px;
    padding: 10px;
    width: 190px;
    color: transparent;
}

.column-1-3 .member-img > img,
.column-1-4 .member-img > img,
.column-1-3 .member-img .image,
.column-1-4 .member-img .image {
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    height: 100%;
    max-width: 190px;
    width: 100%;
    text-indent: 9999px;
    color: transparent;
}

.team-member {
    display: inline-block;
    margin-bottom: 30px;	
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    position: relative;
    width: 100%;
}

.team-member .description {
    border-bottom: 1px solid #DDDDDD;
    color: #FFFFFF;
    display: block;
    margin-top: 15px;
    padding-bottom: 15px;
}

.team-member .member-footer {
    margin: 0px;	
}

.team-member .member-footer a {
    font-size: 11px;
    margin: 0px 6px;
    color: #ffffff !important;
}

.member-footer {
    color: #ffffff;
}

/* Pricing */

.price-list-column.featured .berry-button {
    margin: 5px 0 20px
}

.price-list-column.featured h4 {

}

.price-list-column.featured h3 {
    position: relative;
}

.price-bottom {
    background: transparent url(images/price-bottom.png) no-repeat scroll top center;
    height: 50px;
    max-width: 440px;
    margin-bottom: 40px;
}

.price-list-column .fa-tiny {
    height: 16px;
    line-height: 18px;
    width: 20px;
}

.price-list-column:first-child {
    margin-left: 0 !important;
}

.price-list-column.featured .price-list-column-content {
    border-right: 0px solid #e4e4e4;
    border-left: 0px solid #e4e4e4;
    border-bottom: 0px solid #e4e4e4;
}

.price-list-column.featured {
    background-color: #fff;
    padding: 0 !important;
}

.price-list-column.featured ul li::before {
    background-color: #14b09c;
}

.price-list-column ul li::before {
    background-color: #64cef4;
    border-radius: 50px;
    height: 8px;
    left: 26px;
    position: absolute;
    top: 19px;
    width: 8px;
}

.price-list-column ul li {
    color: #293b4f;
    font-family: "Rubik";
    line-height: 18px;
    list-style: outside none none;
    padding: 11px 20px 11px 20px;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

.price-list-table { 
    margin-bottom: 30px;
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
}

.price-list-table:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.price-list-column {
    margin: 0 auto;
    max-width: 440px;
    padding: 0 5px;
    text-align: center;
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.15);
    background-color: #f7f7f7;
    border: 5px solid #fff;
    border-radius: 10px;
}

.price-list-column .price-list-column-content {
    padding: 0px 0px 20px 0px;
    width: 100%;
    position: relative;
}

.price-list-column.featured h3 .featured-description {
    background: #14b09c none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-family: "Rubik",sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 9px;
    padding: 5px;
    text-transform: uppercase;
}

.price-list-column h3 {
    color: #293b4f;
    font-family: "Rubik",sans-serif;
    font-weight: 800;
    line-height: 26px;
    margin: 0;
    padding: 30px 0 10px;
    text-transform: uppercase;
}

.price-list-column h4 {
    color: #293b4f;
    font-family: 'Rubik',sans-serif;
    font-size: 42px;
    line-height: 37px;
    margin-bottom: 40px;
    padding: 0;
}

.price-list-column h4 .currency-sign {
    font-family: 'Rubik',sans-serif;
    font-size: 22px;
    line-height: 22px;
    position: relative;
    right: 0;
}

.price-list-column .interval {
    color: #14b09c;
    font-family: "Rubik";
    font-size: 22px;
    font-weight: 800;
    padding: 8px;
    position: absolute;
    right: -5px;
    top: 18px;
    width: 150px;
}

.price-list-column ul {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 0 !important;
}

.price-list-table.five-cols .price-list-column {
    margin-left: 0.5%;
    width: 19.6%;
}

.price-list-table.four-cols .price-list-column {
   margin-left: 1.2%;
   width: 24.1%;
}

.price-list-table.three-cols .price-list-column {
    float: left;
    margin-left: 4%;
    width: 30.5%;
}

.price-list-table.two-cols .price-list-column {
   flex: 1 1;
}

.price-list-table .price-list-column {
    padding: 25px 0px 15px;
    position: relative;
    overflow: hidden;
}

#product-105 .price-list-column.left h3:before {
    background-image: url("images/umowa-najmu-left.png");
    width: 47px;
    height: 200px;
    position: absolute;
    content: "";
    right: 0;
    top: 37px;
}

#product-105 .price-list-column.right h3::before {
    background-image: url("images/umowa-najmu-right.png");
    width: 47px;
    height: 200px;
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
}

#product-99 .price-list-column.left h3:before {
    background-image: url("images/sklep-internetowy-left.png");
    width: 47px;
    height: 200px;
    position: absolute;
    content: "";
    right: 0;
    top: 37px;
}

#product-99 .price-list-column.right h3::before {
    background-image: url("images/sklep-internetowy-right.png");
    width: 47px;
    height: 200px;
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
}

#product-96 .price-list-column.left h3:before {
    background-image: url("images/licencje-left.png");
    width: 47px;
    height: 200px;
    position: absolute;
    content: "";
    right: 0;
    top: 37px;
}

#product-96 .price-list-column.right h3::before {
    background-image: url("images/licencje-right.png");
    width: 47px;
    height: 200px;
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
}

#product-108 .price-list-column.left h3:before {
    background-image: url("images/pracownicze-left.png");
    width: 47px;
    height: 200px;
    position: absolute;
    content: "";
    right: 0;
    top: 37px;
}

#product-108 .price-list-column.right h3::before {
    background-image: url("images/pracownicze-right.png");
    width: 47px;
    height: 200px;
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
}

#product-47 .price-list-column.left h3:before {
    background-image: url("images/rodo-left.png");
    width: 47px;
    height: 200px;
    position: absolute;
    content: "";
    right: 0;
    top: 37px;
}

#product-47 .price-list-column.right h3::before {
    background-image: url("images/rodo-right.png");
    width: 47px;
    height: 200px;
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
}

/* skill meter */

.bar_graph {
    text-align: left!important;
    margin: 0px!important;	
    list-style: none outside none !important;
}

.bar_graph li:last-child span {
	margin-bottom: 0px;
}

.bar_graph li .bar-wrap {
    background-color: #FFFFFF;
    margin-bottom: 13px;
}

.bar_graph li span { 
    position: relative;
    display: block;
    height: 15px;
    width: 0;
    background-color: #4E4A71;
}

.bar_graph li p {
	padding-bottom: 2px;
}

.bar_graph li span strong {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #FFFFFF;
    font-size: 12px !important;
    line-height: 14px;
    opacity: 0;
    padding: 0 3px;
    position: absolute;
    right: 0;
}

.bar_graph li span strong.full:after {
	left: 15px;
}

/* percent column graph */

ul.column-graph {
    border-bottom: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
    margin: 5px 0 !important;
    padding-top: 20px;
    padding-left: 0 !important;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 30%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.4) 70%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,0.4)), color-stop(50%,rgba(255,255,255,0.4)), color-stop(70%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 30%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 70%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 30%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 70%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 30%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 70%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 30%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 70%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.column-graph li {
    position: relative;
    display: inline-block;
    height: auto;
    vertical-align: top;
    float: left;
}

.column-graph.two-col li {
    width: 49.5%;
}

.column-graph.three-col li {
    width: 33%;
}

.column-graph.four-col li {
    width: 24.8%;
}

.column-graph.five-col li {
    width: 19.9%;
}

.column-graph.six-col li {
    width: 16.6%;
}

.column-graph.seven-col li {
    width: 14.2%;
}

.column-graph.eight-col li {
    width: 12.4%;
}

.column-graph.nine-col li {
    width: 11%;
}

.column-graph.ten-col li {
    width: 9.9%;
}

.column-graph.eleven-col li {
    width: 9%;
}

.column-graph.twelve-col li {
    width: 8.29%;
}

.column-graph li .column-container {
    background-color: rgba(0, 0, 0, 0.05);
    height: 300px;
    margin: 0 25%;
    position: relative;
    width: 50%;
}

.column-graph li span {
    background-color: #27CFC3;
    bottom: 0;
    display: block;
    height: 0px;
    position: absolute;
    width: 100%;
}

.column-percent {
    color: #FFFFFF;
    display: block;
    font-family: 'open_sansregular',sans-serif;
    text-align: center;
    width: 100%;
}

.column-graph h4 {
    font-family: 'open_sanslight',sans-serif;
    font-size: 16px;
    margin-top: 15px;
    padding: 5px;
    text-align: center;
}

/* Dynamic tabs */



.dynamic-tabs nav > ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	text-align: center;
}

.dynamic-tabs nav > ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.dynamic-tabs nav > ul li a {
	position: relative;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: visible;
	padding: 3em 0;
	line-height: 1;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	color: #6f451b;
	font-weight: 600;
	font-size: 18px;
}

.tabs nav a span {
	vertical-align: middle;
	font-size: 0.75em;
}

.dynamic-tabs nav > ul li a.current {
	color: #6f451b;
	z-index: 100;
	background: #fff;
	box-shadow: -1px 0 0 #fff;
}

.dynamic-tabs nav > ul li a:focus {
	outline: none;
}

.dynamic-tabs nav::before {
    background: #eeeeee none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -500px;
    position: absolute;
    width: 2000px;
}

.dynamic-tabs nav {
background: #eeeeee;
position: relative;
}

.dynamic-tabs nav > ul li a.current::after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	border-top-color: #fff;
	content: '';
	pointer-events: none;
}

.dynamic-tabs nav > ul li:first-child::before,
.dynamic-tabs nav > ul li::after {
	position: absolute;
	top: 20%;
	right: 0;
	z-index: -1;
	width: 1px;
	height: 60%;
	background: rgba(0,0,0,0.07);
	content: '';
}

.dynamic-tabs nav > ul li:first-child::before {
	right: auto;
	left: 0;
}

.tab-content {
    opacity: 0;
    padding: 40px 20px 20px;
    color: #7b7b7b;
    display: none;
}

.dynamic-tabs.light nav > ul li a {
    color: #ffffff;
}

.dynamic-tabs .clear {
    display: block!important;
    padding-bottom: 0px;
}

.dynamic-tabs nav > ul li a:hover {
	color: #ff521d;
}

/* toggles */

.border .toggle-title {
    border: 0 none;
}

.border .open .toggle-title > h5 {
    color: #4E4A71;
}

.border .toggle-title > h5 {
    color:  rgba(0, 0, 0, 0.5);
}

.light.border .toggle-title > h5 {
    color: rgba(255, 255, 255, 0.6);
}

.border .toggle-title .fa-arrow-circle-o-down {
    color: rgba(0, 0, 0, 0.5);
}

.light.border .toggle-title .fa-arrow-circle-o-down {
    color: rgba(255, 255, 255, 0.6);
}

.border .open .toggle-title .fa-arrow-circle-o-down {
    color: #4E4A71;
}

.toggle i {
    color: #14b09c;
    font-size: 18px;
    left: 0;
    line-height: 28px;
    position: absolute;
    top: 7px;
}

.toggle:not(.open) .toggle-title:hover h5 {
color: #e94e24 !important;
}

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

.toggles.light.border {
    margin-bottom: 15px;
}

.toggle {
    border: 1px solid #e7e7e7;
    background-color: #fff;
    padding: 5px 15px;
    margin-bottom: 15px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
}

.toggle-title {
    color: #353535;
        transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.toggle .berry-button.medium { margin-top:10px;}

.toggle-title .fa-arrow-circle-o-down {
    font-size: 25px;
    left: -5px;
    position: absolute;
    top: -3px;
    color: rgba(0, 0, 0, 0.25);
}

.fa.fa-arrow-circle-o-down.fa-2x {
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
}

.accordion .fa-arrow-circle-o-down {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.toggle-title {
    font-size: 14px;
    line-height: 28px;
    padding: 6px 14px 6px 27px;
    text-align: left;
    font-weight: 600;
}

.toggle-title > h5 {
    color: #747474;
    font-family: "Rubik",sans-serif;
    font-size: 12px;
    margin: 8px 0;
    text-transform: uppercase;
}

.toggle-content {
    display: none;
    font-size: 13px;
    line-height: 22px;
}

.toggle-title {
    position: relative;
}


/* icons */

.fa-6x {
    text-shadow: 1px 2px 6px #808080;
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    border-style: solid;
    border-width: 10px;
    color: rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-size: 70px;
    height: 180px;
    line-height: 155px;
    max-width: 100%;
    position: relative;
    text-align: center;
    transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -webkit-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    vertical-align: middle;
	width: 180px;
}

.circle-border {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    border-style: solid;
    border-width: 10px;
    box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    height: 180px;
    left: 0;
    position: absolute;
    width: 180px;
    z-index: -1;
}

.fa-6x .icon-shadow {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1) inset;
    height: 180px;
    left: -10px;
    max-width: none;
    position: absolute;
    top: -10px;
    width: 180px;
}

.inside-border {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.1);
    height: 160px;
    left: 10px;
    max-width: none;
    position: absolute;
    top: 10px;
    width: 160px;
}

/* headlinks */

.headline { 
    text-align: center;
    margin-bottom: 15px;
}

.headline.shadow-text {
    text-shadow: 1px 2px 6px #000000;
}

.headline > h2 {
    font-family: 'Rubik',sans-serif;
    font-size: 60px;
    padding-bottom: 20px;
    margin: 10px 0;
}

.headline.medium-text > h2 {
    font-family: 'Rubik',sans-serif;
    font-weight: 300;
    font-size: 48px;
    padding-bottom: 8px;
}

.headline.cell-full.bold-line.medium-text > h2 {
    margin-top: 3px;
}

.headline.cell-full.bold-line.big-text > h2 {
    margin: 4px 0 26px 0;
}

.headline.medium-text > p {
    font-size: 18px;
}

.headline.small-text > h2 {
    font-size: 38px;
    padding-bottom: 4px;
    margin-top: 5px;
}

.headline.cell-full.middle-line.big-text > h2{
    margin-bottom: 24px;
}

.headline.extra-small > h2 {
    font-size: 24px;
    margin-top: 13px;
    padding-bottom: 2px;
    line-height: 20px;
}

.headline.middle-line.extra-small > h2 {
    font-size: 24px;
    padding-bottom: 0px !important;
    line-height: 18px;
    margin-top: 12px;
}

.headline.extra-small > p {
    font-size: 13px;
    font-family: 'Rubik',sans-serif;
}

.headline.small-text > p {
    font-size: 14px;
    font-family: 'Rubik',sans-serif;
}

.headline.extra-small.bold > h2 {
    font-size: 22px;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    line-height: 35px;
    margin: 10px 0 0;
}

.headline.small-text.bold > h2 {
    font-size: 45px;
    letter-spacing: 0;
    padding: 0px;
    margin-bottom: 0px;
}

.headline.medium-text.bold > h2 {
    font-size: 60px;
    letter-spacing: 0;
    padding-bottom: 5px;
}

.headline.big-text.bold > h2 {
    font-size: 90px;
    letter-spacing: 0;
}

.headline.bold > h2 {
    line-height: 62px;
    font-family: 'Rubik',sans-serif;
    font-weight: 700;
    font-size: 90px;
    letter-spacing: -3px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.headline.bold > p {
    color: #888888;
    font-family: 'Rubik',sans-serif;
}

.headline > p {
    font-size: 30px;
    font-family: 'Rubik',sans-serif;
    font-weight: 300;
}

.middle-line .headline-border {
    border-top-style: solid;
    border-top-width: 1px;
    position: relative;
    top: 23px;
    clear: both;
}

.headline.middle-line > h2 {
    background: none repeat scroll 0 0 #E9E9E9;
    display: inline-block;
    position: relative;
    padding: 0 20px;
    margin-top: 2px;
}

.bold-line .headline-border {
    border-top-style: solid;
    border-top-width: 3px;
    position: relative;
    top: 26px;
    clear: both;
}

.headline.bold-line > h2 {
    background: none repeat scroll 0 0 #E9E9E9;
    color: rgba(255, 255, 255, 0.6);
    display: inline-block;
    position: relative;
    padding: 0 20px;
}

.headline.bold-line > p {
    color: #999999;
}

/* Dynamic BG menu */

.dynamic-img-menu {
    width: 100%;
    clear: both;
}

.dynamic-bg-menu  {
    background-position: center center;
    height: 200px;
    overflow: hidden;
}

.bg-menu-title {
    line-height: 22px;
    padding: 15px;
    text-align: center;
    margin-top: -70px
}

/* Dividers */

.divider {
    height: 40px;
    clear: both;
}

.divider-small {
    height: 10px;
    clear: both;
}

.divider-shadow-border {
    background: rgba(0, 0, 0, 0) url("images/border-transp.png") repeat-x scroll left bottom;
    height: 20px;
    margin-bottom: 40px;
    clear: both;
}

.divider-solid-border {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 5px;
    margin-bottom: 40px;
    clear: both;
}

.divider-border {
    margin: 0px 0px 35px 0px;
    height: 35px;
    border-bottom: 1px solid #ddd;
    clear: both;
}

.divider-thick-border {
    margin: 0px auto 20px auto;
    width: 70%;
    height: 20px;
    border-bottom: 1px solid #ddd;
    clear: both;
}

/* buttons */

.berry-button.small {
    border: medium none;
    border-radius: 50px;
    color: #E3FFEC;
    cursor: pointer;
    font-family: "Rubik",sans-serif;
    font-size: 12px;
    margin: 5px 0;
    padding: 4px 17px 4px 19px;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    background: #28745B;
    position: relative;
    overflow: hidden;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.berry-button.small:hover {
    background-color: #21201F;
}

.berry-button.medium, input[type="submit"] {
    border: medium none;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-family: "Rubik",sans-serif;
    font-size: 12px;
    margin: 5px 0;
    padding: 6px 20px;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    background: #28745B;
    position: relative;
    overflow: hidden;
    font-weight: 600;
    text-transform: uppercase;
  }

  .berry-button.large svg path {
    transition: all .3s ease-in-out;
  }

  .berry-button.medium:hover {
    background-color: #FBB57B;
    color: #21201F;
    opacity: 1;
  }

  .berry-button.medium:hover svg path {
    fill: #21201F;
  }

.berry-button.rose-shadow,
.price-list-table .berry-button.medium.white {
    box-shadow: 0 3px #dc1959;
}

.berry-button.rose-shadow:hover,
.price-list-table .berry-button.medium.white:hover {
    box-shadow: 0 3px #fbfbfb;
}

.berry-button.large {
    display: inline-flex;
    padding: 10px 24px 10px 38px;
    justify-content: center;
    align-items: center;
    gap: 19px;
    border-radius: 50px;
    background: #21201F;
    color: #F8F7F5;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    transition: all .3s ease-in-out;
}


.berry-button.large svg path {
    transition: all .3s ease-in-out;
  }

.berry-button.large:hover {
    opacity: 1;
    background-color: #F5735C;
    color: #21201F;
}

.berry-button.large:hover svg path {
    fill: #21201F;
    stroke: #21201F;
  }

/* full section */

.full-width-section {
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    position: relative;
    display: table;
    clear: both;
}

.full-width-section.centered {
    text-align: center;
}

.full-width-section.centered .column-1-2,
.full-width-section.centered .column-1-4,
.full-width-section.centered .column-3-4,
.full-width-section.centered .column-1-3,
.full-width-section.centered .column-2-3 {
    float: none;
    margin: 0 auto;
}

.centered-content {
    margin: 0 auto;
    max-width: 1408px;
}

html:not(.js) .full-width-section {
    visibility: visible;
}

.full-width-section.parallax_section {
    background-attachment: fixed;
    position: static;
    overflow: hidden;
}

.repeat-bg {
    -moz-background-size: auto!important;
    background-size: auto!important;
    -webkit-background-size: auto!important;
}

/* Full section rotated */

.full-width-section-rotated {
    padding-bottom: 60px;
    padding-top: 60px;
}

.full-width-section.rotate {
    z-index: 1;
}

/* moving images */

img.animated-image {
    opacity: 0;
    position: relative;
    margin-bottom: -6px
}

.image-holder img.animated-image {
    height: 100%
}

html:not(.js) img.animated-image  {
	opacity: 1;
}

img.animated-image[data-moving="slide-from-bottom"] {
	bottom: -30%;
}

img.animated-image[data-moving="slide-from-top"] {
	top: -30%;
}

img.animated-image[data-moving="slide-from-left"] {
	left: -30%;
}

img.animated-image[data-moving="slide-from-right"] {
	right: -30%;
}

.animated-image.padded[data-moving="slide-from-left"] {
    padding-right: 2.2%
}

.animated-image.padded[data-moving="slide-from-top"] {
    padding-bottom: 2.2%
}

.animated-image.padded[data-moving="slide-from-bottom"] {
    padding-top: 2.2%
}

.animated-image.padded[data-moving="slide-from-right"] {
    padding-left: 2.2%
}

.animated-image.padded[data-moving="fade"] {
    padding: 0 2.2%
}

/*-------------------------------------------------------------------------*/
/*	12.	Social Icons                                                
/*-------------------------------------------------------------------------*/

.icon-header-sl:hover {
    -webkit-transition: background 0.3s ease-in-out 0s;
    -moz-transition: background 0.3s ease-in-out 0s;
    -o-transition: background 0.3s ease-in-out 0s;
    transition: background 0.3s ease-in-out 0s;
}   

.icon-header-sl.fa-twitter:hover {
    color: #1bb2e9 !important;
}

.icon-header-sl.fa-facebook:hover {
    color: #3c599b !important;
}

.icon-header-sl.fa-pinterest {
    color: #cb2028 !important;
}

.icon-header-sl.fa-linkedin:hover {
    color: #0073b2 !important;
}

.icon-header-sl.fa-youtube:hover {
    color: #dd291f !important;
}

.icon-header-sl.fa-instagram:hover {
    color: #256289 !important;
}

/*-------------------------------------------------------------------------*/
/*	13. Search Form & Text-Section                  
/*-------------------------------------------------------------------------*/

input[type="image"], input[id="searchsubmit"] {
    border: 0px none !important;
}

form#searchform .fa-search {
    font-size: 15px;
    margin: 0 12px;
    position: absolute;
}

.text-section-container {
    min-height: 32px;
    margin: 0 auto;
    max-width: 1408px;
    width: 100%;
    border-bottom: none;
}

header.main.f .text-section-container {
    border-bottom: 1px solid #a1a1a1;
    max-width: 100%;
}

.icon-header.icon-info-circle {
    color: #000000;  
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    background-color: transparent !important; 
    font-size: 12px !important;
    height: 20px !important;
    line-height: 24px !important;
    max-width: 100% !important;
    width: 0px !important;
    display: inline;
    padding-right: 5px;
}

.text-section .icon-header {
    font-size: 12px;
    color: #a1a1a1;
    display: inline-block;
    margin-top: -6px;
}

#top-section-f .text-section .icon-header {
    margin-top: 1px;
}

#top-section-f .text-section .fa-search {
    margin-top: 10px;
}

.text-section span {
    padding: 0 5px;
    font-family: 'open_sansregular',sans-serif;
}

.text-section {
    margin-right: 10px;
    float:left;
    line-height: 28px;
}

.info-header {
    display: block;
    float: right;
    padding-top: 12px;
    margin-left: 12%;
    width: 40%;
    padding-top: 19px;
}

.info-header .address-text span {
    color: #0d0d0d;
    font-weight: 600;
    display: block;
    line-height: 40px;
}

.random-text a {
    color: #0d0d0d;
    font-weight: 600;
}

.info-header .address-text {
    background: url("images/place.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float: right;
    height: 43px;
    padding-left: 30px;
}

.info-header .random-text {
    background: url("images/mail.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float: right;
    height: 43px;
    line-height: 40px;
    padding-left: 30px;
    margin-left: 40px;
}

.phone-number {
    float: left;
     width: 100%;
     text-align: left;
}

.panel-button {
    display: inline-block;
    padding-right: 24px;
    float: right;
    margin-top: 4px;
}

header.main.c .panel-button {
    background: transparent;
}

.header-social {
    float: left;
}

header.main.f .panel-button {
    border-left: 1px solid #A1A1A1;
    height: 33px;
    padding: 7px 10px;
    background: transparent;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -moz-border-radius: 0px;
}

.panel-button span {
    cursor: pointer;
}

header.main.d .social-section {
    background-color: #FBFBFB !important;
}

header.main.f .header-social {
    border-left: 1px solid #A1A1A1;
    margin-right: -4px;
}

header.main.f .header-social:last-child {
	border-right: 1px solid #A1A1A1;
	margin-right: -1px;
}

.fa.icon-header-sl {
    color: #d8d8d8;
    font-size: 20px;
    height: 35px;
    line-height: 34px;
    vertical-align: middle;
    width: 40px;
}

header.main.d .icon-header-sl {
    border: 1px solid #A1A1A1;
    color: #A1A1A1;
    line-height: 24px;
}

header.main.f .icon-header-sl {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #A1A1A1;
    font-size: 18px;
    height: 39px;
    line-height: 44px;
    width: 33px;
    border-radius: 0px;
	-webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -moz-border-radius: 0px;
}

header.main.f .icon-header.fa-search, header.main.f .panel-button #cart .cart-contents,
header.main.f .panel-button a, header.main.d .icon-header, header.main.f .panel-button .icon-header {
	color: #fff;
}

header.main.d .icon-header-sl:hover, header.main.f .icon-header-sl:hover, .panel-button a, header.main.c .icon-header.fa-search,
header.main.f .cart-contents, header.main.d .panel-button .icon-header, header.main.c .panel-button .icon-header,
header.main.c .icon-header {
    color: #898989;
}

.fa.icon-header.fa-search {
    color: #c5c5c5 !important;
}

.no-center-logo.clearfix {
    position: relative;
    margin: 0 auto;
    z-index: 1;
    max-width: 1408px;
}

.search-form {
    max-width: 390px;
}

#searchform-header {
    position: relative;
}

#searchinput-header {
    font-size: 12px;
    background: #fff;;
    display: inline-block;
    border: 2px solid #f4f4f4;
    height: 35px;
    color: #a1a1a1;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -moz-border-radius: 50px;
    width: 200px;
    padding: 0 35px 0px 15px;
}

header.main.c #searchinput-header {
    color: #949494;
}

header.main.d #searchinput-header {
    border: 1px solid #A1A1A1;
}

header.main.f #searchinput-header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-left: 1px solid #A1A1A1;
    height: 33px;
    border-radius: 0px;
	-webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -moz-border-radius: 0px;
}

.icon-header.fa-plus,
.icon-header.fa-shopping-cart {
    display: inline-block;
    padding-right: 5px;
}

.left-section {
    border-top: 1px solid #A1A1A1;
    height: 0;
    position: absolute;
    margin-top: 13px;
    -webkit-margin-before: 12px;
    margin-left: -7%;
    width: 280px;
    z-index: -1;
}

.left-social {
    border-top: 1px solid #A1A1A1;
    display: inline-block;
    height: 6px;
    width: 10px;
    margin-left: -4px;
}
				
#search-form #searchinput {
    float: none !important;
    background: none;
    border: none;
    margin: 0px 7px 0 35px;
    width: 114px;
    padding: 2px !important;
    font-size: 12px;
    color: #a3a3a3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    position: absolute;
}

.icon-header.fa-search {
    height: 35px;
    padding: 10px;
    position: absolute;
    right: 5px;
}

#search-form #searchsubmit {
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: none;
    height: 17px;
    margin-left: 10px;
    margin-top: 2px;
    position: absolute;
    text-indent: -99999px;
    width: 14px;
    background-image: url(images/zoom.png);
    background-repeat: no-repeat;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {	
#search-form #searchsubmit {
	background-size: 14px 17px;
	background-image: url(images/zoom@2x.png);
}
}

/*-------------------------------------------------------------------------*/
/*	14.	Berry Slider                                                 
/*-------------------------------------------------------------------------*/

/* Navigation */

.flex-direction-nav {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

ul.slides {
    list-style: none outside none;
    margin: 0;
    padding-left: 0 !important;
}

ul.slides:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.home .flex-prev, .page-template-page-berry-slider-php .flex-prev {
    border-color: rgba(255, 255, 255, 0.95);
    border-style: solid;
    border-width: 2px 2px 2px 0;
    height: 85px;
    position: relative;
    width: 65px;
    float:left;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.angle-left {
	border-color: rgba(255, 255, 255, 0.95);
    border-style: solid;
    border-width: 0 0 2px 2px;
    color: #FFFFFF;
    content: "";
    display: block;
    height: 40px;
    left: 28px;
    position: absolute;
    top: 22px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 40px;
}

.right-direction {
    color: #FFFFFF;
    font-size: 62px;
    height: 81px;
    line-height: 76px !important;
    padding-right: 40px;
    position: absolute;
    text-align: center;
    width: 100px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.left-direction {
    color: #FFFFFF;
    font-size: 62px;
    height: 84px;
    line-height: 76px !important;
    position: absolute;
    text-align: center;
    width: 65px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.left-direction:hover {
    color: #4E4A71;
    padding-left: 45px;
    width: 100px; 
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.right-direction:hover {
    color: #4E4A71;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.home .flex-next, .page-template-page-berry-slider-php .flex-next {
    border-color: rgba(255, 255, 255, 0.95);
    border-style: solid;
    border-width: 2px 0 2px 2px;
    height: 85px;
    position: relative;
    width: 65px;
    float: right;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.home .flex-next:hover, .home .flex-prev:hover,
.page-template-page-berry-slider-php .flex-next:hover, .page-template-page-berry-slider-php .flex-prev:hover {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    width: 105px;
}

.angle-right {
    border-color: rgba(255, 255, 255, 0.95);
    border-style: solid;
    border-width: 2px 2px 0 0;
    color: #FFFFFF;
    content: "";
    display: block;
    height: 40px;
    left: 2px;
    margin: 12px 12px 12px 0;
    position: absolute;
    top: 8px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 40px;
}

.angle-right:hover {
    border-color: #4E4A71 
}

.icon-home-slider {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6) !important;
    border: 1px solid #A1A1A1;
    color: #A1A1A1;
    font-size: 24px;
    height: 45px;
    line-height: 40px !important;
    width: 45px;
    -webkit-transition: background 0.3s ease-in-out 0s;
    -moz-transition: background 0.3s ease-in-out 0s;
    -o-transition: background 0.3s ease-in-out 0s;
    transition: background 0.3s ease-in-out 0s;
    -webkit-border-radius: 50px; 
    -moz-border-radius: 50px; 
    -o-border-radius: 50px; 
    border-radius: 50px;
}

.home .flex-direction-nav li, .page-template-page-berry-slider-php .flex-direction-nav li {
    position: relative;
    z-index: 8;
}

/* slider */

.flexslider {
	overflow: hidden; 
	height: 650px;
	margin: 0 auto;
	position: relative;
}

.flexslider .slides {
	margin: 0 auto;
	overflow: hidden;
}

.flexslider .flex-direction-nav {
    margin: auto 0;
    top: 37%;
    position: absolute;
}

.flexslider .flex-control-nav {
    position: relative;
}

.flexslider .attachment-full.wp-post-image { text-indent: -9999px; }

.featured-game{
	display: none;
	position: relative;
	z-index: 1;
	font-family: sans-serif;
}

.caption .berry-button {
    float: right;
}

.featured-game .caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 15px;
    color: #FFFFFF;
    font-size: 14px;
    height: auto;
    line-height: 18px;
    padding: 10px;
    position: absolute;
    right: 2%;
    width: 96%;
    z-index: 2;
}

.featured-game .game-title {
	font-size: 22px;
	font-weight: 600;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
}

.featured-game a:visited {
	color: #fff;
}

.attachment-full.wp-post-image {
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    width: 100%;
    background-position: center center;
}

/* Control Nav */

.flex-control-nav {
    background: none repeat scroll 0 0 #4E4A71;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.25);
    height: 40px;
    left: 25%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 26px;
    width: 50%;
}

.flex-control-nav li {
    background: none repeat scroll 0 0 #4E4A71;
    border: 3px solid rgba(255, 255, 255, 0.25);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -moz-border-radius: 20px;
    display: inline-block;
    height: 30px;
    margin: 0 6px;
    position: relative;
    top: 4px;
    width: 30px;
    z-index: 1;
}
 
.flex-control-paging li a {
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    cursor: pointer;
    display: block;
    height: 24px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 24px;
}

.flex-control-paging li a:hover { 
	background: rgba(0,0,0,0.5); 
}

.flex-control-paging li a.flex-active {
    background: none repeat scroll 0 0 #FFFFFF;
    cursor: default;
    margin-top: 0;
}

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

#project-list { 
	margin-top: 15px; 
	display: block;
}

.flex-control-paging {
    display: inline-block;    
}

.flex-control-paging:before, .flex-control-paging:after {
    border-top: 20px solid rgba(255, 255, 255, 0.25);
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 0;
}

.flex-control-paging:after {
   right: 0;  
   left: auto; 
}

/*-------------------------------------------------------------------------*/
/*	15.	Rotated Content                                               
/*-------------------------------------------------------------------------*/

.rotate-container {
    height: 40px;
    margin-bottom: -10px;
    margin-top: -15px;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    width: 3000px;
    z-index: 1;
}

.rotate-container.left.side {
    margin-top: -75px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
}

.rotate-container-top {
    height: 25px;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    width: auto;
    z-index: 1;
    position: absolute;
}

.rotate-container-top.left.side,
.rotate-container-top.both.sides {
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
}

.rotate-content-top {
    height: 80px;
    margin-top: -15px;
    margin-left: -500px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    width: 3000px;
    z-index: 1;
}

.left.side .rotate-content-top,
.both.sides .rotate-content-top {
    margin-top: -55px;
}

.rotate-content {
    height: 85px;
    margin-bottom: -55px;
    margin-left: -500px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    width: 3000px;
    z-index: 1;
}

.left.side .rotate-content {
    height: 95px;
    margin-bottom: 55px;
}

/*-------------------------------------------------------------------------*/
/*	16.	          Blog Pagination                                    
/*-------------------------------------------------------------------------*/

/* pagination */

#pagination {
    display: inline-block;
    width: 100%
}

#pagination .prev, #pagination .next {
    display: inline-block;
    margin-right: 5px;
}

#pagination li {
    display: inline;
}

#pagination span, #pagination a, #pagination .next.inactive, #pagination .prev.inactive {
    background-color: rgba(0, 0, 0, 0.2);
    color: #FFFFFF !important;
    display: inline-block;
    font-family: 'open_sansregular',sans-serif;
    font-size: 14px;
    padding: 7px 14px;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #4E4A71;
    color: #FFFFFF !important;
    display: inline-block;
    font-family: 'open_sansregular',sans-serif;
    font-size: 14px;
    padding: 7px 14px;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    opacity: 0.6;
}

.navigation li a:hover,
.navigation li.active a {
	opacity: 1;
}

/*-------------------------------------------------------------------------*/
/*	17.	Menu CSS                                                      
/*-------------------------------------------------------------------------*/

#cssmenu ul a:hover {
    border-color: #6b5363;	
}

header.main.f #cssmenu ul a:hover {
    background-color: rgba(0,0,0,0.1);
}

#header-top {
    padding-top: 8px !important;
    min-height: 42px;
}

#top-section-f {
    border-right: 1px solid #a1a1a1;
    max-width: 1408px;
    margin: 0 auto;
    height: 33px;
}

#cssmenu > ul > li > ul > li, 
#cssmenu > ul > li > ul > li > ul > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    width: 100%;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

#cssmenu > ul > li > ul > li > ul {
    left: 100%;
    top: 0;
}

#cssmenu {
    float: left;
}

.center-logo #cssmenu {
	float: none;
	margin: 0 auto;
	display: table;
}

#cssmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#cssmenu li {
	margin: 0;
	padding: 0;
}

#cssmenu > ul > li {
    display: inline-block;
    float: none;
    position: relative;
}

#cssmenu > ul > li::first-child {
	border-left: 0px none;
}

#cssmenu > ul > li > ul {
	opacity: 0;
	visibility: hidden;
	background-color: #fff;
	text-align: left;
	position: absolute;
	top: 55px;
	width: 205px;
	-webkit-transition: all .3s .1s;
	-moz-transition: all .3s .1s;
	-o-transition: all .3s .1s;
	transition: all .3s .1s;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
	z-index: 1;
}

#cssmenu > ul > li > ul a {
    color: #666 !important;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    padding: 15px 16px;
    text-align: left;
}

#cssmenu-content.e #cssmenu .menu > li > ul > li a {
    color: #777777;
}

#cssmenu .menu > li > ul > li.current_page_item a {
    background-color: rgba(255, 255, 255, 0.2);
}

#cssmenu .menu li ul li.current_page_item a {
    border-bottom: 0 none;
}


#cssmenu .menu > li > ul > li a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border: 0 none;
}

#cssmenu > ul > li:hover > ul {
	opacity: 1;
	top: 52px;
	visibility: visible;
}

.center-logo #cssmenu > ul > li:hover > ul {
    top: 44px;
    margin-top: 0 !important;
}

#main-navigation ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
}

#cssmenu > ul > li > ul:before {
	content: '';
	display: none;
	border-color: transparent transparent #fafafa transparent;
	border-style: solid;
	border-width: 10px;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -10px;
}

#cssmenu ul > li {
	position: relative;
}

#menu-glowne a {
    color: #fff;
    display: block;
    font-family: "Rubik",sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

#cssmenu ul ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	padding: 0px;
	background-color: rgba(78, 74, 113, 0.98);
	text-align: left;
	min-width: 205px;
	width: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-box-shadow: 1px 1px 0 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 0 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 1px 1px 0 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 0 0px rgba(0, 0, 0, 0.1);
}

.submenu-left {
    right: 0;
}
.submenu2-left {
    left: -205px !important;
}

#cssmenu ul a:hover, #cssmenu li.current_page_item > a {
	opacity: 1;
}

ul#menu-main > li > ul > li.menu-item-has-children:after {
    background-image: url(images/arrow-submenu.png);
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 22px;
    top: 39%;
    position: absolute;
    right: 10px;
    width: 12px;
    background-size: 6px 11px;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {	
	ul#menu-main > li > ul > li.menu-item-has-children:after {
		background-size: 6px 11px;
		background-image: url(images/arrow-submenu@2x.png);
	}	
}

#footer-menu { 
    display: inline-block;
    float: left;
}

#footer-menu .menu li ul {
    background: rgba(219, 219, 219, 0.95);
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

#footer-menu > ul > li > a {
	color: #a0a0a0;
	font-family: 'open_sansregular',sans-serif;
	font-size: 11px;
	line-height: 24px;
	padding: 15px 20px;
	-webkit-transition: color .15s;
	-moz-transition: color .15s;
	-o-transition: color .15s;
	transition: color .15s;
    text-transform: uppercase;
}

#footer-menu ul li ul li a {
    opacity: 1;
}

#footer-menu ul li ul li a:hover { 
    background: none repeat scroll 0 0 rgba(78, 74, 113, 0.8);
}

#footer #footer-menu ul li ul li ul {
    margin-left: 100%;
}

#footer-menu a:hover {
    opacity: 0.8;
}

#footer-menu a {
    opacity: 1;
}

#footer-menu ul li ul li {
    border: none; 
    width: 100% !important; 
    padding: 3px 0px;
    z-index:1;
}

#footer #footer-menu ul li {
    float: left; 
    width: auto;
    list-style: none outside none;
}

#footer-menu ul li a { 
    padding: 10px 10px;
}

#footer-menu ul li ul, #footer-menu:hover ul li ul, #footer-menu:hover ul li:hover ul li ul { 
    display:none;
    list-style-type:none; 
    min-width: 160px;
}

#footer-menu:hover ul, #footer-menu:hover ul li:hover ul, #footer-menu:hover ul li:hover ul li:hover ul { 
    display:block;
}

#footer-menu:hover ul li:hover ul li:hover ul { 
    position: absolute;
    margin-left: 85px;
    margin-top: -32px;
    font: 10px;
}

#footer-menu:hover ul li:hover ul { 
    position: absolute;
    margin-top: 1px;
    font: 10px;
}

#footer-menu > ul > li:hover > ul { 
    bottom:100%;
}

/*-------------------------------------------------------------------------*/
/*	18. Icon Font                                                
/*-------------------------------------------------------------------------*/

@font-face {
	font-family: 'thin-arrows';
	src:url('framework/font-icon/fonts/thin-arrows.eot');
	src:url('framework/font-icon/fonts//thin-arrows.eot?#iefix') format('embedded-opentype'),
		url('framework/font-icon/fonts/thin-arrows.ttf') format('truetype'),
		url('framework/font-icon/fonts/thin-arrows.woff') format('woff'),
		url('framework/font-icon/fonts/thin-arrows.svg#thin-arrows') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="arrow-"], [class*=" arrow-"] {
	font-family: 'thin-arrows';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.arrow-arrow-thin-left:before {
	content: "\e600";
}

.arrow-arrow-left:before {
	content: "\e601";
}

.arrow-arrow-thin-right:before {
	content: "\e602";
}

.arrow-arrow-right:before {
	content: "\e603";
}

@font-face {
	font-family: 'glassy';
	src:url('framework/font-icon/fonts/glassy.eot');
	src:url('framework/font-icon/fonts/glassy.eot?#iefix') format('embedded-opentype'),
		url('framework/font-icon/fonts/glassy.woff') format('woff'),
		url('framework/font-icon/fonts/glassy.ttf') format('truetype'),
		url('framework/font-icon/fonts/glassy.svg#glassy') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class*="glassy-"] {
	font-family: 'glassy';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glassy-arrow-right:before {
	content: "\40";
}

.glassy-arrow-thin-left:before {
	content: "\23";
}

.glassy-arrow-left:before {
	content: "\24";
}

.glassy-arrow-thin-right:before {
	content: "\25";
}

.glassy-book:before {
	content: "\21";
}

.glassy-date:before {
	content: "\5e";
}

@font-face {
	font-family: 'icomoon';
	src:url('framework/font-icon/fonts/icomoon.eot');
	src:url('framework/font-icon/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('framework/font-icon/fonts/icomoon.woff') format('woff'),
		url('framework/font-icon/fonts/icomoon.ttf') format('truetype'),
		url('framework/font-icon/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */

/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="fa-"] {
*/

.icon-double-arrow-thin-right, .icon-double-arrow, .icon-double-arrow-bold, .icon-double-arrow-thin, .icon-double-arrow-bold-right, .icon-double-arrow-right, .icon-date, .icon-book {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icon-double-arrow-thin-right:before {
	content: "\21";
}

.icon-double-arrow:before {
	content: "\2e";
}

.icon-double-arrow-bold:before {
	content: "\e001";
}

.icon-double-arrow-thin:before {
	content: "\2c";
}

.icon-double-arrow-bold-right:before {
	content: "\22";
}

.icon-double-arrow-right:before {
	content: "\23";
}

.icon-book:before {
	content: "\e600";
}

.icon-date:before {
	content: "\e601";
}

/*-------------------------------------------------------------------------*/
/*	20.	WooCommerce                                                  
/*-------------------------------------------------------------------------*/

/* shop */

#order_review {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

select {
    background-color: #fff;
    border: 0 solid #eaeaea !important;
    box-shadow: none;
    color: #000;
    font-family: "Rubik",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    padding: 16px !important;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 24px;
    min-height: 72px;
    padding: 5px 20px;
}

.prod-overflow {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 5px;
}

.products .price-welcome {
    position: absolute;
    top: -18px;
    font-size: 16px;
    opacity: 0.7;
}

#product_bg {
    position: absolute;
    left: 0;
    top: -40px;
}

.products .price-description {
    display: none;
    margin-top: 35px;
    padding: 0 40px;
}

.products .woocommerce-Price-amount.amount {
    font-size: 48px;
    font-weight: 800;
}

.woocommerce a.added_to_cart {
    display: none !important;
}

.product-icon.fa-tags {
    font-size: 60px;
    height: 60px;
    line-height: 0px;
    opacity: 0;
    top: 50%;
    width: 60px;
    z-index: 1;
    color: #6D6D6D;
}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: right;
    margin: 0 0 35px;
}

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
    margin-right: 0 !important;
}

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    color: #888888;
    display: inline-block;
    float: left;
    margin-top: 18px;
}

.type-product h1 {
    display: block;
    width: 100%;
}

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img, .facetwp-template li.product a img,
.carousel-outer a img {
    max-width: 290px;
    margin: 0 auto;
    height: 200px;
    width: auto;
    display: block;
}

.woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img {
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    display: block;
    height: auto;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    width: 100%;
}

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price  {
    color: #293b4f;
    display: block;
    font-family: "Rubik",sans-serif;
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    padding: 8px 0;
    text-align: center;
    line-height: 20px;
    position: relative;
    min-height: 65px;
}

.woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price {
    display: inline-block;
    position: relative;
    z-index: 99;
    color: #F5735C;
    font-size: 30px;
    font-weight: 600;
    line-height: 24px;
}

.woocommerce div.product p.stock, .woocommerce-page div.product p.stock, .woocommerce #content div.product p.stock, .woocommerce-page #content div.product p.stock {
    color: #888;
    font-weight: normal;
    line-height: 37px;
    text-transform: uppercase;
}

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty {
    background: transparent;
    color: #21201F;
    font-size: 20px;
    font-weight: 600;
    height: 32px;
    padding: 0;
    width: 20px;
    border: 0 none;
}

.reset_variations {
    background: #f9f9f9 none repeat scroll 0 0;
    color: #000;
    display: none !important;
    float: right;
    font-family: "Rubik";
    font-size: 14px !important;
    font-weight: 600;
    padding: 10px 15px;
    text-align: center;
    width: 21%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.reset_variations:hover {
    background: none repeat scroll 0 0 #666;
    color: #FFFFFF;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.woocommerce div.product form.cart .variations, .woocommerce-page div.product form.cart .variations, .woocommerce #content div.product form.cart .variations, .woocommerce-page #content div.product form.cart .variations {
    margin-top: 20px;
	margin-bottom: 30px;
}

.cart_totals .total {
    background: none repeat scroll 0 0 #FFFFFF;
    text-transform: uppercase;
    font-size: 13px;
}

.cart_totals .total .amount {
    font-size: 15px;
    font-family: 'open_sanssemibold',sans-serif;
}

.cart_totals strong {
    font-weight: 700;
}

.woocommerce div.product form.cart .variations label, .woocommerce-page div.product form.cart .variations label, .woocommerce #content div.product form.cart .variations label, .woocommerce-page #content div.product form.cart .variations label {
    color: #888;
    font-family: "Rubik",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 45px;
    text-transform: uppercase;
}

.woocommerce .quantity, .woocommerce-page .quantity, .woocommerce #content .quantity, .woocommerce-page #content .quantity {
    width: auto;
    border-radius: 5px;
    display: flex;
    align-items: center;
    margin: 0 !important;
    background: #E7EFED;
}

.woocommerce table .product-quantity .quantity {
    margin-left: 0 !important;
}

table .product-quantity {
    max-width: 87px;
}

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

input.qty, input.amount_needed {
    -moz-appearance: textfield;
}

.woocommerce .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce #content .quantity .minus, .woocommerce-page #content .quantity .minus, .woocommerce .quantity .plus, .woocommerce-page .quantity .plus, .woocommerce #content .quantity .plus, .woocommerce-page #content .quantity .plus  {
    background: transparent;
    border: 0 none !important;
    color: #21201F;
    font-size: 16px !important;
    font-weight: 600;
    height: 43px;
    position: relative;
    width: 36px;
    margin-top: -3px;
    cursor: pointer;
	border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
}

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
    font-size: 20px;
    margin: 0;
    padding: 15px 0;
    text-align: center;
}

.woocommerce span.onsale, .woocommerce-page span.onsale, .products .onsale, .carousel-outer .onsale {
    background: #1a1079;
    border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    padding: 4px 8px;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: 13px !important;
    width: 120px;
    z-index: 99;
    left: 50%;
    margin-left: -130px;
    min-height: 36px;
    font-weight: 600;
    text-transform: uppercase;
}

li.product a {
    position: relative;
}

li.product a .onsale {
    left: 50%;
    margin: 0 0 0 -60px;
    top: 0px !important;
    font-size: 14px;
    width: 120px;
    height: 26px;
    min-height: unset;
    line-height: 16px;
}

.woocommerce div.product p.price del, .woocommerce div.product span.price del {
    display: block;
    font-size: 16px;
    float: left;
    width: 100%;
    margin-top: -30px;
}

.woocommerce .star-rating, .woocommerce-page .star-rating {
    color: #4E4A71;
    float: right;
    font-family: 'star';
    font-size: 1em;
    height: 20px;
    left: 0;
    line-height: 1em;
    overflow: hidden;
    position: relative;
    width: 5.4em;
}

.pp_woocommerce .comment-form input,
.pp_woocommerce .comment-form textarea {
    margin-top: 5px;
}

.related.products > h2, .accesories > h2 {
    margin-bottom: 35px;
    text-align: center;
}

ul.products li.type-product .star-rating {   
    left: 38%;
}

.comment-text .star-rating {
    left: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before {
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel {
    padding: 26px;
    border: 2px solid #E7EFED;
    border-radius: 15px;
}

.woocommerce #review_form #respond textarea {
    border: 4px solid #f5f5f5;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
    border: none;
}

.woocommerce-tabs h2,
.woocommerce-product-details__short-description h2 {
    font-size: 26px;
    margin-bottom: 30px;
    display: none;
}

.woocommerce-tabs h3 {
    color: #1D634D;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar {
    background: none repeat scroll 0 0 #BABABA;
    border: 0 none;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    float: left;
    height: auto;
    left: 0;
    line-height: 1;
    margin: 0;
    padding: 3px;
    position: absolute;
    top: 10px;
    width: 50px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 0 none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -o-border-top-left-radius: 0;
    -o-border-top-right-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    display: block;
    margin: 0;
    padding: 12px 14px;
    position: relative;
    z-index: 0;
    width: 50%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    color: #f57059;
    font-size: 20px;
}

.woocommerce-tabs ul.tabs.wc-tabs {
    display: none;
}

.woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th {
    border-bottom: 0 none;
    border-top: 0 none;
    font-weight: normal;
    line-height: 35px;
    margin: 0;
    padding: 0;
    width: 150px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
    color: #f57059 !important;
    display: inline-block;
    font-weight: normal;
    padding: 0;
    text-decoration: none;
    text-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a {
    color: #4E4A71;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after {
    display: none;
}

.woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes {
    border-width: 0;
    margin-bottom: 0;
    width: 100%;
}

.woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td {
    border-bottom: 0
}

.woocommerce table.shop_attributes .alt td, .woocommerce-page table.shop_attributes .alt td, .woocommerce table.shop_attributes .alt th, .woocommerce-page table.shop_attributes .alt th {
    background: transparent;
}

.meta > strong, .meta > time {
    color: #5E5E5E;
    font-family: 'open_sanslight',sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.woocommerce #reviews #comments .commentlist > li:before, .woocommerce-page #reviews #comments .commentlist > li:before {
    content: "";
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
}

.woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li {
    margin: 20px 0 0;
}

.widget.woocommerce .widget-content {
	padding: 14px;
    border: 1px solid #bababa;
    border-top: 0 none;
}

.widget_product_search {
    min-height: 185px !important;
}

.widget_product_search #searchform input {
    margin-top: 5px;
}

/* shorty */

.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product {
    width: 33.33%;
}

.widget_random_products .widget-content {
    padding: 0;
}

.woocommerce ul.cart_list li, .woocommerce-page ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li  {
    border-bottom: 1px solid #e1e1e1;
    list-style: none outside none;
    margin: 0;
    padding: 0px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img {
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    float: left;
    height: auto;
    margin: 0 35px 0 0;
    width: 69px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
    background: none repeat scroll 0 0 #4E4A71;
    border: 0 none;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    height: 12px;
    outline: 0 none;
    position: absolute;
    top: -3px;
    width: 12px;
    z-index: 2;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
    background: none repeat scroll 0 0 #888888;
    border: 0 none;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7) inset;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7) inset;
    -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7) inset;
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7) inset;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: none repeat scroll 0 0 #4E4A71;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text {
    background: #fff;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    margin: 0 0 0 70px;
	padding: 10px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text:after, .woocommerce-page #reviews #comments ol.commentlist li:after {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    content: "";
    height: 16px;
    left: 63px;
    position: absolute;
    top: 25px;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    width: 16px;
    z-index: 0;
}

/* Cart */

#cart {
  width: 47px;
  height: 40px;
  display: inline-block;
}

#cart:hover .cart-inside {
  display: block;
}

.cart-inside {
  margin-top: -700px;
}

.hidden {
  visibility: hidden;
}

.slider-widget .widget.woocommerce .widget-content {
    border: 0 none;
}

.woocommerce table.shop_table, .woocommerce-page table.shop_table {
    border: 0 none;
    border-collapse: separate;
    border-spacing: 0px 30px;
}

.woocommerce-page table.woocommerce-checkout-review-order-table {
    border-spacing: 0;
}

.woocommerce-page table.woocommerce-checkout-review-order-table td {
    padding: 15px 20px;
    color: #1a1a1a;
}

.woocommerce #podsumowanie-zakupow table.shop_table {
    border-spacing: 0px 30px;
    margin-bottom: 30px;
    padding: 0 30px;
}

.woocommerce .products ul, .woocommerce-page .products ul, .woocommerce ul.products, .woocommerce-page ul.products {
    margin: 0; 
}

.woocommerce nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination {
    margin-top: 40px;
}

.cart_table_item {
    background: #fff;
    box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1);
}

td.product-remove {
    width: 10px;
}

.woocommerce table.shop_table.cart th, .woocommerce-page table.shop_table.cart th,
.woocommerce-page table.woocommerce-checkout-review-order-table th {
    color: #1a1a1a;
    font-family: "Rubik";
    font-size: 17px;
    font-weight: 700;
    line-height: 18px;
    padding: 20px;
}

.woocommerce-page table.shop_table.cart .product-remove {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.woocommerce-page table.shop_table.cart th.product-remove {
    border-left: 1px solid #e1e1e1;
}

.woocommerce-page table.shop_table.cart th {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.woocommerce-page table.shop_table.cart .product-subtotal {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.woocommerce-page table.shop_table.cart th.product-subtotal {
    border: 1px solid #e1e1e1;
    border-left: 0 none;
}

.woocommerce-page table.shop_table.cart th.product-quantity {
    border: 1px solid #e1e1e1;
    text-align: center;
}

.woocommerce-page table.shop_table.cart th.product-subtotal {
    text-align: center;
}

.product-subtotal .woocommerce-Price-amount.amount {
    font-size: 24px;
    font-weight: 700;
}

.woocommerce table.shop_table.cart thead {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

.woocommerce-page table.shop_table.cart th.product-price, .woocommerce-page table.shop_table.cart td.product-price,
.woocommerce-page table.shop_table.cart th.product-quantity, .woocommerce-page table.shop_table.cart td.product-quantity {
    display: none;
}

td.product-name {
    font-size: 20px;
}

td.actions {
    padding: 0px !important;
}

td.product-name > a.tm-cart-edit-options {
    background-color: #14b09c;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-left: 20px;
    padding: 10px 20px;
}

td.product-name > a {
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 600;
}

.cart_totals > h2, .shipping_calcuRubikr > h2 {
    font-size: 24px;
    font-family: "Rubik";
    margin-bottom: 0;
    color: #1a1a1a;
    font-weight: 700;
    text-align: center;
    border-radius: 5px 15px 0 0;
    border: 1px solid #e1e1e1;
    border-bottom: 0 none;
    padding: 10px;
}

.cart_table_item .amount {
    color: #BBBBBB;
    font-family: 'open_sanssemibold',sans-serif;
    font-size: 13px;
}

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

.woocommerce-page #content div.product div.images img {
    max-width: 150px;
}

.woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary {
    width: 75%;
}

.woocommerce #content div.product form.cart, .woocommerce-page #content div.product form.cart {
    margin-top: 25px;
    margin-bottom: 50px;
}

.woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table {
    border-collapse: separate;
    border: 1px solid #e1e1e1;
    border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.woocommerce td.product-name dl.variation, .woocommerce-page td.product-name dl.variation {
    margin: 30px 0 0.5em;
}

.woocommerce td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dt {
    clear: left;
    float: left;
    font-weight: normal;
    margin: 0 0.25em 0 0;
    padding: 0;
}

.woocommerce table.cart img, .woocommerce-page table.cart img, .woocommerce #content table.cart img, .woocommerce-page #content table.cart img {
    height: 130px;
    vertical-align: middle;
    width: auto;
    mix-blend-mode: multiply;
}

.woocommerce table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail {
    min-width: 32px;
    text-align: center;
    width: 250px;
}

.woocommerce .cart-collaterals .shipping_calcuRubikr, .woocommerce-page .cart-collaterals .shipping_calcuRubikr {
    clear: left;
    float: left;
    margin: 0;
    text-align: right;
    width: 48%;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 330px;
}

.woocommerce-message .button {
    margin-bottom: 0;
}

.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {
    background: #f57059 none repeat scroll 0 0;
    border: medium none;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Rubik",sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin: 5px 0;
    padding: 15px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
    padding: 15px 30px;
}

td.product-name > a.tm-cart-edit-options:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover {
    background: #f57059 none repeat scroll 0 0;
    color: #fff;
    opacity: 1;
}

.woocommerce .coupon .button {
    background-color: #186049;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 20px;
}

.woocommerce #reviews h3 {
    margin: 25px 0;
}

.woocommerce #review_form #respond .form-submit input, .woocommerce a.button.alt, .woocommerce-page a.button.alt,
.woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt,
.woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt,
.product .owl-prev.button {
    border: medium none;
    border-radius: 50px;
    color: #21201F;
    cursor: pointer;
    display: inline-block;
    font-family: "Rubik",sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 20px 25px;
    text-transform: uppercase;
    background-color: #f57059;
}

.wc-proceed-to-checkout a.checkout-button {
    width: 100%;
}

.woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover {
    text-shadow: none;
    background: #28745b;
    opacity: 1;
}

.woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #e7efed;
	border-radius: 5px;
	box-shadow: none;
	color: #000000;
	font-size: 12px;
	height: 40px;
	margin-right: 20px;
	width: 56%;
	max-width: 200px;
	padding: 10px;
}

.woocommerce .checkout #shiptobilling label, .woocommerce-page .checkout #shiptobilling label {
    font-size: 12px;
}

.woocommerce #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img {
    margin: -2px 0 0 0.5em;
    position: relative;
    vertical-align: middle;
    width: 40px;
}

.woocommerce table.cart td.actions .coupon .input-text:focus, .woocommerce-page table.cart td.actions .coupon .input-text:focus, .woocommerce #content table.cart td.actions .coupon .input-text:focus, .woocommerce-page #content table.cart td.actions .coupon .input-text:focus { 
    border-color: #4e4a71;
    background: #FFF;
}

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

.woocommerce .quantity .plus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce #content .quantity .plus:hover, .woocommerce-page #content .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page .quantity .minus:hover, .woocommerce #content .quantity .minus:hover, .woocommerce-page #content .quantity .minus:hover {
    color: #f57059;
}

.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
    border-top: 0;
}

.woocommerce table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page #content table.cart a.remove {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    font-size: 35px;
    color: #888;
}

.woocommerce a.remove {
    color: #f57059 !important
}

.woocommerce table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover {
    color: #000 !important;
    background-color: #fff;
}

.woocommerce .cart-collaterals .shipping_calcuRubikr .button, .woocommerce-page .cart-collaterals .shipping_calcuRubikr .button {
    margin: 25px auto 0;
    width: 99%;
}

.container.main-content .woocommerce {
    margin: 0 auto;
    max-width: 1408px;
}

.woocommerce-message:before {
    background-color: #716E8D;
    content: "✓";
}

.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -o-border-top-left-radius: 4px;
    -o-border-top-right-radius: 4px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    color: #FFFFFF;
    content: "";
    display: none;
    font-family: sans-serif;
    font-size: 20px;
    height: 30px;
    left: 1em;
    line-height: 1.5;
    padding-top: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    top: 16px;
	width: 30px;
}

.woocommerce-message, .woocommerce-error, .woocommerce-info {
    border-left: 5px solid #ee2a2a;
    border-radius: 0;
    border-top: 0 none;
    line-height: 25px;
    padding: 15px;
}

.woocommerce-info:before {
    background: #4e4a71;
}

.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -o-border-top-left-radius: 0;
    -o-border-top-right-radius: 0;
} 

.chzn-container-single .chzn-single {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    background: #FFF;
}

.chzn-container-single .chzn-drop {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

.woocommerce #payment, .woocommerce-page #payment {
    background: #e7efed none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
}

.woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row {
    border-top: none;
}

.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(center top, #E4E4E4 0px, #E4E4E4 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}

.woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #E4E4E4;
}

.woocommerce form .form-row, .woocommerce-page form .form-row {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 20px;
}

.woocommerce .input-text {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    color: #1c1d22;
    font-family: "Rubik",sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 10px 20px;
}

.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {
    padding-top: 5px;
    padding-bottom: 10px;
}

.woocommerce .woocommerce-error::before, .woocommerce .woocommerce-info::before, .woocommerce .woocommerce-message::before {
     left: 0;
     top: 13px;
     text-shadow: none;
}

.woocommerce-message::before {
    background-color: #4b3e36;
}

.woocommerce .woocommerce-message::before {
    color: #f6892d;
}

.woocommerce table.shop_table tr.cart_item td {
    background-color: #e7efed;
    color: #000;
    font-family: "Rubik";
    font-size: 18px;
    font-weight: 600;
    padding: 20px;
    min-width: 115px;
}

td.product-subtotal {
    text-align: center;
}
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
    width: 100%;
}

.woocommerce .cart .coupon .button {
    float: left;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th {
    border-top: 0 solid #ebe9eb;
    padding: 0;
    font-size: 16px;
    font-family: "Rubik";
    color: #1a1a1a;
    vertical-align: middle;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td {
    text-align: right;
    font-size: 19px;
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 0;
}
.woocommerce table.shop_table {
    margin: 0;
}

#mini-cart-content .mini_cart_item > a {
	color: #000;
	font-family: "Rubik";
	text-transform: uppercase;
	width: 90%;
	font-weight: 700 !important;
	float: left;
	text-align: left;
	font-size: 12px;
	display: flex;
	align-items: center;
	padding: 10px;
}

#mini-cart-content .woocommerce-mini-cart-item.mini_cart_item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 10px;
    border-bottom: 1px solid #e7efed;
}

#mini-cart-content li.mini_cart_item .remove {
    font-size: 26px;
    font-family: unset;
    width: 16px;
    color: #F23333;
    text-align: center;
    padding: 0px;
    line-height: 22px;
    position: relative;
    border-bottom: 0;
}

.woocommerce a.remove:hover {
    color: #f57059;
    background-color: unset;
}

#mini-cart-content li.mini_cart_item a > img {
	width: 50px !important;
	margin-right: 10px !important;
	border-radius: 5px;
	background: #e7efed;
	padding: 10px;
    height: auto;
}

#mini-cart-content li.mini_cart_item dl.variation {
    display: none;
}

#mini-cart-content li.mini_cart_item .quantity {
	color: #000;
	font-family: "Rubik";
	font-size: 14px;
	font-weight: 400;
	display: block;
	background: transparent;
    width: 24px;
}
#mini-cart-content .woocommerce-mini-cart__total.total {
	padding: 6px 15px 10px;
	color: #1a1a1a;
	margin-bottom: 15px;
	background: #e7efed;
}

.widget_shopping_cart .woocommerce-Price-amount.amount {
    float: right;
    font-weight: 700;
}

.widget_shopping_cart .button.wc-forward {
    background-color: #f5735c;
    color: #000;
    font-size: 15px;
    padding: 15px 18px;
}

.woocommerce.post-type-archive-product ul.products li {
    margin-left: 2%;
    margin-top: 0;
    width: 32%;
}

.woocommerce.post-type-archive-product ul.products li h3 {
    text-transform: uppercase;
}

.woocommerce ul.products li.product .button {
    background-color: #14b09c;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 26px 20px 20px;
    width: 100%;
    border-radius: 5px;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #3513ad;
}

.woocommerce ul.products li.product .button::before {
    position: absolute;
    width: 100%;
    height: 15px;
    background-color: #f7f7f7;
    content: "";
    top: -5px;
    left: 0;
    box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

/*-------------------------------------------------------------------------*/
/*	21.	Search Results                                            
/*-------------------------------------------------------------------------*/

.search-thumb {
	float: left;
	display: inline-block;
	width: 20%;
}

.search-content {
	float: right;
	display: inline-block;
	width: 80%;
}

.search-entry { 
	display: inline-block;
	width: 100%;
}

.search-thumb > img {
    background-position: center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    height: 200px !important;
    width: 200px !important;
    color: rgba(0, 0, 0, 0);
}

.search-divider {
    height: 25px;
    border-top: 1px solid #dddddd;
    margin-top: 20px;
}

body.search #content.cell-full {
	min-height: 400px;
}

body.search-no-results .cell-full.blog-header {
	margin-top: 50px;
}

/*-------------------------------------------------------------------------*/
/*	22.	404 Not Found                                              
/*-------------------------------------------------------------------------*/

.not-found-404 {
    border-bottom: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
    margin: 130px auto 0;
    text-align: center;
    width: 100%;
    background: #ffffff;
	padding-bottom: 80px;
}

.symbol {
	display: block;
	height: 170px;
	margin: -90px auto 0;
	width: 170px;
}

.not-found-404 p {
    padding: 0 80px;
}

.not-found[class*=" fa-"] {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #DBDBDB;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    color: #DBDBDB;
    font-size: 80px;
    height: 170px;
    line-height: 170px;
    width: 170px;
}

h2.info-404 {
    color: #C7C7C7;
    font-family: 'open_sanslight',sans-serif;
    font-size: 62px;
    margin: 20px;
    padding-bottom: 20px;
}

.cell-404 {
    width: 500px;
    margin: 0 auto;
}