/*
DIV, SPAN, UL, LI, A, IMG, INPUT, BUTTON {
-webkit-transition:  ease 0s, background 0.2s ease 0s, height 0.3s ease 0s, filter 0.3s ease 0s, box-shadow  0.3s ease 0s, opacity 0.3s, linear-gradient  0.3s ease 0s, border  0.3s ease 0s, color 0.3s ease 0s, margin 0.3s ease 0s;
-moz-transition:  ease 0s, background 0.2s ease 0s, height 0.3s ease 0s, filter 0.3s ease 0s, box-shadow  0.3s ease 0s, opacity 0.3s, linear-gradient  0.3s ease 0s, border  0.3s ease 0s, color 0.3s ease 0s, margin 0.3s ease 0s; 
-o-transition:  ease 0s, background 0.2s ease 0s, height 0.3s ease 0s, filter 0.3s ease 0s, box-shadow  0.3s ease 0s, opacity 0.3s, linear-gradient  0.3s ease 0s, border  0.3s ease 0s, color 0.3s ease 0s, margin 0.3s ease 0s; 
transition:  ease 0s, background 0.2s ease 0s, height 0.3s ease 0s, filter 0.3s ease 0s, box-shadow  0.3s ease 0s, opacity 0.3s, linear-gradient  0.3s ease 0s, border  0.3s ease 0s, color 0.3s ease 0s, margin 0.3s ease 0s;
}
*/

BODY{
    position: relative;
    margin: 0;
    padding: 0 !important;
    font-family: OSRegular;
    color: #28292e;
    H1, H2, H3, H4, .h1{
        padding: 0;
        margin: 0;
        font-family: OSBold;
        line-height: normal;
        color: #28292e;
    }
    H1, .h1{
        margin: 0 0 30px;
        font-size: 36px;
    }
    H2{
        margin: 40px 0 30px;
        font-size: 24px;
        line-height: normal;
    }
    H3{
        font-size: 16px;
    }

    a{
        font-family: OSSemibold;
        font-size: 14px;
        color: #c8c8c8;
        text-decoration: none;
        outline: none !important;
        //border-bottom: 1px dashed #c8c8c8;
    }
    a:hover, a:focus{
        color: #51b9eb;
        //border-color: #51b9eb;
        text-decoration: none;
        .faNewIn{
            opacity: 1;
        }
    }
	P{
        padding: 0;
        margin: 0 0 25px;
        font-family: OSRegular;
        font-size: 14px;
        line-height: 24px;
        color: #28292e;
		
		A {
			color: #008fd4;
		}
    }
    TABLE{
        width: 100%;
        border-color: #cccccc;
        TR{
            border-color: #cccccc;
            TD{
                padding: 16px;
                font-family: OSRegular;
                font-size: 14px;
                line-height: 24px;
                color: #28292e;
                text-align: left;
                border-color: #cccccc;
            }
        }
        TR:first-child{
            background: #f5f5f5;
            TD{
                font-family: OSBold;
                font-size: 14px;
                line-height: 24px;
                color: #28292e;
            }
        }
    }
    .ownerPage OL{
        padding: 0 0 0 15px;
        LI{
            margin-bottom: 10px;
            padding-left: 5px;
        }
    }
    .ownerPage UL{
        margin: 0;
        padding: 0;
        LI{
            margin-bottom: 10px;
            padding-left: 18px;
            list-style: none;
            background-image: url("../img/icons/li.png");
            background-position: 0 4px;
            background-repeat: no-repeat;
        }
    }
    
    .faNew{
        margin: 0 6px 0 0;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 12px;
        background-image: url("../img/icons/iconsFaNew.png");
        .faNewIn{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0;
            background-image: url("../img/icons/iconsFaNew.png");
        }
    }
    .faNew.faNew-map{
        background-position: 0 0;
        .faNewIn{
            background-position: -16px 0;
        }
    }
    .faNew.faNew-phone{
        background-position: 0 -12px;
        .faNewIn{
            background-position: -16px -12px;
        }
    }
    .faNew.faNew-user{
        background-position: 0 -24px;
        .faNewIn{
            background-position: -16px -24px;
        }
    }
    .faNew.faNew-basced{ 
        height: 16px;
        background-position: 0 -36px;
        vertical-align: bottom;
        top:-3px;
        .faNewIn{
            background-position: -16px -36px;
        }
    }
    .faNew.faNew-phone-grey{
        background-position: 0 -52px;
        .faNewIn{
            background-position: -16px -52px;
        }
    }
    .faNew.faNew-user-grey{
        background-position: 0 -64px;
        .faNewIn{
            background-position: -16px -64px;
        }
    }
    
    .clearBoth{
        clear: both;
    }
    
    P.greyTextCenter{
        margin: 0;
        //padding: 45px 0 18px;
        padding: 45px 0 0;
        font-family: OSRegular;
        font-size: 14px;
        line-height: 24px;
        color: #808080;
        text-align: center;
    }
    P.greyTextCenter.textLeft{
        text-align: left;
    }
    P.greyTextCenter.textRight{
        text-align: right;
    }
    
    .btn{
        padding: 0;
        font-family: OSBold;
        font-size: 14px;
        line-height: normal;
        color: #fff;
        background: #008fd4;
        height: 54px;
        width: 178px;
        border: 0;
        border-radius: 3px;
        box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1);
        outline: none;
        .arrow-right{
            margin-left: 5px;
            display: inline-block;
            width: 6px;
            height: 10px;
            vertical-align: middle;
            background-image: url("../img/icons/arrow-right.png");
            background-size: 100% 100%;
        }
    }
    a.btn{
        padding: 13px 0 0;
    }
    .btn-success{
        color: #fff;
        background: #008fd4;
    }
    .btn-success:hover, .btn-success:focus{
        background: #00b1aa;
        border-color: #00b1aa;
    }
    .btn-clear{
        color: #808080;
        background: transparent;
    }
    .btn-success:hover, .btn-success:focus{
        background: #00b1aa;
        border-color: #00b1aa;
    }
	
	.btn-lupa{
		padding: 0 20px;
		width: auto;
		//display: flex;
		//align
		.lupaBtn{
			display: block;
			width: 20px;
			height: 20px;
			background: url("../img/icons/search.png");
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: contain;
		}
	}
	
    
    FORM{
        INPUT, TEXTAREA{
            margin: 0;
            padding: 17px;
            outline: none;
            border: 1px solid #dedede;
            border-radius: 4px;
            font-family: OSRegular;
            font-size: 14px;
            line-height: normal;
            background: #fafafa;
        }
        INPUT:hover, INPUT:focus{
            border-color: #008fd4;
            background: #fff;
        }
        LABEL{
            margin: 0;
            padding: 0 0 0 15px;
            display: block;
            font-family: OSRegular;
            font-size: 13px;
            line-height: 24px;
            color: #808080;
            font-weight: 400;
        }
        LABEL.title{
            margin: 0 0 30px;
            display: block;
            font-family: OSRegular;
            font-size: 30px;
            line-height: 22px;
            color: #28292e;
            text-align: center;
        }
        P{
            margin: -7px 0 10px;
            font-family: OSRegular;
            font-size: 14px;
            line-height: 24px;
            color: #808080;
            text-align: center;
        }
    }
    FORM.formFullBorder{
        margin: 55px auto 57px;
        padding: 40px 15px 50px;
        display: block;
        width: 100%;
        max-width: 1011px;
        border: 1px solid #cccccc;
        .input, .button{
            padding: 0 15px;
            display: inline-block;
            vertical-align: bottom;
        }
        .input{
            width: 40%;
            INPUT{
                width: 100%;
            }
        }
        .button{
            width: 19%;
            BUTTON{
                width: 100%;
            }
        }
    }
    FORM.formFull{
        margin: 0 auto 0;
        padding: 40px 15px 50px;
        display: block;
        width: 100%;
        max-width: 1011px;
        //border: 1px solid #cccccc;
        .input, .button{
            padding: 0 15px;
            display: inline-block;
            vertical-align: bottom;
        }
        .input{
            width: 40%;
            INPUT{
                width: 100%;
            }
        }
        .button{
            width: 19%;
            BUTTON{
                width: 100%;
            }
        }
    }
	
	.formGroup{
		display: flex;
		align-items: flex-start;
		INPUT{
			flex: 1 1 auto;
			border-radius: 4px 0 0 4px;
			max-height: 55px;
		}
		BUTTON, .btn{
			flex: 0 1 auto;
			border-radius: 0 4px 4px 0;
			height: 55px;
		}
	}
    
    UL.paginations{
        margin: 30px 0 0;
        padding: 0;
        text-align: center;
        LI{
            margin: 0;
            padding: 0 8px 0 0;
            display: inline-block;
            vertical-align: top;
            list-style: none;
            background-image: none;
            a{
                display: block;
            }
            SPAN{
                padding: 6px 0;
                display: inline-block;
                font-family: OSRegular;
                font-size: 18px;
                line-height: normal;
                color: #808080;
                border: 1px solid #808080;
                text-align: center;
                width: 40px;
                //height: 40px;
            }
            a:hover{
                SPAN{
                    color: #008fd4;
                    border-color: #008fd4;
                }
            }
        }
        LI.bx-active{
            SPAN{
                color: #28292e;
                border: none;
            }
        }
        LI.bx-pag-prev, LI.bx-pag-next{
            SPAN{
                padding: 11px 0;
                .fa{
                    font-size: 14px;
                }
            }
        }
    }
    
    
    
    #modalZayavka, .onlineZayavka{
        background: rgba(0,0,0,0.3);
        .modal-dialog{
            margin: 50px auto;
            max-width: 475px;
            .modal-content{
                padding: 56px 56px 56px;
                border-radius: 0px;
                box-shadow: 0;
                .modal-header{
                    padding: 0;
                    border: 0;
                    H2{
                        margin: 0 0 15px;
                        font-family: OSBold;
                        font-size: 30px;
                        text-align: center;
                    }
                    P{
                        font-family: OSRegular;
                        font-size: 14px;
                        color: #858a8e;
                        //text-align: center;
                    }
                    BUTTON.close{
                        outline: none;
                        position: absolute;
                        top: 15px;
                        right: 15px;
                        width: 20px;
                        height: 20px;
                        background-image: url("../img/icons/closeModal.png");
                        background-position: 0 0;
                        opacity: 1;
                    }
                    BUTTON.close:hover{
                        background-position: 0 -20px;
                    }
                }
                .modal-body{
                    padding: 0;
                    H4{
                        line-height: 30px;
                        text-align: center;
                    }
                    FORM{
                        margin: 0 !important;
                        padding: 0 !important;
                        INPUT, TEXTAREA{
                            display: block;
                            width: 100%;
                            margin: 0 0 25px !important;
                            width: 100% !important;
                        }
                    }
                    .btn-success{
                        display: block;
                        margin: 0 auto;
                    }
                }
            }
        }
    }

    UL.breadcrumbs{
        margin: 0;
        padding: 0;
        LI{
            list-style: none;
            display: inline-block;
            a, SPAN{
                margin: 0;
                padding: 0;
                font-family: OSRegular;
                font-size: 13px;
                line-height: normal;
                color: #cccccc;
                text-decoration: none;
            }
            a::after{
                margin: 0 15px 0 20px;
                content: "";
                display: inline-block;
                width: 5px;
                height: 8px;
                background-image: url("../img/icons/breadcrumbs_right.png");
                background-size: 100% 100%;
            }
            a:hover{
                color: #51b9eb;
                text-decoration: underline;
            }
        }
    }
}


.ownerSearch{
    padding: 10px 0;
    .search-form{
        text-align: center;
        margin: 15px 0px;
        INPUT{
            width: 100%;
        }
    }
}

.ownerSearchPage{
    padding: 0 0 45px;
    .colSearchForm{
        margin-bottom: 30px;
    }
}

