@font-face {
    font-family: Amazone;
    src: url("http://m.reatimes.vn/themes/mobile/fonts/amazon.ttf");
    font-weight: bold;
}
/* Bootstrap */
.inline {
    display: inline;
}
.pointer {
    cursor: pointer;
}
.input-group,
.input-group-addon,
.form-control,
.dropdown-menu,
.btn {
    border-radius: 0px;
}

/* Grid Layout */
.grid {
    margin-left: -8px;
    margin-right: -8px;
}

.grid .grid-50 {
    padding-left: 8px;
    padding-right: 8px;
    width: 50%;
    box-sizing: border-box;
    float: left;
    display: block;
}

/* Fonts */

.roboto-slab {
    font-family: "Roboto Slab";
}
.roboto-con {
    font-family: "Roboto Condensed"
}
.uppercase {
    text-transform: uppercase
}

.font-10 {
    font-size: 10px;
    line-height: 15px;
}

.font-11 {
    font-size: 11px;
    line-height: 16px;
}

.font-12 {
    font-size: 12px;
    line-height: 18px;
}

.font-13 {
    font-size: 13px;
    line-height: 18px;
}

.font-14 {
    font-size: 14px !important;
}

.font-16, .font-16 p {
    font-size: 16px !important;
}

.bold{font-weight:bold;}
.italic{font-style:italic;}
.justify {text-align: justify !important;}
.align-right {text-align: right !important;}
.align-left {text-align: left !important;}

/* Position */

.top {top: 0px;}
.bottom {bottom: 0px;}
.right {right: 0px;}
.left {left: 0px;}

.abs,
.absolute {
    position: absolute !important;
}

/* Size */

.full-size {
    width:100% !important;
}
.half {
    width: 50%;
    float: left;
    box-sizing: border-box;
}
.half:nth-child(odd) .pd {
    padding-left: 20px;
}
.auto-padding-left {
    padding-left: 0px;
}

.auto-padding-right {
    padding-right: 0px;
}

/* Fonts */

.font-normal {
    font-weight: normal !important;
}

/*Margin*/

.no-margin,
.no_margin {
    margin: 0px !important;
    padding: 0px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-10 {
    margin-left: 10px;
}

.mr-0 {
    margin-right: 0px;
}

.mr-2 {
    margin-right: 2px;
}

.mr-8 {
    margin-right: 8px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-15 {
    margin-right: 15px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-2 {
    margin-top: 2px;
}

/*Padding*/

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pl-10 {
    padding-left: 10px;
}

.pd-10 {
    padding: 10px;
}

.pd-15 {
    padding: 15px;
}

.pdt-15 {
    padding-top: 15px;
}

.pdt-25 {
    padding-top: 25px;
}
.pdt-0 {
    padding-top: 0px !important;
}
.pdt-10 {
    padding-top: 10px !important;
}

.pdb-35 {
    padding-bottom: 35px;
}

.pdb-25 {
    padding-bottom: 25px;
}

.pdb-15 {
    padding-bottom: 15px;
}

.pdb-10 {
    padding-bottom: 10px;
}

.pdb-0 {
    padding-bottom: 0px !important;
}

.std {
    clear: both;
    display: block;
    margin: 0px auto;
}

.std > .inner {
    margin: 0px auto;
    padding-left: 10px;
    padding-right: 10px;
}

.block {
    display: block;
}

.left, .bl, .fl, .float_left, .block_left {
    float: left
}

.right, .br, .fr, .float_right, .block_right {
    float: right
}

.clearfix, .cl {
    clear: both;
}
.clearfix:before, .clearfix:after,
.cl:before, .cl:after
{
    content: " ";
    display: table;
}

.auto_height, .ah {
    overflow: auto;
    max-height: 99%;
}

.relative {
    position: relative;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    position: absolute;
    cursor: pointer
}

::-webkit-scrollbar-track {
    background: transparent;
    border: none
}

::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 0px
}

::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb:active {
    background: #ccc;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

h4 {
    font-size: 16px;
}
/* MARGIN PADDING DEFINITION */

.no_margin {
    margin: 0px;
    padding: 0px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px;
}

.pl-10 {
    padding-left: 10px;
}

.pdl-30 {
    padding-left: 30px;
}

.pdl-20 {
    padding-left: 20px;
}

.pdl-15 {
    padding-left: 15px;
}

.pdl-10 {
    padding-left: 10px;
}
.pdl-0 {
    padding-left: 0px;
}
.pdr-0 {
    padding-right: 0px;
}
.pdr-2 {
    padding-right: 2px;
}
.pdr-10 {
    padding-right: 10px;
}

.pdr-15 {
    padding-right: 15px;
}

.pdr-20 {
    padding-right: 20px;
}
/*Color*/

.white-color {
    color: #fff;
}

.white-bg {
    background-color: #fff !important;
}

.green-color {
    color: green;
}

.green-bg {
    background-color: green;
}

.title-color {
    color: #23527c;
}

.red-color {
    color: #df0024 !important;
}

.red-bg {
    background-color: #df0024 !important;
}

.blue-color {
    color: #23527c;
}

.orange-color {
    color: #fc7235;
}

.gray-color {
    color: #bbb;
}

.coffee-color {
    color: #673505
}

.coffee-icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-color: #673505;
    text-align: center;
    border-radius: 100%;
}

.coffee-icon i {
    line-height: 26px;
}

.black-color {
    color: #000 !important;
}

.timer {
    font-size: 13px;
    color: #aaa;
}

.trans-bg {
    background-color: transparent !important;
}

.gradient-bg {
    bottom: 0px;
    right: 0px;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    text-shadow: 1px 1px 0 #000;
    padding-top: 30px;
}

.gradient-bg .top-border {
    border-top: 1px solid rgba(255,255,255,.6);
    padding-top: 10px;
}

.gradient-bg .title {
    font-size: 18px;
    font-family: "Roboto Condensed";
    color: #fff;
}

.gradient-bg h2 .title {
    font-size: 24px;
    line-height: 30px;
}

.gradient-bg h3 .title {
    font-size: 16px;
    line-height: 22px;
}

.gradient-bg .category-link {
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    border-left: 3px solid red;
    padding-left: 10px;
}

.category-link .fa-star {
    color: #df0024
}

.category-block .block-heading .block-title .dropdown-menu a {
    color: #000;
}

.category-block.top-month-block .block-heading {
    border-bottom: none;
}

/*Common*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ol, ul, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, .figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, .section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-family: "Open Sans", Arial;
}

ol, ul {
    margin: 0;
}

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

a, img, button, input, textarea, iframe {
    outline: none;
    border: 0px;
}

.display-ie8 {
    display: none;
}

p {
    font-size: 14px;
    line-height: 20px;
}

ol, ul {
    list-style: none;
}

select {
    outline: none;
}

h3 {
    font-size: 18px;
    margin: 0px 0px 5px;
    font-weight: 600;
}

h3.title {
    font-size: 14px;
}

h4 {
    font-size: 14px;
}

a {
    outline: none;
    text-decoration: none !important;
    color: #0e628c;
}

/* Frame */

.frame {
    overflow: hidden;
    box-sizing: border-box;
}

.frame-32 {
    max-height: 145px;
    text-align: center;
    box-sizing: border-box;
}

.frame-small {
    height: 120px;
    box-sizing: border-box;
}

.circle-frame {
    border-radius: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

/* Title */
h1.post-title,
h2.post-title,
h3.post-title
{
    font-family: Arial;
    margin: 0px;
}

h1.post-title
{
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}

h2.post-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}
h3.post-title {
    font-size: 18px;
    line-height: 23px;
}
h4.post-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
}

/* Layout */

body, html {
    font-family: "Arial";
    background-color: #f3f3f3;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    min-height: 100%;

}

#wrapper {
    backface-visibility: hidden;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#header {
    background-color: #fff;
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    z-index: 10000 !important;
    top: 0px;
    right: 0px;
    left: 0px;
    box-shadow: 0 0px 4px #bbb;
    min-width: 300px;
    overflow: hidden;
    box-sizing: border-box;
}
#right-header {
    position: relative;
    z-index: 99999;
    top: 0px;
    right: 0px;
}

