@charset "utf-8";
@import url(/vn/user/template/vts/css/hover-min.css);
@import url(/vn/user/template/vts/css/animate.css);

/* CSS Document */


/* ---------------------------------------------------------------------- */


/* Styles
/* ----------------------------------------------------------------------
TABLE OF CONTENTS

-Imported Stylesheets
-Generic
-Containers
-Header
-Typography
-Wells
-Buttons
-Logo
-Social Links
-Contact Details
-Bullets
-Language Switcher
-Navigation
-FlexSlider
-Arrow Box
-Thumbnails
-Featured Box
-Action Box
-Icon Box
-Lists
-Footer
-Widgets
-Back to Top
-Page Title Bar
-Panels
-Pills
-Helper Classes
-404 Error
-Images
-Sidebar
-Tables
-Portfolio & Blog
-Portfolio
-Blog
-Forms
-Team Member
-Google Map
-Partner Logo
-WP Styles
-Mobile Navigation
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */


/* Imported Stylesheets
/* ---------------------------------------------------------------------- */

@import "font-awesome/css/font-awesome.min.css";
@import "css/fancybox/jquery.fancybox.css";
@import "css/fancybox/helpers/jquery.fancybox-buttons.css";
@import "css/fancybox/helpers/jquery.fancybox-thumbs.css";

/* ---------------------------------------------------------------------- */


/* Generic
/* ---------------------------------------------------------------------- */

.minheight {
    min-height: 38px !important;
    margin: 0px !important;
}

.flex-direction-nav a,
.flex-control-paging li a,
.thumbnail>a:before,
a.thumbnail:before,
.ix-overlay,
.media>a:before {
    -webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

hr.ix-tall {
    margin-top: 50px;
    margin-bottom: 50px;
}

.ix-btn-example .btn,
.ix-btn-example .label {
    margin-bottom: 5px;
    display: inline-block;
}

.ix-grid-example>.row>div>span {
    display: block;
    background-color: #e0e0e0;
    text-align: center;
    min-height: 40px;
    line-height: 40px;
}

.dropdown-menu {
    text-align: left;
}


/* ---------------------------------------------------------------------- */


/* Containers
/* ---------------------------------------------------------------------- */

#ix-wrapper {
    /*  border-top: 5px solid #ededed;*/
}


/* Boxed Layout */

body.ix-boxed #ix-wrapper {
    background-color: #fff;
    width: 1200px;
    margin: 0 auto;
}


/* ---------------------------------------------------------------------- */


/* Header
/* ---------------------------------------------------------------------- */

#ix-header>.container {
    padding-top: 15px;
    padding-bottom: 25px;
}

#ix-header .ix-header-details {
    /*    padding-top: 10px;*/
}

#ix-header .ix-header-details p {
    margin-bottom: 10px;
}


/* ---------------------------------------------------------------------- */


/* Typography
/* ---------------------------------------------------------------------- */

p,
ul,
ol,
blockquote p,
blockquote p:last-child,
pre {
    margin-bottom: 1em;
    /* 15px */
}

pre {
    padding: 10px;
    white-space: pre-wrap;
}

kbd {
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

code {
    white-space: pre-wrap;
}


/* Headings */

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    letter-spacing: -0.025em;
}

h1,
.h1 {
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 15px;
}


/* Intro */

.ix-intro p {
    font-size: 26px;
    font-weight: 300;
}

.ix-btn-wrap .btn+.btn {
    margin-left: 6px;
}

.ix-btn-wrap .btn {
    margin-bottom: 5px;
}


/* Blockquotes */

blockquote p {
    font-style: italic;
    display: list-item;
    margin-left: 30px;
}


/* Testimonial */

.ix-testimonial {
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    border: none;
}

.ix-testimonial .fa-quote-left {
    float: left;
    font-size: 22px;
    color: #ccc;
    margin-right: 6px;
}

.ix-testimonial p {
    font-style: italic;
}

.ix-testimonial footer {
    font-size: inherit;
}

.ix-testimonial footer:before {
    content: '';
}

.ix-testimonial>footer>* {
    display: block;
}

.ix-testimonial>footer>strong {
    font-weight: 600;
}


/* Lead */

.lead strong {
    font-weight: 800;
}

.lead strong a {
    text-decoration: underline;
}


/* Tooltip */

.tooltip {
    font-weight: normal;
    text-transform: none;
    font-style: normal;
}


/* Label */

.label {
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
}

.label-primary {
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}


/* ---------------------------------------------------------------------- */


/* Wells
/* ---------------------------------------------------------------------- */

.well>*:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------------------- */


/* Buttons
/* ---------------------------------------------------------------------- */

.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
}