.popup-window{
    .popup-window-buttons{
        padding: 0;
        .row, .ownerContentPageProduct{
            margin: 0 2% !important;
            padding: 0;
            display: inline-block;
            width: 46%;
            max-width: 140px;
            .bx_bt_button{
                margin: 0 auto !important;
                padding: 10px 0;
                display: block;
                font-family: OSBold;
                font-size: 14px;
                line-height: normal;
                color: #fff;
                background: #008fd4;
                height: auto;
                min-height: 60px;
                width: 100%;
                border: 0;
                border-radius: 3px;
                box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1);
                outline: none;
                cursor: pointer;
            }
            .bx_bt_button:hover, .bx_bt_button:focus{
                background: #00b1aa;
                border-color: #00b1aa;
            }
        }
        .btn-buy{
            padding-top: 13px;
        }
    }
}





/////////////////////////////////
//     PAGE
/////////////////////////////////
.ownerPage{
    padding: 0px 0 22px;
    background: #fff;
    H1{
        margin: 30px 0 30px;
        font-family: OSBold;
        font-size: 36px;
    }
    H2{
        margin: 30px 0 30px;
        font-family: OSRegular;
        font-size: 24px;
        text-align: left;
    }
    H3{
        margin: 30px 0 30px;
        font-family: OSBold;
        text-align: left;
        font-size: 16px;
    }
}
/////////////////////////////////
//     END PAGE 
/////////////////////////////////



/////////////////////////////////
//     LOGIN_REGEX_PAGE
/////////////////////////////////
.regexLoginPage{
    padding: 62px 0 65px;
    background: #f0f0f0;
}
.loginRegexForm{
    margin: 0 auto;
    padding: 40px 64px;
    display: block;
    width: 100%;
    max-width: 489px;
    border: 1px solid #cccccc;
    background: #fff;
    H2{
        margin: 0 0 12px;
        font-family: OSRegular;
        font-size: 30px;
        color: #28292e;
        text-align: center;
    }
    FORM{
        LABEL{
            font-family: OSRegular;
            font-size: 13px;
            text-align: 24px;
            color: #808080;
        }
        INPUT{
            margin: 0 0 15px;
            display: block;
            width: 100%;
            border: 1px solid #cccccc;
            background: #f5f5f5;
            outline: none;
        }
        BUTTON{
            margin: 0 auto 0;
            display: block;
        }
        DIV.linkOther{
            margin: 20px 0 0;
            text-align: center;
            a{
                font-family: OSRegular;
                font-size: 13px;
                color: #858a8e;
            }
            a:hover{
                text-decoration: underline;
            }
        }
        DIV.checkboxMy, DIV.radiobutton{
            margin: 0 0 16px;
            display: block;
            cursor: pointer;
            height: 24px;
            LABEL{
                margin: 0;
                padding: 0;
                display: inline-block;
                vertical-align: text-bottom;
            }
            > SPAN{
                margin-bottom: 15px;
                position: relative;
                INPUT[type=radio]{
                    opacity: 0;
                    position: absolute;
                    top: 0;
                    width: 100%;
                    z-index: 1000;
                    cursor: pointer;
                }
            }
            SPAN{
                margin-right: 12px;
                display: inline-block;
                vertical-align: sub;
                font-family: OSRegular;
                font-size: 13px;
                line-height: normal;
                color: #808080;
            }
            SPAN.checkboxMy, SPAN.radiobutton{
                margin-right: 8px;
                width: 24px;
                height: 24px;
                background-image: url("../img/icons/checkForLogin.png");
            }
            SPAN.checkboxMy{
                background-position: 0 0;
            }
            SPAN.checkboxMy.active{
                background-position: -24px 0;
            }
        }
        
    }
}
/////////////////////////////////
//     END LOGIN_REGEX_PAGE 
/////////////////////////////////



/////////////////////////////////
//     HEADER_TOP
/////////////////////////////////
.ownerHeaderTop{
    padding: 15px 0;
    background: #28292e;
    color: #fff;
    .colLine{
		display: flex;
		align-items: center;
		justify-content: center;
		> DIV, > a, > SPAN{
			flex: 1 1 auto;
		}
        .tcell{
            display: inline-block;
            font-size: 13px;
        }
        a{
            border: 0;
            SPAN{
                border-bottom: 1px dashed #c8c8c8;
            }
        }
        a:hover, a:focus{
            SPAN{
                border-color: #51b9eb;
            }
        }
        .phoneHeader{
            font-family: OSSemibold;
            font-size: 14px;
        }
        .adres{
            margin-right: 50px;
        }
        .maps{
            margin-left: 30px;
        }
        .phoneHeader{
            margin-right: 20px;
        }
        .phoneCall{
            margin-right: 65px;
        }
        .myCab{
            margin-right: 20px;
        }
        FORM.myCabOut{
            margin-left: 20px;
			margin-bottom: 0;
            display: inline-block;
            color: #c8c8c8;
            border-bottom: 1px dashed #c8c8c8;
            .myCabOut{
                margin: 0;
                padding: 0;
                border: 0;
                border-radius: 0;
                background: transparent;
            }
        }
        FORM.myCabOut:hover{
            color: #51b9eb;
            border-bottom-color: #51b9eb;
        }
        .basc{
            SPAN{
                display: inline-block;
				vertical-align: middle;
                width: 16px;
                font-family: OSSemibold;
                font-size: 14px;
                color: #fff;
                text-align: right;
                border: 0;
            }
        }
    }
}
/////////////////////////////////
//     END HEADER_TOP
/////////////////////////////////



/////////////////////////////////
//     HEADER_MENU
/////////////////////////////////
.ownerHeaderMenu{
    padding: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    .logoHeader{
        a{
            text-decoration: none;
        }
        IMG{
            margin: 30px auto 0;
            display: block;
            //width: 100%;
            max-width: 167px;
        }
    }
    .navbar-default{
        min-height: auto;
        margin: 0;
        border: 0;
        background-color: transparent;
        .navbar-collapse{
            padding: 0;
            .nav{
                display: table;
                padding: 0;
                LI{
                    border: 0;
                    border-radius: 0;
                    width: auto;
                    padding: 0;
                    a{
                        margin: 0;
                        padding: 52px 0;
                        border: 0;
                        border-bottom: 2px solid transparent;
                        border-radius: 0;
                        font-family: OSSemibold;
                        font-size: 16px;
                        color: #808080;
                        background: transparent;
                        text-decoration: none;
                        SPAN.caretDown{
                            //margin: 25px auto 0;
                            //display: block;
                            position: absolute;
                            top: 75%;
                            left: 0;
                            width: 100%;
                            height: 9px;
                            background-image: url("../img/icons/caretDown.png");
                            background-size: auto 100%;
                            background-repeat: no-repeat;
                            background-position: 50% 50%;
                        }
                        SPAN.caretLeft{
                            margin-right: 5px;
                            display: inline-block;
                            vertical-align: middle;
                            width: 9px;
                            height: 11px;
                            background-image: url("../img/icons/caretLeft.png");
                            background-size: auto 100%;
                            background-repeat: no-repeat;
                            background-position: 50% 50%;
                        }
                    }
                }
                > LI.active{
                    a{
                        border-bottom: 2px solid #008fd4;
                        color: #28292e;
                    }
                }
                > LI, > LI.active{
                    a:hover, a:focus{
                        color: #28292e;
                    }
                }
                > LI:hover{
                    .dropdown-menu{
                        display: block;
                    }
                }
                .dropdown-menu{
                    padding: 0;
                    margin: 0;
                    //min-width: 371px;
                    border: 0;
                    top: 125px;
                    right: 0;
                    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
                    LI{
                        background: #fff;
                        border: 0;
                        width: 100%;
                        max-width: 100%;
                        a{
                            border: 0;
                            padding: 9px 35px;
                            width: 100%;
                            min-width: 250px;
                            font-family: OSRegular;
                            font-size: 16px;
                            color: #28292e;
                            background: transparent;
                            text-transform: none;
                            border-left: 2px solid transparent;
                        }
                    }
                    LI.active{
                        a{
                            border: 0;
                            color: #008fd4;
                            background: #fbfbfb;
                            border-left: 2px solid #008fd4;
                        }
                    }
                    LI, LI.active{
                        a:hover, a:focus{
                            color: #008fd4;
                        }
                    }
                    LI:first-child{
                        padding-top: 22px;
                    }
                    LI:last-child{
                        padding-bottom: 15px;
                    }
                }
                .dropdown:last-child, .dropdown:nth-child(-2){
                    .dropdown-menu{
                        right: 0;
                    }
                }
            }
        }
    }
    .colDropdownMenu{
        position: relative;
        min-height: 0;
        z-index: 10000;
        display: none;
        opacity: 0;
        .dropdownMenu{
            //padding-bottom:20px; /*отступ снизу*/
            width:100%; /*указываем общую ширину блока с колонками*/
            //text-align:justify; /*выравнивание текста внутри колонок*/
            column-count: 4; /*количество колонок, на которое хотим разбить текст*/
            -moz-column-count: 4; /*для мозилы*/
            -webkit-column-count: 4; /*для webkit браузеров*/
            column-gap: 30px; /*отступ между колонками*/
            -moz-column-gap: 30px;
            -webkit-column-gap: 30px;
            padding: 36px 30px 50px;
            position: absolute;
            top: 0;
            left: 0;
            background: #fff;
            font-family: OSBold;
            font-size: 16px;
            width: 100%;
            box-shadow: 0 6px 12px rgba(0,0,0,0.1);
            //display: none;
            //opacity: 0;
            UL.childDropdownMenu{
                margin: 0;
                //padding: 0 0 8px 50px;
                padding: 0 0 0 50px;
                list-style: none;
                LI{
                    margin: 0;
                    padding: 0;
                    a{
                        //padding: 7px 0;
                        padding: 4px 0;
                        //display: block;
                        display: inline-block;
                        vertical-align: middle;
                        font-family: OSRegular;
                        font-size: 13px;
                        //line-height: normal;
                        line-height: 13px;
                        color: #858a8e;
                        border-bottom: 1px solid transparent;
                    }
                }
                LI:first-child{
                    margin: 8px 0 0px -60px;
                    SPAN{
                        margin-right: 10px;
                        display: inline-block;
                        vertical-align: middle;
                        width: 47px;
                        height: 46px;
                        background-image: url("../img/icons/imgDropdownMenuHover.png");
                    }
                    a{
                        //padding: 10px 0;
                        display: inline-block;
                        vertical-align: middle;
                        font-family: OSRegular;
                        font-size: 18px;
                        line-height: normal;
                        color: #28292e;
                        max-width: 200px;
                    }
                }
                LI.active{
                    a{
                        border-color: #008fd4;
                    }
                }
                LI.dropdown{
                    a.active{
                        color: #008fd4;
                    }
                }
                LI, LI.active, LI.dropdown{
                    a:hover, a:focus{
                        color: #008fd4;
                    }
                }
            }
        }
    }
}
.dropdownMenuLeft{
    //margin-left: -300px;
    position: fixed;
    overflow: auto;
    top: 0;
    left: -300px;
    background: #000;
    z-index: 20000;
    width: 300px;
    height: 100%;
    filter: none !important;
    .backMenu{
        width: 100%;
    }
    UL{
        list-style: none;
        LI{
            margin: 0;
            padding: 0;
            //display: none;
            a{
                padding: 5px 0;
                display: inline-block;
                vertical-align: middle;
                font-family: OSRegular;
                font-size: 13px;
                line-height: normal;
                color: #858a8e;
                border-bottom: 1px solid transparent;
            }
        }
        LI, LI.active, LI.dropdown{
            a:hover, a:focus{
                color: #008fd4;
            }
        }
        LI:first-child{
            //display: block;
            a{
                //padding: 10px 0;
                display: inline-block;
                vertical-align: middle;
                font-family: OSRegular;
                font-size: 18px;
                line-height: normal;
                color: #008fd4;
            }
            a:hover, a:focus{
                color: #009bd9;
            }
        }
        DIV{
            display: none;
            a{
                padding: 5px 0;
                display: inline-block;
                vertical-align: middle;
                font-family: OSRegular;
                font-size: 13px;
                line-height: normal;
                color: #dcdcdc;
                border-bottom: 1px solid transparent;
            }
        }
    }
}
/////////////////////////////////
//     END HEADER_MENU
/////////////////////////////////



