footer {

    background-color: #888;

    color: #fff;

    font-size: 1.4em;

}

footer section.inside {

    padding: 35px 0 25px;

    box-sizing: border-box;

}

footer .relative {

    position: relative;

}

footer .cover {

    max-width: 1400px;

    margin: 0 auto;

    width: 100%;

}

footer section.inside section.cover {

    padding-left: 15px;

    padding-right: 15px;

    padding-bottom: 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

}

footer .footer_link {

    margin-top: 25px;

    padding-top: 25px;

    border-top: 1px solid #999;

    display: flex;

    flex-wrap: wrap;

    margin-left: -15px;

    margin-right: -15px;

    box-sizing: border-box;

}

footer .footer_bot_left {

    width: 70%;

    padding-right: 15px;

    padding-left: 15px;

    box-sizing: border-box;

}

footer .footer_bot_right {

    width: 30%;

    padding-right: 15px;

    padding-left: 15px;

    box-sizing: border-box;

    position: relative;

}

footer .box_footer_bot_left {

    display: flex;

    flex-wrap: wrap;

    margin-left: -15px;

    margin-right: -15px;

}

footer .border-bottom-white {

    padding-bottom: 15px;

    border-bottom: 1px solid #fff;

    box-sizing: border-box;

    margin-bottom: 20px;

}

footer .box_footer_bot_left .menu_bottom {

    width: 25%;

    padding-right: 15px;

    padding-left: 15px;

    box-sizing: border-box;

}

footer .box_footer_bot_left .menu_bottom h3 {

    font-weight: 700;

    color: #fff;

    text-transform: uppercase;

    font-size: 17px;

    margin-top: 0;

    margin-bottom: 10px;

}

footer .menu_bottom ul.itemlist {

    list-style: none;

    padding: 0;

    margin: 0;

}

footer .menu_bottom ul.itemlist li {

    display: inline-block;

    padding: 3px 0;

    width: 100%;

    text-transform: capitalize;

    font-size: 14px;

    line-height: 1.4;

    box-sizing: border-box;

}

footer .menu_bottom ul.itemlist li a {

    color: #fff;

}

footer .newsletter_box {

    margin-bottom: 10px;

}

footer .newsletter_box h3 {

    font-weight: 700;

    color: #fff;

    text-transform: uppercase;

    font-size: 17px;

    margin-top: 0;

    margin-bottom: 10px;

}