.btn-default,
.btn-primary {
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.btn-lg {
    letter-spacing: -0.025em;
}

.btn-lg .fa {
    font-size: 30px;
}

.btn>* {
    vertical-align: middle;
}

.btn .fa {
    margin-right: 6px;
}


/* ---------------------------------------------------------------------- */


/* Logo
/* ---------------------------------------------------------------------- */

#ix-logo-wrap {
    /* padding: 10px 0;*/
}

#ix-logo {
    max-height: 27px;
    /* ix-customizable */
    margin: 0;
}

#ix-tagline {
    line-height: normal;
    margin: 10px 0 0;
}


/* ---------------------------------------------------------------------- */


/* Social Links
/* ---------------------------------------------------------------------- */

.ix-social {
    display: inline-block;
}

.ix-social>a {
    margin-left: 6px;
    line-height: 1;
}

.ix-social>strong,
.ix-social>span,
.ix-social>a>.fa {
    vertical-align: middle;
}

.ix-social>strong {
    font-weight: 600;
}

.ix-social>a,
.ix-social>strong,
.ix-social>span {
    margin-bottom: 5px;
}


/* ---------------------------------------------------------------------- */


/* Contact Details
/* ---------------------------------------------------------------------- */

.ix-contact-info {
    display: inline-block;
}

.ix-contact-info * {
    vertical-align: middle;
}

.ix-contact-info>.fa {
    font-size: 18px;
}

.ix-mail>.fa {
    font-size: 15px;
}

.ix-mobile>.fa {
    font-size: 21px;
}

.ix-contact-info>.fa {
    margin-right: 6px;
}

.ix-contact-info>strong {
    font-weight: 600;
}


/* ---------------------------------------------------------------------- */


/* Bullets
/* ---------------------------------------------------------------------- */

.ix-bullet {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 10px;
    vertical-align: middle;
}


/* ---------------------------------------------------------------------- */


/* Language Switcher
/* ---------------------------------------------------------------------- */

.ix-language-switcher {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}

.ix-language-switcher>strong,
.ix-language-switcher>a>span {
    vertical-align: middle;
}

.ix-language-switcher>strong {
    font-weight: 600;
}

.ix-language-switcher>a {
    display: inline-block;
    margin-left: 6px;
    position: relative;
    /* for the caret */
    padding-right: 12px;
    /* for the caret */
    line-height: 1;
}

.ix-language-switcher .caret {
    position: absolute;
    top: 3px;
    right: 0;
}

.ix-language-switcher .dropdown-menu {
    z-index: 1002;
    /* place over nav */
    right: 0;
}


/* ---------------------------------------------------------------------- */


/* Navigation
/* ---------------------------------------------------------------------- */

.navbar {
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    z-index: 1001;
    /* place over slider arrows */
    background: #ededed;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
    /* W3C */
    /* SVG as background image (IE9/Chrome/Safari/Opera) - This is used instead of 'filter', which blocks the dropdown menu on IE9. Helping site: http://ie.microsoft.com/TESTDRIVE/Graphics/SVGGradientBackgroundMaker/Default.html */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFREVERUQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NTQpIiAvPgo8L3N2Zz4=);
}

.navbar-nav>li {
    box-shadow: 1px 0 #fff;
}

.navbar-nav>li>a {
    text-shadow: 0 1px rgba(255, 255, 255, 0.8);
    padding: 0 28px;
}

.navbar-nav>li>a:hover,
.navbar-nav>li.active>a {
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.navbar .fa {
    font-size: 18px;
}


/* Sticky Navigation */

.ix-sticky-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}


/* Superfish */


/*** ESSENTIAL STYLES ***/

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu li {
    position: relative;
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 1001;
}

.sf-menu>li {
    float: left;
}

.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 100%;
}


/*** SKIN ***/

.sf-menu ul {
    min-width: 200px;
    /* allow long menu items to determine submenu width */
    border: 1px solid;
    border-left: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    /* same as on navbar */
}

.sf-menu ul a {
    border-bottom: 1px solid;
    padding: 8px 30px;
    color: #fff;
    font-weight: normal;
}

.sf-menu ul li:last-child>a {
    border-bottom: none;
}

.sf-menu ul li {
    white-space: nowrap;
    /* no need for Supersubs plugin */
    box-shadow: 0 1px rgba(255, 255, 255, 0.04);
}

.sf-menu ul li:last-child {
    box-shadow: none;
}

.sf-menu>li.sfHover a {
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}


/* Navbar Form */

.navbar-form {
    display: table;
    /* for Chrome */
}


/* ---------------------------------------------------------------------- */


/* FlexSlider
/* ---------------------------------------------------------------------- */


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* Icon Fonts
*********************************/


/* FlexSlider Necessary Styles
*********************************/

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
}


/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
    max-width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}


