@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700;900&display=swap');

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px;
    }
}

body {
    background-color: #141414;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    overflow-x: hidden;
}
a {
    color: #fff;
}
.row {
    --bs-gutter-x: 30px;
}

b,
strong {
    font-weight: 500;
    //		color:#23304C;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.fw800 {
    font-weight: 800;
}

.fw900 {
    font-weight: 800;
}

.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs17 {
    font-size: 17px;
}

.fs18 {
    font-size: 18px;
}

.fs19 {
    font-size: 19px;
}

.fs20 {
    font-size: 20px;
}

.fs21 {
    font-size: 21px;
}

.fs22 {
    font-size: 22px;
}

.fs23 {
    font-size: 23px;
}

.fs24 {
    font-size: 24px;
}

.fs25 {
    font-size: 25px;
}

.fs26 {
    font-size: 26px;
}

.fs27 {
    font-size: 27px;
}

.fs28 {
    font-size: 28px;
}

.fs29 {
    font-size: 29px;
}

.fs30 {
    font-size: 30px;
}

.fs35 {
    font-size: 35px;
}

.fs40 {
    font-size: 40px;
}

.fs45 {
    font-size: 45px;
}

.fs50 {
    font-size: 50px;
}

.fs55 {
    font-size: 55px;
}

.fs60 {
    font-size: 60px;
}

.fs65 {
    font-size: 65px;
}

.fs85 {
    font-size: 85px;
}

@media (max-width: 729px) {

    .fs13 {
        font-size: 12px;
    }

    .fs14 {
        font-size: 13px;
    }

    .fs15 {
        font-size: 14px;
    }

    .fs16 {
        font-size: 15px;
    }

    .fs17 {
        font-size: 16px;
    }

    .fs18 {
        font-size: 17px;
    }

    .fs19 {
        font-size: 18px;
    }

    .fs20 {
        font-size: 19px;
    }

    .fs21 {
        font-size: 20px;
    }

    .fs22 {
        font-size: 21px;
    }

    .fs23 {
        font-size: 22px;
    }

    .fs24 {
        font-size: 23px;
    }

    .fs25 {
        font-size: 24px;
    }

    .fs26 {
        font-size: 20px;
    }

    .fs27 {
        font-size: 20px;
    }

    .fs28 {
        font-size: 20px;
    }

    .fs29 {
        font-size: 20px;
    }

    .fs30 {
        font-size: 20px;
    }

    .fs35 {
        font-size: 25px;
    }

    .fs40 {
        font-size: 25px;
    }

    .fs45 {
        font-size: 25px;
    }

    .fs50 {
        font-size: 30px;
    }

    .fs55 {
        font-size: 30px;
    }

    .fs60 {
        font-size: 40px;
    }

    .fs65 {
        font-size: 40px;
    }

    .fs85 {
        font-size: 65px;
    }
}

[type=search] {
    outline-offset: 0px;
}

.text-up {
    text-transform: uppercase;
}

.em {
    font-style: italic;
}


.effect {
    display: block;
    position: relative;
    overflow: hidden
}

.effect:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.effect:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s
}

.img_item img {
    height: auto !important;
    max-width: 100%;
    width: 100%;
    display: block
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}


ins {
    text-decoration: none;
}

a {
    text-decoration: none;
}

a:hover {
    color: #222;
}

a:focus,
a:hover {
    text-decoration: none;
}

img,
iframe {
    max-width: 100%;
    height: auto;
}

.post_content iframe {
    min-height: 300px;
    min-height: 300px;
}

.post_content blockquote {
    border-left: 2px solid #ab9280;
}

ul,
li,
ol {
    list-style: outside none none;
    padding: 0px;
    margin: 0px;
}


.h3,
h3 {
    font-size: 18px;
}

.h2,
h2 {
    font-size: 20px;
}

.Bgwrap {
    background: transparent url("img/bg2.png") no-repeat scroll center bottom;
}

* {
    //transition: all 0.3s ease;
}

blockquote {
    font-size: 13px;
}

.pt0 {
    padding-top: 0px;
}

.pt1 {
    padding-top: 0px;
}

.pt2 {
    padding-top: 20px;
}

.pt3 {
    padding-top: 30px;
}

.pt4 {
    padding-top: 40px;
}

.pt5 {
    padding-top: 50px;
}

.pb0 {
    padding-bottom: 0px;
}

.pb1 {
    padding-bottom: 10px;
}

.pb2 {
    padding-bottom: 20px;
}

.pb3 {
    padding-bottom: 30px;
}

.pb4 {
    padding-bottom: 40px;
}

.pb5 {
    padding-bottom: 50px;
}

.mt0 {
    margin-top: 0px;
}

.mt1 {
    margin-top: 10px;
}

.mt2 {
    margin-top: 20px;
}

.mt3 {
    margin-top: 30px;
}

.mt4 {
    margin-top: 40px;
}

.mt5 {
    margin-top: 50px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb1 {
    margin-bottom: 10px;
}

.mb2 {
    margin-bottom: 20px;
}

.mb3 {
    margin-bottom: 30px;
}

.mb4 {
    margin-bottom: 40px;
}

.mb5 {
    margin-bottom: 50px;
}

.pr0 {
    padding-right: 0px;
}

.pl0 {
    padding-left: 0px;
}

.tC {
    text-align: center;
}

.tL {
    text-align: left;
}

.tR {
    text-align: right;
}

.product-img,
.box-image {
    overflow: hidden;
}

.box-image img,
.product-img img {
    width: 100%;
    display: block;
    transition: 0.3s ease-out
}

.box-image:hover img,
.product-img:hover img {
    transition: 0.6s ease-in-out;
    transform: scale(1.1);
    opacity: 0.5
}


.line {
    height: 1px;
    background-color: #DEE1E8;
    display: block;
    width: 100%;
}

@media (max-width: 767px) {
    .text-xs-center {
        text-align: center !Important;
    }




}


.gap {
    width: 100%;
    display: block;
}

.h5 {
    height: 5px
}

.h10 {
    height: 10px
}

.h20 {
    height: 20px
}

.h30 {
    height: 30px
}

.h40 {
    height: 40px
}

.h50 {
    height: 50px
}

.h60 {
    height: 60px
}

.h70 {
    height: 70px
}

.h80 {
    height: 80px
}

.h90 {
    height: 90px
}

.h100 {
    height: 100px
}

.h110 {
    height: 110px
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.page_navi {
    text-align: center;

}

.page_navi a {
    // border-radius: 40px;
    color: #222;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.page_navi .active {
    background: #DB1F26;
    color: #fff;
}

.page_navi a:hover {
    background-color: #DB1F26;
    color: #222;
}



.pagenavi {
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
}

.pagenavi>* {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.pagenavi .curent {
    background-color: #DB1F26;
    border-radius: 100%;
    color: #fff;
}



.nav-link {
    color: #222;
}

.nav-link.active,
.nav-link:focus,
.nav-link:hover {
    color: #DB1F26;
}




.color_1 {
    color: #083f88;
}

.color_2 {
    color: #fde428;
}


#header {
    width: 100%;

}




.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-left {
    padding-right: 10px;
}

.media-left,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after {
    content: " ";
    display: table;
}

.clearfix:after,
.container:after {
    clear: both;
}

@media all {
    .top_nav .top_nav_wrapper>ul>li {
        text-transform: none !important;
    }

    @media only screen and (max-width: 992px) {
        .top_nav .top_nav_wrapper>ul>li>a {
            padding: 21px 14px;
        }
    }

    .mobile_header .logo_wrapper .logo {
        max-width: 80%;
    }

}




.mobile_header {
    display: none;
}

#header {
    position: relative;
    z-index: 99999;

}

.home #header {
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 0px;
    width: 100%;
}



