/*
 Theme Name:   GGG WebPortal
 Description:  Template Multisite - Brand
 Author:       AMS
 Author URI:   http://ams.net.vn
 Template:     basel
 Version:      1.0.0
 Text Domain:  gggwebpotal
*/


/* Your customizations starts here */


@font-face {
    font-family: 'SF-UI-Display-Thin';
    src: url('fonts/SF-UI-Display-Thin.otf') format('opentype');
}


@font-face {
    font-family: 'SF-UI-Display-Light';
    src: url('fonts/SF-UI-Display-Light.otf') format('opentype');
}


@font-face {
    font-family: 'SF-UI-Text-Regular';
    src: url('fonts/SF-UI-Text-Regular.otf') format('opentype');
}

@font-face {
    font-family: SF-display-regular;
    src:url('fonts/SF-UI-Display-Regular.otf');
}
.comments-area .comment-body .comment-awaiting-moderation{
	top: -45px !important;
	left:0 !important;
}
.main-nav .menu > li:last-child > a {
    padding-left: 0;
}
.wpb_content_element{
	margin-bottom:0 !important;
}
.post-single-page header figure, .post-single-page header .post-date, .post-single-page header .meta-post-categories, .post-single-page header .meta-author,
.post-single-page header .modified-date, .post-single-page ul.entry-meta-list{
	display:none !important;
}

.vc_gitem-post-data-source-post_date{
	margin-top: 0;
    margin-bottom: 0;
}

#box_banner_190 p, #section_box_text_3 p{
	color:#fff !important;
}

i{
	font-style:italic;
}

.sticky-header .main-nav{
	text-align:right !important;
}

.sticky-header.act-scroll{
	opacity:0.9 !important;
}

.entry-title{
	margin-top:30px !important;
}
.post-single-page{
	width:67% !important;
	margin:0 auto;
}
.site-content {
	font-size:15px !important;
    margin-bottom: 0px;
	line-height:22px;
}


.tab-button-black .vc_tta-tabs-list .vc_tta-tab a
{
    background: #FFF !important;
    border: 1px solid #CCCCCC !important;;
    color: #000 !important;;
}

.tab-button-black .vc_tta-tabs-list .vc_active a
{
    background: #000 !important;;
    color: #FFF !important;;
}

.section-download-app table {
    width: 100%;
}

.footer-container .widget-area {
    padding: 0px 0 20px 0;
}

table tr td {
    padding: 5px 0px;
    border-bottom: none;
    text-align: left;
    box-sizing: content-box;

}

#footer-social,
#footer-social .social-icons li i{
    color: #333;

    font-size: 22px;
}
#footer-social table{
    margin: 0px;
}

#footer-social {
    color: #333;;
}

#footer-social .input_email{
    color: #333;

    border-color: #2a2a2a;
    height: 32px;
}

#footer-social .btn_send{

    padding: 0px;
}


.box_logo img {
    max-height: 55px;
}



.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.carousel-caption p{
    color:#f8f8f7;
    text-shadow:none !important;
}
.slider_bottom{
    border-top:1px dotted #ccc;
    margin-top:20px;
}
.arrow_top{
    position:absolute;
    bottom:10px;
    left:50%;
    z-index:9999;
    cursor:pointer;
}
.slider{
    position:relative;
}
.banner_bottom{
    background:#faf6ed;
    width:100%;
    margin:0 auto;
    position:relative;
}
/*------------js news------------------*/
#waterfall { margin: 0px; padding:0 }
#waterfall ul { margin: 0px; padding:0px;width:100%; }

#waterfall li {
    /*position: absolute;*/
    left: 0;
    top: 0;
    opacity: 0;
    transform: translateY(100px);
}

#waterfall li.show {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s, top 1s;
}

/*-------------end js news-------------*/

