@font-face {
    font-family: 'fontA';
    src: url('../fonts/UTMAvoBold.ttf');
}

@font-face {
    font-family: 'fontB';
    src: url('../fonts/UTMAndrogyne.ttf');
}

/*++++++++++START DEFAULT+++++++++++*/

* {
    margin: 0;
    padding: 0;
    outline: none!important;
}

body {
    font-size: 14px;
    color: #000;
    background: white;
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #F00;
    text-decoration: none;
}

a.active {
    color: #F00;
}

a:active {
    color: #555;
}

img {
    border: none;
}

div.clear, .clearfix {
    display: block;
    clear: both;
}

.form_newsletter::-webkit-input-placeholder {
    color: #fff!important;
}

.form_newsletter::-moz-placeholder {
    color: #fff!important;
}

.form_newsletter:-moz-placeholder {
    /* Older versions of Firefox */
    color: #fff!important;
}

.form_newsletter:-ms-input-placeholder {
    color: #fff!important;
}

input::-webkit-input-placeholder {
    color: #666666!important;
}

input::-moz-placeholder {
    color: #666666!important;
}

input:-moz-placeholder {
    /* Older versions of Firefox */
    color: #666666!important;
}

input:-ms-input-placeholder {
    color: #666666!important;
}

#at4-share {
    display: none !important;
}

.clear {
    clear: both;
}

.text_center {
    text-align: center;
}

/*++++++++++END DEFAULT+++++++++++*/

.pd0 {
    padding: 0!important;
}

.mg0 {
    margin: 0!important;
}

.displaynone {
    display: none;
}

.t_center {
    text-align: center;
}

/*************************css************/

.banner_logo {
    display: none;
}

.banner_top {
    padding: 8px 0px;
    background: #e6e6e6;
}

.banner_top a {
    color: #121212;
    font-size: 14px;
    font-family: 'Roboto-Regular';
}

.banner_top a span {
    font-family: 'Roboto-Bold';
}

.banner_s {
    position: relative;
}

.banner_s img {
    max-width: 100%;
    height: auto;
}

.logo_main {
    margin: 0px auto;
}

.b_lang {
    padding: 20px 0px!important;
    position: relative;
    text-align: right;
}

.b_lang a {
    font-size: 15px;
    color: #a67335;
    font-family: 'Roboto-Bold';
}

.b_lang span {
    color: #ffe000;
}

.b_search {
    padding: 20px 0px!important;
    position: relative;
}

.b_search a {
    margin-right: 40px;
}

.b_one {
    background: url('../images/icon_one.png')no-repeat left center;
    padding-left: 50px;
    font-size: 13px;
    color: #3e3e3e;
    font-family: 'Roboto-Bold';
    padding-top: 12px;
    padding-bottom: 12px;
    text-transform: uppercase;
}

.b_email {
    background: url('../images/icon_email.png')no-repeat left center;
    padding-left: 20px;
}

.b_date {
    background: url('../images/icon_lich.png')no-repeat left center;
    padding-left: 20px;
}

.b_hotline {
    background: url('../images/icon_hotline.png')no-repeat left center;
    position: absolute;
    bottom: 10px;
    right: 85px;
    font-size: 16px;
    color: #191919;
    font-family: "UTM-Avo";
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    padding-left: 50px;
    line-height: 39px;
}

.b_hotline span {
    font-family: "fontA";
    color: #f60000;
}

.b_map {
    background: url('../images/icon_map.png')no-repeat left center;
    padding-left: 20px;
    font-size: 13px;
    color: #4a7727;
    font-family: 'OpenSansRegular';
}

.b_love {
    background: url('../images/icon_heart.png')no-repeat left center;
    padding-left: 20px;
}

.b_giohang {
    background: url('../images/icon_giohang.png')no-repeat right center;
    padding: 15px 55px;
    position: relative;
}

.hotline_s {}

.box_hotlinetv {
    float: right;
    display: inline-block;
    margin-top: 30px;
}

.box_hotlinetv p {
    font-family: 'fontA';
    font-size: 15px;
    color: #333333;
    padding-left: 45px;
}

.box_hotlinetv ul {
    background: url('../images/icon_hotline.png')no-repeat top left;
    padding-left: 45px;
    list-style: none;
}

.box_hotlinetv li {
    font-family: 'Roboto-Regular';
    font-size: 15px;
    color: #333333;
}

.box_hotlinetv li span {
    font-family: 'fontB';
    color: #ed1c24;
}

.email_s {
    color: white;
    font-size: 18px;
    font-family: 'UTM-Avo';
    background: url('../images/icon_email.png')no-repeat left center;
    padding-left: 30px;
}

.thongtin_s {
    color: white;
    font-size: 18px;
    font-family: 'UTM-Avo';
    background: url('../images/icon_thongtin.png')no-repeat left center;
    padding-left: 30px;
}

.lang_s span a {
    font-family: 'Roboto-Regular';
    font-size: 15px;
    color: #cc9b4e;
}

.mang_xh {}

.mang_xh ul {
    list-style: none;
    padding: 0;
}

.mang_xh ul li {
    float: left;
    margin-right: 5px;
}

.menu_s {
    position: relative;
    background: #1e2ea7;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.menu {
    width: 100%;
    height: 45px;
    z-index: 9999999;
}

.menufix {
    position: fixed;
    margin: 0px!important;
    top: 0px;
    left: 0px;
    z-index: 999;
}

.menufix .t_A {
    display: none;
}

.menufix .logo_main {
    width: 30%;
    margin: 15px auto;
    transition: 0.8s all ease-in-out 0.2s;
}

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

.space {
    display: block;
    height: 45px;
    width: 2px;
    background: url('../images/space.png')no-repeat center center;
}

.search_frm_s {
    position: absolute;
    background: white;
    width: 235px;
    height: 30px;
}

#search_input {
    width: 100%;
    height: 30px;
    background: none;
    border: none;
    color: #cecece;
    padding-left: 15px;
}

.img_search {
    position: absolute;
    top: 5px;
    right: 5px;
}

.button_s {
    position: absolute;
    top: 0px;
    right: 0px;
    background: url('../images/background_search.png')no-repeat -160px -3px;
    width: 27px;
    height: 27px;
    border: none;
}

.logo_s {
    position: relative;
    z-index: 9;
}

.vien_logo {
    position: absolute;
    top: 55px;
    left: 8px;
    z-index: -1;
}

.logo_rp {
    text-align: center;
    max-width: 100%;
}

.vien_rp {
    border: 2px solid black;
    border-radius: 50%;
    padding: 3px;
}

/*****slider****/

.box_hinh {
    position: relative;
}

.text_slider {
    position: absolute;
    bottom: 45px;
    left: 83px;
    width: 520px;
    height: 110px;
    padding: 20px;
    background: rgba(169, 169, 169, 0.5);
}

.text_slider a {
    color: white;
    cursor: pointer;
}

/**************endslider********/

/*++++++++++START Col-Left-Right +++++++++++*/

.full-news-video {
    margin: 0 auto;
}

.bg-news-video {
    margin: 0 auto;
    width: 1000px;
    background: url(../images/bg-news-video.png) no-repeat bottom right;
    padding: 25px 0px 25px 0px;
}

.left-news {
    float: left;
    width: 480px;
}

.left-content-news {
    padding: 0px 0px 15px 15px;
    margin: 15px 0px 0px 0px;
}

.left-content-news .left-item-news {
    float: left;
    width: 210px;
    margin: 0px auto;
}

.left-info-news {
    float: left;
    margin-left: 0px;
}

.left-image-news {
    float: left;
    margin: 0 auto;
}

.left-info-news {
    float: left;
}

