@charset "utf-8";
/* CSS Document */
/*Style chung */
* {
    margin: 0 auto;padding:0}
img{border:0;max-width: 100%;
	height: auto
}
@font-face {
  font-family: 'SVN-Desire';
  font-style: normal;
  font-weight: 250;
  src: url(font/SVN-Desire.ttf)
}
@font-face {
  font-family: 'SFUBodoniBoldCondensed';
  font-style: normal;
  font-weight: 250;
  src: url(font/SFUBodoniBoldCondensed.TTF)
}

@font-face {
  font-family: 'Roboto-Light';
  font-style: normal;
  font-weight: 250;
  src: url(font/Roboto-Light.ttf)
}
@font-face {
  font-family: 'Roboto-Medium_0';
  font-style: normal;
  font-weight: 250;
  src: url(font/Roboto-Medium_0.ttf)
}

@font-face {
  font-family: 'Roboto-MediumItalic_0';
  font-style: normal;
  font-weight: 250;
  src: url(font/Roboto-MediumItalic_0.ttf)
}
@font-face {
  font-family: 'Roboto-Thin';
  font-style: normal;
  font-weight: 250;
  src: url(font/Roboto-Thin.ttf)
}
.full-wrap{width:100%;margin:0 auto}
.clear{clear:both}
.margT30{margin-top:30px}
.margB30{margin-bottom:30px}
.margT10{margin-top:10px}
.padT30px{padding-top:30px}
.padB30px{padding-bottom:30px}