/////////////////////////////////
//     SLIDER_UTP
/////////////////////////////////
.ownerSliderUtp{
    padding: 40px 0;
    background: #2a2b2f;
    background-position: 50% top;
    //background-size: auto 100%;
    //background-repeat: repeat;
    .colSwiperSlide{
        .swiper-container{
            width: 100%;
            height: 407px;
            margin-left: auto;
            margin-right: auto;
            .swiper-wrapper{
                .swiper-slide{
                    height: 100%;
                    background: #fff;
                    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
                    .blockSlider{
                        position: relative;
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                    .imgImg{
                        display: block;
                        height: 100%;
                        width: 60%;
                        background-position: 50% 50%;
                        background-size: cover;
                        //background-size: auto 100%;
                        //background-repeat: no-repeat;
                    }
                    .titleImg{
                        padding: 45px 0 0 40px;
                        position: absolute;
                        top: 0;
                        right: 0;
                        height: 100%;
                        width: 42%;
                        background: #fff;
                        background-image: url("../img/background/sliderUtpTitle.png");
                        background-position: 0 bottom;
                        background-repeat: no-repeat;
                        H3{
                            margin-bottom: 10px;
                            font-family: OSBold;
                            font-size: 40px;
                            line-height: 40px;
                        }
                        H4{
                            font-family: OSRegular;
                            font-size: 28px;
                            line-height: 28px;
                        }
                        P{
                            padding: 30px 35px 0 40px;
                            font-family: OSRegular;
                            font-size: 14px;
                            line-height: 24px;
                            color: #808080;
                            letter-spacing: 1px;
                            height: 150px;
                            overflow: hidden;
                        }
                        .btn-success{
                            position: absolute;
                            right: 50px;
                            bottom: 45px;
                        }
                    }
                    a.btn{
                        padding-top: 15px;
                    }
                }
            }
        }
    }
}
/////////////////////////////////
//     END SLIDER_UTP
/////////////////////////////////



/////////////////////////////////
//     US_SERVICES
/////////////////////////////////
.ownerUsServices{
    padding: 45px 0 25px;
    background: #f2f2f2;
    H2{
        margin: 0 0 50px;
        text-align: center;
    }
    .colBlockUsServices{
        margin-bottom: 30px;
        a.blockUsServices{
            display: block;
            padding: 8px 8px 0;
            text-decoration: none;
            background: #fff;
            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
            .imgBlockUsServices{
                width: 100%;
                height: 181px;
                background-position: 50% 50%;
                background-size: cover;
            }
            H3.labelBlockUsServices{
                margin: 0;
                padding: 15px 0;
                font-family: OSRegular;
                font-size: 14px;
                line-height: 22px;
                color: #28292e;
                text-align: center;
            }
        }
        a.blockUsServices:hover{
            box-shadow: 0 6px 12px rgba(0,0,0,0.1);
            H3.labelBlockUsServices{
                color: #008fd4;
            }
        }
    }
}
/////////////////////////////////
//     END US_SERVICES
/////////////////////////////////



/////////////////////////////////
//     CATALOG
/////////////////////////////////
.ownerCatalog{
    padding: 45px 0 35px;
    H2{
        margin: 0 0 60px;
        text-align: center;
    }
    .colBlockCatalog{
        margin-bottom: 0px;
        a.blockCatalog{
            display: block;
            position: relative;
            text-decoration: none;
            .imgBlockCatalog{
                width: 100%;
                height: 215px;
                //background-position: 50% top;
                //background-size: 100% auto;
                background-position: 50% 50%;
                background-size: contain;
                background-repeat: no-repeat;
            }
            H3.labelBlockCatalog{
                margin: 15px 0 35px;
                padding: 0;
                font-family: OSRegular;
                font-size: 18px;
                line-height: 22px;
                color: #28292e;
                text-align: center;
                height: 64px;
                overflow: hidden;
            }
            .hoverTop, .hoverBottom{
                position: absolute;
                width: 14px;
                height: 14px;
                background-image: url("../img/icons/hoverCatalog.png");
                opacity: 0;
            }
            .hoverTop{
                top: 0;
                left: 0;
                background-position: 0 0;
            }
            .hoverBottom{
                bottom: 0;
                right: 0;
                background-position: 14px 0;
            }
        }
        a.blockCatalog:hover{
            H3.labelBlockCatalog{
                color: #008fd4;
            }
            .hoverTop, .hoverBottom{
                opacity: 1;
            }
        }
    }
}
/////////////////////////////////
//     END CATALOG
/////////////////////////////////



/////////////////////////////////
//     US_ADVANTAGES
/////////////////////////////////
.ownerUsAdvantages{
    padding: 55px 0 22px;
    background: #0088cd;
    background-image: url("../img/background/ownerUsAdvantages.jpg");
    background-position: 50% top;
    //background-size: auto 100%;
    //background-repeat: repeat;
    H2{
        margin: 0 0 39px;
        color: #fff;
        text-align: center;
    }
    .colUsAdvantages{
        .blockUsAdvantages{
            margin: 20px 0 20px;
            display: inline-block;
            width: 24%;
            vertical-align: top;
            .imgUsAdvantages{
                margin: 0 auto;
                display: block;
                height: 152px;
                width: 152px;
                background-image: url("../img/icons/iconsUsAdvantages.png");
                background-position: 50% 50%;
            }
            H3{
                margin: 0;
                padding: 18px 0 0;
                font-family: OSRegular;
                font-size: 16px;
                line-height: 30px;
                color: #fff;
                min-height: 90px;
                text-align: center;
            }
        }
    }
}
/////////////////////////////////
//     END US_ADVANTAGES
/////////////////////////////////



/////////////////////////////////
//     MAP
/////////////////////////////////
.ownerMap{
    #mapFooter{
        background: #008fd4;
        height: 280px;
    }
}
/////////////////////////////////
//     END MAP
/////////////////////////////////



/////////////////////////////////
//     FOOTER
/////////////////////////////////
.ownerFooter{
    padding: 38px 0 56px;
    background: #fff;
    .logoFooter{
        IMG{
            margin: 0 auto;
            display: block;
            width: 100%;
            max-width: 49px;
        }
    }
    H3{
        margin: 0;
        padding: 10px 0 10px;
        font-family: OSSemibold;
        font-size: 17px;
        line-height: auto;
        color: #28292e;
    }
    .nav{
        LI{
            a{
                padding: 7px 0;
                border: 0;
                border-radius: 0;
                background: transparent;
                font-family: OSRegular;
                font-size: 13px;
                color: #858a8e;
                line-height: normal;
            }
        }
        LI.active{
            a{
                color: #008fd4;
            }
        }
        LI, LI.active{
            a:hover, a:focus{
                color: #28292e;
                background: transparent;
            }
        }
    }
    .contactsFooter{
        P{
            margin: 0 0 5px;
            padding: 0;
            font-family: OSRegular;
            font-size: 13px;
            line-height: auto;
        }
        a.phoneFooter{
            display: block;
            font-family: OSSemibold;
            font-size: 14px;
            line-height: 22px;
            color: #28292e;
            text-decoration: none;
        }
        .linkGroupCont{
            margin-top: 15px;
            P{
                margin: 0 0 10px;
                a.linkFooter{
                    font-family: OSSemibold;
                    font-size: 13px;
                    color: #9da1a5;
                    text-decoration: none;
                    border: 0;
                    SPAN{
                        border-bottom: 1px dashed #c8c8c8;
                    }
                }
                a.linkFooter:hover, a.linkFooter:focus{
                    color: #51b9eb;
                    SPAN{
                        border-color: #51b9eb;
                    }
                }
            }
        }
    }
    .copyright{
        margin-top: -30px;
        text-align: right;
        a{
            font-family: OSRegular;
            font-size: 13px;
            color: #008fd4;
        }
        a:hover, a:focus{
            text-decoration: underline;
        }
    }
    
    .navbar-default{
        //min-height: auto;
        margin: 0;
        border: 0;
        background-color: transparent;
        .navbar-collapse{
            padding: 0;
            .nav{
                margin: 0;
                display: block;
                padding: 0;
                text-align: center;
                .dropdown-menu{
                    padding: 0;
                    margin: 0;
                    border: 0;
                    background: #eef8fc;
                    LI{
                        background: transparent;
                        width: 100%;
                        max-width: 100%;
                        a{
                            padding: 7px 35px;
                            width: 100%;
                            min-width: 250px;
                            font-family: PTSerifBold;
                            font-size: 14px;
                            //color: #ffdd83;
                            text-transform: none;
                            background: transparent;
                        }
                    }
                    LI:nth-child(2n){
                        a{
                            background: #fff;
                        }
                    }
                    LI.active{
                        a{
                            //color: #f00;
                            //background: #50221e;
                        }
                    }
                    LI, LI.active{
                        a:hover, a:focus{
                            background: transparent;
                        }
                    }
                }
                LI{
                    border: 0;
                    border-radius: 0;
                    width: auto;
                    padding: 0;
                    a{
                        margin: 0;
                        padding: 15px 0 13px;
                        display: inline-block;
                        vertical-align: middle;
                        border: 0;
                        border-bottom: 2px solid transparent;
                        border-radius: 0;
                        font-family: OSSemibold;
                        font-size: 16px;
                        color: #808080;
                        background: transparent;
                        text-decoration: none;
                        SPAN.caretDown{
                            display: inline-block;
                            vertical-align: middle;
                            width: 20px;
                            height: 9px;
                            background-image: url("../img/icons/caretDown.png");
                            background-repeat: no-repeat;
                            background-position: 50% 50%;
                        }
                    }
                }
                LI.active{
                    a{
                        border-bottom: 2px solid #008fd4;
                        color: #28292e;
                    }
                }
                LI, LI.active{
                    a:hover, a:focus{
                        color: #28292e;
                    }
                }
            }
        }
    }
}
/////////////////////////////////
//     END FOOTER
/////////////////////////////////








/////////////////////////////////
//     HEADER_PAGE_CONTENT
/////////////////////////////////
.ownerHeaderPageContent{
    background: #27292c;
    //background-image: url("../img/background/ownerHeaderPageContent.jpg");
    background-position: 50% 50%;
    background-size: auto 100%;
    DIV.H1{
        margin-bottom: 20px;
        font-family: OSBold;
        font-size: 40px;
        line-height: 50px;
        text-align: left;
        color: #fff;
    }
    P{
        margin-bottom: 25px;
        font-family: OSRegular;
        font-size: 28px;
        line-height: 22px;
        color: #fff;
    }
    .colImgHeaderContent{
        //height: 100%;
        background-position: 50% 50%;
        background-size: cover;
    }
    .colContent{
        padding-top: 25px;
        padding-bottom: 35px;
        .us_prop{
            .block_usProp{
                display: inline-block;
                width: 24%;
                .img_usProp, .text_usProp{
                    display: inline-block;
                    vertical-align: middle;
                }
                .img_usProp{
                    background-image: url("../img/background/img_usProp.png");
                    width: 53px;
                    height: 52px;
                }
                .text_usProp{
                    margin-left: 5px;
                    font-family: OSRegular;
                    font-size: 14px;
                    line-height: normal;
                    color: #fff;
                    width: 105px;
                }
            }
        }
    }
}
/////////////////////////////////
//     END HEADER_PAGE_CONTENT
/////////////////////////////////