.left-info-news h4 {
    color: #008bbf;
    font-size: 15px;
    margin: 5px auto;
    font-family: robotoregular;
}

.left-info-news div.description-news {
    color: #000;
    font-size: 14px;
    text-align: justify;
}

.left-name-news {
    float: left;
    width: 245px;
    margin-left: 10px;
}

.left-name-news ul {
    list-style: none;
    padding: 0;
}

.left-name-news ul li {
    text-indent: 10px;
    background: url(../images/row_news.png) no-repeat left 5px;
}

.left-name-news ul li a {
    color: #008bbf;
    text-indent: 10px;
}

#box_video {
    margin-top: 15px;
}

.select_video .video_lienquan {
    padding: 5px;
    width: 99%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.select_video .video_lienquan li a {
    cursor: pointer;
    display: block;
}

.right-video {
    float: right;
    width: 485px;
}

.cate-pro {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #eeeeee;
}

h4.title-catalog {
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    background: url(../images/title_left.png)no-repeat top left;
    background-size: 100% 100%;
    height: 41px;
    font-family: 'RobotoCondensed-Bold';
    font-weight: bold;
    line-height: 41px;
    text-transform: uppercase;
    font-size: 16px;
    width: 100%;
    color: white;
    text-align: center;
}

ul.cateUl {
    border: 1px solid #ccc;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 10px 10px 10px 10px;
    box-shadow: 0 2px 5px #ccc;
}

ul.cateUl>li {
    display: block;
    position: relative;
    margin: 0 auto;
    background: url(../images/border-bottom.png) no-repeat bottom;
}

ul.cateUl>li>a {
    text-indent: 25px;
    font-size: 14px;
    display: block;
    line-height: 25px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/li_left_bg.png) no-repeat left 15px;
    padding: 5px 0px 5px 0px;
    padding-left: 0px;
    background-position: 10px;
}

ul.cateUl>li>ul {
    padding: 0;
}

ul.cateUl>li>a:hover {
    color: #ff7326 !important;
}

ul.cateUl>li>ul>li {
    background: url(../images/icon2.png) no-repeat 10px 13px;
    display: block;
    position: relative;
}

ul.cateUl>li>ul>li>ul>li {
    background: url(../images/icon3.png) no-repeat 18px 16px;
    display: block;
    position: relative;
}

ul.cateUl>li>ul>li>ul>li>a {
    text-transform: capitalize;
    font-size: 11px;
    display: block;
    line-height: 30px;
    text-indent: 25px;
    color: #101010;
    border-bottom: 1px dotted #818080;
    background: url(../images/li_left_sub_bg.png) no-repeat 10px center;
}

ul.cateUl>li>ul>li>a {
    text-transform: capitalize;
    font-size: 11px;
    display: block;
    line-height: 30px;
    text-indent: 25px;
    color: #101010;
    /*	background: url(../images/li_left_sub_bg.png) no-repeat 10px center;*/
}

ul.cateUl>li>a.active {
    color: #ff7326 !important;
}

ul.cateUl>li>ul>li>ul>li>a.active {
    color: #012FBB !important;
}

ul.cateUl>li>ul>li>a.active {
    color: #ff7326 !important;
}

ul.cateUl>li>ul>li>a:hover {
    color: #ff7326 !important;
}

ul.cateUl>li>ul>li>ul>li {
    display: block;
}

ul.cateUl>li>ul>li>ul>li>a {
    display: block;
    height: 35px;
    line-height: 35px;
    text-indent: 30px;
    border-bottom: dotted 1px #bbbaba;
}

ul.cateUl>li>ul>li>ul>li>a:hover {
    color: #00F !important;
}

ul.info-cateUl li {
    border-bottom: 1px dashed #ccc;
}

.info-news-col {
    padding-top: 10px;
    padding-bottom: 10px;
}

.info-news-col img {
    width: 75px;
    height: 65px;
    float: left;
    display: block;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #767070;
    margin-right: 10px;
    display: block;
    padding: 3px;
}

.name-info-news {
    text-align: justify;
    padding-top: 5px;
    padding-bottom: 5px;
}

.name-congtrinh a {
    font-family: 'robotoregular';
    color: #333333;
    font-size: 14px;
}

/*++++++++++END LEFT-RIGHT= MAIN+++++++++++*/

/*++++++++++START LEFT-SUPPORT+++++++++++*/

.sub_con_other {
    margin: 0 auto;
    width: 100%;
    border: 1px solid #d2d2d2;
}

.hotline_sup {
    text-align: center;
    position: relative;
}

.hotline_sup img {
    max-width: 100%;
    margin: 20px auto;
}

.right_hotsup {
    position: relative;
    width: 100%;
    height: 93px;
    background: url(../images/background_hotro.png)no-repeat top left;
}

.right_hotsup, .hotline_sup img {}

.right_hotsup {}

.right_hotsup p {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 135px;
    background: url(../images/icon_hlht.png) no-repeat top left;
    padding-top: 40px;
    font-size: 18px;
    color: #ff0000;
    font-weight: bold;
    font-family: "Georgia";
}

.right_hotsup span {
    color: #1d1d1d;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

.info_support {
    margin: 15px auto;
    padding: 0px 15px
}

.info_support .name_skype_yahoo ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.info_support .name_skype_yahoo {
    background: url(../images/li_sup.png) no-repeat 0px 5px;
}

.info_support .name_skype_yahoo ul li {
    font-size: 15px;
    color: #333333;
    font-family: "Roboto-Regular";
    display: inline-block;
}

.info_support .name_skype_yahoo ul li.name_sup {
    float: none;
    font-size: 15px;
    color: #333333;
    font-family: "Roboto-Regular";
}

.info_support .sup_phone {
    font-family: "Roboto-Regular";
    background: url('../images/icon_phone2.png')no-repeat left center;
    color: #333333;
    font-size: 15px;
    margin: 5px auto;
}

.sup_phone span {
    font-family: "Roboto-Bold";
}

.info_support .sup_email {
    background: url('../images/icon_mail.png')no-repeat left center;
    color: #222222;
    font-size: 14px;
    padding-left: 30px;
    margin: 5px auto;
}

.cot_left_s {
    background: #fff;
}

/*++++++++++End LEFT-SUPPORT+++++++++++*/

/*****container******/

#main_container_s {
    background: white;
    padding: 20px 0px;
}

.background_banchay {
    background: #f2f2f2;
    padding: 30px 0px;
}

.title_right {
    position: relative;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
    padding-top: 15px;
}

.title_right h2 {
    position: relative;
    background: url(../images/color_title.png)repeat-x top left;
    display: inline-block;
    font-family: 'RobotoCondensed-Bold';
    color: #fff;
    font-size: 18px;
    line-height: 39px;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 30px;
}

.title_right h2:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -70px;
    width: 70px;
    height: 55px;
    background: url(../images/title_before.png)no-repeat top left;
}

.title_right h2:after {
    content: "";
    position: absolute;
    top: -8px;
    right: -177px;
    width: 177px;
    height: 48px;
    background: url(../images/title_after.png)no-repeat top left;
}

.title_right p {
    font-size: 15px;
    color: #484848;
    font-family: 'Roboto-Regular';
}

.title_right .logo_cap1 {
    width: 103px;
    height: 54px;
    position: absolute;
    top: -15px;
    left: -170px;
}

.item_product {
    width: 270px;
    height: auto;
    margin: 15px auto;
    position: relative;
    background: white;
    border: 1px solid #d7d7d7;
}

.zoom_product {
    width: 268px;
    height: 250px;
    overflow: hidden;
}

.zoom_product img {
    transition: all 1.2s ease 0s;
    max-width: 100%;
}

.item_product :hover img {
    transform: scale(1.3);
    transition: all 1.2s ease 0s;
}