/*Start quy chuẩn header,footer và like fb*/
.fixheader{width:100%;z-index:15;background:#3b3b3b;position:fixed;height:44px}
.logo-img{max-width:180px;margin:0 auto}
.logo-mobile{display:none}

.backhome{max-width:166px;float:left;position:absolute;top:0}
.backhome-mobile{display:none}
.footer{width:100%;background:#3b3b3b;bottom:0px;z-index:290;color:#FFFFFF;font-size:25px;margin-top:-10px;display:block;float:left;z-index:9999}
.footext{width:96%;margin:0 auto;color:#FFFFFF;padding-left:2%;padding-right:2%;height:50px;margin-top:6px;z-index:10000;font-family: 'SFUBodoniBoldCondensed';text-align:center}
.logofoot{max-width:120px;float:left;margin-top:5px;padding-left:5px}
.seotag a{color:#FFFFFF;text-decoration:none;font-family:'Roboto-Thin';font-size:20px;margin-right:10px;float:left;padding-top:9px;margin-left:10px}
.author{float:right;font-family:'SFUBodoniBoldCondensed';font-size:27px;font-weight:300}

.like-block{float:right;margin-top: 11px;margin-right: 8px;}
.like-fb-mobile{display:none}
.footer-mobile{display:none}
/*End quy chuẩn header và like fb*/

/* End Style chung */

.Emag-content{width:100%;background:url(images/main-back.jpg) no-repeat;padding-top:400px;padding-bottom:10px}
.big-header-1{width:100%;margin:0 auto}




/*code xem zoom photo*/
.mfp-title {
  font-size: 1.2em;
  color: #ddd !important;
  font-weight: 700;
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.matixshow3{width:100%;float:left;margin-top:1%}



#portfolio93{width:100%;display:inline-block;float:left}
.oni6{width:100%;float:left}
.oni7{width:33%;float:left}
.oni8{width:33%;float:left;margin-left:1px}
.oni9{width:33%;float:left;margin-left:1px}
.oni5 a {
    color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;
}
.oni7 a {
    color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;
}
.oni8 a {
    color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;
}
.oni9 a {
    color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;
}
/* End code xem zoom photo */





#mobile-img{display:none}




.float-title{width:100%;margin:0 auto}
.float-title-1{max-width:776px;margin:0 auto;margin-top:-318px}
.lead-text{max-width:999px;margin:0 auto;padding-top:30px}
.lead-text>p{font-family:'SVN-Desire';font-size:48px;text-align:justify;line-height:60px;color:#3c2303}
.photos-title{max-width:1550px;margin:0 auto}
.photos-title-1{max-width:593px;margin:0 auto}
.photos-title-2{max-width:1073px;margin:0 auto}
.normal-text{max-width:990px;margin:0 auto;margin-top:10px}
.normal-text>p{font-family:'Roboto-Medium_0';font-size:22px;color:#000000;line-height:36px;padding-bottom:20px;text-align:justify}
.photos-title-3{max-width:1000px;margin:0 auto}
.photos-title-4{max-width:1280px;margin:0 auto}
.photos-title-5{max-width:1523px;margin:0 auto}
.photos-title-5{max-width:1648px;margin:0 auto}
.ban-do{max-width:1277px;margin:0 auto}

.slide-photto-bf-at{max-width:1000px;margin:0 auto}
.slide-photo{max-width:1000px}




.owl-nav > div {
        width: 79px;
        height: 160px;

    }
	
	
    .owl-nav {
        position: absolute;
        top: 35%;
        width: 100%;
    }
    .owl-nav > div.owl-prev {
        background: url(images/bg_nav_left.png);
        position: absolute;
        left: 1px;
        top: 40%;
    }

    .owl-nav > div.owl-prev:hover {
        background: url(images/bg_nav_left_active.png);
    }

    .owl-nav > div.owl-next:hover {
        background: url(images/bg_nav_right_active.png);
    }

    .owl-nav > div.owl-next {
        background: url(images/bg_nav_right.png);
        position: absolute;
        right: 1px;
        top: 40%;
    }
@media(max-width: 1600px){
	
	.Emag-content{padding-top: 513px;}
	.float-title-1 {

    margin-top: -262px;
}}
@media(max-width: 1366px){.float-title-1 {

    margin-top: -237px;
	
}

.Emag-content{padding-top: 515px;}

}

@media(max-width: 1280px){
	.float-title-1 {
    margin-top: -230px;
}}

@media(max-width: 768px){
	 /* Chỗ này dành cho mobile của heaader-footer,fb*/
	 .logo-img{max-width:90px;padding-top:5px}
	 .backhome{max-width:120px}
	 .fixheader{height:36px}
	 .footext{font-size:18px;text-align:right;margin-top:2px}
	 .mobile-play{display:block}
	 .pc-play{display:none}
	 .logofoot{max-width:80px;padding-top:6px;padding-left:6px}
	 .backhome-mobile{display:block;max-width:60px;padding-top:6px;float:left;position:absolute;top:0px;padding-left:6px}
	 .backhome{display:none}
	 .like-block{display:block}
	 .like-fb{display:none}
	 .like-fb-mobile{display:block;float:right;margin-top: 11px;margin-right: 8px;max-width:120px;position:fixed;right:-75px;top:-10px}
	 .seotag a{float:left;font-size:11px;margin-right:0px;margin-bottom:5px}
	 .author{float:right;font-size:22px;}
	 .footer-mobile{display:block;width:100%;background:#3b3b3b;bottom:0px;color:#FFFFFF;margin-top:-10px;float:left}
	 .footer{display:none}
	 .author-mobile{width:100%}
	 .bak-logo{width:30%;float:left;padding-top:12px}
	 .author-mobile-1{width:68%;float:left;text-align:right;font-family:'SFUBodoniBoldCondensed';font-size:20px;padding-right:2%}
	 .tag-mobile{width:100%;text-align:center;float:left}
	 /*End Chỗ này dành cho mobile của heaader-footer,fb*/
	 
	 .Emag-content{width:100%;background:url(images/mobile/cover.jpg) no-repeat;padding-top:400px;background-size: contain;}
	 .lead-text>p{font-size: 30px;line-height: 40px;padding-left:3%;padding-right:3%}
	 
	 .float-title,.float-title-1{display:none}
	 #pc-img{display:none}
	 #mobile-img{display:block}
	 .pre-info-Macron{display:none}
	 
	 .normal-text>p{   
	 font-size: 18px;
    line-height: 31px;
	padding-left:3%
	;padding-right:3%
    }
	.lead-text>p{margin-top:96px;margin-bottom:5px}
	 .owl-nav > div {
    width: 29px;
}
	/*respon-zooo-photo
	.oni7{width:100%}
	.oni8{width:100%;margin-left:0}
	.oni9{width:100%}
	end respon-zooo-photo*/
	

.owl-nav > div {
        width: 29px;
        height: 80px;

    }
	.owl-nav > div.owl-prev {
        background: url(images/bg_nav_left.png) no-repeat;
        position: absolute;
        left: 1px;
        top: 40%;
		background-size:100%
    }

    .owl-nav > div.owl-prev:hover {
        background: url(images/bg_nav_left_active.png) no-repeat;
		background-size:100%
    }

    .owl-nav > div.owl-next:hover {
        background: url(images/bg_nav_right_active.png) no-repeat;
		background-size:100%
    }

    .owl-nav > div.owl-next {
        background: url(images/bg_nav_right.png) no-repeat;
        position: absolute;
        right: 1px;
        top: 40%;
		background-size:100%
    }

	 }
@media(max-width: 380px){
	.lead-text>p {
    margin-top: 0px;
    margin-bottom: 5px;
}
	
	}