/*
#logo {
    padding-top: 10px;
    margin-bottom: 10px;
}
*/

#main-content {
    padding-top: 54px;
}

/* Navigator */
#nav {
    position: relative;
    width: 100%;
}
#nav > li {
    float: left;
    position: relative;
    line-height: 54px;
    box-sizing: border-box;
    border-left: 1px dotted #ccc;
}
#nav > li:first-child {
    border-left: none;
}
#nav > li > .icon {
    position: absolute;
    width: 100%;
    bottom: -15px;
    text-align: center;
    clear: both;
    display: block;
}
#nav > li > a {
    padding-left: 18px;
    padding-right: 18px;
    line-height: 54px;
    display: block;
    text-align: center;
}
#nav > li > a > .icon {
    display: block;
    width: 54px;
    line-height: 54px;
    font-size: 22px;
    cursor: pointer;
}
#nav > li.li-menu > a {
    padding-left: 0px;
    padding-right: 0px;
}
#nav > li.li-menu > a > .icon {
    padding-left: 18px;
    padding-right: 18px;
}
#nav > li.active {
    background-color: #f3f3f3;
    border-left: 1px solid #fff;
    box-shadow: 0 0px 4px #ddd inset;
}
#nav > li.active > a {
}
.mega-menu {
    top: 54px;
    box-shadow: 0 0px 4px #bbb;
    width: 100%;
    z-index: 999;
}
#main-mega-menu {
    position: fixed;
    width: 100%;
    top: 54px;
    left: 0px;
    right: 0px;
}
#feed-mega-menu {
    position: fixed;
    background-color: rgba(255,255,255,.9);
    top: 54px;
    left: 0px;
    height: 100%;
    max-height: 100%;
}

