@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('fonts/MyriadPro-Regular.eot');
  src: url('fonts/MyriadPro-Regular.woff2') format('woff2'),
       url('fonts/MyriadPro-Regular.woff') format('woff'),
       url('fonts/MyriadPro-Regular.ttf') format('truetype'),
       url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'),
       url('fonts/MyriadPro-Regulard41d.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face{font-family:'MyriadPro-Light';src:url('fonts/MyriadPro-Light.eot');src:url('fonts/MyriadPro-Light.woff2') format('woff2'),url('fonts/MyriadPro-Light.woff') format('woff'),url('fonts/MyriadPro-Light.ttf') format('truetype'),url('fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg'),url('fonts/MyriadPro-Lightd41d.eot?#iefix') format('embedded-opentype');font-weight:bold;font-style:normal}
@font-face{font-family:'Jos-DiavloBook';src:url('fonts/Jos-DiavloBook.eot');src:url('fonts/Jos-DiavloBookd41d.eot?#iefix') format('embedded-opentype'),url('fonts/Jos-DiavloBook.woff2') format('woff2'),url('fonts/Jos-DiavloBook.woff') format('woff'),url('fonts/Jos-DiavloBook.ttf') format('truetype'),url('fonts/Jos-DiavloBook.svg#Jos-DiavloBook') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'Jos-DiavloLight';src:url('fonts/Jos-DiavloLight.eot');src:url('fonts/Jos-DiavloLightd41d.eot?#iefix') format('embedded-opentype'),url('fonts/Jos-DiavloLight.woff2') format('woff2'),url('fonts/Jos-DiavloLight.woff') format('woff'),url('fonts/Jos-DiavloLight.ttf') format('truetype'),url('fonts/Jos-DiavloLight.svg#Jos-DiavloLight') format('svg');font-weight:300;font-style:normal}
@font-face{font-family:'Jos-DiavloMediumMedium';src:url('fonts/Jos-DiavloMediumMedium.eot');src:url('fonts/Jos-DiavloMediumMediumd41d.eot?#iefix') format('embedded-opentype'),url('fonts/Jos-DiavloMediumMedium.woff2') format('woff2'),url('fonts/Jos-DiavloMediumMedium.woff') format('woff'),url('fonts/Jos-DiavloMediumMedium.ttf') format('truetype'),url('fonts/Jos-DiavloMediumMedium.svg#Jos-DiavloMediumMedium') format('svg');font-weight:500;font-style:normal}
@font-face{font-family:'DiavloBold-Regular';src:url('fonts/DiavloBold-Regular.eot');src:url('fonts/DiavloBold-Regulard41d.eot?#iefix') format('embedded-opentype'),url('fonts/DiavloBold-Regular.woff2') format('woff2'),url('fonts/DiavloBold-Regular.woff') format('woff'),url('fonts/DiavloBold-Regular.ttf') format('truetype'),url('fonts/DiavloBold-Regular.svg#DiavloBold-Regular') format('svg');font-weight:bold;font-style:normal}


body{font-size:16px;color:#333333;font-family:'MyriadPro-Regular';background:url(../images/background-chung.jpg);overflow-x:hidden}
html,div,blockquote,p,pre,ol,dl,dt,dd,form,a,input,fieldset{border:none;color:#000000;line-height:1.5;font-family:'MyriadPro-Regular';font-size:16px;line-height:1.6}
h1,h2,h3,h4,h5,h6{font-family:'Jos-DiavloMediumMedium';font-size:34px;color:#1d632a}
.modal{z-index:10000000000000!important}
a{color:#e0b457;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
input:focus,a:hover,a:focus,a:active{outline:none;text-decoration:none}
header{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.gutter-10{margin-left:-10px;margin-right:-10px}
.gutter-10 > [class*='col-']{padding-right:10px;padding-left:10px}
.gutter-5{margin-left:-5px;margin-right:-5px}
.gutter-5 > [class*='col-']{padding-right:5px;padding-left:5px}
.gutter-2{margin-left:-2px;margin-right:-2px}
.gutter-2 > [class*='col-']{padding-right:2px;padding-left:2px}
.gutter-0{margin-left:0;margin-right:0}
.gutter-0 > [class*='col-']{padding-right:0;padding-left:0}
.relative{position:relative}
.col-fluid-15 > [class *= 'col-']{padding-left:15px;padding-right:15px}
.col-fluid-10 > [class *= 'col-']{padding-left:10px;padding-right:10px}
.col-fluid-5 > [class *= 'col-']{padding-left:5px;padding-right:5px}
.col-fluid-0 > [class *= 'col-']{padding-left:0;padding-right:0}
ul{padding-left:0;list-style-type:none}
li{position:relative}
@supports ((background-clip:text) or (-webkit-background-clip:text)) and ((text-fill-color:transparent) or (-webkit-text-fill-color:transparent)){.title-3{}
}
.title-4{font-size:30px;margin-top:10px}
.delay-100{-webkit-animation-delay:0.1s;-moz-animation-delay:0.1s;-o-animation-delay:0.1s;animation-delay:0.1s}
.delay-200{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;-o-animation-delay:0.2s;animation-delay:0.2s}
.delay-300{-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;-o-animation-delay:0.3s;animation-delay:0.3s}
.delay-400{-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;-o-animation-delay:0.4s;animation-delay:0.4s}
.delay-500{-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s}
.delay-600{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;-o-animation-delay:0.6s;animation-delay:0.6s}
.delay-700{-webkit-animation-delay:0.7s;-moz-animation-delay:0.7s;-o-animation-delay:0.7s;animation-delay:0.7s}
.delay-800{-webkit-animation-delay:0.8s;-moz-animation-delay:0.8s;-o-animation-delay:0.8s;animation-delay:0.8s}
.delay-900{-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;-o-animation-delay:0.9s;animation-delay:0.9s}
.delay-1000{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}
@-webkit-keyframes fadeOutDownShort{
  0%{opacity:1;-webkit-transform:translateY(0)}
  100%{opacity:0;-webkit-transform:translateY(-40px)}
}
@keyframes fadeOutDownShort{
  0%{opacity:1;transform:translateY(0)}
  100%{opacity:0;transform:translateY(-40px)}
}
.classShow{display:block!important;transition:0.4s}
.classHine{display:none!important;transition:0.4s}
.fadeOutDownShort{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.fadeOutDownShort.go{-webkit-animation-name:fadeOutDownShort;animation-name:fadeOutDownShort}
a#gotop{background:url(../images/go-top.png) no-repeat center;display:block;position:fixed;width:58px;height:52px;z-index:5555;background-size:58px;float:right;right:0;bottom:0}
a#gotop:hover{transform:scale(1.3);transition:all ease 0.8s}
a#menu:hover img{transform:rotate(375deg) scale(1.3);transition:all ease 0.8s}
section.slider{position:relative}
section.slider ul.bx-slider{padding:0;margin:0}
section.slider ul.bx-slider > li{margin:0;position:relative}
section.slider ul.bx-slider > li:after{position:absolute;content:"";left:0;right:0;top:0;bottom:0}
section.slider ul.bx-slider > li .main-img{background-position:center;max-width:100%;background-size:cover;height:100vh}
section.slider ul.bx-slider > li .description{position:absolute; left:90px; top:60px;}
section.slider ul.bx-slider > li .description img{max-width:100%; height:auto;}
section.slider .bx-wrapper{border:none;margin-bottom:0}
section.slider .control{position:absolute;bottom:0;left:0;right:0;overflow:auto;display:block;align-items:center}
section.slider .control .next-prev{width:50%;float:left;background-color:rgba(255,255,255,.5);text-align:right;padding-top:28px;padding-right:25px;padding-bottom:22px}
section.slider .control .next-prev a{font-size:18px;color:#666666;text-decoration:none;display:inline-block;padding-left:20px;padding-right:25px}
section.slider .control .pager{float:left;width:100%;padding-left:50px;text-align:center;font-size:48px;color:rgba(82,167,135,1);margin:0;font-weight:bold}
section.slider .headline{position:absolute;text-align:right;left:0;right:40%;top:315px;transform:translateY(-50%);-webkit-transform:translateY(-50%);overflow:hidden;pointer-events:none;color:#fff}
section.slider .headline .container-headline{width:570px;display:inline-block;text-align:left;position:relative}
section.slider .headline .container-headline .line{position:absolute;display:none;top:55px;right:104%;height:1px;background-color:#fff;width:100vw}
section.slider .headline h1{font-family:'DiavloBold-Regular';font-size:36px;font-weight:normal;color:#007f47}
h1.slide-title,.page-inside h2.slide-title{font-family:'Jos-DiavloMediumMedium';font-size:36px;font-weight:normal;color:#007f47;position:absolute;top:0;left:30px;}
.trang-chu h1.slide-title{left: 100px;
    top: 100px;
	text-shadow: 0px 1px #fff;}
.page-inside h2.slide-title{font-size:25px;top:100px}
/*175px*/
.page-inside h2.slide-title.ver2{color:#fff}
/*175px*/
.page-inside h2.slide-title.right{color:#fff;left:initial;right:190px}
h2.slide-title strong{display:block}
section.slider .headline h1 strong{font-size:65px}
.slider .bx-wrapper .bx-pager{pointer-events:none;bottom:19px;float:none;display:block}
.slider .bx-wrapper .bx-pager .bx-pager-item{pointer-events:all;display:inline-block;margin-bottom:30px;position:relative}
.slider .bx-wrapper .bx-pager.bx-default-pager a{position:relative;width:16px;height:16px;background:transparent;margin-bottom:10px;border-radius:50%;transition:0.4s}
.slider .bx-wrapper .bx-pager.bx-default-pager a:after{background:transparent;position:absolute;content:"";top:0;bottom:0;right:0;left:0;border-top-left-radius:50%;border-bottom-right-radius:50%;border-top-right-radius:50%;border:1px solid #1d632a}
.slider .bx-wrapper .bx-pager.bx-default-pager a.active:after,.slider .bx-wrapper .bx-pager.bx-default-pager a:hover:after{background:#cf9212;transform:rotate(-45deg);transition:all ease 0.4s}
.go-bottom{margin:auto;position:absolute;left:50%;bottom:75px;cursor:pointer;width:40px;height:40px;background:url(../images/btn-click.html) no-repeat center;background-size:auto 100%}
.go-bottom:hover{bottom:60px;transition:0.4s}
.go-bottom:before{position:absolute;content:"";border-radius:50%;border:1px solid #b88734;opacity:0;-webkit-animation:pulsate 2s ease-out;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:1s}
.go-bottom:after{position:absolute;content:"";border-radius:50%;border:1px solid #b88734;opacity:0;-webkit-animation:pulsate 2s ease-out;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:0s}
/**********Menu************/

/*********************************HEADER**********************************/
#mySidenav{display:none;}
#mySidenav a {position: fixed; /* Position them relative to the browser window */right: -100px; /* Position them outside of the screen */transition: 0.3s; /* Add transition on hover */padding: 6px 8px 8px 8px; /* 15px padding */width: 140px; /* Set a specific width */text-decoration: none; /* Remove underline */font-size: 20px; /* Increase font size */color: white; /* White text color */z-index:88;font-size: 17px;font-family: 'Jos-DiavloMediumMedium';border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
/*#mySidenav .btn-connect.no1{margin-bottom:15px}*/
.btn-connect.no1 img,.btn-connect.no2 img{width: 22px;height: 22px;margin-right: 10px;}
#mySidenav a:hover {
    right: 0; /* On mouse-over, make the elements appear as they should */
}

/* The about link: 20px from the top with a green background */
#about {
    top: 43%;
    background-color: #1d632a;
}
#blog {
    top: 36%;
    background-color: #1d632a; /* Blue */
}


#main-menu .bg-nenden {
    position: absolute;
    left: 0;
    height: 100%;
    width: calc(100% - 464px);
    max-width: 100%;
    background: #fff;
    color: #fff;
    opacity: 0;
}
.lang{position:absolute;right:90px;z-index:20;top:29px;color:#fff;font-size:16px;z-index:99999}
header.head_sticky .lang{display:none}
.menu.page-header .lang{display:block}
.lang{color:#007f47}
.lang a{color:#007f47;font-size:20px;font-weight:bold;vertical-align:middle;padding:0 5px}
.lang a.active{color:#a07c3b}
.lang span{width:1px;height:17px;background:#fff;display:inline-block;vertical-align:middle}

.breadcrumb{position:absolute;z-index:20;background:transparent;right:30px;top:10%;color:#1d632a; display:none;}
.breadcrumb a{color:#1d632a}
header{position:fixed;width:100%;z-index:999}
.menu-mobile .sidebar-nav li a{font-size:18px}
.menu-mobile .btn-primary{background:#a07c3b}
.menu-mobile .btn-primary:hover{background:#fff;color:#a07c3b;border:1px solid #a07c3b;transition:all ease 0.4s}
.btn-menu-mobile{display:none}
.lang-m{display:block}
.sidebar-nav li.lang-m a{display:initial}
.header_banner .page-header{border:none;margin:0 auto;width:100%}
.homepage  .logo a{background:url(../images/logo.svg) no-repeat;width:181px;height:97px;display:block;z-index:9;background-size:contain;padding-top:70px}
.homepage.trangchu  .logo a{width:244px;height:138px}
.homepage .logo{position:relative;left:30px;top:15px;z-index:999999999999;display:inline-block;transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s}
.homepage .logo a:after{content:"";background:url(../images/bg-logo.png);background-repeat:no-repeat;width:210px;height:170px;right:0;z-index:-1;top:-33px;position:absolute;background-size:100% 100%}
.homepage.trangchu .logo{top:calc(50vh - 80px);right:30px;left:unset;position:absolute}
.trangchu .logo img{margin-top:20px}
header.head_sticky .logo{opacity:0;margin-top:-80px;visibility:hidden}
.lang{    position: absolute;
    right: 75px;
    z-index: 20;
    top: 25px;
    color: #fff;
    font-size: 16px;
    z-index: 99999;}
header.head_sticky .lang{display:none}
.menu.page-header .lang{display:block}

.lang a{font-weight:bold;color:#1d632a;font-size:22px;vertical-align:middle;padding:0 5px}
.lang a.active{color:#8e6b29}
.lang span{width:1px;height:17px;background:#1d632a;display:inline-block;vertical-align:middle}
.social{position:absolute;right:0;top:138px;display:none}
.homepage .social{display:block}
.social a{display:block;text-align:center;border:1px solid #8e6b29;margin-top:10px;padding:7px 15px;border-bottom-left-radius:10px;border-top-left-radius:10px;border-right:0}
#main-menu .social{position:relative;top:0;text-align:center;display:block}
#main-menu .social a:nth-child(2) img{margin-top:4px}
.homepage #main-menu .social{display:none}
#main-menu .social a{display:inline-block;border:none;padding:0 10px;margin:20px auto}
.fa-youtube{font-size:23px}
.fa-facebook{font-size:20px;padding:0 28px 0 20px}
#main-menu{position:fixed;z-index:9999999999;left:100%;right:0;bottom:0;top:0;background:rgba(0,0,0,0.6);overflow:hidden;transition:all cubic-bezier(.77,0,.175,1) .5s}
#main-menu.open{left:0}
#main-menu .menu-container{position:absolute;overflow:hidden;right:0;height:100%;width:350px;max-width:100%;background:rgba(255,255,255,0.9);color:#fff;padding:30px 0 30px 0}
#main-menu .top-menu{overflow:auto;margin-bottom:10px;padding:0 20px 0 20px;margin-top:0;text-align:center}
#main-menu .button-close{width:27px;height:27px;overflow:hidden;cursor:pointer;position:absolute;right:30px}
#main-menu .button-close:before,#main-menu .button-close:after{position:absolute;left:-12px;right:-12px;bottom:13px;top:13px;content:"";background:#007f47;transition:all .5s ease;-webkit-transition:all .5s ease}
#main-menu .button-close:before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#main-menu .button-close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#main-menu .button-close:hover:before{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
#main-menu .button-close:hover:after{bottom:4px;top:4px;left:4px;right:4px;background:transparent;border-bottom:1px solid #007f47;border-right:1px solid #007f47}
#main-menu .scroll-responsive{padding:0;overflow-y:scroll}
#main-menu ul.list-item{list-style-type:none;padding:0;margin-bottom:20px;position:relative;z-index:8}
#main-menu ul.list-item li a{color:#047c4a;font-size:20px;text-transform:uppercase;margin-left:30px;padding:0px 5px;display:block;z-index:5;position:relative}
#main-menu ul.list-item ul{padding:0;background:#f4f4f4f2;z-index:8}
#main-menu ul.dropdown{margin-left:-25px}
#main-menu ul.list-item ul li{border:0;position:relative;padding-left:20px;-webkit-transition:all .5s ease;transition:all .5s ease}
#main-menu ul.list-item ul li a{font-size:14px;display:inline-block;text-transform:uppercase}
#main-menu ul.list-item ul ul li a{font-size:16px;text-transform:none}
#main-menu li a{display:block;color:#ddd;text-decoration:none;padding:10px 0 10px 11px}
#main-menu i.fa-circle{vertical-align:middle;font-size:8px;color:#04683e;display:inline-block;transform:translateX(40px);z-index:2;padding-right:15px;position:relative}
#main-menu ul.list-item li ul.dropdown  a,#main-menu ul.list-item li ul.dropdown  a span{position:relative;z-index:4}
#main-menu ul.list-item li.li-big.active{background-color:#bb8a0a;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#main-menu ul.list-item li.li-big:before{content:'';position:absolute;top:0;left:0;z-index:1;height:100%;width:0;background-color:#bb8a0a;-webkit-transition:width .2s ease-in;-moz-transition:width .2s ease-in;-ms-transition:width .2s ease-in;transition:width .2s ease-in}
#main-menu ul.list-item li.li-big:hover:before,#main-menu ul.list-item li.li-big.open:hover:before{width:100%;-webkit-transition:width .2s ease-in;-moz-transition:width .2s ease-in;-ms-transition:width .2s ease-in;transition:width .2s ease-in}
#main-menu ul.list-item li:hover a,#main-menu ul.list-item li.active > a{color:#fff}
#main-menu ul.list-item li.li-big:hover ul a,#main-menu ul.list-item li.li-big:hover > ul > i{color:#04683e}
#main-menu ul.list-item li.li-big.active ul span{color:#04683e}
#main-menu ul.list-item li.li-big:hover > ul > li.active > a,#main-menu ul.list-item li.li-big:hover > ul > li.active > i{color:#bb8a0a}
#main-menu ul.list-item li.li-big.active > ul > li.active > a,#main-menu ul.list-item li.li-big.active > ul > li.active > i,#main-menu ul.list-item li.li-big.active > ul > li.active > a > span{color:#bb8a0a}

#main-menu li.dropdown > a{position:relative;}
#main-menu li.dropdown > a:after{position:absolute; right:15px; top:2px; content:"\f107";font-family:FontAwesome;}
#main-menu li.active.dropdown > a:after{content:"\f106";}
#main-menu li.active.dropdown > ul{display:block;}

/*note*/
#main-menu > .sidebar-brand{height:65px;font-size:20px;line-height:44px}
#main-menu .dropdown-menu{position:relative;width:100%;padding:0;PADDING-LEFT:20px;margin:0;border-radius:0;border:none;background-color:transparent;box-shadow:none}
#main-menu li{position:relative;display:inline-block;width:100%;padding:10px 0;line-height:0.9;/* transition:0.4s;*/
text-align:left}
#main-menu li:last-child{border-bottom:none}
#main-menu .bot-menu{left:40px;right:30px;position:absolute;bottom:50px}
.bot-menu p{color:#fff}
#main-menu .scroll-responsive.active .bot-menu{position:relative;left:40px;z-index:3;top:10px;right:0;width:calc(100% - 40px)}
#main-menu .bot-menu .social > a{color:#fff;transition:all ease .5s;-webkit-transition:all ease .5s;font-size:19px;display:inline-block}
#main-menu .bot-menu .social > a:hover{color:#ebc21d}
#main-menu .bot-menu .copyright p{margin:20px 0 0 0;text-align:left;font-size:15px;color:#04683e}
#main-menu .bot-menu .copyright{margin-bottom:0}
.sub-logo{display:block;width:100%;text-align:center;margin-top:5px;margin-bottom:0}
.homepage .sub-logo{margin-top:0;margin-bottom:10px}
.sub-logo img{max-width:180px;height:102px;float:left;margin-left:15px}
.button-menu *{transition:all ease .5s;-webkit-transition:all ease .5s}
.button-menu{position:fixed;z-index:100;right:15px;top:20px}
.button-menu .container-hamberger{padding:10px 14px;border-radius:50%;cursor:pointer}
.button-menu .hamberger{width:34px;height:22px;position:relative;overflow:hidden}
.button-menu .hamberger .icon-bar{width:100%;height:3px;background:#007f47;display:block;position:absolute;left:0}
.button-menu .hamberger .icon-bar:nth-child(1){top:0}
.button-menu .hamberger .icon-bar:nth-child(2){top:42%}
.button-menu .hamberger .icon-bar:nth-child(3){bottom:0}
.changecolor.fp-viewing-slide-1 .button-menu .hamberger .icon-bar,.changecolor.fp-viewing-slide-3 .button-menu .hamberger .icon-bar{background:#fff}
.changecolor.fp-viewing-slide-1 .breadcrumb a,.changecolor.fp-viewing-slide-1 .breadcrumb,.changecolor.fp-viewing-slide-3 .breadcrumb a,.changecolor.fp-viewing-slide-3 .breadcrumb{color:#fff}
.button-menu:hover .hamberger .icon-bar:nth-child(1){transform:rotate(-45deg);left:-6px}
.button-menu:hover .hamberger .icon-bar:nth-child(2){top:50%}
.button-menu:hover .hamberger .icon-bar:nth-child(3){transform:rotate(35deg);left:-6px}
.m_social{text-align:left;margin-left:-15px}
.m_social a{padding:0 10px}
.m_social a .fa-facebook{padding:0;color:#4e71a8}
.m_social a .fa-youtube{padding:0 15px;color:#e44d2d}
.m_social a .fa-google-plus{color:#ca3737}
.m_social a .fa-facebook:before{font-size:24px}
.m_social a .fa-tripadvisor:before{font-size:24px}
.m_social a .fa-google-plus:before{font-size:24px}
section img{max-width:100%}
@-webkit-keyframes pulsate{
  0%{left:-10px;right:-10px;top:-10px;bottom:-10px;opacity:1.0}
  100%{left:-40px;right:-40px;top:-40px;bottom:-40px;opacity:0}
}
/*************Bắt đầu làm*********/
.nutdangky{position:fixed;bottom:20px;left:30px;z-index:6}
.nuthotline{position:fixed;bottom:20px;right:30px;z-index:6}
/*a.nutdangky{position:fixed;bottom:20px;left:30px;z-index:6;background:url(../images/btn-dangky.svg);background-repeat:no-repeat}
a.nuthotline{position:fixed;bottom:20px;right:30px;z-index:6;background:url(../images/btn-hotline.svg);background-repeat:no-repeat}
*/

/******************INSIDE PAGE***************/
#page-about #slider-1{background:url(../images/tongquan-bg1.jpg); background-size:cover; background-position:center center;}
#page-about #slider-2{background:url(../images/tongquan-bg2.jpg); background-size:cover; background-position:center center;}
#page-about #slider-3{background:url(../images/tongquan-bg3.jpg); background-size:cover; background-position:center center;}
.fullpage-nav *{transition:all ease .7s;-webkit-transition:all ease .7s}
.fullpage-nav{position:fixed;z-index:31;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.fullpage-nav ul{list-style-type:none;padding:0;margin:0;margin-right:20px}
.fullpage-nav ul > li a{position:relative;display:block;width:16px;height:16px;background:transparent;margin-bottom:10px;border-radius:50%}
.fullpage-nav ul > li.active a,.fullpage-nav ul > li a:hover{background:#cf9212;transform:rotate(-45deg)}
.fullpage-nav ul > li.active a:after,.fullpage-nav ul > li a:hover:after{background:#cf9212}
.fullpage-nav ul > li a:after{position:absolute;content:"";top:0;bottom:0;right:0;left:0;border-top-left-radius:50%;border-bottom-right-radius:50%;border-top-right-radius:50%;border:1px solid #1d632a}
section{display:table;width:100%;position:relative;overflow:hidden}
section > *{display:table-cell;vertical-align:middle}
.img-absolute{background-repeat:no-repeat!important;position:absolute;top:0;bottom:0;left:0;right:0;background-size:cover}
.img-left{left:0}
.img-right{right:0}
.img-left.img-1-2{right:11%}
.img-right.img-1-2{left:22.3%}
.right{margin-left:30px;margin-right:0}
.left{margin-right:30px;margin-left:30px;text-align:justify}
.left h2{text-align:left}
.page-inside p{color:#1d632a}
#page-about section#slider-2 .left{width:55%;margin-left:325px}
#page-about section#slider-2 p{color:#cf9112}
#page-about section#slider-1 .container h2,#page-about section .left{margin-right:0;margin-left:200px}
#page-about .content{position:absolute;top:50%;left:0;width:100%}
.box-matbang{background:rgba(131,176,109,0.77);width:100%;height:271px;right:60px;top:-15px;position:absolute;border-radius:20px}
h2.inside-title strong{display:block;text-align:right;margin-right:25%}
h2.title-slide3{color:#fff;left:30px;position:absolute;top:60px}
#page-about.page-tongquan h2.title-slide3{text-shadow:2px 2px #000}
#page-about.page-tongquan #slider-1 h2.inside-title{color:#fff}
#page-about.page-inside p{color:#1d632a}
.page-inside .box-content{margin-top:15px}
#page-about h3.thongso-matbang{color:#fff;font-size:20px}
#page-about .box-matbang{padding:0 30px;width:544px}
ul.thongso-chitiet{color:#fff;list-style-type:none;padding:0}
ul.thongso-chitiet li{line-height:1.9}
/*************Chủ đầu tư*****************/
#page-chudautu section{background:url(../images/background-chung.jpg); background-size:cover !important; background-position:center center;}
#page-chudautu #slider-1{background:url(../images/chudautu-bg1.jpg); background-size:cover !important; background-position:center center;}
#page-chudautu #slider-2{background:url(../images/tongquan-bg2.jpg); background-size:cover !important; background-position:center center;}
#page-chudautu #slider-3{background:url(../images/chudautu-bg3.jpg); background-size:cover !important; background-position:center center;}
#page-chudautu section#slider-2 .left{width:80%;margin-left:290px;}
h2.inside-title2{font-size:25px}
h2.inside-title2.ver2,#page-chudautu section#slider-3 p{color:#fff}
a.logo-phulong img{margin:auto;padding-left:500px}
.section-project .bg-info{padding-top:100px;text-align:center;color:#fff}
.section-project .section-image{position:absolute;bottom:68px;z-index:9;width:100%;left:0;padding:0 40px}
.section-project .section-image img{max-width:100%;height:auto}
/*Overlay*/
.section-project .content-sticky{position:relative;display:inline-block;margin:0 3px}
.section-project  .overlay{position:absolute;bottom:0;left:0;right:0;background-color:rgba(179,137,41,0.8);overflow:hidden;width:100%;height:40px;transition:.5s ease}
.section-project  .content-sticky .overlay p{color:#fff;font-size:14px;text-align:center;left:90px;top:80px;margin-top:20px;padding-top:145px;padding-left:30px;padding-right:30px}
.section-project  .content-sticky:hover .overlay{height:100%}
.section-project .content-sticky:hover .overlay p{top:68px;padding-top:0;transform:translateY(68px)}
.section-project  .content-sticky .text{white-space:nowrap;color:white;font-size:20px;position:absolute;overflow:hidden;top:15%;text-align:center;width:100%}
.section-project .slick-prev, .section-project  .slick-next{display:block !important;}
.section-project .slider-slick .content-sticky{cursor:pointer;}

#page-chudautu #slider-3 .content{position:absolute;top:80px;left:50%;transform:translateX(-50%)}
/*************Quy mô*****************/
#page-quymo section{background:url(../images/background-chung.jpg)}
#page-quymo section.slide-1 .left,#page-quymo section#slider-3 .left{    width: 58%; margin-left: 220px;}
#page-quymo .list-hinh img{padding:0 3px}
#page-quymo.page-inside .box-content{margin-top:25px;margin-bottom:15px}
#page-quymo.page-inside section#slider-2 .box-content{width:90%}
#page-quymo section#slider-2 .none-padding{width:45%}
/*************Vị trí*****************/
#page-chudautu section.section.location#slider-1{background:url(../images/bg-location.jpg)}
#page-chudautu section.section.location h2.inside-title,#page-chudautu section.section.location h2.inside-title strong{color:#fff}
#page-chudautu section.section.location p{color:#fff}
/***************************Mặt bằng************************/
.box-thietke{background:rgba(250,245,235,0.9);padding:0 35px;border-bottom-left-radius:25px;border-top-right-radius:25px;height:auto;width:359px;margin-left:30px;margin-top:70px}
.box-thietke ul{list-style-type:none;padding:0}
.box-thietke ul li{position:relative;padding-left:35px;padding-bottom:15px;color:#1d632a}
.box-thietke ul li a{color:#1d632a}
.box-thietke ul li:before{position:absolute;top:0;left:0;width:25px;height:25px;border-radius:50px;background:#f2d86a;content:""}
.box-thietke ul li.active:before{border:2px solid #fc8b0a}
.box-thietke ul li:nth-child(2):before{background:#d4aa82}
.box-thietke ul li:nth-child(3):before{background:#eceaea}
.box-thietke ul li:hover a,.box-thietke ul li.active a{color:#bb8a0a}
.box-thietke h2{font-size:22px;color:#1d632a;margin-bottom:15px;font-family:Jos-DiavloMediumMedium;padding-bottom:10px;border-bottom:1px solid #d9d9d2}
.img-map{height:100%}
#page-masterplan .mat-bang-tang{ background-size: cover !important; background-position: center center !important;}
#page-masterplan-foor .page-banner{position:relative; background-size: cover; background-position: center center;}
#page-masterplan-foor  .box-thietke{position:absolute;top:calc(50% - 65px);margin-top:0}
#page-masterplan-foor #shortdesc img{display:block;margin:auto;max-width:75%}
#page-masterplan-foor #slide2 .img-left h2.inside-title2{margin-left:15px}
#page-masterplan-foor #slider-3 .position-relative{padding:50px 0 50px 0}
#page-masterplan-foor section#slider-2 .left{width:80%;margin-left:24px}
#page-masterplan-foor section#slider-2  .box-content{width:83%}
#page-masterplan-foor #slide2 img{padding:2px}
#page-masterplan-foor h2.inside-title2{font-size:24px}
#page-masterplan-foor ul.vitri-thongso{list-style-type:none;margin-bottom:10px;padding-left:40px}
#page-masterplan-foor h2.title-thongso{font-size:22px;margin-left:60px;margin-bottom:27px}
#page-masterplan-foor h2.title-thongso.ver2{color:#cf9212;margin-left:10px;margin-bottom:15px}
#page-masterplan-foor ul.vitri-thongso li{position:relative;padding-left:10px;color:#333333;font-size:14px}
#page-masterplan-foor ul.vitri-thongso li a{position:relative;padding-left:10px;color:#333333;font-size:14px}
#page-masterplan-foor ul.vitri-thongso li:before{content:"\25CF";font-family:FontAwesome;position:absolute;top:0;left:0;font-size:12px;color:#333333}
#page-masterplan-foor .section#slider-3 h2{font-size:22px}

#master_plan{position:relative;}
#master_plan .img-backgroud{position: absolute;  top: 0px;  left: 0px;}
#master_plan .img-hover {opacity: 0;  position: absolute;  top: 0px;  left: 0px;}

img.img-vitri{margin-left:10px;width:55%}
/*******************TIện ích******************/
#page-tienich #slider-1  h2{color:#fff;text-align:right;margin-top:100px;margin-right:30px}
#page-tienich #slider-1{background:url(../images/tienich-slide1.jpg);height:100vh;background-size:cover;background-position:center}
#page-tienich img.utility-image{margin-top:30px}
#utility_map{padding-bottom:50px}
#page-tienich h2.title-utility{font-size:24px;margin-bottom:15px;line-height:1.2;margin-top:40px}
#page-tienich h2.title-utility span{color:#666666}
#page-tienich .utility-group{border-bottom:3px solid #0d8049;width:90%}
#page-tienich .utility-group h3{font-size:18px;line-height:1.2;font-weight:100}
#page-tienich .utility-group h3 span{display:block;font-size:14px;color:#666666}
#page-tienich p{margin-top:20px;font-size:20px}
#page-tienich p span{margin-top:20px;color:#666666}
#page-tienich ul{margin-top:20px;padding:0}
#page-tienich ul > li{padding-bottom:0}
#page-tienich ul.list-tienich li{padding-left:28px}
#page-tienich ul.list-tienich2 li{padding-left:20px}
#page-tienich ul.list-tienich li a,#page-tienich ul.list-tienich2 li a{color:#1d632a}
#page-tienich ul.list-tienich li a span,#page-tienich ul.list-tienich2 li a span{color:#666666;display:block;padding-left:20px}
#page-tienich ul.list-tienich li a span{padding-left:0}
#page-tienich ul.list-tienich2 li a span{padding-left:0}
/*ICON*/
#page-tienich ul.list-tienich li:before{content:"";position:absolute;background-repeat:no-repeat!important;width:100%;height:100%;top:0;left:0; }
#page-tienich ul.list-tienich.list1 li:nth-child(1):before{background:url(../images/ico-u1.png) no-repeat}
#page-tienich ul.list-tienich.list1 li:nth-child(2):before{background:url(../images/ico-u10.png)}
#page-tienich ul.list-tienich.list1 li:nth-child(2):before{background:url(../images/ico-u10.png)}
#page-tienich ul.list-tienich.list1 li:nth-child(3):before{background:url(../images/ico-u2.png)}
#page-tienich ul.list-tienich.list1 li:nth-child(4):before{background:url(../images/ico-u4.png)}
#page-tienich ul.list-tienich.list2 li:nth-child(1):before{background:url(../images/ico-u6.png) no-repeat}
#page-tienich ul.list-tienich.list2 li:nth-child(2):before{background:url(../images/ico-u5.png)}
#page-tienich ul.list-tienich.list2 li:nth-child(3):before{background:url(../images/ico-u8.png)}
#page-tienich ul.list-tienich.list2 li:nth-child(4):before{background:url(../images/ico-u7.png)}
#page-tienich ul.list-tienich.list3 li:nth-child(1):before{background:url(../images/ico-u8.png)}
#page-tienich ul.list-tienich.list3 li:nth-child(2):before{background:url(../images/ico-u9.png)}
/*END ICON*/
#page-tienich ul.list-tienich2 li:before{content:"1";position:absolute;top:-3px;left:0;color:#0d8049;font-size:18px}
#page-tienich ul.list-tienich2 li:first-child:before{content:"****";position:absolute;top:0;left:-25px}
#page-tienich ul.list-tienich2 li:nth-child(3):before{content:"2"}
#page-tienich ul.list-tienich2 li:nth-child(4):before{content:"3"}
#page-tienich ul.list-tienich2 li:nth-child(5):before{content:"4"}
#page-tienich ul.list-tienich2 li:nth-child(6):before{content:"5"}
#page-tienich ul.list-tienich2 li:nth-child(7):before{content:"6"}
#page-tienich ul.list-tienich2 li:nth-child(8):before{content:"7"}
#page-tienich ul.list-tienich2 li:nth-child(9):before{content:"8"}
#page-tienich ul.list-tienich2 li:nth-child(10):before{content:"9"}
#page-tienich ul.list-tienich2 li:nth-child(11):before{content:"10";left:-10px}
#page-tienich ul.list-tienich2 li:nth-child(12):before{content:"11";left:-10px}
#page-tienich ul.list-tienich2 li:nth-child(13):before{content:"12";left:-10px}
/****************************ALBUM**************************/
#page-album .page-video  .block-video{position:relative}
#page-album .page-video  .image{display:block;width:100%;height:auto}
#page-album .page-video  .overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background:rgba(0,0,0,0.3)}
#page-album .page-video  .block-video:hover .overlay{opacity:1}
#page-album .page-video  .block-video a:after{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;transition:.5s ease;
                                            content:''; background:rgba(0,0,0,0.1) url('../images/youtube.svg') no-repeat center center; background-size:64px;
}
#page-album .page-video  .text{color:white;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}
#page-album .list-album{margin-bottom:200px;padding-top:150px}
#page-album #album_container{margin:150px 20px 20px 20px}
#page-album .page-video  #album_container{margin:130px 20px 34px 20px}
#page-album .page-video  #album_container.content-picture  h3,#page-album .page-video  #album_container.content-picture  a{color:#333333;font-size:18px;font-weight:bold;margin:15px 0}
#page-album .list-album > div{margin:auto}
#page-album ul.ulist-album{position:relative;overflow:hidden}
#page-album ul.ulist-album li{padding:7px}
.slick-prev,.slick-next{display:none!important}
#page-album .slick-dots{position:initial}
#page-album  .slick-dots li{position:relative;width:16px;height:16px;background:transparent;margin-bottom:10px;border-radius:50%}
#page-album  .slick-dots li button{position:relative;display:block;width:16px;height:16px;background:transparent;margin-bottom:10px;border-radius:50%;transition:0.4s}
#page-album  .slick-dots li button:before{display:none}
#page-album  .slick-dots li button:after{background:transparent;position:absolute;content:"";top:0;bottom:0;right:0;left:0;border-top-left-radius:50%;border-bottom-right-radius:50%;border-top-right-radius:50%;border:1px solid #1d632a}
#page-album  .slick-dots li.slick-active button{background:#cf9212;transform:rotate(-45deg);transition:0.4s}
#page-album .slick-dots li.slick-active button:after{background:#cf9212}
#page-album  .slick-dots li:hover button{background:#cf9212;transform:rotate(-45deg);transition:0.4s}
#page-album .slick-dots li:hover button:after{background:#cf9212}
#page-album .slick-list{margin-bottom:20px}
/**********************Tài Liệu************************/
#page-salekit img.btn-download{width:23px;display:inline-block}
#page-salekit .text2{display:inline-block;padding-left:10px;color:#0d8049;font-size:18px;font-weight:bold}
#page-salekit .text-download{margin-top:15px}
/*NEWS*/
#page-news{background-image:url(../images/background-chung.jpg)}
#page-news img{max-width:100%;display:block;margin:15px auto;height:auto!important}
#page-news .news-content{padding:0 15px}
.pop-up-head-left strong{font-size:25px;color:#0d8049}
.pop-up-area{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,9,9,0.7);z-index:10000;padding:0 20px;display:none}
.pop-up-box{max-width:950px;z-index:10010;background:#fff;margin:0 auto;position:relative;top:50%;transform:translate(0,-50%)}
.pop-up-box2{max-width:1200px;z-index:10010;background:url('../images/background-chung.jpg');margin:0 auto;position:relative;top:50%;transform:translate(0,-50%)}
.pop-up-head{color:#fff;text-transform:uppercase;padding:50px 35px 20px 35px;position:relative!important}
.pop-up-head-left{display:inline-block}
.pop-up-head-right{display:inline-block;float:right;font-size:16px;margin:15px 0}
.pop-up-head-text1{font-size:18px;margin:0}
.pop-up-head-text2{font-size:16px;margin:0}
.close-area{position:absolute;right:-80px;top:-10px;width:112px;height:50px;padding-top:6px}
.close-btn{cursor:pointer;width:27px;font-weight:bold;color:#fff;font-size:23px;margin:0 auto}
.pop-up-content{padding:0 20px 20px 20px;overflow:hidden;-webkit-overflow:hidden}
.pop-up-img-left{float:left;width:100%;text-align:center}
.view-map{text-align:center;margin-bottom:20px}
.bt-open-location{font-size:15px;text-transform:uppercase;color:#fff;line-height:50px;display:block;padding:0;background:#136835;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;text-align:center;max-width:289px;margin:auto;margin-top:20px}
.bt-open-location:hover{background:#5c4520;color:#fff}
.fancybox-close{background:url(../images/ico-close.svg)!important;width:60px!important;height:60px!important;background-repeat:no-repeat!important;top:-22px!important;right:-22px!important;border-radius:50%;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 0 0 rgba(0,0,0,0.3);box-shadow:0 0 0 0 rgba(0,0,0,0.3)}
.house-view1{max-height:430px;margin:auto}
.house-view2{margin:0 auto;display:none;max-height:430px}
.pop-up-img-right{float:right;width:100px;padding-top:20px}
.pop-up-img-right img{border:5px solid #d9d9d9;border-radius:90px}
.pop-up-img-right span{display:block;font-weight:bold;text-align:center;padding-top:5px;padding-bottom:30px}
.click-view1{cursor:pointer}
.click-view2{cursor:pointer}
.click-view3{cursor:pointer}
.bx-slide-popup1 .bx-wrapper .bx-viewport ul li{width:100%!important}
.bx-slide-popup1 .bx-wrapper .bx-pager{display:none}
.bx-slide-popup1 .bx-wrapper .bx-controls-direction{width:100%;position:absolute;top:50%}
.bx-slide-popup1 .bx-wrapper .bx-controls-direction .bx-prev{position:absolute;left:-10px;background:url("../images/arrow_icon2.html") no-repeat;background-size:30px 30px}
.bx-slide-popup1 .bx-wrapper .bx-controls-direction .bx-next{position:absolute;right:-10px;background:url("../images/arrow_icon.html") no-repeat;background-size:30px 30px}
.video{background:url("../images/black_bg.html") no-repeat;background-size:cover;width:100%;height:250px;background-position:center bottom -160px;position:relative}
.video-btn{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);width:84px;cursor:pointer}
.video-border{width:100%;height:6px;background:#0a5428;position:relative}
.video-shape{height:31px;width:112px;z-index:5;top:-30px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto}
.video-arrow{width:18px;margin-top:5px;margin-left:auto;margin-right:auto}
.news-title{text-transform:uppercase;text-align:center;font-size:20px;margin:125px 0 -10px 0}
.news-title p{color:#333333;padding:0 15px}
.news-content h2,.news-content h3{font-size:18px;font-weight:bold;line-height:22px}
.news-area{margin-bottom:100px}
.news-box{background:transparent;cursor:pointer;text-align:left}
.news-box > a{text-decoration:none;color:#333}
.news-title-article{font-weight:bold;padding:20px 0 0 0;margin:0;font-size:15px;color:#1d632a;text-transform:uppercase}
.news-content-article{padding:10px 0 0 0;margin:0}
.news-border{border-top:#136835 solid 5px}
.news-content{width:100%;max-height:500px;overflow:auto;text-align:justify;height:600px}
.news-content p{line-height:30px}
.news-img{margin:20px auto;display:block}
.bx-slide-news .bx-wrapper .bx-viewport{height:auto!important}
.bx-slide-news img{width:100%;height:auto}
.bx-slide-news .bx-wrapper{text-align:center;border:0 solid #fff;box-shadow:none;background:transparent;margin:0 auto}
.bx-slide-news .bx-wrapper .bx-controls{display:inline-block;margin-top:0;position:relative}
.bx-slide-news .bx-wrapper .bx-controls-direction a{display:none}
.bx-slide-news .bx-wrapper .bx-controls-direction a.bx-next{height:30px;margin-top:0;top:0;left:auto;right:-30px}
.bx-slide-news .bx-wrapper .bx-controls-direction{}
.bx-slide-news .bx-wrapper .bx-pager{position:relative;bottom:auto;padding-top:10px}
.bx-wrapper .bx-pager.bx-default-pager a{position:relative;display:block;width:16px;height:16px;background:transparent;border-radius:50%;transition:0.4s}
#part9 .bx-wrapper .bx-pager.bx-default-pager a:after,#page-salekit .bx-wrapper .bx-pager.bx-default-pager a:after{background:transparent;position:absolute;content:"";top:0;bottom:0;right:0;left:0;border-top-left-radius:50%;border-bottom-right-radius:50%;border-top-right-radius:50%;border:1px solid #1d632a}
#part9 .bx-wrapper .bx-pager.bx-default-pager a:hover,#part9 .bx-wrapper .bx-pager.bx-default-pager a.active,#part9 .bx-wrapper .bx-pager.bx-default-pager a:focus,#page-salekit .bx-wrapper .bx-pager.bx-default-pager a:hover,#page-salekit .bx-wrapper .bx-pager.bx-default-pager a:active,#page-salekit .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#cf9212;transform:rotate(-45deg);transition:0.4s}
#part9 .bx-wrapper .bx-pager.bx-default-pager a:hover:after,#part9 .bx-wrapper .bx-pager.bx-default-pager a.active:after,#part9 .bx-wrapper .bx-pager.bx-default-pager a:focus:after,#page-salekit .bx-wrapper .bx-pager.bx-default-pager a:hover:after,#page-salekit .bx-wrapper .bx-pager.bx-default-pager a.active:after,#page-salekit .bx-wrapper .bx-pager.bx-default-pager a:focus:after{background:#cf9212}
#page-contact h2{color:#cc8500;font-size:28px;margin-bottom:30px}
#page-contact strong{color:#0d8049;display:block}
#page-contact .contact-info h2{border-bottom:2px solid #cc8500;padding-bottom:10px}
#page-contact .contact-info h2.phone{border-bottom:0;border-top:2px solid #cc8500;padding-top:10px}
#page-contact .contact-info h2.phone a{color:#cc8500;font-size:28px;font-family:'Jos-DiavloMediumMedium'}
#page-contact .form-contact,#page-contact .contact-info{background:rgba(233,235,217,0.7);height:415px}
#page-contact .form-contact{width:58%;float:right;border-top-right-radius:30px}
#page-contact .contact-info{width:41%;border-bottom-left-radius:30px}
#page-contact .form-contact > .row{margin:80px 0 auto}
#page-contact .form-contact input,#page-contact .form-contact textarea{width:100%;margin-bottom:18px;background:#fff;border:none;border-radius:24px;color:#333333;font-size:15px;padding:10px 18px 8px 18px;outline:none}
#page-contact .bt-submit{border:none;padding:8px 18px 5px 18px!important;border-radius:9px;outline:none;text-align:center;background:#cc8500!important;color:#fff;transition:all ease .4s;-webkit-transition:all ease .4s;display:block;margin:auto;text-decoration:none;width:auto;max-width:110px;text-transform:uppercase}
#page-contact .bt-submit:hover{color:#cc8500;background:#fff!important;border:1px solid #cc8500}

.page-category{    position: absolute;
    z-index: 1000;
    background: transparent;
    right: 150px;
    top: 30px;
    color: #1d632a;
}
.page-category ul{list-style:none; padding:0px;}
.page-category ul li{display:inline-block;}
.page-category ul li a{padding:5px 10px 5px 9px; position:relative; color:#0d8049;}
.page-category ul li a:before{content:''; position:absolute; width:1px; height:12px; background:#0d8049; left:0px; top:6px;}
.page-category ul li:first-child a:before{display:none;}
.page-category ul li:hover a,
.page-category ul li.active a{color:#cf9212;}

.qtip-default.qtip-custom{
    background: url(../images/hover-utilities.png) no-repeat center center;
    width: 217px;
    height: 75px;
    background-repeat: no-repeat;
    opacity: 1;
    padding:4px 25px 30px;
    margin-left: -108.5px;
    margin-top: -107px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    font-weight: normal;
    line-height: 1.2;
    border: 0;
}
.qtip-default.qtip-custom .qtip-content{color:#fff; line-height: 1.4; text-align:center;}
.startpopup img{max-width:100%; height:auto;}

@media screen and (min-width:1680px) {
    p {
        font-size: 18px !important;
    }

    ul.thongso-chitiet li {
        font-size: 19px;
        line-height: 1.7;
    }

    #page-about .box-matbang {
        padding: 10px 40px;
        width: 630px;
    }

    .fullpage-nav ul > li a {
        width: 25px;
        height: 25px;
        margin-bottom: 25px;
    }

    .homepage.trangchu .logo a {
        width: 325px;
        height: 182px;
    }

    .homepage .logo a {
        width: 281px;
        height: 150px;
    }

        .homepage .logo a:after {
            width: 262px;
            height: 217px;
            left: 0;
            right: auto;
            top: -33px;
        }

    #page-contact section {
        background-size: cover !important;
    }

    #main-menu ul.list-item {
        margin-top: 60px;
    }

    .img-left.img-1-2 {
        right: 26%;
        background-size: cover !important;
    }

    #page-quymo .img-left.img-1-2 {
        right: 37%;
        background-size: 100% 100% !important;
    }

    #page-quymo .list-hinh img {
        width: 100%;
    }

    #page-quymo .img-right.img-1-2 {
        left: 30%;
        background-size: cover !important;
    }

    #page-chudautu section#slider-2 .left {
        width: 73%;
        margin-left: 500px;
    }

    .page-inside .box-content {
        margin: 30px 0;
    }

    #page-chudautu #slider-2 p {
        font-size: 16px !important;
    }

    #page-masterplan-foor .img-left.img-1-2 {
        right: 29.5%;
    }

    #page-masterplan-foor .page-banner, .fp-section {
        background-size: cover !important;
    }

    section.location .left {
        width: 70%;
    }

    #page-tienich #slider-1 h2 {
        margin-top: 170px;
    }

    #main-menu ul.list-item li a {
        padding: 0px 5px;
    }

    #page-about h2.inside-title strong {
        margin-right: 25% !important;
    }

    a.logo-phulong img {
        margin: 0px auto 50px auto;
        padding-left: 700px;
        width: 95%;
    }

    .page-inside h2.slide-title {
        font-size: 32px;
        top: 165px;
    }

    #page-masterplan-foor #slide2 img {
        padding: 2px;
        width: 100%;
    }

    #page-masterplan-foor ul.vitri-thongso li {
        font-size: 18px;
    }

    #page-masterplan-foor #shortdesc{max-width:950px; margin:0px auto;}
    #page-masterplan-foor #shortdesc img {
       
    }

    #page-album .page-video #album_container {
        margin: 280px 20px 34px 20px;
    }

    .container-area {
        padding: 0 100px;
    }

    .pop-up-box2 {
        max-width: 1600px;
		height: 850px;
    }
    .news-content {
        width: 100%;
        max-height: 660px;
        height: 646px;
    }
    #page-contact .contact-info {
    width: 41%;
    border-bottom-left-radius: 30px;
    height: 470px;
}
    #page-contact .form-contact {
        height: 470px;
    }
    #page-contact .form-contact > .row {
    margin: 105px auto;
}
#page-about section#slider-2 .left {
    width: 60%;
    margin-left: 450px;
}
.section-project .overlay {
    width: 94.5%;
}
}
@media screen and (min-width:1400px) and (max-width:1600px) {
    .img-left.img-1-2{ right: 27%; background-size: cover!important; background-position: center right!important;}
    .img-right.img-1-2{    background-size: cover!important; background-position: center left!important;}
    #page-about section#slider-2 .left{margin-left:355px;}
    #page-quymo section#slider-1 .left, #page-quymo section#slider-3 .left{ }
    #page-masterplan-foor  .img-left.img-1-2{right:0px;}
}

  @media screen and (width:1366px){
	  #page-quymo.page-inside .box-content, #page-quymo.page-inside section#slider-2 .box-content{width:82%}
  }
  @media screen and (max-width:1679px){
  #main-menu .menu-container{width:305px}
}
@media screen and (min-width:1200px){
  #mySidenav{position:  absolute;margin-top: 8%;right: 0;}
  #mySidenav a.phone{position:relative}
  #page-masterplan-foor #lblShortDesc img{height:525px}
  #page-about section#slider-1 .container h2,#page-tienich section#slider-1 .container h2{color:#fff;text-align:right;margin-top:-150px}
  ul.thongso-chitiet{margin:0 -15px}
  #page-about h3.thongso-matbang{margin-left:-15px}
  #page-about h2.inside-title strong{margin-right:0%}
}
@media screen and (max-width:1400px){
  #main-menu li{padding:0}
  #main-menu ul.list-item li a{padding:4px 5px}
  #main-menu .bot-menu{bottom:20px}
  #page-chudautu section.section.location .left{margin-top:10%}
  section.slider ul.bx-slider > li .description{max-width:600px; left:80px; top:40px}
}
@media screen and (min-width:1280px) and (max-width:1400px){
    
    .page-quymo #slider-1:first-child  .img-left.img-1-2{  background-position: top -50px left -80px !important;}
  }
  @media screen and (max-width:1200px){
  .close-btn{font-size:40px;margin:-50px 0 0 5px;text-shadow:5px 2px #000000}
  #page-contact h2{font-size:24px}
}
@media screen and (min-width:1200px){
  #page-chudautu #slider-2 p{font-size:13px;line-height:1.5}
  #page-masterplan-foor .section#slider-3 h2{padding-left:85px;margin-bottom:15px}
  #page-masterplan-foor .section#slider-3 #longdesc{padding-left:90px}
  img.img-vitri{margin-left:95px}
}
@media screen and (max-width:1200px){
  #page-about section#slider-1 .container h2{text-shadow:1px 2px #000}
      h2.inside-title2,#page-masterplan-foor h2.inside-title2 {
    font-size: 18px;
}
    p{font-size:14px}
    #page-contact .contact-info h2.phone a {
        font-size: 25px;
    }
    .page-category{display:none;}
}
@media screen and (min-width:992px) and (max-width:1199px){

    h2.inside-title strong {margin-right: 0%;}
  #page-tienich .utility-group h3{font-size:15px}
  #page-tienich h2.title-utility span{font-size:14px}
  #page-tienich h2.title-utility{font-size:20px}
  #page-contact .form-contact,#page-contact .contact-info{height:auto;min-height:450px}
  .close-btn{margin:-5px 0 0 0}
  #page-chudautu .img-left{left:-34%}
  #page-about section#slider-2 .left{margin-left:200px}
    .section-project .content-sticky .overlay p {
        margin-top: 0px;
    }
    #page-quymo.page-inside .box-content,#page-quymo.page-inside section#slider-2 .box-content,
    #page-masterplan-foor section#slider-2 .box-content {

        width: 83%;
    }
     #page-quymo.page-inside section#slider-3 .box-content{
         width:98%
     }
  #page-quymo section#slider-1 .left,#page-quymo section#slider-3 .left{margin-left:70px}
  .img-left.img-1-2{right:21%;background-size:cover!important}
  #page-quymo section#slider-1 .img-left.img-1-2,#page-quymo section#slider-3 .img-left.img-1-2{right:37%}
  #page-quymo section#slider-2 .img-right.img-1-2{background-size:100% 100%!important;left:23%}
  #page-about #slider-3{background-size:cover!important}
  a.logo-phulong img {
    margin: auto;
    padding-left: 360px;
}
  #page-chudautu section#slider-2 .left{width:90%;margin-left:180px}
  #page-chudautu section#slider-2 .left .box-content p{font-size:12px;line-height: 1.3;}
  .section-project .section-image{bottom:120px;}
  #page-chudautu #slider-3 .content{top:180px}
  #page-chudautu section.section.location .left{margin-top:0%}
  #page-chudautu section.section.location h2.inside-title,#page-chudautu section.section.location h2.inside-title strong{margin-top:0}
  #page-masterplan-foor section#slider-2 .img-left.img-1-2{right:30%}
  #page-masterplan-foor section#slider-2 .left{width:70%;margin-left:50px}
  /*#page-masterplan-foor section#slider-2 .box-content{width:100%}*/
  #page-masterplan-foor ul.vitri-thongso li{font-size:13px}
  #page-album #slider-1{height:100vh}
  #page-album .slick-list{margin-bottom:40px}
  #page-album .slick-dots li{margin-bottom:30px}

  section.slider ul.bx-slider > li .main-img{    background-position: -340px center;}
  #page-news .container-area {padding: 0 30px;}
}
@media all and (max-height:700px){
  .responsive-popup-img2{width:360px;margin:0 auto}
  .bx-slide-popup1 .bx-wrapper .bx-viewport{max-height:450px!important}
  .bx-slide-popup1{max-height:450px}
  .pop-up-box2{height:570px}
  .pop-up-box{height:480px}
  .news-content{height:420px}
}
@media all and (max-height:600px){
  .bx-slide-popup1 .bx-wrapper .bx-viewport{max-height:300px!important}
  .bx-slide-popup1{max-height:300px}
  .news-content{height:280px}
  .pop-up-box2{height:400px}
  .pop-up-box{height:400px}
}
@media all and (max-height:570px){
  .pop-up-head-text1{font-size:12px!important}
  .pop-up-head-text2{font-size:10px!important}
  .pop-up-head-right{font-size:12px}
  .bx-slide-popup1 .bx-wrapper .bx-viewport{max-height:270px!important}
  .bx-slide-popup1{max-height:270px}
  .pop-up-box2{height:370px}
  .pop-up-box1{height:370px}
  .news-content{height:250px}
}
@media screen and (min-width:768px) and (max-width:979px){
  #page-album #album_container,#page-album .page-video #album_container{margin:264px 20px 20px 20px}
  #page-about.page-tongquan section#slider-1 .container h2{margin-top:-325px;margin-left:0}
  #page-about #slider-1{    background-position: center left -120px;}
  .page-quymo .slide-1 .img-left.img-1-2{    background-position: top -50px left -80px !important;}
  .page-quymo .slide-2 .img-right.img-1-2{    background-position: top 0px right 0px !important; background-size: cover !important;   min-height: 695px;}
  #page-quymo.page-inside section#slider-2 .box-content{width:100%;}
    .page-quymo .slide-3{padding-bottom:60px;}
  .page-quymo .slide-3 .img-left.img-1-2{    background-position: top 0px left -80px !important;}
  img.img-vitri{  margin: 30px auto 100px auto;}
  #page-news .container-area {padding: 0 30px;}
  section.slider ul.bx-slider > li .description{top: 150px;  left: 40px;}
  section.slider ul.bx-slider > li .main-img{ background-position: -420px center !important;}
  #page-quymo section{height:auto !important;}
  #page-quymo .img-absolute.img-left.img-1-2{height:610px !important;}
}
@media screen and (max-width:991px){
      #page-masterplan-foor #slider-3 .position-relative .container-fluid > .row{
        display: grid;
    }

        #page-masterplan-foor #slider-3 .position-relative .container-fluid > .row > [class*='col-']:nth-child(2) {
            order:1;
        }
         #page-masterplan-foor #slider-3 .position-relative .container-fluid > .row > [class*='col-']:nth-child(1) {
            order: 2;
            margin-bottom:20px;

        }
      
         #page-masterplan-foor #shortdesc img{margin:30px auto}
  }
  @media screen and (max-width:992px){
  /************SLIDER************/
    section.slider ul.bx-slider > li .main-img{background-position:center;background-size:cover;  background-position: -120px center;}

  main.trang-chu h1.slide-title{top:150px;text-shadow:1px 2px #fff}
  .fp-section,section{background-size:cover!important}
  .fullpage-nav{display:none}
  .homepage.trangchu .logo{top:0;;right:unset;left:30px;position:absolute}
  .img-left.img-1-2,.img-right.img-1-2{clear:both;position:static;width:calc(100%)}
  .img-right.img-1-2{height:520px}
  .img-absolute{background-position:left center!important}
  .img-absolute.img-left.img-1-2,#page-home .img-absolute.img-right.img-1-2{height:662px;margin:auto}
  .section-project .section-image{top:580px}
  #page-chudautu #slider-3 .content{top:240px}
  #page-masterplan-foor section#slider-2 .left,#page-chudautu section#slider-2 .left,#page-quymo section.slide-1 .left,#page-quymo section#slider-3 .left,#page-quymo section#slider-2 .left,#page-about section#slider-2 .left{margin:50px 30px}
  .left,.right{width:auto!important}
  #page-chudautu section.section.location .left{margin-top:5%}
  #page-quymo section#slider-2 .none-padding{width:100%}
  #page-about .box-matbang{width:670px}
  /*Thay hình*/
  a.logo-phulong img{width:220px;padding-left:0;margin:30px auto}
  #page-quymo .img-right.img-1-2{height:663px}
  /*ABOUT*/
      #page-about h2.inside-title strong,#page-chudautu section.location .inside-title strong{text-align:left;margin-left:6%}
  /*******Mặt bằng************/
      /*#page-masterplan-foor #slider-3.fp-section{height:auto!important}*/
  #page-masterplan .fp-section,#page-contact .fp-section{background-position:-380px center!important}
  #page-masterplan .fp-section,
  #page-masterplan .mat-bang-tang{background-size:cover!important}

  /*FOOR*/
      .img-map{background-size:cover}
  img.img-vitri{margin-left:10px;margin:30px auto}
  #page-masterplan-foor #slider-3 .position-relative{padding:50px 0 50px 0}
  /*NEWS*/
      .news-title{margin:40px 0 10px 0}
  /*CONTACT*/
      #page-contact section{height:auto!important}
  #page-contact .form-contact > .row{margin:30px 0 auto}
  #page-contact .contact-info,#page-contact .form-contact{width:100%;margin:5px 0;padding:10px 20px;height:auto;min-height:335px;}
  #page-contact .position-relative{padding:120px 10px 140px 10px}
  #page-contact .contact-info{border-top-right-radius:30px}
  #page-contact .form-contact{border-bottom-left-radius:30px}
  /*LOCATION*/
      section.location #divContent img{width:90%}
  /*TIện ich*/
      #utility_map{margin-top:50px}
  #page-tienich #slider-1 h2{margin-top:170px}
  #page-tienich img.utility-image{margin:20px auto}
  #page-tienich ul.list-tienich2 li{padding-left:20px;width:45%;display:inline-block;float:left;margin-left:30px}
  #page-tienich .utility-group{width:100%}
  #page-tienich ul > li{padding-bottom:15px;width:45%;display:inline-block}
  /*Thư viện*/
      #page-album #slider-1{height:100vh}
  #page-album .page-video .slick-slide img{width:100%}
}
@media screen and (min-width:641px) and (max-width:768px){
  #page-masterplan-foor section#slider-3 .col-md-5.col-lg-5 .row{width:45%;display:inline-block}
  /*img.img-vitri{width:100%}*/
  #page-masterplan-foor .section#slider-3 h2{width:45%;display:inline-block;}
  #page-masterplan-foor .col-md-5.col-lg-5 .row:last-child  ul.vitri-thongso:last-child{transform:translateY(-70px)}
}
@media screen and (max-width:768px){
    #page-masterplan-foor ul.vitri-thongso li {
    font-size: 20px;
}
        #page-masterplan-foor ul.vitri-thongso li:before {
            top: 6px;
            left: -5px;
        }
        #page-about #slider-2 .position-relative{display:block}
    #page-quymo .list-hinh img,#page-masterplan-foor #slide2 img {
        width: 100%;
    }

    .row.list-logo {
    text-align: center;
}
     #page-chudautu section.section.location #divContent{display:inline-grid}
    #page-chudautu section.section.location .col-md-6:nth-child(2){order:1}
     #page-chudautu section.section.location .col-md-6:nth-child(1){order:2}
}
@media screen and (max-width:767px){
  #page-chudautu section#slider-2 .img-absolute{background:url('../../../assets/uploads/myfiles/images/aboutus/mobile-phattrien-img2.png')!important;background-repeat:no-repeat!important}
  #page-quymo section#slider-2 .img-absolute{background:url('../../../assets/uploads/myfiles/images/aboutus/mobile-quimo-img2.png')!important;background-repeat:no-repeat!important}
  #page-quymo section#slider-2 .img-absolute{background:url('../../../assets/uploads/myfiles/images/aboutus/mobile-quimo-img2.png')!important;background-repeat:no-repeat!important}
  #page-about section#slider-2 .img-absolute{background:url('../../../assets/uploads/myfiles/images/aboutus/mobile-tongquan-img2.png')!important;background-repeat:no-repeat!important}
  #page-about #slider-1{background:url('../../../assets/uploads/myfiles/images/aboutus/mobile-tongquan-img1.jpg')!important}
  #page-tienich section#slider-1{background:url('../../../assets/uploads/myfiles/images/utilities/mobile-tienich-img1.jpg')!important}
  .pop-up-box2{height:332px}
  .pop-up-box2{height:332px}
   #page-masterplan-foor #slider-3 .position-relative .container-fluid > .row{
        display: inline-grid;
    }
  #page-masterplan-foor ul.vitri-thongso li {
    font-size: 16px;
    }
  section.slider ul.bx-slider > li .description{ top: 100px;left: 30px; max-width:calc(100% - 60px);}

  .box-thietke{max-width:70px;}
  .box-thietke h2{display:none;}
  .box-thietke .link-matbang{max-width: 30px; overflow:hidden;}
  .box-thietke ul li{white-space:nowrap;}
  .box-thietke.show{max-width:100%;}
  .box-thietke.show h2{display:block;}
  .box-thietke.show .link-matbang{max-width: 100%; overflow:hidden;}
  .box-thietke.show ul li{white-space:nowrap;}

  section.slider ul.bx-slider > li .main-img{    background-position: center center;}
  #page-album .page-video .block-video a:after{background-size:50px;}

}
@media screen and (max-width:640px){
    #mySidenav{display:block}
    /* Style the links inside the sidenav */

	h2.inside-title2, #page-masterplan-foor h2.inside-title2 {
    font-size: 16px;
}
 #page-chudautu section h2.inside-title2{font-size:15px}
#page-chudautu section.section.location h2.inside-title, #page-chudautu section.section.location h2.inside-title strong,#page-tienich #slider-1 h2{
    font-size: 28px;
}
#page-tienich #slider-1 h2{
	  font-size: 26px;
}
.breadcrumb {
    top: 14%;
}
  .page-inside h2.slide-title{top:40px}
  #page-quymo #slider-1 h2.slide-title{top:120px;text-shadow:2px 2px 5px #fff}
  .img-absolute.img-left.img-1-2,#page-home .img-absolute.img-right.img-1-2{height:520px}
  #page-tienich #utility_map img.map_tienich{height:459px}
  .img-absolute.img-right.img-1-2{background-position:right center!important}
  a.logo-phulong img{margin:auto;padding-left:0}
  #page-chudautu #slider-3 .content{top:140px;left:0;transform:translateY(0)}
  .section-project .section-image{top:unset}
  .nutdangky{display:none}
  .nuthotline{display:none}
  #page-quymo .list-hinh img{margin:10px auto}
  #page-quymo.page-inside section#slider-2 .box-content{width:100%}
  #page-about .box-matbang{width:345px;right:30px;top:-145px;height:auto;max-height:480px}
  #page-about section#slider-1 .container h2{margin-left:25px;margin-bottom:280px;font-size:32px}
  #page-about h2.inside-title strong{margin-right:0%}
  /*20/3*/
   .section.location #divContent{margin:150px 0}
  section.location h2.inside-title strong{margin-right:0%}
  #page-quymo .img-right.img-1-2{height:520px}
  #page-about #slider-3 h2.title-slide3{font-size:20px}
  .pop-up-box{height:400px}
  .pop-up-box2{height:400px}
  /*20/3*/
    
  /*MẶT BẰNG*/
    #page-masterplan-foor #slider-1 .img-map{background-position:center}
  #page-masterplan-foor section#slider-2 .box-content{width:100%}
  #page-masterplan-foor h2.title-thongso{margin-left:30px}
  .box-thietke{padding:10px 20px;margin-left:10px}
  #page-masterplan-foor ul.vitri-thongso{padding-left:40px;PADDING-RIGHT:40px}
  img.img-vitri,#page-masterplan-foor #lblShortDesc img{margin-left:10px;padding-right:15px;margin-bottom:50px}
  img.img-vitri{width:75%;margin:auto;display:block}
  #page-masterplan-foor #shortdesc img{max-width:100%}
  #page-masterplan-foor #slider-3 .position-relative {
    padding: 20px 0 50px 0;
}
  
  #page-album .page-content{padding-bottom:50px}
  .section.location #divContent{margin:150px 0 50px 0}
  #part9{padding:100px 0 0 0}
  /****CONTAC*****/
      #page-contact .form-contact > .row{margin:0 0 auto}
	  #page-contact .contact-info h2.phone a ,#page-contact h2{
    font-size: 20px;
}


  /*Tiện ích*/
      #utility_map{margin-top:30px;padding-bottom:30px}
  #page-tienich ul.list-tienich li a span,#page-tienich ul.list-tienich2 li a span{font-size:13px}
  page-tienich ul.list-tienich2 li{width:60%}
.news-title-article{text-align:center}
}
@media screen and (max-width:480px) and (orientation:portrait){
    main.trang-chu h1.slide-title {
        top: 120px;
    }
    .homepage .logo a ,.homepage.trangchu .logo a{
    width: 160px;
}
    .trang-chu h1.slide-title {
    left: 30px;
    font-size: 30px;
}
.homepage .logo a:after,.homepage.trangchu .logo a:after {
       width: 210px;
    height: 210px;
}
	#page-album .page-video #album_container.content-picture h3, #page-album .page-video #album_container.content-picture a {
    text-align: center;
}
    #page-masterplan-foor #slide2 img {    margin: auto;
}
  .pop-up-head-left strong{font-size:20px;     line-height: 1.2;}
  .pop-up-head {padding: 50px 35px 0px 35px;}
  .pop-up-box2{height:85%}
  .pop-up-box{height:85%}
  .news-content{ height: auto;}
  .fancybox-inner{height:100% !important}
}
@media screen and (max-width:450px){
  section.slider .headline{width:95%;top:60%}
  section.slider .headline .container-headline{padding-left:15px;padding-right:15px}
  section.slider .control .next-prev a{padding-left:5px;padding-right:5px}
  section.location .bottom-content .google-map .link{width:100%;margin-bottom:20px}
  section.location .bottom-content .note{width:100%;margin-bottom:15px}
}
@media screen and (max-width:375px){
    h1, h2, h3, h4, h5, h6 {
    font-size: 28px;
}
	#page-chudautu section h2.inside-title2 {
    font-size: 19px;
    text-align: center;
}
#page-chudautu section.section.location h2.inside-title, #page-chudautu section.section.location h2.inside-title strong, #page-tienich #slider-1 h2 {
    font-size: 21px;
}
	#page-about section#slider-1 .container h2 {

    font-size: 24px;
}
#page-about #slider-3 h2.title-slide3 {
    font-size: 20px;
    top: 50px;
}
#page-about .box-matbang {

    right: 25px;
    top: -150px;
}
  #page-about section#slider-1 .container h2{margin-bottom:320px;}
  .homepage .logo a{width:126px}
  .homepage .logo a:after{width:210px;height:170px;right:-22px;z-index:-1;top:-45px}
  #page-chudautu #slider-3 .content{top:60px}
  .section-project .section-image{top:300px}
  .box-thietke{width:335px}
.section-project .content-sticky .overlay p {
    margin-top: -10px;
	    padding-left: 15px;
    padding-right: 15px;
}
#page-tienich #slider-1 h2 {
    font-size: 24px;
}
.news-box {

    padding: 0 15px;
}
ul.thongso-chitiet li {
    line-height: 1.5;
}
}
@media screen and (min-width:321px) and (max-width:375px){
    #page-masterplan-foor #slider-3 .position-relative {
    padding: 20px 0 150px 0;
}
   #page-about h2.inside-title strong {
       font-size: 24px;
           margin-right: -7%;
}
   .page-inside h2.slide-title.right {
    right: 90px;
}
    #page-about section#slider-1 .container h2 {
        margin-left: 10px;
    }
    #page-masterplan-foor section#slider-2 .left, #page-chudautu section#slider-2 .left, #page-quymo section#slider-1 .left, #page-quymo section#slider-3 .left, #page-quymo section#slider-2 .left, #page-about section#slider-2 .left {
    margin: 50px 10px;
}
  }
@media screen and (max-width:320px){
	.homepage .logo a ,.homepage.trangchu .logo a{
    width: 100px;
}
.homepage .logo a:after,.homepage.trangchu .logo a:after {
    width: 130px;
    height: 151px;
}
.trang-chu h1.slide-title {
    left: 30px;
	 font-size: 30px;
}
    #page-about .box-matbang {
        width: 300px;
    }
    h2.inside-title2, #page-masterplan-foor h2.inside-title2 {
    font-size: 15px;
}
    #page-masterplan-foor section#slider-2 .left, #page-chudautu section#slider-2 .left, #page-quymo section#slider-1 .left, #page-quymo section#slider-3 .left, #page-quymo section#slider-2 .left, #page-about section#slider-2 .left {
    margin: 30px 10px;
}
    #page-chudautu section.section.location#slider-1 .left {
        margin-right: 10px;
        margin-left: 10px;
    }
    #page-quymo section h2.slide-title.right {
    right: 38px;
}
    .box-thietke {
    width: 301px;
}
    .box-thietke ul li a{font-size:15px}
    #page-tienich #slider-1 h2 {
    margin-right: 0px;
}
    .list-tailieu .col-sm-4.col-xs-12,.news-box{
            padding: 0 30px;
    margin-left: -8px;
    }
    .news-box {
        margin-left: -30px;
         padding: 0 40px;
    }
    #page-contact .contact-info h2.phone a{
    font-size: 18px;
}
    #page-about #slider-3 h2.title-slide3 {

    top: 40px;
}
    #page-about .box-matbang {
    top: -130px;
}
    #page-contact .contact-info h2.phone a, #page-contact h2 {
    font-size: 18px;
}
  }