#fullpage .bx-wrapper {
    height: 100%;
    width: 100%;
    position: absolute;
}
#fullpage .bx-viewport, .bx-viewport .slider-background {  height: 100% !important; }
.bx-viewport .slider-background div {
    height: 100% !important;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#fullpage .wrapper-homepage {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.toolbars {margin-top: 50px;}
.toolbars ul.services {
    list-style: none;
    padding: 0;
    text-align: center;
}
.toolbars ul.services li a {
    text-decoration: none;
    display: block;
    background: #00a85a;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-transition: background-color 1s, -webkit-transform 1s;
    transition: background-color 1s, transform 1s;
}

.toolbars ul.services li a:hover {
    background: #ec3237;
}

.toolbars ul.services li span {
    margin: 10px 0px;
    display: block;
    font-size: 16px;
    color: #fff;
}

.toolbars ul.services li img {
    max-width: 50px;
    padding: 5px;
}
.page .header .header-wrap {
    border-bottom: 2px solid #e31;
    background: #fff;
    display: table;
    width: 100%;
    padding: 10px 0;
}
.page-home .header .logo {text-align: center; padding: 10px 0; display: block;}

.page-home .footer {
    margin-top: 0;
    color: #ddd; 
    position: fixed; 
    bottom: 0; left: 0; right: 0; 
    background-color: rgba(0,0,0,0.5); 
    padding-top: 0; 
    font-size: 11px;
}
.page .footer {
    background: #f9f9f9;
    border-top: 4px solid #e31;
}
.footer .footer-wrap {padding: 15px 0;}
.footer .footer-wrap .copyright p {margin-bottom: 0;}
.footer .ft-copyright h3 {font-size: 18px;}
.footer .ft-copyright h3 b, .footer .ft-copyright h3 strong {color: #111;}
.article-grid .loading-image {display: block;margin: 5px auto;}
.article-grid .item_article, .article-list .item_article {
    position: relative; 
    background-color: #fff;
}
.article-list .item_article:before, .article-list .item_article:after {content: ''; display: table; line-height: 0;}
.article-list .item_article:after {clear: both;}
.article-list .items {margin-bottom: 15px;}
.article-list .items:before,.article-list .items:after {content: ''; display: table; line-height: 0;}
.article-list .items:after {clear: both;}
.article-list .items.withImgLeft .images-container {width: 40%; float: left; margin-right: 10px;}

.article-list .items.withImgLeft .article-info {overflow: hidden;}
.article-grid > li{padding-bottom: 30px !important}
.images-container a {display: block; overflow: hidden;}
.item_article .images-container {position: relative;}
.item_article .images-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    flex: 1 100%;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}
.item_article .images-container .onsale {
    position: absolute;
    z-index: 5;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
}
.item_article .images-container .onsale.hot {background: url(../images/label_hot.png) no-repeat 0 0;}
.item_article .images-container a img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.item_article .images-container:before{
    content: "";
    /*background: rgba(0,0,0,0.3);*/
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=0);


    visibility: hidden;
    pointer-events: none;
}
.item_article:hover .images-container:before{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.item_article:hover .images-container a > img {opacity: 0.8;}
.item_article .article-info, .item_article .article-info .article-caption {position: relative; overflow: hidden;}
.item_article .article-info.height {height: 134px;}
.item_article .article-info .article-caption.withImage {padding-left: 60px;}
.item_article .article-info .article-caption.pushpin {padding-right: 40px;}
.item_article .article-info .article-caption .item_date  {font-size: 11px;}
.item_article .article-info .article-desc {
    position: relative; 
    margin-top: 8px; 
    color: #666;
    line-height: 1.6;
}
.item_article .article-info .article-desc a {color: #666;}
.item_article .article-info .avatar {position: absolute; left: 10px; top: 0px;}
.item_article .article-info .push {
    position: absolute; right: 0; top: 0px;
    width: 32px;
    height: 32px;
    display: block;
    background-image: url(../images/icon_pushpin.png);
    background-repeat: 0;
    background-size: cover;
}
.item_article .article-info .author a {color: #111;}
.item_article .article-info .author a:hover {color: #e60000;}
.article-featured .article-grid .item_article .article-info {height: 135px;}
.article-featured .item_article .article-info {
    position: absolute; 
    bottom: 0; left: 0; right: 0; 
    background-color: rgba(0, 0, 0, 0.65); 
    color: #ddd; 
    font-size: 13px;
}
.item_article .article-info .article-name a{
    font-size: 14px; 
    line-height: 20px; 
    font-weight: 600; 
    color: #111;
    overflow: hidden; 
    display: block;
}
.article-member .item_article .article-info .article-name a{
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item_article .article-info .article-name a:hover{color: #e60000; }
.article-featured .item_article .article-info .article-name a {color: #fff; margin-bottom: 8px; text-overflow: inherit; white-space: normal;}
.item_article .article-info .item_button,.item_article .article-info .item_status,.item_article .article-info .item_date {font-size: 12px; line-height: 24px;}
.item_article .article-info .item_date {color: #aaa;}
.item_article .article-info .item_action a {display: inline-block; vertical-align: middle; margin-right: 20px;}
.item_article .article-info .article-seo {display: none;}
.item_article .article-button {
    border-top: 1px solid #dedede; 
    position: relative; 
    line-height: 26px;
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    flex: 1 100%;
}
.item_article .article-button a {
    display: block; 
    float: left;
    position: relative;
    width: 33.33333%;
    font-weight: 600;
    color: #616770;
    letter-spacing: 1px;
    text-align: center;
    padding: 8px 5px; 
    vertical-align: middle;
}
.item_article .article-button a.highlight {color: #0088cc;}
.item_article .article-button a .fa {font-size: 16px;}
.item_article .article-button a:hover {color: #000; background-color: #f6f6f6;}
.article-list .item_article .article-info {padding-top: 0;}
.article-list .item_article .article-info .article-name a {margin-bottom: 10px;}


.article-carousel .carousel-control {
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    opacity: 1;
    top:50%;
    margin-top: -20px;
    z-index: 10;
    text-shadow: none;
    line-height: 40px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-color: #4E443C;
    text-align: center;
    text-shadow: 0 0 1px #000;
    box-shadow: 0 0 4px #F0EFE7;
    border-radius: 40px;
    font-family: 'FontAwesome';
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform:translate(0, 0);
}
.article-carousel .carousel-control:hover {color: #e60000;}
.article-carousel .carousel-control.left {left: 10px;}
.article-carousel .carousel-control.right { right: 10px;}
.article-carousel .carousel-control.left,.article-carousel .carousel-control.right { background-image:none;}
.article-carousel .carousel-control .bx-prev,.article-carousel .carousel-control .bx-next {
    display: block;
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -9999px;
}
.article-carousel .carousel-control.left:before{content:"\f104"}
.article-carousel .carousel-control.right:before{content:"\f105"}

#last_mst_loader {display: block; text-align: center;}
.banner_adv {display: block; position: relative;}
.banner_adv a {display: block; margin-bottom: 15px; background-color: #fff;}
#fullpage #google_translate_element {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}