@charset "UTF-8";

/* Main */
:root {
    --color-red: #ec2d3f;
    --color-medium-red: #cc2c32;
    --color-dark-red: #c31829;
    --color-green: #28a745;
    --color-dark-green: #207d36;
    --color-black: #212529;
    --color-gray: #6c757d;
}

body {
    font-size: 14px;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

a,
input,
textarea {
    outline: none;
    padding: 0px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.w-clear:after {
    display: block;
    content: "";
    clear: both;
}

.hidden {
    display: none;
}

.clear {
    clear: both;
}

.none {
    display: none;
}

.hidden-seoh {
    visibility: hidden;
    height: 0px;
    margin: 0px;
    overflow: hidden;
}

.wrap-main,
.wrap-content {
    max-width: 1300px;
    margin: 40px auto;
    padding: 0px 15px;
}

.wrap-home {
    max-width: 100%;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.wrap-content {
    margin: auto;
}

.wap-all-page {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.wap-top {
    width: 100%;
}

.wap-hearder {
    width: 100%;
}

.wap-menu {
    width: 100%;
}

.wap-slider {
    width: 100%;
}

.wap-main {
    width: 100%;
}

.wap-footer {
    width: 100%;
}

.page-index-all {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.video-box{
    max-height: 340px;
}
.video-box video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-caption{
    text-align: center;
    font-weight: 700;
}
.video-caption h3{
    font-weight: 600;
    text-transform: uppercase;
}
/* General */
.title-main {
    margin-bottom: 1.5rem;
    text-align: center;
}

.title-main span {
    text-transform: uppercase;
    color: var(--color-red);
    font-weight: 800;
    font-size: 23px;
}

.time-main {
    margin-bottom: 0.75rem;
    color: #999999;
}

.time-main i {
    vertical-align: top;
    margin: 3px 7px 0px 0px;
}

.time-main span {
    vertical-align: top;
    display: inline-block;
}

.share {
    padding: 17px 15px 10px 15px;
    line-height: normal;
    background: rgba(128, 128, 128, 0.15);
    margin-top: 15px;
    border-radius: 5px;
}

.share b {
    display: block;
    margin-bottom: 5px;
}

.control-owl {
    position: absolute;
    width: 100%;
    z-index: 2;
    left: 0px;
    top: calc(50% - 45px/2);
}

.control-owl button {
    opacity: 0.5;
    top: 0px;
    position: absolute;
    outline: none;
    border: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    cursor: pointer;
    color: #ffffff;
    width: 45px;
    height: 45px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    margin: 0px;
    background-color: #000000;
    border-radius: 3px;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.control-owl button:hover {
    opacity: 1;
}

.control-owl button.owl-prev {
    left: 20px;
}

.control-owl button.owl-next {
    right: 20px;
}

.form-control,
.form-control-plaintext:not(textarea),
.custom-select {
    height: calc(1em + 1.25rem + 8px);
    background: #ffffff;
    padding: 15px;
    padding-left: 20px;
    display: block;
    height: auto;
    border-radius: 0px;
}

.text-sm {
    font-size: .875rem !important;
}

/* Lazyload */
img.lazy {
    opacity: 0;
}

img:not(.initial) {
    transition: opacity 1s;
}

img.initial,
img.loaded,
img.error {
    opacity: 1;
}

img:not([src]) {
    visibility: hidden;
}

.top {
    background-color: #fff;
}

/* Header */
.header {
    background-color: #ffffff;
}

.header-top {
    color: #ffffff;
    background-color: #0066cc;
    background-image: linear-gradient(to right, #0066cc, #cc3333);
}

.header-top .wrap-content {
    padding: 6px 15px;
}

.info-header {
    margin-bottom: 0px;
}

.info-header i {
    vertical-align: top;
    margin: 3px 5px 0px 0px;
    font-size: 16px;
}

.social-header li {
    width: 30px;
}

.header-bottom .wrap-content {
    padding: 20px 15px;
}

.hotline-header {
    display: inline-block;
    padding-left: 25px;
    background-image: url(../images/hotline.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}

.hotline-header p {
    font-weight: bold;
    margin-bottom: -2px;
    text-transform: capitalize;
}

.hotline-header span {
    font-weight: bold;
    color: var(--color-red);
    font-size: 20px;
    display: block;
}

.user-header a {
    color: #ffffff;
    padding-right: 9px;
    margin-right: 7px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}

.user-header a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 8px;
    background-color: #ffffff;
    top: calc(50% - 7px/2);
    right: 0px;
    opacity: 0.7;
}

.user-header a:last-child {
    padding-right: 0px;
    margin-right: 0px;
}

.user-header a:last-child:after {
    display: none;
}

/* Menu */
.menu {
    position: relative;
    z-index: 10;
    background-color: #0066cc;
    background-image: linear-gradient(to right, #0066cc, #cc3333);
}

.menu ul {
    width: 100%;
    padding: 0px;
    margin: auto;
    list-style: none;
}

.menu ul li {
    position: relative;
    z-index: 1;
}

.menu ul li.line {
    width: 1px;
    height: 15px;
    background-color: rgba(0, 0, 0, 0.1);
}

.menu ul li a {
    display: block;
    position: relative;
    font-size: 13px;
    color: #ffffff;
    padding: 12px 12px 11px 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none !important;
}

.menu ul li a.has-child {
    padding-right: 16px;
    margin-right: 8px;
}

.menu ul li a.has-child:after {
    content: '';
    position: absolute;
    bottom: calc(50% - 4px/2);
    right: 5px;
    width: 5px;
    height: 5px;
    border: 1px solid #fafafa;
    border-top: 0px;
    border-left: 0px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.menu ul li a.active,
.menu ul li:hover>a {}

.menu ul li:hover>a.has-child:after,
.menu ul li a.active.has-child:after {}

.menu ul li ul {
    position: absolute;
    min-width: 250px;
    margin-top: -5px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background-color: #fafafa;
    border-radius: 0.25rem;
    -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    -webkit-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.menu ul li:hover>ul {
    -webkit-transform: perspective(600px) rotateX(0);
    transform: perspective(600px) rotateX(0);
    -webkit-transform-origin: 0 0 0;
    opacity: 1;
    visibility: visible;
    transition: all .7s;
}

.menu ul li ul li {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.menu ul li ul li a {
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    color: #313131;
    border-bottom: 1px solid #ececec;
}

.menu ul li ul li:last-child>a {
    border-bottom: 0px;
}

.menu ul li ul li a.has-child {
    margin-right: 0px;
}

.menu ul li ul li a.has-child:after {
    border-color: #313131;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu ul li ul li a.active,
.menu ul li ul li:hover>a {
    color: var(--color-red);
}

.menu ul li ul li:hover>a.has-child:after,
.menu ul li ul li a.active.has-child:after {
    border-color: var(--color-red);
}

.menu ul li ul li a {
    padding: 10px 0px 9px 0px;
    text-transform: capitalize;
}

.menu ul li ul li ul {
    top: -0.75rem;
    left: 100%;
    margin-top: 0px;
}

/* Search */
.search {
    width: 230px;
    background: #ffffff;
}

.search p {
    float: left;
    width: 35px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    text-align: center;
    margin: 0px;
    color: var(--color-gray);
    font-size: 16px;
}

.search input {
    width: calc(100% - 35px);
    height: 35px;
    float: left;
    outline: none;
    padding: 0px;
    border: 0px;
    background: transparent;
    text-indent: 10px;
    font-size: 12px;
}

.search input::-webkit-input-placeholder {
    color: #ccc;
}

.search input:-moz-placeholder {
    color: #ccc;
}

.search input::-moz-placeholder {
    color: #ccc;
}

.search input:-ms-input-placeholder {
    color: #ccc;
}

/* Mmenu */
.menu-res {
    display: none;
    height: 55px;
    z-index: 10;
    background: var(--color-red);
    position: relative;
    line-height: normal;
}

.menu-bar-res {
    height: 55px;
    padding: 0px 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#menu {
    display: none;
}

#hamburger {
    display: block;
    width: 45px;
    height: 23px;
    position: relative;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
    background: #ffffff;
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0px;
}

#hamburger:before {
    top: 0px;
}

#hamburger span {
    top: 10px;
}

#hamburger:after {
    top: 20px;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}

.mm-wrapper_opening #hamburger:before,
.mm-wrapper_opening #hamburger:after {
    top: 10px;
}

.mm-wrapper_opening #hamburger span {
    left: -50px;
    opacity: 0;
}

.mm-wrapper_opening #hamburger:before {
    transform: rotate(45deg);
}

.mm-wrapper_opening #hamburger:after {
    transform: rotate(-45deg);
}

.mm-menu_opened {
    display: block !important;
}

/* Search Responsive */
.search-res {
    position: relative;
}

.search-res .icon-search {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    color: #ffffff;
    font-size: 17px;
    margin: 0px;
}

.search-res .icon-search.active {
    color: var(--color-red);
    background: #ffffff;
    border-radius: 100%;
}

.search-res .search-grid {
    position: absolute;
    top: 50px;
    right: 0px;
    width: 0px;
    height: 40px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--color-red);
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
    line-height: normal;
}

.search-res .search-grid p {
    float: left;
    width: 35px;
    height: 38px;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0px;
    font-size: 17px;
    display: block;
    color: var(--color-red);
    line-height: 40px;
    text-align: center;
}

.search-res .search-grid input {
    width: calc(100% - 35px);
    float: right;
    line-height: 38px;
    outline: none;
    border: none;
    color: var(--color-red);
}

.search-res .search-grid input::-webkit-input-placeholder {
    color: #ccc;
}

.search-res .search-grid input:-moz-placeholder {
    color: #ccc;
}

.search-res .search-grid input::-moz-placeholder {
    color: #ccc;
}

.search-res .search-grid input:-ms-input-placeholder {
    color: #ccc;
}

/* Slideshow */
.slideshow {
    position: relative;
}

.slideshow-item {
    display: block;
    cursor: pointer;
}

.slideshow:hover .control-slideshow {
    opacity: 1;
}

.control-slideshow {
    opacity: 0;
}

/* Partner */
.wrap-partner {
    padding: 0px 15px;
    width: 100%;
}

.wrap-partner .wrap-content {
    position: relative;
}

.partner {
    display: block;
    border: 1px solid #eee;
    max-width: 175px;
    margin: 0px auto;
}

/* Breadcrumb */
.breadCrumbs {
    background-color: #eee;
}

.breadCrumbs .wrap-content {
    padding: 0.75rem 15px;
}

.breadCrumbs .wrap-content .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
}

.breadCrumbs .wrap-content .breadcrumb-item a {
    color: var(--color-black);
}

.breadCrumbs .wrap-content .breadcrumb-item.active a {
    color: var(--color-gray);
}

/* Intro */
.wrap-intro {
    width: 100%;
    background-image: url(https://bmweb.vn/upload/photo/dichvu2-9262.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}

.news-intro:before {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 50px);
    top: 10px;
    left: 90px;
    background-color: #CACACA;
}

.news-scroll:before,
.news-scroll:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 85px;
    border-radius: 100%;
    background-color: #CACACA;
}

.news-scroll:before {
    top: 10px;
}

.news-scroll:after {
    bottom: 40px;
}

.news-control {
    left: 85px;
    font-size: 13px;
    opacity: 0.5;
    z-index: 1;
    cursor: pointer;
}

.news-control:hover {
    opacity: 1;
    color: var(--color-main);
}

.news-control#up {
    top: -10px;
}

.news-control#down {
    bottom: 20px;
}

.news-shadow {
    padding-bottom: 30px;
}

.news-shadow-time {
    font-size: 13px;
    width: 75px;
    margin-right: 45px;
}

.news-shadow-time:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 20px/2);
    right: -26px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/pattern-news.png);
}

.news-shadow-article {
    width: calc(100% - 120px);
    padding: 14px 15px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #cecabb;
}

.news-shadow-article:before {
    content: '';
    position: absolute;
    top: calc(50% - 26px/2);
    left: -13px;
    z-index: 0;
    border-top: 13px solid transparent;
    border-right: 13px solid #cecabb;
    border-bottom: 13px solid transparent;
}

.news-shadow-article:after {
    content: '';
    position: absolute;
    top: calc(50% - 24px/2);
    left: -11px;
    z-index: 1;
    border-top: 12px solid transparent;
    border-right: 11px solid #ffffff;
    border-bottom: 12px solid transparent;
}

.news-shadow-image {
    margin-right: 10px;
    width: 90px;
}

.news-shadow-info {
    width: calc(100% - 100px);
}

.news-shadow-name {
    height: 36px;
    font-size: 15px;
    font-weight: 700;
}

.news-shadow-name a {
    color: #222222;
}

.news-shadow-name a:hover {
    color: var(--color-main);
}

.news-shadow-desc {
    height: 38px;
    font-size: 13px;
}

.news-shadow-name a.text-split,
.news-shadow-desc.text-split {
    -webkit-line-clamp: 2;
}

/* Video */
.video {
    cursor: pointer;
    margin-bottom: 1rem;
}

.video-image {
    position: relative;
    margin-bottom: 0.75rem;
}

.video-image:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 35px;
    top: calc(50% - 50px/2);
    left: calc(50% - 35px/2);
    z-index: 1;
    background-repeat: no-repeat;
    background-image: url(../images/play.png);
}

.video-name {
    text-align: center;
    font-size: 16px;
    color: var(--color-black);
    margin-bottom: 0px;
}

/* Album */
.album {
    cursor: pointer;
    margin-bottom: 1rem;
}

.album-image {
    margin-bottom: 0.75rem;
}

.album-name {
    margin-bottom: 0px;
    text-align: center;
}

.album-name a {
    display: block;
    font-size: 16px;
    color: var(--color-black);
    margin-bottom: 0px;
}

/* Brand */
.wrap-brand {
    margin-bottom: 50px;
    padding: 0px 15px;
    width: 100%;
}

.wrap-brand .wrap-content {
    position: relative;
}

.brand {
    display: block;
    border: 1px solid #eee;
    max-width: 160px;
    margin: 0px auto;
}

/* Product */
#sort-by {
    text-align: left;
    width: 100%;
}

#sort-by label {
    font-family: 'Arial';
    font-weight: 400;
    line-height: 33px;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 0;
    color: #222;
    display: inline-block;
}

#sort-by ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#sort-by>ul>li {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    cursor: pointer;
    line-height: 34px;
    border-radius: 3px;
    position: relative
}