.hover_sp {
    display: none;
    width: 226px;
    height: 188px;
    position: absolute;
    top: 1px;
    left: 1px;
    background: rgba(96, 160, 135, 0.6);
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.line_sp {
    border-bottom: 1px dashed white;
}

.pd_sp {
    padding: 8px 0px!important;
}

.left_sp {
    font-family: 'Roboto-Regular';
    font-size: 16px;
    color: white;
}

.right_sp {
    font-family: 'Roboto-Regular';
    font-size: 16px;
    color: white;
    text-align: right;
}

.xem_sp {
    padding: 5px 10px;
    background: #cc1c3a;
    color: white;
    text-align: center;
    margin: 0px auto;
    cursor: pointer;
}

.xem_sp:hover {
    color: white;
}

.item_product:hover {}

.new_sp {
    position: absolute;
    top: -5px;
    right: -5px;
}

.km_sp {
    position: absolute;
    bottom: 130px;
    right: 0px;
}

.hot_sp {
    position: absolute;
    top: 1px;
    left: 0px;
}

.tt_sp {
    position: absolute;
    top: 25%;
    left: 30%;
}

.name_product {
    width: 100%;
    padding: 10px;
    text-align: center;
}

.name_product h3 {
    font-family: 'Roboto-Bold';
    font-size: 14px;
    color: #1765ce;
    font-weight: bold;
    overflow: hidden;
    margin-top: 3px!important;
    margin-bottom: 3px!important;
    height: 35px;
    line-height: 1.3;
    overflow: hidden;
    text-transform: uppercase;
}

.name_product p {
    font-family: 'Roboto-Regular';
    font-size: 12px;
    color: #424141;
    font-weight: normal;
}

.name_product span {
    color: #76b705;
}

.shadow_product {
    width: 100%;
    height: 14px;
    background: url('../images/shadow_sp.png')no-repeat top left;
    position: absolute;
    bottom: -15px;
    left: 0px;
}

.icon_chitiet {
    width: 100%;
    position: absolute;
    bottom: -25px;
    left: 0px;
    text-align: center;
}

.icon_chitiet p {
    background: url('../images/background_chitiet.png')no-repeat top left;
    display: inline-block;
    padding: 5px 20px;
    color: white;
}

.order_product {
    width: 220px;
    height: 70px;
    background: #f5f5f5;
    margin: 0px auto;
    border-top: 1px dotted #bdbdbd;
    padding-top: 1px;
}

.order_product p {
    font-family: 'RobotoCondensed-Regular';
    font-size: 11px;
    color: #777777;
    text-align: center;
}

.top_order {
    width: 100%;
    height: 1px;
    border-top: 1px dotted #bdbdbd;
    padding-top: 3px;
}

.sl_order {
    max-width: 100%;
    line-height: normal!important;
}

.order_product select {
    width: 101%;
}

.love {
    width: 33px;
    height: 29px;
    background: #60a087;
    border: 1px solid #e1e1e1;
    float: left;
    cursor: pointer;
}

.order {
    width: 33px;
    height: 29px;
    background: #60a087;
    border: 1px solid #e1e1e1;
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

.line_order {
    border-left: 1px solid #cccccc;
}

.text_order p {
    margin-top: 5px!important;
}

.love:hover {
    background: #ea0027!important;
}

.active_love {
    background: #ea0027!important;
}

.order:hover {
    background: #ea0027!important;
}

.po {
    cursor: pointer;
}

.i_giamgia {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 70px;
    height: 70px;
    background: url('../images/background_sale.png')no-repeat top left;
    text-align: center;
}

.i_giamgia p {
    line-height: 70px;
    font-size: 18px;
    color: #ffffff;
    font-family: 'OpenSansBold';
}

.box_po {
    width: 70px;
    height: 30px;
    background: #76b705;
    text-align: center;
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-radius: 10px;
}

.box_po p {
    line-height: 30px;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.box_po2 {
    width: 70px;
    height: 30px;
    background: #fff200;
    text-align: center;
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-radius: 10px;
    border: 2px solid #68a202;
}

.box_po2 p {
    line-height: 30px;
    color: #2e1414;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.item_product2 {
    width: 270px;
    height: auto;
    margin: 10px auto;
    position: relative;
    background: white;
}

.zoom_product2 {
    border: 1px solid #d7d7d7;
    width: 270px;
    height: 220px;
    overflow: hidden;
    padding: 7px;
}

.zoom_product2 img {
    transition: all 1.2s ease 0s;
    max-width: 100%;
}

.item_product2 :hover img {
    transform: scale(1.3);
    transition: all 1.2s ease 0s;
}

.name_product2 {
    width: 100%;
    padding: 10px;
    text-align: center;
}

.name_product2 h3 {
    font-family: 'Roboto-Bold';
    font-size: 14px;
    color: #151515;
    font-weight: bold;
    overflow: hidden;
    margin-top: 3px!important;
    margin-bottom: 3px!important;
    text-transform: uppercase;
}

.name_product2 p {
    font-family: 'Roboto-Regular';
    font-size: 12px;
    color: #424141;
    font-weight: normal;
}

/*******************/

.box_sp_nb {
    padding: 30px 0px;
}

.box_product {
    padding: 10px 0px;
}

/*--------------------------START paging-----------------------------*/

.wrap_paging {
    margin: 10px auto;
    position: relative;
    width: 100%;
    padding: 0px 0px;
    text-align: center;
}

.wrap_paging_top {
    position: relative;
    width: 100%;
    padding: 7px 0px;
    border-top: 1px dashed #CCC;
    border-bottom: 1px dashed #CCC;
    text-align: right;
}

.paging {
    margin: 0px auto;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    padding: 3px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,dcdcdc+29,dadada+54,dcdcdc+71,e4e4e4+100 */
    background: rgb(219, 219, 219);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(219, 219, 219, 1) 0%, rgba(220, 220, 220, 1) 29%, rgba(218, 218, 218, 1) 54%, rgba(220, 220, 220, 1) 71%, rgba(228, 228, 228, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(219, 219, 219, 1) 0%, rgba(220, 220, 220, 1) 29%, rgba(218, 218, 218, 1) 54%, rgba(220, 220, 220, 1) 71%, rgba(228, 228, 228, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(219, 219, 219, 1) 0%, rgba(220, 220, 220, 1) 29%, rgba(218, 218, 218, 1) 54%, rgba(220, 220, 220, 1) 71%, rgba(228, 228, 228, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#e4e4e4', GradientType=0);
    /* IE6-9 */
}

ul.pages li a i {
    position: relative;
}

ul.pages .fa {
    line-height: 25px !important;
}

.paging a {
    float: left;
    width: 25px;
    height: 25px;
    line-height: 25px !important;
    text-align: center;
    border: 1px solid #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 5px;
    color: #515d73;
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,d7d7d7+100 */
    background: rgb(245, 245, 245);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(215, 215, 215, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(215, 215, 215, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(215, 215, 215, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d7d7d7', GradientType=0);
    /* IE6-9 */
}

.paging a.paginate_active {
    border: 1px solid #27910d;
    color: #515d73;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,d7d7d7+100 */
    background: rgb(245, 245, 245);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(215, 215, 215, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(215, 215, 215, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(215, 215, 215, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d7d7d7', GradientType=0);
    /* IE6-9 */
}

.paging a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0d0d0+0,ebebeb+100 */
    background: rgb(208, 208, 208);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(208, 208, 208, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(208, 208, 208, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(208, 208, 208, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#ebebeb', GradientType=0);
    /* IE6-9 */
}

.paging a.paginate_active:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0d0d0+0,ebebeb+100 */
    background: rgb(208, 208, 208);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(208, 208, 208, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(208, 208, 208, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(208, 208, 208, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#ebebeb', GradientType=0);
    /* IE6-9 */
    border: 1px solid #d8d8d8;
    color: #515d73;
}

.pages {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.pages li {
    /*float: left;*/
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}

.pages li a.active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0d0d0+0,ebebeb+100 */
    background: rgb(208, 208, 208);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(208, 208, 208, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(208, 208, 208, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(208, 208, 208, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#ebebeb', GradientType=0);
    /* IE6-9 */
    border: 1px solid #d8d8d8;
    color: #515d73;
}

/*--------------------------END paging-----------------------------*/

/*++++++++++START MAIN DOI TAC+++++++++++*/

#main_other_s {}

.titlte_other {
    text-align: center;
}

.titlte_other h2 {
    font-family: 'RobotoMedium';
    font-size: 25px;
    color: #464646;
    background: url('../images/Xay-Dung-Nguyen-Duc-Duy__sp_RP-_12.png')no-repeat bottom center;
    padding: 25px 0px;
}

.background_doitac {
    background: #f5f4f4;
}

.box_doitac {
    padding: 30px 0px;
}

.img_doitac {
    width: 145px;
    height: 145px;
    background: url(../images/background_doitac.png)no-repeat top left;
    margin: 0px auto;
    padding: 7px;
    border-radius: 50% 50%;
}

.img_doitac img {
    border-radius: 50% 50%;
    background: #fff;
}

.img_doitac:hover {
    background: #4081A6;
}

.box_doitac .slick-prev {
    width: 27px;
    height: 51px;
    background: url('../images/icon_prev.png')no-repeat top left!important;
    opacity: 1!important;
}

.box_doitac .slick-next {
    width: 27px;
    height: 51px;
    background: url('../images/icon_next.png')no-repeat top left!important;
    opacity: 1!important;
}

.run_nb .slick-prev {
    width: 27px;
    height: 51px;
    background: url('../images/icon_prev.png')no-repeat top left!important;
    opacity: 1!important;
}

.run_nb .slick-next {
    width: 27px;
    height: 51px;
    background: url('../images/icon_next.png')no-repeat top left!important;
    opacity: 1!important;
}

.run_banchay .slick-prev {
    width: 27px;
    height: 51px;
    background: url('../images/icon_prev.png')no-repeat top left!important;
    opacity: 1!important;
}

.run_banchay .slick-next {
    width: 27px;
    height: 51px;
    background: url('../images/icon_next.png')no-repeat top left!important;
    opacity: 1!important;
}

/*++++++++++END MAIN DOI TAC+++++++++++*/

/*****************footer********************/

#footer_s {
    background: url(../images/background_footer.png)fixed center center;
}

.background_footer {
    padding: 20px 0px !important;
}

.background_footer2 {}

.thongke_footer {
    background: url('../images/icon_thongke.png')no-repeat top left;
    text-align: center;
    padding-top: 20px;
}

.thongke_footer a {
    color: white;
    font-size: 16px;
    padding: 0px 50px;
}

.title_footer {
    background: url(../images/line_footer.png)no-repeat bottom left;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.title_footer h4 {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'UTM-Avo';
    margin-top: 30px;
}

.box_footer_text ul {
    list-style: none;
}

.box_footer_text strong {
    text-transform: uppercase;
}
#map_canvas2 {
    margin: 0 auto;
}

.box_footer_text h4 {
    line-height: 1.3;
}

.box_footer_text ul li {
    padding-left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.box_footer_text a {
    color: white;
}

.box_footer_text p {
    line-height: 1.5;
}

.box_footer_text img {
    max-width: 100%!important;
    height: auto!important;
}

.icon_online {
    background: url('../images/icon_online.png')no-repeat left center;
    padding-left: 10px;
}

.icon_today {
    background: url('../images/icon_online.png')no-repeat left center;
    padding-left: 10px;
}

.icon_sum {
    background: url('../images/icon_sum.png')no-repeat left center;
    padding-left: 10px;
}

/*****************endfooter****************/

/*++++++++++START SHARE SOCIAL+++++++++++*/

.attr-content-social {
    margin: 10px auto;
}

.share-icon {
    display: inline-block;
    /*float: left; margin: 4px; */
    margin: 4px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    vertical-align: middle;
    background-image: url(../images/share-icons.png);
    -moz-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    -webkit-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.share-facebook {
    background-position: 0 0;
}

.share-facebook:hover {
    background-position: 0 -40px;
}

.share-twitter {
    background-position: -40px 0;
}

.share-twitter:hover {
    background-position: -40px -40px;
}

.share-pinterest {
    background-position: -80px 0;
}

.share-pinterest:hover {
    background-position: -80px -40px;
}

.share-googleplus {
    background-position: -120px 0;
}

.share-googleplus:hover {
    background-position: -120px -40px;
}

.share-linkedin {
    background-position: -240px 0;
}

.share-linkedin:hover {
    background-position: -240px -40px;
}

.share-stumbleupon {
    background-position: -360px 0;
}

.share-stumbleupon:hover {
    background-position: -360px -40px;
}

.share-email {
    background-position: -320px 0;
}

.share-email:hover {
    background-position: -320px -40px;
}

.share-zing {
    background-position: -400px 0;
}

.share-zing:hover {
    background-position: -400px -40px;
}

/*++++++++++END SHARE SOCIAL+++++++++++*/

/*******************css_text****************/

.content_text img {
    max-width: 100%;
}

.box_news {
    clear: both;
    padding-bottom: 10px;
    padding: 10px;
    border: 1px solid #d2d2d2;
    margin-bottom: 20px;
    height: 120px;
    overflow: hidden;
    text-align: justify;
}

.box_news h2 {
    margin: 0px;
    color: black;
    font-weight: bold;
    font-size: 16px;
}

.box_news p {
    color: black;
    margin: 0px;
    padding: 0px;
}

.box_news p.small {
    font-size: 11px;
    color: black;
}

.box_news h2:hover {
    color: #eb2929;
}

.title_news {
    font-family: 'fontB';
    font-weight: bold;
    color: #EC0606;
    font-size: 20px;
}

.small {
    font-style: italic;
}

h1.text_title {
    color: #241900;
    font-size: 12px;
}

.image_boder {
    float: left;
    margin: 0px 10px 0px 0px;
    background: #FFF;
    padding: 5px;
    border: 1px solid #E4E4E4;
    overflow: hidden;
    border-radius: 5px
}

.othernews {
    padding-left: 10px;
    margin-top: 20px;
    color: #666;
    margin-bottom: 20px;
}

.othernews h1 {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: black;
}

.othernews ul {
    list-style: inside !important;
}

.othernews ul li {
    padding-left: 20px !important;
    color: black;
    list-style-type: circle;
    list-style-position: inherit;
}

.othernews ul li a {
    color: black;
}

.box_news:hover {
    -o-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -ms-transition: all 1.5s;
    transition: all 1.5s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    color: #fbac21 !important;
    /*border: 1px solid #eb2929;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*.box_news:hover .image_boder {
  border-radius: 100%;
  -o-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -ms-transition: all 1.5s;
  transition: all 1.5s;
  background: #fff;
}*/

/*.box_news:hover img {
  border-radius: 100%;
  -o-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -ms-transition: all 1.5s;
  transition: all 1.5s;
  background: #fff;
}*/

/******************************************/

/***************************************START TAB MAP CONTACT ****************************************/

.left-contact {}

.tablelienhe label span img {
    position: absolute;
    left: 0px;
    top: 10px;
}

.tablelienhe label {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    min-width: 100px;
    font-weight: bold;
    text-align: right;
    position: relative;
    margin-right: 15px;
}

.tablelienhe .input_block {
    margin: 0 0 10px 0;
}

.tablelienhe .input_item {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    min-width: 100px;
    font-weight: bold;
}

.tablelienhe .input {
    border: 1px solid #cacaca;
    width: 100%;
    height: 30px;
    line-height: 22px;
    outline-color: #0085FF;
    border-radius: 5px;
}

.tablelienhe textarea {
    border: 1px solid #cacaca;
    width: 100%;
    outline-color: #0085FF;
    border-radius: 5px;
}

.tablelienhe .title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.tablelienhe td {
    padding: 5px 0px;
}

.button {
    background-color: #fff;
    background-position: initial initial;
    background-repeat: initial initial;
    border: 1px solid #ccc;
    cursor: pointer;
    font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    padding: 5px 30px;
    font-weight: bold;
    margin-bottom: 3px;
}

.button:hover {
    color: red;
}

#main_contact {
    margin: 15px auto;
    width: 100%;
}

.othernews h3 {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.othernews ul li a {
    color: #000;
    font-size: 15px;
}

.othernews ul li a:hover {
    color: #007dac;
}

.map-c {}

.nav-tabs>li, .nav-pills>li {
    float: left;
}

.nav-tabs>li>a, .nav-pills>li>a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}

.nav-tabs {
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
    margin-bottom: 6px;
}

.nav-tabs>li>a {
    padding-top: 8px;
    color: #000;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
    border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #006fb6;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.tabs-stacked .open>a:hover, .tabs-stacked .open>a:focus {
    border-color: #999999;
}

.map-tab-content {
    margin: 10px auto;
}

.tabbable {
    *zoom: 1;
}

.tabbable:before, .tabbable:after {
    display: table;
    line-height: 0;
    content: "";
}

.tabbable:after {
    clear: both;
}

.tab-content {
    overflow: auto;
}

.tabs-below>.nav-tabs, .tabs-right>.nav-tabs, .tabs-left>.nav-tabs {
    border-bottom: 0;
}

.tab-content>.tab-pane, .pill-content>.pill-pane {
    display: none;
}

.tab-content>.active, .pill-content>.active {
    display: block;
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:hover, .tabs-below>.nav-tabs>.active>a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li {
    float: none;
}

.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover, .tabs-left>.nav-tabs .active>a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li>a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right>.nav-tabs .active>a, .tabs-right>.nav-tabs .active>a:hover, .tabs-right>.nav-tabs .active>a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}

/*****************************************END TAB MAP CONTACT ********************************************/

.box_tienich {
    background: #fff;
    padding: 30px 0px;
}

.title_tienich {
    margin-bottom: 20px;
    height: 45px;
    background: url(../images/line_c.png)repeat-x bottom left;
}

.title_tienich h3 {
    font-family: 'RobotoCondensed-Bold';
    font-size: 25px;
    color: #373737;
    text-transform: uppercase;
    background: url('../images/line_other.png')no-repeat left bottom;
    display: inline-block;
    margin: 0px;
    line-height: 45px;
}

.item_tienich:first-child {
    text-align: left;
}

.item_tienich:last-child {
    text-align: right;
}

.item_tienich {
    text-align: center;
}

.item_tienich img {
    max-width: 100%;
}

.item_tienich h3 {
    font-size: 17px;
    color: white;
    text-transform: uppercase;
}

.item_tienich {
    position: relative;
    overflow: hidden;
}

.item_tienich::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.item_tienich:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.text_tienich {
    position: absolute;
    top: 30px;
    left: 40px;
}

.text_tienich h3 {
    font-family: 'fontA';
    font-size: 48px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0px;
}

.text_tienich p {
    text-align: left;
    font-size: 24px;
    font-family: 'fontA';
    color: #ffffff;
    text-decoration: underline;
}

/*********************************/

.one_news h3 {
    color: #2f2f2f;
    font-family: 'Roboto-Bold';
    font-size: 16px;
}

.one_news {
    text-align: justify;
    font-family: 'Roboto-Regular';
    font-size: 13px;
}

.list_tin_nb {
    height: 110px;
    overflow: hidden;
    margin-bottom: 20px;
}

.list_tin_nb img {
    float: left;
    margin-right: 10px!important;
}

.list_tin_nb h3 {
    color: #2f2f2f;
    font-family: 'Roboto-Bold';
    font-size: 16px;
    margin-top: 0px;
}

.list_tin_nb p {
    text-align: justify;
    font-family: 'Roboto-Regular';
    font-size: 13px;
}

.post-date {
    display: inline;
    background: url(../images/icon_lich2.png)no-repeat left center;
    padding-left: 25px;
    font-size: 12px!important;
    color: #c1c0c0!important;
}

.product_info_2 li {
    list-style: none;
}

.content_text img {
    max-width: 100%!important;
    height: auto!important;
}

.item_tin {
    width: 280px;
    height: 270px;
    background: white;
    margin: 10px auto;
}

.zoom_tin {
    width: 280px;
    height: 200px;
    border: 1px solid #d2d2d2;
    background: white;
    padding: 5px;
}

.zoom_tin img {
    max-width: 100%;
}

.item_tin h3 {
    font-size: 14px;
    color: #2f2f2f;
    text-transform: uppercase;
    font-family: 'RobotoCondensed-Regular';
}

.ngay_tin {
    color: #9e9e9e;
    font-size: 13px;
}

.mota_tin {
    width: 100%;
    color: #444444;
    font-size: 13px;
    font-family: 'OpenSansBold';
    text-align: justify;
}

.xemthem_tin {
    font-size: 12px;
    color: #de0000;
    font-style: italic;
    position: absolute;
    bottom: 0px;
    right: 10px;
}

.item_tin:hover h3 {
    color: #f00000;
}

.top-footer {
    background: #e4e4e4;
}

.bk_tuvan {
    background: url('../images/background_hotline.png')no-repeat top left;
    background-size: 100% 100%;
    font-size: 24px;
    text-transform: uppercase;
    color: white;
    font-family: 'RobotoCondensed-Regular';
    padding-left: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px;
}

.text_dknt {
    width: 100%;
    color: #fff;
    font-size: 30px;
    font-family: 'UTM-Avo';
    text-align: center;
    line-height: 1;
    margin: 10px auto;
}

.text_dknt span {
    color: #fff;
    font-size: 14px;
}

.newsletter {
    width: 100%;
    min-height: 275px;
    padding: 30px 0px;
    background: url(../images/background_mail.png)no-repeat center center
}

#subscribe_form {
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.form_newsletter {
    width: 100%;
    height: 53px;
    margin: 5px auto;
    padding-left: 10px;
    color: #fff;
    background: none;
    border: 1px solid #fff;
}

.box_footer_text,
.box_footer_text span {
    font-size: 14px !important;
}

.box_footer_text h4:nth-child(2) {
    background: url(http://alphapaint.vn/images/line_footer.png) no-repeat 0 100%;
    padding-bottom: 9px;
    padding-top: 17px;
}

.box_footer_text h4:nth-child(2) span {
    font-size: 18px !important;
}

.box_footer_text ul li {
    margin-top: 0;
}

#send_email_newsletter {
    position: absolute;
    top: 9px;
    right: 19px;
    width: 85px;
    height: 45px;
    background: #ef2525;
    color: #fff;
    font-size: 15px;
    padding: 0px 25px!important;
    text-transform: uppercase;
}

#map_canvas {
    height: 190px;
    margin: 0 auto;
    width: 100%;
}

.map_description {
    color: #000000;
    overflow: auto;
    width: 200px;
}

.map_description .default {
    color: #FF0000;
}

.map_description div {
    line-height: 18px;
    margin: 3px;
}

.map_list_address {
    float: left;
    height: 500px;
    overflow: hidden;
    width: 200px;
}

.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px;
}

.map_list_address span {
    color: #FCFF46;
}

.map_title {
    color: #30A602;
    font-weight: bold;
}

.thongke_s div {
    text-align: right;
}

.thongke_s p {
    font-size: 13px;
    color: #fff;
    margin: 0px!important;
    font-family: 'Roboto-Regular';
}

.thongke_s span {
    color: #ffdd02;
}

.copyright_s p {
    font-size: 13px;
    color: #fff;
    margin: 0px!important;
    font-family: 'Roboto-Regular';
}

.copyright_s span {
    color: #ffdd02;
    text-transform: uppercase;
}

.box_tag {
    background: #f1f1f1;
    padding: 20px 0px;
}

.edge_web {}

.edge_web ul li {
    cursor: pointer;
    position: relative;
}

.edge_web ul li:hover {
    opacity: 0.5;
}

.soluong_e {
    position: absolute;
    top: 2px;
    right: 7px;
}

.yeuthich_e {
    position: absolute;
    bottom: -5px;
    left: 45%;
}

.daxem_e {
    position: absolute;
    bottom: -5px;
    left: 45%;
}

.box_mxh_ft {
    background: #ffdd02;
    margin: 10px auto;
}

.box_mxh_ft p {
    line-height: 48px;
    margin: 0px;
    font-size: 18px;
    font-family: 'Roboto-Light';
    text-transform: uppercase;
}

/*******gioi_hang*******/

.bg-top-cart {
    font-weight: bold;
    color: #FFF;
    height: 25px;
    background: #60a087;
}

/**********************/

.opacity_color {
    opacity: 0.5;
}

.product_info_2 li {
    font-family: 'UTM-Avo';
    margin: 10px auto;
}

.product_info_2 li h3 {
    color: #60A087;
    text-transform: uppercase;
}

.order_detail {
    padding: 10px 20px;
    border: 1px solid black;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.5s all ease-in-out 0.5s;
}

.order_detail:hover {
    background: #ff0000;
    color: white;
    border: 1px solid white;
    transition: 0.5s all ease-in-out 0.5s;
}

#notice_cart {
    font: 12px/22px Segoeui, Arial, Verdana, serif;
    position: fixed;
    bottom: 10px;
    left: 0px;
    width: 100%;
    padding: 10px 5px;
    background: red;
    border-bottom: 2px solid #C0E0E6;
    color: #fff;
    font-weight: bold;
    text-align: center;
    z-index: 999;
    display: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    z-index: 100001;
}

#main_other_s img {
    max-width: 100%;
    height: auto;
}

/* *********************style for tabs */

#info_deals {
    position: relative;
}

#info_deals table {
    width: 100% !important;
}

#info_deals ul#tab_content {
    border-bottom: 3px solid #eee;
    margin-bottom: 10px;
    padding: 0;
    display: flex;
}

#info_deals ul.fixed {
    position: fixed;
    z-index: 10;
    width: 892px;
    background-color: #fff;
}

#info_deals ul#tab_content li {
    padding: 1px 20px;
    box-sizing: border-box;
    margin-bottom: -3px;
    text-align: center;
    background: #efeeee;
    height: 40px;
    line-height: 40px;
    list-style: none;
}

#info_deals ul#tab_content li a, #info_deals .title {
    font-family: 'OpenSansSemiBold', sans-serif;
    font-size: 14px;
    cursor: pointer;
    color: #585858;
    text-decoration: none;
}

#info_deals ul#tab_content li a:hover {
    color: white
}

#info_deals ul#tab_content li:hover, #info_deals ul#tab_content li.selected, #info_deals ul#tab_content li.selected a, #info_deals ul#tab_content li#current, #info_deals ul#tab_content li#current a {
    background: #D71C23;
    color: white
}

.copyright_s {
    padding: 10px 0px !important;
}

.thongke_s {
    padding: 10px 0px!important;
}

.menufix {
    position: fixed!important;
    z-index: 99!important;
    width: 100%!important;
}

.menufix .search_frm_s {
    right: 0;
}

#lang_drop {
    color: #030303;
    font-weight: bold;
    line-height: 22px;
    font-size: 14px;
    border-radius: 5px;
}

#lang_droplist {
    height: 22px;
    width: 50px;
    line-height: 22px;
    color: #717171;
    cursor: pointer;
    margin-left: 10px;
    display: inline-block;
    text-align: right;
    text-transform: capitalize;
    font-size: 11px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: #030303;
    font-size: 14px;
    font-family: "OpenSansRegular";
}

#lang_droplist img {
    margin-right: 10px;
}

#lang_droplist ul#menu_location_list {
    background: white;
    width: 136px;
    margin: -5px 0px 0px 0px;
    padding: 0px 0px 0px;
    list-style: none;
    display: none;
    z-index: 99999;
    position: relative;
    float: right;
}

#lang_droplist ul#menu_location_list li {
    float: none;
    display: block;
    height: 24px;
    padding: 0px;
    margin: 0px;
}

#lang_droplist ul#menu_location_list li a {
    height: 24px;
    line-height: 24px;
    padding: 0px;
    color: #717171;
    padding: 0px;
    text-decoration: none;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 11px;
}

#lang_drop:hover ul#menu_location_list {
    display: block!important;
}

ul#menu_location_list li:hover a {
    color: #ff0000!important;
}