/* carousel */
.media-carousel
{
    margin-bottom: 0;
    padding: 0 30px ;
    margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left
{
    left: -12px;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    height: 40px;
    width : 30px;
    top:50%;
    margin-top:-20px;
}
/* Next button  */
.media-carousel .carousel-control.right
{
    right: -12px !important;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    height: 40px;
    width : 30px;
    top:50%;
    margin-top:-20px;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li
{
    background: #c0c0c0;
}
.media-carousel .carousel-indicators .active
{
    background: #333333;
}
.slider_bottom .box_news{
    margin:0;
}
/* End carousel */


.container{
    position:relative;


}

.main-nav .menu > li > a:hover{
	text-decoration:underline;
	padding-bottom:5px;
}
.navbar-default .navbar-nav > li > a{
    font-size:12px;
    color:#58595B;
    text-transform:uppercase;
    padding:10px;
}
.langue a{
    color:#58595B;
}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li.active > a{
    border-bottom:1px solid #828284;
}
.l_arrow{
    position:absolute;
    top:50%;
    left:0;
    margin-top:-30px;
}
.r_arrow{
    position:absolute;
    top:50%;
    right:0;
    margin-top:-30px;
}
.box_icon{
    background:#F8F8F7;
}
.slider .carousel-inner > .item > img, .carousel-inner > .item > a > img{
    margin:0 auto;
    width:100%;
}
.navbar-fixed-top{
    background:#fff;
}
.carousel-indicators{
    display:none;
}
.icon_services{
    width:57px;
    height:57px;
    display:block;
    background:#C9C9C7;
    border-radius:50%;
    text-align:center;
    line-height:54px;
}
.icon_box{
    height:54px;
    margin-bottom:40px;
}
.icon_box h3,.icon_services h5{
    color:#8B8B8A;
}
.icon_box:hover h3, .icon_services h5{
    color:#403F39;
}
.icon_box h3{
    font-size:24px;
    margin-bottom:0;
    padding-top:3px;
}
.icon_box h5{
    font-size:16px;
    margin-top:5px;
    color:#8b8b8a;
}
.icon_services h5{
    font-size:12px;
}
.icon_box:hover .icon_services{
    background:#403F39;
}
.icon_services{
    float:left;
    margin-right:20px;
}
.services{
    padding:50px 0;
}
.box_mid_promotion .row{
    margin:0 !important;
}
.table_about{
    background:#222122;
    margin:0;
}
.table_about div{
    padding:0;
}
.txt_right_about{
    padding:30px !important;
}
.txt_right_about h3,.txt_right_about h2{
    margin-top:40px;
    font-size:25px;
}
.txt_right_about{
    font-size:16px;
    color:#fff;
    line-height:1.6;
}
.btn_txt_r{
    color:#333 ;
    display:block;
    background:#fff;
    border:none;
    font-size:14px;
    height:30px;
    line-height:30px;
    margin-top:10px;
    width:100%;
    text-align:center;
    max-width:150px;
}

.box_img{
    text-align:center;
}
.btn_appstore{
    height:44px;
    display:block;
    border:1px solid #ccc;
    float:left;
    box-sizing:border-box;
    padding:10px;
    border-radius:5px;
    color:#333;
    text-transform:uppercase;
}
.btn_appstore:hover{
    text-decoration:none;
    background:#231F20;
    color:#fff;
}
.txt_appstore a{
    float:left;
    margin-right:15px;
}
a.btn_txt_r:hover{
    color:#fff;
    background:#000;
    text-decoration:none;
}
.total_about{
    padding:15px 0 ;
}
.btn_detail_home{
    border:1px solid #727C77;
    width:135px;
    text-align:center;
    height:30px;
    line-height:30px;
    color:#333;
    font-size:14px;
    display:block;
    margin:20px auto;
    text-transform:uppercase;
}
.btn_detail_home:hover{
    text-decoration:none;
    background:#000 !important;
    color:#fff !important;
}
.box_total{
    text-align:center;
}
.book{
    background:#F8F8F8;
}
.btn_book{
    margin-top:15px;
}
.txt_book .btn_detail_home{
    margin:0;
    margin-top:35px;

}
.email_bottom{
    background:#eeedee;
    padding:25px 0;
}
.link-social li{
    float:left;
    margin-right:22px;
    list-style:none;
}
.table_email span{
    padding-right:15px;
}
.input_email{
    border:1px solid #ccc;
    height:30px;
    padding:0 10px;
    width:245px;
}
.btn_send{
    background:#231f20;
    border:none;
    width:135px;
    text-align:center;
    height:30px;
    line-height:30px;
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    margin-left:10px;
}
.btn_send:hover{
    text-decoration:none;
    background:#353031;
    color:#fff;
}
.link_footer{
    background:#222122;
    padding:20px 0;
}
.box_link li{
    list-style:none;
}
.box_link hr{
    width:30px;
    text-align:left;
    margin:10px 0;
    border-top:1px solid #6c6d6d;
}
.box_link h3{
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
    font-family:SF-UI-Display-Thin;
}
.box_link ul{
    margin:0;
    padding:0;
}
.box_link li{
    list-style:none;
    margin-bottom:10px;
}
.box_link ul li a{
    color:#6c6d6d;
    font-family:SF-UI-Display-Thin;
    font-size:12px;
}
.address_footer{
    background:#000;
    padding:20px 0;
    border-top:1px solid #2c292a;
}
.address{
    color:#6c6d6d;
    font-size:12px;
}
.logo_all{
    background:#f4f4f4;
}
.box_logo{
    margin-bottom:20px;
}
.box_logo ul{
    margin:0;
    padding:0;

}
.box_logo li{
    list-style:none;
    margin-bottom:15px;
    text-align:center;
    float:left;
    margin:0 30px;
}

.box_logo ul li a:hover img::after{
    display:none;
}
.logo_bot1{
    background:url(http://gogi.com.vn/Content/images/logo_bot1.png) no-repeat;
    height:60px;
    width:35px;
    margin:0 auto;
}
.logo_bot1:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot1_hover.png) no-repeat;
}
.logo_bot2{
    background:url(http://gogi.com.vn/Content/images/logo_bot2.png) no-repeat;
    width:31px;
    height:60px;
    margin:0 auto;
}
.logo_bot2:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot2_hover.png) no-repeat;
}
.logo_bot3{
    background:url(http://gogi.com.vn/Content/images/logo_bot3.png) no-repeat;
    width:93px;
    height:60px;
    margin:0 auto;
}
.logo_bot3:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot3_hover.png) no-repeat;
}
.logo_bot4{
    background:url(http://gogi.com.vn/Content/images/logo_bot4.png) no-repeat;
    width:73px;
    height:60px;
    margin:0 auto;
}
.logo_bot4:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot4_hover.png) no-repeat;
}
.logo_bot5{
    background:url(http://gogi.com.vn/Content/images/logo_bot5.png) no-repeat;
    width:88px;
    height:60px;
    margin:0 auto;
}
.logo_bot5:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot5_hover.png) no-repeat;
}
.logo_bot11{
    background:url(http://gogi.com.vn/Content/images/logo_bot11.png) no-repeat;
    width:36px;
    height:60px;
    margin:0 auto;
}
.logo_bot11:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot11_hover.png) no-repeat;
}
.logo_bot12{
    background:url(http://gogi.com.vn/Content/images/logo_bot12.png) no-repeat;
    width:86px;
    height:60px;
    margin:0 auto;
}
.logo_bot12:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot12_hover.png) no-repeat;
}
.logo_bot13{
    background:url(http://gogi.com.vn/Content/images/logo_bot13.png) no-repeat;
    width:36px;
    height:60px;
    margin:0 auto;
}
.logo_bot13:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot13_hover.png) no-repeat;
}
.logo_bot14{
    background:url(http://gogi.com.vn/Content/images/logo_bot14.png) no-repeat;
    width:66px;
    height:60px;
    margin:0 auto;
}
.logo_bot14:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot14_hover.png) no-repeat;
}
.logo_bot21{
    background:url(http://gogi.com.vn/Content/images/logo_bot21.png) no-repeat;
    width:46px;
    height:60px;
    margin:0 auto;
}
.logo_bot21:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot21_hover.png) no-repeat;
}
.logo_bot22{
    background:url(http://gogi.com.vn/Content/images/logo_bot22.png) no-repeat;
    width:35px;
    height:60px;
    margin:0 auto;
}
.logo_bot22:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot22_hover.png) no-repeat;
}
.logo_bot23{
    background:url(http://gogi.com.vn/Content/images/logo_bot23.png) no-repeat;
    width:59px;
    height:60px;
    margin:0 auto;
}
.logo_bot23:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot23_hover.png) no-repeat;
}
.logo_bot24{
    background:url(http://gogi.com.vn/Content/images/logo_bot24.png) no-repeat;
    width:44px;
    height:60px;
    margin:0 auto;
}
.logo_bot24:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot24_hover.png) no-repeat;
}
.logo_bot31{
    background:url(http://gogi.com.vn/Content/images/logo_bot31.png) no-repeat;
    width:52px;
    height:60px;
    margin:0 auto;
}
.logo_bot31:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot31_hover.png) no-repeat;
}
.logo_bot32{
    background:url(http://gogi.com.vn/Content/images/logo_bot32.png) no-repeat;
    width:56px;
    height:60px;
    margin:0 auto;
}
.logo_bot32:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot32_hover.png) no-repeat;
}
.logo_bot33{
    background:url(http://gogi.com.vn/Content/images/logo_bot33.png) no-repeat;
    width:56px;
    height:60px;
    margin:0 auto;
}
.logo_bot33:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot33_hover.png) no-repeat;
}
.logo_bot51{
    background:url(http://gogi.com.vn/Content/images/logo_bot51.png) no-repeat;
    width:39px;
    height:60px;
    margin:0 auto;
}
.logo_bot51:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot51_hover.png) no-repeat;
}
.logo_bot52{
    background:url(http://gogi.com.vn/Content/images/logo_bot52.png) no-repeat;
    width:50px;
    height:60px;
    margin:0 auto;
}
.logo_bot52:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot52_hover.png) no-repeat;
}
.logo_bot53{
    background:url(http://gogi.com.vn/Content/images/logo_bot53.png) no-repeat;
    width:66px;
    height:60px;
    margin:0 auto;
}
.logo_bot53:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot53_hover.png) no-repeat;
}
.logo_bot54{
    background:url(http://gogi.com.vn/Content/images/logo_bot54.png) no-repeat;
    width:42px;
    height:60px;
    margin:0 auto;
}
.logo_bot54:hover{
    background:url(http://gogi.com.vn/Content/images/logo_bot54_hover.png) no-repeat;
}
.l_icon{
    background:url(http://gogi.com.vn/Content/images/l_icon.png) no-repeat;
    width:20px;
    height:33px;
    display:block;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-16px;
}
.l_icon{
    background:url(http://gogi.com.vn/Content/images/l_icon_hover.png) no-repeat;
}
.r_icon{
    background:url(http://gogi.com.vn/Content/images/r_icon.png) no-repeat;
    width:20px;
    height:33px;
    display:block;
    position:absolute;
    top:50%;
    right:0;
    margin-top:-16px;
}
.r_icon{
    background:url(http://gogi.com.vn/Content/images/r_icon_hover.png) no-repeat;
}
.news{
    background:#f7f8f7;
}
.bracrum li{
    list-style:none;
    display:inline-block;
    padding-right:10px;
    color:#97999a;
}
.bracrum li a{
    color:#97999a;
}
.box_news{
    margin:10px;
    background:#fff;
}
.tit_news{
    text-align:center;
    color:#333;
    padding-top:60px;
    font-size:25px;
    border-bottom:1px solid #eeeeee;
    padding-bottom:15px;
    text-transform:uppercase;
}
.bracrum{
    padding:0;
}
.content_news{
    padding-top:10px;
}


.txt_news{
    padding:10px;
    font-family:SF-UI-Text-Regular;
}
.txt_news h3{
    margin:0;
    font-size:18px !important;
    /*font-weight:bold;*/
    color:#231f20;
    text-decoration:none;
}
.txt_news h5{
    color:#929497;
    margin-top:5px;
}
.txt_news p{
    color:#929497;
}

.favourite span{
    background:url(http://gogi.com.vn/Content/images/favourite.png) no-repeat;
    width:12px;
    height:10px;
    float:right;
    margin-bottom:10px;
    margin-right:10px;
}
.favourite.active span{
    background:url(http://gogi.com.vn/Content/images/favourite_active.png) no-repeat;
}
.box_about{
    background:#fff;
    padding:40px 20px;
}
.tit_about{
    margin-top:0;
    text-transform:uppercase;
}
.box_about{
    margin-bottom:20px;
}
.txt_about p{
    color:#939598;
    font-size:16px;
}
.addres_about{
    color:#939598;
}
.addres_about h3{
    margin-top:0;
    font-size:16px;
    text-transform:uppercase;
}
.mobile_add{
    background:url(http://gogi.com.vn/Content/images/mobile_add.png) no-repeat;
    padding-left:25px;
    border-bottom:1px dotted #ccc;
    margin-bottom:10px;
    padding-bottom:10px;
}
.fax_add{
    background:url(http://gogi.com.vn/Content/images/fax_add.png) no-repeat;
    padding-left:25px;
}
.video{
    margin-bottom:20px;
}
.small_note{
    margin:0;
    font-size:16px;
    font-style:italic;
    color:#939598;
}
.addres_about{
    background:#fff;
    padding:10px;
    margin-bottom:30px;
}
.tit_detail_news{
    font-size:32px;
}
.time-detail{
    font-size:16px;
    color:#231f20;
    margin-top:0;
}
.txt-detail{
    color:#939598!important;
}
.txt_dtail_news{
    padding:20px;
}
.detail_slideshow{
    float:left;
    width:65%;
    box-sizing:border-box;
}

.detail_news{
    float:right;
    width:35%;
}
.detail_news p{
    padding:20px;
    color:#939598;
}

.detail_social{
    padding:0;
    width:35px;
    display:none;
}
.detail_social li{
    margin-bottom:20px;
    list-style:none;
    text-align:right;
}
.slider_detail .carousel-indicators{
    display:block;
}
.slider_detail{
    margin:20px auto;
    max-width:1400px;
    background: #eee;
}
.txt_detail p{
    color:#939598;
}
.txt_dtail_news{
    padding:0;
}
.img_detail{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.author{
    text-align:right;
}
.slider_bottom{
    margin-bottom:20px;
}
.container{
    position:relative;
}
/*.detail_social{
    position:fixed;
    z-index:9999;
}*/
.detail_social li{
    margin-bottom:20px;
}
.social_add .detail_social{
    display:none;
}
.box_logo h3{
    text-transform:uppercase;
}
.tab_app{
    margin-bottom:10px;
    color:#939598;
    font-size:16px;
}
.tab_app td{
    padding:5px;
}
.btn_mid_r{
    margin:0;
    color:black;
}
.btn_mid_r:hover{
    background:#333;
    color:#fff;
    text-decoration:none;
    border:2px solid #333;
}
.txt_mid_about span{
    font-size:16px;
	text-align:justify;
    display:block;
    margin-bottom:60px;
}
@media (min-width: 1024px) {
    a.navbar-brand > img{
        height:47px;
    }
    a.navbar-brand .logoConcept > img{
        height:60px!important;
    }
    .tiny .navbar-brand .logoConcept img{
        height: 40px!important;
        transition: width 2s;
    }
    .container{
        padding:0;
    }
    .link-social{
        padding-left:0;
		padding-top: 10px;
    }
    .logo_all{
        padding:30px 0;
    }
    .box_logo ul{
        float:left;
        border-bottom:1px dotted #ccc;
    }
    /*.detail_social{
        top:380px;
        margin-left:100px;
    }*/
    .line_hr{
        max-width:80px;
        margin-left:0;
    }
    .content_news{

    }

    /*.news{*/
        /*margin-top:110px;*/
    /*}*/

    .box_logo h3{
        border-right:1px dotted #ccc;
        height:60px;
        float:left;
        width:150px;
        margin:0;
        font-size:18px;
        text-align:left;
        color:#808285;
        font-weight:bold;
        padding-top:12px;
    }
    .box_logo h3 span{
        display:block;
        font-size:11px;
    }
    .box_logo li{
        float:left;
        height:60px;

    }
    .box_logo li a{
        vertical-align:middle;
    }
    .box_link{
        float:left;
        width:16.6%;
        margin-top:10px;
    }
    .txt_book{
        padding:80px;
        height:455px;
        max-width:670px;
        float:right;
    }
    .carousel-inner > .item > img{
        margin:0 auto;
    }
    .txt_book h3{
        font-size:24px;
        color:#231f20;
    }
    .txt_book p{
        font-size:18px;
        color:#939598;
    }
    .total_about{
        padding:60px 0 ;
    }
    .appstore{
        padding-top:90px;
    }
    .txt_right_about span{
        margin-top:50px;
        display:block;
    }
    .img_mid_about{
        padding:0;
    }
    .txt_mid_about h3, .txt_mid_about h2{
        font-size:25px;
        margin-bottom:50px;
        margin-top: 50px;
    }


    .btn_txt_r{
        margin-top:50px;
    }
    .tiny .navbar-fixed-top{
        background:rgba(255,255,255,0.9);
    }
    .tiny .langue{
        display:none;
    }
    .tiny .navbar-fixed-top{
        height:58px;
    }
    .tiny .navbar-brand{
        margin-top:0px;
    }
    .tiny .navbar-brand img{
        height:30px;
        transition: width 2s;
    }
    .tiny .navbar-collapse{
        margin:10px;
    }
    .slider{
        margin-top:110px;
    }
    .langue{
        position:absolute;
        top:25px;
        right:0;
    }
    .langue a{
        font-size:10px;
    }
    .navbar-fixed-top{
        height:110px;
        border:none;
    }
    .navbar-brand{
        margin-top:20px;
    }
    .navbar-collapse{
        margin-top:45px;
    }
    .box_logo:first-child{
        padding-top:20px;
    }
}
@media (max-width: 1024px) {

    .langue{
        padding:10px;
        text-align:center;
        border-top:1px solid #ccc;
    }
    .box_logo h3{
        border-bottom:1px dotted #ccc;
        padding-bottom:10px;
        font-size:18px;
        color:#8d8787;
    }
}

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

    .navbar-brand img{
        height:30px;
    }
    .txt_mid_about{
        padding:80px;
    }
    .navbar-default .navbar-nav > li > a{
        padding:0px;
        margin:10px 10px 0 10px ;

    }
    .img_left_about{
        float:left;
        width:57%;
    }
    .img_left_about img{
        width:100%;
    }
    .img_mid_about{
        float:right;
        width:50%;
    }
    .img_mid_about img{
        width:100%;
    }
    .txt_right_about{
        width:43%;
        float:left;
        max-width:580px;
    }
    .txt_mid_about{
        float:right;
        width:50%;
        max-width:670px;
    }
    .img_banner{
        padding-top:25px;
        padding-left:20px;
    }
    .banner_bottom{
        height:550px;
    }
    .text_banner{
        position:absolute;
        left:545px;
        color:#e5b419;
        font-weight:bold;
        top:180px;
        font-size:35px;
        text-transform:uppercase;
        font-family: SF-UI-Display-Thin;
        font-style:italic;
    }
    .txt_small_banner{
        position:absolute;
        left:520px;
        color:#e5b419;
        font-weight:bold;
        top:300px;
        font-size:18px;
        text-transform:uppercase;
        font-family: SF-UI-Display-Thin;
        font-style:italic;
    }
    .link_banner{
        position:absolute;
        bottom:140px;
        left:680px;
    }
    .img_bot{
        height:345px;
        overflow:hidden;
    }
    .right_banner img,.img_bot img{
        width:100%;
    }
    .left_book{
        float:right;
        width:50%;
        height:800px;
        overflow:hidden;
    }
    .right_banner{
        float:right;
        width:50%;
        height:800px;
        overflow:hidden;
    }
    .navbar-brand{
        height:auto;
    }
    .carousel-caption{
        background:rgba(0,0,0,0.5);
        bottom:0 !important;
        font-size:20px;
        width:100%;
        text-align:center;
        left:0 !important;
        right:0 !important;
    }
    .bct{
        text-align:right;
        color:#6c6d6d;
        font-size:12px;
    }

}
@media screen and (max-width: 800px) {
    .txt_mid_about{
        padding:30px;
    }
    .txt_right_about h3,.txt_mid_about h3, .txt_mid_about h2, .txt_mid_about h2{
        margin-top:0;
    }
    .txt_book .btn_detail_home{
        margin-bottom:0 !important;
    }
    .txt_book h3{
        margin-top:0;
    }
    .txt_mid_about span{
        margin-bottom:30px;
    }
    .txt_book{
        padding:30px;
    }
    .img_mid_about{
        padding:0;
    }
    .btn_mid_r{
        display:block;
        margin:0 auto;
        max-width:200px;
        text-align:center;
    }
    .img_mid_about{
        margin-top:30px;
    }
    .right_banner img{
        margin:0 auto;
    }
    .txt_book .btn_detail_home{
        margin:20px auto;
    }
    .btn_txt_r{
        display:block;
        margin:0 auto;
        margin-top:20px;
    }
    .btn_send{
        max-width:135px;
        margin:0 auto;
        display:block;
    }
    .detail_box .item img{
        margin:0 auto;
    }
    .detail_slideshow{
        margin-bottom:15px;
    }
    .detail_slideshow,.detail_news{
        float:none;
        width:100%;
    }

    .link-social{
        padding:0;
        text-align:center;
    }
    .link-social li{
        display:inline-block;
        text-align:center;
        float:none;
    }
    .table_email{
        width:100%;
        margin-top:15px;
    }
    .input_email{
        width:100%;
        margin-bottom:10px;
    }
    .btn_send{
        width:100%;
    }
    .table_email td{
        display:block;
        clear:both;
        width:100%;
    }
    .address{
        margin-bottom:20px;
    }

    .box_link a{
        display:block;
    }
    .slider{
        margin-top:50px;
    }
    .navbar-brand{
        padding:10px;
    }
    .navbar-brand img{
        height:30px;
    }
    .langue a{
        font-size:11px;
    }
    .services,.appstore{
        padding:10px 0;
    }
    .img_banner img{
        text-align:center;
        margin:0 auto;
    }

}
@media screen and (min-width: 360px)  and (max-width: 800px) {
    .box_logo li{
        display:inline-block;
        width:19%;
        height:60px;
    }
    .text_banner{
        text-align:center;
        padding-top:30px;
        color:#e5b419;
        font-weight:bold;
		line-height: 40px;
        font-size:35px;
        text-transform:uppercase;
        font-family: SF-UI-Display-Thin;
        font-style:italic;
        display:block;
    }

}
@media screen and (max-width: 360px) {
    .txt_appstore a{
        float:none;
        display:block;
        margin:0 auto;
        text-align:center;
        margin-top:10px;
    }
    .btn_appstore{
        max-width:135px;
    }
    .l_arrow, .r_arrow{
        width:30px;
        margin-top:-18px;
    }
    .text_banner{
        text-align:center;
        padding-top:30px;
        color:#e5b419;
        font-weight:bold;
        font-size:26px;
        text-transform:uppercase;
        font-family: SF-UI-Display-Thin;
        font-style:italic;
        display:block;
    }
}
.box_logo{
    clear:both;
}
/*ccs for subcribe*/
/*.email_bottom .col-md-9 {
    position: relative;
    text-align: right;
    margin-top: -23px;
}

.email_bottom .shortanswer input {
    margin-right: 85px;
    border: 1px solid #ccc;
    height: 30px;
    width: 200px;
}

.email_bottom .shortanswer label {
    position: relative;
    top: 28px;
    right: 295px;
    font-weight: normal;
}

.email_bottom .primary {
    margin-top: -52px;
    height: 30px;
    background: #231f20;
    border: none;
    text-align: center;
    line-height: 30px;
    color: #fff;
    padding: 0 15px;
}

.email_bottom .field-validation-error {
    position: absolute;
    left: 462px;
    top: 63px;
    color: red;
    font-weight: bold;
    font-size: 15px;
}

.email_bottom .contourMessageOnSubmit {
    margin-top: 26px;
    font-size: 19px;
}*/
.email_bottom .field-validation-error {
    position: absolute;
    left: 238px;
    top: 33px;
    color: red;
    font-weight: bold;
    font-size: 15px;
}


/*popup subcribe */
#popupSubcribe .modal-dialog{
    margin: 10% auto;
    width:30%;
    height: 50%;
    min-width:200px;
}
#popupSubcribe  .modal-content{
    border-radius:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;

}
#popupSubcribe .modal-body{
    text-align:center
}
#popupSubcribe .modal-header{
    border-bottom:1px solid #58595B;
}
#popupSubcribe .modal-title{
    text-align:center;

}
#popupSubcribe  p{
    margin: 0 0 40px 0;
}
/*#popupSubcribe .btn{
    margin: 10px 0 40px 0;
}
#popupSubcribe .success
{
   background-color:#00b33c;
   color:white;
}
#popupSubcribe .warning{
   background-color:#ff5c33;
   color:white;
}
#popupSubcribe .btn:hover{
   opacity:0.8;
}*/
#popupSubcribe img{
    margin: 10px 0 10px 0;
}


.box-new {
    margin: 5% 0;
}

.box_news {
    margin: 0px;
    margin-right: 15px;
    margin-left: 15px;
    background: #fff;
}

.lien-he-1 h3 {
    padding-bottom: 10px;
    float: left;
    margin-bottom: 30px;
}

.lien-he-1 ul li {
    font-size: 16px;
    margin: 20px 0;
}

.lien-he-1 .lien-he-2 {
    background: #fff;
    padding: 15px;
    margin: 20px 0;
    width: 100%;
    min-height: 400px;
}

.lien-he-1 {
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
}

.map {
    margin-bottom: 40px;
}

.box-new .box_mid_promotion .col-xs-6 {
    position: relative;
}

.box-new .box_mid_promotion .col-xs-6 a {
    width: 155px;
    text-align: center;
    width: 160px;
    text-align: center;
    display: block;
    border: 1px solid #fff;
    color: #000;
    position: absolute;
    margin-top: -80px;
    left: 50%;
    margin-left: -80px;
    background: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.box-new .box_mid_promotion .col-xs-6 a:hover {
    color:#fff;
    background:#999;
    text-decoration:none;
    border:none;
}

/*//*/
.box-new .box_mid_promotion .col-xs-12 {
    position: relative;
}

.box-new .box_mid_promotion .col-xs-12 a {
    width: 155px;
    text-align: center;
    width: 160px;
    text-align: center;
    display: block;
    border: 1px solid #fff;
    color: #000;
    position: absolute;
    margin-top: -80px;
    left: 50%;
    margin-left: -80px;
    background: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.box-new .box_mid_promotion .col-xs-12 a:hover {
    color:#fff;
    background:#999;
    text-decoration:none;
    border:none;
}


/*----menu page--------------*/
#dropdownMenu1 {
    border: none;
    background: none;
    font-size: 24px;
    text-transform: uppercase;
    font-family: SF-display-regular;
    font-weight: bold;
    box-shadow: none;
}

.thuc-don .row {
    margin-top: 40px;
    margin-bottom: 40px;
    background: #fff;
    margin-right: 0px;
    margin-left: 0px;
}

.thuc-don ul {
    padding-left: 50px;
}

.thuc-don h2, .thuc-don h3 {
    text-transform: uppercase;
    margin: 30px 0px 0px 50px;
    padding-bottom: 10px;
    float: left;
    font-family:SF-UI-Display-Thin;
    font-size:25px;
    font-weight:100;
}

.thuc-don ul li {
    font-size: 16px;
    margin: 50px 0;
    text-transform: uppercase;
    color: #939598;
}

.thuc-don ul ul {
    padding: 0;
}

.thuc-don ul ul li {
    margin: 0;
    padding: 0;
    text-transform: lowercase;
}

.thuc-don img {
    margin: 0 auto;
}

.news .dropdown-menu a{
    color:white;
    text-transform:uppercase;
    padding-top:5px;
    padding-bottom:10px;
    height:auto;
}
.news .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: black;
    background-image: linear-gradient(to bottom,black 0,black 100%);
}

.news .glyphicon-chevron-down {
    top: 6px !important;
    left: 6px !important;
}

.thuc-don .line {
    height: 1px;
    background: #b1aeaf;
    width: 35px;
    border-top: 1px solid #767676;
    margin-left: 50px;
}

.list-inline {
    border-bottom: 1px solid #eee;
    margin-left: 20px;
    margin-right: 35px;
}

.list-inline li {
    padding: 10px 0;
}

.list-inline li a {
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 0 10px;
    /*border-right: 1px solid #ebeced;*/
}

.list-inline li:hover {
    background: #000;
}

.list-inline li:hover a {
    color: #fff;
    border: none;
}

.list-inline li.active {
    background: #000;
}

.list-inline li.active a {
    color: #fff;
    border: none;
}

.tit_news-1 {
    margin: 0;
    margin-left: 20px;
    margin-right: 35px;
}
/*---------------details new -blog-saleoff*/

.txt-detail {
    color: #939598!important;
    font-family: SF-UI-Text-Regular!important;
    font-size: 14px;
}

.txt_dtail_news {
    padding: 20px;
}

.txt_dtail_news p {
    font-family: SF-UI-Text-Regular!important;
    font-size: 24px;
    padding: 40px;
}

.txt_detail p {
    color: #939598;
    font-family: SF-UI-Text-Regular!important;
    font-size: 14px;
}
.txt_detail > ul > li {
    color: #939598!important;
    font-family: SF-UI-Text-Regular!important;
    font-size: 14px;
}

.img_detail {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.content_news {
    padding-top: 10px;
    padding-bottom: 50px;
}


.navbar-default .navbar-nav > li > a{
    font-size:12px;
    color:#58595B!important;
    text-transform:uppercase;
    font-family:SF-display-regular!important;
}
.langue a{
    color:#58595B;
}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li.active > a{
    border-bottom:1px solid #828284;
}

/*social network*/

/* entypo */
[class*="entypo-"]:before {
    font-family: "entypo", sans-serif;
}
#sticky-social {

    background:#dededd;
    right: 0;
    position: fixed;
    top: 200px;
}
#sticky-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top:20px;

}
#sticky-social img {

}

#sticky-social a {
    margin-bottom:20px;
    text-decoration: none;
    color: #fff;
    display: block;
    height: 35px;
    font: 16px "Open Sans", sans-serif;
    line-height: 35px;
    position: relative;
    text-align: center;
    width: 51px;
}




