/**
* custom.css file created by Futuredesign Template
* @package Futuredesign Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/


body {
    color: #2b2a29;
}

h1, h2, h3, h4, h5, .article_title, .pagetitle {
    font-family: Roboto,sans-serif;
    font-weight: 300&subset=latin,latin-ext;
    color: #e31e24;
    padding: 20px 0px 10px 0px;
    margin: 5px;
    border-bottom: 1px solid #f3f3f3 !important;
    word-break: break-word;
}

.module_title {
    font-family: Roboto,sans-serif;
    font-weight: 300&subset=latin,latin-ext;
    color: #e31e24;
    padding: 10px 0px;
    margin: 5px;
    border-bottom: 1px solid #e31e24 !important;
    
}

.holders {
    padding: 10px !important;
}

.footer_out {
    background: #2b2a29;
    padding: 0px;
    border-bottom: 1px solid #e31e24;
}

#topmenu_holder, .ulholder.dlevel1 {
    background: #2b2a29;
}

.yjsgmenu a.activepath, .yjsgmenu a:hover, .yjsgmenu a:focus, .yjsgmenu li:hover > .child a {
    background: #2b2a29;
    color: #fff;
}

ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline {
    padding: 0px 25px;
    height: 40px;
    line-height: 40px;
}

#header {
    display: table;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 1000;
}

.linka {
    border-bottom: 1px solid #e31e24;
}

.yjsg_grid {
    padding: 0px;
}

.vmCartModule.mini .cart-items-number span.total_products {
    border-radius: 50%;
    color: #e31e24;
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    line-height: 18px;
    position: absolute;
    right: -17px;
    text-align: center;
    top: 4px !important;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

.nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 12px;
    line-height: 14px;
}

.yjsg-bsmenu .container, .yjsg-bsmenu .collapse, .yjsg-bsmenu.nav, .yjsg-bsmenu.navbar {
    margin: 0px;
    padding: 0px;
    float: right;
}

.yjsg-bsmenu .container, .yjsg-bsmenu .collapse, .yjsg-bsmenu.nav, .yjsg-bsmenu.navbar {
    margin: 0px;
    padding: 30px 0px 0px 0px;
    float: right;
}

.yjsg2_out, .yjsg2_out .fa[class*="yjsg-hr-"]::before {
    background-image: url('https://futuredesign.life/images/bg.jpg') !important;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #2b2a29 !important;
    color: #fff !important;
}

.vmCartModule.mini {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    line-height: 25px;
    top: 0px;
    float: right;
}

.tp-bannertimer {
    visibility: hidden;
    width: 100%;
    height: 5px;
    background: url(../assets/timer.png);
    background: #fff;
    background: rgba(227,30,36,0.1);
    position: absolute;
    z-index: 200;
    top: 0px;
}

.horizontal-separator {
    height: 0px !important;
    background: #e9e8e8;
    margin: 10px;
}

.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {
    display: inline-block;
    background: #e31e24;
    color: #fff;
    height: 36px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #fff;
    border: 1px solid #2b2a29;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button {
    max-width: 100%;
    background: #e31e24;
    color: #fff;
    border: solid #2b2a29 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    letter-spacing: 1px;
    padding: 6px 12px;
    margin-bottom: 0;
    border-radius: 50px !important;
}

div.vm-details-button a {
    padding: 6px 16px;
    border: 1px solid #f3f3f3;
    font-size: 14px;
    max-width: 85%;
    width: 100%;
    line-height: 18px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: #f3f6f9;
    border-radius: 50px;
}

div.vm-details-button a:hover {
    padding: 6px 16px;
    border: 1px solid #888;
    font-size: 14px;
    max-width: 85%;
    width: 100%;
    line-height: 18px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: #f3f6f9;
    color: #e31e24;
    border-radius: 50px;
}

.spacer.product-container {
    border: 0px solid #f3f3f3;
    margin: 2%;
    padding: 2%;
}

.featured-view .spacer span, .latest-view .spacer span, .topten-view .spacer span, .recent-view .spacer span, .related-products-view .spacer span, .browse-view .row .product .spacer span {
    font-size: 13px;
    color: #2b2a29;
}

div#basket_container div.op_basket_row #tt_total_basket {
    color: #e31e24;
    font-weight: bold;
    font-size: 1.3em;
}

#vmMainPageOPC div.left_checkout div ul#vmtabs a {
    color: white;
    background-color: #e31e24;
}
.op_basket_row.op_basket_header {
    background: #f3f6f9;
    color: #2b2a29;
    font-size: 14px;
    font-family: 'Roboto', Helvetica, sans-serif;
    overflow: hidden;
}

#basket_container .black-basket .col-module_content, .basket_container .black-basket .col-module_content {
    color: #D9D9D9;
    float: none;
    width: 100%;
    border: 1px solid #e4e4e2;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#vmMainPageOPC input#confirmbtn.buttonopc {
    background: #e31e24 left top !important;
    border: medium none;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0 !important;
    width: 222px !important;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}

#vmMainPageOPC div#agreed_div a {
    color: #e31e24;
}

div#vmMainPageOPC {
    font-family: 'Roboto',Arial,sans-serif;
}

#vmMainPageOPC input.buttonopc {
    background: center left #e31e24 !important;
    padding: 5px 12px !important;
    color: #fff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#vmMainPageOPC .coupon_wrapper {
    background: none repeat scroll 0 0 #2b2a29;
}

#vmMainPageOPC fieldset {
    background: none repeat scroll 0 0 #f3f6f9;
}

div#onepage_main_div .tabcontent3 h3, div#onepage_main_div h3.payment_h3, div#onepage_main_div h3.shipping_h3 {
    background: none repeat scroll 0 0 #2b2a29;
    border-top: 1px solid #e2b2a29;
    color: #fff;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    line-height: 39px;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase !important;
}

#vmMainPageOPC fieldset.notes_checkout {
    background: none repeat scroll 0 0 #f3f6f9;
    float: left;
    margin: 20px 0 26px !important;
    width: 100%;
}

#vmMainPageOPC .formField input[type="text"], #vmMainPageOPC .formField input[type="email"], #vmMainPageOPC .formField textarea, #vmMainPageOPC .formField input[type="password"] {
    border: 1px solid #E3E3E3;
    border-radius: 0px;
    height: 33px;
    line-height: 33px;
    margin: 0;
    padding: 0 5px;
    min-width: 200px;
    max-width: 95%;
    width: 220px;
}

.product-price {
    text-align: right;
    line-height: 20px !important;
    font-size: 16px !important;
    color: #e31e24;
    font-weight: bold;
}

.browse-view .row .product .spacer span {
    color: #e31e24;
}

div.product {
    float: left;
    border: 1px solid #f3f6f9;
    min-width: 200px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin: 0px 10px 0px 0px;
    max-width: 23%;
}

div.product:hover {
    transform: scale(1.01);
    border: 1px solid #f3f6f9;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    box-shadow: 0px 0px 3px 0px rgba(43,42,41,0.5);
    transition: box-shadow 0.3s ease;
    overflow: visible;
    margin: 0px 10px 0px 0px;
    max-width: 31%;
}

.category-view .row .category .spacer, .featured-view .spacer, .latest-view .spacer, .topten-view .spacer, .recent-view .spacer, .related-products-view .spacer, .browse-view .row .product .spacer {
    padding: 6px;
    margin: 10px 6px;
}

.productdetails-view .spacer-buy-area {
    padding-left: 16px;
    padding-top: 50px;
}

.vm3pr-1 .product-price {
    min-height: 28px;
    padding-left: 60px;
}

.yjsg4_out, .yjsg4_out .fa[class*="yjsg-hr-"]::before {
    background: #e31e24;
}

.yjsg7_out, .yjsg7_out .fa[class*="yjsg-hr-"]::before {
    background: #f3f6f9;
    padding-top: 20px;
    padding-bottom: 15px;
}

.defaultmenu a.isactivea, .defaultmenu li a:hover {
    background: #e31e24;
    color: #000 !important;
    padding: 0px 10px;
}

.button, .button:hover, a.readon, a.readon:hover, a.readon:focus {
    background: #e31e24;
    border: 1px solid #2b2a29;
    color: #fff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 32px;
    padding: 2px 6px;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 32px;
    color: #555;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    vertical-align: middle;
}

.odsadenie {
    padding-bottom: 25px;
}

.odsadenietop {
    padding-top: 25px;
    padding-bottom: 25px;
}

.top {
    padding-top: 35px;
    padding-bottom: 5px;
}

.bfQuickMode .bfPage {
    background-color: #f1f3f6 !important;
    padding: 20px !important;
}

.bfQuickMode .form-actions {
    background-color: #f1f3f6 !important;
}

.vmCartModule.mini .shopping_cart_content {
    background: #f3f6f9 none repeat scroll 0 0;
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.1);
    width: 350px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    line-height: 24px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    overflow: hidden;
}

.vmCartModule.mini .shopping_cart_content .total {
    color: #e31e24;
    text-align: right;
}

#yjsgheadergrid #topmenu_holder {
    float: right;
    margin-top: 20px;
    background: none;
}

div#mmenu_holder {
    margin-bottom: 0px;
}

div#mmenu_holder {
    margin-bottom: 0px;
    background: #e31e24;
    color: #fff !important;
}

span.yjmm_select {
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #e31e24;
}

.sidebars .yjsquare {
    margin-bottom: 0px;
}

.wrap_login a {
    color: #e31e24;
}

.bfQuickMode .form-actions .btn {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    vertical-align: middle;
    background-color: #2B2A29 !important;
    color: #ffffff;
}

.bfQuickMode .btn {
    background-color: #e31e24 !important;
}

.browseProductImage {
    max-height: 200px;
    width: auto;
    max-width: 100%;
}

ul.defaultmenu.inline {
    margin: 0;
    padding: 0;
    float: right;
}

h6 {
    font-family: Roboto,sans-serif;
    font-weight: 300&subset=latin,latin-ext;
    color: #e31e24;
    padding: 2px;
    margin: 2px 0px 0px 0px;
    border-bottom: 1px solid #f3f3f3 !important;
}

.cf_wrapper_input_text_1 input[type="search"] {
    width: 70%;
    background: #f1f3f6;
}

.product-price {
    margin: 15px 0px 6px 0px;
    text-align: right;
    float: left;
    line-height: 18px;
}

.zlava {
    color: #FFF !important;
    background-color: #e31e24 !important;
    font-weight: bold;
    font-size: 0.8em;
    padding: 2px 10px;
    margin: 3px 3px 3px 6px;
    float: right;
}

.product-fields-title-wrapper {
    min-width: 160px;
    font-weight: bold;
    padding: 0px;
}

.product-fields .product-field, .product-related-categories .product-field {
    width: 23%;
    float: left;
    display: inline-block;
    margin-bottom: 0px;
    border-bottom: 1px solid #f1f3f6;
}

#fancybox-wrap {
    padding: 0px !important;
}

.chzn-container {
    max-width: 200% !important;
}

.yjsg6_out, .yjsg6_out [class*="yjsg-hr-"].fa::before {
    background: #e31e24;
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 0.3em 0.3em 1.5em 0.3em !important;
}

div.cc-window.cc-floating {
    padding: 1em 1em !important;
}

.cc-revoke.cc-bottom.cc-animate {
    padding: 0.5em .5em 1em;
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: 0em !important;
    border-top-right-radius: 0em !important;
}

.uc_overlay_content .uc_overlay_content_container_holder:hover .uc_overlay_content_content {
    background: rgb(254, 204, 0);
    height: auto;
}


button, html input[type="button"], input[type="reset"], input[type="submit"] {
    margin: 1px 0px 0px 2px;
}