/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
    body {
        background: #f4efd8;
        font-size: 28pt;
        color: #525252;
        font-family: 'Roboto Slab', Times New Roman, Arial, Verdana, Tahoma;
        margin: 0px;
        padding: 0px;
    }
}

@media only screen and (max-width: 1223px) {
    body {
        background: #f4efd8;
        font-size: 28pt;
        color: #525252;
        font-family: 'Roboto Slab', Times New Roman, Arial, Verdana, Tahoma;
        margin: 0px;
        padding: 0px;
        zoom: 35%;
    }
}

*:focus { outline: none; }
a:active, a:focus { outline: 0; }

hr.product-hr { margin-bottom: 0px !important; margin-top: 10px !important; }

/* Texts */
h1.product-title { color: #799A03; margin: 0px; padding: 0px; font-size: 30pt; }
h4.panel-title { color: #799A03; font-size: 30pt; }
span.work-time { color: #799A03; font-size: 30pt; }
span.total-sum { color: #9e0b0f; font-size: 30pt; }
span.adds-title { color: #799A03; margin: 0px; padding: 0px; font-size: 30pt; display: block; margin-bottom: 10px; text-transform: uppercase; }
span.working-time { color: #ffffff; font-size: 26pt; }
p.page-title { color: #ffffff; padding: 0px 100px; text-align: center; padding-top: 30px; font-size: 34pt; }
span.address-text { color: #799a03; }
span.comment-text { color: #000000; }
span.product-title { color: #799a03; }
span.product-description { color: #525252; }
span.order-product-title { color: #799A03; margin: 0px; padding: 0px; font-size: 30pt; }
span.products-adds-title { color: #799A03; }
span.weight-text {
    color: #525252;
    font-family:'Roboto Slab', 'Times New Roman';
    font-size:28pt;
    font-weight:normal;
}
span.price-text {
    color: #9e0b0f;
    font-family:'Roboto Slab', 'Times New Roman';
    font-size:28pt;
    font-weight:bold;
}
.product-adds-price { float: right; font-size: 34pt; color: #000000; margin-top: -8px; }
.product-price { float: right; font-size: 34pt; color: #000000; }
.color-black { color: #000000 !important; }

/* Links */
h4.panel-title a { display: block; text-decoration: none; }
h4.panel-title a:hover { text-decoration: none; }

a.order-product-title { color: #799A03; margin: 0px; padding: 0px; font-size: 30pt; }
a.order-product-title:hover { text-decoration: none; }

a.fpass-link { color: #799a03; text-decoration: none; }
a.fpass-link:hover { text-decoration: none; color: #9bbc2b; }

a.signup-link { color: #799a03; text-decoration: none; text-transform: uppercase; background: url('../img/arrow-btn-d.png') no-repeat; background-position: right center; padding-right: 45px; }
a.signup-link:hover { text-decoration: none; color: #9bbc2b; }

a.not-login-back-link { color: #799a03; text-decoration: none; text-transform: uppercase; background: url('../img/left-arrow-btn.png') no-repeat; background-position: left center; padding-left: 55px; }
a.not-login-back-link:hover { text-decoration: none; color: #9bbc2b; }

a.basket-btn { display: block; background: url('../img/basket-btn.png') no-repeat; width: 55px; height: 47px; position: absolute; top: 38px; right: 20px; }
a.basket-btn.active { display: block; background: url('../img/basket-btn-active.png') no-repeat; }

a.menu-btn { display: block; background: url('../img/menu-btn.png') no-repeat; width: 55px; height: 55px; position: absolute; top: 35px; left: 20px; }
a.menu-btn.active { background: url('../img/menu-btn-active.png') no-repeat; width: 55px; height: 55px; top: 35px; }

a.back-btn { display: block; background: url('../img/white-arrow-btn.png') no-repeat; width: 44px; height: 44px; position: absolute; top: 40px; left: 20px; }

a.left-menu-link { display: block; padding: 40px 30px; text-transform: uppercase; color: #8a8a8a; border-bottom: 1px solid #bcbcbc; }
a.left-menu-link:hover { text-decoration: none; background: #f4efd8; }

a.remove-btn { display: inline-block; width: 64px; height: 64px; background: url('../img/close-btn.png') no-repeat; }

a.product-remove-btn { display: block; position: absolute; top: 30px; right: 40px; width: 64px; height: 64px; background: url('../img/close-btn.png') no-repeat; }

a.edit-btn { display: inline-block; width: 64px; height: 64px; background: url('../img/edit-btn.png') no-repeat; }

a.product-link { display: block; color: #8a8a8a; border-top: 1px solid #efefef; padding: 35px 20px; text-transform: uppercase; font-size: 26pt; padding-right: 150px; background: url('../img/arrow-btn.png') no-repeat; background-position: right center; }
a.product-link:hover { text-decoration: none; }

a.product-total-sum { display: block; color: #8a8a8a; border-top: 1px solid #efefef; padding: 35px 20px; text-transform: uppercase; font-size: 26pt; }
a.product-total-sum:hover { text-decoration: none; }

a.product-size-link { display: block; color: #8a8a8a; border-top: 1px solid #efefef; padding: 35px 20px; text-transform: uppercase; font-size: 26pt; }
a.product-size-link:hover { text-decoration: none; }

div.panel-heading { padding: 20px; }
div.panel-body { padding: 20px; }

div.adds-content { color: #8a8a8a; border-top: 1px solid #efefef; padding: 35px 20px; text-transform: uppercase; font-size: 26pt; }
div.minus-btn { float: right; background: url('../img/minus-btn.png') no-repeat; width: 44px; height: 44px; cursor: pointer; margin-top: -10px; }
div.plus-btn { float: right; background: url('../img/plus-btn.png') no-repeat; width: 44px; height: 44px; cursor: pointer; margin-top: -10px; }
div.adds-count-content { float: right; color: #dddddd; font-size: 48pt; line-height: 40px; margin: 0px 20px; margin-top: -10px; width: 70px; text-align: center; }
div.adds-total-sum { position: absolute; top: 35px; right: 30px; color: #ffffff; font-size: 30pt; }

.login-header { background: url('../img/red-bg.png'); padding: 40px; text-align: center; }
.login-form { background: #4a372f url('../img/home-bg.jpg') repeat-x; background-position: left bottom; }

.menu-content { background: #4a372f; width: 100%; padding-top: 10px; }
.menu-content-bg { background-image: url('../img/home-bg.jpg'); width: 100%; height: 18px; }

.menu-wrapper {
    overflow: hidden;
}
.menu-wrapper ul {
    list-style: none;
    margin: 20px 0px;
    margin-top: 10px;
    padding: 0;
    height: 100%;
    font-size: 25pt;
}
.menu-wrapper ul li {
    float: left;
    width: 250px;
    height: 250px;
    margin: 0px 15px;
    padding: 0;
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
    background: #f4efd8;
    color: #799a03;
    text-align: center;
    cursor: pointer;
    border-radius: 250px;
}
.menu-wrapper ul li.active {
    color: #9e0b0f;
    background: #ffffff;
}

.menu-wrapper ul li a {
    color: #799a03;
    text-decoration: none;
}

.menu-wrapper ul li.active a {
    color: #9e0b0f;
}

.menu-item { width: 300px; height: 300px; background: #f4efd8; color: #799a03; border-radius: 300px; text-align: center; text-transform: uppercase; font-size: 26pt !important; padding-top: 80px; padding-left: 20px; padding-right: 20px; }
.sc-selected div { font-size: 14pt; background: #ffffff; color: #9e0b0f; }
.menu-item a { color: #799a03; text-decoration: none; }
.sc-selected .menu-item a { color: #9e0b0f; text-decoration: none; }
.menu-item a:hover { text-decoration: none; }

#page-content { margin-top: 50px; }
.products-list-content { background: #ffffff; width: 100%; cursor: pointer; float: left; margin-bottom: 30px; border: 1px solid #d8d4bf; -webkit-box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); -moz-box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); }

.pages-header { z-index: 21; background: url('../img/pages-bg.jpg') repeat-x; height: 120px; position: fixed; width: 100%; -webkit-box-shadow: 0px 5px 6px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 5px 6px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 5px 6px 0px rgba(50, 50, 50, 0.4); }
.left-menu { width: 70%; height: 100%; background: #ffffff; position: fixed; top: 120px; left: 0; z-index: 20; display: none; }
.left-menu-overlay { background: rgba(0, 0, 0, 0.7); position: fixed; top: 120px; left: 0px; width: 100%; height: 100%; display: none; z-index: 19; }

.text-page-content { background: #ffffff; border: 1px solid #d8d4bf; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; padding-top: 150px; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; -webkit-box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); -moz-box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); }
.product-page-content { background: #ffffff; border: 1px solid #d8d4bf; border-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; padding-top: 30px; -webkit-box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); -moz-box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); }
.adds-page-content { background: #ffffff; border: 1px solid #d8d4bf; border-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; padding-top: 30px; -webkit-box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); -moz-box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); }
.order-page-content { border-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; padding-top: 150px; }
.order-page-list { background: #ffffff; border: 1px solid #d8d4bf; margin-left: 20px; margin-right: 20px; margin-bottom: 40px; -webkit-box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); -moz-box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); }
.order-product-info { padding-top: 20px; padding-right: 140px; padding-bottom: 20px; position: relative; }

.content-list { background: #ffffff; border: 1px solid #d8d4bf; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; padding-top: 30px; padding-left: 50px; padding-right: 50px; padding-bottom: 30px; -webkit-box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); -moz-box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); box-shadow: 0px 1px 9px 0px rgba(189, 189, 189, 0.75); }

.fpass-title { background: #4a372f url('../img/home-bg.jpg') repeat-x; background-position: left bottom; padding-top: 40px; padding-bottom: 60px; padding-left: 20px; }

#logo-bg { display: block; width: 395px; height: 125px; background: url('../img/logo-bg.png') no-repeat; }
#logo-en { display: block; width: 395px; height: 125px; background: url('../img/logo-bg.png') no-repeat; }

/* Forms */
input.login-form { width: 100%; color: #484848; padding: 35px 20px; background: #ffffff; border: 0px; font-size: 28pt !important; }
select.form-select { width: 100%; color: #484848; padding: 35px 20px; background: #ffffff; border: 0px; cursor: pointer; font-size: 28pt !important; }
textarea.form-textarea { width: 100%; height: 250px; color: #484848; padding: 35px 20px; background: #ffffff; border: 0px; font-size: 28pt !important; }
.btn-green { width: 100%; background: #799a03; color: #f4efd8; text-transform: uppercase; padding: 35px; border: 0px; text-align: center; display: block; }
.btn-green:hover { background: #9bbc2b; text-decoration: none; color: #f4efd8; }

.btn-red { width: 100%; background: #9e0b0f; color: #f4efd8; text-transform: uppercase; padding: 35px; border: 0px; text-align: center; display: block; font-size: 32pt; }
.btn-red:hover { background: #c01418; text-decoration: none; color: #f4efd8; }

label.inline { display: inline; }
.label_check,
.label_radio    { padding-left: 90px; padding-top: 15px; padding-bottom: 10px; cursor: pointer; font-weight: normal !important; text-transform: uppercase; }
.label_radio    { background: url('../img/radio-unchecked.png') no-repeat; }
.label_check    { background: url('../img/radio-unchecked.png') no-repeat; }
 label.c_on     { background: url('../img/radio-checked.png') no-repeat; }
 label.r_on     { background: url('../img/radio-checked.png') no-repeat; }
.label_check input, .label_radio input  { position: absolute; left: -9999px; }

#message_line { position: fixed; bottom: 0px; left: 0; width: 100%; z-index: 999999; }
.m_info, .m_success, .m_warning, .m_error, .m_validation {
    font-weight: normal;
    border: 0px solid #c6c6c6;
    margin: 0px;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 0px;
    -moz-border-radius: 0;
    -moz-border-radius: 0px;
    font-size: 30pt;
}
.m_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.m_success {
    color: #799a03;
    background-color: #DFF2BF;
}
.m_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.m_error {
    color: #D8000C;
    background-color: #FFBABA;
}

.clear { clear: both; }

.text-uppercase { text-transform: uppercase; }
.text-bold { font-weight: bold; }

.overflow-auto { overflow: auto; }
.nowrap { white-space: nowrap; }

.bg-w { background: #ffffff; }
.bg-y { background: #f4efd8; }

.align-center { text-align: center !important; }
.align-right { text-align: right !important; }
.align-left { text-align: left !important; }
.border-l-silver { border-left: 1px solid #e3e3e3; }

.display-inline { display: inline !important; }
.display-none { display: none; }

.pad-3 { padding: 3px; }
.pad-10 { padding: 10px; }
.pad-20 { padding: 20px; }
.pad-lr-10 { padding: 0 10px; }
.pad-lr-20 { padding: 0 20px; }
.pad-lr-30 { padding: 0 30px; }
.pad-tb-30 { padding: 30px 0px; }
.pad-t-5 { padding-top: 5px; }
.pad-t-10 { padding-top: 10px; }
.pad-t-15 { padding-top: 15px; }
.pad-t-20 { padding-top: 20px; }
.pad-t-30 { padding-top: 30px; }
.pad-t-40 { padding-top: 40px; }
.pad-t-50 { padding-top: 50px; }
.pad-t-140 { padding-top: 140px; }
.pad-t-150 { padding-top: 150px; }
.pad-b-5 { padding-bottom: 5px; }
.pad-b-10 { padding-bottom: 10px; }
.pad-b-20 { padding-bottom: 20px; }
.pad-b-30 { padding-bottom: 30px; }
.pad-l-10 { padding-left: 10px !important; }
.pad-l-20 { padding-left: 20px !important; }
.pad-l-30 { padding-left: 30px !important; }
.pad-l-40 { padding-left: 40px; }
.pad-r-30 { padding-right: 30px; }
.pad-r-40 { padding-right: 40px; }
.pad-r-60 { padding-right: 60px; }
.mar-t-20 { margin-top: 20px !important; }
.mar-t-30 { margin-top: 30px !important; }
.mar-t-35 { margin-top: 35px; }
.mar-lr-20 { margin-left: 20px !important; margin-right: 20px; }
.mar-l-20 { margin-left: 20px; }
.mar-l-15 { margin-left: 15px; }
.mar-t-5 { margin-top: 5px; }
.mar-t-10 { margin-top: 10px !important; }
.mar-t-20 { margin-top: 20px !important; }
.mar-t-25 { margin-top: 25px; }
.mar-t-35 { margin-top: 35px; }
.mar-b-10 { margin-bottom: 10px !important; }
.mar-b-20 { margin-bottom: 20px !important; }
.mar-b-30 { margin-bottom: 30px !important; }
.mar-b-40 { margin-bottom: 40px !important; }