body.header_style_2 .header_top {
    background: linear-gradient(
    to bottom,
    #242424 0%,
    transparent 100%
  );
  	    padding: 10px 0px;
}

body.header_style_2 .header_top:before {
    display: none;
}

body.header_style_2 .header_top .logo a {}

body.header_style_2 .header_top .top_nav {
    position: relative;
    float: none;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    padding: 10px 0;
    overflow: inherit;
}

body.header_style_2 .header_top .top_nav .top_nav_wrapper,
body.header_style_2 .header_top .top_nav .main_menu_nav {
    background: none;
    box-shadow: none;

}

body.header_style_2 .header_top .top_nav .top_nav_wrapper>ul {
    padding: 0;
}



body.header_style_2 .header_top .top_nav .top_nav_wrapper>ul>li>a {
    color: #fff;
    padding: 0px 25px;
    height: auto;
    line-height: 40px;
}
body.header_style_2 .header_top .top_nav .top_nav_wrapper>ul>li.current_page_item>a {
    color: #ffd333;
}

body.header_style_2 .header_top .top_nav .top_nav_wrapper>ul>li:hover>a {
    color: #ffd333;
}

body.header_style_2 .header_top .top_nav .top_nav_wrapper>ul>li:last-child>a {
//    padding-right: 0px;
}

.top_bar_info {
    font-size: 15px;
    background-color: #2474e5;
    height: 35px;
    line-height: 35px;
    color: #fff;
}

.top_bar_info i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 16px;
    color: #fde428;
    float: left;
    height: 35px;
    line-height: 35px;
}

.top_nav {
    position: absolute;
    bottom: -28px;
    left: 0;
    right: 0;
    z-index: 20;
}

.top_nav .top_nav_wrapper {
    background: #2474e5;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.52);
}

.top_nav .top_nav_wrapper>ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0 35px;
    float: left;
}

.top_nav .top_nav_wrapper>ul:after {
    content: '';
    clear: both;
    display: table;
}

.top_nav .top_nav_wrapper>ul>li {
    position: relative;
    float: left;
    font-size: 16px;
    line-height: 1;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

.top_nav .top_nav_wrapper>ul>li.current_page_item>a {
    color: #fde428;
}

.top_nav .top_nav_wrapper>ul>li:hover>a {
    color: #fde428;
}

.top_nav .top_nav_wrapper>ul>li>a {
    position: relative;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    color: #ffffff;
    padding: 21px 16px;
    height: 64px;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.top_nav .top_nav_wrapper .sub-menu>li.menu-item-has-children>a {
    position: relative;
}

.top_nav .top_nav_wrapper .sub-menu>li.menu-item-has-children>a:hover:before {
    border-left-color: #fde428;
}

.top_nav .top_nav_wrapper .sub-menu>li.menu-item-has-children>a:before {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -4px 0 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #cccccc;
}

.top_nav .top_nav_wrapper>ul>li ul {
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    list-style: none;
    margin: 0;
    width: 230px;
    z-index: 1;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.top_nav .top_nav_wrapper>ul>li ul ul {
    left: 100%;
    top: -2px;
    background: #2474e5;
    padding: 6px 0 4px;
}

.top_nav .top_nav_wrapper>ul>li ul ul li a {
    color: #fff;
    padding: 12px 26px;
}

.top_nav .top_nav_wrapper>ul>li ul ul li a:hover {
    color: #fde428;
}

.top_nav .top_nav_wrapper>ul li:hover>ul {
    visibility: visible;
    opacity: 1;
}

.top_nav .top_nav_wrapper>ul>li ul li {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: #333333;
}

.top_nav .top_nav_wrapper>ul>li ul li a {
    display: block;
    padding: 12px 12px 12px;
    color: #333333;
    text-decoration: none !important;
}

.top_nav .top_nav_wrapper>ul>li ul li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    height: 2px;
    background: #2474e5;
    opacity: 0;
    visibility: hidden;
}

.top_nav .top_nav_wrapper>ul>li ul li:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    background: #2474e5;
    opacity: 0;
    visibility: hidden;
}

.top_nav .top_nav_wrapper>ul>li ul li:hover:before {
    opacity: 1;
    visibility: visible;
}

.top_nav .top_nav_wrapper>ul>li ul li:hover:after {
    opacity: 1;
    visibility: visible;
}

.top_nav .top_nav_wrapper>ul>li ul li:hover>a {
    background: #2474e5;
    color: #fff;
}

/* @media only screen and (max-width: 1199px){
.top_nav .top_nav_wrapper > ul{padding:0 15px;}
.top_bar .top_bar_info li:before{margin:0 15px;}
.top_bar_info_wr .top_bar_info li{padding:5px;font-size:12px;}
.top_bar_info_wr .top_bar_info_switcher .active{padding:14px 35px 16px 15px;min-width:140px;}
body.header_style_2 .header_top .top_nav .top_nav_wrapper > ul > li > a{padding-left:8px;padding-right:8px;}
.top_nav .top_nav_wrapper{float:left!important;}
} */




.header-right,
.header-left {
    display: flex;
    align-items: center;
	    gap: 16px;
}
.header-left{

}




.header-left .logo img {
	height:40px;
	width:auto;
} 

.header-left .rtb{color:white;height:40px;font-size:14px;font-weight:700;line-height:20px;position:relative;white-space:pre;}
.header-left .rtb i{display:inline-block;margin-left:4px;position:absolute;top:22px;}

.header_button {
    display: flex;
    gap: 15px;
}

.header_button a {
    display: flex;
    gap: 4px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 15px;
    height: 36px;
    border-radius: 50px;
    /* color: rgb(13, 46, 89); */
    border: 1px solid #ea6016;
    background-color: transparent;
    color: #ea6016;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}
.header_button a.solid {
	background-color: #ea6016;
	color:#fff;
}
.header_button a span {
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    margin-bottom: 0px;
}




@media only screen and (max-width: 1024px) {
    body.home #header {
        position: relative;
    }
}

@media only screen and (max-width: 991px) {
    body.header_style_2 .header_top .logo {
        display: block;
        margin-top: 25px;
    }

    body.header_style_2 .header_top .top_nav {
        display: block;
        width: auto;
        margin-top: -70px;
    }

    body.header_style_2 .header_top .top_nav .top_nav_wrapper {
        width: 100%;
    }

    body.header_style_2 .header_top .top_nav .top_nav_wrapper .main_menu_nav {
        float: left !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    body.header_style_2 .header_top .top_nav .top_nav_wrapper .main_menu_nav li:first-child a {
        padding-left: 0;
    }

    body.home #header {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
    }

    .top_bar_info {
        display: none;
    }

    #header .header_top,
    #header .top_nav {
        display: none;
    }

    .mobile_header {
        display: block;
    }

    .mobile_header .logo_wrapper {
        position: relative;
        background: #fff;
        padding: 10px 20px;
    }

    .logo a img {
        width: auto !important;
        height: 50px;
        padding-top: 0px;
    }

    .mobile_header .logo_wrapper .logo {
        float: left;
    }

    .mobile_header .header_info {
        background: #2474e5;
    }

    #menu_toggle {
        position: relative;
        cursor: pointer;
        float: right;
        width: 26px;
        height: 20px;
        padding: 10px 0;
        margin: 17px 0 0;
    }

    #menu_toggle button {
        position: absolute;
        left: 0;
        top: 50%;
        margin: -2px 0 0;
        background: #2474e5;
        height: 4px;
        padding: 0;
        border: none;
        width: 100%;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        outline: none !important;
        border-radius: 2px;
    }

    #menu_toggle button:before {
        content: '';
        position: absolute;
        left: 0;
        top: -8px;
        width: 26px;
        height: 4px;
        background: #2474e5;
        -webkit-transform-origin: 1.5px center;
        transform-origin: 1.5px center;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border-radius: 2px;
    }

    #menu_toggle button:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -8px;
        width: 26px;
        height: 4px;
        background: #2474e5;
        -webkit-transform-origin: 1.5px center;
        transform-origin: 1.5px center;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border-radius: 2px;
    }

    #menu_toggle.open button {
        background: transparent;
    }

    #menu_toggle.open button:before {
        top: 0;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    #menu_toggle.open button:after {
        bottom: 0;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    .mobile_header .top_nav_mobile {
        padding: 16px 0;
        margin: 0 0 15px;
        display: none;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.52);
    }

    .mobile_header .top_nav_mobile .main_menu_nav {
        padding: 0;
        margin: 0;
    }

    .mobile_header .top_nav_mobile .main_menu_nav li {
        position: relative;
        list-style: none;
    }

    .mobile_header .top_nav_mobile .main_menu_nav>li>a {
        padding: 11px 36px 11px 44px;
        display: block;
        font-size: 20px;
        color: #ffffff;
        text-transform: inherit;
        font-weight: 700;
        letter-spacing: -0.04em;
    }

    .mobile_header .top_nav_mobile .main_menu_nav>li:hover>a {
        color: #fde428;
    }

    .mobile_header .top_nav_mobile .main_menu_nav>li.menu-item-has-children .arrow {
        position: absolute;
        display: block;
        right: 12px;
        top: 0;
        cursor: pointer;
        height: 50px;
        padding: 0 30px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .mobile_header .top_nav_mobile .main_menu_nav>li.menu-item-has-children .arrow i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 11px;
        height: 11px;
    }

    .mobile_header .top_nav_mobile .main_menu_nav>li.menu-item-has-children .arrow i:before {
        content: '';
        position: absolute;
        left: 0;
        top: 4px;
        width: 11px;
        height: 3px;
        background: #fff;
        border-radius: 1px;
    }

    .mobile_header .top_nav_mobile .main_menu_nav>li.menu-item-has-children .arrow i:after {
        content: '';
        position: absolute;
        left: 4px;
        top: 0;
        width: 3px;
        height: 11px;
        background: #fff;
        border-radius: 1px;
    }

    .mobile_header .top_nav_mobile .main_menu_nav>li.menu-item-has-children>.sub-menu>li.menu-item-has-children .arrow {
        padding: 10px 20px 12px;
    }

    .mobile_header .top_nav_mobile .main_menu_nav ul {
        position: relative;
        margin: 0;
        padding: 0;
        display: none;
        background: #f0f2f5;
    }

    .mobile_header .top_nav_mobile .main_menu_nav ul:before {
        content: '';
        position: absolute;
        right: 31px;
        top: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 8px solid #2474e5;
    }

    .mobile_header .top_nav_mobile .main_menu_nav ul li {
        text-transform: capitalize;
    }

    .mobile_header .top_nav_mobile .main_menu_nav ul li .arrow {
        display: none !important;
    }

    .mobile_header .top_nav_mobile .main_menu_nav ul li a {
        font-size: 16px;
        color: #2474e5;
        font-weight: 600;
        padding:10px;
        display: block;
    }

    .mobile_header .top_nav_mobile .main_menu_nav ul li:active>a {
        color: #fde428;
    }

    .mobile_header .top_nav_mobile .main_menu_nav ul li ul {
        display: block;
        background: #fff;
    }

    .mobile_header .top_nav_mobile .main_menu_nav ul li ul:before {
        display: none;
    }

    .mobile_header .top_nav_mobile .main_menu_nav ul li ul a {
        font-size: 14px;
        font-weight: 400;
    }

    .mobile_header .top_nav_mobile .main_menu_nav ul li ul li {
        position: relative;
        padding: 0 0 0 7px;
    }

    .mobile_header .top_nav_mobile .main_menu_nav ul li ul li:before {
        content: '';
        position: absolute;
        left: 44px;
        top: 50%;
        width: 4px;
        height: 1px;
        background: #2474e5;
    }

    .mobile_header .top_nav_mobile .main_menu_nav li.current_page_item>a {
        color: #fde428;
    }
	
	
	
	
	