#sort-by ul ul {
    position: absolute;
    visibility: hidden;
    width: 180px;
    right: 0;
    top: 100%;
    z-index: 10000;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    overflow: hidden;
    background: #fff;
    padding-left: 0px !important;
}

#sort-by li li {
    width: 100%;
    margin-top: 0px;
    border-top: none;
    border-right: none;
    border-left: none;
    padding: 5px 10px;
    line-height: 20px;
}

#sort-by li>a {
    display: inline-block;
    width: 100%;
    line-height: 22px;
    transition: all 0s ease-in-out;
}

#sort-by a:link,

#sort-by a:visited {
    color: #333;
    text-decoration: none;
}

#sort-by li:hover>ul {
    visibility: visible;
}

.wrap-product {
    margin-bottom: 50px;
    width: 100%;
}

.product {
    float: left;
    width: 23.5%;
    margin: 0 2% 2% 0;
}

.product:nth-child(4n+1) {
    clear: both;
}

.product:nth-child(4n) {
    margin-right: 0px;
}

.box-product {
    position: relative;
    display: block;
    margin-bottom: 1rem;
}

.pic-product {
    background: #ffffff;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #eee;
}

.pic-product img {
    width: 100%;
    border-radius: 3px;
}

.name-product {
    font-size: 16px;
    color: var(--color-black);
}

.name-product.text-split {
    -webkit-line-clamp: 1;
}

.price-product {
    margin-bottom: 0px;
}

.price-product span {
    font-weight: 700;
}

.price-new {
    font-size: 15px;
    font-weight: 500;
    color: var(--color-red);
}

.price-old {
    padding-left: 10px;
    font-size: 12px;
    color: var(--color-gray);
}

.price-per {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #ffffff;
    background: var(--color-red);
    font-size: 11px;
    border-radius: 2px;
    width: 45px;
    height: 25px;
    text-align: center;
    line-height: 25px;
}

.cart-product {
    margin-bottom: 0px;
}

.cart-product span {
    cursor: pointer;
    width: 49%;
    float: left;
    color: #ffffff;
    text-transform: capitalize;
    text-align: center;
    padding: 7px 5px;
    border-radius: 3px;
}

.cart-add {
    margin-right: 2%;
    background: linear-gradient(to right, #0066cc, #cc3333);
}

.cart-add:hover {
    background-color: var(--color-dark-red);
}

.cart-buy {
    background: linear-gradient(to right, var(--color-green), #bccc33);
}

.cart-buy:hover {
    background-color: var(--color-dark-green);
}

/* Product Detail */
.grid-pro-detail {
    margin-bottom: 3rem;
}

.left-pro-detail {
    position: relative;
    text-align: center;
}

.left-pro-detail .MagicZoom {
    /* border:1px solid #eee; */
    /* padding: 7px; */
    border-radius: 0;
}

.gallery-thumb-pro {
    position: relative;
    margin-top: 10px;
}

.owl-pro-detail {
    padding: 0px 30px;
}

.control-pro-detail button {
    background-color: transparent;
    color: #222222;
    opacity: 1;
    width: 25px;
    font-size: 23px;
}

.control-pro-detail button:hover {
    opacity: 0.7;
}

.control-pro-detail button.owl-prev {
    left: 0px;
}

.control-pro-detail button.owl-next {
    right: 0px;
}

.thumb-pro-detail {
    display: block !important;
    /* border:1px solid #eee; */
    padding: 2px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #ffffff;
}

.thumb-pro-detail.mz-thumb.mz-thumb-selected {
    border-color: #cecfd2;
}

.thumb-pro-detail img {
    box-shadow: none !important;
    filter: brightness(100%) !important;
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.title-pro-detail {
    text-transform: capitalize;
    font-size: 20px;
    display: block;
    font-weight: 700;
}

.comment-pro-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.social-plugin-pro-detail {
    margin-bottom: 1rem;
    margin-top: 0px !important;
}

.desc-pro-detail {
    margin-bottom: 1rem;
}

.attr-pro-detail {
    list-style: none;
    padding: 0px;
}

.attr-pro-detail li {
    margin-bottom: 0.5rem;
}

.attr-label-pro-detail {
    margin: 0px 5px 0px 0px;
}

.attr-label-pro-detail.d-block {
    display: block;
    margin: 0px 0px 5px 0px;
}

.attr-content-pro-detail {
    display: inline-block;
    margin-bottom: 0px;
}

.price-new-pro-detail {
    font-weight: 700;
    font-size: 20px;
    color: var(--color-red);
}

.price-old-pro-detail {
    font-weight: 500;
    color: var(--color-gray);
    text-decoration: line-through;
    padding-left: 10px;
}

.color-pro-detail {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 35px;
    height: 30px;
    margin: 0px 0px 3px 0px;
    border: 1px solid transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.size-pro-detail {
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 3px 10px 4px 10px;
    display: inline-block;
    position: relative;
}

.size-pro-detail.active,
.color-pro-detail.active {
    border-color: #e5101d;
    color: #e5101d;
}

.size-pro-detail.active:after,
.color-pro-detail.active:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-image: url(../images/check-cart.png);
}

.color-pro-detail input[type=radio],
.size-pro-detail input[type=radio] {
    display: none;
}

.quantity-pro-detail {
    width: 100%;
    max-width: 110px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}

.quantity-pro-detail span {
    line-height: 25px;
    padding: 0px;
    width: 30px;
    height: 30px;
    color: #5f5f5f;
    cursor: pointer;
    font-size: 22px;
    border: 1px solid #cccccc;
}

.quantity-pro-detail span.quantity-plus-pro-detail {
    border-left: 0px;
}

.quantity-pro-detail span.quantity-minus-pro-detail {
    border-right: 0px;
}

.quantity-pro-detail input {
    height: 30px;
    border: 1px solid #cccccc;
    width: calc(100% - 60px);
    text-align: center;
    font-size: 14px;
    padding: 5px;
}

.cart-pro-detail {
    margin-bottom: 1rem;
}

.cart-pro-detail a {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    width: 100%;
}

.tags-pro-detail a {
    float: left;
    font-size: 13px;
    padding-bottom: 0.375rem;
    margin: 0px 5px 5px 0px;
    background: linear-gradient(to right, #0066cc, #cc3333);
}

.tags-pro-detail a i {
    font-size: 11px;
    margin: 5px 5px 0px 0px;
}

.tabs-pro-detail {
    margin-top: 2rem;
}

.tabs-pro-detail .nav-tabs .nav-link {
    border-top-width: 3px;
    font-size: 13px;
}

.tabs-pro-detail .nav-tabs .nav-link.active,
.tabs-pro-detail .nav-tabs .nav-item.show .nav-link {
    border-top-color: #555555;
}

.cart-pro-detail a.mua-ngay {
    background-color: #0066cc;
    color: #fff;
    margin-bottom: 10px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

.cart-pro-detail a.mua-ngay:hover {
    color: #fff;
    cursor: pointer;
    opacity: .75;
    text-decoration: none;
}

.cart-pro-detail a.them-gio {
    background-color: #EDEDEE;
    color: #414042;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

.cart-pro-detail a.them-gio:hover {
    color: #414042;
    cursor: pointer;
    opacity: .75;
    text-decoration: none;
}

/* News */
.news {
    margin-bottom: 2rem;
}

.news-name {
    margin-bottom: 0.5rem;
}

.news-name a {
    color: #333;
    font-size: 16px;
}

.news-name a.text-split {
    -webkit-line-clamp: 2;
}

.news-name a:hover {
    color: var(--color-red);
}

.news-time {
    color: #84878a;
    margin-bottom: 0.25rem;
}

.news-desc {
    color: #333333;
    margin-top: 5px;
    line-height: 22px;
}

.othernews b {
    margin-bottom: 10px;
}

.list-news-other {
    padding-left: 17px;
    list-style: square;
}

.list-news-other li {
    margin-bottom: 2px;
}

.list-news-other li a {
    text-transform: none;
    color: #333333;
}

.list-news-other li a:hover {
    color: var(--color-red);
}

/* Contact */
.contact-article {
    margin-bottom: 3rem;
}

.contact-input {
    position: relative;
    margin-bottom: 15px;
}

.contact-input textarea {
    resize: none;
    height: 150px;
}

.contact-input .custom-file-label::after {
    content: attr(title);
}

.contact-map {
    position: relative;
    height: 500px;
}

.contact-map iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: 100% !important;
}

/* Newsletter */
.newsletter-slogan {
    margin-bottom: 0.5rem;
    color: var(--color-gray);
}

.newsletter-input {
    position: relative;
}

.newsletter-button {
    margin-top: 5px;
}

.newsletter-button input[type=submit] {
    text-transform: uppercase;
    font-weight: 500;
}

/* Footer */
.footer-article {
    background-color: #f5f6f7;
}

.footer-article .wrap-content {
    padding: 35px 15px;
}

.footer-title {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 1rem;
    font-weight: 500;
}

.footer-ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.footer-ul li {
    margin-bottom: 10px;
}

.footer-ul li:last-child {
    margin-bottom: 0px;
}

.footer-ul li a {
    color: var(--color-black);
}

.footer-ul li a:hover {
    text-decoration: none;
    color: var(--color-red);
}

.footer-tags {
    background: #eee;
}

.footer-tags .wrap-content {
    padding: 30px 15px;
}

.footer-tags-lists {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.footer-tags-lists li {
    float: left;
}

.footer-tags-lists li a {
    padding-bottom: 0.375rem;
    background: linear-gradient(to right, #0066cc, #cc3333);
}

.footer-powered {
    color: #ffffff;
    background-color: #0066cc;
    background-image: linear-gradient(to right, #0066cc, #cc3333);
}

.footer-powered .wrap-content {
    padding-top: 15px;
    padding-bottom: 15px;
}

.footer-statistic {
    text-align: right;
}

.footer-statistic span {
    padding-right: 10px;
}

.footer-statistic span:last-child {
    padding-right: 0px;
}

#footer-map {
    position: relative;
    height: 500px;
}

#footer-map iframe {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0px !important;
    left: 0px !important;
}

/* Like Share */
.social-plugin {
    display: flex;
    justify-content: flex-start;
    margin-top: 0px;
    gap: 9px;
}

.social-plugin .at-share-btn {
    margin-bottom: 0px !important;
}

.social-plugin .zalo-share-button {
    margin-left: 3px;
}

.social-product ul {
    display: flex;
    justify-content: flex-start;
    margin-top: 0px;
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.addthis_inline_share_toolbox_dc09 {
    display: none
}

.social-product li {
    margin-top: 0px;
    margin-right: 8px;
}

.social-product button {
    width: 30px;
    display: flex;
    height: 30px;
    border: none;
    cursor: pointer;
    color: #ffffff;
    border-radius: 3px;
    padding: 0px;
    font-size: 15px;
    transition: all 0.3s;
    justify-content: center;
    align-items: center;
}

.social-product button:hover {
    transform: translateY(-5px);
}

.social-product .sharer1 {
    background: #1c96e8;
}

.social-product .sharer2 {
    background: #3d548e;
}

.social-product .sharer3 {
    background: #3294bd;
}

.social-product .sharer4 {
    background: #cb362d;
}

.social-product .sharer5 {
    background: #df0022;
}

/* Paging */
.pagination-home .pagination .page-item .page-link {
    color: #555555;
    font-size: .875rem;
}

.pagination-home .pagination .page-item.active .page-link {
    color: #ffffff;
    background-color: #555555;
    border-color: #555555;
}

/* Paging Ajax */
.pagination-ajax {
    text-align: center;
}

.pagination-ajax a {
    display: inline-block;
    vertical-align: top;
    margin: 0px 3px 3px 3px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    color: #666 !important;
    border: 1px solid #e6e6e6;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none !important;
    background-color: #ffffff;
}

.pagination-ajax a.current,
.pagination-ajax a:hover {
    color: #ffffff !important;
    border-color: var(--color-red);
    background-color: var(--color-red);
}

.pagination-ajax a.first,
.pagination-ajax a.last,
.pagination-ajax a.prev,
.pagination-ajax a.next {
    text-indent: -9999px;
    position: relative;
    background-color: #ffffff !important;
}

.pagination-ajax a.first:before,
.pagination-ajax a.last:before,
.pagination-ajax a.prev:before,
.pagination-ajax a.next:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}

.pagination-ajax a.first:before {
    background-image: url(../images/page-first.png);
}

.pagination-ajax a.last:before {
    background-image: url(../images/page-last.png);
}

.pagination-ajax a.prev:before {
    background-image: url(../images/page-prev.png);
}

.pagination-ajax a.next:before {
    background-image: url(../images/page-next.png);
}

/* Popup */
#popup .modal-body {
    padding: 0px;
}

/* Hidden Google Captcha */
.grecaptcha-badge {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
    visibility: hidden !important;
    overflow: hidden;
}

/* Hidden Check Grammar Coccoc */
coccocgrammar {
    display: none;
}

/* Scroll Top */
.scrollToTop {
    width: 41px;
    height: 41px;
    text-align: center;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 65px;
    right: 25px;
    display: none;
    z-index: 10;
    cursor: pointer;
}

/* Text Hide */
.text-split {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}

/* Transition All */
.transition {
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

/* Scale IMG */
.scale-img {
    overflow: hidden;
    display: block;
}

.scale-img img {
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.scale-img:hover>img {
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

/* Blink */
.blink {
    -webkit-animation-name: blink;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blink;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blink {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blink {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

/* Button Frame */
.btn-frame {
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    z-index: 10;
    cursor: pointer;
}

.btn-frame i {
    display: flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #1182FC;
    position: relative;
    z-index: 1;
}

.btn-frame i img {
    vertical-align: middle;
    width: 70%;
}

.btn-frame .animated.infinite {
    animation-iteration-count: infinite;
}

.btn-frame .kenit-alo-circle {
    width: 60px;
    height: 60px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(7, 41, 103, 0.8);
    opacity: .1;
    border-color: #1182FC;
    opacity: .5;
}

.btn-frame .zoomIn {
    animation-name: zoomIn;
}

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

.btn-frame .kenit-alo-circle-fill {
    width: 70px;
    height: 70px;
    top: -10px;
    right: -10px;
    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: rgba(7, 41, 103, 0.35);
    opacity: .4;
}

.btn-frame .pulse {
    animation-name: pulse;
}

/* Zalo */
.btn-zalo {
    bottom: 315px;
}

/* Phone */
.btn-phone {
    bottom: 230px;
}

/* Messenger */
.js-facebook-messenger-container.closed,
.js-facebook-messenger-tooltip.closed {
    display: none !important
}

.js-facebook-messenger-tooltip {
    bottom: 97px;
    right: 97px
}

.js-facebook-messenger-tooltip {
    color: #404040;
    background: #fff
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
    z-index: 999
}

.js-facebook-messenger-tooltip {
    display: none;
    position: fixed;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;
    z-index: 1.0E+30
}

.js-facebook-messenger-close-tooltip {
    width: 10px;
    height: 10px;
    display: inline-block;
    cursor: pointer;
    margin-left: 10px
}

.js-facebook-messenger-box.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

.js-facebook-messenger-box.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
    z-index: 999
}

.js-facebook-messenger-box {
    display: block;
    position: fixed;
    cursor: pointer;
    bottom: 150px;
    right: 17px;
    width: 56px;
    height: 56px;
    text-align: center;
    background: #1182FC;
    border-radius: 100%;
    overflow: hidden;
    z-index: 99;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3)
}

.js-facebook-messenger-box.rotate svg#fb-msng-icon {
    transform: rotate(0deg)
}

.js-facebook-messenger-box svg#fb-msng-icon {
    width: 32px;
    height: 33px;
    position: absolute;
    top: 13px;
    left: 12px;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
}

.js-facebook-messenger-box.rotate svg#close-icon {
    transform: rotate(-45deg)
}

.js-facebook-messenger-box svg#close-icon {
    opacity: 0;
    width: 19px;
    height: 20px;
    position: absolute;
    top: 19px;
    left: 19px;
    -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
}

.js-facebook-messenger-container,
.js-facebook-messenger-container-button {
    z-index: 1000
}

.js-facebook-messenger-container {
    position: fixed;
    opacity: 0;
    transform: translateY(50px);
    bottom: 110px;
    right: 90px;
    border-radius: 10px;
    pointer-events: none;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
    -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
    -moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
    -o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
    transition: transform 160ms ease-in-out, opacity 160ms ease-in-out
}

.js-facebook-messenger-top-header {
    width: 220px
}

.js-facebook-messenger-top-header {
    color: #ffffff;
    background: #1182FC
}

.js-facebook-messenger-top-header {
    display: block;
    position: relative;
    width: 220px;
    background: #1182FC;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    padding: 10px;
    font-size: 14px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.js-facebook-messenger-container iframe,
.js-facebook-messenger-container-button iframe {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
    z-index: 999
}

.js-facebook-messenger-container,
.js-facebook-messenger-container-button {
    z-index: 1000
}

.js-facebook-messenger-top-header {
    color: #ffffff;
    background: #1182FC
}

.js-facebook-messenger-top-header {
    width: 220px
}

.js-facebook-messenger-tooltip {
    color: #404040;
    background: #fff
}

.js-facebook-messenger-container.open {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: all
}

.js-facebook-messenger-tooltip {
    bottom: 97px;
    right: 97px
}

.js-facebook-messenger-box.open svg#fb-msng-icon {
    opacity: 0
}

.js-facebook-messenger-box.rotate.open svg#close-icon {
    transform: rotate(0deg)
}

.js-facebook-messenger-box.open svg#close-icon {
    opacity: 1
}

/* Cart Fix */
.cart-fixed {
    position: fixed;
    right: 20px;
    bottom: 390px;
    z-index: 10;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff !important;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0066cc;
    background-image: linear-gradient(to right, #0066cc, #cc3333);
}

.cart-fixed i {
    font-size: 20px;
}

.cart-fixed span {
    position: absolute;
    top: 0px;
    right: -5px;
    color: #ffffff;
    width: 25px;
    height: 25px;
    background: var(--color-red);
    text-align: center;
    line-height: 25px;
    font-size: 11px;
    border-radius: 100%;
}

/* Toolbar */
.toolbar {
    background: var(--color-red);
    width: 100%;
    padding: 3vw;
    bottom: 0px;
    position: fixed;
    z-index: 500;
    height: auto;
    left: 0px;
}

.toolbar ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    margin: 0px;
}

.toolbar ul li {
    text-align: center;
    width: 25%;
}

.toolbar ul li a {
    display: block;
    width: 100%;
    cursor: pointer;
}

.toolbar ul li a img {
    height: 6vw;
    width: auto;
}

.toolbar ul li a span {
    font-weight: 400;
    color: #ffffff;
    font-size: 3.5vw;
    display: none;
}

/* Fixbar */
.fixbar {
    bottom: 0;
    display: block;
    background: #f0eff4;
    border-top: 1px solid #ddd;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    margin: 0;
    z-index: 500;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 50px;
}

.fixbar ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.fixbar ul li {
    display: inline-block;
    margin: 0 auto 10px;
    text-align: center;
    width: 25%;
    float: left;
}

.fixbar .icon-cart-mobile,
.fixbar .icon-cart-new,
.fixbar .icon-home-new,
.fixbar .icon-hotdeal-new {
    width: 20px;
    height: 20px;
    display: block;
    margin: 8px auto 0;
}

.fixbar .icon-cart-mobile {
    background: url(../images/cart-mobile.png) no-repeat;
}

.cart-total-header-mobile {
    font-size: 10px;
    position: absolute;
    background: red;
    color: #fff !important;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    line-height: 15px;
    top: 5px;
    margin-left: 5px;
}

.fixbar ul li a {
    font-size: 11px;
    text-decoration: none;
    color: #333;
}

.fixbar ul li a i {
    font-size: 20px;
}

/* Plugbar */
.plugbar {
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #eae6e6;
    width: 100%;
    right: 0;
    max-width: 767px;
    margin: 0 auto;
    background: #ffffff;
    padding: 9px 10px 10px 7px;
    z-index: 10;
}

.plugbar ul {
    list-style: none;
    padding: 0;
    margin: 0px;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.plugbar ul li {
    width: 20%;
    float: left;
}

.plugbar ul li a {
    display: block;
    color: #696969;
    font-size: 12px;
    text-align: center;
    position: relative;
}

.plugbar ul li a i {
    font-size: 20px;
    color: #696969;
}

.plugbar ul li a span {
    position: absolute;
    width: 50px;
    height: 50px;
    top: -40px;
    left: calc(50% - 50px/2);
    font-size: 14px;
    display: block;
    border: 1px solid rgba(234, 230, 230, 0.5);
    border-radius: 100%;
}

/* Combo Phone */
.support-online {
    position: fixed;
    z-index: 999;
    left: 10px;
    bottom: 0px;
}

.support-online a {
    position: relative;
    margin: 20px 10px;
    text-align: left;
    width: 40px;
    height: 40px;
}

.support-online i {
    width: 40px;
    height: 40px;
    background: #43a1f3;
    color: #ffffff;
    border-radius: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 1.9;
    position: relative;
    z-index: 999;
}

.support-online a span {
    border-radius: 2px;
    text-align: center;
    background: rgb(103, 182, 52);
    padding: 9px;
    display: none;
    width: 180px;
    margin-left: 10px;
    position: absolute;
    color: #ffffff;
    z-index: 999;
    top: 0px;
    left: 40px;
    transition: all 0.2s ease-in-out 0s;
    -moz-animation: headerAnimation 0.7s 1;
    -webkit-animation: headerAnimation 0.7s 1;
    -o-animation: headerAnimation 0.7s 1;
    animation: headerAnimation 0.7s 1;
}

.support-online a:hover span {
    display: block;
}

.support-online a {
    display: block;
}

.support-online a span:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent rgb(103, 182, 52) transparent transparent;
    position: absolute;
    left: -10px;
    top: 10px;
}

.support-online .kenit-alo-circle-fill {
    width: 60px;
    height: 60px;
    top: -10px;
    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: rgba(0, 175, 242, 0.5);
    opacity: .75;
    right: -10px;
}

.support-online .kenit-alo-circle {
    width: 50px;
    height: 50px;
    top: -5px;
    right: -5px;
    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: #0089B9;
    opacity: .5;
}

.support-online .support-online .btn-support {
    cursor: pointer;
}

.support-online .mes i {
    background: orange;
}

.support-online .sms i {
    background: red;
}

.support-online .call-now i {
    background: green;
}

/* Phone Switch */
.widget-mobile {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    z-index: 9999999;
}

#my-phone-circle {
    position: relative;
    width: 50px !important;
    height: 50px !important;
}

.wcircle-open .wcircle-icon i:before {
    content: '\f00d';
}

.wcircle-icon {
    background: #1282fc;
    border-radius: 50%;
    display: flex !important;
    display: -ms-flex !important;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative !important;
}

.wcircle-icon:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    background: rgba(18, 130, 252, .5);
    border: 1px solid #ffffff;
    border-radius: 50%;
    left: -5px;
    top: -5px;
    -webkit-animation: pulse 1s infinite ease-in-out;
    -moz-animation: pulse 1s infinite ease-in-out;
    -ms-animation: pulse 1s infinite ease-in-out;
    -o-animation: pulse 1s infinite ease-in-out;
    animation: pulse 1s infinite ease-in-out;
}

.wcircle-icon:after {
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    background: rgba(18, 130, 252, .5);
    border-radius: 50%;
    left: -15px;
    top: -15px;
    -webkit-animation: zoomIn 2s infinite ease-in-out;
    -moz-animation: zoomIn 2s infinite ease-in-out;
    -ms-animation: zoomIn 2s infinite ease-in-out;
    -o-animation: zoomIn 2s infinite ease-in-out;
    animation: zoomIn 2s infinite ease-in-out;
}

.wcircle-menu {
    position: absolute !important;
    left: 0;
    top: 0;
    display: none;
}

.wcircle-menu-item {
    width: 50px;
    height: 50px;
    background: #1282fc;
    border-radius: 50%;
    display: flex;
    display: -ms-flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wcircle-menu-item img {
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
}

.wcircle-menu-item i,
.wcircle-icon i {
    font-size: 25px;
    color: #ffffff;
    position: relative;
    z-index: 9999;
}

.shake-anim {
    -webkit-animation: shake-anim 1s infinite ease-in-out;
    -moz-animation: shake-anim 1s infinite ease-in-out;
    -ms-animation: shake-anim 1s infinite ease-in-out;
    -o-animation: shake-anim 1s infinite ease-in-out;
    animation: shake-anim 1s infinite 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%
}

@-moz-keyframes shake-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%,
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    100%,
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes shake-anim {

    0%,
    100%,
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10%,
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-o-keyframes shake-anim {

    0%,
    100%,
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    10%,
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

.comment-pro-detail .comment-star i {
    font-size: 13px
}

.detail-right-box {
    position: sticky;
    top: 0;
    z-index: 999
}

.detail-right-box-title {
    padding: 10px 10px 0 10px;
    font-size: 18px;
    font-weight: 500
}

.care-detail-box {
    padding: 10px;
}

.detail-right-box-wrap .care-detail-item {
    margin: 0;
    border-bottom: 1px solid #eee;
    padding: 8px 0;
}

.detail-right-box-wrap .care-detail-item img {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 12px;
}

span.txt-e-c {
    margin-left: 5px;
}

.support-ask-title {
    font-weight: bold;
    margin-bottom: 10px;
}

.support-ask-body,
.support-ask-title {
    padding: 0;
}

.support-ask-item {
    width: 110px;
    display: inline-block;
}

.support-ask-item a {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.support-ask-icon img {
    width: 20px;
    height: 20px;
}

.support-ask-name {
    vertical-align: 1px;
}

.detail-right-box-wrap .care-detail-item a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

@media screen and (min-width: 1200px) {
    .container {
        max-width: 100%;
        width: 1300px !important;
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%
}

h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 30px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 18px
}

h5,
.h5 {
    font-size: 14px
}

h6,
.h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

small,
.small {
    font-size: 85%
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt,
dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

input[type="search"] {
    -webkit-appearance: none
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled].btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled,
fieldset[disabled]a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled].btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled].btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled].btn-default.focus {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled].btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled].btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled].btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled].btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled].btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled].btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled].btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled].btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled].btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled].btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled].btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled].btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled].btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled].btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled].btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #337ab7;
    font-weight: normal;
    border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled].btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent
}

