@font-face {

    font-family: 'Roboto_Medium';

    src: url('../fonts/Roboto-Medium.woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto_Regular';

    src: url('../fonts/Roboto-Regular.woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto_Bold';

    src: url('../fonts/Roboto-Bold.woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'UTM_Caviar';

    src: url('../fonts/UTMCaviar.eot');

    src: url('../fonts/UTMCaviar.eot') format('embedded-opentype'), url('../fonts/UTMCaviar.woff')

    format('woff2'), url('../fonts/UTMCaviar.woff') format('woff'), url('../fonts/UTMCaviar.ttf')

    format('truetype'), url('../fonts/UTMCaviar.svg#fontawesomeregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'UTM_Eremitage';

    src: url('../fonts/UTMEremitage.eot');

    src: url('../fonts/UTMEremitage.eot') format('embedded-opentype'), url('../fonts/UTMEremitage.woff')

    format('woff2'), url('../fonts/UTMEremitage.woff') format('woff'), url('../fonts/UTMEremitage.ttf')

    format('truetype'), url('../fonts/UTMEremitage.svg#fontawesomeregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'SVN_Anastasia';

    src: url('../fonts/SVN-Anastasia.eot');

    src: url('../fonts/SVN-Anastasia.eot') format('embedded-opentype'), url('../fonts/SVN-Anastasia.woff')

    format('woff2'), url('../fonts/SVN-Anastasia.woff') format('woff'), url('../fonts/SVN-Anastasia.ttf')

    format('truetype'), url('../fonts/SVN-Anastasia.svg#fontawesomeregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'SVN_BlogScript';

    src: url('../fonts/SVN-BlogScript.eot');

    src: url('../fonts/SVN-BlogScript.eot') format('embedded-opentype'), url('../fonts/SVN-BlogScript.woff')

    format('woff2'), url('../fonts/SVN-BlogScript.woff') format('woff'), url('../fonts/SVN-BlogScript.ttf')

    format('truetype'), url('../fonts/SVN-BlogScript.svg#fontawesomeregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'SVN_AdamGorry';

    src: url('../fonts/SVN-AdamGorry.eot');

    src: url('../fonts/SVN-AdamGorry.eot') format('embedded-opentype'), url('../fonts/SVN-AdamGorry.woff')

    format('woff2'), url('../fonts/SVN-AdamGorry.woff') format('woff'), url('../fonts/SVN-AdamGorry.ttf')

    format('truetype'), url('../fonts/SVN-AdamGorry.svg#fontawesomeregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'SVN_BistroScript';

    src: url('../fonts/SVN-BistroScript.eot');

    src: url('../fonts/SVN-BistroScript.eot') format('embedded-opentype'), url('../fonts/SVN-BistroScript.woff')

    format('woff2'), url('../fonts/SVN-BistroScript.woff') format('woff'), url('../fonts/SVN-BistroScript.ttf')

    format('truetype'), url('../fonts/SVN-BistroScript.svg#fontawesomeregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'SVN_ALoveOfThunder';

    src: url('../fonts/SVN-ALoveOfThunder.eot');

    src: url('../fonts/SVN-ALoveOfThunder.eot') format('embedded-opentype'), url('../fonts/SVN-ALoveOfThunder.woff')

    format('woff2'), url('../fonts/SVN-ALoveOfThunder.woff') format('woff'), url('../fonts/SVN-ALoveOfThunder.ttf')

    format('truetype'), url('../fonts/SVN-ALoveOfThunder.svg#fontawesomeregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

p {

    margin: 0px;

}



a {

    text-decoration: none;

    color: #333333;

}



a:hover,

a:focus {

    color: #0d7cd6;

    text-decoration: none;

}



* {

    margin: 0px;

    padding: 0px;

}



ul, ol {

    padding: 0;

    margin: 0;

}



li {

    list-style: none;

}



.fixed {

    position: fixed !important;

    top: 0px;

    z-index: 99;

    width: 100%;

}

.clearfix-130{

    clear: both;

    height: 130px;

}

.clearfix-102{

    clear: both;

    height: 102px;

}

.clearfix-100{

    clear: both;

    height: 100px;

}

.clearfix-80{

    clear: both;

    height: 80px;

}

.clearfix-65{

    clear: both;

    height: 65px;

}


.clearfix-60{

    clear: both;

    height: 60px;

}

.clearfix-55{

    clear: both;

    height: 55px;

}

.clearfix-53{

    clear: both;

    height: 53px;

}

.clearfix-50{

    clear: both;

    height: 50px;

}

.clearfix-45{

    clear: both;

    height: 45px;

}

.clearfix-40{

    clear: both;

    height: 40px;

}

.clearfix-35{

    clear: both;

    height: 35px;

}

.clearfix-30{

    clear: both;

    height: 30px;

}

.clearfix-32{

    clear: both;

    height: 32px;

}

.clearfix-25{

    clear: both;

    height: 25px;

}

.clearfix-20{

    clear: both;

    height: 20px;

}

.clearfix-15{

    clear: both;

    height: 15px;

}

.clearfix-12{

    clear: both;

    height: 12px;

}

.clearfix-10{

    clear: both;

    height: 10px;

}

.clearfix-5{

    clear: both;

    height: 5px;

}

.clearfix-3{

    clear: both;

    height: 3px;

}



body {

    font-size: 12px;

    font-family: arial;

    color: #000;

    width: 100%;

    height: 100%;

    margin: 0px;

    padding: 0px;

    background: url(../img/bg_body.jpg) no-repeat center;

    background-size: cover;

    background-repeat: repeat;

    background-attachment: fixed;

}



del {

    font-size: 12px;

    color: #999;

}



/*===========All=============*/

.w_100 {

    width: 100%;

}



.w_40 {

    width: 40%;

}



.w_60 {

    width: 60%;

}



/*==========Main============*/

.menu_mb{

    position: fixed;

    width: 100%;

    /*background: rgb(0, 0, 0);*/

    z-index: 99;

    padding: 1px 15px;

    border-bottom: 1px solid #ccc;

}

#go_top {

    position: fixed;

    width: 35px;

    height: 35px;

    background: #40b155;

    color: #ffffff;

    text-align: center;

    line-height: 30px;

    font-size: 25px;

    font-weight: bold;

    background-size: 100% 100%;

    display: inline-block;

    z-index: 100;

    bottom: 70px;

    right: 25px;

    border-radius: 50%;

}

.logo_pc {

    position: fixed;

    z-index: 99999;

    top: 0px;

    left: 0px;

    margin: 0px;

}

.sc_header_top{

    background-color: rgba(0, 0, 0, 0.5);

    min-height: 60px;

    position: absolute;

    width: 100%;

    top: 0px;

    left: 0px;

    z-index: 100;

    padding-top: 16px;

    padding-bottom: 10px;

}

.topleft{

    float: left;

    margin-left: 15px;

}

.topright{

    float: right;

}

.list_link_hd{

    float: left;

}

.back_link{

    float: left;

    position: relative;

}

.back_link:before{

    content: "";

    display: inline-block;

    width: 10px;

    height: 23px;

    background: url("../img/backslash1.png") no-repeat;

    position: absolute;

    left: -10px;

    top: 0px;

}

.back_link>li{

    float: left;

    line-height: 23px;

    position: relative;

}

.back_link>li:after{

    content: "|";

    position: absolute;

    right: -1px;

    color: #ffffff;

    top: 2px;

}

.back_link>li:last-child:after{

    content: "";

}

.back_link>li>a{

    float: left;

    display: inline-block;

    line-height: 20px;

    color: #ffffff;

    font-family: Roboto_Bold;

    text-transform: uppercase;

    padding: 0px 16px;

    padding-top: 3px;

}

.back_link>li>a:hover{

    color: #2fa02f;

}

.list_link_hd a{

    display: inline-block;

    float: left;

    line-height: 23px;

    color: #ffffff;

    font-size: 16px;

    width: 23px;

    height: 23px;

    overflow: hidden;

    text-align: center;

}

.list_link_hd a:hover{

    color: #2fa02f;

    font-size: 18px;

}

.list_lag{

    float: left;

    position: relative;

    margin-left: 20px;

}

.list_lag:before{

    content: "";

    display: inline-block;

    width: 10px;

    height: 23px;

    background: url("../img/backslash1.png") no-repeat;

    position: absolute;

    left: -10px;

    top: 0px;

}

.list_lag>li{

    float: left;

    line-height: 23px;

    font-size: 12px;

    color: #ffffff;

    font-family: Roboto_Bold;

    position: relative;

}

.list_lag>li:after{

    content: "|";

    position: absolute;

    right: -1px;

    color: #ffffff;

    top: 2px;

}

.list_lag>li:last-child:after{

    content: "";

}

.list_lag>li>a{

    float: left;

    display: inline-block;

    line-height: 20px;

    color: #ffffff;

    padding: 0px 16px;

    padding-top: 3px;

}

.list_lag>li>a:hover{

    color: #2fa02f;

}

.search_box{

    position: relative;

    float: left;

    background: transparent;

    border: transparent;

}

.has-dropdown.search_box:after{

    content: "";

    width: 23px;

    height: 23px;

    top: 0px;

    left: 0px;

    background: transparent;

    border: transparent;


}

.button_search{

    background: transparent;

    border: transparent;

}

.dropdown_search{

    position: absolute;

    top: 28px;

    right: 0px;

    left: auto;

    display: none !important;

    width: 329px;

    background: #ffffff;

    opacity: 1 !important;

    border-radius: 5px;

    padding: 15px;

    visibility: visible;
    z-index: 9999;
}

.dropdown_search.is-visible{

    display: block  !important;

    opacity: 1 !important;

    visibility: visible;

}

.sb_search_input{

    width: 100%;

    height: 45px;

    border: 1px solid #8d969d;

    border-radius: 4px;

    padding: 5px 11px;

    font-size: 16px;

}

.list_check_search{

    text-align: center;

    font-size: 14px;

    color: #8b8b99;

    line-height: 22px;

    margin-top: 10px;

}

.slider_main .owl-nav{

    display: none !important;

}

.slider_main .owl-dots{

    display: block !important;

    position: absolute;

    width: 100%;

    bottom: 0px;

    left: 0px;

}

.main_content{

    position: relative;

    margin-top: -15px;

    z-index: 10;

}

.main_content:before{

    position: absolute;

    top: -40px;

    left: 0px;

    width: 100%;

    height: 40px;

    display: block;

    background: url("../img/bg_bf_bd.png") no-repeat center center;

    background-size: 100% 100%;

}

.main_content:after{

    position: absolute;

    bottom: -19px;

    left: 0px;

    width: 100%;

    height: 19px;

    display: block;

    background: url("../img/bg_at_bd.png") no-repeat center center;

    background-size: 100% 100%;

}

.sc_about_home{

    background: url("../img/bg_main.png") repeat;

}

.tit_home{

    margin: 0px;

    font-family: SVN_Anastasia;

    color: #1a6729;

    font-size: 30px;

    text-align: center;

    line-height: 40px;

    padding-bottom: 25px;

    background: url("../img/bf_tit.png") center bottom no-repeat;

}

.tit_home>span,

.tit_home>a{

    display: block;

    color: #1a6729;

}

.des_tit_home{

    width: 340px;

    max-width: 100%;

    font-size: 14px;

    color: #8b8b99;

    line-height: 25px;

    font-family: Roboto_Regular;

    text-align: center;

    margin: auto;

}

.des_about_home{

    text-align: center;

    font-size: 14px;

    color: #8b8b99;

    line-height: 22px;

    font-family: Roboto_Regular;

    text-align: center;

    margin: auto;

}

.des_about_home img{

    max-width: 100%;

}

.box_slider_value_chain{

    width: 560px;

    max-width: 100%;

    margin: auto;

    background: url(../img/bg_value_chain.png) no-repeat center;

    background-size: cover;

    background-attachment: fixed;

    padding-top: 20px;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 5px;

}

.sc_value_chain{

    background: url("../img/bg_main.png") repeat;

    max-width: 100%;

    overflow: hidden;

}

.slider_value_chain{

    padding-bottom: 20px;

}

.slider_value_chain .owl-nav{

    display: none !important;

}

.slider_value_chain .owl-dots{

    display: block !important;

    position: absolute;

    width: 100%;

    left: 0px;

    bottom: 0px;

    text-align: center;

}

.slider_value_chain .owl-dots .owl-dot span{

    border-radius: 0px !important;

    background: #ffffff;

    margin: 2px;

    width: 10px;

    height: 10px;

}

.slider_value_chain .owl-dots .owl-dot.active span,

.slider_value_chain .owl-dots .owl-dot:hover span{

    background: #2196f3;

}

.box_value_chain{

    background: url("../img/bg_main.png") red;

    box-shadow: 0px 0px 6px;

    margin-bottom: 0px;

    padding: 15px 10px 8px 10px;

    position: relative;

}

.box_value_chain:before{

    content: "";

    display: block;

    width: 109px;

    height: 29px;

    background: url("../img/bf_value_chain.png") no-repeat;

    background-size: 100% 100%;

    top: -15px;

    left: 50%;

    margin-left: -54.5px;

    position: absolute;

    z-index: 2;

}

.box_value_chain1:before{

    -ms-transform: rotate(-5deg); /* IE 9 */

    -webkit-transform: rotate(-5deg); /* Safari */

    transform: rotate(-5deg);

}

.name_value_chain{

    margin-top: 15px;

    margin-bottom: 0px;

    font-size: 16px;

    color: #5a4a42;

    font-family: SVN_Anastasia;

    text-align: center;

}

.name_value_chain>a{

    display: block;

    color: #5a4a42;

    line-height: 25px;

}

.name_value_chain>a:hover{

    color: #5a4a42;

    text-decoration: underline;

}

.box_value_chain1{

    -ms-transform: rotate(5deg); /* IE 9 */

    -webkit-transform: rotate(5deg); /* Safari */

    transform: rotate(5deg);

}

.box_value_chain1 .name_value_chain{

    -ms-transform: rotate(-5deg); /* IE 9 */

    -webkit-transform: rotate(-5deg); /* Safari */

    transform: rotate(-5deg);

}

.box_value_chain2{

    -ms-transform: rotate(1deg); /* IE 9 */

    -webkit-transform: rotate(1deg); /* Safari */

    transform: rotate(1deg);

}

.box_value_chain2 .name_value_chain{

    -ms-transform: rotate(-1deg); /* IE 9 */

    -webkit-transform: rotate(-1deg); /* Safari */

    transform: rotate(-1deg);

}

.box_box_value{

    padding: 20px 18px;

}

.img_value_chain{

    display: block;

    overflow: hidden;

}

.img_value_chain img{

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.img_value_chain:hover img{

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    opacity: 0.9;

}

.sc_cate_home{

    background: url("../img/bg_main.png") repeat;

}

.row_7_5{

    margin: 0px -7.5px;

}

.sc_cate_home{

    padding: 0px 18px;

}

.list_cate_home{

    background: url("../img/bg_body.jpg")  no-repeat center;

    padding: 11px;

    padding-bottom: 0px;

    background-size: cover;

    background-attachment: fixed;

}

.box_cate_home{

    padding: 25px 10px;

    background: url("../img/bg_cate_home.png") repeat;

    min-height: 455px;

    margin-bottom: 15px;

}

.img_cate_home{

    width: 100%;

    overflow: hidden;

    display: block;

    border: 1px solid #9a9a9a;

}

.img_cate_home:hover{

    border: 1px solid #40b157;

}

.name_cate_home{

    margin: 0px;

    line-height: 38px;

    font-family: SVN_Anastasia;

    font-size: 29px;

    color: #1a6729;

}

.name_cate_home span,

.name_cate_home a{

    display: block;

    color: #1a6729;

}

.hd_box_cate_home{

    overflow: hidden;

    padding: 0px 14px;

}

.des_cate_home{

    text-align: justify;

    font-size: 14px;

    color: #454545;

    font-family: Roboto_Regular;

    max-height: 130px;

    overflow: hidden;

    line-height: 22px;

}

.view_cate_home{

    display: block;

    width: 119px;

    max-width: 100%;

    height: 35px;

    line-height: 35px;

    padding-top: 3px;

    overflow: hidden;

    color: #ffffff;

    font-size: 16px;

    font-family: SVN_Anastasia;

    background: url("../img/bg_view_cate.png") no-repeat;

    background-size: 100% 100%;

    text-align: center;

}

.view_cate_home:hover{

    opacity: 0.8;

    color: #ffffff;

}

.avt_comment{

    width: 110px !important;

    height: 110px !important;

    display: inline !important;

}

.box_comment{

    text-align: center;

}

.txt_comment{

    color: #454545;

    font-size: 13px;

    font-family: Roboto_Regular;

    line-height: 19px;

    height: 131px;

    overflow: hidden;

}

.name_comment{

    font-size: 13px;

    color: #454545;

    font-family: Roboto_Regular;

}

.tt_comment{

    font-size: 13px;

    color: #8b8b99;

    font-family: Roboto_Regular;

}



.slider_comment{

    padding-bottom: 35px;

}

.slider_comment .owl-nav{

    display: none !important;

}

.slider_comment .owl-dots{

    display: block !important;

    position: absolute;

    width: 100%;

    left: 0px;

    bottom: 0px;

    text-align: center;

}

.slider_comment .owl-dots .owl-dot span{

    border-radius: 0px !important;

    background: #ffffff;

    margin: 2px;

    width: 10px;

    height: 10px;

}

.slider_comment .owl-dots .owl-dot.active span,

.slider_comment .owl-dots .owl-dot:hover span{

    background: #2196f3;

}

.box_cate_home2{

    min-height: 330px;

}

.sc_footer_main{

    max-width: 100%;

    background: url(../img/bg_main.png) repeat;

    padding-top: 12px;

    padding-bottom: 20px;

    position: relative;

}

.logo_ft{

    display: inline-block;

    float: left;

    max-width: 100%;

    margin-bottom: 9px;

}

.logo_ft img{

    max-width: 100%;

}

.txt_info_footer{

    width: 191px;

    max-width: 100%;

    color: #666666;

    font-size: 13px;

    font-family: Roboto_Regular;

    border-top: 1px solid #f5f5f5;

    position: relative;

    padding: 7px 0px;

}

.txt_info_footer:before{

    content: "";

    display: block;

    width: 100%;

    height: 1px;

    background: #b8b8b8;

    position: absolute;

    top: -2px;

    left: 0px;

}

.tit_footer{

    margin: 0px;

    line-height: 20px;

    color: #091b07;

    font-size: 14px;

    font-family: Roboto_Bold;

    text-transform: uppercase;

}

.tit_footer span,

.tit_footer a{

    display: block;

    color: #091b07;

}

.group_add_ft{

    display: block;

    overflow: hidden;

}

.icon_add_ft{

    display: inline-block;

    float: left;

    width: 33px;

    height: 33px;

    text-align: center;

    line-height: 33px;

    border-radius: 3px;

    background: #333333;

    color: #ffffff;

    overflow: hidden;

    font-size: 14px;

    margin-right: 10px;

    margin-left: 9px;

}

.txt_add_ft{

    display: block;

    overflow: hidden;

    color: #666666;

    font-size: 13px;

    font-family: Roboto_Regular;

    line-height: 20px;

}

.txt_add_ft a{

    color: #666666;

}

.txt_add_ft a:hover{

    text-decoration: underline;

    color: #666666;

}

.nav_footer>li>a{

    display: block;

    padding: 5px 0px;

    padding-left: 25px;

    color: #666666;

    font-family: Roboto_Regular;

    font-size: 14px;

    line-height: 20px;

    position: relative;

}

.nav_footer>li>a:hover{

    color: #666666;

    text-decoration: underline;

}

.nav_footer>li>a:before{

    content: "";

    display: block;

    width: 5px;

    height: 5px;

    background: #666666;

    border-radius: 50%;

    position: absolute;

    top: 12px;

    left: 0px;

}

.page_cate{

    padding-top: 165px;

}

.content_page{

    background: url(../img/bg_main.png) repeat;

    padding: 12px 25px 11px 55px;

}

.header_page_about img{

    max-width: 100%;

}

.nav_tabs_about{

    border: 0px;

}

.nav_tabs_about>li>a{

    border: 0px !important;

    color: #ffffff;

    font-size: 14px;

    text-transform: uppercase;

    font-family: Roboto_Bold;

    background: url("../img/bg_tab_cate.png") no-repeat center center;

    background-size: 100% 100%;

    margin-right: 20px;

    margin-top: 5px;

}

.nav_tabs_about>li:last-child>a{

    margin-right: 0px;

}

.nav_tabs_about>li.active>a, 

.nav_tabs_about>li.active>a:hover, 

.nav_tabs_about>li.active>a:focus {

    background: url("../img/bg_tab_cate_hv.png") no-repeat center center;

    background-size: 100% 100%;

    color: #ffffff;

}

.tab_content_about{

    color: #454545;

    line-height: 23px;

    font-family: Roboto_Regular;

}

.tab_content_about img{

    max-width: 100%;

}

.banner_right_about img{

    max-width: 100%;

}

.tit_contact_page{

    width: 618px;

    max-width: 100%;

    background: url("../img/bg_tit_contact.png");

    background-size: 100% 100%;

    text-align: center;

    height: 260px;

    position: relative;

    padding-top: 190px;

    font-family: SVN_BlogScript;

    color: #f0f8ff;

    font-size: 48px;

    text-transform: uppercase;

    max-width: 100%;

    margin-top: -182px;

    margin-bottom: 0px;

}

.tit_contact_page>span,

.tit_contact_page>a{

    display: block;

}

.box_map_contact{

    overflow: hidden;

    border: 1px solid #cccccc;

    padding: 14px;

}

.tit_dl_contact{

    font-family: SVN_AdamGorry;

    color: #000000;

    font-size: 24px;

    margin: 0px;

    background: url("../img/line.png") no-repeat center bottom;

    background-size: 100% auto;

    padding-bottom: 40px;

}

.icon_dl_contact{

    display: inline-block;

    float: left;

    width: 30px;

    margin-right: 5px;

    padding-top: 5px;

}

.txt_dl_contact{

    display: block;

    overflow: hidden;

}

.name_dl_contact{

    color: #333333;

    font-size: 14px;

    font-family: Roboto_Bold;

    text-transform: uppercase;

}

.add_dl_contact{

    color: #333333;

    font-size: 14px;

    font-family: Roboto_Regular;

}

.add_dl_contact span{

    color: #ff0000;

}

.number_dl_contact{

    color: #333333;

    font-size: 14px;

    font-family: Roboto_Regular;

    line-height: 23px;

}

.box_dl_contact{

    overflow: hidden;

    margin-bottom: 30px;

}

.input_fct{

    width: 100%;

    border-radius: 0px !important;

    border: 1px solid #d7d7d7;

    height: 41px;

    margin-bottom: 20px;

    font-size: 16px;

}

.input_textarea_fct{

    width: 100%;

    border-radius: 0px !important;

    border: 1px solid #d7d7d7;

    margin-bottom: 20px;

    font-size: 16px;

    padding: 15px;

}

.input_l_fct{

    border: 1px solid #696969;

    background: transparent;

    height: 44px;

    color: #333333;

    font-size: 17px;

    font-family: Roboto_Regular;

    padding: 0px 33px;

    margin: 2px 14px;

}

.input_next_fct{

    border: 1px solid #696969;

    background: transparent;

    height: 44px;

    color: #333333;

    font-size: 17px;

    font-family: Roboto_Regular;

    padding: 0px 33px;

    margin: 2px 14px;

}

.content_entertainment{

    background: url(../img/bg_news_cate.png) no-repeat center;

    background-size: cover;

    background-attachment: fixed;

}

.tit_entertainment{

    background: url("../img/bg_tit_entertainment.png") no-repeat center;

    background-size: 100% 100%;

    padding-top: 100px;

    width: 882px;

    max-width: 100%;

    height: 224px;

    text-align: center;

    color: #ffffff;

    font-family: SVN_BlogScript;

    margin: auto;

    text-transform: uppercase;

}

.list_entertainment .box_box_value {

    margin-bottom: 35px;

}

.list_entertainment{

    padding: 0px 55px;

}

.tit_prod_cate{

    width: 407px;

    height: 245px;

    max-width: 100%;

    background: url("../img/bg_tit_prod.png") no-repeat;

    background-size: 100% 100%;

    margin-top: -125px;

    text-align: center;

    font-size: 48px;

    color: #40b155;

    text-transform: uppercase;

    font-family: SVN_BlogScript;

    padding-top: 142px;

}

.tit_prod_cate>span,

.tit_prod_cate>a{

    color: #40b155;

}

.content_prod_cate {

    background: url(../img/bg_news_cate.png) no-repeat center;

    background-size: cover;

    background-attachment: fixed;

}

.name_prod_cate{

    background: url("../img/bg_tit_cate.png") no-repeat;

    background-size: 100% 100%;

    text-align: center;

    width: 282px;

    max-width: 100%;

    height: 48px;

    color: #ffffff;

    font-size: 30px;

    font-family: SVN_BistroScript;

    line-height: 45px;

    margin: 0px auto;

    margin-bottom: -10px;

    position: relative;

    z-index: 2;

}

.name_prod_cate>a,

.name_prod_cate>span{

    display: inline-block;

    line-height: 45px;

    color: #ffffff;

}

.box_pd_prod_cate{

    margin-bottom: 45px;

    padding: 0px 30px;

}

.box_prod_cate1{

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

}

.box_prod_cate1 .name_prod_cate{

    -ms-transform: rotate(-7deg);

    -webkit-transform: rotate(-7deg);

    transform: rotate(-7deg);

    margin-left: 25px;

}

.box_prod_cate2{

    -ms-transform: rotate(-3deg);

    -webkit-transform: rotate(-3deg);

    transform: rotate(-3deg);

}

.box_prod_cate2 .name_prod_cate{

    -ms-transform: rotate(4deg);

    -webkit-transform: rotate(4deg);

    transform: rotate(4deg);

    margin-left: 25px;

}

.box_prod_cate3{

    -ms-transform: rotate(-3deg);

    -webkit-transform: rotate(-3deg);

    transform: rotate(-3deg);

}

.box_prod_cate3 .name_prod_cate{

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

    margin-left: 25px;

}

.box_prod_cate4{

    -ms-transform: rotate(3deg);

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg);

}

.box_prod_cate4 .name_prod_cate{

    -ms-transform: rotate(4deg);

    -webkit-transform: rotate(4deg);

    transform: rotate(4deg);

    margin-left: 45px;

}

.img_prod_cate{

    display: block;

    overflow: hidden;

    width: 100%;

    padding: 10px;

    background: #ffffff;

}

.img_prod_cate img{

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.img_prod_cate:hover img{

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    opacity: 0.9;

}

.list_prod_cate{

    margin: auto;

    width: 700px;

    max-width: 100%;

}

.tit_detail_page{

    width: 618px;

    background: url(../img/bg_tit_contact.png);

    background-size: 100% 100%;

    text-align: center;

    height: 260px;

    position: relative;

    padding-top: 190px;

    font-family: SVN_BlogScript;

    color: #f0f8ff;

    font-size: 48px;

    text-transform: uppercase;

    max-width: 100%;

    margin-top: -110px;

    margin-bottom: 0px;

    float: left;

}

.tit_contact_page>span,

.tit_contact_page>a {

    display: block;

    color: #f0f8ff;

}

.content_prod_detail{

    background: #fffcf1;

    padding: 0px 13px 35px 50px;

}

.right_detail_prod{

    float: right;

}

.back_detail{

    display: inline-block;

    max-height: 50px;

    width: 60px;

    top: 20px;

    right: 25px;

    float: right;

    margin-top: 25px;

}

.back_detail img{

    width: 100%;

}

.did_you_know{

    width: 140px;

    max-width: 100%;

    float: right;

}

.did_you_know img{

    width: 86%;

}

.row_8{

    margin: 0px -8px;

}

.row_7{

    margin: 0px -7px;

}

.stitle_detail_prod{



    background-image: url(../img/element_title_down_green.png);

    background-repeat: no-repeat;

    background-size: 100% 50px;

    width: 80%;

    max-width: 400px;

    height: 55px;

    line-height:35px;

    display: block;

    text-align: center;

    margin: 0 auto;

    margin-top: -22px;

    padding-top: 8px;

    font-family: 'SVN_BistroScript';

    /* font-size: 130%; */

    font-size: 165%;

    letter-spacing: 1px;

    color: #fff;

    text-transform: uppercase;

}

.box_slider_prod_detail{

    background-image: url(../img/subcategories_products_bg.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    padding: 0px 15px;

    text-align: center;

}

.slider_prod_detail .owl-dots{

    display: none !important;

}

.slider_prod_detail .owl-nav{

    display: block !important;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0px;

    margin-top: -16px;

}

.slider_prod_detail .owl-nav [class*=owl-]{

    margin: 0px;

    padding: 0px;

    border-radius: 0px;

    font-size: 0px;

    width: 21px;

    height: 32px;

    background: url("../img/subcategories_scroll_left.png") no-repeat center;

    background-size: 100% 100%;

    position: absolute;

    left: -14px;

}

.slider_prod_detail .owl-nav [class*=owl-]:hover{

    background: url("../img/subcategories_scroll_left.png") no-repeat center;

    background-size: 100% 100%;

}

.slider_prod_detail .owl-nav [class*=owl-next]{

    background: url("../img/subcategories_scroll_right.png") no-repeat center;

    background-size: 100% 100%;

    position: absolute;

    left: auto;

    right: -14px;

}

.slider_prod_detail .owl-nav [class*=owl-next]:hover{

    background: url("../img/subcategories_scroll_right.png") no-repeat center;

    background-size: 100% 100%;

}

.img_prod_detail{

    display: block;

    width: 100%;

    text-align: center;

}

.img_prod_detail img{

    max-width: 100% !important;

    width: auto !important;

    display: inherit !important;

}

.name_prod_detail{

    margin: 15px 0px;

    color: #000000;

    font-size: 14px;

}

.list_info_detail>li{

    display: block;

    overflow: hidden;

    color: #000000;

    font-size: 14px;

    font-family: Roboto_Regular;

    padding-left: 14px;

    line-height: 18px;

    margin: 7px 0px;

    position: relative;

}

.list_info_detail>li:before{

    content: "";

    display: inline-block;

    width: 4px;

    height: 4px;

    background: #141413;

    border-radius: 50%;

    position: absolute;

    left: 0px;

    top: 7px;

}

.tit_ct_detail_prod{

    margin: 0px;

    background: url("../img/bg_tit_ct_detail_prod.png") no-repeat center;

    background-size: 100% 100%;

    font-size: 18px;

    font-family: Roboto_Bold;

    text-transform: uppercase;

    height: 55px;

    overflow: hidden;

    line-height: 25px;

    padding: 15px;

    color: #ffffff;

}

.tit_ct_detail_prod>a,

.tit_ct_detail_prod>span{

    display: block;

    color: #ffffff;

}

.content_detail_prod_zz{

    font-size: 14px;

    color: #000000;

    line-height: 22px;

    font-family: Roboto_Regular;

}

.content_detail_prod_zz img{

    max-width: 100%;

    margin: 5px 0px;

}

.tit_news_cate{

    margin: 0px;

    font-size: 48px;

    color: #000000;

    font-family: SVN_ALoveOfThunder;

}

.tit_news_cate span,

.tit_news_cate a{

    color: #000000;

}

.img_news_cate{

    display: block;

    overflow: hidden;

    width: 100%;

    border: 1px solid #545454;

    background: #ffffff;

    padding: 2px;

}

.img_news_cate img{

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.img_news_cate:hover img{

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    transform: scale(1.05);

}

.date_news_cate{

    font-family: Roboto_Bold;

    color: #454545;

    font-size: 14px;

}

.des_news_cate{

    font-family: Roboto_Regular;

    color: #202020;

    font-size: 14px;

}

.name_news_cate{

    font-family: Roboto_Bold;

    color: #202020;

    font-size: 22px;

    text-transform: uppercase;

    margin: 5px 0px;

    line-height: 28px;

}

.name_news_cate a{

    color: #202020;

}

.views_news_cate{

    display: block;

    overflow: hidden;

    width: 170px;

    height: 39px;

    color: #ffffff;

    text-align: center;

    background: url("../img/view_news_cate.png") no-repeat;

    background-size: 100% 100%;

    line-height: 39px;

    overflow: hidden;

    max-width: 100%;

    font-family: SVN_BistroScript;

    font-size: 24px;

}

.views_news_cate:hover{

    opacity: 0.9;

    color: #ffffff;

}

.list_news_cate>li{

    padding-top: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #333333;

}

.list_news_cate>li:last-child{

    border-bottom: 1px solid transparent;

}

.pagination_news_cate{

    margin: 0px;

}

.pagination_news_cate>li>a{

    font-size: 16px;

    color: #999999;

    border-radius: 0px !important;

    margin: 2.5px;

    border: 1px solid #c5c5c5;

    padding: 10px 18px;

}

.pagination>.active>a,

.pagination>.active>span,

.pagination>.active>a:hover,

.pagination>.active>span:hover,

.pagination>.active>a:focus,

.pagination>.active>span:focus {

    z-index: 2;

    color: #fff;

    cursor: default;

    background-color: #ed1c24;

    border: 1px solid #c5c5c5;

}

.owl-stage{margin: 0 auto}

.box-search{display: table}

.butt_search{

    height: 45px;

    margin-left: -3px !important;

}



figure {

    text-align: center;

    border: solid 1px #ccc;

    border-radius: 2px;

    background: rgba(0,0,0,0.05);

    padding: 10px;

    margin: 10px 20px;

    display: inline-block;

}



.title-main{

    background: url(../img/bg_tab_cate_hv.png) no-repeat center center;

    background-size: 100% 100%;

    color: #ffffff;

    padding: 9px 12px;

    font-size: 16px;

    margin-bottom: 0px;

}

@media (min-width:768px) and (max-width:800px){
 .topleft {
    padding-left: 130px;
}
}
@media (min-width:800px) and (max-width:1028px){
     .topleft {
        padding-left: 116px;
    }
}
@media (min-width:768px) and (max-width:1028px){
    .topright {
        padding-right: 70px !important;
    }
    
}
/* update 10/4/2018 ----->*/
.des_about_home img{
    display: inline-block!important;
    width: inherit!important;
}