/* Top Home */
.top-home {
    border-bottom: 2px solid #fc7235;
    box-shadow: 0 0px 5px #ddd;
}
.top-home .frame,
.top-item .frame {
    max-height: 220px;
}
.top-home .sapo {
    font-size: 14px;
    line-height: 18px;
}
.top-collection .item {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
}
.top-collection .item:first-child {
    border-top: none;
}
.top-collection .item:last-child {
    border: none;
}
.top-collection .item .frame {
    width: 40%;
    max-height: 120px;
}
.top-collection .item .frame .pdr {
    padding-right: 12px;
}
.top-collection .item .frame img {
    width: 100%;
}
.top-collection .item .desc {
    width: 60%;
}
.top-collection .item .desc .pdl {
    padding-left: 12px
}
.top-collection .item .desc .sapo {
    font-size: 13px;
    line-height: 18px;
    position: relative;
    top: -2px;
}
.related-block {
    position: relative;
}
.related-block .heading {
    position: absolute;
    padding: 2px 10px;
    background-color: #0e628c;
    color: #fff;
}
.related-block .arrow {
    position: absolute;
    z-index: 999;
    width: 12px;
    height: 12px;
    border-bottom: 12px solid #fff;
    border-left: 12px inset transparent;
    z-index: 9;
    top: -12px;
    right: 0px;
}
.related-collection {
    padding-top: 30px;
}
.related-collection .related-item {
    font-size: 14px;
    line-height: 18px;
    padding: 6px 10px;
}

/* Top Tab */
.top-tabs a {
    font-weight: bold;
    font-size: 16px;
}
.top-tabs > li > a {
    border: none
}
.top-tabs li.active> a, .top-tabs li.active > a:focus, .top-tabs li.active > a:hover {
    background-color: transparent !important;
    border: none;
    border-bottom: 3px solid #fc7235 !important;
    position: relative;
}

.top-tabs .tab-pane {
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0px 5px #ddd;
}

/* Font Timer */

.timer {
    margin: 0px;
}
.timer, .timer a {
    font-size: 12px;
}

/* Text List */

.text-list .item {
    border-bottom: 1px dotted #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}
.text-list .item:first-child {
    padding-top: 0px;
}
.text-list .item:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

/* Category Block */
.category-block {
    margin-top: 10px;
}
.category-block .block-heading {
    line-height: 35px;
    border-left: 3px solid #fc7235;
    padding-left: 10px;
}
.category-block .block-heading .icon {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: inline-block;
    background-color: #fc7235;
    text-align: center;
    position: relative;
    top: 4px;
    left: 2px;
}
.category-block .block-heading .icon i {
    line-height: 20px;
    color: #fff;
    position: absolute;
}
.category-block .line {
    margin-bottom: 10px;
    height: 1px;
    background-color: #ddd;
    clear: both;
    display: block;
}
.category-block .block-heading .category-heading {
    font-size: 16px;
    font-weight: bold;
}
.category-block .block-heading .category-heading.tag-heading {
    line-height: 22px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
}
.dropdown-menu {
    min-width: 220px;
}
.dropdown-menu ul li {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    padding: 5px 10px;
}
.dropdown-menu ul li a:active {
    background-color: #f3f3f3;
}

/* Menu Categories */
.menu-categories {
    position: relative;
    background-color: #337ab7;
}
.menu-categories .item {
    position: relative;
    width: 50%;
    float: left;
}
.menu-categories .item > a {
    text-align: center;
    line-height: 35px;
    border-top: 1px solid rgba(255,255,255,.6);
    padding: 0px 10px;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    color: #fff;
}

/* Feed List */
.feed-list {
    max-height: 100%;
    overflow-y: scroll;
    padding-bottom: 60px;
}
.feed-list .item {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}
.feed-list .item:first-child {
    padding-top: 0px;
}
.feed-list .item:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}
.feed-list .item .frame {
    width: 30%;
    max-height: 80px;
}
.feed-list .item .frame img {
    width: 100%;
}
.feed-list .item .desc {
    width: 70%;
}
.feed-list .desc .pdl {
    padding-left: 12px;
}

/* Video Block */
.video-list {
}
.video-item .frame {
    max-height: 176px;
}
.video-item .frame .icon {
    width: 46px;
    height: 46px;
    border: 2px solid #fff;
    border-radius: 100%;
    background-color: rgba(0,0,0,.5);
    text-align: center;
    position: absolute;
    top: calc(50% - 23px);
    left: calc(50% - 23px);
    box-shadow: 0 0px 10px rgba(0,0,0,.8);
    z-index: 1;
}

.video-item .frame .icon i {
    font-size: 22px;
    line-height: 42px;
    color: #00A6DD;
    position: relative;
    left: 3px;
}

/* Breadcrumb */

.breadcrumb {
    padding: 0px;
    border-radius: 0px;
    background-color: #fff;
    font-family: Arial;
    line-height: 40px;
    box-shadow: 0 0px 4px #ddd;
}
.breadcrumb ul.items,
.breadcrumb ul.items li {
    list-style-type: none;
}
.breadcrumb ul.items li {
    display: inline-block;
}
.breadcrumb ul.items li {
    font-size: 14px;
}

.breadcrumb ul.items li span,
.breadcrumb ul.items li a {
    display: block;
    color: #666;
    padding-left: 5px;
    padding-right: 5px;
}

.breadcrumb ul.items li:first-child span,
.breadcrumb ul.items li:first-child a {
    padding-left: 0px;
}

.breadcrumb .children-container {
}

