@charset "utf-8";*{margin:0;padding:0;outline:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-mos-box-sizing:border-box;}
body{font-family: 'Roboto', sans-serif;font-size: 14px;color: #575757;line-height: 150%;font-weight: 400;}
.font-kanit{font-family: 'Kanit', sans-serif;font-weight: 400;}
ul li{list-style:none;}a,ins{text-decoration:none;color:#070C08}
.clr{clear:both}
.text-transform{text-transform: uppercase;}
.text-center{text-align: center;}
.btn_os{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;-webkit-border-radius:0;}
.btn-right{text-align: right;}
.margin-60-bottom{margin-bottom: 60px;}
.padding-60{padding: 60px 0;}
.color-blue{color: #195384;}
.fontsize-35{font-size: 35px;color: #fff;line-height: 40px;}
.fontsize-13{font-size: 13px;}
.fontsize-18{font-size: 18px;line-height: 22px;}
.fontsize-28{font-size: 28px;line-height: 32px;}
.max-width-900{max-width: 900px;margin: auto;}
img{max-width: 100%}
.float-with{float: left;width: 100%}
.float-left{float: left;}
.float-right{float: right}
.mask{background:#000;opacity:.2;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1001;transition:opacity .3s;display:none}
.mask-bg{display: none;}
[class^="icongec-"], [class*="icongec-"]{background: url('../img/bg.png') no-repeat left top;display: inline-block;vertical-align: middle;margin-right: 5px;}
.container{width: 1770px;max-width: 100%;margin: auto;padding: 0 15px;}
.container.full{padding: 0 50px;width: 100%;}
.container.full-0{padding: 0;width: 100%;}
.container.first{width: 1400px;}
.container.container-slide{max-width: 1400px;}
.container-slide .number{width: 25%;margin-top: 70px;background: url('../img/icon-number.png') no-repeat left top;min-height: 86px;color: #fff;padding-top: 32px;font-size: 18px;}
.container-slide .content-sl{width: 75%;text-align: justify;}
#menu{background-color: #10395b;border-bottom: solid 1px #fff;}
.navbar-toggle {position: absolute;padding: 9px 10px;margin-right: 0;background-color: transparent;background-image: none;border: 1px solid #cecece;border-radius: 4px;cursor: pointer;display: none;right: 15px;top: 22px;}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 2px;background-color: #11395c;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
.navbar li{display: inline-block;padding: 0 20px;position: relative;}
.navbar li:first-child{padding-left: 0;}
.navbar li:last-child{padding-right: 0;}
.navbar a{display: block;text-transform: uppercase;padding: 18px 0;color: #88c9ff;font-family: 'Kanit', sans-serif;font-weight: 200}
.navbar a:hover{color: #ffb38a;}
.navbar a.active, .navbar li.active a{font-weight: 500;}
.sub-menu{position: absolute;left: -15px;z-index: 99999;background-color: #ffb38a;width: 250px;top:58px;display: none;}
.sub-menu li{border-top: solid 1px #ffe1d0;display: block;padding: 0;}
.sub-menu li:first-child{border-top: 0;}
.sub-menu li a{padding: 12px 35px;color: #10395b;font-weight: 400;}
.sub-menu li a:hover, .sub-menu li a.active{background-color: #10395b;color: #fff;font-weight: 300;}
.navbar > li:hover > ul{display: block;}
.main-header{position: relative;}
.header-first{position: relative;z-index: 1;padding: 40px 0;}
.header-last{position: relative;z-index: 1;padding: 38px 0;}
.header-logo{position: absolute;z-index: 0;width: 100%;text-align: center;padding: 20px 0;}
.golobal-title{position: relative;color: #10395b;}
.golobal-title:before{content: '';position: absolute;left: -40px;top: 26px;border-bottom: solid 3px #b06e4a;width: 20px;}
.golobal-title:after{content: '';position: absolute;right: -40px;top: 26px;border-bottom: solid 3px #b06e4a;width: 20px;}
.main-about{text-align: center;background-color: #10395b;}
.main-about .golobal-title{color: #ffb791;}
.about-bg .des{max-width: 950px;color: #fff;margin: auto;padding-bottom: 60px;}
.about-bg .title{padding: 30px 0;}

#search_box {width: 250px;border: solid 1px #2d74af;margin-top: 12px;margin-bottom: 5px;}
#search_box button{width: 50px;height: 32px;border: 0;background-color: transparent;text-align: center;}
#search_box input{border: 0;height: 32px;line-height: 32px;width: 100%;position: relative;padding: 0 5px;background-color: transparent;color: #fff;}
#search_box .input-group {position: relative;display: table;border-collapse: separate}
#search_box .input-group-btn{display: table-cell;vertical-align: middle;position: relative;font-size: 0;white-space: nowrap;width: 1%;}
.list-about{background-color: #10395b;}
.list-about li{float: left;width: 25%;position: relative;padding: 0 1px;}
.list-about li:first-child{}
.list-about .bottom-fix{position: absolute;bottom: 0;left: 0;right: 0;top:0;width: 100%;height: 100%;}
.list-about .title{text-transform: uppercase;}
.list-about .bottom-fix a{display: block;height: 100%;width: 100%;position: relative;padding: 16px;}
.list-about .bottom-fix a:hover{background: url('../img/grandia.png') repeat-x left bottom;}
.logo-pn{background: url('../img/grandia-xam.png') repeat-x left bottom;position: absolute;left: 0;bottom: 0;width: 100%;padding: 10px 20px;height: 60px;}
.logo-pn img{max-height: 100%;width: auto !important;}
.logo-pn-ca img{max-height: 40px;}
.logo-pn img, .logo-pn-ca img{
  -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);
  filter: gray; /* IE 6-9 */;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
}
.list-about .bottom-fix a:hover .fontsize-35{color: #ffb891;}
.list-about .bottom-fix a:hover .bottom-fix-one{border: solid 1px #cdaa92;}
.list-about .bottom-fix .bottom-fix-one{border: solid 1px transparent;height: 100%;position: relative;}
.bottom-fix-one-bottom{position: absolute;left: 0;bottom: 0;width: 100%;}
.list-about .bottom-fix .bottom-fix-one .des{color: #fff;padding: 20px;text-align: justify;}
.list-about.list-th li{border: 0;margin-left: 2%;width: 23.5%;}
.list-about.list-th li:nth-child(4n+1){margin-left: 0;}
.about-mt{text-align: center;}
.thum-pic {overflow: hidden;position: relative;}
.thum-pic::before {content: "";display: block;padding-top: 100%;}
.main-about .thum-pic::before{padding-top: 90%;}
.thum-pic img {width: 100%;max-width: 100%;height: auto;}
.thum-pic .cover {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;overflow: hidden;}
.main-bespoke{background: url(../img/bg-th.jpg) no-repeat center center;background-size: cover;}
.bespoke-content{width: 520px;margin: auto;background-color: #10395b;color: #ffc2a2;padding: 0 5px;}
.bespoke-content .bespoke-content-vien{border-left: solid 2px #e49266;border-right: solid 2px #e49266;padding: 70px 50px;}
.bespoke-content .title{color: #e49266;}
.bespoke-content .des{color: #a1bcd3;padding: 18px 0;font-weight: 300;}
.bespoke-content .more{text-align: right;margin-top: 60px;}
.bespoke-content .more a{color: #fff;}
.main-product .more a{text-transform: uppercase;}
.main-product .more a:hover{background-color: #10395b;color: #fff;}
.bespoke-content ul li{padding: 12px 0;}
.main-tuvan{background-color: #fff9e4;color: #231f20;padding: 25px 0;}
.main-tuvan .title{padding: 25px 0;}
#form_tuvan{margin-top: 40px;}
#form_tuvan .float-left{width: 50%;}
#form_tuvan .float-left.first{padding-right: 20px;border-right: solid 1px #c3bca3;}
#form_tuvan .float-left.last{padding-left: 20px;}
#form_tuvan .title{text-transform: uppercase;color: #b06e4a;font-size: 20px;position: relative;padding: 10px 0;margin-bottom: 20px;}
#form_tuvan .title::before {content: "";position: absolute;left: 0;bottom: 2px;width: 100%;border-bottom: solid 1px #c3bca3;}
#form_tuvan .title::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;border-bottom: solid 1px #c3bca3;}
#form_tuvan .row, #form_tuvan .row .rows{display: table;width: 100%;margin: 12px 0;}
#form_tuvan .row label{width: 130px;display: table-cell;color: #575757;font-weight: 700;text-transform: uppercase;}
#form_tuvan .float-left.body-ns{width: 100%;}
#form_tuvan .row .rows .price, #form_tuvan .row .rows .number{display: table-cell;}
#form_tuvan .row .rows:first-child{margin-top: 0;}
#form_tuvan .row .rows .number{padding-left: 8px;}
#form_tuvan .row .rows input{width: 100%;}
#form_tuvan .row input, #form_tuvan .row textarea{width: 100%;line-height: 32px;height: 32px;padding: 0 10px;border: 0;}
#form_tuvan .rows #btn_nhantin{border: 0;cursor: pointer;background-color: #b06e4a;text-transform: uppercase;color: #fff;font-weight: 700;min-width: 150px;height: 45px;line-height: 45px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;-webkit-border-radius:0;}
#form_tuvan .row textarea{height: 120px;}
#form_tuvan .row input.error, #form_tuvan .row textarea.error{border: solid 1px #dd4b39;}
label.top{position: relative;}
label span{position: absolute;left: 0;}
.btn-add-row a{font-weight: bold;text-transform: uppercase;background-color: #b06e4a;color: #fff;display: inline-block;padding: 12px 25px;}
.category-product {margin-bottom: 60px;}
.category-product li{display: inline-block;margin-bottom: 5px;}
.category-product li a{display: block;padding: 10px 25px;border: solid 1px #b1b1b1;color: #10395b;background-color: #fff;}
.category-product li a:hover, .category-product li a.active{background-color: #29689c;color: #fff;border: solid 1px #29689c;}
.list-product-slide{position: relative;}
.error-ajax{color: #dd4b39;font-size: 14px;text-align: center;display: none;}
.error-ajax-tv{background-color: #fff;border: solid 1px #dd4b39;padding: 10px;max-width: 400px;margin: auto;color: #dd4b39;border-radius: 4px;text-align: center;display: none;}
.slide-partner, .list-ykkh-slide{position: relative;}
#owl-slide-intro{padding: 0 30px;}
#owl-slide-intro .item-intro{padding: 6px 10px;text-align: center;}
#owl-slide-intro .item-intro .thum-pic::before{padding-top: 120%;}
#owl-slide-intro .item-intro .title{font-size: 18px;line-height: 22px;height: 46px;overflow: hidden;}
#owl-slide-intro .item-intro a{display: block;padding: 6px;}
#owl-slide-intro .item-intro a:hover{box-shadow: 0 0 8px #999;background-color: #fff;}
#owl-slide-intro .item-intro .title{margin: 25px 0;}
.main-comment{background: url(../img/bg-ykkh.jpg) no-repeat center center;background-size: cover;}
.main-comment .text-center .title .golobal-title{color: #fff;}
.item-intro-ykkh{position: relative;padding-left: 70px;padding-right: 30px;}
.item-intro-ykkh .name_cp{color: #81c5ff;font-size: 20px;line-height: 24px;}
.item-intro-ykkh .name{color: #ffad81;font-size: 16px;font-style: italic;margin: 15px 0 30px 0;}
.item-intro-ykkh .name_cp, .item-intro-ykkh .name{padding-left: 70px;}
.item-intro-ykkh .comment{border: solid 1px #5b6577;padding: 20px 30px 20px 70px;color: #fff;text-align: justify;}
.item-intro-ykkh .comment-bessise{padding-left: 50px;background: url('../img/icon-partner.png') no-repeat left top;}
.item-intro-ykkh .avatar{position: absolute;left: 0;top: 0;width: 120px;}
.item-intro-ykkh .avatar img{width: 100%;}
.slide-partner{}
.item-intro-doitac{width: 100px;text-align: center;}

#mainSlider .title{font-weight: 500;font-size: 60px;color: #fff;line-height: 70px;}
#mainSlider .des{font-size: 16px;color: #ffb993;margin: 30px 0 40px 0;}
#mainSlider .more a{text-align: center;color:#4c2713;padding: 15px 20px;display: block;background-color: #fff;width: 150px;}
.bespoke-content .more a:hover{color: #ffc2a2;}
.bespoke-content .more a:hover i{background-position: -164px -13px;}
#mainSlider .more a:hover{box-shadow: 0 0 10px #000;}
.main-product .more{margin-top: 40px;}
.main-product .more a{display: inline-block;padding: 15px 30px;background-color: #e8e8e8;color: #595959;border: solid 1px #d2d2d2;width: 250px;max-width: 100%;}
#form_nhantin{background-color: #fff;position: relative;}
#form_nhantin .row{display: table;width: 100%;}
#form_nhantin input#email{border: 0;padding: 0 15px;height: 45px;line-height: 45px;width: 100%;}
#form_nhantin .txt-em{width: 100%;}
#form_nhantin input#btn_nhantin{width: 45px;height: 45px;border: 0;background: url(../img/icon-newletter.png) no-repeat center center;cursor: pointer;position: absolute;right: 0;top: 0;}
#form_nhantin input#btn_nhantin:hover{box-shadow: 0 0 0 #fff;}
.copyright{text-align: center;border-top: solid 1px #969ca1;color: #595959;padding-top: 30px;font-size: 13px;}
.header-first .hotline{margin-right: 22px;}
.header-first .hotline a{color: #575757;}
.header-last .vi{margin-right: 30px;}
#header{min-height: 100px;}
.main-th .title{padding: 30px 0 20px 0;}
.max-960{max-width: 950px;margin: auto}
.main-th .th-des{padding-bottom: 80px;}
#owl-th-partner{position: relative;padding: 0 40px;margin-bottom: 60px;}
#owl-th-partner .item-pn{padding: 0 20px;}
#owl-th-partner .item-pn .title{padding: 20px 0;font-size: 18px;font-weight: 400;line-height: 22px;text-transform: uppercase;}
#owl-th-partner .item-pn .des{max-height: 106px;overflow: hidden;}
#owl-th-partner .thum-pic::before{padding-top: 80%;}
.main-product{background: url(../img/bg-sp.jpg) no-repeat center top;background-size: cover;padding: 60px 0;}
.main-product .text-center .title{margin: 20px 0 40px 0;}
.main-partner{padding: 30px 0;}
.main-news{background: url(../img/bg-news.jpg) repeat center top;}
.main-news .text-center .title{margin-bottom: 30px;}
.main-news .text-center .title .golobal-title{margin-bottom: 30px;color: #fff;}
.items-news {background-color: #fff;}
.items-news h3{color: #195384;font-size: 18px;line-height: 22px;font-weight: 400;}
.items-news .date{color: #979797;font-style: italic;color: #979797;margin: 10px 0;}
.items-news .summary{color: #231f20;}
.items-news .cover{text-align: center;}
.items-news .cover img{width: 100%;}
.slides-news .text-body{padding: 15px 20px 30px 20px;}
#footer{padding: 30px 0;background-color: #d7e0e7;color: #212121;border-top: solid 1px #fff;}
#footer .name{color: #4e4e50;font-weight: 700;font-size: 16px;}
#footer .logo-f{padding-right: 30px;}
.footer-top{padding-bottom: 30px;}
.footer-top .adress{margin: 15px 0 5px 0;}
.footer-top .phone span{padding-right: 20px;}
.footer-top .logo-f{width: 14%;}
.footer-top .company-col{width: 31%;padding-right: 20px;}
.footer-top .map-col{width: 31%;padding-right: 20px;}
.footer-top .email-col{width: 24%;}
.footer-top .email-col .des-em{padding: 10px 0;}
.footer-top .company-col .share{border-top: solid 1px #a0afbb;padding: 15px 0;}
.footer-top .phone{padding-bottom: 15px;}
.footer-top .company-col .share a{display: inline-block;margin: 0 5px 0 0;}
.footer-top .company-col .share span{padding-right: 20px;}
.btn-add-row a:hover, #btn_nhantin:hover{box-shadow: 0 0 5px #999;}
.call-right{position: fixed;top: 30%;right: 15px;z-index: 999;}
.call-right a{display: block;width: 85px;height: 85px;border: solid 2px #ffc1a0;border-radius: 12px;margin: 10px 0;background: #157087 url('../img/icon-call-right.png') no-repeat center center;}
.call-right a.facebook-sms{background-image: url(../img/icon-call-facebook.png);background-color: #114a7a;}
a.custom-logo-link{display: inline-block;}
.col-50{float: left;width: 50%;padding-right: 11%;}

.breadcrumb{padding: 50px 0;background: url(../img/breadrum.jpg) no-repeat center center;background-size: cover;color: #fff;}
.breadcrumb h2{font-weight: 200;font-size: 40px;line-height: 40px;}
.breadcrumb ul{padding-top: 15px;}
.breadcrumb ul li{display: inline-block;}
.breadcrumb ul li a{font-weight: 700;padding: 0 10px;color: #fff;}
.breadcrumb ul li:last-child{padding-right: 0;}
textarea::placeholder, textare{font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 300 !important;line-height: 34px;}
.pagination{text-align: center;margin: 50px 0;}
.pagination li{display: inline-block;font-weight: 500;border: solid 1px #808080;padding: 8px 0; width: 38px;text-align: center;margin: 0 2px;}
.pagination li a{color: #808080;}
.pagination li.active{background-color: #203d56;color: #fff;border: solid 1px #203d56;}
.pagination li.active a{color: #fff;}
.disabled {pointer-events: none;cursor: default;}
.category_news{padding-top: 20px;}
.list-news.items{float: left;margin-left: 3%;width: 48.5%;border-top: solid 1px #ccc;padding-top: 30px;margin-bottom: 30px;}
.list-news.items:nth-child(2n+1){margin-left: 0;}
.list-news.items:first-child, .list-news.items.non-border{border: 0;}
.list-news.items .pic{margin-right: 25px;width: 40%;}
.list-news.items .pic img{width: 100%;}
.list-news.items h2 a{color: #195384;font-size: 18px;line-height: 22px;}
.list-news.items .time{color: #979797;font-style: italic;font-weight: 200;margin: 10px 0;}
.list-news.items .summary{max-height: 84px;overflow: hidden;}
.detail_news{margin-top: 50px;}
.detail_news h1{color: #195384;font-size: 20px;line-height: 24px;}
.detail_news .pic{text-align: center;margin-bottom: 10px;}
.detail_news img{max-width: 100%;}
.detail_news .time{font-style: italic;color: #979797;margin: 15px 0;font-size: 18px;font-weight: 300;}
.detail_news .box-l{width: 70%;padding-right: 30px;}
.detail_news .box-r{border: solid 1px #d0d0d0;padding: 18px;width: 30%;margin-bottom: 20px;}
.detail_news .box-r h3{color: #10395b;font-size: 24px;font-weight: 500;}
.new_other{border-top: solid 1px #d0d0d0;padding: 20px 0;margin: 20px 0;}
.new_other h3{font-size: 20px;margin-bottom: 20px;}
.new_other ul li{padding: 6px 0;float: left;margin-left: 3%;width: 48.5%;padding-left: 30px;position: relative;}
.new_other ul li:nth-child(2n+1){margin-left: 0;}
.new_other ul li a{font-size: 16px;line-height: 20px;}
.new_other ul li a:hover{color: #195384;}
.new_other ul li i{margin-right: 10px;position: absolute;left: 0;top: 8px;}
ul.top_view_new li {border-top: solid 1px #d0d0d0;padding: 15px 0;float: left;width: 100%;}
ul.top_view_new li img{width: 45%;float: left;margin-right: 20px;}
ul.top_view_new li .title{font-size: 18px;line-height: 22px;}
ul.top_view_new li .times{color: #979797;font-style: italic;font-weight: 300;padding-top: 10px;}
ul.top_view_new li a:hover .title{color: #ffb38a;}
.list-top-first {padding-bottom: 15px;}
.list-top-first img{width: 100%;margin-top: 28px;}
.list-top-first .title{font-size: 18px;line-height: 22px;padding-top: 5px;}
.list-top-first .times{color: #979797;font-style: italic;font-weight: 300;padding: 10px 0;}
.list-top-first .box-sum{padding: 0 20px;}
.trademark_first{padding: 80px 0;}
.trademark_first .co-l{width: 43%;font-weight: 500;text-align: justify;}
.trademark_first .co-r{width: 48.75%;color: #231f20;text-align: justify;padding-top: 15px;}
.trademark_first .co-l h3{font-size: 20px;margin-bottom: 25px;color: #b16f4b;text-transform: uppercase;}
.trademark_next, .bg-trademark{background: url('../img/bg-trademark.jpg') no-repeat center top;background-size: cover;}
.trademark_next .des{color: #fff;text-align: center;max-width: 900px;margin: auto;}
.list-trademark{margin-top: 60px;color: #231f20;}
.list-trademark li{margin-left: 2.8%;width: 22.9%;float: left;padding: 10px;background-color: #fff;margin-bottom: 30px;position: relative;}
.list-trademark li:nth-child(4n+1){margin-left: 0;}
.list-trademark li .thum-pic::before {padding-top: 80%;}
.list-trademark li .title{margin: 20px 0;}
.list-trademark li .title h2{font-size: 16px;line-height: 20px;}
.list-trademark li .summary{height: 62px;overflow: hidden;margin-bottom: 30px;text-align: justify;}
.list-trademark li .viewmore{position: absolute;bottom: 15px;right: 10px;width: 124px;color: #fff;padding: 10px 0;background-color: #203d56;text-align: center;}
.other-product-trademark h3{font-size: 28px;text-transform: uppercase;color: #fff;margin-bottom: 40px;}
.other-product-trademark #owl-slide-intro .item-intro .title{color: #fff;}
.other-product-trademark #owl-slide-intro .item-intro a:hover .title{color: #070C08;}
.other-product-trademark .owl-prev{background-image: url('../img/lefft-t.png');}
.other-product-trademark .owl-next{background-image: url('../img/right-t.png');}
.detail-trademark .col-l{width: 19%;text-align: center;}
.detail-trademark .col-l img{max-width: 180px;width: 100%;}
.img-fix{max-width: 700px;width: 100%}
.detail-trademark .col-r{width: 81%;}
.detail-trademark .col-r .title{margin-bottom: 30px;}
.contact-big{color: #e49266;}
.contact-big .title{text-transform: uppercase;}
.contact-big .col-l{width: 50%;height: 750px;}
.contact-big .des{color: #a1bcd3;margin: 50px 0;}
.form-big{width: 526px;max-width: 100%;background-color: #10395b;padding: 0 10px;}
.form-big .cvien{border-left: solid 1px #797275;border-right: solid 1px #797275;padding: 40px;height: 100%;}
#form_contact_content .row input, #form_contact_content .row textarea{height: 34px;line-height: 34px;width: 100%;background-color: transparent;border: 0;color: #e49266;opacity: 1;}
#form_contact_content .row{border-bottom: solid 1px #4e7fa7;width: 100%;margin-bottom: 25px;}
#form_contact_content .float-left{width: 100%;}
#form_contact_content .row textarea{height: 150px;}
#form_contact_content #btn{background-color: #b06e4a;color: #fff;text-align: center;padding: 15px 60px;text-transform: uppercase;border: 0;font-weight: 700;float: right;cursor: pointer;margin-bottom: 20px;}
.contact-big .col-l.big_img{background: #10395b url('../img/big_contact.jpg') no-repeat right top; background-size: auto 100%;}
.contact-big .col-l .form-big{height: 100%;}
.contact-big input::placeholder{ color: #e49266;opacity: 1;}
.contact-big input:-ms-input-placeholder{ color: #e49266;}
.contact-big input::-ms-input-placeholder{ color: #e49266;}
.contact-big textarea::placeholder{ color: #e49266;opacity: 1;}
.contact-big textarea:-ms-input-placeholder{color: #e49266;opacity: 1;}
.contact-big textarea::-ms-input-placeholder{color: #e49266;opacity: 1;}
.custormer_first .col-l{width: 49%;padding-right: 10px;text-align: justify;color: #231f20;}
.custormer_first .col-r{width: 51%;text-align: right;padding-left: 10px;}
.custormer_first .col-r img{max-width: 100%;}
.bespoke_first .col-l{width: 43%;}
.bespoke_first .col-r{width: 48.75%;text-align: justify;padding-top: 22px;}
.bespoke_first .col-l .title{color: #b16f4b;font-size: 20px;line-height: 24px;text-transform: uppercase;font-weight: 700;margin-bottom: 30px;}
.bespoke_first .col-l .des{font-weight: 700;font-size: 18px;line-height: 22px;text-align: justify;}
.bespoke_next .items{width: 50%;position: relative;}
.bespoke_next .items img{width: 100%;display: block;}
.bespoke_next .items .center{position: absolute;bottom: 26px;color: #fff;text-align: justify;left: 0;right: 0;padding: 0 140px;}
.bespoke_next .items .center.bottom{bottom: auto;top: 26px;}
.bespoke_next .items .center .title{color: #ff9d7f;margin-bottom: 20px;}
.des_tv{text-align: center;}
.product-biside .text-center .title{padding: 30px 0;}
.category_products .item-intro{float: left;margin-left: 3%;width: 22.75%;margin-bottom: 30px;}
.category_products .item-intro:nth-child(4n+1){margin-left: 0;}
.category_products #owl-slide-intro{padding: 0;}
.category_products #owl-slide-intro .item-intro a{padding: 0 0 6px 0;}
.category-product.sub{margin: 30px 0;}
.product_details{padding: 30px 0;}
.product_details .col-l{width: 32%;background-color: #fff9e4;padding: 20px;}
.product_details .col-l #form_tuvan{margin-top: 0;}
.product_details .col-l .title{text-transform: uppercase;margin-bottom: 30px;font-weight: 300;}
.product_details .col-l #form_tuvan .float-left.first{width: 100%;padding-right: 0;border: 0;}
.product_details .col-l #form_tuvan .float-left.last{padding-left: 0;width: 100%;margin-top: 20px;}
.product_details .col-l #form_tuvan .row label{width: 150px;}
.product_details .col-l #form_tuvan .row label{text-align: right;padding-right: 20px;}
.product_details .col-l label span{left: auto;right: 20px;}
.product_details .col-r{width: 68%;padding-left: 60px;}
h1.title-detail{font-size: 22px;line-height: 26px;text-transform: uppercase;margin-bottom: 20px;}
.product_details .col-r .picture{width: 50%;margin-right: 30px;text-align: center;}
.product_details .col-r .picture img{width: 100%;}
.product_details .col-r .content-pro{padding-top: 20px;}
.product_details .col-r .content-pro p{padding: 10px 0;}
.product_details .col-r .content-pro img{max-width: 100% !important;}
.product_details .col-r .title-other{text-transform: uppercase;border-top: solid 1px #c6c6c6;padding: 20px 0;margin-top: 20px;}
#slider-gallary img{text-align: center;}
.picture-small{padding: 0 5px;text-align: center;}
.picture-small a, .picture-small img{display: block;}
.picture-small a{padding: 0 15px;}
#owl-demotest{position: relative;padding: 10px 20px;}
#owl-demotest .owl-prev{width: 17px;background-image: url(../img/lefft-album.png);}
#owl-demotest .owl-next{width: 17px;background-image: url(../img/right-album.png);}

.icongec-lang-vi, .icongec-lang-en{width: 30px;height: 22px;margin-right: 10px;margin-bottom: 5px;}
.icongec-lang-vi{background-position: -44px top;}
.icongec-lang-en{background-position: -78px top;}
.icongec-search{width: 17px;height: 16px;background-position: -115px top;}
.icongec-first, .icongec-first-one1{width: 30px;height: 34px;background-position: -186px top;margin-right: 12px;}
.icongec-second, .icongec-first, .icongec-first-one2{width: 30px;height: 34px;background-position: -228px top;margin-right: 12px;}
.icongec-three, .icongec-first, .icongec-first-one3{width: 30px;height: 34px;background-position: -273px top;margin-right: 12px;}
.icongec-last, .icongec-first, .icongec-first-one4{width: 30px;height: 34px;background-position: -310px top;margin-right: 12px;}
.icongec-hotline{width: 15px;height: 16px;margin-right: 10px;margin-bottom: 3px;}
.icongec-email{width: 17px;height: 16px;background-position: left -25px;margin-right: 10px;}
.icongec-more1{width: 12px;height: 10px;background-position: -144px top;margin-left: 10px;margin-right: 0;}
.icongec-more2{width: 10px;height: 10px;background-position: -164px top;margin-left: 10px;margin-right: 0;}
.icongec-card{width: 72px;height: 72px;background-position: -358px top;margin-right: 0;}
.icongec-add, .icongec-none, .icongec-remove{width: 19px;height: 19px;background-position: -497px top;margin-right: 0;cursor: pointer;margin-left: 10px;}
.icongec-none{background-position: -997px top;}
.icongec-card2{width: 48px;height: 56px;background-position: -438px top;margin-right: 0;}
.icongec-sub{width: 10px;height: 7px;background-position: -520px top;margin-right: 0;margin-left: 5px;margin-bottom: 2px;}
.icongec-adress{width: 12px;height: 13px;background-position: -536px top;margin-right: 0;margin-right: 10px;}
.icongec-phone{width: 14px;height: 13px;background-position: -548px top;margin-right: 0;margin-right: 10px;}
.icongec-email-f{width: 14px;height: 13px;background-position: -565px top;margin-right: 0;margin-right: 10px;margin-top: 3px;}
.icongec-hotline-f{width: 14px;height: 13px;background-position: -580px top;margin-right: 0;margin-right: 10px;}
.icongec-share-face{width: 37px;height: 37px;background-position: -553px -19px;margin-right: 0;margin-right: 0;}
.icongec-share-you{width: 37px;height: 37px;background-position: -595px -19px;margin-right: 0;margin-right: 0;}
.icongec-share-google{width: 37px;height: 37px;background-position: -637px -19px;margin-right: 0;margin-right: 0;}
.icongec-new-other{width: 18px;height: 17px;background-position: 0 -53px;margin-right: 0;margin-right: 0;}

.main-project{float: left;width: 100%;background-color: #10395b;}
.list-project{padding: 30px 0;}
.list-project a{display: block;float: left;padding: 15px 0;}
.list-project a{width: 33.3333%;}
.list-project a:nth-child(3n+1){clear: both;}

@media only screen and (min-width:1401px){
    #owl-th-partner .owl-prev{background-position: center 24%;}
    #owl-th-partner .owl-next{background-position: center 24%;}
    
    #owl-slide-intro .owl-prev{height: calc(100% - 100px)}
    #owl-slide-intro .owl-next{height: calc(100% - 100px)}
   
}
@media only screen and (max-width:1400px){
    .call-right a{width: 60px;height: 60px;background-size: 40px auto}
    .footer-top .phone .row-hot{float: left;width: 100%;padding: 5px 0 10px 0;}
    
    #owl-slide-intro .owl-prev{height: calc(100% - 100px)}
    #owl-slide-intro .owl-next{height: calc(100% - 100px)}
}
@media only screen and (min-width:1301px) and (max-width:1400px){
    #owl-th-partner .owl-prev{background-position: center 16%;}
    #owl-th-partner .owl-next{background-position: center 16%;}
}
@media only screen and (max-width:1300px){
    .container, .container.first, .bespoke-content{width:100%;padding: 0 15px;}
}
@media only screen and (min-width:1151px) and (max-width:1300px){
    .items-news{width: 800px;}
    .bespoke-content{width: 520px;}
    .list-about .title.fontsize-35{font-size: 20px;line-height: 25px;}
    .list-about .bottom-fix .bottom-fix-one .des, .list-about .bottom-fix{padding: 10px;}
    .list-about .bottom-fix .bottom-fix-one .des{max-height: 90px;overflow: hidden;margin-bottom: 5px;}
    
    #owl-th-partner .owl-prev{background-position: center 16%;}
    #owl-th-partner .owl-next{background-position: center 16%;}

}
@media only screen and (min-width:1001px) and (max-width:1150px){
    .header-first .hotline{float: left;width: 100%;}
    .header-first {padding: 24px 0;}
    .items-news{width: 800px;}
    .bespoke-content{width: 520px;}
    .list-about .title.fontsize-35{font-size: 20px;line-height: 25px;}
    .list-about .bottom-fix .bottom-fix-one .des, .list-about .bottom-fix{padding: 10px;}
    .list-about .bottom-fix .bottom-fix-one .des{max-height: 90px;overflow: hidden;margin-bottom: 5px;}
    
    #owl-th-partner .owl-prev{background-position: center 13%;}
    #owl-th-partner .owl-next{background-position: center 13%;}
    
    .bespoke_next .items .center .summary{max-height: 82px;overflow: hidden;}
    
    .list-project a{width: 50%;}
    .list-project a:nth-child(3n+1){clear: none;}
    .list-project a:nth-child(2n+1){clear: both;}
}
@media only screen and (min-width:800px) and (max-width:1000px){
    .header-first .hotline{float: left;width: 100%;}
    .header-first {padding: 24px 0;}
    .navbar li{padding: 0 8px;}
    .sub-menu li{padding: 0;}
    #mainSlider .title {font-size: 35px;line-height: 40px;}
    .items-news{width: 800px;}
    .bespoke-content{width: 520px;}
    .list-about .title.fontsize-35{font-size: 20px;line-height: 25px;}
    .list-about .bottom-fix .bottom-fix-one .des, .list-about .bottom-fix{padding: 10px;}
    .list-about .bottom-fix .bottom-fix-one .des{max-height: 90px;overflow: hidden;margin-bottom: 5px;}
    
    .list-trademark li{width: 31.46666%;}
    .list-trademark li:nth-child(4n+1){margin-left: 2.8%;}
    .list-trademark li:nth-child(3n+1){margin-left: 0;}
    
    .bespoke_next .items .center .summary{max-height: 60px;overflow: hidden;}
    .bespoke_next .items .center{padding: 0 90px;}
    
    .fontsize-28{font-size: 22px;line-height: 26px;}
    
    .category_products .item-intro{width: 31.3333%;}
    .category_products .item-intro:nth-child(4n+1){margin-left: 3%;}
    .category_products .item-intro:nth-child(3n+1){margin-left: 0;}
    
    .product_details .col-l{width: 100%;}
    .product_details .col-r{width: 100%;padding-left: 0;margin-top: 20px;}
    
    .list-project a{width: 50%;}
    .list-project a:nth-child(3n+1){clear: none;}
    .list-project a:nth-child(2n+1){clear: both;}
}
@media only screen and (max-width:799px){
    .header-first .hotline{display: none;}
    .float-left, .float-right{width:100% !important;}
    .header-logo{left: 0;top: 0;width: auto;}
    .header-last, .header-search, .header-first .email{display: none;}
    .navbar-toggle {display: block;}
    #header{min-height: 80px;}
    #mainNav{position: absolute;right: 0;top: 0;z-index: 9999;width: 100%;}
    .navbar{background-color: #10395b;width: 100%;float: right;margin-top: 80px;display: none;box-shadow: 0 0 5px #fff;}
    .navbar li{display: block;padding: 0;}
    .navbar a{border-bottom: solid 1px #adbbc7;padding: 10px 15px;color: #fff;}
    .navbar li:first-child{padding: 0;}
    .navbar li:last-child a{border: 0;}  
    .sub-menu{position: static;left: 0;width: 100%;}
    .sub-menu li a{padding: 5px 0;}
    .sub-menu{background-color: transparent;border: 0;}
    .sub-menu li, .sub-menu li:first-child{border: 0;padding-left: 0;padding-right: 0;}
    .sub-menu li a, .navbar li.sub-category .sub-menu a{padding-left: 15px;background-color: #ffb38a;}
    .sub-menu li a:hover, .sub-menu li:last-child a:hover, .sub-menu li a.active, .sub-menu li:last-child a.active{border-bottom: solid 1px #10395b;color: #10395b;}
    .sub-menu li:last-child a{border-bottom: solid 1px #fff;}
    .sub-menu.active{display: block;}
    .cttv-intro{margin-bottom: 30px;}
    .sub-menu{padding-top: 0;}
    .sub-menu li:last-child {border-bottom: 0;border-radius: 0;}
    
    .list-about li{width: 50%;}  
    .list-about.list-th li{width: 49%;} 
    .list-about.list-th li:nth-child(4n+1), .list-about.list-th li:nth-child(2n+1){width: 49%;margin-left: 0;}
    
    #form_tuvan .float-left.last{padding-left: 0;}
    .header-first, .header-last{padding: 15px 0;}
    .custom-logo{max-width: 200px;}
    #form_tuvan .float-left.first{padding-right: 0;border: 0;}
    #footer .logo-f, .footer-top .company-col, .footer-top .map-col{padding-right: 0;}
    .footer-top .email-col{margin: 15px 0;}
    .max-960{width: 100%;}
    .golobal-title::before{top: 16px;left: -30px;}
    .golobal-title::after{top: 16px;right: -30px;}
    .fontsize-35{font-size: 20px;line-height: 25px;}
    #mainSlider .title{font-size: 35px;line-height: 40px;text-align: center;}
    #mainSlider .des{font-size: 14px;display: none;}
    #mainSlider .more{text-align: center;}
    #mainSlider .more a{display: inline-block;margin-top: 20px;}
    .item-intro-ykkh{padding-right: 0;}
    .footer-top .company-col{margin-top: 10px;}
    #footer .share .name{font-size: 12px;}
    .item-intro-ykkh .name_cp{font-size: 15px;line-height: 20px;}
    .item-intro-ykkh .name{margin: 15px 0;}
    .items-news{width: 800px;}
    .call-right{bottom: 0;top: auto;}
    .call-right a{display: inline-block;margin-left: 5px;width: 50px;height: 50px;background-size: 30px auto}
    .container-slide .number.float-left{width: 10% !important}
    .container-slide .content-sl.float-left{width: 80% !important;}
    .about-bg .des, .main-th .th-des, #owl-th-partner .item-pn .des{text-align: justify;}
    .main-bespoke{padding: 250px 0;background-image: url(../img/bg-th-m.jpg);}
    .container.full{padding: 0 15px;}
    .footer-top .phone .row-hot{width: auto;}
    #form_tuvan .btn-right{text-align: left;margin-left: 130px;}
    .breadcrumb{padding: 30px 0;}
    .contact-big .col-l{height: 500px;}
    .contact-big .col-l.big_img{height: auto;}
    
    .list-trademark li{width: 48.6%;}
    .list-trademark li:nth-child(2n+1){margin-left: 0;}
    .trademark_first{padding: 40px 0;}
    
    .category_products .item-intro{width: 48.5%;}
    .category_products .item-intro:nth-child(2n+1){margin-left: 0;}
    
    .padding-60{padding: 30px 0;}
    .fontsize-28{font-size: 20px;line-height: 24px;}
    
    .bespoke_next .items .center{bottom: 16px;}
    .bespoke_next .items .center .summary{max-height: 60px;overflow: hidden;}
    .breadcrumb h2{font-size: 24px;line-height: 28px;}
    .breadcrumb ul li:first-child a{padding-left: 0;}
    .custormer_first .col-r{margin-top: 20px;}
    .product_details .col-r{padding-left: 0;margin-top: 30px;}
    #slider-gallary{margin-bottom: 20px;}
    .detail_news .box-l{padding-right: 0;}
    #owl-slide-intro .item-intro{padding: 3px 3px;}
    #owl-slide-intro .item-intro .title{margin-bottom: 0;}
    .main-product{background-image: none;}
    .category-product{margin-bottom: 30px;}
    .main-product .more{margin-top: 20px;}
    .main-bespoke .container.first{padding: 0;}
    .main-bespoke .container.first .bespoke-content{padding: 0 10px;}
    .des_tv{text-align: justify;}
    .detail-trademark .col-l{width: 10% !important;}
    .detail-trademark .col-r{width: 85% !important;float: right;}
    .detail-trademark .content_big{text-align: justify;}
    
    .list-project a{width: 100%;}
}
@media only screen and (min-width:726px) and (max-width:799px){}
@media only screen and (min-width:610px) and (max-width:725px){}
@media only screen and (min-width:480px) and (max-width:609px){.col-50{width: 100%;padding-right: 0;}}
@media only screen and (max-width:479px){
    .list-about li{width: 100%;} 
    .bespoke-content .bespoke-content-vien{padding: 20px 15px;}
    .bespoke-content{padding: 0 5px;}
    .item-intro-ykkh{padding-right: 0;}
    .item-intro-ykkh .comment-bessise{max-height: 100px;overflow-y: scroll;}
    .footer-top .company-col .share a{margin: 0 2px;}
    .items-news{width: 700px;}
    [data-carousel-3d] [data-prev-button]::before, [data-carousel-3d] [data-next-button]::before{display: none;}
    #owl-th-partner .item-pn{padding: 0 5px;}
    .col-50{width: 100%;padding-right: 0;}
    #owl-th-partner .owl-prev{background-position: center 17%;}
    #owl-th-partner .owl-next{background-position: center 17%;}
    .contact-big .col-l{height: 300px;}
    .bespoke_next .items .center{padding: 0 80px;}
    .list-trademark li{width: 48.6%;}
    .list-trademark li:nth-child(2n+1){margin-left: 0;}
    
    .list-news.items{margin-left: 0;width: 100%;}
    .new_other ul li{width: 100%;margin-left: 0;}
    .detail_news .box-r{margin-bottom: 20px;}
    ul.top_view_new li .title{font-size: 14px;line-height: 18px;}
    .product_details .col-l #form_tuvan .row label{padding-right: 5px;}
    .product_details .col-l{padding: 10px;}
    .product_details .col-l #form_tuvan .row label{width: 120px;font-size: 13px;}
    
}
@media only screen and (min-width:360px) and (max-width:479px){.list-trademark li .viewmore{position: static;}}
@media only screen and (min-width:320px) and (max-width:359px){
    .list-trademark li{width: 100%;margin-left: 0;}
    .category_products .item-intro{width: 100%;margin-left: 0;}
}
@media only screen and (max-width:319px){.list-trademark li{width: 100%;margin-left: 0;}.category_products .item-intro{width: 100%;margin-left: 0;}}