@font-face 
{
  font-family: 'Roboto';
  src: url('../fonts/RobotoCondensed-Light.woff');
}
html,
body {
    height: 100%;
}
body{
    font-family: 'Roboto';
    top:0 !important;
}
a
{
    text-decoration: none !important;
}
/* start-google*/
.goog-te-gadget-simple
{
    border:none !important;
}
.goog-te-gadget-simple
{
    background-color: transparent !important;
}
.goog-te-gadget-icon, #goog-gt-tt
{
    display:  none!important;
}
.goog-te-menu-value, .goog-te-menu-value:hover
{
    text-decoration: none !important;
}
.goog-text-highlight{
    background-color: inherit!important;
    box-shadow: none!important;
    box-sizing: inherit!important;
    position: inherit !important;
}
.skiptranslate iframe
{
    visibility: hidden !important;
}
.goog-te-menu2-item-selected
{
    display: none !important;
}
.goog-te-menu-value span
{
    border-left: none !important;
    /*font-size: 16px;*/
    font-size: 14px;
    display: inline-block;
    overflow-x: hidden;
}
.goog-te-menu-value span:first-child
{
    width: 22px;
    margin-top: 2px;
    margin-left: 1px;
}
.goog-te-menu-value > span:last-child
{
    font-size:12px;
}
/*--google-end*/