/*html,
body {
  height: 100%;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
}*/
@media screen and (max-width: 768px) {
    dropdown {
        margin-top: 60px;
        text-align: center;
    }
}


.book{
    margin:0;
    padding:0;
    width:100%;
    height:100%;

}

.flipbook-viewport {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.flipbook-viewport .containerbook {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    height:100%;

}

.flipbook-viewport .flipbook {
    /*overflow-x: hidden;*/
    width: 922px;
    height: 600px;
}

.flipbook-viewport .page {
    width: 461px;
    height: 600px;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.flipbook .page {
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.flipbook-viewport .page img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
}

.flipbook-viewport .shadow {
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;
    -o-box-shadow: 0 0 20px #ccc;
    -ms-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc;
}


@media (max-width: 768px) {
    .orderTable #idcity{
        margin-bottom:20px;
    }
}



@media (min-width: 1024px) {
    label {
        margin-top: 10px;
    }

    .form-container {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }

    .navbar-brand {
        margin-top: inherit;
    }

    .tiny .navbar-brand {
        margin-top: -5px;
    }

    .tiny .navbar-brand img {
        height: 40px;
        transition: width 2s;
    }

    a.navbar-brand > img {
        height: 70px;
    }

    .news .dropdown {
        text-align: center;
        width: auto;
        height: 100px;
        padding-top: 20px;
    }

    .news .dropdown-menu {
        position: absolute;
        left: 59%;
        margin-top: -43px;
        background-color: black;
        padding: 10px;
        padding-top: 10px;
    }

    .lien-he-2 a {
        color: #808080;
        text-decoration: none;
    }

    .lien-he-2 a:hover {
        color: #808080;
        text-decoration: none;
    }

    .lien-he-2 li {
        color: #808080;
    }

    .lien-he-2 h3 {
        color: #808080;
    }

    .lien-he-2 a:active {
        color: #808080;
        text-decoration: none;
    }

    div label {
        font-family: SF-UI-Display-Light;
        font-size: 15px;
        color: #929497;
    }

    option {
        font-family: SF-UI-Display-Light;
        font-size: 15px;
        color: #929497;
    }

    .dtpicker-components .dtpicker-comp > * {
        color: black !important;
        font-family: SF-UI-Display-Light;
        font-weight: bold;
    }

    .form-control {
        font-family: SF-UI-Display-Light;
        font-size: 15px !important;
    }

}

/*#sticky-social a[class*="social"],
#sticky-social a[class*="social"]:hover,
#sticky-social a[class*="social"] span { background: #eee }*/


/*popup city */
#myModal a {
    display: block;
    margin: 10px 10px 0 10px;
    background-color: #fff;
    border-bottom: solid 3px #e4e4e4;
    height: 50px;
    font-size: 16px !important;
    font-weight: bold;
    line-height: 50px;
    padding-left: 44px;
    color: #000;
    position: relative;
    text-decoration: none;
}