/////////////////////////////////
//     HEADER_PAGE_CONTENT_IN
/////////////////////////////////
.ownerHeaderPageContentIn{
    background: #27292c;
    background-position: 50% 50%;
    background-size: auto 100%;
    H1{
        margin-bottom: 20px;
        font-family: OSBold;
        font-size: 40px;
        line-height: 50px;
        text-align: left;
        color: #fff;
    }
    P{
        margin-bottom: 25px;
        font-family: OSRegular;
        font-size: 28px;
        line-height: 22px;
        color: #fff;
    }
    .colImgHeaderContent{
        //height: 100%;
        background-position: 50% 50%;
        background-size: cover;
    }
    .colContent{
        padding-top: 25px;
        padding-bottom: 35px;
        .us_prop{
            .block_usProp{
                display: inline-block;
                width: 21%;
                .img_usProp, .text_usProp{
                    display: inline-block;
                    vertical-align: middle;
                }
                .img_usProp{
                    background-image: url("../img/background/img_usProp.png");
                    width: 53px;
                    height: 52px;
                }
                .text_usProp{
                    margin-left: 5px;
                    font-family: OSRegular;
                    font-size: 14px;
                    line-height: normal;
                    color: #fff;
                }
            }
        }
    }
}
/////////////////////////////////
//     END HEADER_PAGE_CONTENT_IN
/////////////////////////////////


/////////////////////////////////
//     ARTICLE_LIST
/////////////////////////////////
.ownerArticleList{
    padding: 45px 0 40px;
    background: #fff;
    H2{
        margin: 0 0 45px;
        font-family: OSBold;
        font-size: 30px;
        line-height: 22px;
        color: #28292e;
        text-align: center;
    }
    .colArticleList{
        a.block_articleList{
            margin: 0 0 30px;
            padding: 10px;
            display: block;
            text-decoration: none;
            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
            .imgArticleList{
                height: 248px;
                background-size: cover;
                background-position: 50% 50%;
            }
            P{
                margin: 15px 0 2px;
                font-family: OSRegular;
                font-size: 14px;
                color: #28292e;
                text-align: center;
                height: 50px;
                overflow: hidden;
                SPAN{
                    display: inline-block;
                    vertical-align: middle;
                }
                SPAN:last-child{
                    width: 0;
                    height: 50px;
                }
            }
        }
        a.block_articleList:hover{
            text-decoration: none;
            box-shadow: 0 6px 12px rgba(0,0,0,0.1);
            P{
                color: #008fd4;
            }
        }
    }
}
/////////////////////////////////
//     END ARTICLE_LIST
/////////////////////////////////


/////////////////////////////////
//     ARTICLE_LIST_FOUR
/////////////////////////////////
.ownerArticleListFour{
    padding: 55px 0 35px;
    background: #fff;
    H2{
        margin: 0 0 50px;
        font-family: OSBold;
        font-size: 30px;
        line-height: 22px;
        color: #28292e;
        text-align: center;
    }
    .colArticleList{
        a.block_articleList{
            margin: 0 0 25px;
            padding: 10px;
            display: block;
            text-decoration: none;
            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
            .imgArticleList{
                height: 181px;
                background-size: cover;
                background-position: 50% 50%;
            }
            P{
                margin: 17px 0 5px;
                font-family: OSRegular;
                font-size: 14px;
                color: #28292e;
                text-align: center;
                height: 50px;
                overflow: hidden;
            }
        }
        a.block_articleList:hover{
            text-decoration: none;
            box-shadow: 0 6px 12px rgba(0,0,0,0.1);
            P{
                color: #008fd4;
            }
        }
    }
}
/////////////////////////////////
//     END ARTICLE_LIST_FOUR
/////////////////////////////////


/////////////////////////////////
//     ARTICLE_LIST_2
/////////////////////////////////
.ownerArticleList_2{
    padding: 66px 0 40px;
    background: #fff;
    H2{
        margin: 0 0 50px;
        font-family: OSBold;
        font-size: 30px;
        line-height: 22px;
        color: #28292e;
        text-align: center;
    }
    .colArticleList{
        a.block_articleList{
            margin: 0 0 25px;
            padding: 10px;
            display: block;
            text-decoration: none;
            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
            .imgArticleList{
                height: 249px;
                background-size: cover;
                background-position: 50% 50%;
            }
            P{
                margin: 10px 0 2px;
                font-family: OSRegular;
                font-size: 14px;
                color: #28292e;
                text-align: center;
                height: 50px;
                overflow: hidden;
                SPAN{
                    display: inline-block;
                    vertical-align: middle;
                }
                SPAN:last-child{
                    width: 0;
                    height: 50px;
                }
            }
        }
        a.block_articleList:hover{
            text-decoration: none;
            box-shadow: 0 6px 12px rgba(0,0,0,0.1);
            P{
                color: #008fd4;
            }
        }
    }
}
/////////////////////////////////
//     END ARTICLE_LIST_2
/////////////////////////////////


/////////////////////////////////
//     WHY_CHOOSE_US
/////////////////////////////////
.ownerWhyChooseUs{
    padding: 45px 0 20px;
    H2{
        margin: 0 0 50px;
        font-family: OSBold;
        font-size: 30px;
        line-height: 22px;
        color: #28292e;
        text-align: center;
    }
    .colWhyChooseUs{
        margin-bottom: 20px;
        .blockWhyChooseUs{
            margin: 0 0 10px;
            padding: 0;
            height: 338px;
            overflow: hidden;
            //box-shadow: 0 1px 2px rgba(0,0,0,0.1);
            .imgWhyChooseUs{
                height: 188px;
                background-size: cover;
                background-position: 50% 50%;
                background-color:#2a2b2f;
            }
            H3{
                margin: 15px 0 10px;
                font-family: OSRegular;
                font-size: 16px;
                line-height: 24px;
                color: #28292e;
                //height: 50px;
                //overflow: hidden;
                width: 205px;
            }
            P{
                margin: 0 0 0;
                font-family: OSRegular;
                font-size: 14px;
                line-height: 24px;
                color: #808080;
                height: 70px;
                overflow: hidden;
            }
        }
    }
}
/////////////////////////////////
//     END WHY_CHOOSE_US
/////////////////////////////////


/////////////////////////////////
//     WHY_CHOOSE_US_2
/////////////////////////////////
.ownerWhyChooseUs_2{
    padding: 45px 0 12px;
    background: #f1f1f1;
    H2{
        margin: 0 0 40px;
        font-family: OSBold;
        font-size: 30px;
        line-height: 22px;
        color: #28292e;
        text-align: center;
    }
    .colWhyChooseUs{
        margin-bottom: 20px;
        .blockWhyChooseUs{
            margin: 0 0 10px;
            padding: 0;
            height: 338px;
            overflow: hidden;
            //box-shadow: 0 1px 2px rgba(0,0,0,0.1);
            .imgWhyChooseUs{
                height: 188px;
                background-size: cover;
                background-position: 50% 50%;
                background-color:#2a2b2f;
            }
            H3{
                margin: 15px 0 10px;
                font-family: OSRegular;
                font-size: 16px;
                line-height: 24px;
                color: #28292e;
                //height: 50px;
                //overflow: hidden;
                width: 205px;
            }
            P{
                margin: 0 0 0;
                font-family: OSRegular;
                font-size: 14px;
                line-height: 24px;
                color: #808080;
                height: 70px;
                overflow: hidden;
            }
        }
    }
}
/////////////////////////////////
//     END WHY_CHOOSE_US_2
/////////////////////////////////


/////////////////////////////////
//     WHY_CHOOSE_US_3
/////////////////////////////////
.ownerWhyChooseUs_3{
    padding: 45px 0 30px;
    background: #f1f1f1;
    H2{
        margin: 0 0 50px;
        font-family: OSBold;
        font-size: 30px;
        line-height: 22px;
        color: #28292e;
        text-align: center;
    }
    .colWhyChooseUs{
        margin-bottom: 20px;
        .blockWhyChooseUs{
            margin: 0 0 10px;
            padding: 0;
            .imgWhyChooseUs{
                height: 257px;
                background-size: cover;
                background-position: 50% 50%;
                background-color:#2a2b2f;
            }
            H3{
                margin: 15px 0 10px;
                font-family: OSRegular;
                font-size: 16px;
                line-height: 24px;
                color: #28292e;
            }
            P{
                margin: 0 0 0;
                font-family: OSRegular;
                font-size: 14px;
                line-height: 24px;
                color: #808080;
            }
        }
    }
}
/////////////////////////////////
//     END WHY_CHOOSE_US_3
/////////////////////////////////


/////////////////////////////////
//     WHY_CHOOSE_US_4
/////////////////////////////////
.ownerWhyChooseUs_4{
    padding: 45px 0 20px;
    H2{
        margin: 0 0 50px;
        font-family: OSBold;
        font-size: 30px;
        line-height: 22px;
        color: #28292e;
        text-align: center;
    }
    .colWhyChooseUs{
        margin-bottom: 15px;
        .blockWhyChooseUs{
            margin: 0 0 10px;
            padding: 0;
            height: 338px;
            overflow: hidden;
            .imgWhyChooseUs{
                height: 188px;
                background-size: cover;
                background-position: 50% 50%;
                background-color:#2a2b2f;
            }
            H3{
                margin: 15px 0 10px;
                font-family: OSRegular;
                font-size: 16px;
                line-height: 24px;
                color: #28292e;
            }
        }
    }
}
/////////////////////////////////
//     END WHY_CHOOSE_US_4
/////////////////////////////////


/////////////////////////////////
//     WHY_WORK_US
/////////////////////////////////
.ownerWhyWorkUs{
    padding: 55px 0 20px;
    background-position: 50% top;
    background-color:#2a2b2f;
    H2{
        margin: 0 0 55px;
        font-family: OSBold;
        font-size: 30px;
        line-height: 22px;
        color: #fff;
        text-align: center;
    }
    .colWhyWorkUs{
        margin-bottom: 20px;
        .blockWhyWorkUs{
            margin: 0;
            padding: 0;
            height: 94px;
            .imgWhyWorkUs, P{
                width: 60px;
                background-position: 50% 50%;
                background-size: 100% auto;
                background-repeat: no-repeat;
                display: inline-block;
                vertical-align: middle;
            }
            .imgWhyWorkUs{
                //height: 58px;
                //width: 59px;
                //background-image: url("../img/background/imgWhyWorkUs.png");
                width: 60px;
                background-position: 50% 50%;
                background-size: 100% auto;
                background-repeat: no-repeat;
                height: 100%;
                display: inline-block;
                vertical-align: middle;
            }
            P{
                margin: 0px 0 0 10px;
                font-family: OSRegular;
                font-size: 15px;
                line-height: 30px;
                color: #fff;
                width: 185px;
                vertical-align: middle;
                display: inline-block;
                overflow:hidden;
            }
        }
    }
}
/////////////////////////////////
//     END WHY_WORK_US
/////////////////////////////////


/////////////////////////////////
//     WHY_WORK_US_2
/////////////////////////////////
.ownerWhyWorkUs_2{
    padding: 55px 0 10px;
    background-position: 50% top;
    H2{
        margin: 0 0 55px;
        font-family: OSBold;
        font-size: 30px;
        line-height: 22px;
        color: #fff;
        text-align: center;
    }
    .colWhyWorkUs{
        margin-bottom: 20px;
        .blockWhyWorkUs{
            margin: 0;
            padding: 0;
            //height: 338px;
            .imgWhyWorkUs, P{
                display: inline-block;
                vertical-align: top;
            }
            .imgWhyWorkUs{
                //height: 58px;
                //width: 52px;
                //background-image: url("../img/background/imgWhyWorkUs_2.png");
                height: 60px;
                width: 60px;
                background-position: 50% 50%;
                background-size: 100% 100%;
            }
            P{
                margin: 15px 0 0 10px;
                font-family: OSRegular;
                font-size: 16px;
                line-height: 30px;
                color: #fff;
                width: 285px;
                height: 94px;
                overflow: hidden;
            }
        }
    }
}
/////////////////////////////////
//     END WHY_WORK_US_2
/////////////////////////////////