.btn-link:hover,
.btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,
fieldset[disabled].btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled].btn-link:focus {
    color: #777;
    text-decoration: none
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup,
.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-size: 1.4em;
    text-transform: uppercase;
    font-family: "menu", "Arial", sans-serif;
    font-weight: bold;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width:768px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled].navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled].navbar-default .btn-link:focus {
    color: #ccc
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.modal-header:after,
.modal-footer:after {
    clear: both
}

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

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

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

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@font-face {
    font-family: 'fontdl';
    src: url('../fonts/awesome/fontello9670.eot?86155942');
    src: url('../fonts/awesome/fontello9670.eot?86155942#iefix') format('embedded-opentype'), url('../fonts/awesome/fontello9670.woff?86155942') format('woff'), url('../fonts/awesome/fontello9670.ttf?86155942') format('truetype'), url('../fonts/awesome/fontello9670.svg?86155942#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.dl-icon:before {
    font-family: "fontdl";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dl-call:before {
    content: '\e800';
}

.dl-glass:before {
    content: '\e801';
}

.dl-cancel:before {
    content: '\e802';
}

.dl-eye:before {
    content: '\e803';
}

.dl-download-alt:before {
    content: '\e804';
}

.dl-th-list:before {
    content: '\e805';
}

.dl-star:before {
    content: '\e806';
}

.dl-heart:before {
    content: '\e807';
}

.dl-heart-empty:before {
    content: '\e808';
}

.dl-basket:before {
    content: '\e809';
}

.dl-tag:before {
    content: '\e80a';
}

.dl-cogs:before {
    content: '\e80b';
}

.dl-cog-circled:before {
    content: '\e80c';
}

.dl-mail:before {
    content: '\e80d';
}

.dl-left-open-1:before {
    content: '\e80e';
}

.dl-right-open-1:before {
    content: '\e80f';
}

.dl-down-open-1:before {
    content: '\e810';
}

.dl-up-open-1:before {
    content: '\e811';
}

.dl-award:before {
    content: '\e812';
}

.dl-user:before {
    content: '\e813';
}

.dl-plus:before {
    content: '\e814';
}

.dl-minus:before {
    content: '\e815';
}

.dl-cancel-1:before {
    content: '\e816';
}

.dl-plus-circled:before {
    content: '\e817';
}

.dl-wrench:before {
    content: '\e818';
}

.dl-cog:before {
    content: '\e819';
}

.dl-location:before {
    content: '\e81a';
}

.dl-map:before {
    content: '\e81b';
}

.dl-home:before {
    content: '\e81c';
}

.dl-home-outline:before {
    content: '\e81d';
}

.dl-tags:before {
    content: '\e81e';
}

.dl-desktop:before {
    content: '\e81f';
}

.dl-basket-1:before {
    content: '\e820';
}

.dl-chart-pie:before {
    content: '\e821';
}

.dl-umbrella:before {
    content: '\e822';
}

.dl-truck:before {
    content: '\e823';
}

.dl-glass-1:before {
    content: '\e824';
}

.dl-camera:before {
    content: '\e825';
}

.dl-location-1:before {
    content: '\e826';
}

.dl-wrench-outline:before {
    content: '\e827';
}

.dl-phone:before {
    content: '\e828';
}

.dl-asterisk:before {
    content: '\e829';
}

.dl-tint:before {
    content: '\e82a';
}

.dl-cancel-2:before {
    content: '\e82b';
}

.dl-cog-2:before {
    content: '\e82c';
}

.dl-menu:before {
    content: '\e82d';
}

.dl-resize-full-circle:before {
    content: '\e82e';
}

.dl-megaphone:before {
    content: '\e82f';
}

.dl-key:before {
    content: '\e830';
}

.dl-globe:before {
    content: '\e831';
}

.dl-hammer:before {
    content: '\e832';
}

.dl-food-1:before {
    content: '\e833';
}

.dl-truck-1:before {
    content: '\e834';
}

.dl-t-shirt:before {
    content: '\e835';
}

.dl-lightbulb:before {
    content: '\e836';
}

.dl-search:before {
    content: '\e837';
}

.dl-location-2:before {
    content: '\e838';
}

.dl-print:before {
    content: '\e839';
}

.dl-edit:before {
    content: '\e83a';
}

.dl-book:before {
    content: '\e83b';
}

.dl-tools:before {
    content: '\e83c';
}

.dl-phone-1:before {
    content: '\e83d';
}

.dl-gift:before {
    content: '\e83e';
}

.dl-chat:before {
    content: '\f03d';
}

.dl-movie:before {
    content: '\f040';
}

.dl-gplus-squared:before {
    content: '\f0d4';
}

.dl-gplus:before {
    content: '\f0d5';
}

.dl-money:before {
    content: '\f0d6';
}

.dl-sort-down:before {
    content: '\f0dd';
}

.dl-sort-up:before {
    content: '\f0de';
}

.dl-gauge:before {
    content: '\f0e4';
}

.dl-stethoscope:before {
    content: '\f0f1';
}

.dl-coffee:before {
    content: '\f0f4';
}

.dl-food:before {
    content: '\f0f5';
}

.dl-beer:before {
    content: '\f0fc';
}

.dl-quote-left:before {
    content: '\f10d';
}

.dl-quote-right:before {
    content: '\f10e';
}

.dl-circle:before {
    content: '\f111';
}

.dl-rocket:before {
    content: '\f135';
}

.dl-youtube-squared:before {
    content: '\f166';
}

.dl-youtube-play:before {
    content: '\f16a';
}

.dl-dropbox:before {
    content: '\f16b';
}

.dl-tumblr-squared:before {
    content: '\f174';
}

.dl-skype:before {
    content: '\f17e';
}

.dl-dot-circled:before {
    content: '\f192';
}

.dl-bank:before {
    content: '\f19c';
}

.dl-graduation-cap:before {
    content: '\f19d';
}

.dl-paper-plane:before {
    content: '\f1d8';
}

.dl-tty:before {
    content: '\f1e4';
}

.dl-ship:before {
    content: '\f21a';
}

.dl-heartbeat:before {
    content: '\f21e';
}

.dl-calendar-plus-o:before {
    content: '\f271';
}

.dl-shopping-bag:before {
    content: '\f290';
}

.dl-shopping-basket:before {
    content: '\f291';
}

.dl-user-circle-o:before {
    content: '\f2be';
}

.dl-snowflake-o:before {
    content: '\f2dc';
}

.dl-facebook:before {
    content: '\f300';
}

.dl-facebook-rect:before {
    content: '\f301';
}

.dl-twitter:before {
    content: '\f302';
}

.dl-twitter-bird:before {
    content: '\f303';
}

.dl-googleplus-rect:before {
    content: '\f309';
}

.dl-instagram:before {
    content: '\f31e';
}

.dl-instagram-filled:before {
    content: '\f31f';
}

.dl-comment:before {
    content: '\f4ac';
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFF;
    z-index: 99999;
    height: 100%;
    width: 100%
}

.suntory-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    width: 80px;
    z-index: 200000 !important;
    text-decoration: none !important;
    right: 15px;
}

.suntory-alo-phone:nth-child(1) {
    bottom: 120px;
}

.suntory-alo-phone:nth-child(2) {
    bottom: 190px;
}

.suntory-alo-phone:nth-child(3) {
    bottom: 260px;
}

.suntory-alo-phone:nth-child(4) {
    bottom: 330px;
}

.suntory-alo-phone:nth-child(5) {
    bottom: 400px;
}

.suntory-alo-phone:nth-child(6) {
    bottom: 470px;
}

.suntory-alo-phone:nth-child(8) {
    bottom: 540px;
}

.suntory-alo-ph-circle,
.suntory-alo-ph-circle2 {
    -webkit-animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
    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: 60px;
    left: 15px;
    opacity: 0.1;
    position: absolute;
    top: 15px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 60px;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
    border-color: #fe0018;
    opacity: 1;
}

.suntory-alo-ph-circle-fill {
    -webkit-animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
    animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 70px;
    left: 10px;
    position: absolute;
    top: 10px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
    background-color: rgb(8 8 8 / 90%);
}

.suntory-alo-ph-img-circle {
    text-align: center;
    border-radius: 100%;
    height: 50px;
    left: 20px;
    opacity: 1;
    position: absolute;
    top: 20px;
    transform-origin: 50% 50% 0;
    width: 50px;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
    background-color: #1182FC;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle img {
    width: 70%;
}

.suntory-alo-phone span {
    display: block;
    background: #cb0101;
    text-align: center;
    border: 1px solid #FFF;
    font-size: 1em;
    padding: 5px;
    text-decoration: none !important;
    font-weight: bold;
    color: #fff;
    width: 125px;
    margin: 24px 0px 0px 50px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    z-index: -1;
}

.suntory-alo-ph-img-circle i {
    display: flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    width: 50px;
    height: 50px;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle2 {
    border-color: #0197d4;
    opacity: 1;
}

@-webkit-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-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);
    }
}