div, button, a, span, input
{
    outline: none!important;
}
.info_message
{
    display: none;
    font-size: 18px;
    width: 100%;
}
.wrap {
    min-height: 100%;
    height: auto;
/*    margin: 0 auto -60px;
    padding: 0 0 120px;*/
}
#topmenu
{
    background-color: #fff;
    border-color: #fff;
    min-height: 150px;
    margin-bottom:0;
}
#topmenu .navbar-brand
{
    max-width:100%;
    margin-top: 10px;
}
#topmenu .container-fluid
{
    max-width: 1200px;
    position: relative;
}
.topitems
{
    position: absolute;
    top: 12px;
    right: 31px;
}
.buttprofile, .buttlogin
{
    font-size: 18px;
    color:#444;
    margin-right: 20px;
}
.buttprofile:hover
{
    color:#f9d27d;
    text-decoration: none;
}
.buttprofile:after
{
    display: block;
    content: "";
    height: 2px;
    width: 100%;
    margin-top: 3px;
    background-color: #f9d27d;
}
.buttlogin
{
    border: 2px solid #f9d27d;
    padding: 0 15px;
}
.buttlogin:hover
{
    background-color: #f9d27d;
    text-decoration: none;
}
.buttlogin, .buttprofile, .buttcart, .lang
{
    display: block;
    float: left;
}
.buttprofile, .buttcart, .lang
{
    margin-top:3px;
}
.buttcart 
{
    position: relative;
}
.buttcart #count
{
    position: absolute;
    left: 2px;
    top: -4px;
    padding: 1px 7px;
    color: #444;
    background-color: #f9d27d;
    border-radius: 100%;
}
#topmenu ul li
{
    text-transform: uppercase;
    font-size: 20px;
}
#topmenu .navbar-right
{
    margin-top: 56px;
}
#topmenu ul li a
{
    color: #444;
}
#topmenu ul li a.active
{
    color: #f9d27d;
}
#topmenu ul li a:hover, #topmenu ul li a:focus
{
    background-color:#fff !important;
}
#topmenu .navbar-right li a.active:after
{
    display: block;
    content: "";
    height: 2px;
    width: 100%;
    margin-top: 3px;
    background-color: #f9d27d;
}
.liobmod
{
    display: none;
}
#topmenu .navbar-right li a:after
{
    display: block;
    content: "";
    height: 2px;
    width: 0%;
    margin-top: 3px;
    background-color: #f9d27d;
    transition: width .3s ease-in-out;
}
#topmenu .navbar-right li a:hover:after, #topmenu .navbar-right li a:focus:after
{
    width: 100%;
}
#topmenu .ddm
{
    text-align: center;
    padding: 10px 10px 0 10px;
}
#topmenu .ddm > li > a
{
    padding: inherit;
    display: inline-block;
    margin-bottom:15px;
}
.ddlast
{
    margin-bottom: 0;
}
#topmenu .ddm > li > a:hover, #topmenu .ddm > li > a:focus, #topmenu .ddm:focus
{
    background-color: #fff;
}
/*#topmenu .dropdown:hover > .dropdown-menu {
    display: block !important;
}*/
.lang
{
    margin-left:12px;
    cursor: pointer;
}
.lang a
{
    font-size: 18px;
    color: #444;
}
.lang a:hover
{
    text-decoration: none;
}
.lang .langname
{
    margin-left: -29px;
    margin-right: 6px;
}
#google_translate_element
{
    margin-left: -28px;
    margin-top: 2px;
    width: 55px;
}
.sota
{
    width: 25px;
}
.sota, #google_translate_element
{
    float: left;
}
.ddmlan
{
    min-width: 41px;
    padding: 0;
    left: -6px;
    width: 20px;
}
.ddmlan li a
{
    font-size: 18px;
    border:  2px solid #999;
    padding: 1px 8px;
}
.ddmlan li a:after
{
    display: none;
}
.lang .dropdown-menu
{
    box-shadow: none;
    border:none;
}
.ddmlan li a:hover, .ddmlan li a:focus
{
    background-color: #fff;
    border:  2px solid #f9d27d;
}
.footer
{
    background-color: #f8f6ec;
    padding-top: 25px;
    padding-bottom: 25px;
}
.foot_col1
{
    text-align: center;
}
.foot_col1 p
{
    font-size: 24px;
    text-transform: uppercase;
}
.foot_col1 span
{
    font-size: 16px;
    text-transform: uppercase;
}
.foot_col1 a
{
    color:#444;
    border:  2px solid #f9d27d;
    background-color: #f9d27d;
    font-size:20px;
    padding: 9px 20px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    transition: background-color 1s;
}
.foot_col1 a:hover
{
    background-color: inherit;
    text-decoration: none;
}
.ul_col2
{
    list-style: none;
    font-size: 22px;
    padding-left: 0;
}
.ul_col2 a
{
    color: #444;
}
.ul_col2 li{
    margin-bottom: 5px;
}
.ul_col3
{
    font-size: 24px;
    color: #444;
    margin-left: 25px;
    margin-top: -32px;
}
.footer .soc
{
    width: 67px;
    margin-left: 90px;
}
.footer .soc a
{
    margin-right: 5px;
}
.footer .soc a:hover
{
    color: #f9d27d;
}
.footer .phones i
{
    margin-top: 5px;
}
.footer .phones i, .footer .phones a
{
    font-size: 24px;
}
.footer .phones a
{
    color: #444;
    text-decoration: none;
}
.h1
{
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;
    background: #f8d894;
    margin: 0;
    padding: 20px;
    margin-bottom: 25px;
}
.fblock_title
{
    margin-bottom:25px;
}
.fblock_title span
{
    color: #313131;
    font-size: 24px;
    /*text-decoration: underline;
    text-decoration-color: #f9d27d;*/
    border-bottom: 1px solid #f9d27d;
}
.filterblock input[type=checkbox] {
    display: none;
}
.filterblock label:before {
    /*content: "";
    padding: 0 12px;    
	color: #f8d894;*/
    content: "\2713";
    padding: 0 5px;
    color: #fff;
    
    border: 1px solid #313131;
    font-size: 17px;
    cursor: pointer;
	text-align: center;
    line-height: 15px;
    cursor: pointer;
}
.filterblock input[type=checkbox]:checked + label:before {
	content: "\2713";
    padding: 0 5px;
    color: #f8d894;
}
.filterblock a
{
    text-decoration: none;
    color: #313131;
    font-size: 19px;
    margin-left: 9px;
    font-weight: normal;
}
.filterblock 
{
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #f8d894;
    padding: 20px;
    margin-bottom: 25px;
}
.catcontainer
{
    max-width: 1200px;
}
.catcontainer, .modal-body
{
    position: relative;
}
.modal-body
{
    min-height: 200px;
}
.wait
{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(245, 245, 245, 0.6);
    top: 0;
    text-align: center;
    display: none;
}
.wait i
{
    font-size: 88px;
    margin-top:10%;
}
.collection:hover, .collection.active
{
    color: #f8d894;
}
.prodimg
{
    /*height: 290px;*
    line-height: 290px;*/
    height: 269px;
    line-height: 269px;
    text-align: center;
    /*background-color: #fcf8f6;*/
    /*border: 1px solid #f9d27d;*/
}
.prodimg img
{
    max-width: 100%;
    vertical-align: central;
    max-height: 100%;
    border: 1px solid #f9d27d;
}
.proditem
{
    /*margin-bottom: 40px;*/
    margin-bottom: 16px;
}
.proditem .prodname, .rowprod .prodname
{
    color:#313131;
    font-size: 18px;
    margin-top:10px;
    display: inline-block;
    text-decoration: none;
    transition: color 1s;
}
.rowprod .prodname
{
    margin-top: 0;
    display: block;
}
.rowprod .cart_items_info
{
    font-size: 16px;
    margin-top: 11px;
}
.cart_minus, .cart_plus
{
    text-decoration: none;
    color: #313131;
    cursor: pointer;
    font-size: 17px;
}
.linecart
{
    margin: 15px;
}
.cart_delete
{
    color: #313131;
}
.cart_delete:hover
{
    color: #999;
}
.proditem .prodname:hover,  .rowprod .prodname:hover
{
    color: #f8d894;
}
.proditem .newprice, .rowprod .newprice
{
    color: #c61c1c;
    font-weight: bold;
    font-size: 18px;
}
.proditem .oldprice
{
    color: #313131;
    font-size: 14px;
    margin-right: 30px;
    float: left;
}
.oldprice:before
{
    display: block;
    content: "";
    height: 2px;
    width: 55px;
    transform: translateY(10px) skewY(21deg);
    background-color: #f9d27d;
}
.oldprice:after
{
    display: block;
    content: "";
    height: 2px;
    width: 55px;
    transform: translateY(-11px) skewY(-18deg);
    background-color: #f9d27d;
}
div.required
{
    position: relative;
}
div.required:before{
    content: "* ";
    color: red;
    font-size: 29px;
    position: absolute;
    left: -15px;
    top: -9px;
}
.modal-content
{
    border: 4px solid #f9d27d;
    border-radius: 2px;
}
#authModal{
    min-height: 216px;
}
#authModal .wait, #contactModal .wait, #callModal .wait
{
    margin-left: -15px;
}
#authModal input, #contactModal input, #contactModal textarea, #callModal input
{
    max-width: 355px;
    border-radius: 0;
    color: #313131;
    border-color: #313131;
    font-size:20px;
    padding: 0 20px;
    height: 45px;
}
#contactModal textarea
{
    height: inherit;
    padding: 15px 20px;
}
#contactModal div.required:before, #callModal div.required:before{
    content: none;
}
#authModal .site-login, #contactModal .site-contact, #callModal .site-call
{
    max-width: 355px;
    margin: 50px auto;
}
#authModal button[type="submit"], #contactModal button[type="submit"], #callModal button[type="submit"]
{
    margin: 37px auto 0;
    display: block;
    background-color: #f9d27d;
    border: 1px solid #f9d27d;
    padding: 7px 37px;
    text-transform: uppercase;
    font-size: 20px;
    transition: background-color 2s;
}
#authModal button[type="submit"]:hover, #contactModal button[type="submit"]:hover, #callModal button[type="submit"]:hover
{
    background-color: inherit;
}
.zareg
{
    text-align: center;
}
.zareg span
{
    font-size: 20px;
}
.cart_items
{
    position: relative;
}
.zareg a
{
    color: #313131;
    font-size: 24px;
    text-decoration: underline;
    text-decoration-color: #f9d27d;
    margin-top: 7px;
    display: inline-block;
    transition: color 2s;
}
.zareg a:hover
{
    color: #f9d27d;
}
#authModal .btn-file, #authModal .fileinput-remove
{
    background: #fff;
    color: #313131;
    border-color: #313132;
    height: 45px;
}
#authModal .btn-file i
{
    margin-top: 6px;
}
#authModal .btn-file:hover
{
    background: #999;
}
#authModal .kv-fileinput-caption
{
    border: 1px solid #313131;
    border-radius: 0;
    height: 45px;
}
#authModal label[for="signupform-file"]
{
    font-weight: normal;
}
.cart_items
{
    max-width: 630px;
    width: 100%;
    overflow-y: auto;
    max-height: 445px;
    border: 1px solid #f3f3f3;
    margin-bottom: 30px;
}
.cart_items
{
    padding: 20px;
}
.rowprod img
{
    max-width: 100%;
}
.cart_items p:first-child, .cart_info p:first-child
{
    font-size: 20px;
    text-transform: uppercase;
}
.cart_info
{
    border: 2px solid #f9d27d;
    padding: 20px;
    margin-bottom: 30px;
}
.cart_info span
{
    float: left;
    font-size: 16px;
    text-transform: uppercase;
}
.cart_info span#total
{
    float: right;
    font-size:20px;
    color: #b93f3f;
    font-weight: bold;
}
.cart_info a
{
    display: block;
    margin: 50px auto 20px;
    padding: 20px 15px;
    background-color: #f9d27d;
    text-transform: uppercase;
    font-size: 20px;
    color: #313131;
    border: 2px solid #f9d27d;
    font-weight: bold;
    text-align: center;
    max-width: 260px;
    transition: background-color 2s;
    text-decoration: none;
}
.cart_info a:hover
{
    background-color: transparent;
}
#orderModal p, #succregModal p{
    margin: 40px;
    font-size: 20px;
    color:#313131;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
