/*   Reset styles для того щоб обнулити стандартні налаштування бравзерів   */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*  Сітка - 3 колонки (центральна колонка змінної ширини, ліва та права - фіксовані )*/
/*
Reference for block prefixes (ссылки для приставок блоков):
    l-* - layout block used only to markup site grid.  Приставка используется для разметки решетки сайта
    h-* - holster - defines margins and padding inside column layouts. кобура - определяет края и padding внутри колонки layout
*/
.clear{
    display: block;
    clear: both;
    height: 1px;
    line-height: 0;
    font-size: 0;
    border: none;
}

.l-canvas {
    overflow: hidden;
}

.l-line {
    display: block;
    position: relative;
    overflow: hidden;  /*- only for equal columns height;*/
}

.l-item {
    position: relative;
    float: left;
    overflow: hidden;
}

.l-column-allwidth {
    z-index: 100;
}

.l-column-holder .l-sidebar-left {
    z-index: 100; /*prevent main content from obscuring sidebars */
}

.l-column-holder .l-sidebar-left .h-column-wrapper {
    padding-left: .5em;
    padding-right: .5em;
    background: transparent;
}

.l-column-holder .l-sidebar-right {
    z-index: 100; /*prevent main content from obscuring sidebars */
}

.l-column-holder .l-sidebar-right .h-column-wrapper {
    zoom: 1;
    padding: 25px 0 25px 20px;
    background: transparent url("/im/r-col-bg.gif") right 10px no-repeat;
}
.header.l-column-holder .l-middle-column-wrapper .h-column-wrapper{
    padding: 0 210px 5px 320px;
}
.l-content-holder{
    padding-right: 0px;
    background: transparent url("/im/l-content-holder-bg.gif") 0 0.625em  repeat-x;
}
.l-column-holder.l-content-holder .l-sidebar-left .h-column-wrapper{
    padding: 25px 0 0 10px;
}
.h-gradient{
    padding: 20px 0;
    clear: both;
    background: #F3F8FE url("/im/h-gradient-bg.gif") top left repeat-x;
    box-shadow: 0 1px 4px #ccc;
    -moz-box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 4px #ccc;
    -o-box-shadow: 0 1px 4px #ccc;
}
.l-column-l-50{
    width: 50%;
    float: left;
}
.l-column-r-50{
    width: 50%;
    float: right;
}
.l-column-l-50 .h-col-wrapper,
.l-column-r-50 .h-col-wrapper,
.h-col-wrapper{
    padding: 0 20px;
}
/*  Grid 3 columns layout ends  */

/*  Different layouts. Content wrappers */
.l-round{
    width: 100%;
    position:relative;
    overflow:hidden;
    padding:10px 0;
    margin: 15px 0 20px 0;
    border: 1px solid #d5d5d5;
    box-shadow: 0 1px 4px #ccc;
    -moz-box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 4px #ccc;
    -o-box-shadow: 0 1px 4px #ccc;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -o-border-radius: 11px;

}
.l-round .l-round-content{
    padding: 10px 20px;
 /*   border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;*/
}
.l-round.blue{
    background: #e8eff2;
    border: none;
}
.l-round.dblue{
  background-color: #dbe5eb;
}
.l-round.white{
    margin: 0;
    background-color: #fff;
    border: none;
}
/*  Footer to the bottom styles*/

    .act .b-catlist-level-2{
        display: none;
    }
    .b-catlist-level-2{
        display: block;
    }
.footer{
/*    height: 350px;*/
    padding-top: 30px;
    padding-bottom: 40px;
    background: transparent url("/im/footer-bg.gif") top left repeat-x;
    box-shadow: 0 -1px 4px #ccc;
    -moz-box-shadow: 0 -1px 4px #ccc;
    -webkit-box-shadow: 0 -1px 4px #ccc;
    -o-box-shadow: 0 -1px 4px #ccc;
}
.footer .b-footer-links{
    margin-bottom: 30px;
}
.footer .b-footer-links .b-footer-links-group{
    font-size: 0.75em;
    width: 20%;
    float: left;
    padding-right: 1%;
}
.footer .b-footer-links .b-footer-links-group li{
    background: transparent url("/css/b-menu/b-mainmenu-item-bg.gif") right top no-repeat;
    min-height: 10px;
    padding-right: 10px;
}
.footer .b-footer-links .b-footer-links-group.last li{
    background: none;
}
.footer .b-footer-links .b-footer-links-group li a{
    margin: 0 0 10px 0;
    display: block;
    color: #214594;
}
.footer .b-footer-links .b-footer-links-group li li,
.footer .b-footer-links .b-footer-links-group.last li li{
    padding-left: 10px;
    background: transparent url("/im/pointer.png") left no-repeat;
}
.footer .b-footer-links .b-footer-links-group li li a{
    margin: 0 0 3px 0;
    color: #767676;
}
.footer .b-footer-copy{
    font-size: 0.75em;
    height: 30px;
    line-height: 30px;
    color: #767676;
}
.footer .b-footer-copy .b-copy{
    line-height: 30px;
    letter-spacing: -.2px;
    float: left;
    background: transparent url("/css/b-menu/b-mainmenu-item-bg.gif") right top no-repeat;
}
.footer .b-footer-copy .b-soclinks{
    float: left;
}
.footer .b-footer-copy .b-soclinks .label{ 
    float: left;
    margin-right: 8px;
    line-height: inherit;
    }
