.arial { font-family: Arial; }
.comic_sans { font-family: 'Comic Sans MS'; }
.courier_new { font-family: 'Courier New'; }
.georgia { font-family: Georgia; }
.lucida { font-family: 'Lucida Sans Unicode'; }
.tahoma { font-family: Tahoma; }
.times_new_roman { font-family: 'Times New Roman'; }
.trebuchet { font-family: 'Trebuchet MS'; }
.verdana { font-family: Verdana; }
.roboto { font-family: 'Roboto'; }
.roboto_condensed { font-family: 'Roboto Condensed'; }
.segoe_ui { font-family: 'Segoe UI'; }

.slick-next, .slick-prev { width: 50px !important; height: 50px !important; }
.slick-prev { left: -55px !important; }
.slick-next { right: -55px !important; }

@media (max-width: 900px) {
    body.sb-l-m .navbar-branding { width: 160px; }
    body.sb-top .navbar-branding { width: auto; display: inline-block; float: none; }
    body.sb-l-o .navbar-branding,
    body.sb-l-m .navbar-branding { max-width: 160px; }
    body.sb-l-o .navbar-brand,
    body.sb-l-m .navbar-brand { display: inline-block; float: none; }
    body.sb-top .navbar + #sidebar_left + #content_wrapper, body.sb-top .navbar.navbar-static-top + #sidebar_left + #content_wrapper { padding-top: 0px; clear: both; }

    #sidebar_left::before, #sidebar_left::after, #sidebar_left .sidebar-left-content::before, #sidebar_left .sidebar-left-content::after { display: none; }
    .slick-prev, .slick-next { display: none !important; }
}