/* Article Page */
.post-entity {
    padding-top: 10px;
    padding-bottom: 10px;
}

.post-entity .post-content {
}

.blue-bg {
    background-color: #0e628c !important;
}

.blue-box {
    background-color: #00095E;
    padding: 2px 10px;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    margin-right: 5px;
    font-size: 16px;
}
.blue-box a {
    color: #fff;
}
.post-entity .post-sapo {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
}

.post-content div[id*=main_divNormal] img {
    margin-bottom: 15px;
}
.post-content video {
    width: 100%;
    height: 350px;
}
.post-content table {
    margin: 0px auto;
    margin-bottom: 15px;
    border-collapse: collapse;
    border: 1px solid #ddd;
    box-shadow: 0 0px 4px #eee;
    background-color: rgba(255,255,255,.6);
    max-width: 100%;
    width: 100% !important;
    box-sizing: border-box;
}
.post-content table[style*="float: left"] {
    margin-right: 15px;
}

.post-content table[style*="float: right"] {
    margin-left: 15px;
}

.post-content table tr td {
    padding: 10px;
    border: 1px solid #ddd;
}

.post-content table tr td p {
    margin-bottom: 18px !important;
}

.post-content table p.Image {
    padding: 10px;
    font-style: italic;
}

.post-content img {
    width: 100% !important;
}

.post-content .image_left_wp img,
.post-content .image_right_wp img
{
    width: 100% !important;
    height: auto !important;
}

.post-content * {
    font-size: 18px !important;
    line-height: 25px !important;
}

.post-content p {
    margin: 0px !important;
    margin-bottom: 18px !important;
    font-size: 18px !important;
    line-height: 25px !important;
}

.post-content p > img {
    margin-bottom: 0px !important;
}

.post-content > p > img {
    margin-bottom: 18px;
}

.post-content iframe,
.post-content frame {
    width: 100% !important;
    height: 280px !important;
}
.post-content .image_left_wp{float:left;margin-right:12px;margin-bottom:12px;}
.post-content .image_right_wp{float:right;margin-left:12px;margin-bottom:12px;}
.post-content .image_center_wp {
}
.post-content .image_center_wp img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    margin-bottom: 8px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}
.post-content .image_caption {
    text-align: center;
    font-style: italic;
    color: #888;
    font-size: 16px !important;
    line-height: 22px !important;
    padding-left: 20px;
    padding-right: 20px;
}
.post-content .image_left_wp .image_caption,
.post-content .image_right_wp .image_caption
{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
}
.post-content ul,
.post-content ol,
.post-content ul li,
.post-content ol li
{
    margin-bottom: 15px;
    list-style-type: disc;
}
.post-content ul li,
.post-content ol li {
    margin-left: 25px;
}

.center-image-wp {
    margin-bottom: 15px;
    background-color: #f2f2f2;
    padding: 5px;
    text-align: center;
    border: 1px dashed #ccc;
}
.center-image-wp em {
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
}
.center-image-wp img {
    width: 100%;
}
.post-item {
    font-family: Arial;
}
.post-item .post-sapo {
    font-size: 16px;
    line-height: 22px;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h1 *,
.post-content h2 *,
.post-content h3 *
{
    margin-bottom: 15px;
    font-size: 18px !important;
    line-height: 30px !important;
    color: #000 !important;
    font-weight: bold;
}

.post-content a {
    color: #135ca5 !important;
}

/* Footer */

#footer {
    min-height: 200px;
    background-color: #337ab7;
    color: #fff;
    border-top: 3px solid #fc7235;
    padding: 20px;
}
#footer * {
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 8px;
}

/* Sharing Box */