.mobile_header.dark .logo_wrapper {
    background: #2474e5;
}
.mobile_header.dark  #menu_toggle button,
.mobile_header.dark  #menu_toggle button:after,
.mobile_header.dark  #menu_toggle button:before {
	background-color:#fff
}
.mobile_header.dark #menu_toggle.open button {
    background: transparent;
}
	
	
	
	
}

@media only screen and (max-width: 768px) {
    body.home #header {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
    }

}

@media only screen and (max-width: 667px) {
    #header {
        margin-bottom: 15px;
    }

    #header {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 992px) {
    .home #main {
        //margin-top:50px;
    }

}




#header .header-container {
    position: relative;
}

body.home #header.sticky.nav-up,
#header.sticky.nav-up {
    top: -110px;
}

#header {
    transition: all 550ms ease 0s;
}

body.home #header.sticky,
#header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.15);
    z-index: 99;
}

#header.sticky .top_bar_info {
    display: none;
}

#header.sticky .logo img {
  //  transition: all 550ms ease 0s;
  //  width: 120px;
}

body.header_style_2 #header.sticky .header_top .top_nav {
    padding: 10px 0px;
}




.the_content {
    text-align: justify;
}

.the_content img,
.the_content table,
.the_content iframe {
    max-width: 100% !Important;
    height: auto;
}

.the_content table {
    margin-bottom: 20px;
}

table td,
table th {
    border: 1px solid;
    padding: 10px;
}


#main {
    position: relative;
    z-index: 10;
}



.swiper-slide-active [data-animate] {
    opacity: 1;
    transform: none;
}

[data-animate] {
    opacity: 0;
    transition: all 0.8s ease-out;
}

[data-animate="bottom"] {
    transform: translate3d(0, 15px, 0);
}

[data-animate="top"] {
    transform: translate3d(0, 0, 15px);
}

.swiper-slide-active .animeslide-heading {
    transition-delay: 0.6s;
}

.swiper-slide-active .animeslide-desc {
    transition-delay: 1s;
}

