.catalog_top_pane,.scroll-pane {
    overflow: auto;
    position: relative;
    height: 798px
}

.jspContainer,.modal-open {
    overflow: hidden
}

.catalog_top_pane .jspVerticalBar,.scroll-pane .jspVerticalBar {
    opacity: 0;
    transition: opacity .2s ease-in
}

.catalog_top_pane:hover .jspVerticalBar,.scroll-pane:hover .jspVerticalBar {
    opacity: .5
}

.jspCap,.modal-backdrop.fade {
    opacity: 0
}

.scroll-pane-type02 {
    height: 958px
}

.jspContainer {
    position: relative
}

.jspPane {
    left: 0!important;
    position: absolute;
    width: 100.5%!important
}

.jspHorizontalBar *,.jspVerticalBar * {
    margin: 0;
    padding: 0
}

.jspCap {
    height: 11px;
    display: block
}

.scroll-pane-type02 .jspCapTop {
    height: 12px
}

.scroll-pane-type02 .jspCapBottom {
    height: 18px
}

.jspVerticalBar .jspArrow {
    display: none
}

.jspVerticalBar .jspArrow:focus {
    outline: 0
}

.jspVerticalBar {
    position: absolute;
    right: 7px;
    top: 0;
    width: 7px;
    height: 100%
}

.jspTrack {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #d7d7d7;
    position: relative
}

.jspDrag {
    background: #555;
    width: 7px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

.jspVerticalBar .jspArrow {
    height: 20px
}

.jspArrowUp {
    display: none
}

.jspArrowDown {
    display: none;
    height: 20px
}

.wf-modal-cities {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.wf-modal-cities.fade .wf-modal-dialog {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    transform: translate(0,-25%);
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in
}

.wf-modal-cities.in .wf-modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-open .wf-modal-cities {
    overflow-x: hidden;
    overflow-y: auto
}

.wf-modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.wf-modal-content {
    position: relative;
    background: #ffffff; /* Old browsers */
    /*background: -moz-linear-gradient(top,  #f2f2f2 49%, #dbdbdb 100%);
    background: -webkit-linear-gradient(top,  #f2f2f2 49%,#dbdbdb 100%);
    background: linear-gradient(to bottom,  #f2f2f2 49%,#dbdbdb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dbdbdb',GradientType=0 );
    background-clip: padding-box;*/
    outline: 0;
    padding:10px 30px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.in {
    opacity: .5
}

.wf-modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.wf-modal-body {
    position: relative;
}

.wf-modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.wf-modal-footer:after,.wf-modal-footer:before {
    content: " ";
    display: table
}

.wf-modal-footer:after {
    clear: both
}

.wf-modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.wf-modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.wf-modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width:500px;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm .wf-modal-content {
        width: 300px;
        margin: 15px auto;
    }
}

@media (min-width: 992px) {
    .modal-lg{
        max-width:600px;
    }
    .modal-lg .wf-modal-content{
        padding:20px 50px;
    }
}

.wf-row {
    margin: 0 -15px;
    overflow: auto
}

.col-x-2,.col-x-4 {
    box-sizing: border-box;
    padding: 0 15px;
    float: left;
    min-height: 1px
}

.col-x-4 {
    width: 25%
}

.col-x-2 {
    width: 50%
}

.wf-modal-cities .wf-modal-dialog {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 200px);
}

.wf-modal-cities .wf-modal-header {
    text-align: center;
    border-bottom: none;
    margin-bottom: 20px;
}

.wf-modal-cities .wf-modal-header .wf-modal-title {
    font-family: Arial,sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0
}

/*.wf-modal-cities .wf-modal-header .wf-modal-close {
    position: absolute;
    display: block;
    top: 10px;
    right: 15px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background:url('../../../../images/close_icons.png') 1px -44px no-repeat;
}
.wf-modal-cities .wf-modal-header .wf-modal-close:hover{
    background: #006ac5;
    background-position: -30px -46px !important;
}*/

.wf-modal-cities .wf-modal-footer {
    background: #f5f5f5;
    text-align: left
}

.wf-modal-cities .list-unstyled {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.wf-modal-cities .list-unstyled li {
    margin-bottom: 5px
}

.wf-modal-cities .pick-location,.wf-modal-cities .pick-location-final {
    color: #2874b4;
    text-decoration: underline;
    cursor: pointer
}
.pick-location-final{
    width:33.333333333333333%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    color:#000;
    font-size:1rem;
}
.wf-modal-cities .pick-location-final:hover,.wf-modal-cities .pick-location:hover {
    text-decoration: none;
    color: #2d81c9
}

.wf-modal-cities .pick-location-final:active,.wf-modal-cities .pick-location:active {
    /*-webkit-transform: translateY(1px);*/
    /*-ms-transform: translateY(1px);*/
    /*transform: translateY(1px);*/
    color: #23679f
}

.wf-modal-cities .pick-location-final.active,.wf-modal-cities .pick-location.active {
    color: #767676!important;
    text-decoration: none;
    font-weight: 700
}

.wf-modal-cities .list-districts .pick-location {
    color: #000;
    font-weight: 700
}

.wf-primary-cities {
    overflow: auto;
}

@-webkit-keyframes wfPulse {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

@keyframes wfPulse {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

.wf-city {
    display: inline-block;
    outline: 0!important;
    font-size: 18px;
}

.wf-pulse {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: wfPulse;
    animation-name: wfPulse
}

.wf-modal-close.close {
    margin: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.wf-modal-close.close i {
    display: block;
    border-radius: 0px;
    width: 14px;
    height: 14px;
    opacity: 1;
    background-position: -1px -46px !important;
    background: url('../../../../images/close_icons.png') -1px -59px no-repeat;
}

.wf-modal-close.close:hover {
    background: #006ac5;
}

.wf-modal-close.close:hover i {
    background-position: -30px -46px !important;
}

.fa-map-marker:before {
    color: #f00;
    font-size: 18px;
}