body { min-height: initial; background: #fff !important; height: auto !important; font-family: 'Roboto Condensed', 'Roboto', 'Segoe UI', SegoeUI, Arial, sans-serif; font-size: 14px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto Condensed', 'Roboto', 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.5; }
body.boxed-layout #main::before { width: auto; background: none; border: none; }
body.sb-top #sidebar_left { height: 55px; z-index: 9000; font-size: 14px !important; }
#header h2 { display: inline-block; }
#content_wrapper { background-color: #fff; color: #282828; }
#pagetopbar { display: block; background: rgba(0, 0, 0, 0.5); color: #fff; position: relative; height: 30px; }
#footer { overflow: hidden; }
    #footer ul, #footer ol { margin: 0px; padding-left: 14px; }
a { color: #1C5596; }
    a:hover, a:focus { color: #0E294E; }
.navbar { z-index: 9999; }
.navbar-brand h1 { text-indent: -9999px; }
.navbar-brand > img { height: 60px; }
.navbar .navbar-btn.btn-group > .btn { color: #333 !important; border-color: rgba(0,0,0,0.25); background-color: transparent; }
.slick-slider { margin: 0px !important; }
.slick-slide img { margin: 0 auto !important; }
.slick-slider { margin-bottom: 30px; }
.slick-dots { bottom: 20px !important; }
/*.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
    .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
        .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
            .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
                .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
            .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
        .slick-dots li.slick-active button:before { color: black; opacity: 0.75; }
.slick-dotted button { display: none !important; }*/
.slick-slide { }
.fb-wrap { width: 50%; margin: 0 auto; }
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
.image-zoom { display: inline-block; position: relative; width: 64px; height: 64px; margin: 0px; }
.product-title { height: 52px; line-height: 1.8; overflow: hidden; word-wrap: break-word; font-size: 1.1em; font-weight: bold; }
.product-code { color: #666; padding-bottom: 5px; }
.product-promotion { width: 37px; height: 36px; display: inline-block; background-color: rgba(255,212,36,.9); text-align: center; position: absolute; color: #ffffff; top: 0px; right: 5px; }
.product-sale ::after { content: ""; width: 0; height: 0; left: 0; bottom: -4px; border-style: solid; position: absolute; border-width: 0 19px 4px; border-color: transparent rgba(255,212,36,.9); }
.product-price .price { color: #AD0000; }
.product-price .price-before-discount { text-decoration: line-through; color: #666; }
@page { margin-top: 0; margin-bottom: 0; }
body.boxed-layout #main { overflow: visible !important; }
.shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; }

@media (max-width: 900px) {
    .navbar-form.navbar-search { padding: 16px 8px; }
}

@media print {
    body, #container { background: transparent; }
    .no-print, #content-footer { display: none !important; }
    #page-content { padding: 0 !important; margin: 0 !important; left: 0; right: 0; top: 0; bottom: 0; }
}

@-webkit-keyframes my {
    0% { color: #F8CD0A; }
    50% { color: #fff; }
    100% { color: #F8CD0A; }
}

@-moz-keyframes my {
    0% { color: #F8CD0A; }
    50% { color: #fff; }
    100% { color: #F8CD0A; }
}

@-o-keyframes my {
    0% { color: #F8CD0A; }
    50% { color: #fff; }
    100% { color: #F8CD0A; }
}

@keyframes my {
    0% { color: #F8CD0A; }
    50% { color: #fff; }
    100% { color: #F8CD0A; }
}

.btn-call-now { display: block; height: 50px; position: fixed; width: auto; bottom: 10px; background: #b70100; text-decoration: none; box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; -moz-box-shadow: 0 0 5px #ddd; z-index: 999999999; right: 10px; color: #FFF; font-weight: 700; font-size: 18px; border-radius: 25px; padding: 5px; -webkit-animation: my 700ms infinite; -moz-animation: my 700ms infinite; -o-animation: my 700ms infinite; animation: my 700ms infinite; }
    .btn-call-now em { position: relative; color: #b70100; font-size: 30px; background: #fff; width: 40px; height: 40px; border-radius: 20px; margin-right: 5px; }
    .btn-call-now:hover { color: #fff; }
    .btn-call-now em:before { position: absolute; top: 5px; left: 8px; }
a.btn-call-now { font-size: 19px !important; font-family: Arial; height: 50px; padding-right: 10px; }
.newshot .blog-title { position: absolute; width: 100%; bottom: 0px; left: 0px; color: #fff; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)) repeat scroll 0 0; }
    .newshot .blog-title a { color: #fff; text-transform: capitalize; }
    .newshot .blog-title .text-muted { color: #fff; }
.newshot-thumb { overflow: hidden; }
    .newshot-thumb img { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; width: 100%; }
    .newshot-thumb:hover img { -webkit-transform: scale(1.05) rotate(1deg); -ms-transform: scale(1.05) rotate(1deg); -o-transform: scale(1.05) rotate(1deg); transform: scale(1.05) rotate(1deg); opacity: 0.8; }

article h1, article h2, article h3, article h4, article h5, article h6 { font-weight: bold; color: #000; }
article h1, article h2, article h3, article h4, article p { margin: 0 0 10px 0; }
article p, article li, article td, article div { font-size: 18px !important; line-height: 1.75; color: #000; }
    article p.large { font-size: 20px; }
article h1 { font-size: 34px !important; line-height: 1.35; }
article h2 { font-size: 26px !important; line-height: 1.35; }
article h3 { font-size: 20px !important; line-height: 1.35; }
article h4 { font-size: 18px !important; }
article h5 { font-size: 16px !important; }
article h6 { font-size: 14px !important; }
article a, article a:hover, article a:focus, article a:active, article a.active { outline: none; }
article a { color: #125B96; }
    article a:hover, article a:focus, article a:active, article a.active { color: #0A3257; }
footer article p, footer article li, footer article td, footer article div { font-size: 14px !important; line-height: 1.75; color: #000; }
    footer article p.large { font-size: 16px; }
.desc { font-size: 15px; }
figure.img-responsive img { width: 100%; margin: 0px auto; }
article .image-center .img-responsive { margin: 0 auto; }
.breadcrumb { font-size: 14px !important; }
.skin3 h3 .title { line-height: 1.7; display: block; height: 66px; overflow: hidden; }
.scrollup { opacity: 0.4; z-index: 2; display: none; position: fixed; bottom: 25px; right: 30px; width: 42px; height: 40px; border-radius: 4px; background: #f6bb42; color: #FFF; font-size: 18px; line-height: 36px; text-align: center; }
    .scrollup:hover,
    .scrollup:focus { opacity: 1; color: #FFF; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.zocial, a.zocial { color: #fff !important; }
.text-muted { color: #666 !important; font-size: 0.9em; }
.newshot .text-muted { color: #ddd !important; }
.newshot2 .text-muted { color: #666 !important; }
ol.timeline-list li.timeline-item .timeline-desc a { color: #1C5596; }
.text-center .img-responsive { margin: 0 auto; }
.panel-tabs > li > a { font-size: 15px; }
.label { display: inline-block; margin-bottom: 10px; }

@media (max-width: 1420px) {
    .scrollup { left: auto; right: 30px; bottom: 15px; }
}

@media (max-width: 940px) {
    .scrollup { right: 25px; left: auto; bottom: 8px; width: 35px; height: 34px; line-height: 32px; }
}

.skin5-master .slick-slide { margin-right: 15px; }

i.VISA, i.MASTER, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB, i.NAB, i.BAB { width: 80px; height: 30px; display: inline-block; background: url(/vnkResource/img/bank_logo.png) no-repeat; }
i.MASTER { background-position: 0px -31px }
i.AMREX { background-position: 0px -62px }
i.JCB { background-position: 0px -93px; }
i.VCB { background-position: 0px -124px; }
i.TCB { background-position: 0px -155px; }
i.MB { background-position: 0px -186px; }
i.VIB { background-position: 0px -217px; }
i.ICB { background-position: 0px -248px; }
i.EXB { background-position: 0px -279px; }
i.ACB { background-position: 0px -310px; }
i.HDB { background-position: 0px -341px; }
i.MSB { background-position: 0px -372px; }
i.NVB { background-position: 0px -403px; }
i.DAB { background-position: 0px -434px; }
i.SHB { background-position: 0px -465px; }
i.OJB { background-position: 0px -496px; }
i.SEA { background-position: 0px -527px; }
i.TPB { background-position: 0px -558px; }
i.PGB { background-position: 0px -589px; }
i.BIDV { background-position: 0px -620px; }
i.AGB { background-position: 0px -651px; }
i.SCB { background-position: 0px -682px; }
i.VPB { background-position: 0px -713px; }
i.VAB { background-position: 0px -744px; }
i.GPB { background-position: 0px -775px; }
i.SGB { background-position: 0px -806px; }
i.NAB { background-position: 0px -837px; }
i.BAB { background-position: 0px -868px; }

.pagepeoplesay img { width: 50%; }
.pagepeoplesay { padding-top: 70px !important; }
    .pagepeoplesay .content, .pagepeoplesay h2 { display: none; }
.slick-current .pagepeoplesay img { width: 80%; }
.slick-current .pagepeoplesay { padding-top: 15px !important; text-align: center; }
    .slick-current .pagepeoplesay h2 { display: block; }
    .slick-current .pagepeoplesay .content, .slick-current .pagepeoplesay h2 { display: block; width: 300%; margin-left: -100%; }

.skin7 .content { position: relative; overflow: hidden; text-align: center; padding: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms }
    .skin7 .content h3 { padding-top: 0; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms }
    .skin7 .content .links { padding: 10px; position: absolute; top: 0px; left: 0px; background: #fff; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; filter: alpha(opacity = 0); *display: none; -webkit-transform: translate(0,50px); -moz-transform: translate(0,50px); -ms-transform: translate(0,50px); transform: translate(0,50px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; }
.skin7:hover .content, .skin7 .active .content { -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; }
    .skin7:hover .content img, .skin7 .active .content img { opacity: 0.5; }
    .skin7:hover .content .description, .skin7 .active .content .description, .skin7:hover .content .links, .skin7 .active .content .links { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; filter: alpha(opacity = 100); *display: block; -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); font-size: 14px !important }