footer .newsletter form {

    position: relative;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

footer .newsletter form input[type=email] {

    width: 100%;

    height: 32px;

    padding: 0 10px;

    border: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

footer .newsletter form input[type=submit] {

    position: absolute;

    width: 32px;

    height: 32px;

    right: 0;

    top: 1px;

    bottom: 0;

    border: 0;

    cursor: pointer;

    background: url(https://www.pavietnam.vn/css/images/new/arrow_newsletter.png) center center no-repeat;

}

footer section.share_facebook {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    margin-right: 0;

    margin-left: 0;

    margin-bottom: 10px;

}

footer section.share_facebook .title_small, section.share_facebook .follow {

    margin-right: 0;

    margin-left: 0;

}

footer section.share_facebook .follow a {

    display: inline-block;

    width: 28px;

    height: 28px;

    line-height: 28px;

    margin-left: 10px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background: #666 no-repeat center center;

    font-size: 0;

}

footer section.share_facebook .follow a.facebook {

    background-image: url(https://www.pavietnam.vn/css/images/svg/icon_facebook.svg);

    background-size: 20px;

}

footer section.share_facebook .follow a.twitter {

    background-image: url(https://www.pavietnam.vn/css/images/svg/icon_twitter.svg);

    background-size: 20px;

}

footer section.share_facebook .follow a.play {

    background-image: url(https://www.pavietnam.vn/css/images/svg/icon_youtube.svg);

    background-size: 20px;

}

footer section.share_facebook .title_small {

    font-size: 16px;

    line-height: 1.6;

    font-weight: bold;

    color: #fff;

}

footer .share_apps .dowload_app {

    font-size: 16px;

    line-height: 1.6;

    font-weight: bold;

    color: #fff;

    margin-bottom: 15px;

}

footer .dangky_app {

    display: flex;

}

footer .dangky_app a {

    display: inline-block;

    margin-left: 10px;

    margin-right: 0;

}

footer .dangky_app a:first-child {

    margin-left: 0;

}

footer .dangky_bocongthuong {

    margin-bottom: 15px;

}

footer .copyright {

    display: flex;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

    padding-top: 15px;

    padding-bottom: 15px;

    box-sizing: border-box;

}

footer .copyright .left {

    width: 70%;

    padding-right: 15px;

    padding-left: 15px;

    box-sizing: border-box;

}

footer .copyright .right {

    width: 30%;

    padding-right: 15px;

    padding-left: 15px;

    box-sizing: border-box;

}

footer .copyright .left > div {

    font-size: 17px;

    line-height: 1.6;

    color: #fff;

}

footer .footer_top {

    display: flex;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

}

footer .footer_top .left {

    border-right: 1px solid #999;

}

footer .footer_top .left,footer .footer_top .right {

    width: 50%;

    padding-right: 15px;

    padding-left: 15px;

    box-sizing: border-box;

}

footer .footer_top .left h3,footer .footer_top .right h3 {

    text-transform: uppercase;

    font-size: 20px;

    font-weight: bold;

    line-height: 1.6;

}

footer .footer_top .left ul,footer .footer_top .right ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

footer .footer_top .left ul li,footer .footer_top .right ul li {

    list-style-type: none;

    padding: 4px 0;

    margin: 0;

    color: #fff;

    font-size: 15px;

    box-sizing: border-box;

}

@media only screen and (min-width: 1024px) {

    footer .share_apps {

        position: absolute;

        bottom: 0;

        left: 15px;

        right: 15px;

    }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    footer .footer_bot_left,footer .footer_bot_right {

        width: 100%;

    }

    footer .footer_bot_right {

        display: flex;

        flex-wrap: wrap;

    }

    footer .newsletter_box,footer .connect_facebook,footer .dangky_bocongthuong,footer .share_apps {

        width: 50%;

        margin-bottom: 15px;

    }

    footer .border-bottom-white {

        margin-bottom: 15px;

    }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    footer section.share_facebook .follow a {

        margin-left: 2px;

    }

    footer .dangky_bocongthuong {

        display: flex;

        justify-content: space-between;

        margin-bottom: 15px;

    }

    footer .dangky_bocongthuong a {

        width: 45%;

    }

}

@media only screen and (max-width: 767px) {

    footer .footer_bot_left,footer .footer_bot_right {

        width: 100%;

    }

    footer .dangky_bocongthuong {

        margin-bottom: 15px;

    }

    footer .border-bottom-white {

        margin-bottom: 15px;

    }

    footer .box_footer_bot_left .menu_bottom {

        width: 50%;

    }

}

@media only screen and (max-width: 480px) {

    footer .footer_top .left,footer .footer_top .right {

        width: 100%;

    }

    footer .footer_top .left {

        border-right: none;

    }

    footer .footer_bot_left,footer .footer_bot_right {

        width: 100%;

    }

    footer .box_footer_bot_left .menu_bottom {

        width: 100%;

        margin-bottom: .5em;

        border-bottom: 1px solid #999;

        padding-top: 5px;

        padding-bottom: 5px;

    }

    footer .border-bottom-white {

        border: none;

    }

    footer .dangky_bocongthuong {

        margin-bottom: 15px;

    }

    footer .copyright .left,footer .copyright .right {

        width: 100%;

    }

    footer .copyright .right {

        order: 1;

    }

    footer .copyright .left {

        order: 2

    }

    footer .box_footer_bot_left .menu_bottom h3 {

        position: relative;

        margin: 0;

    }

    footer .box_footer_bot_left .menu_bottom h3:before {

        content: '';

        border: solid white;

        border-width: 0 5px 5px 0;

        display: inline-block;

        padding: 5px;

        margin: 5px 5px;

        display: inline-block;

        position: absolute;

        top: 0;

        right: 0;

        transform: rotate(135deg);

        -webkit-transform: rotate(135deg);

        -webkit-transition: -webkit-transform .8s;

        transition: transform .5s;

    }

    footer .box_footer_bot_left .menu_bottom h3.xoay:before {

        transform: rotate(45deg);

        -webkit-transform: rotate(45deg);

        -webkit-transition: -webkit-transform .8s;

        transition: transform .8s;

    }

    footer .menu_bottom ul.itemlist {

        display: none;

    }

}