.block-sliding-home {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.block-sliding-home img.bg {
    height: 550px;
    object-fit: cover;
    width: 100%;
}

.slide_content {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    padding-top: 145px;

}

.slide_inner {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 20px 20px 10px 20px;
    color: #2474e5;
}

@media only screen and (max-width: 768px) {

    .slide_content {
        padding-top: 0px;
    }

    .block-sliding-home img.bg {
        height: 320px;
    }

    .slide_inner {
        background-color: transparent;
        text-align: center;
    }


}




.info_box {
    position: relative;
    margin: 0 0 30px;
}

.info_box p {
    margin: 0 0 14px;
    line-height: 22px;
    color: #222222;
}

.info_box .read_more {
    text-transform: lowercase;
    font-weight: 700;
    font-size: 13px;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #222222;
}

.info_box .read_more .stm_icon {
    margin: 3px 0 0 5px;
    font-size: 12px;
    vertical-align: middle;
    color: #fde428;
}

.info_box .read_more span {
    vertical-align: middle;
    line-height: 13px;
}

.info_box .read_more:hover {
    color: #083f88;
    text-decoration: none;
}

.info_box.style_3 {
    overflow: hidden;
}

.info_box.style_3:hover .info_box_text {

    //padding-top:38px;top:0;}
    .info_box.style_3 .info_box_text {
        position: absolute;
        left: 0;
        top: calc(100% - 65px);
        right: 0;
        bottom: 0;
        background: rgba(0, 46, 91, 0.9);
        padding: 15px 15px 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .info_box.style_3 .info_box_text .title {
        margin-bottom: 9px;
    }

    .info_box.style_3 .info_box_text .title:after {
        content: "";
        display: table;
        clear: both;
    }

    .info_box.style_3 .info_box_text .title .icon {
        color: #fde428;
        font-size: 20px;
        display: table-cell;
        vertical-align: middle;
        padding: 0 12px 0 0;
    }

    .info_box.style_3 .info_box_text .title h6 {
        color: #fff;
        display: table-cell;
        vertical-align: middle;
        padding-top: 0;
        margin: 0;
        font-weight: 700;
        font-size: 15px;
        height: 40px;
    }

    .info_box.style_3 .info_box_text .text {
        margin: 0 0 10px;
        color: #fff;
        padding-left: 35px;
        font-size: 13px;
        line-height: 20px;
    }

    .info_box.style_3 .info_box_text .read_more {
        text-transform: lowercase;
        font-weight: 700;
        font-size: 13px;
        -webkit-transition: color 0.2s linear;
        transition: color 0.2s linear;
        color: #fde428;
        padding-left: 35px;
    }

    .info_box.style_3 .info_box_text .read_more .stm_icon {
        margin: 2px 0 0 5px;
        font-size: 12px;
        vertical-align: middle;
        color: #fde428;
    }

    .info_box.style_3 .info_box_text .read_more span {
        vertical-align: middle;
        line-height: 13px;
    }

    .info_box.style_3 .info_box_text .read_more:hover {
        color: #fff;
        text-decoration: none;
    }

    .info_box.style_3 .info_box_text .read_more:hover .stm_icon {
        color: #fde428;
    }

    .info_box.style_3 .info_box_image {
        margin: 0;
    }

    .info_box_image {
        position: relative;
        margin: 0 0 3px;
    }

    .info_box_image img {
        max-width: 100%;
        height: 210px;
        object-fit: cover;
    }

    @media only screen and (max-width: 1199px) {
        .info_box.style_3 .info_box_text {
            top: 122px;
        }

        .info_box.style_3:hover .info_box_text {
            padding-top: 18px;
        }

        .info_box.style_3 .info_box_text .text {
            padding-left: 0;
            margin-bottom: 10px;
        }

        .info_box.style_3 .info_box_text .read_more {
            padding-left: 0;
        }
    }

    @media only screen and (max-width: 768px) {
        .info_box.style_3 .info_box_text {
            top: 0;
        }

        .info_box.style_3 .info_box_text .title .icon {
            display: none;
        }

        .info_box.style_3 .info_box_text .text {
            line-height: 16px;
            margin-bottom: 15px;
        }
    }

    @media only screen and (max-width: 667px) {
        .info_box.style_3 .info_box_text .title .icon {
            display: table-cell;
        }

        .info_box.style_3 .info_box_text {
            padding: 17px 30px 0;
        }

        .info_box.style_3 .info_box_text .text {
            margin: 0 0 20px;
            color: #fff;
            padding-left: 0;
            font-size: 13px;
            line-height: 24px;
        }
    }


    .blog_info img {
        height: 180px;
        width: 100%;
        object-fit: cover;
    }

    .blog_info h3 {
        line-height: 20px;
        height: 40px;
        overflow: hidden;
    }

    .blog_info .time {
        opacity: 0.5;
    }

    .blog_info p {
        line-height: 20px;
        height: 40px;
        overflow: hidden;
    }

    .wTitle {
        font-weight: bold;
        font-size: 20px;
        display: flex;
        align-items: center;
        flex-shrink: 0;
        margin-bottom: 15px;
        white-space: nowrap;
        text-transform: uppercase;
        width: 100%;
    }

    .wTitle:after {
        display: inline-block;
        content: '';
        width: 100%;
        background: url("img/border_news.jpg");
        height: 7px;
        margin-left: 20px;
    }

    .wList li a {
        display: block;
        padding: 10px 15px;
        background: url("img/ico01.png") left 17px no-repeat;
        font-weight: bold;
        border-bottom: #f0f0f0 1px solid;
    }

    .wOver {
        overflow-x: hidden;
        padding-left: 10px;
        overflow-y: scroll;
    }

    .wOver::-webkit-scrollbar {
        width: 5px;
    }

    .wOver::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .wOver::-webkit-scrollbar-thumb {
        background: #888;
    }

    .wOver::-webkit-scrollbar-thumb:hover {
        background: #083f88;
    }

    .khachhang {
        background: #edf2f9 url(img/bg_khachhang.png) no-repeat center;
    }

    .swiper-container {
        overflow: hidden;
    }

    .sponsors1__item a img {
        max-width: 80%;
        height: 65px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    footer {
        background: #1f1f1f;
        background-size: cover;
        position: relative;
        color: #fff;
        padding: 75px 0px;
    }

    footer:after {
        background: rgba(0, 0, 0, 0.552);
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 1;
    }

    footer .container {
        z-index: 2;
        position: relative;
    }

    .divider2 {
        height: 3px;
        display: block;
        background-color: #083f88;
        margin: 0 auto;
        width: 100%;
        max-width: 30px;
    }

    .divider {
        height: 3px;
        display: block;
        background-color: rgb(255, 255, 255);
        margin: 15px 0;
        width: 100%;
        max-width: 70px;
    }

    .footer_logo {
        height: 70px;
        filter: brightness(0) invert(1);
        margin-bottom: 15px;
    }

    footer iframe {
        height: 250px;
    }

    .btn-primary.color_2 {
        color: #fde428;
    }


    .copyright-footer {
        padding: 10px 0px;

        background-color: #000;
        color: #fff;
        text-align: center;
    }



    .single_cover {
        padding: 60px 0px;
        position: relative;
    }

    .bg_img {
        background-size: cover;
        background-position: center;
    }

    .single_cover:before {
        content: "";
        background: rgba(0, 0, 0, 0.552);
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        opacity: 0.8;
    }

    .postInfo {
        z-index: 2;
        position: relative;
        text-align: center;
    }

    .postInfo a {
        color: #fff;
    }

    .wBox {
        background-color: #F6FAFF;
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 20px;
    }

    .wthumb {
        padding-right: 0px;
    }

    .wthumb img {
        object-fit: cover;
        height: 100%;
        width: 100%;
        border-radius: 10px;
    }

    .wText h2 {
        font-size: 15px;
        line-height: 20px;
        height: 40px;
        overflow: hidden;
    }

    .wText p.meta {
        font-size: 80%;
        color: #A0A2A3;
        margin-bottom: 0px;
    }

    .wDichvu {
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .wDichvu a {
        display: block;
        background-color: #F6FAFF;
        line-height: 50px;
        padding: 0 20px;
        height: 50px;
        overflow: hidden;
    }

    .wDichvu a:before {
        font-family: "Font Awesome 6 Pro";
        content: "\f054";
        color: #27AE60;
        margin-right: 15px;
    }

    .wDichvu a:hover,
    .wDichvu a.active {
        background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);
        color: #fff;
    }

    .wDichvu a:hover:before,
    .wDichvu a.active:before {
        color: #fff;
    }

    .post_tag a {
        display: inline-block;
        background-color: #bbb;
        color: #fff;
        padding: 0 5px;
        border-radius: 5px;
        font-size: 12px;
        /* font-weight: bold; */
    }

    .btn_dichvu:hover,
    .btn_dichvu.active {
        background-color: #2474e5;
        color: #fff;
    }

    .btn_dichvu:hover .icon,
    .btn_dichvu.active .icon {
        color: #fff;
    }

    .btn_dichvu {
        padding: 15px 25px;
        padding-left: 49px;
        color: #2474e5;
        border-color: #fde428;
        background: #fde428;
        border-radius: 3px;
        margin-bottom: 5px;
        display: block;
        position: relative;
        text-transform: capitalize;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }

    .btn_dichvu .icon {
        left: 16px;
        font-size: 19px;
        height: 19px;
        line-height: 19px;
        color: #2474e5;
        transition: all 0.3s ease;
        position: absolute;
        display: flex;
        align-items: center;
    }


    .btn-primary {
        color: #fff;
        background-color: #083f88;
        border-color: #083f88;
    }


    .page_lienhe {
        background: url(img/bg_page_lienhe.jpg) no-repeat center;
        //background-size: auto 100%;
    }

    .page_lienhe iframe {
        width: 100%;
        height: 450px;
    }

    .contact_form {
        box-shadow: 0px 4px 28px 0px #0000001A;
        padding: 50px 20px 20px 20px;
        border-radius: 15px;
        background-color: #fff;
    }

    .lienhe_icon i {
        font-size: 45px;
    }




    @media (min-width: 261px) {
        .devvn_toolbar {
            position: fixed;
            bottom: 70px;
            right: 20px;
            z-index: 99999999;
        }

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

        .devvn_toolbar ul li {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .devvn_toolbar ul li a {
            display: block;
            position: relative;
        }

        .devvn_toolbar ul li a>div {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            margin: 0 0 5px;
            position: relative;
            background-position: 50% 50%;
            background-size: cover;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .devvn_toolbar ul li a span {
            font-weight: 400;
            color: #333;
            position: absolute;
            top: 50%;
            right: calc(100% + 10px);
            right: -webkit-calc(100% + 10px);
            right: -moz-calc(100% + 10px);
            margin-top: -12.5px;
            font-size: 14px;
            height: 25px;
            line-height: 25px;
            padding: 0 10px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
        }

        .devvn_toolbar ul li a:hover span {
            opacity: 1;
            visibility: visible;
        }

        .devvn_toolbar ul li a span:after {
            right: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(136, 183, 213, 0);
            border-right-color: #333;
            border-width: 5px;
            margin-top: -5px;
        }

        .devvn_toolbar ul li a img {
            width: auto;
            height: auto;
            max-width: 45px;
            max-height: 45px;
            margin: 0;
            box-shadow: none;
            border: 0;
        }

        .devvn_toolbar ul li a>div {
            background: transparent !important;
        }

        .devvn_toolbar ul li a.animation_tada>div {
            animation-name: devvn_tada;
            -webkit-animation-name: devvn_tada;
            animation-delay: 0s;
            -webkit-animation-delay: 0s;
            animation-duration: 1.5s;
            -webkit-animation-duration: 1.5s;
            animation-iteration-count: infinite;
            -webkit-animation-iteration-count: infinite;
            cursor: pointer;
            box-shadow: 0 0 0 0 #c31d1d;
        }

        .devvn_toolbar ul li a.animation_zoom>div {
            animation-name: devvn_zoom;
            -webkit-animation-name: devvn_zoom;
            animation-delay: 0s;
            -webkit-animation-delay: 0s;
            animation-duration: 1.5s;
            -webkit-animation-duration: 1.5s;
            animation-iteration-count: infinite;
            -webkit-animation-iteration-count: infinite;
            cursor: pointer;
            box-shadow: 0 0 0 0 #c31d1d;
        }

        .devvn_toolbar ul li a.animation_swing img {
            animation-name: devvn_swing;
            -webkit-animation-name: devvn_swing;
            animation-iteration-count: infinite;
            -webkit-animation-iteration-count: infinite;
            animation-duration: 1s;
            -webkit-animation-duration: 1s;
            -webkit-animation-delay: 1s;
            animation-delay: 1s;
            animation-timing-function: ease-in;
            -webkit-animation-timing-function: ease-in;
        }
    }

    @media (max-width: 260px) {
        .devvn_toolbar {
            background: #fff;
            display: inline-block;
            width: 100%;
            bottom: 0;
            left: 0;
            position: fixed;
            z-index: 99999999;
            height: auto;
            padding: 0;
            border-top: 0;
            visibility: hidden;
            opacity: 0;
            transform: translate3d(0, 120%, 0);
            -moz-transform: translate3d(0, 120%, 0);
            -webkit-transform: translate3d(0, 120%, 0);
            transition: all .3s linear;
            -moz-transition: all .3s linear;
            -webkit-transition: all .3s linear;
            box-shadow: 0 0.5rem 1rem 0 rgb(44 51 73 / 60%);
            padding-bottom: env(safe-area-inset-bottom);
        }

        .devvn_toolbar ul {
            list-style: none;
            padding: 0;
            margin: 0;
            border-collapse: collapse;
            width: 100%;
            -js-display: flex;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        }

        .devvn_toolbar ul li {
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 0;
            text-align: center;
            display: flex;
            margin-bottom: 0;
        }

        .devvn_toolbar ul li a {
            display: block;
            width: 100%;
            outline: none;
            text-decoration: none;
            padding: 5px 3px;
            white-space: nowrap;
        }

        .devvn_toolbar ul li a span {
            font-weight: 400;
            color: #333;
            background: transparent;
            font-size: 3.5vw;
            display: block;
            margin: 2px 0 0 0;
        }

        .devvn_toolbar ul li a img {
            height: 6vw;
            width: auto;
            margin: 0;
        }
    }

    /*! CSS Used from: Embedded */
    @media (min-width: 261px) {
        .devvn_toolbar ul li a#devvn_contact_1 span:after {
            border-right-color: #d71921;
            display: none;
        }

        .devvn_toolbar ul li a#devvn_contact_1 span {
            color: #ffffff;
            background-color: #d71921;
        }

        .devvn_toolbar ul li a#devvn_contact_1>div {
            box-shadow: 0 0 0 0 #d71921;
        }
    }

    @media (max-width: 260px) {
        .devvn_toolbar ul li a#devvn_contact_1 span {
            color: #333;
            background-color: #fff;
        }

        .devvn_toolbar ul li a#devvn_contact_1 {
            background: #fff;
        }
    }

    /*! CSS Used from: Embedded */
    @media (min-width: 261px) {
        .devvn_toolbar ul li a#devvn_contact_2 span:after {
            border-right-color: #00acd3;
            display: none;
        }

        .devvn_toolbar ul li a#devvn_contact_2 span {
            color: #ffffff;
            background-color: #00acd3;
        }
    }

    @media (max-width: 260px) {
        .devvn_toolbar ul li a#devvn_contact_2 span {
            color: #333;
            background-color: #fff;
        }

        .devvn_toolbar ul li a#devvn_contact_2 {
            background: #fff;
        }
    }

    /*! CSS Used from: Embedded */
    @media (min-width: 261px) {
        .devvn_toolbar ul li a#devvn_contact_3 span:after {
            border-right-color: #0084ff;
        }

        .devvn_toolbar ul li a#devvn_contact_3 span {
            color: #ffffff;
            background-color: #0084ff;
            display: none;
        }
    }

    @media (max-width: 260px) {
        .devvn_toolbar ul li a#devvn_contact_3 span {
            color: #333;
            background-color: #fff;
        }

        .devvn_toolbar ul li a#devvn_contact_3 {
            background: #fff;
        }
    }

    /*! CSS Used keyframes */
    @-webkit-keyframes devvn_tada {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        10%,
        20% {
            -webkit-transform: scale(.9) rotate(-3deg);
            transform: scale(.9) rotate(-3deg);
        }

        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
        }

        40%,
        60%,
        80% {
            -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
        }

        100% {
            -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
        }
    }

    @keyframes devvn_tada {
        0% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

        10%,
        20% {
            -webkit-transform: scale(.9) rotate(-3deg);
            -ms-transform: scale(.9) rotate(-3deg);
            transform: scale(.9) rotate(-3deg);
        }

        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale(1.1) rotate(3deg);
            -ms-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
        }

        40%,
        60%,
        80% {
            -webkit-transform: scale(1.1) rotate(-3deg);
            -ms-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
        }

        100% {
            -webkit-transform: scale(1) rotate(0);
            -ms-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
        }
    }

    @-webkit-keyframes devvn_zoom {
        0% {
            transform: scale(.9);
        }

        70% {
            transform: scale(1);
            box-shadow: 0 0 0 15px transparent;
        }

        100% {
            transform: scale(.9);
            box-shadow: 0 0 0 0 transparent;
        }
    }

    @keyframes devvn_zoom {
        0% {
            transform: scale(.9);
        }

        70% {
            transform: scale(1);
            box-shadow: 0 0 0 15px transparent;
        }

        100% {
            transform: scale(.9);
            box-shadow: 0 0 0 0 transparent;
        }
    }

    @-webkit-keyframes devvn_swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
        }

        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
        }

        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
        }

        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
        }
    }

    @keyframes devvn_swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
        }

        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
        }

        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
        }

        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
        }
    }




    .devvn_toolbar ul li a>div.icon_bg {
        background: #d71921 !important;
        color: #fff;
        font-size: 20px;
    }

    a.go_top {
        background-color: rgba(0, 0, 0, .8);
        position: fixed;
        right: 20px;
        bottom: 20px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        z-index: 22;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bg_overlay {
        position: relative
    }

    .bg_overlay:after {
        background: rgba(0, 0, 0, 0.4);
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 1;
    }

    .bg_overlay .container {
        z-index: 2;
        position: relative;
        color: #fff;
    }




    .c_lienhe iframe {
        height: 350px;
    }


    @media (max-width: 767px) {}



    form.wpcf7-form.sent .contact7Inner {
        display: none;
    }

    form.wpcf7-form.sent .wpcf7-response-output {
        font-size: 18px;
        color: #2474e5;
    }

    .wpcf7 form.sent .wpcf7-response-output {
        border-color: #2474e5;
    }

    span.wpcf7-not-valid-tip {
        font-size: 10px;
        margin-top: 3px;
    }
	
	
	
.relative {
    position: relative;
}	
.swiper-button-lock {
    display: block;
}
	
	

.homepage__BannerWrapper{transition:all 200ms ease 0s;width:100%;height:calc(-60px + 100vh);max-height:480px;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;z-index:1;position:relative;}
.homepage__BannerWrapper .banner-img-pc{background:rgba(0, 0, 0, 0.15);}
.homepage__Banner{position:absolute;width:100%;height:100%;object-fit:cover;inset:0px;}
.homepage__BodyBanner{position:relative;width:1016px;height:100%;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;}
.homepage__Title{font-size:34px;font-weight:500;margin-bottom:0px;color:white;text-align:center;line-height:1;text-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px;}
.homepage__ContentWrapper{width:100%;}
.homepage__ContentWrapper .title-container{display:flex;align-items:flex-end;-webkit-box-pack:center;justify-content:center;margin-bottom:22px;}




.Pod__Container{display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;gap:64px;width:100%;height:64px;padding:0px 20px;background-color:rgba(0, 0, 0, 0.5);position:absolute;bottom:0px;left:0px;}
.Pod__PodItem{display:flex;-webkit-box-align:center;align-items:center;gap:6px;}
.Pod__PodItem .title{white-space:nowrap;}
.Pod__PodItem .icon{width:24px;height:24px;}
.Pod__PodItem p.base__Body {
    color: #fff;
    margin-bottom: 0px;
}
.Pod__PodItem i {
	color:#ffd333;
	font-size:22px;
}

@media (max-width: 829px) {
	
	.Pod__Container {
		gap:15px;
	}
.Pod__PodItem i {
	color:#ffd333;
	font-size:15px;
}
	
.Pod__PodItem p.base__Body {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    letter-spacing: 0.1px;
    margin-bottom: 0px;
}	
	 
}


.PopularRoute__Card{flex:1 1 0%;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;display:flex!important;}
.PopularRoute__Card img{border-radius:4px 4px 0px 0px;width:100%;}
.PopularRoute__CartContent{display:flex;flex:1 1 0%;flex-direction:column;padding:12px;background-color:rgb(158, 148, 124);border-radius:0px 0px 4px 4px;}
.PopularRoute__CartContent .card-content-title{font-weight:bold;font-size:18px;color:rgb(255, 255, 255);}
.PopularRoute__CartContent .card-content-fare{display:flex;color:rgb(255, 255, 255);font-size:14px;line-height:17px;}
.PopularRoute__CartContent .card-content-fare del {
    margin: 2px 0px 0px 4px;
    font-size: 12px;
    line-height: 14px;
    text-decoration-line: line-through;
    color: rgba(255, 255, 255, 0.6);
}
.swiper-slide:nth-child(2) .PopularRoute__CartContent {background-color:rgb(198, 50, 78); }
.swiper-slide:nth-child(3) .PopularRoute__CartContent {background-color:rgb(88, 82, 121); }
.swiper-slide:nth-child(4) .PopularRoute__CartContent {background-color:rgb(76, 108, 140); }
.swiper-slide:nth-child(5) .PopularRoute__CartContent {background-color:rgb(208, 144, 108); }
.swiper-slide:nth-child(6) .PopularRoute__CartContent {background-color:rgb(88, 82, 121); }
.swiper-slide:nth-child(7) .PopularRoute__CartContent {background-color:rgb(88, 82, 121); }

.swiper_btn_1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper_btn_1::after {
    font-size: 13px;
    color: #444;
}










.Category__ItemContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px;
    border: 1px solid rgb(224, 224, 224);
}
.Category__ItemContainer .duration-text{font-size:14px;line-height:20px;}
.Category__ItemContainer .item-container{width:300px;border-radius:4px;border:1px solid rgb(224, 224, 224);box-shadow:unset;cursor:pointer;}
.Category__ItemContainer .item-content-container{padding:16px 20px;}
.Category__ItemContainer .item-image {
    width: 100%;
    height: 200px;
    border-radius: 4px 4px 0px 0px;
    object-fit: cover;
}
.Category__ItemContainer .item-title {
    font-size: 18px;
    line-height: 21.48px;
    margin-bottom: 0px;
}



