.sf {
    width: 100%;
    position: relative;


    background: #f7fbfe;
    background: -moz-linear-gradient(top,  #f7fbfe 0%, #e4edf4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fbfe), color-stop(100%,#e4edf4));
    background: -webkit-linear-gradient(top,  #f7fbfe 0%,#e4edf4 100%);
    background: -o-linear-gradient(top,  #f7fbfe 0%,#e4edf4 100%);
    background: -ms-linear-gradient(top,  #f7fbfe 0%,#e4edf4 100%);
    background: linear-gradient(top,  #f7fbfe 0%,#e4edf4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfe', endColorstr='#e4edf4',GradientType=0 );
    zoom:1;

    font-size:16px;
    border-radius: 4px 4px 0 0;
}

    .sf_head {
        padding: 10px 10px 0;
        /*border-bottom: 1px solid #fff;/**/
    }
        .sf_head_w {
            width: 100%;
            /*max-width: 1300px;/**/
            position: relative;
        }
            .sf_title {
                padding: 0;
                margin: 0;
                position: relative;

                display: inline-block;
                //display: inline;
                zoom:1;

                font-size: 20px;
                font-weight: bold;
                vertical-align: middle;
            }
                input.sf_title_rename_input {
                    font-size: 20px;
                    margin: -2px 0 -3px;
                }

            .sf_head_acts {
                /*margin: 0 20px 0 0;/**/
                display: inline-block;
                vertical-align: middle;/**/
            }
                .sf_head_note_add {
                    margin: 0 0 0 20px;

                    padding: 2px 10px 4px;

                    display: inline-block;
                    display: none;

                    border: 1px solid #b7b8ba;
                    border-top-color: #d4d5d9;
                    border-bottom-color: #999da0;

                    border-radius: 4px;

                    zoom:1;
                    background: #ffffff;
                    background: -moz-linear-gradient(top, #ffffff 0%, #dfe3e6 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfe3e6));
                    background: -webkit-linear-gradient(top, #ffffff 0%,#dfe3e6 100%);
                    background: -o-linear-gradient(top, #ffffff 0%,#dfe3e6 100%);
                    background: -ms-linear-gradient(top, #ffffff 0%,#dfe3e6 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfe3e6',GradientType=0 );
                    background: linear-gradient(top, #ffffff 0%,#dfe3e6 100%);

                    box-shadow: 0 1px 1px #ccc;

                    font-size: 16px;
                    line-height: 20px;
                    color: #000;

                    white-space: nowrap;

                    cursor: pointer;
                }
                .sf_head_note_add:hover {
                    background: #ffffff;
                    background: -moz-linear-gradient(top, #ffffff 0%, #a7d9f5 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#a7d9f5));
                    background: -webkit-linear-gradient(top, #ffffff 0%,#a7d9f5 100%);
                    background: -o-linear-gradient(top, #ffffff 0%,#a7d9f5 100%);
                    background: -ms-linear-gradient(top, #ffffff 0%,#a7d9f5 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a7d9f5',GradientType=0 );
                    background: linear-gradient(top, #ffffff 0%,#a7d9f5 100%);
                }
                .sf_head_note_add:active {
                    background: #23bdd5;
                    background: -moz-linear-gradient(top, #23bdd5 0%, #83dfea 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23bdd5), color-stop(100%,#83dfea));
                    background: -webkit-linear-gradient(top, #23bdd5 0%,#83dfea 100%);
                    background: -o-linear-gradient(top, #23bdd5 0%,#83dfea 100%);
                    background: -ms-linear-gradient(top, #23bdd5 0%,#83dfea 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23bdd5', endColorstr='#83dfea',GradientType=0 );
                    background: linear-gradient(top, #23bdd5 0%,#83dfea 100%);

                    box-shadow: inset 0 1px 1px #097d8c;
                    border: 1px solid #45b8ca;
                    border-top-color: #097d8c;
                    border-bottom-color: #83dfea;
                }

                .sf_head_note_rename {
                    margin: 0 0 0 30px;
                }
                .sf_head_note_delete,
                a.sf_head_note_delete {
                    margin: 0 0 0 30px;
                    color: #cc0000;
                    border-color: #f0b2b2;
                    opacity: 0.5;
                    filter: alfa(opacity=50);
                }
                .sf_head_note_delete:hover,
                a.sf_head_note_delete:hover {
                    opacity: 1;
                    filter: alfa(opacity=100);
                }

                    .sf_head_note_delete i {
                        width: 13px;
                        height: 13px;
                        margin: 0 -13px 0 0;
                        position: relative;
                        left: -18px;
                        display: inline-block;
                        //display: inline;
                        zoom:1;
                        background: url('/static/images/icon_delete.png') no-repeat 0 0;
                        vertical-align: -2px;
                    }

                .sf_head_acts_new .sf_head_note_add {
                    display: inline-block;
                }
                .sf_head_acts_new .sf_head_note_rename,
                .sf_head_acts_new .sf_head_note_delete {
                    display: none;
                }


            .sf_head_region {
                position: absolute;
                right: 0;
                font-size: 20px;
            }
                .sf_head_region .pseudo {
                    color:#000;
                    border-color: #b2b2b2;
                }



    .sf_body {
        padding: 20px;
    }
        .sf_body_table {
            width: 100%;
            margin: 0;
            table-layout: fixed;
        }
            .sf_body_td_l {
                padding: 0 30px 0 20px;
            }
            .sf_body_td_r {
                padding: 0 20px 0 0;
            }


        .sf_object_type_select {
            padding: 0 0 15px;
            white-space: nowrap;
        }


            .sf_object_type_select_button {
                margin: 0 5px 0 0;
                padding: 0px 10px 2px;

                display: inline-block;

                border: 1px solid #b7b8ba;
                border-top-color: #d4d5d9;
                border-bottom-color: #999da0;

                border-radius: 4px;

                zoom:1;
                background: #ffffff;
                background: -moz-linear-gradient(top, #ffffff 0%, #dfe3e6 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfe3e6));
                background: -webkit-linear-gradient(top, #ffffff 0%,#dfe3e6 100%);
                background: -o-linear-gradient(top, #ffffff 0%,#dfe3e6 100%);
                background: -ms-linear-gradient(top, #ffffff 0%,#dfe3e6 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfe3e6',GradientType=0 );
                background: linear-gradient(top, #ffffff 0%,#dfe3e6 100%);

                font-size: 16px;
                line-height: 20px;
                color: #000;

                white-space: nowrap;

                cursor: pointer;
            }

            .sf_object_type_select_button:hover {
                background: #ffffff;
                background: -moz-linear-gradient(top, #ffffff 0%, #b6e9ef 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b6e9ef));
                background: -webkit-linear-gradient(top, #ffffff 0%,#b6e9ef 100%);
                background: -o-linear-gradient(top, #ffffff 0%,#b6e9ef 100%);
                background: -ms-linear-gradient(top, #ffffff 0%,#b6e9ef 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6e9ef',GradientType=0 );
                background: linear-gradient(top, #ffffff 0%,#b6e9ef 100%);

            }
            .sf_object_type_select_button:active,
            .sf_object_type_select_button_active,
            .sf_object_type_select_button_active:hover {
                position: relative;

                background: #23bdd5;
                background: -moz-linear-gradient(top, #23bdd5 0%, #83dfea 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23bdd5), color-stop(100%,#83dfea));
                background: -webkit-linear-gradient(top, #23bdd5 0%,#83dfea 100%);
                background: -o-linear-gradient(top, #23bdd5 0%,#83dfea 100%);
                background: -ms-linear-gradient(top, #23bdd5 0%,#83dfea 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23bdd5', endColorstr='#83dfea',GradientType=0 );
                background: linear-gradient(top, #23bdd5 0%,#83dfea 100%);
/**/
                /*
                background: #23bdd5;
            background: -moz-linear-gradient(top, #0092A9 0%, #83dfea 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0092A9), color-stop(100%,#83dfea));
            background: -webkit-linear-gradient(top, #0092A9 0%,#83dfea 100%);
            background: -o-linear-gradient(top, #0092A9 0%,#83dfea 100%);
            background: -ms-linear-gradient(top, #0092A9 0%,#83dfea 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0092A9', endColorstr='#83dfea',GradientType=0 );
            background: linear-gradient(top, #0092A9 0%,#83dfea 100%);

            color: #fff;/**/


                box-shadow: inset 0 1px 1px #097d8c;
                border: 1px solid #45b8ca;
                border-top-color: #097d8c;
                border-bottom-color: #83dfea;
            }
                .sf_object_type_select_button_active {cursor: default;}

            .sf_object_type_select_button_active_pressed {
                cursor: pointer;
            }
            .sf_object_type_select_button_active_pressed:hover {
                background: #B6E9EF;
                background: -moz-linear-gradient(top, #B6E9EF 0%, #ffffff 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B6E9EF), color-stop(100%,#ffffff));
                background: -webkit-linear-gradient(top, #B6E9EF 0%,#ffffff 100%);
                background: -o-linear-gradient(top, #B6E9EF 0%,#ffffff 100%);
                background: -ms-linear-gradient(top, #B6E9EF 0%,#ffffff 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B6E9EF', endColorstr='#ffffff',GradientType=0 );
                background: linear-gradient(top, #B6E9EF 0%,#ffffff 100%);
            }


            .sf_object_type_select_button_l {
                margin: 0 -1px 0 0;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }
            .sf_object_type_select_button_r {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }


                .sf_object_type_select_button input {
                    display: none;
                }

        .sf_object_params {

        }
            .sf_object_params_checkboxes {
                padding: 0 0 15px;
            }

                .sf_checkbox {
                    margin: 0 -1px -1px 0;
                    padding: 5px 10px 5px;
                    display: inline-block;
                    background: #f1f1f1;
                    border: 1px solid #b7b8ba;
                    font-size: 16px;
                    line-height: 20px;
                    color: #000;
                    white-space: nowrap;
                    cursor: pointer;
                }
                .sf_checkbox:hover {
                    background: #b4e4e9;/**/
                }
                .sf_checkbox:active,
                .sf_checkbox_active,
                .sf_checkbox_active:hover{
                    background: #66d7e5;
                    border-color: #1cbcd6;
                    position: relative;
                }
                    .sf_checkbox input {
                        display: none;/**/
                    }

            .sf_object_params_checkboxes select {
                font-size: 14px;
            }
            .sf_object_params_dop_checkboxes {
                padding: 0 0 5px;
            }

                .sf_dop_checkbox {
                    margin: 0 20px 10px 0;
                    display: inline-block;
                    white-space: nowrap;
                }


            .sf_price_range {
                font-size: 16px;
                line-height: 20px;
            }
            .sf_price_range .rur {
                font-size: 17px;
            }

            input.sf_price_from,
            input.sf_price_to {
                width:80px;
                margin: 0 10px;
                font-size: 16px;
                line-height: 20px;
                text-align: center;
            }


        .sf_full_form_link {
            padding: 0 0 15px;
        }
        .sf_full_form_link a:visited {
            border-color: #B2CCF0 !important;
            color: #0055CC !important;
        }


        .sf_submit_w {
            padding: 5px;
            display: inline-block;
            background: #42cedd;
            border-radius: 5px;
        }
            .sf_submit {
                padding: 3px 5px;/**/
                font-size: 16px;
            }


.sf_radio {
        position:relative;
        overflow:hidden;/**/
        display: inline-block;
        border-radius:13px;
        border: 1px solid #B7B8BA;
        /*border-width: 1px 1px 1px 0;/**/
        /*vertical-align: -7px;/**/
        /*vertical-align: bottom;/**/
        /*top:2px;/**/
        white-space: nowrap;
    }
        .sf_radio .sf_checkbox {
            margin: 0 0 0 -1px;
            padding: 2px 9px 4px;
            border-width: 0 0 0 1px;
            line-height: 1em;
            font-size : 13px;

            zoom:1;
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 0%, #dfe3e6 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfe3e6));
            background: -webkit-linear-gradient(top, #ffffff 0%,#dfe3e6 100%);
            background: -o-linear-gradient(top, #ffffff 0%,#dfe3e6 100%);
            background: -ms-linear-gradient(top, #ffffff 0%,#dfe3e6 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfe3e6',GradientType=0 );
            background: linear-gradient(top, #ffffff 0%,#dfe3e6 100%);
        }
        .sf_radio .sf_checkbox:first-child {
            border-radius:13px 0 0 13px;
        }
        .sf_radio .sf_checkbox:last-child {
            border-radius:0 13px 13px 0;
        }

        .sf_radio .sf_checkbox:hover {
            background: #ffffff;
                background: -moz-linear-gradient(top, #ffffff 0%, #b6e9ef 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b6e9ef));
                background: -webkit-linear-gradient(top, #ffffff 0%,#b6e9ef 100%);
                background: -o-linear-gradient(top, #ffffff 0%,#b6e9ef 100%);
                background: -ms-linear-gradient(top, #ffffff 0%,#b6e9ef 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6e9ef',GradientType=0 );
                background: linear-gradient(top, #ffffff 0%,#b6e9ef 100%);
        }
        .sf_radio .sf_checkbox_active,
        .sf_radio .sf_checkbox_active:hover {

            background: #23bdd5;
            background: -moz-linear-gradient(top, #23bdd5 0%, #83dfea 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23bdd5), color-stop(100%,#83dfea));
            background: -webkit-linear-gradient(top, #23bdd5 0%,#83dfea 100%);
            background: -o-linear-gradient(top, #23bdd5 0%,#83dfea 100%);
            background: -ms-linear-gradient(top, #23bdd5 0%,#83dfea 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23bdd5', endColorstr='#83dfea',GradientType=0 );
            background: linear-gradient(top, #23bdd5 0%,#83dfea 100%);/**/
/*
            background: #23bdd5;
            background: -moz-linear-gradient(top, #0092A9 0%, #83dfea 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0092A9), color-stop(100%,#83dfea));
            background: -webkit-linear-gradient(top, #0092A9 0%,#83dfea 100%);
            background: -o-linear-gradient(top, #0092A9 0%,#83dfea 100%);
            background: -ms-linear-gradient(top, #0092A9 0%,#83dfea 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0092A9', endColorstr='#83dfea',GradientType=0 );
            background: linear-gradient(top, #0092A9 0%,#83dfea 100%);

            color: #fff;/**/
        }



.ex_location_select_button input {
    display: none;
}




/**********/
    .sf_small_body {}
        .sf_small_body_td_l,
        .sf_small_body_td_r {
            display: none;
        }

        .sf_small_body .sf_small_body_td_l,
        .sf_small_body .sf_small_body_td_r {
            display: table-cell;

        }
        .sf_small_body .sf_small_body_td_r {
            padding-left: 20px;
        }
        .sf_small_body .sf_small_body_td_l {
            white-space: nowrap;
        }

        .sf_small_body .sf_body_td_l {
            display: none;
        }
        .sf_small_body .sf_body_td_r {
            width: auto;
        }
        .sf_small_body .zf-slider-horizontal {
            display: none;
        }

        .sf_small_body .sf_full_form_link {
            display: none;
        }
        .sf_small_body .sf_price_title {
            display: none;
        }
        .sf_small_body .sf_body_table {
            width: auto;
            /*margin: 0 0 20px/**/
        }
        .sf_small_body .sf_submit_row {
            display: none;
        }

        .sf_small_body_trigger {
            margin: 0 0 0 0px;
            white-space: nowrap;
        }


        .sf_tag_w {
            display: inline-block;
            white-space: normal;
        }
        .sf_tag {

        }
            .sf_tag i {
                width: 7px;
                height: 7px;
                margin: 0 1px 0 3px;
                display: inline-block;
                background: url('/static/images/popup_closer.gif') no-repeat 0 0;
                cursor: pointer;
                vertical-align: 3px;
            }
            .sf_tag i:hover {
                background-position: 0 100%;
            }
        .sf_small_submit {
            margin: 0 20px 0 20px;
            font-size: 16px;
        }

        .sf_small_body .sf_price_range {
            white-space: nowrap;
        }






@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min-device-pixel-ratio: 1.5) {

    .sf_head_note_delete i {
        background: url('/static/images/icon_delete@2x.png') 0 0 no-repeat;
        background-size: 13px 13px;
    }
}




/*  ZForms */
body form.sf_form {
        width:100%;
    margin: 0;
    }

    body .zf-slider-horizontal {
        position: absolute;
        bottom: -50px;
    }
    body fieldset.zf {
        border: 0;
        margin: 0;
        padding: 0;
    }

body .zf-slider-range-1 {
    background: #41DFEA;
}
body .zf-slider-horizontal .zf-slider-range {
    height: 4px;
    top: 10px;
}
body .zf-slider-horizontal .zf-slider-scale {
    border-top: 4px solid #0A7075;
}
body .zf-slider-horizontal .zf-slider-value {
    bottom: 15px;
    display: none;
}
body .zf-slider-horizontal .zf-slider-mark {
    height: 10px;
    top: -10px;
    width: 1px;
    background: #000;
    color: #666666;
}
body .zf-slider-horizontal .zf-slider-mark span {
    top: -14px;
    left: -2px;
    white-space: nowrap;
}

body .zf-slider-horizontal .zf-slider-control {
    width: 13px;
    height: 12px;
    margin-left: -13px;
   background: url('/static/images/slider_control.png') no-repeat 0 0;

}
body .zf-slider-horizontal .zf-slider-control-1 {
    margin-left: 0px;
    background-position: 100% 0;
}