/* Clearfix for the .slides element */

.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}


/* No JavaScript Fallback */


/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides>li:first-child {
    display: block;
}


/* FlexSlider Theme
*********************************/

.ix-slider-full-width {
    margin-bottom: 30px;
}

.ix-slider-full-width .flexslider {
    width: 1200px;
    max-width: 100%;
}

.flexslider {
    position: relative;
    margin: 0 auto;
}

.flex-viewport {
    max-height: 2000px;
}

.loading .flex-viewport {
    max-height: 400px;
}

.flexslider .slides>li>a {
    display: block;
}


/* Direction Nav */

.flex-direction-nav a {
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    margin-top: -22px;
    z-index: 1000;
    overflow: hidden;
    /*opacity: 0;*/
    /* uncomment for arrows hiding on mouseout */
    cursor: pointer;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.flex-direction-nav .flex-prev {
    left: 10px;
}

.flex-direction-nav .flex-next {
    right: 10px;
}


/*.flexslider:hover .flex-prev,
.flexslider:hover .flex-next { 
	opacity: 1; 
}*/


/* uncomment for arrows hiding on mouseout */

.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: FontAwesome;
    content: '\f104';
    font-size: 36px;
    font-style: normal;
    font-weight: normal;
    line-height: 44px;
    /* box height */
    display: inline-block;
}

.flex-direction-nav a.flex-next:before {
    content: '\f105';
}


/* Control Nav */

.flex-control-nav {
    position: absolute;
    text-align: center;
    z-index: 1000;
}

.ix-entry-slider .flex-control-nav {
    right: 10px;
    bottom: 10px;
    border-radius: 3px;
    /*  height: 28px;*/
}

.ix-testimonial-slider .flex-control-nav {
    right: 0;
    bottom: 0;
    /*  height: 8px;*/
}

.flex-control-nav li {
    display: inline-block;
}

.flex-control-nav li+li {
    margin-left: 8px;
}

.flex-control-paging li a {
    width: 8px;
    height: 8px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
}

.ix-entry-slider .flex-control-paging li a {
    background: #8e9192;
    box-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.ix-testimonial-slider .flex-control-paging li a {
    background: #ccc;
}

.ix-entry-slider .flex-control-paging li a:hover,
.ix-entry-slider .flex-control-paging li a.flex-active {
    background: #fff;
}

.flex-control-paging li a.flex-active {
    cursor: default;
}

.flex-caption {
    position: absolute !important;
    display: inline-block;
    top: 25%;
    right: 0;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.flex-caption h1 {
    margin: 0;
    color: #fff;
}

.flexslider .ix-arrow-box:after {
    border-color: transparent;
    left: 60px;
}


/* ---------------------------------------------------------------------- */


/* Arrow Box
/* ---------------------------------------------------------------------- */

.ix-arrow-box,
.nav-pills>li.active>a {
    position: relative;
    font-weight: normal;
}

.ix-arrow-box:after,
.nav-pills>li.active>a:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
}


/* primary */

.ix-arrow-box.ix-primary,
.nav-pills>li.active>a {
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.ix-arrow-box.ix-primary:after,
.nav-pills>li.active>a:after {
    border-color: transparent;
}


/* secondary */

.ix-arrow-box.ix-secondary {
    background: #e0e0e0;
}

.ix-arrow-box.ix-secondary:after {
    border-color: transparent;
    border-top-color: #e0e0e0;
}


/* left */

.ix-arrow-box.ix-arrow-left:after {
    left: 40px;
}


/* right */

.ix-arrow-box.ix-arrow-right:after {
    right: 40px;
}


/* ---------------------------------------------------------------------- */


/* Thumbnails
/* ---------------------------------------------------------------------- */

a.thumbnail>img {
    margin-bottom: 0;
    max-width: 100%;
    max-height: 100%;
}

.thumbnail .caption h3 {
    margin-bottom: 10px;
}

.thumbnail>a,
a.thumbnail {
    display: inline-block;
    position: relative;
    max-width: 100%;
}

.thumbnail>a:before,
a.thumbnail:before {
    position: absolute;
    /*  content: ' ';*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.4);
}

.thumbnail>a:hover:before,
a.thumbnail:hover:before {
    box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.1);
}


/* Overlay */

.ix-overlay {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
    color: #fff;
}

.ix-overlay .fa {
    font-size: 18px;
}

a.thumbnail:hover .ix-overlay,
.thumbnail>a:hover .ix-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}


/* Title Overlay */

.ix-title-overlay {
    bottom: 4px;
    left: 2px;
    right: 5px;
    text-align: center;
}

.ix-title-overlay h4 {
    margin: 0;
    color: #fff;
}


/* Link Overlay */

.ix-link-overlay {
    bottom: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
}

.ix-link-overlay .fa {
    line-height: 36px;
}


/* ---------------------------------------------------------------------- */


/* Featured Box
/* ---------------------------------------------------------------------- */

.ix-featured-box {
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
    margin: 50px 0;
    padding: 25px 0;
}

.ix-featured-box h2 {
    font-weight: normal;
}

.ix-featured-box .thumbnail {
    margin-bottom: 0;
    width: 262px;
    height: 150px;
    background: #fff;
}


/* ---------------------------------------------------------------------- */


/* Action Box
/* ---------------------------------------------------------------------- */

.ix-action-box {
    margin: 50px 0;
    padding: 25px 0;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.ix-action-box2 {
    margin: 20px 0;
    padding: 25px 0;
    color: #000;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.ix-action-box3 {
    margin: 20px 0;
    padding: 20px 0;
    color: #000;
    text-shadow: 0;
}

#ix-footer .ix-action-box {
    margin: 0;
}

.ix-action-box>.container {
    display: table;
}

.ix-action-box-text {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.ix-action-box-text>p {
    font-size: 26px;
    font-weight: 300;
    margin: 0;
}

.ix-action-box-controls {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-left: 30px;
}


/* ---------------------------------------------------------------------- */


/* Icon Box
/* ---------------------------------------------------------------------- */

.ix-iconbox-icon {
    float: left;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    text-align: center;
    margin-right: 15px;
}

.ix-iconbox-icon .fa {
    font-size: 22px;
    line-height: 44px;
    /* box height */
}

.ix-iconbox-icon .fa-mobile {
    font-size: 29px;
}

.ix-iconbox-content {
    overflow: hidden;
}


/* ---------------------------------------------------------------------- */


/* Lists
/* ---------------------------------------------------------------------- */

ul.ix-square,
ul.ix-square ul {
    list-style: none;
    padding: 0;
}

ul.ix-square li {
    position: relative;
    padding-left: 13px;
}

ul.ix-square li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 0.6em;
    /* 9/15 */
}

#ix-footer-top ul.ix-square li:before {
    top: 0.615em;
    /* 8/13 */
}


/* ---------------------------------------------------------------------- */


/* Footer
/* ---------------------------------------------------------------------- */

#ix-footer {
    margin-top: 50px;
}

