@font-face {
  font-family: 'Averta';
  font-style: normal;
  font-weight:normal;
  src:  url('fonts/Averta/Averta/Averta-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Averta';
  font-weight:600;
  src:  url('fonts/Averta/Averta/Averta-Bold.otf') format('opentype');
}


@font-face {
  font-family: 'Averta';
  font-weight:700;
  src:  url('fonts/Averta/Averta/Averta-ExtraBold.otf') format('opentype');
}


ul, li{
  list-style: none;

}
body{
    font-family: 'Averta', sans-serif;
    color: #333;
}
.pc-header{position:fixed;width:100%;top:0px;left:0px;background:#efec5a;border-bottom:1px solid rgba(255, 255, 255, 0.25);z-index:1000;}
.mobile-header .upper{
    position: relative;
    background: #ffffff !important;
    z-index: 5;
}.mobile-header{
   transition: all 0.5s ease;
}
.mobile-header .upper{
   transition: all 0.5s ease;
}
.mobile-header .mobile-fix{
   transition: all 0.5s ease;
}

.pc-header.hide .logo{width:50px !important;}
.pc-header.hide .main-nav .main-menu > li > a{padding:5px 0 !important;}
.mobile-header.fixed{position:fixed;width:100%;top:0px;left:0px;z-index:1000;}
.mobile-header.fixed .logo{width:50px;}
.mobile-header.fixed .moblie-menu-btn > *{height:2px;}
.mobile-header.fixed .moblie-menu-btn>*:before,
.mobile-header.fixed .moblie-menu-btn>*:after{height:2px;}
.pc-header .logo{width:120px;}
.pc-header .topbar{background:#0075bc;color:#fff;}
.hd-contact>li{position:relative;float:left;}
.hd-contact>li+li{margin-left:20px;}
.hd-contact>li:nth-of-type(1)>span{display:block;max-width:300px;max-height:20px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.hd-contact>li:last-child{padding-right:0;}
.hd-contact a{color:#fff;}
.hd-contact i{margin-right:5px;color:#fff;}
.pc-header .topbar{background:#565b70;}
.pc-header .topbar a{color:#fff;border:0;font-weight: normal;text-transform: lowercase;text-transform: capitalize;}
.header-contact > *,
.header-toolbox > *{float:left;position:relative;padding:5px 0;}
.header-contact > * + *,
.header-toolbox > * + *{margin-left:20px;padding-left:20px;}
.header-contact > * + *:before,
.header-toolbox > * + *:before{content:"";display:block;position:absolute;height:20px;left:0px;top:4px;border-left:1px solid #fff;}
.header-toolbox > * > .btn{display:block;position:relative;margin:0;padding:0;background:transparent;font-size:14px;line-height:20px;}
.pc-user .open-user:after,
.pc-language .open-language:after{content:"\f107";display:inline-block;padding-left:10px;font-family:FontAwesome;}
.pc-language .open-language{padding-left:35px;}
.pc-language .open-language:before{content:"";display:block;position:absolute;width:26px;height:17px;left:0px;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);background:url(img/eng.png) 0px 0px no-repeat;}
.pc-user .box,
.mobile-user .box{width:278px;top:42px!important;padding:15px 25px;border-top:3px solid #f15922;-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);-khtml-box-shadow:0 2px 6px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);-ms-box-shadow:0 2px 6px rgba(0,0,0,0.2);-o-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);}
.mobile-user .box{left:-150px !important;}
.pc-user .box-head,
.mobile-user .box-head{margin:0 0 12px 0;font-size:14px;font-weight:bold;}
.pc-user .box-head a,
.pc-user .forgotpass a:hover,
.mobile-user .box-head a,
.mobile-user .forgotpass a:hover{color:#15c;}
.pc-user .forgotpass a,
.mobile-user .forgotpass a{color:#000;}
.pc-user .form-row,
.mobile-user .form-row{margin-bottom:10px;}
.pc-user .form .input-text,
.mobile-user .form .input-text{height:32px;padding:0 8px;border:1px solid #ccc;border-top:1px solid #c4c4c4;color:#000;font-size:14px;line-height:32px;}
.pc-user .form .btn-submit,
.mobile-user .form .btn-submit{height:32px;border:0;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background:#0f7fc1;color:#fff;text-align:center;line-height:32px;cursor:pointer;}
.pc-user .form .btn-submit:hover,
.mobile-user .form .btn-submit:hover{background:#1c94db;}
.pc-user .box-foot,
.mobile-user .box-foot{margin:12px 0 0 0;}
.pc-user .box-foot .title,
.mobile-user .box-foot .title,
#modal-register .panel-foot .title{position:relative;margin:0 0 8px 0;color:#000;font-size:13px;line-height:20px;text-align:center;}
.pc-user .box-foot .title:before,
.mobile-user .box-foot .title:before,
#modal-register .panel-foot .title:before{content:"";display:block;position:absolute;width:100%;height:1px;left:0px;top:50%;background:#dfdfdf;}
.pc-user .box-foot .title > span,
.mobile-user .box-foot .title > span,
#modal-register .panel-foot .title > span{display:inline-block;position:relative;padding:0 10px;background:#fff;}
.pc-user .social-login a,
.mobile-user .social-login a,
#modal-register .social-login a{display:block;position:relative;width:104px;height:28px;background-repeat:no-repeat;background-image:url(img/login-social.png);background-position:0 0;text-indent:-99999px;}
.pc-user .social-login .facebook,
.mobile-user .social-login .facebook,
#modal-register .social-login .facebook{background-position:0 -30px;}
.pc-user .social-login .facebook:hover,
.mobile-user .social-login .facebook:hover,
#modal-register .social-login .facebook:hover{background-position:0 0;}
.pc-user .social-login .google,
.mobile-user .social-login .google,
#modal-register .social-login .google{background-position:-107px -30px;}
.pc-user .social-login .google:hover,
.mobile-user .social-login .google:hover,
#modal-register .social-login .google:hover{background-position:-107px 0;}
.pc-language .box{width:160px;top:42px!important;padding:5px 0;border-top:3px solid #f15922;-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);-khtml-box-shadow:0 2px 6px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);-ms-box-shadow:0 2px 6px rgba(0,0,0,0.2);-o-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);}
.pc-language .menu-lang > li a{display:block;position:relative;padding:5px 10px 5px 30px;color:#262626;font-size:13px;line-height:20px;}
.pc-language .menu-lang > li a:before{content:"";display:block;position:absolute;width:16px;height:11px;left:10px;top:50%;-webkit-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);background:url(img/vn.png) 0px 0px no-repeat;}
.pc-language .menu-lang > li.en a:before{background:url(img/en.jpg) 0px 0px no-repeat;}
.pc-search .open-search{width:16px;height:17px;background:url(img/search-white.png) 0px 0px no-repeat;text-indent:-99999px;}
.pc-search .wrap-form{top:42px!important;padding:10px;width:300px;background:#fff;border-top:3px solid #f15922;-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);-khtml-box-shadow:0 2px 6px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);-ms-box-shadow:0 2px 6px rgba(0,0,0,0.2);-o-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);}
.pc-search .form{position:relative;padding-right:50px;}
.pc-search .form .input-text{position:relative;padding:0 10px;height:34px;border:1px solid #ccc;border-right:none;outline:0;}
.pc-search .form .input-text:focus,
.pc-user .form .input-text:focus{border-color:#66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
.pc-search .form .btn-submit{display:block;position:absolute;width:50px;height:34px;top:0px;left:initial;right:0px;background:#333;border:1px solid #333;color:#fff;font-size:12px;font-weight:bold;line-height:34px;cursor:pointer;}
.pc-search .form .input-text::-webkit-input-placeholder,
.pc-user .form .input-text::-webkit-input-placeholder{color:#848484;font-size:13px;}
.pc-search .form .input-text::-moz-placeholder,
.pc-user .form .input-text::-moz-placeholder{color:#848484;font-size:13px;}
.pc-search .form .input-text:-ms-input-placeholder,
.pc-user .form .input-text:-ms-input-placeholder{color:#848484;font-size:13px;}
.pc-search .form .input-text:-moz-placeholder,
.pc-user .form .input-text:-moz-placeholder{color:#848484;font-size:13px;}
.main-nav .main-menu li{position:relative;}
.main-nav .main-menu > li{padding:0 20px;}
.main-nav .main-menu > li > a{display:block;position:relative;padding:33px 0px;color:#000;font-size:13px;font-weight:600;line-height:20px;text-transform:uppercase;}
.main-nav .main-menu > li > a:before{}
.main-nav .main-menu > li:hover > a{color:rgba(255, 255, 255, .8);}
.main-nav .main-menu > li:hover > a:before{display:block;background:rgba(255, 255, 255, .8);}
.main-nav .main-menu > li.active > a:before{display:block;}
.main-nav .dropdown-menu{position:absolute;display:none;min-width:250px;top:100%;left:0px;border-top:2px solid transparent;}
.main-nav .main-menu > li:hover > .dropdown-menu{display:block;}
.main-nav .sub-menu{background:#209004db;}
.main-nav .sub-menu > li > a{display:block;position:relative;padding:10px 10px 10px 20px;color:#fff;font-size:12px;line-height:18px;}
.main-nav .sub-menu > li + li > a{border-top:1px solid #1d6b09eb;}
@media (max-width:1220px){.main-nav .main-menu > li{padding:0 10px;}
}
.mobile-header{position:relative;background:#449031;z-index:5;}
.mobile-header .upper{position:relative;padding:0px 15px;}
.mobile-header .logo{width:100px;}
.mobile-header .moblie-menu-btn{left:initial;right:15px;}
@media (max-width:768px){.mobile-header .logo{width:100px;}
}
@media (max-width:567px){.mobile-header .logo{width:120px;}
}
@media (max-width:960px){#homepage{background:#eee;}
}
.main-slideshow{margin:0 0 50px 0;}
.main-slideshow .uk-slidenav,
.page-slideshow .uk-slidenav{display:block;width:35px;height:100px;opacity:.8;background:rgba(0, 0, 0, .3);color:#fff;font-size:25px;line-height:100px;}
.main-slideshow .uk-slidenav:hover,
.page-slideshow .uk-slidenav:hover{opacity:1;}
.main-slideshow .uk-slidenav-previous,
.page-slideshow .uk-slidenav-previous{left:0px;}
.main-slideshow .uk-slidenav-next,
.page-slideshow .uk-slidenav-next{right:0px;}
.main-slideshow .uk-dotnav,
.page-slideshow .uk-dotnav{margin:0;bottom:15px;}
.main-slideshow .uk-dotnav > * + *,
.page-slideshow .uk-dotnav > * + *{margin-left:3px}
.main-slideshow .uk-dotnav > * > *,
.page-slideshow .uk-dotnav > * > *{width:14px;height:14px;background:#000;opacity:0.6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.main-slideshow .uk-dotnav > .uk-active > *,
.page-slideshow .uk-dotnav > .uk-active > *{background:#fff;}
@media (max-width:1220px){.main-slideshow{margin:0 0 35px 0;}
}
@media (max-width:960px){.main-slideshow{margin:0 0 25px 0;}
.main-slideshow .uk-slidenav,
.page-slideshow .uk-slidenav{display:none;visibility:hidden;opacity:0;}
}
@media (max-width:767px){.main-slideshow{margin:0 0 20px 0;}
.main-slideshow .uk-dotnav,
.page-slideshow .uk-dotnav{display:none;visibility:hidden;opacity:0;}
}
@media (max-width:567px){.main-slideshow{margin:0 0 15px 0;}
}
.page-panel .panel-head,
.artcatalogue .panel-head{position:relative;margin:0 0 30px 0;padding-bottom:30px;text-align:center;}
.page-panel .panel-head:before,
.artcatalogue .panel-head:before{content:"";display:block;position:absolute;width:213px;height:21px;margin:0 auto;top:initial;bottom:0px;left:0px;right:0px;background:url(img/bg-heading.png) 0px 0px;}
.page-panel .heading,
.artcatalogue .heading{margin:0;font-weight:normal;font-weight: bold;font-size:30px;line-height:30px;text-transform:uppercase;}
.page-panel .heading > *,
.artcatalogue .heading > *{color:#f58a37;}
.page-panel .panel-head .desc{margin:5px 0 0 0;color:#f58a37;font-size:17px;line-height:22px;text-transform:uppercase;}
@media (max-width:767px){.page-panel .panel-head,
.artcatalogue .panel-head{margin:0;padding:0;text-align:left;}
.page-panel .panel-head:before,
.artcatalogue .panel-head:before,
.page-panel .panel-head .desc{display:none;}
.page-panel .heading,
.artcatalogue .heading{position:relative;margin:0 0 15px 0;padding:10px 5px 10px 20px;background:#449031;font-size:14px;line-height:20px;}
.page-panel .heading:before,
.artcatalogue .heading:before{content:"";display:block;position:absolute;height:100%;width:4px;top:0px;left:0px;background:rgba(0, 0, 0, .15);z-index:1;}
.page-panel .heading > *,
.artcatalogue .heading > *{color:#fff;text-align:center;}
}
@media (max-width:479px){.page-panel .heading,
.artcatalogue .heading{margin:0 0 10px 0;padding:8px 5px 8px 15px;font-size:13px;line-height:18px;}
}
.homepage-project{margin:0 0 50px 0;}
.homepage-project .article{position:relative;position:relative;background:#fff;text-align:center;}
.homepage-project .article .thumb{position:relative;margin:0 0 15px 0;z-index:5;}
.homepage-project .article .image{position:relative;overflow:hidden;}
.homepage-project .article .image:before{content:"";display:block;position:absolute;top:100%;left:0px;bottom:0px;right:0px;opacity:0;z-index:-1;background-color:transparent;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));background:-webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .5));background:-moz-linear-gradient(top, transparent, rgba(0, 0, 0, .5));background:-ms-linear-gradient(top, transparent, rgba(0, 0, 0, .5));background:-o-linear-gradient(top, transparent, rgba(0, 0, 0, .5));-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.homepage-project .article .image:hover:before{top:0px;opacity:1;z-index:6;}
.homepage-project .article .image img{position:relative;-webkit-transition:all 4.5s ease-out;-moz-transition:all 4.5s ease-out;-ms-transition:all 4.5s ease-out;-o-transition:all 4.5s ease-out;transition:all 4.5s ease-out;}
.homepage-project .article .image:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.homepage-project .article .thumb:before{content:"";display:block;position:absolute;width:100%;height:18px;top:initial;bottom:-19px;left:0px;background:url(img/shadow.png) center;-webkit-background-size:100% 100%;background-size:100% 100%;z-index:-1;}
.homepage-project .article .title{margin:0 0 10px 0;font-size:20px;line-height:24px;text-transform:uppercase;}
.homepage-project .article .title a{color:#428bca;font-weight: normal;color:#000;}
.homepage-project .article .price{margin:0 0 10px 0;color:#000;font-size:18px;line-height:22px;}
.homepage-project .article .price .value{color:#e22027;font-weight:bold;}
.homepage-project .article .viewmore a{display:inline-block;position:relative;padding:9px 15px 7px 15px;min-width:80px;background:#edae44;border-bottom:1px solid #CA9336;border-radius:3px;color:#fff;font-size:14px;line-height:16px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.homepage-project .article .viewmore a:hover{opacity:.9;}
@media (min-width:1220px){.homepage-project .article .image{height:190px;}
}
@media (max-width:1220px){.homepage-project{margin:0 0 35px 0;}
.homepage-project .list-article{margin-left:-10px;}
.homepage-project .list-article > li{padding-left:10px;}
}
@media (max-width:960px){.homepage-project{margin:0 0 25px 0;}
.homepage-project .article{padding:2px;border:1px solid #d5d5d5;}
.homepage-project .article .thumb{margin:0;}
.homepage-project .article .infor{padding:7px 5px 10px 5px;}
.homepage-project .article .title{margin:0 0 8px 0;font-size:16px;line-height:20px;}
.homepage-project .article .title a{color:#000;}
.homepage-project .article .price{margin:0 0 10px 0;font-family:Arial;font-size:13px;line-height:18px;}
.homepage-project .article .viewmore a{padding:9px 20px 7px 20px;}
}
@media (min-width:768px) and (max-width:1220px){.homepage-project .article .image{height:160px;}
}
@media (max-width:767px){.homepage-project{margin:0 0 20px 0;}
}
@media (min-width:700px) and (max-width:767px){.homepage-project .article .image{height:240px;}
}
@media (min-width:568px) and (max-width:700px){.homepage-project .article .image{height:185px;}
}
@media (max-width:567px){.homepage-project{margin:0 0 15px 0;}
.homepage-project .list-article{margin-left:-5px;}
.homepage-project .list-article > li{padding-left:5px;}
}
@media (min-width:480px) and (max-width:567px){.homepage-project .article .image{height:150px;}
}
@media (max-width:479px){.homepage-project{margin:0 0 10px 0;}
.homepage-project .article .image{height:235px;}
}
#project-page{}
#project-page .desc *{font-family:'HTVietNam', sans-serif !important;}
#project-page .page-heading{padding:15px 0;background:#f58a37;text-align:center;}
#project-page .page-heading .heading{margin:0;font-size:24px;font-weight:normal;line-height:30px;text-transform:uppercase;}
#project-page .page-heading .heading > *{color:#fff;}
#project-page .project-design{margin:0 0 50px 0;padding:50px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:url(img/bg-vanhanh.jpg) bottom center no-repeat;}
#project-page .project-design .main-title,
.project-video .main-title{position:relative;margin:0 0 15px 0;padding-bottom:30px;font-size:20px;font-weight:normal;line-height:24px;text-align:center;text-transform:uppercase;}
#project-page .project-design .main-title:before,
.project-video .main-title:before{content:"";display:block;position:absolute;width:213px;height:21px;top:initial;bottom:0px;left:0px;right:0px;margin:0 auto;background:url(img/bg-heading.png) 0px 0px no-repeat;}
#project-page .project-design .main-title > * ,
.project-video .main-title > *{color:#f58a37;}
#project-page .project-section-01{margin:0 0 50px 0;}
#project-page .project-download{position:relative;padding:50px 0;background:#f58a37;border-bottom:1px solid #fff;}
#project-page .project-download .panel-head{margin:0 0 25px 0;text-align:center;}
#project-page .project-download .heading{margin:0 0 15px 0;color:#fff;font-size:24px;font-weight:300;line-height:30px;text-transform:uppercase;}
#project-page .project-download .panel-head .desc{color:#fff;font-size:15px;line-height:20px;}
#project-page .project-download .form-row{margin-bottom:10px;}
#project-page .project-download .form .input-text{height:45px;border:2px solid #fff;background:transparent;color:#fff;font-size:13px;line-height:45px;}
#project-page .project-download .form .btn-submit{display:block;height:45px;background:transparent;border:2px solid #fff;color:#fff;font-size:12px;font-weight:bold;font-family:Arial;line-height:45px;text-transform:uppercase;cursor:pointer;outline:none}
#project-page .project-download .form .btn-submit:hover{background:#8bba34;}
#project-page .project-download .form .input-text::-webkit-input-placeholder{color:#fff;font-size:12px;}
#project-page .project-download .form .input-text::-moz-placeholder{color:#fff;font-size:12px;}
#project-page .project-download .form .input-text:-ms-input-placeholder{color:#fff;font-size:12px;}
#project-page .project-download .form .input-text:-moz-placeholder{color:#fff;font-size:12px;}
.project-gallerys{padding:50px 0 0 0;background:#1a3955;color:#000000;text-align:center;font-weight:bold;font-size:14px;line-height:20px;}
.project-gallerys .panel{margin:0 0 50px 0;}
.project-gallerys .panel-head{position:relative;margin:0 0 25px 0;padding-bottom:30px;text-align:center;}
.project-gallerys .panel-head:before{content:"";display:block;position:absolute;width:213px;height:21px;margin:0 auto;top:initial;bottom:0px;left:0px;right:0px;background:url(img/bg-heading.png) 0px 0px no-repeat;}
.project-gallerys .heading{margin:0;font-size:20px;font-weight:normal;line-height:24px;text-transform:uppercase;}
.project-gallerys .heading > *{color:#fff;}
.project-gallerys .panel-head .desc{margin:10px 0 0 0;opacity:.8;color:#fff;font-size:15px;line-height:20px;text-transform:uppercase;}
.project-gallerys .gallerys-01 .navtab{position:relative;margin:0 0 -4px 0;background:#fff;text-align:center;}
.project-gallerys .gallerys-01 .navtab ul{display:inline-block;}
.project-gallerys .gallerys-01 .navtab li{float:left;}
.project-gallerys .gallerys-01 .navtab a{display:block;position:relative;padding:12px 16px 14px 16px;border:1px solid #e1e1e1;border-bottom:none;background:#1a3955;color:#ded3d3;font-size:12px;line-height:20px;font-weight:bold;}
.project-gallerys .gallerys-01 .navtab li + li > a{border-left:none;}
.project-gallerys .gallerys-01 .navtab .uk-active a{background:#f8f8f8;color:#000;font-weight:bold;}
#gallerys-01{padding:10px 20px;border:1px solid #e1e1e1;border-top:none;background:#f8f8f8;}
#gallerys-01 .image{display:block;position:relative;overflow:hidden;cursor:pointer;}
#gallerys-01 .image:before{content:"";display:block;position:absolute;width:100%;height:100%;top:0px;left:0px;background:rgba(255, 255, 255, .7);opacity:0;z-index:-1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
#gallerys-01 .image:hover:before{opacity:1;z-index:1}
#gallerys-01 .image:after{content:"\f065";display:block;position:absolute;width:80px;height:80px;left:50%;top:50%;margin:-40px 0 0 -40px;background:rgba(0, 0, 0, .7);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;color:#fff;text-align:center;font-family:FontAwesome;font-size:16px;line-height:80px;opacity:0;z-index:-1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
#gallerys-01 .image:hover:after{opacity:1;z-index:5}
.project-gallerys .gallerys-02 .panel-body > .content{margin:0 0 20px 0;}
.project-gallerys .gallerys-02 .list{margin-left:-2px;}
.project-gallerys .gallerys-02 .list > li{padding-left:2px;margin-bottom:2px;}
.project-gallerys .gallerys-02 .thumb{position:relative;padding:5px 5px;background:#fff;cursor:pointer;}
.project-gallerys .gallerys-02 .thumb .description{display:block;position:absolute;top:5px;bottom:5px;left:5px;right:5px;padding:15px 15px;background:rgba(0, 0, 0, .75);color:#fff;font-size:13px;line-height:20px;opacity:0;z-index:-1;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;}
.project-gallerys .list > li:hover > .thumb .description{opacity:1;z-index:5;}
.project-gallerys .gallerys-02 .title{margin:0;padding:7px 7px;background:#fff;font-size:14px;line-height:20px;text-align:center;}
.project-gallerys .gallerys-02 .title a{color:#000;}
#project-page .page-foot{padding:20px 0;background:#333;color:#ff6600;font-size:18px;line-height:22px;text-transform:uppercase;text-align:center;}
#project-page .project-support{padding:0 0 50px 0;}
#project-page .project-support .container{position:relative;padding-bottom:30px;text-align:center;}
#project-page .project-support .container:before{content:"";display:block;position:absolute;width:213px;height:21px;top:initial;bottom:0px;left:0px;right:0px;margin:0 auto;background:url(img/bg-heading.png) 0px 0px no-repeat;}
#project-page .project-support .title{color:#ff6600;font-size:19px;line-height:26px;text-transform:uppercase;}
#project-page .project-support .hotline{margin:8px 0 5px 0;}
#project-page .project-support .hotline a{display:block;color:#ffff00;font-size:24px;font-weight:600;line-height:30px;}
.project-video{padding:50px 0;background:url(img/bg-project-video.jpg) 0px 0px;}
.project-section-01 .panel-head{position:relative;margin:0 0 35px 0;padding-bottom:30px;text-align:center;}
.project-section-01 .panel-head:before,
#project-page .page-introduction .panel-head:before{content:"";display:block;position:absolute;width:213px;height:21px;margin:0 auto;top:initial;bottom:0px;left:0px;right:0px;background:url(img/bg-heading.png) 0px 0px no-repeat;}
.project-section-01 .heading{margin:0 0 10px 0;font-size:20px;font-weight:normal;line-height:24px;text-transform:uppercase;}
.project-section-01 .heading > *{color:#f58a37;}
.project-section-01 .panel-head .desc{color:#ff6600;font-size:14px;line-height:20px;text-transform:uppercase;}
.project-section-01 .content .title,
#project-page .page-introduction .box .title{position:relative;margin:0 0 20px 0;padding-bottom:15px;color:#f58a37;font-size:24px;line-height:30px;text-transform:uppercase;}
.project-section-01 .content .title:before,
#project-page .page-introduction .box .title:before{content:"";display:block;position:absolute;width:100px;top:initial;bottom:0px;left:0px;height:1px;background:#e1e1e1;}
#project-page .page-introduction{margin:0 0 50px 0;}
#project-page .page-introduction .panel-head{position:relative;margin:0 0 50px 0;padding-bottom:40px;text-align:center;}
#project-page .page-introduction .heading{margin:0 0 15px 0;font-size:20px;font-weight:normal;line-height:24px;text-transform:uppercase;}
#project-page .page-introduction .heading > *{color:#ff6600;}
@media (min-width:1220px){#project-page .project-section-01 .content{padding-left:40px;}
.project-gallerys .gallerys-02 .image{height:235px;}
.project-gallerys .gallerys-02 .thumb:hover .tooltip{top:-15px;opacity:1;z-index:2}
.project-video .video{height:680px;}
}
@media (max-width:1220px){.project-gallerys .gallerys-02 .thumb{padding:5px 5px;}
}
@media (min-width:960px) and (max-width:1220px){.project-video .video{height:510px;}
}
@media (min-width:768px) and (max-width:1220px){.project-gallerys .gallerys-02 .image{height:190px;}
}
@media (max-width:960px){#project-page .project-download{padding:35px 0 25px 0;}
#project-page .project-download .panel-head{margin:0 0 20px 0;}
#project-page .project-download .heading{margin:0 0 10px 0;font-size:20px;line-height:24px;}
#project-page .project-download .panel-head .desc{font-size:14px;}
#project-page .project-download .form .input-text{height:40px;border:1px solid #fff;line-height:40px;}
#project-page .project-section-01 .thumb{margin:0 0 15px 0;}
.project-section-01 .panel-body > .uk-grid > * + *{margin-top:20px;}
}
@media (min-width:768px) and (max-width:960px){.project-video .video{height:365px;}
}
@media (max-width:767px){.project-gallerys .gallerys-03 .thumb{text-align:center;}
.project-gallerys .gallerys-03 .uk-grid > * + *{margin-top:5px;}
}
@media (min-width:700px) and (max-width:767px){.project-gallerys .gallerys-02 .image{height:280px;}
.project-video .video{height:300px;}
}
@media (min-width:567px) and (max-width:700px){.project-gallerys .gallerys-02 .image{height:220px;}
.project-video .video{height:275px;}
}
@media (min-width:480px) and (max-width:567px){.project-gallerys .gallerys-02 .image{height:175px;}
.project-video .video{height:250px;}
}
@media (max-width:479px){.project-gallerys .gallerys-02 .thumb{padding:2px 2px;}
.project-gallerys .gallerys-02 .image{height:145px;}
.project-video .video{height:225px;}
}
#homepage .video-container{position:relative;margin:0 0 50px 0;padding:30px 0;background:url(img/bg-video.jpg) repeat-y left top;-webkit-background-size:100%;-moz-background-size:100%;background-size:100%;z-index:5;}
.homepage-timeline{position:relative;padding:9px 15px;background:rgba(255, 255, 255, 0.72);border:1px solid #d5d5d5;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;}
.homepage-timeline .heading{margin:0 0 20px 0;font-size:18px;font-weight:normal;line-height:24px;text-transform:uppercase;}
.homepage-timeline .history-box{position:relative;height:375px;overflow:hidden;overflow-y:auto;}
.homepage-timeline .history-box::-webkit-scrollbar{width:6px;cursor:pointer;background-color:#444;}
.homepage-timeline .history-box::-webkit-scrollbar-thumb{background-color:#8a8a8a;cursor:pointer;}
.homepage-timeline .history-box::-webkit-scrollbar-track{border:1px #333 solid;cursor:pointer;}
.homepage-timeline .history-box .inner{position:relative;padding:0 0;overflow:hidden;overflow-y:auto;}
.homepage-timeline .history-box .inner:before{content:"";display:block;position:absolute;height:100%;width:2px;top:0px;left:240px;background:#006eda;}
.homepage-timeline .history-box .item{position:relative;}
.homepage-timeline .history-box .item + .item{margin-top:35px;}
.homepage-timeline .history-box .item:before{content:"";display:table-cell}
.homepage-timeline .history-box .item:after{content:"";display:table;clear:both}
.homepage-timeline .history-box .item .label{float:left;width:200px;font-weight:bold;text-align:right}
.homepage-timeline .history-box .item .value{float:right;width:-webkit-calc(100% - 200px);width:-moz-calc(100% - 200px);width:-ms-calc(100% - 200px);width:-o-calc(100% - 200px);width:calc(100% - 200px);padding-left:80px;padding-right:15px;font-size:14px;line-height:24px;}
.homepage-timeline .history-box .item .bullet{position:absolute;width:12px;height:12px;top:5px;left:235px;border:2px solid #006eda;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.homepage-video .featured{position:relative;margin:0 0 20px 0;padding:3px 3px;background:rgba(255, 255, 255, .5);border:1px solid #d5d5d5;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;}
.homepage-video .featured .video{height:277px;}
.homepage-video .video-list{position:relative;padding:10px 10px;background:rgba(255, 255, 255, 0.72);border:1px solid #d5d5d5;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;}
.homepage-video .video-list li:not(:last-child){margin-bottom:10px;}
.homepage-video .video-list a{display:block;position:relative;padding-left:18px;color:#000;font-size:14px;line-height:20px;}
.homepage-video .video-list a:hover{color:#449031;text-decoration:underline;}
.homepage-video .video-list a:before{content:"";display:block;position:absolute;width:9px;height:7px;left:0px;top:5px;background:url(img/icon_camera.png);}
#homepage .video-container{position:relative;-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.75);box-shadow:0px 2px 5px 0px rgba(0,0,0,0.75);}
#homepage .video-container:before{content:"";top:0px;bottom:0px;left:0px;right:0px;position:absolute;}
@media (max-width:1220px){#homepage .video-container{margin:0 0 35px 0;background:url(img/bg-video.jpg) center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
}
@media (max-width:960px){#homepage .video-container{margin:0 0 25px 0;padding:20px 0;}
.homepage-timeline,
.homepage-video .featured{margin:0 0 15px 0;}
.homepage-timeline .history-box .inner{padding:15px 0;}
.homepage-timeline .history-box .item + .item{margin-top:25px;}
.homepage-timeline .history-box .item .value{font-size:14px;line-height:22px;}
}
@media (max-width:767px){#homepage .video-container{margin:0 0 15px 0;margin:0 0 15px 0;padding:15px 0;background:none;}
.homepage-timeline .heading{font-size:16px;line-height:20px;}
.homepage-timeline,
.homepage-video .featured,
.homepage-video .video-list{background:#fff;border:1px solid #d5d5d5;}
.homepage-timeline .history-box .inner{padding:0 15px 0 0;}
.homepage-timeline .history-box .item + .item{margin-top:10px;padding-top:10px;border-top:1px dotted #c8c8c8;}
.homepage-timeline .history-box .inner:before,
.homepage-timeline .history-box .item .bullet{display:none;}
.homepage-timeline .history-box .item .label{display:block;width:100%;float:none;margin:0 0 5px 0;font-size:16px;line-height:20px;text-align:left}
.homepage-timeline .history-box .item .value{display:block;float:none;width:100%;padding:0}
}
@media (max-width:567px){#homepage .video-container{margin:0 0 10px 0;}
.homepage-timeline{padding:10px 10px;}
}
@media (max-width:479px){.homepage-timeline .heading{font-size:14px;}
}
.minipopup-area{
   display: none;
}
.homepage-featured-news{margin:0 0 50px 0;}
.homepage-featured-news .article{position:relative;background:#fff;}
.homepage-featured-news .article .image{position:relative;}
.homepage-featured-news .article .meta{margin:0;font-size:13px;line-height:18px;color:#999;}
@media (min-width:960px){.homepage-featured-news .list-article>li:nth-child(n+3){margin-top:15px;}
.homepage-featured-news .article:before{content:"";display:block;position:absolute;width:32px;height:9px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:url(img/double-line.png);z-index:10}
.homepage-featured-news .article .thumb,
.homepage-featured-news .article .infor{float:left;width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);width:-ms-calc(50% - 10px);width:-o-calc(50% - 10px);width:calc(50% - 10px);}
.homepage-featured-news .article .infor{margin-left:20px;padding:8px 12px;border:1px solid #e7e7e7;}
.homepage-featured-news .article .meta{margin:0 0 5px 0;}
.homepage-featured-news .article .title{margin:0 0 5px 0;height:40px;line-height:20px;font-size:14px;font-weight:bold;text-transform:uppercase;overflow:hidden;}
.homepage-featured-news .article .title a{color:#954c03;font-size:18px}
.homepage-featured-news .article .description{max-height:54px;margin:0 0 5px 0;font-size:13px;line-height:18px;color:#999;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
.homepage-featured-news .article .viewmore a{color:#f58a37;line-height:20px;font-size:14px;font-weight:bold;text-transform:uppercase;}
.homepage-featured-news .article .infor a:hover{text-decoration:underline;}
}
@media (min-width:1220px){.homepage-featured-news .list-article>li:nth-child(n+3){margin-top:30px;}
.homepage-featured-news .article .infor{margin-top:10px;}
.homepage-featured-news .article .image{height:165px;}
}
@media (max-width:1220px){.homepage-featured-news{margin:0 0 35px 0;}
}
@media (min-width:960px) and (max-width:1220px){.homepage-featured-news .article .image{height:150px;}
.homepage-featured-news .article .infor{margin-top:3px;}
}
@media (max-width:960px){.homepage-featured-news{margin:0 0 20px 0;}
.homepage-featured-news .list-article>li:nth-child(n+2){margin-top:10px;}
.homepage-featured-news .article{padding:3px;border:1px solid #e1e1e1;box-shadow:0 0 1px rgba(0, 0, 0, .05);-webkit-box-shadow:0 0 1px rgba(0, 0, 0, .05);-ms-box-shadow:0 0 1px rgba(0, 0, 0, .05);-o-box-shadow:0 0 1px rgba(0, 0, 0, .05);-moz-box-shadow:0 0 1px rgba(0, 0, 0, .05);}
.homepage-featured-news .article .thumb{float:left;width:35%;}
.homepage-featured-news .article .infor{float:right;width:65%;padding:5px 5px 5px 15px;}
.homepage-featured-news .article .title{max-height:40px;margin:0 0 5px 0;font-size:16px;line-height:20px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;text-transform:uppercase;}
.homepage-featured-news .article .title a{color:#333;}
.homepage-featured-news .article .title a:hover{color:#1D8ACB;}
.homepage-featured-news .article .description{margin:0;max-height:54px;line-height:18px;font-size:13px;color:#999;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
.homepage-featured-news .article .description *{font-size:14px;}
.homepage-featured-news .article .viewmore{display:none;}
}
@media (min-width:767px) and (max-width:960px){.homepage-featured-news .article .image{height:155px;}
.homepage-featured-news .article .title{font-size:18px;margin:0 0 10px 0;text-transform:uppercase;}
.homepage-featured-news .article .description{max-height:60px;font-size:14px;line-height:20px;}
}
@media (max-width:767px){.homepage-featured-news{margin:0 0 10px 0;}
.homepage-featured-news .article .meta{display:none;}
}
@media (min-width:567px) and (max-width:767px){.homepage-featured-news .article .image{height:125px;}
}
@media (max-width:567px){.homepage-featured-news{margin:0 0 5px 0;}
.homepage-featured-news .list-article>li:nth-child(n+2){margin-top:5px;}
}
@media (min-width:479px) and (max-width:567px){.homepage-featured-news .article .image{height:120px;}
}
@media (max-width:479px){.homepage-featured-news .article .infor{padding:3px 3px 3px 10px;}
.homepage-featured-news .article .title{margin:0 0 3px 0;max-height:20px;white-space:nowrap;text-transform:uppercase;}
.homepage-featured-news .article .image{height:85px;}
}
#article-page{padding:0 0 50px 0;}
.artcatalogue-page{background:#f0f0f0;}
.artcatalogue .heading > *{color:#333;}
.artcatalogue .panel-head{margin:0 0 20px 0;}
.artcatalogue .list-articles > li{margin-bottom:15px;}
.artcatalogue .article{position:relative;padding:15px 15px;background:#fff;border:1px solid #c8c8c8;-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .1);-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, .1);-ms-box-shadow:0px 0px 5px rgba(0, 0, 0, .1);-o-box-shadow:0px 0px 5px rgba(0, 0, 0, .1);box-shadow:0px 0px 5px rgba(0, 0, 0, .1);}
.artcatalogue .article .thumb{margin:0 0 15px 0;}
.artcatalogue .article .image{position:relative;overflow:hidden;}
.artcatalogue .article .image img{position:relative;max-height:245px;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;}
.artcatalogue .article .image:hover img{-webkit-transform:scale(1.1) rotate(5deg);-moz-transform:scale(1.1) rotate(5deg);-o-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg);}
.artcatalogue .article .title{margin:0 0 10px 0;font-size:18px;line-height:24px;}
.artcatalogue .article .title a{color:#449031;}
.artcatalogue .article .description{max-height:66px;color:#000;font-size:14px;line-height:22px;overflow:hidden;text-overflow:ellipsis;}
.artcatalogue .article .meta{position:relative;margin-top:20px;padding-top:20px;}
.artcatalogue .article .meta:before{content:"";display:block;position:absolute;width:100%;height:1px;top:0px;left:0px;background:-webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, #449031 50%, rgba(255, 255, 255, 1) 100%);background:-moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, #449031 50%, rgba(255, 255, 255, 1) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, #449031 50%, rgba(255, 255, 255, 1) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 1) 0%, #449031 50%, rgba(255, 255, 255, 0) 100%);}
.artcatalogue .article .viewmore a{display:inline-block;position:relative;padding:5px 20px;background:#449031;border:1px solid #449031;font-family:Arial, sans-serif;font-size:10px;font-weight:bold;line-height:15px;text-transform:uppercase;color:#fff;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;}
.artcatalogue .article .viewmore a > span{position:relative;display:inline-block;padding-right:15px;}
.artcatalogue .article .viewmore a > span:before{content:"\f054";display:block;position:absolute;font-family:FontAwesome;left:initial;right:0px;top:0px;font-size:9px;}
.artcatalogue .article .social li{float:left;}
.artcatalogue .article .social li + li{margin-left:6px;}
.artcatalogue .article .social a{display:block;position:relative;width:20px;height:20px;background-repeat:no-repeat;background-position:0px 0px;background-image:url(img/facebook.jpg);-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px;text-indent:-99999px;}
.artcatalogue .article .social li:nth-of-type(2) a{background-image:url(img/twitter.jpg);}
.artcatalogue .article .social li:nth-of-type(3) a{background-image:url(img/googleplus.jpg);}
.artcatalogue .article .social li:nth-of-type(4) a{background-image:url(img/email.jpg);}
@media (min-width:1220px){#article-page{padding:86px 0 50px 0;}
.artcatalogue .article .image{max-height:265px}
}
@media (max-width:1220px){#article-page{padding:0 0 35px 0;}
}
@media (max-width:960px){#article-page{padding:0 0 25px 0;}
.artcatalogue .list-articles{margin-left:-10px;}
.artcatalogue .list-articles > li{margin-bottom:10px;padding-left:10px;}
.artcatalogue .article{padding:10px 10px;}
.artcatalogue .article .thumb{margin:0 0 10px 0;}
.artcatalogue .article .title{font-size:16px;line-height:20px;}
.artcatalogue .article .image{max-height:255px}
.artcatalogue .article .meta{margin-top:15px;padding-top:15px;}
}
@media (max-width:767px){#article-page{padding:0 0 20px 0;}
.artcatalogue .article .desciption{max-height:60px;font-size:14px;line-height:20px;}
}
@media (max-width:567px){#article-page{padding:0 0 15px 0;}
.artcatalogue .list-articles{margin-left:-5px;}
.artcatalogue .list-articles > li{margin-bottom:5px;padding-left:5px;}
}
@media (max-width:479px){.artcatalogue .list-articles{margin-left:0;}
.artcatalogue .list-articles > li{margin-bottom:10px;padding-left:0;}
.artcatalogue .article .image{max-height:225px}
}
.art-detail{margin:0 0 25px 0;color:#000;font-family:Arial, sans-serif;font-size:14px;line-height:22px;}
.art-detail .panel-body{margin:0 0 25px 0;}
.art-detail .article .title{color:#333;font-size:20px;line-height:24px;}
.art-detail .article .description{margin:0 0 10px 0;font-weight:bold;}
.art-detail form{}
.art-detail form input[type=text]{height:32px;border:1px solid #d5d5d5;line-height:20px;font-size:14px;color:#000;letter-spacing:1px;width:315px;}
.art-detail form input[type=submit]{display:inline-block;padding:6px 25px;background:#54b100;border:none;line-height:20px;font-size:14px;color:#fff;text-transform:uppercase;cursor:pointer;}
.art-detail form input[type=submit]:hover{background:#333;}
.art-detail .article img{display:inline-block!important;width:auto!important;height:auto!important;max-width:100%!important;margin:0 auto 15px auto!important;}
.art-detail .share-box{margin:0 0 15px 0;}
.art-detail .share-box > * + *{margin-left:5px!important;}
@media (min-width:1220px){.art-detail .article .title{font-size:22px;line-height:28px;}
}
@media (max-width:767px){.art-detail{font-size:13px;line-height:20px;}
}
.art-same{margin:0;}
.art-same .heading{margin:0 0 20px 0!important;}
.art-same .list-article>li{margin-bottom:15px;}
.art-same .article .thumb{margin:0 0 5px 0;}
.art-same .article .title{margin:0;max-height:40px;font-size:16px;line-height:20px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}
.art-same .article .title a{color:#333;}
.art-same .article .title a:hover{color:#0088cc;}
@media (min-width:1220px){.art-same .article .image{height:185px;}
.art-same .article .thumb{margin:0 0 8px 0;}
}
@media (max-width:960px){.art-same .panel-body{padding:10px 10px 0px 10px;}
}
@media (min-width:767px) and (max-width:1220px){.art-same .article .image{height:165px;}
}
@media (min-width:567px) and (max-width:767px){.art-same .article .image{height:185px;}
}
@media (min-width:479px) and (max-width:567px){.art-same .article .image{height:140px;}
}
@media (max-width:479px){.art-same .list-article{margin-left:-10px;}
.art-same .list-article>li{padding-left:10px;margin-bottom:10px;}
.art-same .article .title{font-size:15px;}
.art-same .article .image{height:110px;}
}
@media (max-width:350px){.art-same .article .image{height:90px;}
}
.aside > *{margin-bottom:15px;}
.aside-panel .heading,
.art-same .heading{position:relative;margin:0;padding:8px 10px 8px 20px;background:#449031;font-size:14px;font-weight:normal;line-height:20px;text-transform:uppercase;}
.aside-panel .heading:before,
.art-same .heading:before{content:"";display:block;position:absolute;height:100%;width:3px;top:0px;left:0px;background:rgba(0, 0, 0, .25);}
.aside-panel .heading > *,
.art-same .heading > *{color:#fff;}
.aside-catalogies .panel-body,
.aside-news .panel-body{border:1px solid #d5d5d5;border-top:none;}
.aside-catalogies .maincat > li > a{display:block;position:relative;padding:10px 10px 10px 30px;font-size:14px;font-weight:bold;line-height:20px;color:#449031;}
.aside-catalogies .maincat > li > a:before{content:"";display:block;position:absolute;width:5px;height:5px;left:15px;top:17px;background:url(img/icon_title.png) 0px 0px no-repeat;}
.aside-catalogies .maincat > li + li > a,
.aside-news .list-article > li + li{border-top:1px dotted #c8c8c8;}
.aside-news .list-article > li{padding:10px 10px;}
.aside-news .article .thumb{float:left;width:100px;height:75px;}
.aside-news .article .infor{float:right;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:-ms-calc(100% - 100px);width:-o-calc(100% - 100px);width:calc(100% - 100px);padding-left:10px;}
.aside-news .article .title{max-height:60px;margin:0;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;}
.aside-news .article .title a{color:#000;font-weight: normal;font-size:14px;}
.aside-news .article .title a:hover{color:#1D8ACB;}
@media (min-width:1220px){#article-page{padding-top:140px;}
.art-detail-page{padding-top:86px !important;}
}
@media (max-width:415px){#article-page{padding-top:20px !important;}
}
@media (min-width:1200px){.contact{margin:0 0 20px 0;padding-top:80px;}
}
@media (max-width:415px){.contact{padding-top:0;}
}
.contact .contact-infomation,
.contact .contact-form{margin-bottom:20px!important;}
.contact .contact-form{background:url(img/bg1.jpg) no-repeat;background-size:cover;padding:20px;}
.contact .contact-infomation .note{margin-bottom:10px;font-style:italic;color:#666;}
.contact .contact-infomation .company{margin-bottom:10px;line-height:24px;font-size:18px;font-weight:normal;font-family:'UTM Hanzel', sans-serif;text-transform:uppercase;color:#209004db;}
.contact .contact-infomation .address{margin-bottom:20px;}
.contact .contact-infomation .address p{margin:0 0 5px 0;color:#000;}
.contact .contact-infomation .address p *{color:#000;}
.contact .contact-infomation .address a{color:#000;}
.contact .contact-map{padding:4px;border:1px solid #d5d5d5;}
.contact .contact-form .label{margin-bottom:15px;line-height:22px;font-size:14px;color:#333;font-family:'UVF-ProductSans-Regular';}
.contact .contact-form .input-text:focus{background-color:rgba(0,0,0,.3);}
.contact .contact-form .form-row{margin-bottom:10px;}
.contact .contact-form .input-text,
.contact .contact-form .form-select,
.contact .contact-form .form-textarea{border:1px solid #d5d5d5;font-size:14px;color:#fff;height:38px;padding:0 15px;background-color:rgba(0,0,0,.5);line-height:38px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.contact-form .form-select{color:#fff!important;}
.contact .contact-form .input-text,
.contact .contact-form .form-select{height:40px;color:#fff;}
.contact .contact-form .form-textarea{padding:5px 10px;height:200px;font-family:'UVF-ProductSans-Regular' !important;color:#fff;}
.contact .contact-form .form-textarea::placeholder,
.contact .contact-form .input-text::placeholder{color:#fff;opacity:1;}
.contact .contact-form .form-textarea:-ms-input-placeholder,
.contact .contact-form .input-text:-ms-input-placeholder{color:#fff;}
.contact .contact-form .form-textarea::-ms-input-placeholder,
.contact .contact-form .input-text::-ms-input-placeholder{color:#fff;}
.contact-form .btn-submit{display:inline-block;padding:6px 25px;background:#209004db;border:none;line-height:20px;font-size:14px;color:#fff;text-transform:uppercase;cursor:pointer;}
@media (min-width:960px){.contact .contact-infomation .company{font-size:24px;margin:0 0 15px;font-family:MyriadLight;line-height:1.2;text-shadow:1px 1px 0 rgba(0,0,0,.5);text-align:center;color:#fff;}
}
.footer .upper{padding:25px 0 0px 0;background:url(img/footer.jpg) center;font-size:14px;line-height:20px;color:#fff;}
.footer .upper .panel{margin-bottom:20px}
.footer .upper .heading{margin:0 0 10px 0;font-size:18px;line-height:24px;text-transform:uppercase;}
.footer .upper .heading>*{color:#eaff00;}
.footer-intformation .article{margin:0 0 15px 0;}
.footer-intformation .article .thumb{float:left;width:100px;margin:0 10px 5px 0;background:#fff;padding:15px 10px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.footer-intformation .article .image{height:50px;}
.footer-intformation .article .description{font-size:14px;line-height:22px;}
.footer-intformation .social li{float:left;}
.footer-intformation .social li+li{margin-left:5px;}
.footer-intformation .social a{display:block;position:relative;width:30px;height:30px;line-height:30px;text-align:center;background:#3b5998;font-size:12px;color:#fff;border:1px solid #fff;}
.footer-intformation .social .twitter a{background:#55acee;}
.footer-intformation .social .google a{background:#e02f2f;}
.footer-intformation .social .youtube a{background:#cf2200;}
.footer-contact{font-size:14px;line-height:20px;}
.footer-contact a{color:#fff;}
.footer-contact li{position:relative;padding-left:25px;}
.footer-contact li:not(:last-child){margin-bottom:7px;}
.footer-contact li.phone{background:url(img/icon_landline.png) 0px 4px no-repeat;}
.footer-contact li.fax{background:url(img/icon-fax.png) 0px 4px no-repeat;}
.footer-contact li.hotline{background:url(img/icon-mobile.png) 0px 4px no-repeat;}
.footer-contact li.email{background:url(img/icon-fax.png) 0px 4px no-repeat;}
.footer-contact li.website{background:url(img/icon-globe.png) 0px 4px no-repeat;}
.footer-contact li.location:before{content:"\f015";display:block;position:absolute;font-family:FontAwesome;color:#eaff00;font-size:15px;left:0px;top:1px;}
.footer-map .map{height:215px;border:2px solid #fff;}
.footer .lower{padding:7px 0;background:#031a27;font-size:14px;line-height:20px;color:#fff;}
@media (max-width:767px){.footer .lower .container{display:block;}
.footer .lower .license{margin:0 0 5px 0;}
}
.call-btn{position:fixed;margin:0;padding:0;left:0;bottom:50px;background:#fff;background-color:transparent;cursor:pointer;font-size:0;width:110px;height:110px;z-index:1000;}
.call-btn .tada{background:#db0005;border-radius:100px;width:40px;height:40px;position:absolute;left:50%;top:50%;margin-top:-20px;margin-left:-20px;animation-name:tada;animation-duration:0.5s;animation-iteration-count:infinite;animation-direction:alternate;}
.call-btn .tada a:before{content:"\f095";font-size:25px;font-family:FontAwesome;text-decoration:none;color:#fff;margin-left:10px;position:absolute;top:50%;margin-top:-10px;}
@keyframes tada{from{transform:rotate(-20deg);}
to{transform:rotate(20deg);}
}
.call-btn .pulse{width:60px;height:60px;background:rgba(219, 0, 5, 0.6);border-radius:100px;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;animation-name:pulse;animation-duration:0.5s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;}
@keyframes pulse{from{width:55px;height:55px;margin-top:-27.5px;margin-left:-27.5px;}
to{width:60px;height:60px;margin-top:-30px;margin-left:-30px;}
}
.call-btn .zoomIn{width:80px;height:80px;border:2px solid #db0005;border-radius:100px;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;animation-name:zoomIn;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out;}
@keyframes zoomIn{from{width:40px;height:40px;margin-top:-20px;margin-left:-20px;}
to{width:80px;height:80px;margin-top:-40px;margin-left:-40px;}
}
@media (max-width:567px){.call-btn{width:80px;height:80px;}
}
@media (max-width:479px){.call-btn{left:25px;bottom:70px;width:50px;height:50px;}
}
.page-introduction{}
.project-design *,.page-introduction *{font-family:'HTVietNam' !important;}
#backtop{position:fixed;right:30px;clip:rect(auto,auto,auto,auto);text-indent:-9999px;display:block;width:45px;height:45px;background-image:url(img/toTop.png);background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:45px;-moz-background-size:45px;-o-background-size:45px;-ms-background-size:45px;background-size:45px;z-index:9999;}
#backtop:hover{opacity:.8;}
@media (max-width:960px){#backtop{display:none!important;visibility:hidden;opacity:0;z-index:-1}
}
.mobile-hotline-fixed{display:block;position:fixed;top:initial;bottom:5px;left:20px;z-index:999999;}
.mobile-hotline-fixed>a{display:block;position:relative;padding:10px 25px 10px 55px;background:#ec1b2487;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;font-size:18px;line-height:1;font-weight:bold;color:#fff;}
.mobile-hotline-fixed>a:before{content:"";display:block;position:absolute;width:36px;height:36px;top:2px;left:2px;background: url(http://dailaigolf.com.vn/uploads/images/icon-hotline-mobile.png) center no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;z-index:5;}
.mobile-hotline-fixed>a .value{display:inline-block;position:relative;-webkit-animation:blink .5s infinite;-moz-animation:blink .5s infinite;animation:blink .5s infinite;}
.blink{-webkit-animation:blink .5s infinite;-moz-animation:blink .5s infinite;animation:blink .5s infinite;}
.pc-user{position:relative;}
.pc-user .action{position:absolute;top:100%;background:#333;width:220px;display:none;z-index:999;}
.pc-user .action li{margin:0 0 10px 0;padding:10px;}
.pc-user .action li:hover{background:green;}
.pc-user:hover .action{display:block;}
@keyframes blink{0%{color:#fff000}
25%{color:#fff}
50%{color:#fff000;}
100%{color:#fff;}
}
@-webkit-keyframes blink{0%{color:#fff000}
25%{color:#fff}
50%{color:#fff000;}
100%{color:#fff;}
}
@-moz-keyframes blink{0%{color:#fff000}
25%{color:#fff}
50%{color:#fff000;}
100%{color:#fff;}
}
.partner-section .slider .uk-slider-container{padding:0 1px;}
.partner-section .thumb{padding:2px;background:#fff;border:1px solid #e1e1e1;}
.partner-section .thumb .image{height:95px;}
@media (min-width:1220px){.partner-section .slider .uk-slidenav{display:block;width:30px;height:42px;background:url(img/btn-prev.png) 0px 0px no-repeat;}
.partner-section .slider .uk-slidenav-previous{left:-50px;}
.partner-section .slider .uk-slidenav-next{right:-50px;background:url(img/btn-next.png) 0px 0px no-repeat;}
.partner-section .slider .uk-slidenav:before{display:none;}
}
@media (max-width:1200px){.partner-section .slider .uk-slidenav{display:block;visibility:hidden;opacity:0;}
}
#bgvid1{}
#bgvid2{position:fixed;width:100% !important;height:auto !important;background-size:cover;-webkit-transition:1s opacity;transition:1s opacity;}
#introduction-page .panel{margin:0 0 25px 0;}
#introduction-page .heading{position:relative;margin:0 0 20px 0;padding-bottom:15px;font-size:24px;line-height:30px;text-transform:uppercase;}
#introduction-page .heading:before{content:"";display:block;position:absolute;width:40px;height:3px;top:initial;bottom:0px;left:0px;background:#086db5;}
#introduction-page .heading > *{color:#444;}
.introduction-section .panel-body{color:#666;font-size:14px;line-height:22px;}
.introduction-section .panel-body .excerpt{margin-top:20px;color:#666;font-size:13px;line-height:35px;}
.introduction-section .panel-body .excerpt > li{margin-bottom:30px;}
.introduction-section .panel-body .excerpt .box{position:relative;padding-left:50px;}
.introduction-section .panel-body .excerpt .box .icon{display:block;position:absolute;width:35px;left:0px;top:50%;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);}
.introduction-section .panel-foot .article{margin-top:25px;}
.introduction-section .panel-foot .article,
.attractions-section .article{color:#666;font-size:14px;line-height:24px;}
.introduction-text{position:relative;min-height:250px;margin:0 0 25px 0;padding:25px 0;background:url(img/bg-introduction.jpg) center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff;font-size:16px;line-height:22px;text-align:center;}
.attractions-section .article + .article{margin-top:25px;}
.qa-section .list{max-height:495px;padding-right:15px;}
.qa-section .list::-webkit-scrollbar{height:10px;width:10px;background:#979797;}
.qa-section .list::-webkit-scrollbar-thumb{height:10px;width:10px;background:#0067b3;}
.qa-section .list > li{margin-bottom:10px;}
.qa-section .list .label{display:block;position:relative;padding:10px 140px 10px 20px;border:1px solid #d5d5d5;color:#000;font-size:17px;line-height:20px;}
.qa-section .list .label:after{content:"Xem câu trả lời +";display:block;position:absolute;left:initial;right:20px;top:10px;color:#0067b3;}
.qa-section .list .label.uk-active{padding:10px 20px;border-color:#0067b3;border-bottom:none;color:#0067b3;}
.qa-section .list .label.uk-active:after{content:"\f068";font-family:FontAwesome;}
.qa-section .list .content{padding:5px 20px 10px 20px;border:1px solid #0067b3;border-top:none;color:#666;font-size:14px;line-height:22px;}
@media (min-width:600px){.introduction-section .article .image{}
.introduction-section .article .image,
.attractions-section .article .image{display:block;width:100%;height:100%;}
.introduction-section .article .image img,
.attractions-section .article .image img{display:block;width:100%;height:100%;object-fit:cover;}
}
.art-detail *{font-family:'Averta' !important;font-size:16px;line-height:1.68}
@media (min-width:1200px){.result-detail table{width:100% !important;}
}
.list-information{display:block;padding:20px !important;border:5px solid #006634;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;}
.list-information li{margin:0 0 20px 0;}
.list-information .name{display:inline-block;width:130px;font-size:18px;}
.list-information .value{font-size:18px;color:#0300fd;font-weight:bold;}
#introduction-page .infor{font-size:18px !important;}
@media (min-width:1220px){#introduction-page .panel{margin:0 0 50px 0;}
#introduction-page .heading{font-size:26px;line-height:32px;}
.introduction-section .panel-foot .article,
.attractions-section .article + .article{margin-top:50px;}
.introduction-text{margin:0 0 50px 0;padding:55px 0;font-size:22px;line-height:30px;}
.introduction-text .container{padding:0 55px;}
.introduction-text .container *{color:#fff !important;}
}
@media (max-width:960px){.introduction-section .article .thumb{margin:0 0 15px 0;text-align:center;}
.introduction-section .panel-foot .article{margin-top:20px;}
}
@media (max-width:767px){#introduction-page .heading{margin:0 0 15px 0;padding-bottom:10px;font-size:18px;line-height:24px;}
.introduction-section .panel-foot .article{margin-top:15px;}
}
@media (max-width:567px){.introduction-text{margin:0 0 15px 0;font-size:14px;line-height:20px;text-align:justify;}
.qa-section .list .label{padding:10px 20px 10px 10px}
.qa-section .list .label:after{content:"\f067";font-family:FontAwesome;right:10px;}
.qa-section .list .label.uk-active{padding:10px 20px 10px 10px;}
.qa-section .list .content{padding:5px 10px 10px 10px;line-height:20px;}
}
@media (max-width:479px){.introduction-section .panel-body .excerpt > li{margin-bottom:10px;}
}
video{display:inline-block;vertical-align:middle;box-sizing:border-box;position:fixed;width:100% !important;height:auto;background-size:cover;-webkit-transition:1s opacity;transition:1s opacity;}
#history{display:inline-block;position:relative;padding-left:20px;color:#fff;padding:5px 20px;color:#333;}
#history:before{position:absolute;content:'\f048';display:block;left:6px;top:5px;font-family:'FontAwesome';}
#history_1{display:inline-block;position:relative;padding-left:20px;color:#fff;padding:5px 20px;color:#333;}
#history_1:before{position:absolute;content:'\f048';display:block;left:6px;top:5px;font-family:'FontAwesome';}


#modal-register,
#success-modal{background:rgba(0, 0, 0, .65);}
#modal-register .uk-modal-close.uk-close,
#booktour-modal .uk-modal-close.uk-close{margin:0;padding:0;width:23px;height:23px;left:initial;right:10px;top:10px;background:url(img/icon-close.png);}
#modal-register .uk-modal-dialog{position:relative;width:415px;padding:0;background:#fff;}
#booktour-modal .panel{position:relative;}
#modal-register .heading,
#booktour-modal .heading{position:relative;margin:0;padding:13px 15px;background:#0f7fc1;font-size:16px;font-weight:bold;font-family:Arial;text-transform:uppercase;text-align:center;}
#modal-register .heading > *,
#booktour-modal .heading > *{color:#fff;}
#modal-register .panel-body{padding:15px 30px 10px 30px;}
#modal-register .sex{margin:0 0 25px 0;text-align:center;}
#modal-register .sex > *{display:inline-block;}
#modal-register .sex > * + *{margin-left:20px;}
#modal-register .sex input{outline:none}
#modal-register .form-row{margin-bottom:10px;}
#modal-register .form .input-text,
#booktour-modal .form .input-text,
#booktour-modal .form .form-select,
#booktour-modal .form .form-textarea{display:block;height:34px;padding:0 8px;border:1px solid #ccc;border-top:1px solid #c4c4c4;color:#000;font-size:14px;line-height:34px;}
#booktour-modal .form .form-textarea{height:100px;line-height:22px;}
#modal-register .form .action,
#booktour-modal .form .action{margin:0 0 15px 0;padding-top:15px;text-align:center;}
#modal-register .btn-submit,
#booktour-modal .form .btn-submit{display:inline-block;position:relative;padding:8px 35px;background:#0f7fc1;border:none;cursor:pointer;color:#fff;font-size:14px;font-family:inherit;line-height:22px;outline:none;}
#modal-register .btn-submit:hover,
#booktour-modal .form .btn-submit:hover{background:#1c94db;}
#modal-register .form .input-text::-webkit-input-placeholder{color:#898989;font-size:13px;}
#modal-register .form .input-text::-moz-placeholder{color:#898989;font-size:13px;}
#modal-register .form .input-text:-ms-input-placeholder{color:#898989;font-size:13px;}
#modal-register .form .input-text:-moz-placeholder{color:#898989;font-size:13px;}
#modal-register .panel-foot{padding:0 30px 15px 30px;text-align:center;}
#modal-register .panel-foot .social-login > * + *{margin-left:10px;}
#booktour-modal .panel .loading{position:absolute;width:100%;height:100%;top:0px;left:0px;background:rgba(0, 0, 0, .65);z-index:5;}
#booktour-modal .panel .loading .fa{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff;font-size:24px;}
#success-modal .uk-modal-dialog{width:600px;padding:10px 10px;}
#success-modal .box .thumb{float:left;width:180px;}
#success-modal .box .content{float:right;width:-webkit-calc(100% - 180px);width:-moz-calc(100% - 180px);width:-ms-calc(100% - 180px);width:-o-calc(100% - 180px);width:calc(100% - 180px);padding:10px 0 0 20px;font-size:14px;line-height:22px;}
#success-modal .box .main-title{margin:0 0 20px 0;font-size:18px;font-weight:bold;line-height:24px;}
#success-modal .box .content p{margin:0 0 5px 0;}
#success-modal .box .order-number{margin:0 0 15px 0;}
#success-modal .box .order-number .number{font-size:20px;font-size:20px;color:#e01414;}
#success-modal .btn-shopping{display:inline-block;width:206px;height:38px;line-height:38px;text-transform:uppercase;color:#fff;text-align:center;font-size:15px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#e01414;}
.information-member{border-radius:5px;}
.information-member ul{border-radius:5px;}
.information-member li{padding:10px 0 10px 0;padding-left:20px;position:relative;background:rgba(32, 144, 4, 0.56);}
.information-member li:nth-child(odd){background:rgba(32, 144, 4, 0.8588235294117647);}
.information-member li .uk-flex{}
.information-member li .uk-flex span:nth-child(1){color:#fff;width:95px;margin-right:20px;}
.information-member li .uk-flex span:nth-child(2){margin-left:40px;color:#fff;}
.information-member li:before{content:'';display:block;position:absolute;font-family:'FontAwesome';}
.information-member li:fullname:before{content:'';}
.main-thumb{position:relative;}
.main-thumb span{position:absolute;z-index:5;color:#fff;}
.main-thumb span.name{bottom:83px;left:25px;}
.main-thumb span.no{bottom:53px;left:25px;}
.main-thumb span.expired{bottom:23px;left:25px;}
.main-thumb .qrcode{top:138px;right:31px;display:inline-block;position:absolute;}
@media (max-width:768px){.qrcode img{width:100px;height:100px;}
.main-thumb .qrcode{top:120px;right:10px;}
}
@media (max-width:415px){.main-thumb span.name{bottom:53px;left:25px;}
.main-thumb span.no{bottom:31px;left:25px;}
.main-thumb span.expired{bottom:12px;left:25px;}
.main-thumb.infor span{font-size:12px;}
.main-thumb .qrcode{top:108px !important;right:31px !important;}
.qrcode img{width:70px;height:70px;}
}
.thongbao{padding:10px;background:rgb(135, 0, 255);color:#fff;}
.thongbao *{color:#fff;}
#ticket-page{padding:35px 0;}
#ticket-page{padding-top:140px;}
#ticket-page .sidebar .list > li > *{display:block;position:relative;padding:11px 25px 11px 15px;color:#aaa;font-size:14px;line-height:20px;cursor:pointer;}
#ticket-page .sidebar .list > li > *:before{content:"";display:block;position:absolute;width:100%;height:1px;top:initial;bottom:0px;left:0px;background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 10%, rgba(255, 255, 255, 0) 100%);background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 10%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 10%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 10%, rgba(255, 255, 255, 0) 100%);opacity:.2;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
#ticket-page .sidebar .list > li > *:after{content:"\f105";display:block;position:absolute;left:initial;right:10px;top:10px;font-family:FontAwesome;font-size:18px;}
#ticket-page .sidebar .list > li > *:hover{color:#fff;}
#ticket-page .sidebar .list > li > *:hover:before{opacity:1;}
.ticket-section .heading{margin:0 0 30px 0;font-size:30px;font-weight:normal;line-height:36px;}
.ticket-section .heading > *{color:#e7644f;}
.ticket-section .panel-head .label{margin:0 0 24px 0;color:#333;font-size:14px;line-height:22px;}
.ticket-section .panel-head .bullets > li{position:relative;padding-left:15px;color:#333;font-size:18px;line-height:20px;}
.ticket-section .panel-head .bullets > li:not(:last-child){margin-bottom:5px;}
.ticket-section .panel-head .bullets > li:before{content:"\f111";display:block;position:absolute;left:0px;top:0px;font-family:FontAwesome;font-size:4px;}
.ticket-section .panel-head .label:hover,
.ticket-section .panel-head .bullets > li:hover{color:#333;}
.ticket-section .ticket-type{position:relative;margin-top:50px;padding-top:25px;}
.ticket-section .ticket-type:before{content:"";display:block;position:absolute;width:100%;height:1px;top:0px;left:0px;background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 10%, rgba(255, 255, 255, 0) 100%);background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 10%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 10%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 10%, rgba(255, 255, 255, 0) 100%);opacity:.6;}
.ticket-type .main-title{margin:0 0 22px 0;font-size:20px;font-weight:normal;line-height:24px;}
.ticket-type .main-title > *{color:#333;}
.ticket-type .list > li{margin-bottom:12px;}
.ticket-type .ticket{position:relative;background:#305d82;color:#bbb;white-space:nowrap;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;}
.ticket-type .ticket.sold-out{cursor:not-allowed}
.ticket-type .ticket:hover{-webkit-box-shadow:0px 0px 12px #000;-moz-box-shadow:0px 0px 12px #000;box-shadow:0px 0px 12px #000;}
.ticket-type .ticket.sold-out:before{content:"";display:block;position:absolute;width:100%;height:100%;top:0px;left:0px;background:rgba(0, 0, 0, .7);z-index:5}
.ticket-type .ticket.sold-out:hover:before{display:none;}
.ticket-type .ticket .infor{position:relative;min-height:100%;padding:10px 20px;background:#153046;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;}
.ticket-type .ticket .infor .subtitle,
.ticket-type .ticket .infor .date{color:#fff;font-family:Arial;font-size:12px;font-weight:bold;line-height:18px;text-transform:uppercase;}
#payment.ticket-type .ticket .infor .subtitle,
#payment.ticket-type .ticket .infor .date{color:#da91a5;}
#vip.ticket-type .ticket .infor .subtitle,
#vip.ticket-type .ticket .infor .date{color:#cdb380;}
.ticket-type .ticket .infor .title{margin:0 0 3px 0;color:#fff;font-size:18px;line-height:24px;}
.ticket-type .ticket:hover .infor{background:#353535;}
.ticket-type .ticket .purchase{position:relative;min-height:100%;padding:10px 20px 10px 40px;background:url(img/map-pin.png) 20px 12px no-repeat;-moz-background-size:9px auto;-o-background-size:9px auto;background-size:9px auto;}
.ticket-type .ticket .purchase .price{margin:5px 0;font-size:18px;font-family:Arial;font-weight:bold;color:#fff;}
#payment.ticket-type .ticket .purchase .price{color:#da91a5;}
#vip.ticket-type .ticket .purchase .price{color:#cdb380;}
.ticket-type .ticket .purchase .desc{color:#fff;font-size:13px;line-height:18px;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;}
.ticket-type .ticket:hover .purchase .desc{color:#fff;}
.ticket-type .ticket .order{display:block;position:absolute;width:160px;padding:20px 2px;top:10px;left:initial;right:10px;border:1px solid #ccc;color:#ccc;font-size:15px;font-family:Arial;font-weight:bold;line-height:20px;text-transform:uppercase;text-align:center;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;}
.ticket-type .ticket .order .fa{margin-left:5px;}
.ticket-type .ticket:hover .order{background-color:#0a263e;border-color:#0a263e;color:#fff;}
#payment.ticket-type .ticket:hover .order{background-color:#da91a5;border-color:#da91a5;}
#vip.ticket-type .ticket:hover .order{background-color:#cdb380;border-color:#cdb380;}
.ticket-type .ticket.sold-out .order{cursor:not-allowed}
.ticket-type .note{padding:10px;color:#aaa;font-size:13px;line-height:18px;}
.ticket-section .panel-foot{padding-top:35px;}
.ticket-section .panel-foot .content{margin:0 0 25px 0;color:#aaa;font-size:13px;line-height:20px;text-align:center;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;}
.ticket-section .panel-foot .content:hover{color:#fff;}
.ticket-section .panel-foot .video{height:410px;}
.ticket-type .ticket .purchase *{color:#fff;}
@media (min-width:768px){.ticket-type .ticket .infor{width:25%;}
.ticket-type .ticket .purchase{width:75%;}
}
@media (min-width:960px){.fix-grid-960 .uk-width-large-1-4{width:180px;}
.fix-grid-960 .uk-width-large-3-4{width:-webkit-calc(100% - 180px);width:-moz-calc(100% - 180px);width:-ms-calc(100% - 180px);width:-o-calc(100% - 180px);width:calc(100% - 180px);padding-left:20px;}
}
@media (min-width:1220px){#ticket-page > .uk-container{max-width:980px}
.fix-grid-960 .uk-width-large-3-4{padding-left:30px;}
}
@media (max-width:960px){#ticket-page{padding:25px 0;}
.ticket-section .heading{margin:0 0 20px 0;}
.ticket-section .panel-head .label{margin:0 0 15px 0;}
}
@media (max-width:767px){.ticket-section .heading{margin:0 0 15px 0;}
.ticket-section .panel-head .label{margin:0 0 10px 0;}
.ticket-section .ticket-type{margin-top:30px;padding-top:20px;}
.ticket-type .ticket{display:block;border:1px solid #212226;}
.ticket-type .ticket .infor{width:100%;text-align:center;}
.ticket-type .ticket .purchase{width:100%;padding:15px 10px 15px 30px;background:url(img/map-pin.png) 10px 15px no-repeat;-moz-background-size:9px auto;-o-background-size:9px auto;background-size:9px auto;}
.ticket-section .panel-foot .video{height:375px;}
}
@media (min-width:567px) and (max-width:767px){.ticket-type .ticket .order{width:auto;padding:10px 25px;top:50%;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);}
.ticket-section .panel-foot .video{height:300px;}
}
@media (max-width:567px){.ticket-type .main-title{margin:0 0 15px 0;font-size:18px;}
.ticket-type .ticket .purchase{padding:15px 15px;background:none;text-align:center;}
.ticket-type .ticket .order{position:relative;margin-top:15px;top:auto;right:auto;width:100%;color:#fd2274;border:1px solid #fd2274;}
.ticket-type .ticket:not(.sold-out) .order{background:#be4267;border:1px solid #be4267;color:#000;}
.ticket-section .panel-foot .video{height:250px;}
}
.time_stamp a{display:inline-block;border:1px solid #ccc;padding:3px 7px;background:#fff;margin-right:10px;margin-bottom:5px;color:#333;width:46px;font-size:13px;text-align:center;font-family:'HTVietNam';font-weight:bold;}
.ajax-value a.active,
.time_stamp a.active{background:#449031;color:#fff;}
.km{margin-bottom:10px;font-size:15px;color:#a50000;font-style:italic;}
.ajax-value a{display:inline-block;border:1px solid #ccc;padding:3px 7px;background:#fff;margin-right:10px;margin-bottom:5px;color:#333;width:46px;font-size:13px;text-align:center;font-family:'HTVietNam';font-weight:bold;}
@media (max-width:415px){.wrap-content .block{padding:0;}
}
.mobile-header .history-back{
	display:none;
}

.mobile-fix .logo{
	display:none;
}
.mobile-fix .history-back{
	display:block !important;
}
.order-summary-section.order-summary-section-discount, .panel-foot, .total-amount{
   border:0;
}
.breadcrumb {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0px 0;
    background: #ebebeb url(img/bg-breadcrumb.png) 0px 0px;
    color: #333;
}
@media (min-width: 960px){
.breadcrumb {
    margin: 21px 0 20px 0;
}}

#booking .uk-modal-dialog{
   width: 534px;
   background: #00433a;
   padding: 20px;
   transition: all .8s ease;
}
#booking .popup-inner{
   position: relative;
   border: 1px solid #d5a37b;
   padding: 40px;
}
@media (max-width: 500px){
   #booking .popup-inner{
      padding:10px;
   }
}
.popup-inner .popup-title{
   color:#d5a37b;
   font-weight: bold;
   text-transform: uppercase;
   font-size:20px;
   margin-bottom:40px;
   text-align: center;
}
.popup-inner label{
   color:#fff;
   text-transform: uppercase;
   font-size:12px;
   margin-bottom:10px;
}
.popup-inner .form-row{
   margin-bottom:20px !important;
}
.popup-inner .form-row select,
.popup-inner .form-row input{
   width:100%;
   height:40px;
   border-radius: 5px;
   border:0;
   padding:10px;
}
.popup-inner .form-row input{
   color:#000 !important;
}
.popup-inner .form-row textarea{
   width:100%;
   height:72px;
   border-radius:5px;
   padding:10px;
}
.popup-inner .btn-submit button{
   color: #d5a37b;
   font-size: 14px;
   letter-spacing: .22px;
   line-height: 20px;
   padding:8px 25px;
   background: transparent;
   text-transform: uppercase;
   font-weight: bold;
   border:1px solid #d5a37b;
   cursor:pointer;
}
.popup-inner .btn-submit button:hover{
   background: #fff;
   transition: all 0.5s ease;
}
.uk-modal-close.uk-close{
   background: #fff url('img/close.png') center no-repeat !important;
}
.uk-modal-close.uk-close{
   width: 47px;
   height: 47px;
}
.popup-inner .form-row input::placeholder{
   color:#000;
}

/* PRELOAD */
#loading{
   background-color: #2f2e2e;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 1;
   margin-top: 0px;
   top: 0px;
   left:0;
   right:0;
   bottom:0;
   z-index: 999999;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 50px;
	width: 150px;
	margin-top: -25px;
	margin-left: -75px;

}

@keyframes animate {
   50% {
    -ms-transform: translateX(-25px) scaleY(0.5);
       -webkit-transform: translateX(-25px) scaleY(0.5);
     transform: translateX(-25px) scaleY(0.5);
      }
 }
 .remove-preload{
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     opacity:0;
     visibility: hidden;
     z-index:-1;
 }

 .art-detail .article table img{
   height:400px !important;
   
}
.search-box {
    width: 100%; /* Makes the search box full-width */
    display: block; /* Displays the div as a block element */
    margin: 0 auto; /* Centers the div horizontally */
    max-width: none; /* Removes maximum width restrictions */
}

/* Style the input field */
.search-box input[type="text"] {
    width: 80%; /* Adjust the input field width as needed */
    padding: 10px; /* Add padding to the input field */
    border: 1px solid #ccc; /* Add a border to the input field */
    border-radius: 5px; /* Round the corners of the input field */
    font-size: 16px; /* Set the font size */
}

/* Style the search button */
.search-box button {
    padding: 10px 20px; /* Add padding to the button */
    background-color: #007bff; /* Set the button background color */
    color: #fff; /* Set the text color of the button */
    border: none; /* Remove the button border */
    border-radius: 5px; /* Round the corners of the button */
    cursor: pointer; /* Change cursor to a pointer on hover */
    font-size: 16px; /* Set the font size */
}

/* Style the search button on hover */
.search-box button:hover {
    background-color: #0056b3; /* Change background color on hover */
}

#searchBox {
    position: absolute;
	 z-index: 99999; /* Đặt z-index lớn hơn giá trị hiện tại */
    top: 50px;
    left: 0;
    right: 0;
    width: 100%; /* Điều chỉnh chiều rộng theo nhu cầu */
    background-color: #ffffff; /* Điều chỉnh màu nền */
}

    .product-item-1 img {
        width: 200px; /* Set a fixed width for all images */
        height: 200px; /* Set a fixed height for all images */
        object-fit: cover; /* Maintain aspect ratio and crop if necessary */
    }