#orderModal .modal-dialog, #succregModal .modal-dialog {
    max-width: 900px;
    width:100%;
    margin: 30px auto;
}
.filters_mob_show
{
    text-align: right;
    display:  none;
}
.filters_mob_show button
{
    background: #f8d894;
    border: 2px solid #7e430e;
    text-transform: uppercase;
    font-size: 16px;
}
.fourthprods
{
    clear: both;
}
@media(max-width:1270px) {
    #topmenu .navbar-brand 
    {
        margin-left: 10px;
    }
}
@media(max-width:1199px) {
    .thirdprods
    {
        clear: both;
    }
    .fourthprods
    {
        clear: none;
    }
}
@media(max-width:1060px) {
    #topmenu .navbar-brand 
    {
        margin-left: -15px;
    }
}

@media(max-width:991px) {
    #topmenu ul li
    {
        font-size: 18px;
    }
    #topmenu ul li a
    {
        padding: 10px 8px;
    }
    .buttprofile, .buttlogin
    {
        font-size:18px;
    }
    #topmenu .navbar-brand
    {
        margin-top:0;
    }
    .footer .phones
    {
        width: 208px;
        margin: 20px auto;
    }
    .filters
    {
        position: absolute;
        top: 20px;
        z-index: 9;
        background: #fff;
        right: 0;
        width: 310px;
        display: none;
        padding: 10px;
        border: 3px solid #f8d894;
    }
    .filters_mob_show{
        display: block;
    }
    .cart_items
    {
        max-width: inherit;
    }
}
@media(max-width:850px) {
    #topmenu ul li
    {
        font-size: 18px;
    }
    #topmenu ul li a
    {
        padding: 10px 5px;
    }
}
@media(max-width:785px) {
    #topmenu ul li
    {
        font-size: 17px;
    }
    .buttprofile{
        font-size: 13px;
        margin-top:9px;
    } 
    .buttlogin
    {
        font-size: 17px;
    }
}
@media(max-width:767px) {
    .navbar-brand > img
    {
        width:100px;
    }
    #topmenu .navbar-brand {
        margin-top: -9px;
    }
    #topmenu .navbar-header
    {
        height: 69px;
        border-bottom: 1px solid #e7e7e7;
    }
    .topitems {
        top: 74px;
        right: 15px;
    }
    #topmenu
    {
        min-height: 117px;
    }
    .ul_col2 {
        text-align: center
    }
    .proditem
    {
        text-align: center;
    }
    .liobmod
    {
        display: list-item;
    }
}