.sharing-box {
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.sharing-box .sharing-button {
    font-size: 20px;
    text-align: center;
    width: 60px;
    border-radius: 1px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    display: inline-block;
}
.sharing-box .sharing-button i {
    line-height: 30px;
}
.sharing-box .sharing-button.fb-button {
    background-color: #3b5998;
}
.sharing-box .sharing-button.plus-button {
    background-color: #df3d1b;
}
.sharing-box .sharing-button.tw-button {
    background-color: #28aae1;
}

.bottom-sharing {
    position: fixed;
    bottom: -10px;
    left: 0px;
    width: 100%;
    z-index: 99999;
    background-color: #fff;
    padding: 15px 5px;
}

/* Related Item */

.related-items .item {
    border-left: 3px solid #0e628c;
    padding-left: 15px;
    margin-bottom: 2px;
    background-color: #fff;
}

.related-items .item:nth-child(even) {
    border-left-color: #fc7235;
}

.related-items .item .frame {
    width: 100px;
    height: 100px;
}

.related-items .item .frame img {
    width: auto;
    height: 100%;
}

.related-items .item .desc {
    padding-top: 10px;
    box-sizing: border-box;
    width: calc(100% - 100px);
}

.related-items .item .desc .pdr {
    padding-right: 12px;
}

/* Category Page */

.pagination {
    margin: 0px;
}
.pagination li > span,
.pagination li > a {
    margin-right: 5px;
    border: none;
    font-weight: bold;
    border-radius: 0px !important;
    color: #337ab7;
    border-bottom: 3px solid #bbb !important;
    background-color: transparent !important;
    transition: 300ms;
}
.pagination li:hover > a,
.pagination li.active > span {
    background-color: transparent !important;
    border-bottom: 3px solid #337ab7 !important;
    color: #337ab7 !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #337ab7 !important;
    border-bottom: 3px solid #337ab7 !important;
}
.pagination a .fa {
    display: block;
    line-height: 20px !important;
}

/* Tag */

.related-tags {
    background-color: #f3f3f3;
}

.related-tag-heading {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 11px;
}

.tag-small-item {
    padding: 1px 10px !important;
    background-color: #fff;
    display: block;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-size: 11px;
}

.tag-title {
    font-family: Arial;
    font-size: 18px;
    line-height: 24px;
}

.tag-sapo {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0px;
}

.mr-5 {
    margin-right: 5px;
}

.btn {
    border-radius: 0px !important;
}

.tag-list {
    font-family: Arial;
}
.tag-list .item .frame {
    max-height: 230px;
}

.tag-list .item .desc {
    padding: 10px;
    background-color: #f3f3f3;
}

/* Scrollbar */

::-webkit-scrollbar {width: 0px; height:0px; position: absolute; cursor: pointer; z-index: 1000000}
::-webkit-scrollbar-track {background: transparent; border: none; z-index: 1}
::-webkit-scrollbar-thumb {background: #68C39F; border-radius: 1px; z-index: 1}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.3);; z-index: 1}
::-webkit-scrollbar-thumb:active {background: #68C39F;-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3); z-index: 1}

/* Owl Carousel */
#top-posts .owl-dots {
    margin-top: 10px;
}
.category-block .owl-dots {
    margin-top: 2px;
}
.owl-dots {
    text-align: center;
    border: none;
    width: 100%;
    margin-top: 5px;
}
.owl-dot {
    display: inline-block;
}
.owl-dot span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 100%;
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px;
    opacity: 0.5;
}
.owl-dot.active span {
    width: 12px;
    height: 12px;
    background-color: #0e628c;
    opacity: 1;
}

/* Text Overflow */
.top-blue-border {
    border-top: 2px solid #0e628c
}

/* Text List */
.number-index {
    width: 30px;
}

/* Before Footer */
#before-footer {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    line-height: 25px;
    margin-top: 10px;
}

.button-up {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border: 1px solid #ddd;
}

.button-up i {
    line-height: 25px;
    font-size: 16px;
}

/* Social Button */
.social .button {
    color: #fff;
    display: inline-block;
    text-align: center;
}
.social .button,
.social .button i {
    width: 21px;
    height: 21px;
    line-height: 21px;
}
.social .facebook {
    background-color: #3c5a98;
}
.social .google-plus {
    background-color: #df3d1b;
}
.social .twitter {
    background-color: #28aae1;
}
.social-button {
    border-radius: 100%;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
    border: 1px solid #ddd;
    margin-top: 10px;
    transition: 400ms;
}
.social-button:hover {
    border-color: #fff;
    color: #000;
}
.social-button i {
    display: block;
    height: 25px;
    line-height: 25px;
    color: #888;
    transition: 400ms;
}
.social-button:hover i {
    color: #000;
}

/* Opinion */
.post-attachment {
    padding: 8px;
    border-left: 3px solid #ddd;
    margin-top: 12px;
}
.post-attachment .arrow {
    position: absolute;
    z-index: 999;
    width: 12px;
    height: 12px;
    border-bottom: 16px solid #fff;
    border-left: 12px inset transparent;
    border-right: 12px inset transparent;
    z-index: 9;
    top: -12px;
    right: calc(50% - 6px);
}
.owl-theme .owl-controls {
    position: absolute;
    margin-top: 0px !important;
    top: -35px;
    right: 0px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12px !important;
    height: 12px !important;
    margin: 0px !important;
    margin-left: 8px !important;
}
.opinion .message p:before {
    content: "";
    display: inline-block;
    background: url(../images/quotes-left.png) left center no-repeat;
    width: 20px;
    height: 17px;
}
.opinion img {
    border-radius: 100% !important;
    width: 86px !important;
}

