/*COMPONENTS*/
.clearfix {

    &:before {
        display: block;
        content: "";
        clear: both;
    }
    &:after {
        display: block;
        content: "";
        clear: both;
    }
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
        url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
        url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.placeholder {

    &::-webkit-input-placeholder {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    &:-moz-placeholder {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    &::-moz-placeholder {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    &:-ms-input-placeholder {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    &:focus::-webkit-input-placeholder {
        color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    &:focus:-moz-placeholder {
        color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    &:focus::-moz-placeholder {
        color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    &:focus:-ms-input-placeholder {
        color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
.border-radius(@r:0px) {
    border-radius: @r;
    -moz-border-radius: @r;
    -webkit-border-radius: @r;
    -khtml-border-radius: @r; 
}
.round-corners(@lt:0px, @rt:0px, @rb:0px, @lb:0px) {
    border-radius: @lt @rt @rb @lb;
    -moz-border-radius: @lt @rt @rb @lb;
    -webkit-border-radius: @lt @rt @rb @lb;
}
.transition(@for: all, @time: 0.1s, @effect: linear, @delay: 0s) {
    -webkit-transition: @for @time @effect @delay;		 
    -moz-transition: @for @time @effect @delay;
    -o-transition: @for @time @effect @delay;
    transition: @for @time @effect @delay;
}
.box-shadow(@x, @y, @z, @color) {
    box-shadow: @x @y @z @color;
    -moz-box-shadow: @x @y @z @color;
    -webkit-box-shadow: @x @y @z @color;
}
.main-font {
    font-family: 'PT Sans', sans-serif;
}
.icon-font {
    font-family: 'Glyphicons Halflings';
}
.no-style-ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.styled-button {
    background-color: #2992e1;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    padding: 0 32px;
    font-size: 13px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    &:after {
        .transition(opacity, 0.1s, linear, 0s);
        border: 1px solid #fff;
        content: "";
        display: block;
        opacity: 0;
        height: ~"calc(100% - 8px)";
        left: 0;
        margin: 3px;
        position: absolute;
        top: 0;
        width: ~"calc(100% - 8px)";
    }
    &:hover {

        &:after {
            opacity: 1;
        }
    }
}

body {
    .main-font;
    line-height: 1.2;
    margin: 0;
    padding: 0;

    .wrapper {

        .section-wrap {
            width: 1150px;
            margin: 0 auto;
            position: relative;
            .clearfix;
        }

        /*Header*/
        .header {
            background: url('../images/header.jpg') no-repeat center top;
            height: 140px;
            width: 100%;
            &.homepage-header {
                height: 580px;
            }

            .section-wrap {
                height: 140px;

                a.logotype {
                    background: url('../images/logo.png') no-repeat center center;
                    height: 140px;
                    width: 295px;
                    display: block;
                    float: left;
                    background-size: 14.5em;
                }
                nav.main-navigation {
                    width: 675px;
                    float: left;

                    ul.menu {
                        height: 16px;
                        list-style: outside none none;
                        margin: 0;
                        padding: 62px 24px;

                        li {
                            border-right: 1px solid #404345;
                            float: left;
                            padding: 0 13px;
                            &:last-child {
                                border: none;
                            }
                            a {
                                .transition(color, 0.1s, linear, 0s);
                                line-height: 13px;
                                font-size: 13px;
                                text-transform: uppercase;
                                color: #404345;
                                text-decoration: none;
                                font-weight: 700;
                            }
                            &:hover,
                                &.current-menu-item {

                                a {
                                    color: #2992e1;
                                }
                            }
                            ul.sub-menu {
                                display: none !important;
                            }
                        }
                    }
                }
                .contacts {
                    float: right;
                    margin: 50px 0 0 0;
                    width: 180px;

                    a {
                        .styled-button;
                        margin: 0 0 12px;
                    }
                    p {
                        font-size: 22px;
                        color: #404345;
                        text-align: center;

                        span {
                            color: #151b20;
                            font-weight: 700;
                        }
                    }
                }
            }
        }
        /*Header*/

        /*Services menu*/
        .services-menu {
            margin: 50px 0 0 0;

            .section-wrap {

                ul {
                    .clearfix;

                    li {
                        float: left;
                        margin: 0 38px 0 0;
                        width: 160px;
                        &:last-child {
                            margin: 0;
                        }

                        a {
                            text-decoration: none;

                            .item_img {
                                height: 100px;
                                max-width: 150px;
                                padding: 0 0 10px;

                                img {
                                    max-height: 100px;
                                    max-width: 150px;
                                    width: auto;
                                    height: auto;
                                }
                            }
                            .item_title {
                                color: #2992e1;
                                display: table-cell;
                                font-size: 18px;
                                font-weight: 700;
                                height: 40px;
                                padding: 0 0 5px;
                                text-decoration: underline;
                                vertical-align: middle;
                            }
                            .item_excerpt {
                                font-size: 14px;
                                color: #7d868b;

                            }
                            &:hover {

                                .item_title {
                                    color: #151b20;
                                    text-decoration: none;
                                }
                            }
                        }
                    }
                }
            }
        }
        /*Services menu*/

        /*Main container*/
        .main-container {
            margin: 50px 0 0 0;
            .clearfix;

            .sidebar {
                float: left;
                width: 295px;

                .widget-list {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                    .clearfix;

                    .widget {
                        .clearfix;
                        margin: 0 0 25px;

                        .widgettitle {
                            font-size: 24px;
                            color: #151b20;
                            font-weight: 700;
                            text-transform: uppercase;
                            text-align: center;
                            line-height: 30px;
                            margin: 0 0 15px;
                        }

                        /*news-and-actions-widget*/
                        &.news-and-actions-widget {
                            margin: -6px 0 25px 0;

                            .actions-side {

                            }/*actions-side*/

                            .news-side {

                            }/*news-side*/

                            .post_list {
                                margin: 0;
                                padding: 0;
                                list-style: none;

                                li {
                                    margin: 0 0 15px;

                                    a {
                                        text-decoration: none;

                                        .post_image {
                                            width: 100%;
                                            height: auto;

                                            img {
                                                width: 100%;
                                                height: auto;
                                                display: block;
                                            }
                                        }
                                        .post_title,
                                        .post_date {
                                            color: #151b20;
                                            font-size: 14px;
                                            line-height: 18px;
                                            padding: 0 0 3px;
                                            font-weight: 700;
                                            text-transform: uppercase;
                                        }
                                        .post_date {
                                            padding: 0;
                                        }
                                        .post_excerpt {
                                            color: #7d868b;
                                            font-size: 14px;
                                            line-height: 1.3;
                                        }
                                        &:hover {

                                            .post_date,
                                            .post_title {
                                                color: #2992e1;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        /*news-and-actions-widget*/

                        /*widget_nav_menu*/
                        &.widget_nav_menu {

                            .widgettitle {
                                display: none;
                            }
                            ul.menu {
                                margin: 0;
                                padding: 0;
                                list-style: none;

                                li {

                                    a {
                                        .styled-button;
                                        font-size: 18px;
                                        color: #FFF;
                                        background-color: #151b20;
                                        line-height: 50px;
                                        display: block;
                                        padding: 0;
                                        margin: 0 0 10px;
                                    }
                                    &.current-menu-item {

                                        a {
                                            background-color: #2992e1;
                                        }
                                    }
                                }
                            }
                        }
                        /*widget_nav_menu*/

                        /*cat-menu-widget*/
                        &.cat-menu-widget {
                            border-bottom: 1px solid #151b20;
                            padding: 0 0 15px;

                            ul.menu {
                                margin: 0;
                                padding: 0;
                                list-style: none;

                                li {

                                    a {
                                        .styled-button;
                                        font-size: 18px;
                                        color: #FFF;
                                        background-color: #151b20;
                                        line-height: 50px;
                                        display: block;
                                        padding: 0;
                                        margin: 0 0 10px;
                                    }
                                    &.current-menu-item {

                                        a {
                                            background-color: #2992e1;
                                        }
                                    }
                                }
                            }
                        }
                        /*cat-menu-widget*/
                    }
                }
            }
            .container {
                float: right;
                width: 815px;

                /*Slider*/
                .carousel {
                    position: relative;
                    margin: 0 0 40px;

                    .carousel-inner {
                        position: relative;
                        width: 100%;
                        overflow: hidden;

                        .item {
                            position: relative;
                            display: none;
                            .transition(all, 0.6s, linear, 0s);

                            &.active {
                                left: 0;
                            }
                            &.active,
                            &.next,
                            &.prev {
                                display: block;
                            }
                            &.next,
                            &.prev {
                                position: absolute;
                                top: 0;
                                width: 100%;
                            }
                            &.next {
                                left: 100%;
                            }
                            &.prev {
                                left: -100%;
                            }
                            &.next.left,
                            &.prev.right {
                                left: 0;
                            }
                            &.active.left {
                                left: -100%;
                            }
                            &.active.right {
                                left: 100%;
                            }

                            img,
                            a > img {
                                line-height: 1;
                                display: block;
                                max-width: 100%;
                                height: auto;
                            }
                            .carousel-caption {
                                position: absolute;
                                bottom: 30px;
                                left: 30px;
                                padding: 15px 30px;
                                border: 2px solid #FFF;
                                line-height: 60px;
                                text-transform: uppercase;
                                color: #FFF;

                                .first-title {
                                    font-weight: 700;
                                    font-size: 48px;
                                }
                                .second-title {
                                    font-size: 36px;
                                    font-weight: 700;
                                }
                                .slide-more {
                                    .styled-button;
                                    line-height: 35px;
                                    padding: 0 20px;
                                    font-size: 13px;
                                    position: absolute;
                                    bottom: -16px;
                                    right: 16px;

                                }
                            }
                        }
                    }
                    .carousel-indicators {
                        position: absolute;
                        z-index: 999;
                        bottom: 20px;
                        right: 50px;

                        li {
                            border: 2px solid #FFF;
                            box-sizing: border-box;
                            cursor: pointer;
                            display: block;
                            float: left;
                            height: 18px;
                            margin: 0 5px;
                            width: 18px;
                            .transition(all, 0.15s, linear, 0s);
                            &.active {
                                border: 9px solid #FFF;
                            }
                        }
                    }
                }
                /*Slider*/

                /*Content*/
                .content {

                    h1, h2, h3, h4, h5 {
                        .main-font;
                        line-height: 1.4;
                        font-weight: 700;
                        color: #151b20;
                        margin: 0 0 15px;
                    }
                    h1 {
                        font-size: 24px;
                        &.page-title {
                            color: #2992e1;
                            text-transform: uppercase;
                        }
                    }
                    h2 {
                        font-size: 24px;
                    }
                    h3 {
                        font-size: 20px;
                    }
                    h4, h5 {
                        font-size: 18px;
                    }
                    p {
                        color: #151b20;
                        font-size: 16px;
                        line-height: 24px;
                        margin: 0 0 15px;
                    }
                    ul, ol {
                        margin: 0 0 15px;
                        padding: 0 0 0 25px;
                        list-style: disc outside;
                    }
                    a {
                        color: #2992e1;
                        text-decoration: underline;
                        &:hover {
                            text-decoration: none;
                        }
                    }
                    .alignleft {
                        float: left;
                        margin: 0 15px 15px 0;
                    }
                    .alignright {
                        float: right;
                        margin: 0 0 15px 15px;
                    }
                    .aligncenter {
                        margin: 0 auto 15px;
                        float: none;
                    }
                    img, a img {
                        max-width: 100%;
                        height: auto;
                        line-height: 1;
                    }
                    input[type='text'],
                    input[type='tel'],
                    input[type='email'],
                    input[type='password'],
                    textarea {
                        .placeholder;
                        .main-font;
                        .transition(all, 0.1s, linear, 0s);
                        border: 1px solid #aeaeae;
                        box-sizing: border-box;
                        font-size: 14px;
                        height: 30px;
                        padding: 0 10px;
                        width: 100%;
                        &:focus {
                            border-color: rgba(41, 146, 225, 0.5);
                            .box-shadow(0, 0, 5px, rgba(174, 174, 174, 0.7));
                        }
                    }
                    textarea {
                        padding: 5px 10px;
                        height: 60px;
                    }

                    /*Bread crumb*/
                    .bread_crumb {
                        height: 14px;
                        margin: 0 0 25px;
                        padding: 0;
                        list-style: none;

                        li {
                            position: relative;
                            float: left;
                            font-size: 14px;
                            color: #404345;
                            line-height: 14px;
                            &:after {
                                display: block;
                                content: "/";
                                float: right;
                                margin: 0 5px;
                            }
                            &.current {

                                &:after {
                                    display: none;
                                }
                            }

                            a {
                                color: #404345;
                                text-decoration: underline;
                                &:hover {
                                    text-decoration: none;
                                }
                            }
                        }
                    }
                    /*Bread crumb*/

                    /*Category*/
                    .catalog_list {
                        margin: 0;
                        padding: 0;
                        list-style: none;

                        li.catalog-item {
                            .clearfix;
                            margin: 0 0 20px;
                            padding: 0 0 20px;
                            border-bottom: 1px solid rgba(21, 27, 32, 0.5);

                            .ci__img {
                                border: 1px solid rgba(21, 27, 32, 0.5);
                                width: 150px;
                                height: 150px;
                                float: left;
                                overflow: hidden;

                                img {
                                    .transition(all, 0.1s, linear, 0s);
                                    width: 100%;
                                    height: auto;
                                    display: block;
                                }
                            }
                            .ci__info {
                                padding: 0 0 0 170px;
                            }
                            .ci__title {
                                display: inline-block;
                                font-size: 18px;
                                font-weight: 700;
                                margin: 0 0 5px;
                                text-decoration: none;
                            }
                            .ci__excerpt {
                                margin: 0 0 5px;

                                p {
                                    line-height: 1.2;
                                }
                            }
                            .ci__bottom {
                                margin: 0;

                                .ci__price {
                                    float: left;
                                    line-height: 40px;

                                    span {
                                        color: #2992e1;
                                        font-size: 22px;
                                        font-weight: 700;
                                    }
                                }
                                .ci__more,
                                .ci__order {
                                    float: right;
                                    .styled-button;
                                    margin: 0 0 0 20px;
                                    border: none;
                                    cursor: pointer;
                                }
                            }
                            &:hover {

                                .ci__img {

                                    img {
                                        transform: scale(1.1, 1.1);
                                        -moz-transform: scale(1.1, 1.1);
                                        -webkit-transform: scale(1.1, 1.1);
                                    }
                                }
                            }
                            &:last-child {
                                border: none;
                            }
                        }
                    }
                    /*Category*/

                    /*Item page*/
                    .current-item-options {
                        border-top: 1px solid rgba(21, 27, 32, 0.5);
                        margin: 20px 0 0 0;
                        padding: 20px 0 0 0;
                        .clearfix;

                        .cio__price {
                            float: right;
                            line-height: 40px;

                            span {
                                color: #2992e1;
                                font-size: 22px;
                                font-weight: 700;
                            }
                        }
                        .cio__order {
                            float: right;
                            .styled-button;
                            margin: 0 0 0 20px;
                            border: none;
                            cursor: pointer;
                        }
                    }
                    /*Item page*/

                    /*Reviews page*/
                    .reviews-list {

                        .review {
                            .clearfix;
                            margin: 0 0 20px;
                            padding: 0 0 20px;
                            border-bottom: 1px solid #151b20;
                            &:last-child {
                                border: none;
                                margin: 0;
                            }
                            .review-head {
                                margin: 0 0 10px;
                                .clearfix;

                                .review-author {
                                    float: left;
                                    font-size: 16px;
                                    font-weight: 700;
                                }
                                .review-date {
                                    float: left;
                                    padding: 0 0 0 30px;
                                    font-size: 16px;
                                }
                            }
                            .review-body {

                                p {
                                    line-height: 1.2;
                                    margin: 0;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                    .navigation {
                        padding: 25px 0;
                        margin: 0 0 25px;
                        border-bottom: 1px solid #151b20;
                        border-top: 1px solid #151b20;
                        text-align: center;
                        font-weight: 700;
                        font-size: 16px;

                        span, a {
                            padding: 0 3px;
                        }
                    }
                    .leave_review_form {

                        >h2 {
                            margin: 0 0 10px;
                        }
                        .comment-respond {

                            #reply-title,
                            .comment-notes {
                                display: none;
                            }
                            .comment-form {

                                p {
                                    margin: 0 0 10px;

                                    label {
                                        display: block;
                                        font-size: 16px;
                                    }
                                    input[type="text"],
                                    input[type="tel"],
                                    input[type="email"],
                                    textarea {
                                        width: 50%;
                                    }
                                    input.submit {
                                        .styled-button;
                                        border: none;
                                        cursor: pointer;
                                    }
                                }
                            }
                        }
                    }
                    /*Reviews page*/

                    /*Pagination*/
                    .wp-pagenavi {
                        border-bottom: 1px solid rgba(21, 27, 32, 0.5);
                        border-top: 1px solid rgba(21, 27, 32, 0.5);
                        font-size: 16px;
                        line-height: 1.2;
                        padding: 25px 0;
                        position: relative;
                        text-align: center;

                        span, a {
                            border: 1px solid rgba(21, 27, 32, 0.5);
                            text-decoration: none;
                            color: #151b20;
                            margin: 0 2px;
                            padding: 0 7px;

                            &.pages {
                                padding: 0;
                                border: medium none;
                                left: 0;
                                position: absolute;
                            }
                            &.current {
                                font-weight: 700;
                            }
                        }
                        a {
                            .transition(all, 0.1s, linear, 0s);

                            &:hover {
                                background-color: rgba(21, 27, 32, 0.5);
                                color: #FFF;
                            }
                        }
                    }
                    /*Pagination*/
                }
                /*Content*/
            }
        }
        /*Main container*/

        /*Footer*/
        .footer {
            background: url('../images/footer.jpg') repeat center top;
            padding: 25px 0 0 0;
            box-sizing: border-box;
            height: 128px;
            width: 100%;

            .section-wrap {

                .footer-menu {
                    float: left;

                    ul.menu {
                        .clearfix;
                        height: 16px;
                        list-style: outside none none;
                        margin: 0 0 25px -13px;

                        li {
                            border-right: 1px solid #404345;
                            float: left;
                            padding: 0 13px;
                            &:last-child {
                                border: none;
                            }
                            a {
                                .transition(color, 0.1s, linear, 0s);
                                line-height: 13px;
                                font-size: 13px;
                                text-transform: uppercase;
                                color: #404345;
                                text-decoration: none;
                                font-weight: 700;
                            }
                            &:hover,
                                &.current-menu-item {

                                a {
                                    color: #2992e1;
                                }
                            }
                            ul.sub-menu {
                                display: none !important;
                            }
                        }
                    }
                    .copyrights {
                        font-size: 13px;
                        color: #151b20;
                        line-height: 20px;
                    }
                }
                .contacts {
                    text-align: right;
                    float: left;
                    margin: 0 0 0 85px;

                    >p {
                        margin: 0 0 5px;
                        color: #404345;
                        font-size: 22px;
                        text-align: center;

                        span {
                            color: #151b20;
                            font-weight: 700;
                        }
                    }
                    a {
                        font-size: 14px;
                        color: #046fbf;
                        text-decoration: underline;
                        &:hover {
                            text-decoration: none;
                        }
                    }
                }
                .socials {
                    float: right;

                    a {
                        background: url('../images/socials.jpg') no-repeat;
                        display: block;
                        float: left;
                        height: 40px;
                        width: 40px;
                        margin: 0 0 0 6px;
                        .transition(all, 0.15s, linear, 0s);
                        &.fb {
                            background-position: 0 0;
                            &:hover {
                                background-position: 0 -40px;
                            }
                        }
                        &.tw {
                            background-position: -40px 0;
                            &:hover {
                                background-position: -40px -40px;
                            }
                        }
                        &.vk {
                            background-position: -80px 0;
                            &:hover {
                                background-position: -80px -40px;
                            }
                        }
                        &.g {
                            background-position: -120px 0;
                            &:hover {
                                background-position: -120px -40px;
                            }
                        }
                    }
                }
            }
        }
        /*Footer*/

        /*pop up*/
        .popup-window {
            display: none;
            position: fixed;
            z-index: 999;
            background-color: rgba(0, 0, 0, 0.8);
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

            .popup-wrap {
                .clearfix;
                padding: 15px 25px;
                background-color: #FFF;
                width: 500px;
                height: auto;
                position: absolute;
                left: ~"calc(50% - 250px)";
                /*top: ~"calc(50% - 150px)";*/
                top: 40px;

                >h2 {
                    text-align: center;
                    font-size: 20px;
                    text-transform: uppercase;
                    font-weight: 700;
                    color: #151b20;
                    line-height: 1;
                    margin: 0 0 10px;
                }
                small {
                    font-size: 12px;
                    line-height: 1;
                    margin: 0 0 10px;
                    display: block;
                }
                .close-popup {
                    position: absolute;
                    top: 10px;
                    right: 10px;
                    border: none;
                    background: transparent;
                    width: 25px;
                    height: 25px;
                    cursor: pointer;
                    &:after {
                        content: "\e014";
                        .icon-font;
                        display: block;
                        font-size: 16px;
                    }
                }
                .adresses-content {
                    margin: 20px 0 0 0;
                    font-size: 16px;
                    line-height: 1.4;

                    p {
                        margin: 0 0 10px;
                    }
                    ul, ol {
                        margin: 0 0 15px;
                        padding: 0 0 0 25px;
                        list-style: disc outside;
                    }
                    a {
                        color: #2992e1;
                        text-decoration: underline;
                        &:hover {
                            text-decoration: none;
                        }
                    }
                }
                .wpcf7-form {
                    .clearfix;

                    p {
                        .clearfix;
                        margin: 0 0 10px;

                        label {
                            display: block;
                            font-size: 16px;
                            margin: 0 0 5px;
                        }
                        span.wpcf7-form-control-wrap {
                            display: block;
                            position: relative;

                            .wpcf7-not-valid-tip {
                                position: absolute;
                                top: 0;
                                right: 10px;
                                line-height: 30px;
                            }
                        }
                        input[type="text"],
                        input[type="tel"],
                        input[type="email"],
                        textarea {
                            .transition(all, 0.1s, linear, 0s);
                            .placeholder;
                            .main-font;
                            font-size: 14px;
                            border: 1px solid #aeaeae;
                            box-sizing: border-box;
                            height: 30px;
                            padding: 0 10px;
                            width: 100%;
                            &:focus {
                                .box-shadow(0, 0, 5px, rgba(174, 174, 174, 0.7));
                                border-color: rgba(41, 146, 225, 0.5);
                            }
                            &.wpcf7-not-valid {
                                border-color: rgba(255, 0, 0, 0.5);
                            }
                        }
                        textarea {
                            height: 60px;
                            padding: 5px 10px;
                        }
                        .os-capcha-img {
                            display: block;
                            float: left;
                            margin: 0 15px 0 0;
                        }
                        span.os-captcha {
                            display: block;
                            float: left;
                            width: 150px;
                        }
                        .wpcf7-submit {
                            .styled-button;
                            border: none;
                            cursor: pointer;
                        }
                        &.disabled-row {
                            display: none;
                        }
                    }
                }
            }
        }
        
        /*Pop Up*/
        .popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
            background-color: rgba(0, 0, 0, 0.8);

            .popup-wrap {
  background-color: #000;
  position: absolute;
  top: 25%;
  left: 15%;
  width: 920px;
  height: 280px;
  padding: 30px 20px 20px;
  box-sizing: border-box;
  overflow: hidden;
  border: 2px solid #2992e1;
  color: #fff;
                .clearfix;

                .close-popup {
                    position: absolute;
                    background: none;
                    top: 10px;
                    right: 10px;
                    color: #2992e1;
                    font-size: 22px;
                    font-weight: 600;
                    border: none;
                    cursor: pointer;
                }
                >ul {
                    margin: 0;
                    padding: 0;
                    list-style: none;

                    li.widget {
                        display: inline-block;

                        .widgettitle {
                            margin: 0 0 5px;
                        }
                        a {
                            color: #2992e1;
                            &:hover {
                                text-decoration: none;
                            }
                        }
                    }
                }
            }
        }
        /*Pop Up*/
        
        /*pop up*/
    }
}