.box_slogan {
    width: 100%;
    height: 80px;
    background: url('../images/background_slogan.png')no-repeat top left;
    background-size: 100% 100%;
    text-align: center;
    margin: 20px auto;
}

.box_slogan p {
    line-height: 80px;
    font-family: 'fontA';
    font-size: 40px;
    text-transform: uppercase;
    color: white;
}

.item_cata {
    width: 100%;
}

.img_cata {
    position: relative;
}

.item_cata img {
    max-width: 100%;
}

.img_text {
    width: 100%;
    height: 50px;
    background: rgba(134, 193, 51, 0.6);
    text-align: center;
    position: absolute;
    bottom: 0px;
    transition: all 300ms ease-out 0s;
}

.img_text h3 {
    line-height: 50px;
    text-transform: uppercase;
    font-family: 'fontA';
    font-size: 40px;
    color: white;
    margin: 0px;
}

.img_cata:hover .img_text {
    bottom: 30%;
    transition: all 300ms ease-out 0s;
}

.list_cata {
    height: 140px;
    overflow: auto;
}

.list_cata a {
    font-size: 15px;
    color: #444444;
    padding: 10px;
    line-height: 2;
}

.spec_cata a {
    color: #68b200;
}

.title-index {
    background: url('../images/title_other.png')no-repeat bottom left;
    padding: 10px 0px;
    margin-bottom: 20px;
    background-size: 100%;
}