#myModal a:hover {
    background-color: #C0C0C0;
}

#myModal .putt-icon-local {
    background: url(http://gogi.com.vn/Content/images/facebook-placeholder-for-locate-places-on-maps.png) center;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    left: 7px;
    background-size: 32px;
}

#myModal .modal-header {
    background-color: #48D1CC;
}

#myModal .modal-body {
    background-color: #E6E6FA;
    max-height: 300px;
    border: 1px solid #CCCCCC;
    margin: 1em 0;
}


/*popup subcribe */
#popupSubcribe .modal-dialog,#popupBooking .modal-dialog{
    margin: 10% auto;
    width:30%;
    height: 50%;
    min-width:200px;
}
#popupSubcribe  .modal-content,#popupBooking .modal-content{
    border-radius:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;

}
#popupSubcribe .modal-body,#popupBooking .modal-body{
    text-align:center
}
#popupSubcribe .modal-header,#popupBooking .modal-header{
    border-bottom:1px solid #58595B;
}
#popupSubcribe .modal-title,#popupBooking .modal-title{
    text-align:center;

}
#popupSubcribe  p,#popupBooking p{
    margin: 0 0 40px 0;
}
/*#popupSubcribe .btn{
    margin: 10px 0 40px 0;
}
#popupSubcribe .success
{
   background-color:#00b33c;
   color:white;
}
#popupSubcribe .warning{
   background-color:#ff5c33;
   color:white;
}
#popupSubcribe .btn:hover{
   opacity:0.8;
}*/
#popupSubcribe,#popupBooking img{
    margin: 10px 0 10px 0;
}