/////////////////////////////////
//     US_WARRANTY
/////////////////////////////////
.ownerUsWarranty{
    padding: 55px 0 20px;
    background: #f1f1f1;
    H2{
        margin: 0 0 42px;
        font-family: OSBold;
        font-size: 30px;
        line-height: 22px;
        color: #28292e;
        text-align: center;
    }
    .colUsWarranty{
        margin-bottom: 30px;
        .blockUsWarranty{
            margin: 0;
            padding: 0;
            //height: 338px;
            .imgUsWarranty{
                height: 257px;
                background-image: url("../img/background/imgWhyWorkUs.png");
                background-position: 50% 50%;
                background-size: cover;
                background-color:#2a2b2f;
            }
            H3{
                margin: 15px 0 10px;
                font-family: OSRegular;
                font-size: 16px;
                line-height: 24px;
                color: #28292e;
            }
            P{
                margin: 0 0 10px;
                font-family: OSRegular;
                font-size: 14px;
                line-height: 24px;
                color: #808080;
            }
        }
    }
}
/////////////////////////////////
//     END US_WARRANTY
/////////////////////////////////




/////////////////////////////////
//     HEADER_PAGE_CATEGORY
/////////////////////////////////
.ownerHeaderPageCategory{
    padding: 27px 0 30px;
    background: #2a2b2f;
    background-position: 50% 50%;
    background-size: auto 100%;
    H1{
        margin: 0 0 11px;
        font-family: OSBold;
        font-size: 40px;
        line-height: normal;
        color: #fff;
    }
    .colHeader{
        .imgHeader, .bodyHeader{
            display: inline-block;
            vertical-align: top;
        }
        .imgHeader{
            width: 60px;
            height: 80px;
            background-image: url("/img/templates/menu/video.png");
            background-position: 50% 13px;
            background-repeat: no-repeat;
        }
        .bodyHeader{
            width: 92%;
            .menuCategory{
                margin: 30px 0 0;
                //text-align: center;
                LI, LI.active{
                    padding-right: 15px;
                    float: none;
                    display: inline-block;
                    a{
                        margin: 0 0 15px;
                        padding: 10px 30px;
                        font-family: OSSemibold;
                        font-size: 14px;
                        line-height: normal;
                        color: #cccccc;
                        border: 1px dashed #cccccc;
                        background-color: transparent;
                    }
                    a:hover, a:focus{
                        color: #008fd4;
                        border-color: #008fd4;
                    }
                }
                LI.active{
                    a{
                        color: #008fd4;
                        background-color: transparent;
                    }
                }
            }
        }
    }
}
/////////////////////////////////
//     END HEADER_PAGE_CATEGORY
/////////////////////////////////



/////////////////////////////////
//     ITEM_PRODUCT_BLOCK
/////////////////////////////////
.colInfoCat{
    position: relative;
    > P{
        font-family: OSBold;
        font-size: 18px;
        line-height: 22px;
        color: #28292e;
        SPAN{
            font-family: OSRegular;
            font-size: 13px;
            line-height: 24px;
            color: #808080;
        }
        > SPAN{
            margin-left: 15px;
        }
    }
    UL.sortCat{
        margin: 0;
        padding: 0;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        LI{
            margin: 0 10px 0 0;
            padding: 7px 10px;
            list-style: none;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
            background: transparent;
            border-radius: 3px;
            a{
                text-decoration: none;
            }
            i, SPAN{
                display: inline-block;
                vertical-align: middle;
            }
            i{
                margin: 0 5px 0 0;
                padding: 0;
                width: 13px;
                height: 11px;
                //background-image: url("../img/icons/icons_sort.png");
                background-image: url("../img/icons/icons_catalog_rec.png");
                background-repeat: no-repeat;
            }
            i.nameSort{
                background-position: -1px -40px;
            }
            i.priceSort{
                background-position: -1px -54px;
            }
            SPAN{
                font-family: OSRegular;
                font-size: 13px;
                line-height: normal;
                color: #808080;
            }
        }
        LI:hover{
            SPAN{
                color: #51b9eb;
            }
        }
        LI.active{
            background: #008fd4;
            i.asc{
                background-position: 0 -67px;
            }
            i.desc{
                background-position: -11px -67px;
            }
            SPAN{
                color: #fff;
            }
        }
    }
}
.colItemsTovarCat{
    margin-bottom: 30px;
    div.blockItems{
        padding: 15px 10px 20px;
        display: block;
        text-decoration: none;
        border: 1px solid #cccccc;
        background: #fff;
        H3{
            margin: 0 0 15px;
            //height: 50px;
            height: 95px;
            overflow: hidden;
            a{
                font-family: OSRegular;
                font-size: 18px;
                line-height: 24px;
                color: #28292e;
            }
        }
        H3:hover{
            a{
                color: #008fd4;
            }
        }
        .imgItem{
            width: 100%;
            height: 244px;
            display: block;
            background-position: 50% 50%;
            //background-size: cover;
            //background-size: 100% auto;
            background-size: contain;
            background-repeat: no-repeat;
        }
        .availPrice{
            margin-top: 22px;
            .avail, .price{
                display: inline-block;
                vertical-align: middle;
            }
            .avail{
                margin: 10px 0 12px;
                width: 121px;
                i, SPAN{
                    display: inline-block;
                    vertical-align: middle;
                }
                i{
                    height: 14px;
                    width: 14px;
                    background-image: url("../img/icons/avail.png");
                    background-position: 0 0;
                }
                i.noSclad{
                    background-position: -14px 0;
                }
                SPAN{
                    margin-left: 5px;
                    font-family: OSRegular;
                    font-size: 13px;
                    line-height: normal;
                    color: #808080;
                }
            }
            .price{
                padding: 7px 10px 7px 17px;
                font-family: OSRegular;
                font-size: 18px;
                line-height: normal;
                color: #28292e;
                background-image: url("../img/background/priceBorder.png");
                background-size: 100% 100%;
                min-width: 100px;
                text-align: center;
                float: right;
            }
        }
        .charset{
            margin-top: 13px;
            height: 67px;
            overflow: hidden;
            P{
                margin-bottom: 0;
                SPAN{
                    font-family: OSRegular;
                    font-size: 13px;
                    line-height: 22px;
                    color: #808080;
                }
                SPAN:last-child{
                    float: right;
                }
            }
        }
        .buyActions{
            margin-top: 16px;
            text-align: justify;
            .btn, .basket{
                display: inline-block;
                vertical-align: middle;
            }
            .btn{
                margin-right: 2%;
                height: 48px;
                //width: 138px;
                width: 47%;
            }
            .basket{
                padding: 10px 0 0;
                height: 48px;
                width: 47%;
                background: transparent;
                border: 2px solid #1c9cda;
                border-radius: 3px;
                cursor: pointer;
                text-align: center;
                > SPAN{
                    display: inline-block;
                    vertical-align: middle;
                }
                > SPAN.imgCart{
                    margin-right: 5px;
                    position: relative;
                    height: 21px;
                    width: 20px;
                    background-image: url("../img/icons/btnBasket.png");
                    SPAN{
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 21px;
                        width: 20px;
                        background-image: url("../img/icons/btnBasket.png");
                        background-position: -20px 0;
                        opacity: 0;
                    }
                }
                > SPAN.text{
                    color: #28296b;
                }
            }
            .basket:hover{
                > SPAN.imgCart SPAN{
                    opacity: 1;
                }
                > SPAN.text{
                    color: inherit;
                }
            }
            /*
            .basket, .basket SPAN{
                height: 21px;
                width: 20px;
                background-image: url("../img/icons/btnBasket.png");
                cursor: pointer;
            }
            .basket{
                margin-left: 19%;
                position: relative;
                background-position: 0 0;
                SPAN{
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-position: -20px 0;
                    opacity: 0;
                }
            }
            .basket:hover{
                SPAN{
                    opacity: 1;
                }
            }
            */
        }
    }
    div.blockItems:hover{
        box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    }
}
.filterPresent{
    P.labelBlock{
        margin: 0 0 20px;
        padding: 0;
        font-family: OSSemibold;
        font-size: 13px;
        line-height: 22px;
        color: #808080;
    }
    UL.listOrder{
        margin: 0 0 25px;
        padding: 0 0 0 20px;
        LI{
            margin: 0 0 16px;
            list-style: none;
            width: 200px;
            a{
                font-family: OSRegular;
                font-size: 14px;
                line-height: 22px;
                color: #008fd4;
            }
        }
        LI::before{
            margin: 0 0 0 -20px;
            padding: 0 20px 0 0;
            content: "";
            width: 6px;
            height: 10px;
            display: inline-block;
            vertical-align: baseline;
            background-image: url("../img/icons/filterPresentList.png");
            background-repeat: no-repeat;
            background-position: 0 50%;
            background-size: auto 100%;
        }
    }
}

.slider-swiperSlideFull{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    display: none;
    //display: block;
    z-index: 10000;
    filter: none !important;
    .swiper-container{
        width: 100%;
        height: 100%;
        .swiper-wrapper{
            .swiper-slide{
                overflow: hidden;
                .swiper-zoom-container{
                    IMG{
                        border: 1px solid #ccc;
                    }
                }
            }
        }
    }
    .closeSlider{
        position: absolute;
        top: 20px;
        right: 20px;
        font-family: OSBold;
        font-size: 30px;
        color: #ccc;
        line-height: normal;
        text-align: center;
        border: 2px solid #ccc;
        border-radius: 50%;
        background: #000;
        width: 45px;
        height: 45px;
        z-index: 20000;
        cursor: pointer;
    }
    .closeSlider:hover{
        color: #008fd4;
        border-color: #008fd4;
        background: #ccc;
    }
}

.filterMenu{
    padding-bottom: 25px;
    BUTTON{
        margin: 0 auto;
        display: block;
        width: 100%;
        max-width: 200px;
    }
}

.ownerSliderBlock{
    padding: 20px 0 55px;
    background: #f1f1f1;
    .colSliderBlock{
        H2{
            margin: 0 0 35px;
            font-family: OSBold;
            font-size: 30px;
            color: #28292e;
            text-align: center;
        }
        .swiper-container{
            width: 100%;
            height: auto;
            .swiper-wrapper{
                height: auto;
                .swiper-slide{
                    padding: 10px;
                    text-align: center;
                    background: #fff;
                    height: auto;
                    DIV{
                        height: 320px;
                        background-position: 50% 50%;
                        background-size: cover;
                    }
                    SPAN.zoom{
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(255,255,255,0.6);
                        background-image: url("../img/icons/zoom.png");
                        background-position: 50% 50%;
                        background-repeat: no-repeat;
                        opacity: 0;
                    }
                }
                .swiper-slide:hover{
                    SPAN.zoom{
                        opacity: 1;
                    }
                }
            }
        }
    }
}
/////////////////////////////////
//     END ITEM_PRODUCT_BLOCK
/////////////////////////////////




/////////////////////////////////
//     CONTENT_PAGE_MAINCATEGORY
/////////////////////////////////
.ownerContentPageMainCategory{
    padding: 23px 0 30px;
    /*
    H1{
        margin: 0 0 11px;
        font-family: OSBold;
        font-size: 40px;
        line-height: normal;
        color: #fff;
    }
    */
}
/////////////////////////////////
//     END CONTENT_PAGE_MAINCATEGORY
/////////////////////////////////



/////////////////////////////////
//     CONTENT_PAGE_CATEGORY
/////////////////////////////////
.ownerContentPageCategory{
    padding: 23px 0 30px;
    /*
    H1{
        margin: 0 0 11px;
        font-family: OSBold;
        font-size: 40px;
        line-height: normal;
        color: #fff;
    }
    */
}

