.pre-F {
    height: 157px;
    -webkit-transition: height .3s ease;
-moz-transition: height .3s ease;
-ms-transition: height .3s ease;
-o-transition: height .3s ease;
transition: height .3s ease;
}

.F-w {
    padding-top: 36px;
    padding-bottom: 33px;

    display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

    -webkit-transition: padding .3s ease;
-moz-transition: padding .3s ease;
-ms-transition: padding .3s ease;
-o-transition: padding .3s ease;
transition: padding .3s ease;
}

.F-col {
    -webkit-transition: width .3s ease;
-moz-transition: width .3s ease;
-ms-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
}

.F-col[n="1"] {
    width: 36%;
}
.F-col[n="2"] {
    width: 44%;
    position: relative;
    top: -3px;
    left: -2px;
}
.F-col[n="3"] {
    width: 30%;
}



.F-col-w {
    display: table;
}

    .F-col[n="1"] .F-col-w {
        max-width: 285px;
        float: left;
    }
    .F-col[n="2"] .F-col-w {
        margin: 0 auto;
    }
    .F-col[n="3"] .F-col-w {
        float: right;
}

.F-content {
    display: table;
}



    .F-content[name="address"],
    .F-content[name="copyright"] {
        position: relative;
        top: 21px;
    }
    .F-content[name="contact-info-1"],
    .F-content[name="contact-info-2"] {
        position: relative;
        top: 13px;
        left: 29px;
    }

    .F-content[name="callback"] {
        position: relative;
        top: 27px;
    }

.F-address {
    padding-bottom: 14px;
}

.F-social,
.F-phone {
    float: left;
}

.F-contact-1 {
    display: table;
    padding-bottom: 6px;
}
.F-email A {
    line-height: 23px;
    display: inline-block;
    margin-left: 4px;
}


.F-social .Sl {
    vertical-align: middle;
    margin-left: 8px;
}

.F-social .Sl:before {
    content: '';
    display: inline-block;
    height: 27px;
}

.F-social .Sl-item {
    display: inline-block;
    margin-right: -2px;
}


@media (max-width: 960px) {
    .pre-F {
        height: 28.0374vw;
    }

    .F-w {
        -webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
        position: relative;
        padding-top: 26px;
    }

            .F-content[name] {
            top: 0;
            left: 0;
        }
        .F-col[n] {
            top: 0;
            left: 0;
        }
    .F-col[n] {
        width: 84%;
        padding: 1vw 0;
    }
    .F-col[n] .F-col-w {
        float: none;
        margin: 0 auto;
    }

        .F-col[n="2"] {
        -webkit-flex-order: -1;
-ms-flex-order: -1;
order: -1;        /*width: 84%;*/
    }
                        .F-social .Sl {
            margin-left: 0px;
            position: relative;
            top: -5px;
        }

                .F-content[name="contact-info-2"] {
            margin: 0 auto;
        }
        .F-contact-2 {
            display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
        }

            .F-content-sep  {
                display: none;
            }
            .F-worktime  {
                -webkit-flex-order: -1;
-ms-flex-order: -1;
order: -1;            }
            .F-worktime,
            .F-email {
                padding: 11px;
            }
            .F-email {
                text-align: center;
            }

                                .F-email A {
                    color: #666666;
                    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNIS0s7zcTAwCAAAA52AhC7gf2QAAAAAElFTkSuQmCC');
                    font-size: 18px;
                }

        .F-col[n="1"] {
        /*width: 83%;*/
    }

        .F-content[name="address"] {
            padding-top: 15px;
            text-align: center;
        }
        .F-content[name="copyright"] {
            position: absolute;
            top: auto; bottom: 0;
            left: 0; width: 100%;
            text-align: center;
        }

        .F-col[n="3"] .F-col-w {

        padding: 10px;
    }

    .F {
        padding-bottom: 36px;
    }

}

@media (max-width: 960px) {
    .pre-F {
        height: 90px;
    }
}

@media (max-width: 321px) {
    .F-col[n] {
        padding: 0;
    }
}