.title-index h3 {
    color: #333333;
    text-transform: uppercase;
    font-family: 'fontA';
    font-size: 30px;
}

.box_spec {
    padding: 20px;
    background: #75be0d;
}

.box_spec_2 {
    padding: 20px;
    background: #f2f2f2;
}

.box_1 {
    text-align: center;
    background: url('../images/line_w.png')no-repeat bottom center;
    padding-bottom: 10px;
}

.box_1 img {
    border-radius: 50% 50%;
    border: 5px solid white;
}

.box_1 h3 {
    text-transform: capitalize;
    font-size: 18px;
    font-family: 'OpenSansBold';
    color: white;
}

.box_1 p {
    color: white;
    font-size: 14px;
    font-family: 'OpenSansRegular';
    height: 20px;
    overflow: hidden;
}

.box_2 {
    padding: 20px;
    background: url('../images/kep_l.png')no-repeat top left, url('../images/kep_r.png')no-repeat bottom right;
    height: 90px;
    overflow: hidden;
}

.box_2 p {
    text-align: justify;
    color: white;
    font-size: 14px;
    font-family: 'OpenSansRegular';
}

.box_spec .slick-next {
    opacity: 1!important;
    width: 46px!important;
    height: 46px!important;
    background: url('../images/icon_next.png')no-repeat top left!important;
    top: 20%!important;
    right: 100px!important;
}