/* Related Block */
.post-content .editor-related-block {
    height: auto;
    width: 100%;
    margin-bottom: 25px;
    padding: 0px;
    background-color: #f3f3f3;
    overflow: hidden;
    line-height: normal !important;
}
.post-content .editor-related-block * {
    line-height: normal !important;
}
.post-content .editor-related-block ul li .frame {
    overflow: hidden;
}
.post-content .editor-related-block ul li .desc {
    width: calc(100% - 140px);
}
.post-content .left_list .editor-related-block ul li .desc,
.post-content .right_list .editor-related-block ul li .desc
{
    width: 100% !important;
    box-sizing: border-box !important;
}
.post-content .editor-related-block img {
    max-width: 100% !important;
}
.post-content .mr-10 {
    margin-right: 10px !important;
}
.post-content .ml-10 {
    margin-left: 10px !important;
}
.post-content .mb-10 {
    margin-bottom: 10px !important;
}
.post-content .pd-10 {
    padding: 10px !important;
}
.post-content .editor-related-block .block-heading {
    line-height: 30px !important;
    border-left: 3px solid #df0024;
    padding-left: 12px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-weight: bold;
}
.post-content blockquote {
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
    border-left: 3px solid #23527c;
    background-color: #f3f3f3;
    font-style: italic;
    margin: 0px !important;
    margin-bottom: 25px !important;
}
.post-content blockquote > *:first-child:before {
    content: "";
    display: inline-block;
    background: url(../images/quotes-left.png) left center no-repeat;
    width: 18px;
    height: 16px;
    margin-right: 10px;
}
.post-content > blockquote *:last-child {
    margin-bottom: 0px !important;
}
.post-content .editor-related-block .title-color {
    color: #23527c !important;
}
.post-content .editor-related-block ul,
.post-content .editor-related-block ul li {
    list-style-type: none !important;
    margin: 0px !important;
    padding: 0px !important;
    display: none;
}
.post-content .editor-related-block ul li {
    border-top: 1px solid #fff;
}
.post-content .editor-related-block.basic ul li {
    padding: 10px !important;
}
.post-content .right_list .editor-related-block,
.post-content .left_list .editor-related-block {
    margin-bottom: 0px !important;
}
.post-content table.left_list,
.post-content table.right_list
{
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
}
.post-content .left_list tr td,
.post-content .right_list tr td {
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
}
.post-content .editor-related-block,
.post-content .editor-related-block {
    background-color: #fff !important;
}
.post-content .right_list .editor-related-block tr td,
.post-content .left_list .editor-related-block tr td
{
    line-height: normal !important;
}
.post-content .right_list .editor-related-block ul li .desc,
.post-content .left_list .editor-related-block ul li .desc {
    width: 100% !important;
    box-sizing: border-box !important;
}
.post-content .cl {
    clear: both;
    display: block;
}
.post-content .pull-left {
    float: left;
}
.post-content .pull-right {
    float: right;
}
.post-content .editor-related-block ul,
.post-content .editor-related-block ul li {
    padding: 0px !important;
    margin: 0px !important;
    clear: both !important;
    display: block !important;
}
.post-content .editor-related-block ul li img {
    width: 120px !important;
    margin-bottom: 0px !important;
}
.post-content table.left_list .editor-related-block ul li img,
.post-content table.right_list .editor-related-block ul li img {
    width: 100% !important;
    max-width: 100% !important;
}
.post-content .editor-related-block ul li .post-title {
    font-size: 14px !important;
    line-height: 18px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.post-content .editor-related-block.basic ul li .post-title,
.post-content .left_list .editor-related-block ul li .post-title,
.post-content .right_list .editor-related-block ul li .post-title
{
    margin-top: 0px !important;
}
.post-content .editor-related-block ul li .post-title * {
    font-size: 14px !important;
    line-height: 19px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.post-content .editor-related-block ul li .timer {
    font-size: 13px !important;
    line-height: 18px !important;
    margin-top: 2px !important;
    margin-bottom: 0px !important;
    color: #888;
}

/* QA */
.qa-answer,
.qa-item {
    background-color: #f3f3f3;
    border-top: 1px solid #ddd;
}

.qa-item .question-icon {
    width: 45px;
    height: 45px;
    background-color: #68C39F;
    text-align: center;
}

.qa-item .question-icon i {
    color: #fff;
    line-height: 45px;
    font-size: 24px;
}

.qa-item .question-content {
}
.qa-item > .pd-10 > .question-content > .message {
}
.qa-item .question-content .message-body:focus {
    box-shadow: 0 0px 4px rgba(0,0,0.5);
}

.qa-item .frm-answer {
    border-top: 1px solid #ddd;
    padding: 10px;
    background-color: #fff;
}

.qa-loading {
}

#top-post-opinions .block-heading {
    font-size: 16px;
    line-height: 30px;
    font-weight: bolder;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.profile-list .item {
    clear: both;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.profile-list .item:last-child {
    border-bottom: none;
}

#qa-list .block-heading {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}

#qa-list .block-heading .circle-icon {
    width: 25px;
    height: 25px;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
}
#qa-list .block-heading .circle-icon i {
    line-height: 25px;
}

.question-content .message * {
    max-width: 100% !important;
}

#qa-message-modal .modal-dialog {
    margin-top: 80px;
}


.modal-open .modal {
    z-index: 9999;
}
.modal-header {
    background-color: #f3f3f3;
}
.modal-header,
.modal-content,
.modal-footer
{
    border-radius: 0px !important;
    border-bottom: none !important;
}
.modal-content {
    box-shadow: none !important;
}
.modal-message {
    padding: 15px;
}
.message img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
.message p {
    margin-bottom: 10px;
}

/* Contact */
.emp-name {
    font-size: 16px;
}

.gray-bg {
    background-color: #f3f3f3;
}
.emp-info td {
    padding: 0px;
}
.emp-info tr:first-child td {
    border: none !important;
}