#ix-footer-top {
    padding: 35px 0;
}

#ix-footer-top {
    border-top: 1px solid #d4d4d4;
}

.ix-action-box+#ix-footer-top {
    border-top: none;
}

#ix-footer-bottom {
    padding: 25px 0;
    color: #8e9193;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

#ix-footer-bottom p:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------------------- */


/* Widgets
/* ---------------------------------------------------------------------- */


/* Latest Posts */

.media>a {
    position: relative;
    /* for the overlay */
}

.media>a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.media-object {
    height: auto;
    max-width: 100%;
}

.media .media-object {
    max-width: 70px;
    max-height: 70px;
}

.ix-widget .media-heading {
    font-weight: normal;
}

.media-heading,
.media .ix-meta {
    margin-bottom: 5px;
}

li.media {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 15px;
}

.media,
.media .media {
    margin-top: 15px;
}

#ix-footer .ix-widget.ix-text>p:last-child {
    margin-bottom: 0;
}


/* List */

.ix-widget.ix-list li {
    border-bottom: 1px solid #d4d4d4;
}

.ix-widget.ix-list li:before {
    top: 1.266em;
    /* 19/15 */
}

.ix-widget.ix-list ul li a {
    display: block;
    padding: 10px 0;
}

#ix-footer-top .ix-widget.ix-list li:before {
    top: 1.384em;
    /* 18/13 */
}

#ix-footer .ix-widget>ul {
    margin-bottom: 0;
}


/* Subcategory */

.ix-widget.ix-list li li:first-child {
    border-top: 1px solid #d4d4d4;
}

.ix-widget.ix-list li li:last-child {
    border-bottom: none;
}


/* Twitter */

.ix-tweet-list>ul>li {
    border-bottom: 1px solid #d4d4d4;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ix-tweet-list>ul>li:before {
    top: 1.266em;
    /* 19/15 */
}

#ix-footer-top .ix-tweet-list>ul>li:before {
    top: 1.384em;
    /* 18/13 */
}

.ix-tweet-time>a {
    text-transform: uppercase;
}

.ix-tweet-avatar img {
    float: left;
    margin-right: 10px;
}


/* ---------------------------------------------------------------------- */


/* Back to Top
/* ---------------------------------------------------------------------- */


/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    right: 30px;
    bottom: 15px;
    overflow: hidden;
    width: 44px;
    height: 44px;
    border: none;
}

#toTopHover {
    width: 44px;
    height: 44px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0);
}