.box_spec .slick-prev {
    opacity: 1!important;
    width: 46px!important;
    height: 46px!important;
    background: url('../images/icon_prev.png')no-repeat top left!important;
    top: 20%!important;
    left: 100px!important;
}

.box2_1 {
    text-align: center;
    padding-bottom: 10px;
}

.box2_1 img {
    border-radius: 50% 50%;
    border: 5px solid #75be0d;
}

.box2_1 h3 {
    text-transform: capitalize;
    font-size: 18px;
    font-family: 'OpenSansBold';
    color: black;
}

.box2_1 p {
    color: black;
    font-size: 14px;
    font-family: 'OpenSansRegular';
    height: 20px;
    overflow: hidden;
}

.box2_2 {
    padding: 20px;
    background: url('../images/kep_l2.png')no-repeat top left, url('../images/kep_r2.png')no-repeat bottom right;
    height: 90px;
    overflow: hidden;
}

.box2_2 p {
    text-align: justify;
    color: black;
    font-size: 14px;
    font-family: 'OpenSansRegular';
}

.box_spec_2 .slick-next {
    opacity: 1!important;
    width: 46px!important;
    height: 46px!important;
    background: url('../images/icon_next2.png')no-repeat top left!important;
    top: 20%!important;
    right: 100px!important;
}

