/* stylesheet for the template main-default */
/* стилевой файл для шаблона main-default*/

#main-default {
    padding-top: 20px;
    min-height: 600px;
}

#main-default #left {
    width: 315px;
    display: inline-block;
    vertical-align: top;
}

#main-default #right {
    width: 780px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 50px;
}

#main-default #right h1 {
    font-size: 30px;
    line-height: 28px;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 50px;
}

#main-default #navbar {
    border-bottom: 3px solid #fff; 
    padding: 10px 0px;
}

#main-default #navbar.noborder {
    border-bottom: 0px; 
}

#main-default #navbar em {
    display: inline-block;
    width: 6px;
    height: 11px;
    background: url(/project/img/navar.png) no-repeat;
    margin: 0px 10px;
}

#main-default #navbar a:hover,
#main-default #navbar a {
    text-transform: uppercase;
    color: #000;
    white-space: nowrap
}

#main-default #navbar a:hover {
    text-decoration: none;
}

#main-default #navbar span {
    text-transform: uppercase;
    color: #686868;
    white-space: nowrap
}

#main-default .text-item  {
    padding-top: 20px;
    font-size: 16px;
}


@media only screen and (max-width: 1100px) {

    #main-default {
        padding-top: 10px;
    }

    #main-default #left {
        height: 40px;
        overflow: hidden;
        width: calc(100% - 40px);
        padding-right: 20px;
        padding-left: 20px;
        border-bottom: 1px solid #f0f0f0;
    }

    #main-default #right {
        width: calc(100% - 40px);
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 30px;
        
    }

    
    #main-default #left h2 {
        font-style: normal;
        margin-left: 0px;
    }

    #main-default #left:before {
        content: '';
        float: right;
        width: 30px;
        height: 30px;
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_113_648)'%3E%3Cpath d='M22.7824 14.0354L9.14599 0.399398C8.61354 -0.133148 7.75008 -0.133148 7.21754 0.399489C6.68508 0.932034 6.68508 1.7954 7.21763 2.32794L19.8897 14.9998L7.21754 27.6722C6.68508 28.2048 6.68508 29.0681 7.21763 29.6007C7.48381 29.8669 7.83281 30 8.18181 30C8.53081 30 8.87981 29.8669 9.14608 29.6006L22.7824 15.9639C23.0382 15.7081 23.1818 15.3613 23.1818 14.9997C23.1818 14.638 23.0382 14.2911 22.7824 14.0354Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_113_648'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-size: 50% 50%;
        background-position: center center;
        background-repeat: no-repeat;
        transform: rotate(90deg);
    }

    #main-default #left.cat-mobile {
        height: auto;
    }

    #main-default #left.cat-mobile h2 {
        margin-bottom: 20px;
    }

    #main-default #left.cat-mobile:before {
        transform: rotate(270deg);
    }
}
/* stylesheet for the template defaultsubmenu */
/* стилевой файл для шаблона defaultsubmenu*/
#submenu {
    padding: 10px 20px 20px 0px;
}

#submenu h2 {
    font-style: italic;
    font-weight: bold;
    font-family: 'MyriadPro-Regular';
    margin-bottom: 10px;
    margin-left: 20px;
}

#submenu a {
    display: block;
    padding-left: 20px;
}
#submenu a:hover {
    color: #000;
}

#submenu a.level0.s {
    background: #f9f9f9;
}

#submenu a.level0 {
    font-size: 18px;
    line-height: 20px;
    font-family: 'MyriadPro-Regular';
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 5px; 
    text-transform: uppercase;
}


#submenu a.level1.s {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

#submenu a.level1 {
    font-size: 16px;
    color: #3d3d3d;
    font-family: 'MyriadPro-Regular';
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 1px;
}

#submenu a.level2.s {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

#submenu a.level2 {
    font-size: 14px;
    color: #3d3d3d;
    line-height: 16px;
    font-family: 'MyriadPro-Regular';
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    margin-bottom: 1px;
    margin-left: 20px;
}


/* stylesheet for the template productsfilter */
/* стилевой файл для шаблона productsfilter*/
.product-year {
    background: #fff;
    /*margin-bottom: 10px;*/
    margin-right: 15px;
    padding: 20px;
    padding-bottom: 30px;
}

.product-year #slider-range {
    
}

.product-year h3 {
    margin-bottom: 20px;
}

.product-year h4 {
    float: right;
    font-size: 14px;
    font-family: 'MyriadPro-Regular';
    text-transform: uppercase;
    color: #a10400;
}

.product-year>span {
    font-size: 9px;
    color: #585858;
    display: block;
    width: 50px;
}

.product-year>span.l {
    float: right;
    text-align: right;
}

.product-app {
    margin-top: 5px;
    margin-bottom: 20px;
    padding: 20px;
    margin-right: 15px;
    background: #fff;
}

.product-app h3 {
    margin-bottom: 10px;
}

.product-app a {
    padding: 3px 10px 3px 0px;
    margin-bottom: 1px;
    display: inline-block;
    clear: both;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    vertical-align: top;
}

.product-app a img {
    width: 30px;
    height: 15px;
    vertical-align: top;
}

.product-app a.selected span {
    width: 6px;
    height: 6px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    background: url(/project/img/rm.png) no-repeat;
}

.product-app a.selected {
    border: 1px solid #f0f0f0;
}
/* stylesheet for the template item */
/* стилевой файл для шаблона texts.item*/
.text-item {
    width: 760px;
}

.text-item img {
    margin-top: 15px;
}

.text-item h3 {
    margin-bottom: 15px;
}

.text-item p img {
    margin-top: 0px;
}

.text-item table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    margin-top: 15px;
    margin-bottom: 35px;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
}

.text-item table td {
    padding: 5px;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}

.text-item table td:first-child {
    white-space: nowrap;
}

.text-item table tr:nth-child(odd) {
    background: #f9f9f9;
}


@media only screen and (max-width: 1100px) {
    .text-item {
        width: 100%;
        overflow: auto;
    }
}