#toTop:active,
#toTop:focus {
    outline: none;
}

#toTop:before,
#toTopHover:before {
    font-family: FontAwesome;
    font-size: 36px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    content: '\f106';
    color: #fff;
    position: absolute;
    top: 2px;
    left: 10px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}


/* ---------------------------------------------------------------------- */


/* Page Title Bar
/* ---------------------------------------------------------------------- */

.ix-page-title-bar {
    padding: 25px 0;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
    margin-bottom: 35px;
}

.ix-page-title-bar h1 {
    color: #fff;
    margin: 0;
}


/* Breadcrumb */

.breadcrumb {
    padding: 0;
    margin: 0;
    text-align: right;
}


/* ---------------------------------------------------------------------- */


/* Panels
/* ---------------------------------------------------------------------- */

.panel-default>.panel-heading {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: #ededed;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */
}

.panel-body>p:last-child {
    margin-bottom: 0;
}

.panel-title .fa {
    margin-right: 5px;
}

.panel-title>a {
    display: block;
}


/* ---------------------------------------------------------------------- */


/* Pills
/* ---------------------------------------------------------------------- */

.nav-pills>li {
    margin-right: 5px;
    margin-bottom: 12px;
}

.nav-pills>li+li {
    margin-left: 0;
    /* rewrites Bootstrap */
}

.nav-pills>li.active>a:after {
    left: 50%;
    margin-left: -7px;
}


/* ---------------------------------------------------------------------- */


/* Helper Classes
/* ---------------------------------------------------------------------- */

.ix-indent {
    margin-left: 30px;
}


/* ---------------------------------------------------------------------- */


/* 404 Error
/* ---------------------------------------------------------------------- */

.ix-error-404 h1 {
    font-size: 48px;
}

.ix-error-404 p {
    font-size: 22px;
}


/* ---------------------------------------------------------------------- */


/* Images
/* ---------------------------------------------------------------------- */

img.pull-left,
img.alignleft,
a.pull-left,
a.alignleft,
div.pull-left,
div.alignleft {
    margin-right: 15px;
}

img.pull-right,
img.alignright,
a.pull-right,
a.alignright,
div.pull-right,
div.alignright {
    margin-left: 15px;
}

img.center-block,
img.aligncenter,
a.pull-center,
a.aligncenter,
div.pull-center,
div.aligncenter {
    margin-top: 1em;
    margin-bottom: 1em;
}


/* ---------------------------------------------------------------------- */


/* Sidebar
/* ---------------------------------------------------------------------- */

.ix-sidebar hr {
    margin: 35px 0;
}

.ix-sidebar .ix-widget {
    margin-bottom: 35px;
}

.ix-sidebar .ix-widget.ix-text>*:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------------------- */


/* Tables
/* ---------------------------------------------------------------------- */


/* Pricing Table */

.ix-pricing-table,
.ix-pricing-table th {
    text-align: center;
}

.ix-pricing-table thead th {
    text-transform: uppercase;
    font-weight: 800;
}

.ix-price td span:first-child {
    font-weight: 800;
}


/* ---------------------------------------------------------------------- */


/* Portfolio & Blog
/* ---------------------------------------------------------------------- */

.ix-meta {
    text-transform: uppercase;
}

.list-inline.ix-meta>li {
    padding: 0;
}

.list-inline.ix-meta>li+li:before {
    content: "|";
    padding: 0 5px;
}


/* ---------------------------------------------------------------------- */


/* Portfolio
/* ---------------------------------------------------------------------- */

.ix-portfolio-nav-all a {
    display: inline-block;
}

.ix-portfolio-nav-all .fa {
    font-size: 36px;
}

.ix-portfolio-title h1,
.ix-portfolio-nav .pager {
    margin: 0;
}


/* Portfolio Filter */

.ix-sort-source {
    margin-bottom: 35px;
}


/* Start: Recommended Isotope styles */


/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}


/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    left: 0;
    right: 0;
}


/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


/* End: Recommended Isotope styles */


/* ---------------------------------------------------------------------- */


/* Blog
/* ---------------------------------------------------------------------- */

.ix-post-block {
    padding-top: 35px;
    margin-top: 35px;
}

