/*    =RESET
**************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border:0 none;
    margin:0;
    padding:0;
    text-align:left;
    vertical-align:baseline;
    outline:none;
}
ol, ul {
    list-style-image:none;
    list-style:none;
}
/*  =COLORS
**************************************************/
@c_main:#595a5a;
@c_link:#28a6f7;
@c_hover:#231f20;
@c_white:#ffffff;
@c_title:#272523;
@c_orange:#fcc90a;
@c_gray:#595a5a;
@c_gray2:#848687;
@c_violet:#6c46a0;

/*  =FONTS
**************************************************/
@arial: Arial, Helvetica, sans-serif;

/*  =LESS
**************************************************/
.trans(@type: background, @time: 0.5s, @easing: ease) {
    -moz-transition:@arguments;
    -webkit-transition:@arguments;
    -o-transition:@arguments;
    -ms-transition:@arguments;
    transition:@arguments;
}
.linearGradient(@stop1:0, @color1:#ccc, @stop2:50%, @color2:#ddd, @stop3:100%, @color3:#ccc){
    background-color:@color2;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3));
    background:-moz-linear-gradient(center top, @color1 @stop1, @color2 @stop2, @color3 @stop3);
//    background:-ms-linear-gradient(center top, @color1 @stop1, @color2 @stop2, @color3 @stop3);
    background:-o-linear-gradient(center top, @color1 @stop1, @color2 @stop2, @color3 @stop3);
    background:linear-gradient(center top, @color1 @stop1, @color2 @stop2, @color3 @stop3);
//    filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @color1, @color3));
}
/*  =MAIN
**************************************************/
html, body {
    height:100%;
}
body {
    font-size: 16px;
    color:@c_main;
    width:100%;
    font-family: @arial;
    overflow: auto;
}
.wrap {
    padding: 0 7.5%;
}