.box_spec_2 .slick-prev {
    opacity: 1!important;
    width: 46px!important;
    height: 46px!important;
    background: url('../images/icon_prev2.png')no-repeat top left!important;
    top: 20%!important;
    left: 100px!important;
}

.t_2 {
    margin-top: 15px;
}

.t_3 {
    margin-top: 15px;
}

.box_boc {
    position: relative;
}

.box_cauhoi {
    width: 100%;
    height: 495px;
    padding: 20px;
    border: 1px solid #d2d2d2;
    background: #f2f2f2;
    overflow: auto;
}

.item_cauhoi {
    margin: 5px auto;
}

.img_cauhoi img {
    border-radius: 50% 50%;
    max-width: 100%
}

.text_cauhoi {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    background: white;
    padding: 10px!important;
}

.text_cauhoi h3 {
    font-size: 13px;
    color: #68b200;
    font-family: 'OpenSansBold';
    margin: 0px;
}

.text_cauhoi p {
    font-size: 13px;
    color: #333333;
    font-family: 'OpenSansRegular';
    font-style: italic;
    margin: 0px;
}

.khung_hoidap {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#ten_cauhoi {
    width: 49%;
    height: 25px;
    background: #dddddd;
    color: black;
    padding-left: 20px;
    float: left;
}

#email_cauhoi {
    width: 49%;
    height: 25px;
    background: #dddddd;
    color: black;
    padding-left: 20px;
    float: left;
}

#text_cauhoi {
    width: 100%;
    height: 25px;
    background: #dddddd;
    color: black;
    padding-left: 20px;
}

#send_hoi {
    background: url('../images/color_gui.png')repeat-x top left;
    background-size: 100%;
    color: white;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80px;
    height: 50px;
    border-radius: 5px;
}

/*************************menu_left**************************/

#nav2 {
    width: 100%;
    background: url('../images/border_rp.png')repeat top left;
    border: 1px solid #d2d2d2;
}

#nav2 ul li {
    list-style: none;
    padding-left: 30px;
    margin-left: 10px;
    margin-top: 10px;
}

#nav {
    width: 100%;
    background: url('../images/border_rp.png')repeat top left;
}

#nav2 ul li b {
    color: red;
}

#nav ul {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0f6c2+0,dff6c0+100 */
    margin: 0px;
}

.list_cap {
    background: url('../images/color_left.png')repeat-y top left;
    margin-bottom: 5px;
}

.box_hotro {
    background: url('../images/image_hotro.png')no-repeat top center;
    padding: 5px;
}

#nav ul li {
    list-style: none;
    border-bottom: 1px solid #e1e1e1;
    background: white url(../images/node.png)no-repeat 20px center!important;
    padding-left: 20px;
}

.list_cap>a {
    background: url(../images/node.png) no-repeat left center;
}

#nav ul li:hover a {
    text-decoration: none;
    color: red;
}

#nav ul li:hover {
    text-decoration: none;
}

#nav ul>li>ul>li:hover a {
    text-decoration: none;
    color: #fff;
}

#nav ul ul li:hover {
    background: #01588A !important;
}

#nav>ul>li>a {
    font-weight: normal;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    color: #191919;
    padding-left: 20px;
    line-height: 40px;
    display: inline-block;
    transition: all ease-out .5s;
    text-transform: uppercase;
}

#nav ul li :last-child {
    border-bottom: none;
}

#nav ul ul li {
    background: white url(../images/node.png)no-repeat 20px center!important;
    margin-left: 0px!important;
    height: auto;
    border-bottom: 1px dashed #d9d9d9;
    padding-left: 20px;
}

#nav ul ul li a {
    font-weight: normal;
    font-family: 'Roboto-Regualr';
    font-size: 14px;
    color: #191919;
    padding-left: 20px;
    text-transform: capitalize;
    line-height: 40px;
}

#nav ul ul ul li {
    padding-left: 15px!important;
}

#nav ul ul ul li a {
    color: #000!important;
}

#nav ul>li>ul>li>ul>li:hover a {
    text-decoration: none;
    color: #fff!important;
}

.yeucau-hotro {
    top: 235px;
    background: url(../images/icon-yeucau.png) no-repeat right center;
}

.yeucau-fan {
    top: 270px;
    background: url(../images/icon-fan.png) no-repeat right center;
    width: 37px!important;
    height: 180px!important;
}

.yeucau-chung {
    position: fixed;
    right: 0px;
    width: 81px;
    height: 34px;
    display: block;
    z-index: 99999;
    cursor: pointer;
    transition: 0.6s;
}

div.yeucauhotro {
    position: fixed;
    top: 235px;
    right: -200px;
    width: 200px;
    min-height: 200px;
    background: #fff;
    border: 1px solid #af2750;
    box-sizing: border-box;
    z-index: 99999;
    transition: 0.4s;
}

.tieude-ht {
    background: #af2750;
    color: #fff;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    position: relative;
}

.tieude-ht i {
    display: block;
    width: 30px;
    height: 37px;
    line-height: 37px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.tieude-ht i:hover {
    color: #ff0;
}

div.yeucauhotro .noidung-ht {
    padding: 14px;
}

div#hotro ul {
    list-style: none;
    border-bottom: 1px dashed #DDDDDD;
}

div#hotro ul li {
    clear: both;
    padding: 2px 0;
}

div#hotro ul li .dienthoai {
    font-size: 16px;
    color: #f00;
    font-weight: bold;
}

div.fanpage_r {
    position: fixed;
    top: 270px;
    right: -300px;
    width: 300px;
    min-height: 270px;
    background: #fff;
    border: 1px solid #af2750;
    box-sizing: border-box;
    z-index: 99999;
    transition: 0.4s;
}

.yeucau-chung:hover {
    opacity: 0.7;
}

div#menu {
    position: relative;
    background: url(images/menu.png) center repeat-x;
    height: 40px;
    line-height: 40px;
    width: 100%;
    z-index: 50;
}

div#menu>ul {
    float: left;
    list-style: none;
}

div#menu ul li.cap1 {
    position: relative;
}

div#menu>ul>li {
    float: left;
}

div#menu ul li.home img {}