.ix-post {
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.pagination>.active>a {
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}


/* Single Post */

.ix-single-post .ix-post {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}


/* Sticky Post */

.ix-post.sticky {
    box-shadow: inset 0px 0px 0px 5px #fff;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.ix-post.sticky .ix-post-content,
.ix-post.sticky .ix-post-meta {
    padding-left: 10px;
    padding-right: 10px;
}


/* Share Buttons */

.sharrre .buttons {
    overflow: hidden;
}

.sharrre .button {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}

.sharrre .button.facebook .fb_iframe_widget span {
    display: block;
}


/* Comments */

.ix-comment-list .media {
    border: none;
    margin: 0;
    padding: 0;
}

.ix-comment {
    overflow: hidden;
}

.ix-post-author .ix-avatar,
.ix-comment .ix-avatar {
    width: 70px;
    height: 70px;
}

.ix-comment-block>*:last-child {
    margin-bottom: 0;
}

.ix-comment-block {
    position: relative;
    /* for the arrow */
    background-color: #f5f5f5;
    overflow: visible;
}

.ix-comment-block:after {
    top: 35px;
    right: 100%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 7px solid transparent;
    border-right-color: #f5f5f5;
}

.ix-comment-block,
.ix-comment-list.ix-reply {
    margin-left: 85px;
}


/* ---------------------------------------------------------------------- */


/* Forms
/* ---------------------------------------------------------------------- */

.input-group-btn .btn {
    border-radius: 0;
}

.input-group-btn .btn .fa-search {
    margin: 0;
    font-size: 18px;
}

label {
    font-weight: 600;
}

label.error {
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 0;
}


/* ---------------------------------------------------------------------- */


/* Team Member
/* ---------------------------------------------------------------------- */

.ix-team-member .ix-social {
    display: block;
}


/* ---------------------------------------------------------------------- */


/* Google Map
/* ---------------------------------------------------------------------- */

.ix-gmap {
    width: 100%;
    height: 400px;
    margin-top: -35px;
}


/* ---------------------------------------------------------------------- */


/* Partner Logo
/* ---------------------------------------------------------------------- */

.ix-partner-logo a {
    display: block;
    /* for Opera */
}


/* ---------------------------------------------------------------------- */


/* WP Styles
/* ---------------------------------------------------------------------- */


/* Generic */

.wp-caption,
.wp-caption-text,
.gallery-caption {
    margin-top: 10px;
}

.bypostauthor {}

.bypostauthor .media-heading span {
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.alignright {
    float: right !important;
}

.alignleft {
    float: left !important;
}


/* Widgets */

.ix-widget.ix-list.ixwp-list ul li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ix-widget.ix-list.ixwp-list ul ul li:first-child {
    margin-top: 10px;
}

.ix-widget.ix-list.ixwp-list ul ul li:last-child {
    padding-bottom: 0;
}

.ix-widget.ix-list.ixwp-list ul li a {
    display: inline;
    padding: 0;
}

.ix-widget h2 .rsswidget:first-child {
    display: none;
}

.ix-widget ul li .rsswidget,
.ix-widget ul li .rss-date,
.ix-widget ul li .rssSummary,
.ix-widget ul li cite.ix-meta {
    display: block !important;
}

.ix-widget ul li .rsswidget,
.ix-widget ul li .rss-date,
.ix-widget ul li .rssSummary {
    margin-bottom: 5px;
}

.ix-widget ul li cite.ix-meta {
    margin-bottom: 0;
}


/* Leave a Reply */

.comment-reply-title {
    margin-bottom: 15px;
    margin-top: 0;
}

.comment-form>p {
    margin-bottom: 15px;
}

.comment-form>p.form-submit {
    margin-bottom: 0;
}


/* Share Buttons */

.ix-share-button {
    margin-right: 15px;
}

.ix-share-button .ix-count {
    background-color: #f5f5f5;
    position: relative;
    /* for the arrow */
    text-align: center;
    margin-left: 6px;
}

.ix-share-button .ix-count:after {
    top: 50%;
    margin-top: -7px;
    right: 100%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 7px solid transparent;
    border-right-color: #f5f5f5;
}


/* ---------------------------------------------------------------------- */


/* Mobile Navigation
/* ---------------------------------------------------------------------- */

.ix-mobile-nav {
    display: none;
}

.ix-mobile-nav-header {
    display: block;
    text-shadow: 0 1px rgba(255, 255, 255, 0.8);
}

.ix-mobile-nav-header>.fa {
    margin-right: 6px;
}

.ix-mobile-nav .ix-navlist {
    width: 100%;
    position: absolute;
    left: 0;
    border: 1px solid;
    border-left: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    /* same as on navbar */
}

.ix-mobile-nav .ix-navlist,
.ix-mobile-nav .ix-navlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ix-mobile-nav .ix-navlist ul {
    margin-left: 60px;
}

.ix-mobile-nav .ix-navlist li {
    border-bottom: 1px solid;
    box-shadow: 0 1px rgba(255, 255, 255, 0.04);
}

.ix-mobile-nav .ix-navlist li:last-child {
    border-bottom: none;
    box-shadow: none;
}

.ix-mobile-nav .ix-navlist a {
    display: block;
    padding: 8px 30px;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.ix-mobile-nav .ix-navlist ul a {
    padding-left: 0;
    padding-right: 30px;
    font-weight: normal;
}

.ix-mobile-nav .ix-navlist .caret {
    float: right;
}

.ix-sticky-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}


/* ---------------------------------------------------------------------- */


/* Bootstrap Fix for Internet Explorer 10 in Windows 8 and Windows Phone 8
/* ---------------------------------------------------------------------- */

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

.ix-action-box2>.container {
    display: table;
}

.cleaner {
    clear: both;
    width: 100%;
    height: 0px;
    font-size: 0px;
}

.cleaner_h10 {
    clear: both;
    width: 100%;
    height: 10px;
}

.cleaner_h20 {
    clear: both;
    width: 100%;
    height: 20px;
}

.cleaner_h30 {
    clear: both;
    width: 100%;
    height: 30px;
}

.cleaner_h40 {
    clear: both;
    width: 100%;
    height: 40px;
}

.cleaner_h50 {
    clear: both;
    width: 100%;
    height: 50px;
}

.cleaner_h60 {
    clear: both;
    width: 100%;
    height: 60px;
}

.margin_r30 {
    margin-right: 30px;
}

.vertical_divider {
    border-right: 1px solid #d9d9d9;
}

.horizon_divider {
    border-bottom: 1px solid #d9d9d9;
}

.thumbnail .caption {
    text-align: left;
}

.slogan {
    display: inline-block;
    margin: 0 auto;
    width: calc(100% - 292px);
    text-align: center;
}

.slogan .red {
    color: #f50404;
}

.slogan .green {
    color: #000;
}

.slogan h3 {
    margin: 5px 0px;
    font-size: 21px;
    font-family: arial;
}

#support {
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 99999;
}

#support ul li {
    display: block;
    margin-bottom: 0px;
}

#support ul li img {
    width: 35px;
    height: 35px;
}