.bx-filter{
    .bx-ui-slider-track{
        height: 3px;
    }
    .bx-ui-slider-part{
        background: none; 
    }
}
.bx-filter-parameters-box-container{
    padding: 0;
}
.bx-filter.bx-blue{
    .bx-ui-slider-handle.left, .bx-ui-slider-handle.right{
        background-image: url("../img/icons/intervalBarHand.png");
        width: 12px;
        height: 20px;
    }
    .bx-ui-slider-handle.left{
        background-position: 0 0;
        margin-left: -12px;
    }
    .bx-ui-slider-handle.right{
        background-position: -12px 0;
        margin-right: -12px;
    }
    .bx-ui-slider-pricebar-vn{
        background: #b3b3b3;
    }
    .bx-ui-slider-pricebar-vd{
        background: #008fd4;
    }
}
.bx-filter{
    .bx-filter-popup-result{
        padding: 15px 20px 20px;
        font-family: OSRegular;
        font-size: 15px;
        line-height: normal;
        color: #28292e;
        border-image-repeat: inherit !important;
        #modef_num{
            font-weight: 600;
        }
        a{
            margin: 10px 0 0;
            padding: 5px 20px;
            display: block;
            border: 2px solid #1d9dda;
            font-family: Roboto;
            font-family: OSRegular;
            font-size: 18px;
            line-height: normal;
            color: #28292e;
        }
    }
}
.colFilterCat{
    .colInfoCatFilter{
        P{
            margin: 0 0 22px;
            font-family: OSBold;
            font-size: 18px;
            line-height: 22px;
            color: #28292e;
        }
    }
    .colFilter{
        //margin: 0 -15px;
        //padding: 0 15px;
        //border: 1px solid #cccccc;
        .bx-filter{
            padding: 0;
            .bx-filter-section{
                padding: 0;
                background: transparent;
            }
        }
        P.labelBlock{
            margin: 0;
            padding: 0 0 32px;
            font-family: OSBold;
            font-size: 18px;
            line-height: 22px;
            color: #28292e;
            //border-bottom: 1px solid #cccccc;
        }
        .blockFilter{
            padding: 15px 10px 15px;
            //border-bottom: 1px solid #cccccc;
            border: 1px solid #cccccc;
            //overflow: hidden;
            P.nameFilter{
                margin: 0 0 6px;
                display: block;
                font-family: OSSemibold;
                font-size: 13px;
                line-height: 24px;
                color: #35363b;
                text-align: left;
            }
            INPUT, SELECT{
                padding: 4px 10px;
                display: block;
                font-family: OSRegular;
                font-size: 13px;
                line-height: 24px;
                color: #28292e;
                width: 100%;
            }
            .intervalBar{
                margin: 0;
                padding: 14px 12px 22px;
                position: relative;
                width: 100%;
                .minValue, .maxValue{
                    position: absolute;
                    top: 12px;
                    font-family: OSRegular;
                    font-size: 11px;
                    line-height: normal;
                    color: #b3b3b3;
                }
                .minValue{
                    left: 12px;
                }
                .maxValue{
                    right: 12px;
                }
                .lineAll{
                    margin: 17px 0 0;
                    position: relative;
                    display: block;
                    width: 100%;
                    height: 3px;
                    background: #b3b3b3;
                    .result{
                        position: absolute;
                        height: 100%;
                        left: 0;
                        right: 60%;
                        background: #008fd4;
                    }
                }
                .leftHand, .rightHand{
                    position: absolute;
                    top: 3px;
                    width: 12px;
                    height: 20px;
                    background-image: url("../img/icons/intervalBarHand.png");
                    cursor: pointer;
                }
                .leftHand{
                    left: -12px;
                    background-position: 0 0;
                }
                .rightHand{
                    right: -12px;
                    background-position: -12px 0;
                }
            }
            DIV.checkboxMy, DIV.radiobutton{
                display: inline-block;
                vertical-align: middle;
                cursor: pointer;
                > SPAN{
                    margin-bottom: 15px;
                    position: relative;
                    INPUT[type=radio]{
                        opacity: 0;
                        position: absolute;
                        top: 0;
                        width: 100%;
                        z-index: 1000;
                        cursor: pointer;
                    }
                }
                SPAN{
                    margin-right: 0;
                    display: inline-block;
                    vertical-align: middle;
                    font-family: OSRegular;
                    font-size: 13px;
                    line-height: normal;
                    color: #808080;
                }
                > SPAN{
                    margin-right: 12px;
                }
                SPAN.checkboxMy, SPAN.radiobutton{
                    margin-right: 8px;
                    width: 16px;
                    height: 16px;
                    background-image: url("../img/icons/check-filter.png");
                }
                SPAN.checkboxMy{
                    background-position: 0 0;
                }
                SPAN.radiobutton{
                    background-position: 0 -16px;
                }
                SPAN.checkboxMy.active{
                    background-position: -16px 0;
                }
                SPAN.radiobutton.active{
                    background-position: -16px -16px;
                }
            }
            
            .inputPrice{
                INPUT, .line, .after{
                    display: inline-block;
                    vertical-align: middle;
                }
                INPUT{
                    padding: 4px 10px;
                    font-family: OSRegular;
                    font-size: 13px;
                    line-height: 24px;
                    color: #28292e;
                    width: 80px;
                }
                .line{
                    margin: 0 8px;
                    height: 1px;
                    width: 13px;
                    border-top: 1px solid #cccccc;
                }
                .after{
                    margin: 0 0 0 8px;
                }
            }
            
            .btn{
                display: inline-block;
                height: 40px;
                width: 133px;
                font-family: OSSemibold;
                font-size: 13px;
            }
            .btn-clear{
                margin-left: 3px;
                font-family: OSRegular;
                color: #808080;
                border: none;
                box-shadow: none;
                width: 100px;
                SPAN.closeImg{
                    margin-right: 3px;
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    background-image: url("../img/icons/close_btn.png");
                    background-size: 100% 100%;
                }
            }
        }
    }
}
/////////////////////////////////
//     END CONTENT_PAGE_CATEGORY
/////////////////////////////////


/////////////////////////////////
//     CONTENT_PAGE_PRODUCT
/////////////////////////////////
.ownerContentPageProduct{
    padding: 40px 0 30px;
    .colInfoCat{
        P{
            margin-bottom: 20px;
        }
    }
    .colPhotoProduct{
        .imgProduct{
            width: 100%;
            height: 362px;
            background-position: 50% 50%;
            background-size: contain;
            background-repeat: no-repeat;
            border: 1px solid #cccccc;
            cursor: pointer;
        }
        .slider-swiperSlideTrumbnuils{
            margin: 20px 0;
            width: 100%;
            position: relative;
            padding: 0 25px;
            .swiper-container{
                .swiper-wrapper{
                    height: auto;
                    .swiper-slide{
                        height: 67px;
                        background-position: 50% 50%;
                        background-size: 100% auto;
                        background-repeat: no-repeat;
                        border: 1px solid #cccccc;
                        cursor: pointer;
                    }
                    .swiper-slide.active{
                        opacity: 0.3;
                    }
                }
            }
            .swiper-button-next, .swiper-button-prev{
                background-image: url("../img/icons/sliderNavigationMini.png");
                background-size: inherit;
                width: 8px;
                height: 16px;
                margin-top: -10px;
                
            }
            .swiper-button-prev{
                background-position: 0 0;
                left: 5px;
            }
            .swiper-button-next{
                background-position: 0 -16px;
                right: 5px;
            }
        }
    }
    .choiseProduct{
        P{
            margin: 0;
            padding: 5px 0 4px;
            font-family: OSRegular;
            font-size: 13px;
            line-height: 22px;
            color: #808080;
            border-bottom: 1px solid #d5d5d5;
            SPAN{
                float: right;
            }
        }
    }
    .colChoiseProduct{
        a{
            margin: 15px 0 0;
            display: inline-block;
            font-family: OSRegular;
            font-size: 13px;
            line-height: normal;
            color: 808080;
            text-decoration: none;
            border-bottom: 1px dashed #808080;
        }
        a:hover{
            color: #008fd4;
            border-color: #008fd4;
        }
    }
    .colPriceProduct{
        .priceBasket{
            .price{
                margin-right: 10px;
                padding: 5px 13px 5px 24px;
                display: inline-block;
                vertical-align: middle;
                font-family: OSRegular;
                font-size: 28px;
                line-height: normal;
                color: #28292e;
                background-image: url("../img/background/priceBorder.png");
                background-size: 100% 100%;
            }
            BUTTON.basket{
                display: inline-block;
                vertical-align: middle;
                height: 48px;
                width: 154px;
                SPAN{
                    margin-right: 6px;
                    display: inline-block;
                    vertical-align: top;
                    width: 20px;
                    height: 21px;
                    background-image: url("../img/icons/btnBasket.png");
                    background-position: -40px 0;
                }
            }
        }
        .otherPrice{
            padding: 15px 0 0;
            .col{
                margin: 0 2% 0 0;
                display: inline-block;
                vertical-align: bottom;
                width: 30%;
                P{
                    margin: 0;
                    padding: 0;
                    //display: inline-block;
                    font-family: OSRegular;
                    font-size: 13px;
                    line-height: 22px;
                    color: #808080;
                }
                P:last-child{
                    font-size: 18px;
                    color: #28292e;
                }
                a{
                    font-family: OSRegular;
                    font-size: 13px;
                    line-height: 18px;
                    color: #008fd4;
                }
                a:hover{
                    text-decoration: underline;
                }
            }
        }
        .avail{
            padding: 20px 0 25px;
            display: inline-block;
            vertical-align: middle;
            width: 121px;
            i, SPAN{
                display: inline-block;
                vertical-align: middle;
            }
            i{
                height: 14px;
                width: 14px;
                background-image: url("../img/icons/avail.png");
                background-position: 0 0;
            }
            i.noSclad{
                background-position: -14px 0;
            }
            SPAN{
                margin-left: 5px;
                font-family: OSRegular;
                font-size: 13px;
                line-height: normal;
                color: #808080;
            }
        }
        .buyOneClick{
            margin: 0;
            padding: 30px 30px;
            border: 1px dashed #c8c8c8;
            BUTTON.btnBuyOneClick{
                margin: 0 auto;
                display: block;
                height: 48px;
                width: 224px;
                SPAN{
                    margin-right: 6px;
                    display: inline-block;
                    vertical-align: top;
                    width: 15px;
                    height: 21px;
                    background-image: url("../img/icons/btnBuyOneClick.png");
                }
            }
            P.review{
                margin: 15px auto;
                font-family: OSRegular;
                font-size: 12px;
                line-height: 16px;
                color: #808080;
                text-align: center;
                width: 280px;
            }
            .plasticCard{
                padding: 7px 0 0;
                text-align: center;
                IMG{
                    margin: 0 4px;
                    display: inline-block;
                    width: 50px;
                    border: 1px solid rgba(214, 214, 214, 0.5);
                    border-radius: 3px;
                }
            }
        }
        DIV.onlineConsultBuy{
            margin: 15px 0 0;
            text-align: center;
            a.onlineConsultBuy{
                display: inline-block;
                text-decoration: none;
                border-bottom: 1px dashed #808080;
            }
            a:hover{
                //color: #008fd4;
                border-color: #008fd4;
            }
        }
    }
    
    .rowReview{
        padding: 35px 0 25px;
        .colReview, .colRightArticle{
            .colInfoCat{
                P{
                    margin-bottom: 28px;
                }
            }
            .colInfoCat2{
                padding-top: 7px;
                P{
                    margin-bottom: 8px;
                }
            }
        }
        .colRightArticle{
            a.downDetailsManual{
                margin: 0 0 18px;
                padding: 15px 0 10px 15px;
                display: block;
                font-family: OSRegular;
                font-size: 14px;
                line-height: 22px;
                color: #008fd4;
                //border-top: 1px dashed #c8c8c8;
                border-bottom: 1px dashed #c8c8c8;
                SPAN{
                    margin-right: 6px;
                    display: inline-block;
                    vertical-align: sub;
                    width: 12px;
                    height: 15px;
                    background-image: url("../img/icons/downloadManual.png");
                }
            }
            a.downDetailsManual:first-child{
                border-top: 1px dashed #c8c8c8 !important;
            }
            a.downDetailsManual:last-child{
                margin: 0 0 18px !important;
            }
            a.downDetailsManual:hover{
                text-decoration: underline;
            }
        }
    }
}
/////////////////////////////////
//     END CONTENT_PAGE_PRODUCT
/////////////////////////////////