div#menu ul li.line {
    background: url(images/menu_gach.png) center no-repeat;
    height: 40px;
    width: 2px;
}

div#menu ul li.cap1 a {
    display: block;
    padding: 0px 15px;
    font-size: 14px;
    color: #393939;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    font-weight: normal;
    line-height: 40px;
}

div#menu ul li.cap1 a:hover, div#menu ul li.cap1 a.active, div#menu ul li.cap1 a.active2, div#menu ul li.capnhieu a:hover, div#menu ul li.capnhieu a.active, div#menu ul li.capnhieu a.active2 {
    color: #76b705;
}

div#menu ul li.cap1 ul.cap2, div#menu ul li:hover ul li.cap1 ul.cap2 {
    position: absolute;
    margin-left: 0px;
    display: none;
}

div#menu ul li.cap1:hover ul.cap2 {
    display: block;
}

div#menu ul li.cap1 ul.cap2 li {
    width: 220px;
    line-height: 1.5;
    background: #0A8B0C;
    border-bottom: 1px solid #04A40D;
}

div#menu ul li.cap1 ul.cap2 li a {
    padding: 6px 10px;
    text-transform: none;
}

div#menu ul li.cap1 ul.cap2 li ul {
    left: 220px;
    top: 0px;
}

div#menu ul li.capnhieu>a {
    display: block;
    padding: 0px 15px;
    font-size: 14px;
    color: #393939;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    font-weight: normal;
    line-height: 40px;
}

div.wap_item_menu {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    background: #009400;
    color: #fff;
    display: none;
}

div#menu ul li.capnhieu:hover .wap_item_menu {
    display: block;
}

div.td_menu {
    color: #FFFF00;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-weight: bold;
}

div.td_menu a {
    text-decoration: none;
    color: #FFFF00;
}

div.item_menu {
    width: 18%;
    display: inline-block;
    vertical-align: top;
    margin: 0.9% 0;
    margin-left: 1.5%;
    line-height: 1.5;
}

div.item_menu ul {
    list-style: none;
}

div.item_menu>ul>li {}

div.item_menu a.xemthem {
    color: #2eff1a;
    font-style: italic;
    cursor: pointer;
    display: block;
}

div.item_menu ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    display: block;
    padding: 2px 0;
    background: url(../images/hinhvuong2.png) left 9px no-repeat;
    padding-left: 10px;
}

div.item_menu ul li a:hover {
    color: #FFFF00;
    transition: 0.4s;
}

div.item_menu>ul>li>ul>li {
    padding-left: 10px;
}

.box_about {
    background: #fff;
}

.image_gt {
    text-align: center;
}

.image_gt img {
    max-width: 100%;
}

.text_gt h3 {
    font-family: 'fontB';
    font-size: 31px;
    color: #256cbc;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    padding-bottom: 10px;
    text-align: center;
}

.text_gt span {
    color: #ffdd02;
}

.text_gt p {
    font-family: 'Roboto-Regular';
    color: #201f1f;
    font-size: 14px;
    text-align: justify;
}

.icon_xemthem {
    border: 1px solid #cfcfcf;
    padding: 10px 20px;
    color: #a1a1a1;
    text-transform: uppercase;
    background: #fff;
    cursor: pointer;
    font-size: 13px;
    line-height: 5;
}

.icon_xemthem2 {
    display: inline-block;
    border: 1px solid #ef2525;
    padding: 0px 20px;
    color: #fff;
    text-transform: capitalize;
    background: #ef2525;
    cursor: pointer;
    font-size: 12px;
    font-family: "Roboto-Regular";
    line-height: 30px;
}

.background_footer3 {
    background: #507d00;
    border-bottom: 1px solid #81bb1b;
    border-top: 1px solid #81bb1b;
    padding: 10px 0px;
}

.menu_con {
    list-style: none;
}

.menu_con li {
    float: left;
    padding: 0px 20px;
    border-right: 1px solid white;
}

.menu_con li a {
    color: white;
    font-size: 13px;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
}

.mxh_footer li {
    float: left;
    height: 38px;
    line-height: 2.5;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    list-style: none;
    margin-right: 5px;
}

.hotline_footer {
    line-height: 34px;
    background: url('../images/icon_hotline.png')no-repeat left center;
    padding-left: 40px;
    color: white;
    font-size: 23px;
    font-family: 'Roboto-Bold';
}

.hotline_footer span {
    font-size: 30px;
    color: #fff200;
}

.block-callme {
    position: relative;
}

.callme_active {
    transition: all 0.5s linear;
    opacity: 1 !important;
    pointer-events: auto !important
}

.block-callme .block-callme-popup {
    position: absolute;
    top: 35px;
    left: -235px;
    width: 250px;
    background: rgba(69, 197, 246, 0.67);
    padding: 0;
    border-radius: 10px;
    transition: all 0.5s linear;
    opacity: 0;
    pointer-events: none
}

.block-callme .block-callme-popup .title {}

.block-callme .block-callme-popup .title p {
    width: 100%;
    padding: 10px;
    font-size: 1.2em;
    color: white;
    background: #0d91c3;
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
}

.block-callme .block-callme-popup .title span {
    color: #006b94;
    font-style: italic;
    padding: 5px 10px;
    display: inline-block;
    text-align: center;
    line-height: 1.0em;
}

.block-callme .block-callme-popup .content {
    padding: 10px;
    text-align: center;
}

.block-callme .block-callme-popup .content input::placeholder {
    color: white;
    font-style: italic
}

.block-callme .block-callme-popup .content input {
    width: 100%;
    margin: 0.2em 0;
    border: 1px solid #0d91c3;
    padding: 5px;
    background: rgba(13, 145, 195, 0.28);
    border-radius: 5px;
    outline: none;
    font-weight: bold
}

.block-callme .block-callme-popup .content button:hover {
    transition: all 0.5s;
    color: #0d91c3;
    background: none
}

.block-callme .block-callme-popup .content button {
    border: 1px solid #0d91c3;
    background: #0d91c3;
    padding: 0.3em 2em;
    color: white;
    border-radius: 5px;
    margin-top: 0.3em;
    transition: all 0.5s;
    cursor: pointer
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

.quick-alo-phone.quick-alo-show {
    visibility: visible;
}

.quick-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    width: 82px;
    height: 64px;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    right: 150px;
    bottom: 150px;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
    border-color: #00aff2;
    border-color: #bfebfc 9;
    opacity: .5;
}

.quick-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    background-color: #a6e3fa 9;
    opacity: .75 !important;
}

.quick-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
    background-color: #00aff2;
    background-color: #00aff2 9;
}

.quick-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMA7xC/MM+ff2BAr3BQIN+PlJTBuAAAANxJREFUSMftlEsOwyAMRLFpAJOf73/aVpUJkZCCZ1v17Z/MmIHww7xEBBIK6YeCGPpl8RubGi+vwaRG8ipJG8TOIdopSHZoAVlvbC4l3pWIKwd8MPLdzNqNys5CXiO24IVswTYCyJ+Dn3zfLxZmBxwCemycQI+NXfEFxJYGX0ANfhLwxAwmqJbWTbw1FXeYBidTfPZFm2N50jzb2t9NXyIV5xd4MkffS62XQ6QXhzwovOjA7ILtOAOzPCM0q8FImrV6DCTzvpEq+k9zJoW/UM5HGyHBjeQaz3UPf4w3yZUcVqejUcMAAAAASUVORK5CYII=') no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
    background-color: #75eb50;
    background-color: #75eb50 9;
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media (max-width: 991px){
    .background_footer .row .col-lg-3:nth-child(2) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .copyright_s p {
        text-align: center;
    }
    .box_footer_text h4:nth-child(2) {
        padding-top: 0;
    }
    .box_footer_text >p {
        display: none;
    }
}