.footer .b-footer-copy .b-soclinks .item{
    float: left;
    width: 16px;
    height: 16px;
    background: transparent url("/im/social-links-bg.gif");
    margin-right: 6px;
    margin-top: 8px;
}
.footer .b-footer-copy .b-soclinks .item.vk{
    background-position: 0px 0px
}
.footer .b-footer-copy .b-soclinks .item.twi{
    background-position: -16px 0px
}
.footer .b-footer-copy .b-soclinks .item.fb{
    background-position: -32px 0px
}
.footer .b-footer-copy .b-desby{
    float: left;
    padding: 0 10px;
}
.footer .b-footer-copy .b-desby a{
    padding-right: 70px;
    padding-bottom: 2px;
    text-decoration: none;
    background: transparent url("/im/e-design.gif") right no-repeat;
}

.footer .b-foot-buttons{
    width: 100%;
    height: 30px;
    clear: both;
}
.footer .b-foot-buttons .item{
    float: left;
    margin: 0 10px 0 0;
}
/*Media request < 575px*/
@media (max-width: 575px){
    .b-footer-links{
        display:none;
    }
    .l-round-content.user_content img{
        padding-bottom: 0;
        max-width: 100%;
    }
    .footer{
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .footer .b-footer-copy .b-copy{
        margin-bottom: 10px;
    }
    .footer .b-footer-copy .b-soclinks{
         background: transparent url(/css/b-menu/b-mainmenu-item-bg.gif) right top no-repeat;
    }
    .l-round-content.user_content > p > a > img{
        width: 100%;
        padding-bottom: 10px;
    }
}
/*Media request 576px - 767px*/
@media (max-width: 767px){
    .h-gradient{
        padding: 0;
        margin-bottom: 20px;
    }
    .l-round.dblue{
        margin-top: 10px;
    }
    .l-round .l-round-content{
        padding: 0px 10px;
    }
    .b-panes.l-round.white{
        padding-bottom: 0;
    }
    .b-footer-links{
        display:none;
    }
    .footer{
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .footer .b-footer-copy .b-copy{
        margin-bottom: 8px;
    }
    .footer .b-footer-copy .b-soclinks{
         background: transparent url(/css/b-menu/b-mainmenu-item-bg.gif) right top no-repeat;
    }
    .footer .b-footer-copy .b-copy{
        text-align: left !important;
    }
    .footer .b-footer-copy .b-copy, .footer .b-footer-copy .b-soclinks{
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 1199px) {
    .l-header{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .l-canvas{
        min-width: auto;
        width: 100%;
    }
    .l-column-holder.l-line.container{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .l-header.l-column-holder.l-line.container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .l-column-holder .l-sidebar-right .h-column-wrapper{
        background: none;
    }
    .footer{
        min-width: auto;
    }    
    .l-column-holder .l-sidebar-left{
        padding-right: 0;
    }
    .l-column-holder .l-sidebar-right{
        padding-right: 0;
    }
}
@media( max-width: 1300px ){
    .l-column-holder .l-sidebar-right{
        padding-left: 0;
    }
}
@media(max-width: 991px) {
    .l-column-holder.l-line.container{
        padding-left: 0;
        padding-right: 0;
    }
    .b-form-profile .day ~ .separator {
        display: none;
    }
    .b-form-profile .day ~ .el-size-xsmall{
        width: 49% !important;
    }
    .b-panes.l-round.white{
        background-color: transparent;
        box-shadow: none;
    }
    .l-round-content.tabs-block.current{
        padding: 0;
    }
    .l-content-holder{
        background: none;
    }
    .l-column-holder.l-content-holder .l-sidebar-left .h-column-wrapper{
        display: none;
        padding: 0;
        margin: 1px auto;
        width: 100%;
        box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.1);
    }
    .h-gradient{
        background: #134284;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-bottom: 25px;
    }
    .act .b-catlist-level-2{
        display: block;
    }
    .b-catlist-level-2{
        display: none;
    }
    .b-taglist{
        display: none;
    }
    .l-column-l-50, .l-column-r-50{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .b-catlist.b-catlist-long{
        padding-bottom: 0;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .sidebar-advertising{
        display: none;
    }
    .l-item{
        float: none;
    }
    .l-canvas{
        min-width: auto;
        width: 100%;
    }
    .b-footer-links{
        display: none;
    }
    .footer .b-footer-copy .b-copy,
    .footer .b-footer-copy .b-soclinks{
        background: none;
    }
    .footer{
        min-width: auto;
        background: linear-gradient(180deg, #f3f6f7, #fff);
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0;
    }
    .footer .b-footer-copy{
        height: auto;
        margin-bottom: 0;
    }
    .footer .b-footer-copy .b-copy,
    .footer .b-footer-copy .b-soclinks{
        line-height: 1.2;
    }
    .footer .b-footer-copy .b-copy{
        text-align: right;
        float: right;
    }
    .footer .b-footer-copy .b-soclinks{
        float: left;
    }
    .footer .b-footer-copy .b-soclinks .item{
        margin-top: 0;
    }
}
@media(min-width: 992px){
    .l-column-holder .l-sidebar-left{
        padding-left: 0;
        padding-right: 0;
    }
    .l-column-holder .l-sidebar-right{
        padding-left: 0;
        padding-right: 0;
    }
}

@media(max-width: 575px) {
    .l-round .l-round-content {
        padding: 0px 5px;
    }
}