.khachhangItem {
    position: relative;
    padding-left: 30px;
}
.khachhangInner {
    background-color: #fff;
    padding: 20px 20px 20px 100px;
    border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px;
    border: 1px solid rgb(224, 224, 224);
}
.khachhangItem > img {
    border-radius: 10px;
    width: 110px;
    height: 110px;
    position: absolute;
    left: 0px;
    top: calc( 50% - 55px);
}
.khachhangInner img {
    margin-bottom: 10px;
}
.khachhangInner p {
    margin-bottom: 10px;
}









.seo-content .card{display:flex;flex:1 1 0%;flex-direction:row;align-items:flex-start;-webkit-box-pack:justify;justify-content:space-between;padding:12px;border:1px solid rgb(224, 224, 224);border-radius:4px;}
.seo-content .card > div:not(:last-child){margin-right:8px;}
.seo-content .card:not(:last-child){margin-right:8px;}
.seo-content .icon-container{display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:48px;height:48px;}
.seo-content .card-content{display:flex;flex:1 1 0%;flex-direction:column;}
.seo-content .card-content > p:not(:last-child){margin-bottom:8px;}
.seo-content .color--light-dark{color:rgb(72, 72, 72);}









.BusStationCard__Wrapper{height:190px;display:block;background-position:center center;background-size:cover;width:100%;background-repeat:no-repeat;border-radius:3px;position:relative;}
.BusStationCard__Wrapper::after{background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%) 0% 0% no-repeat padding-box padding-box transparent;content:"";position:absolute;inset:81px 0px 0px;height:80px;opacity:0.6;border-radius:3px;}
.BusStationCard__Header{font-weight:bold;font-size:100%;position:absolute;z-index:1;bottom:20px;text-align:center;width:100%;color:white;}
.BusStationCard__Header{font-weight:500;font-size:18px;bottom:10px;}