@-webkit-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-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);
    }
}

@-webkit-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);
    }
}

@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);
    }
}

/* Responsive */
@media(max-width:1001px) {
    .menu {
        display: none;
    }

    .menu-res {
        display: block;
    }
}

@media(max-width:576px) {
    .news-image {
        margin-bottom: 1rem;
    }
}

@media(max-width:369px) {
    .cart-pro-detail a {
        width: 100%;
    }

    .cart-pro-detail a:first-child {
        margin-right: 0px;
        margin-bottom: 0.5rem;
    }

    .cart-pro-detail a i {
        display: none;
    }
}
.container-slider{display:table;zoom:1;position:relative;width:100%;max-width:100%;margin:0px
auto 0px;z-index:90;text-align:left;font-size:10px;text-shadow:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} * html .container-slider{width:640px } .container-slider .ws_images
ul{position:relative;width:10000%;height:100%;left:0;list-style:none;margin:0;padding:0;border-spacing:0;overflow:visible;} .container-slider .ws_images ul
li{position:relative;width:1%;height:100%;line-height:0;overflow:hidden;float:left;padding:0
0 0 0 !important;margin:0
0 0 0 !important;} .container-slider
.ws_images{position:relative;left:0;top:0;height:100%;max-width:100%;vertical-align:top;border:none;overflow:hidden;} .container-slider .ws_images ul
a{width:100%;height:100%;display:block;color:transparent;} .container-slider
img{max-width:none !important;} .container-slider .ws_images .ws_list img,.container-slider .ws_images>div>img{width:100%;border:none 0;max-width:none;padding:0;margin:0px
!important;} .container-slider .ws_images>div>img{} .container-slider .ws_images
iframe{position:absolute;z-index:-1;} .container-slider .ws-title>div{display:inline-block !important;} .container-slider
a{text-decoration:none;outline:none;border:none;} .container-slider
.ws_bullets{float:left;position:absolute;z-index:70;} .container-slider .ws_bullets
div{position:relative;float:left;font-size:0px;} .container-slider .ws_bullets
a{line-height:0;} .container-slider
.ws_script{display:none;} .container-slider
.ws_effect{position:static;width:100%;height:100%;} .container-slider
.ws_photoItem{border:2em
solid #fff;margin-left:-2em;margin-top:-2em;} .container-slider
.ws_cube_side{background:#A6A5A9;} .container-slider.ws_gestures{cursor:-webkit-grab;cursor:-moz-grab;cursor:move;} .container-slider.ws_gestures.ws_grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:move;} .container-slider .ws_bullets
a{position:relative;display:inline-block;margin:0
2px;padding:5px;width:0;border-radius:50%;background:rgba(0, 0, 0, 0);-webkit-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff;} .container-slider .ws_bullets
a.ws_selbull{background:#fff;padding:6px;-webkit-box-shadow:none;box-shadow:none;} .container-slider a.ws_next,.container-slider
a.ws_prev{position:absolute;font:3.2em "ws-ctrl-bootstrap";z-index:60;color:#fff;overflow:hidden;width:15%;height:100%;top:0;opacity:.5;} .container-slider
a.ws_next{left:85%;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x;} .container-slider
a.ws_prev{left:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x;} .container-slider a.ws_next:after,.container-slider a.ws_prev:after{position:absolute;display:block;top:50%;margin-top:-20px;left:0;right:0;text-align:center;vertical-align:middle;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.6);} .container-slider a.ws_next:after{content:'\e801';} .container-slider a.ws_prev:after{content:'\e800';} .container-slider a.ws_next:hover,.container-slider a.ws_prev:hover{opacity:0.9;} .container-slider
.ws_playpause{position:absolute;font:3.2em "ws-ctrl-bootstrap";top:50%;left:50%;margin-top:-0.5em;margin-left:-0.3125em;color:#fff;opacity:0.5;text-shadow:0 1px 2px rgba(0,0,0,0.6);text-decoration:none;z-index:59;} .container-slider .ws_playpause:hover{opacity:0.9;} .container-slider .ws_playpause:after{display:block;text-align:center;} .container-slider .ws_pause:after{content:'\e803';} .container-slider .ws_play:after{content:'\e802';} .container-slider
.ws_bullets{bottom:20px;right:0%;} .container-slider .ws_bullets
div{left:-50%;} .container-slider .ws_bulframe
span{visibility:visible;opacity:1;position:absolute;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff;bottom:-10px;margin-left:-7px;left:43px;} .container-slider .ws-title{position:absolute;background:none;font:2.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#fff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);bottom:50px;top:auto;opacity:1;text-align:center;width:100%;padding-left:20%;padding-right:20%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:50;} .container-slider .ws-title
div{margin-top:0.5em;font-size:0.542em;} .container-slider a.ws_next,.container-slider a.ws_prev,.container-slider
.ws_playpause{display:none;} * html .container-slider a.ws_next,* html .container-slider
a.ws_prev{display:block} .container-slider:hover a.ws_next,.container-slider:hover a.ws_prev,.container-slider:hover
.ws_playpause{display:block} .container-slider .ws_images>ul{animation:wsBasic 12s infinite;-moz-animation:wsBasic 12s infinite;-webkit-animation:wsBasic 12s infinite;} @keyframes
wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} } @-moz-keyframes
wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} } @-webkit-keyframes
wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} } .container-slider .ws_bullets a
img{text-indent:0;display:block;bottom:15px;left:-43px;visibility:hidden;position:absolute;border:1px
solid #fff;max-width:none;} .container-slider .ws_bullets a:hover
img{visibility:visible;} .container-slider .ws_bulframe div
div{height:48px;overflow:visible;position:relative;} .container-slider .ws_bulframe
div{left:0;overflow:hidden;position:relative;width:85px;background-color:#fff;} .container-slider .ws_bullets
.ws_bulframe{display:none;bottom:19px;margin-left:2px;overflow:visible;position:absolute;cursor:pointer;border:3px
solid #fff;} .container-slider .ws_bulframe div
div{height:auto;} @media all and (max-width:760px){.container-slider
.ws_fullscreen{display:block;}} @media all and (max-width:400px){.container-slider .ws_controls,.container-slider .ws_bullets,.container-slider
.ws_thumbs{display:none}}
.list-news-scroll{display:block;padding-bottom:0px;} .list-news-scroll:after{content:"";clear:both;display:block;} .list-news-scroll.background{background:#E4E4E4;} .list-news-scroll .content, .list-news-teaser
.content{display:block;clear:both;position:relative;} .block-float
.content{clear:inherit;} .list-news-scroll
.layout_latest{max-width:100%;position:relative;} .list-news-scroll .layout_latest:after{content:"";display:block;clear:both;float:inherit !important;} .list-news-scroll .layout_latest>div{display:block;padding:1px;position:relative;} .list-news-scroll .layout_latest>div.teaser{padding-top:0px;text-align:justify;} .list-news-scroll .layout_latest>div.clearfix{padding:0px;} .list-news-scroll .layout_latest h2, .list-news-teaser .layout_latest
h2{font-size:1em;margin-top:0px;} .list-news-scroll .layout_latest h2
a{font-size:1.4em;color:#000;display:block;font-weight:500;position:relative;margin-bottom:10px;line-height:1.2em;overflow:hidden;z-index:1;margin-top:0px;padding-bottom:0px;} .list-news-scroll .layout_latest h2 a:hover, .list-news-scroll .layout_latest:hover h2
a{text-decoration:none;color:#eb2a47;} .list-news-scroll .layout_latest
.teaser{font-size:1em;color:#585858;} .list-news-teaser .layout_latest:after{display:block;content:"";clear:both} .list-news-scroll .layout_latest figure
a{text-align:center;position:relative;overflow:hidden;display:inline-block;z-index:1;} .list-news-scroll .layout_latest figure
a{overflow:hidden;position:relative;display:block;} .list-news-scroll .layout_latest
.ce_control{text-align:center;padding-bottom:15px} .list-news-scroll .layout_latest .ce_control
a{background:#fbb514;color:#FFF;text-decoration:none;padding:5px
30px;margin:5px
auto;display:inline-block;text-transform:uppercase;font-size:0.9em;} .list-news-scroll .layout_latest .ce_control a:hover{background:#e10e00;} .list-news-scroll .layout_latest .ce_control
.views{font-size:0.8em;color:#8C8C8C} .list-news-scroll .layout_latest .tooltip-img{z-index:1000;max-width:100%;opacity:0;position:fixed} .list-news-scroll .headline
a.more{font-size:12px;text-transform:none;text-decoration:none;text-align:right;} .list-news-scroll .headline span
i{padding-right:5px;display:none !important;} .list-news-scroll .headline
a.more{float:right;margin:0px;margin-top:14px;top:0px;padding:1px
10px;background:#EEE;color:#1d1d1d;position:relative;z-index:10;} .list-news-scroll .headline a.more:hover{background:#016cca;color:#FFF;} .list-news-scroll .padding-bottom{padding-bottom:30px;} .list-news-scroll .layout_latest .fast-view{position:absolute;opacity:0;z-index:100;left:0px;top:0px;text-align:center;width:100%;height:100%;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .list-news-scroll .layout_latest figure:hover>.fast-view{opacity:1;} .list-news-scroll .layout_latest .fast-view
a{cursor:pointer;display:inline-block;width:80px;height:80px;background:rgba(241, 241, 241, 0.81);color:#4c4c4c;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;border:2px
solid #FFF;text-decoration:none;} .list-news-scroll .layout_latest .fast-view
i{display:block;font-size:2em;margin-bottom:5px;} .list-news-scroll .layout_latest .fast-view
span{display:block;font-size:0.8em;} .news-list
.layout_latest{text-align:left;padding:10px;margin-top:8px;} .news-list .layout_latest
p.info{text-align:right;font-weight:bold;} .news-list .layout_latest
.teaser{line-height:1.4em;position:relative;overflow:hidden;font-style:italic;} .news-list .layout_latest
figure{float:left;margin-right:15px;margin-bottom:5px;max-width:40%;position:relative;z-index:9;} .news-list .layout_latest
h2{font-weight:normal;margin-bottom:15px;margin-top:0px;} .news-list .layout_latest h2
a{text-align:left;font-size:1.2em;text-transform:none;font-weight:bold;} .news-list .layout_latest
.more{text-align:right;padding-top:15px;} .news-list .layout_latest .more>span{display:inline-block;padding:3px
10px;background:#EAEAEA;color:#00135D} .news-list .layout_latest .more
i{padding-right:5px;color:#0b3a00;} .news-list .layout_latest .more
a{color:#909090;text-transform:none;font-size:0.9em;} .block-color .layout_latest
h2{margin-top:15px;} .block-color
.layout_latest{padding-bottom:30px;}  .news-reader-product, .news-reader-product
.layout_full{display:block;position:relative;margin-bottom:20px;} .news-reader .layout_full>h1, .news-reader-product .layout_full>h1{font-size:1.8em;margin-bottom:20px;margin-top:0px;color:#000;} .news-reader .layout_mansory .content-albums{display:block;position:relative;margin-bottom:20px;} .news-reader .layout_mansory .content-albums
.item{display:block;margin-bottom:6px;box-shadow:0px 0px 0px 1px #dedede;border:2px
solid #FFF;} .news-reader .layout_mansory .content-albums>div{padding-left:3px;padding-right:3px;} .news-reader .layout_mansory .content-albums:after{content:"";clear:both;display:block;} .news-reader .owl-carousel{margin-top:15px;} .news-related{margin-bottom:15px;} .news-list-ul .content, .news-related
.content{display:block;clear:both;padding-left:15px;} .news-list-ul .content .layout_simple, .news-related .content
.layout_simple{display:list-item;position:relative;} .news-list-ul .content .layout_simple:after, .news-list-ul
ul{content:"";display:block;clear:both;} .news-list-ul .content .layout_simple
.headline{margin-left:75px;display:block;} .news-list-ul .content .layout_simple
time{position:absolute;left:0px;} p.empty{display:block;clear:both;text-align:center;} .news-related
a{color:#11a4be;} .related-content{display:block;margin:15px
0px;padding:15px;background:#f5f5f5;} .owl-controls .owl-page, .owl-controls .owl-buttons
div{position:absolute;z-index:10;display:block;top:calc(50% - 20px);opacity:0.4;width:0px;height:0px;border-bottom:20px solid transparent;border-top:20px solid transparent;} .owl-controls .owl-page, .owl-controls .owl-buttons div:hover{opacity:0.8;} .owl-controls .owl-page, .owl-controls .owl-buttons div.owl-prev{left:-10px;border-right:20px solid #000;} .owl-controls .owl-page, .owl-controls .owl-buttons div.owl-next{right:-10px;border-left:20px solid #000;} .list-news-simple{border:1px
solid #177dd7;margin-bottom:15px;} .list-news-simple>h2{display:block;background:#177dd7;color:#FFF;margin:0px
0px 25px 0px;padding:10px;font-size:1.2em;font-weight:bold;} .list-news-simple>h2:before{font-family:"fontdl";content:'\e838';display:inline-block;margin-right:10px;} .list-news-simple ul
li{padding-left:20px;position:relative;padding-bottom:15px;} .list-news-simple ul li:before{font-family:"fontdl";content:'\e806';position:absolute;left:5px;top:0px;font-size:7px;color:#177dd7;} .list-news-simple ul li
a{color:#f00;} @media screen and (min-width:768px){ .list-news-product .layout_latest figure, .news-reader-product .layout_full
.image_container_div{} .list-news-scroll
.layout_latest{display:inline-block;float:inherit;vertical-align:top;} .news-list
.layout_latest{display:block;margin-left:0px;} .list-news-scroll .mix-list
.layout_latest{display:none;} .list-news-scroll .mix-list
.layout_latest{width:calc(25% - 3px);} .news-list .layout_latest
p.info{float:right;margin-left:15px;background:#d0d0d0;color:#FFF;padding:5px;font-weight:normal;} .list-products>.layout_latest .tooltip-hover.active{display:block;} .one-items-list>div h2 a, .one-items-list>div
.teaser{text-align:center !important;} .list-news-scroll .simple-list-news{min-height:320px;} } @media screen and (min-width:992px){ 	.md-mix-list .mix-list
.layout_latest{width:calc(33.25% - 3px);} } @media screen and (max-width:768px){ .list-news-scroll
.layout_latest{display:block;} .list-news-scroll .layout_latest
figure{text-align:center;float:inherit;width:100%;} .list-news-scroll.news-list .layout_latest
figure{text-align:left;float:left;} .list-news-scroll.block-float .layout_latest
figure{text-align:left;float:left;} .list-news-scroll .layout_latest .tooltip-inner, .list-news-scroll .layout_latest
.tooltip{display:none} .list-products{text-align:center;} .list-news-scroll .mix-list
.layout_latest{width:calc(33.3% - 2px);} .headline-maximage
.content{position:relative;bottom:inherit;} .news-home-list{right:10px;} .news-list-ul>h2,.news-related>h2{float:inherit;} .news-home-list
h2{display:block;} .icon-h2{padding-left:15px;padding-right:15px;} .icon-h2>.more{right:15px;} .list-news-scroll .simple-list-news{border:none;} .news-list .layout_latest
.teaser{overflow:inherit;} } @media screen and (max-width:640px){.list-news-scroll>h2, .list-news-teaser>h2, .list-news-scroll
h2.headline{font-size:1.4em;} .reader-news
.pdf_link{display:block;position:relative;text-align:right;} .list-news-scroll h2.headline span:after{background:none;} .list-news-scroll .mix-list
.layout_latest{width:calc(50% - 2px);} } @media screen and (max-width:500px){.news-home-list{position:relative;bottom:inherit;right:inherit;} .news-home-list
ul{display:block;max-width:100%;} .icon-h2>.more{position:relative;top:0px;margin:10px
auto;display:block;max-width:130px;text-align:center;} } @media screen and (max-width:420px){.list-news-scroll .layout_latest
figure{text-align:center;float:inherit;} .list-news-scroll.news-list .layout_latest
figure{text-align:center;float:inherit;} .list-news-scroll.block-float .layout_latest
figure{text-align:left;float:left;} .mix-list
.layout_latest{width:100%;display:block;} .block-color .slick-initialized .layout_latest div.content
.teaser{display:block;} }
.list-products{display:block;position:relative;} .list-products:after{clear:both;display:block;} .list-products
.layout_latest{float:inherit !important;display:inline-block;vertical-align:top;padding-top:0px;padding-bottom:20px;padding:10px;position:relative;max-width:100%;margin-bottom:5px;transition:all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;} .list-products.padding-5
.layout_latest{padding-left:5px;padding-right:5px;} .list-products .layout_latest:after{content:"";clear:both;display:block;} .list-products .layout_latest>div>.image_container{display:inline-block;text-align:center;padding:0px;position:relative;overflow:hidden;} .list-products .layout_latest>div>.image_container
a{display:inline-block;position:relative;z-index:11;overflow:hidden;border:1px
solid #e5e5e5;} .list-products .layout_latest:hover>div>.image_container
a{border-color:#eb2a47;} .list-products .layout_latest>div>.image_container span
img{transition:all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;} .list-products .layout_latest>div>.image_container .img-back
img{display:block;position:absolute;top:0;left:-200%;} .list-products .layout_latest>div>.image_container:hover .img-front
img{-ms-transform:scale(0, 0);-webkit-transform:scale(0, 0);transform:scale(0, 0);} .list-products .layout_latest>div>.image_container:hover .img-back
img{left:0%;} .list-products .layout_latest
.parent{position:relative;z-index:2;text-align:center;} .list-products .layout_latest div>h2{text-align:center;font-size:1em;line-height:1em;margin:5px
0px 0px 0px;position:relative;display:block;} .list-products .layout_latest div>h2
a{font-size:1.4em;color:#000;line-height:1.2em;padding:0px;display:block;font-weight:normal;position:relative;z-index:2;} .list-products .layout_latest:hover div>h2
a{text-decoration:none;color:#eb2a47;} .sumary-teaser-product
.control{display:block;position:relative;bottom:0px;padding-top:10px;text-align:center;padding-bottom:10px;} .sumary-teaser-product .control a, .list-products>.layout_latest>.control
.orders{display:inline-block;} .sumary-teaser-product .control a:first-child{margin-right:5px;} .sumary-teaser-product .control a:hover, .list-products>.layout_latest>.control .orders:hover{} .sumary-teaser-product .child-headline{display:block;padding:10px;border-bottom:1px solid #CCC;background-color:#F1F1F1;font-size:1.5em;font-weight:bold;color:#e20000;} .sumary-teaser-product
.child{padding:5px
10px;border-bottom:1px solid #CCC;} .sumary-teaser-product .child>span:after{content:":";padding-right:5px;} .sumary-teaser-product .child.price-old{text-decoration:line-through;font-size:0.8em;} .sumary-teaser-product .child.prices
strong{color:#e20000;} .sumary-teaser-product
.content{padding:10px;color:#616161;} .sumary-teaser-product .image-view{position:relative;} .sumary-teaser-product .image-view
img{max-width:100%;} .list-products
.imgContainerBanner{display:block;margin-top:15px;} .list-products .content-teaser{padding:15px
0px;} .list-products .layout_latest .teaser-icon-click{position:absolute;background:rgba(187, 0, 0, 0.73);z-index:100;height:100%;top:0px;left:0%;width:100%;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);overflow:hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .list-products .layout_latest figure .teaser-icon-click>div{position:relative;top:50%;transform:translateY(-50%);font-size:3em;color:#FFF;cursor:pointer;} .list-products .layout_latest:hover figure .teaser-icon-click{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);} .list-products .layout_latest:hover figure .teaser-icon-click div:before{padding-right:5px;} .list-products .layout_latest .discount-flag{display:block;position:relative;background:#eb2a47;width:40px;height:40px;font-weight:bold;text-align:center;line-height:40px;color:#FFF;z-index:100;font-size:0.8em;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-top:5px;} .list-products .layout_latest figure .featured-flag{display:none;width:50px;height:50px;position:absolute;right:0px;top:0px;background:url("../../files/system/img/general/new-flag.gif") left top no-repeat;z-index:1;} .list-products .layout_latest figure
img{max-width:100% !important;height:auto !important;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .list-products .layout_latest:hover figure
img{box-shadow:0px 0px 0px 4px #dedddd;} .list-products
.empty{text-align:center;} .list-products>.child{position:relative;display:block;clear:both;margin-bottom:15px;} .list-products>.child:after{content:"";clear:both;display:block;} .list-products .layout_latest
.infomation{display:block;text-align:left;position:relative;} .list-products .layout_latest .infomation
.child{display:block;color:#ed3237;} .list-products .layout_latest .infomation .child .prices-row{display:block;padding-left:5px;padding-right:5px;} .list-products .layout_latest .infomation .child>span{color:#ABABAB;display:block;font-size:0.9em;} .list-products .layout_latest .infomation .child>span:after{content:":";padding-right:5px;} .list-products .layout_latest .infomation .child>.discount-flag{display:inline-block;background:#0087e2;padding:0px
3px;color:#FFF;margin-left:10px;} .list-products .layout_latest .infomation .child>.discount-flag:after{display:none;} .list-products .layout_latest .infomation .price-old
strong{text-decoration:line-through;} .list-products .layout_latest .infomation .prices
strong{color:#545454;font-weight:normal;font-size:0.8em;} .list-products .layout_latest .infomation .prices strong.prices-btn{color:#eb2a47;font-weight:bold;font-size:0.8em;margin-top:8px;display:inline-block;} .list-products .layout_latest .prices-main{font-size:1.1em;}  .list-products .layout_latest .control-item{display:block;} .list-products .layout_latest .control-item
a{background:#eb2a47;margin-top:10px;display:inline-block;text-decoration:none;color:#fff;text-transform:uppercase;font-size:10px;padding:8px
20px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;} .list-products .layout_latest .control-item a .dl-icon{font-size:15px;padding-right:2px;vertical-align:middle;} .list-products .layout_latest .control-item a.view-btn{background:#e0e0e0;color:#000;margin-left:10px !important;padding-left:20px;padding-right:20px;} .list-products .layout_latest .control-item a:hover{background:#eb2a47;text-decoration:none;}  .list-products .child .view-more-category{display:block;text-align:center;padding:20px
15px 10px 15px;} .list-products .child .view-more-category
a{display:inline-block;color:#d30000;} .list-products .child .view-more-category a:before{font-family:"fontdl";content:"\E837";display:inline-block;padding-right:10px;font-size:2em} .list-products .readTabMore
a{position:absolute;top:5px;right:5px;border:1px
solid #e2e2e2;padding:0px
10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#989898;} .list-products .readTabMore a:hover{text-decoration:none;background:#efc151;border-color:#efc151;color:#FFF;} .list-products .layout_latest .parent
.star{display:none;} .detail-products{display:block;padding-top:10px;padding-bottom:10px;} .detail-products
.head_container_div{border-bottom:3px double rgb(214, 214, 214);padding-bottom:30px;margin-bottom:30px;} .detail-products .infomation>h1{display:block;font-size:2em;line-height:1.2em;color:#000;font-weight:bold;padding-bottom:10px;} .detail-products
.ver{height:230px} .detail-products .infomation>.child{padding:7px
0px;border-bottom:1px dotted #ccc;font-size:0.9em;margin-bottom:5px;} .detail-products .infomation>.child>span:after{content:": ";padding-right:5px;} .detail-products .infomation>.child>strong{color:#eb2a47;font-weight:bold;} .detail-products .infomation>.child.price-old>strong{text-decoration:line-through;} .detail-products .infomation>.child.prices-new>strong{color:#f10;font-weight:normal;font-size:1.5em;} .detail-products .infomation>.control{display:block;position:relative;padding:5px
20px 15px 20px;background:#f4f4f4;margin-bottom:10px;border-left:10px solid #eb2a47;} .detail-products .infomation>.control
span{display:block;padding:5px
0px;font-weight:normal;font-size:1em;color:#eb2a47;} .detail-products .infomation>.control .product-number{width:50px;display:inline-block;margin-right:10px;text-align:center;border:none;height:32px;} .detail-products .infomation>.control
button{background:#eb2a47;color:#FFF;border:none;vertical-align:top;} .detail-products .back
a{color:#444;} .detail-products
.jumpToLogin{padding:5px
0px 15px 0px;} .detail-products .jumpToLogin
a{background:#ffa129;color:#FFF;font-size:1.5em;padding:10px
20px;text-align:center;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:2px 2px 0px 0px #ab6000} .detail-products .jumpToLogin a:hover{background:#ffa129;text-decoration:none;} .cloudzoom-blank>div:nth-child(3){display:none !important;} .tab-controls-products{margin-bottom:15px;} .tab-controls-products .resp-tabs-list .resp-tab-active{color:#f00;} .tab-controls-products .resp-tabs-list
li{color:#000;font-size:1.2em;text-transform:uppercase;} .list-products .slick-initialized .slick-slide{display:inline-block;} @media screen and (min-width: 768px) { 	.list-products .layout_latest .control-item{position:relative;display:block;opacity:1;}  	.list-products>.layout_latest .tooltip-hover.active{display:block;}  	.list-products .child .view-more-category{position:absolute;top:-7px;right:0px;}  	.sumary-teaser-product{min-height:400px;display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important;-webkit-box-pack:center !important;-moz-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important;-webkit-box-align:center !important;-moz-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;}  	.float-list .layout_latest>div>.image_container{float:right;border:1px
solid #CCC;padding:2px;margin-left:5px;}  	.float-list .layout_latest div>h2{text-align:left;}  	.float-list .layout_latest div>h2
a{font-size:1em;font-weight:normal;}  	.float-list
.layout_latest{border-bottom:1px dotted #CCC;}  	.float-list .layout_latest .parent
.product{position:relative;overflow:hidden;} } @media screen and (max-width: 768px) { 	 .list-products{text-align:center;} 	 .list-products .content-child{padding-left:10px;padding-right:7px;} } @media screen and (max-width: 767px) { 	.list-products .layout_latest div>h2
a{font-size:1.2em;font-weight:normal;} }
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px
solid #ccc}#cboxLoadedContent{border:5px
solid #FFF;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#FFF}#cboxCurrent{position:absolute;top:-20px;right:0;color:#FFF}#cboxLoadingGraphic{background:url("../../trang-chu.html") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@font-face{font-family:'body';font-style:normal;font-weight:normal;src:url("../fonts/normal.ttf") format('truetype');} @font-face{font-family:'body';font-style:normal;font-weight:bold;src:url("../fonts/bold.ttf") format('truetype');} @font-face{font-family:'body';font-style:italic;font-weight:normal;src:url("../fonts/italic.ttf") format('truetype');} @font-face{font-family:'body';font-style:italic;font-weight:bold;src:url("../fonts/bold-italic.ttf") format('truetype');} body,html{color:#333;font-family:"Roboto","Arial",sans-serif;font-size:14px;font-weight:300;line-height:1.3em;}figure{margin:0px;padding:0px;position:relative}a,a:hover,a:focus{color:inherit;} h1,h2,h3,h4,h5,h6,.title-headdline{font-style:normal;font-weight:300;font-size:1.4em;line-height:1.2em;} body iframe,.fb_iframe_widget>span{max-width:100% !important;width: 100%;}h1{font-size:26px;} body{margin-left:auto;margin-right:auto;display:block;top:0px !important;background:#FFF;position:relative;min-height:100%;overflow-x:hidden;} body:after{clear:both;content:"";}.relative{position:relative;} #wrapper{position:relative;clear:both;display:block;margin-left:auto;margin-right:auto;} #wrapper:after{content:"";clear:both;display:block;} .text-left{text-align:left !important;}.relative{position:relative;} select[disabled=disabled],input[disabled=disabled]{background-color:#EBEBE4}.block{display:block}.float_right{float:right;}.float_left{float:left;} table{border-width:1px;border-spacing:0px;border-style:none;border-color:gray;border-collapse:collapse;font-size:12px;width:100%;} th{background:#ddd;color:#222;padding:10px;text-align:left;border:1px
solid #ccc;}td{padding:10px;border:1px
solid #ccc;}tr:nth-child(2n){background:#eaeaea;} .table>h2,.table>h1{color:#800000;font-size:2em} .table>table{margin:10px
auto;display:table;border-collapse:collapse;border-spacing:0px;border-color:gray;border:1px
solid #666} .table>table tr
td{border:1px
solid #DDD;padding:5px
10px}.table>table tr
th{border:1px
solid #DDD;padding:5px
10px;background-color:#F5F5F5}.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{width:100% !important} .table-red tr:nth-child(2n){background:#eb2a47;color:#FFF;}.table-red th, .table-red
td{border-color:#eb2a47 !important;} .border-none table, .border-none table th, .border-none table td, .border-none table
tr{border-collapse:collapse;border-spacing:0px;border:none !important;background:none !important;} .padding-bs-0{padding-left:0px;padding-right:0px;margin-left:auto;margin-right:auto} .padding-bs-left{padding-right:0px}.mod_newsreader img, .ce_text img, #footer img, .img-reponsive img, figure
img{max-width:100% !important;height:auto !important} .invisible{display:none !important} .no-relative{position:static;}.block-iframe
iframe{display:block;} #main{margin-top:20px;}#main>.inside:after{clear:both;content:"";display:block} .overflow{overflow:hidden !important;display:block;position:relative;} #header
.logo{padding-top:5px;padding-bottom:5px;position:relative;z-index:1} #header .logo
img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;} #header .logo
a{position:relative;} .header-top{background:#b00;}  #container{margin-bottom:10px;} #container:after,#header:after{clear:both;content:"";display:block;} .slick-dots{display:none !important;} .div-padding-top{display:block;padding-top:40px;} .div-partner{display:block;padding-top:40px;padding-bottom:40px;} .slider-home{display:block;margin-bottom:0px;font-size:18px;position:relative;overflow:hidden;} #footer{padding-bottom:0px;} #footer:after{clear:both;content:"";display:block} #footer .footer-address{padding-bottom:10px;} #footer .footer-address h1, #footer .footer-address h2, #footer .footer-address
h3{margin-top:0px} #footer .block-footer
p{padding:0px;margin:0px
0px;line-height:1.2em;} #footer .copyright, #footer .copyright
a{color:#636363;font-size:12px;} #footer .copyright
p{margin:0px;padding:10px
0px;} #footer .footer-copyright{background:#DEDEDD;padding:15px
0px;} .footer-icon{padding:50px
0;position:relative;display:block;background:#2d3135;} .footer-icon
*{color:#FFF;} .footer-icon .dl-icon:before{margin-right:5px;display:inline-block;} #footer .block-video>div{width:500px !important;max-width:100%;display:block;margin:0px
auto;}  #top-link-block{bottom:30px;right:20px;position:fixed;z-index:900;opacity:0} #top-link-block>a{background:url("../../files/system/img/general/Back-Top.png") center top no-repeat;background-size:60%;padding-top:30px;width:55px;display:block;text-align:center;text-indent:1000px;} .background-bre{background:#a4aeb9;padding:20px
0px;margin-bottom:5px;} .menu-brebrum{display:block;padding-top:0px;padding-bottom:0px;} .menu-brebrum .info-more{color:#FFF;font-weight:normal;font-size:1.6em;line-height:1.2em;margin-bottom:2px;display:block;} .menu-brebrum
span{display:inline-block;padding:1px;color:#c6ccd2;text-transform:uppercase;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:1.1em;} .menu-brebrum
ul{list-style:none;margin:0px;padding:0px;} .menu-brebrum ul
li{display:inline;white-space:normal;font-size:1em;padding:8px
0px;} .menu-brebrum ul li:after{content:"\bb";display:inline-block;padding-left:10px;padding-right:10px} .menu-brebrum ul li.last:after{display:none} .menu-brebrum ul li a, .menu-brebrum ul
li{color:#656565} #left,#right{vertical-align:top;padding-top:10px;} #left>.inside,#right>.inside{position:relative;float:left;width:100%} #left>.inside:after,#right>.inside:after{content:"";display:block;clear:both} .block-menu{display:block;position:relative;margin-bottom:10px;padding:0px
15px;background:#FFF;} #left .bg-none, #right .bg-none{box-shadow:none;padding:0px;border:none} #left>.inside img, #right>.inside img, .block-menu
img{max-width:100% !important;height:auto !important} #left .block-menu>h1,.block-menu>h2{display:block;position:relative;line-height:1.2em;font-size:1.2em;text-transform:uppercase;margin:0px
0px 10px 0px;color:#eb2a47;font-weight:500;padding:5px
0px 5px 0px;text-align:left;border-bottom:2px solid #eb2a47;} .block-menu>h2{line-height:36px;} .block-menu>h2 span:before{font-family:'fontdl';content:'\e82d';margin-right:10px;font-size:1em;display:inline-block;font-weight:normal;} .contact-online>h2 span:before{content:'\f03d';} .news-left>h2 span:before{content:'\e831';} .block-menu>h2
span{display:block;} .block-menu>div{padding-left:10px;padding-right:10px} .block-menu>.marquee-wrap{margin-left:5px !important;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;} .block-menu
ul{padding-left:20px;} .block-menu ul
a{color:#383838;} .fb_iframe_widget{display:block !important} .fb_iframe_widget
iframe{max-width:100% !important;display:block;margin:0px
auto;top:0px;} .fb_iframe_widget>span{width:100%} .background-none{background:none !important;border:none !important;box-shadow:none;} .block-menu.empty-none{border:none !important;box-shadow:none !important;background:none !important;padding-bottom:0px !important;} .padding-none{padding:0px
!important;} .block-menu.block-ads
img{display:block;margin:0px
auto 5px auto} .block-video{display:block;position:relative;margin-bottom:0px;padding-bottom:10px;} .block-menu select, .block-video
select{display:block;width:100%;margin:5px
auto 0px auto;border:1px
solid #DDD;height:34px;color:#000;} .block-menu iframe, .block-video
iframe{max-width:100% !important;display:block;margin:0px
auto;} .link-website-select
option{padding:2px;text-align:center;} .contact-online-div .content-main .rows>div.icon-full
.info{color:#949494;} .contact-online-div .content-main .hotline
.title{color:#EF0000;padding-right:5px} .pagination{display:block;clear:both;margin-top:15px;border-top:3px double #e2e2e2;} .pagination>p{display:none;border-bottom:3px double #e2e2e2;text-align:center;font-weight:bold;color:#000;padding-bottom:5px;} .pagination
ul{list-style:none;padding:0px;margin:10px
0px;text-align:center} .pagination ul
li{display:inline-block;white-space:normal;padding:5px} .pagination ul li a, .pagination ul li
span{display:block;padding:2px
7px;background:none;color:#000;} .pagination ul li span, .pagination ul li a:hover{background:none;color:#eb2a47;}  .skiptranslate{display:none !important;}  .background-header{position:relative;background:#FFF;;} .header-logan{background:#FFF;} .mod_banner{margin-bottom:30px;}  #wrapper .hidden-wrapper{display:none;}  .button-social{margin-top:0px;vertical-align:top;padding:0px
0px 0px 0px;} .button-social
b{font-size:0.9em;color:#FFF} .button-social
p{margin:0px;} .button-social
a{margin-right:-3px;padding:3px
5px;white-space:nowrap;text-align:center;width:40px;height:40px;text-decoration:none;font-size:2em;color:#eaeaea;display:inline-block;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;} .button-social a:first-child{margin-right:-2px;} .button-social a:last-child{border:none;} .button-social a
img{max-width:100%;}  .teaser-company
.ce_text{margin-bottom:15px;} .teaser-company .ce_text
h1{margin:0px;padding:0px;font-size:1.3em;font-weight:bold;margin-bottom:10px;color:#eb2a47;} .teaser-company .ce_text>h2,.form-contact-div>h2{display:block;font-weight:normal;font-size:1.5em;} .teaser-company .ce_text>h2 span, .form-contact-div>h2
span{background:#eb2a47;padding:8px
12px;color:#FFF;margin-top:0px;font-weight:normal;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .mod_article
.pdf_link{text-align:right;padding-bottom:15px;} .reader-news
.pdf_link{position:relative;right:15px;} .reader-news
.back{display:block;margin-top:15px;} .reader-news .back
a{text-align:center;display:inline-block;color:#FFF;padding:8px
20px;text-transform:uppercase;font-weight:normal;background:#eb2a47;border:none;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;} .reader-news .reader-2column .content-teaser-text>h1{font-size:1.2em;font-weight:bold;} .news-related{display:block;} .news-related
.content{display:block;clear:both;}  .div-teaser-top{padding:30px
0px 30px 0px;margin-bottom:0px;} .bg-color{background-color:#eaeaea;}  .teaser-block{background: url("../images/bg-about.jpg") center center no-repeat;background-size:cover;color:#FFF;box-shadow:none;} .link-teaser
a{display:inline-block;width:180px;line-height:44px;text-decoration:none;text-align:center;font-size:16px;color:#fff;border:1px
solid #fff;-moz-border-radius:26px;-ms-border-radius:26px;-webkit-border-radius:26px;border-radius:26px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;z-index:1000;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .link-teaser a:hover{background:rgba(255,255,255,0.5);color:#d6284c;}  .block-home-child{padding-top:15px;padding-bottom:15px;position:relative;overflow:hidden;box-shadow:0 0 5px #ccc;margin-bottom:15px;} .block-home-child>h2{margin:0px;display:block;} .block-home-child > h2
span{border-bottom:1px solid #fff;text-align:center;line-height:60px;display:block;text-transform:uppercase;} .padding-top-teaser{display:block;padding-top:20px;}  .list-news-single{padding:15px;display:block;} .list-news-single
ul{padding-left:25px;} .list-news-single ul
li{padding-bottom:10px;} .list-news-single ul li
a{font-size:1.1em;text-decoration:none;display:inline-block;} .list-news-single ul li a:hover{color:#ed2c49;}  .block-languages{display:block;margin-top:0px;position:relative;z-index:802;padding-left:15px;} .block-languages
h2{display:inline-block;margin:0px;padding-right:10px;font-size:1em;font-weight:bold;vertical-align:top;padding-top:8px;} .block-languages
ul{display:inline-block;margin:0px;padding:0px;vertical-align:top;overflow:hidden;} .block-languages ul
li{display:inline-block;white-space:nowrap;vertical-align:top;} .block-languages ul li a, #header .block-languages ul li
span{padding-left:37px;display:block;font-size:12px;height:20px;line-height:22px;margin:10px
0px 10px 2px;color:#FFF;text-align:left;text-indent:-1000px;padding-left:35px;} .block-languages ul li .lang-vi{background:url("../../files/system/img/general/flag_vi.gif") left center no-repeat;background-size:32px 20px;} .block-languages ul li .lang-en{background:url("../../files/system/img/general/flag_en.gif") left center no-repeat;background-size:32px 20px;}  .gallery-list{display:block;position:relative;margin-bottom:0px;padding-top:2px;} .gallery-list>h2,.gallery-list>h1{font-size:2em;margin:15px
0px;padding:0px;color:#f00;} .gallery-list
img{max-width:100%;} .gallery-list
ul{list-style:none;margin:0px;padding:0px;} .gallery-list ul
li{float:inherit !important;display:inline-block;vertical-align:top;margin-bottom:2px;padding:0px;margin-left:-1px !important;} .padding-list ul
li{padding:15px;} .gallery-list ul li
a{position:relative;display:block;} .gallery-list ul li a:hover{text-decoration:none;} .gallery-list
span{display:block;padding:10px
0px;font-weight:normal;color:#00667b;font-size:1.2em;} .gallery-list ul li a:before, .gallery-list ul li a:after, .gallery-list ul li
figure{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;z-index:1000;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .gallery-list ul li a:before{content:"";opacity:1;width:100%;height:100%;position:absolute;left:0px;top:0px;} .gallery-list ul li a:after{width:30px;opacity:0;height:30px;position:absolute;font-family:"fontdl";content:"\E837";text-align:center;line-height:30px;color:#FFF;top:calc(50% - 15px);left:calc(50% - 15px);z-index:1001;font-size:25px;} .gallery-list ul li:hover
figure{background-color:transparent;box-shadow:0px 0px 0px 3px #eb2a47;}  .menu-home
.navbar{min-height:auto;} .menu-home .navbar
ul{list-style:none;padding:0px;margin:0px;text-align:center;} .menu-home .navbar ul
li{display:inline-block;vertical-align:top;padding:5px;} .menu-home .navbar ul li a, .menu-home .navbar ul li
span{text-decoration:none;display:inline-block;padding:10px
20px;border:2px
solid #444;color:#444;border-radius:20px;text-transform:uppercase;font-weight:bold;} .menu-home .navbar ul li a:hover, .menu-home .navbar ul li
span{color:#eb2a47;border-color:#eb2a47;}  .footer-icon
h3{text-transform:uppercase;font-size:34px;font-family:"menu","Arial",sans-serif;font-weight:bold;margin:10px
0px;} .footer-menu
nav{min-height:auto;} .footer-menu
ul{list-style:none;padding:0px;margin:0px;} .footer-menu ul
li{display:inline-block;vertical-align:top;padding-bottom:5px;} .footer-menu ul li:after{content:"/";display:inline-block;padding:0px
10px;}
.search-form{width:100%;max-width:500px}
.footer-menu ul li.last:after{display:none;} .footer-menu ul li
a{font-family:"menu","Arial",sans-serif;font-size:1.2em;} .footer-menu ul li a, .footer-menu ul li a
font{color:#999;text-transform:uppercase;display:inline-block;} .footer-menu ul li a:hover
font{color:#FFF;}  .icon-search{position:relative;margin-top:8px;} .icon-search .block-absolute-search>div
div{position:relative;} .block-search{margin-top:0px;position:relative;} .block-search
div{display:block;margin:0px;padding:0px;vertical-align:top} .block-search input[type=text]{vertical-align:top;height:46px;width:100%;color:#000;border:1px
solid #eb2a47;outline:none !important;background:#FFF;padding-left:10px;padding-right:10px;} .block-search input[type=button]{position:relative;vertical-align:top;text-indent:1000px;display:inline-block;width:46px;height:46px;position:absolute;top:0px;right:0px;border:none;margin:0px;padding:0px;line-height:30px;background: #eb2a47 url("../images/search-icon.png") center center no-repeat;margin-left:-30px;margin-top:0px;}  .icon-search .block-absolute-search{display:none;opacity:0;-webkit-transition:-webkit-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;transition:transform 0.4s ease;position:fixed;z-index:999999;margin:0px
!important;background:rgba(0, 0, 0, 0.85);left:0px;color:#FFF;top:0px;width:100%;height:100%;} .icon-search .block-absolute-search.active{display:block;opacity:1;} .icon-search .block-absolute-search>div{position:fixed;margin:0px
!important;left:0px;top:0px;width:100%;height:100%;display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important;-webkit-box-pack:center !important;-moz-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important;-webkit-box-align:center !important;-moz-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;} .icon-search .block-absolute-search
form{width:90%;max-width:500px;display:block;} .icon-search .block-absolute-search .close-search{position:fixed;top:15px;right:45px;z-index:9999;cursor:pointer;} .icon-search>span{font-size:1.6em;color:#e13920;cursor:pointer;height:25px;width:25px;line-height:24px;text-align:center;}  .tags-content{display:block;} .tags-content
b{display:inline-block;margin-right:15px;} .tags-content
a{background:#eb2a47;display:inline-block;padding:0px
5px;line-height:25px;color:#fff;padding-right:15px;margin-bottom:5px;margin-right:5px;position:relative;} .tags-content a:hover{text-decoration:none;color:#FFF;} .tags-content a:before{content:'';height:0px;width:0px;position:absolute;top:0px;left:-10px;border-top:13px solid transparent;border-bottom:12px solid transparent;border-right:10px solid #eb2a47;} .tags-content a:after{content:'';height:0px;width:0px;position:absolute;top:0px;right:0px;border-top:13px solid transparent;border-bottom:12px solid transparent;border-right:10px solid #FFF;}  .title-headdline,.list-news-scroll>h2,.list-products>h2,.list-products>.child>h2{display:block;font-size:32px;color:#eb2a47;text-align:center;font-weight:300;position:relative;margin-bottom:30px;line-height:1.2em;z-index:1;margin-top:0px;text-transform:uppercase;padding-bottom:0px;} .title-headdline span, .list-news-scroll>h2 span, .list-products>h2 span, .list-products>.child>h2
span{position:relative;display:block;padding:0px
0px 10px 0px;line-height:1.2em;min-width:50%;text-align:center;} .title-headdline span:after, .list-products>h2 span:after, .list-products>.child>h2 span:after, .list-news-scroll>h2 span:after{content:"";position:absolute;width:226px;left:calc(50% - 113px);top:calc(100% - 10px);height:20px;background: url("../images/bg-title.png") center center no-repeat;} .text-left{text-align:left !important;} .text-left:before{content:"" !important;} .text-left
span{text-align:left !important;border-bottom:1px dashed #707070;padding-bottom:10px !important;} .text-left span:after, .text-left span:before{display:none;}  .form-newletter input[type=email], .form-newletter input[type=submit]{height:40px;padding:10px;margin:5px
0px;width:100%;} .form-newletter .formbody>div{display:inline-block;vertical-align:top;} .form-newletter .formbody div.input-contact{display:inline-block;} .form-newletter .formbody div.button-submit{display:inline-block;vertical-align:top;width:100px;} .form-newletter input[type=email]{background:#FFF;color:#000;border:1px
solid #FFF;} .form-newletter input[type=submit]{border:1px
solid #eb2a47;background:#eb2a47;color:#FFF;text-transform:uppercase;} .form-newletter
.explanation{line-height:1.2em;margin-top:10px;}  .col-md-inline:after,.col-lg-inline:after,.col-sm-inline:after,.col-xxs-inline:after{content:"";clear:both;display:block;} .tab-control-home h2.resp-accordion{text-transform:uppercase;} .bg-gray{background:#FFF;padding-top:15px;padding-bottom:15px;margin-bottom:15px;} .slider-content-image{margin-top:0px;padding:0px;} .slider-content-image .lSSlideOuter .click-views-zoom{left:0px;top:0px;bottom:0px;right:0px;display:block;}  .head-banner-top{background:#fbda00;} .head-banner-top .head-info{font-size:1em;line-height:30px;font-weight:normal;color:#000;white-space:nowrap;} .head-banner-top .head-info
i{padding-left:15px;color:#f00;padding-right:5px;display:inline-block;} @media screen and (min-width:768px){ .background-menu{display:block;padding-bottom:1px;position:static;} .align-right{text-align:right;} .inline-block{white-space:normal;display:inline-block;vertical-align:top;} .col-sm-center{text-align:center !important;} .col-sm-left{text-align:left !important;} .col-sm-right{text-align:right !important;} .col-sm-inline{display:inline-block !important;vertical-align:top !important;white-space:normal;float:none !important;margin-left:-3px !important;} .col-sm-align-center{vertical-align:middle !important;} .col-sm-block{display:block !important;} .col-sm-no-padding-left{padding-left:0px !important;} .col-sm-no-padding-right{padding-right:0px !important;} .col-sm-no-padding{padding-left:0px !important;padding-right:0px !important;} .col-sm-float-left{float:left !important;} #header .more-inside-header>div{vertical-align:top} .more-inside-right>.more-inside{padding:5px
0px 5px 0px;} #header .block-search{margin-bottom:0px;vertical-align:top;display:block;margin-top:3px;} .icon-search>span{margin-top:1px;display:block;margin-left:10px;margin-right:15px;font-size:1.5em;} .copyright{line-height:16px;vertical-align:top;} .copyright
b{font-size:0.9em;color:#3C3800} .copyright
a{padding-left:5px;font-size:0.9em;color:#FFF} .video-block{margin-bottom:25px;} .video-block.last{margin-bottom:0px;} .container-slider .ws-title{display:block;width:100%;padding-top:0px;margin-left:auto;margin-right:auto;background:rgba(0, 0, 0, 0.470588);} .container-slider .ws-title>span{width:100%;line-height:1em;background:none;text-align:center;color:#FFF;font-size:3em;} .container-slider .ws-title>div{margin-top:0px;font-size:1.5em;line-height:1em;background:none;color:#CCC;width:100%;text-align:center;} .contact-online-div .content-main .hotline
.title{color:#EF0000;padding-right:5px} #header .block-search{margin-top:5px;margin-right:15px;} .block-menu-control
nav{margin-bottom:0px;display:block;border:none;position:relative;} .block-menu-control
ul{list-style:none} .block-menu-control>h2 span:before{content:'\e82d';} .block-menu-control
ul.level_1{margin:0px;padding:0px;list-style:none;} .block-menu-control ul.level_1
li{position:relative;} .block-menu-control ul.level_1
ul{padding:0px;list-style:none;display:block;position:relative;margin:0;} .block-menu-control ul.level_1 li
a{position:relative;display:block;padding:10px
10px;font-size:1em;padding-right:15px;border-bottom:1px dotted #e4e4e4;color:#7d7d7d;box-shadow:0px 1px 0px 0px #FFF;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .block-menu-control ul.level_1>li>a, .block-menu-control nav>ul>li>span{color:#eb2a47;font-weight:normal;position:relative;padding:10px
10px;margin-bottom:3px;font-size:1.2em;text-transform:uppercase;} .block-menu-control ul.level_2>li>a{font-size:1.1em;color:#00667b;} .block-menu-control ul.level_1>li.submenu>a:before, .block-menu-control nav>ul>li.submenu>span:before{font-family:'fontdl';content:'\e814';position:absolute;right:10px;top:10px;font-size:9px;} .block-menu-control ul.level_1>li>a i, .block-menu-control nav>ul>li>span
i{padding:0px
10px 0px 0px;min-width:30px;} .block-menu-control ul.level_1>li ul li.submenu>a:before, .block-menu-control nav>ul>li ul li.submenu>span:before{content:"\25b6";display:block;position:absolute;right:10px;font-size:10px;top:8px;} .block-menu-control ul.level_1 li a:hover{text-decoration:none;color:#fbb514;padding-left:20px;} .footer-icon>div{position:relative;} .footer-icon>div:after,.footer-icon>div:before{content:"";width:1px;height:100%;position:absolute;top:0px;background:#6e6d6b;border-right:1px solid #555150;z-index:1;display:block;} .footer-icon>div:after{left:calc(33.3% - 5px);} .footer-icon>div:before{right:calc(33.3% + 5px);} } @media screen and (min-width:992px){.padding-top-md-15{padding-top:15px} .col-md-center{text-align:center !important;} .col-md-left{text-align:left !important;} .col-md-right{text-align:right !important;} .col-md-inline{display:inline-block !important;vertical-align:top !important;white-space:normal;float:none !important;margin-left:-3px !important;} .col-md-block{display:block !important;} .col-md-no-padding-left{padding-left:0px;} .col-md-no-padding-right{padding-right:0px;} .col-md-no-padding{padding-left:0px !important;padding-right:0px !important;} .col-md-float-left{float:left !important;} #header .slider-header.rsts-skin-default .rsts-caption{width:45%} .col-md-no-padding-left{padding-left:0px;} .col-md-no-padding-right{padding-right:0px;} .block-home-child{height:480px;} } @media screen and (max-width:992px) and (min-width:768px){.padding-top-sm-15{padding-top:15px} .col-sm-center{text-align:center;} .col-sm-only-no-padding-left{padding-left:0px;} .col-sm-only-no-padding-right{padding-right:0px;} .col-sm-only-float-left{float:left !important;} .menu-brebrum{position:relative;} .header-translate{text-align:left;padding-left:15px} #header .block-search input[type=text]{min-width:200px;} .footer-icon
h3{font-size:20px;} } @media screen and (max-width:1250px){.ads-banner-scroll{display:none} } @media screen and (min-width:1330px){.col-lg-center{text-align:center !important;} .col-lg-left{text-align:left !important;} .col-lg-right{text-align:right !important;} .col-lg-inline{display:inline-block !important;vertical-align:top !important;white-space:normal;float:none !important;margin-left:-4px !important;} .col-lg-block{display:block !important;} .col-lg-no-padding-left{padding-left:0px !important;} .col-lg-no-padding-right{padding-right:0px !important;} .col-lg-no-padding{padding-left:0px !important;padding-right:0px !important;} .col-lg-padding-left{padding-left:15px !important;} .col-lg-padding-right{padding-right:15px !important;} .col-lg-float-left{float:left !important;} .col-lg-25{width:20%;} } @media screen and (max-width:1200px) and (min-width:992px){  } @media screen and (max-width:767px){ .teaser-company .ce_text>h2{margin-top:10px;} #header .bg-header>div{background:none} .padding-top-xs-15{padding-top:15px} .div-padding-top{padding-top:20px;} .col-xs-center{text-align:center !important;} .col-xs-left{text-align:left !important;} .col-xs-right{text-align:right !important;} .col-xs-inline{display:inline-block !important;vertical-align:top !important;white-space:normal;float:none !important;margin-left:-3px !important;} .col-xs-block{display:block !important;} .col-xs-no-padding-left{padding-left:0px;} .col-xs-no-padding-right{padding-right:0px;max-width: 100%;} .col-xs-no-padding{padding-left:0px !important;padding-right:0px !important;} #footer
.copyright{padding:0px
15px;} .slick-prev,.slick-next{display:none !important;} #left,#right{box-shadow:none;margin-top:0px;margin-bottom:10px} #left>.inside,#right>.inside{float:inherit} #footer .form-newletter{padding:4px
15px;} .block-languages{position:absolute;top:0px;left:60px;}  .header-translate{padding-top:5px;padding-bottom:10px;text-align:center;padding-left:0px} .header-translate>div{display:inline-block} .goog-te-menu-frame{width:100% !important} .xs-margin-bottom{margin-bottom:15px;} .icon-search{position:absolute;margin-top:10px;left:15px;top:0px;} .header-top{height:40px;position:fixed;left:0px;top:0px;right:0px;z-index:9999;} .tp-caption.medium_bg_orange
.teaser{max-width:100% !important;white-space:normal !important;line-height:1.2em !important;} .tp-caption.medium_bg_orange{max-width:100% !important;white-space:normal !important;} .title-headdline,.list-news-scroll>h2,.list-products>h2,.list-products>.child>h2{font-size:1.4em !important;} .bg-teaser{margin:0px;} } @media screen and (max-width:640px){ h2.title-headdline,h1.title-headdline{font-size:1.2em;} .col-xxs-center{text-align:center !important;} .col-xxs-left{text-align:left !important;} .col-xxs-right{text-align:right !important;} .col-xxs-inline{display:inline-block !important;float:none !important;vertical-align:top;} .col-xxs-block{display:block !important;} .hidden-xxs{display:none !important;} #top-link-block{display:none !important;} .copyright{font-size:0.9em;} .news-reader-product .layout_full .headline-image>.image_container_div{margin:10px;float:inherit} .news-reader-product .layout_full .headline-image>.image_container_div figure
img{height:auto !important;max-width:100% !important} .list-news-scroll .headline
a.more{float:inherit;display:block;text-align:left;margin-top:10px} .pgwSlider .ps-caption
b{font-size:1.2em} .menu-brebrum
span{font-size:1em;} .menu-brebrum{text-align:center;} .background-bre{padding:20px
0px;} .menu-brebrum .info-more{font-size:1.1em;margin-bottom:2px;font-weight:normal;} .menu-brebrum ul
li{font-size:0.9em;} .hotline-menu{font-size:1.3em;padding-top:1px;} .suntory-alo-phone
span{display:none;} }
@font-face{font-family:'menu';src:url("../fonts/menu.ttf") format('truetype');} .more-inside-menu{display:block;border-top:1px solid #CCC;background:#FFF;} .nav-header
a.active{background:none} .nav-header{background:none;border:none;min-height:auto;margin:0px;} .nav-header li>ul{left:100%;margin-top:-1px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px;top:0} .nav-header .navbar-brand{display:none;} @media screen and (min-width:768px){ 	.nav-header .hidden-sm-menu{display:none !important;} } @media screen and (min-width:992px){ 	.nav-header
ul.level_1{padding:0px;margin:5px
0px 0px 0px;} 	.nav-header
.navbar{min-height:inherit;margin:0px;} 	.nav-header ul.level_1
li{position:relative;} 	.nav-header ul.level_1>li{padding:0px;margin:0px;display:inline-block;margin-left:-3px;} 	.nav-header ul.level_1>li.first{margin-left:0px;} 	.nav-header ul.level_1>li.last{background:none;padding-right:0px;box-shadow:none;} 	.nav-header
.invisible{display:none !important} 	.nav-header ul.level_1
a{z-index:11;padding:7px;color:#000;font-size:1em;display:block;} 	.nav-header ul.level_1 li li
a{background:#e8e8e8;margin-bottom:0px;border-bottom:1px solid #d6d6d6;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} 	.nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{color:#000;background:none;font-family:"menu","Arial",sans-serif;z-index:101;padding:4px
0px 5px 10px;text-transform:uppercase;font-weight:bold;position:relative;font-size:1.4em;} 	.nav-header ul.level_1>li>a:after, .nav-header ul.level_1>li>span:after{display:block;margin:0px
auto;content:"";height:3px;width:0;opacity:0;top:10px;position:inherit;background:#e03920;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} 	.nav-header ul.level_1 li>ul
a{padding-top:6px;padding-bottom:6px;min-width:150px;} 	.nav-header ul.level_1 a.active, .nav-header ul.level_1 span.active, .nav-header ul.level_1 a:hover, .nav-header ul.level_1 a:focus, .nav-header ul.level_1 a.active, .nav-header .open>a, .nav-header .open>a:focus, .nav-header .open>a:hover, .nav-header ul.level_1>li:hover>a{background:none;text-decoration:none;color:#e03920;} 	.nav-header ul.level_1 ul a.active, .nav-header ul.level_1 ul span.active, .nav-header ul.level_1 ul a:hover, .nav-header ul.level_1 ul a:focus, .nav-header ul.level_1 ul a.active, .nav-header ul.level_1 ul .open>a, .nav-header ul.level_1 ul .open>a:focus, .nav-header ul.level_1 ul .open>a:hover{background:#e03920;text-decoration:none;color:#FFF;} 	.nav-header ul.level_1>li>a.active, .icon-home .nav-header ul.level_1>li>.icon-home{text-decoration:none;color:#e03920  !important;background:none;} 	.nav-header ul.level_1>li>a.active:after, .nav-header ul.level_1>li>span:after, .nav-header ul.level_1>li>a:hover:after, .nav-header ul.level_1>li:hover>a:after{width:100%;opacity:1;} 	.nav-header ul.level_1>li>a.icon-home, .nav-header ul.level_1>li>span.icon-home{text-indent:-9999px;text-align:left;width:50px;position:relative;} 	.nav-header ul.level_1>li>a.icon-home:before, .nav-header ul.level_1>li>span.icon-home:before{font-family:"fontdl";content:"\E81C";font-size:1.5em;text-align:center;text-indent:0px;height:100%;width:100%;padding:0px;position:absolute;left:0px;top:0px;display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important;-webkit-box-pack:center !important;-moz-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important;-webkit-box-align:center !important;-moz-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;} 	.nav-header .navbar-brand{display:none} 	.nav-header .navbar-collapse{padding-left:0px;padding-right:0px} 	.nav-header li>ul{background-color:inherit;left:0px;top:0px;opacity:0;z-index:-9999;position:absolute;display:block;padding:0px;list-style:none;border:none;box-shadow:none;box-shadow:1px 1px 3px -2px #000;margin-bottom:0px;padding-bottom:0px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);} 	.nav-header li:hover>ul{display:block;z-index:9999;opacity:1;margin-top:0px;padding-top:0px;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} 	.nav-header ul.level_1 ul>li:hover
ul{top:0px;left:100%;} 	.nav-header ul.level_1>li:hover>ul{top:100%;left:1px;} 	.nav-header ul.level_1 ul
li{position:relative} 	.nav-header .caret-icon{margin-left:0px;font-size:10px;float:right;margin-top:4px;} 	.nav-header ul.level_1 li li.submenu a, .nav-header ul.level_1 li li.submenu
span{padding-right:40px;} 	.nav-header ul.level_1 li li.submenu a .caret-icon, .nav-header ul.level_1 li li.submenu span .caret-icon{font-size:10px;position:absolute;right:10px;top:10px;margin-top:0px;} 	.nav-header ul.level_1>li>a .caret-icon, .nav-header ul.level_1>li>span .caret-icon{margin-left:5px;/* margin-top:-3px; */} 	.nav-header ul.level_1>li>a>.caret-icon:before{content:'\f0dd';} 	.nav-header ul.level_1>li>a .caret-icon, .nav-header ul.level_1>li>span .caret-icon{display:inline-block;vertical-align:top;} 	.nav-header .icon-tree{display:none;} 	.nav-header li.hidden-md-menu-child{display:none !important;} 	.nav-header .hidden-md-menu{display:none;} } @media screen and (max-width:992px) and (min-width:768px){ 	.nav-header .navbar-toggle{background:url("../../files/system/img/general/resp_menu_btn.png") center center no-repeat;background-size:40px 40px;border-color:transparent;color:#FFF;position:relative;width:40px;height:30px;padding:0px;text-indent:-99999px;margin:5px
0px 0px 0px;display:block;} 	.nav-header .navbar-toggle:focus, .nav-header .navbar-toggle:hover{background-color:transparent;;box-shadow:none} 	.nav-header .navbar-collapse{display:none !important;position:absolute;min-width:300px;text-align:left;top:99%;z-index:9999;} 	.nav-header .navbar-collapse.in{display:block !important;background:none;padding:0px;margin-bottom:15px;} 	.nav-header{float:left;display:block;position:relative;} 	.nav-header .navbar-header{float:right;display:block;position:relative;} 	.background-top>div{padding:5px
15px;} 	.nav-header ul
a{color:#000;background:#FFF;border-bottom:1px solid #e2e2e2;position:relative;} 	.nav-header ul span, .nav-header ul a.active, .nav-header ul a:hover, .nav-header .open>a, .nav-header .open>a:focus, .nav-header .open>a:hover{background:#FFF;color:#fbb514;border-color:#fbb514;} 	.nav-header ul a.dropdown-toggle, .nav-header ul span.dropdown-toggle{padding-right:50px !important;} 	.nav-header .dropdown-menu{position:relative;left:0px;width:100%;padding:0px;float:inherit;margin:0px;border:none;margin-bottom:0px;background:none;} 	.nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{padding-right:7px;padding-left:7px;text-transform:none;} 	.nav-header ul.level_1 ul a, .nav-header ul.level_1 ul
span{padding:10px;} 	.nav-header .dropdown-submenu>.dropdown-menu{left:0px;margin-left:0px;} 	.nav-header .caret-icon{position:absolute;right:0px;width:40px;text-align:center;height:100%;z-index:1;background:rgba(202, 202, 202, 0.19);top:0px;display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important;-webkit-box-pack:center !important;-moz-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important;-webkit-box-align:center !important;-moz-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;} 	.nav-header .navbar-collapse.in{right:10px;} } @media screen and (max-width:1330px) and (min-width:992px){ 	.nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{padding-left:9px;padding-right:9px;font-weight:normal;} } @media screen and (min-width:1330px){ 	.nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{padding-left:10px;padding-right:10px;} 	.nav-header .hidden-lg-menu{display:none !important;} } @media screen and (max-width:767px){ 	.nav-header{border:none;background:rgba(0, 0, 0, 0.16);margin:0px;text-align:left;padding:0px;position:relative;} 	.nav-header .navbar-collapse, .nav-header .navbar-form{margin-bottom:0px;padding:0px;border:none;margin-right:0px;margin-left:0px;background:#FFF;} 	.nav-header .navbar-toggle{background: url("../images/resp_menu_btn.png") center center no-repeat;background-size:40px 40px;border-color:transparent;color:#FFF;position:relative;width:40px;height:40px;padding:0px;text-indent:-99999px;margin:0px
15px 0px 0px;} 	.nav-header .navbar-toggle
span{display:none;} 	.nav-header .navbar-toggle:focus, .nav-header .navbar-toggle:hover{background-color:transparent;;box-shadow:none} 	.nav-header a.active, .nav-header li>a:focus, .nav-header li>a:hover, .nav-header .open>a, .nav-header .open>a:focus, .nav-header .open>a:hover{background:none;color:#fbb514;} 	.nav-header .navbar-toggle .icon-bar{background:#FFF} 	.nav-header .navbar-header{margin-right:0px;margin-left:0px} 	.nav-header .dropdown-menu{display:none;left:0px;background:none;border:none;position:relative;float:inherit;box-shadow:none;} 	.nav-header .open>.dropdown-menu{display:block;} 	.nav-header .dropdown-submenu>.dropdown-menu{left:0px;margin-top:0px;margin-left:5px;top:auto;} 	.nav-header .caret-icon{width:30px;height:30px;vertical-align:middle;position:absolute;right:0px;display:block;line-height:34px;text-align:center;font-size:10px;bottom:1px;color:#000;} 	.nav-header .icon-tree{display:none;} 	.nav-header
li{position:relative !important;border-bottom:1px solid #f1f1f1;} 	.nav-header
li.last{border:none;box-shadow:none;} 	.nav-header li
a{position:relative !important;background:none;color:#000;margin-bottom:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:7px
10px;font-size:1em;} 	.nav-header .dropdown-submenu a, .nav-header .dropdown-menu
a{white-space:normal;background:none;} }
.map-iframe iframe{width: 100%;height: 350px;}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 100%;
    }
}
.dropdown-toggle::after {
    display: none !important;
}