/////////////////////////////////
//     CONTENT_OTHER_PRODUCT
/////////////////////////////////
.ownerContentOtherProduct{
    padding: 30px 0 33px;
    background: #f2f2f2;
}
.colInfoCat{
    P{
        margin-bottom: 30px;
    }
}
UL.nav_prod{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    LI.prev, LI.next{
        list-style: none;
        display: inline-block;
        a{
            width: 32px;
            height: 32px;
            display: inline-block;
            background-image: url("../img/icons/btnOtherProd.png");
            cursor: pointer;
            text-decoration: none;
        }
    }
    LI.prev{
        a{
            margin-right: 4px;
            background-position: 0 0;
        }
    }
    LI.prev:hover{
        a{
            background-position: -32px 0;
        }
    }
    LI.next{
        a{
            background-position: 0 -32px;
        }
    }
    LI.next:hover{
        a{
            background-position: -32px -32px;
        }
    }
}
.slider-swiperSlideOtherProduct{
    .swiper-container{
        .swiper-wrapper{
            height: auto;
            .swiper-slide{
                height: auto;
            }
        }
    }
}
/////////////////////////////////
//     END CONTENT_OTHER_PRODUCT
/////////////////////////////////



/////////////////////////////////
//     FILTER_MENU_BLOCK
/////////////////////////////////
.colFilterMenu{
    padding: 15px;
    width: 100%;
    max-width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    right: -300px;
    overflow: auto;
    filter: none !important;
    background: #fff;
    .btn-success{
        margin-bottom: 25px;
        width: 100%;
    }
    .colFilter .blockFilter .btn{
        margin: 0;
        width: 100%;
    }
}
/////////////////////////////////
//     END FILTER_MENU_BLOCK
/////////////////////////////////

/////////////////////////////////
//     FILTER_MENU_ORDER
/////////////////////////////////
.colFilterMenuOrder{
    padding: 15px;
    width: 100%;
    max-width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    right: -300px;
    overflow: auto;
    filter: none !important;
    background: #fff;
    .btn-success{
        margin-bottom: 25px;
        width: 100%;
    }
}
/////////////////////////////////
//     END FILTER_MENU_ORDER
/////////////////////////////////


/////////////////////////////////
//     PERSONAL_PAGE
/////////////////////////////////
.ownerPersonal{
    .sale-personal-section-index-block{
        height: auto;
    }
}

FORM.forgotpass {
    margin-top:30px;
}
/////////////////////////////////
//     END PERSONAL_PAGE
/////////////////////////////////