.clients{background-color:#edf2f9;padding:0px;}
.clients img{height:75px;transition:all 0.4s ease-in-out;display:inline-block;padding:25px 0;}
.clients img:hover{filter:none;transform:scale(1.1);}


.midBar {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 20px;
}


.gallery-top img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.bannerInner {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
    top: 0px;
}
.bannerInner {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
    top: 0px;
	padding-bottom:300px;
    //background-color: rgba(0,0,0,0.8);
}
.bannerInner:before {
    background:radial-gradient(ellipse,hsla(0,0%,8%,.3) 5%,hsla(0,0%,8%,.35) 18%,hsla(0,0%,8%,.85) 70%);
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: 0 100%;
}
.bannerInner .container {
    z-index: 2;
}
.bannerInner .btn {
    background-size: 200% auto;
    background-image: linear-gradient(90deg,#f80,#ea3c2a 50%,#f80);
	color:#fff;
	padding:20px 50px;
	font-weight:bold;
}
.bannerInner h3 {
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
	margin-bottom:25px;
}

.bottomWraper {
    position: absolute;
    bottom: 200px;
    z-index: 2;
    right: 0px;
    width: 100%;
}
.bottomThumb {
    width: 600px;
    float: right;
}

.bottomThumb img {
    height: 70px;
    object-fit: cover;
    width: 100%;
    border-radius: 15px;
}
.bottomThumb .swiper-slide {
	opacity:1
}
.bottomThumb .swiper-slide-thumb-active {
	opacity:0.5
}

.bookmain {
    position: relative;
    margin-top: -150px;
    z-index: 9;
}

@media only screen and (max-width:720px){
.bottomThumb {
    width: 100%;
}	
.gallery-top img {
    height: 80vh;
}
.bannerInner .btn {
    padding: 10px 20px;
}
	.bannerInner h3 {
		font-size:27px;
	}
}



.new_manga-button {
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    gap: 15px;
    font-size: 20px;
    align-items: center;
    height: 100%;
}
.new_manga .item img {
    vertical-align: middle;
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.new_manga .item .slide-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 22px;
    padding: 10px;
    font-size: 13px;
    display: block;
    color: #fff;
    background: url(img/bg_over.png);
}
.new_manga .item .slide-caption h3{margin:1px 0;font-weight:400;}
.new_manga .item .slide-caption a{color:#fff;font-size:13px;}
.new_manga .item .slide-caption h3 a{height:23px;overflow:hidden;font-size:15px;display:block;white-space:nowrap;text-overflow:ellipsis;}
.new_manga .item .slide-caption>a:visited{color:#989898;}
.new_manga .item .slide-caption .time{font-size:11px;font-style:italic;padding-left:10px;}











@media only screen and (max-width:320px){
.item_book figcaption h3{font-size:13px!important;}
.chapter a{font-size:11px!important;color:#c0c0c0;}
.chapter a{max-width:50%;overflow:hidden;display:block;float:left;text-wrap:nowrap;}
}

.item_book .image {
    position: relative;
    height: 200px;
    line-height: 200px;
    box-shadow: #000 0 0 0;
    text-align: center;
    overflow: hidden;
}
.item_book .image img{vertical-align:middle;width:100%;}
.item_book .image .view{position:absolute;bottom:0;left:0;right:0;height:25px;line-height:25px;padding-left:2px;padding-right:2px;font-size:12px;display:block;color:#fff;background-color:#000;opacity:.8;filter:alpha(opacity=50);}
.item_book figcaption{padding:5px 0 0;position:relative;}
.item_book figcaption h3 {
    font-size: 16px;
    margin: 0 0 7px;
    font-weight: 400;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}
.item_book figcaption ul{margin:0;padding:0;list-style:none;}
.item_book figcaption ul li{margin-bottom:6px;}
.chapter a{font-size:13px;color:#c0c0c0;}
.chapter a:focus,.chapter a:visited{text-decoration:none;color:#c0c0c0;}
.chapter .time{color:#c0c0c0;font-size:11px;line-height:20px;font-style:normal;float:right;max-width:47%;overflow:hidden;white-space:nowrap;}



.manga-button {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 999;
    display: flex;
    height: 40px;
    align-items: center;
	    gap: 15px;
    font-size: 20px;
}

 



.link-footer ul{margin:0;padding:0;}
.link-footer ul li{margin:0;margin-right:5px;line-height:38px;list-style:none;display:inline-block;}
.link-footer ul li a{border:solid 1px #ddd;padding:5px;white-space:nowrap;border-radius:4px;color:#fff;}



.thumbBook img {
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.3);
    display: block;
    height: auto;
    width: 100%;
    align-self: flex-start;
    border-radius: .25rem;
}






.breadcrumb {
    padding: 8px 15px;
    border-radius: 4px
}

.breadcrumb {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    background-color: transparent
}

.breadcrumb>li,
.pagination {
    display: inline-block
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>li+li:before {
    content: "»"
}


.absolute{position:absolute;}
.inset-0{top:0;right:0;bottom:0;left:0;}
.block{display:block;}
.h-full{height:100%;}
.w-full{width:100%;}
.bg-cover{background-size:cover;}
.index_desktop_background__0wFhc{filter:blur(60px);}
.index_desktop_background__0wFhc:before{content:"";background:hsla(0,0%,8%,.64);z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;display:block;}



#item-detail .detail-info .col-info{margin-top:10px;}
#item-detail .detail-info ul.list-info{clear:both;overflow:hidden;padding:0;margin:0;}
#item-detail .detail-info ul.list-info li{display:block;margin:0 0 7px;}
#item-detail .detail-info ul.list-info li p{margin:0;font-weight:400;font-size:16px;padding:0;text-transform:inherit;color:#777676;}
#item-detail .detail-info ul.list-info li p{padding-top:0;line-height:27px;}
#item-detail .detail-info .follow{margin-top:12px;font-size:15px;}
#item-detail .detail-info .follow span{//padding:0 5px;white-space:nowrap;}
.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236;}
a.tr-theloai{color:#f0564a;padding:3px 8px;border:1px solid #f0564a;border-radius:5px;margin:0 5px 5px 0;}
a.tr-theloai:focus,a.tr-theloai:hover{text-decoration:none;background-color:#ea6016;color:#fff;}
.read-action a{color:#fff;text-decoration:none;}
.btn-doctu-dau{
	border-color:#ea3c2a;margin-right:12px;width:auto;

    background-size: 200% auto;
    background-image: linear-gradient(90deg,#f80,#ea3c2a 50%,#f80);
	}
.btn-doctu-dau:hover {
    box-shadow: 0 0 14px -1px #f80;
    background-position: 100%;
	color:#fff;
}

.btn-docmoinhat {
    background-color: transparent;
    border-color: #ea6016 !Important;
    color: #ea6016 !important;
}
.btn-docmoinhat:hover {
    background-color: #ea6016 !Important;
    color: #fff !important;
    box-shadow: 0 0 14px -1px #f80;
}
@media (max-width:480px){
#item-detail .detail-info ul.list-info li p:first-child{width:35%;}
#item-detail .detail-info ul.list-info li p:last-child{width:65%;}
#item-detail .detail-info .col-info{width:100%;}
}



#item-detail .detail-info .follow{margin-top:12px;font-size:15px;}
#item-detail .detail-info .follow span{//padding:0 5px;white-space:nowrap;}


.wpfp-span {
    background-color: #ff2853;
    border-color: #ff2853;

    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    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: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	color:#fff;
}
.wpfp-span a {
	color:#fff;
}



.pagination{display:inline-block;}
.pagination{padding-left:0;margin:20px 0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px;}
.pagination>li>a{margin:0 1px 1px 0;color:#999;padding:0;font-size:15px;border-radius:50%;width:40px;height:40px;line-height:40px;margin-right:7px;}
@media only screen and (max-width:320px){
	.pagination>li>a{width:34px;line-height:30px;}
}
.pagination>li>a{margin:0 1px 1px 0;color:#999;padding:0;font-size:15px;border-radius:50%;width:40px;height:40px;line-height:40px;margin-right:7px;position:relative;text-decoration:none;background-color:#fff;border:1px solid #ddd;display:inline-block;text-align:center;}
.pagination>li>a:hover,.pagination>li>a.current{background-color:#ea6016!important;cursor:pointer!important;color:#fff;border-color:#ea6016;}




#item-detail .small{line-height:1;font-size:13px;font-style:italic;opacity:.7;display:block;text-align:center;padding:5px 0 10px;}
#item-detail .list-title{color:#ea6016;border-bottom:2px solid #ea6016;font-weight:300;font-size:16px;text-transform:uppercase;margin:10px 0;padding-bottom:2px;}
#item-detail .list-title{color:#ea6016;border-bottom:2px solid #ea6016;font-weight:300;font-size:16px;text-transform:uppercase;margin:10px 0;padding-bottom:2px;}
#item-detail .list-chapter nav ul{padding-left:0;list-style:none;margin:0;}
#item-detail .list-chapter nav ul li{border-bottom:1px dashed #ddd;text-overflow:ellipsis;overflow:hidden;padding:6px 0;margin:0;}
#item-detail .list-chapter .heading{padding:5px 0 10px;font-size:16px;}
#item-detail .list-chapter nav ul li .no-wrap{white-space:nowrap;}
#item-detail .list-chapter nav ul li>div:first-child{padding-left:0;}
#item-detail .list-chapter nav ul li>div.chapter a{font-size:14px;}
.chapter a:hover{text-decoration:none;color:#03f;}




.pagination-outter{text-align:center;margin:30px 0px;}
.pagination-outter a{margin:0 1px 1px 0;color:#999;padding:0;font-size:15px;border-radius:50%;width:40px;height:40px;line-height:40px;margin-right:7px;position:relative;text-decoration:none;background-color:#fff;border:1px solid #ddd;display:inline-block;text-align:center;}
.pagination-outter a:hover,.pagination-outter a.current{background-color:#ea6016!important;cursor:pointer!important;color:#fff;border-color:#ea6016;}
.pagination-outter{text-align:center;}
div#ctl00_mainContent_ctl00_divPager{clear:both;width:100%;}


.wrapper-fillter {
    max-width: 670px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
.wrapper-fillter a{border-radius:5px;width:130px;margin-bottom:2px;display:inline-block;text-align:center;background:#f4f4f4;border:1px solid #ccc;font-size:13px;padding:4px 2px;color:#555;font-weight:400;outline:0;}
@media (max-width:480px){
.wrapper-fillter a{width:49%;margin-right:1%;float:left;}
}
@media (max-width:320px){
.wrapper-fillter a{width:48%;margin-bottom:5px;font-size:13px;padding:4px 2px;box-sizing:border-box;float:left;margin-right:5px;}
}
.wrapper-fillter a.active {
    background-color: #ea6016;
    border-color: #ea6016;
    color: #fff;
}
.sub-col2 {
 columns: 3;
  -webkit-columns: 3;
  -moz-columns:3;
  }
  .top_nav .top_nav_wrapper>ul>li ul.sub-col2 {
	  width:400px;
  }
.sub-col2 li {
   position: relative;
}
.sub-col2 li::before, 
.sub-col2 li::after {
   content: '';
   position: absolute;
   background-color:#ccc;
   z-index: 1;
}
.sub-col2 li::before, 
.sub-col2 li::after {
   content: '';
   position: absolute;
   background-color: var(--line-color);
   z-index: 1;
}





.chapter-nav {
    white-space: nowrap;
    overflow: hidden;
    padding-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    gap: 2px;
}
.reading .home{width:40px;text-align:center;color:#ea6016;display:inline-block;text-align:center;vertical-align:middle;font-size:24px;}
a#prevChapter{background:url(img/prev-next.jpg) no-repeat;display:inline-block;height:29px;width:33px;line-height:30px;}
.prev .fa,.next .fa{visibility:hidden;}
.select-chapter{border-radius:4px;color:#555;display:inline-block;padding:4px 6px;border:1px solid #ccc;width:25%;}
a#nextChapter{background:url(img/prev-next.jpg) no-repeat -33px 0;display:inline-block;height:29px;width:33px;line-height:30px;}
@media (max-width:480px){
.reading .reading-control .home{width:30px;font-size:20px;}
.reading .reading-control .select-chapter{width:30%;}
}
@media (max-width:380px){
.reading .reading-control .select-chapter{width:25%;padding:4px 2px;font-size:11px;}
.reading .reading-control .prev{height:24px;width:28px;background-size:60px 23px;transform:translateY(4px);}
.reading .reading-control .next{height:29px;width:28px;line-height:30px;background-size:60px 23px;transform:translateY(4px);}
}


.page-chapter {
    position: relative;
    background: url(../img/loading-small.gif) center center no-repeat;
    text-align: center
}

.reading .reading-detail img {
    min-height: 35px;
    color: #fff;
    border-color: #000;
    border-image: initial;
    border-style: none;
    border-width: medium;
    height: auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: auto;
    z-index: 9;
    position: relative
}

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

.reading .comment {
    background: none repeat scroll 0 0 #f6f7f8;
    border-top: 1px solid #e4e4e4;
    display: block;
    overflow: hidden;
    padding: 20px
}