/* Profiles */
.user-profiles .circle-frame {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 100%;
}
.user-profiles .circle-frame img {
    width: 100%;
}
.main-frame {width: 100px; height: 100px}
.main-profile .side-block header {padding: 5px 10px; border-bottom: 1px solid #ddd}

/* Magazine */
.magazine div {max-width: 100% !important;}
.magazine .blk-line-1 .line {height: 2px; border-bottom: 2px dotted #bbb; display: inline-block; width: calc(100% - 25px); position: relative; top: -11px;}
.magazine .blk-line-1 .icon {display: inline-block; width: 25px; height: 25px; background-color: #bbb}
.magazine .blk-line-1.blue .line {border-color: #1b8ecd}
.magazine .blk-line-1.blue .icon {background-color: #1b8ecd}
.magazine .blk-line-1.green .line {border-color: #a5c039}
.magazine .blk-line-1.green .icon {background-color: #a5c039}
.magazine .blk-line-1.orange .line {border-color: #eb891a}
.magazine .blk-line-1.orange .icon {background-color: #eb891a}
.magazine .blk-line-1.purple .line {border-color: #6d3284}
.magazine .blk-line-1.blue .line {border-color: #1b8ecd}
.magazine .blk-line-1.blue .icon {background-color: #1b8ecd}
.magazine .blk-line-1.green .line {border-color: #a5c039}
.magazine .blk-line-1.green .icon {background-color: #a5c039}
.magazine .blk-line-1.orange .line {border-color: #eb891a}
.magazine .blk-line-1.orange .icon {background-color: #eb891a}
.magazine .icon.orange {background-color: #eb891a !important;}
.magazine .green-color {color: #76bd2c !important}
.magazine .blue-color {color: #1b8ecd !important}
.magazine .purple-color {color: #5d3284 !important;}
.magazine .orange-color {color: #f57d1f !important;}
.magazine .yellow-color{color: #ffcc26 !important;}
.magazine .golden-color{color:#b19501 !important;}
.magazine .page-break {height: 2px; border-bottom: 2px dotted #76bd2c; margin-top: 15px; margin-bottom: 15px}
.magazine .purple-color .page-break {border-color: #5d3284 !important;}
.magazine .purple-bg {background-color: #5d3284 !important;}
.magazine .noto-serif, .magazine span.cap.noto-serif {font-family:'Noto Serif', serif !important}
.magazine span.cap {font-family: "Amazone" !important; text-transform: capitalize; font-size: 80px !important; font-weight: lighter; position: relative; display: block; float: left; margin-right: 8px; margin-top: 18px; margin-bottom: 13px; vertical-align: bottom; font-weight: lighter}
.magazine img {box-shadow: none !important; max-width: 100% !important; width: auto !important; height: auto !important;}
.magazine div .table-row:nth-child(even) {background-color: #fff !important;}
.magazine div .table-row * {text-align: center !important;}
.magazine div.image_wp, .magazine div.image {text-align: center !important; margin: 0px auto; width: 100% !important;}
.magazine div.image_wp h2 {width: auto !important; padding-left: 0px !important; padding-right: 0px !important; display: inline-block; text-align: center !important;}
.magazine div.image_wp img {float: none !important;}
.magazine,.magazine p,.magazine div, .magazine table, .magazine strong, .magazine em, .magazine table td, .magazine span, .magazine table th, .magazine h1, .magazine h2, .magazine h3, .magazine h4, .magazine h5 {font-family: 'Noto Serif', serif !important; font-size: 20px !important; line-height: 32px !important; letter-spacing: -1px}
.magazine,.magazine p,.magazine table, .magazine strong, .magazine em, .magazine table td, .magazine span, .magazine table th {text-align: justify}
.magazine h1 {font-size: 24px !important; line-height: 36px !important; font-weight: lighter !important}
.magazine h2 {font-size: 22px !important; line-height: 30px !important; font-weight: lighter !important; letter-spacing: -1px;}
.magazine h2 .float-text {font-weight: lighter !important;}
.magazine h3 {font-size: 20px !important; line-height: 32px !important; font-weight: lighter !important}
.magazine h1 *, .magazine h2 *, .magazine h3 * {margin-bottom: 0px; font-size: inherit !important; line-height: inherit !important; font-weight: lighter !important;}
.magazine h1 .fa, .magazine h2 .fa, .magazine h3 .fa {font-size: 30px !important; position: relative; top: 1px;}
.magazine > .image_full_wp, .magazine > .image_overflow_wp {width: 100% !important; max-width: 100% !important; height: auto !important; margin-left: -10px !important; margin-right: -10px !important; margin-bottom: 12px !important;}
.magazine .image_full_wp, .magazine .image_overflow_wp, .magazine .image_center_wp {position: relative; margin-left: -10px !important;}
.magazine .image_full_wp img, .magazine .image_overflow_wp img  {width: calc(100% + 20px) !important; height: auto !important; max-width: calc(100% + 20px) !important; marign: 0px auto !important;}
.magazine .image_center_wp img {width: calc(100% + 20px) !important; height: auto !important; max-width: 100% !important;}
.magazine .image_center_wp {text-align: center; margin-bottom: 12px !important;}
.magazine .image_center_wp, .magazine .image_left_wp, .magazine .image_right_wp, .magazine .image_to_left_wp, .magazine .image_to_right_wp {padding-left: 0px !important; padding-right: 0px !important;}
.magazine .image_center_wp .image_center {max-width: calc(100% + 20px) !important}
.magazine .image_left_wp {margin-left: 90px !important; margin-right: 15px !important;}
.magazine h1, .magazine h2, .magazine h3, .magazine > p:not(.image_full_wp):not(.image_left_wp):not(.image_right_wp) .image_left_wp, .magazine > div:not(.image_full_wp):not(.image_left_wp):not(.image_right_wp) .image_left_wp {margin-left: 0px !important}
.magazine .image_right_wp {margin-right: 90px !important; margin-left: 15px !important;}
.magazine > p:not(.image_full_wp):not(.image_left_wp):not(.image_right_wp) .image_right_wp, .magazine > div:not(.image_full_wp):not(.image_left_wp):not(.image_right_wp) .image_right_wp {margin-right: 0px !important; margin-left: 0px !important;}
.magazine .image_left_wp, .magazine .image_right_wp {margin-top: 8px !important;}
.magazine .image_to_left_wp {margin-left: 0px !important; float: none !important; margin-right: 0px !important; margin-bottom: 15px !important; margin-top: 15px !important;}
.magazine .image_to_right_wp {margin-right: 0px !important; float: right !important; margin-left: 0px !important; margin-bottom: 15px !important; margin-top: 15px !important;}
.magazine > p .image_full_wp, .magazine > p .mce-pagebreak {width: calc(100% + 160px) !important; max-width: calc(100% + 160px) !important; margin-left: -80px !important; margin-right: -80px !important; padding-left: 0px !important; padding-right: 0px !important; display: block}
.magazine > p .mce-pagebreak {background-color: #135ca5}
.magazine > .cap:first-letter {text-transform: capitalize;font-size: 400%;font-weight: lighter;position: relative;display: block;float: left;margin-right: 12px;margin-top: 18px;margin-bottom: 12px;vertical-align: bottom;}
.magazine blockquote:not(.pull-left):not(.pull-right) {padding: 20px 80px !important; font-size: 20px !important; line-height: 32px !important;}
.magazine table {margin: 0px auto !important; border: none}
.magazine table, .magazine table td {max-width: 100% !important; word-wrap: break-word;overflow-wrap: break-word; border: none !important; padding: 0px !important; vertical-align: middle}
.magazine table td img {margin: inherit !important;}
.magazine table, .magazine table td {max-width: 100% !important; word-wrap: break-word;overflow-wrap: break-word;}
.magazine table td p {padding: 0px !important; font-family: "Noto Serif", sans-serif}
.magazine table[style*='float:left'] {margin-left: 0px !important; margin-right: 15px !important;}
.magazine table[style*='float:right'] {margin-left: 15px !important; margin-right: 0px !important;}
.magazine .grid-stack-wp {background-color: #f3f3f3; padding-top: 10px; padding-bottom: 10px;}
.magazine .grid-stack .grid-stack-item-content {overflow-x: inherit; overflow-y: inherit}
.magazine iframe, .magazine frame {margin-left: -10px; width: calc(100% + 20px) !important; height: 150px !important; max-width: calc(100% + 20px) !important}
.magazine .border-box {border: 1px solid #333; padding: 40px; position: relative}
.magazine .border-box .fit {margin-left: -40px !important; margin-right: -40px !important; position: relative; width: calc(100% + 80px) !important; max-width: calc(100% + 80px) !important;}
.magazine .border-box .fit .image_center_wp {margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; width: 100%; overflow: hidden}
.magazine .border-box .fit img {width: 100% !important; max-width: 100% !important; margin-bottom: 0px !important;}
.magazine .border-box table {width: 100% !important;}
.magazine .border-box table tr td {vertical-align: middle}
.magazine .border-box table tr td .image_wp {display: inline-block}
.magazine .border-box .heading {margin-top: -80px; display: inline-block; font-weight: bold; padding-left: 15px; padding-right: 15px; background-color: #f3f3f3}
.magazine .border-box .heading br {display: none}
.magazine .border-box .heading strong {font-weight: bolder !important;}
.magazine .border-box .image_overflow_wp {margin-left: -50px !important; margin-right: -50px !important;; position: relative !important;}
.magazine .border-box .image_overflow_wp .image_overflow {width: calc(100% + 100px) !important; max-width: calc(100% + 100px) !important;}
.magazine .abs .bottom {bottom: 0px;}
.magazine .abs .left {left: 0px;}
/* Magazine Symbols */
.magazine .dots {width: 100%; display: inline-block; text-align: center}
.magazine .dots .dot {width: 18px; height: 18px; display: inline-block; margin-right: 8px; border-radius: 100%; background-color: #59b532}
.magazine .dots .dot:last-child {margin-right: 0px}
/* Magazine Line */
.magazine .purple-color {border-color: #6d3284 !important;}
.magazine .yellow-color {border-color: #ffcc26 !important;}
.magazine .bottom-line-dot {border-bottom: 2px dotted #ccc; padding-bottom: 15px}
.magazine .bottom-line-thick {border-bottom: 15px solid #ccc}
/* Blog */
.blog-title {font-size: 32px; letter-spacing: -1px; font-weight: bold; color: #006790}