.btnHotline,
.btnHotline:target {
    outline: none;
}

.btnHotline {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    background: #cc0000;
    font-size: 1.5em;
    text-align: center;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.btnHotline {
    display: block;
    border-radius: 100%;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #cc0000;
    background-size: 79% auto;
    cursor: pointer;
    z-index: 999999;
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.btnHotline {
    width: auto;
    border-radius: 5px;
    bottom: -45px;
    right: 5px;
}

.btnHotline {
    color: #fff !important;
}

.btnHotline:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 0px 15px #cc0000;
    border: solid 1px #cc0000;
    display: block;
    border-radius: 100%;
    opacity: 0;
    animation: Rbefore 1s ease 0.6s infinite normal;
    -webkit-animation: Rbefore 1s ease 0.6s infinite normal;
}

.btnHotline:before,
.btnHotline:after {
    border-radius: 5px;
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.btnHotline i {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.btnHotline i {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.visible-lg {
    display: block!important;
}

.btnHotline span {
    float: left;
    padding-right: 20px;
}

.call-now {
    display: none !important;
}

.mypage-alo-phone {
    position: fixed;
    left: 0;
    bottom: 0;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 200000 !important;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.mypage-alo-ph-circle {
    width: 90px;
    height: 90px;
    top: 12px;
    left: 12px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    border-color: #29d245;
    opacity: .5;
}

.mypage-alo-ph-circle-fill {
    width: 60px;
    height: 60px;
    top: 28px;
    left: 28px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: #29d245;
    opacity: .75 !important;
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.mypage-alo-ph-img-circle {
    width: 32px;
    height: 32px;
    top: 43px;
    left: 43px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1) url(/vn/user/template/vts/images/phone.png) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: #29d245;
    background-size: 70%;
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.product-description {
    height: 205px;
    overflow-y: scroll;
}

.slider {
    margin-bottom: 15px;
}

.btn-buy-now {
    background: #cc0000;
    display: block;
    margin: 15px 0px;
    color: #fff;
    text-align: center;
    padding: 10px;
    line-height: 30px;
}

.btn-buy-now span {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

ul.socia,
ul.download_file {
    width: 100%;
    padding: 0px;
    margin: 10px 0px;
    list-style: none;
}

ul.socia>li {
    width: 32.8%;
    float: left;
    padding: 5px;
}

ul.download_file>li {
    display: inline-block;
    padding: 5px;
}

ul.socia>li:first-child,
ul.download_file>li:first-child {
    padding-left: 0px;
}

ul.socia>li:last-child,
ul.download_file>li:last-child {
    padding-right: 0px;
}

ul.socia>li a {
    background-color: #0080f7;
    color: #ffff;
    display: block;
    padding: 10px 5px;
    text-align: center;
}

ul.socia>li>a i {
    width: 30px;
    height: 30px;
    display: inline-block;
}

ul.socia>li>a>span {
    padding-left: 5px;
    font-size: 14px;
}

ul.socia>li>a i.messenger {
    background: #0080f7 url('images/icon_messenger.png') left center no-repeat;
    background-size: 100% 100%;
}

ul.socia>li>a i.zalo {
    background: #0080f7 url('images/icon_zalo.png') left center no-repeat;
    background-size: 100% 100%;
}

ul.socia>li>a i.viber {
    background: #0080f7 url('images/icon_viber.png') left center no-repeat;
    background-size: 100% 100%;
}

ul.socia>li>a:hover {
    opacity: 0.8;
}

.price {
    font-weight: 700;
    color: #1d2326;
}

.price>span {
    color: #ff0505;
}

.cart_box {
    line-height: 43px;
    margin-left: 10px;
    position: relative;
}

.cart_box>a {
    color: #ff0505;
    background: #fff;
    border-radius: 50%;
    padding: 5px 15px;
}

.cart_count {
    position: absolute;
    background: #c00;
    border-radius: 50%;
    padding: 5px 7px;
    line-height: 10px;
    font-size: 13px;
    color: #fff;
}

#list_cart_box {
    position: absolute;
    width: 400px;
    right: 15px;
    background-color: #ededed;
    border-radius: 10px;
    border: 1px solid #ccc;
    z-index: 9999999;
}

.cartBoxList {
    padding: 10px;
}

.btncheckout {
    background-color: #bf1e2e;
    border-radius: 10px;
    color: #fff;
    padding: 5px 15px;
    display: block;
    margin: 10px;
    text-align: center;
}

.gio-hang .btncheckout {
    display: inline-block;
    float: right;
}

.grid-x {
    width: 100%;
    float: left;
}

.cart_img img {
    max-width: 100%;
}

.grid-x>[class^=col-] {
    padding-left: 3px;
    padding-right: 3px;
}

.productTrash {
    color: #c00;
}

.quantity {
    width: 80px;
    padding: 5px 10px;
}

.white {
    background-color: #fff;
}

.cartItem {
    padding: 10px 5px;
}

.cartFoot {
    background: #fff;
}

.relate_articles_title {
    font-weight: 700;
    position: relative;
    padding-bottom: 5px;
    margin-top: 30px;
}

.relate_articles_title:after {
    content: "";
    width: 145px;
    border-bottom: 1px solid #c00;
    position: absolute;
    left: 5px;
    bottom: 0px;
}

.list_articles,
.article,
.article-description {
    width: 100%;
    text-align: center;
}

.article {
    margin-bottom: 15px;
}

.article-images {
    width: 100%;
}

.article-images img {
    max-width: 100%;
}

.article-description {}

.article-description a {
    color: #000;
}

.list_products_relate {
    padding: 15px 0px;
}

.list_products_relate .product {
    width: 100%;
    border: 1px solid #c0c0c0;
    padding: 10px;
}

.list_products_relate .product-images {
    width: 100%;
}

.list_products_relate .product-images img {
    max-width: 100%;
}

.r_product_description,
.r_product_description a {
    color: #000;
}

.r_product_description a.btn_addcart {
    display: block;
    color: #fff;
    background-color: #b70100;
    border: 1px solid #c0c0c0;
    padding: 5px 15px;
    text-align: center;
}

@media (max-width: 768px) {
    .call-now {
        display: block !important;
    }
    .ix-featured-box .thumbnail {
        width: 100%;
    }
    .ul.socia>li a {
        padding: 10px 5px;
    }
}

.btnHotline:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    border: solid 1px #cc0000;
    display: block;
    border-radius: 100%;
    opacity: 0;
    transform: scale(1);
    -webkit-animation: Rafter 1s ease 1.1s infinite normal;
    animation: Rafter 1s ease 1.1s infinite normal;
}

@media(max-width:1200px) {
    .navbar .navbar-nav>li>a {
        padding: 0 15px;
    }
}

@media(max-width:992px) {
    .navbar .navbar-nav>li>a {
        padding: 0 10px;
        font-size: 11px;
    }
}

@media(max-width:768px) {
    .btnHotline {
        display: none !important;
    }
    .thumbnail>img,
    .thumbnail a>img {
        margin-bottom: 10px;
    }
}

@media(max-width:470px) {
    .thumbnail {
        margin-bottom: 25px;
    }
    .thumbnail>a {
        margin-bottom: 3px;
    }
    .ix-bullet {
        display: block;
        background-color: transparent;
    }
    .slogan {
        display: none;
    }
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    #ix-header>.container {
        padding-top: 5px;
        padding-bottom: 45px;
    }
    .ix-header-details.vtslogo {
        margin-left: 0px !important;
    }
    ul.socia>li>a i {
        width: 20px;
        height: 20px;
    }
}