html,body{
font-family: 'Muli', sans-serif !important;
font-size:14px;
padding:0px;
margin:0px;
color: #545454 !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
background-color:#f3f3f3 !important;
user-select: none;
}
.flex-container {
padding: 0;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-moz-flex-flow: row wrap;
flex-flow: row wrap;
width:100%;
justify-content:flex-start /* space-around;*/
}
.flex-container-round {
justify-content:space-around;
}
.flex-space-between {
justify-content:space-between;
}
.col-1-5
{
width:20%;
float:left;
padding-left:15px;
padding-right:15px;
}
.col-1-4
{
width:25%;
float:left;
padding-left:15px;
padding-right:15px;
}
.col-1-3
{
width:33.33333%;
}
.c10
{
height:10px;
clear:both;
}
.c20
{
height:20px;
clear:both;
}
.rounded-circle {
border-radius: 50% !important;
}
.paging1
{
margin-top:15px;
margin-bottom:15px;
text-align: center;
overflow:hidden;
}
.paging a{
padding: 6px 12px;
border: 1px solid #DADADA;
margin-right: 5px;
color: #000000 !important;
display:inline-block;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.paging a.clicked{
background-color: #d72631;
border: 1px solid #d72631;
color: #FFFFFF !important;
}
.page-one
{
padding-top:50px;
}
.left-page
{
margin-top:40px;
margin-bottom:30px;
}
.left-page-pro
{
margin-top:-84px;
}
.text-w
{
color:#fff !important;
}
.col-content
{
padding-top:40px;
padding-bottom:30px;
}
.page-name
{
font-weight:700;
color:#373737;
margin:0;
font-size:45px;
margin-bottom:15px;
font-family: 'Playfair Display', sans-serif;
}
.list-cat-page .item-pro-cat-page:nth-child(2n+1) .ct2 .content-cat-page
{
padding-left:30px !important;
}
.bg-title
{
background-image:url(../images/ho-van.png);
display:inline-block;
padding-left:75px;
background-repeat:no-repeat;
background-position:center left;
}
.bg-title>div
{
font-size:36px;
color:#056839;
font-family:"Playfair+Display";
text-align:left;
}
.bg-title>p
{
margin:0;
padding:0;
font-size:27px;
color:#1f744b;
text-align:left;
font-family:"Playfair+Display";
}
.sub-page-name-info div
{
}
.pos-re
{
position:relative;
}
h1,h2,h3,h4,h5,h6{
line-height:normal;
}
/* Bounce In */
.hvr-bounce-in {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.hvr-wobble-horizontal {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.hvr-bob {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
.hvr-grow {
display:block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/* Float */
.hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
/* Forward */
.hvr-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
.hvr-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Rotate */
.hvr-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
/* Bounce To Bottom */
.hvr-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.img-page
{
position:relative;
width:100%;
display:block;
overflow:hidden;
}
.img-page img
{
display:inline-block;
}
.img-page img:hover
{
filter: grayscale(100%);
opacity: 0.9;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
a{
text-decoration:none;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
a:hover{
color:#d72631 !important;
text-decoration:none !important;
}
.c
{
display:block;
clear:both
}
strong{
font-weight:700;
}
img{
border:none;
max-width:100%;
}
#page{
margin:auto;
overflow:auto;
}
.top-page
{
background-color:#24786e;
color:#fff;
}
.header
{
width:100%;
min-height:78px;
position: absolute;
top:0;
left:0;
z-index:999
}
.pos-re1
{
position:static;
}
.hotline
{
width:auto;
font-weight:600;
line-height:48px;
float:left;
padding-right:20px;
}
.hotline a
{
color:#fff;
font-size:14px;
}
.hotline a:hover
{
color:#adadad;
}
.hotline .fa
{
padding-right:10px;
}
.email
{
color:#fff;
font-size:14px;
float:left;
font-weight:600;
line-height:48px;
}
.email a
{
color:#fff;
}
.email a:hover
{
color:#adadad;
}
.email .fa
{
padding-right:10px;
}
.btn-search
{
display:block;
float:right;
text-align:center;
color:#fff;
line-height:48px;
width:48px;
font-size:18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #fff;
margin-right:5px;
}
.btn-search:hover
{
color:#fff !important;
background-color:#348e83;
}
.lang
{
float:right;
}
.lang a
{
color:#fff;
font-weight:700;
line-height:48px;
}
.lang a .fa
{
padding-right:10px;
}
.lang a.vi
{
background-image:url(../images/vi.jpg);
}
.lang a.en
{
background-image:url(../images/en.jpg);
}
.lang_m
{
float:right;
margin-top:13px;
display:none
}
.lang_m a
{
display:inline-block;
width:40px;
height:40px;
margin-left:5px;
}
.box-search
{
width:100%;
position:relative;
display:none
}
.box-search input
{
border-radius:0;
padding:10px;
}
.btn-search-frm
{
display:block;
width:42px;
height:42px;
text-align:center;
color:#fff;
line-height:40px;
position:absolute;
top:1px;
right:1px;
z-index:999999;
background-color:#056839
}
.smo-page
{
position:fixed;
right:0;
top:300px;
z-index:9999;
}
.smo-page a
{
display:block;
width:40px;
height:40px;
text-align:center;
line-height:40px;
background-color:#007190;
color:#fff;
margin-bottom:3px;
}
.smo-page a:hover
{
color:#77c25d;
}
.logo
{
position:absolute;
left:50%;
top:15px;
margin-left:-78px;
z-index:999;
width:156px;
}
.logo img
{
display:block;
}
.menubar
{
}
.menubar-left
{
float:left;
}
.menubar-right
{
float:right;
}
.menubar .nav{
padding: 0px;
margin: 0px;
position: relative;
width:auto;
}
.menubar .nav > li{
list-style:none;
display:inline-block;
position:relative;
float:left;
font-size: 14px;
font-weight: normal;
}
.menubar .nav > li:hover
{
}
.menubar .nav li:first-child{
border-left:none;
}
.menubar .nav > li > a{
text-decoration: none;
color: #fff;
display: inherit;
padding: 0px;
padding: 0px 0px;
line-height:118px;
font-size:16px;
display:block;
font-weight:700;
padding-left:15px;
padding-right:15px;
}
.menubar span{
width:100%;
display:block;
}
.menubar .nav li:first-child a
{
}
.menubar .nav > li:hover > a{
color: #d72631;
}
.menubar .nav > li.active > a{
color:#d72631;
font-weight:700;
}
.menubar .nav li ul{
position:absolute;
top:100px;
left:-80px;
width: 280px;
text-align:left;
display:none;
padding:0px;
z-index:999999;
font-weight:normal;
background:#fff;
text-transform:initial;
opacity:0.9;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
}
.menubar .nav li ul:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(241, 241, 241, 0);
border-bottom-color: #fff;
border-width: 10px;
margin-left: -10px;
}
.menubar .nav li ul > li:first-child{
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
overflow:hidden
}
.menubar .nav li ul > li:hover:last-child{
-webkit-border-radius:0 0 8px 8px;
border-radius:0 0 8px 8px;
overflow:hidden
}
.menubar .nav li ul > li{
width:100%;
list-style:none;
float: left;
text-align: left;
border: none !important;
text-transform:initial;
line-height:normal;
position:relative;
}
.menubar .nav li ul > li a{
padding: 0px 10px;
display: block;
color: #222 !important;
line-height: 18px;
text-transform:initial;
padding:13px 15px;
border-bottom: solid 1px #f5f7f7;
font-weight:normal;
}
.menubar .nav li ul > li:last-child>a{
border-bottom:none;
}
.menubar .nav li ul > li>ul>li:last-child>a{
border-bottom:none;
}
.menubar .nav li ul > li a i.fa{
position:absolute;
right:0px;
top:1px;
}
.menubar .nav li ul > li a:hover{
color: #fff !important;
background-color:#d72631;
}
.menubar .nav li ul ul{
left:100%;
top:-1px;
}
#slide_home
{
overflow:hidden;
position:relative;
}
.homeslide
{
display:block;
width:40px;
background-color:#283b91;
text-align:center;
position:absolute;
top:50%;
margin-top:-30px;
z-index:999;
font-size:30px;
color:#fff;
padding-top:10px;
padding-bottom:10px;
opacity:0.7
}
.homeslide:hover
{color:#fff9ae}
.homeslide-next
{
left:0;
}
.homeslide-prev
{
right:0;
}
.hd-page
{
color:#373737;
font-size:45px;
font-weight: 700;
font-family:"Playfair Display", serif;
}
.hd-page a
{
color:#373737;
}
.hd-page a:hover
{
color:#d72631;
}
.line-info
{
width:100%;
width:100%;
overflow:hidden;
padding-top:40px;
padding-bottom:40px;
}
.outer-wc
{
width:60%;
margin:auto;
}
.wc
{
}
.hd-page1
{
color:#373737;
font-size:50px;
padding:0;
margin:0;
margin-bottom:10px;
font-weight:700;
font-family: "Playfair Display", serif;
text-align:right;
}
.hd-page1 a
{
font-weight:700;
color: #373737;
}
.hd-page1 a:hover
{
color:#ff0000
}
.content-wc
{
padding-top:15px;
line-height:22px;
font-size:15px;
text-align:right;
}
.viewdetail {
font-weight: 700;
color:#fff;
font-size: 15px;
display: block;
text-align: left;
padding-top: 15px;
display: inline-block;
margin-top: 10px;
padding: 8px 20px;
background-color:#24786e;
float:right;
}
.viewdetail {
}
.videoWrapper
{
overflow:hidden;
position:relative;
width:100%;
}
.videoWrapper iframe
{
width:100%;
height:336px;
}
.play
{
position:absolute;
top:50%;
left:50%;
margin-left:-52px;
margin-top:-52px;
color:#111;
width:105px;
height:105px;
display:block;
background-image:url(../images/icon-play.png);
}
.play:hover
{
color:#fff
}
.play-home
{
}
.video-home {
margin-top:20px;
}
.mr-auto
{
margin:auto;
}
.btnreg-home
{
float:none;
display:inline-block;
}
.line
{
height:3px;
width:40px;
background-color:#24786e
}
.line-gray
{
height:4px;
width:40px;
background-color:#cccccc;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.line-w
{
height:3px;
width:40px;
background-color:#fff;
margin-bottom:15px;
margin-top:10px;
}
.sub-wc
{
padding:0;
margin:0;
width:100%;
margin-top:20px;
}
.sub-wc li
{
display:block;
float:left;
width:33%;
}
.img-sub
{
float:left;
margin-right:5px;
}
.introsub
{
margin-top:5px;
color:#414042;
font-size:14px;
line-height:22px;
}
.sub-wc li a
{
font-size:14px;
font-weight:700;
color:#414042;
background-position:left top
}
.sub-wc li a:hover
{
color:#ec3e45
}
.why
{
background-color:#dedede;
padding-top:20px;
padding-bottom:40px;
}
.why-title
{
font-family: "B";
font-size: 34px;
font-weight: normal;
line-height: 1.2;
color: #ffffff;
margin-bottom:40px;
}
.item-w
{
text-align:center;
display:block;
font-size:16px;
font-weight:700;
color:#3d3d3d;
}
.item-w .title-w
{
font-size:36px;
color:#373737;
margin:0;
line-height:normal;
font-family: "Playfair Display", serif;
font-weight:700;
}
.item-w:hover
{
transition: all 0.25s ease-in-out;
-webkit-perspective: 1000;
color:#d72631;
}
.ullist
{
margin:0;
padding:0;
}
.ullist li
{
display:block;
margin-bottom:8px;
color:#414042;
background-image:url(../images/bl.png);
background-repeat:no-repeat;
background-position:0 7px;
padding-left:15px;
}
.btn-slide
{
background-image:url(../images/np.png);
width:55px;
height:64px;
position:absolute;
top:50%;
margin-top:-32px;
z-index:9999;
text-indent:-9999em;
}
.btn-next
{
left:0px;
background-position:0 0;
}
.btn-prev
{
right:0px;
background-position:-50px 0;
}
.bg-w
{
background-color:#fff !important;
}
.prohome
{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8b8b8b+0,8b8b8b+50,e5e5e5+50,e5e5e5+100 */
background: #8b8b8b; /* Old browsers */
background: -moz-linear-gradient(left, #8b8b8b 0%, #8b8b8b 50%, #e5e5e5 50%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #8b8b8b 0%,#8b8b8b 50%,#e5e5e5 50%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #8b8b8b 0%,#8b8b8b 50%,#e5e5e5 50%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */
}
.cat-pro-info-home
{
padding-top:63px;
}
.tab-pro
{
background-color:#e5e5e5;
padding-top:65px;
padding-bottom:65px;
}
.tab-pro ul.tab-sub-home
{
padding:0;
margin:0;
padding-top:20px;
}
.tab-pro ul.tab-sub-home li
{
display:block;
float:left;
padding-right:15px;
padding-left:15px;
}
.tab-pro ul.tab-sub-home li:first-child
{
padding-left:0;
}
.tab-pro ul.tab-sub-home li a
{
color:#7d7d7d;
font-weight:700;
font-family: "Playfair Display", serif;
font-size:16px;
display:block;
padding-bottom:20px;
}
.tab-pro ul.tab-sub-home li a:hover
{
color:#464646 !important;
}
.tab-pro ul.tab-sub-home li a.act
{
border-bottom:solid 3px #464646
}
.prohome .swiper-wrapper
{
padding-top:10px;
}
.hd-pro-home
{
text-align:center;
color:#fff;
margin:0
}
.hd-pro-home a
{
font-weight: 600;
font-family: 'Playfair Display', sans-serif;
font-size:26px;
color:#fff;
}
.hd-pro-home a:hover
{
color:#d72631
}
.intro-prohome
{
text-align:center;
padding-top:10px;
color:#fff;
width:50%;
margin:auto;
margin-bottom:20px;
text-align:center;
}
.content-pro
{
padding:10px;
}
.cat-item
{
display:block;
font-weight:700;
text-transform:uppercase;
overflow:hidden;
border:solid 1px #dad7d7
}
.cat-item:hover
{
}
.catname-home
{
width:100%;
text-align:center;
background-color:#111;
padding-top:10px;
padding-bottom:10px;
}
.catname-home:hover
{
background-color:#0f3c7c
}
.catname-home a
{
color:#fff;
text-transform:uppercase;
font-size:15px;
}
.catname-home a:hover
{
color:#fff;
}
.mask
{
width:100%;
height:100%;
position:absolute;
z-index:9999;
top:0;
left:0;
color:#fff;
background-image:url(../images/tran.png);
display:none
}
.inner-mask
{
display:block;
height:100%;
margin:10px;
margin-bottom:0;
border:solid 2px #fff;
border-bottom:none;
}
.inner-mask>div
{
display:table-cell;
vertical-align:middle;
padding:55px;
width:100%;
height:100%;
}
.mask p
{
font-weight:700;
color:#fff;
font-size:25px;
text-transform:uppercase;
line-height:30px;
}
.item-pro
{
position:relative;
width:100%;
overflow:hidden;
margin-bottom:30px;
position:relative;
background-color:#fff;
padding-bottom:50px;
padding:5px;
}
.item-pro-page
{
}
.item-pro-page:hover
{
}
.img-pro
{
position:relative;
}
.img-pro img
{
display:block;
width:100%;
}
.inner-item-pro
{
padding:15px 0px;
}
.pro-name
{
font-weight:normal;
margin:0;
line-height:24px !important;
font-size:20px;
margin-bottom:0px;
font-family: 'Playfair Display', sans-serif;
text-align:center;
}
.pro-name a
{
color:#fff;
font-weight:700;
font-size:20px;
font-family: 'Playfair Display', sans-serif;
}
.pro-name a:hover
{
color:#d72631;
}
.ul-pro
{
padding:0;
margin:0;
}
.ul-pro li
{
display:block;
overflow:hidden;
padding-top:4px;
padding-bottom:4px;
color:#fff;
}
.ul-pro li a
{
color:#f5f5f5;
text-decoration:underline;
}
.ul-pro li .d-left
{
width:48%;
float:left;
text-align:right;
}
.ul-pro li .d-right
{
width:48%;
float:right;
font-weight:700;
}
.intro-pro
{
padding-top:0;
}
.button-slide
{
display:block;
position: absolute;
top:50%;
background-image:url(../images/np.png);
width:42px;
height:42px;
text-indent:-9999em;
z-index:999;
margin-top:-21px;
}
.button-next-pro
{
background-position:0 0;
left:-60px;
}
.button-prev-pro
{
background-position:-42px 0;
right:-60px;
}
.item-pro img
{
display:block;
width:100%;
}
.content-pro h3
{
font-size:16px;
font-weight:700;
margin:0;
margin-bottom:10px;
}
.content-pro h3 a
{
color:#123885;
}
.content-pro h3 a:hover
{
color:#111;
}
.content-pro p
{
padding:15px;
font-size:16px;
margin:0;
text-align:justify;
line-height:26px;
}
.price-item
{
margin-top:5px;
}
.price-item strong
{
font-size:18px;
font-weight:800;
color:#ff9000;
display:inline-block;
padding-right:30px;
}
.price-item-detail strong
{
font-size:22px !important;
}
.price-item del
{
font-size:14px;
color:#656565;
}
.btn-pro
{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#154aa1+0,154aa1+50,e1e1e1+50,e1e1e1+100 */
background: #154aa1; /* Old browsers */
background: -moz-linear-gradient(left, #154aa1 0%, #154aa1 50%, #e1e1e1 50%, #e1e1e1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #154aa1 0%,#154aa1 50%,#e1e1e1 50%,#e1e1e1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #154aa1 0%,#154aa1 50%,#e1e1e1 50%,#e1e1e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#154aa1', endColorstr='#e1e1e1',GradientType=1 ); /* IE6-9 */
text-align:center;
position:absolute;
width:100%;
bottom:0;
left:0;
display:none;
}
.btn-pro a
{
color:#7a7a7a;
font-weight:700;
}
.btn-pro a:hover
{
color:#0a6b96
}
.btn-pro > div
{
background-image:url(../images/bg_btn.jpg);
background-repeat:no-repeat;
background-position:center center;
padding-top:14px;
padding-bottom:13px;
}
.btn-add
{
background-image:url(../images/cart.png);
display:inline-block;
padding-left:25px;
background-repeat:no-repeat;
background-position:center left;
color:#fff !important;
}
.btn-add:hover
{
color:#d72631 !important;
}
.btn-add span
{
display:block;
color:#f5f5f5;
font-size:14px;
font-weight:normal;
text-transform:none;
font-style:italic;
}
.faq-home
{
background-image:url(../images/bg_faq.png);
background-repeat:no-repeat;
background-position:center left;
min-height:500px;
}
.view-morefaq
{
display:inline-block;
position:absolute;
background-color:#189c5e;
color:#fff !important;
position:absolute;
top:5px;
right:0;
font-size:13px !important;
text-transform:uppercase;
font-family: 'Muli', sans-serif !important;
padding:10px 20px;
-webkit-border-radius: 20px 0 20px 0;
border-radius: 20px 0 20px 0;
font-weight:700;
}
.faqticker
{
padding:0;
margin:0;
margin-top:30px;
padding-left:15px;
height:400px !important
}
.faqticker li
{
display:block;
margin-bottom:15px;
color:#3d474d;
}
.faqticker li h3
{
margin:0;
font-size:16px;
font-weight:700;
margin-bottom:4px;
color:#056839;
}
.faqticker li span
{
font-style:italic;
font-weight:700;
display:block;
color:#189c5e;
margin-top:4px;
}
.prohot {
width: 45px;
height: 45px;
position: absolute;
top: 50%;
margin-top: -22px;
background-image: url(../images/np.png);
background-repeat: no-repeat;
text-indent: -999em;
}
.button-prev {
position: absolute;
color: #096caa;
background-position: 0 0;
left: -70px;
z-index: 1000;
}
.button-next {
position: absolute;
background-position: -45px 0;
right: -70px;
z-index: 1000;
}
.box-title-news-home
{
background-color:#056839;
color:#fff;
text-align:center;
font-size:36px;
padding-top:40px;
padding-bottom:100px;
}
.news-home
{
padding-top:60px;
padding-bottom:50px;
position:relative;
background-color:#e5e5e5;
}
.n-home
{
padding-bottom:30px;
}
.item-news-home
{
overflow:hidden;
width:100%;
background-color:#fff;
}
.item-news-home img
{
display:block;
width:100%;
}
.item-news-home .news-home-name
{
font-size:18px;
font-weight:700;
}
.inner-item-news-home
{
padding:15px;
padding-top:15px;
padding-bottom:15px;
}
.item-news-home .news-home-name a
{
color:#494949;
line-height:22px;
}
.item-news-home .news-home-name a:hover
{
color:#f89e3a;
}
.item-news-home:hover
{
-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.news-home-intro
{
font-size:14px;
line-height:22px;
color:#3d474d;
}
.creaddate
{
font-size: 12px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
text-align: left;
color: #6b6b6b;
}
.link_detail:hover
{
color:#111;
}
.footer
{
padding-top:0px;
color:#b9b9b9;
line-height:22px;
position:relative;
background-image:url(../images/bg_footer.jpg);
padding-bottom:40px;
overflow:hidden;
}
.panel-footer
{
background-image:url(../images/bg_panel_footer.jpg);
background-position:center center;
background-repeat:no-repeat;
}
.logo-footer
{
padding-bottom:20px;
}
.name-footer
{
font-size:16px;
font-weight:700;
text-transform:uppercase;
color:#fff;
margin-top:10px;
}
.foot-col
{
width:100%;
margin-bottom:20px;
}
.menu-boxfooter
{
margin-left:20px;
}
.box-menu-footer
{
width:50%;
float:left;
}
.line-fot
{
height:3px;
width:40px;
background-color:#0a6b96;
margin-bottom:20px;
}
.copyright
{
font-size:14px;
color:#b9b9b9;
text-align: center;
background-color:#2f2f2f;
padding-top:10px;
padding-bottom:10px;
}
.footer-title
{
margin-bottom:20px;
text-align: left;
color: #d5d5d5;
font-size:22px;
font-weight:700;
font-family: 'Playfair Display', sans-serif;
}
.footer-title a
{
color:#d5d5d5;
}
.footer-title a:hover
{
color:#e3a954
}
.menufooter
{
padding:0;
margin:0;
}
.menufooter li
{
display:block;
margin-bottom:8px;
width:100%;
}
.menufooter li a
{
color:#dcddde;
font-size:15px;
}
.menufooter li a:hover
{
color:#d72631
}
.menufooter li .fa
{
color:#ca984f
}
.fan
{
border:solid 3px #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.linksmo {
}
.linksmo a {
display:inline-block;
}
.linksmo a i.fa{
width:33px;
height:33px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
text-align:center;
line-height:30px;
font-size:16px;
color:#505050;
margin-right:5px;
background-color:#b0b0b0;
}
.linksmo a:hover{
color:#fff !important;
}
.linksmo a:hover i.fa{
color:#fff !important;
}
.fb-page
{
margin-bottom:0px;
overflow:hidden;
margin-top:10px;
width:100%; position:relative;
}
#button-btt
{
display:block;
position:fixed;
width:40px;
height:40px;
bottom:10px;
right:10px;
background-color:#06519a;
line-height:35px;
font-size:24px;
text-align:center;
color:#fff;
z-index:9999;
-webkit-border-radius: 100px;
border-radius: 100px;
}
#button-btt a
{
color:#fff;
}
.modal
{
z-index:9999999 !important;
}
.modal-title-page
{
background-color:#111;
color:#fff;
font-size:20px;
font-weight:700 !important;
text-transform:uppercase;
padding-top:10px !important;
padding-bottom:10px !important;
border-radius:0 !important;
}
.modal-title
{
font-weight:700 !important;
}
.modal-title-page .close
{
color:#fff !important;
}
.modal-content
{
border-radius:0 !important;
}
.modal-content .form-group
{
margin-bottom:8px !important
}
.modal-order
{
padding:15px !important;
}
.btnorder
{
border-radius:0 !important;
background-color:#0a6b96 !important;
color:#fff;
text-align:center;
width:100% !important;
text-transform:uppercase;
font-size:18px;
padding-top:10px !important;
padding-bottom:10px !important;
font-weight:700 !important;
border:none !important;
display:block !important;
}
.modal-order label
{
font-weight:700;
}
.pop_proname
{
font-size:16px;
font-weight:700;
text-transform:uppercase;
}
.pop_rice
{
font-style:italic;
font-size:14px;
}
.pop_rice strong
{
color:#111;
font-size:18px;
}
.pop-intro
{
margin-top:5px;
line-height:22px;
}
.error
{
border:solid 1px #F00 !important
}
.msgboxprohome
{
display:block;
width:100%;
margin-top:5px;
color:#F00;
}
.form_success
{
text-align:center;
line-height:22px;
font-size:16px;
font-weight:700;
}
.crumb-page
{
background-color:#f7f7f7 !important;
padding-top:10px !important;
padding-bottom:10px !important;
border-radius:0 !important;
margin-bottom:30px !important;
color:#fff;
}
.crumb-page a
{
color:#77c25d
}
.crumb-page a:hover
{
color:#007190
}
.line-col
{
height:3px;
width:50px;
background-color:#111;
margin-top:5px;
margin-bottom:10px;
}
.title-left
{
color:#373737;
margin-bottom:0;
padding:10px 0px;
font-size:26px;
padding-top:0;
font-weight:700;
border-bottom:solid 2px #24786e;
font-family: 'Playfair Display', sans-serif;
}
.intro-left1
{
font-weight:700;
padding-top:20px;
padding-bottom:20px;
}
.title-left a
{
color:#373737;
}
.title-left a:hover
{
color:#cf9557;
}
.menuleft
{
border-top:none;
padding:0;
margin:0;
margin-bottom:15px;
background-color:#24786e;
border-top:none
}
.menuleft li
{
display:block;
border-bottom:solid 1px #f3f3f3;
}
.menuleft li:last-child
{
border-bottom:none;
}
.menuleft li i.fa
{
}
.menuleft li a
{
color:#fff;
font-size:16px;
padding:11px 15px;
display:block
}
.menuleft li a:hover
{
color:#0a6b96;
}
.menuleft li.actived
{
}
.menuleft li.actived ul
{
margin:0;
padding:0;
background-color:#fff;
border-left:solid 1px #f2f2f2;
border-right:solid 1px #f2f2f2;
}
.menuleft li.actived ul li
{
padding-left:0;
padding-right:0;
padding-left:10px;
border-bottom: dashed 1px #f2f2f2;
}
.menuleft li.actived ul li:last-child
{
border-bottom:none;
}
.menuleft li ul
{
display:none;
}
.menuleft li.actived ul
{
display:block;
}
.menuleft li.actived ul li a
{
font-weight:normal;
color:#414042;
}
.menuleft li.actived ul li.actived a
{
font-weight:700;
color:#0a6b96;
}
.menuleft li i.fa-chevron-down
{
display:none
}
.menuleft li.actived a
{
color:#d7d7d7 !important;
font-weight:700;
}
.box-col
{
margin-bottom:15px;
}
.hd-box-col
{
font-size: 24px;
font-weight:700;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
color: #283b91;
}
.hd-box-col a
{
font-size: 24px;
font-weight:700;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
color: #283b91;
}
.hd-box-col a:hover
{
color:#cf9557;
}
.name-video-col
{
padding:10px 15px;
background-color:#77c25d;
}
.name-video-col a
{
color:#fff;
}
.name-video-col a:hover
{
color:#fff600;
}
.box-news-left
{
border-top:none;
}
.item-news-col
{
padding:10px 0px;
overflow:hidden;
}
.item-news-col img
{
width:30%;
float:left;
margin-right:10px;
margin-top:5px;
}
.item-news-col .news-name-col
{
margin:0;
padding:0;
font-size:16px;
}
.item-news-col .news-name-col a
{
color:#414042;
line-height:22px !important;
font-size:14px;
}
.item-news-col .news-name-col a:hover
{
color:#06519a;
}
.item-pro-col
{
background-color:#fff !important;
padding:10px 15px !important;
margin-bottom:0;
border-bottom:solid 1px #d7d7d7;
}
.item-pro-col .content-pro h3
{
padding:0;
}
.item-pro-col .content-pro
{
background-color:#fff !important;
}
.item-pro-col .content-pro p
{
padding:0;
margin-top:10px;
}
.item-pro-col .content-pro p a
{
font-size:14px;
font-weight:700;
color:#F00
}
.item-pro-col .content-pro p a:hover
{
color:#333
}
.item-pro-col img
{
width:100%;
display:block;
margin-bottom:10px;
}
.item-news
{
overflow:hidden;
padding-bottom:15px;
margin-bottom:15px;
}
.item-news img
{
width:100%;
border:solid 1px #eee;
}
.item-news img:hover
{
color:#111
border:solid 1px #111;
}
.news-name
{
font-size:20px;
font-weight:700;
margin-top:15px;
margin-bottom:15px;
}
.news-name a
{
color:#313131;
}
.news-name a:hover
{
color:#d72631;
}
.box-border-left
{
border:solid 1px #d7d7d7;
border-top:none;
}
.title-pro-detail
{
font-size:40px;
margin:0;
padding:0;
font-weight:700;
margin-bottom:15px;
color:#000000;
font-family: 'Playfair Display', sans-serif;
border-bottom:solid 1px #acacac;
padding-bottom:15px;
margin-bottom:20px;
margin-top:-10px;
}
.intro-pro-detail
{
background-color:#e9e9e9;
padding:20px;
}
.title-detail
{
font-size:45px;
margin:0;
padding:0;
font-weight:700;
margin-bottom:15px;
color:#373737;
font-family: 'Playfair Display', sans-serif;
}
.intro-news-page
{
color:#414042;
line-height:22px;
}
.intro-cat
{
padding-top:15px;
padding-bottom:15px;
}
.pd-top-15
{
padding-top:15px;
}
.top-prodetail
{
padding-top:50px;
-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
padding-bottom:50px;
}
.price-detail
{
font-weight:700;
color:#222;
line-height:normal
}
.price-detail strong
{
font-size:28px;
font-weight:700;
color:#111;
}
.box-tacgia-info
{
}
.intro-price
{
font-size:13px;
color:#333;
}
.attrs
{
margin-top:10px;
margin-bottom:10px;
}
.attr-item
{
padding-top:5px;
padding-bottom:5px;
overflow:hidden;
}
.attr-item .div1
{
width:35%;
float:left;
}
.attr-item .div2
{
width:65%;
float:left;
font-weight:700;
}
.attr-item .div2 a
{
color:#d72631;
text-decoration:underline;
}
.attr-item .div2 a:hover
{
color:#000;
text-decoration:none;
}
.intro-detail
{
font-weight:700;
font-size:16px;
}
.btn-reggift
{
background-color:#f8d000;
display:inline-block;
padding:10px 25px;
-webkit-border-radius: 100px;
border-radius: 100px;
margin-top:20px;
}
.btn-reggift span
{
background-image:url(../images/gift.png);
display:inline-block;
padding-left:30px;
background-repeat:no-repeat;
background-position:left center;
color:#616161;
font-weight:600;
}
.img-detail
{
width:100%;
}
.title-more
{
background-color:#f5f5f5;
margin-top:20px;
margin-bottom:20px;
}
.title-more span
{
background-color:#123885;
display:inline-block;
padding:10px 15px;
color:#fff;
font-size:18px;
text-transform:uppercase;
font-weight:700;
}
.content-detail1
{
width:512px;
height:310px;
background-color:#fff;
margin:auto;
margin-top:20px;
position:relative;
-webkit-border-radius: 0 20px 0 20px;
border-radius: 0 20px 0 20px;
padding:10px;
-webkit-box-shadow: 2px 2px 4px 1px #E0E0E0;
box-shadow: 2px 2px 4px 1px #E0E0E0;
margin-bottom:30px;
}
.content-detail
{
margin-bottom:20px;
line-height:22px;
}
.content-detail img
{
max-width:100% !important;
height:auto !important;
}
.content-detail iframe
{
max-width:100% !important;
height:auto !important;
}
.inner-content-detail
{
-webkit-border-radius: 0 20px 0 20px;
border-radius: 0 20px 0 20px;
border:solid 1px #0f6e41;
width:100%;
height:100%;
padding-top:30px;
padding-bottom:30px;
}
.content-contact-detail
{
margin-top:15px;
margin-bottom:15px;
text-align:center
}
.content-contact-detail div
{
margin-bottom:7px;
}
.content-contact-detail i.fa
{
color:#111
}
.content-detail a
{
color:#111;
}
.content-detail a:hover
{
color:#333;
}
.content-detail h2
{
font-size:20px !important;
font-weight:700 !important;
border-left:solid 4px #91622e;
padding-left:10px;
font-family: 'Muli', sans-serif !important;
margin-bottom:15px;
}
.content-detail h2 span, .content-detail h2 strong
{
font-family: 'Muli', sans-serif !important;
}
.intro-left {
margin-top: 20px;
margin-bottom: 30px;
}
.line0 {
padding-bottom: 20px;
margin-bottom: 20px;
line-height: 22px;
}
.line0 div{
margin-bottom:10px;
}
.content-detail h2
{
margin:0;
margin-bottom:15px;
border-left:solid 5px #007190;
padding-left:15px;
font-size:20px;
font-weight:700;
}
.content-detail h3
{
font-size:18px;
font-weight:700;
margin:0;
margin-bottom:15px;
}
.content-detail img
{
max-width:100% !important;
height:auto !important;
display:block;
margin:auto;
}
.othernews
{
padding:0;
margin:0;
}
.item-othernews
{
overflow:hidden;
margin-bottom:15px;
}
.item-othernews img
{
width:30%;
float:left;
margin-right:10px;
}
.item-othernews a
{
color:#3d474d;
font-weight:700;
}
.item-othernews a:hover
{
color:#06519a;
}
.othernews li
{
display:block;
padding-bottom:5px;
}
.othernews li a
{
color:#414042
}
.othernews li a:hover
{
color:#111
}
.left-col-contact
{
background-color:#f5f5f5;
padding:40px !important;
}
.right-col-contact
{
background-color:#f1f1f1;
padding:40px !important;
}
.col-50-contact
{
width:50%;
float:left;
}
.frm-contact
{
}
.frm-contact .form-group i.fa
{
color:#999
}
.frm-contact label
{
font-weight:700;
}
.frm-contact .form-control
{
border-radius:0 !important;
position:relative;
padding-left:30px !important;
background-color:#fff;
border:none
}
.frm-contact .form-group
{
position:relative;
}
.frm-contact .form-group i.fa
{
position:absolute;
left:10px;
top:37px;
}
.btn-contact
{
background-color:#F00;
display:block;
width:100%;
border:none;
padding:10px;
text-align:center;
text-transform:uppercase;
color:#fff;
font-weight:700;
}
.hotline-contact
{
display:block;
border:solid 1px #3a499b;
padding:20px 30px;
margin-bottom:20px;
color:#484848;
}
.hotline-contact:hover
{
color:#fff;
border:solid 1px #fff;
}
.footer-text
{
font-size: 14px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
color: #b9b9b9;
}
.footer-text span
{
font-size: 13px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.38;
letter-spacing: normal;
text-align: left;
color: #b9b9b9;
font-weight:700;
}
.footer-text i.fa{
padding-right:10px;
color:#d72631
}
.footer-text a
{
color:#ffba46;
font-weight:700;
}
.footer-text a:hover
{
color:#fff;
}
.footer-text>div
{
margin-bottom:10px;
}
.item-gocbaotri
{
margin-bottom:15px;
margin-top:15px;
}
.item-gocbaotri img
{
width:30%;
float:left;
margin-right:10px;
}
.gocbaotri-home-name
{
font-size:16px;
color:#414042;
font-weight:700;
}
.gocbaotri-home-name a
{
font-size:16px;
color:#414042;
}
.gocbaotri-home-name a:hover
{
color:#111
}
.col-2
{
padding-bottom:30px;
}
.box-filter-daily
{
background-color:#f1f2f2;
border:solid 1px #cccccc;
display:none;
padding:40px;
}
.list-daily
{
margin-top:20px;
}
.item-daily
{
margin-bottom:25px;
}
.daily-name
{
color:#414042;
font-size:15px;
font-weight:700;
border-bottom:solid 1px #d7d7d7;
padding-top:10px;
padding-bottom:10px;
}
.daily-name a
{
color:#414042;
}
.daily-name a:hover
{
color:#111
}
.info-daily
{
padding-top:10px;
}
.info-daily>div
{
padding-bottom:5px;
color:#414042;
font-size:14px;
}
.other_products
{
margin-top:10px;
padding-top:15px;
}
.intro-detail-pro
{
margin-top:15px;
line-height:22px;
margin-bottom:20px;
}
.buynow{
background-color:#0a6b96;
color:#fff;
display:block;
padding:14px 0;
text-align:center;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.buynow:hover{
color:#f8d000
}
.buynow span{
background-image:url(../images/bg_cart.png);
background-repeat:no-repeat;
background-position:top left;
line-height:25px;
padding-left:25px;
font-weight:700;
display:inline-block;
}
.hotline-detail
{
background-color:#0a6b96;
display:block;
padding:14px 0;
text-align:center;
-webkit-border-radius: 5px;
border-radius: 5px;
color:#f8d000
}
.hotline-detail:hover
{
color:#fff;
}
.hotline-detail span
{
display:block;
line-height:10px;
}
.hotline-detail strong
{
font-size:18px;
font-weight:700;
}
.arrow-sl
{
position:absolute;
background-image:url(../images/np.png);
background-repeat:no-repeat;
top:50%;
display:block;
width:18px;
height:33px;
margin-top:-15px;
}
.arrow-next
{
background-position:0 0;
left:-30px;
}
.arrow-prev
{
background-position:-18px 0;
right:-30px;
}
.gallery-top
{
position:relative;
}
.btn-slide-pro
{
width:28px;
position:absolute;
top:50%;
margin-top:-28px;
height:57px;
text-indent:-999em;
display:block;
background-image:url(../images/np_pro.png);
z-index:999
}
.btn-slide-pro-prev
{
background-position:-28px 0;
right:0;
}
.btn-slide-pro-next
{
background-position:0 0;
left:0;
}
.gallery-thumbs
{
margin-top:0px;
}
.gallery-thumbs .swiper-slide {
height: 100%;
opacity: 0.7;
}
.gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.page-search
{
margin-top:30px;
margin-bottom:30px;
}
.item-search
{
padding-bottom:15px;
margin-bottom:15px;
border-bottom:dashed 1px #d7d7d7
}
.search-result-title
{
font-size:20px;
margin-bottom:20px;
}
.search-result-title span
{
color:#111
}
.panel-mobile
{
background-color:#111;
width:100%;
display:none;
padding-top:6px;
padding-bottom:6px;
overflow:hidden;
}
.nav-m
{
margin-top:0px;
text-align:center;
color:#cf9557;
text-transform:uppercase;
font-size:12px;
font-weight:700;
border:solid 1px #cf9557;
padding:5px 10px;
padding-bottom:0;
width:auto;
margin-left:10px;
display:inline-block;
position:relative;
z-index:9999;
}
.nav-m:hover
{
color:#fff;
}
.nav-m img
{
display:block;
}
.nav-m span
{
display:block;
margin-top:5px;
}
.box-newsletter
{
background-color:#189c5e;
background-image: url(../images/bg_newslat.png);
padding-top:45px;
padding-bottom:45px;
background-repeat:no-repeat;
background-position:left center;
}
.inner-box-newsletter
{
width:70%;
margin:auto;
}
.intro-newsletter
{
font-size:18px;
font-weight:700;
text-transform:uppercase;
color:#fff;
padding-top:10px;
}
.frm-newsl
{
position:relative;
width:100%;
float:right;
margin-top:10px;
}
.frm-newsl .txtnewsl
{
width:100%;
padding:11px;
background-color:#fff;
border:none;
-webkit-border-radius: 5px;
border-radius: 5px;
border:solid 1px #ccc;
color:#222;
}
.bnt-frm-newsl
{
display:block;
background-color:#1f42e5;
background-image:url(../images/newsl.png);
background-repeat:no-repeat;
background-position:center center;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
font-size:16px;
padding:34px 20px;
padding-bottom:12px;
text-align:center;
width:20%;
float:right;
position:absolute;
right:0;
top:0;
}
.bnt-frm-newsl:hover
{
background-color:#d72631;
color:#fff
}
.content-mes
{
padding:15px 30px;
text-align:center;
font-family:"B"
}
.img-poster
{
}
.outer-cr
{
width:100%;
background-image:url(../images/tran2.png);
position:absolute;
bottom:0;
left:0;
width:100%;
text-align:center;
}
.cr
{
padding:14px 0px;
}
.cr a
{
color:#fff;
font-size:16px;
}
.cr a:hover
{
color:#dcc081;
}
.page-tuvan
{
background-color:#f9ffef;
padding-top:60px;
padding-bottom:60px;
background-image:url(../images/bg_tuvan.png);
background-position:bottom right;
background-repeat:no-repeat;
}
.frm-tuvan
{
background-color:#fff;
-webkit-border-radius: 20px 0 20px 0;
border-radius: 20px 0 20px 0;
padding:30px;
-webkit-box-shadow: 2px 2px 4px 1px #E0E0E0;
box-shadow: 2px 2px 4px 1px #E0E0E0;
}
.btnsentcontact
{
background-color:#111 !important;
display:block !important;
border:none !important;
width:100% !important;
padding-top:10px;
padding-bottom:10px;
color:#fff;
text-align:center;
text-transform:uppercase;
-webkit-border-radius: 20px 0 20px 0;
border-radius: 20px 0 20px 0;
}
.stic
{
position:fixed !important;
width:100%;
z-index:99999;
left:0px;
top:0px;
right:0px;
background-image:url(../images/tran1.png);
min-height:70px;
}
.stic .menubar .nav > li > a
{
color:#666;
line-height:70px;
}
.stic .menubar .nav > li > ul
{
top:70px;
}
.stic .menubar .nav > li.active>a{
color:#0a6b96;
font-weight:700;
}
.stic .right-hd
{
}
.stic .logo
{
padding:0;
height:70px;
background-color:transparent;
top:-5px;
}
.stic .logo img
{
height:70px;
}
.stic .lang
{
}
.stic .btn-search
{
margin-top:14px;
}
.stic .hotline
{
margin-top:14px;
}
.stic .logo a
{
padding-top:10px;
}
.stic .logo img
{
display:block
}
.stic .nav-m
{
margin-top:-17px;
padding:5px;
}
.stic .nav-m img
{
}
.stic .nav-m span
{
display:none;
}
.box-tags-left
{
}
.box-tags-left a
{
display:inline-block;
margin-bottom:10px;
border:solid 1px #67a286;
padding:8px 15px;
-webkit-border-radius: 0 20px 0 20px;
border-radius: 0 20px 0 20px;
color:#3d474d;
}
.box-tags-left a:hover
{
color:#111;
border:solid 1px #111;
}
.tags-detail
{
margin-top:20px;
margin-bottom:20px;
background-image:url(../images/bg_tag.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:40px;
border-bottom:solid 1px #dcdcdc;
padding-top:10px;
padding-bottom:10px;
border-top:solid 1px #dcdcdc;
}
.tags-detail a
{
color:#3d474d;
}
.tags-detail a:hover
{
color:#111;
}
.tags-detail span:last-child
{
display:none
}
.box-neolink
{
border:solid 1px #d7d7d7;
padding:15px 20px;
background-color:#f5f5f5;
margin-top:15px;
margin-bottom:15px;
}
.box-neolink ul
{
padding:0;
margin:0;
}
.box-neolink ul li
{
display:block;
margin-bottom:7px;
}
.box-neolink ul li strong,.box-neolink ul li b
{
font-weight:normal !important;
}
.box-neolink ul li br
{
display:none;
}
.box-neolink ul li a
{
color:#222 !important;
font-style:italic !important;
font-weight:normal !important;
font-size:14px !important;
}
.box-neolink ul li a span
{
color:#222 !important;
font-style:italic !important;
font-weight:normal !important;
font-size:14px !important;
}
.box-neolink ul li a:hover
{
color:#673614;
text-decoration:underline;
}
.title-box-neolink
{
font-weight:700;
font-size:16px;
margin-bottom:15px;
font-style:italic;
border-bottom:solid 1px #d7d7d7;
padding-bottom:10px;
}
.modal-dialog
{
}
.frm-search-top {
position: relative;
background-color:#252525;
width:100%;
overflow:hidden;
}
.frm-search-top input{
border:none;
background-color:transparent;
width:100%;
padding:15px;
padding-left:10px;
color:#fff;
font-size:18px;
}
.btnsearch
{
position:absolute;
right:0px;
top:0px;
color:#fff;
background-color:#f89b39;
display:block;
padding:15px;
font-size:20px;
}
.map iframe
{
width:100%;
}
.c30
{
height:30px;
clear:both
}
.c15
{
height:15px;
clear:both
}
.Title-comment
{
background-color:#f5f5f5;
border:solid 1px #d7d7d7;
padding:10px;
color:#222;
font-weight:700;
text-transform:uppercase;
font-size:16px;
margin-top:20px;
}
.txt-comment
{
width:100%;
padding:10px;
border:solid 1px #d7d7d7;
}
.frm-line
{
margin-bottom:10px;
}
.content-box-comment
{
padding-top:15px;
}
.inputcomment
{
width:100%;
padding:10px;
border:solid 1px #d7d7d7;
height:100px;
}
.btn-comment
{
background-color:#5f3e23;
color:#fff;
font-weight:700;
text-transform:uppercase;
border:none;
min-width:200px;
padding-top:10px;
padding-bottom:10px;
margin-top:10px;
}
.des-but
{
font-weight:normal;
font-size:14px;
color:#f5f5f5;
text-transform:none;
font-style:italic;
margin-top:5px;
}
.border-error
{
border:solid 1px #F00;
}
.frm-lbl
{
font-weight:700;
color:#222;
margin-bottom:5px;
display:block
}
.comment-item-list
{
background-color:#f5f5f5;
padding:10px 15px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.comment-name
{
font-weight:700;
margin-bottom:8px;
border-bottom:solid 1px #d7d7d7;
padding-bottom:8px;
}
.comment-name span
{
font-weight:normal;
font-style:italic;
font-size:14px;
}
.comment-content
{
font-size:14px;
}
.reply_comment_form1
{
}
.list-com
{
margin:0;
padding:0;
}
.simplePagerNav{
float: right;
}
.simplePagerNav a{
text-decoration: none;
color: #666;
}
.simplePagerNav li {
float: left;
list-style: none;
font-weight: bold;
border: 1px solid #00904c;
padding: 1px 6px;
margin-left: 10px;
}
.currentPage {
background: #00904c;
color: #FFF;
}
.currentPage a{
color: #FFF;
}
.liked-comment{
text-decoration: none;
color: #666;
}
.alert-error{
color: #d20000;
}
.title-comment{
background:url(/images/icon-write-comment.png) no-repeat left;
padding-left:56px;
font-family:OpenSans, Arial, Helvetica, sans-serif;
font-size:18px;
min-height:38px;
line-height:38px;
}
.btn-comment{
text-decoration: none;
background: #00904c;
color: #FFF;
padding: 8px 10px;
border: none;
}
.thoatCookie{
text-decoration: none;
background: #666;
line-height: 30px;
color: #FFF;
padding: 8px 10px;
}
.avatar-comment{
background:url(/images/noavartar.jpg) no-repeat;
background-size:100%;
width:60px;
height:60px;
position:absolute;
top:0px;
left:0px;
}
.avatar-comment1{
background:url(/images/admin.png) no-repeat;
width:60px;
height:60px;
position:absolute;
top:10px;
left:10px;
background-size:100%;
}
.comment-item
{
padding-left:75px;
position:relative
}
.rep-comment
{
background:#EEE;
padding:10px;
padding-left:85px;
}
.btn-comment-list
{
border:solid 1px #d7d7d7;
padding-top:5px;
font-size:12px;
padding:6px;
margin-top:10px;
}
.btn-comment-list a
{
color:#333
}
.item-sub-comment
{
position:relative;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.isadmin
{
font-size:16px;
border-bottom:solid 1px #d7d7d7;
padding-bottom:6px;
margin-bottom:10px;
font-weight:700;
}
#show_comment_estate
{
margin-top:20px;
}
.img-info-lage
{
float:right;
}
.box-intro-info
{
border:solid 1px #4f8b69;
padding:30px;
}
.hd-box-intro-info
{
margin:0;
font-size:36px;
font-weight: normal;
background-image: url(../images/bg_title_box_info.png);
padding-left:50px;
background-repeat: no-repeat;
background-position: center left;
font-family: "Playfair+Display";
margin-bottom:20px;
}
.hd-box-intro-info a
{
color:#056839;
}
.hd-box-intro-info a:hover
{
color:#d2ab45
}
.serviceHome
{
padding-top:40px;
padding-bottom:40px;
background-color:#f3f3f3;
}
.intro-home{
padding-top:15px;
padding-bottom:20px;
width:60%;
margin:auto;
line-height:22px;
text-align:center;
}
.intro-ser
{
padding:15px;
}
.item-ser-home
{
text-align:center;
color:#707070;
line-height:22px;
padding-top:10px;
padding-bottom:10px;
}
.img-ser-home
{
width:119px;
height:119px;
display:block;
margin:auto;
background-color:#adadad;
background-repeat:no-repeat;
background-position:center center;
}
.item-ser-home:hover .img-ser-home
{
background-color:#24786e;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.name-service-home
{
font-size:18px;
font-weight:700;
margin-top:20px;
margin-bottom:15px;
}
.name-service-home a
{
color:#373737;
}
.name-service-page
{
font-size:16px;
font-weight:700;
text-transform:uppercase;
margin-top:20px;
margin-bottom:15px;
}
.name-service-page a
{
color:#414042;
}
.name-service-page a:hover
{
color:#111;
}
.intro-cat-ser-page
{
color:#414042;
font-size:14px;
line-height:20px;
}
.img-ser-page
{
border:solid 5px #d7d7d7;
background-color:transparent;
}
.item-ser-home:hover .img-ser-page
{
border:solid 5px #111;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.btn-ser-home
{
display:block;
width:70%;
margin:auto;
-webkit-border-radius: 100px;
border-radius: 100px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b98632+0,91632e+100 */
background: #b98632; /* Old browsers */
background: -moz-linear-gradient(left, #b98632 0%, #91632e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #b98632 0%,#91632e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #b98632 0%,#91632e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b98632', endColorstr='#91632e',GradientType=1 ); /* IE6-9 */
color:#fff;
padding-top:10px;
padding-bottom:10px;
font-weight:700;
font-size:16px;
margin-top:15px;
}
.btn-ser-home:hover
{
color:#fbe86b
}
.tuvanhome
{
padding-top:50px;
padding-bottom:50px;
background-color:#ebebeb
}
.tuvanhome .swiper-container
{
padding-top:8px;
}
.item-tuvanhome
{
overflow:hidden;
margin-bottom:30px;
}
.item-tuvanhome img
{
display:block !important;
width:100% !important;
}
.item-tuvanhome h3{
font-size:16px;
font-weight:700;
color:#333132;
margin:0;
margin-top:15px;
margin-bottom:10px;
}
.item-tuvanhome h3 a{
}
.item-tuvanhome h3 a:hover{
color:#f89b39;
}
.datetime{
color:#333132;
font-size:13px;
margin-bottom:7px;
}
.intro-tuvan
{
margin-top:10px;
margin-bottom:10px;
line-height:22px;
font-size:14px;
}
.duanhome
{
background-color:#f6f6f6;
padding-top:40px;
padding-bottom:40px;
}
.proj-item
{
border:solid 1px #dad7d7;
padding:3px;
text-align:center;
}
.projname-home
{
padding-top:10px;
padding-bottom:10px;
}
.projname-home a
{
font-weight:700;
color:#535353;
}
.projname-home a:hover
{
color:#111
}
.other-news
{
margin:0;
padding:0;
}
.other-news li
{
display:block;margin-top:5px;
margin-bottom:5px;
}
.other-news li a
{
font-weight:700;
color:#535353;
}
.other-news li a:hover{
color:#111;
}
.suntory-alo-phone {background-color: transparent;cursor: pointer;height: 120px;position: fixed; transition: visibility 0.5s ease 0s;width: 180px;z-index: 200000 !important; text-align:center}
.suntory-alo-ph-circle {animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;background-color: transparent;border: 2px solid rgba(30, 30, 30, 0.4);border-radius: 100%;height: 80px;left: 5px;opacity: 0.1;position: absolute;top: 5px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 80px;}
.suntory-alo-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;border: 2px solid transparent;border-radius: 100%;height: 60px;left: 15px;position: absolute;top: 15px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 60px;}
.suntory-alo-ph-img-circle {border: 2px solid transparent;border-radius: 100%;height: 40px;left: 25px;opacity: 0.7;position: absolute;top: 24px;transform-origin: 50% 50% 0;width: 40px;}
.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover {opacity: 1;}
.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;}
.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {border-color: #111;opacity: 0.5;}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {border-color: #999;opacity: 1;}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {border-color: #999;opacity: 1;}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.9);}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {background-color: #111;}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.9);}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle {background-color: #111;}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {background-color: #111;}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {background-color: #111;}
@keyframes suntory-alo-circle-anim {0% {opacity: 0.1;transform: rotate(0deg) scale(0.5) skew(1deg);}
30% {opacity: 0.5;transform: rotate(0deg) scale(0.7) skew(1deg);}
100% {opacity: 0.6;transform: rotate(0deg) scale(1) skew(1deg);}}
@keyframes suntory-alo-circle-img-anim {0% {transform: rotate(0deg) scale(1) skew(1deg);}
10% {transform: rotate(-25deg) scale(1) skew(1deg);}
20% {transform: rotate(25deg) scale(1) skew(1deg);}
30% {transform: rotate(-25deg) scale(1) skew(1deg);}
40% {transform: rotate(25deg) scale(1) skew(1deg);}
50% {transform: rotate(0deg) scale(1) skew(1deg);}
100% {transform: rotate(0deg) scale(1) skew(1deg);}}
@keyframes suntory-alo-circle-fill-anim {0% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
50% {opacity: 0.2;transform: rotate(0deg) scale(1) skew(1deg);}
100% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}}
.suntory-alo-ph-img-circle i {animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;font-size: 20px;line-height: 40px;padding-left: 0px;color: #fff;}
@keyframes suntory-alo-ring-ring {
0% {transform: rotate(0deg) scale(1) skew(1deg);}
10% {transform: rotate(-25deg) scale(1) skew(1deg);}
20% {transform: rotate(25deg) scale(1) skew(1deg);}
30% {transform: rotate(-25deg) scale(1) skew(1deg);}
40% {transform: rotate(25deg) scale(1) skew(1deg);}
50% {transform: rotate(0deg) scale(1) skew(1deg);}
100% {transform: rotate(0deg) scale(1) skew(1deg);}}
#suntory-alo-phoneIcon{display: block}
.lbl-yeucau
{
position:fixed;
background-color:#cf9557;
padding:5px 20px;
font-weight:700;
text-transform:uppercase;
bottom:10px;
left:10px;
color:#fff;
-webkit-border-radius: 50px;
border-radius: 50px;
z-index:9999
}
.btnreg-m
{
display:none;
}
.video-name-left
{
padding:6px 10px;
border:1px #d7d7d7 solid;
border-top:none;
}
.video-name-left a
{
font-size:14px;
color:#111;
}
.video-name-left a:hover
{
color:#d09559;
}
.sub-title-page
{
font-size:20px;
font-weight:700;
}
.line-col1
{
height:4px;
background-color:#666;
width:60px;
margin-bottom:20px;
}
.box-hotline
{
background-color:#d72631;
font-weight:700;
padding:6px 20px;
-webkit-border-radius: 100px;
border-radius: 100px;
width:auto;
float:right;
}
.box-hotline a
{
font-size:16px;
color:#fff;
font-family:"L";
display:block;
margin-bottom:5px;
}
.time-left
{
background-image:url(../images/time_left.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:46px;
line-height:20px;
margin-bottom:20px;
color:#fff;
}
.time-left div
{
font-weight:700;
}
.time-left strong
{
font-weight:700;
font-size:20px;
}
.hotline-left
{
background-image:url(../images/hotline.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:46px;
line-height:20px;
color:#fff;
}
.hotline-left div
{
font-weight:700;
}
.hotline-left strong
{
font-weight:700;
font-size:20px;
}
.review-home
{
padding-top:45px;
padding-bottom:40px;
background-color:#ebebeb;
background-image:url(../images/bg_khachhang.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.review-home .swiper-container
{
padding-top:10px;
}
.review-home .review-item
{
}
.review-home img
{
display:block;
}
.review-content
{
padding:20px;
background-color:#ffffff;
position: relative;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom:30px;
}
.review-content:after {
top: 100%;
left: 12.5%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 15px;
margin-left: -15px;
}
.review-home .review-item:hover .review-content
{
background-color:#0a6b96;
color:#fff;
transition: all 0.35s ease-in-out;
-webkit-perspective: 1000;
}
.review-home .review-item:hover .review-content:after {
border-top-color: #0a6b96;
transition: all 0.35s ease-in-out;
-webkit-perspective: 1000;
}
.info-review
{
}
.review-name{
color: #656565;
font-weight:700;
font-size:14px;
margin-bottom:0px;
padding-top:30px;
text-transform:uppercase;
}
.review-name a
{
color: #656565;
}
.review-name a:hover
{
color:#0a6b96
}
.review-add{
font-weight:600;
}
.review-service
{
margin-top:20px;
margin-bottom:10px;
}
.img-rev
{
float: left;
margin-right:15px;
}
.photo-reviews .swiper-slide img
{
opacity:0.7;
}
.photo-reviews .swiper-slide-thumb-active img
{
opacity:1;
}
.photo-reviews .swiper-slide-thumb-active
{
position:relative;
}
.photo-reviews .swiper-slide-thumb-active::before
{
position:absolute;
background-image:url(../images/arr_rev.png);
width:23px;
height:10px;
bottom:-25px;
left:50%;
margin-left:-7px;
content:"";
z-index:999;
}
.name-info-review
{
font-size:22px;
color:#b58131;
font-weight:700;
text-transform:uppercase;
}
.add-info-review
{
font-weight:700;
margin-bottom:0px;
}
.frm-home
{
background-image:url(../images/bg_frm_home.png);
background-position:center top;
background-size:cover;
padding-top:30px;
}
.frm-dathen
{
background-color:#fff;
-webkit-border-radius: 30px;
border-radius: 30px;
padding:20px 30px;
}
.frm-dathen .form-control
{
border-radius:0;
border:solid 1px #d7d7d7
}
.frm-dathen .form-control:focus {
border:solid 1px #111;
}
.icondate
{
position:absolute;
display:block;
background-image:url(../images/cal.png);
width:26px;
height:25px;
top:8px;
right:20px;
}
.bnt-frm
{
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
font-weight:700;
text-align:center;
color:#fff;
background-color:#111;
text-transform:uppercase;
}
.bnt-frm:hover
{
color:#f7c793 !important
}
.hd-frm
{
font-weight:800;
text-transform:uppercase;
font-size:18px;
margin-bottom:5px;
color:#b58131;
}
.intro-frm
{
line-height:22px;
margin-bottom:10px;
font-size:13px;
}
.item-review-page
{
margin-bottom:30px;
}
.content-rev-page {
position: relative;
background: #f1f2f2;
border: 5px solid #ffffff;
padding:20px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.content-rev-page:after, .content-rev-page:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.content-rev-page:after {
border-color: rgba(241, 242, 242, 0);
border-right-color: #f1f2f2;
border-width: 10px;
margin-top: -10px;
}
.content-rev-page:before {
border-color: rgba(255, 255, 255, 0);
border-right-color: #ffffff;
border-width: 17px;
margin-top: -17px;
}
.datepicker-dropdown
{
z-index:99999999 !important
}
#doingu
{
padding-top:15px;
}
.doingu
{
padding-top:60px;
}
.intro-doingu
{
width:70%;
margin:auto;
line-height:22px;
text-align:center;
margin-top:20px;
}
.view-all:hover
{
color:#6d6d6d
}
.list-aggregate li img
{
width:20%;
float:left;
margin-right:10px;
}
.project-home
{
padding-top:50px;
padding-bottom:50px;
}
.item-duanhome
{
position:relative;
border-bottom: solid 1px #fff;
border-right: solid 1px #fff;
}
.item-duanpage img
{
width:100%;
display:block;
}
.item-duanpage img:hover
{
filter: grayscale(100%);
opacity: 0.4;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.item-duanhome img
{
display:block;
width:100%;
}
.name-project-home {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background-image: url(../images/tran3.png);
margin: 0;
padding: 0;
font-size: 12px;
font-weight:700;
text-transform: uppercase;
font-style: normal;
font-stretch: normal;
line-height: 2;
letter-spacing: normal;
text-align: left;
color: #ffffff;
padding: 12px 20px;
}
.name-project-home a
{
color:#fff;
}
.name-project-home a:hover
{
color:#ffa200
}
#partner
{
padding-top:15px;
padding-bottom:15px;
}
.partner
{
background-color:#fff;
padding-top:40px;
padding-bottom:40px;
}
.par-btn
{
position:absolute;
top:50%;
margin-top:-26px;
width:53px;
height:53px;
background-image:url(../images/nppar.png);
}
.partner-next
{
background-position:0 0;
left:-60px;
}
.partner-prev
{
background-position:-53px 0;
right:-60px;
}
.item-part
{
text-align:center;
}
.item-part img
{
display:inline-block;
/*filter: grayscale(100%);
opacity: 0.4;*/
}
.item-part img:hover
{
opacity: 1;
filter: grayscale(0);
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.item-media-right
{
}
.img-media-right
{
position:relative;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
overflow:hidden;
}
.img-media-right img
{
display:block;
}
.name-media-right
{
position:absolute;
width:100%;
padding:10px;
color:#fff;
font-weight:700;
z-index:100;
background-image:url(../images/tran3.png);
font-size: 14px;
left:0;
bottom:0;
}
.btn-col
{
width:27px;
height:30px;
background-image:url(../images/np1.png);
position:absolute;
z-index:99;
top:40%;
background-repeat:no-repeat;
}
.btn-col-next
{
background-position:0 0;
left:0;
}
.btn-col-prev
{
right:0;
background-position:-27px 0;
}
.name-video-viewer
{
text-align:center;
padding-top:10px;
padding-bottom:10px;
font-weight:700;
line-height:22px;
font-size:16px;
color:#fff;
background-image:url(../images/tran3.png);
}
.item-media
{
display:block !important;
width:100%;
}
.name-item-media
{
font-size: 16px;
font-weight:700;
line-height:24px;
color: #1a1a1a;
}
.name-item-media a
{
color: #1a1a1a;
}
.name-item-media a:hover
{
color:#d72631
}
.img-item-media
{
overflow:hidden;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.img-item-media img
{
display:block;
width:100%;
}
.menutab
{
margin:0;
padding:0;
text-align:center;
background-color:#fff;
-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
}
.menutab ul
{
margin:0;
padding:0;
}
.menutab li
{
display:inline-block;
}
.menutab li a
{
font-size: 18px;
color: #434343;
font-weight:700;
padding-left:25px;
padding-right:25px;
display:inline-block;
font-weight:700;
line-height:80px;
}
.menutab li a:hover
{
color:#fff !important;
background-color:#24786e;
}
.menutab li a.actived
{
color:#fff;
background-color:#24786e;
}
.arr-pro
{
border-top:solid 1px #d7d7d7;
}
.arr-pro .item-arr-pro
{
border-bottom:solid 1px #d7d7d7;
padding-top:12px;
padding-bottom:12px;
}
.modal-body
{
background-color:#fff;
padding:0 !important;
}
.modal-search
{
background-color:transparent;
background-image:none
}
.btn-nav-m
{
display:none;
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
.slide-description
{
position:absolute;
bottom:80px;
left:0;
z-index:9999;
width:100%;
}
.content-sl
{
width:60%;
height:auto;
background-image: url(../images/tran.png);
padding:15px 20px;
border-left:solid 5px #283b91
}
.title-slide
{
font-weight:700;
font-size: 18px;
font-style: normal;
font-stretch: normal;
color: #ffffff;
margin:0;
padding:0;
margin-bottom:10px;
text-transform:uppercase;
opacity:1
}
.title-slide a
{
color: #ffffff;
}
.title-slide a:hover
{
color:#f89b39;
}
.slide-home-desc
{
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: 1.71;
text-align: left;
color: #ffffff;
}
.item-logo
{
text-align:center;
margin-bottom:10px;
}
.in-item-logo
{
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
.item-logo img
{
display:block;
width:100%;
margin-bottom:8px;
}
.item-logo img:hover
{
filter: grayscale(0);
opacity: 1;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.img-logo
{
padding:10px;
border:solid 1px #d7d7d7;
margin-bottom:15px;
}
.logo-name
{
font-weight:700;
font-size:14px;
margin-top:10px;
font-weight:normal;
}
.logo-name a
{
color:#414042
}
.logo-name a:hover
{
color:#283b91;
}
.hd-more
{
position:relative;
color:#454545;
font-size:30px;
border-bottom:solid 10px #ebebeb;
margin-bottom:30px;
margin-top:30px;
font-weight:bold;
line-height:28px;
min-height:42px;
}
.hd-more span
{
display:inline-block;
-webkit-clip-path: polygon(0 0, 91% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 91% 0, 100% 100%, 0% 100%);
background-color:#24786e;
font-size:22px;
font-weight:700;
padding-left:15px;
padding-right:40px;
min-height:42px;
color:#fff;
position:absolute;
border-bottom:0;
left:0;
line-height:40px;
font-family: 'Playfair Display', sans-serif;
}
.item-thanhvien
{
font-weight:700;
margin-bottom:30px;
overflow:hidden;
}
.item-thanhvien img
{
width:40%;
float:left;
margin-right:15px;
}
.thanhvien-name
{
color:#283b91;
font-size:16px;
text-transform:uppercase;
margin:0;
padding:0;
margin-top:0px;
margin-bottom:5px;
}
.thanhvien-name a
{
color:#414042;
}
.item-thanhvien img
{
display:block;
border:solid 1px #d7d7d7
}
.view-detail1
{
margin-top:5px;
}
.view-detail1 a {
color: #283b91;
font-size: 14px;
text-decoration: none;
font-weight:700;
}
.view-detail1 a:hover{
color:#06519a
}
.br-4
{
border-bottom:solid 4px #d7d7d7;
margin-top:30px;
margin-bottom:30px;
}
.hd-doc
{
background-color:#283b91;
color:#fff;
font-weight:700;
font-size:16px;
text-transform:uppercase;
text-align:center;
}
.doc-name
{
font-weight:700;
margin-bottom:0px;
font-size:16px;
}
.doc-intro
{
font-size:13px;
}
.bnt-dl
{
color:#727272;
}
.bnt-dl:hover
{
color:#06519a
}
.baotri
{
background-color:#ebebeb;
padding-top:50px;
padding-bottom:50px;
}
.list-baotri-home
{
padding-top:20px;
position:relative;
}
.baotri-home-item
{
}
.baotri-home-item .img-page
{
width:30%;
float:left;
margin-right:15px;
}
.name-baotri
{
padding-top:0;
padding-bottom:0;
margin-bottom:10px;
font-style:normal;
}
.name-baotri a
{
font-size:16px;
font-weight:600;
color:#414042;
margin-top:-4px;
display:block;
position:relative;
}
.name-baotri a:hover
{
color:#d72631;
}
.sl-pg
{
text-align:center;
width:100%;
margin-top:15px;
}
.sl-pg .swiper-pagination-bullet
{
background-color:transparent;
border:solid 2px #fff;
width:14px;
height:14px;
margin-left:3px;
margin-right:3px;
opacity:1;
}
.sl-pg .swiper-pagination-bullet-active
{
background-color:#fff;
}
.chungnhan-home
{
background-color:#f3f3f3;
padding-top:40px;
padding-bottom:40px;
}
.item-giaithuong
{
background-color:#fff;
padding:40px;
overflow:hidden;
}
.item-giaithuong img
{
width:40%;
float:left;
margin-right:20px;
}
.giaithuong-name
{
font-size:20px;
font-weight:700;
color:#4c4c4c;
text-transform:uppercase;
margin-bottom:15px;
}
.intro-giaithuong-item
{
line-height:22px;
}
.btn-sl1
{
display:block;
width:61px;
height:61px;
text-indent:-999em;
background-image:url(../images/np1.png);
top:50%;
margin-top:-30px;
position:absolute;
z-index:999;
}
.button-next1
{
left:-80px;
background-position:0 0;
}
.button-prev1
{
right:-80px;
background-position:-61px 0;
}
.subtab
{
border-bottom:solid 1px #d7d7d7;
margin:0;
padding:0;
text-align:center;
position:relative
}
.subtab li
{
display:inline-block;
position:relative;
width:auto;
height:78px;
margin-bottom:-1px;
}
.subtab li a
{
display:block;
padding:26px 20px;
color:#505050;
font-weight:bold;
font-size:16px;
margin-bottom:-2px;
position:relative
}
.subtab li a:hover
{
border-bottom:solid 3px #283b91;
color:#283b91;
}
.subtab li a.act
{
color:#283b91;
border-bottom:solid 3px #283b91;
}
.product-cat-name
{
font-weight:700;
font-size:20px;
color:#454545;
text-transform:uppercase;
margin-top:10px;
margin-bottom:10px;
}
.product-cat-name a
{
color:#454545;
}
.intro-cat-item
{
color:#838383;
line-height:22px;
}
.swiper-pagination
{
width:100% !important;
text-align:center;
bottom:20px;
}
.swiper-pagination-bullet
{
width:60px;
height:4px;
margin-left:3px;
margin-right:3px;
border-radius:0;
background-color:#c0c0c0;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet
{
display:inline-block;
opacity:1;
}
.swiper-pagination-bullet-active
{
background-color:#d72631;
}
.sc-top
{
float:right;
margin-right:30px;
margin-top:2px;
}
.sc-top a
{
display:inline-block;
color:#bec2d3;
padding-left:10px;
}
.sc-top a:hover
{
color:#06519a;
}
.btn-nav-m
{
float:right;
margin-top:18px;
}
.list-page
{
}
.list-page>div:nth-child(2)
{
background-color:#f1f1f1;
}
.img-md
{
display:none
}
.frmpage
{
border:solid 1px #d7d7d7;
border-top:none
}
.tacgia-home
{
padding-top:50px;
padding-bottom:50px;
}
.item-tacgia-home
{
text-align:center;
display:block;
padding-top:10px;
}
.item-tacgia-home .name-tacgia-home
{
font-weight:700;
color:#373737;
font-size:18px;
margin-top:15px;
margin-bottom:10px;
}
.item-tacgia-home .name-tacgia-home:hover
{
color:#d72631
}
.intro-tacgia
{
color:#707070;
font-size:15px;
line-height:22px;
}
.img-tacgia-home{
position:relative;
}
.img-tacgia-home img{
display:block;
width:100%;
}
.mask-img-tacgia{
position: absolute;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:url(../images/tran2.png);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.img-tacgia-home:hover .mask-img-tacgia{
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.btn-tacgia
{
position:absolute;
left: 0;
right: 0;
margin: auto;
top:45%;
background-color:#8b8b8b;
opacity:0.9;
color:#fff;
width:40%;
padding-top:10px;
padding-bottom:10px;
text-align:center;
font-weight:700;
height:auto;
}
.box-tacgia-detail
{
background-color:#ffffff;
padding:30px;
position:relative;
z-index:999;
margin-top:-120px;
-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
}
.container-small
{
max-width:1000px;
margin:auto;
}
.page-news
{
}
.page-trienlam
{
width:1090px;
margin:auto;
}
.item-trienlam
{
background-color:#e9e9e9;
margin-bottom:30px;
padding-left:15px;
padding-right:15px;
}
.item-trienlam h2
{
margin:0;
padding:0;
font-size:18px;
font-weight:700;
padding-top:30px;
padding-bottom:15px;
}
.item-trienlam h2 a
{
color:#3f3f3f;
}
.intro-trienlam
{
line-height:24px;
}
.faq-list
{
}
.faq-list .card-header
{
padding:0;
border-bottom:none;
background-color:transparent;
}
.faq-list .card-header .panel-title
{
padding-left:50px;
background-image:url(../images/faq-icon.png);
background-repeat:no-repeat;
background-position:left center;
margin:0;
}
.faq-list .card-header .panel-title.act-panel
{
background-image:url(../images/faq-active-icon.png);
}
.faq-list .panel
{
margin-bottom:20px;
}
.faq-list .content-faq
{
}
/*FAQ*/
.faq-list .collapse1
{
margin-left:50px;
background-color:#fff;
position:relative;
}
.faq-list .collapse1:before
{
position:absolute;
width:36px;
height:37px;
background-image:url(../images/rep.png);
background-repeat:no-repeat;
background-position:center center;
content:"";
top:10px;
left:-50px;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.faq-name {
margin: 0px;
padding: 0px;
color: #222;
font-size: 14px;
font-weight:700;
cursor: pointer;
padding-bottom:0px;
background-color:#ececec;
display:block;
padding:20px;
}
.faq-name:hover {
color: #111;
}
.frm-left .form-control
{
border:solid 1px #cfcfcf;
background-color:#f3f3f3;
padding:10px;
-webkit-border-radius: 0;
border-radius: 0;
}
.frm-left label
{
font-size:16px;
font-weight:600;
color:#6d6d6d;
}
.btn-send-faq
{
color:#fff;
font-weight:700;
display:block;
width:100%;
font-size:16px;
text-align:center;
padding:13px 0;
background-color:#24786e;
}
.item-pic
{
position:relative
}
.mask-pro
{
position: absolute;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(../images/tran2.png);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.item-pic:hover .mask-pro{
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.inner-mask-pro
{
color:#fff;
display:table;
width:100%;
height:100%;
position:relative;
}
.inner-mask-pro1:hover
{
color:#fff !important;
}
.inner-mask-pro1
{
display:table-cell;
vertical-align:middle;
color:#fff !important;
}
.share-sc
{
position:absolute;
width:100%;
text-align:center;
bottom:10px;
left:0;
}
.share-sc a
{
display:inline-block;
width:33px;
height:33px;
line-height:33px;
text-align:center;
color:#fff;
background-color:#a6abb1;
-webkit-border-radius: 100px;
border-radius: 100px;
left:0;
}
.box-tacgia-info
{
padding-top:50px;
padding-bottom:50px;
border-bottom:solid 1px #dadada;
margin-bottom:50px;
}
.tacgia-name-detail
{
color:#373737;
font-size:35px;
font-weight:700;
font-family: 'Playfair Display', sans-serif;
margin-bottom:20px;
}
.tacgia-name-detail a
{
color:#373737;
}
.menutop
{
margin:0;
padding:0;
float:right;
border-right:solid 1px #348e83;
padding-right:15px;
}
.menutop li
{
display:inline-block;
padding-left:5px;
padding-right:5px;
line-height:48px;
}
.menutop li a
{
color:#fff;
}
.container2
{
width:100%;
overflow:hidden;
}
.container1
{
width:100%;
}
.container1 img
{
max-width:100%;
}
.map-footer
{
width:100%;
overflow:hidden;
height:300px;
}
.map-footer iframe
{
width:100% !important;
}
.item-search
{
overflow:hidden;
}
.item-search .img-item-search
{
width:30%;
float:left;
margin-right:20px;
}