/*    =LAYOUT
**************************************************/
.container {
    height:100%;
    height:auto;
    min-height:100% !important;
    min-width: 320px;
}
.clear {
    clear: both;
}
.main_content {
    background: #e1f2ff; /* Old browsers */
    background: -moz-linear-gradient(left, #e1f2ff 0%, #fbfbf7 49%, #fbfbfa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e1f2ff), color-stop(49%,#fbfbf7), color-stop(100%,#fbfbfa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #e1f2ff 0%,#fbfbf7 49%,#fbfbfa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #e1f2ff 0%,#fbfbf7 49%,#fbfbfa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #e1f2ff 0%,#fbfbf7 49%,#fbfbfa 100%); /* IE10+ */
    background: linear-gradient(to right, #e1f2ff 0%,#fbfbf7 49%,#fbfbfa 100%); /* W3C */
    &-inner {
        padding: 40px 0 20px;
    }
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}

/*    =HEADERS
**************************************************/
h1, h2, h3, h4, h5 {
    color:@c_title;
    font-size:1em;
    font-weight:normal;
    line-height:1em;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
    display: inline-block;
    color:@c_title;
    border-bottom: 1px solid @c_title;
    text-decoration: none;
    &:hover {
        text-decoration:none;
        border-bottom:1px solid transparent;
    }
}
h1 {
//    display: inline-block;
    color: @c_violet;
    font: bold 1.875rem @arial;
    margin-bottom: 10px;
    span {
        display: inline-block;
        &.title_text {
            width: 80%;
            vertical-align: middle;
            line-height: 1em;
        }
    }
}
h2 {
    font: bold 1.500rem @arial;
    margin: 0 0 20px;
}
h3 {
    color: @c_gray2;
    font: bold 1.375rem @arial;
    margin: 0 0 15px;
}
h4 {
    color: @c_title;
    font: bold 1.375rem @arial;
    margin: 0 0 15px;
}
.title_center {
    text-align: center;
}
/*    =LINKS
**************************************************/
a {
    color:@c_link;
    text-decoration:underline;
}
a:hover {
    color:@c_link;
    text-decoration:none;
    .trans(color, .2s, ease);
}
/*    =INPUTS
**************************************************/
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
textarea {

}
input[type="radio"],
input[type="checkbox"] {
    vertical-align:middle;
}
fieldset {
    border:0 none;
    padding:0;
    margin:0;
}
.form {
    position:relative;
    &__row {
        margin: 0 0 20px 0;
        overflow: hidden;
        &-border {
            border: 1px solid #c6c6e8;
        }
        &-two {
            float: left;
            margin: 0;
            margin: 0 0 20px 5%;
            width: 45%;
            &:nth-child(2n+1) {
                margin-left: 0;
            }
        }
        &-center {
            text-align: center;
        }
        &__title {
            font: bold 1.175rem Arial, Helvetica, sans-serif;
            text-align: center;
            margin-bottom: 8px;
            &-mb {
                margin-bottom: 25px;
            }
        }
    }
}

.label {
    display: inline-block;
    vertical-align: middle;
    color: @c_gray;
    font: bold 1rem/1em @arial;
    &-width {
        width: 20%;
    }
    &-m {
        margin: 0 2px;
    }

}

.input_text {
    height: 45px;
    background: @c_white;
    border: 1px solid #e3e4e1;
    padding: 0 10px;
    color: @c_title;
    border-radius: 3px;
    &::-webkit-input-placeholder {
        font: bold 1em @arial;
        color: @c_gray2;
        text-align: right;
    }
    &::-moz-placeholder {
        font: bold 1em @arial;
        color: @c_gray2;
        text-align: right;
    }
    /* Firefox 19+ */
    &:-moz-placeholder {
        font: bold 1em @arial;
        color: @c_gray2;
        text-align: right;
    }
    /* Firefox 18- */
    &:-ms-input-placeholder {
        font: bold 1em @arial;
        color: @c_gray2;
        text-align: right;
    }

    &-width {
        box-sizing: border-box;
        width: 100%;
    }
    &-width1 {
        box-sizing: border-box;
        width: 30%;
    }
    &-width2 {
        box-sizing: border-box;
        width: 24%;
    }
    &-search {
        position: relative;
        height: 45px;
        padding-left: 40px;
        padding-right: 20px;
        font-family: @arial;
        background: @c_white url(../img/icon-search.png) 9px 8px no-repeat;
        &::-webkit-input-placeholder {
            text-transform: uppercase;
            font: bold 0.875em @arial;
            color: @c_gray2;
        }
        &::-moz-placeholder {
            text-transform: uppercase;
            font: bold 0.875em @arial;
            color: @c_gray2;
        }
        /* Firefox 19+ */
        &:-moz-placeholder {
            text-transform: uppercase;
            font: bold 0.875em @arial;
            color: @c_gray2;
        }
        /* Firefox 18- */
        &:-ms-input-placeholder {
            text-transform: uppercase;
            font: bold 0.875em @arial;
            color: @c_gray2;
        }
    }
    &-border {
        border: 3px solid #ebdff7;
        &:focus {
            outline: none;
            border: 3px solid #c6c6e8;
        }
    }
}
.input_select {
    width: 100%;
    border-color: #cfcfe9;
    visibility: visible;
    position: static;
    padding: .25rem 0;
    font-size: 1rem;
    background-color: #fff;
}

/*    =ICONS
**************************************************/
.icon {
    display: inline-block;
    &-mr {
        margin-right: 10px;
    }
    &-academic {
        background: url(../img/icon-academic.png) 0 center no-repeat;
        width: 40.5px;
        height: 37px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-card {
        background: url(../img/icon-card.png) 0 center no-repeat;
        width: 36.75px;
        height: 36px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-info {
        background: url(../img/icon-info.png) 0 center no-repeat;
        width: 34.5px;
        height: 47px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-key {
        background: url(../img/icon-key.png) 0 center no-repeat;
        width: 33px;
        height: 44px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-news {
        background: url(../img/icon-news.png) 0 center no-repeat;
        width: 33.75px;
        height: 43px;
        background-size: 100%;
        vertical-align: middle;
    }
    &-notebook {
        background: url(../img/icon-notebook.png) 0 center no-repeat;
        width: 27.75px;
        height: 47px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-phone {
        background: url(../img/icon-phone.png) 0 center no-repeat;
        width: 33px;
        height: 43px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-port {
        background: url(../img/icon-port.png) 0 center no-repeat;
        width: 36px;
        height: 37px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-scales {
        background: url(../img/icon-scales.png) 0 center no-repeat;
        width: 33px;
        height: 47px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-services {
        background: url(../img/icon-services.png) 0 center no-repeat;
        width: 36px;
        height: 46px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-sound {
        background: url(../img/icon-sound.png) 0 center no-repeat;
        width: 36px;
        height: 44px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-user {
        background: url(../img/icon-user.png) 0 center no-repeat;
        width: 36px;
        height: 46px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-camera {
        background: url(../img/icon-camera.png) 0 0 no-repeat;
        width: 27.3px;
        height: 22px;
        vertical-align: middle;
        margin-right: 10px;
        background-size: 100%;
    }
    &-out {
        background: url(../img/icon-out.png) 0 0 no-repeat;
        width: 17.33px;
        height: 17.33px;
        vertical-align: middle;
        margin-right: 5px;
        background-size: 100%;
    }
    &-calendar {
        background: url(../img/icon-calendar.png) 0 0 no-repeat;
        width: 12.66px;
        height: 12.66px;
        margin-right: 5px;
        background-size: 100%;
    }
    &-star {
        background: url(../img/icon-star.png) 0 0 no-repeat;
        width: 21px;
        height: 20px;
        margin-right: 5px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-compass {
        background: url(../img/icon-compass.png) 0 0 no-repeat;
        width: 24.67px;
        height: 24px;
        margin-right: 5px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-phone2 {
        background: url(../img/icon-phone2.png) 0 0 no-repeat;
        width: 20.67px;
        height: 20.67px;
        margin-right: 5px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-plane {
        background: url(../img/icon-plane.png) 0 0 no-repeat;
        width: 20.67px;
        height: 20.67px;
        margin-right: 5px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-site {
        background: url(../img/icon-site.png) 0 0 no-repeat;
        width: 20.67px;
        height: 20.67px;
        margin-right: 5px;
        vertical-align: middle;
        background-size: 100%;
    }

    &-home {
        background: url(../img/icon-home.png) 0 0 no-repeat;
        width: 30px;
        height: 38px;
        margin-right: 5px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-fence {
        background: url(../img/icon-fence.png) 0 0 no-repeat;
        width: 29.333px;
        height: 36px;
        margin-right: 5px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-wall {
        background: url(../img/icon-wall.png) 0 0 no-repeat;
        width: 38.667px;
        height: 35.3333px;
        margin-right: 5px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-garage {
        background: url(../img/icon-garage.png) 0 0 no-repeat;
        width: 31.333px;
        height: 37.333px;
        margin-right: 5px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-palm {
        background: url(../img/icon-palm.png) 0 0 no-repeat;
        width: 28px;
        height: 42.667px;
        margin-right: 5px;
        vertical-align: middle;
        background-size: 100%;
    }
    &-close {
        background: url(../img/icon-close.png) 0 0 no-repeat;
        width: 8px;
        height: 8px;
        margin-right: 10px;
        vertical-align: middle;
        background-size: 100%;
    }
}

/*  =HEADER
**************************************************/
.header {
    position: relative;
    background: #7b2cbf url("../img/header__bg.png") center center no-repeat; /* Old browsers */
    height: 104px;
}
.logo {
    &__c {
        width: 100%;
        height: 100px;
        text-align: center;
        padding-top: 25px;
    }
    display: inline-block;
    vertical-align: top;
    background: url(../img/logo.png) 0 0 no-repeat;
    background-size: cover;
    width: 264px;
    height: 57px;
}

/*    =MAIN_MENU
**************************************************/
.main_menu {
    position: relative;
    width: 100%;
    padding: 10px 0;
    &__item {
        display: block;
        width: 100%;
        &__link {
            display: block;
            vertical-align: middle;
            height: 47px;
            line-height: 47px;
            padding: 8px 7.5%;
            text-decoration: none;
            color: @c_violet;
            font: bold 1.500em @arial;

            &:before { /* для IE8+ */
                content: "";
                display: inline-block;
                min-height: inherit;
                height: 100%;
                vertical-align: middle;
            }
            &:focus, &:hover {
                background: @c_orange;
                color: @c_white;
                box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
                .icon {
                    &-academic {
                        background: url(../img/icon-academic_hover.png) 0 center no-repeat;
                        background-size: 100%;
                    }
                    &-card {
                        background: url(../img/icon-card_hover.png) 0 center no-repeat;
                        background-size: 100%;
                    }
                    &-info {
                        background: url(../img/icon-info_hover.png) 0 center no-repeat;
                        background-size: 100%;
                    }
                    &-key {
                        background: url(../img/icon-key_hover.png) 0 center no-repeat;
                        background-size: 100%;
                    }
                    &-news {
                        background: url(../img/icon-news_hover.png) 0 center no-repeat;
                        background-size: 100%;
                    }
                    &-notebook {
                        background: url(../img/icon-notebook_hover.png) 0 center no-repeat;
                        background-size: 100%;
                    }
                    &-phone {
                        background: url(../img/icon-phone_hover.png) 0 center no-repeat;
                        background-size: 100%;
                    }
                    &-port {
                        background: url(../img/icon-port_hover.png) 0 center no-repeat;
                        background-size: 100%;
                    }
                    &-scales {
                        background: url(../img/icon-scales_hover.png) 0 center no-repeat;
                        background-size: 100%;
                    }
                    &-services {
                        background: url(../img/icon-services_hover.png) 0 center no-repeat;
                        background-size: 100%;
                    }
                    &-sound {
                        background: url(../img/icon-sound_hover.png) 0 center no-repeat;
                        background-size: 100%;
                    }
                    &-user {
                        background: url(../img/icon-user_hover.png) 0 center no-repeat;
                        background-size: 100%;
                    }
                }
                i {

                }

            }
        }
        &__title {
            display: inline-block;
            vertical-align: middle;
            width: 70%;
            line-height: 1em;
        }
        &__icon {
            width: 57px;
            text-align: center;
            margin-right: 13px;
            display: inline-block;
            vertical-align: middle;
            i {
                background-size: 100%;
            }
        }
    }
}



/*  =BTN
**************************************************/
.btn {
    display: inline-block;
    color: @c_title !important;
    font: bold 1.125em/1em @arial;
    text-decoration: none;
    background: @c_orange;
    padding: 9px 20px;
    border-radius: 4px;
    span {
        font: bold 2.000rem @arial;
    }
    &-width {
        display: block;
        box-sizing: border-box;
        width: 88%;
        text-align: center;
    }
    &-mb {
        margin-bottom: 50px;
    }
    &:focus, &:hover {
        color: @c_title;
        box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
    }
    &-link {
        color: @c_violet !important;
        font: bold 1.125em/1em @arial;
        text-decoration: none;
        background: none;
        padding: 0 0;
        border-radius: 0;
        span {
            font: bold 1.250rem @arial;
            border-bottom: 3px dotted @c_violet;
        }
        &:focus, &:hover {
            span {
                border-bottom: 3px dotted transparent;
            }
            color: @c_violet;
            box-shadow: none;

        }

    }
    &-violet {
        background: #c3d3dd; /* Old browsers */
        background: -moz-linear-gradient(top, #c3d3dd 0%, #dadcef 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3d3dd), color-stop(100%,#dadcef)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #c3d3dd 0%,#dadcef 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #c3d3dd 0%,#dadcef 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #c3d3dd 0%,#dadcef 100%); /* IE10+ */
        background: linear-gradient(to bottom, #c3d3dd 0%,#dadcef 100%); /* W3C */

        color: @c_white;

        padding: 5px;
        border-radius: 25px;
        span {
            color: @c_white;

            display: block;
            font: bold 1rem @arial;
            text-transform: uppercase;
            height: 45px;
            line-height: 45px;

            padding: 0 60px;
            border-radius: 20px;

            background: #8d5ad3; /* Old browsers */
            background: -moz-linear-gradient(top, #8d5ad3 0%, #623f93 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d5ad3), color-stop(100%,#623f93)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #8d5ad3 0%,#623f93 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #8d5ad3 0%,#623f93 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #8d5ad3 0%,#623f93 100%); /* IE10+ */
            background: linear-gradient(to bottom, #8d5ad3 0%,#623f93 100%); /* W3C */

            position: relative;
            &:after {
                content: '';
                background: url(../img/icon-btn.png) 0 0 no-repeat;
                width: 26px;
                height: 26px;

                position: absolute;
                top: 10px;
                right: 20px;
            }
        }
        &:focus, &:hover {
            background: #dadcef; /* Old browsers */
            background: -moz-linear-gradient(top, #dadcef 0%, #c3d3dd 98%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadcef), color-stop(98%,#c3d3dd)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #dadcef 0%,#c3d3dd 98%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #dadcef 0%,#c3d3dd 98%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #dadcef 0%,#c3d3dd 98%); /* IE10+ */
            background: linear-gradient(to bottom, #dadcef 0%,#c3d3dd 98%); /* W3C */

            span {
                background: #623f93; /* Old browsers */
                background: -moz-linear-gradient(top, #623f93 0%, #8d5ad3 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#623f93), color-stop(100%,#8d5ad3)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #623f93 0%,#8d5ad3 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #623f93 0%,#8d5ad3 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #623f93 0%,#8d5ad3 100%); /* IE10+ */
                background: linear-gradient(to bottom, #623f93 0%,#8d5ad3 100%); /* W3C */
            }
        }
    }
}

/*  =ICON_LIST
**************************************************/
.icon_list {
    position: relative;
    &__item {
        color: @c_gray2;
        font: 1.125em/1.2em @arial;
        span {
            vertical-align: middle;
        }
        &-inline {
            display: inline-block;
            vertical-align: top;
        }
        &-two {
            width: 45%;
            margin-left: 5%;
            &:first-child {
                margin-left: 0;
            }
        }
        &-m {
            margin-bottom: 10px;
        }
    }
}

/*  =TABS
**************************************************/
.tabs {
    position: relative;
    &-p {
        padding-top: 15px;
    }
    &-inline {
        display: inline-block;
        vertical-align: middle;
        padding-top: 0;
        width: 78%;
    }
    &__item {
        display: inline-block;
        &-radio_top {
            width: 45%;
            margin-left: 4%;
            margin-bottom: 20px;
            box-sizing: border-box;
            padding: 10px 8px 8px;
            border-radius: 3px;
            font: bold 1rem @arial;
            color: @c_main;
            text-decoration: none;
            &:nth-child(2n+1) {
                margin-left: 0;
            }
            span {
                display: inline-block;
                vertical-align: middle;
                width: 70%;
            }
            &:hover {
                color: @c_main;
            }
            &.tabs__item-active {
                background: #ece8f5;
                box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
            }
        }
        &-checkbox {
            border: 1px solid #dae0e0;
            color: @c_title;
            font: bold 0.9rem/1rem Arial, Helvetica, sans-serif;
            text-decoration: none;
            border-radius: 3px;
            padding: 3.6% 4.2%;

            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
            background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */

            &:hover {
                color: @c_title;
            }
            &.tabs__item-active {
                background: @c_orange;
                box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
            }
        }
        &-two {
            box-sizing: border-box;
            text-align: center;
            width: 45%;
            margin-left: 4%;
            padding: 12px 15px;
            vertical-align: top;
            margin-bottom: 25px;
            &:nth-child(2n+1) {
                margin-left: 0;
            }
        }
    }
}

/*  =NEWS
**************************************************/
.news {
    position: relative;
    &__item {
        overflow: hidden;
        margin-bottom: 24px;
        &__date {
            font: 1rem @arial;
            margin-bottom: 8px;
        }
        &__title {
            font-size: 1.125rem;
            display: block;
        }
    }
}
#asd_share_buttons {
    padding-top: 10px;
    img {
        display: inherit;
    }
}
.news-detail{
    & > ul {
        position: relative;
        li {
            font-size: 1.125rem;
            position: relative;
            padding-left: 25px;
            margin-bottom: 15px;
            background-repeat: no-repeat;
            background: url("../img/bullet.png") 0 6px no-repeat;
//            &:before {
//                content: '';
//                display: inline-block;
//                width: 9px;
//                height: 9px;
//                border-radius: 9px;
//                border: 1px solid @c_orange;
//
//                position: absolute;
//                left: 0px;
//                top: 4px;
//            }
        }
    }
}
/*  =SEARCH_LIST
**************************************************/
.search_list {
    position: relative;
    &__item {
        position: relative;
        margin-top: 50px;
        &:first-child {
            margin-top: 0px;
        }
        p {
            font-size: 1.375em;
            margin-bottom: 20px;
            a {
                color: @c_gray;
            }
            strong {
                color: @c_title;
                display: inline-block;
                width: 80%;
                vertical-align: top;
            }
        }

        &__title {
            margin-bottom: 30px;
            a {
                font: bold 1.625em/1.5em @arial;
                text-decoration: none;
                border-bottom: 2px dotted @c_link;
                &:hover, &:focus {
                    border-bottom: 2px dotted transparent;
                }
            }

        }
        &__desc {
            overflow: hidden;
            margin: 0 0 30px;
        }
        &__img {
            display: block;
            float: left;
            width: 42%;
            border: 1px solid #cad7e0;
            border-radius: 3px;
            &-border {
                img {
                    display: block;
                    border: 4px solid @c_white;
                    width: 100%;
                    box-sizing: border-box;
                }
            }
            img {
                display: block;
                width: 100%;
            }
        }
        &__text {
            margin-left: 45%;
            color: @c_gray;
            span {
                color: @c_gray2;
                font-size: 1.125rem;
                display: inline-block;
                margin-bottom: 5px;
            }
            a {
                color: @c_gray;
            }
        }
    }
}

hr {
    width: 100%;
    border: none;
    margin: 25px 0;
    border-top: 1px solid #9da2a5;
}

.count_items {
    color: @c_white;
    font: bold 1.625rem @arial;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    background: @c_link;
    padding: 5px;
    border-radius: 3px;
    min-width: 85px;
    width: auto;
    text-align: center;
}

.search_table {
    border-collapse: collapse;
    width: 100%;
    td {
        width: 50%;
        font-size: 1.250rem;
        padding: 10px 10px 10px 0;
        &:first-child {
            color: @c_gray2;
        }
        &:last-child {
            color: @c_title;
        }
    }
}

/*  =MAIN_TEXT
**************************************************/
.main_text {
    &-center {
        text-align: center;
        margin-bottom: 25px;
        a {
            color: @c_violet;
        }
    }
    font-size: 1.125em;
    p {
        margin-bottom: 15px;
        font-size: 1.125rem;
    }
    & > ul {
        position: relative;
        li {
            font-size: 1.125rem;
            position: relative;
            padding-left: 25px;
            margin-bottom: 15px;
            background-repeat: no-repeat;
            &:before {
                content: '';
                display: inline-block;
                width: 9px;
                height: 9px;
                border-radius: 9px;
                border: 1px solid @c_orange;

                position: absolute;
                left: 0px;
                top: 4px;
            }
        }
    }
    table {
        td {
            padding: 5px;
            vertical-align: top;
        }
    }
}

/*  =OFFICES_LIST
**************************************************/
.office_list {
    position: relative;
    &__item {
        margin-bottom: 40px;
        &__title {
            margin-bottom: 10px;
            a {
                color: @c_link;
                font: bold 1.3rem @arial;
            }
        }
        &__text {
            p {
                margin-bottom: 5px;
                font-size: 1rem;
            }
            strong {
                color: @c_title;
            }
        }
        &__links {
            li {
                font-size: 1rem;
                margin-bottom: 5px;
            }
        }
    }
}
.office_info {
    position: relative;
    &__item {
        margin-bottom: 20px;
        h3 {
            color: @c_title;

        }
    }

}

.contact_info {
    strong {
        color: @c_title;
    }
    p {
        font-size: 1rem;
        margin-bottom: 5px;
    }
    font: bold 1rem @arial;
    ul {
        position: relative;
        li {
            font-size: 1.125rem;
            position: relative;
            padding-left: 25px;
            margin-bottom: 15px;
            background-repeat: no-repeat;
            &:before {
                content: '';
                display: inline-block;
                width: 9px;
                height: 9px;
                border-radius: 9px;
                border: 1px solid @c_orange;

                position: absolute;
                left: 0px;
                top: 4px;
            }
        }
    }
}

/*  =photos
**************************************************/

.photos {
    position: relative;
    overflow: hidden;
    &__item {
        width: 20%;
        float: left;
    }
}

/*  =object_photos
**************************************************/
.object_info {
    &__item {
        margin-bottom: 40px;
    }
    strong {
        color: @c_title;
    }
    p {
        font-size: 1rem;
        margin-bottom: 10px;
    }
    font: bold 1rem @arial;
    ul {
        position: relative;
        li {
            font-size: 1.125rem;
            position: relative;
            padding-left: 25px;
            margin-bottom: 15px;
            background-repeat: no-repeat;
            &:before {
                content: '';
                display: inline-block;
                width: 9px;
                height: 9px;
                border-radius: 9px;
                border: 1px solid @c_orange;

                position: absolute;
                left: 0px;
                top: 4px;
            }
        }
    }
    &__text {
        font-size: 1rem;
    }
}

.object_photos {
    position: relative;
    &__item {
        height: 75px;
        display: inline-block;
        vertical-align: top;
        border-radius: 3px;
        margin-bottom: 10px;
        img {
            height: 100%;
        }
    }
}

/*  =JCAROUSEL
**************************************************/
#city_swipe {
    position: relative;
}
#city_carousel {
    position: relative;
    overflow: hidden;
    width: 75%;
    height: 50px;
    margin: 0 auto;
}
#city_carousel .city {
    width: 20000em;
    position: relative;
}
#city_carousel .city__item {
    display: block;
    float: left;
    margin-right: 10px;
//    width: 90px;
    text-align: center;
}
#city_carousel .city__item a {
    text-decoration: none;
    font: bold 1.25em @arial;
    display: inline-block;
    border-bottom: 2px dotted @c_link;
    &:hover, &:focus {
        border-bottom: 2px dotted transparent;
    }
}
#city_swipe .jcarousel-control-prev, #city_swipe .jcarousel-control-next {
    position: absolute;
    top: 0px;
    width: 16px;
    height: 26px;
    opacity: .8;
}
#city_swipe .jcarousel-control-prev {
    left: 0px;
    background: url("../img/icon-city_arrow.png") 0 0 no-repeat;

}
#city_swipe .jcarousel-control-next {
    right: 0px;
    background: url("../img/icon-city_arrow.png") right 0 no-repeat;
}
#city_swipe .jcarousel-control-prev:hover,
#city_swipe .jcarousel-control-next:hover {
    opacity: 1;
}
#city_swipe .jcarousel-control-prev.inactive,
#city_swipe .jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

#nav_swipe {
    position: relative;
    margin: 20px 0;
}
#nav_carousel {
    position: relative;
    overflow: hidden;
    width: 70%;
    height: 70px;
    margin: 0 auto;
}
#nav_carousel .nav {
    width: 20000em;
    position: relative;
    padding-top: 5px;
}
#nav_carousel .nav__item {
    display: block;
    float: left;
    padding: 0 10px;
    text-align: center;
}
#nav_carousel .nav__item a {
    color: @c_gray2;
    text-decoration: none;
    font: bold 1.25em @arial;
    display: inline-block;
    &:hover, &:focus {
        color: @c_title;
    }
}
#nav_swipe .jcarousel-control-prev, #nav_swipe .jcarousel-control-next {
    position: absolute;
    top: 0px;
    width: 34px;
    height: 34px;
    opacity: .8;

}
#nav_swipe .jcarousel-control-prev {
    left: 0px;
    background: url("../img/icon-nav_arrow.png") 0 0 no-repeat;
    background-size: auto 100%;
}
#nav_swipe .jcarousel-control-next {
    right: 0px;
    background: url("../img/icon-nav_arrow.png") right 0 no-repeat;
    background-size: auto 100%;
}
#nav_swipe .jcarousel-control-prev:hover,
#nav_swipe .jcarousel-control-next:hover {
    opacity: 1;
}
#nav_swipe .jcarousel-control-prev.inactive,
#nav_swipe .jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

.pagination {
    position: relative;
    a {
        display: inline-block;
        vertical-align: top;
        padding: 0 10px;
        color: @c_gray2;
        text-decoration: none;
        font: bold 1.25em @arial;
        &:hover, &:focus {
            color: @c_title;
        }
        &.active {
            color: @c_title
        }
    }
    a.prev {
        padding: 0;
        background: url("../img/icon-nav_arrow.png") 0 0 no-repeat;
        background-size: auto 100%;
        width: 34px;
        height: 34px;
    }
    a.next {
        padding: 0;
        background: url("../img/icon-nav_arrow.png") right 0 no-repeat;
        background-size: auto 100%;
        width: 34px;
        height: 34px;
    }
}


.wait_preloader {
    display: none;
    background: url(../img/loader_blue.gif) 0 0 no-repeat;
    width: 43px;
    height: 11px;
    margin: 0 auto;
}

/*    =FOOTER
**************************************************/
.footer {
    position:relative;
    background: #6e4aa8 url(../img/itnord.png) right center no-repeat;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
    padding: 0 7.5%;
    height: 127px;
    &__text {
        position: absolute;
        top: 40px;
        left: 7.5%;
    }
    &__cr {
        font: bold 0.875em @arial;
        color: @c_white;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
}
.it-nord {
    font: 1em @arial;
    color: #dcd2f0;
    a {
        color: #dcd2f0;
    }
}
/*  =MEDIA QUERIES
**************************************************/
@media all and (max-width: 450px) {

    /*  =HEADERS
    **************************************************/

    h1 {
        display: inline-block;
        color: #6c46a0;
        font: bold 1.475rem Arial, Helvetica, sans-serif;
        margin-bottom: 10px;
    }
    h3 {
        font: bold 1.175rem Arial, Helvetica, sans-serif;
    }
    .count_items {
        font: bold 1.425rem Arial, Helvetica, sans-serif;
        margin-left: 5px;
        padding: 5px;
        border-radius: 3px;
        min-width: 75px;
    }

    /*  =HEADER
    **************************************************/

    .header {
        min-height: 100px;
    }
    .logo {

    }

    /*  =MAIN_MENU
    **************************************************/

    .main_menu {
        &__item {
            &__link {
                font: bold 1.200em @arial;
            }
        }
    }

    /*  =NEWS
   **************************************************/
    .news {
        &__item {
            &__date {
                font: 0.8rem Arial, Helvetica, sans-serif;
            }
            &__title {
                font-size: 1.025rem;
                display: block;
            }
        }
    }

    /*  =SEARCH
       **************************************************/

    .search_list {
        position: relative;
        &__item {
            p {
                font-size: .95em;
                margin-bottom: 20px;
            }
            &__title {
                margin-bottom: 20px;
                a {
                    font: bold 1.225em/1.5em @arial;
                }
            }
            &__text {
                margin-left: 45%;
                span {
                    font-size: .85rem;
                }
                a {
                    color: @c_gray;
                }
            }
        }
    }
    .search_table {
        width: 100%;
        td {
            width: 50%;
            font-size: .950rem;
            padding: 6px 10px 6px 0;
        }
    }

    /*  =ICON_LIST
          **************************************************/

    .icon_list {
        &__item {
            font: .95em/1.2em @arial;
            &-inline {
                display: inline-block;
                vertical-align: top;
            }

        }
    }

    /*  =TABS
          **************************************************/

    .tabs {
        position: relative;
        &__item {
            display: inline-block;
            &-radio_top {
                margin-bottom: 15px;
                width: 100%;
                margin-left: 0;
                padding: 10px 8px 8px;
                border-radius: 3px;
                font: bold 1rem @arial;
            }
        }
    }

    /*  =FORM
      **************************************************/

    .label {
        font: bold 0.8rem/1em @arial;
        &-m {
            font: bold 0.7rem/1em @arial;
        }
    }

    /*  =MAIN_TEXT
     **************************************************/

    .main_text {
        font-size: 1.025em;
        line-height: 1.4em;
        p {
            margin-bottom: 15px;
        }
    }

    /*  =CAROUSEL
      **************************************************/
    #city_carousel {
        position: relative;
        overflow: hidden;
//        width: 220px;
        height: 50px;
        margin: 0 auto;
    }
    #city_carousel .city__item a {
        font: bold 1em @arial;
    }

    /*  =pagination
      **************************************************/
    .pagination {
        a {
            padding: 0 5px;
            color: @c_gray2;
            text-decoration: none;
            font: bold 1.25em @arial;
            &:hover, &:focus {
                color: @c_title;
            }
            &.active {
                color: @c_title
            }
        }
        a.prev {
            width: 25px;
            height: 25px;
        }
        a.next {
            width: 25px;
            height: 25px;
        }
    }

}