/////////////////////////////////
//     TEMPLATE NEWS_TEMPLATE
/////////////////////////////////
@keyframes animate_transform{
    from {transform: none;}
    to {transform: rotate(-1deg) scale(1.05);}
}
@keyframes animate_transform_none{
    from {transform: rotate(-1deg) scale(1.05);}
    to {transform: none;}
}
.news_template_row{
    .col_news{
        margin-bottom: 35px;
        .block_news{
            padding: 15px 15px;
            a.imgBlock{
                display: block;
                width: 100%;
                height: 200px;
                background-position: 50% 50%;
                background-size: cover;
                animation-name: animate_transform_none;
                animation-duration: 0.3s;
                transform: none;
            }
            H3{
                margin: 10px 0 15px;
                font-family: OSBold;
                font-size: 16px;
                line-height: normal;
                text-align: center;
                height: 22px;
                overflow: hidden;
            }
            P{
                font-family: OSRegular;
                font-size: 13px;
                line-height: normal;
                color: #808080;
                text-align: justify;
                height: 90px;
                overflow: hidden;
            }
            .btn{
                margin: 0 0 0 auto;
                display: block;
            }
            .hoverTop, .hoverBottom{
                position: absolute;
                width: 14px;
                height: 14px;
                background-image: url(http://ins.localhost/img/icons/hoverCatalog.png);
                opacity: 0;
            }
            .hoverTop{
                top: 0;
                left: 0;
                background-position: 0 0;
            }
            .hoverBottom{
                bottom: 0;
                right: 0;
                background-position: 14px 0;
            }
        }
        .block_news:hover{
            a.imgBlock{
                animation-name: animate_transform;
                animation-duration: 0.5s;
                transform: rotate(-1deg) scale(1.05);
                box-shadow: -2px -2px 15px rgba(0,0,0,0.3);
            }
            H3{
                color: #51b9eb;
            }
            P{
                color: #28292e;
            }
            .hoverTop, .hoverBottom{
                opacity: 1;
            }
        }
    }
}
div.news-detail{
    img.detail_picture{
        margin: 0 20px 20px 0;
        width: 30%;
        height: auto;
    }
    .news-detail-share{
        display: block;
        margin: 15px 0 25px;
        text-align: right;
    }
}
/////////////////////////////////
//     END TEMPLATE NEWS_TEMPLATE
/////////////////////////////////
















.only-print{
    display: none;
}
















//----------------------
// MEDIA
//----------------------

//  FULL SCREAN
@media screen and (max-width: 5000px) {
    .ownerSliderUtp{
        background-image: url("../img/background/ownerSliderUtp.jpg");
    }
    .ownerHeaderPageContent{
        background-image: url("../img/background/ownerHeaderPageContent.jpg");
    }
    
    .ownerWhyWorkUs, .ownerWhyWorkUs_2{
        background-image: url("../img/background/ownerWhyWorkUs.jpg");
    }
    
    .ownerHeaderPageCategory{
        background-image: url("../img/background/ownerHeaderPageCategory.jpg");
    }
}

//  COL-LG 992 - 1024
@media screen and (max-width: 1200px) {
    .ownerHeaderTop .colLine{
        .adres, .maps, .phoneHeader, .phoneCall, .myCab{
            margin-right: 5px;
        }
        FORM.myCabOut{
            margin-left: 6px;
        }
    }
    
    .ownerHeaderMenu .colDropdownMenu .dropdownMenu UL.childDropdownMenu LI:first-child a{
        max-width: 150px;
    }
    
    .ownerSliderUtp{
        background-image: url("../img/background/ownerSliderUtpMD.jpg");
    }
    
    .ownerUsServices .colBlockUsServices a.blockUsServices H3.labelBlockUsServices{
        height: 72px;
    }
    
    
    
   .ownerHeaderPageContent{
        background-position: 47% 50%;
        background-image: url("../img/background/ownerHeaderPageContentMD.jpg");
    }
    
    .ownerHeaderPageContentIn{
        background-position: 47% 50%;
    }
    
    .ownerWhyWorkUs, .ownerWhyWorkUs_2{
        background-image: url("../img/background/ownerWhyWorkUsMD.jpg");
    }
    
    .ownerHeaderPageCategory{
        background-image: url("../img/background/ownerHeaderPageCategoryMD.jpg");
    }
    
    
    
    .ownerWhyWorkUs .colWhyWorkUs .blockWhyWorkUs P{
        width: 135px;
    }
    
    .ownerWhyWorkUs_2 .colWhyWorkUs .blockWhyWorkUs P{
        width: 215px;
    }
    
    
    
    .colItemsTovarCat div.blockItems .availPrice .avail{
        width: 54%;
    }
    
    
    .ownerContentPageProduct .colPriceProduct{
        .priceBasket{
            .price, BUTTON.basket{
                margin-bottom: 10px;
                display: block;
                width: 100%;
                text-align: center;
            }
        }
        .otherPrice{
            .col{
                margin-bottom: 10px;
                width: 100%;
                P:last-child{
                    float: right;
                }
            }
        }
        .buyOneClick{
            padding: 10px 10px;
            BUTTON.btnBuyOneClick{
                width: 100%;
            }
            P.review{
                width: 100%;
            }
            .plasticCard IMG{
                margin-bottom: 5px;
            }
        }
    }
    
    .ownerHeaderPageCategory .colHeader .bodyHeader{
        width: 90%;
    }
}

//  COL-SM
@media screen and (max-width: 992px) {
    .ownerHeaderTop .colLine{
		flex-direction: column;
        .colLineLine{
            text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			> DIV, > a, > SPAN{
				flex: 1 1 auto;
			}
       }
        .sLine{
            margin-top: 5px;
        }
        .adres{
            margin-right: 20px;
        }
        .maps{
			flex: 0 1 70px;
            margin-right: 35px;
        }
        .phoneHeader{
            margin-right: 20px;
        }
        .phoneCall{
            //margin-right: 65px;
        }
        .myCab{
            margin-right: 60px;
        }
        FORM.myCabOut{
            margin-left: 30px;
        }
    }
    
    .ownerHeaderMenu .colDropdownMenu .dropdownMenu{
        column-count: 3; /*количество колонок, на которое хотим разбить текст*/
        -moz-column-count: 3; /*для мозилы*/
        -webkit-column-count: 3; /*для webkit браузеров*/
    }
    .ownerHeaderMenu .colDropdownMenu .dropdownMenu UL.childDropdownMenu LI:first-child a{
        max-width: 150px;
    }
    
    .ownerSliderUtp .colSwiperSlide .swiper-container .swiper-wrapper .swiper-slide{
        .imgImg{
            width: 35%;
        }
        .titleImg{
            width: 66%;
        }
    }
    
    .ownerUsServices .colBlockUsServices a.blockUsServices H3.labelBlockUsServices{
        height: auto;
    }
    
    .ownerCatalog .colBlockCatalog:last-child{
        a.blockCatalog{
            margin: 0 auto;
            display: block;
            width: 335px;
        }
    }
    
    .ownerUsAdvantages .colUsAdvantages .blockUsAdvantages{
        width: 49%;
    }
    
    .ownerFooter .contactsFooter{
        margin-top: 25px;
    }
    
    
    .ownerHeaderPageContentIn{
        background-image: url("../img/background/ownerHeaderPageContentMD.jpg") !important;
    }

    
    
    BODY FORM.formFullBorder{
        .input{
            width: 38%;
        }
        .button{
            width: 22%;
        }
    }
    
    BODY FORM.formFull{
        .input{
            width: 38%;
        }
        .button{
            width: 22%;
        }
    }
    
    
    .colItemsTovarCat div.blockItems .availPrice .avail{
        width: 49%;
    }
    
    
    .ownerContentPageProduct .colPhotoProduct{
        padding: 0 100px 30px;
    }
    .ownerContentPageProduct .colPriceProduct{
        .priceBasket{
            .price, BUTTON.basket{
                margin-bottom: 0;
                display: inline-block;
                width: auto;
                text-align: center;
            }
             BUTTON.basket{
                height: 48px;
                width: 154px;
            }
        }
        .otherPrice{
            .col{
                margin: 0 2% 0 0;
                display: inline-block;
                vertical-align: bottom;
                width: 30%;
                P:last-child{
                    float: none;
                }
            }
        }
        .buyOneClick{
            padding: 30px 30px;
            BUTTON.btnBuyOneClick{
                width: 100%;
            }
            P.review{
                width: 224px;
            }
            .plasticCard IMG{
                margin: 0 4px;
            }
        }
    }
    
    .ownerContentPageProduct .rowReview .colRightArticle{
        padding-top: 50px;
        a.downDetailsManual{
            margin: 0 auto 18px;
            width: 270px;
        }
        .filterPresent{
            margin: 0 auto;
            width: 280px;
            display: block;
            LI{
                width: 100%;
            }
        }
    }
}

//  COL-XS
@media screen and (max-width: 768px) {
    .ownerHeaderMenu .navbar-default{
        .navbar-collapse .nav LI a{
            padding: 25px 0;
        }
        .navbar-header{
            padding: 20px 0;
            display: block;
            text-align: center;
            a, BUTTON{
                margin: 0;
                display: inline-block;
                vertical-align: middle;
            }
            BUTTON{
                margin: 15px 0;
            }
        }
    }
    
    .ownerSliderUtp .colSwiperSlide .swiper-container .swiper-wrapper .swiper-slide .titleImg{
        width: 100%;
    }
    
    .ownerUsServices .colBlockUsServices{
        width: 50%;
    }
    
    .ownerCatalog{
        .colBlockCatalog{
            width: 50%;
        }
        .colBlockCatalog:last-child{
            width: 100%;
            a.blockCatalog{
                margin: 0 auto;
                display: block;
                width: 50%;
            }
        }
    }
    
    .ownerFooter{
        .menuCol, .catCol, .AdvCol{
            width: 33%;
        }
        .contactsFooter{
            padding-left: 130px;
        }
    }
    
    .ownerHeaderTop .colLine{
        SPAN.forMobile{
            display: block;
            text-align: center;
            margin-top: 15px;
        }
    }
    
    .ownerFooter{
        .navbar-header{
            padding: 20px 0;
            display: block;
            text-align: center;
            a, BUTTON{
                margin: 0;
                display: inline-block;
                vertical-align: middle;
            }
            BUTTON{
                margin: 15px 0;
            }
        }
    }
    
    .ownerArticleList .colArticleList{
        width: 50%;
    }
    
    .ownerWhyChooseUs .colWhyChooseUs{
        width: 50%;
    }
    
    .ownerUsWarranty .colUsWarranty{
        width: 50%;
    }
    
    .ownerArticleListFour .colArticleList{
        width: 50%;
    }
    
    .ownerWhyChooseUs_2 .colWhyChooseUs{
        width: 50%;
    }
    
    .ownerWhyChooseUs_3 .colWhyChooseUs{
        width: 50%;
    }
    
    .ownerArticleList_2 .colArticleList{
        width: 50%;
    }
    
    .ownerWhyWorkUs .colWhyWorkUs{
        width: 50%;
    }
    
    .ownerWhyWorkUs_2 .colWhyWorkUs{
        width: 50%;
    }
    
    .ownerWhyChooseUs_4 .colWhyChooseUs{
        width: 50%;
    }
    
    
    .colItemsTovarCat{
        width: 50%;
    }
    
    
    .ownerContentPageProduct{
        .colPriceProduct, .colChoiseProduct{
            width: 50%;
        }
    }
    .ownerContentPageProduct .colPriceProduct{
        .priceBasket{
            .price, BUTTON.basket{
                margin-bottom: 10px;
                display: block;
                width: 100%;
                text-align: center;
            }
        }
        .otherPrice{
            .col{
                margin-bottom: 10px;
                width: 100%;
                P:last-child{
                    float: right;
                }
            }
        }
        .buyOneClick{
            padding: 10px 10px;
            BUTTON.btnBuyOneClick{
                width: 100%;
            }
            P.review{
                width: 100%;
            }
            .plasticCard IMG{
                margin-bottom: 5px;
            }
        }
    }
    .slider-swiperSlideOtherProduct{
        .colItemsTovarCat{
            width: 100%;
        }
    }
    
    .ownerHeaderPageCategory .colHeader .bodyHeader{
        width: 85%;
    }
    
    
    
    .news_template_row .col_news{
        width: 50%;
    }
}


@media screen and (max-width: 680px) {
    .ownerHeaderPageContent{
        background-image: none;
        .us_prop .block_usProp{
            .img_usProp, .text_usProp{
                margin: 0 auto 15px;
                display: block !important;
                text-align: center;
            }
        }
    }
    
    .colInfoCat{
        UL.sortCat{
            margin: -10px 0 30px;
            position: relative;
            top: auto;
            right: auto;
            text-align: center;
        }
    }
}

// GLOBAL FOR MOBILE
@media screen and (max-width: 650px) {
    .ownerCatalog .colBlockCatalog a.blockCatalog H3.labelBlockCatalog{
        height: 95px;
    }
    
    /*
    .ownerHeaderPageContent{
        background-image: none;
        .us_prop .block_usProp{
            .img_usProp, .text_usProp{
                margin: 0 auto 15px;
                display: block;
                text-align: center;
            }
        }
    }
    */
    
    BODY FORM LABEL.title{
        line-height: normal;
    }
    BODY FORM.formFullBorder{
        .input{
            width: 49%;
        }
        .button{
            margin: 25px auto 0;
            display: block;
            width: auto;
        }
    }
    BODY FORM.formFull{
        .input{
            width: 49%;
        }
        .button{
            margin: 25px auto 0;
            display: block;
            width: auto;
        }
    }
    
    
    
    .colItemsTovarCat{
        div.blockItems .availPrice{
            .avail{
                width: auto;
            }
            .price{
                display: block;
                text-align: center;
                margin: 15px auto 15px;
            }
        }
        div.blockItems .buyActions{
            .basket{
                //margin-left: 10%;
            }
        }
    }
    
    
    .ownerContentPageProduct .colPhotoProduct{
        padding: 0 50px 30px;
    }
    .ownerContentPageProduct{
        .colPriceProduct, .colChoiseProduct{
            width: 100%;
        }
        .colPriceProduct{
            padding-top: 50px;
        }
    }
    .ownerContentPageProduct .colPriceProduct{
        .priceBasket{
            text-align: center;
            .price, BUTTON.basket{
                margin-bottom: 0;
                display: inline-block;
                width: auto;
                text-align: center;
            }
             BUTTON.basket{
                height: 48px;
                width: 154px;
            }
        }
        .otherPrice{
            .col{
                margin: 0 2% 0 0;
                display: inline-block;
                vertical-align: bottom;
                width: 30%;
                P:last-child{
                    float: none;
                }
            }
        }
        .buyOneClick{
            padding: 30px 30px;
            BUTTON.btnBuyOneClick{
                width: 100%;
            }
            P.review{
                width: 224px;
            }
            .plasticCard IMG{
                margin: 0 4px;
            }
        }
    }
    
    
    UL.nav_prod{
        margin-bottom: 25px;
        position: relative;
        text-align: center;
    }
    
    
    
    div.news-detail{
        img.detail_picture{
            margin: 0 0 20px;
            width: 100%;
            height: auto;
        }
        H1{
            font-size: 24px;
        }
    }
    
    
    
    
}

//  MICRO COL-XS
@media screen and (max-width: 500px) {
    H1{
        font-size: 28px !important;
    }
    H2{
        font-size: 24px !important;
        line-height: normal !important;
    }
    H3{
        font-size: 20px !important;
    }
    
    
    .ownerHeaderTop .colLineLine.fLine{
		flex-direction: column;
	}
    .ownerHeaderTop .colLineLine{
		width: 100%;
	}
    .ownerHeaderTop .colLine .phoneCall{
        float: left;
    }
    .ownerHeaderTop .colLine .myCab{
        float: right;
    }
    .ownerHeaderTop .colLine .tcell.basc{
        margin: 15px auto 0;
    }
    
    .ownerFooter .contactsFooter{
        padding-left: 15px;
    }
    
    
    
    .ownerArticleList .colArticleList{
        width: 100%;
    }
    
    .ownerWhyChooseUs .colWhyChooseUs{
        width: 100%;
    }
    
    .ownerUsWarranty .colUsWarranty{
        width: 100%;
    }
    
    .ownerArticleListFour .colArticleList{
        width: 100%;
    }
    
    .ownerWhyChooseUs_2 .colWhyChooseUs{
        width: 100%;
    }
    
    .ownerWhyChooseUs_3 .colWhyChooseUs{
        width: 100%;
    }
    
    .ownerWhyChooseUs_4 .colWhyChooseUs{
        width: 100%;
    }
    
    .ownerArticleList_2 .colArticleList{
        width: 100%;
    }
    
    .ownerWhyWorkUs .colWhyWorkUs{
        width: 100%;
        .blockWhyWorkUs{
            margin: 0 auto;
            display: block;
            .imgWhyWorkUs{
                margin: 0 auto;
                display: block;
            }
            P{
                margin-left: 0;
                width: 100%;
                text-align: center;
            }
        }
    }
    
    .ownerWhyWorkUs_2 .colWhyWorkUs{
        width: 100%;
        .blockWhyWorkUs{
            margin: 0 auto;
            display: block;
            .imgWhyWorkUs{
                margin: 0 auto;
                display: block;
            }
            P{
                margin-left: 0;
                width: 100%;
                text-align: center;
            }
        }
    }
    
    
    BODY FORM.formFullBorder{
        .input{
            margin-bottom: 15px;
            width: 100%;
        }
        .button{
            margin: 25px auto 0;
            display: block;
            width: auto;
        }
    }
    BODY FORM.formFull{
        .input{
            margin-bottom: 15px;
            width: 100%;
        }
        .button{
            margin: 25px auto 0;
            display: block;
            width: auto;
        }
    }
    
    .ownerContentPageProduct .colPhotoProduct{
        padding: 0 15px 30px;
    }
    
    .colItemsTovarCat{
        width: 100%;
        div.blockItems .availPrice{
            .avail{
                width: 140px;
            }
            .price{
                display: inline-block;
                text-align: center;
                margin: auto;
            }
        }
        div.blockItems .buyActions{
            .basket{
                //margin-left: 19%;
            }
        }
    }
    
    
    .news_template_row .col_news{
        width: 100%;
    }
    
    /////////////////////////////////
    //     BASKET IN BOX
        /////////////////////////////////
        .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .bx-soa-item-properties.bx-text-right .bx-soa-item-td-title, .bx-soa-item-properties.bx-text-right .bx-soa-item-td-text{
        flex: 1 1 50%;
        text-align: center;
    }
    .bx-soa-item-title{
        text-align: center;
    }
    .bx-soa-more-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        > a.btn{
            margin-right: 1%;
            flex: 0 1 47%;
        }
        > a.btn:last-child{
            margin-right: 0;
        }
    }
    .bx-soa-pp .bx-soa-pp-company{
        width: 100%;
    }
    
    .basket-checkout-section-inner > DIV{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        > DIV{
            flex: 1 1 auto;
            min-width: auto; 
            width: auto;
        }
    }
    /////////////////////////////////
    //     END BASKET IN BOX
        /////////////////////////////////
}

//  SUPER MICRO
@media screen and (max-width: 400px) {
    .ownerHeaderTop .colLine .tcell{
        float: none;
        display: block;
        margin: 5px 0 0;
        text-align: center;
    }
    
    .ownerSliderUtp .colSwiperSlide{
        padding: 0;
        .swiper-container .swiper-wrapper .swiper-slide .titleImg{
            H3{
                font-size: 30px;
            }
            H4{
                font-size: 20px;
            }
            P{
                padding: 10px 10px 0 20px;
            }
            .btn-success{
                right: 15px;
            }
        }
    }
    
    .ownerUsServices .colBlockUsServices{
        width: 100%;
    }
    .ownerCatalog .colBlockCatalog:last-child a.blockCatalog{
        width: 100%;
    }
    
    .ownerCatalog .colBlockCatalog{
        width: 100%;
    }
    .ownerCatalog .colBlockCatalog a.blockCatalog{
        .hoverTop, .hoverBottom{
            opacity: 1;
        }
    }
    
    .ownerUsAdvantages .colUsAdvantages .blockUsAdvantages{
        width: 100%;
    }
    
    .ownerFooter{
        .menuCol{
            width: 100%;
            text-align: center;
        }
        .catCol, .AdvCol{
            width: 50%;
        }
    }
    
    .ownerFooter .copyright{
        margin-top: 0;
        padding-top: 25px;
    }
    
    
    .ownerHeaderPageContent{
        background-image: none;
        H1{
            font-size: 36px;
        }
        .us_prop .block_usProp{
            width: 49%;
        }
    }
    
    .ownerHeaderPageContent .colContent .us_prop .block_usProp{
        width: 23%;
    }
    
    
    .ownerContentPageProduct .colPriceProduct{
        .priceBasket{
            .price, BUTTON.basket{
                margin-bottom: 10px;
                display: block;
                width: 100%;
                text-align: center;
            }
        }
        .otherPrice{
            .col{
                margin-bottom: 10px;
                width: 100%;
                P:last-child{
                    float: right;
                }
            }
        }
        .buyOneClick{
            padding: 10px 10px;
            BUTTON.btnBuyOneClick{
                width: 100%;
            }
            P.review{
                width: 100%;
            }
            .plasticCard IMG{
                margin-bottom: 5px;
            }
        }
    }
}